header{ width: 100%; height: 555px; background: url(/uploads/image/znimg/banner.jpg) no-repeat center 0; } nav{ width: 100%; height: 70px; background: #804f1f; position: relative; z-index: 9999; } nav .middle{ height: 100%; } nav .nav{ width: 88px; height: 45px; float: left; background: #a06c38; border-right:1px solid #a66729 ; border-left:1px solid #804f1f ; color: #fff; font-family: "微软雅黑"; font-size: 18px; text-align: center; line-height: 45px; margin-top: 12px; cursor: pointer; border-radius: 8px; margin-left: 4px; margin-right: 4px; border: 1px solid #b28850; } nav .nav:nth-of-type(1){ border-left:none ; } nav .nav:nth-of-type(6){ border-right:none ; } nav .nav.active{ background: #a12024; } .top-tab { margin-top: -50px; height: 50px; } .top-tab-item { width: 196px; height: 50px; float: left; text-align: center; line-height: 50px; background-color: #d49965; margin-right: 10px; border-radius: 10px 10px 0 0; color: #ffffff; font-size: 20px; font-weight: bold; cursor: pointer; } .top-item-active { background-color: #804f1f; } .nav-2023 { width: 88px; height: 45px; float: left; background: #a06c38; border-right:1px solid #a66729 ; border-left:1px solid #804f1f ; color: #fff; font-family: "微软雅黑"; font-size: 18px; text-align: center; line-height: 45px; margin-top: 12px; cursor: pointer; border-radius: 8px; margin-left: 4px; margin-right: 4px; border: 1px solid #b28850; } .nav-2023-active { background: #a12024; } .nav-2024 { width: 88px; height: 45px; float: left; background: #a06c38; border-right:1px solid #a66729 ; border-left:1px solid #804f1f ; color: #fff; font-family: "微软雅黑"; font-size: 18px; text-align: center; line-height: 45px; margin-top: 12px; cursor: pointer; border-radius: 8px; margin-left: 4px; margin-right: 4px; border: 1px solid #b28850; } .nav-2024-active { background: #a12024; } .nav-2025 { width: 88px; height: 45px; float: left; background: #a06c38; border-right:1px solid #a66729 ; border-left:1px solid #804f1f ; color: #fff; font-family: "微软雅黑"; font-size: 18px; text-align: center; line-height: 45px; margin-top: 12px; cursor: pointer; border-radius: 8px; margin-left: 4px; margin-right: 4px; border: 1px solid #b28850; } .nav-2025-active { background: #a12024; } .notice { margin-top: 100px; margin-bottom: 100px; text-align: center; font-size: 20px; } .out-box .box{ display: none; } .out-box .box:nth-of-type(2){ display: block; } dl{ cursor: pointer; float: left; } dl dt{ width: 100%; } dl dt img{ width: 100%; height: 100%; } dl dd{ font-family: "宋体"; font-size: 15px; color: #000; text-align: center; height: 30px; line-height:30px; } @font-face { font-family: "方正清刻本悦宋简体";src:url(/uploads/image/znfont/方正清刻本悦宋简体.ttf)format('truetype'); } .synopsis{ width: 100%; height:277px; } .synopsis p{ font-family: "宋体"; font-size: 14px; padding-left: 347px; color: #2d3b3a; line-height: 25px; } .class_bt{ width: 100%; height: 48px; margin: 20px auto; } .class_bt p{ font-family: "方正清刻本悦宋简体"; font-size: 24px; line-height: 48px; color: #fff; } .class_bt p span{ font-family: "黑体"; font-size: 32px; padding-right: 10px; color: #f9a40f; padding-left: 10px; } #wxt{ width: 100%; height:auto; padding-top: 50px; background: #ffffff; } /*#wxt .synopsis{ background: url(/uploads/image/znimg/wxt_bg.png) no-repeat 0 0; }*/ #wxt .synopsis p:nth-of-type(1){ padding-top: 100px; } .footer { background: #8f5027; width: 100%; height: 300px; margin: 0 auto; min-width: 1180px; } .footer_dh { height: 60px; border-bottom: 1px dotted #fff; margin: 0 auto; text-align: center; width: 100%; font-size: 13px; font-family:"微软雅黑"; line-height: 70px; margin-bottom: 20px; } .footer_dh a { margin: 0 10px; color: #fff; } .footer_diz { line-height: 28px; margin: 0 auto; text-align: center; width: 100%; font-size: 13px; font-family: "微软雅黑"; color: #fff; } .video{ width: 100%; height: 100%; position:fixed; top:0; left: 0; z-index: 9999; display: none; background: #000; } .video .close{ width: 40px; height: 40px; position: absolute; top:20px; right: 20px; z-index: 9999; } .video video{ width: 100%; height: 100%; }