body{ font-family: "微软雅黑"; font-size:15px; color:#333; background:url(/uploads/image/i40727/bg_02.jpg) repeat-x #ffffff; } ul,li{ padding: 0; margin: 0; list-style: none; } .clearfloat:after{display:block;clear:both;content:"";visibility:hidden;height:0} .clearfloat{zoom:1} .bt-text-center{text-align:center;} .bt-text-left{text-align:left;} .bt-text-right{text-align:right;} .bt-box-1100{width:1100px;margin:0 auto;} /*主内容开始*/ /*第一层开始*/ .bt-content-1{height:390px;background:#ffffff;} /*第一层结束*/ /*第二层开始*/ .wip_a { width: 1100px; height: 390px; } .wip_a .bd { width: 100%; overflow: hidden; } .wip_a_con_bg { position: relative; } .wip_a_con { float: left; } .introduce { height: 50px; width: 100%; position: absolute; bottom: 0; background-color: rgba(0, 0, 0, 0.4); color: #ffffff; font-size: 17px; line-height: 50px; text-indent: 1em; } .introduce a { color: #ffffff; } .wip_a_con_bg .hd { z-index: 1; overflow: hidden; position: absolute; height: 20px; width: 340px; right: 5px; bottom: 10px; } .wip_a_con_bg .hd ul li { float: left; cursor: pointer; line-height: 50px; text-align: center; width: 44px; height: 10px; background-color: #c9c9c9; margin-left: 12px; } .wip_a_con_bg .hd ul .on { background-color: #ffc600; } .pic img { width: 100%; height: auto; } .bt-content-2{height:292px;margin-top:25px;} .bt-content-2-left{float:left;width:395px;height:286px;margin-right:20px;} .jrgz{height:45px;line-height: 45px;color:#666;} .jrgz span{font-size:19px;padding:0 20px;display:inline-block;text-align:center;height:45px;} .jrgz span.hover{font-size:19px;color:#335075;font-weight:bold;border-top:3px solid #335075;} .jrgz_list>div{height:246px;} .jrgz_list>div li{line-height:40px;padding-left:5px;border-bottom:1px dotted #bfbfbf;height: 40px;} .jrgz_list>div li a{color:#333;} .jrgz_list>div li a:hover{color:#f00;} .jrgz_list>div li a{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: block; float: left; width: calc(100% - 70px); } .jrgz_list>div li img{float:left;margin-right:12px;margin-top:18px;} .jrgz_list>div li span{float:right;} .bt-content-2-right{float:right;width:240px;height:286px;} /*第二层结束*/ /*第三层开始*/ .bt-content-3{height:78px;margin-top:25px;} /*第三层结束*/ /*第四层开始*/ .bt-content-4{height:350px;margin-top:25px;margin-bottom:25px;} .bt-content-4-left{float:left;width:610px;height:350px;} .bt-content-4-left .jrgz_list ul li{height: 42px;} .bt-content-4-right{float:right;width:465px;height:350px;} .bt-content-4-right .jyxxgk li{margin-top:13px;height:47px;line-height: 47px;font-size:17px;} .bt-content-4-right .jyxxgk li a{color:#ffffff;} .bt-content-4-right .jyxxgk li.hd{background: no-repeat #a6bbce;padding-left:22px;} .bt-content-4-right .jyxxgk li.hd:hover{background: no-repeat #335075;} .bt-content-4-right .jyxxgk li.hd span{margin-left:50px;} .bt-content-4-right .jyxxgk01 li{margin-top:13px;height:37px;line-height: 37px;font-size:17px;} .bt-content-4-right .jyxxgk01 li a{color:#ffffff;} .bt-content-4-right .jyxxgk01 li.hd{background: no-repeat #a6bbce;padding-left:22px;} .bt-content-4-right .jyxxgk01 li.hd:hover{background: no-repeat #335075;} .bt-content-4-right .jyxxgk01 li.hd span{margin-left:50px;} .bt-content-4-right>div{height: auto !important;} /*第四层结束*/ /*中部轮播*/ .con31 { overflow: hidden; position: relative; } .hl_scrool_leftbtn { position: absolute; left: 0; top: 0px; cursor: pointer; width: 24px; height: 77px; } .hl_scrool_rightbtn { position: absolute; right: 0; top: 0px; cursor: pointer; width: 24px; height: 77px; } .hl_main5_content { width: 1040px; height: 75px; float: left; margin-left: 20px; overflow: hidden; } .hl_main5_content1 { width: 100%; float: left; position: absolute; height: auto !important; } .hl_main5_content1 ul li { width: 198px; margin-left: 10px; float: left; } .hl_main5_content1 ul li a { padding: 0 5px; display: table-cell; width: 198px; height: 75px; vertical-align: middle; text-align: center; background-color: #fafafa; border: 1px solid #dfe2eb; color: #435980; } .hl_main5_content1 ul li a img{ height: 30px; width: auto; margin-right: 20px; } /*第五层开始*/ .bt-content-5{height:156px;border-top:5px solid #335075;margin-top:25px;} .bt-content-5 .yqlj{margin-top:20px;height:30px;line-height: 30px;} .bt-content-5 .yqlj a{color:#777777;} .bt-content-5 .yqlj .yqlj_title{background:#f6f6f6;border-bottom:1px solid #cccccc;height:31px;} .bt-content-5 .yqlj .yqlj_title span{width:168px;padding:0;text-align: center;} .bt-content-5 .yqlj .yqlj_title span a{display: block} .bt-content-5 .yqlj span{color:#666;padding:0 12px;display:inline-block;height:30px;} .bt-content-5 .yqlj span.yqlj_color{color:#c31f0b;font-size:19px;display:inline-block;margin-right:50px;} .bt-content-5 .yqlj span.hover{background: #ffffff;border:1px solid #cccccc;border-bottom:none;color:#335075;height:31px;} .bt-content-5 .yqlj_list ul{margin-top:10px;height:90px;overflow: hidden} .bt-content-5 .yqlj_list ul li{float:left;height:40px;line-height:40px;margin-right:20px;} .bt-content-5 .yqlj_list ul li a{color:#333;} .bt-content-5 .yqlj_list ul li a:hover{color:#f00;} /*第五层结束*/ /* 文化体裁分类 开始 */ .old_tcflbt{ display: none; } .bt-content-wen{ height: 80px; margin-top: 25px; background-color: #e5e5e5; } .bt-content-wen>a>img{ width: 179px; height: 80px; float: left; } .bt-content-wen>ul{ display: inline; } .bt-content-wen>ul>li{ float: left; width: 160px; line-height: 40px; margin-top: 20px; margin-left: 20px; background: url(/uploads/image/i40727/wenti_bg.jpg) no-repeat; text-align: center; } .bt-content-wen>ul>li>a{ color: #335075; font-weight: bold; font-size: 15px; font-family: "微软雅黑"; } /* 文化体裁分类 结束 */ /**主内容区结束**/ /*页脚区域开始*/ .bt-footer{height:178px;background: #e8e8e8} .bt-footer-top{padding-top:30px;height:94px;color:#333333;font-size:13px;} .bt-footer-top li{float:left;height:auto;} .bt-footer-top li a{color:#333333;} .bt-footer-top li.bt-footer-sysm span{padding:0 10px;} /*页脚区结束*/ /*分享*/ #share{position:fixed;left:50%;margin-left:570px;top:260px;z-index:10;} #share div{margin-top:2px;} .mobile-wjtc{display:none;} @media screen and (max-width: 1200px) { /* 首页样式 */ .mobile-wjtc{display:block;} .wip_a{ width: 100% !important; height: auto !important; } .bt-content-1{ height: auto; } #focus{ width: 100% !important; } #focus ul li{ width: 100% !important; } #focus .btnbg{ width: 100% !important; } #focus img{ width: 100%; } .bt-content-2-left{ width: 48% !important; margin-right: 2%; } .bt-content-2-right{ width: 100%; margin: 0; height: auto !important; margin-top: 20px; } .bt-content-2{ height: auto !important; } .bt-content-4{ height: auto; } .bt-content-4-left{ width: 100%; height: auto; } .bt-content-4-right{ width: 100%; margin-top: 20px; height: auto; } .bt-content-4-right div:last-child{ width: calc(100% - 240px) !important; } .jrgz_list>div li{ height: 40px; line-height: 40px !important; } .jrgz_list>div li a{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: block; float: left; width: calc(100% - 70px); } .jrgz_list>div{ height: auto !important; } .bt-content-wen{ height: auto; padding: 10px; background: none; } .bt-content-wen>ul>li{ margin: 10px 3%; border: 1px solid; border-radius: 20px; width: 44%; background:none; } .bt-content-wen>a { width: 100%; display: none; float: left; } .hl_main5_content{ width: calc(100% - 42px) !important; margin: 0 20px; } .hl_main5_content1 ul li{ width: 30% !important; margin: 0 5px; } .hl_main5_content1 ul li a{ width: 100% !important; display: block; padding-top: 20px; } .hl_main5_content1{ width: 93% !important; } } @media screen and (max-width: 768px) { .jrgz span.hover{ border-top: none; border-bottom: 3px solid #335075; } .bt-content-2-left { width: 100% !important; float: none; margin: 0; margin-top: 20px; } .jrgz{ margin-top: 40px; } .bt-content-4,.bt-content-4-right,.bt-content-2-right{ margin-top: 0; } .jrgz_list>div li a{ display: block; width: calc(100% - 56px); white-space: normal; float: none; font-size:1.1em; } .jrgz_list>div li span{ float: none; font-size:1.1em; color: #999999; position: absolute; bottom: 0; right: 0; } .jrgz_list>div li{ height: auto; line-height: 36px !important; position: relative; } .bt-content-2-left{ height: auto !important; } .jrgz_list>div li img{ display: none; } .bt-content-4-left .jrgz_list ul li{ height: auto; min-height: 70px; } } @media screen and (max-width: 576px) { .bt-content-2-left { width: 100% !important; float: none; margin: 0; margin-top: 20px; } .hl_main5_content1 ul li { width: 45% !important; } .bt-content-4-right div:last-child { } .introduce a { width: calc(100% - 120px) !important; float: left; color: #ffffff; font-size: 16px; height: 40px; overflow: hidden; display: block; text-overflow: ellipsis; white-space: nowrap; } .wip_a_con_bg .hd { bottom: 6px !important; width: 112px !important; } .wip_a_con_bg .hd ul li{ width: 10px !important; } .introduce { height: 40px !important; line-height: 40px !important; } } @media screen and (max-width: 450px) { .bt-content-4-right .jyxxgk li{ margin-top: 10px !important; } .introduce a { width: 2%; float: left; color: #ffffff; font-size: 14px; } .bt-content-4-right>div { width: 100% !important; float: none !important; height: auto !important; } .bt-content-4-right>div:first-child ul { padding: 0; } .bt-content-4-right>div:first-child ul img{ display: none; } .bt-content-4-right>div:first-child ul li{ width: 100%; background-size: 80%; height: 90px; } .bt-content-4-right>div:first-child ul li a{ width: 100%; display: block; height: 100%; } .nb { background: url(/uploads/image/p0/2204081604371788757.png) no-repeat center; } .zn { background: url(/uploads/image/p0/2204081604371011320.png) no-repeat center; } .zd { background: url(/uploads/image/p0/2204081604371463639.png) no-repeat center; } .ml { background: url(/uploads/image/p0/2204081604348809005.png) no-repeat center; } .bt-content-4-right div:last-child{ width: 100% !important; margin-top: 20px; } }