@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,.tem5{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;}.tem5{-webkit-line-clamp: 5;}
/*单行超出省略效果*/
.tes{overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis;}
/*回到顶部*/
#goTop{background-color: #ffffff; border: 2px solid #f5ad7d; fill: #f5ad7d; 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: #a9373b;}

.g-wrap{background: url(../images/bg.jpg) center top no-repeat; height: 4300px;}

/*头图*/
.head{height: 1012px; overflow: hidden;}
.head .m-view{width: 803px; height: 383px; padding-top: 142px; display: block; margin: 0 auto;}


/*简介，编者按 等等*/
.intro{background: url(../images/intro-bg.png) top center no-repeat; width: 1214px; height: 337px; margin: 0 auto; font-size: 20px; color: #010101; text-indent: 2em; line-height: 42px; padding: 60px 60px 50px 140px; box-sizing: border-box;}


/*科漫剧场 图文列表*/
.kmjc{padding-top: 98px;}
.kmjc .m-lmt{background: url(../images/kmjc-lmt.png) center top no-repeat; height: 82px;}
.list-p{}
.list-p .m-main{width: 1204px; margin: 56px auto 0; background: url(../images/kmjc-main-bg.png) left top no-repeat; height: 924px; ;}
.list-p .m-main ul{display: flex; flex-wrap: wrap; justify-content: space-between; box-sizing: border-box; padding: 42px 90px;}
.list-p li{position: relative; width: 480px; height: 830px; box-sizing: border-box; padding: 15px; border: 1px solid #e7e7e7; border-radius: 3px; background-color: #fff;}
.list-p li .pic{width: 450px; height: 800px; border-radius: 3px;}
.list-p li .tit{line-height: 2.5em;}


/*新闻聚焦 标摘列表*/
.xwjj{padding-top: 95px;}
.list-t{}
.list-t .m-main{width: 1208px; margin: 46px auto 0; background: url(../images/xwjj-main-bg.png) left top no-repeat; height: 454px;}
.list-t .m-main ul{display: flex; flex-wrap: wrap; justify-content: space-between; padding: 44px;}
.list-t li{position: relative; width: 540px; height: 159px; margin-bottom: 21px; overflow: hidden; background: url(../images/xwjj-item-bg.png) no-repeat; box-sizing: border-box; padding: 21px 36px;}
.list-t li .tit{font-size: 20px; color: #000000; padding-left: 19px;}
.list-t li p{font-size: 14px; color: #555555; line-height: 21px; margin-top: 15px;}
.list-t li .date{font-size: 14px; color: #999999; margin-top: 12px;}


/* 嘉宾观点 标准轮播图 用于海报图等轮播*/
.jbgd{padding-top: 98px;}
.jbgd .m-main{width: 1210px; margin: 0 auto;}
.slide{}
.slide .m-main{margin-top: 59px;}
.slide .m-main ul{}
.slide .m-main ul li{width: 310px; height: 358px; margin: 0 16px; background: url(../images/jbgd-item-bg.png) no-repeat; padding: 21px 30px;}
.slide .m-main ul li img{width: 320px; height: 205px;}
.slide .m-main ul li .sub-pre{margin-top: 32px;}
.slide .m-main ul li .sub-pre .sub-tit{font-size: 22px; color: #fff; display: inline-block; font-weight: bold; margin: 0 2px;}
.slide .m-main ul li .sub-pre .pre-tit{font-size: 16px; color: #fff; display: inline-block; max-width: 230px;}
.slide .m-main ul li .tit{line-height: 28px; font-size: 18px; color: #000; margin: 28px 0 0 6px;}
.slide .m-main .prev,.slide .m-main .next{width: 28px; height: 51px; bottom: 184px;}
.slide .m-main .prev{background-image: url(../images/prev.png); left: -50px;}
.slide .m-main .next{background-image: url(../images/next.png); right: -50px;}
.slide .m-main .prev:hover{background-image: url(../images/prev-hover.png);}
.slide .m-main .next:hover{background-image: url(../images/next-hover.png);}


.team{margin-top: 107px; background: url(../images/team.png) center top no-repeat; width:1200px; height: 197px; box-sizing: border-box; padding: 33px 0 0 437px;}
.team p{line-height: 40px; }
.team p span{display: inline-block; margin-right: 38px; font-size: 18px; color: #000;}


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

.intro,.list-p,.list-t,.slide{position: relative; transform: translateY(150px); opacity: 0; transition: all 0.6s;}
.showd{opacity:1; transform: translateY(0px);}