@charset "utf-8"; .fix{*zoom:1} .fix:after,.fix:before{display:block;content:"clear";height:0;clear:both;overflow:hidden;visibility:hidden} .news_share .icon { font-size: .14rem; color: #333; display: flex; justify-content: flex-start; flex-wrap: wrap; margin: 0.3rem 0; } .news_share .icon a { margin-top: -.05rem; } .news_share .icon a img { width: .3rem; height: .3rem; margin-right: .05rem; opacity: .7; } .news_share .icon img:hover { opacity: 1; } .m-textq1{overflow:hidden} .m-textq1 h1{font-size:32px;color:#333;line-height:1.5em;font-weight:400;margin-bottom:19px;overflow:hidden} .m-textq1 .info{position:relative;padding-left:22px;overflow:hidden} .m-textq1 .info:after{content:'';width:3px;height:69px;background-color:#1d56d3;position:absolute;top:50%;left:0;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);-moz-transform:translateY(-50%);transform:translateY(-50%)} .m-textq1 .info .item{padding:1px 0;overflow:hidden} .m-textq1 .info .item span{display:block;float:left;font-size:14px;color:#666;line-height:2.43em;margin-right:26px;overflow:hidden} .m-textq1 .info .item .date{font-size:16px;color:#999;line-height:1.88em} .m-textq1 .txt{font-size:18px;color:#000; text-indent:30px; line-height:2.13em;margin-top:53px;overflow:hidden} .m-textq1 .bshare-custom{font-size:16px;color:#666;line-height:32px!important;margin-top:26px;margin-bottom:31px;overflow:hidden} .m-textq1 .bshare-custom span{display:block;float:left;overflow:hidden} .m-pn{border-top:1px solid #c9c9c9;padding-top:29px;overflow:hidden} .m-textq1 video{max-width:100%;display:block;margin:15px auto;width:auto;height:auto;} .m-pn .a-return{display:block;float:right;width:113px;font-size:16px;color:#fff;line-height:36px;text-align:center;background-color:#fbb263;border-radius:2px;margin-left:10px;margin-top:18px;overflow:hidden;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s} .m-pn .a-return:hover{opacity:.8;filter:alpha(opacity=80);filter:alpha(Opacity=80);-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=80)'} .m-pn .aa{overflow:hidden} .m-pn .aa a{display:block;font-size:16px;color:#333;line-height:2.13em;margin-bottom:6px;overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis} @media only screen and (max-width:1920px){ .m-textq1 h1{font-size:1.6667vw} } @media only screen and (max-width:1440px){ .m-textq1 h1{font-size:24px} } @media only screen and (max-width:1199px){ .m-textq1 h1{font-size:18px;margin-bottom:10px} .m-textq1 .info{padding-left:15px} .m-textq1 .info .item span{margin-right:10px;font-size:13px} .m-textq1 .info .item .date{font-size:14px} .m-textq1 .txt{font-size:14px;line-height:1.8em;margin-top:20px} .m-textq1 .bshare-custom{font-size:14px;margin-top:10px;margin-bottom:20px} .m-pn{padding-top:20px} .m-pn .aa a{font-size:14px;line-height:1.8em;margin-bottom:2px} .m-pn .a-return{margin-top:5px;font-size:14px;width:90px} } @media only screen and (max-width:767px){ .m-pn .a-return{float:none;margin-left:0;margin-bottom:5px} } .cur{font-size:14px;color:#fff;line-height:1.45em;overflow:hidden;text-align:right} .cur a{color:#fff;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s} .cur a:hover{color:#fff;opacity:.5} .cur-m{display:none} /*!北科资讯*/ .m-boxls1{position:relative} .m-boxls1 .col-l{width:70%;float:left;overflow:hidden} .m-boxls1 .col-r{/* width:25%; */font-weight:700;position: sticky;top: 120px;float: right;} .m-newestls{overflow:hidden;background-color:#fafafa} .ul-listl3{overflow:hidden;background:url(../images/bgls4.png) center left no-repeat;-webkit-background-size:23px auto;-moz-background-size:23px auto;-ms-background-size:23px auto;-o-background-size:23px auto;background-size:23px auto;padding-right:22px;padding-top:8px;position:relative;margin-bottom:22px} .ul-listl3:after,.ul-listl3:before{content:'';position:absolute;top:0;width:23px;left:0;height:10px;background:url(../images/iconls9.png) center center no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover} .ul-listl3:before{top:auto;bottom:0;background-image:url(../images/iconls10.png)} .ul-listl3 li{padding-left:44px;overflow:hidden;position:relative} .ul-listl3 li:after{content:'';position:absolute;top:50%;left:5px;width:12px;height:12px;background-color:#1ea2d3;border:3px solid rgba(30,162,211,.2);border-radius:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);-moz-transform:translateY(-50%);transform:translateY(-50%);-o-background-clip:padding-box;background-clip:padding-box;display:none} .ul-listl3 li.on:after,.ul-listl3 li:hover:after{display:block} .ul-listl3 .con{display:block;overflow:hidden;padding:20px 0 18px;border-bottom:1px solid #eaeaea} .ul-listl3 .con .tit{-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:14px;color:#333;font-weight:400;margin-right:90px} .ul-listl3 .con .date{float:right;font-size:14px;color:#d4be6e;line-height:1.5em;overflow:hidden} .ul-listl3 li:last-child .con{border-bottom:none} .pages{font-size:0;text-align:center;overflow:hidden} .pages ul{display:inline-block;vertical-align:middle;border:1px solid #ddd;border-right:none} .pages li{float:left} .pages li a{display:block;width:58px;height:44px;font-size:21px;color:#001c58;line-height:42px;text-align:center;border-right:1px solid #ddd;background-color:#fff;border-radius:2px;overflow:hidden} .pages li span{display:block;width:58px;height:44px;font-size:21px;color:#001c58;line-height:42px;text-align:center;background-color:#fff;border-radius:2px;overflow:hidden;border-right:1px solid #ddd} .pages li.on a,.pages li:hover a{color:#fff;background-color:#1d56d3} .g-titls1{overflow:hidden;background-color:#f2b904;padding:0 44px} .g-titls1 .tit{font-size:22px;color:#fff;font-weight:400;line-height:61px;padding-right:43px;overflow:hidden;background: url(../images/bgls3.png) right center no-repeat;-webkit-background-size:31px auto;-moz-background-size:31px auto;-ms-background-size:31px auto;-o-background-size:31px auto;background-size:31px auto;float:left;margin-right:7px;} .g-titls1 .tit i{display:inline-block;vertical-align:middle;width:26px;height:26px;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;background-repeat:no-repeat;margin:-4px 14px 0 0} .g-titls1 .more{display:block;line-height:61px;color:#fff;font-size:14px;overflow:hidden;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s} .g-titls1 .more:hover{opacity:.7} @media only screen and (max-width:1920px){ .ban{height:12.8125vw} .ban .txt .box .tit{font-size:2.5vw} .m-boxls1 .col-l{width:65.6944%} .m-boxls1 .col-r{width:30.8333%;} .g-leftls{left:7.55208%} .m-airingls .pic{width:15.347%} .ul-listls3{width:71.354166vw} .m-recommendls .ll{width:62.916667%} .m-rankingls .ll{width:41.25%} .m-rankingls .rr{width:55.2777%} .m-elegantls .elegantls .ll{width:66.180556%} .m-elegantls .elegantls .rr{width:32.36111%} .m-listls1 .tit{font-size:1.875vw} .m-txtls .tit{font-size:1.979166vw} .m-picls .con .txt .tit,.ul-listls4 .date .day{font-size:1.5625vw} .m-facultyls .ll{width:54.0277%} .m-facultyls .rr{width:41.875%} } @media only screen and (max-width:1680px){ .g-leftls{left:0} .m-informationls .con .info .tit{font-size:26px} .ul-listls3 .con{width:90px;height:90px;line-height:90px} .ul-listls3 .con .tit{font-size:20px} .ul-listls3{padding:0 60px 0 3.571428vw} .ul-listls3 li{padding:0 2.3809vw} .g-titl2{left:2.5%} .m-slickls1 .slick-prev{left:-60px} .m-slickls1 .slick-next{right:-60px} .ul-listls7{width:50%} } @media only screen and (max-width:1440px){ .ban .txt .box .en{font-size:20px} .m-informationls .con .info .tit{font-size:22px} .ul-listls2 .txt .tit{font-size:18px} .g-titls1 .tit{font-size:20px} .m-informationls .con .txt .date{font-size:16px} .ul-listls3 .con{width:78px;height:78px;line-height:78px} .ul-listls3 .con .tit{font-size:18px;padding:0 10px} .ul-listls4 .info span{margin-right:20px;font-size:14px} .m-recommendls .g-titl2{display:none} .m-recommendls .tit-m{display:block;position:relative;z-index:2;color:#fff} .m-recommendls .intit a{color:#fff} .m-recommendls .recommendls{padding:30px 0} .m-slickls1 .slick-prev{left:0} .m-slickls1 .slick-next{right:0} .m-frequencyls .txt .info,.m-frequencyls .txt .tit,.m-txtls .desc,.ul-listl5 .con{font-size:18px} .ul-listl8 .con .tit,.ul-listls4 .txt .tit,.ul-listls6 .txt .stit{font-size:16px} .ul-listl5 li{margin-right:15px} .m-listls1{padding:20px 15px} .ul-listls4.l1 .txt .desc{font-size:12px} .ul-listls6 .txt .num{font-size:14px} .m-facultyls .facultyls .tit{font-size:22px} } @media only screen and (max-width:1280px){ .ul-listls3 li{padding:0 2.0809vw} } @media only screen and (max-width:1199px){ .ban .cur{display:none} .cur-m{display:block;color:#333;text-align:left;margin:20px 0 0} .cur-m a{color:#333} .ban .txt .box .en{font-size:18px} .m-boxls1 .col-l{width:auto;float:none;margin-bottom:30px} .m-boxls1 .col-r{width:auto;float:none} .m-informationls .con .info .tit{font-size:20px;margin-bottom:10px} .g-titls1 .tit{font-size:18px;-webkit-background-size:26px auto;-moz-background-size:26px auto;-ms-background-size:26px auto;-o-background-size:26px auto;background-size:26px auto} .g-leftls{display:none} .m-boxls1{padding:30px 0} .m-informationls .con .top{margin-bottom:20px} .m-informationls .con .txt{left:10px;bottom:10px} .m-informationls{padding-bottom:20px} .ul-listls2 .con{padding:30px 0} .ul-listls2{margin-bottom:30px} .ul-listls2 .txt .tit{font-size:16px;margin-bottom:10px} .ul-listls2 .txt .desc{line-height:1.5em;max-height:3em;margin-bottom:10px} .ul-listls2 .txt{padding-left:20px} .ul-listls2 .left{width:200px} .pages li{display:none} .pages .on,.pages .page-next,.pages .page-prev{display:block} .g-titls1{padding:0 20px} .ul-listl3 .con{padding:15px 0} .m-informationls .con .txt .date{font-size:14px;height:36px;line-height:36px} .m-informationls .con .txt .source{line-height:36px} .g-titls1 .tit i{width:22px;height:22px} .m-informationls .con .desc{font-size:12px;line-height:1.5em;height:4.5em} .ul-listl3 .con .date,.ul-listl3 .con .tit,.ul-listls2 .txt .bot,.ul-listls2 .txt .desc{font-size:12px} .ul-listls2 .txt .date{font-size:14px} .ul-listls3{background:0 0;position:static;float:right;width:auto;padding:0} .ul-listls3 li{padding:0 10px} .ul-listls3 li:nth-child(2n){margin-top:0} .m-airingls{padding:30px 0} .m-recommendls .ll{width:auto;float:none;padding:0 0 30px} .m-recommendls .recommendls:after{width:100%} .ul-listls4{padding-right:0} .m-frequencyls .top{-webkit-background-size:auto 100%;-moz-background-size:auto 100%;-ms-background-size:auto 100%;-o-background-size:auto 100%;background-size:auto 100%} .m-rankingls{padding:0 0 30px} .m-elegantls,.m-originalls{padding:30px 0} .ul-listls6 .icon{margin-right:15px} .m-rankingls .ll,.m-rankingls .rr{width:auto;float:none} .m-picls .con .txt .tit,.ul-listls4 .date .day{font-size:18px} .m-frequencyls .txt .info,.m-frequencyls .txt .tit,.m-txtls .desc,.ul-listl5 .con{font-size:16px} .ul-listl8 .con .tit,.ul-listls4 .txt .tit,.ul-listls6 .txt .stit{font-size:14px} .m-txtls .tit{font-size:23px} .m-listls1 .tit{font-size:22px} .ul-txtls1 li{margin-bottom:10px} .m-collegela{margin-bottom:30px} .m-facultyls .ll{width:auto;float:none;margin-bottom:30px} .m-facultyls .rr{width:auto;float:none} .ul-imgtxtls2 li{padding:0 5px;margin-bottom:20px} .ul-imgtxtls2{margin:0 -5px} .ul-imgtxtls1.ls2 .con .txt .tit,.ul-imgtxtls1.ls2 .con .txt .top{margin-bottom:10px} .ul-imgtxtls1.ls2 .con{padding:20px 30px} .ul-imgtxtls1 li{margin-bottom:20px} .m-facultyls .facultyls .txt{padding:0 15px;bottom:15px} .m-facultyls .facultyls .tit{font-size:20px} .m-facultyls{margin-bottom:30px} .m-collegela .tit,.ul-imgtxtls1.ls2 .con .txt .tit{font-size:16px} .ul-imgtxtls1 .con .txt .top{margin-bottom:10px} } @media only screen and (max-width:959px){ .m-airingls .pic{width:221px;float:none;margin:0 auto 10px} .ul-listls3{float:none} .ul-listls3 li{margin-bottom:10px} .ul-listls4 .con{padding:15px} .ul-listls4 li{padding:0 5px;margin-bottom:10px;width:auto;float:none} .ul-listls4{margin:0 -5px} } @media only screen and (max-width:767px){ .ban .txt .box .en{font-size:16px} .ban .txt .box .tit{font-size:20px} .g-titls1 .tit{font-size:16px;line-height:46px} .g-titls1 .more{line-height:46px} .pages li a{width:50px;height:40px;line-height:38px} .m-informationls .con .info .tit{font-size:18px} .ban .txt .box:before{width:110px} .m-elegantls .elegantls .ll,.m-elegantls .elegantls .rr{width:auto;float:none} .m-elegantls .elegantls .ll{margin-bottom:20px} .m-picls .con .txt{padding:0 15px;bottom:20px} .ul-listls7{width:auto;float:none;height:auto} .m-interactls .interactls{height:auto} .m-txtls{padding:20px} .m-txtls .desc{max-width:100%;font-size:14px} .ul-listls7 li{height:auto} .ul-listls7 .con{padding:15px 10px} .m-listls1 .tit{font-size:18px} .m-airingls .pic{width:180px;margin-bottom:20px} .ul-listls4 .con{padding:15px 10px} .ul-listls6 .icon{margin-right:10px} .m-facultyls .facultyls .tit{font-size:18px} .ul-imgtxtls2 li{width:50%} .ul-imgtxtls2 .con .txt{padding:10px 15px 20px} .ul-imgtxtls1 .con .txt{padding-right:30px} } @media only screen and (max-width:479px){ @media only screen and (max-width:1669px){ .g-left-d .form-d{width:260px;height:100%} .g-left-d li:nth-child(3) .con:hover .form-d{left:-260px} .form-d .btn{margin:3px 5px 0 9px} } @media only screen and (max-width:1440px){ .ul-list-d1 .text{padding:16px 20px 13px} .ul-list-d1 .text h3{margin-bottom:0} } @media only screen and (max-width:1230px){ .ul-list-d3 .con{padding:21px 25px} .ul-list-d3 .g-info-d{font-size:18px;margin-right:20px} .row-d3{padding-top:60px;padding-bottom:100px} } @media only screen and (max-width:1199px){ .row-d1{position:relative;padding-top:40px;padding-bottom:70px} .ul-list-d1{margin:0 -10px 20px} .ul-list-d1 li{float:left;width:25%;margin-bottom:20px} .ul-list-d1 .con{margin:0 10px} .ul-list-d1 .text{padding:10px 15px} .ul-list-d1 .text h3{font-size:16px} .ul-list-d1 .text h3::before{left:-15px} .ul-list-d1 .text .desc{font-size:14px;height:19px} .row-d2 .col-r{overflow:hidden;width:100%;padding-left:230px} .row-d3 .col-c{overflow:hidden;float:left;width:100%;padding-left:205px} .g-left-d{display:none} .ul-list-d3 .text{padding-left:28px} } @media only screen and (max-width:950px){ .row-d2{position:relative;padding-top:30px;padding-bottom:50px} .ul-list-d2{margin-bottom:20px} .row-d2 .col-r{overflow:hidden;width:100%;padding-left:220px} .ul-list-d2 .con{display:block;padding:15px 0;-moz-box-sizing:border-box;box-sizing:border-box} .ul-list-d2 .con .pic{float:none;width:100%;height:auto;margin-right:0;margin-bottom:15px;overflow:hidden} .ul-list-d2 .con .text{overflow:hidden;padding-top:0} .g-tit-d{font-size:16px;height:auto;margin-bottom:5px} .g-desc-d{font-size:14px;height:auto;line-height:1.7;margin-bottom:15px} } @media only screen and (max-width:750px){ .ul-list-d1 li{float:left;width:33.33%;margin-bottom:10px} .row-d2 .col-r{overflow:hidden;width:100%;padding-left:0} .row-d3 .col-c{overflow:hidden;float:left;width:100%;padding-left:0} .ul-list-d3{margin-bottom:40px} .row-d3{padding-top:30px;padding-bottom:50px} .ul-list-d3 .text{padding-left:15px} } @media only screen and (max-width:640px){ .row-d1{position:relative;padding-top:25px;padding-bottom:30px} .ul-list-d1 li{float:left;width:50%;margin-bottom:10px} .ul-list-d1 .con{margin:0 5px} .ul-list-d1{margin:0 -5px 15px} .ul-list-d3 .con{padding:15px 10px} .g-info-d em{font-size:18px} .ul-list-d3 .g-info-d{font-size:14px;margin-right:15px;padding-top:15px} .ul-list-d3 .g-desc-d{font-size:14px;height:auto;line-height:1.7} .ul-list-d3 .g-tit-d{margin-bottom:0} .ul-list-d3{margin-bottom:25px} .row-d3{padding-top:30px;padding-bottom:35px} } @media only screen and (max-width:950px){ .row-e1 .col-r{padding-bottom:80px} } @media only screen and (max-width:750px){ } @media only screen and (max-width:450px){ .ul-list-e1 li{width:50%} .ul-list-e1 li:nth-last-of-type(1) .con::after,.ul-list-e1 li:nth-last-of-type(12) .con::after,.ul-list-e1 li:nth-last-of-type(15) .con::after,.ul-list-e1 li:nth-last-of-type(18) .con::after,.ul-list-e1 li:nth-last-of-type(3) .con::after,.ul-list-e1 li:nth-last-of-type(6) .con::after,.ul-list-e1 li:nth-last-of-type(9) .con::after{-o-background-size:1px 52px;background-size:1px 52px} .ul-list-e1 li:nth-last-of-type(1) .con::after,.ul-list-e1 li:nth-last-of-type(11) .con::after,.ul-list-e1 li:nth-last-of-type(13) .con::after,.ul-list-e1 li:nth-last-of-type(15) .con::after,.ul-list-e1 li:nth-last-of-type(17) .con::after,.ul-list-e1 li:nth-last-of-type(19) .con::after,.ul-list-e1 li:nth-last-of-type(3) .con::after,.ul-list-e1 li:nth-last-of-type(5) .con::after,.ul-list-e1 li:nth-last-of-type(7) .con::after,.ul-list-e1 li:nth-last-of-type(9) .con::after{-o-background-size:0;background-size:0} .row-e1 .col-r{padding-bottom:30px} } .main-e1{background-position:center;background-repeat:no-repeat;-o-background-size:cover;background-size:cover} .row-e2{padding:56px 0 91px} .ul-list-e2{overflow:hidden;margin:0 -29px;padding-bottom:28px} .ul-list-e2 .con{display:block;margin:0 29px} .ul-list-e2 li{float:left;width:33.3%;margin-bottom:42px} .ul-list-e2 .pic{height:0;padding-top:63.5%;overflow:hidden;position:relative;margin-bottom:8px} .ul-list-e2 .pic img{width:100%;height:100%;display:block;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s} .ul-list-e2 .con:hover .pic img{transform:scale(1.08);-webkit-transform:translate(-50%,-50%) scale(1.08);-moz-transform:translate(-50%,-50%) scale(1.08);-ms-transform:translate(-50%,-50%) scale(1.08);-o-transform:translate(-50%,-50%) scale(1.08)} .ul-list-e2 .tit{font-size:20px;font-weight:550;color:#000;margin-bottom:10px;white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s} .ul-list-e2 .con:hover .tit{color:#035b93} .ul-list-e2 .desc{font-size:14px;line-height:2.2;font-weight:400;color:#666;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;height:62px} @media only screen and (min-width:950px) and (max-width:1366px){ .row-e2{padding:36px 0 71px} .ul-list-e2{margin:0 -18px} .ul-list-e2 li{margin-bottom:30px} .ul-list-e2 .con{margin:0 18px} .ul-list-e2 .desc{line-height:1.8;height:51px} } @media only screen and (max-width:1200px){ .ul-list-e2 li{margin-bottom:20px} .ul-list-e2{padding-bottom:18px} .ul-list-e2 .tit{font-size:18px;margin-bottom:5px} } @media only screen and (max-width:950px){ .ul-list-e2{padding-bottom:18px;margin:0 -10px} .ul-list-e2 li{margin-bottom:15px} .ul-list-e2 .con{margin:0 10px} .ul-list-e2 .tit{font-size:18px;margin-bottom:5px} .ul-list-e2 .desc{line-height:1.6;height:auto} .row-e2{padding:26px 0 41px} } @media only screen and (max-width:750px){ .row-e2{padding:16px 0 31px} .ul-list-e2{padding-bottom:10px;margin:0} .ul-list-e2 li{float:none;width:100%;margin-bottom:20px} .ul-list-e2 .con{margin:0} .ul-list-e2 .pic{margin-bottom:12px} .ul-list-e2 .tit{font-size:16px;margin-bottom:8px} .ul-list-e2 .desc{line-height:1.4} } .m-lc-programe{float:right;width:-webkit-calc(100% - 214px);width:-moz-calc(100% - 214px);width:calc(100% - 214px)} .broadcxast-box{margin-bottom:30px} .ul-lc-broadcast{margin:0 -15px} .ul-lc-broadcast li{float:left;width:33.3%;margin-bottom:30px} .ul-lc-broadcast a{display:block} .ul-lc-broadcast .con{margin:0 15px;box-shadow:rgba(186,191,189,.45) 0 0 10px 0} .ul-lc-broadcast .pic{position:relative;padding-top:56%;overflow:hidden} .ul-lc-broadcast .pic img{position:absolute;top:50%;left:0;width:100%;height:auto;transition:.3s;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s} .ul-lc-broadcast a:hover img{transform:scale(1.1,1.1) translateY(-50%);-webkit-transform:scale(1.1,1.1) translateY(-50%);-moz-transform:scale(1.1,1.1) translateY(-50%);-ms-transform:scale(1.1,1.1) translateY(-50%);-o-transform:scale(1.1,1.1) translateY(-50%)} .ul-lc-broadcast .txt{overflow:hidden;background-color:#fff;padding:20px 25px} .ul-lc-broadcast .txt-top{overflow:hidden;padding-bottom:17px;border-bottom:1px solid #e8e8e8} .ul-lc-broadcast .txt-date{border-right:1px solid #e8e8e8;width:22%;float:left;overflow:hidden} .ul-lc-broadcast .date{text-align:center;color:#1d56d3;font-size:14px;font-family:barlow} .ul-lc-broadcast .daily{display:block;vertical-align:text-top;font-size:30px;line-height:1} .ul-lc-broadcast .tit{margin-left:8px;font-size:18px;width:70%;font-weight:400;float:left;overflow:hidden;line-height:23px;-o-text-overflow:ellipsis;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical} .ul-lc-broadcast .info{padding-top:12px;height:1.5em} .ul-lc-broadcast .name{float:left;width:70%;overflow:hidden;font-size:16px;color:#333;padding-left:22px;-o-text-overflow:ellipsis;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;position:relative} .ul-lc-broadcast .name::after{content:"";display:block;width:17px;height:21px;position:absolute;left:0;bottom:0} .ul-lc-broadcast .g-times{float:right;overflow:hidden} .g-times{font-size:16px;color:#666;padding-left:22px;position:relative} .g-times::after{content:"";display:block;width:17px;height:21px;position:absolute;left:0;bottom:0} @media only screen and (min-width:1199px) and (max-width:1700px){ .broadcxast-box{margin-bottom:1.764vw} .ul-lc-broadcast{margin:0 -.882vw} .ul-lc-broadcast li{float:left;width:33.3%;margin-bottom:1.764vw} .ul-lc-broadcast a{display:block} .ul-lc-broadcast .con{margin:0 .882vw;box-shadow:rgba(186,191,189,.45) 0 0 .588vw 0} .ul-lc-broadcast .pic{position:relative;padding-top:56%;overflow:hidden} .ul-lc-broadcast .pic img{position:absolute;top:50%;left:0;width:100%;height:auto;transition:.3s;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s} .ul-lc-broadcast a:hover img{transform:scale(1.1,1.1) translateY(-50%);-webkit-transform:scale(1.1,1.1) translateY(-50%);-moz-transform:scale(1.1,1.1) translateY(-50%);-ms-transform:scale(1.1,1.1) translateY(-50%);-o-transform:scale(1.1,1.1) translateY(-50%)} .ul-lc-broadcast .txt{overflow:hidden;background-color:#fff;padding:1.176vw 1.47vw} .ul-lc-broadcast .txt-top{overflow:hidden;padding-bottom:1vw;border-bottom:solid #e8e8e8} .ul-lc-broadcast .txt-date{border-right:solid #e8e8e8;width:22%;float:left;overflow:hidden} .ul-lc-broadcast .date{text-align:center;color:#1d56d3;font-size:.823vw;font-family:barlow} .ul-lc-broadcast .daily{display:block;vertical-align:text-top;font-size:1.764vw;line-height:1} .ul-lc-broadcast .tit{margin-left:.47vw;font-size:1.058vw;width:70%;font-weight:400;float:left;overflow:hidden;line-height:1.352vw;-o-text-overflow:ellipsis;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical} .ul-lc-broadcast .info{padding-top:.705vw;height:1.5em} .ul-lc-broadcast .name{float:left;width:70%;overflow:hidden;font-size:.941vw;color:#333;padding-left:1.294vw;-o-text-overflow:ellipsis;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;position:relative} .ul-lc-broadcast .name::after{content:"";display:block;width:1vw;height:1.235vw;position:absolute;left:0;bottom:0} .ul-lc-broadcast .g-times{float:right;overflow:hidden} .g-times{font-size:.941vw;color:#666;padding-left:1.294vw;position:relative} .g-times::after{content:"";display:block;width:1vw;height:1.235vw;position:absolute;left:0;bottom:0} } @media only screen and (max-width:1199px){ .ul-lc-broadcast li{width:50%} } @media only screen and (max-width:959px){ .m-lc-programe,.ul-lc-broadcast li{width:100%;float:none} } @media only screen and (max-width:767px){ @-moz-keyframes lineAni{ from{width:0} to{width:100%} } @-o-keyframes lineAni{ from{width:0} to{width:100%} } @keyframes lineAni{ from{width:0} to{width:100%} } @-webkit-keyframes lineAni{ from{width:0} to{width:100%} } @media only screen and (max-width:1599px){ .swiper-btn-s{padding:0 20px} .swiper-btn-s .dots{margin-right:20px} .swiper-btn-s .dots .line{width:80px} .slide-nav-tit-s span{font-size:28px} .ul-nav-s .tit{padding:20px;font-size:20px} .ul-sub-s a{padding:20px 25px;font-size:16px} .swiper-btn-s2{bottom:20%} } @media only screen and (max-width:1366px){ .swiper-btn-s{bottom:10px} .swiper-btn-s .dots{margin-right:15px} .swiper-btn-s .dots .active{font-size:22px} .swiper-btn-s .dots .line{width:60px} .swiper-btn-s .dots .total-num{font-size:14px} .swiper-btn-s .next,.swiper-btn-s .prev{margin-left:15px;width:24px;height:24px} .swiper-s2 .inner .date{margin-bottom:10px;font-size:14px;line-height:24px} .swiper-s2 .inner h4{margin-bottom:8px;font-size:16px} .swiper-s2 .inner .txt{line-height:1.5;height:3em} .ul-s2 .mask .txt{margin-bottom:18px} } @media only screen and (max-width:1199px){ .slide-nav-tit-s span{font-size:24px} .ul-nav-s .tit{padding:16px;font-size:18px} .ul-sub-s a{padding:15px 25px;font-size:14px} .swiper-s1 .mask .mask-con{padding:10px 20px} .swiper-s1 .mask .date{font-size:14px} .swiper-s1 .mask h4{font-size:16px} .swiper-btn-s{bottom:14px;padding:0 10px} .swiper-btn-s .dots{margin-right:10px} .swiper-btn-s .dots .active{font-size:18px} .swiper-btn-s .dots .line{width:40px} .swiper-btn-s .dots .total-num{font-size:12px} .swiper-btn-s .next,.swiper-btn-s .prev{margin-left:10px} .ul-s1 .mask .mask-con{padding:5px 15px} .ul-s1 .mask .date,.ul-s1 .mask h4{font-size:14px} .ul-s2 .inner .date{font-size:12px} .ul-s2 .inner h4{font-size:14px} .swiper-s2{margin:60px 0;padding-left:3%} .swiper-s2 .swiper2-bg2{width:16%;left:23%} .ul-s2 .mask{padding:20px} .ul-s2 .mask .txt{margin-bottom:20px} .ul-s2 .mask .start{width:40px;height:40px} } @media only screen and (max-width:950px){ .row-s1{padding:60px 0} .swiper-s1,.ul-s1.r{float:none;width:auto} .swiper-s1{margin-bottom:20px} .ul-s1{margin:0 -10px -20px;overflow:hidden} .ul-s1 li{margin-bottom:20px;padding:0 10px;float:left;width:50%} .ul-s2{padding-bottom:40px} .ul-s2 li{width:50%} .swiper-s2{padding:0;margin:40px 0} .swiper-s2 .swiper2-bg1{top:10%} .swiper-s2 .swiper2-bg2,.swiper-s2 .swiper2-bg3,.swiper-s2 .swiper2-bg4{display:none} .swiper-s2 .slider{padding-bottom:40px} .swiper-s2 .slider:after{display:none} .swiper-s2 .inner,.swiper-s2 .video{display:block;width:100%} .swiper-s2 .inner{padding:0} .swiper-btn-s2{right:0;left:auto;bottom:0} } @media only screen and (max-width:750px){ .row-s1{padding:40px 0} .col-l-s{float:none;width:auto;margin:0 0 20px} .col-r-s{float:none;width:auto} .slide-nav-s{position:static!important;width:100%} .slide-nav-tit-s{line-height:60px;background:#016eb3!important} .slide-nav-tit-s br{display:none} .slide-nav-tit-s span{letter-spacing:.2em} .swiper-s1{padding:0 20px 40px 0} .swiper-btn-s{bottom:8px} .swiper-btn-s .next,.swiper-btn-s .prev{display:none} .ul-s1 li,.ul-s2 li{float:none;width:100%} .ul-s2 .inner h4{height:auto;max-height:3.6em} } .dn{display:none} .txtof1-z2{overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis} .txtof2-z2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;-o-text-overflow:ellipsis;text-overflow:ellipsis} .txtof2-3-z2{-webkit-line-clamp:3} .txtof2-4-z2{-webkit-line-clamp:4} .txtof2-5-z2{-webkit-line-clamp:5} .mid-w-z2{position:relative;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%)} .mid-h-z2{position:relative;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)} .mid-all-z2{position:relative;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%)} .wp-z2{max-width:1560px;margin:0 auto} .m-bkxb-z2{-o-background-size:cover;background-size:cover;height:100vh} .m-bkxb-z2 .a a{display:block} .col-bkxb{float:left} .cor-bkxb{float:right} .htover-z2::after{content:'';display:table;clear:both} .fl-z2{float:left} .fr-z2{float:right} .m-bkxb-z2 .cur{margin-bottom:15px} .snv-bkxb{border-left:1px solid #fff;margin-right:40px;overflow:hidden;border:1px solid #fff;border-bottom:none;border-right:none} .snv-bkxb .con{font-size:18px;color:#fff;-webkit-writing-mode:vertical-rl;-ms-writing-mode:tb-rl;writing-mode:vertical-rl;padding:30px 15px} .snv-bkxb li:first-of-type .con{padding-top:40px} .snv-bkxb li{-webkit-transform:skewY(-25deg) translateY(-12px);-moz-transform:skewY(-25deg) translateY(-12px);-ms-transform:skewY(-25deg) translateY(-12px);-o-transform:skewY(-25deg) translateY(-12px);transform:skewY(-25deg) translateY(-12px);-webkit-transition:.5s;-o-transition:.5s;-moz-transition:.5s;transition:.5s;border:1px solid transparent;border-left:none} .snv-bkxb li a{-webkit-transform:skewY(25deg);-moz-transform:skewY(25deg);-ms-transform:skewY(25deg);-o-transform:skewY(25deg);transform:skewY(25deg)} .snv-bkxb li.on{background-color:#016eb3;border:1px solid #fff;border-left:none} .snv-bkxb li:hover{background-color:#39c;border:1px solid #fff;border-left:none} .m-newspp-z2{height:740px;width:490px;background-color:#fff;box-shadow:0 0 15px rgba(0,0,0,.4);position:relative} .m-newspp-z2::after,.m-newspp-z2::before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(255,255,255,.6)} .m-newspp-z2::before{left:15px;top:10px} .m-newspp-z2::after{left:30px;top:20px;background-color:rgba(255,255,255,.3)} .newspp-swiper1{width:100%;height:100%;overflow:hidden} .m-newspp-con{width:890px;height:760px;box-shadow:0 0 15px rgba(0,0,0,.4);background-color:#fff;position:relative} .m-newspp-con>.tit{height:80px;position:relative} .m-newspp-con .tabs{font-size:16px;color:#fff;padding:15px 30px;background:-webkit-linear-gradient(#024090,#1d549e);background:oldlinear-gradient(#024090,#1d549e) -moz-;background:-o-linear-gradient(#024090,#1d549e);background:linear-gradient(#024090,#1d549e);cursor:pointer;position:relative} .m-newspp-con .tabs .icon{display:inline-block;background:url(../images/defaulticon.png) center no-repeat;width:13px;height:8px;margin-left:15px} .m-newspp-con .tabs ul{background-color:#8ed0f2;position:absolute;left:0;top:51px;display:none;width:100%} .m-newspp-con .tabs ul .con{color:#fff;width:100%;height:35px;text-align:center;line-height:35px;-webkit-transition:.5s;-o-transition:.5s;-moz-transition:.5s;transition:.5s} .m-newspp-con .tabs ul .on .con,.m-newspp-con .tabs ul li:hover .con{background-color:#39c} .m-newspp-con .logo{width:212px;height:100%;position:absolute} .m-newspp-con .logo img{width:100%} .m-newspp-con .share{overflow:hidden;margin-right:60px} .m-newspp-con .share .icon{display:inline-block;-o-background-size:100%;background-size:100%;width:38px;height:39px;float:right;margin-left:12px;cursor:pointer} .m-newspp-con .share .icon.qq{background-image:url(../images/defaulticon.png);-o-background-size:100%;background-size:100%} .m-newspp-con .share .icon.wb{background-image:url(../images/defaulticon.png);-o-background-size:100%;background-size:100%;background-position:0 0} .m-newspp-con .share .icon.wx{background-image:url(../images/defaulticon.png);-o-background-size:100%;background-size:100%} .bsTop{width:100%!important} .ul-newspp-news{height:640px;overflow-y:auto;margin:0 30px;padding-right:25px} .ul-newspp-news .con{padding:30px 13px;border:1px dashed transparent;background-color:transparent;-webkit-transition:.5s;-o-transition:.5s;-moz-transition:.5s;transition:.5s;overflow:hidden} .ul-newspp-news .con:hover{border:1px dashed #b4c4ca;border-color:#b4c4ca transparent;background-color:#e4f4fa} .ul-newspp-news .pic{width:290px;height:165px;overflow:hidden;margin-right:20px;float:left} .ul-newspp-news .pic img{width:100%} .ul-newspp-news .txts{overflow:hidden} .ul-newspp-new::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#ebebeb} .ul-newspp-news::-webkit-scrollbar{width:4px;background-color:#ebebeb} .ul-newspp-news::-webkit-scrollbar-thumb{background-color:#d5a316;width:4px} .ul-newspp-news .tit{font-family:tit-z2;font-size:22px;font-weight:500;margin-bottom:20px} .ul-newspp-news .txt{font-size:14px;color:#666;line-height:2} .m-newspp-con .search{position:absolute;top:75px;right:-63px} .m-newspp-con .search .icon{padding:8px 17px 0;height:55px;background-color:#d00b17;margin-bottom:10px;color:#fff;font-size:14px;text-align:center;-webkit-transition:.5s;-o-transition:.5s;-moz-transition:.5s;transition:.5s} .m-newspp-con .search .icon i{display:inline-block;background:url(../images/defaulticon.png) no-repeat;-o-background-size:100%;background-size:100%;width:18px;height:18px} .m-newspp-con .search .icon.i1:hover{padding-top:15px;width:auto} .m-newspp-con .search .icon input{border:none;outline:0;color:#000;width:0;line-height:1.5;margin-right:0;padding:0;border-radius:2px;-webkit-transition:.5s;-o-transition:.5s;-moz-transition:.5s;transition:.5s} .m-newspp-con .search .icon.i1:hover input{width:150px;margin-right:10px} .m-newspp-con .search .icon.i1 i{-webkit-transform:translateY(2px);-moz-transform:translateY(2px);-ms-transform:translateY(2px);-o-transform:translateY(2px);transform:translateY(2px)} .m-newspp-con .search .icon.i1 p{text-align:right} .m-newspp-con .search .icon.i1:hover p{display:none} .m-newspp-con .search .icon.i2{display:inline-block;background-color:#1ea2d3;width:63px;float:right;padding:8px 0 0} .m-newspp-con .down{background:url(../images/defaulticon.png) center no-repeat;-o-background-size:100%;background-size:100%;width:32px;height:30px;position:absolute;bottom:30px;right:56px;cursor:pointer;-webkit-transition:.5s;-o-transition:.5s;-moz-transition:.5s;transition:.5s} .m-newspp-con .down:hover{-webkit-transform:scale(1.15);-moz-transform:scale(1.15);-ms-transform:scale(1.15);-o-transform:scale(1.15);transform:scale(1.15)} @media only screen and (min-width:1080px) and (max-width:1800px){ .dn{display:none} .txtof1-z2{overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis} .txtof2-z2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;-o-text-overflow:ellipsis;text-overflow:ellipsis} .txtof2-3-z2{-webkit-line-clamp:3} .txtof2-4-z2{-webkit-line-clamp:4} .txtof2-5-z2{-webkit-line-clamp:5} .mid-w-z2{position:relative;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%)} .mid-h-z2{position:relative;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)} .mid-all-z2{position:relative;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%)} .wp-z2{max-width:86.66vw;margin:0 auto} .m-bkxb-z2{-o-background-size:cover;background-size:cover} .m-bkxb-z2 .a a{display:block} .col-bkxb{float:left} .cor-bkxb{float:right} .htover-z2::before{content:'';display:table;clear:both} .fl-z2{float:left} .fr-z2{float:right} .m-bkxb-z2 .cur{margin-bottom:.833vw} .snv-bkxb{border-left:1px solid #fff;margin-right:2.222vw} .snv-bkxb li:first-of-type .con{padding-top:2.222vw} .snv-bkxb li{-webkit-transform:skewY(-25deg) translateY(-.6666vw);-moz-transform:skewY(-25deg) translateY(-.6666vw);-ms-transform:skewY(-25deg) translateY(-.6666vw);-o-transform:skewY(-25deg) translateY(-.6666vw);transform:skewY(-25deg) translateY(-.6666vw);-webkit-transition:.5s;-o-transition:.5s;-moz-transition:.5s;transition:.5s;border:1px solid transparent;border-left:none} .snv-bkxb li a{-webkit-transform:skewY(25deg);-moz-transform:skewY(25deg);-ms-transform:skewY(25deg);-o-transform:skewY(25deg);transform:skewY(25deg)} .snv-bkxb li.on{background-color:#016eb3;border:1px solid #fff;border-left:none} .snv-bkxb li:hover{background-color:#39c;border:1px solid #fff;border-left:none} .snv-bkxb .con{font-size:1vw;color:#fff;-webkit-writing-mode:vertical-rl;-ms-writing-mode:tb-rl;writing-mode:vertical-rl;padding:1.666vw .833vw} .m-newspp-z2{height:41.11vw;width:27.22vw;background-color:#fff;box-shadow:0 0 .833vw rgba(0,0,0,.4);position:relative} .m-newspp-z2::after,.m-newspp-z2::before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(255,255,255,.6)} .m-newspp-z2::before{left:.833vw;top:.555vw} .m-newspp-z2::after{left:1.666vw;top:1.111vw;background-color:rgba(255,255,255,.3)} .newspp-swiper1{width:100%;height:100%;overflow:hidden} .m-newspp-con{width:49.44vw;height:42.22vw;box-shadow:0 0 .833vw rgba(0,0,0,.4);background-color:#fff;position:relative} .m-newspp-con>.tit{height:4.444vw;position:relative} .m-newspp-con .tabs{font-size:.888vw;color:#fff;padding:.833vw 1.666vw;background:-webkit-linear-gradient(#024090,#1d549e);background:oldlinear-gradient(#024090,#1d549e) -moz-;background:-o-linear-gradient(#024090,#1d549e);background:linear-gradient(#024090,#1d549e);cursor:pointer;position:relative} .m-newspp-con .tabs .icon{display:inline-block;background:url(../images/defaulticon.png) center no-repeat;width:.722vw;height:.444vw;margin-left:.833vw} .m-newspp-con .tabs ul{background-color:#8ed0f2;position:absolute;left:0;top:2.833vw;display:none;width:100%} .m-newspp-con .tabs ul .con{color:#fff;width:100%;height:1.944vw;text-align:center;line-height:1.944vw;-webkit-transition:.5s;-o-transition:.5s;-moz-transition:.5s;transition:.5s} .m-newspp-con .tabs ul .on .con,.m-newspp-con .tabs ul li:hover .con{background-color:#39c} .m-newspp-con .logo{width:11.77vw;height:100%;position:absolute} .m-newspp-con .logo img{width:100%} .m-newspp-con .share{overflow:hidden;margin-right:3.333vw} .m-newspp-con .share .icon{display:inline-block;background:url(../images/defaulticon.png) center no-repeat;-o-background-size:100%;background-size:100%;width:2.111vw;height:2.166vw;float:right;margin-left:.666vw;cursor:pointer} .m-newspp-con .share .icon.qq{background-image:url(../images/defaulticon.png)} .m-newspp-con .share .icon.wb{background-image:url(../images/defaulticon.png);background-position:0 0} .m-newspp-con .share .icon.wx{background-image:url(../images/defaulticon.png)} .bsTop{width:100%!important} .ul-newspp-news{height:35.55vw;overflow-y:auto;margin:0 1.666vw;padding-right:1.388vw} .ul-newspp-news .con{padding:1.666vw .722vw;border:1px dashed transparent;background-color:transparent;-webkit-transition:.5s;-o-transition:.5s;-moz-transition:.5s;transition:.5s} .ul-newspp-news .con:hover{border:1px dashed #b4c4ca;border-color:#b4c4ca transparent;background-color:#e4f4fa} .ul-newspp-news .pic{width:16.11vw;height:9.166vw;overflow:hidden;margin-right:1.111vw;float:left} .ul-newspp-news .pic img{width:100%} .ul-newspp-news .txts{overflow:hidden} .ul-newspp-new::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 .333vw rgba(0,0,0,.3);background-color:#ebebeb} .ul-newspp-news::-webkit-scrollbar{width:.222vw;background-color:#ebebeb} .ul-newspp-news::-webkit-scrollbar-thumb{background-color:#d5a316;width:.222vw} .ul-newspp-news .tit{font-size:1.222vw;margin-bottom:1.111vw} .ul-newspp-news .txt{font-size:.777vw;color:#666;line-height:2} .m-newspp-con .search{position:absolute;top:4.166vw;right:-3.5vw} .m-newspp-con .search .icon{padding:0 .944vw;height:3.055vw;background-color:#d00b17;margin-bottom:.555vw;color:#fff;font-size:.777vw;text-align:center;padding-top:.444vw;-webkit-transition:.5s;-o-transition:.5s;-moz-transition:.5s;transition:.5s} .m-newspp-con .search .icon i{display:inline-block;background:url(../images/defaulticon.png) no-repeat;-o-background-size:100%;background-size:100%;width:1vw;height:1vw} .m-newspp-con .search .icon.i1:hover{padding-top:.833vw;width:auto} .m-newspp-con .search .icon input{border:none;outline:0;color:#000;width:0;line-height:1.5;margin-right:1px;padding:0;border-radius:.111vw;-webkit-transition:.5s;-o-transition:.5s;-moz-transition:.5s;transition:.5s} .m-newspp-con .search .icon.i1:hover input{width:8.333vw;margin-right:.555vw} .m-newspp-con .search .icon.i1 i{-webkit-transform:translateY(.111vw);-moz-transform:translateY(.111vw);-ms-transform:translateY(.111vw);-o-transform:translateY(.111vw);transform:translateY(.111vw)} .m-newspp-con .search .icon.i1 p{text-align:right} .m-newspp-con .search .icon.i1:hover p{display:none} .m-newspp-con .search .icon.i2{display:inline-block;background-color:#1ea2d3;width:3.5vw;float:right;padding:.444vw 0 0} .m-newspp-con .down{background:url(../images/defaulticon.png) center no-repeat;-o-background-size:100%;background-size:100%;width:1.777vw;height:1.666vw;position:absolute;bottom:1.666vw;right:3.111vw;cursor:pointer} } @media only screen and (max-width:1500px){ .m-newspp-con .search .icon.i1{padding:.4vw .933vw 0} } @media only screen and (max-width:1199px){ .m-bkxb-z2 .cur{display:none} } @media only screen and (max-width:1079px){ .m-bkxb-z2{padding:40px 0} .wp-z2{max-width:none;padding:0 20px} .m-newspp-z2{display:none} .snv-bkxb{float:none;border:none} .snv-bkxb li.on{border:1px solid #fff} .snv-bkxb li{float:left;-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none;border:none} .snv-bkxb li a{-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none} .snv-bkxb .con{-webkit-writing-mode:unset;-ms-writing-mode:unset;writing-mode:unset;padding:10px;margin:0 10px} .col-bkxb,.cor-bkxb{float:none} .col-bkxb{margin-bottom:20px} .snv-bkxb li.on .con{border:none;padding:10px} .snv-bkxb li.on .con::after{width:0;height:0} .m-bkxb-z2 .cur+.htover-z2{margin-bottom:50px} .m-newspp-con{width:auto;height:auto;padding-bottom:20px} .m-newspp-con .search{position:static;overflow:hidden;padding:20px 20px 0 0;margin-bottom:20px} .m-newspp-con .search .icon{float:right;border-radius:5px} .m-newspp-con .search .icon.i1{margin-left:20px;padding:12px 10px 0} .m-newspp-con .search .icon.i1 p{display:none} .m-newspp-con .search .icon.i1 input{width:150px;margin-right:10px;height:30px} .m-newspp-con .search .icon.i1 i{-webkit-transform:translateY(2px);-moz-transform:translateY(2px);-ms-transform:translateY(2px);-o-transform:translateY(2px);transform:translateY(2px)} .m-newspp-con>.tit{height:auto;margin-bottom:20px} .m-newspp-con .down,.m-newspp-con .share{display:none} .m-newspp-con .tabs{-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none;float:none;width:165px} .m-bkxb-z2 .logo{position:relative;width:212px;margin-bottom:40px;display:block} .m-bkxb-z2 .logo img{width:100%;height:100%;-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none} .m-newspp-con .logo{display:none} .m-newspp-con .logo img{width:100%;height:100%;-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none} .ul-newspp-news .con{padding:20px 10px} .ul-newspp-news .tit{font-size:16px} .ul-newspp-news .txt{font-size:12px} .ul-newspp-news .pic{width:240px;height:135px} } @media only screen and (max-width:750px){ .ul-newspp-news{height:70vh;margin:0;padding:0} } @media only screen and (max-width:450px){ .ul-newspp-news .pic{width:100%;float:none;text-align:center;margin-bottom:10px} .ul-newspp-news .con{padding:20px;border-bottom:1px dashed #ddd} .ul-newspp-news .tit{margin-bottom:5px} .ul-newspp-news .pic img{display:inline-block;height:100%;width:auto} } .m-bkcm-z2 .row-s1{background:url(../images/defaulticon.png) bottom center no-repeat;-o-background-size:100%;background-size:100%} .m-bkcm-z2 .col-r-s{position:relative} .m-bkcm-z2 .g-left-d{right:150px} .m-bkcm-z2 .ul-s2 .inner h4{height:auto;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;-o-text-overflow:ellipsis;text-overflow:ellipsis} .m-bkcm-z2 .bkcm-a2-ptxt{width:100%;position:absolute;left:0;bottom:0;padding:10px 20px 22px;background:-webkit-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.8) 90%);background:oldlinear-gradient(rgba(0,0,0,0),rgba(0,0,0,.8) 90%) -moz-;background:-o-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.8) 90%);background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.8) 90%);overflow:hidden} .m-bkcm-z2 .bkcm-a2-ptxt .icon{background:url(../images/defaulticon.png) no-repeat;-o-background-size:100%;background-size:100%;width:33px;height:33px;margin-right:10px;float:left} .m-bkcm-z2 .bkcm-a2-ptxt .icon.i-wx{background-image:url(../images/defaulticon.png)} .m-bkcm-z2 .bkcm-a2-ptxt .icon.i-wb{background-image:url(../images/defaulticon.png)} .m-bkcm-z2 .bkcm-a2-ptxt .icon.i-dy{background-image:url(../images/defaulticon.png)} .m-bkcm-z2 .bkcm-a2-ptxt .icon.i-bz{background-image:url(../images/defaulticon.png)} .m-bkcm-z2 .bkcm-a2-ptxt .txt{padding-top:5px;font-size:18px;color:#fff;float:left;max-width:-webkit-calc(100% - 43px);max-width:-moz-calc(100% - 43px);max-width:calc(100% - 43px)} .m-bkcm-z2 .ul-s2{overflow:hidden;position:relative} .m-bkcm-z2 .ul-s2 .pic{padding-top:0;width:100%} .m-bkcm-z2 .ul-s2 li{float:left} .m-bkcm-z2 .pic img{position:static;width:100%;height:auto} .g-cmmore-z2{color:#4f74b7;font-size:12px;text-align:center} .g-cmmore-z2 .box,.g-cmmore-z2 .i{display:inline-block;color:#4f74b7} .g-cmmore-z2 .icon1{background-image:url(../images/defaulticon.png);width:18px;height:26px} .g-cmmore-z2 .icon2{background-image:url(../images/defaulticon.png);width:10px;height:10px} @media only screen and (min-width:1080px) and (max-width:1800px){ .m-bkcm-z2 .col-r-s{position:relative} .m-bkcm-z2 .g-left-d{right:1.333vw} .m-bkcm-z2 .ul-s2 .inner h4{height:auto} .m-bkcm-z2 .bkcm-a2-ptxt{width:100%;position:absolute;left:0;bottom:0;padding:.555vw 1.111vw 1.222vw;background:-webkit-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.8) 90%);background:oldlinear-gradient(rgba(0,0,0,0),rgba(0,0,0,.8) 90%) -moz-;background:-o-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.8) 90%);background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.8) 90%);overflow:hidden} .m-bkcm-z2 .bkcm-a2-ptxt .icon{background:url(../images/defaulticon.png) no-repeat;-o-background-size:100%;background-size:100%;width:1.833vw;height:1.833vw;margin-right:.555vw;float:left} .m-bkcm-z2 .bkcm-a2-ptxt .icon.i-wx{background-image:url(../images/defaulticon.png)} .m-bkcm-z2 .bkcm-a2-ptxt .icon.i-wb{background-image:url(../images/defaulticon.png)} .m-bkcm-z2 .bkcm-a2-ptxt .icon.i-dy{background-image:url(../images/defaulticon.png)} .m-bkcm-z2 .bkcm-a2-ptxt .icon.i-bz{background-image:url(../images/defaulticon.png)} .m-bkcm-z2 .bkcm-a2-ptxt .txt{padding-top:.277vw;font-size:1vw;color:#fff;float:left;max-width:-webkit-calc(100% - 2.388vw);max-width:-moz-calc(100% - 2.388vw);max-width:calc(100% - 2.388vw)} .m-bkcm-z2 .ul-s2{overflow:hidden;position:relative} .m-bkcm-z2 .ul-s2 .pic{padding-top:0;width:100%} .m-bkcm-z2 .ul-s2 li{float:left} .m-bkcm-z2 .pic img{position:static;width:100%;height:auto} .g-cmmore-z2{color:#4f74b7;font-size:.666vw;text-align:center} .g-cmmore-z2 .box,.g-cmmore-z2 .i{display:inline-block;color:#4f74b7} .g-cmmore-z2 .icon1{background-image:url(../images/defaulticon.png);width:1vw;height:1.444vw} .g-cmmore-z2 .icon2{background-image:url(../images/defaulticon.png);width:.555vw;height:.555vw} } @media only screen and (max-width:650px){ .m-bkcm-z2 .bkcm-a2-ptxt .txt{font-size:12px;padding-top:2px} .m-bkcm-z2 .bkcm-a2-ptxt .icon{width:20px;height:20px} .m-bkcm-z2 .ul-s2{margin:0 -5px} .m-bkcm-z2 .ul-s2 li{padding:0} .m-bkcm-z2 .ul-s2 li .con{margin:0 5px} } .row-zw1{background-position:top center;background-repeat:no-repeat;-o-background-size:contain;background-size:contain;padding-bottom:98px} .ul-zwm1{display:block;margin:0 -11px 50px;padding-top:74px} .ul-zwm1 li{float:left;width:25%;margin-bottom:25px} .ul-zwm1 .con{display:block;padding:0 11px} .ul-zwm1 .con1{background-color:#fff;box-shadow:1px 0 5px 5px rgba(223,229,233,.8);position:relative;padding:42px 50px;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;z-index:1;border-top:4px solid transparent} .ul-zwm1 .con1::after{position:absolute;content:"";left:0;right:0;top:0;bottom:0;-o-background-size:108% 105%;background-size:108% 105%;background-position:center;background-repeat:no-repeat;opacity:-1;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;z-index:-1} .ul-zwm1 .con1:hover{background:0 0;box-shadow:none;border-top:4px solid #069;color:#333} .ul-zwm1 .con1:hover:after{opacity:1} .ul-zwm1 .tit-logo{margin-bottom:32px;height:40px} .ul-zwm1 .tit-logo img{height:100%} .ul-zwm1 .tit{margin-bottom:30px;font-size:18px;font-weight:700;line-height:1.9;height:5.7em;-o-text-overflow:-o-ellipsis-lastline;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical} .ul-zwm1 .desc{font-size:14px;line-height:1.8;color:grey;margin-bottom:40px;height:7.2em;-o-text-overflow:-o-ellipsis-lastline;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical} .ul-zwm1 .info{margin-bottom:10px;font-size:14px;font-family:barlow;color:#666} .ul-zwm1 .info span{font-size:24px;color:#000} .ul-zwm1 .info em{font-size:24px;color:#c1c1c1} .g-btnzw1{width:240px;height:60px;line-height:60px;display:block;text-align:center;margin:0 auto;border:1px solid #d5d5d5;color:#069;font-size:16px;background:#fff;padding-left:30px;position:relative} .g-btnzw1::before{position:absolute;content:"";width:235px;height:56px;background-color:#efefef;bottom:-5px;right:-5px;z-index:-1;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s} .g-btnzw1:hover::before{opacity:0} .row-zw2{background-position:top center;background-repeat:no-repeat;-o-background-size:cover;background-size:cover;padding:55px 0} .m-zw2{overflow:hidden} .m-zw2 .col-r{width:64%} .m-zw2 .col-r .pic{overflow:hidden} .m-zw2 .col-r .pic img{transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s} .m-zw2 .col-r .pic img:hover{transform:scale(1.06);-webkit-transform:scale(1.06);-moz-transform:scale(1.06);-ms-transform:scale(1.06);-o-transform:scale(1.06)} .m-zw2 .txt{overflow:hidden;color:#fff;padding-right:80px} .m-zw2 .txt .tit{height:180px;line-height:210px;-o-background-size:contain;background-size:contain;font-size:36px;color:#fff;font-weight:700;width:264px;text-align:center;margin-bottom:70px} .m-zw2 .txt .desc{font-size:25px;line-height:1.8;margin-bottom:22px;-o-text-overflow:-o-ellipsis-lastline;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;height:3.6em} .m-zw2 .txt .info{font-size:16px;line-height:1.9;color:#8ab6d2;margin-bottom:32px;-o-text-overflow:-o-ellipsis-lastline;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;height:7.6em} .m-zw2 .txt .ort{overflow:hidden} .m-zw2 .txt .ort i{display:inline-block;overflow:hidden} .m-zw2 .txt .ort span{float:right;color:#c3c3c3;font-family:barlow} .m-zw2 .txt .ort span em{font-size:26px;color:#fff} .row-zw3{background-position:top center;background-repeat:no-repeat;-o-background-size:cover;background-size:cover;padding:65px 0;background-color:#000;position:relative} .m-swiper-zw1{overflow:hidden} .m-swiper-zw1 .inner{border:4px solid #fff;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;cursor:pointer} .m-swiper-zw1 .inner:hover,.m-swiper-zw1 .on .inner{border:4px solid #29a0ec} .zw-click{position:absolute;left:0;top:50%;transform:translateY(-50%);color:#fff;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);width:143px;-o-background-size:cover;background-size:cover;height:288px;z-index:99;text-align:center;overflow:hidden} .zw-click .txt{width:25px;margin-top:70px;overflow:hidden;display:inline-block;font-size:18px} .zw-click .icon{float:right;margin-top:105px;margin-right:25px} @media only screen and (min-width:1199px) and (max-width:1700px){ .row-zw1{background-position:top center;background-repeat:no-repeat;-o-background-size:contain;background-size:contain;padding-bottom:5.764vw} .ul-zwm1{display:block;margin:0 -.647vw;padding-top:4.352vw;margin-bottom:2.941vw} .ul-zwm1 li{float:left;width:25%;margin-bottom:1.47vw} .ul-zwm1 .con{display:block;padding:0 .647vw} .ul-zwm1 .con1{background-color:#fff;box-shadow:.058vw 0 .294vw .294vw rgba(223,229,233,.8);position:relative;padding:2.47vw 2.941vw;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;z-index:1;border-top:solid transparent} .ul-zwm1 .con1::after{position:absolute;content:"";left:0;right:0;top:0;bottom:0;-o-background-size:108% 105%;background-size:108% 105%;background-position:center;background-repeat:no-repeat;opacity:-1;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;z-index:-1} .ul-zwm1 .con1:hover{background:0 0;box-shadow:none;border-top:solid #069;color:#333} .ul-zwm1 .con1:hover:after{opacity:1} .ul-zwm1 .tit-logo{margin-bottom:1.882vw} .ul-zwm1 .tit{margin-bottom:1.764vw;font-size:1.058vw;font-weight:700;line-height:1.9;height:5.7em;-o-text-overflow:-o-ellipsis-lastline;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical} .ul-zwm1 .desc{font-size:.823vw;line-height:1.8;color:grey;margin-bottom:2.352vw;height:7.2em;-o-text-overflow:-o-ellipsis-lastline;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical} .ul-zwm1 .info{margin-bottom:.588vw;font-size:.823vw;font-family:barlow;color:#666} .ul-zwm1 .info span{font-size:1.411vw;color:#000} .ul-zwm1 .info em{font-size:1.529vw;color:#c1c1c1} .g-btnzw1{width:14.11vw;height:3.529vw;line-height:3.529vw;display:block;text-align:center;margin:0 auto;color:#069;font-size:.941vw;background:#fff;position:relative} .g-btnzw1::before{position:absolute;content:"";width:13.82vw;height:3.294vw;background-color:#efefef;bottom:-.294vw;right:-.294vw;z-index:-1} .row-zw2{background-position:top center;background-repeat:no-repeat;-o-background-size:cover;background-size:cover;padding:3.235vw 0} .m-zw2{overflow:hidden} .m-zw2 .col-r{width:64%} .m-zw2 .col-r .pic{overflow:hidden} .m-zw2 .col-r .pic img{transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s} .m-zw2 .col-r .pic img:hover{transform:scale(1.06);-webkit-transform:scale(1.06);-moz-transform:scale(1.06);-ms-transform:scale(1.06);-o-transform:scale(1.06)} .m-zw2 .txt{overflow:hidden;color:#fff;padding-right:4.705vw} .m-zw2 .txt .tit{height:10.58vw;line-height:12.35vw;font-size:2.117vw;color:#fff;font-weight:700;width:15.52vw;text-align:center;margin-bottom:4.117vw;-o-background-size:contain;background-size:contain} .m-zw2 .txt .desc{font-size:1.47vw;line-height:1.8;margin-bottom:1.294vw;-o-text-overflow:-o-ellipsis-lastline;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;height:3.6em} .m-zw2 .txt .info{font-size:.941vw;line-height:1.9;color:#8ab6d2;margin-bottom:1.882vw;-o-text-overflow:-o-ellipsis-lastline;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;height:7.6em} .m-zw2 .txt .ort{overflow:hidden} .m-zw2 .txt .ort i{display:inline-block;overflow:hidden} .m-zw2 .txt .ort span{float:right;color:#c3c3c3;font-family:barlow} .m-zw2 .txt .ort span em{font-size:1.411vw;color:#fff} .row-zw3{background-position:top center;background-repeat:no-repeat;-o-background-size:cover;background-size:cover;padding:3.823vw 0;background-color:#000} .m-swiper-zw1{position:relative} .m-swiper-zw1 .inner{border:solid #fff;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;cursor:pointer} .m-swiper-zw1 .inner:hover,.m-swiper-zw1 .on .inner{border:solid #29a0ec} .zw-click{position:absolute;left:0;top:50%;transform:translateY(-50%);color:#fff;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);width:8.411vw;-o-background-size:cover;background-size:cover;height:16.94vw;z-index:99;text-align:center;overflow:hidden} .zw-click .txt{width:1.47vw;margin-top:4.117vw;overflow:hidden;display:inline-block;font-size:1.058vw} .zw-click .icon{float:right;margin-top:6.176vw;margin-right:1.47vw} } @media only screen and (max-width:1199px){ .ul-zwm1 li{width:33.3%} .m-zw2 .col-r{float:none;width:auto;margin-bottom:20px} .m-zw2 .txt{width:100%;padding-right:0} .m-zw2 .txt .tit{background:0 0;height:45px;line-height:45px;margin-bottom:20px;width:auto} .m-zw2 .txt .desc{margin-bottom:0} .m-swiper-zw1 .inner,.m-swiper-zw1 .inner:hover{border:2px solid #fff} .m-swiper-zw1 .on .inner{border:2px solid #29a0ec} } @media only screen and (max-width:959px){ .ul-zwm1 li{width:50%} .m-zw2 .txt .tit{font-size:30px;margin-bottom:0} .m-zw2 .txt .desc{height:1.8em;font-size:20px} .m-zw2 .txt .info{font-size:14px} .zw-click{display:none} } @media only screen and (max-width:767px){ .ul-zwm1 .con1{padding:20px} .ul-zwm1{margin:0;padding-top:20px} .ul-zwm1 .con{padding:0} .row-zw1{padding-bottom:20px} .g-btnzw1{width:180px;height:40px;line-height:40px;background:0 0;padding-left:0;font-size:14px} .m-zw2 .txt .ort i{width:60px} .ul-zwm1 .tit-logo{margin-bottom:15px} .row-zw2{padding:20px 0} .g-btnzw1::before{display:none} .ul-zwm1 li{width:100%;float:none} .m-zw2 .txt .desc{height:1.8em;font-size:18px} .m-zw2 .txt .info{font-size:14px;height:3.6em;-o-text-overflow:-o-ellipsis-lastline;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical} .ul-zwm1 .tit{margin-bottom:10px;font-size:16px;font-weight:700;line-height:1.9;height:1.9em;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;word-break:break-all;display:block} .ul-zwm1 .desc{font-size:14px;line-height:1.8;color:grey;margin-bottom:10px;height:3.6em;-o-text-overflow:-o-ellipsis-lastline;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical} .m-zw2 .txt .tit{margin-bottom:0;font-size:22px} } .m-pop{position:fixed;top:0;bottom:0;left:0;right:0;display:none;z-index:200} .pop-bg{position:absolute;top:0;bottom:0;left:0;right:0;background-color:rgba(0,0,0,.7)} .pop-con{width:500px;margin:0 auto;position:absolute;top:50%;left:0;right:0;transform:translate(0,-50%);-webkit-transform:translate(0,-50%);-moz-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%);box-shadow:rgba(9,2,4,.7) 0 0 10px 0;border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px;overflow:hidden;background:#fff;z-index:10} .m-pop-audio{background:#fff;-o-background-size:contain;background-size:contain} .m-audio-info{height:550px;overflow-y:auto} .m-audio-info .txt{padding-left:60px;padding-right:55px;padding-top:30px} .m-audio-info h2{font-size:30px;color:#333;margin-bottom:15px;display:-webkit-box;-webkit-line-clamp:2;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;-webkit-box-orient:vertical;min-height:1.5em;font-weight:400} .m-audio-info .info{margin-right:-20px;margin-bottom:28px;overflow:hidden;font-size:18px} .m-audio-info .info .date{float:left;font-family:barlow;font-size:18px;color:#999} .m-audio-info .info .g-times{float:right} .m-audio-info .pic{margin:0 auto 20px;width:250px;height:250px} .m-audio-info .pic img{width:100%;height:auto;display:block} .m-audio-info .detail{padding-bottom:24px;font-size:14px;color:#666;line-height:1.7} .m-audio-info .detail h3{margin-bottom:15px;font-size:18px;color:#333} .m-audio-info .detail .desc{display:-webkit-box;-webkit-line-clamp:3;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;-webkit-box-orient:vertical} .m-audio-components{padding-top:20px;padding-right:22px;padding-left:22px;background-image:-moz-linear-gradient(90deg,#252424 0,#3a3a3a 100%);background-image:-webkit-linear-gradient(90deg,#252424 0,#3a3a3a 100%);background-image:-ms-linear-gradient(90deg,#252424 0,#3a3a3a 100%);box-shadow:0 0 10px 0 rgba(9,2,4,.7);height:152px} .m-audio-components .top{margin-bottom:18px} .m-audio-components .top .cover{width:50px;height:50px;float:left;-o-background-size:cover;background-size:cover} .m-audio-components .top .cover img{width:100%;height:auto;display:block} .m-audio-components .txt{padding-right:10px;padding-left:70px} .m-audio-components .top h3{margin-bottom:10px;font-size:14px;line-height:2;color:#999;height:1.5em;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap} .audio-backs{position:relative;height:20px} .audio-setbacks{height:7px;border-radius:3px;background-color:#545454;cursor:pointer;position:relative;top:30%} .audio-cache-setbacks,.audio-this-setbacks{height:100%;position:absolute;left:0;top:0;border-radius:3px} .audio-cache-setbacks{width:0;background-color:#535353;z-index:1;cursor:pointer;transition:width .6s ease;-webkit-transition:width .6s ease;-moz-transition:width .6s ease;-ms-transition:width .6s ease;-o-transition:width .6s ease} .audio-this-setbacks{background-color:#2f95d6;z-index:2} .audio-backs-btn{position:absolute;right:-3px;margin-top:-3px;width:14px;height:14px;background-color:#2f95d6;border:3px solid #fff;border-radius:50%;cursor:pointer} .m-audio-components .btns{text-align:center;font-size:0;white-space:nowrap} .m-audio-components .btns .icon{margin:0 7px;width:33px;height:33px;-o-background-size:contain;background-size:contain;text-align:center;display:inline-block} @media only screen and (min-width:1199px) and (max-width:1700px){ .pop-con{width:29.41vw;box-shadow:rgba(9,2,4,.7) 0 0 .588vw 0;border-radius:1.176vw;-webkit-border-radius:1.176vw;-moz-border-radius:1.176vw;-ms-border-radius:1.176vw;-o-border-radius:1.176vw} .m-audio-info{height:32.35vw} .m-audio-info .txt{padding-left:3.529vw;padding-right:3.235vw;padding-top:1.764vw} .m-audio-info h2{font-size:1.764vw;margin-bottom:.882vw} .m-audio-info .info{margin-right:-1.176vw;margin-bottom:1.647vw;font-size:1.058vw} .m-audio-info .info .date{font-size:1.058vw} .m-audio-info .pic{margin:0 auto 1.176vw;width:14.7vw;height:14.7vw} .m-audio-info .detail{padding-bottom:1.411vw;font-size:.823vw} .m-audio-info .detail h3{margin-bottom:.882vw;font-size:1.058vw} } @media only screen and (max-width:1680px){ .m-audio-info .txt{padding:20px} .m-audio-info .info{margin-right:0} } @media only screen and (max-width:1199px){ .m-audio-components{height:130px;padding-top:15px} .pop-con{width:600px;max-width:95%;box-shadow:rgba(9,2,4,.7) 0 0 .625vw 0;border-radius:1.25vw;-webkit-border-radius:1.25vw;-moz-border-radius:1.25vw;-ms-border-radius:1.25vw;-o-border-radius:1.25vw} .m-audio-info{height:auto} .m-audio-info .txt{padding:20px 10px} .m-audio-info h2{font-size:18px;margin-bottom:10px} .m-audio-info .info{margin-bottom:10px} .m-audio-info .info .date,.m-audio-info .info .g-times{font-size:14px} .m-audio-info .pic{margin:0 auto 15px;width:200px;height:200px} .m-audio-info .detail{padding-bottom:0;font-size:14px;line-height:1.7} .m-audio-info .detail h3{margin-bottom:10px;font-size:16px} } @media only screen and (max-width:767px){ .m-audio-components{padding-right:15px;padding-left:15px} }