body { background: #f6f6f6; } .banner_box { margin-top: 80px; } .mianbao p { font-size: 16px; color: #565656; margin: 30px 15px; } #outer { width: 100%; } #tab { overflow: hidden; zoom: 1; background: #fff; border: 1px solid #ebebeb; } #tab li { float: left; color: #565656; width: 33.33%; height: 80px; line-height: 80px; text-align: center; border-right: 1px solid #ebebeb; cursor: pointer; } #tab li.current { color: #c06f44; border-bottom: 2px solid #c06f44; } #tab li:last-child { border-right: 0; } #content { border: 1px solid #ebebeb; border-top-width: 0; margin-top: 20px; background: #fff; margin-bottom: 90px; } #content ul { line-height: 25px; /*display: none;*/ } #content .row { margin: 0; } /*基金会*/ .center ul li h2 { font-size: 34px; color: #000; font-weight: 400; padding: 22px 0; text-align: center; border-bottom: 1px solid #ebebeb; } .text4 .list { padding: 40px 70px; } .text4 .list section{ margin-bottom: 60px; overflow: hidden; } .text4 .list img { cursor: pointer; } .text4 .list p { font-size: 16px; color: #565656; margin-bottom: 20px; /*text-indent: 34px;*/ } .container { padding: 0; } .row { margin: 0; } /*主题活动*/ .center h2 { font-size: 34px; color: #000; padding: 25px 0; text-align: center; border-bottom: 1px solid #ebebeb; } .text1 { padding: 50px 65px 50px; overflow: hidden; } .text1 h3 { font-size: 20px; line-height: 20px; color: #000; /*text-indent: 30px;*/ } .text1 .list p { margin-top: 20px; line-height: 23px; color: #565656; font-size: 14px; /*text-indent: 30px;*/ } .text1 .left { float: left; } .text1 .right { position: relative; float: left; width: 500px; padding: 40px 30px; background: #f6f6f6; margin-top: 50px; height: 300px; cursor: pointer; } .text1 .right h1 { font-size: 20px; color: #000; margin-bottom: 20px; } .text1 .right:hover h1 { color: #c06f44; } .text1 .right p { font-size: 16px; color: #565656; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; overflow: hidden; line-height: 26px; } .text1 .right span { position: absolute; bottom: 45px; display: block; font-size: 12px; color: #999999; width: 87%; margin-top: 50px; background: url("../images/news/youjiantou.png") no-repeat right; } .text1 .right:hover span { background: url("../images/news/youjiantou_on.png") no-repeat right; } .text1 hr { border-top: 1px solid #ebebeb; } .text1 .item { overflow: hidden; margin-bottom: 100px; } .text1 .item:last-child { margin-bottom: 80px; } /*捐建*/ .juanjian { padding: 50px 0 !important; } .juanjian .item { padding: 70px 130px 0 170px; margin-bottom: 0 !important; } .juanjian .item h4 { color: #000; font-size: 14px; line-height: 24px; margin-top: 17px; } .juanjian .item img { width: 100%; } .juanjian hr { margin: 15px 0; } .juanjian .item p { font-size: 14px; color: #565656; line-height: 24px; } .juanjian .juanjian_left { padding-right: 30px; } .juanjian .juanjian_right { border-top: 1px solid #ebebeb; padding-left: 0; margin-top: -55px; } .juanjian_right h1 { margin: 50px 0 0; color: #000; font-size: 24px; } .juanjian .juanjian_right h5 { margin-top: 35px; font-size: 18px; line-height: 28px; color: #c0764c; } .juanjian .juanjian_right p { color: #565656; font-size: 18px; line-height: 28px; } .tushu p { margin-top: 32px; } .juanjian .juanjian_right span { display: block; text-align: right; margin-bottom: 40px; padding-right: 20px; background: url("../images/socialResponsibility/juanjian_jiantou.png") no-repeat right 3px; color: #565656; font-size: 16px; margin-top: 25px; } .juanjian .tushu span { margin: 0; } .juanjian_right:hover h1 { color: #c0764c; } .juanjian .juanjian_right:hover span { color: #c0764c; background: url("../images/socialResponsibility/juanjian_jiantou_on.png") no-repeat right 3px; } .fenye { margin: 50px auto 0; width: 315px; padding-bottom: 80px; } .fenye a, .fenye i { float: left; cursor: pointer; } .fenye i { margin: 0 3px; } .fenye ul li { float: left; margin: 0 3px; font-size: 12px; width: 35px; height: 35px; line-height: 35px; text-align: center; border: 1px solid #d0d0d0; border-radius: 50%; color: #000; } .fenye ul li.active { background: #c06f44; padding: 0 9px; color: #FFF } .fenye .fast { background: url(../images/search/fast.png) no-repeat 50% 50%/100%; width: 35px; height: 35px; display: inline-block; } .fenye .last { background: url(../images/search/last.png) no-repeat 50% 50%/100%; width: 35px; height: 35px; display: inline-block; } .fenye .prev-btn { background: url(../images/search/icon-prev.png) no-repeat 50% 50%/100%; width: 35px; height: 35px; display: inline-block; } .fenye .next-btn { background: url(../images/search/icon-next.png) no-repeat 50% 50%/100%; width: 35px; height: 35px; display: inline-block; } /*基金*/ .fund.p{ display: block!important; } .fund{ position: relative; text-align: center; overflow: hidden; padding-top: 15px; } .fund .bor{ position: absolute; left: 0; right: 0; margin:0 auto; width: 2px; height: 500px; background: #df8555; } .fund .fund_list{ position: relative; width: 416px; margin-top: 50px; } .fund .fund_list:nth-child(odd){ text-align: left; padding-left:30px; margin-left: 49.3%; } .fund .fund_list>img{ position: absolute; top:7px; z-index: 2; } .fund .fund_list:nth-child(odd)>img { left: 0; } .fund .fund_list:nth-child(even){ text-align: right; padding-right:30px; left: 30.5%; margin-left: -208px; } .fund .fund_list:nth-child(even) p{ text-align: right; } .fund .fund_list:nth-child(even)>img { right:0; } .fund .fund_list h4{ font-size: 24px; color: #bd6e40; line-height: 28px; margin-bottom: 14px; } .fund .fund_list p{ font-size: 16px; color: #282828; line-height: 26px; } @media (max-width: 1200px) { /*基金*/ .fund .fund_list:nth-child(even){ left: 25.7%; } .fund .fund_list:nth-child(odd) { margin-left: 49.2%; } .text1 .left { width: 100%; } .text1 .left img { width: 100%; } .text1 .right { margin-top: 0; width: 100%; height: 260px; } .text1 .item { margin-bottom: 50px; } .juanjian .item { padding: 50px 30px; } .juanjian .item h4 { font-size: .28rem; margin: .25rem 0 .4rem; } .juanjian .item p { font-size: .21rem; line-height: .4rem; } .juanjian span { font-size: .21rem; display: block; text-align: right; margin: .2rem 0; } .juanjian .item:hover span, .juanjian .item:hover h4 { color: #c17746; } } @media (max-width: 992px) { .fund .fund_list:nth-child(even){ left: 16.9%; } .fund .fund_list:nth-child(odd) { margin-left: 49%; } .fund.p{ display: none!important; } .fund.m{ display: block!important; } .text4 .list>div{ margin-top: .55rem; margin-bottom: .5rem; border-bottom: 1px solid #ebebeb; padding-bottom: .3rem; } .text4 .list>div p{ text-indent:0; padding-left: .4rem; max-width: 100%; background: url("../images/socialResponsibility/soci_yuan.png") no-repeat left .17rem; background-size: .2rem; } } @media (max-width: 767px) { .text4 .list>div p{ max-width: 5.5rem; } body { background: #fff; } #tab { border-top: 0; padding: .2rem 0; display: none; } #tab li { width: 100%; border: 0; font-size: .26rem; height: .8rem; line-height: .8rem; padding: 0 !important; } #tab li.current { border: 0; } .m_btn { padding: .4rem .25rem 0; } .m_btn h5 { color: #c17746; width: 100%; height: .95rem; line-height: .95rem; margin: 0 auto; display: block; border: 1px solid #ebebeb; font-size: .35rem; padding: 0 .3rem; background: url(../images/guanyuwomen/m_xiala_on.png) no-repeat 96% 18px; background-size: .25rem .17rem !important; } .m_btn h5.on { color: #c17746; background: url(../images/index/m_nav_shangla.png) no-repeat 96% 18px; } .center h2, .center ul li h2 { font-size: .4rem; padding: .1rem 0 .3rem; margin: 0 0 .5rem; } #content { border: 0; margin-bottom: 0; padding: 0.25rem; } #content h3 { font-size: .28rem; padding: 0; margin: 0 0.25rem; } #content .text1 .col-md-6 h3{ margin: 0; } .text1 { padding: 0 0 .5rem; } .text1 .list > div { padding: 0; } .text1 .list img { width: 100%; margin: .5rem 0; } .text1 .list p { font-size: .21rem; margin-top: .3rem; } .text1 .right { margin-top: 0; width: 100%; padding: .4rem .6rem; } .text1 .right h1 { font-size: .26rem; line-height: .37rem; } .text1 .right p { font-size: .21rem; line-height: .37rem; -webkit-line-clamp: 4; } .text1 .right h1 { margin-bottom: .2rem; } .text1 .right span { bottom: .55rem; width: 85%; font-size: .21rem; background-size: .29rem !important; } .text1 .right { height: 4rem; } .text1 .item { margin-bottom: .6rem; } .text1 .item:last-child { margin-bottom: .5rem; } .juanjian .item h4 { font-size: .28rem; margin: .25rem 0 .4rem; } .juanjian .item p { font-size: .21rem; line-height: .4rem; } .juanjian span { font-size: .21rem; display: block; text-align: right; margin: .2rem 0; } .juanjian .item:hover span, .juanjian .item:hover h4 { color: #c17746; } .text1 .item { border-bottom: 1px solid #ebebeb; margin-bottom: .8rem !important; } .text1 .item:last-child { border: 0; } .text4 .list { padding: 0; } /*.text4 .list img {*/ /*margin-bottom: .28rem;*/ /*}*/ .text4 .list p { font-size: .24rem; margin-bottom: .2rem; } /*.text4 .list div{*/ /*margin-top: .55rem;*/ /*margin-bottom: .5rem;*/ /*border-bottom: 1px solid #ebebeb;*/ /*padding-bottom: .3rem;*/ /*}*/ /*.text4 .list div p{*/ /*text-indent:0;*/ /*padding-left: .4rem;*/ /*max-width: 5.5rem;*/ /*background: url("../images/socialResponsibility/soci_yuan.png") no-repeat left .17rem;*/ /*background-size: .2rem;*/ /*}*/ .fenye { margin: .5rem auto 0; width: 3.7rem; padding-bottom: .5rem; } .fenye ul li { width: .44rem; height: .44rem; line-height: .44rem; } .fenye .fast, .fenye .prev-btn, .fenye .next-btn, .fenye .last { width: .44rem; height: .44rem; line-height: .44rem; } .fenye ul li.active { padding: 0; } .juanjian { padding: 0 !important; } .juanjian .item { padding: 0 .25rem; } .juanjian .juanjian_left { padding: 0; } .text4 .list section { margin-bottom: 20px; } } /*两端对齐*/ .text1 .right p,.text1 .list p,.text4 .list p{ text-align: justify; } /*两端对齐*/ .text1 .right p,.text1 .list p,.text4 .list p{ text-align: justify; } ::-ms-clear, ::-ms-reveal { display: none; } .play{ position: relative; margin-bottom: 60px; } .prism-player video { margin: 0; } .prism-player { position: absolute; top: 0; left: 0; right: 0; z-index: 99; bottom: 0; margin: auto; } .prism-player { display: none; } .x { position: absolute; display: none; width: 52px; height: 45px; background: url(../images/news/x.png) no-repeat; top: 50px; right: 50px; z-index: 99; }