*{padding:0;margin:0;font-size:100%; font-style:normal; font-family:'fzlthfw', '微软雅黑',Lucida Grande, Verdana, Lucida, Arial, Helvetica, sans-serif;} dd,dl,dt,em,i,p,textarea,a,div{padding:0;margin:0;} a{text-decoration:none;color:#000} img{border:0;} ul,li{padding:0;margin:0;list-style:none;} .fl{ float:left} .fr{ float:right} body{margin:0; padding:0; color:#000; font-family: 'fzlthfw','微软雅黑',Lucida Grande, Verdana, Lucida, Arial, Helvetica, sans-serif;line-height:.36rem; font-size:.24rem; background:#fff} a{ -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent; tap-highlight-color: rgba(0, 0, 0, 0); } .none{ display:none} input:focus{ outline:none;background: none } input{ outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0);font-family: 'fzlthfw','微软雅黑',Lucida Grande, Verdana, Lucida, Arial, Helvetica, sans-serif; } tt{font-family:'fzlthfw', '微软雅黑',Lucida Grande, Verdana, Lucida, Arial, Helvetica, sans-serif;} select:focus,select:active,select:hover{ outline:none; } p{ background: url(bjtm.png) no-repeat} textarea:focus,textarea:active,textarea:hover{ outline:none; } /*字体包*/ @font-face { font-family: fzlthfw; src: url('FZLTHJW.TTF') } /*小图标*/ @font-face { font-family: 'icon-font'; src:url('iconfont.woff') format('woff'), url('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:.24rem; -webkit-text-stroke-width: 0.002rem; } .icon-grzx:before{content: "\E5A0"} .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"} .icon-dhline:before{content: "\E6D8"} .icon-lefjtl:before{content: "\E6DE"} .icon-rigtjtr:before{content: "\E6E0"} .icon-sjt:before{content: "\E6DC"} .icon-zjjd:before{content: "\E6DD"} .icon-yuan:before{content: "\E5A2"} .icon-sjtfot:before{content: "\E6D6"} .icon-sjttop:before{content: "\E6D2"} .bj_jianb{ background: url(bjjb.jpg) repeat-x #fff } .modal-open{ position: fixed; width: 100%;} /*头导航*/ body{ padding-top: 1.1rem;} .wapNav{ width: 100%; height: 1.1rem; background: #fff; position: fixed; left: 0; top:0; z-index: 10} .head-wap{ width: 100%; margin: 0rem auto; overflow:hidden; height: 100%; display: flex; justify-content: space-between;display: -webkit-flex; -webkit-justify-content: space-between; } .head-wap h1{ float: left; width: 2.2rem; padding-left: .32rem; display: flex; align-items: center;display: -webkit-flex; -webkit-align-items: center; } .head-wap h1 img{ width: 2.15rem} .head-wap .right_cn{ padding-right: .32rem; width: 70%;display: flex; justify-content: flex-end; align-items: center;display: -webkit-flex; -webkit-justify-content: flex-end; -webkit-align-items: center;} .head-wap .right_cn .sousu{ width: 60%; border: 0; height: 100%; display: flex; align-items: center; justify-content: flex-end; display: -webkit-flex; -webkit-align-items: center; -webkit-justify-content: flex-end;position: relative; padding-right: .32rem; margin-right: .32rem; } .head-wap .right_cn .sousu input{ width: 80%; margin-right: .08rem;line-height: 1.10rem; border: 0; } .head-wap .right_cn .sousu i{ font-size: .40rem; display: inline-block; width: .40rem;} .head-wap .right_cn .sousu:after{content:''; position: absolute; top:.40rem; right: 0rem; width: .01rem; height: .40rem; background: #D7D7D7} .head-wap .right_cn .navzk{ position: relative; z-index: 20; height: 100%; display:flex;; align-items: center;-webkit-display:flex; -webkit-align-items: center; } .head-wap .right_cn .navzk i{ color: #000; font-size: .38rem; } .wapNav .a_txt{width: 100%; height:100%;position:fixed;top:0rem;right:0rem;overflow:hidden;z-index:30; display: none; background: #fff } .wapNav .a_txt .div1{position:absolute;width:100%;height:100%;background:#fff;left:0rem;top:1.20rem;z-index:1; box-sizing: border-box; border-top: .01rem #D7D7D7 solid} .wapNav .a_txt .div2{display: flex; justify-content: space-between;display: -webkit-flex; -webkit-justify-content: space-between; width: 100%; margin: 0rem auto; overflow:hidden; height: 100%;} .wapNav .a_txt .div2 h1{ padding-left: .32rem; width: 2.2rem; height: 1.1rem; ;display: flex; align-items: center;display: -webkit-flex; -webkit-align-items: center; } .wapNav .a_txt .div2 h1 img{ width: 2.15rem} .wapNav .a_txt .div2 .clso{ padding-right: .32rem; width: .5rem; ;height: 1.20rem;padding-left: .2rem; display: flex; align-items: center; justify-content: center; display: -webkit-flex; -webkit-align-items: center; -webkit-justify-content: center; position: relative } .wapNav .a_txt .div2 h1 .clso img{ width: 2.15rem; display: block} .wapNav .a_txt .div2 .clso:after{content:''; position: absolute; top:.40rem; left: 0; width: .01rem; height: .40rem; background: #D7D7D7} .wapNav .a_txt .div2 img{ width: .45rem;} .wapNav .a_txt .div3{position:absolute;width:100%;top:0rem;z-index:1;right:0; overflow-x: hidden; bottom: 1.50rem; margin-top: 1.05rem;background:#fff; } .wapNav .a_txt .div3 .dlgrzx{ width: 100%; display: flex;display: -webkit-flex;align-items: center; justify-content: space-between;-webkit-align-items: center; -webkit-justify-content: space-between;box-sizing: border-box;-webkit-box-sizing: border-box; padding: 0rem .14rem; height: 1.17rem; border-bottom: .01rem #D7D7D7 solid} .wapNav .a_txt .div3 .dlgrzx .wapdl{ font-size: .28rem; color:#999999} .wapNav .a_txt .div3 .dlgrzx .wapdl a{ color: #999} .wapNav .a_txt .div3 .dlgrzx .wapdl span{ padding: 0rem .14rem;} /*头个人中心 左侧*/ .wapNav .a_txt .div3 .dlgrzx .grzx{ height: 100%; margin-left: .14rem; color: #999; position: relative; font-size: .28rem;padding-right: .2rem;display: flex; justify-content: flex-end; align-items: center; display: -webkit-flex; -webkit-justify-content: flex-end; -webkit-align-items: center;} .wapNav .a_txt .div3 .dlgrzx .grzx i{ font-size: .28rem;display: inline-block} .wapNav .a_txt .div3 .dlgrzx .grzx i.icon-jtsx{ margin-left: 0.04rem; font-size: .14rem; width: .20rem; color: #999; } .wapNav .a_txt .div3 .dlgrzx .grzx i.icon-grzx{ width: .4rem; font-size: .32rem; color: #D7D7D7} .wapNav .a_txt .div3 .dlgrzx .grzx a{ color: #999} /*个人中心下拉*/ .wapNav .a_txt .div3 .grzx .subnav {position: absolute;overflow: hidden; background: #fff; display: none; top:1.17rem;left: 0rem;z-index: 10;font-size:.14rem; width: 100%;border:.01rem #d7d7d7 solid;-webkit-border-radius:0rem 0rem .1rem .10rem;border-radius:0rem 0rem .10rem .10rem; border-top: 0 } .wapNav .a_txt .div3 .grzx .subnav > li {width: 100%; border-bottom:.01rem #d7d7d7 solid; color: #999; height:.60rem; line-height:.60rem; display:inline-block; text-align: center; font-size: .24rem;} .wapNav .a_txt .div3 .grzx .subnav > li a{color: #999; display: block;} .wapNav .a_txt .div3 .grzx .subnav > li a:hover{ color: #FF1A00; text-decoration:none} .wapNav .a_txt .div3 .grzx .subnav > li:last-of-type{ border-bottom: 0} .wapNav .a_txt .div3 > .nav_wapsy{ width: 100%} .wapNav .a_txt .div3 > .nav_wapsy > li{border-bottom:.01rem solid #D7D7D7; min-height: 1.08rem; line-height: 1.08rem; padding: 0rem .32rem; } .wapNav .a_txt .div3 > .nav_wapsy > li > span,.wapNav .a_txt .div3 > .nav_wapsy > li > a{display:block;font-size: .28rem;} .wapNav .a_txt .div3 > .nav_wapsy > li > span{ display: flex; justify-content: space-between; align-items: center;display: -webkit-flex; -webkit-justify-content: space-between; -webkit-align-items: center; color: #333} .wapNav .a_txt .div3 > .nav_wapsy > li > span a{ display: flex; justify-content: space-between; align-items: center;display: -webkit-flex; -webkit-justify-content: space-between; -webkit-align-items: center;; width: 100%; color: #333} .wapNav .a_txt .div3 > .nav_wapsy > li > span i{ color: #FF1A00} .wapNav .a_txt .div3 > .nav_wapsy > li .a_txt2{display:none; padding:0% 3%; background: #F5F5F5} .wapNav .a_txt .div3 > .nav_wapsy > li .a_txt2 li{height:1.08rem;line-height:1.08rem;border-bottom: .01rem #D7D7D7 solid; font-size: .28rem; } .wapNav .a_txt .div3 > .nav_wapsy > li .a_txt2 li:last-of-type{ border-bottom: 0} .wapNav .a_txt .div3 > .nav_wapsy > li .a_txt2 li a{ display: block} .wapNav .a_txt .div3 > .nav_wapsy > li .a_txt2 li.ckqb a{ color: #999} .wapNav .a_txt .div3 > .nav_wapsy > li.hove{ border-bottom: 0rem; } .wapNav .a_txt .div3 > .nav_wapsy > li.hove span{color: #FF1A00; font-weight: bold} .wapNav .a_txt .div3 > .nav_wapsy > li.hove i{transform: rotate(90deg); } .wapNav .xixipil{ width: 100%; height: 1.40rem ;background: #E5E5E5; position: fixed; right:0; bottom: 0; line-height: 1.40rem; z-index: 30 } .wapNav .xixipil span{ padding: 0rem .32rem;} .wapNav .xixipil .xixnpl{ font-size: .28rem; color: #FF1A00; float: left} .wapNav .xixipil .ziti{ font-size: .28rem; color: #FF1A00; float: right} .wapNav .xixipil .ziti b{ padding: 0rem 0.08rem;font-weight: normal} .wapNav .xixipil .xixnpl a{ color:#FF1A00 } /*头搜索*/ .wapNav .sos_bj{width: 100%; height:100%;position:fixed;top:0rem;right:0rem;overflow:hidden;z-index:30; overflow-x: hidden; display: none; background: #fff } .wapNav .soszez{position:absolute;width:100%;height:100%;opacity:1;left:0;top:0;z-index:21;background: #fff; } .wapNav .sos_bj .nrks{position:absolute;width:100%;top:0;z-index:22;left:0; height: 100%} .wapNav .sos_bj .sotop{ width: 100%; height: 1.2rem;border-bottom: 0.01rem #D7D7D7 solid;box-sizing: border-box;-webkit-box-sizing: border-box; padding: 0rem 0.18rem; position: relative; display: flex; justify-content: space-between; align-items: center; display: -webkit-flex; -webkit-justify-content: space-between;-webkit-align-items: center;} .wapNav .sos_bj .sotop > i{ font-size: .54rem; color: #000;} .wapNav .sos_bj .sotop .souqu{ position: absolute; left: .5rem; right: .32rem; height: .64rem; background: #F5F5F5; margin-left: .4rem; display: flex; align-items: center; justify-content: space-between; display: -webkit-flex; -webkit-align-items: center;-webkit-justify-content: space-between;} .wapNav .sos_bj .sotop .souqu input{ width: 85%; height: 100%; border: 0; background: none; padding: 0 .32rem;box-sizing: border-box;-webkit-box-sizing: border-box; color: #999; font-size: .28rem} .wapNav .sos_bj .sotop .souqu i {font-size: .44rem; color: #000; width: .5rem; display: block; margin-right: .30rem} .wapNav .keyword-list{ width: 100%;display: flex; justify-content: space-between; align-items: center;display: -webkit-flex; -webkit-justify-content: space-between; -webkit-align-items: center;} .wapNav .keyword-list li{ padding: 0 .17rem; color: #666; font-size: .28rem; float: left; height: .56rem; line-height: .56rem} .wapNav .keyword-list li a{ color: #666} .wapNav .recommend-title{ font-size: .28rem; color: #333; text-align: center; font-weight: normal; height: .6rem; padding: .44rem 0 .04rem 0} .wapNav .recommend-list{ width: 100%; height: 80vh; overflow-x: hidden;overflow-y:auto; } .wapNav .recommend-item{height:2.24rem; width:5.36rem;margin:0 auto .4rem auto; border-top: .04rem #FF1A00 solid; position: relative; overflow: hidden; background: #F5F5F5} .wapNav .recommend-item a{ display: flex; justify-content: space-between;display: -webkit-flex; -webkit-justify-content: space-between} .wapNav .recommend-item .product-info{ width: 2.24rem; height: 1.83rem; padding: .32rem 0 0 .32rem } .wapNav .recommend-item .product-name{font-size:.28rem;line-height:.36rem;color:#333333; width: 100%; height: .72rem; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .wapNav .recommend-item .product-price{color:#FF1A00;font-size:.28rem;line-height:.36rem; display: inline-block; padding-top: .7rem} .wapNav .recommend-item .product-image{ width: 2.24rem; height: 2.24rem; float: right; } .wapNav .recommend-item .icon-bj{ position: absolute; left: 1.92rem; bottom: .2rem; color: #D7D7D7} .wapNav .recommend-item a:hover .icon-bj{ color: #FF1A00} .wapNav input::-webkit-input-placeholder { color: #999;} .wapNav input:-moz-placeholder { color: #999;} /*首页焦点图*/ .soy_banner{ width:100%; margin:0 auto .1rem auto} .soy_banner .swiper-container {width: 100%;height: 2.68rem;margin: 0rem auto;} .soy_banner .swiper-slide img{width:100%;height: 2.68rem;} /*切换圆*/ .soy_banner .swiper-pagination-bullet { width: .10rem; height: .10rem; display: inline-block; border-radius: 100%; background: none; opacity: 1; border: .01rem #fff solid;} .soy_banner .swiper-pagination-bullet-active {opacity: 1; background: none; border: .01rem #FF1A00 solid; position: relative;} .soy_banner .swiper-pagination-bullet-active:after{content: ""; position: absolute; left:0.03rem; top:0.03rem; width: .04rem; height: .04rem; background: #FF1A00; -webkit-border-radius:25em; -moz-border-radius:25em; border-radius:25em; } .soy_banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 .12rem;} .soy_banner .swiper-pagination{ line-height: .20rem;} /*资讯*/ .soy_zixu{ width: 100%; padding: 0.05rem 0} .soy_zixu .top-info-list{ width: 7.20rem; overflow: hidden; margin: 0 auto} .soy_zixu .top-info-item{margin: 0.16rem; background: #fff;border-radius: .1rem;-webkit-border-radius:.1rem; height: 3.71rem; width: 3.27rem; float: left} .soy_zixu .top-info-item .img{ width: 2.95rem; height: 1.85rem;border-radius: 0.05rem;-webkit-border-radius: 0.05rem; margin: 0 auto; display: block;margin-top: 0.16rem; } .soy_zixu .top-info-item .time{ width: 2.95rem; margin: 0 auto; font-size: .2rem; line-height: .26rem; color:#FF1A00; display: block; padding: .16rem 0;} .soy_zixu .top-info-item .name{width: 2.95rem; margin: 0 auto;font-size: .24rem; line-height: .36rem; display: block; height:.72rem; overflow: hidden; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } /*新闻中心*/ .home_news{ border-bottom: 0.01rem #D7D7D7 solid; padding-bottom: 0.07rem; width: 6.86rem; margin: 0 auto; position: relative } .home_news b{ font-size: .46rem; line-height: .61rem; color: #000; font-weight: bold} .home_news span{ color:#FF1A00; font-size: .22rem; line-height: .29rem; display: block;text-transform:capitalize } .home_news .more{ position: absolute; right: 0 ; bottom:.22rem;color: #333; font-size: .24rem; font-weight: bold; display: flex; align-items: center;display: -webkit-flex; -webkit-align-items: center;} .home_news .more a{ display: block; padding-right: .32rem;} .home_news .more i{ font-size: .24rem; color: #FF1A00; width: .24rem; margin-left: .08rem} .home_cpfwMor{position:fixed; width: 100%; height: 0; right: 0; bottom:2rem; z-index: 7; display: flex; justify-content: flex-end; display: -webkit-flex; -webkit-justify-content: flex-end} .gengdu_on{ width: .8rem;z-index:10; height: 1.60rem; background: #FF1A00; border-radius:2rem 0 0 2rem; display:flex; align-items: center;justify-content: center;display:-webkit-flex; -webkit-align-items: center; -webkit-justify-content: center; } .gengdu_on i{ color: #fff; font-size: .4rem;} .home_cpfwMor .gengdu_zk{ width:0; height: 1.6rem; z-index:10; background: #fff; -webkit-border-radius:2rem 0 0 2rem; -moz-border-radius:2rem 0 0 2rem; border-radius:2rem 0 0 2rem; -webkit-box-shadow:.0rem .05rem .2rem .1rem rgba(74, 35, 31, 0.16); box-shadow:.0rem .05rem .2rem .1rem rgba(74, 35, 31, 0.16); display:flex; align-items: center;justify-content:flex-end;display:-webkit-flex; -webkit-align-items: center; -webkit-justify-content: flex-end; overflow: hidden; } .home_cpfwMor .gengdu_zk a{ color: #fff} .home_cpfwMor .gengdu_zk h1{ width: 2.44rem; height: .8rem; z-index:10; background: #FF1A00 ; float: right; -webkit-border-radius:1rem 0 0 1rem; -moz-border-radius:1rem 0 0 1rem; border-radius:1rem 0 0 1rem; line-height: .8rem; text-align: center; font-size: .24rem; color: #fff; font-weight: normal; display:flex; align-items: center;justify-content: center;display:-webkit-flex; -webkit-align-items: center; -webkit-justify-content: center; } .home_cpfwMor .gengdu_zk i{ color: #fff; font-size: .3rem} .cpfw_ondh{-webkit-animation:cpfwdh .5s ease-out forwards;animation:cpfwdh .5s ease-out forwards;} @-webkit-keyframes cpfwdh{ 0%{-webkit-transform:translateX(2.84rem); width:2.84rem;} 100%{ -webkit-transform:translateX(0);width:2.84rem} } @keyframes cpfwdh{ 0%{transform:translateX(2.84rem); width:2.84rem;} 100%{ transform:translateX(0);width:2.84rem} } /*图片*/ .syNew_tp{width: 6.86rem; margin: 0 auto .2rem auto; height: 3.54rem; position: relative; margin-top: .32rem} .syNew_tp .img_nes{ width: 100%; height: 100%} /*标题*/ .syNew_bt{ width: 6.86rem; margin: 0 auto;border-bottom:0.01rem #D7D7D7 solid; height: .85rem; line-height: .42rem; display: flex; align-items: center; justify-content: space-between;display: -webkit-flex; -webkit-justify-content: space-between;-webkit-align-items: center;} .syNew_bt b{ font-size: .32rem;} .syNew_bt span{ color: #333; font-size: .24rem; font-weight: bold; position: relative; height: 100%; padding-right: .32rem;display: flex; align-items: center;display: -webkit-flex; -webkit-align-items: center;} .syNew_bt span i{ font-size: .24rem; color: #FF1A00; width: .24rem; margin-left: .08rem} .sylilb{ width: 6.86rem; margin: .2rem auto;} .sylilb ul{ width: 100%; } .sylilb li{ height: .65rem; font-size: .28rem; padding: 0.02rem 0; position: relative } .sylilb li span{ padding-left: .40rem;height: .65rem;line-height: .65rem;overflow: hidden; text-overflow:ellipsis; white-space: nowrap; display: block} .sylilb li a{height: .65rem; position: relative;width: 100%; line-height: .65rem; display: block; } .sylilb li a:before { content: ''; position: absolute; width:.26rem; height: .26rem; left:0; top: .17rem; background: url(ditu_dian.png) no-repeat; background-size: 100% 100%} /*企业文化*/ .wywh{ width: 100%} .wywh .swiper-container{width:6.86rem;height:4.53rem;margin:.32rem auto} .wywh .swiper-slide{text-align:center;height:4.23rem;background:#fff;position:relative;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center} .wywh .swiper-slide .pic{ width: 6.86rem; height: 4.23rem; } .wywh .swiper-slide p{ width: .81rem; height: .81rem; position: absolute; left:50%; top:50%; transform: translate(-50%,-50%); z-index: 10} .wywh .swiper-slide p img{width: .81rem; height: .81rem} .wywh .video{ width: 100%; height:100%;} .wywh .swiper-pagination{width:100%;bottom:0; display: flex; justify-content: center; height: .08rem; align-items: center} .wywh .swiper-pagination-bullets .swiper-pagination-bullet{margin:0 .05rem;background-color:#D7D7D7;width:.4rem;height:.04rem;opacity:1;border-radius:0; margin: 0} .wywh .swiper-pagination-bullets .swiper-pagination-bullet-active{background-color:#FF1A00; width: .4rem; height:.08rem;border-radius:0} /*产品服务*/ .cpfw_box{ width: 6.86rem;height: 4.62rem; margin: .32rem auto 0 auto; position: relative} .cpfw_box em{display: block;width: 100%; height: 100%;} .cpfw_box em img{ display: block; width: 100%; height: 100%;} .cpfw_box .wenxt{ position: absolute; left: .32rem; top:.32rem; right: .32rem; bottom: .32rem; } .cpfw_box .wenxt a{ display: block; width: 100%; height: 100%} .cpfw_box .wenxt .js{ font-size: .4rem; color: #fff; display: block; line-height: .52rem;} .cpfw_box .wenxt .jianjie{ font-size:.28rem; color: #fff; margin: 0.16rem 0; display: block; font-weight: normal} .cpfw_box .wenxt .jianjie b{ font-weight: bold} .cpfw_box .wenxt .lijbaij{ width: 1.74rem;height: .48rem; background: #FF1A00; padding: 0 .16rem; position: absolute; right: .32rem; bottom: .0rem; color: #fff; font-size: .24rem;box-sizing: border-box;-webkit-box-sizing: border-box; display: flex; align-items: center;display: -webkit-flex; -webkit-align-items: center } .cpfw_box .wenxt .lijbaij i{ color: #fff; font-size: .32rem; margin-left: .08rem;} /*底*/ .dbrk_cen{width: 6.86rem; margin: 0 auto; border-top: 0.01rem #D7D7D7 solid; overflow: hidden} .dbrk_cen li{ width: 50%; position: relative; float: left; display: flex; font-size: .32rem; align-items: center; flex-direction: column; padding: .67rem 0; cursor: pointer; } .dbrk_cen li:hover{color: #FF1A00;} .dbrk_cen li img{ display: block; margin-bottom: .32rem; height: 1.14rem} .dbrk_cen li:after{ content: ""; position: absolute; right: 0; top:1.12rem; background: #D7D7D7; width: 0.01rem; height:.96rem; } .dbrk_cen li:nth-child(2n):after{ background: #fff} .fanhi_top{ width: 100%; height: .8rem; background: #E5E5E5; line-height: .8rem; font-size: .28rem; text-align: center; cursor: pointer} .fot_cun{ width: 100%; position: relative;} .fot_cen{ width: 100%; background: #F5F5F5; padding:.4rem .32rem;-webkit-box-sizing:border-box;box-sizing:border-box} .fot_cen h1{ width: 100%;} .fot_cen h1 img{ width: 3.01rem; height: 0.78rem} .fot_cen .kefr{ width: 100%; display: flex; align-items: flex-end;flex-direction: column;display: -webkit-flex; -webkit-align-items: flex-end; -webkit-flex-direction: column} .fot_cen .kefr b{display: block; font-size: .28rem; line-height: .28rem; margin-bottom: .24rem} .fot_cen .kefr img{ width: 2.52rem; height: 0.48rem; margin-bottom: .4rem} .fot_cen .textfo{ width: 100%;display: flex; justify-content: space-between;display: -webkit-flex; -webkit-justify-content: space-between} .fot_cen .textfo .link-other{ width: 2rem} .fot_cen .textfo .link-other li{font-size: .28rem; line-height: .4rem; height: .4rem; padding: 0.18rem 0} .fot_cen .textfo .rexian{ width: 3.59rem} .fot_cen .textfo .rexian li{ height: .5rem; line-height: .5rem; padding: .05rem 0; width: 100%;display: flex; justify-content: space-between;display: -webkit-flex; -webkit-justify-content: space-between} .fot_cen .textfo .rexian .name{ font-size: .24rem} .fot_cen .textfo .rexian b{ font-size: .28rem; color: #FF1A00} .fot_cen .textfo .rexian .dianhy{ font-size: .28rem} .fot_ljrk{ background:7.5rem; background: #E5E5E5} .fot_ljrk ul{ width:5.58rem; margin: 0 auto; height: 1.23rem; padding-top: 0.15rem; display: flex; align-items: center; justify-content: space-between;display: -webkit-flex; -webkit-justify-content: space-between;-webkit-align-items: center; } .fot_ljrk li img{ width: .72rem; height: .72rem} .fot_ljrk h5{ text-align: center; font-size: .2rem; font-weight: normal} .sumwz{ width: 100%; padding-bottom: .2rem} .sumwz span{ height: .4rem; font-size: .2rem; display: flex; align-items: center; justify-content: center;display: -webkit-flex; -webkit-justify-content: center;-webkit-align-items: center;} .sumwz span img{ margin: 0 .05rem} .sumwz span.biqian img{ height: .32rem} .sumwz span.text img{ height: .19rem} .page-fot{background: #E5E5E5; width: 100%} .iframe_page{ width: 100%; height: 9.2rem; padding: 0; margin: 0; background: #E5E5E5} /*---视频播放器--*/ [class^="ckin-"], [class*=" ckin-"]{ 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; -webkit-text-stroke-width: 0.002rem; color: #fff; font-size:.3rem; } .ckin-compress:before{content:"\E6A3"} .ckin-expand:before{content:"\E6A0"} .ckin-play:before{content:"\E6A4"} .ckin-pause:before{content:"\E6A5"} .ckin-stop:before{content:"\E6A6"} .ckin-backward:before{content:"\E6A7"} .ckin-forward:before{content:"\E6A9"} .ckin-volume-high:before{content:"\E6AA"} .ckin-volume-medium:before{content:"\E6AB"} .ckin-volume-low:before{content:"\E6AC"} .ckin-volume-mute:before{content:"\E6AD"} /*---首页视频播放器--*/ .ckin__player{ width: 100%; height: 100%;} .ckin__player.ckin__fullscreen{position:fixed;top:0;left:0;right:0;bottom:0;height:100%;width:100%;z-index:10000000;background:#000;border-radius:0!important;display:-ms-flexbox;display:flex} .ckin__overlay{position:relative} .ckin__overlay:before{background:radial-gradient(ellipse at center,transparent 0,rgba(0,0,0,.65) 100%)} .ckin__overlay--2:before{background:rgba(24,24,24,.8)} .default{border:0 solid rgba(0,0,0,.2);position:relative;font-size:0;overflow:hidden;cursor:pointer} .default:before{content:'';position:absolute;top:0;left:0;bottom:0;right:0;transition:opacity .2s;opacity:1;visibility:visible} /*播放时隐藏按钮*/ .wywh .default.is-playing:before{opacity:0;visibility:hidden;-ms-transform:translate(-50%,-50%) scale(1.3);transform:translate(-50%,-50%) scale(1.3)} .wywh .default.is-playing .default__button--big{opacity:0;visibility:hidden} .wywh .default.is-playing .default__controls{-ms-transform:translateY(.52rem);transform:translateY(.52rem)} .wywh .default.is-playing:hover .default__controls{-ms-transform:translateY(0);transform:translateY(0)} /*---首页视频播放器--*/ .wywh video{width:100%;height:100%;cursor:pointer} /*右下角全屏*/ .wywh .default__button{background:0 0;border:0;line-height:1;color:#fff;outline:0;padding:0;cursor:pointer;-ms-flex-pack:center;justify-content:center;display:-ms-flexbox;display:flex;max-width:.5rem} .wywh .default__button i{-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center} /*中间按钮*/ .wywh .default__button--big{background:0 0;border:0;line-height:1;color:#999;text-align:center;outline:0;padding:0;cursor:pointer;position:absolute;opacity:1;visibility:visible;top:50%;left:50%;-ms-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1);font-size:.64rem;transition:all .2s;-ms-touch-action:manipulation;touch-action:manipulation;width:.7rem;height:.7rem;-webkit-border-radius:.35rem;-moz-border-radius:.35rem;border-radius:.35rem;background:rgba(0,0,0,.6)} .wywh .default__button--big .ckin-play{font-size:.5rem;color:#fff;margin-left:.1rem} /*播放器底部按钮*/ .wywh .default__controls{display:-ms-flexbox;display:flex;position:absolute;bottom:0;right:0;left:0;transition:all .3s;-ms-flex-wrap:wrap;flex-wrap:wrap;background:linear-gradient(to top,rgba(0,0,0,.65) 0,transparent 100%);font-size:.32rem;-ms-flex-align:center;align-items:center;padding:.1rem;-ms-transform:translateY(0);transform:translateY(0);-ms-flex-pack:justify;justify-content:space-between} .wywh .default__controls>*{-ms-flex:1;flex:1} /*播放器进度条*/ .wywh .default .progress{position:relative;display:-ms-flexbox;display:flex;height:.1rem;transition:height .3s;background:rgba(0,0,0,.5);cursor:pointer} .wywh .default .progress__filled{width:0%;background:#999;-ms-flex:0;flex:0;-ms-flex-preferred-size:0;flex-basis:0%} /*---视频播放器--*/ /*底部弹出*/ .zezc_fot{background:rgba(255,255,255,0); position:absolute; left: 0; right: 0; bottom: 2.7rem; width:7.5rem; height: 100%; margin: 0 auto; display: none} .zezc_fot ul{ width: 100%; height: 100%; ;-webkit-box-sizing:border-box;box-sizing:border-box; position: relative; } .zezc_fot li{ width: 3.16rem;; height: 3.87rem; background: url(dbwem.png) no-repeat; background-size: 100% 100%; position: absolute; bottom:-.50rem;} .zezc_fot li div{ width: 2.62rem; height: 3.20rem; position: relative; margin: 0 auto; margin-top: .25rem ; overflow: hidden } .zezc_fot li div img{ width: 2.6rem; height: 2.6rem;display: block} .zezc_fot li div b{ font-size: .2rem; text-align: center; height: .60rem; line-height: .5rem; display: block; width: 100%; font-weight: normal; margin-top: 2.6rem} .zezc_fot li div span{ position: absolute; left: 0; top:0; width: 100%; height: 100%; display: block;background:rgba(255,255,255,0)} .zezc_fot li:nth-of-type(1) { left:-.22rem; } .zezc_fot li:nth-of-type(2) { right: 3.1rem; } .zezc_fot li:nth-of-type(3) { right: 1.3rem; } .zezc_fot li:nth-of-type(4) { right: -.20rem; } /*关于人保*/ .gyrb-bj{ background: #F5F5F5} .gyrb_BJtop{width: 6.86rem;-webkit-box-sizing:border-box;box-sizing:border-box; margin: 0 auto; background: #fff; padding: .32rem .32rem 0 .32rem; margin-top: .32rem; } .gyrb_BJ{width: 6.86rem;-webkit-box-sizing:border-box;box-sizing:border-box; margin: 0 auto; background: #fff; padding:0 .32rem; } .gyrb_jtjs{ width: 100%;height: .95rem; border-bottom: .01rem #D7D7D7 solid; } .gyrb_jtjs b{ font-weight: bold; font-size: .46rem;line-height: .46rem; display: block;} .gyrb_jtjs span{ font-size: .22rem; color: #FF1A00; letter-spacing: -0.001rem} .gyrb_goslo{ width: 100%; text-align: center; padding: .32rem 0; } .gyrb_goslo img{ width: 6.22rem; height: .53rem;} .gyrb-jj-cen{ width: 100%;display: flex; justify-content: space-between;display: -webkit-flex; -webkit-justify-content: space-between} .gyrb-jj-cen .gyrb_num{ width: 3.24rem; display: flex; justify-content: space-between;display: -webkit-flex; -webkit-justify-content: space-between;} .gyrb-jj-cen .gyrb_num li{ padding-bottom: .58rem;} .gyrb-jj-cen .gyrb_num li .num{ color: #FF1A00; font-size: .4rem; font-weight: bold; line-height: .54rem} .gyrb-jj-cen .gyrb_num li .name{ color: #333; font-size: .22rem; font-weight: bold; line-height: .24rem; display: block} .gyrb-jj-cen .gyrb-pic{ width: 2.90rem; height: 3.52rem} .gyrb-jj-cen .gyrb-pic img{width: 2.90rem; height: 3.52rem} .gyrb-jj-wenx{width:100%; font-size: .28rem; line-height: .56rem; } .gyrb-jj-wenx h2{ padding-top: .1rem} .gyrb_dhzk{-webkit-animation:gaozk .5s ease-out forwards;animation:gaozk .5s ease-out forwards;} @-webkit-keyframes gaozk{ 0%{ height:9.5rem;} 100%{ height:auto;} } @keyframes gaozk{ 0%{ height:9.5rem;} 100%{ height:auto;} } .gyrb-jj-more{ width: 6.22rem;color: #FF1A00;height: .8rem; margin-top: .5rem; background: #fff; border: .01rem #FF1A00 solid; margin: 0 auto; line-height: .8rem; font-size: .28rem; display: flex; align-items: center; justify-content: center;display: -webkit-flex; -webkit-align-items: center; -webkit-justify-content: center; cursor: pointer} .gyrb-jj-more i{ color: #FF1A00; width: .4rem;} .gyrb_zgsjs{ width: 100% ; border-bottom: .01rem #D7D7D7 solid; position:relative; padding-bottom: .32rem; line-height: .48rem; padding-top: .12rem; font-weight: bold; font-size: .32rem} .gyrb_zgsjs:after{ content:""; position: absolute; left: 0; bottom:0; width: .64rem; height: .04rem; background: #FF1A00} .gyrb_zgons{ width:6.22rem; margin: .32rem auto; padding-bottom: .4rem } .gyrb_zgons li{ background: #F5F5F5; width: 100%; height: .86rem;box-sizing: border-box;-webkit-box-sizing: border-box;padding: 0 .32rem;margin-bottom: .17rem; display: flex; align-items: center; justify-content: space-between; display: -webkit-flex; -webkit-align-items: center; -webkit-justify-content: space-between;; } .gyrb_zgons li a{ width: 100%; height:100%; display: flex; align-items: center; justify-content: space-between; display: -webkit-flex; -webkit-align-items: center; -webkit-justify-content: space-between;; } .gyrb_zgons li img{ height: .38rem} .gyrb_zgons li i{ color: #FF1A00} .gyrw_lefl{width: 6.86rem; background: #fff; margin: .32rem auto; -webkit-box-sizing:border-box;box-sizing:border-box; } .gyrw_lefl > ul{ padding: 0 .32rem} .gyrw_lefl > ul >li{ width: 100%;} .gyrw_lefl > ul >li > a{width: 100%; height: 1.5rem; border-bottom: .01rem #D7D7D7 solid; display: flex; align-items: center; justify-content: space-between; display: -webkit-flex; -webkit-align-items: center; -webkit-justify-content: space-between;; } .gyrw_lefl > ul >li > a> span{ width: 60%; display: flex; align-items: center;display: -webkit-flex; -webkit-align-items: center; } .gyrw_lefl > ul >li > a > span >img{ height: .38rem; margin-right: .24rem} .gyrw_lefl > ul >li >a> span > b{font-size: .28rem; font-weight: normal; width: 70%; display: inline-block;} .gyrw_lefl > ul >li >a>i{ font-size: .26rem; color: #fff} .gyrw_lefl > ul >li.hove >a{color: #FF1A00;border-bottom: .01rem #FF1A00 solid} .gyrw_lefl > ul >li.hove >a>span >b{ font-weight: bold;color: #FF1A00;} .gyrw_lefl > ul >li.hove >a>i{color: #FF1A00;font-size: .12rem} .gyrw_lefl > ul >li.a_text >a>i{color: #999999;transform: rotate(-180deg); } .gyrw_lefl > ul >li.a_text{ border-bottom: .01rem #D7D7D7 solid;} .gyrw_lefl > ul >li.a_text > a > i{ color: #999999;transform: rotate(0deg) } .gyrw_lefl > ul >li.a_text.hove > a > i{transform: rotate(-90deg);} .gyrw_lefl > ul >li.a_text.hove.open > a > i{transform: rotate(0deg);} .gyrw_lefl > ul >li > ul.ejcd{ padding:.2rem 0 0 .76rem;display:none } .gyrw_lefl > ul >li > ul.ejcd li{height:.7rem;line-height:.7rem; font-size: .28rem; } .gyrw_lefl > ul >li > ul.ejcd li:last-of-type{ border-bottom: 0} .gyrw_lefl > ul >li > ul.ejcd li a{ display: flex; align-items: center; justify-content: space-between; display: -webkit-flex; -webkit-align-items: center; -webkit-justify-content: space-between; } .gyrw_lefl > ul >li > ul.ejcd li a >i{ font-size: .12rem; color: #fff} .gyrw_lefl > ul >li > ul.ejcd li.hove a{ color: #FF1A00} .gyrw_lefl > ul >li > ul.ejcd li.hove a>i{color: #FF1A00} .gyrw_lefl > ul >li.a_text.open > a > i{transform: rotate(-180deg);} /* .gyrw_lefl li{ height: 1.5rem; width: 100%; border-bottom: .01rem #D7D7D7 solid; display: flex; align-items: center; justify-content: space-between; display: -webkit-flex; -webkit-align-items: center; -webkit-justify-content: space-between;; } .gyrw_lefl li a{width: 100%; height:100%; display: flex; align-items: center; justify-content: space-between; display: -webkit-flex; -webkit-align-items: center; -webkit-justify-content: space-between;; } .gyrw_lefl li span{ width: 60%; display: flex; align-items: center;display: -webkit-flex; -webkit-align-items: center; } .gyrw_lefl li img{ height: .38rem; margin-right: .24rem} .gyrw_lefl li b{font-size: .28rem; font-weight: normal; width: 70%; display: inline-block;} .gyrw_lefl li i{ font-size: .26rem; color: #fff} .gyrw_lefl li.hove { border-bottom: .01rem #FF1A00 solid} .gyrw_lefl li.hove a{color: #FF1A00;} .gyrw_lefl li.hove b{ font-weight: bold;color: #FF1A00;} .gyrw_lefl li.hove i{color: #FF1A00} .gyrw_lefl li:last-of-type,.gyrw_lefl li:last-of-type.hove{ border-bottom: 0} */ /*子公司介绍*/ .gyrw_zgsjs{width: 6.86rem;box-sizing: border-box;-webkit-box-sizing: border-box; padding: .32rem; background: #fff; margin: .32rem auto; -webkit-box-sizing:border-box;box-sizing:border-box; } .gyrw_zgsjs .wenZsm{width:100%; font-size: .28rem; line-height: .56rem; padding-top: .32rem } /*集团领导*/ .gyrb_jtld{width: 6.86rem; position: relative; -webkit-box-sizing:border-box;box-sizing:border-box; margin: 0 auto; background: #fff; padding:.32rem; } .gyrb_jtld li { position: relative; border-bottom: .01rem #D7D7D7 solid; padding-bottom: .32rem; margin-bottom: .32rem} .gyrb_jtld li img{ width: 2.48rem; height: 3.48rem; float: left; margin-right: .24rem;} .gyrb_jtld li b{ position: absolute; left: 2.72rem; top:0; width: 3.35rem; display: block; height: .52rem; line-height: .52rem; text-indent: .16rem; background: #F5F5F5; font-size: .28rem; font-weight: bold; border-right: 0.04rem #FF1A00 solid; } .gyrb_jtld li span{ font-size: .28rem; line-height: .42rem;display: block} .gyrb_jtld li span.jili{ padding-top: .6rem;} .gyrb_jtld li span.biyexux{ padding-top: .32rem;} /*集团架构*/ .gyrb_jtjiag{width: 6.86rem; -webkit-box-sizing:border-box;box-sizing:border-box; margin: 0 auto; background: #fff; padding:.32rem; } .gyrb_jtjiag img{ width: 6.22rem;height: 4.91rem;} /*集团品牌*/ .gyrb_jtpp{width: 6.86rem; -webkit-box-sizing:border-box;box-sizing:border-box; margin: 0 auto; background: #fff; padding:.25rem; } .gyrb_jtpp ul{ width: 100%;overflow: hidden; } .gyrb_jtpp li{ width: 3.03rem; float: left; margin: 0 0.07rem; } .gyrb_jtpp li .sipin{ width: 100%; height: 2.12rem;position:relative } .gyrb_jtpp li .sipin img{ width: 100%; height: 100%} .gyrb_jtpp li b{ font-size: .28rem; font-weight: bold; height: .70rem; display: flex; align-items: center; display: -webkit-flex; -webkit-align-items: center;text-overflow: ellipsis; white-space: nowrap; display: block; overflow: hidden; line-height:.70rem } .gyrb_jtpp li .sipin:after{ content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); background: url(pip_bf.png); width: .4rem; height: .4rem; background-size: 100% 100%} /*翻页*/ .gy_pages{ width: 100%; display: flex; justify-content: center;-webkit-display: flex; -webkit-justify-content: center} /*总体*/ .gy_pages .spage-number{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:inline-block;vertical-align:top;color:#333;font-size:.24rem; margin: 0 .24rem} /*页码*/ .gy_pages .spage-number span{position:relative;vertical-align:top;display:inline-block; cursor: pointer; text-align: center; -webkit-box-sizing:border-box;box-sizing:border-box; display:inline-block;margin:0 0.06rem;width:.64rem; height: .64rem; border: 0.02rem #D7D7D7 solid; -webkit-border-radius:25em;border-radius:25em; line-height: .64rem;} .gy_pages .spage-number span:last-child{margin-right:0} .gy_pages .spage-number span:first-child{margin-left:0} /*首页*/ .gy_pages .spage-number span.span-disabled{ width:.9rem; -webkit-border-radius:.32rem;border-radius:.32rem;} /*上一页*/ .gy_pages .spage-number span.span-up i{ color: #FF1A00; font-size: .26rem} /*当前页*/ .gy_pages .spage-number span.active{color:#FF1A00;border-color:#FF1A00;} .gy_pages .spage-number span.active:hover{color:#FF1A00;border-color:#D7D7D7; background: #fff} /*总页码*/ .gy_pages .spage-total{display:inline-block;vertical-align:top;color:#666; height: .64rem; line-height: .64rem; margin-left: .01rem; font-size: .24rem;} .gy_pages .spage-total span{ color: #FF1A00} /*品牌视频播放*/ .gy_spbf{width: 6.86rem;box-sizing: border-box;-webkit-box-sizing: border-box; padding:0 .32rem .32rem .32rem; background: #fff; margin: .32rem auto; -webkit-box-sizing:border-box;box-sizing:border-box; } .gy_spbf h1{ width: 100% ; border-bottom: .01rem #D7D7D7 solid; position:relative; padding-bottom: .22rem; line-height: .6rem; padding-top: .3rem; font-weight: bold; font-size: .32rem} .gy_spbf h1:after{ content:""; position: absolute; left: 0; bottom:0; width: .64rem; height: .04rem; background: #FF1A00} .gy_spbf .xwzx_time{ font-size: .28rem; color: #999; line-height: .28rem;padding-top: .32rem;font-weight: normal} .gy_spbf .xwzx_time span{ display: inline-block; padding-right: .4rem; font-weight: normal} .gy_spbf .spinzs{ width: 100%; height: 4.34rem; padding: .32rem 0 } /*---品牌频播放器--*/ .gy_spbf video{ width: 6.22rem; ;height:4.34rem;cursor:pointer} /*右下角全屏*/ .gy_spbf .default__button{background:0 0;border:0;line-height:1;color:#fff;outline:0;padding:0;cursor:pointer;-ms-flex-pack:center;justify-content:center;display:-ms-flexbox;display:flex;max-width:.5rem} .gy_spbf .default__button i{-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center; font-size: .18rem;} /*中间按钮*/ .gy_spbf .default__button--big {cursor: pointer; position: absolute; bottom:.62rem; left: .37rem; width: .45rem; height: .45rem; -webkit-border-radius: .25rem; border-radius: .25rem;background: rgba(0,0,0,.6); border: 0;} .gy_spbf .default__button--big .ckin-play{font-size:.25rem;color:#fff; margin-left: .05rem;} .gy_spbf .default__button--big .ckin-pause{font-size:.25rem;color:#fff; margin-left: .05rem;} /*播放器底部按钮*/ .gy_spbf .default__controls{display:-ms-flexbox;display:flex;position:absolute;bottom:0;right:0;left:0;transition:all .3s;-ms-flex-wrap:wrap;flex-wrap:wrap;background:linear-gradient(to top,rgba(0,0,0,.65) 0,transparent 100%);-ms-flex-align:center;align-items:center;-ms-transform:translateY(0);transform:translateY(0);-ms-flex-pack:justify;justify-content:space-between} .gy_spbf .default__controls>*{-ms-flex:1;flex:1} /*播放器进度条*/ .gy_spbf .default .progress{position:relative;display:-ms-flexbox;display:flex;height:.12rem;background:rgba(255,255,255,.5);cursor:pointer;-webkit-border-radius:.06rem;border-radius:.06rem; overflow: hidden;} .gy_spbf .default .progress__filled{width:0%;background:#FF1A00;-ms-flex:0;flex:0;-ms-flex-preferred-size:0;flex-basis:0%;-webkit-border-radius:.06rem;border-radius:.06rem;} /*---品牌频播放器--*/ /*企业文化*/ .gyrb_wenha{width: 6.86rem; -webkit-box-sizing:border-box;box-sizing:border-box; margin: 0 auto; background: #fff; padding:.25rem; } .gyrb_wenha .wenhpic{ width: 6.23rem; height: 3.81rem; margin: 0 auto .22rem auto; text-align: center} .gyrb_wenha .wenhpic img{ width: 6.22rem; min-height: 3.80rem} .gyrb_wenzi{ width: 100%;} .gyrb_wenzi .wh_bt{ font-size: .32rem; background: #e4e4e4; min-height: .54rem; position: relative; padding: 0.05rem 0; width: 6.22rem; margin: 0 auto; display: flex; align-items: center; justify-content: flex-start;display: -webkit-flex;-webkit-align-items: center; -webkit-justify-content: flex-start} .gyrb_wenzi .wh_bt b{ background: #FF1A00; width: .64rem;position: relative; z-index: 1; display: block; height: .54rem; line-height: .64rem; text-align: center; color: #fff} .gyrb_wenzi .wh_bt span{ display: inline-block; padding-left: .1rem} .gyrb_wenzi .wh_bt:after{ content:''; position: absolute; left: 0; top: 0; width: .64rem; height: 100%; background: #FF1A00; } .gyrb_wenha .wh_xianqin{ font-size: .28rem; line-height: .42rem; background: #F5F5F5;width: 6.22rem; margin: 0 auto;box-sizing: border-box;-webkit-box-sizing: border-box;; padding: .24rem} .gyrb_wenha .wh_xianqin span{ color: #FF1A00; } .gyrb_wenha .wh_xianqin > p{ text-indent: 2em} .gyrb_wenha .wenh_two{width: 6.22rem; margin: .32rem auto 0 auto; height: 4rem;} .gyrb_wenha .wenh_two ul{ width: 100%;display: flex; justify-content: space-between;display: -webkit-flex; -webkit-justify-content: space-between} .gyrb_wenha .wenh_two li{ width: 1.44rem; height:3.84rem; cursor: pointer} .gyrb_wenha .wenh_two li img{ width: 1.44rem; height: 3.84rem} .gyrb_wenha .wenh_two li.hove{transform: translateY(-.1rem); box-shadow: 0 0.02rem .05rem 0.02rem rgba(125, 40, 30, 0.37);} .gyrb_wenqh{ width: 100%} /*人保大记事*/ .gyrb_djsnav{width: 6.86rem; -webkit-box-sizing:border-box;box-sizing:border-box; margin: 0 auto; background: #fff; padding:.25rem; } .gyrb_djsnav ul{ width: 100%; overflow: hidden} .gyrb_djsnav li{ font-weight: bold; font-size: .28rem; color: #999999; float: left; padding: 0 .16rem; height: .43rem; line-height: .28rem; position: relative; cursor: pointer } .gyrb_djsnav li.hove{ color: #FF1A00} .gyrb_djsnav li.hove:after { content: ""; width: 0; height: 0; border-style: solid; border-width: 0.08rem 0.08rem 0 0.08rem; border-color: #FF1A00 transparent transparent transparent; position: absolute;bottom: 0;left: 0;right: 0; margin: 0 auto;} .gyrb_djscn{ background: #fff;width: 6.86rem; margin: 0 auto;} .gyrb_djscn .js_year{width: 6.22rem;overflow-y:auto;overflow-x:hidden; -webkit-box-sizing:border-box;box-sizing:border-box; margin: 0 auto; background: #fff; position: relative } .gyrb_djscn .js_year li:last-of-type { padding-bottom: .4rem} .gyrb_djscn .js_year li{ width: 100%; position: relative; } .gyrb_djscn .js_year li:after{ content: ""; position: absolute; left: .44rem; top:0; width: 0.01rem; height: 100%; background: #D7D7D7;} .gyrb_djscn .js_year li:before{ content: ""; position: absolute; left: .44rem; top:0; width: 0.09rem; height: 100%; background: url(grrb_djsline.png) repeat-y; z-index: 1; background-size: 100% auto} .gyrb_djscn .js_year li .time{ width: .9rem; height: .9rem; border: .01rem #D7D7D7 solid; z-index: 1; position: relative; -webkit-border-radius:25em;border-radius:25em; color: #999999; background: #fff; font-size: .32rem; font-weight: bold; display: flex; align-items: center; justify-content: center; display: -webkit-flex; -webkit-justify-content: center;-webkit-align-items: center;} .gyrb_djscn .js_year li .news{ width: 5.22rem; color: #333; position: relative; margin: .23rem 0 0 1.02rem; display: block; padding: .24rem; box-sizing: border-box;-webkit-box-sizing: border-box; background: #F5F5F5; font-size: .28rem; line-height: .42rem } .gyrb_djscn .js_year li .news b{ color: #FF1A00; display: block; font-weight: bold} .gyrb_djscn .js_year li .news:after{ content: ""; position: absolute; left: -.62rem; top:.5rem; width: .62rem; height: .09rem; background: url(gyrb_yeaf.png) no-repeat; z-index:2; background-size: 100% 100%} /*联系我们*/ .gryb_lxwmpic{width: 6.86rem;-webkit-box-sizing:border-box;box-sizing:border-box; margin: 0 auto; background: #fff; padding:.32rem .32rem .20rem .32rem; } .gryb_lxwmpic img{ width: 6.22rem;height: 4.62rem} .gryb_lxwm{width: 6.86rem;-webkit-box-sizing:border-box;box-sizing:border-box; margin: 0 auto; background: #fff; padding:0 .32rem .32rem .32rem; } .gryb_lxwm h1{ height: .8rem; width: 100%; color: #fff; line-height: .8rem; background: #FF1A00; font-size: .32rem; padding: 0 .24rem; font-weight: bold;-webkit-box-sizing:border-box;box-sizing:border-box;} .gryb_lxwm h2{ width: 100%; text-align: center; margin: .3rem 0 .24rem 0} .gryb_lxwm h2 img{ width: 6.22rem;height: .53rem} .gryb_lxwm ul{ width: 100%; border-top: 0.02rem #D7D7D7 solid; padding-top: .1rem} .gryb_lxwm ul li{height: .6rem; line-height: .6rem; font-size: .28rem} .gryb_lxwm ul li span{ color: #666666; display: inline-block; width: .84rem;} .gryb_lxwm ul li b{ color: #333; font-weight: bold} .gryb_lxwm_zgs{width: 6.86rem;-webkit-box-sizing:border-box;box-sizing:border-box; margin: 0 auto; background: #fff; padding:0 .32rem .32rem .32rem; } .gryb_lxwm_zgs .lxwm_bt{ height: .8rem; margin: 0 auto; width: 6.22rem; color: #fff; line-height: .8rem; background: #FF1A00; font-size: .32rem; padding: 0 .24rem; -webkit-box-sizing:border-box;box-sizing:border-box; display: flex; align-items: center; justify-content: space-between; display: -webkit-flex; -webkit-align-items: center; -webkit-justify-content: space-between; } .gryb_lxwm_zgs .lxwm_bt b{ font-weight: bold} .gryb_lxwm_zgs .lxwm_bt span{ color: #fff; font-size: .24rem; font-weight: normal; cursor: pointer; /*display: flex; align-items: center; justify-content: center; display: -webkit-flex; -webkit-align-items: center; -webkit-justify-content: center;*/ } .gryb_lxwm_zgs .lxwm_bt span i{ color: #fff; display: inline-block; width: .3rem; margin-left: .07rem;} .gryb_lxwm_zgs .lxwm_bt span.sq i{ transform: rotate(-180deg);} .gryb_lxwm_zgs ul{ width: 100%;margin-top: .32rem} .gryb_lxwm_zgs li{ width: 100%; margin: .16rem 0; background: #F5F5F5;padding: .2rem .32rem .4rem .32rem; -webkit-box-sizing:border-box;box-sizing:border-box;} .gryb_lxwm_zgs li b.name{ display: block; margin-bottom: .1rem; height: .6rem; line-height: .6rem; font-weight: bold; color: #333; font-size: .28rem; display: block; position: relative} .gryb_lxwm_zgs li b.name:after{ content:""; position: absolute; left: 0; bottom: 0; width: .72rem; height: .02rem; background: #FF1A00 } .gryb_lxwm_zgs li span{ font-size: .28rem; line-height: .5rem; display: block} .gryb_lxwm_zgs li b.more{ margin-top: .25rem; width: 2.31rem; height: .68rem; border: 0.01rem #999999 solid; font-weight: normal; color: #333; font-size: .28rem; display: flex; align-items: center; justify-content: center; display: -webkit-flex; -webkit-align-items: center; -webkit-justify-content: center; } .gryb_lxwm_zgs li b.more a{display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; display: -webkit-flex; -webkit-align-items: center; -webkit-justify-content: center;} .gryb_lxwm_zgs li b.more i{ display: block; margin-left: .54rem; color: #FF1A00; font-size: .22rem} /*新闻中心 标题*/ .xwzx_bj{ background:url(xwzx_bj.png) no-repeat left top #fff; background-size: 100% auto} .xwzx_bj .wapNav{ background:none;} .xwzx_dbt{width: 6.86rem;-webkit-box-sizing:border-box;box-sizing:border-box; margin: 0.2rem auto 0rem auto; border-bottom: 0.01rem #D7D7D7 solid ; padding-bottom: 0.1rem; display: flex; align-items: center; justify-content: space-between; display: -webkit-flex; -webkit-align-items: center; -webkit-justify-content: space-between; } .xwzx_dbt h1 b{ font-weight: bold; font-size: .46rem;line-height: .46rem; display: block;} .xwzx_dbt h1 > span{ font-size: .22rem; color: #FF1A00; letter-spacing: -0.001rem} .xwzx_dbt > .more{ color: #000; font-size: .24rem; position: relative; height: 100%; display: flex; align-items: center; display: -webkit-flex; -webkit-align-items: center; margin-top: .32rem } .xwzx_dbt > .more a{ color: #000} .xwzx_dbt > .more i{ font-size: .24rem; color: #FF1A00; width: .24rem; margin-left: .08rem; display: inline-block} /*要闻内容*/ .xwzx_jtyw{ width:7.1rem; margin: 0 auto; } .xwzx_jtyw .swiper-container { width: 100%; padding-bottom: .1rem; margin-left: auto; margin-right: auto; padding-top: .2rem; } .xwzx_jtyw .swiper-wrapper{ display: block; overflow: hidden; } .xwzx_jtyw .swiper-slide { height: 3.71rem; width:3.27rem; float: left; margin:0 .14rem; margin-bottom: .32rem } .xwzx_jtyw .swiper-container-horizontal>.swiper-pagination-progress{ width: 1.28rem; height: 0.04rem; left: 0; top:auto; bottom: 0.02rem; } .xwzx_jtyw .xwzx_zs{ background: #FFF; min-height: 3.71rem; -webkit-border-radius:.1rem;border-radius:.1rem 0rem .1rem 0rem; -webkit-box-sizing:border-box;box-sizing:border-box; padding: .16rem .16rem 0 .16rem; } .xwzx_jtyw .xwzx_zs .top-info-list{ width: 100%; overflow: hidden; margin: 0 auto} .xwzx_jtyw .xwzx_zs .img{ width: 2.95rem;max-width: 100%; height: 1.85rem; margin: 0 auto; display: block;border-radius:.05rem} .xwzx_jtyw .xwzx_zs .time{ width: 100%; margin: 0 auto; font-size: .2rem; line-height: .26rem; color:#FF1A00; display: block; padding: .2rem 0 .24rem 0;} .xwzx_jtyw .xwzx_zs .name{width: 100%;; margin: 0 auto;font-size: .24rem; line-height: .36rem; display: block; height:.72rem; overflow: hidden; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .xwzx_jtyw .swiper-pagination-progress .swiper-pagination-progressbar { background: #FF1A00;top:0; height: 0.08rem; top:-0.02rem} .xwzx_jtyw .swiper-pagination-progress{ background: #D7D7D7; height: 0.04rem; } /*金融评论*/ .zwzx_jjmtlb{ width: 6.86rem; margin: .3rem auto .4rem auto;} .zwzx_jjmtlb li{ height: .65rem; font-size: .28rem; padding: 0.02rem 0; position: relative } .zwzx_jjmtlb li:before { content: ''; position: absolute; width:.26rem; height: .26rem; left:0; top: .18rem; background: url(ditu_dian.png) no-repeat; background-size: 100% 100%} .zwzx_jjmtlb li span{ padding-left: .40rem;height: .65rem;line-height: .65rem;overflow: hidden; text-overflow:ellipsis; white-space: nowrap; display: block} .zwzx_jjmtlb li a{height: .65rem; position: relative;width: 100%; line-height: .65rem; display: block; } /*媒体聚焦*/ .zwzx_mtjj{ width: 6.86rem; margin: .3rem auto .4rem auto;} .zwzx_mtjj ul{ width: 100%; } .zwzx_mtjj li{ font-size: .28rem; padding: 0.15rem 0; position: relative ; padding-left: .4rem } .zwzx_mtjj li:before { content: ''; position: absolute; width:.26rem; height: .26rem; left:0; top: .22rem; background: url(ditu_dian.png) no-repeat; background-size: 100% 100%} .zwzx_mtjj li b{ height: .45rem; line-height: .45rem; font-size: .28rem; font-weight: bold; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; display: block} .zwzx_mtjj li span{ display:block} .zwzx_mtjj li span.jianjie{ font-size: .24rem; color: #666;overflow: hidden; text-overflow:ellipsis; white-space: nowrap; display: block} .zwzx_mtjj li span.time{ font-size: .20rem; color: #666} /*集团要闻*/ .zwzx_jtyws{width: 6.86rem;-webkit-box-sizing:border-box;box-sizing:border-box; margin: 0 auto; background: #fff; padding:.3rem .4rem .32rem; } .zwzx_jtyws ul{ width: 100%; padding-bottom: .2rem } .zwzx_jtyws li{ font-size: .28rem; padding: 0.15rem 0; position: relative ; padding-left: .4rem } .zwzx_jtyws li:before { content: ''; position: absolute; width:.26rem; height: .26rem; left:0; top: .22rem; background: url(ditu_dian.png) no-repeat; background-size: 100% 100%} .zwzx_jtyws li b{ height: .45rem; line-height: .45rem; font-size: .28rem; font-weight: bold; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; display: block} .zwzx_jtyws li span{ display:block; padding: 0; margin: 0; white-space: pre-wrap} .zwzx_jtyws li span.jianjie{ font-size: .24rem; color: #666;overflow: hidden; text-overflow:ellipsis; white-space: nowrap; display: block} .zwzx_jtyws li span.time{ font-size: .20rem; color: #666} /*集团要闻内容*/ .xwzx_nry{width: 6.86rem;box-sizing: border-box;-webkit-box-sizing: border-box; padding: .32rem; background: #fff; margin: .32rem auto; -webkit-box-sizing:border-box;box-sizing:border-box; } .xwzx_nry .wenz_cn{width:100%; line-height: .56rem; padding-top: .20rem; } .xwzx_nry .wenz_cn img{ display: block; margin: .32rem auto; max-width: 100%; height: auto!important;} .xwzx_nry .xwzx_ywdbt{ width: 100% ; border-bottom: .01rem #D7D7D7 solid; position:relative; padding-bottom: .32rem; line-height: .48rem; padding-top: .05rem; font-weight: bold; font-size: .32rem} .xwzx_nry .xwzx_ywdbt:after{ content:""; position: absolute; left: 0; bottom:0; width: .64rem; height: .04rem; background: #FF1A00} .xwzx_nry .xwzx_time{ font-size: .28rem; color: #999; line-height: .28rem;padding-top: .32rem;font-weight: normal} .xwzx_nry .xwzx_time span{ display: inline-block; padding-right: .4rem; font-weight: normal} /*金融保险评论*/ .xwxz_jrpllb{width: 6.86rem;-webkit-box-sizing:border-box;box-sizing:border-box; margin: 0 auto; background: #fff; padding:.32rem .4rem .32rem .4rem; } .xwxz_jrpllb ul{ width: 100%; padding-bottom: .2rem } .xwxz_jrpllb li{ font-size: .28rem; padding: 0.15rem 0; position: relative ; padding-left: .4rem } .xwxz_jrpllb li:before { content: ''; position: absolute; width:.26rem; height: .26rem; left:0; top: .22rem; background: url(ditu_dian.png) no-repeat; background-size: 100% 100%} .xwxz_jrpllb li b{ height: .45rem; line-height: .45rem; font-size: .28rem; font-weight: normal; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; display: block} .xwxz_jrpllb li span{ display:block} .xwxz_jrpllb li span.time{ font-size: .20rem; color: #666} /*金融保险评论*/ .xwxz_pinl{width: 6.86rem;box-sizing: border-box;-webkit-box-sizing: border-box; padding:0 .25rem .4rem .25rem; background: #fff; margin: -0.32rem auto 0 auto; } .xwxz_pinl .an_fbpl{ width: 1.48rem; height: .51rem; background: #FF1A00; font-size: .24rem; line-height: .51rem; text-align: center; color: #fff} .xwxz_pinl .form-group{ width: 100%; height: 1.92rem; position: relative ; } .xwxz_pinl .pltext{border: 0.02rem #D7D7D7 solid; font-size: .28rem; color: #999; overflow-y:auto;width:100%;height:1.6rem; margin-bottom: .32rem;box-sizing: border-box;-webkit-box-sizing: border-box; padding: .25rem} .xwxz_pinl .text-Num{ position: absolute; right: 0; bottom:-.5rem; height: .37rem; font-size: .28rem; color: #999; line-height: .37rem; } .xwxz_pinl .pinlbt{ font-size: .28rem; font-weight: bold; border-bottom: .01rem #D7D7D7 solid; width: 100%; height: .3rem; line-height: .3rem; padding:.48rem 0 .3rem 0} .xwxz_pinl .liuyan{ width: 100%; padding-bottom: .6rem} .xwxz_pinl .liuyan li{ width: 100%; padding-top: .48rem; display: flex; justify-content: space-between;display: -webkit-flex; -webkit-justify-content: space-between} .xwxz_pinl .liuyan li em{ display: block; width: .52rem; height: .52rem;} .xwxz_pinl .liuyan li em img{ display: block; width: .52rem; height: .52rem;-webkit-border-radius:25em;border-radius:25em; } .xwxz_pinl .liuyan li .nrbt{ width: 5.52rem;} .xwxz_pinl .liuyan li .nrbt b{ font-size: .28rem; font-weight: bold} .xwxz_pinl .liuyan li .nrbt .plwenz{ font-size: .28rem; display: block; line-height: .42rem; padding-top: .1rem} .xwxz_pinl .liuyan li .nrbt .zan{ font-size: .28rem; display: block; line-height: .42rem; padding-top: .1rem; background: url(pl_zan_1.png) no-repeat left center; background-size: .44rem .44rem; padding-left: .61rem; margin-top: .05rem; color: #999} .xwxz_pinl .liuyan li .nrbt .zan.on{ background: url(pl_zan_2.png) no-repeat left center;background-size: .44rem .44rem; color: #333} /*公开信息披露 标题*/ .xxpl_bj{ background:url(xxpl_bj.png) no-repeat left top #fff; background-size: 100% auto} .xxpl_bj .wapNav{ background: none} .xxpl_dbt{ width: 6.86rem; border-bottom: 0.01rem #D7D7D7 solid; margin: 0 auto; line-height: .6rem; height: .6rem; font-size: .32rem; font-weight: bold; padding: .3rem 0 .13rem 0; position: relative} .xxpl_dbt:after{ content: ''; position: absolute; left: 0; bottom: 0.01rem; width: .64rem; height: .04rem; background:#FF1A00 } /*公开信息披露 基本信息*/ .xxpl_jbxl_lb{ width: 6.86rem; margin: .3rem auto .4rem auto;} .xxpl_jbxl_lb li{ min-height: .65rem; font-size: .28rem; padding: 0.02rem 0 0.32rem .4rem; position: relative;} .xxpl_jbxl_lb li:before { content: ''; position: absolute; width:.26rem; height: .26rem; left:0; top: .12rem; background: url(ditu_dian.png) no-repeat; background-size: 100% 100%} .xxpl_jbxl_lb li b{ height: .45rem; line-height: .45rem; color: #333; font-size: .28rem; font-weight: normal; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; display: block} .xxpl_jbxl_lb li span{ display:block;font-size: .20rem; color: #666} /*底部栏目入口*/ .xxpl_nav{width: 6.86rem; background: #fff; margin: .32rem auto; -webkit-box-sizing:border-box;box-sizing:border-box; } .xxpl_nav > ul{ padding: 0 .32rem} .xxpl_nav > ul >li{ width: 100%;} .xxpl_nav > ul >li > a{width: 100%; height: 1.5rem; border-bottom: .01rem #D7D7D7 solid; display: flex; align-items: center; justify-content: space-between; display: -webkit-flex; -webkit-align-items: center; -webkit-justify-content: space-between;; } .xxpl_nav > ul >li > a> span{ width: 60%; display: flex; align-items: center;display: -webkit-flex; -webkit-align-items: center; } .xxpl_nav > ul >li > a > span >img{ height: .38rem; margin-right: .24rem} .xxpl_nav > ul >li >a> span > b{font-size: .28rem; font-weight: normal; width: 70%; display: inline-block;} .xxpl_nav > ul >li >a>i{ font-size: .26rem; color: #fff} .xxpl_nav > ul >li.hove >a{color: #FF1A00;border-bottom: .01rem #FF1A00 solid} .xxpl_nav > ul >li.hove >a>span >b{ font-weight: bold;color: #FF1A00;} .xxpl_nav > ul >li.hove >a>i{color: #FF1A00;} .xxpl_nav > ul >li.a_text >a>i{color: #999999;transform: rotate(-180deg); } .xxpl_nav > ul >li.a_text{ border-bottom: 0} .xxpl_nav > ul >li.a_text > a > i{ color: #999999;transform: rotate(0deg) } .xxpl_nav > ul >li.a_text.hove > a > i{transform: rotate(-180deg);} .xxpl_nav > ul >li.a_text.hove.open > a > i{transform: rotate(0deg);} .xxpl_nav > ul >li > ul.ejcd{ padding:.2rem 0 0 .76rem;display:none } .xxpl_nav > ul >li > ul.ejcd li{height:.7rem;line-height:.7rem; font-size: .28rem; } .xxpl_nav > ul >li > ul.ejcd li:last-of-type{ border-bottom: 0} .xxpl_nav > ul >li > ul.ejcd li a{ display: block} .xxpl_nav > ul >li > ul.ejcd li.hove a{ color: #FF1A00} .xxpl_nav > ul >li.a_text.open > a > i{transform: rotate(-180deg);} .xxpl_cntext{ width: 6.86rem; margin: 0 auto; font-size: .28rem; line-height: .56rem; padding: .32rem 0} .xxpl_cntext .red{ color:#FF1A00 } /*产品服务*/ .cpfw_dbt{ margin-top: .56rem} .cpfw_xbtjl{ margin: .25rem auto} /*产品服务*/ .cpfw_box1{ width: 6.86rem;height: 4.65rem; position: relative; margin: 0 auto .32rem auto} .cpfw_box1 em{display: block;width: 100%; height: 100%;} .cpfw_box1 em img{ display: block; width: 100%; height: 100%;} .cpfw_box1 .wenxt{ position: absolute; left: .32rem; right: .32rem;bottom: .32rem; top:.32rem; display: block; } .cpfw_box1 .wenxt .name{ display: block; width: 2.28rem; height: .48rem; line-height: .48rem; background: #FF1A00; color: #fff; font-size: .28rem; font-weight: normal; padding-left: 0.08rem;box-sizing: border-box;-webkit-box-sizing: border-box;} .cpfw_box1 .wenxt .jiesao{ position: absolute; left: 0; right: 0; bottom: 0; } .cpfw_box1 .wenxt .jiesao strong{ font-size: .4rem; color: #fff; display: block; line-height: .52rem;} .cpfw_box1 .wenxt .jiesao .tedian{ font-size: .28rem; line-height: .37rem; color: rgba(255,255,255,0.9); margin: .16rem 0; display: block; font-weight: normal} .cpfw_box1 .wenxt .jiesao .tedian tt {font-weight: bold;font-size:.36rem} .cpfw_box1 .wenxt .jiesao .jiage{ font-size: .28rem; color: rgba(255,255,255,0.9);font-weight: normal; padding-top: .1rem; display: block} .cpfw_box1 .wenxt .jiesao .jiage b{ font-weight: bold;font-size: .36rem; color: #fff} .cpfw_box1 .wenxt .jiesao .xzq{ width: 2.86rem; height: .48rem; border: .02rem #fff solid; overflow: hidden; margin-bottom: 0.16rem; font-size: .24rem; color: #fff; line-height: .24rem; padding: 0 0.08rem; display: flex; align-items: center; justify-content: space-between; display: -webkit-flex; -webkit-align-items: center; -webkit-justify-content: space-between; } .cpfw_box1 .wenxt .jiesao .xzq tt{ width:1.25rem; line-height: .31rem; display: inline-block; position: relative ; color: rgba(255,255,255,0.6)} .cpfw_box1 .wenxt .jiesao .xzq tt:after{ content: ''; position: absolute; right:0.1rem; top:0.05rem; width: .02rem; height: .24rem; background: #fff} .cpfw_box1 .wenxt .jiesao .xzq .city{ width:1.6rem; display: inline-block; overflow: hidden; background: none; font-size: .24rem;} .cpfw_box1 .wenxt .jiesao .xzq .city { border:0; color: #fff; font-size: .24rem; appearance:none; -moz-appearance:none; -webkit-appearance:none; height:.31rem; background:url(cpfw_xl.png) no-repeat 90% center; background-size: .1rem .07rem; } .cpfw_box1 .wenxt .jiesao .xzq .city::-ms-expand { display: none; } .cpfw_box1 .wenxt .jiesao .cph{ width:1.6rem; line-height: .31rem; border: 0; background: none; font-size: .24rem; color: #fff; padding-left:0.05rem;box-sizing: border-box;-webkit-box-sizing: border-box;} .cpfw_box1 .wenxt .jiesao .lijbaij{ border: 0.01rem #fff solid; color: #fff; background: none; width: 1.74rem; height: .48rem; position: absolute; right: 0; bottom: 0; font-size: .24rem; display: flex; align-items: center; justify-content: center; display: -webkit-flex; -webkit-align-items: center;-webkit-justify-content: center } .cpfw_box1 .wenxt .jiesao .lijbaij i{ color: #fff; font-size: .24rem; margin-left: 0.1rem;} /*产品服务快捷内容*/ .cpfw_kqfs{ width: 6.68rem; margin: .32rem auto; border: 0.01rem #D7D7D7 solid; background: #fff; overflow: hidden} .cpfw_kqfs li{ width: 49.5%; height: 3.61rem; float: left;border-right: 0.01rem #D7D7D7 solid;border-bottom: 0.01rem #D7D7D7 solid} .cpfw_kqfs li:nth-child(even){ border-right: 0} .cpfw_kqfs li span{ font-size: .36rem; line-height: .47rem; display: block; padding: .48rem} .cpfw_kqfs li img{ width: 1.10rem; height: .9rem; margin: .8rem 0 0 .48rem; display: block} .cpfw_kqfs li:last-of-type{ border-bottom: 0} .cpfw_kqfs li:nth-last-child(2){ border-bottom: 0} /*产品服务 课堂*/ .cpfw_ketan{ width: 6.68rem; margin: .32rem auto 0 auto; overflow: hidden} .cpfw_ketan li{ width: 100%; margin-bottom: .32rem;} .cpfw_ketan li img{ width: 100%; height: 2.08rem; display: block} .cpfw_ketan li b{ width: 100%; height: .56rem; line-height: .56rem; display: block; color: #fff; font-weight: bold; background: #FF1A00 ; font-size: .24rem; text-align: center;} .cpfw_ketan li a{ color: #fff} .cpfw_glts{ width: 6.86rem; height: .6rem; background: #E5E5E5; margin: 0 auto; position: relative } .cpfw_glts ul{ overflow: hidden} .cpfw_glts li{ font-size: .24rem; padding: 0 .2rem; height: .6rem; font-weight: bold; min-width: 1.28rem; text-align: center; float: left; line-height: .6rem} .cpfw_glts li.hove{ color: #fff; background: #FF1A00 } .cpfw_glts .more{ position: absolute; right: .18rem; top:0; color: #000; font-size: .24rem; font-weight: bold; height: 100%; display: flex; align-items: center; display: -webkit-flex; -webkit-align-items: center; } .cpfw_glts .more a{ color: #000} .cpfw_glts .more i{ font-size: .24rem; color: #FF1A00; width: .24rem; margin-left: .08rem; display: inline-block} .cpfw_gltslb{ width: 6.86rem;; background: #F5F5F5 ; margin: 0 auto .32rem auto } .cpfw_gltslb ul{ padding: .3rem .16rem} .cpfw_gltslb li{ height: .65rem; font-size: .28rem; position: relative } .cpfw_gltslb li:before { content: ''; position: absolute; width:.26rem; height: .26rem; left:0; top: .18rem; background: url(ditu_dian.png) no-repeat; background-size: 100% 100%} .cpfw_gltslb li span{ padding-left: .40rem;height: .65rem;line-height: .65rem;overflow: hidden; text-overflow:ellipsis; white-space: nowrap; display: block} .cpfw_gltslb li a{height: .65rem; position: relative;width: 100%; line-height: .65rem; display: block; } /*集团成员*/ .jtcy_lb{ width: 6.86rem; margin: 0 auto; background: #fff; padding-bottom: .32rem } .jtcy_lb ul{ overflow: hidden; width: 6.22rem; margin: 0 auto} .jtcy_lb li{ width: 3.03rem; height: .8rem; float: left; background: #F5F5F5; margin-top: .4rem; padding: 0 .24rem;box-sizing: border-box;-webkit-box-sizing: border-box; display: flex; align-items: center; justify-content: space-between;display:-webkit-flex; -webkit-align-items: center; -webkit-justify-content: space-between; } .jtcy_lb li:nth-child(even) { margin-left: .16rem} .jtcy_lb li b{ font-weight: bold; font-size: .28rem} .jtcy_lb li a{ width: 100%; height: 100%; display: flex; align-items: center; justify-content: space-between;display:-webkit-flex; -webkit-align-items: center; -webkit-justify-content: space-between;} .jtcy_lb li i{ color:#FF1A00 } /*社会责任*/ .shzr_cn{width: 6.86rem;-webkit-box-sizing:border-box;box-sizing:border-box; margin: 0 auto; background: #fff; padding:.3rem .32rem 0 .32rem; } /*社会责任 标题*/ .shzr_baot{ width: 6.22rem ; border-bottom: .01rem #D7D7D7 solid; position:relative; padding-bottom: .22rem; line-height: .48rem; padding-top: .05rem; font-weight: bold; font-size: .32rem} .shzr_baot:after{ content:""; position: absolute; left: 0; bottom:0; width: .64rem; height: .04rem; background: #FF1A00} /*公益活动列表*/ .shzr_weit{width: 6.86rem; background: #fff; margin: 0 auto; padding: .32rem 0} .shzr_weit ul{ width: 6.22rem; margin: 0 auto} .shzr_weit li{ margin-bottom: .32rem; height: 4.34rem; position: relative; width: 100%} .shzr_weit li img{ width: 6.22rem; height: 4.34rem; display: block} .shzr_weit li b{ position: absolute; left: 0; bottom: 0; display: block; width: 100%; height: .8rem; line-height: .8rem; padding: 0 .32rem; font-size: .24rem; color: #fff; background: #FF1A00;overflow: hidden; text-overflow:ellipsis; white-space: nowrap; -webkit-box-sizing:border-box;box-sizing:border-box; } /*社会责任报告列表*/ .shzr_baolb{width: 6.86rem; background: #fff; margin: 0 auto; padding: .32rem 0} .shzr_baolb ul{ width: 6.22rem; margin: 0 auto; overflow: hidden} .shzr_baolb li{ margin-bottom: .32rem; height: 4.7rem; width: 3.03rem; float: left} .shzr_baolb li img{ width: 3.03rem; height: 4.08rem; display: block} .shzr_baolb li b{ display: block; width: 100%; height: .45rem; line-height: .45rem; padding: .08rem 0; font-size: .28rem; font-weight: normal; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;} .shzr_baolb li:nth-child(even) { margin-left: .16rem} /*公益活动基金*/ .shzr_jjcn{width: 6.86rem;-webkit-box-sizing:border-box;box-sizing:border-box; margin: 0 auto; background: #fff; padding:0 .32rem; } .shzr_jjdbt{ width: 6.22rem ; border-bottom: .01rem #D7D7D7 solid; position:relative; line-height: .48rem; padding-top: .05rem; font-weight: bold; font-size: .32rem} .shzr_jjdbt:after{ content:""; position: absolute; left: 0; bottom:0; width: .64rem; height: .04rem; background: #FF1A00} .shzr_jjNav{ width: 6.22rem; height: .5rem; padding: .15rem 0} /*导航栏*/ .jiji_topNav {width: 6.86rem; position:relative; height: 1.1rem;overflow: hidden;margin:0 auto; background: #fff;padding: .32rem; -webkit-box-sizing:border-box;box-sizing:border-box;} .jiji_topNav .scroller {position:absolute} .jiji_topNav .scroller li {height:.46rem;color:#999;float: left;line-height: .46rem;border-bottom:.02rem #fff solid;font-size: .28rem;text-align: center} .jiji_topNav .scroller li a{color:#999;display:block;margin-right:.32rem} .jiji_topNav .scroller li.cur a{color:#333;border-bottom:.02rem #FF1A00 solid; font-weight: bold} /*社会责任内容*/ .shzr_jjjs{width: 6.86rem; font-size: .28rem; line-height: .56rem; padding:0 .32rem .32rem .32rem; background: #fff; margin: 0 auto .32rem auto; box-sizing: border-box;-webkit-box-sizing: border-box;} /*社会责任报告*/ .shzr_baogolb{width: 6.86rem;-webkit-box-sizing:border-box;box-sizing:border-box; margin: 0 auto; background: #fff; padding:0rem .4rem .32rem .4rem; } .shzr_baogolb ul{ width: 100%; padding-bottom: .2rem } .shzr_baogolb li{ font-size: .28rem; padding: 0.15rem 0; position: relative ; padding-left: .4rem } .shzr_baogolb li:before { content: ''; position: absolute; width:.26rem; height: .26rem; left:0; top: .22rem; background: url(ditu_dian.png) no-repeat; background-size: 100% 100%} .shzr_baogolb li b{ height: .45rem; line-height: .45rem; font-size: .28rem; font-weight: normal; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; display: block} .shzr_baogolb li span{ display:block} .shzr_baogolb li span.time{ font-size: .20rem; color: #666} /*采购公示内容*/ .shzr_cygs{width: 6.86rem;box-sizing: border-box;-webkit-box-sizing: border-box; padding: .32rem; background: #fff; margin: .32rem auto; -webkit-box-sizing:border-box;box-sizing:border-box; } .shzr_cygs .text_dbt{ width: 100% ; border-bottom: .01rem #D7D7D7 solid; position:relative; padding-bottom: .32rem; line-height: .48rem; padding-top: .05rem; font-weight: bold; font-size: .32rem} .shzr_cygs .text_dbt:after{ content:""; position: absolute; left: 0; bottom:0; width: .64rem; height: .04rem; background: #FF1A00} .shzr_cygs .cggs_time{ font-size: .28rem; color: #999; line-height: .28rem;padding-top: .32rem;font-weight: normal} .shzr_cygs .cggs_time span{ display: inline-block; padding-right: .4rem; font-weight: normal} .shzr_cygs .wenz_cn{width:100%; font-size: .28rem; line-height: .56rem; padding-top: .20rem } .shzr_cygs .wenz_cn img{ display: block; margin: .32rem auto; max-width: 100%;} .shzr_cygs .wenz_cn .wzbold{font-weight: bold} /*隐私政策*/ .yszc_cen{width: 6.86rem;box-sizing: border-box;-webkit-box-sizing: border-box; padding: .32rem; background: #fff; margin: .32rem auto; -webkit-box-sizing:border-box;box-sizing:border-box; } .yszc_cen .text_dbt{ width: 100% ; padding-bottom: .15rem; line-height: .48rem; padding-top: .05rem; font-weight: bold; font-size: .32rem} .yszc_cen .yszc_time{ width: 100%; font-size: .28rem; color: #999; font-weight: normal} .yszc_cen .zenc_nr{ width: 100%; font-size: .28rem; line-height: .56rem; padding-top: .2rem} /*网站地图*/ .wzdt_cen{width: 6.86rem;box-sizing: border-box;-webkit-box-sizing: border-box; padding: .32rem 0; background: #fff; margin: .32rem auto; } .wzdt_cen .wsdt_ywdbt{ width: 6.22rem; margin: 0 auto; border-bottom: .01rem #D7D7D7 solid; position:relative; padding-bottom: .22rem; line-height: .48rem; padding-top: .05rem; font-weight: bold; font-size: .32rem} .wzdt_cen .wsdt_ywdbt:after{ content:""; position: absolute; left: 0; bottom:0; width: .64rem; height: .04rem; background: #FF1A00} .wzdt_cen .canpin_lb{ width: 6.22rem; margin: 0 auto; overflow: hidden; padding: .2rem 0} .wzdt_cen .canpin_lb li{ font-size:.28rem; width: 25%; float: left; line-height: .58rem} .wzdt_cen .canpin_lb li.hove a{ color: #FF1A00} .wzdt_cen .fuwu_lb{ width: 100%; padding: .2rem 0 .2rem .32rem;box-sizing: border-box;-webkit-box-sizing: border-box;} .wzdt_cen .fuwu_lb > ul >li{ width: 100%; font-size: .28rem; display: flex;; justify-content: flex-start;display: -webkit-flex;; -webkit-justify-content: flex-start; } .wzdt_cen .fuwu_lb > ul >li .group-tit{height: .58rem; line-height: .58rem; width: 1.8rem;font-weight: bold; padding-left: .35rem; background: url(ditu_dian.png) no-repeat left center ; background-size: .26rem .26rem; display: block; -webkit-box-sizing:border-box;box-sizing:border-box; } .wzdt_cen .fuwu_lb > ul >li .item-link{ width:4.74rem;} .wzdt_cen .fuwu_lb > ul >li .item-link li{ width: 50%; font-size: .28rem; padding: .1rem 0;float: left; line-height: .38rem} .wzdt_cen .gongs_lb{ width: 100%; padding: .2rem 0 .2rem .32rem;box-sizing: border-box;-webkit-box-sizing: border-box;} .wzdt_cen .gongs_lb > ul >li{ width: 100%; font-size: .28rem; display: flex;; justify-content: flex-start;display: -webkit-flex;; -webkit-justify-content: flex-start; } .wzdt_cen .gongs_lb > ul >li .group-tit{height: .58rem; line-height: .58rem; width: 1.8rem;font-weight: bold; padding-left: .35rem; background: url(ditu_dian.png) no-repeat left center ; background-size: .26rem .26rem; display: block; -webkit-box-sizing:border-box;box-sizing:border-box; } .wzdt_cen .gongs_lb > ul >li .item-link{ width:4.74rem;} .wzdt_cen .gongs_lb > ul >li .item-link li{ width: 33.3%; padding: .1rem 0; font-size: .28rem; float: left; line-height: .38rem} .wzdt_cen .gongs_lb > ul >li .item-link.news li{ width: 30%; } .wzdt_cen .gongs_lb > ul >li .item-link.news li.pinl{ width: 40%} .wzdt_cen .gongs_lb > ul >li .item-link.news li.ckqb a{ color: #999} /*友情连接*/ .yqlj_cen{width: 6.86rem;box-sizing: border-box;-webkit-box-sizing: border-box; padding: .32rem; background: #fff; margin: .32rem auto; } .yqlj_cen .biaoti{ width: 100%; border-bottom: .01rem #D7D7D7 solid; position:relative; padding-bottom: .22rem; line-height: .48rem; padding-top: .05rem; font-weight: bold; font-size: .32rem} .yqlj_cen .biaoti:after{ content:""; position: absolute; left: 0; bottom:0; width: .64rem; height: .04rem; background: #FF1A00} .yqlj_cen .gongs_wz{ width: 100%; overflow: hidden} .yqlj_cen .gongs_wz li{ width: 50%; float: left;margin: .02rem 0} .yqlj_cen .gongs_wz li img{ width: 3.15rem; height: 1.04rem; margin: 0 auto} .yqlj_cen .jiar_sm{width: 100%; margin-top: .32rem;background:#F5F5F5 } .yqlj_cen .tiaoj_bt{ width: 100%; height: .6rem; line-height: .6rem; background: #E5E5E5; font-size: .24rem; font-weight: bold; padding: 0 0.1rem;box-sizing: border-box;-webkit-box-sizing: border-box;} .yqlj_cen .tiaoj_sm{ width: 100%; } .yqlj_cen .tiaoj_sm ul{ padding: .2rem .16rem} .yqlj_cen .tiaoj_sm li{ font-size: .24rem; line-height: .36rem; padding: .1rem 0 0 .24rem; position: relative; } .yqlj_cen .tiaoj_sm li:after{ content: ''; position: absolute; left: 0; top: .19rem; width: .16rem; height: .16rem; background:#FF1A00; -webkit-border-radius:25em;border-radius:25em; } /*关闭隐私政策*/ .sumwz{ padding-bottom: .1rem} .zezc_fot{ bottom: 3.3rem} .fot_ljrk{ padding-bottom: .2rem} .close-yszc { font-size: .22rem; color: #666; display:block; margin: 0 auto; width: 1.5rem; height: .42rem; line-height: .42rem; border: .01rem solid #ccc; padding: 0 .05rem; text-align: center; } .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: .1rem; padding-bottom: .3rem; width: 6.2rem; text-align: left; background-color: #fff; border-radius: .14rem; font-size: .22rem; box-shadow: 0 2px .12rem 0 rgba(0,0,0,.1); -webkit-box-shadow: 0 .02rem .12rem 0 rgba(0,0,0,.1); overflow: hidden; backface-visibility: hidden; margin: 40% auto 0 auto; min-height: 3rem; position: relative; } .picc-topbar-box .box_title{ position: relative; font-size: .28rem; font-weight: bold; display: block; line-height: .75rem; margin: 0 .25rem; color: #304155} .picc-topbar-box .close{ position: absolute; right: .2rem; top:.2rem; z-index: 1} .picc-topbar-box .close img{ width: .32rem} .picc-topbar-box .box_title:after { content: ""; position: absolute; left: 0; bottom: 0; display: inline-block; width: 40px; height: 4px; background-color: #FF1A00; border-radius: 4px; } .picc-topbar-box .box_wenzi{ width: 95%; margin: .2rem auto; padding-bottom: .2rem; padding-left: .9rem; box-sizing: border-box; background: url("gantanhao.png") no-repeat .1rem 0; } .picc-topbar-box .box_wenzi b{ font-size: .26rem; display: block; padding-bottom: .1rem; padding-top: .05rem} .picc-topbar-box .box_wenzi span{ font-size: .26rem; color: #666; line-height: .32rem} .picc-topbar-box .box_btns{ width: 95%; margin: .2rem auto; display: flex;justify-content: center } .picc-topbar-box .box_btns .jixu_an,.picc-topbar-box .box_btns .close_an{ width: 1.5rem; height: .6rem; display: block; border: 0; margin: 0 .1rem;border-radius:.1rem} .picc-topbar-box .box_btns .jixu_an{ color: #FF1A00; border: .01rem #FF1A00 solid;background:#fff} .picc-topbar-box .box_btns .close_an{ color: #fff; background: #FF1A00} /*企业文化价值理念*/ .qyln_lin{ width:100%; margin: .2rem auto; background: #fff; box-sizing: border-box; padding: .14rem} .qyln_lin img{width: 5.42rem;} .qyln_lin p{ font-size: .2rem; line-height: .3rem; color: #999;} .qyln_dzt{ width:100%; margin: .2rem auto; background: #fff; box-sizing: border-box; padding: .14rem} .qyln_dzt .pic_zx{ width: 100%; overflow: hidden} .qyln_dzt .pic_zx img{ float: left;margin-bottom: .09rem} .qyln_dzt .pic_zx img:nth-of-type(1){ width: 2.64rem; height: 1.84rem} .qyln_dzt .pic_zx img:nth-of-type(2){ width: 2.68rem; height: 1.84rem; margin-left: .09rem} .qyln_dzt .pic_zx img:nth-of-type(3){ width: 2.64rem; height: 1.73rem} .qyln_dzt .pic_zx img:nth-of-type(4){ width: 2.68rem; height: 1.73rem;margin-left: .09rem} .qyln_dzt p{ font-size: .2rem; line-height: .3rem; color: #999;} /*企业文化红色保险*/ .qywh_hsbx{width: 6.86rem; background: #fff;margin: 0 auto;} .qywh_hsbx_top{ width:6.22rem; margin: 0 auto; background: #fff; padding:.32rem 0 .23rem 0} .qywh_hsbx_top img{ width: 100%} .qywh_hsbx_top p{ border-top: 0.01rem #D7D7D7 solid;color: #999999; font-size: .28rem; line-height: .42rem; text-indent: 2em;padding-top:.26rem; margin-top: .1rem} .qywh_hsbx_xiza{ width: 6.22rem; height: .8rem; border: 0.01rem #D7D7D7 solid; margin: 0 auto; font-size: .28rem; color: #000; text-align: center; line-height: .8rem; font-weight: bold; display: flex;; justify-content: center; align-items: center; display: -webkit-flex;; -webkit-justify-content: center; -webkit-align-items: center; } .qywh_hsbx_xiza img{ width: .32rem; height: .32rem; margin-left: .08rem} .qywh_hsbx_xiza a{ display: flex;; justify-content: center; align-items: center; display: -webkit-flex;; -webkit-justify-content: center; -webkit-align-items: center;} .qywh_rbzt{width: 6.86rem; background: #fff;margin: 0 auto; box-sizing: border-box; padding: .5rem .32rem 0 .32rem} .qywh_rbzt .bank_baot{ width:100% ; border-bottom: .01rem #D7D7D7 solid; position:relative; height:.54rem; padding-top: .05rem; font-weight: bold; font-size: .32rem; display: flex;; justify-content: space-between; align-items: center; display: -webkit-flex;; -webkit-justify-content: space-between; -webkit-align-items: center; } .qywh_rbzt .bank_baot b{ position: relative;height: .54rem;line-height: .42rem;display: inline-block; } .qywh_rbzt .bank_baot b:after{ content:""; position: absolute; left: 0; bottom:0rem; width: 100%; height: .02rem; background: #FF1A00} .qywh_rbzt .bank_baot span{ font-size: .28rem; display: inline-block; padding-right: .32rem; } .qywh_rbzt .bank_baot span i{ color: #FF1A00; font-size: .28rem; margin-left: .08rem;} .qywh_rbzt .zans_nr{ width: 100%; padding: .24rem 0; } .qywh_rbzt .zans_nr ul{height: 3.71rem;display: flex;; justify-content: space-between; display: -webkit-flex;; -webkit-justify-content: space-between;} .qywh_rbzt .zans_nr li{ width: 1.96rem; position: relative} .qywh_rbzt .zans_nr li img{ width: 1.96rem; height: 3.71rem} .qywh_rbzt .zans_nr li b{ position: absolute; left: 0; top:0; height: .56rem; width: 100%; background: #C0A55C; font-size: .32rem; color: #fff; line-height: .56rem; text-indent: .16rem} .qywh_rbzt .zans_nr li span{ position: absolute; left: 0; right:0; margin: 0 auto; bottom: .16rem; width: 1.64rem; height: .48rem; line-height: .48rem; color: #fff; font-size: .24rem; background: #C0A55C; display: flex;; justify-content: center; align-items: center; display: -webkit-flex;; -webkit-justify-content: center; -webkit-align-items: center; } .qywh_rbzt .zans_nr li span img{ width: .38rem; height: .32rem;margin-left: .22rem;} .qywh_rbzt .renwz{ width: 100%; padding: .24rem 0; } .qywh_rbzt .renwz ul{display: flex; justify-content: space-between; display: -webkit-flex;; -webkit-justify-content: space-between;} .qywh_rbzt .renwz li{ background: #F5F5F5; width: 1.96rem; height: 3.93rem} .qywh_rbzt .renwz li .pic{display: block; width: 1.96rem; height: 2.17rem} .qywh_rbzt .renwz li .pic img{width: 1.96rem; height: 2.17rem} .qywh_rbzt .renwz li b{ display: block; font-size: .28rem; color: #000; line-height: .35rem; padding:.07rem .08rem 0 .08rem} .qywh_rbzt .renwz li .time{ font-size: .24rem; color: #C0A55C; font-weight: bold; line-height: .38rem; border-bottom: 0.02rem #C0A55C solid; display: block; width: 1.88rem; margin: 0 auto} .qywh_rbzt .renwz li .jiesao{font-size: .22rem; line-height: .42rem; width: 1.8rem; margin: 0 auto; display: block; padding-top: 0.07rem; height: .84rem; overflow: hidden; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .qywh_rbzt .renwz li div{ height: 0; overflow: hidden; font-size: .12rem} /*人保图志*/ .gywh_rbtz{width: 6.86rem;-webkit-box-sizing:border-box;box-sizing:border-box; margin: 0 auto; background: #fff; padding: .32rem .32rem .4rem .32rem; margin-top: .32rem; } .gywh_rbtz .hstz_baot{ font-size: .46rem; line-height: .46rem; display: flex; justify-content: space-between; display: -webkit-flex;; -webkit-justify-content: space-between; } .gywh_rbtz .hstz_baot b{ border-bottom: 0.02rem #FF1A00 solid; display: block; width: 5.25rem; height: .68rem} .gywh_rbtz .hstz_baot img{ margin-top: .27rem; width: .65rem; height: .83rem} .gywh_rbtz .rwz_nav{ width: 100%; height: .7rem; margin-top: -.05rem} .gywh_rbtz .rwz_nav ul{height: .42rem;display: flex;; align-items: center; display: -webkit-flex;; -webkit-align-items: center; } .gywh_rbtz .rwz_nav li{ font-size: .32rem; line-height: .42rem; font-weight: bold; margin-right: .56rem} .gywh_rbtz .rwz_nav li.hove{ color: #FF1A00; position: relative} .gywh_rbtz .rwz_nav li.hove:after { content: ""; width: 0; height: 0; border-style: solid; border-width: 8px 4px 0 4px; border-color: #FF1A00 transparent transparent transparent; position: absolute; bottom: -.23rem; left: 0; right: 0; margin: 0 auto; } /*人保图志导航栏*/ .rbtz_bdNav {width:100%; position:relative; height: 1.1rem;overflow: hidden; background: #fff;padding: .2rem 0; -webkit-box-sizing:border-box;box-sizing:border-box;} .rbtz_bdNav .scroller {position:absolute} .rbtz_bdNav .scroller li { width: 1.76rem; height:.6rem;color:#333;float: left;} .rbtz_bdNav .scroller li a{ display: block; font-weight: bold;width: 1.6rem; height:.6rem;margin-right:.16rem;line-height: .6rem; font-size: .24rem;text-align: center;background: #F5F5F5; } .rbtz_bdNav .scroller li.cur a{color:#fff;background:#FF1A00; } .rbtz_lbd_year{ width: 100%; overflow: hidden} .rbtz_lbd_year li{ width: 2.97rem; float: left; margin-bottom: .32rem} .rbtz_lbd_year li .tuzi{ width: 2.95rem; height: 3.65rem; border: 0.01rem #D7D7D7 solid; box-sizing: border-box; padding: .11rem; overflow: hidden; display: flex;; justify-content: center; align-items: center; display: -webkit-flex;; -webkit-justify-content: center; -webkit-align-items: center; } .rbtz_lbd_year li .tuzi b{ width: 2.73rem; height: 3.43rem; overflow: hidden;} .rbtz_lbd_year li .tuzi b img{max-height: 3.43rem; min-width: 2.73rem; } .rbtz_lbd_year li .baot{ width: 2.97rem; font-size: .24rem; height: .8rem; background: #F5F5F5; display: block; line-height: .8rem; box-sizing: border-box; padding:0 .11rem;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .rbtz_lbd_year li:nth-child(2n){ margin-left: .28rem} /*弹出*/ .rbtx_zezc{ width: 100%; position:fixed; left: 0; top:0; bottom: 0;background: rgba(0, 0, 0, 0.3); z-index: 10; display: flex;align-items: center; display: -webkit-flex; -webkit-align-items: center; } .rbtx_zezc .rwz_nr{ width: 6.86rem; background: #fff; margin: 0 auto;max-height: 96vh;overflow-y:auto;overflow-x:hidden;} .rbtx_zezc .rwz_nr .baoti{ font-size: .36rem; font-weight: bold; width: 6.22rem; margin: 0 auto; border-bottom: .01rem #D7D7D7 solid; height: 1rem; display: flex; justify-content: space-between; align-items: center; display: -webkit-flex;; -webkit-justify-content: space-between; -webkit-align-items: center; } .rbtx_zezc .rwz_nr .baoti img.close{width: .32rem; height: .32rem} .rbtx_zezc .rwz_nr .text{ text-align: center; font-weight: bold; font-size: .28rem; line-height: .42rem; padding: .2rem .32rem 0rem .32rem; min-height: .6rem; } .rbtx_zezc .rwz_nr .picFd{ position: relative;width: 6.22rem; margin: 0 auto; margin-bottom: .2rem; height:9.3rem;overflow-y:auto;overflow-x:hidden; text-align: center } .rbtx_zezc .rwz_nr .picFd img{ max-width: 6.22rem; display: block} .iviewer_zoom_status{ position: absolute; left:0;top:0; height: 0; overflow: hidden} .tc_anima{ animation:baxdakai .3s ease-out backwards; -webkit-animation:baxdakai .3s ease-out backwards;} @keyframes baxdakai{ 0%{ transform:scale(0,0);transform-origin: center center;} 100%{ transform:scale(1,1);transform-origin: center center;} } @-webkit-keyframes baxdakai{ 0%{ -webkit-transform:scale(0,0);-webkit-transform-origin: center center;} 100%{ -webkit-transform:scale(1,1);-webkit-transform-origin: center center;} } /*人物志*/ .renb_rwz{ width: 100%;background: #F5F5F5; margin-top: .24rem; margin-bottom: .4rem; overflow: hidden; box-sizing: border-box; padding:0 .16rem .16rem .16rem} .renb_rwz li{ width: 5.82rem; border: .04rem #C0A55C solid; position: relative; margin-top: 1.62rem} .renb_rwz li .pic{ width: 2.76rem; height: 2.76rem;background: url(rwz_zpbj.png); background-size: 100% 100%; position: absolute; left: .16rem; top:-1.28rem; display: flex; justify-content: center; align-items: center; display: -webkit-flex;; -webkit-justify-content: center; -webkit-align-items: center; } .renb_rwz li .pic b{ width: 2.4rem; height: 2.4rem;-webkit-border-radius:10px;border-radius:10px; overflow: hidden} .renb_rwz li .pic b img{ width: 2.4rem; } .renb_rwz li .rew_bjsj{ width: 5.58rem; background: #fff; margin: .16rem auto} .renb_rwz li .rew_bjsj .name{ min-height: 1.5rem; padding-left: 3.09rem; display: block} .renb_rwz li .rew_bjsj .name b{ font-size: .36rem; display: block; height: .73rem; line-height: .73rem; border-bottom: .04rem #C0A55C solid; width: 2.34rem} .renb_rwz li .rew_bjsj .name span{ font-size: .28rem;line-height: .73rem; display: block; color: #C0A55C} .renb_rwz li .rew_bjsj .renzi{ font-size: .28rem; font-weight: bold; padding: .32rem .16rem 0.2rem .16rem; display: block; line-height: .42rem} .renb_rwz li .rew_bjsj .jianli{ font-size: .24rem; display: block; line-height: .42rem; color: #999; padding: 0 .16rem;height: 1.26rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .renb_rwz li .rew_bjsj .more{ color: #FF1A00; font-size: .24rem; padding: .15rem .16rem; display: block; height: .3rem; display: flex;align-items: center; display: -webkit-flex; -webkit-align-items: center; } .renb_rwz li .rew_bjsj .more i{ color: #FF1A00; font-size: .2rem; } .renwz_zezc{ width: 100%; position:fixed; left: 0; top:0; bottom: 0;background: rgba(0, 0, 0, 0.3); z-index: 10; display: flex;align-items: center; display: -webkit-flex; -webkit-align-items: center; } .renwz_zezc .renpic_tc{ width: 6.86rem; background: #fff; margin: 0 auto; max-height: 96vh;overflow-y:auto;overflow-x:hidden;} .renwz_zezc .renpic_tc .rew_jainljs{ width: 100%} .renwz_zezc .renpic_tc .baoti{ font-size: .36rem; font-weight: bold; width: 6.22rem; margin: 0 auto; border-bottom: .01rem #D7D7D7 solid; height: 1rem; display: flex; justify-content: space-between; align-items: center; display: -webkit-flex;; -webkit-justify-content: space-between; -webkit-align-items: center; } .renwz_zezc .renpic_tc .baoti img.close{width: .32rem; height: .32rem} .renwz_zezc .renpic_tc .ren_js{ width: 4.5rem; min-height: 1.37rem; background: #F5F5F5; margin: .32rem auto 0 auto; box-sizing: border-box; padding:0 .16rem; border-top: .02rem #c0a55c solid; } .renwz_zezc .renpic_tc .ren_name{ width: 100%; height: .8rem; display: flex; justify-content: flex-start; align-items: center; display: -webkit-flex;; -webkit-justify-content: flex-start; -webkit-align-items: center; } .renwz_zezc .renpic_tc .ren_name .name{ font-size: .36rem; font-weight: bold; display: inline-block; padding-right: .19rem} .renwz_zezc .renpic_tc .ren_name .year{ font-size: .28rem; font-weight: bold; color: #C0A55C; position: relative; display: block; padding-left: .2rem; } .renwz_zezc .renpic_tc .ren_name .year:after{ content: ''; position: absolute; left: 0; top:.1rem; width: .1rem; height: .1rem; background: #C0A55C;border-radius:50%;} .renwz_zezc .renpic_tc .ren_js .ren_bj{ font-size: .24rem} .renwz_zezc .renpic_tc .renw_pic{ width: 4.5rem; margin: 0 auto} .renwz_zezc .renpic_tc .renw_pic img{ width: 4.5rem; display: block} .renwz_zezc .renpic_tc .renw_bjsj{ padding: .32rem; font-size: .28rem; line-height: .42rem} .tc_none{ display: none} /*标志释义*/ .gyrb_bzsy{width: 6.86rem; -webkit-box-sizing:border-box;box-sizing:border-box; margin: 0 auto; background: #fff; padding:.25rem; } .gyrb_bzsy .bzsy_logo{ width: 100%; ; padding-top: .35rem} .gyrb_bzsy .bzsy_logo img{ display: block; margin: 0 auto; width: 2.78rem} .gyrb_bzsy .bzsy_logo span{ font-size: .28rem; display: block; text-align: center; line-height: .37rem; margin-top: .27rem} .gyrb_bzsy .bzsy_jidw{ width: 100%; border-top: .08rem #FF1A00 solid; background: #F5F5F5; margin-top: .56rem; box-sizing: border-box; padding: .55rem .28rem} .gyrb_bzsy .bzsy_jidw b{ font-size: .36rem; color:#FF1A00; display: block} .gyrb_bzsy .bzsy_jidw span{ font-size: .28rem; line-height: .42rem; display: block} .gyrb_bzsy .bzsy_jidw p{ border-bottom:.01rem #D7D7D7 solid; padding-bottom: .4rem; margin-bottom: .4rem} .gyrb_bzsy .bzsy_linan{ width: 100%; border-top: .04rem #C0A55C solid; background: #F5F5F5; box-sizing: border-box; padding: .55rem .28rem .2rem .28rem; } .gyrb_bzsy .bzsy_linan h1{ text-align: center; padding-bottom: .45rem} .gyrb_bzsy .bzsy_linan b{ font-size: .36rem; border-bottom: .04rem #FF1A00 solid; padding-bottom: .1rem; } .gyrb_bzsy .bzsy_linan p{font-size: .28rem; } .gyrb_bzsy .bzsy_linan .lstp{ padding-top: .55rem} .gyrb_bzsy .bzsy_lsbz{ width: 100%;background: #F5F5F5;box-sizing: border-box; padding: 0 .28rem;} .gyrb_bzsy .bzsy_lsbz ul.box1,.gyrb_bzsy .bzsy_lsbz ul.box2{ display: flex; justify-content: space-between; align-items: center; display: -webkit-flex;; -webkit-justify-content: space-between; -webkit-align-items: center;} .gyrb_bzsy .bzsy_lsbz .box1 li{ width: 1.81rem;} .gyrb_bzsy .bzsy_lsbz .box1 li img{ width: 1.81rem; height: .98rem} .gyrb_bzsy .bzsy_lsbz .box1 li b{ width: 100%; height: .44rem; background: #E5E5E5; font-size: .22rem; color: #333; display: block; text-align: center; line-height: .44rem} .gyrb_bzsy .bzsy_lsbz .box2 li{ width: 2.78rem; padding-top: .11rem} .gyrb_bzsy .bzsy_lsbz .box2 li img{ width: 2.78rem; height: .98rem} .gyrb_bzsy .bzsy_lsbz .box2 li b{ width: 100%; height: .44rem; background: #E5E5E5; font-size: .22rem; color: #333; display: block; text-align: center; line-height: .44rem} .gyrb_bzsy .bzsy_lsbz .box3 li{ width: 100%; padding-top: .11rem} .gyrb_bzsy .bzsy_lsbz .box3 li img{ width: 100%} .gyrb_bzsy .bzsy_lsbz .box3 li b{ width: 100%; height: .44rem; background: #C0A55C; font-size: .22rem; color: #fff; display: block; text-align: center; line-height: .44rem} .gyrb_bzsy .bzsy_whzx{ width: 100%;background: #F5F5F5; box-sizing: border-box; padding: .55rem .28rem .2rem .28rem; } .gyrb_bzsy .bzsy_whzx h1{ text-align: center; padding-bottom: .45rem} .gyrb_bzsy .bzsy_whzx b{ font-size: .36rem; border-bottom: .04rem #FF1A00 solid; padding-bottom: .1rem; } .gyrb_bzsy .bzsy_whzx p{font-size: .28rem; } .gyrb_bzsy .bzsy_whzx img{ width: 100%; margin-top: .24rem}