*{ margin: 0; padding: 0; font-family: '微软雅黑'!important; } html{ height: 100%;} body{ width: 100%; font-family: '微软雅黑'; min-width: 320px; overflow-x: hidden; background: #f7f7f7;font-size:0.24rem; overflow-x: hidden;} img{width: 100%;} a{ color: #000; text-decoration: none;} li{ list-style: none;} input,textarea,button{ outline: none;} table{width:100%;text-align:center;border-collapse:collapse;border-spacing:1;border-spacing:0; } table td{word-break: break-all; word-wrap:break-word;border:1px solid #939598; } .headerBox{ padding:2% 3%; background: #fff; margin-bottom: 0.35rem; position: fixed; width: 94%; top: 0; z-index: 999;} .headerBox .header{ overflow: hidden; display: flex; align-items: center; justify-content: space-between;} .serchBoxImg {width: 13%; margin-top: 4px; margin-right: 16px;} .serchBoxImg img{} .headerBox .header>div{ display: flex; align-items: center; justify-content: flex-end; } .headerBox .header>a{ width:42%; display: block; float: left; margin-top: 0.1rem;} .headerBox .header .navDh{ float: right; font-size: 0.3rem; font-weight: bold; color: #8d2523; margin-right: 0.15rem; border:none; background: none;} .headerBox .header .navDh .icon-bar { display: block; width: 22px; height: 2px; border-radius: 1px; background: #333; margin-top: 4px; } .headerBox .inputBox{ display: none;} .nav { display: none; width: 100%; height:94%; background: #8d2523; color: #fff; margin-top: -0.35rem; position: fixed; top: 1.34rem; right: 0; overflow-y: scroll; z-index: 999;} .nav ul{ padding: 0.5rem 0;} .nav ul li{ margin: 0 6%; border-bottom: #b1413e solid 1px; padding: 3% 0; position: relative;} .nav ul li::after{ content: ''; border: solid #fff; border-width: 0 2px 2px 0; display: inline-block; padding: 3px; transform: rotate(45deg); position: absolute; right: 10px; top: 18px; -webkit-transform: rotate(45deg);} .nav ul li>a{ color: #fff; font-size: 0.3rem; margin-left: 3%; display: block; width: 50%;} .nav ul li:hover div{ display: block;} .nav ul li div{display: none; margin:0.3rem 0;} .nav ul li div a{ font-size:16px; color: #fff;display: block;padding:0.3rem 0; padding-left: 0.5rem; } .banner{ margin-top: 1rem;} .banner .swiper-slide{ height: 3.4rem; background-size: 100%; background-position: center; display: flex; justify-content: center; align-items: center; background-color: #000; background-repeat: no-repeat;} .banner .swiper-slide a{ display: block; position: absolute; width: 100%; height: 100%;} .banner p{ font-size: 0.42rem; color: #fff; width:4rem; font-weight: bold; text-align: center; margin: 0 auto; line-height:0.7rem;} .menu{ background: #fff; padding: 0.28rem 0.2rem 0.1rem 0.2rem; overflow: hidden;} .menu dl{ width:20%; float: left; text-align: center; font-size: 0.22rem; margin-bottom: 0.2rem;} .menu dl dt { width:34%; margin: 0 auto; margin-bottom: 0.1rem;} .notice{ background: #fff; padding: 0.3rem 0; margin-top: 0.2rem; display: flex;} .notice h4{ font-weight: bold; font-style: italic; float: left; margin:0 0.3rem 0 0.3rem; color: #8d2523; font-size: 0.28rem;} .shell{ width: 71%;} #div1{height:18px;overflow:hidden;} #div1 a{ display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 0.26rem;} .zyNews,.special,.brand,.books{ background: #fff; margin-top: 0.2rem;} .zyNews>div,.special>div{ overflow: hidden; padding:0.4rem 0.3rem 0 0.3rem; line-height: 0.36rem;} .zyNews>div h4,.special>div h4,.brand>div h4,.books>div h4{ font-size:0.32rem; color:#8d2523; float: left;} .zyNews>div>a,.special>div>a{ float: right;} .zyNews ul{ margin: 0 0.3rem;} .zyNews ul li,.gallery-top .swiper-slide ul li{ overflow: hidden; border-bottom: #eee solid 1px; padding: 0.25rem 0;} .zyNews ul li:last-of-type,.gallery-top ul li:last-of-type{ border: none;} .zyNews ul li .imgBpx,.gallery-top ul li .imgBpx,.zyNews li .imgBpx{width: 35%;float: right; height: 1.5rem;} .special .zyNews li .textFont{ width:60%; margin-left:0.2rem;} .zyNews ul li .imgBpx img,.gallery-top ul li .imgBpx img,.zyNews li .imgBpx img{ border-radius: 2px; max-height: 100%; min-height: 100%; height: 100%;} .zyNews ul li .textFont h4,.gallery-top ul li .textFont h4{ font-weight: normal; font-size: 0.26rem; line-height: 0.42rem; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} .zyNews ul li .textFont span,.gallery-top ul li .textFont span{ display: block; margin-top: 0.2rem; color: #666;} .ecology{ background: #fff; margin-top: 0.2rem; padding-bottom: 0.4rem;} .ecology .gallery-thumbs{ text-align: center;} .ecology .gallery-thumbs .swiper-slide{ padding:0.3rem 0; font-size: 0.29rem; border-bottom: #eee solid 1px; font-weight: bold;} .ecology .gallery-thumbs .swiper-slide-thumb-active{ border-color: #8d2523; color: #8d2523;} .gallery-top .swiper-slide ul{margin: 0 0.3rem;} .gallery-top .swiper-slide>a{ display: block; width: 90%; margin: 0 auto; border:#8d2523 solid 1px; border-radius: 5px; line-height: 0.7rem; text-align: center; color: #8d2523;} .special{ padding-bottom:0.3rem;} .special .tit{ overflow: hidden;} .special .tit ul{ float: left; display: flex;} .special .tit ul li{ margin-right: 0.5rem; font-size: 0.3rem; font-weight: bold;} .special .tit ul li.active{ color: #8d2523;} .special .tit a{ float: right;} .special .boxCont ul.boxCont0 li{ width:47.5%; float: left; margin-bottom: 15px;} .special .boxCont ul.boxCont0{ display: block; overflow: hidden;} .special .boxCont ul.boxCont0 li span{ width: 100%; height: 1.8rem; display: block; margin-bottom: 0.15rem;} .special .boxCont ul.boxCont0 li span img{ width: 100%; height: 100%;} .special .boxCont ul.boxCont0 li:nth-child(odd){ margin-right: 0.25rem;} .special .boxCont ul.boxCont0 li p{text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .special .zyNews li{ border-top: #ddd dashed 1px; padding: 0.2rem 0; overflow: hidden;} .special .zyNews li a{ display:flex;} .special .zyNews li span{ color: #666;} .special .zyNews li h4{ font-weight: normal; font-size: 0.26rem; margin-bottom: 0.2rem; color: #000; width:100%; text-overflow: -o-ellipsis-lastline; line-height: 0.4rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} .brand,.books{ padding-bottom: 0.3rem;} .brand>div h4,.books>div h4{ text-align: center; float: inherit; padding: 0.4rem 0 0.3rem 0;} .brand .swiper-slide { transition: 300ms; transform: scale(0.9); text-align: center; } .brand .swiper-slide span{ height: 2.1rem; display: block; margin-bottom: 0.2rem;} .brand .swiper-slide span img{ height: 100%;} .brand .swiper-slide p{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 0.3rem;} .one{overflow:hidden;position:relative; height:3.5rem;} .one ul{height:2.2rem;width:100000px;position:absolute;left:0;} /*ul width的宽不能过小*/ .one ul li{display:block;float:left;margin:5px;height:2.2rem;border-radius:5px;position:relative; width: 1.5rem; text-align: center;} .one ul li a{display:inline-block;height:150px;} .one ul li img{border-radius:5px;display:block;height:2.2rem} .one ul li a span{display:block;color:#000;font-size:0.24rem; margin-top: 0.2rem; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .contBoxCent{ margin-top:1.5rem;} .contBoxCent .current{ margin-bottom: 15px; padding-left: 0.3rem;} .contBoxCent .zyNews ul li:last-of-type{ border-bottom: #eee solid 1px;} .pagination { padding: 0.4rem 0.3rem; background: #fff;} .pagination .derd{ display: flex; justify-content: center; margin-right: -0.2rem;} .pagination .derd div{ display: none;} .pagination .derd a{ display: none; width: 50%; border-radius: 5px; text-align: center; border: #eee solid 1px; font-size: 0.24rem; margin-right: 0.2rem;} .pagination .derd a:first-of-type,.pagination .derd a:last-of-type{ display: block; padding: 0.24rem 0;} .zyNewsCont{ background: #fff; padding: 0.3rem;} .contentDetail{ font-size: 0.26rem;} .contentDetail .tit{ text-align: center;margin: 0.4rem 0;} .contentDetail .tit h4{ font-size: 0.36rem;} .contentDetail .tit p{ margin: 0.2rem 0;} .contentDetail .tit p span{ display: block; color: #666; margin-bottom: 0.1rem;} .detailBox{ line-height: 0.44rem;} .detailBox p{ font-size: 0.28rem; margin-bottom: 0.32rem;} .detailBox p *{font-size: 0.28rem !important; font-family: '微软雅黑' !important; } .detailBox .subMitBut{ width: 3rem; height: 0.8rem; background: #8d2523; text-align: center; display: block; margin: 0 auto; line-height: 0.8rem; color: #fff;} .memberList li a{ display: block; padding: 0.25rem 0; border-bottom: #ddd solid 1px;} .deveBox{ background: #fff; padding: 0.3rem;} .deveBox ul li::before{ content: ''; width: 10px; height: 10px; display: block; border-radius: 100%; background: #8d2523; border:#fff solid 2px; position: absolute; left: -26px; top: 0.3rem;} .deveBox ul li{ position: relative;} .deveBox ul { padding-left:0.3rem; border-left: #8d2523 solid 1px;} .deveBox ul li dl a{ display: block; padding: 0.3rem 0; border-bottom: #eee solid 1px; font-size: 0.28rem; position: relative;} .deveBox ul li dl a::after{ content: ''; border: solid #ddd; border-width: 0 2px 2px 0; display: inline-block; padding: 3px; transform: rotate(-46deg); position: absolute; right: 10px; top: 0.45rem; -webkit-transform: rotate(-46deg);} .deveBox ul li>h4{ padding-top:0.3rem; font-size: 0.3rem; color: #8d2523;} .bookCont{ background: #fff; padding-top: 0.6rem;} .bookCont ul{ overflow: hidden;} .bookCont ul li{ width: 27.5%; margin-left: 0.3rem; margin-bottom: 0.3rem; text-align: center; float: left;} .bookCont ul li .imgBpx{ height: 2.8rem;} .bookCont ul li .imgBpx img{ height: 100%;} .bookCont ul li h4{ font-weight: normal; margin-top:0.2rem; min-height: 0.5rem; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} .listZzCont{ padding: 0.4rem 0.3rem; background: #fff;} .listZzCont ul{ overflow: hidden;} .listZzCont ul li{ width:100%; position: relative; height: 3.5rem; margin-bottom: 0.3rem;} .listZzCont ul li img{ width: 100%; height: 100%; display: block;} .listZzCont ul li p{ position: absolute; bottom: 0.2rem; color: #fff; font-size: 0.28rem; padding-left: 0.3rem;} .listZzCont ul li a{ display: block;} .meetNews{ background: #fff; padding: 0.4rem 0.3rem;} .meetNews .imgBpx{ height: 3rem;} .meetNews .imgBpx img{ height: 100%; width: 100%;} .meetNews .textFont{ margin: 0.2rem 0;} .meetNews .textFont h4{ font-size: 0.3rem; font-weight:normal;} .meetNews .textFont p{ margin-top: 0.2rem;} .meetNews .textFont p span{ margin-right: 0.2rem;} .zyNewsBook{ background: #fff; padding: 0.4rem 0.3rem;} .zyNewsBook ul li { overflow: hidden; padding: 0.2rem 0; } .zyNewsBook ul li .imgBpx{ float: left; width: 1.5rem; margin-right: 0.3rem; } .zyNewsBook ul li .textFont h4{ margin-bottom: 0.1rem; line-height: 0.45rem; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical } .zyNewsBook ul li .textFont p{ margin-bottom: 0.1rem;} .point{ display: flex; margin-bottom: 0.3rem;} .point li{ width:100%; text-align: center; padding: 0.15rem 0; font-size:0.28rem; background: #eee;} .point li.active{ background: #8d2523; color: #fff;} .point li.active a{ color: #fff;} .boxContCe1 div{ display:none;} .boxContCe1 .con{ display: block;} .photoBox { background: #fff; padding: 0.3rem; border-top: #eee solid 1px;} .photoBox .titTit{ text-align: center; padding: 0.3rem 0; font-size: 0.3rem;} .photoBox .swiper-container { width: 100%;} .brand{ text-align: center; padding-top: 0.5rem;} .brand>h4{ font-size: 0.3rem;} .brand>p{ padding: 0 0.3rem; margin: 0.3rem 0; font-size: 0.24rem; line-height: 0.35rem;} .dataFont dl {width: 32%; display: inline-block; text-align: center; margin-bottom: 0.2rem;} .dataFont dl dt{font-family: "bauhausStd"; color:#8d2523; font-size:0.24rem; font-weight: bold;} .dataFont dl dt span{font-size:0.3rem; margin-right: 0.05rem;} .dataFont dl dt sub{ font-weight: normal;font-size:0.26rem; } .dataFont dl dd{ color: #8d2523; margin-top: 10px;} .dataFont{ text-align: left;} .friend{ background: #fff; overflow: hidden; margin-topp: 0.2rem; padding-bottom:0.2rem} .friend>div h4{ font-size: 0.3rem; color: #8d2523; padding: 0.3rem; text-align: center;} .friend a{ width: 25%; float: left; display: flex; height: 0.8rem; justify-content: center; align-items: center;} .friend a img{height: 0.8rem;} .footer { padding: 20px 0; font-size: 12px; color: #fff; background: #8d2523; text-align: center; line-height: 20px; } .bookContListCOnt{ background: #fff;} .bookContListCOnt ul{ margin: 0 0.3rem;} .bookContListCOnt ul li{ overflow: hidden; border-bottom: #eee solid 1px; padding: 0.25rem 0;} .bookContListCOnt ul li:last-of-type{ border: none;} .bookContListCOnt ul li .imgBpx{width: 35%;margin-left: 10px;float: right; height: 1.5rem;} .bookContListCOnt ul li .imgBpx img{ border-radius: 2px; max-height: 100%; min-height: 100%; height: 100%;} .bookContListCOnt ul li .textFont h4{ font-weight: normal; font-size: 0.26rem; line-height: 0.42rem; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} .bookContListCOnt ul li .textFont span{ display: block; margin-top: 0.2rem; color: #666;} .bookContListCOnt>h5{text-align: center; font-size: 0.3rem; padding: 0.2rem 0; background: #8d2523; color: #fff;} /*******搜索*******/ .nav_header { position: relative; height: 1rem; background-color: #8d2523; } .nav_header .homepage { position: absolute; width: 0.92rem; height: 100%; } .nav_header .homepage a { display: block; background: url(../images/return.svg) no-repeat; background-size: 0.6rem; width: 0.6rem; height: 0.6rem; position: relative; left: 0.1rem; top: 0.2rem; } .nav_header .title { width: 100%; height: 100%; font-size: 0.4rem; color: #fff; line-height: 1rem; text-align: center; } .nav_header .title a { color: #fff; font-weight: bold; } .ind_search.top-search { border-top: 0px; padding: 0.48rem 0.2rem 0.33rem; position: relative; z-index: 100; background: #fff; } .ind_search .search_area { position: relative; width: 100%; padding-bottom: 0.24rem; overflow: hidden; } .ind_search .search_area input { border-radius: 0px; float: left; width: 71%; height: 0.72rem; padding: 0 0.68rem 0 0.12rem; border: 1px solid #8d2523; font-size: 0.28rem; color: #333; } .ind_search .search_area .search_btn_box { float: left; width: 14%; height: 0.75rem; display:block; background-color: #8d2523; } .ind_search .search_area .search_btn { display: block; width: 100%; height: 0.72rem; background-color: #8d2523; background: url(../images/sou.svg) no-repeat center center; background-size: 0.5rem 0.5rem; } .add_tit{ font-size:0.3rem; margin:0.2rem 0.4rem;} @media screen and (max-width: 1000px) { .serBox{ display:block;} .cd-main-content .titlelist li { border-bottom:#ddd solid 1px; padding:0.3rem 0; width:100%;} .cd-main-content .titlelist li b{ color:red;} .cd-main-content .titlelist li:last-child{ border:none;} .cd-main-content .titlelist li a{ font-size:0.28rem; display:block; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .page { margin:0!important;} .pagination{ display:flex;} .pagination li{ display:none!important;margin-right:15px;} .pagination .disabled{ display:block!important;} }