@charset "utf-8"; html{overflow-x: hidden;} @media (max-width:1920px) { html {font-size: 16px;} } @media (min-width:1400px) and (max-width:1600px) { html {font-size: 16px;} } @media (min-width:640px) and (max-width:1399px) { html {font-size: 15px;} } @media (min-width:471px) and (max-width:639px) { html {font-size: 14px;} } @media (min-width:320px) and (max-width:470px) { html {font-size: 14px;} } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .links-nr .bd li dd p{color:#eed097 !important;background:none !important;} } /*低版本跳转样式*/ .ie_bg{width:100%;height:100%;position:fixed;top:0;left:0;background-color:#000;opacity:0.9;filter:alpha(opacity=90);z-index:99998;} .ie9tips{width:600px;height:300px;position:fixed;top:50%;left:50%;margin:-150px 0 0 -300px;line-height: 1.8;color:#fff;z-index:99999;text-align:center;} .ie9tips a{color:red;} .ie9tips img{display:block;margin:0 auto;opactiy:0.9;filter:alpha(opacity=90);max-width: 100%;} .ie9tips p{padding-top:10px;color:#fff;width: 420px;margin:10px auto;line-height: 1.8;} /*==========================================公共 开始=============================================*/ .w10{width:100%;margin: 0 auto;} .wrap {max-width: 1200px;width: 100%;margin: 0 auto;} .body { background: url(images/bg.png); } .head-box{background: #66FFFF;} .head-box .wrap{position: relative;z-index: 2;} .head-box::after{content: "";width: 100%;height: 6px;position: absolute;left: 0;top: 0;background: url(../images/top-bg.png) repeat-y top center;z-index: 1;} .head-r{margin-top: 2.75rem;} #header {z-index: 1000;padding-top: 1.65rem;padding-bottom:0.65rem; background: #fff url(../images/top-bg02.png) no-repeat 100% bottom;} #header .logo {width: 42%;position: relative;} #header .logo a{display: block;} #header .logo img {width: 100%;} .head-r p{float: left;padding:0.375rem 0.625rem;border: 1px solid #999;border-radius: 0.6375rem;margin-right: 1.875rem;transition: 0.6s all;} .head-r p a{color: #999999;font-size: 0.75rem; padding: 0 6px;transition: 0.6s all;} .head-r p:hover{background-image: -moz-linear-gradient( -180deg, rgb(159,30,55) 0%, rgb(130,48,142) 100%); background-image: -webkit-linear-gradient( -180deg, rgb(159,30,55) 0%, rgb(130,48,142) 100%); background-image: -ms-linear-gradient( -180deg, rgb(159,30,55) 0%, rgb(130,48,142) 100%); transition: 0.6s all; } .head-r p:hover a{color: #fff;transition: 0.6s all;} .head-r .search{float: left;overflow: hidden;width: 200px;border-bottom: 1px solid #999;padding-bottom: 0.095rem;} .head-r .search .text{height: 1.25rem;line-height: 1.25rem;width: 180px;background: transparent;border: none; font-size: 0.75rem;color: #999;} .head-r .search .btn{width: 18px;height: 18px;float: right;cursor: pointer;} .animenu__toggle {display: none;cursor: pointer;background-image: -moz-linear-gradient( -180deg, rgb(42,39,167) 0%, rgb(130,48,142) 100%); background-image: -webkit-linear-gradient( -180deg, rgb(42,39,167) 0%, rgb(130,48,142) 100%); background-image: -ms-linear-gradient( -180deg, rgb(42,39,167) 0%, rgb(130,48,142) 100%);border: 0;padding: 0.3rem;height: 2.5rem;width: 2.5rem;} .animenu__toggle.animenu__toggle--active {background-color: #d6b97f;} .animenu__toggle.animenu__toggle--active .animenu__toggle__bar {background: #fff} .animenu__toggle__bar {display: block;width: 1.875rem;height: 2px;background-color: #fff;-webkit-transition: 0.15s cubic-bezier(0.75, -0.55, 0.25, 1.55);-o-transition: 0.15s cubic-bezier(0.75, -0.55, 0.25, 1.55);transition: 0.15s cubic-bezier(0.75, -0.55, 0.25, 1.55);} .animenu__toggle__bar+.animenu__toggle__bar {margin-top: 0.45rem;} .animenu__toggle--active .animenu__toggle__bar {margin: 0;position: absolute;} .animenu__toggle--active .animenu__toggle__bar:nth-child(1) {-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);} .animenu__toggle--active .animenu__toggle__bar:nth-child(2) {opacity: 0;} .animenu__toggle--active .animenu__toggle__bar:nth-child(3) {-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);} .animenu { background-image: -moz-linear-gradient( -180deg, rgb(42,39,167) 0%, rgb(130,48,142) 100%); background-image: -webkit-linear-gradient( -180deg, rgb(159,30,55) 0%, rgb(42,39,167) 100%); background-image: -ms-linear-gradient( -180deg, rgb(42,39,167) 0%, rgb(130,48,142) 100%); } .animenu ul {padding: 0;list-style: none;text-align: left;} .animenu li,.animenu a {display: inline-block;font-size: 1.125rem;} .animenu a {color: #fff;text-decoration: none;} .animenu__nav {} .animenu__nav>li {position: relative;height: 3.125rem;width: 9%;text-align: center;} .animenu__nav>li>a{font-size: 1rem;line-height: 3.125rem;} .animenu__nav>li>a {text-transform: uppercase;color: #fff;} .animenu__nav>li>a:first-child:nth-last-child(2):before {content: "";position: absolute;border: 4px solid transparent;border-bottom: 0;border-top-color: currentColor;top: 50%;margin-top: -2px;right: 10px;display: none;} .animenu__nav>li:hover>ul {opacity: 1;visibility: visible;margin: 0px 0 0;} .animenu__nav>li:hover>a {color: #d6b97f;} .animenu__nav__child {min-width: 124%;position: absolute;top: 100%;z-index: 9;opacity: 0;visibility: hidden;margin: 10px 0 0 0;background-color: #550882;transition: margin .15s, opacity .15s;} .animenu__nav__child>li {width: 100%;text-align: center;border-bottom: 1px solid rgba(255, 255, 255, 0.2);position: relative;} .animenu__nav__child>li:first-child>a:after {content: '';position: absolute;height: 0;width: 0;left: 50%;margin-left: -6px;top: -6px;border: 6px solid transparent;border-top: 0;border-bottom-color: #550882;} .animenu__nav__child>li:last-child {border: 0;} .animenu__nav__child a {padding: 10px;width: 100%;border-color: #550882;font-size: 0.875rem;} .animenu__nav__child a:hover {border-color: #550882;color: #d6b97f;} .animenu__nav--open {display: block !important;} .animenu__nav--open .animenu__nav__child {} .animenu__nav__child>li dl{position: absolute;left: -100%; top: 0;background-color: #550882;width: 100%;display: none;} .animenu__nav__child>li:hover dl{display: block;} .animenu__nav>li>a.on{color: #d6b97f;} .head-box2{position: fixed;width: 100%;top: 0;left: 0;z-index: 999;box-shadow: 0px 1px 40px 0px rgba(35, 29, 39, 0.3);} @media only screen and (max-width:1440px) { } @media(max-width: 1366px) { .head-box{padding: 0 0.9375rem;} .head-box2{position: relative;} #header .wrap{width: 100%;} #header .logo {} .head-r{margin-right: 3.125rem;} .animenu__nav__child>li {border-bottom: #e5e5e5 1px solid;} .animenu>ul{background: rgba(26,26,26,0.95);} .animenu {padding: 0;position: absolute;right: 0;top:70px;z-index: 9;width: 30%;z-index: 9999;} .center{margin-left: 1.875rem;} .animenu__toggle {display: inline-block;position: absolute;right: 0;margin-top: 0.9375rem;} .animenu__nav,.animenu__nav__child {display: none;} .animenu__nav__child a{color: #323232;line-height: 40px;font-size: 16px;} .animenu__nav>li {width: 100%;border-right: 0;border-bottom: 1px solid #4f0779;height: auto;background: none;} .animenu__nav>li .jt{ content:""; position:absolute; right:0; top:0; width:4rem; height:4rem; background:rgba(255,255,255,0.05) url(../images/jiantou.png) center no-repeat; background-size:6px auto; z-index:1000;} .animenu__nav>li>a.on{color: #fff;} .animenu__nav>li:last-child {border: 0;} .animenu__nav>li:first-child>a:after {content: '';position: absolute;height: 0;width: 0;left: 1em;top: -6px;border: 6px solid transparent;border-top: 0;border-bottom-color: inherit;display: none;} .animenu__nav>li>a {width: 100%;color: #fff; padding: 0 0 0 2rem !important;border-color: #111;background: #550882;position: relative;height: 4rem;line-height: 4rem;text-align: left;} .animenu__nav a:hover {background-color: #550882;border-color: #550882;color: #fff;height: 4rem;line-height: 4rem;} .animenu__nav__child {position: static;background-color: #f8f8f8;margin: 0;transition: none;visibility: visible;opacity: 1;} .animenu__nav__child>li:first-child>a:after {content: none;} .animenu__nav__child>li dl{display: block;position: relative;left: auto;top: auto;background: #f8f8f8;margin:0 50px 50px;width: auto;} .animenu__nav__child>li dl dd{border-top: 1px solid #e5e5e5;} .animenu__nav__child>li dl dd a{line-height: 26px;font-size: 14px;} .animenu__nav>li:hover>a{color: #fff;} .backtop{right: 0.3125rem;border: 0.9375rem;width: 40px;} } @media screen and (max-width: 1024px) { } @media(max-width: 768px) { #header{position: relative;} .top-r{position: absolute;margin-bottom: 0;right: 0;top: 0.625rem;} #header .logo{width: 72%;} .head-r{position: absolute;top: 0;right: 0;} .animenu{margin-top: 0;top: 88px;width: 70%;} .animenu__toggle{margin-top: 0;} .head-box{position: relative;} .head-box::after{content: "";display: none;} #header .wrap{padding-top: 2.5rem;} .head-r{margin-right: 0;margin-top: 0;} } @media(max-width: 414px) { } @media(max-width: 375px) { } @media(max-width: 360px) { .head-r .search{width: 140px;} .head-r .search .text{width: 120px;} } @media(max-width: 320px) { } /*==========================================公共 结束=============================================*/ /* banner */ .banner{height: auto !important;} .banner .swiper-slide{/* background: #4c256b; */height: 622px;width: 100%;} /*.banner .swiper-slide .text{width: 29%;height: 100%;/* background: url(../images/bg3.png) no-repeat bottom center;background-size: 90%; position: relative;z-index: 1;background-color:#4c256b;} .banner .swiper-slide .text a{display: block;width: 68%;position: absolute;;top: 25%;left:0px;right:0;bottom:0;margin:auto;z-index: 1;} .banner .swiper-slide .text h5{font-size: 1.375rem;color: #fff;line-height: 2.125rem;height: 4.25rem;overflow: hidden; font-family: simsun;margin-bottom: 1.25rem;} .banner .swiper-slide .text p{font-size: 0.875rem;color: #c4bdcc;line-height: 1.625rem;overflow: hidden;text-align: justify;}*/ .banner .swiper-slide .pic{width: 100%;position: relative;text-align: center;overflow: hidden;} .banner .swiper-slide .pic img {vertical-align: top;width: 100%;height:622px;} .banner .swiper-pagination{display: none;} .banner .swiper-button-prev{cursor: pointer !important; width: 36px;height: 36px;background: url(../images/banner-l.png) no-repeat center;left: 93%;bottom: 1rem;top: auto;z-index: 999;} .banner .swiper-button-next{cursor: pointer !important; width: 36px;height: 36px;background: url(../images/banner-r.png) no-repeat center;left: 96%;bottom: 1rem;top: auto;z-index: 999;} .banner .swiper-slide .text h5:hover{text-decoration: underline;} @keyframes centerBig { from {transform: scale(1.0, 1.0);} to {transform: scale(1.03, 1.03);} } @media(max-width: 1366px) { .banner .swiper-slide,.banner .swiper-slide .pic img{height: 356px;} .banner .swiper-button-prev,.banner .swiper-button-next{bottom: 2.5rem;} .banner .swiper-button-next{left: 17%;} } @media screen and (max-width: 1024px) { .banner .swiper-slide,.banner .swiper-slide .pic img{height: 386px;} .banner .swiper-slide .text{width: 100%;float: none;position: absolute;bottom: 0;height: auto;padding: 0 0.9375rem;} .banner .swiper-slide .text p{display: none;} .banner .swiper-slide .text a{float: none;width: 100%;top: auto;margin-top: 0;} .banner .swiper-slide .text h5{line-height: 2.25rem;height: 2.25rem;overflow: hidden;text-shadow: 0px 1px 8px rgba(35, 29, 39, 0.85);} .banner .swiper-slide .pic{width: 100%;float: none;} .banner .swiper-slide .pic::after{content: "";display: none;} .banner .swiper-button-prev{bottom: auto;top: 50%;left: 10px;} .banner .swiper-button-next{bottom: auto;top: 50%;right: 10px;left: auto;} } @media(max-width: 768px) { .banner .swiper-slide,.banner .swiper-slide .pic img{height: 290px;} } @media(max-width: 414px) { .banner .swiper-slide,.banner .swiper-slide .pic img{height: 156px;} .banner .swiper-slide .text h5{margin-bottom: 0;font-size: 1.125rem;} } @media(max-width: 375px) { .banner .swiper-slide,.banner .swiper-slide .pic img{height: 141px;} } @media(max-width: 360px) { .banner .swiper-slide,.banner .swiper-slide .pic img{height: 136px;} } @media(max-width: 320px) { .banner .swiper-slide,.banner .swiper-slide .pic img{height: 120px;} } /* part1 */ .part1{padding-top: 3.125rem; background:#FFFFFF} .part1-l{width: 69.16%;} .title{margin-bottom: 1.25rem;} .title h7{font-size: 1.625rem;color: #323232;padding-left: 0px;padding-right: 120px;position: relative;line-height: 1.875rem;} .title h7::after{content: "";display: block;position: absolute;right: 0;top: 0.9375rem; width: 100px;height: 1px;background: #c5c5c5;} .title h5{font-size: 1.625rem;color:#82308e;;padding-left: 120px;padding-right: 120px;position: relative;line-height: 1.875rem;} .title h5::after{content: "";display: block;position: absolute;right: 0;top: 0.9375rem; width: 100px;height: 1px;background:#82308e;;} .title h5::before{content: "";display: block;position: absolute;left: 0;top: 0.9375rem; width: 100px;height: 1px;background:#82308e;;} .title a{font-size: 0.875rem;color: #999999;line-height: 1.875rem;transition: 0.6s all;} .title a:hover{color: #82308e;padding-right: 0.375rem;transition: 0.6s all;} .part1-l li{float: left;width: 48.19%;margin-right: 3.62%;background: #fff;position: relative;} .part1-l li:nth-child(even){margin-right: 0;} .part1-l li a{display: block;padding: 1.25rem 0;border-top: 1px solid #eeeeee;transition: 0.6s all;position: relative;} .part1-l li .pic{position: relative;} .part1-l li .pic .img{background: #82308e;overflow: hidden;} .part1-l li .pic .img img{display: block;width: 100%;opacity: 0.9;object-fit:cover;transition: 0.6s all;height: 250px;} .part1-l li .pic .time{position: absolute;right: 0;bottom: 0;padding: 4px 10px 0 0; width: 76px;height: 51px;background: url(../images/part1-02.png) no-repeat center;} .part1-l li .pic .time .day{font-size: 1.375rem;color: #82308e;text-align: right;font-weight: bold;padding-bottom: 0.25rem;margin-bottom: 0.25rem;background: url(../images/part1-04.png) no-repeat bottom right;} .part1-l li .pic .time .year{font-size: 0.75rem;color: #82308e;text-align: right;} .part1-l li .text{margin-top: 1.25rem;transform: 0.6s all;} .part1-l li .text h5{font-size: 1rem;color: #323232;line-height: 1.625rem;height: 3.25rem;overflow: hidden;font-weight: normal;margin-bottom: 0.9375rem;transition: 0.6s all;} .part1-l li .text p{font-size: 0.75rem;color: #888888;line-height: 1.375rem;height: 2.75rem;overflow: hidden;} .part1-l li .text h5 img{margin-top: 8px;margin-left: 0.625rem;} .part1-l li:hover a{box-shadow: 0px 0px 16px 0px rgba(145, 145, 145, 0.39);padding: 0 0 2.5rem 0; transition: 0.6s all;} .part1-l li:hover .pic .img img{opacity: 1;transform: scale(1.1); transition: 0.6s all;} .part1-l li:hover .text{padding: 0 1.25rem;transform: 0.6s all;} .part1-l li:hover .text h5{color: #82308e;transition: 0.6s all;} .border{position:absolute;background:none;transition:all .5s ease-in-out;} .part1-l li>.border:nth-of-type(1){top:0;left:0;width:0;height:0;border-top:1px solid #82308e;} .part1-l li>.border:nth-of-type(2){top:0;right:0;width:10px;height:0;border-right:1px solid #82308e;} .part1-l li>.border:nth-of-type(3){bottom:0;right:0;width:0;height:0;border-bottom:1px solid #82308e;} .part1-l li>.border:nth-of-type(4){bottom:0;left:0;width:0;height:0;border-left:1px solid #82308e;} .part1-l li:hover .border:nth-of-type(1){width:100%;} .part1-l li:hover .border:nth-of-type(2){height:100%;} .part1-l li:hover .border:nth-of-type(3){width:100%;} .part1-l li:hover .border:nth-of-type(4){height:100%;} .part1-l .title{position: relative;} .part1-l .title .fr{float: left;margin-left: 2.5rem;} .part1-r{width: 27.5%;} .part1-r li{padding: 1.125rem 0;border-top: 1px solid #eeeeee;} .part1-r li a{display: block;position: relative;overflow: hidden;} .part1-r li .time{position: relative;float: left;width: 46px;height: 70px;border: 1px solid #82308e;border-radius: 7px;transition: 0.6s all;} .part1-r li .day{transition: 0.6s all;font-size: 1.75rem;color: #82308e;font-family: "times new roman";text-align: center;line-height: 42px;background: url(../images/part1-05.png) no-repeat bottom center;margin-bottom: 0.3125rem;} .part1-r li .month{transition: 0.6s all;font-size: 0.75rem;color: #999999;text-align: center;} .part1-r li p{margin-left: 66px;font-size: 1rem;color: #323232;line-height: 1.625rem;height: 3.25rem;overflow: hidden;margin-top: 0.625rem;transition: 0.6s all;} .part1-r li:hover .time{ background-image: -moz-linear-gradient( 90deg, rgb(42,39,167) 0%, rgb(130,48,142) 100%); background-image: -webkit-linear-gradient( 90deg, rgb(159,30,55) 0%, rgb(130,48,142) 100%); background-image: -ms-linear-gradient( 90deg, rgb(42,39,167) 0%, rgb(130,48,142) 100%); transition: 0.6s all; } .part1-r li:hover .day{color: #fff;background: url(../images/part1-05-on.png) no-repeat bottom center;transition: 0.6s all;} .part1-r li:hover .month{color: #fff;transition: 0.6s all;} .part1-r li:hover p{color: #82308e;transition: 0.6s all;} /* part2 */ .part2{padding: 3.125rem 0;margin: 3.125rem auto 0 auto; } .part2 .swiper-container{padding-bottom: 8px;} .part2 .title{position: relative;} .part2 .title .fr{float: left;margin-left: 2.5rem;} .part2-nr{position: relative;} .part2-nr .swiper-slide{} .part2-nr .swiper-slide a{display: block;position: relative;padding-top: 38px;} .part2-nr .swiper-slide .text{background:#fff;position: relative;z-index: 3; padding: 3.375rem 1.25rem 1.25rem;box-shadow: 0px 1px 6px 0px rgba(98, 98, 98, 0.16);transition: 0.6s all;} .part2-nr .swiper-slide .text::after{content: "";position: absolute;z-index: 1; top: 0;left: 0; width: 100%;height: 2px;transition: height 1s;-webkit-transition: height 1s; /* Safari */ background-image: -moz-linear-gradient( 90deg, rgb(42,39,167) 0%, rgb(130,48,142) 100%); background-image: -webkit-linear-gradient( 90deg, rgb(42,39,167) 0%, rgb(159,30,55) 100%); background-image: -ms-linear-gradient( 90deg, rgb(42,39,167) 0%, rgb(130,48,142) 100%);} .part2-nr .swiper-slide .text h5{position: relative; text-align:center;z-index: 2; font-size: 1.6rem;color: #323232;line-height: 1.625rem;height: 3.25rem;overflow: hidden;font-weight: normal;margin-bottom: 0.625rem;} .part2-nr .swiper-slide .text h5::after{content: "";display: block;position: absolute;right: 0;top: 0.9375rem; width: 60px;height: 1px;background:#fff;;} .part2-nr .swiper-slide .text h5::before{content: "";display: block;position: absolute;left: 0;top: 0.9375rem; width: 60px;height: 1px;background:#fff;;} .part2-nr .swiper-slide .text ul{position: relative;z-index: 2;} .part2-nr .swiper-slide .text ul li{padding-left: 0px;font-size: 0.75rem;color: #666666;line-height: 1.5rem;height:158px;overflow: hidden; margin-bottom: 0.5rem;transition: 0.6s all;} .part2-nr .swiper-slide .text ul li+li{background: url(../images/part2-04.png) no-repeat left center;} .part2-nr .swiper-slide .text ul li+li+li{background: url(../images/part2-05.png) no-repeat left center;} .part2-nr .swiper-slide .pic{position: absolute;z-index: 4; top: 7px;left: 50%;margin-left: -35px; width: 70px;height: 70px;border-radius: 50%;overflow: hidden;} .part2-nr .swiper-slide .pic img{display: block;width: 70px;height: 70px;border-radius: 50%;transition: 0.6s all;} .part2-nr .swiper-slide .img{display: block; position: absolute;z-index: 1; top: 0;left: 50%;margin-left: -42px; width: 84px;height: 84px;border-radius: 50%;border: 1px dashed #d39928;transition: 0.6s all;} .part2-nr .swiper-button-prev{left: -66px;width: 36px;height: 36px;background: url(../images/part2-l.png) no-repeat center;} .part2-nr .swiper-button-next{right: -66px;width: 36px;height: 36px;background: url(../images/part2-r.png) no-repeat center;} .part2-nr .swiper-pagination{width: 100%;margin-top: 1.25rem;display: none;} .part2-nr .swiper-pagination .swiper-pagination-bullet{width: 6px;height: 6px;background: #82308e;margin: 0 5px;} .part2-nr .swiper-slide:hover .text{ box-shadow: 0px 1px 9px 0px rgba(52, 24, 68, 0.34);transition: 0.6s all;} .part2-nr .swiper-slide:hover .text::after{height: 100%;} .part2-nr .swiper-slide:hover .text h5{color: #fff;} .part2-nr .swiper-slide:hover .text ul{background: #fff} .part2-nr .swiper-slide:hover .text ul li{color: #fff;} .part2-nr .swiper-slide:hover .img{border: 1px solid #e6d6e8;background: #e6d6e8;transition: 0.6s all;} .part2-nr .swiper-slide:hover .pic img{transition: 0.6s all;transform: scale(1.1);} /* footer */ .footer{background: url(../images/footer-bg.png) no-repeat center;background-size:cover;padding: 1.875rem 0;} .footer .clear{position: relative;} .footer-l{width: 35.41%;position: absolute;top: 50%;margin-top: -50px;} .footer-l a{display: block;} .footer-l img{display: block; width: 100%;} .footer-c{position: relative;left: 35.41%; padding-left: 1.875rem;margin-left: 1.875rem;border-left: 1px solid #83549d;} .footer-c li{float: left;margin-right: 0.625rem;} .footer-c li a{display: block;padding: 0 1.25rem;line-height: 2rem;font-size: 0.875rem;color: #fff;border: 1px solid #83549d;transition: 0.6s all;} .footer-c p{margin-top: 1.125rem;font-size: 0.875rem;color: #e4dfea;} .footer-c li:hover a{border: 1px solid #fff;transition: 0.6s all;} .footer-r{ /*width: 10%;*/} .footer-r .pic{overflow: hidden;} .footer-r .pic img{display: block;width: 100%;} .footer-r p{font-size: 0.75rem;color: #fff;text-align: center;line-height: 1.875rem;} @media(max-width: 1366px) { .part1{width: calc(100% - 30px);margin: 0 auto;} .part2{width: calc(100% - 30px);margin: 0 auto;} .footer{padding: 1.875rem 0.9375rem; margin: 0 auto;} .part2-nr .swiper-pagination{display: block;} .part2-nr .swiper-button-prev,.part2-nr .swiper-button-next{display: none;} } @media screen and (max-width: 1024px) { .part1-l,.part1-r{width: 100%;float: none;} .part1-l li .pic .img img{height: 299px;} .part1-r{margin-top: 3.125rem;} .part1-l li .pic .img img{height: 222px;} .footer-l{position: relative;top: auto;float: none;width: 70%;margin: 0 auto;} .footer-c{width: 100%;float: none;left: auto;margin-left: 0;padding-left: 0;border-left: none;margin:1.875rem auto;} .footer-c ul{display: table;margin: 0 auto;} .footer-c p{text-align: center;line-height: 1.25rem;} .footer-r{float: none;width:30%;display: table;margin: 0 auto;} } @media(max-width: 768px) { .part1-l li .pic .img img{height: 222px;} .footer-l{position: relative;top: auto;float: none;width: 70%;margin: 0 auto;} .footer-c{width: 100%;float: none;left: auto;margin-left: 0;padding-left: 0;border-left: none;margin:1.875rem auto;} .footer-c ul{display: table;margin: 0 auto;} .footer-c p{text-align: center;line-height: 1.25rem;} .footer-r{float: none;width:30%;display: table;margin: 0 auto;} } @media(max-width: 414px) { .part1-l li{width: 100%;float: none;} .part1-l li .pic .img img{height: 240px;} .footer-r{width:50%;} .footer-c li a{padding: 0 0.625rem;} } @media(max-width: 375px) { .part1-l li .pic .img img{height: 216px;} } @media(max-width: 360px) { .part1-l li .pic .img img{height: 206px;} } @media(max-width: 320px) { .part1-l li .pic .img img{height: 181px;} } /* list 公用 start*/ .list-banner{position: relative;width: 100%;background: #4c256b;} .list-banner .pic{float: right;width: 100%;} .list-banner .pic img{display: block;width: 100%;} .list{padding: 3.125rem 0;position: relative;} .list-l{width: 72.5%;} .position{margin-bottom: 1.25rem;} .position p{padding-left: 26px;background: url(../images/position.png) no-repeat left center;line-height: 1.25rem;font-size: 0.875rem;color: #888888;} .position p a{color: #888888;padding: 0 0.3125rem;transition: 0.6s all;} .position p a:hover{color: #843490;transition: 0.6s all;} .list-r{width: 22.5%;} .list-nav{} .list-nav .pic{display: none;} .list-nav .pic img{display: block;} .list-nav h5{padding-left: 1.875rem;font-size: 1.625rem;color: #323232;letter-spacing: 0.125rem;margin-bottom: 0.625rem; line-height:2rem;} .list-nav h5 a{color: #323232;} .list-nav p{padding-left: 1.875rem;font-size: 0.75rem;color: #999999;font-family: "times new roman";letter-spacing: 0.1875rem;margin-bottom: 1.25rem;} .list-nav ul{position: relative;background: #fff;} .list-nav ul::after{content: "";width: 3px;height: 100%;background: #dddddd;position: absolute;left: 0;top: 0;z-index: 1;} .list-nav ul li{} .list-nav li>a{position: relative; display: block; margin-left:0.625rem; padding: 0.9375rem 1.25rem;font-size: 1.125rem;color: #323232;border-bottom: 1px solid #efefef;} .list-nav ul li:first-child>a{border-top: 1px solid #efefef;} .list-nav li>a::after{content: "";width: 3px;height: 0px;background: #82308e;position: absolute;left: -0.625rem;top: 0;z-index: 2;transition: height 1s;-webkit-transition: height 1s; /* Safari */} .list-nav dl dd{position: relative; margin-left: 0.625rem;padding: 0.9375rem 0 0.9375rem 2.25rem;border-bottom: 1px solid #efefef;} .list-nav dl dd::after{content: "";width: 3px;height: 0px;position: absolute;left: -0.625rem;top: 0;z-index: 2;background: #82308e;transition: height 1s;-webkit-transition: height 1s; /* Safari */} .list-nav dl dd a{display: block;padding-left: 0.9375rem;background: url(../images/list-nav01.png) no-repeat left center;font-size: 0.875rem;color: #666666;} .list-nav dl dd.on::after{content: "";width: 3px;height: 100%;position: absolute;left: -0.625rem;top: 0;z-index: 2;background: #0000CC;} .list-nav dl dd.on a{background: url(../images/list-nav02.png) no-repeat left center;color: #82308e;} .list-nav ul li>a:hover{color: #82308e;transition: 0.6s all;} .list-nav ul li>a:hover::after{height: 100%;} .list-nav dl dd:hover::after{height: 100%;} .list-nav dl dd:hover a{color: #82308e;} .list-nav ul li.onn>a{color: #82308e;} .list-nav ul li.onn>a::after{height: 100%;} /* 推荐新闻 */ .list-pic{margin-top: 3.125rem;background: url(../images/list-bg.png); height:595px;} .list-piccont{margin-top: 1.125rem;background: url(../images/list-bg1.png); height:595px;} .list-pic h5,.list-text h5{margin-bottom: 1.25rem;font-size: 1.625rem;} .list-pic h5 a,.list-text h5 a{color: #323232;transition: 0.6s all;} .list-pic h5:hover a,.list-text h5:hover a{color: #82308e;transition: 0.6s all;} .list-pic .img a{display: block;} .list-pic .img .pic{overflow: hidden;background: #82308e;margin-bottom: 0.9375rem;} .list-pic .img .pic img{display: block;width: 100%;opacity: 0.9;transition: 0.6s all;} .list-pic .img p{font-size: 1rem;color: #323232;line-height: 1.5rem;height: 3rem;overflow: hidden;transition: 0.6s all;} .list-pic .img:hover .pic img{opacity: 1;transform: scale(1.1);transition: 0.6s all;} .list-pic .img:hover p{color: #82308e;transition: 0.6s all;} .list-pic li{margin-top: 0.9375rem;padding-top: 0.9375rem;border-top: 1px solid #efefef;} .list-pic li a{display: block;position: relative;overflow: hidden;} .list-pic li .pic{position: relative;width: 90px;height: 56px;overflow: hidden;float: left;background: #82308e;} .list-pic li .pic img{display: block;width: 90px;height: 56px;opacity: 0.9;transition: 0.6s all;} .list-pic li .text{margin-left: 105px;} .list-pic li .text p{font-size: 1rem;color: #323232;line-height: 1.25rem;height: 2.5rem;overflow: hidden;margin-bottom: 0.5rem;transition: 0.6s all;} .list-pic li .text i{font-style: normal;color: #82308e;font-size: 0.75rem;} .list-pic li:hover .pic img{opacity: 1;transform: scale(1.1);transition: 0.6s all;} .list-pic li:hover .text p{color: #82308e;transition: 0.6s all;} .list-text{margin-top: 3.125rem;} .list-text li{margin-bottom: 0.9375rem;padding-bottom: 0.9375rem;border-bottom: 1px solid #efefef;} .list-text li a{display: block;} .list-text li p{font-size: 1rem;color: #323232;line-height: 1.5rem;height: 3rem;overflow: hidden;margin-bottom: 0.5rem;transition: 0.6s all;} .list-text li i{font-style: normal;font-size: 0.75rem;color: #82308e;} .list-text li:hover p{color: #82308e;transition: 0.6s all;} .list-text li:last-child{border-bottom: none;margin-bottom: 0;padding-bottom: 0;} .fanye{margin-top: 3.125rem;} .fanye img{display: block;margin: 0 auto;max-width: 100%;} /* list 公用 end*/ /* list01 start */ .list01 li{margin-bottom: 1.25rem;padding-bottom: 1.25rem;border-bottom: 1px solid #efefef;} .list01 li a{display: block;overflow: hidden;} .list01 li .pic{width: 43.67%;overflow: hidden;background: #82308e;} .list01 li .pic img{display: block;width: 100%;opacity: 0.9;transition: 0.6s all;} .list01 li .text{width: 52.87%;} .list01 li .text h5{font-size: 1.125rem;color: #323232;line-height: 1.875rem;height: 3.75rem;overflow: hidden;transition: 0.6s all;} .list01 li .text i{font-style: normal;font-size: 0.75rem;color: #82308e;display: block;margin: 1.625rem 0;} .list01 li .text p{font-size: 0.75rem;color: #999999;line-height: 1.5rem;height: 4.5rem;overflow: hidden;margin-bottom: 1.25rem;} .list01 li .text h4{overflow: hidden;font-weight: normal;} .list01 li .text h4 i{float: left;color: #999999;padding-left: 22px;background: url(../images/list02.png) no-repeat left center;margin: auto;} .list01 li .text h4 span{float: right;font-size: 0.75rem;color: #82308e;padding-bottom: 6px;border-bottom: 1px solid #82308e;} .list01 li:hover .pic img{transition: 0.6s all;transform: scale(1.1);opacity: 1;} .list01 li:hover .text h5{color: #82308e;transition: 0.6s all;} /* list01 end */ /* list02 start */ .list02-t{width: 100%;} .list02-t-big{width: 65.51%;} .list02-t-big a{display: block;position: relative;} .list02-t-big .pic{overflow: hidden;background: #82308e;} .list02-t-big .pic img{display: block;width: 100%;opacity: 0.9;transition: 0.6s all;object-fit:cover;height: 354px;} .list02-t-big .text{position: absolute;top: 0;left: 0;width: 100%;height: 100%; background: url(../images/list06.png) repeat-x bottom;} .list02-t-big .text p{position: absolute;bottom: 1.25rem;padding: 0 1.25rem;width: 100%;} .list02-t-big .text p i{font-size: 1.125rem;color: #fff;font-style: normal;font-weight: bold;width: 85%;display: -webkit-inline-box;line-height: 1.25rem;height: 1.25rem;overflow: hidden;} .list02-t-big .text p span{font-size: 0.75rem;color: #d4d4d3;padding-top: 4px;display: -webkit-inline-box;} .list02-t-big:hover .pic img{transform: scale(1.1);transition: 0.6s all;opacity: 1;} .list02-t-big:hover .text p i{text-decoration: underline;} .list02-t ul{width: 31.03%;} .list02-t li{margin-bottom: 1.25rem;} .list02-t li a{display: block;position: relative;} .list02-t li .pic{overflow: hidden;background: #82308e;} .list02-t li .pic img{display: block;width: 100%;opacity: 0.9;transition: 0.6s all;object-fit:cover;height: 167px;} .list02-t li .text{position: absolute;width: 100%;height: 100%; top: 0;left: 0;background: url(../images/list08.png) repeat-x bottom;} .list02-t li .text p{position: absolute;bottom: 0.625rem;padding: 0 0.9375rem;font-size: 0.875rem;line-height: 1.5rem;height: 3rem;color: #fff; overflow: hidden;} .list02-t li .text p i{font-style: normal;font-size: 0.75rem;color: #cecece;margin-left: 0.625rem;} .list02-t li:hover .pic img{transform: scale(1.1);transition: 0.6s all;opacity: 1;} .list02-t li:hover .text p{text-decoration: underline;} .list02-b ul{margin-bottom: -1.875rem;} .list02-b li{float: left;width: 31.03%;margin-right: 3.455%;margin-bottom: 1.875rem;} .list02-b li+li+li{margin-right: 0;} .list02-b li+li+li+li{margin-right: 3.455%;} .list02-b li+li+li+li+li+li{margin-right: 0;} .list02-b li+li+li+li+li+li+li{margin-right: 3.455%;} .list02-b li+li+li+li+li+li+li+li+li{margin-right: 0;} .list02-b li a{display: block;} .list02-b li .pic{overflow: hidden;background: #82308e;margin-bottom: 0.9375rem;} .list02-b li .pic img{display: block;width: 100%;object-fit: cover;height: 167px;opacity: 0.9;transition: 0.6s all;} .list02-b li .text{padding-left: 24px;background: url(../images/list09.png) no-repeat left 5px;} .list02-b li .text i{font-style: normal;font-size: 0.75rem;color: #999999;} .list02-b li .text h5{margin-top: 0.75rem;font-size: 1rem;color: #323232;line-height: 1.25rem;height: 1.25rem;overflow: hidden;transition: 0.6s all;} .list02-b li .text p{margin-top: 0.9375rem;font-size: 0.75rem;color: #999999;line-height: 1.25rem;height: 2.5rem;overflow: hidden;} .list02-b li:hover .pic img{transform: scale(1.1);transition: 0.6s all;opacity: 1;} .list02-b li:hover .text h5{color: #82308e;transition: 0.6s all;} /* list02 end */ /* llist03 start */ .list03 li{margin-bottom: 0.9375rem;padding-bottom: 0.9375rem;border-bottom: 1px solid #efefef;} .list03 li a{display: block;position: relative;overflow: hidden;} .list03 li .time{width: 46px;height: 70px;border: 1px solid #82308e;border-radius: 7px;position: relative;float: left;transition: 0.6s all;} .list03 li .day{transition: 0.6s all;font-size: 1.75rem;color: #82308e;font-family: "times new roman";text-align: center;line-height: 44px;background: url(../images/part1-05.png) no-repeat bottom center;} .list03 li .month{font-size: 0.75rem;color: #999999;text-align: center;line-height: 1.5rem;transition: 0.6s all;} .list03 li .text{margin-left: 66px;} .list03 li .text h5{font-size: 1.125rem;color: #323232;line-height: 1.375rem;height: 1.375rem;overflow: hidden;margin-bottom: 0.625rem;transition: 0.6s all;} .list03 li .text p{font-size: 0.75rem;color: #999999;line-height: 1.25rem;height: 2.5rem;overflow: hidden;} .list03 li:hover .time{ background-image: -moz-linear-gradient( 90deg, rgb(42,39,167) 0%, rgb(130,48,142) 100%); background-image: -webkit-linear-gradient( 90deg, rgb(42,39,167) 0%, rgb(130,48,142) 100%); background-image: -ms-linear-gradient( 90deg, rgb(42,39,167) 0%, rgb(130,48,142) 100%); transition: 0.6s all;} .list03 li:hover .day{background: url(../images/part1-05-on.png) no-repeat bottom center;color: #fff;transition: 0.6s all;} .list03 li:hover .month{color: #fff;transition: 0.6s all;} .list03 li:hover .text h5{color: #82308e;transition: 0.6s all;} /* list03 end */ /* show start */ .show01{padding-bottom: 0.625rem;border-bottom: 1px solid #efefef;margin-bottom: 1.875rem;} .show01 h5{font-size: 2rem;line-height: 3.125rem;font-weight: normal;margin-bottom: 1.25rem; text-align:center;} .show01 p{font-size: 0.875rem;color: #999999;} .show01 p i{font-style: normal;padding-left: 20px;background: url(../images/show01.png) no-repeat left center;margin-right: 1.875rem;} .show01 p i+i{background: url(../images/list02.png) no-repeat left center;} .show02 p{font-size: 1rem;color: #323232;line-height: 2.375rem;text-indent: 2.25rem;margin: 0.9375rem 0;} .show02 p a{word-break:break-all;} .show02 h4{font-size: 1.125rem; background:#e7e7e7;} #vsb_content p{font-size: 1.125rem !important;color: #323232 !important;line-height: 2.375rem !important;text-indent:2em;text-align:justify;} #vsb_content img{display:inline-block;margin:0 auto; text-align:center;} #vsb_content table p{text-indent:0em !important;font-size: 1rem !important;text-align:justify;} #vsb_content_2 p,#vsb_content_6 p{font-size: 1rem !important; text-align:justify; text-indent:25px;color: #323232 !important;line-height: 2.375rem !important;} #vsb_content_2 P a{word-break:break-all;} #vsb_content p.vsbcontent_img img{display:inline-block;margin:0 auto; text-align:center;} .show02 img{max-width: 100%;height:auto !important;} #vsb_content_2 .vsbcontent_img img{/*width:650px;*/} .show02 p span img{width:auto;} .show03{margin-top: 3.125rem;padding-top: 1.875rem;border-top: 1px solid #efefef;} .show03 p{margin: 0.9375rem 0;font-size: 1rem;color: #323232;line-height: 1.5rem;} .show03 p a{color: #323232;color: #323232;} .show03 p a:hover{color: #82308e;transition: 0.6s all} #vsb_content_2 IMG{border:none !important;display:inline-block;} /* show end */ /*2021-3-29新增样式*/ #ss_result .ss_title{display: block;font-size:18px;color: #404040;line-height: 32px;} #ss_result .ss_title span{font-size:18px;} #ss_result .ss_des{display: block;font-size:15px;color: #606060;line-height: 28px;} #ss_result .ss_date{display: block;font-size:15px;color: #404040;line-height: 28px;} #ss_result .ss_wjg{font-size:16px;} #ss_result .ss_wjg ul li{margin-bottom: 0.75rem;border-bottom: #e5e5e5 1px solid;padding-bottom: 0.75rem;} @media(max-width: 1366px) { .list{width: calc(100% - 30px);margin: 0 auto;} } @media screen and (max-width: 1024px) { .list-banner .img{display: none;} .list-banner .pic{float: none;width: 100%;} .list-l{width: 100%;float: none;} .list-r{width: 100%;float: none;} .list-nav{position: absolute;top: 1.875rem;} .list{padding: 5rem 0 3.125rem 0;} .position{display: none;} .list-nav{width: 100%;} .list-nav p{display: none;} .list-nav ul{display: none;} .list-nav h5{padding-left: 0;width: 100%;} .list-nav h5 a{display: block;} .list-nav .pic{display: block;position: absolute;right: 0;top: 0;} .list02-t-big .pic img{height: 404px;} .list02-t li .pic img{height: 191px;} .list02-b li .pic img{height: 191px;} .part1-l .title .fr{margin-left: 0;float: right;} .part2 .title .fr{margin-left: 0;float: right;} } @media(max-width: 768px) { .list01 li .text i{margin: 0.9375rem 0;} .list02-t-big{width: 100%;margin-bottom: 1.25rem;} .list02-t ul{width: 100%;overflow: hidden;} .list02-t li{float: left;width: 49%;margin-right: 2%;} .list02-t li:nth-child(even){margin-right: 0;} .list02-t-big .pic img{height: 458px;} .list02-t li .pic img{height: 224px;} .list02-b li{width: 49%;margin-right: 2%;} .list02-b li:nth-child(even){margin-right: 0;} .list02-b li+li+li{margin-right: 2%;} .list02-b li+li+li+li{margin-right: 2%;} .list02-b li+li+li+li+li+li+li{margin-right: 2%;} .list02-b li .pic img{height: 224px;} .list03 li .text h5{height:auto;} .list03 li .text p{display:none;} .list-nav ul{z-index:1;} #vsb_content p.vsbcontent_img img{width:100% !important;height:auto !important;} .show01 h5{font-size:1.25rem;} .show02 img{width:100%;} .show02 video{width: 100%;} } @media(max-width: 414px) { .list01 li .pic{width: 100%;} .list01 li .text{width: 100%;} .list02-t-big .pic img{height: 238px;} .list02-t li .pic img{height: 116px;} .list02-b li .pic img{height: 116px;} } @media(max-width: 375px) { .list02-t-big .pic img{height: 214px;} .list02-t li .pic img{height: 105px;} .list02-b li .pic img{height: 105px;} } @media(max-width: 360px) { .list02-t-big .pic img{height: 205px;} .list02-t li .pic img{height: 100px;} .list02-b li .pic img{height: 100px;} } @media(max-width: 320px) { .list02-t-big .pic img{height: 180px;} .list02-t li .pic img{height: 88px;} .list02-b li .pic img{height: 88px;} } /* people01 */ .people01 h5{font-size: 1.625rem;color: #323232;font-weight: normal;margin-bottom: 1.875rem;} .people01 h5 i{font-size: 0.875rem;display: inline-block; font-style: normal;padding-top: 0.75rem;} .people01-nr{} .people01-nr dl dt{background: #f7f7f7;padding: 0.425rem 1.875rem;border-bottom: 1px solid #ebebeb;} .people01-nr dl dt h4{font-size: 1.25rem;line-height: 2.75rem; color: #323232;letter-spacing: 0.125rem;font-weight: normal;padding-right: 1.25rem; background: url(../images/people06.png) no-repeat right center;} .people01-nr dl dt:hover h4{cursor: pointer;} .people01-nr dl.close dt{ background-image: -moz-linear-gradient( -180deg, rgb(159,30,55) 0%, rgb(42,39,167) 100%); background-image: -webkit-linear-gradient( -180deg, rgb(159,30,55) 0%, rgb(42,39,167) 100%); background-image: -ms-linear-gradient( -180deg, rgb(159,30,55) 0%, rgb(42,39,167) 100%); } .people01-nr dl.close dt h4{color: #fff;background: url(../images/people06-on.png) no-repeat right center;} .people01-nr dl.open dt{ background-image: -moz-linear-gradient( -180deg, rgb(159,30,55) 0%, rgb(42,39,167) 100%); background-image: -webkit-linear-gradient( -180deg, rgb(159,30,55) 0%, rgb(42,39,167) 100%); background-image: -ms-linear-gradient( -180deg, rgb(159,30,55) 0%, rgb(42,39,167) 100%); } .people01-nr dl.open dt h4{color: #fff;background: url(../images/people06-on.png) no-repeat right center;} .people01-nr dl dd{margin-top: 1.25rem;display: none;} .people01-nr dl.open dd{display: block;} .people01-nr dl dd h3{font-size: 1.125rem;color: #323232;margin-bottom: 2.5rem;} .people01-nr dl dd ul{} .people01-nr dl dd ul li{margin-bottom: 2.5rem; float: left;width: 48.27%;margin-right: 3.46%;background: #f7f7f7;position: relative;padding: 1.25rem 1.25rem 0.625rem 0.625rem;} .people01-nr dl dd ul li:nth-child(even){margin-right: 0;} .people01-nr dl dd ul li .pic{position: relative;margin-top: -2.5rem;float: left;} .people01-nr dl dd ul li .pic a{display: block;overflow: hidden;border: 1px solid #f0f0f0;position: relative;width: 151px;height: 192px;z-index: 3;} .people01-nr dl dd ul li .pic img{display: block;width: 151px;height: 192px;transition: 0.6s all;} .people01-nr dl dd ul li .pic::after{content: "";width: 151px;height: 192px; background-image: -moz-linear-gradient( 142deg, rgb(42,39,167) 0%, rgb(130,48,142) 100%); background-image: -webkit-linear-gradient( 142deg, rgb(42,39,167) 0%, rgb(130,48,142) 100%); background-image: -ms-linear-gradient( 142deg, rgb(42,39,167) 0%, rgb(130,48,142) 100%); position: absolute;right: -6px;bottom: -6px;z-index: 1;transition: 0.6s all; } .people01-nr dl dd ul li .text{margin-left: 167px;} .people01-nr dl dd ul li .text h2{font-size: 1.25rem;font-weight: normal;letter-spacing: 0.125rem;margin-bottom: 0.9375rem;padding-bottom: 0.9375rem;border-bottom: 1px solid #e5e5e5;} .people01-nr dl dd ul li .text h2 a{color: #323232;transition: 0.6s all;} .people01-nr dl dd ul li .text p{font-size: 0.75rem;word-break: break-all; color: #323232;line-height: 1.125rem;height: 1.125rem;overflow: hidden; margin-bottom: 0.625rem;padding-left: 18px;background: url(../images/people02.png) no-repeat left 4px;} .people01-nr dl dd ul li .text p+p{background: url(../images/people03.png) no-repeat left 4px;} .people01-nr dl dd ul li .text p+p.rxsj{background: url(../images/people12.png) no-repeat left 4px;} .people01-nr dl dd ul li .text p+p+p{background: url(../images/people04.png) no-repeat left 4px;} .people01-nr dl dd ul li .text p+p+p+p{background: url(../images/people05.png) no-repeat left 4px;height: 2.25rem;} .people01-nr dl dd ul li .text p a{color: #323232;transition: 0.6s all;} .people01-nr dl dd ul li .text p a:hover{text-decoration: underline;color: #82308e;transition: 0.6s all;} .people01-nr dl dd ul li:hover .pic img{transform: scale(1.1);transition: 0.6s all;} .people01-nr dl dd ul li:hover .pic::after{right: 0;bottom: 0;transition: 0.6s all;} .people01-nr dl dd ul li:hover .text h2 a{color: #82308e;transition: 0.6s all;} .people02 .people01-nr dl dd ul li .text h1{font-size: 0.75rem;color: #323232;line-height: 1.5rem;height: 4.5rem;overflow: hidden;font-weight: normal;} .people02 .people01-nr dl dd{margin-top: 2.5rem;} /* people03 */ .people03 li{background: #f7f7f7;margin-bottom: 1.875rem;margin-top: 3.75rem;position: relative;padding: 2.5rem 1.875rem 0.625rem 0.625rem;width: 100%;} .people03 li .pic{position: relative;float: left;margin-top: -5rem;margin-bottom: 0.625rem;} .people03 li .pic a{display: block;overflow: hidden;position: relative;z-index: 3;width: 230px;height: 292px;} .people03 li .pic img{display: block;width: 230px;height: 292px;transition: 0.6s all;} .people03 li .pic::after{content: ""; width: 100%;height: 100%;position: absolute;z-index: 1; background-image: -moz-linear-gradient( 142deg, rgb(42,39,167) 0%, rgb(130,48,142) 100%); background-image: -webkit-linear-gradient( 142deg, rgb(42,39,167) 0%, rgb(130,48,142) 100%); background-image: -ms-linear-gradient( 142deg, rgb(42,39,167) 0%, rgb(130,48,142) 100%); right: -10px;bottom: -10px;transition: 0.6s all; } .people03 li .text{margin-left: 260px;} .people03 li .text h5{font-size: 1.25rem;padding-bottom: 1.25rem;border-bottom: 1px solid #e5e5e5;font-weight: normal;margin-bottom: 1.875rem;} .people03 li .text h5 a{color: #323232;transition: 0.6s all;} .people03 li .text p{width: 50%;border-right: 1px solid #e5e5e5;float: left;padding: 0 0.9375rem;} .people03 li .text p i{display: block;font-size: 0.875rem;line-height: 1.25rem;height: 1.25rem;overflow: hidden; color: #323232; font-style: normal;margin: 0.625rem 0; padding-left:1.125rem;background: url(../images/people02.png) no-repeat left center;} .people03 li .text p i+i{background: url(../images/people09.png) no-repeat left center;} .people03 li .text p+p{border-right: none;} .people03 li .text p+p i{background: url(../images/people08.png) no-repeat left center;} .people03 li .text p+p i+i{background: url(../images/people05.png) no-repeat left center;} .people03 li .text p i a{color: #323232;transition: 0.6s all;} .people03 li:hover .pic img{transition: 0.6s all;transform: scale(1.1);} .people03 li:hover .pic::after{right: 0;bottom: 0;transition: 0.6s all;} .people03 li:hover .text h5 a{color: #82308e;transition: 0.6s all;} .people03 li .text p i a:hover{color: #82308e;transition: 0.6s all;} /* people04 */ .people04 li{background: #f7f7f7;margin-bottom: 1.875rem;margin-top: 3.75rem;position: relative;padding: 2.5rem 1.875rem 0.625rem 0.625rem;width: 100%;} .people04 li a{display: block;} .people04 li .pic{position: relative;float: left;margin-top: -5rem;margin-bottom: 0.625rem;} .people04 li .pic i{display: block;font-style: normal; overflow: hidden;position: relative;z-index: 3;width: 230px;height: 292px;} .people04 li .pic img{display: block;width: 230px;height: 292px;transition: 0.6s all;} .people04 li .pic::after{content: ""; width: 100%;height: 100%;position: absolute;z-index: 1; background-image: -moz-linear-gradient( 142deg, rgb(42,39,167) 0%, rgb(130,48,142) 100%); background-image: -webkit-linear-gradient( 142deg, rgb(42,39,167) 0%, rgb(130,48,142) 100%); background-image: -ms-linear-gradient( 142deg, rgb(42,39,167) 0%, rgb(130,48,142) 100%); right: -10px;bottom: -10px;transition: 0.6s all; } .people04 li .text{margin-left: 260px;} .people04 li .text h5{font-size: 1.25rem;padding-bottom: 1.25rem;border-bottom: 1px solid #e5e5e5;font-weight: normal;margin-bottom: 1.25rem;color: #323232;transition: 0.6s all;} .people04 li .text h5 i{font-style: normal;font-size: 0.875rem;display: inline-block;margin-top: 0.375rem;margin-left: 1.875rem;} .people04 li .text p{padding-left: 1.375rem;border-left: 1px solid #e5e5e5; font-size: 0.875rem;color: #323232;line-height: 1.875rem;max-height: 7.5rem;overflow: hidden;} .people04 li:hover .pic img{transition: 0.6s all;transform: scale(1.1);} .people04 li:hover .pic::after{right: 0;bottom: 0;transition: 0.6s all;} .people04 li:hover .text h5{color: #82308e;transition: 0.6s all;} /* people05 */ .people05 ul li{margin-bottom: 2.5rem; float: left;width: 48.27%;margin-right: 3.46%;background: #f7f7f7;position: relative;padding: 1.25rem 1.25rem 0.625rem 0.625rem;} .people05 ul li:nth-child(even){margin-right: 0;} .people05 ul li .pic{position: relative;margin-top: -2.5rem;float: left;} .people05 ul li .pic a{display: block;overflow: hidden;border: 1px solid #f0f0f0;position: relative;width: 151px;height: 192px;z-index: 3;} .people05 ul li .pic img{display: block;width: 151px;height: 192px;transition: 0.6s all;} .people05 ul li .pic::after{content: "";width: 151px;height: 192px; background-image: -moz-linear-gradient( 142deg, rgb(42,39,167) 0%, rgb(130,48,142) 100%); background-image: -webkit-linear-gradient( 142deg, rgb(42,39,167) 0%, rgb(130,48,142) 100%); background-image: -ms-linear-gradient( 142deg, rgb(42,39,167) 0%, rgb(130,48,142) 100%); position: absolute;right: -6px;bottom: -6px;z-index: 1;transition: 0.6s all; } .people05 ul li .text{margin-left: 167px;} .people05 ul li .text h2{font-size: 1.25rem;font-weight: normal;letter-spacing: 0.125rem;margin-bottom: 0.5rem;padding-bottom: 0.5rem;border-bottom: 1px solid #e5e5e5;} .people05 ul li .text h2 a{color: #323232;transition: 0.6s all;} .people05 ul li .text h6{font-size: 0.75rem;color: #323232;line-height: 1.125rem;height: 2.25rem;overflow: hidden;margin-bottom: 0.625rem;} .people05 ul li .text p{font-size: 0.75rem;word-break: break-all; color: #323232;line-height: 1.125rem;height: 1.125rem;overflow: hidden; margin-bottom: 0.625rem;padding-left: 18px;background: url(../images/people02.png) no-repeat left 4px;} .people05 ul li .text p+p{background: url(../images/people03.png) no-repeat left 4px;} .people05 ul li .text p+p.rxsj{background: url(../images/people12.png) no-repeat left 4px;} .people05 ul li .text p+p+p{background: url(../images/people04.png) no-repeat left 4px;} .people05 ul li .text p+p+p+p{background: url(../images/people05.png) no-repeat left 4px;height: 2.25rem;} .people05 ul li .text p a{color: #323232;transition: 0.6s all;} .people05 ul li .text p a:hover{text-decoration: underline;color: #82308e;transition: 0.6s all;} .people05 ul li:hover .pic img{transform: scale(1.1);transition: 0.6s all;} .people05 ul li:hover .pic::after{right: 0;bottom: 0;transition: 0.6s all;} .people05 ul li:hover .text h2 a{color: #82308e;transition: 0.6s all;} @media(max-width: 1366px) { } @media screen and (max-width: 1024px) { } @media(max-width: 768px) { .people05 ul li{width: 100%;margin-right: 0;} .people01-nr dl dd ul li{width: 100%;margin-right: 0;} .people03 li .text p{width: 100%;border-right: none;padding: 0;} .people04 li .pic{width: 130px;height: 165px;float: none;margin: -5rem auto 0.625rem auto; } .people04 li .pic img,.people04 li .pic img i{width: 130px;height: 165px;} .people04 li .text{margin-left: 0;margin-top: 1.25rem;} .people04 li .text h5{text-align: center;} .people04 li .text h5 i{display: block;margin-left: 0;} #vsb_content_2 IMG{max-width:100%;height:auto !important;} /*20210329新增样式*/ #ss_result .ss_title{font-size:15px;line-height: 28px;} #ss_result .ss_title span{font-size:15px;} #ss_result .ss_des{font-size:14px;line-height: 24px;} #ss_result .ss_date{font-size:14px;line-height: 24px;} #ss_result .ss_wjg{font-size:15px;} } @media(max-width: 414px) { .people03 li .pic img,.people03 li .pic a{width: 130px;height: 165px;} .people03 li .text{margin-left: 150px;} .people03 li .text h5{margin-bottom: 0.625rem;padding-bottom: 0.625rem;} } @media(max-width: 375px) { .people03 li .pic{float: none;margin: -5rem auto 0.625rem auto;} .people03 li .pic{width: 130px;} .people03 li .text{margin-left: 0;margin-top: 1.25rem;} .people03 li .text h5{text-align: center;} } @media(max-width: 360px) { } @media(max-width: 320px) { } /* 历任领导 */ .people06 dt{font-size: 1.125rem;color: #323232;font-weight: bold;margin-bottom: 1.25rem;} .people06 dl{margin-right: -4%;} .people06 dd{float: left;width: 22%;margin-right: 3%;padding-top: 1.25rem;margin-bottom: 1.875rem;} .people06 dd a{display: block;position: relative;background: #f7f7f7;padding-bottom: 1.25rem;} .people06 dd .pic{position: relative;top: -1.25rem;width: 78%;margin: 0 auto;margin-bottom: -1.25rem;} .people06 dd .pic img{display: block;width: 100%;height: 199px;} .people06 dd h3{font-size: 1.25rem;color: #323232;letter-spacing: 0.125rem; font-weight: normal;text-align: center;line-height: 2.5rem;height: 2.5rem;overflow: hidden;} .people06 dd p{font-size: 0.875rem;color: #666666;line-height: 1.125rem;height: 2.25rem;text-align: center;} .people06 dd p i{font-style: normal;line-height: 1.125rem;height: 1.125rem;display: block;} @media(max-width: 1366px) { } @media screen and (max-width: 1024px) { .people06 dd .pic img{height: 227px;} } @media(max-width: 768px) { .people06 dd{width: 48%;margin-right: 4%;} .people06 dd:nth-child(odd){margin-right: 0;} .people06 dl{margin-right: 0;} .people06 dd .pic img{height: 354px;} } @media(max-width: 414px) { .people06 dd .pic img{height: 184px;} } @media(max-width: 375px) { .people06 dd .pic img{height: 165px;} } @media(max-width: 360px) { .people06 dd .pic img{height: 158px;} } @media(max-width: 320px) { .people06 dd .pic img{height: 139px;} } .pb_sys_common .p_t{line-height: 24px !important;} .pb_sys_style1 .p_no_d{border: 1px solid #82308e !important;background-color: #82308e !important;}