@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","Arail","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{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 #bbe2f7; fill: #bbe2f7; position: fixed; z-index: 10; bottom: 80px; left: 50%; margin-left: 680px; cursor: pointer; width: 50px; height: 50px; border-radius: 25px; overflow: hidden; padding: 8px; box-sizing: border-box; transition: all 0.4s;}
#goTop:hover{fill: #ffffff; border: 2px solid #ffffff; background: #3481de;}





/*头图*/
.head{height: 1108px; background: url(../images/header.jpg) top center no-repeat;}


/*简介，编者按 等等*/
.intro{position: relative; z-index: 2; background: url(../images/intro-bg.png) top center no-repeat; width: 1216px; height: 299px; margin: -230px auto 0; font-size: 20px; line-height: 34px; padding: 48px 120px 50px 198px; box-sizing: border-box;}


/*要闻 左图右文*/
.yw-pt{margin-top: 70px; height: 504px;}
.yw-pt .m-main .m-pic{position: absolute; width: 660px; left: 0; top: 32px; z-index: 2;}
.yw-pt .m-main .m-pic li img{width: 660px; height: 380px;}
.yw-pt .m-main .m-pic li .tit{font-size: 18px; text-align: center; color: #fff; background: linear-gradient(to right,  rgba(50,110,208,1) 0%,rgba(53,148,236,1) 100%); height: 50px; line-height: 50px;}
.yw-pt .m-main .m-pic .prev,.yw-pt .m-main .m-pic .next{color: #fff; bottom: 12px;}
.yw-pt .m-main .m-pic .prev{left: 12px;}.yw-pt .m-main .m-pic .next{right: 12px;}
.yw-pt .m-main .m-pic .prev:hover{color: #333;}.yw-pt .m-main .m-pic .next:hover{color: #333;}
.yw-pt .m-main .m-txt{position: absolute; width: 620px; height: 500px; box-sizing: border-box; padding: 27px 50px 30px 109px; right: 0; top: 2px; box-shadow: 0px 0px 2px #c1d4e3; background-color: #fff;}
.yw-pt .m-main .m-txt li{border-bottom: 1px solid #ccc; }
.yw-pt .m-main .m-txt li .m-tt{display: block; margin-top: 20px; font-size: 24px; font-weight: bold; color: #333;}
.yw-pt .m-main .m-txt li p{color: #777777; font-size: 16px; margin-top: 8px; padding-bottom: 19px; padding-left: 11px; line-height: 30px;}
.yw-pt .m-main .m-txt li:last-child{border: unset;}
.yw-pt .m-main .u-more{position: absolute; right: 50px; top: 445px; font-size: 16px; background-color: #3481de; color: #fff; padding: 2px 5px; line-height: 22px;}


/* 专家介绍 标准轮播图 用于海报图等轮播*/
.zjjs{margin-top: 83px;}
.zjjs .m-main{margin-top: 13px; height: 740px;  overflow-y: auto;}
.zjjs .m-main::-webkit-scrollbar{/*滚动条美化，只webkie内核*/ width: 6px;}
.zjjs .m-main::-webkit-scrollbar-track-piece{/*内层轨道，滚动条中间部分*/background: linear-gradient(to right,rgba(0,0,0,0) 32%,rgba(84,196,148,1) 33%,rgba(84,196,148,1) 67%,rgba(0,0,0,0) 68%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */}
.zjjs .m-main::-webkit-scrollbar-thumb {/*内嵌滑块*/background-color: rgb(246,192,22); width: 2px;}
.zjjs .m-main .m-item {  height: 320px;  zoom: 1;  margin-top: 50px;  background: #f4f7fd; width: 1150px; margin-left: 9px;}
.zjjs .m-main .m-item:after {  content: "";  display: block;  clear: both;}
.zjjs .m-main .m-item .m-pic {  float: left;  width: 200px;  height: 242px;  overflow: hidden;  margin: 40px 0 0 40px;  background: url("https://imgtopics.gmw.cn/69054.files/images/pic-bg.png") right bottom no-repeat;}
.zjjs .m-main .m-item .m-pic img {  width: 180px;  height: 222px;}
.zjjs .m-main .m-item dl {  float: right;  width: 850px;  margin: 40px -9px 0 0;}
.zjjs .m-main .m-item dl dt {  height: 59px;  overflow: hidden;  zoom: 1;  background: url("../images/txt-bg1.png") center center no-repeat; background-size: 100% 100%;}
.zjjs .m-main .m-item dl dt:after {  content: "";  display: block;  clear: both;}
.zjjs .m-main .m-item dl dt .u-name {  float: left;  width: 90px;  line-height: 50px;  padding-left: 20px;  font-size: 24px;  font-weight: bold;  color: #FFF;}
.zjjs .m-main .m-item dl dt .u-job {  float: left;  line-height: 58px;  padding-left: 40px;  font-size: 16px;}
.zjjs .m-main .m-item dl dd {  width: 820px;  padding-right: 30px;  height: 160px;  overflow-x: hidden;  overflow-y: auto;  font-size: 16px;  line-height: 32px;  color: #333;  text-align: justify;  margin-top: 20px;}
.zjjs .m-main .m-item dl dd a{color:#333;}
.zjjs .m-main .m-item dl dd::-webkit-scrollbar {  width: 2px;  background: #4c9aff;}
.zjjs .m-main .m-item dl dd::-webkit-scrollbar-thumb {  background: #c8e4f5;}
.zjjs .m-main .m-item:nth-child(even) .m-pic {  float: right;  margin: 40px 40px 0 0;}
.zjjs .m-main .m-item:nth-child(even) dl {  float: left;  margin: 40px 0 0 -9px;}
.zjjs .m-main .m-item:nth-child(even) dl dt {  background: url("../images/txt-bg2.png") center center no-repeat; background-size: 100% 100%;}
.zjjs .m-main .m-item:nth-child(even) dl dd {  margin-left: 39px;}
/*.zjjs .m-main ul li{width: 284px; height: 450px; margin: 0 10px; background-color: #fff; border-bottom: 2px solid #fff; position: relative; transition: all 0.3s;}
.zjjs .m-main ul li .pic{ position: absolute; top: 20px; left: 10px; width: 264px; height: 300px;  transition: all 0.3s; }
.zjjs .m-main ul li .tit{position: absolute; top: 295px; width: 140px; height: 40px; line-height: 40px; font-size: 18px; color: #fff; background-color: #3481de; text-align: center;}
.zjjs .m-main ul li .sub-tit{position: absolute; top: 351px; left: 29px; width: 167px; font-size: 14px; color: #333; line-height: 22px;}
.zjjs .m-main ul li .lace{position: absolute; top: 15px; right: 0px; width: 20px; height: 10px; background-color: #42affc; transition: all 0.3s; }
.zjjs .m-main ul li .arrow{position: absolute; bottom: 20px; left: 30px; transition: all 0.3s; }
.zjjs .m-main ul li:hover{border-bottom: 2px solid #3481de;}
.zjjs .m-main ul li:hover .pic{transform: scale(1.04);}
.zjjs .m-main ul li:hover .lace{width: 0px; height: 0px;}
.zjjs .m-main ul li:hover .arrow{transform: translateX(9px);}
.zjjs .m-main .prev,.zjjs .m-main .next{width: 50px; height: 80px; top: 130px; transition: all 0.3s;}
.zjjs .m-main .prev{background: url(../images/prev.png) center center no-repeat; left: -73px;}
.zjjs .m-main .next{background: url(../images/next.png) center center no-repeat; right: -73px;}
.zjjs .m-main .prev:hover{background: url(../images/prev-hover.png) center center no-repeat; left: -80px;}
.zjjs .m-main .next:hover{background: url(../images/next-hover.png) center center no-repeat; right: -80px;}*/


/* 典型案例 科普视频 标准轮播图 用于海报图等轮播*/
.kpsp{margin-top: 95px;}
.kpsp .m-main{margin-top: 13px;}
.kpsp .m-main ul li{background-color: #fff; width: 370px !important; height: 370px; margin: 0 15px; border-bottom: 2px solid #ffffff; position: relative; transition: all 0.3s; padding: 20px; box-sizing: border-box;}
.kpsp .m-main ul li .pic{width: 330px; height: 240px;  transition: all 0.3s; }
.kpsp .m-main ul li .tit{line-height: 30px; font-size: 18px; color: #222; text-align: left; margin-top: 14px;}
.kpsp .m-main ul li .lace{position: absolute; top: 15px; right: 10px; width: 30px; height: 10px; background-color: #42affc; transition: all 0.3s;}
.kpsp .m-main ul li:hover{border-bottom: 2px solid #3481de;}
.kpsp .m-main ul li:hover .pic{transform: scale(1.04);}
.kpsp .m-main ul li:hover .lace{width: 0px; height: 0px;}
.kpsp .m-main .prev,.kpsp .m-main .next{width: 50px; height: 80px; top: 134px; transition: all 0.3s;}
.kpsp .m-main .prev{background: url(../images/prev.png) center center no-repeat; left: -73px;}
.kpsp .m-main .next{background: url(../images/next.png) center center no-repeat; right: -73px;}
.kpsp .m-main .prev:hover{background: url(../images/prev-hover.png) center center no-repeat; left: -80px;}
.kpsp .m-main .next:hover{background: url(../images/next-hover.png) center center no-repeat; right: -80px;}

/* 特别推荐 科普文章 稿件列表 图标摘*/
.kpwz{margin-top: 86px;}
.kpwz .m-main{margin-top: 23px;}
.kpwz .m-main ul li{float: left; width: 570px; height: 120px; border: 1px solid #e2edf4; box-sizing: border-box; margin-bottom: 30px;}
.kpwz .m-main ul li .m-pic{float: left; width: 157px; height: 118px;}
.kpwz .m-main ul li .m-pic img{width: 157px; height: 118px; object-fit: cover;}
.kpwz .m-main ul li .m-date { width: 84px; height: 66px; float: left; margin-top: 27px; text-align: right; padding-right: 22px; border-right: 1px solid #e2edf4;}
.kpwz .m-main ul li .m-date .day { position: relative; font-size: 32px; color: #666; line-height: 32px; padding-bottom: 8px;}
.kpwz .m-main ul li .m-date .day:after { position: absolute; right: 4px; bottom: 0; width: 34px; height: 2px; content: ""; background: #e2edf4;}
.kpwz .m-main ul li .m-date .month { font-size: 16px;  color: #999;  padding-top: 4px;}
.kpwz .m-main ul li .u-title {  float: left;  display: flex;  align-items: center;  width: 360px;  height: 118px;  box-sizing: border-box;  padding: 0 30px;  font-size: 18px;  line-height: 28px;  color: #333; text-align: justify;}
.kpwz .m-main ul li .u-title a {  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 4;  overflow: hidden;  color: #333;}
.kpwz .m-main ul li .u-more {  float: right;  width: 49px;  height: 118px;  border-left: 1px solid #e2edf4;  background: url("../images/arrow.png") center center no-repeat;}
.kpwz .m-main ul li:hover .u-more {  background: url("../images/arrow-on.png") center center no-repeat;}
.kpwz .m-main ul li:nth-child(2n+1) {  float: right;}






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