@charset "utf-8";

.body-ztzl-wnqd .main-content{background: #FEF9F2;}
.body-ztzl-wnqd .container{width: 1400px;}
.body-ztzl-wnqd .row{*zoom:1;}
.body-ztzl-wnqd .row:before,
.body-ztzl-wnqd .row:after{display:table;line-height:0;content:"";}
.body-ztzl-wnqd .row:after{clear:both;}
.body-ztzl-wnqd .row>div{float: left;}

.pt50{padding-top: 50px;}
.mb40{margin-bottom: 40px;}
.mb30{margin-bottom: 30px;}
.mb20{margin-bottom: 20px;}

@media (max-width: 1500px) {
  .body-ztzl-wnqd{min-width: auto;}
  .body-ztzl-wnqd .container{width: 1200px;}
}

/* header */
.wnqd-header{background: url(../images/banner_bg.jpg) no-repeat center top;background-size: auto 100%;}
.wnqd-header .logo{max-width: 317px;margin: 2% 0 0 2%;}
.wnqd-header .ban-txt{max-width: 1102px;display: block;margin: 5% auto 7%;}

.wnqd-mainnav{background: rgba(255, 255, 255, 0.38);margin: 0 22px;}
.wnqd-mainnav li{position: relative; width: 16.66667%;float: left;text-align: center;height: 60px;line-height: 60px; font-size: 1.5em;}
.wnqd-mainnav li+li:before{content:"|";position: absolute;left: -3px;top: 50%;height: 25px;margin-top: -12.5px;text-align: center;color: #fff;line-height: 25px;font-weight: normal;}
.wnqd-mainnav li a{display: block;color: #fff;transition: 0.3s;}
.wnqd-mainnav li.on a{font-weight: bold;}
.wnqd-mainnav.fixed{position: fixed;left: 0;top: 0;right: 0;background: #C00100;margin: 0;z-index: 100;}

/* footer */
.footer{padding:20px 0;margin-top:0px; background:#C00100;border-top:0px;font-size:16px;}
.footer .w1000{width:1200px; margin:0 auto;}
.footer img{display:inline-block; vertical-align:middle;}
.footer .footer-grid{position:relative; padding:20px 180px 20px 120px;color:#fff;}
.footer .footer-grid a{color:#fff;}
.footer .footer-grid .bqxx{text-align:center; line-height:220%;}
.footer .footer-grid .bqxx span{display:inline-block; margin-right:10px; margin-left:10px;}
.footer .footer-grid .bqxx span.beian{display:none;}
.footer .footer-grid .biaozhi{position:absolute; width:120px; top:50%; left:8px; margin-top:-40px; text-align:center;}
.footer .footer-grid .jiucuo{position:absolute; width:180px; top:50%; right:0; margin-top:-36px; text-align:center;}
.footer .footer-grid .jiucuo span{display:inline-block; vertical-align:middle;}


.wnqd-title{background: url(../images/title_bg.png) no-repeat center 37px;background-size: auto 51px;text-align: center;}
.wnqd-title img{display: block;max-height: 55px;margin: 0 auto 10px;}
.wnqd-title p{color: #C00100;font-size: 30px;font-weight: 700;line-height: 1;}

.wnqd-des{font-size: 1.125em;color: #383838;line-height: 2;text-indent: 2em;}
.wnqd-des.center{text-align: center;text-indent: 0;}

.imglists li .box{display: block;overflow: hidden;}
.imglists li .box img{display: block;width: 100%;}

/* 科普视频 */
.wnqd-kpsp{background: url(../images/kpsp_bg.png) repeat-x center top;background-size: auto 100%;}
.wnqd-kpsp .col-l{width: 51.4%;}
.wnqd-kpsp .col-r{width: 48.6%;}
.wnqd-kpsp .video-box{border: 1px solid #FCC0B6;background: #FFF8F7;padding: 25px;height: 364px;}
.wnqd-kpsp .video-box>p{height: 100%;}
.wnqd-kpsp .video-box video{width: 100%!important;height: 100%!important;object-fit: cover;}
.wnqd-kpsp .des{height: 334px;line-height: 334px; margin: 40px 0;padding: 0 20px; text-align: center;font-weight: 700;font-size: 1.25em;color: #fff;border-radius: 0 67px 0 0;background: url(../images/kpsp_txt_bg.png) no-repeat center bottom;}
.wnqd-kpsp .des .txt{display: inline-block;vertical-align: middle;line-height: 48px;}
.wnqd-kpsp .wnqd-des{padding: 0 25px;}

/* 理论深一度 */
.wnqd-llsyd .contpad{padding: 40px 5%; background: linear-gradient(0deg, rgba(252, 239, 223, 0) 0%, rgba(252, 239, 223, 1) 100%);box-shadow: 0px 2px 20px  rgba(242, 236, 228, 1);}
.wnqd-llsyd .imglists{padding: 0 10px;position: relative;overflow: hidden;margin: 0 3.5%;}
.wnqd-llsyd .imglists:before,
.wnqd-llsyd .imglists:after{content:"";width: 60px;height: 120px;border: 6px solid #C00100;position: absolute;}
.wnqd-llsyd .imglists:before{left:0;top:0;border-bottom:none;border-right:none;}
.wnqd-llsyd .imglists:after{right:0;bottom:0;border-top:none;border-left:none;}
.wnqd-llsyd .imglists li{width: 50%;float: left;}
.wnqd-llsyd .imglists li .box{height: 340px; margin: 25px 27px;border-radius: 8px;}

/* 文化多一度 */
.wnqd-whdyd .contpad{background: #FFFFFF;box-shadow: 0px 2px 20px  #F2ECE4;padding: 30px;}
.wnqd-whdyd .imglists ul{margin: 4px -8px 0;}
.wnqd-whdyd .imglists li{width: 25%;float: left;}
.wnqd-whdyd .imglists li .box{height: 216px; margin: 16px 8px 0;}

/* 科普加一度 */
.wnqd-kpjyd{background: url(../images/kpjyd_bg.png) no-repeat center bottom;background-size: 100%;}
.wnqd-kpjyd .swiper-kpjyd{position: relative;}
.wnqd-kpjyd .swiper-btn{position: absolute;top: 50%;margin-top: -19px; width: 38px;height: 38px;border-radius: 50%;background: #fff; box-shadow: 0px 4px 10px  rgba(15, 27, 51, 0.1); }
.wnqd-kpjyd .swiper-btn:after{content:"";opacity: .5; display: block;width: 100%;height: 100%;background:url(../images/slide_icon_next.png) no-repeat center;background-size: 24px;transition: 0.3s;}
.wnqd-kpjyd .swiper-btn.swiper-button-prev:after{ background-image: url(../images/slide_icon_prev.png);}
.wnqd-kpjyd .swiper-btn.swiper-button-prev{ left: -19px;}
.wnqd-kpjyd .swiper-btn.swiper-button-next{ right: -19px;}
.wnqd-kpjyd .swiper-btn:hover:after{opacity: 1;}
.wnqd-kpjyd .swiper-slide{height: 458px;}
.wnqd-kpjyd .swiper-slide-active{height: 438px;}
.wnqd-kpjyd .swiper-slide a,
.wnqd-kpjyd .swiper-slide img{display: block;height: 100%;width: 100%;object-fit: cover;}

/* 阅读广一度 */
.wnqd-ydgyd .imglists ul{margin: -4px -12px 0;}
.wnqd-ydgyd .imglists li{width: 33.33%;float: left;}
.wnqd-ydgyd .imglists li:nth-last-of-type(2n){margin-top: 50px;}
.wnqd-ydgyd .imglists li .box{height: 264px; margin: 24px 12px 0;}

/* 温暖全角度 */
.wnqd-wnqjd{padding-bottom: 100px;background: url(../images/wnqjd_bg.png) no-repeat center bottom;background-size: 100%;}
.wnqd-wnqjd .imglists .fl,
.wnqd-wnqjd .imglists .fr{width: 23.5%;float: left;}
.wnqd-wnqjd .imglists .fr{float: right;}
.wnqd-wnqjd .imglists .fc{width: 53%;float: left;}
.wnqd-wnqjd .imglists .small li .box{max-height: 160px;}
.wnqd-wnqjd .imglists .small li+li .box{margin-top: 20px;}
.wnqd-wnqjd .imglists .big li .box{max-height: 520px;margin: 0 20px;}