@charset "utf-8";
/* 通用部分 */
body,h1,h2,h3,h4,h5,h6,div,p,dl,dt,dd,ol,ul,li,form,table,th,td,a,img,span,strong,var,em,input,textarea,select,option{margin: 0; padding: 0;}
html,body{font-family: "Microsoft YaHei","SimSun","Arial","Tabhoma",sans-serif; font-size: 20px; text-align: left; box-sizing: border-box;}
ul,ol,li{list-style: none;}
img{border: 0; vertical-align: top;}
input,select,textarea{outline: 0;}
textarea{resize: none;}
table{border-collapse: collapse; border-spacing: 0;}
th,strong,var,em{font-weight: normal; font-style: normal;}
a{text-decoration: none;}
a:link,a:visited,a:hover,a:active{text-decoration: none !important;}
.hide, .videoUrl{display: none; visibility: hidden; opacity: 0;}
.clear{display: block;}
.clear:after,ul:after{content: ''; overflow: hidden; width: 100%; height: 0px; font-size: 0px; display: block; clear: both;}
.g-1200{max-width: 1200px;}.g-1280{max-width: 1280px;}.g-1360{max-width: 1360px;}.g-1440{max-width: 1440px;}.g-1520{max-width: 1520px;}.g-1600{max-width: 1600px;}.g-1680{max-width: 1680px;}.g-1760{max-width: 1760px;}.g-1840{max-width: 1840px;}.g-1920{max-width: 1920px;}
.g-1200,.g-1280,.g-1360,.g-1440,.g-1520,.g-1600,.g-1680,.g-1760,.g-1840,.g-1920{width: 100%; margin-left: auto; margin-right: auto; display: block; position: relative;}
.g-1200:after,.g-1280:after,.g-1360:after,.g-1440:after,.g-1520:after,.g-1600:after,.g-1680:after,.g-1760:after,.g-1840:after,.g-1920:after{content: ''; overflow: hidden; width: 100%; height: 0px; font-size: 0px; display: block; clear: both;}
.m-lmt{text-align: center; background-position: center center; background-repeat: no-repeat;}
.m-lmt a{display: inline-block;}
.m-main{position: relative;}
.prev,.next{position: absolute; transition: all 0.3s; user-select: none; cursor: pointer;}
/*多行超出省略效果*/
.tem2,.tem3,.tem4{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;}
.tem2{-webkit-line-clamp: 2;}.tem3{-webkit-line-clamp: 3;}.tem4{-webkit-line-clamp: 4;}
/*单行超出省略效果*/
.tes{overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis;}
/*回到顶部*/
#goTop{background-color: #ffffff; border: 2px solid #7394e0; fill: #7394e0; position: fixed; z-index: 10; bottom: 80px; left: 50%; margin-left: 650px; cursor: pointer; width: 50px; height: 50px; border-radius: 25px; overflow: hidden; padding: 8px; box-sizing: border-box; transition: all 0.4s; transform: scale(0);}
#goTop:hover{fill: #ffffff; border: 2px solid #ffffff; background: #1e55d6;}


/*头图*/
.head{height: 1080px; background: url(../images/head.jpg) top center no-repeat; overflow: hidden;}
.head .m-view{width: 1009px; height: 440px; padding-top: 243px; display: block; margin: 0 auto;}


