/*===================================公共样式======================================== */ body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, Passlogin, table, td, img, div, p, dl, dt, dd { margin: 0; padding: 0; } body { min-width: 1200px; } body { margin: 0; color: #333333; font-family: FZLTHJW, '微软雅黑', Lucida Grande, Verdana, Lucida, Arial, Helvetica, sans-serif; font-size: 16px; text-align: left; background: #fff; } h1, h2, h3, h4, h5, h6 { font-size: 20px; margin: 0px; padding: 0px; font-weight: normal; } ul, li, dl, ul, ol { list-style: none; } tt { font-family: "微软雅黑" } select { font-size: 16px; color: #333333; } input { font-size: 16px; color: #333333; } select, input { vertical-align: middle; padding: 0; margin: 0; } cite, em { font-style: normal; } a { text-decoration: none; } a:link, a:visited { color: #333333; } a:hover, a:active { color: #FF1A00; text-decoration: none; } img { border: 0px; } .fl { float: left; } .fr { float: right; } .fd { clear: both; height: 0px; width: 0px; overflow: hidden } input { outline: none; } input::-webkit-input-placeholder { color: #CACACA; } input::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #CACACA; } input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #CACACA; } input:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #CACACA; } .none { display: none } body, html { height: 100% } .clearfix::before, .clearfix:after { content: ""; display: table; clear: both } textarea:focus, textarea:active, textarea:hover { outline: none; } select:focus, select:active, select:hover { outline: none; } .w { width: 1200px; margin: 0px auto } .w19 { width: 19px; } .w14 { width: 14px; } .w12 { width: 12px; } .w13 { width: 13px; } .marginr24 { margin-right: 24px; } .marginr19 { margin-right: 19px; } .paddingl43 { padding-left: 43px; } .huibj { background: #f5f5f5; min-width: 1200px; } .bj_jianb { min-width: 1200px; background: url(../images/home-bj.png) repeat-x; } .bg-default { background: url(../images/home_bj_jb.png) repeat-x; } .lock { overflow: hidden; } /*字体包*/ @font-face { font-family: FZLTHJW; src: url('../images/FZLTHJW.TTF') } /*小图标*/ @font-face { font-family: 'icon-font'; src: url('../images/iconfont.woff') format('woff'), url('../images/iconfont.otf') format('truetype'); } [class^="icon-"], [class*=" icon-"] { font-family: 'icon-font'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .iconfont { color: #666666; font-size: 24px; -webkit-text-stroke-width: 0.2px; } .icon-sosu:before { content: "\E5A1" } .icon-jtsx:before { content: "\E790" } .icon-slh:before { content: "\E794" } .icon-gd:before { content: "\E5A5" } .icon-bj:before { content: "\E5A6" } .icon-jtc:before { content: "\E6E9" } .icon-jtRigt:before { content: "\E791" } /* heyx */ .bjimg_cen { position: absolute; left: 0; top: 0; z-index: -1; width: 100%; min-width: 1200px; min-height: 1000px; height: 100%; border-top: 3px #fff solid; background: url(../images/home_bj_jb2.jpg) repeat-x left top; margin-top: -5px; } .bjimg_cen img { max-width: 100% } .bjimg_cen img { width: 100% } .bj_jianbian { position: absolute; left: 0; top: 135px; z-index: -1; width: 100%; min-width: 1200px; height: 1080px; background: url(../images/home_bj_jb2.jpg) repeat-x left top; } /*头开始*/ .heider_top { width: 100%; position: relative; height: 103px; background-color: #fff !important; } /*头顶*/ .head_bt { width: 100%; border-bottom: 1px #d7d7d7 solid; height: 31px; font-size: 14px; } .head_bt .w { height: 100%; } .head_bt .left_cen { color: #999; float: left; line-height: 31px; font-size: 14px; height: 100%; } .head_bt .left_cen span { margin: 0px 14px; } .head_bt .left_cen .grzx { float: left; margin-left: 24px; color: #999; height: 100%; } .head_bt .left_cen .grzx i { font-size: 16px; color: #d7d7d7; width: 22px; display: inline-block } .head_bt .left_cen .grzx i.icon-jtsx { margin-left: 5px; font-size: 14px; } .head_bt .left_cen .grzx a:hover i { color: #999 } .head_bt .left_cen .denlv { float: left } .head_bt .left_cen .denlv a, .head_bt .left_cen .grzx a { color: #999 } .head_bt .left_cen .denlv a:hover, .head_bt .left_cen .grzx a:hover { color: #999 } /* .head_bt .left_cen .login .line-y { width: 0; height: 15px; border-left: 1px solid #b4b4b4; margin: 0 6px; } */ /* .head_bt .right_cen{float: right;line-height: 31px; height: 100%; color: #999;} .head_bt .right_cen .pilu{ color: #FF1A00;padding: 0px 14px;} .head_bt .right_cen .ziti{padding: 0px 14px;} .head_bt .right_cen .ziti b{ font-weight: normal; padding: 0px 5px; } .head_bt .right_cen .pilu a{ color: #FF1A00} .head_bt .right_cen .ziti a{ color: #999} */ .top-bar-right { float: right; line-height: 31px; height: 100%; color: #999; } .top-bar-right .pilu { color: #FF1A00; padding: 0px 14px; } .top-bar-right .ziti { padding: 0px 14px; } .top-bar-right .ziti b { font-weight: normal; padding: 0px 5px; } .top-bar-right .pilu a { color: #FF1A00 } .top-bar-right .ziti a { color: #999 } /*头+logo*/ .head_ce { height: 103px; } .head_ce h1 { height: 100%; float: left; width: 18%; } .head_ce h2 { float: right; height: 23px; overflow: hidden; padding-top: 41px; width: 19%; } .head_ce h1 img { margin-top: 21px; max-width: 215px; width: 100% } .head_ce h2 img { display: block; max-width: 227px; width: 100% } .head_ce .nav { float: left; font-size: 18px; height: 103px; width: 59%; padding-left: 4%; } .head_ce .nav>ul { height: 100%; } .head_ce .nav>ul>li .sosu { position: relative; cursor: pointer; margin-top: 37px; height: 29px; display: inline-block; -webkit-border-radius: 8px; border-radius: 8px; font-size: 14px; color: #333; line-height: 29px; text-indent: 0; text-align: left; padding-left: 7px; } .head_ce .nav>ul>li .ssimg { background: url(../images/ssmr.png); width: 18px; height: 18px; vertical-align: middle; display: inline-block; background-size: 90%; background-repeat: no-repeat; } .head_ce .nav>ul>li .sosu { font-size: 18px; } /*导航*/ .head_ce .nav>ul>li { width: 14% !important; height: 103px; float: left; text-align: center; box-sizing: border-box; } .head_ce .nav>ul>li>a { height: 102px; font-size: 18px; position: relative; display: block; line-height: 103px } .head_ce .nav>ul>li>a>i { position: absolute; left: 50%; right: 50%; width: 0; bottom: 1px; height: 3px; background: #FF1A00; } .head_ce .nav>ul>li.on .ssimg { background: url(../images/ssred.png); width: 18px; height: 18px; vertical-align: middle; display: inline-block; background-size: 90%; background-repeat: no-repeat; } .head_ce .nav>ul>li.on .sosu { color: #FF1A00; /* border: 1px #FF1A00 solid; */ } .head_ce .nav>ul>li:last-of-type.on>a { border-bottom: 0px #fff solid } .head_ce .nav>ul>li.hove i { position: absolute; left: 0; width: 82%; right: 0; margin: 0 auto; bottom: 1px; height: 3px; background: #FF1A00; } .head_ce .nav>ul>li:first-of-type.hove i { width: 50%; } /*二级*/ .nav .sub { position: absolute; left: 0px; top: 102px; background: #fff; width: 100%; min-width: 1200px; z-index: 202; overflow: hidden; display: none; border-top: 1px #F5F5F5 solid } /*关于人保*/ .menu-box { width: 100%; background: #fff; margin: 0px auto; border-bottom: 4px #FF1A00 solid; min-height: 70px; } .menu-box .about-menu-list { width: 1200px; margin: 0px auto; display: flex; justify-content: center } .menu-box .about-menu-list li { font-size: 14px; display: inline-block; } .menu-box .about-menu-list a { display: block; height: 70px; font-size: 16px; line-height: 70px; color: #333; padding: 0px 20px; position: relative } .menu-box .about-menu-list a:hover { color: #FF1A00 } /*搜索*/ /*搜索*/ .menu-box .search-menu-tit { font-size: 32px; color: #333; text-align: left; /* line-height: 60px; */ font-weight: 700; width: 1200px; margin: 0px auto; margin-top: 35px; margin-bottom: 41px; } .menu-box .search-menu-tit .sousoclose { float: right; } .menu-box .search-menu-content { text-align: center; width: 100%; padding-bottom: 40px; } .menu-box .search-menu-content .sousoclose i { background: url(../images/sousoclose.png) center no-repeat; width: 16px; height: 16px; display: inline-block; } , .menu-box .search-menu-content .search-recommend { padding-top: 10px; } .menu-box .search-menu-content .search-box { margin: 0 auto; width: 1200px; height: 54px; border-radius: 4px; overflow: hidden; border: 1px solid #D7D7D7; } .menu-box .search-menu-content .search-input { font-size: 18px; width: 100%; height: 100%; border: 0; font-family: '微软雅黑', FZLTHJW, Lucida Grande, Verdana, Lucida, Arial, Helvetica, sans-serif; } .menu-box .search-menu-content .search-input-box { width: 86%; -webkit-box-sizing: border-box; box-sizing: border-box; height: 100%; display: inline-block; vertical-align: middle; float: left; padding-left: 10px; } .menu-box .search-menu-content .search-menu-btn { height: 100%; position: relative; width: 100%; border: 0; background: none; font-size: 18px; color: white; cursor: pointer; } .menu-box .search-menu-content .search-menu-btn span { font-family: '微软雅黑', FZLTHJW, Lucida Grande, Verdana, Lucida, Arial, Helvetica, sans-serif; } .menu-box .search-menu-content .search-menu-btn-box .textsouso { background: url(../images/textsouso.png) center no-repeat; width: 25px; height: 22px; vertical-align: middle; display: inline-block; margin-right: 10px; background-size: 80%; } .menu-box .search-menu-content .search-menu-btn-box { display: inline-block; vertical-align: middle; width: 14%; height: 100%; background-color: rgb(255, 18, 0); } .menu-box .search-menu-content .recommend-title { font-size: 22px; color: #333333; line-height: 22px; font-weight: bold; width: 1200px; margin: 0px auto; margin-top: 60px; margin-bottom: 32px; text-align: left; } .menu-box .search-menu-content .recommend-list { width: 1200px; margin: 0px auto; margin-top: 20px; text-align: left; } .menu-box .search-menu-content .recommend-item { display: inline-block; vertical-align: middle; /* height: 157px; */ width: 31.5%; position: relative; overflow: hidden; box-shadow: 0px 3px 14px 0px rgba(0, 0, 0, 0.1); border-radius: 5px; } .menu-box .search-menu-content .mr25 { margin-right: 25px; } .menu-box .search-menu-content .recommend-item a { height: 100%; display: block } .menu-box .search-menu-content .recommend-item .product-info { height: 110px; text-align: left; float: left; margin-left: 6px; } .menu-box .search-menu-content .recommend-item .product-image { width: 182px; height: 134px; float: left; border-radius: 4px; margin: 10px; } .menu-box .search-menu-content .recommend-item .product-name { font-size: 18px; line-height: 22px; color: #333333; width: 150px; padding-top: 20px; height: 44px; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-weight: bold; } .menu-box .search-menu-content .recommend-item .product-name:hover { color: #FF1A00; } .menu-box .search-menu-content .recommend-item .product-price { color: #FF1A00; font-size: 14px; line-height: 28px; padding-top: 40px; display: inline-block; font-weight: bold; } .menu-box .search-menu-content .recommend-item .priced { font-size: 22px; } .menu-box .search-menu-content .recommend-item .icon-bj { position: absolute; left: 112px; bottom: 12px; color: #D7D7D7 } .menu-box .search-menu-content .recommend-item a:hover .icon-bj { color: #FF1A00 } .menu-box .search-keyword-box { margin: 0 auto; width: 1200px; padding-bottom: 13px; margin-top: 28px; } .menu-box .search-keyword-box .keyword-list { padding-left: 0; text-align: left; } .menu-box .search-keyword-box .keyword-item { display: inline-block; vertical-align: middle; font-size: 14px; background-color: rgb(246, 246, 246); color: #999; padding: 10px; margin-right: 18px; margin-bottom: 14px; } .menu-box .search-keyword-box .keyword-list .hotkey span { color: rgb(255, 28, 0); } .menu-box .search-keyword-box .hotkey { background-color: rgb(255, 245, 244); } .menu-box .search-keyword-box .keyword-item span { vertical-align: middle; } .menu-box .search-keyword-box .keyword-list span { line-height: 20px; } .menu-box .search-keyword-box .keyword-item .sshot { background: url(../images/sshot.png) center no-repeat; width: 17px; height: 19px; vertical-align: middle; display: inline-block; margin-right: 10px; } .menu-box .search-keyword-box .keyword-item a { color: #999 } .menu-box .search-keyword-box .keyword-item:hover a { color: #ff532b } .top-bar a, .top-bar-left { color: #999; font-size: 14px } /*首页*/ /*首页焦点图*/ .index_banner { width: 100%; min-width: 1200px; text-align: center; height: 440px; overflow: hidden; position: relative; } .index_banner ul { overflow: hidden; height: 440px; position: relative; width: 1920px; margin-left: -960px; left: 50%; } .index_banner li { width: 1920px; height: 440px; position: absolute; left: 50%; top: 50%; margin-top: -220px; margin-left: -50% /*transform: translate(-50%,-50%);*/ } .index_banner li a { display: block; } .index_banner li a img { height: 440px; width: 100%; max-height: 440px; } .index_banner .jdtnum { position: absolute; bottom: 20px; left: 50%; right: 50%; height: 20px; z-index: 9; width: 100%; margin-left: -50%; text-align: center; } .index_banner .jdtnum span { height: 4px; position: relative; width: 46px; border: 0; margin: 0px 8px; background: url(../images/home-banner-switch-icon2.png) no-repeat; cursor: pointer; font-size: 0; display: inline-block; } .index_banner .jdtnum span.cur { background: url(../images/home-banner-switch-icon1.png) no-repeat; } /*资讯*/ .top-info { padding: 19px 0 60px 0px; overflow: hidden } .top-info-list { margin: 0 -5px; overflow: hidden; } .top-info-item { margin: 0px 7px; height: 376px; display: flex; align-items: center; float: left; position: relative; width: 288px; } .top-info-item .img { width: 256px; height: 160px; border-radius: 5px; -webkit-border-radius: 5px; } .top-info-item .time { font-size: 12px; color: #FF1A00; display: block; padding: 8px 0; } .top-info-item .name { font-size: 16px; line-height: 24px; display: block; height: 48px; overflow: hidden; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .top-info-item .jianjie { color: #fff; font-size: 12px; display: none; margin-top: 16px; height: 36px; line-height: 18px; overflow: hidden } .top-info-item .box { width: 100%; position: relative } .top-info-item i { background: url(../images/news-xiangq-r.png) no-repeat; display: block; width: 24px; height: 16px; margin-top: 5px; } .top-info-item .top-info-link { width: 288px; overflow: hidden; height: 320px; background: #fff; padding: 16px; border-radius: 10px 0px 10px 0px; -webkit-border-radius: 10px 0px 10px 0px; } .top-info-item .top-info-link { display: block; box-sizing: border-box; -webkit-transition: all .3s; transition: all .3s; } .top-info-item .top-info-link { position: absolute; left: 0; top: 27px; } .top-info-item:hover .top-info-link { background: #FF1A00; color: #fff; } .top-info-item:hover .jianjie { display: inline-block; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .top-info-item:hover .box:after { color: #fff } .top-info-item:hover i { background: url(../images/news-xiangq-w.png) no-repeat; } .top-info-item:hover .time { color: #fff } /*新闻中心*/ .home_cen { padding-top: 30px; overflow: hidden } .home_news { border-bottom: 1px #D7D7D7 solid; padding-bottom: 7px; position: relative; } .home_news b { font-size: 32px; line-height: 42px; color: #000; font-weight: bold } .home_news span { color: #FF1A00; font-size: 16px; line-height: 21px; display: block; text-transform: capitalize } .home_news .rlrk-bj { position: absolute; right: 0; top: -4px; background: url(../images/jtrl.gif) no-repeat; width: 286px; height: 72px; } .home_news .rlrk-bj a { position: absolute; width: 286px; height: 72px; } .home_news .rbrl_day { color: #FF0000; font-size: 30px; font-family: HYDaHeiJ-Regular, HYDaHeiJ; font-weight: bold; line-height: 43px; /* display: inline-block; */ margin-left: 60%; margin-top: 18px; margin-right: 2px; float: left; } .home_news .rbrl_day1 { color: #FF0000; font-size: 30px; font-family: HYDaHeiJ-Regular, HYDaHeiJ; font-weight: bold; line-height: 43px; /* display: inline-block; */ margin-top: 18px; float: left; margin-left: 2px; } .home_news .rlrk-xg { margin-top: 27px; /* display: inline-block; */ float: left; } .news_left { width: 568px; height: 265px; position: relative; float: left } .news_left .img_nes { width: 100%; height: 100% } .news_left .logo { position: absolute; left: 0; top: 115px; width: 100%; text-align: center; } .news_bxpl { width: 568px; height: 293px; position: relative; float: left } .news_bxpl h2 { border-bottom: 1px #D7D7D7 solid; height: 35px; line-height: 21px; overflow: hidden; font-size: 16px; } .news_bxpl h2 b { font-size: 16px; float: left } .news_bxpl h2 span { color: #000; font-size: 14px; font-weight: bold; float: right; cursor: pointer } /* .news_bxpl h2 span i{ font-size: 16px; color: #FF1A00; margin:0 16px 0px 6px;} */ .news_bxpl h2 span i { float: right; width: 16px; height: 16px; background: url(news-more-icon.png) no-repeat right center; margin: 2px 0 0 6px; } .news_bxpl h2 span a { color: #000 } .news_bxpl ul { width: 100%; padding-top: 17px; } .news_bxpl li { height: 45px; font-size: 14px; } .news_bxpl li p { padding-left: 28px; float: left; width: 456px; overflow: hidden; height: 45px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .news_bxpl li span { padding-left: 28px; display: block; float: left; width: 440px; height: 45px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .title-box .time { font-family: "微软雅黑" } .news_bxpl li a { height: 45px; line-height: 45px; position: relative; width: 100%; } .news_bxpl li a { background: url(news-un-hover.png) no-repeat left center } .news_bxpl li tt { float: right; font-size: 14px; } .news_bxpl li a:hover { background: url(news-hover.png) no-repeat left center; color: #FF1A00 } .news_bxpl li a { display: inline-block } .news_right { width: 600px; float: right } .news_right h2 { border-bottom: 1px #D7D7D7 solid; height: 35px; line-height: 21px; overflow: hidden; font-size: 16px; } .news_right h2 b { font-size: 16px; float: left } .news_right h2 span { color: #000; font-size: 14px; font-weight: bold; float: right; cursor: pointer; } /* .news_right h2 span i{ font-size: 16px; color: #FF1A00; margin:0 16px 0px 6px;} */ .news_right h2 span i { float: right; width: 16px; height: 16px; background: url(news-more-icon.png) no-repeat right center; margin: 2px 0 0 6px; } .news_right h2 span a { color: #000 } .news_right ul { width: 100%; padding-top: 17px; } .news_right li { height: 45px; font-size: 14px; } .news_right li p { padding-left: 28px; float: left; width: 456px; overflow: hidden; height: 45px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .news_right li span { padding-left: 28px; display: block; float: left; width: 476px; height: 45px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .news_right li a { height: 45px; line-height: 45px; position: relative; width: 100%; } .news_right li a { background: url(../images/news-un-hover.png) no-repeat left center } .news_right li tt { float: right; font-size: 14px; } .news_right li a:hover { background: url(../images/news-hover.png) no-repeat left center; color: #FF1A00 } .news_right li a { display: inline-block } .news_pinlv { padding-top: 30px; } .cpfw_right { width: 394px; border: 1px #D7D7D7 solid; height: 615px; margin-top: 32px; float: right; } .cpfw_right li { width: 196px; position: relative; height: 308px; border-bottom: 1px #D7D7D7 solid; float: left; position: relative; } .cpfw_right li b { position: absolute; left: 0; top: 0; width: 100%; height: 154px; background: none; font-size: 18px; line-height: 154px; display: block; color: #000; padding-left: 32px; box-sizing: border-box; -webkit-box-sizing: border-box; } .cpfw_right li em { display: block } .cpfw_right li .dpfw_fp { background: url(../images/fpcx_1.png) no-repeat; width: 51px; height: 43px; position: absolute; left: 32px; bottom: 65px; } .cpfw_right li i { position: absolute; right: 32px; bottom: 69px; color: #CCCCCC; width: 29px; height: 20px; display: block; background-image: url(../images/jiantou.png) } .cpfw_right li a { display: block; width: 100%; height: 100%; } .cpfw_right li { border-right: 1px #D7D7D7 solid; box-sizing: border-box; } .cpfw_right li:nth-child(even) { border-right: 0px #D7D7D7 solid; width: 197px; } .cpfw_right li:hover b { background: #FF1A00; color: #fff } .cpfw_right li:hover .dpfw_fp { background: url(../images/fpcx_2.png) no-repeat; } .cpfw_right li:hover i { color: #000; background-image: url(../images/jiantou-on.png) } .cpfw_right li a { transition: all .3s } .cpfw_right li .dpfw_bd { background: url(../images/bdcx_1.png) no-repeat; width: 51px; height: 43px; position: absolute; left: 32px; bottom: 65px; } .cpfw_right li:hover .dpfw_bd { background: url(../images/bdcx_2.png) no-repeat; } .cpfw_right li .dpfw_lpcs { background: url(../images/lpcs_1.png) no-repeat; width: 51px; height: 43px; position: absolute; left: 32px; bottom: 65px; } .cpfw_right li:hover .dpfw_lpcs { background: url(../images/lpcs_2.png) no-repeat; } .cpfw_right li .dpfw_wdcs { background: url(../images/wdcx_1.png) no-repeat; width: 52px; height: 43px; position: absolute; left: 32px; bottom: 65px; } .cpfw_right li:hover .dpfw_wdcs { background: url(../images/wdcx_2.png) no-repeat; } .cpfw_right li:nth-of-type(3), .cpfw_right li:nth-of-type(4) { border-bottom: 0 } .cpfw_right li.onlie { border-bottom: 0px; } .cpfw_right li b.bjs { background: #FF1A00 } .cpfw_cen { padding-bottom: 60px; overflow: hidden } .cpfw_bsjs { width: 776px; padding-top: 32px; overflow: hidden; float: left } .cpfw_left { width: 776px; padding-bottom: 16px; overflow: hidden } .cpfw_left .box1 { width: 450px; height: 300px; position: relative; cursor: pointer } .cpfw_left .box1 em { display: block; width: 100%; height: 100%; } .cpfw_left .box1 em img { display: block; width: 100%; height: 100%; } .fd_left { float: left } .fd_right { float: right } .cpfw_left .box2 { width: 312px; height: 300px; position: relative; cursor: pointer } .cpfw_left .box2 em { display: block; width: 100%; height: 100%; } .cpfw_left .box2 em img { display: block; width: 100%; height: 100%; } .cpfw_left .box1 .wenxt { width: 450px; height: 300px; position: absolute; left: 0; top: 0; cursor: pointer } .cpfw_left .box1 .wenxt a { position: relative; padding: 10px 15px 30px 20px; display: block; height: 260px; z-index: 1; } .cpfw_left .box1 .wenxt a:hover .lijbaij { border: 1px #FF1A00 solid; color: #fff; background: #FF1A00 } .lijbaij .icon-bj:before { content: url("../images/jt.png"); position: absolute; right: -10px; top: 2px; ; } .cpfw_left .box1 .wenxt a:hover .lijbaij i { color: #fff } .cpfw_left .wenxt a:after { content: ""; display: block; width: 100%; height: 60%; position: absolute; left: 0; bottom: 0; z-index: -1; background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 1)); background: -moz-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 1)); background: -o-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 1)); } .cpfw_left .box1 .wenxt .name { display: block; width: 70px; line-height: 24px; height: 24px; background: #FF1A00; color: #fff; font-size: 14px; font-weight: normal; padding-left: 8px; } .cpfw_left .box2 .wenxt .js, .cpfw_left .box1 .wenxt .js { font-size: 20px; color: #fff; display: block; line-height: 14px; } .cpfw_left .box1 .wenxt .js.js1 { margin-top: 145px; } .cpfw_left .box2 .wenxt .js.js2 { margin: 0 0 8px; } .cpfw_left .box2 .wenxt .js.js3 { margin-top: 135px; } .cpfw_left .box1 .wenxt .js.js4 { margin-top: 140px; } .cpfw_left .box1 .wenxt .jianjie { font-size: 14px; color: #fff; margin: 16px 0; display: block; font-weight: normal; height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .cpfw_left .box1 .wenxt .jianjie b { font-weight: bold } .cpfw_left .box1 .wenxt .baiqian { width: 143px; height: 24px; border: 1px #fff solid; overflow: hidden; display: block; overflow: hidden; margin-bottom: 16px; font-size: 12px; color: #fff; line-height: 24px; padding-left: 8px; } .cpfw_left .box1 .wenxt .lijbaij { width: 87px; padding-left: 8px; line-height: 22px; height: 24px; border: 1px #fff solid; background: none; position: absolute; right: 24px; bottom: 32px; color: #fff; font-size: 12px; box-sizing: border-box; -webkit-box-sizing: border-box } .cpfw_left .box1 .wenxt .lijbaij i { color: #fff; font-size: 16px; margin-left: 8px; } .cpfw_left .box1 .wenxt .baiqian tt { width: 71px; display: inline-block; float: left; background: url('../images/home_line.png') no-repeat 96% center } .cpfw_left .box1 .wenxt .baiqian .cph { width: 60px; height: 24px; line-height: 24px; float: right; border: 0px; background: none; font-size: 12px; color: #fff; padding-left: 5px; box-sizing: border-box; -webkit-box-sizing: border-box; } .cpfw_left .box1 .wenxt .baiqian span { width: 67px; display: inline-block; float: left; padding-left: 5px; } .cpfw_left .box1 .wenxt .xiala { width: 60px; display: inline-block; overflow: hidden; background: none; float: right } .cpfw_left .box1 .wenxt .rwbsjs { font-size: 14px; color: #fff; margin: 16px 0; display: block; font-weight: normal; height: 20px } .cpfw_left .box1 .wenxt .jiage { font-size: 14px; color: #fff; font-weight: normal; padding-top: 8px; display: inline-block } .cpfw_left .box1 .wenxt .jiage b { font-weight: bold; font-size: 18px; } .cpfw_left .box2 .wenxt { width: 312px; height: 300px; position: absolute; left: 0; top: 0; cursor: pointer; } .cpfw_left .box2 .wenxt a { padding: 10px 15px 30px 20px; display: block; height: 260px; position: relative; z-index: 1; } .cpfw_left .box2 .wenxt a:hover .lijbaij { border: 1px #FF1A00 solid; color: #fff; background: #FF1A00 } .cpfw_left .box2 .wenxt a:hover .lijbaij i { color: #fff; } .cpfw_left .box2 .wenxt .name { display: block; width: 70px; height: 24px; line-height: 24px; background: #FF1A00; color: #fff; font-size: 14px; font-weight: normal; padding-left: 8px; } .cpfw_left .box2 .wenxt .js { font-size: 20px; color: #fff; margin-top: 74px; display: block; line-height: 26px; } .cpfw_left .box2 .wenxt .jianjie { font-size: 14px; color: #fff; margin: 10px 0; display: block; font-weight: normal; height: 28px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .cpfw_left .box2 .wenxt .jianjie2 { font-size: 14px; color: #fff; display: block; font-weight: normal; height: 24px; line-height: 24px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .cpfw_left .box2 .wenxt .jianjie2 .jingzhi { color: #FF1A00; font-size: 18px; margin-left: 5px; } .cpfw_left .box2 .wenxt .jianjie2 .zengfu { color: #23ac38; font-size: 12px; } .cpfw_left .box2 .wenxt .jianjie2 .zengfu b { font-size: 18px; margin-left: 5px; } .cpfw_left .box2 .wenxt .jianjie b { font-weight: bold } .cpfw_left .box2 .wenxt .baiqian { width: 143px; height: 24px; border: 1px #fff solid; overflow: hidden; display: block; overflow: hidden; margin-bottom: 16px; font-size: 12px; color: #fff; line-height: 24px; padding-left: 8px; } .cpfw_left .box2 .wenxt .lijbaij { padding-left: 8px; line-height: 22px; width: 87px; height: 24px; border: 1px #fff solid; background: none; position: absolute; right: 24px; bottom: 32px; color: #fff; font-size: 12px; box-sizing: border-box; -webkit-box-sizing: border-box; padding: 0px 8px; } .cpfw_left .box2 .wenxt .lijbaij i { color: #fff; font-size: 16px; margin-left: 8px; } .cpfw_left .box2 .wenxt .baiqian tt { width: 71px; display: inline-block; float: left; background: url('../images/home_line.png') no-repeat 96% center } .cpfw_left .box2 .wenxt .baiqian .cph { width: 60px; height: 24px; line-height: 24px; float: right; border: 0px; background: none; font-size: 12px; color: #fff; padding-left: 5px; box-sizing: border-box; -webkit-box-sizing: border-box; } .cpfw_left .box2 .wenxt .baiqian span { width: 67px; display: inline-block; float: left; padding-left: 5px; } .cpfw_left .box2 .wenxt .xiala { width: 60px; display: inline-block; overflow: hidden; background: none; float: right } .cpfw_left .box2 .wenxt .jiage { font-size: 14px; color: #fff; font-weight: normal } .cpfw_left .box2 .wenxt .jiage b { font-weight: bold; font-size: 18px; } .dbrk_cen { border-top: 1px #D7D7D7 solid; overflow: hidden } .dbrk_cen li { width: 25%; position: relative; float: left; display: flex; align-items: center; flex-direction: column; padding: 120px 0; cursor: pointer; background: url(../images/home_lincy.png) no-repeat 97% center } .dbrk_cen li a:hover { color: #FF1A00; } .dbrk_cen li img { display: block; margin: 0px auto 32px auto } .dbrk_cen li span { display: block; text-align: center; font-size: 16px; } .dbrk_cen li a { width: 100%; height: 100%; display: block; } .dbrk_cen li:last-of-type:after { background: #fff } .dbrk_cen li.no { background: none } /*企业文化 焦点图 图片*/ .news_right .device { width: 100%; position: relative; margin: 10px auto; overflow: hidden; height: 267px; } .news_right .swiper-container { width: 798px; height: 246px; transform: translateX(-201px); } .news_right .swiper-slide .title a { display: block; position: relative; width: 399px; height: 246px; opacity: 1; } .news_right .swiper-slide .title a>img { width: 399px; height: 246px; } .news_right .swiper-slide .title a p { width: 48px; height: 48px; position: absolute; left: 0; top: 0; bottom: 0; right: 0; margin: auto; } .news_right .swiper-slide .title a p img { width: 100%; height: 100% } /*企业文化 焦点图*/ .news_right .swiper-slide { height: 100%; opacity: 0.4; -webkit-transition: 300ms; -moz-transition: 300ms; -ms-transition: 300ms; -o-transition: 300ms; transition: 300ms; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); } .news_right .swiper-slide-visible { opacity: 0.5; -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); } .news_right .swiper-slide-active { top: 0; opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .news_right .pagination { position: absolute; z-index: 20; left: 0; width: 100%; bottom: 0 } .news_right .swiper-pagination-switch { display: inline-block; background-color: #D7D7D7; width: 30px; height: 4px; cursor: pointer; border-top: 2px #fff solid; border-bottom: 2px #fff solid } .news_right .swiper-active-switch { background-color: #FF1A00; width: 30px; height: 4px; border-top: 2px #FF1A00 solid; border-bottom: 2px #FF1A00 solid } /*投资者关系*/ /* .wct_bj{ background: url(../images/invest-tzbj.png) no-repeat left top; } */ .wct_bj { position: absolute; left: 0; top: 0; z-index: -1; width: 100%; min-width: 1200px; min-height: 700px; height: 100%; border-top: 3px #fff solid; background: url(../images/home_bj_jb2.jpg) repeat-x left top; margin-top: -5px; } .wct_bj img { height: 700px; width: 100%; } .wctm_bj { background: url(../images/invest-tzbj.png) no-repeat left top; height: 700px; } .wct_bj_div { height: 530px; } .tz_bati { border-bottom: 1px solid #D7D7D7; height: 101px; overflow: hidden; margin-bottom: 46px; } .tz_bati h1 { font-size: 32px; color: #000; font-weight: bold; height: 42px; line-height: 42px; margin-top: 16px; } .tz_bati b { display: block; font-size: 16px; color: #FF1A00; height: 21px; line-height: 21px; margin-top: 6px; text-transform: uppercase; font-weight: normal; } .tz_cen { overflow: hidden } .tz_cen .tz_left { width: 216px; background: #fff; float: left; min-height: 670px; padding-bottom: 40px; } .tz_cen .tz_left .baotou { width: 100%; height: 78px; color: #fff; font-size: 20px; background: #FF1A00; font-weight: normal; line-height: 20px; display: table; } .tz_cen .tz_left .baotou a { color: #fff; width: 100%; height: 100%; } .tz_cen .tz_left .baotou span { display: table-cell; vertical-align: middle; padding-left: 15px; } .tz_cen .tz_left .baotou img { padding: 22px 0 0 24px; width: 114px; height: 34px; } .tz_cen .navbar { width: 100% } .tz_cen .navbar>ul { width: 100%; padding: 10px 0px 30px 0; } .tz_cen .navbar>ul>li { position: relative; line-height: 16px; margin-left: 24px; width: 190px; } .tz_cen .navbar>ul>li>a { position: relative; border-bottom: 1px #fff solid; height: 64px; width: 100%; display: inline-block; font-size: 18px; color: #333333; } .tz_cen .navbar>ul>li>a>span { display: inline-block; font-size: 16px; float: left; height: 64px; width: 145px; display: table; line-height: 20px; } .tz_cen .navbar>ul>li>a>span b { display: table-cell; vertical-align: middle; font-weight: normal } .tz_cen .navbar>ul>li>a>img { float: left; margin: 20px 12px 0px 0px } .tz_cen .navbar>ul>li>a>i { font-size: 10px; position: absolute; right: 4px; top: 28px; color: #fff } /*最后一级*/ .tz_cen .navbar>ul>li:last-of-type>a>i { font-size: 10px; position: absolute; right: 4px; top: 30px; color: #999999; transition: all .4s ease-out; transform: rotate(0deg) } .tz_cen .navbar>ul>li:last-of-type>a:hover>i { transform: rotate(-180deg); } .tz_cen .navbar>ul>li:last-of-type.open>a>i { transform: rotate(-180deg); } .tz_cen .navbar>ul>li:last-of-type.open>a>span>b { font-weight: 700 } /*选中*/ .tz_cen .navbar>ul>li a.hove { border-bottom: 1px #FF1A00 solid } .tz_cen .navbar>ul>li>a.hove, .tz_cen .navbar>ul>li>a.hove>i { color: #FF1A00; } .tz_cen .navbar>ul>li>a.hove>span b { font-weight: bold } /*动画*/ .tz_cen .navbar>ul>li>a:hover { color: #FF1A00; font-weight: 700; border-bottom: 1px #fff solid } .tz_cen .navbar>ul>li>a:hover>i { color: #FF1A00; font-size: 10px; } /*二级*/ .tz_cen .navbar>ul>li>ul.sub_list { margin-left: 24px; width: 166px; display: none } .tz_cen .navbar>ul>li>ul.sub_list>li { height: 60px; font-size: 14px; position: relative; width: 100%; } .tz_cen .navbar>ul>li>ul.sub_list>li a { position: relative; width: 100%; height: 100%; display: block; border-bottom: 1px #fff solid; } .tz_cen .navbar>ul>li>ul.sub_list>li a>i { font-size: 10px; position: absolute; right: 4px; top: 24px; color: #fff } .tz_cen .navbar>ul>li>ul.sub_list>li a span { margin-left: 20px; height: 100%; display: inline-block; width: 135px; display: table; line-height: 20px; } .tz_cen .navbar>ul>li>ul.sub_list>li a span b { display: table-cell; vertical-align: middle; font-weight: normal } .tz_cen .navbar>ul>li>ul.sub_list>li a:hover { border-bottom: 1px #fff solid; } .tz_cen .navbar>ul>li>ul.sub_list>li a:hover i { color: #FF1A00 } /* 修改部分 */ .tz_cen .navbar>ul>li>ul.sub_list>li a.hove { border-bottom: 1px #FF1A00 solid; } .tz_cen .navbar>ul>li>ul.sub_list>li a.hove i { color: #FF1A00 } .tz_cen .navbar>ul>li>ul.sub_list>li a.hove span b { color: #FF1A00 } .tz_cen .navbar>ul>li>ul.sub_list>li>a.hove:hover { border-bottom: 1px #FF1A00 solid; } .tz_cen .navbar>ul>li>ul.sub_list>li a.hove span b { font-weight: bold; } /* 右侧内容区 */ .tz_cen .tz_rigth { width: 952px; overflow: hidden; float: right } .tz_cen .tz_rigth .baoti { font-size: 16px; color: #000; width: 392px; border-bottom: 1px #D7D7D7 solid; margin: 0px auto; height: 44px; line-height: 44px; padding-top: 17px; font-weight: bold; display: flex; justify-content: space-between; -webkit-display: flex; -webkit-justify-content: space-between; } .tz_cen .tz_rigth .baoti span { font-size: 14px; } .tz_cen .tz_rigth .baoti span i { color: #FF1A00; font-size: 14px; margin: 0px 16px 0px 7px; } .tz_cen .tz_rigth .zuixsj { width: 456px; height: 391px; float: left; background: #fff; margin-bottom: 32px; overflow: hidden } .tz_cen .tz_rigth .zuixsj ul { width: 392px; margin: 0px auto; padding-top: 6px; } .tz_cen .tz_rigth .zuixsj li { width: 100%; margin-top: 10px; } .tz_cen .tz_rigth .zuixsj li b { color: #FF1A00; font-size: 14px; display: block; position: relative; padding-left: 10px; height: 30px; line-height: 30px; } .tz_cen .tz_rigth .zuixsj li b:after { content: ''; position: absolute; left: 0; top: 8px; background: #FF1A00; width: 4px; height: 15px; } .tz_cen .tz_rigth .zuixsj li cite { color: #333333; font-size: 14px; display: block; line-height: 24px; } .tz_cen .tz_rigth .zxgj { width: 464px; height: 391px; float: right; background: #fff; margin-bottom: 32px; overflow: hidden; padding: 32px 32px 0 32px; box-sizing: border-box; } .tz_cen .tz_rigth .gogtx { width: 456px; height: 500px; float: left; background: #fff; margin-bottom: 32px; overflow: hidden } .tz_cen .tz_rigth .tzgx { width: 464px; height: 500px; float: right; background: #fff; margin-bottom: 32px; overflow: hidden; padding: 0 32px 0 32px; box-sizing: border-box; } .tz_cen .tz_rigth .nav_gogth { width: 392px; margin: 0px auto 20px auto; border-bottom: 1px #D7D7D7 solid } .tz_cen .tz_rigth .nav_gogth ul { overflow: hidden } .tz_cen .tz_rigth .nav_gogth li { padding: 0px 5px; float: left; height: 40px; line-height: 40px; padding-top: 10px; margin: 0px 1px; cursor: pointer } .tz_cen .tz_rigth .nav_gogth li.hove { color: #FF1A00; font-size: 14px; font-weight: bold; position: relative } .tz_cen .tz_rigth .nav_gogth li.hove:after { content: ''; position: absolute; left: 0; bottom: 0px; width: 100%; height: 4px; background: #FF1A00 } .tz_cen .tz_rigth .gplb { width: 392px; margin: 0px auto; } .tz_cen .tz_rigth .gplb li { height: 50px; display: flex; justify-content: space-between; -webkit-display: flex; -webkit-justify-content: space-between } .tz_cen .tz_rigth .gplb li span { font-size: 14px; } .tz_cen .tz_rigth .gplb li span tt { font-weight: bold; display: block } .tz_cen .tz_rigth .gplb li span b { font-weight: normal } .tz_cen .tz_rigth .gplb li cite { height: 100%; display: flex; align-items: center; -webkit-display: flex; -webkit-align-items: center } .tz_cen .tz_rigth .gplb li cite img { width: 16px; margin-left: 8px; } .tz_cen .tz_rigth .gp_new { width: 100%; height: 365px; } .tz_cen .tz_rigth .gp_new .g_new_con { width: 392px; margin: 0px auto; height: 100%; } .tz_cen .tzrx { width: 1200px; height: 333px; background: #FFFFFF; /* background: -webkit-linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0.3) 100%); background: -moz-linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0.3) 100%); background: -o-linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0.3) 100%); background: -ms-linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0.3) 100%); background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0.3) 100%); */ margin-bottom: 40px; } .tz_cen .tzrx .zj { height: 32px; font-size: 18px; color: #333333; line-height: 32px; padding-top: 40px; padding-left: 70px; } .tz_cen .tzrx .nh { height: 32px; font-size: 18px; color: #333333; line-height: 32px; padding-left: 106px; } .tz_cen .tzrx .nh1 { height: 32px; font-size: 18px; color: #333333; line-height: 32px; padding-left: 106px; } .tz_cen .tzrx .nh2 { height: 32px; font-size: 18px; color: #333333; line-height: 32px; padding-left: 70px; } .tz_cen .tzrx a { color: #FF3720; } /*公司一览*/ .tz_cen .gs_ylb { width: 100%; background: #fff } .tz_cen .gs_ylb .baot { font-size: 16px; font-weight: bold; width: 888px; margin: 0px auto; border-bottom: 1px #D7D7D7 solid; position: relative; height: 48px; line-height: 48px; padding-top: 18px; } .tz_cen .gs_ylb .baot.title20 { height: 52px; line-height: 52px; font-size: 20px; } .tz_cen .gs_ylb .baot span { position: relative; display: inline-block } .tz_cen .gs_ylb .baot span:after { content: ''; position: absolute; left: 0; bottom: 0; width: 81px; height: 4px; background: #FF1A00; } .tz_cen .gs_table { width: 100%; background: #fff; box-sizing: border-box; -webkit-box-sizing: border-box; padding-bottom: 20px; min-height: 670px; } .tz_cen .gs_gzfa { padding-top: 15px } .tz_cen .gs_baiju { padding: 15px 33px; } /*股息文案*/ .tz_cen .tz_rigth .nav_gxfa { width: 888px; margin: 0px auto 20px auto; border-bottom: 1px #D7D7D7 solid } .tz_cen .tz_rigth .nav_gxfa ul { overflow: hidden } .tz_cen .tz_rigth .nav_gxfa li { padding: 0px 5px; float: left; height: 40px; line-height: 40px; padding-top: 10px; margin: 0px 1px; cursor: pointer } .tz_cen .tz_rigth .nav_gxfa li.hove { color: #FF1A00; font-size: 14px; font-weight: bold; position: relative } .tz_cen .tz_rigth .nav_gxfa li.hove:after { content: ''; position: absolute; left: 0; bottom: 0px; width: 100%; height: 4px; background: #FF1A00 } .tz_cen .tz_rigth .gxwa_cen { width: 888px; margin: 0px auto } .tz_cen .tz_rigth .gxwa_cen .gzwa_cen_sj { width: 100%; height: 100%; } /*定期报告*/ .tzgz_dqbg { width: 888px; margin: 0px auto } .tzgz_dqbg ul { width: 100%; padding-top: 17px; padding-bottom: 100px; } .tzgz_dqbg li { height: 45px; font-size: 14px; } .tzgz_dqbg li span { padding-left: 28px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 750px; float: left; } .tzgz_dqbg li a { height: 100%; position: relative; width: 100%; display: block; line-height: 45px; } .tzgz_dqbg li a:before { content: ''; position: absolute; width: 16px; height: 16px; background-image: url(../images/news-un-hover.png); background-repeat: no-repeat; background-size: cover; background-position: center center; left: 0; bottom: 0; top: 0; margin: auto 0; } .tzgz_dqbg li a:hover:before { background-image: url(../images/news-hover.png); } .tzgz_dqbg li tt { font-size: 14px; float: right; } .tzgz_dqbg li a:hover { color: #FF1A00; } .tzgz_dqbg li a:hover span { font-weight: bold } .tzgz_dqbg .tjwj li:first-child { font-weight: bold; } .tzgz_dqbg .tjwj.qd li:first-child { font-weight: normal; } /*分析师联系方式*/ .tzgx_lanx { width: 100% } .tzgz_fxslxfs { width: 905px; margin: 0px auto; } .tzgz_fxslxfs .ca-list { overflow: hidden; width: 100% } .tzgz_fxslxfs li.ca-shell { cursor: pointer; width: 436px; height: 132px; float: left; position: relative; margin: 8px; background: #F5F5F5; padding: 0px 32px; box-sizing: border-box; -webkit-box-sizing: border-box; } .tzgz_fxslxfs li.ca-shell img { margin-right: 24px; width: 38px; display: inline-block; vertical-align: middle; } .tzgz_fxslxfs li.ca-shell .ca-box { width: 300px; ; position: relative; height: 100%; padding-left: 24px; box-sizing: border-box; -webkit-box-sizing: border-box; display: inline-block; vertical-align: middle; } .tzgz_fxslxfs li.ca-shell .ca-box:after { content: ''; position: absolute; left: 0; top: 51px; width: 2px; height: 30px; background: #FF1A00 } .tzgz_fxslxfs li.ca-shell .ca-box .ca-title { font-size: 16px; display: block; margin-top: 24px; line-height: 32px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .tzgz_fxslxfs li.ca-shell .ca-box .ca-name { font-size: 14px; color: #FF1A00; display: block; line-height: 22px; } .tzgz_fxslxfs li.ca-shell .ca-box .ca-link { font-size: 14px; ; display: block; line-height: 22px; } .tzgz_fxslxfs li.ca-shell:after { content: ''; position: absolute; left: 0; top: 0; background: #F5F5F5; height: 8px; width: 100%; transition: all .4s ease-out } .tzgz_fxslxfs li.ca-shell:hover:after { background: #FF1A00; } .tzzlxfx { width: 888px; margin: 0px auto; } .tzzlxfx>h1 { font-size: 14px; display: block; font-weight: normal; line-height: 30px; padding: 23px 0px; } .tzzlxfx>h1 span { color: #FF1A00 } .tzzlxfx .youxian { width: 100%; height: 254px; border-top: 8px #E5E5E5 solid; background: url(../images/invest-fotlog.png) no-repeat 790px 148px #F5F5F5 } .tzzlxfx .youxian ul { padding: 40px 0px 0px 32px } .tzzlxfx .youxian li { width: 100%; padding-bottom: 60px; } .tzzlxfx .youxian b { font-size: 14px; line-height: 26px; font-weight: normal; display: block } .tzzlxfx .youxian b span { color: #FF1A00; } .tzzlxfx .youxian cite { font-size: 20px; line-height: 38px; display: block; } /* heyx */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* lianhy */ /* 面包屑导航 */ .p-breadcrumb { overflow: hidden; } .p-breadcrumb .p-breadcrumb-center { padding: 16px 0; width: 1200px; box-sizing: border-box; margin: 0 auto; } .p-breadcrumb .p-breadcrumb-center .p-breadcrumb-ul .p-breadcrumb-li { display: inline-block; vertical-align: baseline; font-size: 12px; color: #333333; margin-right: 8px; } .p-breadcrumb .p-breadcrumb-center .p-breadcrumb-ul .p-breadcrumb-li:not(:first-child) { padding-left: 13px; position: relative; } .p-breadcrumb .p-breadcrumb-center .p-breadcrumb-ul .p-breadcrumb-li:not(:first-child)::after { content: ""; width: 0; height: 0; border-style: solid; border-width: 4px 0 4px 5px; border-color: transparent transparent transparent #231815; position: absolute; left: 0; top: 0; bottom: 0; margin: auto 0; } .p-breadcrumb .p-breadcrumb-center .p-breadcrumb-ul .p-breadcrumb-li.active { color: #FF1A00; } .p-breadcrumb .p-breadcrumb-center .p-breadcrumb-ul .p-breadcrumb-li.active::after { border-color: transparent transparent transparent #FF1A00; } /* 关于人保*/ .p-content { width: 1200px; margin: 0 auto; position: relative; padding-bottom: 40px; } /* 关于人保-左侧导航 */ .p-content .p-content-left { background-color: #fff; float: left; width: 216px; height: 761px; } .p-content .p-content-left .p-content-left-ul { box-sizing: border-box; padding: 8px 0 8px 0; } .p-content .p-content-left .p-content-left-ul .p-content-left-li { font-size: 14px; margin-left: 24px; } .p-content .p-content-left .p-content-left-ul .p-content-left-li a { height: 62px; line-height: 62px; position: relative; display: block; } .p-content .p-content-left .p-content-left-ul .p-content-left-li img { display: inline-block; margin-right: 24px; vertical-align: middle; } .p-content .p-content-left .p-content-left-ul .p-content-left-li span { display: inline-block; vertical-align: middle; } .p-content .p-content-left .p-content-left-ul .p-content-left-li a:hover { color: #FF1A00; } .p-content .p-content-left .p-content-left-ul .p-content-left-li a:hover::after { content: ""; width: 0; height: 0; border-style: solid; border-width: 4px 0 4px 5px; border-color: transparent transparent transparent #FF1A00; position: absolute; right: 12px; top: 0; bottom: 0; margin: auto 0; } .p-content .p-content-left .p-content-left-ul .p-content-left-li.active a { font-weight: bold; color: #FF1A00; border-bottom: 1px solid #FF1A00; } .p-content .p-content-left .p-content-left-ul .p-content-left-li.active a::after { content: ""; width: 0; height: 0; border-style: solid; border-width: 4px 0 4px 5px; border-color: transparent transparent transparent #FF1A00; position: absolute; right: 12px; top: 0; bottom: 0; margin: auto 0; } /* 关于人保-左侧导航-二级导航 */ .p-content .p-content-left .p-content-left-ul .p-content-left-li.multi>a::after { content: ""; width: 0; height: 0; border-style: solid; border-width: 5px 4px 0 4px; border-color: #999999 transparent transparent transparent; position: absolute; right: 12px; top: 0; bottom: 0; margin: auto 0; transition: all 0.3s; } .p-content .p-content-left .p-content-left-ul .p-content-left-li.multi>a:hover::after { transform: rotate(-180deg); border-color: #FF1A00 transparent transparent transparent; } .p-content .p-content-left .p-content-left-ul .p-content-left-li.multi>ul { display: none; } .p-content .p-content-left .p-content-left-ul .p-content-left-li.multi .p-content-left-li-child a { height: 48px; line-height: 48px; box-sizing: border-box; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 192px; padding: 0 20px 0 43px; } .p-content .p-content-left .p-content-left-ul .p-content-left-li.multi .p-content-left-li-child.active a { font-weight: bold; color: #FF1A00; border-bottom: 1px solid #FF1A00; } .p-content .p-content-left .p-content-left-ul .p-content-left-li.multi .p-content-left-li-child.active a::after { content: ""; width: 0; height: 0; border-style: solid; border-width: 4px 0 4px 5px; border-color: transparent transparent transparent #FF1A00; position: absolute; right: 12px; top: 0; bottom: 0; margin: auto 0; } .p-content .p-content-left .p-content-left-ul .p-content-left-li.multi.open>a span { font-weight: bold; } .p-content .p-content-left .p-content-left-ul .p-content-left-li.multi.open>a::after { transform: rotate(-180deg); } /* 关于人保-右侧导航 */ .p-content .p-content-right { background-color: #fff; float: right; width: 952px; padding-bottom: 32px; } /* 产品搜素 */ /* 产品搜素-左侧 */ .product-left { background-color: #fff; float: left; width: 838px; } .product-left .prompt { margin: 0 auto; width: 792px; border-radius: 4px; overflow: hidden; margin-top: 10px; color: rgb(255, 18, 0); } .product-left .product-title { padding: 30px; font-size: 32px; font-weight: bold; } /* 产品搜素输入框 */ .product-left .search-box { margin: 0 auto; width: 792px; height: 50px; border-radius: 4px; overflow: hidden; border: 1px solid #D7D7D7; } .product-left .search-input-box { width: 86%; -webkit-box-sizing: border-box; box-sizing: border-box; height: 100%; display: inline-block; vertical-align: middle; float: left; padding-left: 20px; } .product-left .search-input { font-size: 18px; width: 100%; height: 100%; border: 0; font-family: '微软雅黑', FZLTHJW, Lucida Grande, Verdana, Lucida, Arial, Helvetica, sans-serif; } .product-left .search-menu-btn-box { display: inline-block; vertical-align: middle; width: 14%; height: 100%; background-color: rgb(255, 18, 0); } .product-left .search-menu-btn-box .textsouso { background: url(../images/textsouso.png) center no-repeat; width: 25px; height: 22px; vertical-align: middle; display: inline-block; margin-right: 10px; background-size: 80%; } .product-left .search-menu-btn { height: 100%; position: relative; width: 100%; border: 0; background: none; font-size: 18px; color: white; cursor: pointer; font-family: '微软雅黑', FZLTHJW, Lucida Grande, Verdana, Lucida, Arial, Helvetica, sans-serif; } /* 搜索结果tab */ .product-left .bian { margin: 0 auto; width: 792px; height: 72px; border-top: 1px solid rgb(246, 246, 246); margin-top: 31px; } .souso-events-list { overflow: hidden; display: none; } .souso-events-list.active { display: block; } .product-left .bian ul { font-size: 0; } .product-left .bian .search-type-item { display: inline-block; height: 40px; line-height: 20px; font-size: 18px; cursor: pointer; margin-right: 40px; margin-top: 32px; font-weight: bold; position: relative; } .product-left .bian .search-type-item.is-active { color: rgb(255, 18, 0); } .product-left .bian .search-type-item:hover { color: rgb(255, 18, 0); } .search-type-item.is-active::after { content: ""; width: 0; height: 0; border-style: solid; border-width: 8px 4px 0 4px; border-color: #FF1A00 transparent transparent transparent; position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; margin-top: 10px; } /* .search-type-item.is-active i { position: absolute; width: 0; height: 0; border-width: 8px 7px 0; border-color: #ff532b transparent transparent; border-style: solid; top: 35px; left: 35px; } */ /* 产品搜索结果 */ .productg-jieguo { /* width: 792px; */ margin: 0 auto; text-align: center; } .product-list { display: inline-block; /* height: 100%; */ } .product-list { display: inline-block; } .product-list .product-link img { width: 220px; height: 200px; border-radius: 5px; -webkit-border-radius: 5px; float: left; object-fit: cover; } .product-list .product-link .wxtb { background: url(../images/wxtb-red.png) center no-repeat; vertical-align: middle; float: left; background-size: 100%; width: 15px; height: 15px; margin: 8px 5px 0px 12px; } .product-list .product-link .wxtb { background: url(../images/wxtb-red.png) center no-repeat; vertical-align: middle; float: left; background-size: 100%; width: 15px; height: 15px; margin: 8px 5px 0px 12px; } .product-list .product-link .products-btn:hover .wxtb { background: url(../images/wx-tb.png) center no-repeat; vertical-align: middle; float: left; background-size: 100%; width: 15px; height: 15px; margin: 8px 5px 0px 12px; } .product-list .product-link .content { margin-left: 24px; height: 200px; text-align: left; width: 490px; display: inline-block; font-size: 0; position: relative; } .product-list .product-link .over-auto { overflow: hidden; position: relative; width: 500px; margin-top: 15px; margin-bottom: 0; height: 112px; } .product-list .product-link .over-auto ul { position: absolute; height: 112px; width: 520px; overflow-y: auto; } .product-list .product-link .over-auto li { /* 'padding-right: 10px;' */ font-size: 14px; color: #333; line-height: 24px; margin-bottom: 5px; } .product-list .product-link .select { background: url(news-hover.png) no-repeat left center; } .product-list .product-link .product-project li span:first-child { float: none; padding-left: 24px; } .product-list .product-link .product-project li .redPrice { float: right; margin-right: 24px; } .product-list .product-link .products-title { font-size: 22px; font-weight: bold; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; /* margin-bottom: 6px; */ } .product-list .product-link .products-price { margin-top: 14px; color: rgb(255, 18, 0); width: 140px; float: left; } .product-list .product-link .products-btn { margin-top: 6px; margin-right: 4px; float: right; border: 1px solid rgb(255, 18, 0); width: 94px; line-height: 32px; font-size: 14px; height: 32px; padding-right: 4px; text-align: left; border-radius: 4px; } .product-list .product-link .products-btn a { color: rgb(255, 18, 0); float: left; } .product-list .product-link .products-btn .qkk { position: relative; left: 64px; bottom: 22px; color: #CCCCCC; width: 21px; height: 11px; display: block; background: url(../images/jiantoured.png) center no-repeat; } .product-list .product-link .products-btn .wx { float: left; color: #CCCCCC; width: 18px; height: 18px; /* display: block; */ background: url(/images/wx-tb.png) center no-repeat; } .product-list .product-link:hover .qkk { background: url(../images/jiantouwite.png) center no-repeat; } .product-list .product-link .priced { font-size: 22px; font-weight: bold; } /* 靠左的产品 */ /* 靠左的产品 */ .product-list .product-info-left { width: 790px; margin: 20px 0px 20px 0px; height: 235px; /* position: relative; */ } .product-list .product-info-left .product-link { /* position: absolute; overflow: hidden; width: 744px; */ background: #fff; padding: 20px; border-radius: 10px 0px 10px 0px; -webkit-border-radius: 10px 0px 10px 0px; border: 1px solid rgb(246, 246, 246); margin: 0 auto; height: 100%; display: inline-block; vertical-align: top; -webkit-box-sizing: border-box; box-sizing: border-box; } .product-list .product-info-left .product-link .product-img-box { width: 220px; position: relative; vertical-align: top; font-size: 16px; height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; } .product-list .product-info-left .product-link .product-img-box a { display: block; width: 100%; height: 100%; text-align: center; font-size: 0; background-color: #f2f2f2; } /* .product-list .product-info-left .product-link a { width: 220px; height: 200px; position: relative; } */ .product-left .product-introduce { position: absolute; top: 152px; /* left: 0; */ z-index: 2; background-color: rgba(0, 0, 0, .5); height: 48px; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 0; width: 220px; border-radius: 0px 0px 5px 5px; } .product-left .product-introduce:before { content: ""; display: inline-block; vertical-align: middle; width: 0; height: 100%; } .product-left .product-introduce span { display: inline-block; vertical-align: middle; font-size: 14px; color: #fcfcfe; width: 100%; padding: 0 10px; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 16px; } .product-left .product-introduce span span { display: inline-block; vertical-align: middle; font-size: 14px; color: #fcfcfe; width: 100%; padding: 0 10px; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 16px; } .product-list .product-info-left:hover { /* box-shadow: 0px 3px 14px 0px rgb(0 0 0 / 10%); */ } .product-list .product-info-left .product-link:hover { box-shadow: 0px 3px 14px 0px rgba(0, 0, 0, 0.1); -webkit-appearance: none; -webkit-box-shadow: 3px 3px 14px 0px rgba(0, 0, 0, 0.1), -3px 3px 14px 0px rgba(0, 0, 0, 0.1); } .product-list .product-info-left .product-link .products-btn { background: white; border: 1px solid rgb(255, 18, 0); } .product-list .product-info-left .product-link .products-btn a { background: white; } .product-list .product-info-left .product-link .products-btn:hover { /* background: rgb(255, 18, 0); */ border: 1px solid rgb(255, 18, 0); background-color: rgb(255, 18, 0); } .product-list .product-info-left .product-link .products-btn:hover a { background: rgb(255, 18, 0); color: white; } .product-info-left .product-link:hover .products-content { color: #fff; } .product-list .product-info-left.top-info-link { display: block; box-sizing: border-box; -webkit-transition: all .3s; transition: all .3s; } .product-list .product-info-left .top-info-link { position: absolute; left: 0; top: 27px; } .product-list .product-info-left .top-info-link:hover { background: #fff; color: #fff; } /* 靠右的产品 */ .product-list .product-info-right { width: 379px; float: left; margin: 20px; height: 376px; position: relative; } .product-list .product-info-right .product-link { position: absolute; overflow: hidden; height: 344px; background: #fff; padding: 16px; border-radius: 10px 0px 10px 0px; -webkit-border-radius: 10px 0px 10px 0px; border: 1px solid rgb(246, 246, 246); } /* 热卖产品 */ .hotproduct-text { padding: 20px 30px 0px 30px; } .hotproduct-text .products-title { font-size: 18px; font-weight: bold; margin-bottom: 14px; } .hotproduct-text span { font-size: 14px; } .hotproduct-text .products-price { margin-top: 20px; color: rgb(255, 18, 0); } .hotproduct-text .products-price .priced { font-size: 22px; font-weight: bold; } /* 人保课堂 */ .product-right .rbkt-title { font-size: 33px; font-weight: bold; padding-left: 30px; padding-right: 30px; margin-top: 60px; } .product-right .rbkt-key { margin-left: 30px; margin-right: 30px; margin-top: 14px; padding-bottom: 22px; border-bottom: 1px solid rgb(246, 246, 246); color: #666666; } .product-right .rbkt-zsd { padding: 30px; } .product-right .rbkt-zsd li { /* padding-bottom: 25px; */ } .product-right .rbkt-zsd li a { display: inline-block; height: 45px; line-height: 45px; position: relative; width: 100%; background: url(../images/news-un-hover.png) no-repeat left center; } .product-right .rbkt-zsd li div { padding-left: 28px; } .product-right .rbkt-zsd li a:hover { background: url(news-hover.png) no-repeat left center; color: #FF1A00; } .product-list .product-info-right .product-link:hover { background: rgb(255, 18, 0); color: #fff; } .product-info-right .product-link:hover .products-title { color: #fff; } .product-info-right .product-link:hover .products-price { color: #fff; } .product-info-right .product-link:hover .products-content { color: #666666; } .product-list .product-info-right.top-info-link { display: block; box-sizing: border-box; -webkit-transition: all .3s; transition: all .3s; } .product-list .product-info-right .top-info-link { position: absolute; left: 0; top: 27px; } .product-list .product-info-right .top-info-link:hover { background: #fff; color: #fff; } /* 产品搜索-右侧 */ .product-right { background-color: #fff; float: right; width: 332px; height: 950px; } .hotproduct-title { padding: 30px 30px 0px 30px; font-size: 32px; font-weight: bold; } .hotline { border-bottom: 1px solid rgb(246, 246, 246); width: 267px; padding: 0px; margin: 30px; } .product-right .product-link { padding: 30px; } .product-right .product-link:hover { color: #333333; } .product-right .product-link:hover .products-title { color: rgb(255, 18, 0); } .product-right .product-link img { width: 267px; height: 134px; border-radius: 5px; -webkit-border-radius: 5px; } /* 咨询结果 */ .zixun-list { padding: 30px; } .zixun-list li { font-size: 14px; margin-bottom: 20px; } .zixun-list li a { display: inline-block; height: 45px; line-height: 45px; position: relative; width: 100%; background: url(../images/news-un-hover.png) no-repeat left center; } .zixun-list li div { padding-left: 28px; height: 46px; } .zixun-list li a:hover { background: url(news-hover.png) no-repeat left center; } .zixun-list li a:hover span { color: #FF1A00; } .zixun-list li p { height: 25px; } .zixun-list li .date { float: right; font-size: 14px; } .zixun-list li span { font-weight: bold; font-size: 14px; } .zixun-list li .title { font-size: 14px; width: 630px; float: left; display: block; color: rgb(116, 116, 116); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-weight: normal; } .zixun-list li .name { font-size: 12px !important; line-height: 20px; display: block; color: rgb(116, 116, 116); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-weight: normal; } /* 服务结果 */ .find { margin: 0 auto; width: 792px; margin-top: 20px; } .find li { box-sizing: border-box; width: 186px; position: relative; height: 308px; border: 1px #D7D7D7 solid; float: left; position: relative; margin: 6px; } .find li b { position: absolute; left: 0; top: 0; width: 95%; background: none; font-size: 18px; line-height: 30px; display: block; color: #000; padding: 20px 0px 0px 32px; box-sizing: border-box; -webkit-box-sizing: border-box; /* height: 154px; overflow: hidden; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; */ } .find li:hover .dpfw_fp { background: url(../images/fpcx_2.png) no-repeat; } .find li .dpfw_fp { background: url(../images/fpcx_1.png) no-repeat; width: 51px; height: 43px; position: absolute; left: 32px; bottom: 65px; } .find li:hover .bdcx_fw { background: url(../images/bdcx_2.png) no-repeat; } .find li .bdcx_fw { background: url(../images/bdcx_1.png) no-repeat; width: 51px; height: 43px; position: absolute; left: 32px; bottom: 65px; } .find li:hover .bdxa_fw { background: url(../images/bdcx_2.png) no-repeat; } .find li .bdxa_fw { background: url(../images/bdcx_1.png) no-repeat; width: 51px; height: 43px; position: absolute; left: 32px; bottom: 65px; } .find li:hover .fpcx_fw { background: url(../images/fpcx_2.png) no-repeat; } .find li .fpcx_fw { background: url(../images/fpcx_1.png) no-repeat; width: 51px; height: 43px; position: absolute; left: 32px; bottom: 65px; } .find li:hover .dzfpxz_fw { background: url(../images/fpcx_2.png) no-repeat; } .find li .dzfpxz_fw { background: url(../images/fpcx_1.png) no-repeat; width: 51px; height: 43px; position: absolute; left: 32px; bottom: 65px; } .find li:hover .bxkjh_fw { background: url(../images/bxkjh_2.png) no-repeat; } .find li .bxkjh_fw { background: url(../images/bxkjh_1.png) no-repeat; width: 51px; height: 43px; position: absolute; left: 32px; bottom: 65px; } .find li:hover .hsh_fw { background: url(../images/ty_2.png) no-repeat; } .find li .hsh_fw { background: url(../images/ty_1.png) no-repeat; width: 51px; height: 43px; position: absolute; left: 32px; bottom: 65px; } .find li:hover .cxzzjb_fw { background: url(../images/ty_2.png) no-repeat; } .find li .cxzzjb_fw { background: url(../images/ty_1.png) no-repeat; width: 51px; height: 43px; position: absolute; left: 32px; bottom: 65px; } .find li:hover .cxzzjb_fw { background: url(../images/cxzzjb_2.png) no-repeat; } .find li .cxzzjb_fw { background: url(../images/cxzzjb_1.png) no-repeat; width: 51px; height: 43px; position: absolute; left: 32px; bottom: 65px; } .find li:hover .xqjf_fw { background: url(../images/ty_2.png) no-repeat; } .find li .xqjf_fw { background: url(../images/ty_1.png) no-repeat; width: 51px; height: 43px; position: absolute; left: 32px; bottom: 65px; } .find li:hover .blcp_fw { background: url(../images/ty_2.png) no-repeat; } .find li .blcp_fw { background: url(../images/ty_1.png) no-repeat; width: 51px; height: 43px; position: absolute; left: 32px; bottom: 65px; } .find li:hover .wdbd_fw { background: url(../images/wdbd_2.png) no-repeat; } .find li .wdbd_fw { background: url(../images/wdbd_1.png) no-repeat; width: 51px; height: 43px; position: absolute; left: 32px; bottom: 65px; } .find li:hover .ddzf_fw { background: url(../images/ddzf_2.png) no-repeat; } .find li .ddzf_fw { background: url(../images/ddzf_1.png) no-repeat; width: 51px; height: 43px; position: absolute; left: 32px; bottom: 65px; } .find li:hover .bdps_fw { background: url(../images/bdps_2.png) no-repeat; } .find li .bdps_fw { background: url(../images/bdps_1.png) no-repeat; width: 51px; height: 43px; position: absolute; left: 32px; bottom: 65px; } .find li:hover .rbgch_fw { background: url(../images/ty_2.png) no-repeat; } .find li .rbgch_fw { background: url(../images/ty_1.png) no-repeat; width: 51px; height: 43px; position: absolute; left: 32px; bottom: 65px; } .find li:hover .yjhcsc_fw { background: url(../images/ty_2.png) no-repeat; } .find li .yjhcsc_fw { background: url(../images/ty_1.png) no-repeat; width: 51px; height: 43px; position: absolute; left: 32px; bottom: 65px; } .find li:hover .khjlb_fw { background: url(../images/khjlb_2.png) no-repeat; } .find li .khjlb_fw { background: url(../images/khjlb_1.png) no-repeat; width: 51px; height: 43px; position: absolute; left: 32px; bottom: 65px; } .find li:hover .bjdq_fw { background: url(../images/ty_2.png) no-repeat; } .find li .bjdq_fw { background: url(../images/ty_1.png) no-repeat; width: 51px; height: 43px; position: absolute; left: 32px; bottom: 65px; } .find li:hover .nc_fw { background: url(../images/ty_2.png) no-repeat; } .find li .nc_fw { background: url(../images/ty_1.png) no-repeat; width: 51px; height: 43px; position: absolute; left: 32px; bottom: 65px; } .find li:hover .nc_fw { background: url(../images/ty_2.png) no-repeat; } .find li .nc_fw { background: url(../images/ty_1.png) no-repeat; width: 51px; height: 43px; position: absolute; left: 32px; bottom: 65px; } .find li:hover .gjjz_fw { background: url(../images/ty_2.png) no-repeat; } .find li .gjjz_fw { background: url(../images/ty_1.png) no-repeat; width: 51px; height: 43px; position: absolute; left: 32px; bottom: 65px; } .find li:hover .zykh_fw { background: url(../images/ty_2.png) no-repeat; } .find li .zykh_fw { background: url(../images/ty_1.png) no-repeat; width: 51px; height: 43px; position: absolute; left: 32px; bottom: 65px; } .find li:hover .zykhcx_fw { background: url(../images/ty_2.png) no-repeat; } .find li .zykhcx_fw { background: url(../images/ty_1.png) no-repeat; width: 51px; height: 43px; position: absolute; left: 32px; bottom: 65px; } .find li:hover .jkgl_fw { background: url(../images/ty_2.png) no-repeat; } .find li .jkgl_fw { background: url(../images/ty_1.png) no-repeat; width: 51px; height: 43px; position: absolute; left: 32px; bottom: 65px; } .find li:hover .txxlp_fw { background: url(../images/ty_2.png) no-repeat; } .find li .txxlp_fw { background: url(../images/ty_1.png) no-repeat; width: 51px; height: 43px; position: absolute; left: 32px; bottom: 65px; } .find li:hover .zlxz_fw { background: url(../images/zlxz_2.png) no-repeat; } .find li .zlxz_fw { background: url(../images/zlxz_1.png) no-repeat; width: 51px; height: 43px; position: absolute; left: 32px; bottom: 65px; } .find li:hover .jgwdcx_fw { background: url(../images/jgwdcx_2.png) no-repeat; } .find li .jgwdcx_fw { background: url(../images/jgwdcx_1.png) no-repeat; width: 51px; height: 43px; position: absolute; left: 32px; bottom: 65px; } .find li:hover .wzcx_fw { background: url(../images/ty_2.png) no-repeat; } .find li .wzcx_fw { background: url(../images/ty_1.png) no-repeat; width: 51px; height: 43px; position: absolute; left: 32px; bottom: 65px; } .find li:hover .tjmsm_fw { background: url(../images/ty_2.png) no-repeat; } .find li .tjmsm_fw { background: url(../images/ty_1.png) no-repeat; width: 51px; height: 43px; position: absolute; left: 32px; bottom: 65px; } .find li:hover .zhcx_fw { background: url(../images/ty_2.png) no-repeat; } .find li .zhcx_fw { background: url(../images/ty_1.png) no-repeat; width: 51px; height: 43px; position: absolute; left: 32px; bottom: 65px; } .find li:hover .ty_fw { background: url(../images/ty_2.png) no-repeat; } .find li .ty_fw { background: url(../images/ty_1.png) no-repeat; width: 51px; height: 43px; position: absolute; left: 32px; bottom: 65px; } .find li i { position: absolute; right: 32px; bottom: 69px; color: #CCCCCC; width: 29px; height: 20px; display: block; background-image: url(../images/jiantou.png); } .find li:hover i { color: #000; background-image: url(../images/jiantou-on.png); } .find li b.bjs { background: #FF1A00 } .find li:hover { box-shadow: 0px 3px 14px 0px rgba(0, 0, 0, 0.1); /* border: none; */ } /* 分页样式 */ .product-left .souso-events-list .product-pageCode { margin-left: 8%; position: absolute; bottom: 20px; } /* 索索结果无的样式 */ .no-product { display: none; height: 600px; margin-top: 20px; background-color: #fff; text-align: center; /* -webkit-box-shadow: 0 0 30px rgb(192 196 208 / 30%); box-shadow: 0 0 30px rgb(192 196 208 / 30%); */ padding-top: 60px; -webkit-box-sizing: border-box; box-sizing: border-box; } .no-product p { font-size: 18px; color: #333333; line-height: 1; margin-top: 40px; font-weight: bold; } .no-product p+p { font-size: 14px; color: #bcbfc5; margin-top: 18px; font-weight: normal; } .no-product a { color: red; } /* 底部导航 */ /* 底部导航区 */ .p-footer .p-footer-link { background-color: #F5F5F5; } .p-footer .p-footer-link .p-footer-link-box { overflow: hidden; width: 1200px; margin: 0px auto; padding: 40px 0 18px 0; box-sizing: border-box; } .p-footer .p-footer-link .p-footer-link-box .p-footer-link-box-left { float: left; } .p-footer .p-footer-link .p-footer-link-box .p-footer-link-box-left .logo { width: 215px; height: 56px; } .p-footer .p-footer-link .p-footer-link-box .p-footer-link-box-left .link-other { margin-top: 64px; } .p-footer .p-footer-link .p-footer-link-box .p-footer-link-box-left .link-other li { display: inline-block; color: #333333; font-size: 12px; margin-right: 32px; cursor: pointer; } .p-footer .p-footer-link .p-footer-link-box .p-footer-link-box-left .link-other li a:hover { color: #FF1A00 } .p-footer .p-footer-link .p-footer-link-box .p-footer-link-box-right { float: right; } .p-footer .p-footer-link .p-footer-link-box .p-footer-link-box-right .mr24 { margin-right: 24px; } .p-footer .p-footer-link .p-footer-link-box .p-footer-link-box-right .self-link { display: inline-block; vertical-align: baseline; } .p-footer .p-footer-link .p-footer-link-box .p-footer-link-box-right .app { margin-right: 32px; width: 112px; } .p-footer .p-footer-link .p-footer-link-box .p-footer-link-box-right .app img { width: 112px; height: 110px; display: block; } .p-footer .p-footer-link .p-footer-link-box .p-footer-link-box-right .app p { font-size: 12px; color: #333333; display: block; margin-top: 7px; text-align: center; line-height: 16px; } .p-footer .p-footer-link .p-footer-link-box .p-footer-link-box-right .links li { text-align: right; } .p-footer .p-footer-link .p-footer-link-box .p-footer-link-box-right .links li:nth-child(1) { font-size: 14px; font-weight: bold; color: #000000; line-height: 19px; } .p-footer .p-footer-link .p-footer-link-box .p-footer-link-box-right .links li:nth-child(2) { margin-top: 6px; font-size: 12px; color: #333333; line-height: 16px; } .p-footer .p-footer-link .p-footer-link-box .p-footer-link-box-right .links li:nth-child(2) img { width: 136px; height: 26px; } .p-footer .p-footer-link .p-footer-link-box .p-footer-link-box-right .links li:nth-child(3) { font-size: 18px; font-weight: bold; color: #FF1A00; line-height: 24px; } .p-footer .p-footer-link .p-footer-link-box .p-footer-link-box-right .links li:nth-child(4) { margin-top: 6px; font-size: 12px; color: #333333; line-height: 16px; } .p-footer .p-footer-link .p-footer-link-box .p-footer-link-box-right .links li:nth-child(4), .p-footer .p-footer-link .p-footer-link-box .p-footer-link-box-right .links li:nth-child(5), .p-footer .p-footer-link .p-footer-link-box .p-footer-link-box-right .links li:nth-child(6) { font-size: 18px; text-align: left; color: #FF1A00; line-height: 24px; } .p-footer .p-footer-link .p-footer-link-box .p-footer-link-box-right .links li:nth-child(4) .b1, .p-footer .p-footer-link .p-footer-link-box .p-footer-link-box-right .links li:nth-child(5) .b1, .p-footer .p-footer-link .p-footer-link-box .p-footer-link-box-right .links li:nth-child(6) .b1 { font-size: 12px; color: #333333; line-height: 16px; } .p-footer .p-footer-link .p-footer-link-box .p-footer-link-box-right .links li:nth-child(4) .b2, .p-footer .p-footer-link .p-footer-link-box .p-footer-link-box-right .links li:nth-child(5) .b2, .p-footer .p-footer-link .p-footer-link-box .p-footer-link-box-right .links li:nth-child(6) .b2 { font-size: 14px; color: #000000; line-height: 19px; margin-left: 8px; text-align: right; display: inline-block; width: 100px; } /* 888888888888888888888 */ .p-footer .p-footer-link .p-footer-link-box .p-footer-link-box-right2 { float: right; } .p-footer .p-footer-link .p-footer-link-box .p-footer-link-box-right2 .self-link { display: inline-block; vertical-align: baseline; } .p-footer .p-footer-link .p-footer-link-box .p-footer-link-box-right2 .app { margin-right: 32px; width: 112px; } .p-footer .p-footer-link .p-footer-link-box .p-footer-link-box-right2 .app img { width: 112px; height: 110px; display: block; } .p-footer .p-footer-link .p-footer-link-box .p-footer-link-box-right2 .app p { font-size: 12px; color: #333333; display: block; margin-top: 7px; text-align: center; line-height: 16px; } .p-footer .p-footer-link .p-footer-link-box .p-footer-link-box-right2 .links li { text-align: right; } .p-footer .p-footer-link .p-footer-link-box .p-footer-link-box-right2 .links li:nth-child(1) { font-size: 14px; font-weight: bold; color: #000000; line-height: 19px; } .p-footer .p-footer-link .p-footer-link-box .p-footer-link-box-right2 .links li:nth-child(2) { margin-top: 6px; font-size: 12px; color: #333333; line-height: 16px; } .p-footer .p-footer-link .p-footer-link-box .p-footer-link-box-right2 .links li:nth-child(2) img { width: 136px; height: 26px; } .p-footer .p-footer-link .p-footer-link-box .p-footer-link-box-right2 .links li:nth-child(3) { margin-top: 12px; font-size: 14px; font-weight: bold; color: #000000; line-height: 19px; padding-bottom: 6px; } .p-footer .p-footer-link .p-footer-link-box .p-footer-link-box-right2 .links li:nth-child(4) { font-size: 18px; font-weight: bold; color: #FF1A00; line-height: 24px; } .p-footer .p-footer-link .p-footer-link-box .p-footer-link-box-right2 .links li:nth-child(5) { margin-top: 8px; } .p-footer .p-footer-link .p-footer-link-box .p-footer-link-box-right2 .links li:nth-child(5) a { height: 16px; font-size: 12px; color: #FF1A00; line-height: 16px; } .p-footer .p-footer-copy { background-color: #E5E5E5; } .p-footer .p-footer-copy .p-footer-copy-box { width: 1200px; background-color: #E5E5E5; height: 88px; margin: 0 auto; } .p-footer .p-footer-copy .p-footer-copy-box .wzinfo { float: left; height: 88px; } .p-footer .p-footer-copy .p-footer-copy-box .wzinfo .wz-copyright { font-size: 12px; color: #333333; margin-top: 20px; } .p-footer .p-footer-copy .p-footer-copy-box .wzinfo .wz-copyright1 { font-size: 12px; color: #333333; margin-top: 8px; margin-bottom: 19px; } .p-footer .p-footer-copy .p-footer-copy-box .wzinfo .wz-copyright1 img { margin-left: 16px; margin-right: 8px; width: 16px; height: 16px; } .p-footer .p-footer-copy .p-footer-copy-box .wzinfo .wxhonor {} .p-footer .p-footer-copy .p-footer-copy-box .wzinfo .wxhonor1 {} .p-footer .p-footer-copy .p-footer-copy-box .wzinfo .wxhonor>li { display: inline-block; vertical-align: baseline; } .p-footer .p-footer-copy .p-footer-copy-box .wzinfo .wxhonor1>li { display: inline-block; vertical-align: baseline; } .p-footer .p-footer-copy .p-footer-copy-box .wzinfo .wxhonor .wx-honor-icon { height: 24px; margin-right: 8px; } .p-footer .p-footer-copy .p-footer-copy-box .wzinfo .wxhonor1 .wx-honor-icon { height: 24px; margin-right: 8px; } .p-footer .p-footer-copy .p-footer-copy-box .media-link-list { float: right; } .p-footer .p-footer-copy .p-footer-copy-box .media-link-list .media-link-item { display: inline-block; margin-left: 32px; height: 88px; line-height: 88px; } .p-footer .p-footer-copy .p-footer-copy-box .media-link-list .media-link-item .media-link-icon { width: 36px; height: 36px; display: inline-block; vertical-align: middle; background-size: cover; background-repeat: no-repeat; background-position: center center; cursor: pointer; position: relative; } .p-footer .p-footer-copy .p-footer-copy-box .media-link-list .media-link-item .media-link-icon .media-link-qr-box { display: none; width: 130px; height: 162px; background-color: #ffffff; box-shadow: 0px 3px 14px 0px rgba(0, 0, 0, 0.2); position: absolute; bottom: 44px; left: -47px; } .p-footer .p-footer-copy .p-footer-copy-box .media-link-list .media-link-item .media-link-icon .media-link-qr-box::after { content: ''; width: 0; height: 0; border-style: solid; border-width: 8px 8px 0 8px; border-color: #FFFFFF transparent transparent transparent; bottom: -8px; position: absolute; left: 0; right: 0; margin: 0 auto; } .p-footer .p-footer-copy .p-footer-copy-box .media-link-list .media-link-item .media-link-icon .media-link-qr-box .media-link-qr-img { width: 130px; height: 130px; display: block; } .p-footer .p-footer-copy .p-footer-copy-box .media-link-list .media-link-item .media-link-icon .media-link-qr-box .media-link-qr-info { font-size: 12px; color: #333333; line-height: 32px; text-align: center; } .p-footer .p-footer-copy .p-footer-copy-box .media-link-list .media-link-item .media-link-icon:hover .media-link-qr-box { display: block; } .bj_primary { position: absolute; left: 0; top: 0; z-index: -1; width: 100%; min-width: 1200px; height: 1080px; background: url(../images/home_bj_jb2.jpg) repeat-x left top; } /* 关于人保-子公司 */ .renbjt-zigs { width: 928px; margin: 0 auto; } .renbjt-zigs .renbjt-zigs-child { width: 269px; height: 67px; background-color: #f5f5f5; float: left; margin: 32px 20px 0 20px; transition: all 0.36s ease; cursor: pointer; background-repeat: no-repeat; background-position: 16px center; } .renbjt-zigs .renbjt-zigs-child a { display: block; width: 100%; height: 100%; font-size: 0px; text-indent: -9999px; } .renbjt-zigs .renbjt-zigs-child:nth-child(1) { background-size: 235px 19px; background-image: url('../images/zigs-renb-caix.png'); } .renbjt-zigs .renbjt-zigs-child:nth-child(2) { background-size: 235px 19px; background-image: url('../images/zigs-renb-shoux.png'); } .renbjt-zigs .renbjt-zigs-child:nth-child(3) { background-size: 204px 19px; background-image: url('../images/zigs-renb-zichan.png'); } .renbjt-zigs .renbjt-zigs-child:nth-child(4) { background-size: 173px 19px; background-image: url('../images/zigs-renb-xintuo.png'); } .renbjt-zigs .renbjt-zigs-child:nth-child(5) { background-size: 235px 19px; background-image: url('../images/zigs-renb-jiank.png'); } .renbjt-zigs .renbjt-zigs-child:nth-child(6) { background-size: 235px 19px; background-image: url('../images/zigs-renb-yangl.png'); } .renbjt-zigs .renbjt-zigs-child:nth-child(7) { background-size: 173px 20px; background-image: url('../images/zigs-renb-touk.png'); } .renbjt-zigs .renbjt-zigs-child:nth-child(8) { background-size: 235px 20px; background-image: url('../images/zigs-renb-ziben.png'); } .renbjt-zigs .renbjt-zigs-child:nth-child(9) { background-size: 187px 20px; background-image: url('../images/zigs-renb-zaib.png'); } .renbjt-zigs .renbjt-zigs-child:nth-child(10) { background-size: 221px 20px; background-image: url('../images/zigs-renb-hongk.png'); } .renbjt-zigs .renbjt-zigs-child:nth-child(11) { background-size: 176px 20px; background-image: url('../images/zigs-renb-jinr.png'); } .renbjt-zigs .renbjt-zigs-child:nth-child(12) { background-size: 176px 20px; background-image: url('../images/rbkj-logo.png'); } .renbjt-zigs .renbjt-zigs-child:hover { background-color: #FF1A00; } .renbjt-zigs .renbjt-zigs-child:hover:nth-child(1) { background-image: url('../images/zigs-renb-caix-check.png'); } .renbjt-zigs .renbjt-zigs-child:hover:nth-child(2) { background-image: url('../images/zigs-renb-shoux-check.png'); } .renbjt-zigs .renbjt-zigs-child:hover:nth-child(3) { background-image: url('../images/zigs-renb-zichan-check.png'); } .renbjt-zigs .renbjt-zigs-child:hover:nth-child(4) { background-image: url('../images/zigs-renb-xintuo-check.png'); } .renbjt-zigs .renbjt-zigs-child:hover:nth-child(5) { background-image: url('../images/zigs-renb-jiank-check.png'); } .renbjt-zigs .renbjt-zigs-child:hover:nth-child(6) { background-image: url('../images/zigs-renb-yangl-check.png'); } .renbjt-zigs .renbjt-zigs-child:hover:nth-child(7) { background-image: url('../images/zigs-renb-touk-check.png'); } .renbjt-zigs .renbjt-zigs-child:hover:nth-child(8) { background-image: url('../images/zigs-renb-ziben-check.png'); } .renbjt-zigs .renbjt-zigs-child:hover:nth-child(9) { background-image: url('../images/zigs-renb-zaib-check.png'); } .renbjt-zigs .renbjt-zigs-child:hover:nth-child(10) { background-image: url('../images/zigs-renb-hongk-check.png'); } .renbjt-zigs .renbjt-zigs-child:hover:nth-child(11) { background-image: url('../images/zigs-renb-jinr-check.png'); } .renbjt-zigs .renbjt-zigs-child:hover:nth-child(12) { background-image: url('../images/rbkj-check.png'); } /* 关于人保-集团简介 */ .renbjt-jianj { width: 888px; margin: 0 auto; overflow: hidden; } .renbjt-jianj .renbjt-jianj-content1 { margin-top: 32px; } .renbjt-jianj .renbjt-jianj-content1 .inline { display: inline-block; vertical-align: top; } .renbjt-jianj .renbjt-jianj-content1 .renbjt-jianj-content1-a1 { width: 532px; height: 570px; } .renbjt-jianj .renbjt-jianj-content1 .renbjt-jianj-content1-a1 .renbjt-jianj-content1-a1-b1 { width: 532px; height: 45px; } .renbjt-jianj .renbjt-jianj-content1 .renbjt-jianj-content1-a1 .renbjt-jianj-content1-a1-b2 { width: 444px; height: 30px; margin-top: 32px; } .renbjt-jianj .renbjt-jianj-content1 .renbjt-jianj-content1-a1 .renbjt-jianj-content1-a1-b2 .renbjt-jianj-content1-a1-b2-c1 { color: #FF1A00; font-size: 28px; line-height: 30px; text-align: left; } .renbjt-jianj .renbjt-jianj-content1 .renbjt-jianj-content1-a1 .renbjt-jianj-content1-a1-b2 .renbjt-jianj-content1-a1-b2-c1:nth-child(2) { margin-left: 68px; } .renbjt-jianj .renbjt-jianj-content1 .renbjt-jianj-content1-a1 .renbjt-jianj-content1-a1-b2 .renbjt-jianj-content1-a1-b2-c1:nth-child(3) { margin-left: 128px; } .renbjt-jianj .renbjt-jianj-content1 .renbjt-jianj-content1-a1 .renbjt-jianj-content1-a1-b3 { width: 542px; height: 12px; margin-top: 24px; } .renbjt-jianj .renbjt-jianj-content1 .renbjt-jianj-content1-a1 .renbjt-jianj-content1-a1-b3 .renbjt-jianj-content1-a1-b3-c1 { color: #000000; font-size: 12px; line-height: 12px; text-align: left; font-weight: bold; } .renbjt-jianj .renbjt-jianj-content1 .renbjt-jianj-content1-a1 .renbjt-jianj-content1-a1-b3 .renbjt-jianj-content1-a1-b3-c1:not(:first-child) { margin-left: 50px; } .renbjt-jianj .renbjt-jianj-content1 .renbjt-jianj-content1-a1 .renbjt-jianj-content1-a1-b4 { overflow-wrap: break-word; color: #333333; font-size: 14px; line-height: 28px; text-align: justify; margin-top: 32px; overflow: hidden; text-overflow: ellipsis; } .renbjt-jianj .renbjt-jianj-content1 .renbjt-jianj-content1-a2 { float: right; width: 323px; height: 457px; background-image: url('../images/renbao_jtjs.png'); background-size: cover; background-repeat: no-repeat; } .renbjt-jianj .renbjt-jianj-content2 { margin-top: 24px; } .renbjt-jianj .renbjt-jianj-content2 .renbjt-jianj-content2-a1 { font-size: 16px; color: #333333; line-height: 28px; overflow: hidden; text-overflow: ellipsis; font-weight: bold; } .renbjt-jianj .renbjt-jianj-content2 .renbjt-jianj-content2-a2 { font-size: 14px; color: #333333; line-height: 28px; overflow: hidden; text-overflow: ellipsis; } .renbjt-jianj .renbjt-jianj-content2 .renbjt-jianj-content2-a2 div { font-size: 14px; color: #333333; line-height: 28px; overflow: hidden; text-overflow: ellipsis; } .renbjt-zigs-detail { width: 888px; margin: 32px auto 0 auto; overflow-wrap: break-word; color: #666666; font-size: 14px; line-height: 28px; text-align: left; overflow: hidden; text-overflow: ellipsis; } /* 关于人保-集团领导 */ .renbjt-leader-ul { width: 888px; margin: 0 auto; overflow: hidden; } .renbjt-leader-ul .renbjt-leader-li { margin-top: 32px; overflow: hidden; } .renbjt-leader-ul .renbjt-leader-li .renbjt-leader-li-img { background-size: cover; background-position: center top; width: 140px; height: 196px; float: left; } .renbjt-leader-ul .renbjt-leader-li .renbjt-leader-li-info { width: 748px; min-height: 196px; box-sizing: border-box; position: relative; float: right; } .renbjt-leader-ul .renbjt-leader-li .renbjt-leader-li-info .leader-name { height: 32px; line-height: 32px; position: relative; background-color: #F5F5F5; margin-bottom: 16px; padding-left: 16px; font-weight: bold; } .renbjt-leader-ul .renbjt-leader-li .renbjt-leader-li-info .leader-name::after { content: ''; width: 2px; height: 32px; position: absolute; background-color: #FF1A00; right: 0; } .renbjt-leader-ul .renbjt-leader-li .renbjt-leader-li-info .leader-edu { line-height: 21px; font-size: 14px; color: #333; position: absolute; bottom: 0; left: 16px; } .renbjt-leader-ul .renbjt-leader-li .renbjt-leader-li-info .leader-text { font-size: 14px; color: #333333; line-height: 21px; padding-left: 16px; } .renbjt-subtitle-box { width: 888px; margin: 0 auto; } .renbjt-subtitle-box1 { width: 888px; margin: 0 auto; border-bottom: 1px solid #D7D7D7; position: relative; } /* 关于人保标题 */ .renbjt-biaot1 { margin: 0 auto; height: 101px; overflow: hidden; border-bottom: 1px solid #D7D7D7; } .renbjt-biaot1 .renbjt-biaot1-name-zhcn { display: block; font-size: 32px; color: #000; font-weight: bold; height: 42px; line-height: 42px; margin-top: 16px; } .renbjt-biaot1 .renbjt-biaot1-name-en { display: block; font-size: 16px; color: #FF1A00; height: 21px; line-height: 21px; margin-top: 6px; } .renbjt-biaot2 { margin: 0 auto; overflow: hidden; border-bottom: 1px #D7D7D7 solid; margin-top: 32px; position: relative; height: 38px; box-sizing: border-box; } .renbjt-biaot2 .renbjt-biaot2-name-zhcn { color: #333333; font-weight: bold; font-size: 16px; line-height: 21px; } .renbjt-biaot2.title16 { height: auto; padding-bottom: 27px; margin-top: 27px; } .renbjt-biaot2.title16 .renbjt-biaot2-name-zhcn { font-size: 20px; line-height: 30px; } .renbjt-biaot2::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; max-width: 72px; height: 4px; background-color: #FF1A00; } .renbjt-biaot3 { height: 97px; overflow: hidden; border-bottom: 1px solid #D7D7D7; position: relative; } .renbjt-biaot3 .renbjt-biaot3-name-zhcn { display: block; font-size: 32px; color: #000; font-weight: bold; height: 42px; line-height: 42px; margin-top: 16px; } .renbjt-biaot3 .renbjt-biaot3-name-en { display: block; font-size: 16px; color: #FF1A00; height: 21px; line-height: 21px; margin-top: 6px; } .renbjt-biaot3 .morebox { position: absolute; right: 0; bottom: 7px; cursor: pointer; } .renbjt-biaot3 .morebox span { font-size: 14px; font-weight: bold; color: #000000; letter-spacing: 1px; margin-right: 4px; display: inline-block; vertical-align: middle; } .renbjt-biaot3 .morebox img { width: 16px; height: 16px; display: inline-block; vertical-align: middle; } .renbjt-subtitle-box { width: 888px; margin: 0 auto; } /* 标题4 */ .renbjt-biaot4 { margin: 0 auto; overflow: hidden; height: 37px; border-bottom: 1px #D7D7D7 solid; margin-top: 32px; } .renbjt-biaot4 .renbjt-biaot4-name-zhcn { height: 100%; color: #333333; font-size: 16px; font-weight: bold; line-height: 21px; position: relative; float: left; } .renbjt-biaot4 .renbjt-biaot4-name-zhcn::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background-color: #FF1A00; } /* 新闻中心-首页 */ .news-summary-meit { margin-top: 0px; overflow: hidden; margin-bottom: 104px; } .news-summary-meit .meit { width: 100%; float: left; } .news-summary-meit .zhuant { float: right; width: 468px; } .news-summary-jinr { margin-top: 104px; } .news-summary-ul .news-summary-li { cursor: pointer; margin-top: 32px; box-sizing: border-box; padding-left: 32px; position: relative; } .news-summary-ul .news-summary-li a { display: block; } .news-summary-ul .news-summary-li .title-box { overflow: hidden; } .news-summary-ul .news-summary-li .title-box .title-l { float: left; width: 469px; font-size: 16px; font-weight: bold; line-height: 16px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .news-summary-ul .news-summary-li .title-box .title-r { float: left; width: 336px; font-size: 14px; font-weight: bold; line-height: 14px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .news-summary-ul .news-summary-li .title-box .time { float: right; font-size: 16px; line-height: 16px; } .news-summary-ul .news-summary-li .summ { margin-top: 16px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 16px; color: #666666; } .news-summary-ul .news-summary-li::before { content: ''; position: absolute; width: 16px; height: 16px; background-image: url('../images/news-un-hover.png'); background-repeat: no-repeat; background-size: cover; background-position: center top; left: 0; } .news-summary-ul .news-summary-li a:hover .summ { color: #FF1A00; } .news-summary-ul .news-summary-li:hover::before { background-image: url('../images/news-hover.png'); } /*新闻中心上面滑动块*/ .news-summary-jt-box .swiper-wrapper { margin-top: 24px; padding-bottom: 0px; width: 1200px; overflow: hidden; } .news-summary-jt-box .swiper-container { overflow: hidden; height: 465px; } .news-summary-jt-box { font-size: 0; white-space: nowrap; } .news-summary-jt-box .news-summary-jt-info-item { display: inline-block; height: 376px; width: 288px; margin-right: 16px; position: relative; } .news-summary-jt-box .news-summary-jt-info-item .link-box { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; display: block; transition: all 0.3s; box-sizing: border-box; width: 288px; height: 320px; background: #fff; padding: 16px; border-radius: 10px 0px 10px 0px; } .news-summary-jt-box .news-summary-jt-info-item .link-box::after { content: ''; width: 24px; height: 16px; background-image: url('../images/news-xiangq-r.png'); background-repeat: no-repeat; background-size: cover; background-position: center; position: absolute; left: 16px; bottom: 16px; } .news-summary-jt-box .news-summary-jt-info-item .img { width: 256px; height: 160px; } .news-summary-jt-box .news-summary-jt-info-item .time { display: block; font-size: 12px; font-weight: bold; color: #FF1A00; padding: 8px 0; } .news-summary-jt-box .news-summary-jt-info-item .name { font-size: 16px; line-height: 24px; display: block; color: #333333; white-space: normal; height: 48px; overflow: hidden; } .news-summary-jt-box .news-summary-jt-info-item .jianjie { display: block; color: #fff; font-size: 12px; display: none; margin-top: 16px; white-space: normal; height: 36px; line-height: 18px; overflow: hidden; } .news-summary-jt-box .news-summary-jt-info-item .box { width: 100%; position: relative; } .news-summary-jt-box .news-summary-jt-info-item:hover .link-box { height: 376px; background: #FF1A00; color: #fff; } .news-summary-jt-box .news-summary-jt-info-item:hover .link-box::after { background-image: url('../images/news-xiangq-w.png'); } .news-summary-jt-box .news-summary-jt-info-item:hover .jianjie { display: inline-block; } .news-summary-jt-box .news-summary-jt-info-item:hover .time { color: #fff; } .news-summary-jt-box .news-summary-jt-info-item:hover .name { color: #fff; } .news-summary-jt-slider { width: 128px; height: 4px; background-color: #D7D7D7; position: absolute; left: 0; bottom: 0; overflow: visible; } .swiper-scrollbar-cursor-drag { background-color: #FF1A00; height: 8px; position: absolute; border-radius: 0; bottom: -1px; } /* 关于人保-集团架构 */ .renbjt-jiag { width: 888px; margin: 0 auto; overflow: hidden } .renbjt-jiag .logo { width: 364px; height: 45px; background-size: cover; background-position: center top; margin-top: 32px; } .renbjt-jiag .jiegou { width: 847px; height: 669px; background-size: cover; background-position: center top; margin-top: 32px; } /* 人保日历 */ .renbjt-rbri { width: 888px; margin: 0 auto; overflow: hidden; padding-top: 29px; } .rbrl-titl { height: 101px; overflow: hidden; width: 210px; display: inline-block; } .rbrl-titl .renbjt-biaot1-name-zhcn { display: block; font-size: 32px; color: #000; font-weight: bold; height: 42px; line-height: 42px; margin-top: 16px; } .rbrl-titl .renbjt-biaot1-name-en { display: block; font-size: 16px; color: #FF1A00; height: 21px; line-height: 21px; margin-top: 6px; } .rbrl-titr { height: 50px; width: 126px; float: right; margin-top: 28px; background: url('../images/un-checkdates.png') no-repeat; cursor: pointer; position: relative; } .checkdates { height: 50px; width: 126px; float: right; margin-top: 28px; background: url('../images/checkdates.png') no-repeat; cursor: pointer; position: relative; } .rlxq-shang { width: 888px; height: 10px; background: #FF1A00; margin: 0 auto; border-radius: 0px 0px 0px 0px; opacity: 1; } .check-days { position: absolute; left: 21px; top: 24px; color: #694B4B; font-size: 15px; font-weight: bold; } .rlxq-zhong { width: 888px; height: 574px; background: url('../images/rbrl-bj.png') left center no-repeat; float: left; } .rlxq-zb { width: 680px; height: 523px; background: #F5F5F5; margin: 0 auto; border-radius: 0px 0px 0px 0px; opacity: 1; border: 2px solid #C0A55C; margin-top: 23px; margin-bottom: 23px; } .rbrl-xq { width: 662px; height: 505px; border-radius: 0px 0px 0px 0px; opacity: 1; padding: 9px; } .rlxq-xia { width: 888px; height: 80px; background: rgba(192, 165, 92, 0.9); opacity: 1; float: left; text-align: center; } .rlxq-xia span { width: 740px; height: 42px; font-size: 14px; font-family: Microsoft YaHei-Regular, Microsoft YaHei; font-weight: 400; color: #FFFFFF; line-height: 21px; padding: 19px 74px 19px 74px; float: left; } /* 关于人保-集团文化 */ .renbjt-wenh-box { width: 888px; margin: 40px auto 0 auto; } .renbjt-wenh-box .renbjt-wenh-box-ul { font-size: 0; } .renbjt-wenh-box .renbjt-wenh-box-ul .renbjt-wenh-box-link { display: inline-block; vertical-align: top; background-repeat: no-repeat; background-size: 100% 100%; background-position: center center; transition: all 0.3s; cursor: pointer; } .renbjt-wenh-box .renbjt-wenh-box-ul .renbjt-wenh-box-link.active { transform: translateY(-8px); box-shadow: 0px 2px 10px 0px rgba(225, 26, 0, 0.42); } .renbjt-wenh-box .renbjt-wenh-box-ul .renbjt-wenh-box-link:not(:last-child) { margin-right: 18px; } .renbjt-wenh-box .renbjt-wenh-box-ul .link1 { display: inline-block; background-repeat: no-repeat; background-size: 100% 100%; background-position: center center; transition: all 0.3s; cursor: pointer; width: 408px; height: 230px; position: relative; } .renbjt-wenh-box .renbjt-wenh-box-ul .link1 .jbf { width: 401px; height: 268px; } .renbjt-wenh-box .renbjt-wenh-box-ul .link1 #jbj p { width: 48px; height: 48px; position: absolute; left: 0; top: 0; bottom: 0; right: 0; margin: auto; } .renbjt-wenh-box .renbjt-wenh-box-ul .link1 #jbj p img { width: 50px; height: 50px; } #video { display: none; } #video { width: 400px; height: 268px; margin: 0 auto; position: relative; } .renbjt-wenh-box .renbjt-wenh-box-ul .link2 { width: 142px; height: 230px; } .renbjt-wenh-box .renbjt-wenh-box-ul .link3 { width: 142px; height: 230px; } .renbjt-wenh-box .renbjt-wenh-box-ul .link4 { width: 142px; height: 230px; } .renbjt-wenh-box .renbjt-wenh-box-ul .link5 { width: 100px; height: 269px; } .renbjt-wenh-box .renbjt-wenh-info-ul .renbjt-wenh-info-li { display: none; margin-top: 16px; background-color: #F5F5F5; } .renbjt-wenh-box .renbjt-wenh-info-ul .renbjt-wenh-info-li.active { display: block; } .renbjt-wenh-box .renbjt-wenh-info-ul .renbjt-wenh-info-li .info-tt-title { padding-left: 56px; height: 40px; line-height: 40px; background-color: #E5E5E5; font-size: 16px; font-weight: bold; color: #000000; position: relative; } .renbjt-wenh-box .renbjt-wenh-info-ul .renbjt-wenh-info-li .info-tt-title::before { content: ''; width: 44px; height: 40px; font-size: 16px; font-weight: bold; color: #FFFFFF; text-align: center; line-height: 40px; background-color: #FF1A00; position: absolute; left: 0; } .renbjt-wenh-box .renbjt-wenh-info-ul .renbjt-wenh-info-li .tt1::before { content: '01'; } .renbjt-wenh-box .renbjt-wenh-info-ul .renbjt-wenh-info-li .tt2::before { content: '02'; } .renbjt-wenh-box .renbjt-wenh-info-ul .renbjt-wenh-info-li .tt3::before { content: '03'; } .renbjt-wenh-box .renbjt-wenh-info-ul .renbjt-wenh-info-li .tt4::before { content: '04'; } .renbjt-wenh-box .renbjt-wenh-info-ul .renbjt-wenh-info-li .tt5::before { content: '05'; } .renbjt-wenh-box .renbjt-wenh-info-ul .renbjt-wenh-info-li .info-tt-text { padding: 16px; font-size: 14px; color: #333333; line-height: 28px; } .renbjt-wenh-box .renbjt-wenh-info-ul .renbjt-wenh-info-li .info-tt-text span { color: #FF1A00; font-weight: bold; } /* 关于人保-集团品牌 */ .renbjt-brand { width: 904px; margin: 0 auto 40px auto; overflow: hidden; } .renbjt-brand .renbjt-brand-li { margin: 32px 8px 0 8px; float: left; } .renbjt-brand .renbjt-brand-li .img-box { width: 436px; height: 264px; position: relative; } .renbjt-brand .renbjt-brand-li .img-box .video-img { width: 436px; height: 264px; display: block; } .renbjt-brand .renbjt-brand-li .img-box .btn1 { width: 52px; height: 52px; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; transition: all 0.3s; } .renbjt-brand .renbjt-brand-li .img-box:hover .btn1 { width: 78px; height: 78px; } .renbjt-brand .renbjt-brand-li .video-name { margin-top: 16px; font-size: 16px; font-weight: bold; color: #333333; line-height: 16px; } /* 关于人保-品牌-视频详情 */ .renbjt-brand-video-box { width: 888px; min-height: 480px; margin: 24px auto 0 auto; } /* 关于人保-联系我们 */ .renbjt-contact-jtgf { width: 888px; margin: 32px auto 0 auto; overflow: hidden; } .renbjt-contact-jtgf .jtgf-img { float: left; background-repeat: no-repeat; background-size: cover; background-position: center center; width: 448px; height: 334px; } .renbjt-contact-jtgf .jtgf-info { float: right; width: 407px; height: 334px; } .renbjt-contact-jtgf .jtgf-info .jtgf-info-name { height: 40px; background-color: #FF1A00; font-size: 18px; font-weight: bold; color: #FFFFFF; line-height: 40px; padding-left: 8px; } .renbjt-contact-jtgf .jtgf-info .jtgf-info-logo { background-repeat: no-repeat; background-size: cover; background-position: center center; width: 372px; height: 31px; margin-top: 24px; } .renbjt-contact-jtgf .jtgf-info .jtgf-info-ul { border-top: 1px solid #D7D7D7; border-bottom: 1px solid #D7D7D7; height: 213px; margin-top: 24px; } .renbjt-contact-jtgf .jtgf-info .jtgf-info-ul .jtgf-info-ul-li { margin-top: 25px; } .renbjt-contact-jtgf .jtgf-info .jtgf-info-ul .jtgf-info-ul-li span { font-size: 14px; color: #666666; } .renbjt-contact-jtgf .jtgf-info .jtgf-info-ul .jtgf-info-ul-li cite { font-size: 14px; font-weight: bold; color: #333333; margin-left: 16px; } .renbjt-contact-zigs-tt { width: 888px; height: 40px; background-color: #FF1A00; font-size: 18px; font-weight: bold; color: #FFFFFF; line-height: 40px; padding: 0 24px; box-sizing: border-box; margin: 40px auto 0 auto; } .renbjt-contact-zigs-box { width: 912px; margin: 0 auto; } .renbjt-contact-zigs-box .renbjt-contact-zigs-child { width: 432px; height: 320px; background-color: #F5F5F5; float: left; margin: 24px 12px 0 12px; box-sizing: border-box; padding: 32px 24px; position: relative; } .renbjt-contact-zigs-box .renbjt-contact-zigs-child .name { height: 42px; font-size: 20px; font-weight: bold; color: #333333; line-height: 26px; position: relative; } .renbjt-contact-zigs-box .renbjt-contact-zigs-child .name::before { content: ''; width: 72px; height: 1px; background-color: #FF1A00; position: absolute; bottom: 0; left: 0; } .renbjt-contact-zigs-box .renbjt-contact-zigs-child .btn { position: absolute; bottom: 32px; left: 24px; width: 122px; height: 39px; font-size: 14px; color: #000000; line-height: 39px; text-align: center; opacity: 0.88; border: 1px solid #979797; } .renbjt-contact-zigs-box .renbjt-contact-zigs-child .btn span { position: relative; } .renbjt-contact-zigs-box .renbjt-contact-zigs-child .btn span::after { content: ''; background-image: url('../images/about-contact-icon2.png'); background-size: cover; width: 5px; height: 6px; position: absolute; right: -13px; top: 0; bottom: 0; margin: auto 0; } .renbjt-contact-zigs-box .renbjt-contact-zigs-child .btn a { display: block; } .renbjt-contact-zigs-box .renbjt-contact-zigs-child .btn a:hover { background-color: #FF1A00; color: #FFFFFF; border: none; } .renbjt-contact-zigs-box .renbjt-contact-zigs-child .btn a:hover span::after { background-image: url('../images/about-contact-icon1.png'); } .renbjt-contact-zigs-box .renbjt-contact-zigs-child .info { margin-top: 15px; } .renbjt-contact-zigs-box .renbjt-contact-zigs-child .info li { line-height: 27px; font-size: 14px; color: #333333; } /* 关于人保-人保大事记 */ .renbjt-events-box { width: 888px; margin: 0 auto; overflow: hidden; } .renbjt-events-box .renbjt-events-years .year { display: inline-block; vertical-align: top; height: 53px; line-height: 53px; font-size: 16px; font-weight: bold; color: #999999; margin-right: 32px; position: relative; cursor: pointer; } .renbjt-events-box .renbjt-events-years .year:hover { color: #FF1A00; } .renbjt-events-box .renbjt-events-years .year:hover::after { content: ""; width: 0; height: 0; border-style: solid; border-width: 8px 4px 0 4px; border-color: #FF1A00 transparent transparent transparent; position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; } .renbjt-events-box .renbjt-events-years .year.active { color: #FF1A00; } .renbjt-events-box .renbjt-events-years .year.active::after { content: ""; width: 0; height: 0; border-style: solid; border-width: 8px 4px 0 4px; border-color: #FF1A00 transparent transparent transparent; position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; } .renbjt-events-box .renbjt-events-list { overflow: hidden; display: none; } .renbjt-events-box .renbjt-events-list.active { display: block; } .renbjt-events-box .renbjt-events-list .renbjt-events-item:first-child { margin-top: 32px; } .renbjt-events-box .renbjt-events-list .renbjt-events-item:not(:first-child) { /* padding-bottom: 32px; */ } .renbjt-events-box .renbjt-events-list .renbjt-events-item .month-icon { width: 80px; height: 80px; border: 1px solid #D7D7D7; line-height: 80px; text-align: center; font-size: 24px; font-weight: bold; color: #999999; border-radius: 50%; } .renbjt-events-box .renbjt-events-list .renbjt-events-item .day-list { margin-left: 36px; background-repeat: repeat-y; background-image: url('../images/about-events-bj.png'); background-size: 9px 264px; background-position: left; padding-left: 52px; } .renbjt-events-box .renbjt-events-list .renbjt-events-item .day-list .day-item { width: 795px; height: 110px; background-color: #F5F5F5; transition: all 0.3s; padding: 16px; box-sizing: border-box; position: relative; } .renbjt-events-box .renbjt-events-list .renbjt-events-item .day-list .day-item::before { content: ''; width: 62px; height: 9px; background-repeat: no-repeat; background-size: cover; background-image: url('../images/about-events-line.png'); position: absolute; left: -53px; top: 50px; } .renbjt-events-box .renbjt-events-list .renbjt-events-item .day-list .day-item:not(:first-child) { margin-top: 40px; } .renbjt-events-box .renbjt-events-list .renbjt-events-item .day-list .day-item:hover { background-color: #FF1A00; } .renbjt-events-box .renbjt-events-list .renbjt-events-item .day-list .day-item:hover .day { color: #FFFFFF; } .renbjt-events-box .renbjt-events-list .renbjt-events-item .day-list .day-item:hover .record-detail { color: #FFFFFF; } .renbjt-events-box .renbjt-events-list .renbjt-events-item .day-list .day-item .day { font-size: 14px; font-weight: bold; color: #FF1A00; line-height: 21px; } .renbjt-events-box .renbjt-events-list .renbjt-events-item .day-list .day-item .record-detail { font-size: 14px; color: #333333; line-height: 21px; } /* 关于人保-分页 */ .rebjt-page-container .pagination { display: table; margin: 0 auto; } .rebjt-page-container .pagination a, .rebjt-page-container .pagination ul, .rebjt-page-container .pagination div, .rebjt-page-container .pagination li { display: inline-block; vertical-align: middle; font-size: 12px; } .rebjt-page-container .pagination a { margin: 0 8px; } .rebjt-page-container .pagination a:hover { border: 1px solid #FF1A00; color: #FF1A00; } .rebjt-page-container .pagination .btn-start-page, .rebjt-page-container .pagination .btn-end-page { width: 45px; height: 32px; border-radius: 16px; border: 1px solid #D7D7D7; line-height: 32px; text-align: center; } .rebjt-page-container .pagination .btn-pre, .rebjt-page-container .pagination .btn-next { width: 32px; height: 32px; border-radius: 50%; background-size: 6px 11px; background-repeat: no-repeat; background-position: center center; border: 1px solid #D7D7D7; } .rebjt-page-container .pagination .btn-pre { background-image: url('../images/pagination-left.png'); } .rebjt-page-container .pagination .btn-next { background-image: url('../images/pagination-right.png'); } .rebjt-page-container .pagination .number { width: 32px; height: 32px; border-radius: 50%; border: 1px solid #D7D7D7; line-height: 32px; text-align: center; } .rebjt-page-container .pagination .active { border: 1px solid #FF1A00; color: #FF1A00; } .rebjt-page-container .pagination .number-ellipsis { width: 32px; height: 32px; border-radius: 50%; border: 1px solid #D7D7D7; line-height: 26px; text-align: center; } .rebjt-page-container .pagination .number-ellipsis:hover { color: #333333; border: 1px solid #D7D7D7; } /* 新闻中心-集团要闻 */ .renbjt-news-jituan-list { width: 888px; margin: 0 auto 40px auto; min-height: 568px; } .renbjt-news-jituan-list .info { margin-top: 32px; } .renbjt-news-jituan-list .info .link { display: block; padding-left: 32px; background-image: url('../images/news-un-hover.png'); background-size: 16px 16px; background-repeat: no-repeat; background-position: left top; } .renbjt-news-jituan-list .info .link .title-l { font-size: 14px; font-weight: bold; line-height: 16px; width: 714px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; float: left; } .renbjt-news-jituan-list .info .link .time { float: right; font-size: 14px; line-height: 14px; } .renbjt-news-jituan-list .info .link .summ { margin-top: 6px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 14px; color: #666666; } .renbjt-news-jituan-list .info .link:hover { background-image: url('../images/news-hover.png'); } .renbjt-news-jituan-list .info .link:hover .title-l { color: #FF1A00; } .renbjt-news-jituan-list .info .link:hover .time { color: #FF1A00; } .renbjt-news-jituan-list .info .link:hover .summ { color: #FF1A00; } /* 新闻中心-金融保险评论 */ .renbjt-news-jinr-list { width: 888px; margin: 0 auto 40px auto; min-height: 468px; } .renbjt-news-jinr-list .info { margin-top: 32px; } .renbjt-news-jinr-list .info .link { display: block; padding-left: 32px; background-image: url('../images/news-un-hover.png'); background-size: 16px 16px; background-repeat: no-repeat; background-position: left top; } .renbjt-news-jinr-list .info .link .title-l { font-size: 14px; line-height: 16px; width: 714px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; float: left; } .renbjt-news-jinr-list .info .link .time { float: right; font-size: 14px; line-height: 14px; } .renbjt-news-jinr-list .info .link .summ { margin-top: 8px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 14px; color: #666666; } .renbjt-news-jinr-list .info .link:hover { background-image: url('../images/news-hover.png'); } .renbjt-news-jinr-list .info .link:hover .summ { color: #FF1A00; } /* 新闻中心集团要问详情 */ .renbjt-news-jituan-detail { width: 888px; margin: 24px auto 127px auto; } .renbjt-news-jituan-detail .time { font-size: 14px; color: #999999; } .renbjt-news-jituan-detail .info { margin-top: 24px; position: relative; font-size: 14px; color: #666666; line-height: 28px; } /* 新闻中心-金融保险评论详情 */ .renbjt-news-jinr-detail { width: 888px; margin: 24px auto 127px auto; } .renbjt-news-jinr-detail>.time { font-size: 14px; color: #999999; } .renbjt-news-jinr-detail>.time .zuozhe { margin-right: 16px; } .renbjt-news-jinr-detail>.info { padding: 24px 0 32px 0; box-sizing: border-box; position: relative; font-size: 14px; color: #666666; line-height: 28px; } .renbjt-news-jinr-detail .pinglun-form .textbox { padding: 16px; box-sizing: border-box; width: 888px; height: 86px; color: #999999; font-size: 14px; line-height: 19px; resize: none; border: 1px solid #D7D7D7; outline: 0; overflow-y: auto; overflow-x: hidden; } .renbjt-news-jinr-detail .pinglun-form .tool { padding: 16px 0 0 16px; } .renbjt-news-jinr-detail .pinglun-form .tool .tip { font-size: 12px; color: #333333; line-height: 12px; float: left; } .renbjt-news-jinr-detail .pinglun-form .tool .btn-submit { width: 96px; height: 34px; border: 1px solid #FF1A00; line-height: 34px; text-align: center; color: #FF1A00; font-size: 14px; float: right; cursor: pointer; } .renbjt-news-jinr-detail .pinglun-box { margin-top: 40px; padding-left: 16px; box-sizing: border-box; } .renbjt-news-jinr-detail .pinglun-box .comment-tit { height: 30px; border-bottom: 1px solid #D7D7D7; font-size: 16px; font-weight: bold; color: #333333; } .renbjt-news-jinr-detail .pinglun-box .comment-list { padding-top: 32px; } .renbjt-news-jinr-detail .pinglun-box .comment-list .comment-info { margin-bottom: 40px; font-size: 0; } .renbjt-news-jinr-detail .pinglun-box .comment-list .comment-info .comment-touxiang { display: inline-block; vertical-align: top; margin-right: 16px; } .renbjt-news-jinr-detail .pinglun-box .comment-list .comment-info .comment-touxiang img { width: 50px; height: 50px; } .renbjt-news-jinr-detail .pinglun-box .comment-list .comment-info .comment-content { display: inline-block; vertical-align: top; width: 806px; } .renbjt-news-jinr-detail .pinglun-box .comment-list .comment-info .comment-content .comment-name { font-size: 14px; font-weight: bold; color: #333333; line-height: 14px; } .renbjt-news-jinr-detail .pinglun-box .comment-list .comment-info .comment-content .comment-text-box { margin-top: 16px; font-size: 14px; color: #333333; position: relative; } .renbjt-news-jinr-detail .pinglun-box .comment-list .comment-info .comment-content .comment-text-box .comment-text { width: 676px; line-height: 21px; } .renbjt-news-jinr-detail .pinglun-box .comment-list .comment-info .comment-content .comment-text-box .comment-thumb-box { position: absolute; right: 0; top: 0; } .renbjt-news-jinr-detail .pinglun-box .comment-list .comment-info .comment-content .comment-text-box .comment-thumb-box .comment-thumb-icon { width: 20px; height: 20px; display: inline-block; vertical-align: middle; cursor: pointer; } .renbjt-news-jinr-detail .pinglun-box .comment-list .comment-info .comment-content .comment-text-box .comment-thumb-box .comment-thumb-number { font-size: 14px; color: #333333; line-height: 19px; } /* 投资者关系-沟通联系-常见问题 */ .changj-tiw-box { width: 888px; margin: 28px auto 7px auto; } .changj-tiw-box .tiw-text { padding: 16px; box-sizing: border-box; width: 888px; height: 86px; color: #999999; font-size: 14px; line-height: 19px; resize: none; border: 1px solid #D7D7D7; } .changj-tiw-box .tiw-btn-box { padding-top: 16px; } .changj-tiw-box .tiw-btn-box .tiw-tip { font-size: 12px; color: #333333; line-height: 12px; float: left; } .changj-tiw-box .tiw-btn-box .tiw-btn-submit { width: 96px; height: 34px; border: 1px solid #FF1A00; line-height: 34px; text-align: center; color: #FF1A00; font-size: 14px; float: right; cursor: pointer; } .hot-question { width: 888px; margin: 7px auto 0 auto; } .hot-question .hot-question-item { margin-bottom: 32px; } .hot-question .hot-question-item .hot-question-tit { font-size: 14px; color: #FF1A00; line-height: 19px; } .hot-question .hot-question-item .hot-question-ans { margin-top: 8px; font-size: 14px; color: #333333; line-height: 21px; } /* 公开信息披露-基本信息-详情 */ .gkxqpl-box { width: 888px; margin: 0 auto; } .gkxqpl-box .gkxq-detail-time { font-size: 14px; color: #999999; line-height: 14px; margin-top: 32px; } .gkxqpl-box .gkxq-detail-info { font-size: 14px; color: #666666; line-height: 28px; padding: 24px 0; } /* 首页集团成员 */ .renbjt-chengy-box { width: 928px; margin: 0 auto; padding: 8px 0; } .renbjt-chengy-box .renbjt-chengy-info { width: 269px; height: 67px; background-color: #F4F4F4; font-size: 14px; color: #0A0A0A; line-height: 67px; padding: 0 24px; box-sizing: border-box; float: left; margin: 24px 20px 0 20px; transition: all 0.36s ease; } .renbjt-chengy-box .renbjt-chengy-info>a { display: block; height: 100%; } .renbjt-chengy-box .renbjt-chengy-info .chengy-name { font-weight: bold; } .renbjt-chengy-box .renbjt-chengy-info .chengy-btn { float: right; font-size: 12px; padding-right: 8px; position: relative; height: 100%; color: #F4F4F4; } .renbjt-chengy-box .renbjt-chengy-info .chengy-btn::after { content: ''; width: 0; height: 0; border-style: solid; border-width: 4px 0 4px 5px; border-color: transparent transparent transparent #FF1A00; position: absolute; right: -4px; top: 0; bottom: 0; margin: auto 0; } .renbjt-chengy-box .renbjt-chengy-info:hover { background-color: #FF1A00; } .renbjt-chengy-box .renbjt-chengy-info:hover .chengy-name { color: #ffffff; } .renbjt-chengy-box .renbjt-chengy-info:hover .chengy-btn { color: #ffffff; } .renbjt-chengy-box .renbjt-chengy-info:hover .chengy-btn::after { border-color: transparent transparent transparent #ffffff; } /* 首页-社会责任-公益活动 */ .renbjt-gyhd-list { width: 904px; margin: 0 auto 40px auto; } .renbjt-gyhd-list .renbjt-gyhd-item { margin: 16px 8px 0 8px; float: left; } .renbjt-gyhd-list .renbjt-gyhd-item>a { display: block; position: relative; width: 436px; height: 307px; background-repeat: no-repeat; background-size: cover; background-position: center center; overflow: hidden; } .renbjt-gyhd-list .renbjt-gyhd-item>a .gyhd-item-jianl { width: 100%; height: 48px; line-height: 48px; background-color: #FF1A00; font-size: 16px; font-weight: bold; color: #FFFFFF; padding: 0 16px; box-sizing: border-box; position: absolute; bottom: 0; z-index: 9; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .renbjt-gyhd-list .renbjt-gyhd-item>a .gyhd-item-hover { width: 436px; height: 307px; background-color: rgba(255, 26, 0, 0.8); color: #FFFFFF; position: absolute; top: 259px; transition: all 0.3s; z-index: 0; opacity: 0; padding: 40px; box-sizing: border-box; } .renbjt-gyhd-list .renbjt-gyhd-item>a .gyhd-item-hover>h1 { font-size: 24px; font-weight: bold; color: #FFFFFF; line-height: 32px; } .renbjt-gyhd-list .renbjt-gyhd-item>a .gyhd-item-hover>h2 { font-size: 16px; font-weight: bold; color: #FFFFFF; line-height: 32px; } .renbjt-gyhd-list .renbjt-gyhd-item>a .gyhd-item-hover>.to-gyhd { width: 87px; border: 1px solid #ffffff; line-height: 24px; padding: 0 8px; box-sizing: border-box; font-size: 12px; color: #FFFFFF; position: absolute; left: 40px; bottom: 40px; } .renbjt-gyhd-list .renbjt-gyhd-item>a .gyhd-item-hover>.to-gyhd>i { color: #ffffff; margin-left: 8px; position: absolute; } .renbjt-gyhd-list .renbjt-gyhd-item>a:hover .gyhd-item-jianl { display: none; } .renbjt-gyhd-list .renbjt-gyhd-item>a:hover .gyhd-item-hover { top: 0; opacity: 1; } /* 社会责任报告 */ .renbjt-shzrbg-list { width: 930px; margin: 0 auto 40px auto; } .renbjt-shzrbg-list .renbjt-shzrbg-item { margin: 16px 20px 0 20px; float: left; } .renbjt-shzrbg-list .renbjt-shzrbg-item>a { display: block; position: relative; width: 269px; } .renbjt-shzrbg-list .renbjt-shzrbg-item .shzrbg-logo { display: block; width: 269px; height: 362px; } .renbjt-shzrbg-list .renbjt-shzrbg-item .shzrbg-title { width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 14px; color: #333333; line-height: 21px; margin-top: 16px; } /* 中国人保慈善基金会 */ .renbjt-cisjj-nav { width: 888px; height: 32px; margin: 29px auto 0 auto; border-bottom: 1px #D7D7D7 solid; } .renbjt-cisjj-nav>li { height: 100%; font-size: 16px; color: #999999; line-height: 16px; float: left; box-sizing: border-box; margin-right: 32px; position: relative; cursor: pointer; } .renbjt-cisjj-nav>.active { font-weight: bold; color: #333333; } .renbjt-cisjj-nav>.active::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; max-width: 72px; height: 2px; background-color: #FF1A00; } .renbjt-cisjj-list { width: 888px; margin: 0 auto; } .renbjt-cisjj-list>li { display: none; } .renbjt-cisjj-list>li.active { display: block; } .renbjt-cisjj-list .cisjj-item1 { width: 888px; padding: 24px 0; font-size: 14px; color: #666666; line-height: 28px; } /* 网站地图 */ .renbjt-jtmap-box { background-color: #ffffff; border-top: 4px solid #FF1A00; padding-bottom: 40px; min-height: 996px; } .renbjt-jtmap-box .jtmap-subtitle-box { width: 1134px; margin: 0 auto; } .renbjt-jtmap-box .renbjt-jtmap-group-box { width: 1134px; margin: 0 auto 40px auto; } .renbjt-jtmap-box .renbjt-jtmap-group-box .renbjt-jtmap-group-link-box { margin-top: 20px; font-size: 0; } .renbjt-jtmap-box .renbjt-jtmap-group-box .renbjt-jtmap-group-link-box .group-link-tit { font-size: 14px; font-weight: bold; color: #999999; line-height: 14px; display: inline-block; vertical-align: top; width: 76px; line-height: 28px; } .renbjt-jtmap-box .renbjt-jtmap-group-box .renbjt-jtmap-group-link-box .group-link-list { width: 1058px; display: inline-block; vertical-align: top; } .renbjt-jtmap-box .renbjt-jtmap-group-box .renbjt-jtmap-group-link-box .group-link-list .group-link { font-size: 14px; line-height: 28px; float: left; margin: 0 20px; } /* 友情链接 */ .renbjt-youqlj-box { background-color: #ffffff; padding-bottom: 40px; min-height: 816px; } .renbjt-youqlj-box .youqlj-subtitle-box { width: 1136px; margin: 0 auto; } .renbjt-youqlj-box .renbjt-youqlj-group-box { width: 1176px; margin: 0 auto; } .renbjt-youqlj-box .renbjt-youqlj-group-box .youqlj-link-box { float: left; margin: 32px 20px 0 20px; } .renbjt-youqlj-box .renbjt-youqlj-group-box .youqlj-link-box .youqlj-link { width: 254px; height: 74px; display: inline-block; text-align: center; overflow: hidden; } .renbjt-youqlj-box .renbjt-youqlj-group-box .youqlj-link-box .youqlj-link .youqlj-link-icon { height: 74px; } .renbjt-youqlj-box .renbjt-youqlj-apply-box .youqlj-apply-title { width: 1136px; padding: 0 16px; margin: 24px auto 0 auto; box-sizing: border-box; height: 48px; font-size: 16px; font-weight: bold; color: #333333; line-height: 48px; background-color: #E5E5E5; } .renbjt-youqlj-box .renbjt-youqlj-apply-box .youqlj-apply-cond-box { width: 1136px; box-sizing: border-box; padding: 0 16px 24px 16px; margin: 0 auto 0 auto; background-color: #F5F5F5; } .renbjt-youqlj-box .renbjt-youqlj-apply-box .youqlj-apply-cond-box .youqlj-apply-tiaoj { font-size: 14px; color: #333333; margin-top: 24px; padding-left: 16px; position: relative; line-height: 14px; } .renbjt-youqlj-box .renbjt-youqlj-apply-box .youqlj-apply-cond-box .youqlj-apply-tiaoj::after { content: ''; width: 8px; height: 8px; border-radius: 50%; background-color: #FF1A00; position: absolute; left: 0; top: 3px; } /* 隐私政策 */ .renbjt-yszc-box { width: 1198px; padding: 32px; box-sizing: border-box; margin: 0 auto; background-color: #ffffff; font-size: 14px; line-height: 21px; color: #333333; word-break: break-all; } .renbjt-yszc-box .yszc-tit1 { font-size: 18px; font-weight: bold; line-height: 18px; } /* lianhy */ /* 投资者关系补充 */ .tz_cen .tz_left .tz_zgcx_menu { width: 100%; height: 78px; font-size: 20px; font-weight: normal; line-height: 20px; display: table; } .tz_cen .tz_left .tz_zgcx_menu { background-image: url('../images/touzgx-logo2.png'); background-size: cover; background-repeat: no-repeat; } .tz_cen .tz_left .tz_zgcx_menu>a { display: table-cell; vertical-align: middle; padding: 0 16px 0 8px; color: #FF1A00; font-weight: bold; position: relative; word-break: break-all; box-sizing: border-box; } .tz_cen .tz_left .tz_zgcx_menu>a>span { color: #333333; font-weight: normal; } .tz_cen .tz_left .tz_zgcx_menu>a::after { content: ''; width: 5px; height: 9px; position: absolute; right: 8px; background-image: url('../images/right-jiant-icon1.png'); background-size: cover; background-repeat: no-repeat; top: 0; bottom: 0; margin: auto 0; } .close-yszc { font-size: 14px; color: #666; display: block; float: left; margin-top: 7px; margin-left: 20px } .close-yszc a { border: 1px solid #ccc; width: 110px; height: 24px; display: block; line-height: 24px; text-align: center } .close-yszc a:hover { border: 1px #ff532b solid } .pic_yszc { position: fixed; left: 0; top: 0; bottom: 0; background: rgba(0, 0, 0, 0.2); width: 100%; z-index: 2000 } .picc-topbar-box { border: 0; padding-top: 13px; padding-bottom: 30px; width: 420px; vertical-align: middle; text-align: left; background-color: #fff; border-radius: 4px; font-size: 18px; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1); -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1); overflow: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; position: relative; margin: 0 auto; margin-top: 17%; } .picc-topbar-box .box_title { position: relative; font-size: 18px; font-weight: bold; display: block; line-height: 35px; height: 40px; margin: 0 25px; color: #304155 } .picc-topbar-box .box_title i { content: ""; position: absolute; left: 0; bottom: 0; display: inline-block; width: 40px; height: 4px; background-color: #FF1A00; border-radius: 4px; } .picc-topbar-box .close { position: absolute; right: 15px; top: 11px; z-index: 1 } .picc-topbar-box .close img { width: 15px } .picc-topbar-box .box_wenzi { width: 95%; margin: 25px auto 18px auto; padding-bottom: 10px; padding-left: 60px; box-sizing: border-box; background: url("gantanhao.png") no-repeat 15px 0; } .picc-topbar-box .box_wenzi b { font-size: 16px; display: block; padding-bottom: 5px; padding-top: 5px } .picc-topbar-box .box_wenzi span { font-size: 14px; color: #666; line-height: 20px } .picc-topbar-box .box_btns { width: 225px; margin: .2rem auto; } .picc-topbar-box .box_btns .jixu_an, .picc-topbar-box .box_btns .close_an { width: 90px; height: 30px; display: block; border: 0; margin: 0 9px; border-radius: 5px; float: left } .picc-topbar-box .box_btns .jixu_an { color: #FF1A00; border: 1px #FF1A00 solid; background: #fff } .picc-topbar-box .box_btns .close_an { color: #fff; background: #FF1A00 } .renbjt-jianj-content1 p, .renbjt-jianj-content2 p { text-indent: 2em; } /* 人保企业文化红色保险 */ /* 标志释义 */ .renbjt-wenh-biaozsy-box { width: 888px; margin: 40px auto 0 auto; } .renbjt-wenh-biaozsy-2021-logo-box { overflow: hidden; } .renbjt-wenh-biaozsy-2021-logo-box .biaozsy-2021-logo { width: 139px; height: 139px; display: block; margin: 0 auto; } .renbjt-wenh-biaozsy-2021-logo-box .biaozsy-2021-logo-title { color: #000000; font-size: 14px; text-align: center; margin-top: 16px; } .renbjt-wenh-biaozsy-chans-box { height: 180px; box-sizing: border-box; border-top: 4px solid #FF1A00; margin: 40px auto 0 auto; font-size: 0; background-color: #F5F5F5; } .renbjt-wenh-biaozsy-chans-info { overflow: hidden; width: 50%; height: 178px; display: inline-block; position: relative; } .renbjt-wenh-biaozsy-chans-info .biaozsy-chans-detail { margin: 46px 0 0 48px; } .renbjt-wenh-biaozsy-chans-info .biaozsy-chans-detail-title { font-size: 18px; color: #FF1A00; font-weight: bold; line-height: 21px; } .renbjt-wenh-biaozsy-chans-info .biaozsy-chans-detail-text { color: #333333; font-size: 14px; line-height: 21px; width: 284px; } .renbjt-wenh-biaozsy-chans-info:nth-child(1)::after { content: ''; width: 1px; height: 79px; right: 0; background-color: #D7D7D7; position: absolute; top: 0; bottom: 0; margin: auto 0; } .renbjt-wenh-biaozsy-shengd-box { overflow: hidden; border-top: #C0A55C 2px solid; background-color: #F5F5F5; padding-bottom: 46px; } .renbjt-wenh-biaozsy-shengd-info { margin: 48px auto 0 auto; } .biaozsy-shengd-info-title { color: #000000; font-size: 18px; font-weight: bold; display: table; margin: 0 auto; position: relative; } .biaozsy-shengd-info-title::after { content: ''; background-color: #FF1A00; height: 2px; width: 100%; bottom: -9px; left: 0; position: absolute; } .biaozsy-shengd-info-text { margin: 35px auto 0 auto; width: 669px; color: #333333; font-size: 14px; line-height: 21px; } .biaozsy-shengd-info-yinz-box { margin: 35px auto 0 auto; width: 669px; font-size: 0; } .biaozsy-shengd-info-yinz-box .biaozsy-yinz-jies { width: 383px; min-height: 126px; display: inline-block; vertical-align: top; color: #333333; font-size: 14px; line-height: 21px; position: relative; } /* .biaozsy-shengd-info-yinz-box .biaozsy-yinz-jies::after { content: ''; height: 2px; width: 62px; background-color: #C0A55C; position: absolute; bottom: 0; left: 0; } */ .biaozsy-shengd-info-yinz-box .biaozsy-yinz-logo { width: 270px; height: 126px; display: inline-block; vertical-align: top; margin-left: 16px; } .renbjt-wenh-biaozsy-logo-records { overflow: hidden; margin: 16px auto 0 auto; width: 669px; font-size: 0; } .biaozsy-logo-records1 { width: 414px; overflow: hidden; display: inline-block; font-size: 0; margin-left: -4px; margin-right: -4px; vertical-align: top; } .biaozsy-logo-records2 { width: 255px; display: inline-block; font-size: 0; margin-left: 8px; vertical-align: top; } .biaozsy-logo-records2 .biaozsy-logo-records2-img { width: 255px; } .biaozsy-logo-records2 .biaozsy-logo-records2-year { width: 255px; height: 32px; color: #FFFFFF; background-color: #C0A55C; line-height: 32px; text-align: center; font-weight: Bold; margin-top: 8px; font-size: 14px; } .biaozsy-logo-records1-info { width: 130px; padding: 0 4px; display: inline-block; } .biaozsy-logo-records1-info .biaozsy-logo-records1-info-img { width: 130px; height: 70px; } .biaozsy-logo-records1-info .biaozsy-logo-records1-info-year { width: 130px; height: 32px; color: #333333; background-color: #E5E5E5; line-height: 32px; text-align: center; font-weight: Bold; margin-top: 8px; font-size: 14px; } .biaozsy-logo-records1-info2 { width: 199px; padding: 0 4px; margin-top: 8px; display: inline-block; } .biaozsy-logo-records1-info2 .biaozsy-logo-records1-info2-img { width: 199px; height: 70px; } .biaozsy-logo-records1-info2 .biaozsy-logo-records1-info2-year { width: 199px; height: 32px; color: #333333; background-color: #E5E5E5; line-height: 32px; text-align: center; font-weight: Bold; margin-top: 8px; font-size: 14px; } /* 概览 */ .renbjt-wenh-gailan { width: 888px; margin: 37px auto 0 auto; } .gailan-book-container { overflow: hidden; font-size: 0; padding-bottom: 32px; border-bottom: 1px solid #D7D7D7; } .gailan-book-container .hongsbx-book-logo { width: 415px; height: 177px; display: inline-block; vertical-align: top; } .gailan-book-container .hongsbx-book-jianjie { display: inline-block; vertical-align: top; width: 449px; min-height: 177px; position: relative; color: #999999; font-size: 16px; margin-left: 24px; } .gailan-book-container .hongsbx-book-jianjie-downbox { position: absolute; right: 0; bottom: 0; } .gailan-book-container .hongsbx-book-jianjie-downbox .hongsbx-book-jianjie-downbox-tips { font-size: 14px; color: #000000; font-weight: bold; } .gailan-book-container .hongsbx-book-jianjie-downbox .hongsbx-book-jianjie-downbox-icon { width: 16px; height: 16px; vertical-align: middle; } .renbjt-wenh-gailan-container { overflow: hidden; font-size: 0; margin-top: 32px; } .gailan-titbox { width: 100%; height: 47px; border-bottom: 1px solid #D7D7D7; position: relative; box-sizing: border-box; } .gailan-titbox .gailan-tit { float: left; font-size: 24px; color: #000000; font-weight: bold; position: relative; height: 100%; } .gailan-titbox .gailan-tit::after { content: ''; background-color: #FF1A00; height: 2px; width: 96px; position: absolute; bottom: 0; left: 0; } .gailan-titbox .gailan-titicon { font-size: 14px; position: absolute; right: 0; top: 8px; } .gailan-titicon i, .gailan-titicon i { float: right; width: 16px; height: 16px; background: url(news-more-icon.png) no-repeat right center; margin: 0 0 0 6px; vertical-align: middle; } .gailan-titbox .gailan-titicon .icon-gd { font-size: 16px; color: #FF1A00; margin: 0 16px 0 8px; } .renbjt-wenh-gailan-tuzhi { width: 409px; display: inline-block; vertical-align: top; } .gailan-tuzhi { width: 417px; margin-left: -4px; margin-right: -4px; } .gailan-tuzhi .gailan-tuzhi-info { width: 131px; height: 248px; padding: 0 4px; display: inline-block; vertical-align: top; position: relative; margin-top: 16px; } .gailan-tuzhi .gailan-tuzhi-info .gailan-tuzhi-info-bg { width: 131px; height: 86px; background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.56) 100%); position: absolute; bottom: 0; left: 4px; z-index: 1; } .gailan-tuzhi .gailan-tuzhi-info .gailan-tuzhi-info-title { width: 131px; height: 32px; box-sizing: border-box; padding-left: 16px; line-height: 32px; background-color: #C0A55C; color: #FFFFFF; font-weight: bold; font-size: 16px; position: absolute; top: 0; z-index: 9; } .gailan-tuzhi .gailan-tuzhi-info .gailan-tuzhi-info-jump { width: 87px; height: 24px; line-height: 24px; font-size: 12px; border: 1px solid #FFFFFF; color: #ffffff; padding-left: 8px; box-sizing: border-box; position: absolute; left: 0; right: 0; bottom: 22px; margin: 0 auto; z-index: 9; cursor: pointer; } .gailan-tuzhi .gailan-tuzhi-info .gailan-tuzhi-info-jump i { background: url(rbtz_icot.png) no-repeat right center; width: 20px; height: 10px; float: right; margin: 7px 10px 0 0; } .gailan-tuzhi .gailan-tuzhi-info .gailan-tuzhi-link { display: block } .gailan-tuzhi .gailan-tuzhi-info .gailan-tuzhi-link:hover .gailan-tuzhi-info-jump { background-color: #C0A55C; border: 1px solid #C0A55C; } .to-gyhd i { background: url(rbtz_icot.png) no-repeat right center; width: 20px; height: 10px; float: right; margin: 7px 10px 0 0; } .gailan-tuzhi-link img { position: absolute; bottom: 0; } .gailan-tuzhi .gailan-tuzhi-info .gailan-tuzhi-info-jump .icon-bj { font-size: 16px; color: #fff; margin-left: 16px; } .renbjt-wenh-gailan-renwuzhi { width: 446px; display: inline-block; vertical-align: top; margin-left: 33px; } .gailan-renwuzhi-container { width: 446px; margin-left: -8px; margin-right: -8px; } .gailan-renwuzhi { white-space: nowrap; } .gailan-renwuzhi .gailan-renwuzhi-info { width: 138px; margin: 0 8px; display: inline-block; vertical-align: top; position: relative; margin-top: 16px; background-color: #F5F5F5; cursor: pointer; } .gailan-renwuzhi .gailan-renwuzhi-info-toux { width: 138px; height: 153px; overflow: hidden; } .gailan-renwuzhi .gailan-renwuzhi-info-toux>img { width: 138px; } .gailan-renwuzhi .gailan-renwuzhi-info-jianj1 { width: 121px; height: 35px; line-height: 35px; border-bottom: 2px solid #C0A55C; margin: 0 auto; } .gailan-renwuzhi .gailan-renwuzhi-info-jianj1>.name { font-size: 14px; font-weight: bold; color: #000000; } .gailan-renwuzhi .gailan-renwuzhi-info-jianj1>.year { font-size: 12px; font-weight: bold; color: #C0A55C; margin-left: 6px; } .gailan-renwuzhi .gailan-renwuzhi-info-jianj2 { height: 58px; width: 121px; margin: 0 auto; box-sizing: border-box; padding-top: 8px; } .gailan-renwuzhi .gailan-renwuzhi-info-jianj2 .renwuzhi-intro { height: 42px; font-size: 14px; color: #000000; line-height: 21px; overflow: hidden; white-space: normal; } .gailan-renwuzhi-switch { margin-top: 8px; text-align: right; } .gailan-renwuzhi-switch>img { cursor: pointer; } .gailan-renwuzhi-switch>img:nth-child(1) { margin-right: 24px; } /* 人保图志列表 */ .renbjt-wenh-tuzhi-tit { width: 888px; height: 98px; line-height: 98px; margin: 0 auto; position: relative; font-size: 32px; font-weight: bold; color: #000000; } .renbjt-wenh-tuzhi-tit::after { width: 790px; height: 2px; content: ''; position: absolute; bottom: 0; left: 0; background-color: #FF1A00; } .renbjt-wenh-tuzhi-tit .tuzhi-tit-logo { width: 65px; height: 83px; position: absolute; top: 56px; right: 0; } .renbjt-wenh-tuzhi-types { width: 888px; margin: 32px auto 0 auto; } .renbjt-wenh-tuzhi-types .tuzhi-type-name { display: inline-block; margin-right: 32px; position: relative; } .renbjt-wenh-tuzhi-types .tuzhi-type-name>a { font-size: 20px; font-weight: bold; color: #333333; } .renbjt-wenh-tuzhi-types .tuzhi-type-name>a:hover { color: #FF1A00; } .renbjt-wenh-tuzhi-types .tuzhi-type-name.active>a { color: #FF1A00; } .renbjt-wenh-tuzhi-types .tuzhi-type-name.active::after { content: ''; background-image: url('jiantou-xia.png'); background-repeat: no-repeat; background-size: cover; width: 8px; height: 8px; bottom: -15px; left: 0; right: 0; margin: 0 auto; position: absolute; } .renbjt-wenh-tuzhi-years { width: 904px; margin: 55px auto 0 auto; } .renbjt-wenh-tuzhi-years .tuzhi-year { width: 112px; height: 40px; float: left; margin: 0 8px 16px 8px; } .renbjt-wenh-tuzhi-years .tuzhi-year>a { line-height: 40px; text-align: center; background-color: #F5F5F5; color: #333333; font-size: 18px; font-weight: bold; display: block; } .renbjt-wenh-tuzhi-years .tuzhi-year>a:hover { background-color: #FF1A00; color: #FFFFFF; } .renbjt-wenh-tuzhi-years .tuzhi-year.active a { background-color: #FF1A00; color: #FFFFFF; } .renbjt-wenh-tuzhi-list { width: 902px; margin: 8px auto 8px auto; } .renbjt-wenh-tuzhi-list .tuzhi-item { width: 210px; height: 318px; margin: 0 7px 24px 7px; float: left; } .renbjt-wenh-tuzhi-list .tuzhi-item .tuzhi-jianlue-top { width: 210px; height: 260px; box-sizing: border-box; padding: 8px; overflow: hidden; border: 1px solid #D7D7D7; } .tuzhi-jianlue-top-picbox { width: 194px; height: 244px; overflow: hidden; position: relative; } .tuzhi-jianlue-top-pic { max-height: 244px; min-width: 194px; top: 0; bottom: 0; left: 0; right: 0; position: absolute; } .renbjt-wenh-tuzhi-list .tuzhi-item .tuzhi-jianlue-bot { width: 210px; height: 58px; background-color: #F5F5F5; padding-left: 8px; box-sizing: border-box; line-height: 58px; font-size: 12px; color: #333333; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .renbjt-wenh-tuzhi-list .tuzhi-item:hover .tuzhi-jianlue-bot { background-color: #FF1A00; color: #FFFFFF; } /* 人物志 */ .renbjt-wenh-renwuzhi-page { width: 888px; height: 48px; background-color: #E5E5E5; margin: 66px auto 0 auto; position: relative; } .renbjt-wenh-renwuzhi-page-btnbox { position: absolute; height: 32px; margin: auto 0; top: 0; bottom: 0; left: 24px; } .renbjt-wenh-renwuzhi-page-btnbox .renwuzhi-btn { width: 32px; height: 32px; cursor: pointer; } .renbjt-wenh-renwuzhi-page-btnbox .renwuzhi-btn:nth-child(1) { margin-right: 24px; } .renbjt-wenh-renwuzhi-page-tipbox { font-size: 14px; line-height: 48px; height: 48px; color: #000000; font-weight: bold; position: absolute; right: 24px; } .renbjt-wenh-renwuzhi-page-tipbox .tip-red { color: #FF1A00; } .renbjt-wenh-renwuzhi-list { background-color: #F5F5F5; padding: 32px 12px 0 12px; } .multipleColumn .bd { padding: 10px; overflow: hidden; margin: 0 auto; width: 888px; } .ulWrap { background-color: #F5F5F5; } .renbjt-wenh-renwuzhi-item { width: 256px; height: 289px; float: left; margin: 0 16px 40px 16px; position: relative; } .renbjt-wenh-renwuzhi-item .renwuzhi-jieshao { width: 256px; height: 225px; border: 2px solid #C0A55C; box-sizing: border-box; margin-top: 64px; position: relative; } .renbjt-wenh-renwuzhi-item .renwuzhi-jieshao-top { display: inline-block; margin: 13px 0 0 162px; } .renbjt-wenh-renwuzhi-item .renwuzhi-jieshao-top .renwuzhi-jieshao-line1 { width: 73px; height: 2px; background-color: #C0A55C; margin: 8px 0 10px 0; } .renbjt-wenh-renwuzhi-item .renwuzhi-jieshao-top .renwuzhi-jieshao-name { font-size: 18px; color: #000000; font-weight: bold; line-height: 24px; } .renbjt-wenh-renwuzhi-item .renwuzhi-jieshao-top .renwuzhi-jieshao-year { font-size: 12px; font-weight: bold; color: #C0A55C; line-height: 16px; } .renbjt-wenh-renwuzhi-item .renwuzhi-jieshao-center { width: 224px; margin: 16px auto 0 auto; } .renbjt-wenh-renwuzhi-item .renwuzhi-jieshao-center .renwuzhi-jieshao-postion { width: 224px; font-size: 14px; font-weight: bold; color: #000000; line-height: 21px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .renbjt-wenh-renwuzhi-item .renwuzhi-jieshao-center .renwuzhi-jieshao-xiangx { width: 224px; margin-top: 8px; font-size: 12px; color: #999999; line-height: 21px; height: 63px; overflow: hidden; } .renbjt-wenh-renwuzhi-item .renwuzhi-jieshao-bot { position: absolute; bottom: 16px; left: 16px; font-size: 12px; color: #999999; line-height: 16px; } .renbjt-wenh-renwuzhi-item .renwuzhi-jieshao-bot .jieshao-micon { width: 12px; height: 12px; position: absolute; top: 0; bottom: 0; margin: auto 0; } .renbjt-wenh-renwuzhi-item .renwuzhi-link:hover span { color: #FF1A00; } .renbjt-wenh-renwuzhi-item .renwuzhi-link:hover .renwuzhi-jieshao { box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.33); } .renbjt-wenh-renwuzhi-item .renwuzhi-toux-box { width: 138px; height: 138px; padding: 9px; box-sizing: border-box; background-image: url('renwuzhi-toux-bj.png'); background-repeat: no-repeat; background-size: cover; position: absolute; left: 16px; top: 0; z-index: 9; } .renbjt-wenh-renwuzhi-item .renwuzhi-toux-box .renwuzhi-toux { width: 120px; height: 120px; overflow: hidden; position: relative; } .renbjt-wenh-renwuzhi-item .renwuzhi-toux-box .renwuzhi-toux img { width: 120px; position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .renwz-popup-content { position: absolute; left: 0; right: 0; top: 40px; bottom: 40px; max-height: 90vh; margin: 0 auto; width: 800px; overflow: hidden; background-color: #FFFFFF; z-index: 100; min-height: 562px; } /* 图志弹层 */ .renbjt-wenh-popup-container { display: none; position: fixed; left: 0; top: 0; bottom: 0; right: 0; background-color: rgba(0, 0, 0, 0.7); z-index: 100; } .renbjt-wenh-popup-content { position: absolute; left: 0; right: 0; top: 50%; /*top: 40px;*/ /*bottom: 40px;*/ max-height: 90vh; margin: 0 auto; width: 800px; overflow: hidden; background-color: #FFFFFF; z-index: 100; min-height: 562px; } .renbjt-wenh-popup-header { width: 752px; height: 60px; line-height: 60px; background-color: #FFFFFF; border-bottom: 1px solid #D7D7D7; margin: 0 auto; left: 0; right: 0; position: absolute; z-index: 100; } .renbjt-wenh-popup-header .popup-tit { font-size: 18px; font-weight: bold; color: #000000; line-height: 18px; } .renbjt-wenh-popup-header .popup-close { width: 16px; height: 16px; position: absolute; top: 0; bottom: 0; margin: auto 0; right: 0; } .renbjt-wenh-popup-center { height: 100%; padding: 60px 0 41px 24px; box-sizing: border-box; } .popup-tuzhi-tit { font-size: 14px; font-weight: bold; color: #333333; line-height: 21px; text-align: center; padding: 24px 0; width: 752px; margin: 0 auto; background-color: #FFFFFF; } .popup-tuzhi-content { overflow-y: scroll; text-align: center; height: 100%; position: relative; } .iviewer_zoom_status { display: none; } .popup-tuzhi-content .popup-tuzhi-imgbox { width: 752px; text-align: center; margin: 0 auto; padding-top: 69px; height: 100%; position: absolute; top: 0; box-sizing: border-box; overflow: hidden; } .popup-tuzhi-imgbox-inside { position: relative; width: 100%; height: 100%; } /* 人物志弹层 */ .popup-renwuzhi-tit { width: 300px; height: 85px; background-color: #F5F5F5; border-top: 2px #C0A55C solid; margin: 19px auto 0 auto; } .popup-renwuzhi-tit-namebox { padding: 16px 0 0 14px; } .popup-renwuzhi-tit-namebox .popup-renwuzhi-tit-name { font-size: 18px; font-weight: bold; color: #000000; line-height: 24px; position: relative; } .popup-renwuzhi-tit-namebox .popup-renwuzhi-tit-name::after { content: ''; width: 8px; height: 8px; background-color: #C0A55C; position: absolute; top: 0; bottom: 0; margin: auto 0; right: -24px; border-radius: 50%; } .popup-renwuzhi-tit-namebox .popup-renwuzhi-tit-year { font-size: 14px; font-weight: bold; color: #C0A55C; line-height: 19px; margin-left: 40px; } .popup-renwuzhi-tit-postion { width: 268px; margin: 8px auto 0 auto; font-size: 14px; color: #000000; line-height: 21px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .popup-renwuzhi-content { height: 100%; overflow-y: scroll; overflow-x: hidden; } .popup-renwuzhi-imgbox { width: 300px; text-align: center; margin: 0 auto; background-color: #F5F5F5; max-height: 35vh; } .popup-renwuzhi-img { max-width: 300px; max-height: 35vh; } .popup-renwuzhi-info { width: 665px; margin: 16px auto 0 auto; font-size: 14px; color: #000000; line-height: 23px; height: 161px; overflow-y: auto; overflow-x: hidden; } .renwuzhi-intro-detail { display: none; } .fenxs-lianx-beizhu { font-size: 14px; color: #333333; line-height: 14px; width: 888px; margin: 24px auto 0 auto; } /* 20220107新增轮播图*/ /* 20220107新增轮播图*/ .focus { position: relative; width: 100%; height: 440px; margin: auto; } .focus img { width: 100%; height: 440px; } .focus .btn { position: absolute; bottom: 34px; left: 510px; overflow: hidden; zoom: 1; } .focus .btn a { position: relative; display: inline; width: 13px; height: 13px; border-radius: 7px; margin: 0 5px; color: #B0B0B0; font: 12px/15px "\5B8B\4F53"; text-decoration: none; text-align: center; outline: 0; float: left; background: #D9D9D9; } .focus .btn a:hover, .focus .btn a.current { cursor: pointer; background: #fc114a; } .focus .fPic { /* position: absolute; */ left: 0px; top: 0px; } .focus .D1fBt { overflow: hidden; zoom: 1; height: 16px; z-index: 10; } .focus .fcon { position: relative; width: 100%; float: left; display: none; background: #000 } .focus .fcon img { display: block; } .focus .fbg { bottom: 20px; left: 0; position: absolute; z-index: 200; width: 100%; text-align: center; } .focus .fbg div { display: inline-block; } .focus .D1fBt a { display: inline-block; width: 46px; height: 4px; margin: 0 5px; text-align: center; outline: 0; float: left; background: #fff; } .focus .D1fBt .current, .focus .D1fBt a:hover { background: #ff1a00; } .focus .D1fBt img { display: none } .rb-agree-box a { color: #5286e8; } .rb-input-box .rb-sms-btn { border: 0; font: 400 14px/1 "microsoft yahei", Tahoma, Geneva, sans-serif; } /* 集团大佬 */ .p-content1 { width: 1200px; margin: 0 auto; position: relative; padding-bottom: 40px; margin-top: 40px; } .p-content1 .p-content-left { background-color: #fff; float: left; width: 216px; height: 761px; } .p-content1 .p-content-left .p-content-left-ul { box-sizing: border-box; padding: 8px 0 8px 0; } .p-content1 .p-content-left .p-content-left-ul .p-content-left-li { font-size: 14px; margin-left: 24px; } .p-content1 .p-content-left .p-content-left-ul .p-content-left-li a { height: 62px; line-height: 62px; position: relative; display: block; } .p-content1 .p-content-left .p-content-left-ul .p-content-left-li img { display: inline-block; margin-right: 24px; vertical-align: middle; } .p-content1 .p-content-left .p-content-left-ul .p-content-left-li span { display: inline-block; vertical-align: middle; } .p-content1 .p-content-left .p-content-left-ul .p-content-left-li a:hover { color: #FF1A00; } .p-content1 .p-content-left .p-content-left-ul .p-content-left-li a:hover::after { content: ""; width: 0; height: 0; border-style: solid; border-width: 4px 0 4px 5px; border-color: transparent transparent transparent #FF1A00; position: absolute; right: 12px; top: 0; bottom: 0; margin: auto 0; } .p-content1 .p-content-left .p-content-left-ul .p-content-left-li.active a { font-weight: bold; color: #FF1A00; border-bottom: 1px solid #FF1A00; } .p-content1 .p-content-left .p-content-left-ul .p-content-left-li.active a::after { content: ""; width: 0; height: 0; border-style: solid; border-width: 4px 0 4px 5px; border-color: transparent transparent transparent #FF1A00; position: absolute; right: 12px; top: 0; bottom: 0; margin: auto 0; } .p-content1 .p-content-left .p-content-left-ul .p-content-left-li.multi>a::after { content: ""; width: 0; height: 0; border-style: solid; border-width: 5px 4px 0 4px; border-color: #999999 transparent transparent transparent; position: absolute; right: 12px; top: 0; bottom: 0; margin: auto 0; transition: all 0.3s; } .p-content1 .p-content-left .p-content-left-ul .p-content-left-li.multi>a:hover::after { transform: rotate(-180deg); border-color: #FF1A00 transparent transparent transparent; } .p-content1 .p-content-left .p-content-left-ul .p-content-left-li.multi>ul { display: none; } .p-content1 .p-content-left .p-content-left-ul .p-content-left-li.multi .p-content-left-li-child a { height: 48px; line-height: 48px; box-sizing: border-box; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 192px; padding: 0 20px 0 43px; } .p-content1 .p-content-left .p-content-left-ul .p-content-left-li.multi .p-content-left-li-child.active a { font-weight: bold; color: #FF1A00; border-bottom: 1px solid #FF1A00; } .p-content1 .p-content-left .p-content-left-ul .p-content-left-li.multi .p-content-left-li-child.active a::after { content: ""; width: 0; height: 0; border-style: solid; border-width: 4px 0 4px 5px; border-color: transparent transparent transparent #FF1A00; position: absolute; right: 12px; top: 0; bottom: 0; margin: auto 0; } .p-content1 .p-content-left .p-content-left-ul .p-content-left-li.multi.open>a span { font-weight: bold; } .p-content1 .p-content-left .p-content-left-ul .p-content-left-li.multi.open>a::after { transform: rotate(-180deg); } .p-content1 .p-content-right { background-color: #fff; float: right; width: 1200px; padding-bottom: 32px; } .renbjt-subtitle-box2 { width: 740px; } .renbjt-biaot5 { margin: 0 auto; height: 76px; overflow: hidden; border-bottom: 1px solid #D7D7D7; } .renbjt-biaot5 .renbjt-biaot5-name-zhcn { display: block; height: 32px; font-size: 32px; font-weight: bold; color: #000000; } .renbjt-biaot5 .renbjt-biaot5-name-en { display: block; margin-top: 13px; height: 11px; font-size: 14px; font-weight: 400; color: #FF1A00; } .renbjt-leader-ul1 .renbjt-leader-li .renbjt-leader-li-info .leader-text1 { width: 727px; height: 80px; font-size: 16px; /* font-family: Source Han Sans CN; */ font-weight: 400; color: #333333; margin-top: 29px; } .renbjt-leader-ul1 .renbjt-leader-li .renbjt-leader-li-info .leader-text1 p { text-indent: 2em; line-height: 32px; } .rbld-jbxx-ul { width: 727px; height: 80px; font-size: 16px; font-weight: 400; color: #333333; line-height: 41px; margin-top: 20px; } .rbld-jbxx-ul li { float: left; width: 33.3%; text-indent: 2em; } .rbld-jbxx-key { width: 69px; height: 16px; font-size: 16px; /* font-family: Source Han Sans CN; */ font-weight: 500; color: #333333; line-height: 32px; } .rbld-jbxx-val { width: 31px; height: 16px; font-size: 16px; /* font-family: Source Han Sans CN; */ font-weight: 400; color: #333333; line-height: 32px; } .rbld-jbxx-gzll { width: 1040px; margin: 0 auto; overflow: hidden; margin-top: 45px; font-size: 16px; } .rbld-jbxx-gzll p { text-indent: 2em; line-height: 32px; } .rbld-jbxx-gzjl { width: 1040px; margin: 0 auto; overflow: hidden; margin-top: 30px; font-size: 16px; } /* .rbld-jbxx-gzjl p { line-height: 32px; } */ .rbld-jbxx-gzjl .gzjl-year { width: 192px; text-indent: 2em; height: 122px; font-size: 16px; float: left; } .rbld-jbxx-gzjl .gzjl-year li { line-height: 32px; } .rbld-jbxx-gzjl .gzjl-text { width: 444px; height: 161px; float: left; } .rbld-jbxx-gzjl .gzjl-text li { line-height: 32px; } .title-fgx { height: 40px; line-height: 40px; position: relative; background-color: #F5F5F5; width: 1040px; margin: 0 auto; font-weight: bold; padding-left: 22px; margin-top: 44px; font-size: 16px; } .title-fgx::before { content: ''; width: 6px; height: 40px; position: absolute; background-color: #FF0000; left: 0; } .xswz { width: 1040px; margin: 0 auto; height: 700px; } .xswz-xh { line-height: 32px; text-indent: 2em; width: 24px; float: left; margin-top: 31px; } .xswz-text { line-height: 32px; float: left; margin-left: 34px; margin-top: 31px; font-size: 16px; } .rwzz { width: 1040px; margin: 0 auto; height: 90px; } .rwzz-xh { line-height: 32px; text-indent: 2em; width: 24px; float: left; margin-top: 31px; } .rwzz-text { line-height: 32px; float: left; margin-left: 34px; margin-top: 31px; font-size: 16px; } .shjz { width: 1040px; margin: 0 auto; height: 90px; } .shjz .shjz-text { line-height: 32px; float: left; text-indent: 2em; margin-top: 31px; font-size: 16px; } .renbjt-leader-ul1 { width: 1040px; margin: 0 auto; overflow: hidden; } .renbjt-leader-ul1 .renbjt-leader-li { margin-top: 32px; overflow: hidden; } .renbjt-leader-ul1 .renbjt-leader-li .renbjt-leader-li-img { background-size: cover; background-position: center top; width: 240px; height: 300px; float: left; } .renbjt-leader-ul1 .renbjt-leader-li .renbjt-leader-li-info { width: 748px; min-height: 196px; box-sizing: border-box; position: relative; float: right; } .wx-box { width: 306px; height: 184px; box-shadow: 0px 0px 24px 0px rgba(95, 95, 95, 0.3); background: #fff; position: relative; top: -94%; left: 41%; border-radius: 6px; display: none; } .wx-box1 { width: 152px; height: 200px; box-shadow: 0px 0px 24px 0px rgba(95, 95, 95, 0.3); background: #fff; position: relative; top: -80%; left: 62%; border-radius: 6px; display: none; } .wx-box::after { content: ""; display: block; position: absolute; right: -4%; top: 45%; border-width: 7px; border-style: dashed solid dashed dashed; border-color: transparent transparent transparent #fff } .wx-box1::after { content: ""; display: block; position: absolute; right: -9%; top: 45%; border-width: 7px; border-style: dashed solid dashed dashed; border-color: transparent transparent transparent #fff } .product-list .product-link .wx-box img { width: 124px; height: 124px; margin: 14px; } .product-list .product-link .wx-box1 img { width: 124px; height: 124px; margin: 14px; } .product-link .wx-code .codeName { font-size: 16px; float: left; margin-left: 20px; } .product-link .wx-code .codeName1 { font-size: 16px; float: left; margin-left: 36px; } .wapwx { display: inline-block; font-size: 16px; font-family: Microsoft YaHei; font-weight: 400; color: #333333; } .appwx { display: inline-block; font-size: 16px; font-family: Microsoft YaHei; font-weight: 400; color: #333333; } .wx-code { width: 152px; height: 201px; float: left; } .bianbian { width: 2px; height: 100px; background: #EFEFEF; float: left; margin-top: 50px; } .jtcy { width: 952px; float: right; position: relative; } .jtcy .search-box { margin: 0 auto; width: 514px; height: 38px; border-radius: 4px; overflow: hidden; border: 1px solid #D7D7D7; } .jtcy .search-input-box { width: 400px; -webkit-box-sizing: border-box; box-sizing: border-box; height: 100%; display: inline-block; vertical-align: middle; float: left; padding-left: 20px; } .jtcy .search-input { font-size: 14px; width: 100%; height: 100%; border: 0; font-family: '微软雅黑', FZLTHJW, Lucida Grande, Verdana, Lucida, Arial, Helvetica, sans-serif; } .jtcy .search-input { font-size: 14px; width: 100%; height: 100%; border: 0; font-family: '微软雅黑', FZLTHJW, Lucida Grande, Verdana, Lucida, Arial, Helvetica, sans-serif; } .jtcy .search-menu-btn-box { display: inline-block; vertical-align: middle; width: 114px; height: 100%; background-color: rgb(255, 18, 0); } .jtcy .search-menu-btn { height: 100%; position: relative; width: 100%; border: 0; background: none; font-size: 18px; color: white; cursor: pointer; font-family: '微软雅黑', FZLTHJW, Lucida Grande, Verdana, Lucida, Arial, Helvetica, sans-serif; } .jtcy .search-menu-btn-box .textsouso { background: url(../images/textsouso.png) center no-repeat; width: 14px; height: 12px; vertical-align: middle; display: inline-block; margin-right: 10px; background-size: 100%; } .jtcy .search-menu-btn { height: 100%; position: relative; width: 100%; border: 0; background: none; font-size: 14px; color: white; cursor: pointer; font-family: '微软雅黑', FZLTHJW, Lucida Grande, Verdana, Lucida, Arial, Helvetica, sans-serif; } .jtcy #tishi1 { width: 100%; height: 36px; margin: 0 auto; margin-top: 20px; text-align: center; font-size: 14px; display: none; } .jtcy #tishi3 { width: 514px; height: 36px; margin: 0 auto; margin-top: 20px; font-size: 14px; padding-left: 30px; } #tishi1 .red { color: #FF1100; } #tishi3 .red { color: #FF1100; } .jtcy .wrap { width: 520px; height: 300px; margin: 0 auto; /* padding-left:140px; */ } .jtcy .wrap1 { width: 520px; height: 300px; margin: 0 auto; /* padding-left:140px; */ display: none; } .jtcy .item-list-1 {} .jtcy .item-list_name { width: 224px; height: 42px; /* border: 1px solid gray; */ background-color: #F5F5F5; /* border-radius: 3px; */ display: flex; justify-content: center; align-items: center; font-size: 14px; color: #222222; font-weight: bold; line-height: 19px } .jtcy .item-list_name2 { width: 224px; height: 42px; /* border: 1px solid gray; */ background-color: #F5F5F5; /* border-radius: 3px; */ display: flex; justify-content: center; align-items: center; font-size: 14px; color: #222222; font-weight: bold; line-height: 19px; margin-left: 120px; margin-top: -28px; } .jtcy .item-list_name-2 { width: 224px; height: 42px; /* border: 1px solid gray; */ background-color: #F5F5F5; /* border-radius: 3px; */ display: flex; justify-content: center; align-items: center; font-size: 14px; color: #222222; font-weight: bold; line-height: 19px; margin-left: 120px; margin-top: -28px; } .jtcy .item-list_name-3 { width: 224px; height: 42px; /* border: 1px solid gray; */ background-color: #F5F5F5; /* border-radius: 3px; */ display: flex; justify-content: center; align-items: center; font-size: 14px; color: #222222; font-weight: bold; line-height: 19px; margin-left: 120px; margin-top: -28px; } .jtcy .item-list_line { margin-left: 50px; width: 51px; height: 41px; border-top: none; border-left: 1px dashed #CCCCCC; border-right: none; border-bottom: 1px dashed #CCCCCC; padding-top: 10px; padding-left: 10px; } .jtcy .item-list_line-2 { margin-left: 50px; width: 51px; height: 146px; border-top: none; border-left: 1px dashed #CCCCCC; border-right: none; border-bottom: 1px dashed #CCCCCC; padding-top: 10px; padding-left: 10px; } .jtcy .item-list_line-3 { margin-left: 50px; width: 51px; height: 41px; border-top: none; border-left: 1px dashed #CCCCCC; border-right: none; border-bottom: 1px dashed #CCCCCC; padding-top: 10px; padding-left: 10px; } .jtcy .icon-down { width: 0; height: 0; border-top: 6px solid transparent; border-right: 8px solid transparent; border-left: 8px solid #CCCCCC; border-bottom: 6px solid transparent; margin-top: -7px; margin-left: 108px; } .jtcy .item-list-2 { margin-left: 120px; margin-top: -28px; } .jtcy .item-list2-2 { margin-top: -206px; } .jtcy .item-list2-3 { /* margin-top: -206px; */ margin-left: 120px; } .jtcy .item-list-3 { margin-left: 240px; margin-top: -28px; } .jtcy .item-list-4 { margin-left: 360px; margin-top: -28px; } .jtcy .item-list-5 { margin-left: 480px; margin-top: -28px; } .jtcy .icon-down:nth-last-child() { display: none; } #tishi { display: none; } .jtcy .bt { padding: 0px 0px 15px 0px; height: 21px; font-size: 16px; font-weight: bold; color: #333333; line-height: 21px; border-bottom: 0.01rem #D7D7D7 solid; position: relative; width: 888px; margin: 0 auto; } .jtcy .bt:after { content: ""; position: absolute; left: 0; bottom: 0; width: 90px; height: 4px; background: #FF1A00; } .jtcy .cg { width: 40px; height: 30px; border: 1px solid #D7D7D7; border-radius: 50%; line-height: 30px; text-align: center; font-size: 14px; } .jtcy .kg { width: 40px; height: 30px; border: 1px solid #FF1100; border-radius: 50%; line-height: 30px; text-align: center; font-size: 14px; color: #FF1100; } .jtcy .qz { width: 40px; height: 30px; border: 1px solid #FF1100; border-radius: 50%; line-height: 30px; text-align: center; font-size: 14px; } .jtcy .cg2 { width: 40px; height: 30px; border: 1px solid #D7D7D7; border-radius: 50%; line-height: 30px; text-align: center; font-size: 14px; margin-top: 106px; } .jtcy .kg2 { width: 40px; height: 30px; border: 1px solid #FF1100; border-radius: 50%; line-height: 30px; text-align: center; font-size: 14px; color: #FF1100; margin-top: 106px; } .jtcy .qz2 { width: 40px; height: 30px; border: 1px solid #FF1100; border-radius: 50%; line-height: 30px; text-align: center; font-size: 14px; margin-top: 106px; } .jtcy .cg3 { width: 40px; height: 30px; border: 1px solid #D7D7D7; border-radius: 50%; line-height: 30px; text-align: center; font-size: 14px; } .jtcy .kg3 { width: 40px; height: 30px; border: 1px solid #FF1100; border-radius: 50%; line-height: 30px; text-align: center; font-size: 14px; color: #FF1100; } .jtcy .qz3 { width: 40px; height: 30px; border: 1px solid #FF1100; border-radius: 50%; line-height: 30px; text-align: center; font-size: 14px; } .jtcy .tishi2{ border: 1px solid #FF1100; } .jtcy .qpts { margin: 0 auto; background: url(../images/qpts.png) center no-repeat; width: 186px; height: 51px; background-size: 100%; position: absolute; top: 46px; left: 220px; } .jtcy .qpts div { font-size: 14px; line-height: 19px; color: #FF1100; text-align: center; margin-top: 8px; } .jtcy .qpts1 { margin-left: 220px; width: 186px; margin-top: 28px; } .jtcy .qpts1 .jt { margin: 0 auto; background: url(../images/zgsjt.png) center no-repeat; width: 13px; height: 11px; background-size: 100%; } .jtcy .qpts1 div { font-size: 14px; font-family: MicrosoftYaHei; color: #333333; line-height: 19px; display: inline-block; margin-left: 4px; }