@charset "utf-8"; /* common */ .w1400 { width: 1400px; margin: 0 auto;} @font-face{ font-family:pala; src:url(../fonts/pala.ttf);} .imged {position: relative;padding-bottom: 65%;width: 100%;display: block;overflow: hidden;} .imged img {position: absolute;top: 0;right: 0;bottom: 0;left: 0;width: 100%;height: 100%;} .scale {overflow: hidden;} .scale img {transition: 0.5s;} .scale:hover img {transform: scale(1.05);} img{max-width: 100%;} .wl{position: relative;z-index: 1;transition: 0.5s;} .wl::after{content: "";z-index: -1;position: absolute;left: 0;bottom: 0;width: 0;height: 100%;} .flex {display: flex;justify-content: space-between;flex-wrap: wrap;} .elise {display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .l1{overflow: hidden;text-overflow: ellipsis;;display: -webkit-box;-webkit-box-orient: vertical} .l2 { -webkit-line-clamp: 2; } .l3 {-webkit-line-clamp: 3;} .l4 {-webkit-line-clamp: 4;} .l5 {-webkit-line-clamp: 5;} .l6 {-webkit-line-clamp: 6;} .banner { position: relative; } .banner img { width: 100%; max-height: 5.5rem; } .inner {padding: 0.35rem 0 1.1rem;background: #fbfbfb;position: relative;} .inner_left { width: 2.65rem; z-index: 100; position: relative; margin-bottom: 0.4rem; } .inner_right { width: calc(100% - 3.2rem); } .inner_left h2 { height: 1.2rem; text-align: center; color: rgb(255, 255, 255); font-size: 0.36rem;background: #a31a2f; flex-direction: column;justify-content: center;} .inner_left h2 p{color: #fce7b0;margin-bottom: 0.05rem;} .inner_left h2 span{color: #fce7b0;font-size: 0.16rem;font-family: Bell MT;opacity: 0.4;} .inner_left ul {background: url("../images/lmbg.png") bottom no-repeat;padding-bottom: 1rem;} .inner_left ul li {position: relative;transition: all 0.5s ease 0s;height: 0.5rem;background: #fffbf1;} .inner_left ul li p {padding: 0 0.25rem;height: 0.5rem;} .inner_left ul li a {font-size: 0.2rem;display: block;line-height: 0.5rem;cursor: pointer;width: 100%;color: #000;transition: all 0.5s ease 0s;position: relative;font-family:FZSSJW;font-weight: bold;} .inner_left ul li a::after{content: "";position: absolute;top: 50%;right: 0;width: 0.23rem;height: 0.08rem;background: url(../images/lmjt1.png) no-repeat center;transition: 0.5s;background-size: 100% 100%;} .inner_left ul li.active a::after,.inner_left ul li:hover a::after{background: url(../images/lmjt2.png) no-repeat center;background-size: 100% 100%;} .inner_left ul li:hover, .inner_left ul li.active { background: #ffa129;} .inner_left ul li:hover a, .inner_left ul li.active a { color: #fff; } .nysubnav { background: rgb(225, 244, 249); display: none; } .nysubnav a { padding: 0px 0.3rem; line-height: 0.4rem; display: block; font-size: 0.16rem; } .nysubnav a:hover, .nysubnav a.on { color: rgb(0, 65, 147); } .local { border-bottom: 1px solid #a31a2f; padding: 0.2rem 0px 0.15rem; } .local h2{color: #000;font-size: 0.26rem;} .adress { width: calc(100% - 2rem); color: rgb(0, 0, 0); font-size: 0.14rem; text-align: right; } .adress img { padding-right: 0.1rem; } .adress a { font-size: 0.14rem; color: rgb(0, 0, 0); } .adress a:hover { color: #a81b00; } .inn_com{padding: 0.4rem 0 0;} .inn_com p{text-align:justify;} /* jianjie */ .jjy{padding-top: 0.2rem;} .jjy p,.jjy *{font-size: 0.18rem !important;line-height: 0.34rem !important;margin: 0.1rem 0;text-indent: 2em;font-family: "Microsoft Yahei" !important;text-align: justify;} .jjy img{margin: 0.1rem auto;} /* 学院领导 */ .ld h2{margin-bottom:0.2rem;padding: 0 0.1rem;} .ld h2 p{font-size: 0.22rem;color: #a81b00;font-family: FZSSJW;font-weight: bold;} .ld p,.ld p span{transition: 0.5s;} .ld li p,.ld li span{font-size: 0.18rem;color:#333;line-height: 0.4rem;} .ld li{border-bottom: 1px solid #efefef;padding: 0.15rem 0.1rem;transition: 0.5s;} .ld p.zw{width: 50%;padding-right: 0.4rem;} .ld p.xm{width: 50%;} .ld li:hover{background: #f9f9f9;} .ld li span:hover {color: #a81b00;} .ld li span{width: 30%;display: inline-block;color: #222;} /* 学院领导详情 */ .ldxq-l{width: 23%;} .ldxq-r{width: 77%;padding-left: 0.35rem;} .ldxq-l .imged{padding-bottom: 129%;} .ldxq-r h2{font-size: 0.26rem;color: #333;} .ldxq-r p.wl{font-size: 0.2rem;color: #333;margin: 0.2rem 0;padding-bottom: 0.2rem;} .ldxq-r p.wl::after{width: 0.29rem;height: 0.05rem;background: #a81b00;} .ldxq-r .xq p{font-size: 0.16rem;color: #333;line-height: 2;} .ldxq-r .line_fg{width: 100%;height: 1px;background: #eaeaea;margin: 0.2rem 0;} /* 机构设置 */ .jg{padding: 0.7rem 0 0;} .jg ul{margin: 0 -0.25rem;justify-content: flex-start;} .jg ul li{margin-bottom: 0.3rem;width: 33.3%;padding: 0 0.25rem;height: 0.56rem;} .jg ul li a{display: flex;width: 100%;height: 100%;transition: 0.5s;background: url(../images/jgbg.png) no-repeat center;background-size: 100% 100%;font-size: 0.18rem;color: #000;text-align: center;flex-direction: column;justify-content: center;line-height: 1.3;padding: 0 0.1rem;} .jg ul li:hover a{background: #a41d31;color: #fff;} /* 人才队伍 */ .rc .ul1{margin: 0 -0.25rem;} .rc .ul1 ul{padding: 0 0.25rem;width: 50%;} .rc .ul2 ul{padding: 0 0.25rem;width: 100%;} .rc li{margin-bottom: 0.5rem;width:100%;cursor: pointer;} .rc li h2{width: 100%;background: url(../images/rcbg1.png) no-repeat;padding: 0 0.3rem;height: 0.55rem;line-height: 0.55rem;background-size: 100% 100%;transition: 0.5s;} .rc li h2 p{padding-left: 0.25rem;font-size: 0.2rem;color: #222;font-family:FZDBSJW;transition: 0.5s;cursor: pointer;position: relative;} .rc li h2 p::before{content: "";position: absolute;left: 0;top: 50%;width: 0.15rem;height: 0.16rem;background: url(../images/rcbg3.png) no-repeat left center;transform: translateY(-30%);transition: 0.5s;background-size: 100% 100%;} .rc-b1{padding: 0 0.25rem;} .rc-b{width: 100%;padding: 0.3rem;box-shadow: 0px 0px 0.1rem 0px rgba(0, 0, 0, 0.1);background: url(../images/rcbg5.png) no-repeat top 0.55rem right -1.25rem;justify-content: flex-start;} .ul_list3 .rc-b{background: url(../images/rcbg5.png) no-repeat top 1rem right -0.8rem;} .rc-b span{width: 57%;} .rc-b span:last-child{width: 43%;} .rc-b p{width: 33.3%;text-align: center;} .rc-b a{margin-bottom: 0.1rem;line-height: 1.8;font-size: 0.16rem;transition: 0.5s;} .rc-b a.flex{justify-content: flex-start;} .rc-b a:hover{color: #a41d31;} .rc-b p a{display: block;} .ul_list3 li .rc-b p{width: 16.6%;} .ul_list3 li h2{background: url(../images/rcbg6.png) no-repeat;background-size: 100% 100%;} .rc li:hover h2 p::before{background: url(../images/rcbg4.png) no-repeat left center;} .rc li:hover h2 p{color: #fff;} .rc li:hover h2{background: url(../images/rcbg2.png) no-repeat;background-size: 100% 100%;} .ul_list3 li:hover h2{background: url(../images/rcbg7.png) no-repeat;background-size: 100% 100%;} .ul_list3 li{margin-bottom: 0;} /* 研究机构 */ .jg-l{width: 25%;} .jg-r{width: 75%;padding:0.4rem 0.3rem;background: url(../images/yjjg2.png) no-repeat right top #fcfcfa;} .jg-r h2{color: #a0132a;font-weight: bold;padding-bottom: 0.2rem;border-bottom: 1px solid #e8e8e7;margin-bottom: 0.3rem;} .jg-r ul{justify-content: flex-start;} .jg-r ul li{min-width: 33.3%;margin-bottom: 0.3rem;} .jg-r ul li a{position: relative;z-index: 1;padding: 0 0.15rem;font-size: 0.16rem;color: #333;} .jg-r ul li a::before{content: "";position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 0;height: 100%;background: url(../images/jgbg1.png) no-repeat center;transition: 0.5s;} .jg-r ul li a::after{content: "";position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: 0;height: 100%;background: url(../images/jgbg2.png) no-repeat center;transition: 0.5s;} .jg-r ul li:hover a{color: #a0132a;} .jg-r ul li:hover a::after,.jg-r ul li:hover a::before{width:11px;} /* 新闻 */ .news{padding-top: 0.2rem;} .news li{padding: 0.4rem 0.4rem 0.4rem 0.1rem;transition: 0.5s;margin-bottom: .15rem;} .news li .newdate{width: 0.65rem;text-align: center;} .news li .news-r{width: calc(100% - 0.65rem);padding-left: 0.3rem;} .news li .news-r .scale{width: 27.6%;max-height: 1.8rem;} .news li .news-r .newscont{width: 72.4%;padding: 0.2rem 0 0 0.4rem;} .news li .newdate span{font-size: 0.38rem;color: #a0142b;} .news li .newdate p{font-size: 0.16rem;color: #b7b7b7;margin-top: 0.08rem;} .news li img{width: 2.7rem;max-height: 1.8rem;} .news li .news-r .newscont p{font-size: 0.22rem;color: #222;line-height: 2;transition: 0.5s;} .news li:hover{background: #f6f6f6;} .news li:hover .newscont p{color: #a0132a;} /* 人物风采 */ .news1 li .news-r .scale{width: 16.6%; max-height: 2.1rem;} .news1 li .news-r .newscont{width: 83.4%;} .news1 li img{ max-height: 2.1rem;} @media screen and (max-width: 768px) { .news1 li .news-r .scale{width: 27.6%;max-height: 2.1rem;} .news1 li .news-r .newscont{width: 72.4%;} .news1 li img{max-height: 1.5rem;} } .page{margin:0.4rem 0;} .page img{margin: 0 auto;display: block;} /* 媒体视角 */ .mtsj li *{transition: 0.5s;} .mtsj li{margin-bottom: 0.3rem;height: 1rem;} .mtsj li a{height: 100%;} .mtsj li .mtdate{width: 1rem;border-right: 1px solid #e6e6e6;flex-direction: column;justify-content: center;text-align: center;height: 100%;} .mtsj li .mt-r{width: calc(100% - 1rem);padding:0 0.2rem; flex-direction: column;justify-content: center;height: 100%; } .mtsj li .mtdate span{font-size: 0.45rem;color: #a0132a;} .mtsj li .mtdate p{font-size: 0.14rem;color: #333;} .mtsj li .mt-r h2{font-size: 0.2rem;color: #333;line-height: 0.3rem;margin-bottom: 0.1rem;width: 100%;} .mtsj li .mt-r p{font-size: 0.14rem;color: #d2b297;padding-left: 0.2rem;} .mtsj li .mt-r p svg{width: 0.16rem;height: 0.16rem;border-radius: 50%;background: #a0132a;color: #d7be77;margin-right: 0.1rem;text-align: center;} .mtsj li .mt-r p::after{width: 0.16rem;height: 0.16rem;top: 50%;transform: translateY(-50%);bottom: auto;background: url(../images/mtjt1.png) no-repeat center;background-size: 100% 100%;} .mtsj li:hover .mt-r p::after{background: url(../images/mtjt2.png) no-repeat center;background-size: 100% 100%;} .mtsj li:hover .mtdate{background: #a0132a;border-right: 1px solid #a0132a;} .mtsj li:hover .mtdate span,.mtsj li:hover .mtdate p,.mtsj li:hover h2,.mtsj li:hover .mt-r p{color: #fff;} .mtsj li:hover .mt-r{background: url(../images/mtbg.png) no-repeat center;background-size: 100% 100%;} /* 通知公告 */ .tzgg li *{transition: 0.5s;} .tzgg li{margin-bottom: 0.2rem;padding: 0.15rem 0.1rem 0.15rem 0.2rem;height: 1.35rem;transition: 0.5s;position:relative;z-index: 5;overflow: hidden;} .tzgg li:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background: url(../images/tz1.png) no-repeat left center;z-index:-1;transition: 0.5s;} .tzgg li:hover:after{background: url(../images/tz2.png) no-repeat left center;} .tzgg li a{background: #fff;border: 1px dashed #e5e5e5;width: 100%;height: 100%;padding: 0 0.2rem;justify-content: flex-start;align-items: center;position:relative;z-index: 0;overflow: hidden;} .tzgg li a:after{content:"";position:absolute;right:-0.5rem;top: -1rem;width:3.06rem;height:3.35rem;background:url(../images/tz4.png) no-repeat right;z-index:2;opacity: 0;background-size: 100% 100%;} .tzgg li .tzdate{width: 0.7rem;height: 0.6rem;border-right: 1px solid #e9e9e8;} .tzgg li .tz-r{width: calc(100% - 0.7rem);padding-left: 0.2rem;} .tzgg li .tzdate span{font-size: 0.42rem;color: #333;font-family: pala;} .tzgg li .tzdate p{font-size: 0.15rem;color: #999;font-family: pala;/* margin-top: 0.1rem; */} .tzgg li .tz-r h2{font-size: 0.2rem;color: #222;line-height: 0.28rem;font-weight: 400;} .tzgg li:hover a:after{opacity:1;-webkit-animation: round_animate 5s linear infinite;display: block;animation: round_animate 5s linear infinite;} .tzgg li:hover .tzdate span,.tzgg li:hover .tz-r h2{color: #a0132a;} /* 人物风采 */ .rwfc{padding-top: 1rem;} .rwfc ul{margin: 0 -0.1rem;} .rwfc li{width: 50%;padding: 0 0.1rem;margin-bottom: 0.75rem;} .rwfc li a{padding:0.2rem;background: url(../images/fcbg.png) no-repeat center;height: 2.15rem;background-size: 100%;} .rwfc li .scale{width: 35%;margin-top: -0.6rem;} .rwfc li .scale .imged{padding-bottom: 132%;} .fc-r{width: 65%;padding-left: 0.2rem;} .fc-r h2{font-size: 0.22rem;color: #222;padding-bottom: 0.1rem;margin-bottom: 0.2rem;transition: 0.5s;} .fc-r h2::after{width: 0.4rem;height: 0.03rem;background: #a0132a;} .fc-r p{font-size: 0.14rem;color: #666;line-height: 0.24rem;max-height: 0.96rem;} .rwfc li:hover .fc-r h2{color:#a0132a;transform:translateX(0.2rem)} .rwfc li:nth-child(7),.rwfc li:nth-child(8){margin-bottom: 0;} /* 校园环境 */ .hj ul{margin: 0 -0.8%;} .hj li{width: 50%;padding: 0 0.8%;margin-bottom: 1.5%;} .hj li .imged{padding-bottom: 85.9%;} .hjlist{margin-bottom: 3.3%;} .hj li .hjlist .imged{padding-bottom: 77.2%;} .hjlist a{width: calc(50% - 1.6%);display: block;} .hj li img{max-height: 100%;} .hj li .hj2{max-height: 52%;} .hj li .hj2.imged{padding-bottom: 44.9%;} .hj li:nth-child(3) .hjlist{margin: 3.4% 0 0;} /* 内容页*/ .content .tit{font-size: 0.24rem;color: #222;line-height: 0.32rem;margin: 0.2rem 0 0.3rem;} .content .conttime{padding: 0.15rem 0;border-top: 1px solid #ebebeb;border-bottom: 1px solid #ebebeb;margin-bottom: 0.2rem;} .content .conttime span{font-size: 0.14rem;color: #666;padding-right: 0.5rem;} .cont p{text-indent: 2em;font-size: 0.16rem !important;color: #222 !important;line-height: 2 !important;font-family: "Microsoft Yahei" !important;/* text-align:justify !important; */} .cont p>img:first-child, .cont p a:first-child img{margin: 0.3rem auto;/* display: block; */margin-left: -1.6em;} .new_miew{border-top: 1px solid #c9c9c9;padding-top: 0.3rem;margin-top:0.5rem;} .new_miew p{font-size: 0.16rem;color: #222;line-height: 2;margin-bottom: 0.1rem;} .new_miew p a{transition: 0.5s;} .new_miew p:hover a{color: #a0132a;} .contewm{position: absolute;right: 0.5rem;top: 1.35rem;} .contewm li{margin-bottom: 0.2rem;width: 0.5rem;height: 0.5rem;border-radius: 50%;position: relative;cursor: pointer;} .contewm li .wxico{position: relative;z-index: 1;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;} .contewm li .wxico::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;border-radius: 50%;background: #bfbfc2;z-index: -1;transition: 0.5s;} .contewm li .ewm{position: absolute;right: 0.7rem;top: 50%;transform: translateY(-50%);width: 1rem;height: 1rem;background: #f6edd3;opacity: 0;transition: 0.5s;} .contewm li .ewm p{position: relative;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;} .contewm li .ewm p::after{content:"";position: absolute;right: -0.1rem;top: 50%;transform: translateY(-50%);border-left: 0.1rem solid #f6edd3;border-top:0.1rem solid transparent ;border-bottom:0.1rem solid transparent; } .contewm li .ewm p img{width: 0.89rem;height: 0.88rem;} .contewm li:hover .ewm{opacity: 1;} .contewm li:hover .wxico::after{background: #28c445;} .contewm li:nth-child(2):hover .wxico::after{background: #d32024;} .contewm li:nth-child(3):hover .wxico::after{background: #000;} /* 校训校歌 */ .xxtit{margin: 0.2rem 0 0.5rem;position: relative;padding-left: 0.3rem;z-index: 1;} .xxtit::before{content: "";position: absolute;top: 50%;transform: translateY(-50%);left: 0;width: 100%;height: 1px;background: #eaeaea;z-index: -1;} .xxtit::after{right: 0;top: 50%;transform: translateY(-50%);left: auto;bottom: auto;width: 0.07rem;height: 0.07rem;background: #a0132a;border-radius: 50%;z-index: 1;} .xxtit span{font-size: 0.28rem;line-height: 0.38rem;background: #fbfbfb;padding: 0 0.1rem;font-family:FZSSJW;color: #222222;z-index: 10;position: relative;} .xxcont{justify-content: flex-start;flex-direction: column;align-content: center;text-align: center;} .xxcont img{width:3.2rem;margin: auto;} .xxcont p{text-align: center;font-size: 0.16rem;line-height: 0.38rem;height: 0.38rem;color: #222;border-top: 1px solid #e8e8e9;border-bottom: 1px solid #e8e8e9;width: 50%;margin: 0.3rem auto 0;} .xg h3{font-size: 0.22rem;color: #a0132a;line-height: 0.37rem;font-family:FZSSJW;margin: 0.6rem 0 0.2rem;} .xxgs p{text-indent: 2em;font-size: 0.16rem;line-height: 2.4;color: #222;} .xxgs{margin-bottom: 0.5rem;} .xg3-l{width: 20%;} .xg3-b .xxgs{width: 80%;padding-left: 0.5rem;} .xg3-b{padding-left:0.3rem;} .xg3-l .xxcont p{width: 100%;} .xg3-l .xxcont{display: block;} .xgdc{background: url(../images/xgbg.png) no-repeat center/cover;padding: 0.4rem 1.75rem 0.3rem;} .gc{padding: 0 0.3rem;} .titgc,.titgc p{text-align: center;} .titgc h4{font-size: 0.22rem;line-height: 0.37rem;color: #222;margin-bottom: 0.1rem;} .titgc p,.gccont p{font-size: 0.16rem;color: #222;line-height: 0.36rem;} .gccont p{text-align: left;} .gccont{justify-content: flex-start;} .gccont .gc-l,.gccont .gc-r{width: 50%;} .gccont .gc-r{padding-left: 1rem;} /* 翻页 */ .j_pages{margin:0 auto 0 auto;text-align: center;} .j_pages .box{display:inherit;width:100%;padding: 0;font-size: 0;} .j_pages a{padding: 0px 0.16rem;height: 0.4rem;line-height: 0.4rem;display:inline-block;background: #fff;margin: 0 0.03rem;color: #919191;font-size: 0.14rem;box-sizing: border-box;-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out;border-radius: 0.04rem;border: 1px solid #dadbdd;margin-bottom: .15rem;} .j_pages a font{ padding:0 0.1rem} .j_pages .on{background: #a0132a;color: #fff;} .j_pages a:hover{background: #a0132a;color:#fff!important;} .j_pages span{color:#919191; padding: 0px 0.16rem;height: 0.4rem;line-height: 0.4rem;display:inline-block; font-size:0.14rem;} .j_pages input{color:#919191;padding: 0px 0.16rem;height: 0.4rem;line-height: 0.4rem;display:inline-block;font-size:0.14rem;background:#f6f6f6;border:none;cursor:pointer;border-radius: 0;transition: 0.6s;} .j_pages input[type="text"]{ width:0.4rem; padding:0; text-align:center} .j_pages input[type="submit"]:hover{ background: #a0132a; color:#fff} .j_pages .qd{background: #a0132a;color: #fff;border-radius: 0.05rem;height: 0.3rem;line-height: 0.3rem;} /* */ .audiojs {width: 100%;height: auto;display: flex;flex-wrap: wrap;justify-content: space-between;align-self: center;background: none;border-radius: 10px;overflow: hidden;font-size: 12px;}.audiojs .play-pause {width: 120px;height: 0.6rem;margin: 0px;padding: 0px 8px;overflow: hidden;display: flex;flex-direction: row;justify-content: space-around;min-width: 100px;margin:0 auto;}.audiojs .play-pause .pre { width: 0px; height: 90px; background-repeat: no-repeat; background-position: center; margin: 0px; overflow: hidden; display: none;}.audiojs .play-pause .next { width: 0px; height: 90px; background-repeat: no-repeat; background-position: center; margin: 0px; overflow: hidden; display: none;}.audiojs .info{ display: flex; flex-direction: column; justify-content: space-between; width: 100%;}.audiojs .info .title{ font-size: 18px; margin-top: 10px; color: #ab2e36;text-align:center;margin-bottom:20px; font-family:"微软雅黑";font-weight:bold}.audiojs .close{ width: 30px; height: 30px; line-height: 20px; display: block; position: relative; align-self: flex-start; font-family: Helvetica, STHeiti; _font-family: '黑体', 'Book Antiqua', Palatino; font-size: 22px; border-radius: 20px; color: #FFF; -moz-transition: linear .06s; -webkit-transition: linear .06s; transition: linear .06s; padding: 5px 0px 5px 0px; text-align: center; text-decoration: none; outline: none; cursor: pointer; display:none} .audiojs p { display: none; width: 25px; height: 40px; margin: 0px; cursor: pointer; } .audiojs .play { display: block; } .audiojs .scrubber { position: relative; float:none; align-self: center; width: 100%; background: #ddd; height: 4px; margin: 1px; overflow: hidden;}.audiojs .progress { position: absolute; top: 0px; left: 0px; height: 4px; width: 0px; background: #ab2e36; z-index: 1;} .audiojs .loaded { position: absolute; top: 0px; left: 0px; height: 4px; width: 0px; background: #ddd; } .audiojs .time { height: 16px; line-height: 16px; margin-top: 15px; margin-right: 6px; margin-left: 6px; margin-bottom: 16px; padding: 0px 6px 0px 12px; text-align: center; font-size: 14px; color: #555;} .audiojs .time em { padding: 0px 2px 0px 0px; color: #666; font-style: normal; } .audiojs .time strong { padding: 0px 0px 0px 2px; font-weight: normal; } .audiojs .error-message { float: left; display: none; margin: 0px 10px; height: 36px; width: 400px; overflow: hidden; line-height: 36px; white-space: nowrap; color: #fff; text-overflow: ellipsis; -o-text-overflow: ellipsis; -icab-text-overflow: ellipsis; -khtml-text-overflow: ellipsis; -moz-text-overflow: ellipsis; -webkit-text-overflow: ellipsis; } .audiojs .error-message a { color: #eee; text-decoration: none; padding-bottom: 1px; border-bottom: 1px solid #999; white-space: wrap; } .audiojs .play {background: url(../images/ks.png) no-repeat;border-radius: 0;width: 24px;height: 28px;padding: 5px;margin: 10px;}.audiojs .loading {background: none;border-radius: 0;width:60px;height: 60px;padding: 5px;margin: 10px 10px;}.audiojs .error { background: #ab2e36; border-radius: 50px; width:60px; height: 60px; padding: 5px; margin: 10px 10px; background-size: 20px 20px;}.audiojs .pause {background: #ab2e36;border-radius: 0;width: 32px;height: 32px;padding: 5px;margin: 10px 10px;background: url(../images/tz.svg) no-repeat;} .playing .play, .playing .loading, .playing .error { display: none; } .playing .pause { display: block; } .loading .play, .loading .pause, .loading .error { display: none; } .loading .loading { display: block; } .error .time, .error .play, .error .pause, .error .scrubber, .error .loading { display: none; } .error .error { display: block; } .error .play-pause p { cursor: auto; } .error .error-message { display: block; } /* piclist */ .piclist ul{margin: 0 -0.15rem;} .piclist li{width:33.3%;margin-bottom: 0.35rem;padding: 0 0.15rem;} .piclist li p{height: 0.6rem;line-height: 0.6rem;padding: 0 0.15rem;font-size: 0.16rem;color: #333;background: #f5f2f2;transition: 0.5s;} .piclist li:hover p{color: #a0142b;} /* 历史故事 */ .sdxs{width: 90%;margin: 0 auto;} .sdxs .big_tit{font-size: 0.4rem;font-weight: bold;text-align: center;margin-bottom: 0.5rem;} .sdxs .left{width: 50%;} .sdxs .right{width: 50%;} .sdxs_main{position: relative;padding-top: 1.2rem;} .lspic{margin: 0 -0.1rem;} .lspic .img{width:50% !important;padding: 0 0.1rem;} .sdxs_main::before{content: "";display: block;width: 0.24rem;height: 0.24rem;position: absolute;top: 0;left: calc(50% - 0.12rem);background: #a2172d;border-radius: 50%;z-index: 2;} .sdxs .box{padding-right: 10%;position: relative;padding-bottom: 0.5rem;min-height: 0.8rem;width: 50%;} .sdxs .box .btn{content: "";display: block;width: 0.73rem;height: 0.24rem;background: url(../images/sdxs_ico.png) no-repeat;background-size: 100% 100%;position: absolute;top: .3rem;right: -0.12rem;z-index: 3;transition: 0.4s;cursor: pointer;} .sdxs .box:hover .btn{background: url(../images/sdxs_ico_on.png) no-repeat !important;background-size: 100% !important;} .sdxs .box::before{width: 1px;height: 100%;background: #ececec;position: absolute;right: -1px;bottom: 0;content: "";display: block;transition: 0.4s;z-index: 1;} .sdxs .box:hover::before{background: #a2172d !important;} .sdxs .box:first-child::before{height: calc(100% + 1.2rem);top: -1.2rem;} .sdxs .box .tit{font-size: 0.3rem;color: #222222;text-align: right;font-weight: bold;transition: 0.4s;} .sdxs .box:hover .tit{color: #a2172d;} .sdxs .box .con{position: relative;/* margin-top: 0.45rem; */transition: 0.5s;} .sdxs .box .con p{font-size: 0.16rem;color: #222222;line-height: 0.32rem;margin-bottom: 0.3rem;text-indent: 2em;width: 100%;} .sdxs .box .con p img{ margin-left: -2em} .sdxs .box .con img{margin-bottom: 0.3rem;} .sdxs .box+.box::before{z-index: 2;} .sdxs .box+.box+.box::before{z-index: 2;} .sdxs .box+.box+.box+.box::before{z-index: 2;} .sdxs .sdxs_main .box:nth-child(2n){padding-right: 0;padding-left: 10%;margin-top: 0.4rem;} .sdxs .sdxs_main .box:nth-child(2n) .con{padding-left:0.1rem;} .sdxs .sdxs_main .box:nth-child(2n) .btn{content: "";display: block;width: 0.73rem;height: 0.24rem;background: url(../images/sdxs_ico.png) no-repeat;background-size: 100% 100%;position: absolute;top: .3rem;left: -0.12rem;z-index: 3;right: auto;transform:rotate(180deg);} .sdxs .sdxs_main .box:nth-child(2n)::before{width: 1px;height: 100%;background: #ececec;position: absolute;right: auto;bottom: 0;left: 0; content: "";display: block;} .sdxs .sdxs_main .box:nth-child(2n) .tit{text-align: left;} .sdxs .sdxs_main .box:nth-child(2n):first-child{margin-top: 1.45rem;transition: 0.4s;} .sdxs .sdxs_main .box:nth-child(2n).on:first-child{margin-top: 0.4rem;} .sdxs .sdxs_main .box:nth-child(2n):first-child::before{height: 100%;top: 0;} .sdxs .sdxs_main .box .con .img{overflow: hidden;width: 100%;} .sdxs .sdxs_main .box .con .img img{width: 100%;transition: 0.5s;} .sdxs .sdxs_main .box .con:hover img{transform: scale(1.05);} .lsgs1-gd{display: none;} .more002{ text-align: center;} .more002 a{ display: inline-block; cursor: pointer;} .more002 a img{transition: .5s;width: .61rem;height: .61rem;} .more002.on a img{ transform: rotateX(180deg);} /* **************** 2022.1128 人物风采 开始 ****************** */ .html_c6664 .news li .news-r .scale{width: 16.6%; max-height: 2.1rem;} .html_c6664 .news li .news-r .newscont{width: 83.4%;} .html_c6664 .news li img{ max-height: 2.1rem;} .html_c6664 .news li .newdate { display: none;} @media screen and (max-width: 768px) { .html_c6664 .news li .news-r .scale{width: 27.6%;max-height: 2.1rem;} .html_c6664 .news li .news-r .newscont{width: 72.4%;} .html_c6664 .news li img{max-height: 1.5rem;} .cont p img{max-width: 100%;height: auto;} } /* **************** 2022.1128 人物风采 结束 ****************** */ /* 手机屏 */ .sdxs_sjzs{display: none;position: relative;z-index: 3;} .sdxs_sjzs::before{content: "";display: block;width: 0.24rem;height: 0.24rem;position: absolute;top: 0;right: calc(0% - 0.12rem);background: #a2172d;border-radius: 50%;z-index: 2;} .sdxs_sjzs .box .btn{/* height: 0.2rem; *//* width: 0.7rem; */background-size: auto 100%;background: url(../images/sdxs_ico.png) no-repeat right center;z-index: 4;background-size: 100% 100%;} .sdxs_sjzs .box:hover .btn{background-size: auto 100% !important;background: url(../images/sdxs_ico_on.png) no-repeat right center !important; height: 0.32rem; width: 0.5rem;z-index: 4;} .sdxs_sjzs .box .con{margin-top: 0;padding-right: 0.3rem;} .sdxs_sjzs .box .tit{margin-bottom: 0.45rem;} @keyframes round_animate { to { transform: rotate(1turn); } } @media screen and (max-width: 1600px) { .w1400 { width: 1300px;} .contewm{right: 0.1rem;} .gccont .gc-r{padding-left: 0.8rem;} .xgdc{padding: 0.3rem 1.2rem;} } @media screen and (max-width: 1400px) { .w1400 { width: 94%;} .contewm{display: none;} } @media screen and (max-width: 1200px) { .rc .ul1{margin: 0 -0.1rem;} .rc .ul1 ul{padding: 0 0.1rem;width: 50%;} } @media screen and (max-width: 1024px) { .w1400 { width: 100%;padding: 0 15px;} .inner_left, .inner_right { width: 100%; } .inner {padding: 0.25rem 0 0.4rem;} .inner_left ul {background: #fffbf1;padding-bottom: .45rem;} .inner_left h2{height: 0.8rem;font-size: 0.3rem;} .rwfc li .scale{width: 1.7rem;margin-top: -0.4rem;} .rwfc li{margin-bottom: 0.55rem;} .fc-r{width:calc(100% - 1.7rem);} } @media screen and (max-width: 768px) { .inner_left ul { padding-bottom: 0.5rem; } .inner_left{margin-bottom: 0.2rem;} .jg{padding: 0.3rem 0 0;} .jg ul{margin: 0 -0.1rem;} .jg ul li{margin-bottom: 0.3rem;width: 33.3%;padding: 0 0.1rem;height: 0.56rem;} .rc .ul1 ul{width: 100%;padding: 0;} .rc .ul1{margin: 0;} .jg-r ul li{width: 50%;margin-bottom: 0.2rem;} .jg-l,.jg-r{width: 100%;} .jg-l{text-align: center;} .jg-r{background: url(../images/yjjg2.png) no-repeat right top #fcfcfa;background-size: contain;padding: 0.4rem 0.3rem 0.2rem;} .news li .news-r .newscont p{font-size: 0.2rem;line-height: 1.5;} .news li .news-r .newscont,.news li .news-r{padding-left: 0.2rem;} .tzgg li:hover a{/* background: url(../images/tz4.png) no-repeat right -1rem top -1rem #fff; *//* background-size:50%; */} .tzgg li a:after{width:2rem;height: 2rem;top: -.5rem;} .news li {padding: 0.2rem 0.1rem;} .rwfc li{width: 100%;padding: 0;margin-bottom: 0.3rem !important;} .rwfc ul{margin: 0;} .new_miew{padding-top: 0.2rem;margin-top:0.2rem;} .rc li{margin-bottom: 0.3rem;} .inn_com {padding: 0.2rem 0 0;} .gccont .gc-r{padding-left: 0.8rem;} .xgdc{padding: 0.3rem 0.5rem;} .piclist ul{margin: 0 -0.1rem;} .piclist li{width: 50%;padding: 0 0.1rem;} .sdxs_main{display: none;} .sdxs_sjzs{display: block;padding-top: 0.8rem;} .sdxs_sjzs .box{padding-bottom: 0.15rem;width:100%;} } @media screen and (max-width: 600px) { .jg ul li{width:50%;margin-bottom: 0.2rem;} .ul_list3 li .rc-b p{width:25%;} .news li .news-r .newscont{padding-top: 0.05rem;} .page {margin: 0.2rem 0 0} .content .tit{line-height: 0.32rem;margin: 0.1rem 0;} .xxcont p{width:100%;} .xg h3{margin: 0.2rem 0 0.1rem;} .xxtit {margin: 0.2rem 0;} .xxgs {margin-bottom: 0.2rem;} .rwfc {padding-top: 0.5rem;} .gc{padding:0;} } @media screen and (max-width: 500px) { .jg-r ul li { width: 100%;} .xgdc{padding: 0.3rem 0.2rem;} .gccont .gc-r{padding-left: 0.5rem;} } @media screen and (max-width: 420px) { .ldxq-l{width: 100%;margin-bottom: 0.3rem;text-align: center;} .ldxq-l img{position: static;width: 2.48rem;height: 3.21rem;} .ldxq-l .imged{padding-bottom: 0;} .ldxq-r{width: 100%;padding-left: 0rem;} .ldxq-r h2,.ldxq-r p.wl{text-align: center;} .ldxq-r p.wl::after{left: 50%;transform: translateX(-50%);} .jg ul li a{font-size: 0.16rem;} .rc-b p{width:25%;} .mtsj li .mtdate span{font-size: 0.36rem;} .mtsj li .mtdate{width: 0.7rem;} .mtsj li .mt-r{width: calc(100% - 0.7rem);padding-right: 0;} .mtsj li{height: 0.7rem;margin-bottom: 0.2rem;} .mtsj li .mt-r h2{font-size: 0.16rem;} .fc-r p{line-height: 0.28rem; -webkit-line-clamp: 3;} .xg3-l{width: 40%;text-align: center;margin: 0 auto 0.2rem;} .xg3-b .xxgs{width:100%;padding:0;} .xg3-b{padding-left:0rem;} .gccont .gc-r{padding-left: 0.3rem;} }