/*要闻 左图右文*/
.yw{margin-top: -125px; }
.yw .m-main{background: url(../images/yw-main-bg.jpg) no-repeat; height: 540px;}
.yw .m-main .m-pic{position: absolute; width: 620px; left: 0; top: 50px; z-index: 2;}
.yw .m-main .m-pic li img{width: 620px; height: 380px;}
.yw .m-main .m-pic li .tit{font-size: 20px; text-align: center; color: #fff; background-color: #0078cf; height: 50px; line-height: 50px;}
.yw .m-main .m-pic .prev,.yw .m-main .m-pic .next{color: #fff; bottom: 12px;}
.yw .m-main .m-pic .prev{left: 0px;}.yw .m-main .m-pic .next{right: 0px;}
.yw .m-main .m-pic .prev:hover{color: #333;}.yw .m-main .m-pic .next:hover{color: #333;}
.yw .m-main .m-txt{position: absolute; width: 580px; height: 480px; box-sizing: border-box; padding: 0px 66px 0px 50px; top: 45px; right: 0; }
.yw .m-main .m-txt .m-tt{display: block; font-size: 24px; font-weight: bold; color: #333333;}
.yw .m-main .m-txt p{margin-top: 10px; padding-bottom: 16px; border-bottom: 1px solid #ccc; line-height: 32px; font-size: 14px; color: #666666; text-align: justify;}
.yw .m-main .m-txt ul{margin-top: 10px;}
.yw .m-main .m-txt ul li{line-height: 50px; font-size: 18px; color: #0078cf; list-style: square inside; transition: all 0.3s;}
.yw .m-main .m-txt ul li:hover{margin-left: 10px;}
.yw .m-main .m-txt ul li a{color: #333333;}
.yw .m-main a.u-more{display: block; position: absolute; bottom: 0px; right: 70px; width: 120px; height: 32px; text-align: center; line-height: 32px; background-color: #0078cf; color: #fff; font-size: 16px;}



/*冬奥零距离*/
.ljl{margin-top: 88px;}
.ljl .m-lmt{position: relative;}
.ljl .m-lmt a.u-more{display: block; position: absolute; width: 60px; height: 20px; color: #ffffff; text-align: center; font-size: 12px; line-height: 20px; background-color: #0078cf; top: 15px; right: 0;}
.ljl .m-main{margin-top: 75px; padding-top: 75px; background: url(../images/ljl-main-bg.jpg) center top no-repeat; }
.ljl .m-main .video-list{display: flex; flex-wrap: wrap; justify-content: space-between; width: 1218px; margin: 0px auto;}
.ljl .m-main .video-list li{position: relative; width: 380px; height: 366px; box-sizing: border-box; padding: 10px 10px 0px; border-radius: 10px; background: linear-gradient(to bottom,  rgba(252,252,252,1) 0%,rgba(255,255,255,0) 100%);}
.ljl .m-main .video-list li a .img-box{position: relative;  width: 360px; height: 260px;}
.ljl .m-main .video-list li a .img-box .pic{width: 360px; height: 260px; border-radius: 10px;}
.ljl .m-main .video-list li a .img-box::after{content:""; display: block; position: absolute; width: 80px; height: 80px; top: 50%; left: 50%; margin: -40px 0 0 -40px; opacity: 0; transform: scale(0); transition: all 0.3s; background: url(../images/playBtn.svg) center center no-repeat;}
.ljl .m-main .video-list li a .img-box:hover::after{opacity: 1; transform: scale(1);}
.ljl .m-main .video-list li a .tit{width: 360px; height: 90px; background-color: #2160da; color: #ffffff; margin-top: 6px; text-align: center; line-height: 36px; box-sizing: border-box; padding: 10px 40px;}
.ljl .m-main .txt-list{display: flex; flex-wrap: wrap; justify-content: space-between; margin: 50px auto 0;}
.ljl .m-main .txt-list li{width: 580px; height: 140px; background: url(../images/ljl-list-li-bg.jpg) no-repeat; box-sizing: border-box; padding: 20px 40px 20px 24px; margin-bottom: 30px;}
.ljl .m-main .txt-list li a img{float: left; margin-right: 40px; width: 140px; height: 100px; border-radius: 16px;}
.ljl .m-main .txt-list li a .tit{font-size: 20px; color: #333333; font-weight: bold; line-height: 38px; padding-top: 12px;}


/*精彩瞬间*/
.jcsj{/* margin-top: 70px; */ padding-top: 100px; background: url(../images/wb-bg.jpg) center top no-repeat; height: 800px;}
.jcsj .m-main{margin-top: 80px; height: 610px;}
.jcsj .m-main .items,.jcsj .m-main .items img,.jcsj .m-main .items .txt{position: absolute;}
.jcsj .m-main .items:nth-child(1){top: 0px; left: 0px; width: 300px; height: 610px;}
.jcsj .m-main .items:nth-child(1) img{width: 300px; height: 440px; top: 0; left: 0; border-radius: 10px; z-index: 2;}
.jcsj .m-main .items:nth-child(1) .txt{ background-color: #2160da; width: 300px; height: 180px; position: absolute; bottom: 0; left: 0; box-sizing: border-box; padding: 32px 16px;}
.jcsj .m-main .items:nth-child(1) .txt .tit{font-size: 20px; font-weight: bold; color: #ffffff; line-height: 32px;}
.jcsj .m-main .items:nth-child(1) .txt p{font-size: 14px; color: #ffffff; margin-top: 8px; line-height: 26px;}
.jcsj .m-main .items:nth-child(2){top: 0px; left: 320px; width: 660px; height: 610px;}
.jcsj .m-main .items:nth-child(2) img{width: 660px; height: 470px; top: 140px; left: 0px; border-radius: 10px; z-index: 2;}
.jcsj .m-main .items:nth-child(2) .txt{width: 660px; height: 150px; top: 0px; left: 0px; background: linear-gradient(to right,  rgba(0,159,97,1) 0%,rgba(0,120,191,1) 100%); box-sizing: border-box; padding: 16px 26px 0 34px;}
.jcsj .m-main .items:nth-child(2) .txt .tit{font-size: 20px; font-weight: bold; color: #ffffff; line-height: 40px;}
.jcsj .m-main .items:nth-child(2) .txt p{font-size: 14px; color: #ffffff; margin-top: 6px;}
.jcsj .m-main .items:nth-child(3){top: 0px; right: 0px; width: 200px;  height: 300px;}
.jcsj .m-main .items:nth-child(3) img{width: 200px; height: 260px; top: 0px; right: 0px; border-radius: 10px;}
.jcsj .m-main .items:nth-child(3) .txt{width: 200px; height: 20px; line-height: 20px; top: 276px; right: 0; text-align: center;}
.jcsj .m-main .items:nth-child(3) .txt .tit{font-size: 16px; color: #333333; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis;}
.jcsj .m-main .items:nth-child(3) .txt p{display: none;}
.jcsj .m-main .items:nth-child(4){bottom: 0px; right: 0px; width: 200px;  height: 300px;}
.jcsj .m-main .items:nth-child(4) img{width: 200px; height: 260px; bottom: 40px; right: 0px; border-radius: 10px;}
.jcsj .m-main .items:nth-child(4) .txt{width: 200px; height: 20px; line-height: 20px; bottom: 0px; right: 0; text-align: center;}
.jcsj .m-main .items:nth-child(4) .txt .tit{font-size: 16px; color: #333333; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis;}
.jcsj .m-main .items:nth-child(4) .txt p{display: none;}


/*微博
.wb{margin-top: 94px; background: url(../images/wb-bg.jpg) center bottom no-repeat; height: 1033px;}
.wb .m-main{background: url(../images/wb-main-bg.png); height: 720px; margin-top: 80px;}
.wb .m-main .m-left{position: absolute; top: 52px; left: 70px; width: 700px; height: 600px;}
.wb .m-main .m-right{position: absolute; top: 52px; right: 70px; width: 330px; height: 600px;}*/


@media only screen and (min-width: 600px) {/*PC端*/}
@media only screen and (max-width: 600px) {/*移动端*/}

.yw, .ljl, .jcsj{position: relative; transform: translateY(150px); opacity: 0; transition: all 0.6s;}
.showd{opacity:1; transform: translateY(0px);}