* {
    outline: none;
    padding: 0;
    margin: 0;
    transition: .3s all;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
@font-face {
    font-family: "syht-r";
    src: url("fonts/source han-Regular.otf");
}
@font-face {
    font-family: "syht-l";
    src: url("fonts/source han-Light.otf");
}
@font-face {
    font-family: "syht-n";
    src: url("fonts/source han-Normal.otf");
}
@font-face {
    font-family: "syht-m";
    src: url("fonts/source han-Medium.otf");
}
body {
    position: relative;
    font-size: 18px;
    font-family: "syht-n";
    color: #555;
    line-height: 28px;
    overflow-x: hidden;
}
h1, h2, h3, h4, h5, h6, th {
    font-size: 100%;
    font-weight: normal;
}
form, iframe, span, dl, dd, dt, pre, fieldset, legend, p, img {
    border: 0;
}
img {
    /*image-rendering: pixelated;*/
}
ul,li,ol {
    list-style: none;
    margin: 0;
    padding: 0;
}
i, em {
    font-style: normal;
}
a {
    text-decoration: none;
    background: none;
    color: inherit;
}
a:hover {
    color: #272992;
}
ul, ol {
    list-style: none;
}
input, textarea, select, button {
    font-size: 100%;
    border: 0;
    display: block;
    font-family: syht-n, Helvetica, arial, sans-serif;
}
input::-webkit-input-placeholder {
    color: #ccc;
}
input:-moz-placeholder {
    color: #ccc;
}
input:-ms-input-placeholder {
    color: #ccc;
}
textarea::-webkit-input-placeholder {
    color: #ccc;
}
textarea:-moz-placeholder {
    color: #ccc;
}
textarea:-ms-input-placeholder {
    color: #ccc;
}
.clearfix {
    zoom: 1;
}
.clearfix:after {
    content: '';
    height: 0;
    display: block;
    clear: both;
    visibility: hidden;
}
.blue {
    color: #272992;
}
.fl {
    float: left;
}
.fr {
    float: right;
}
.hang1 {
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.hang2 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.flex-ac {
    display: flex;
    align-items: center;
}
.hdwrap {
    position: relative;
}
header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 40px 10vw;
    background: url("../images/hd-bg.png") left top repeat-x;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 105;
}
.logo {
    display: block;
    height: 59px;
}
.logo img {
    display: block;
    height: 100%;
}
.menu {
    display: flex;
}
.menu li {
    margin: 0 15px;
    padding: 10px 0 25px;
    position: relative;
}
.menu li > a {
    font-size: 20px;
    color: #272992;
}
.menu li:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    height: 3px;
    width: 0;
    background: #272992;
    transition: all .3s;
}
.menu li.active:before,
.menu li:hover:before {
    width: 100%;
}
.submenu {
    position: absolute;
    left: -40%;
    right: -40%;
    top: 100%;
    display: none;
    transition: none .3s;
    font-size: 16px;
    background: rgba(255,255,255,.8);
    border-radius: 10px;
    padding: 10px 20px;
    box-shadow: 0 5px 10px rgba(0,0,0,.05);
}
.submenu a {
    display: block;
    line-height: 40px;
    padding: 0 15px;
    color: #272992;
    position: relative;
}
.submenu a:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -2px;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #272992;
}

.hd-lg {
    display: flex;
    justify-content: end;
    font-size: 16px;
    line-height: 30px;
    padding-top: 10px;
}
.hd-lg,
.hd-lg a {
    color: #272992;
}
.t-denglu {
    padding: 0 15px;
    border: 1px solid #272992;
    border-radius: 30px;
    margin-right: 20px;
}
.sliderwrap {
    position: relative;
    height: 100vh;
}
.sliderwrap img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.swiper {
    width: 100%;
    height: 100%;
}
.sliderwrap .swiper-pagination {
    width: auto;
    right: 10%;
    text-align: right;
    padding-bottom: 40px;
}
.sliderwrap .swiper-pagination-bullet {
    opacity: 1;
    width: 12px;
    height: 12px;
    border-radius: 10px;
    background: rgba(0,0,0,.3);
    transition: all 1.5s;
    margin: 0 7px !important;
}
.sliderwrap .swiper-pagination-bullet-active {
    background: #272992;
    width: 36px;
}
.schwrap {
    position: absolute;
    top: 50%;
    background: url("../images/searchbg.png") center no-repeat;
    background-size: 100% 100%;
    z-index: 101;
    width: 70%;
    left: 15%;
    padding: 5vw 2vw;
    transition: all 1s;
}
.schwrap.active {
    transform: translateY(-100vh) !important;
}
.sch-shouqi {
    position: absolute;
    top: 6vw;
    right: 7%;
    font-size: 16px;
    text-align: right;
    color: #999;
    cursor: pointer;
}
.sch-shouqi i {
    color: #272992;
}
.schbody {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    padding: 5vw;
}
.schleft {
    flex: 1;
}
.schleft,
.schright {
    padding: 5% 0;
}
.schshuxian {
    width: 1px;
    background: #e9e9e9;
    margin: 0 5vw;
}
.schtabli {
    display: flex;
    /*justify-content: space-between;*/
    font-size: 20px;
    color: #999;
    margin-bottom: 25px;
}
.schtabli li {
    display: flex;
    align-items: center;
    padding: 0 5px 10px;
    cursor: pointer;
    border-bottom: 3px solid transparent;
    margin-right: 30px;
}
.schtabli li.active {
    color: #272992;
    border-bottom: 3px solid #272992;
}
.schtabli i {
    font-size: 26px;
    margin-right: 10px;
}
.schbox {
    display: flex;
    align-items: center;
    border: 1px solid #272992;
    border-radius: 30px;
    background: #fff;
    overflow: hidden;
}
.schbox i {
    font-size: 30px;
    color: #272992;
    margin: 0 20px;
}
.schinput {
    height: 56px;
    flex: 1;
}
.schbtn {
    height: 46px;
    line-height: 46px;
    padding: 0 30px;
    color: #fff !important;
    background: #272992;
    border-radius: 30px 0 0 30px;
    flex-shrink: 0;
}
.schright {
    display: flex;
}
.linkbtn {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 110px;
    height: 110px;
    border-radius: 20px;
    border: 1px solid #272992;
    color: #272992;
}
.linkbtn .iconfont {
    font-size: 36px;
    margin-bottom: 7px;
}
.l-jieyue {
    margin-right: 25px;
}
/*xinwen*/
.indexwrap {
    padding-top: 4.3vw;
    padding-bottom: 5vw;
}
.indexbg1 {
    background: url("../images/indexbg1.png") center bottom no-repeat;
    background-size: 100%;
    padding-top: 0;
}
.indexbg2 {
    background: #f2f2fd url("../images/indexbg2.jpg") top right no-repeat;
    background-size: 100%;
}
.indexbg3 {
    background: url("../images/indexbg3.jpg") top right no-repeat;
    background-size: cover;
}
.indextit {
    font-size: 32px;
    font-family: syht-m;
    line-height: 42px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}
.indextit i {
    font-size: 42px;
    color: #272992;
    margin-right: 15px;
}
.indextit em {
    color: #272992;
}
.indextit.ffftit,
.indextit.ffftit i {
    color: #fff;
}
.ffftit .more {
    color: #fff;
}
.indexcon {
    margin-left: 10vw;
    margin-right: 10vw;
}
.indexcon1 {
    display: flex;
    justify-content: space-between;
}
.inxinwen {
    /*padding-top: 3vw;*/
    padding-bottom: 3vw;
    padding-left: 5vw;
    padding-right: 5vw;
    background: #fff url("../images/inxinwen-bg.jpg") right bottom no-repeat;
    box-shadow: 0 10px 20px rgba(0,0,0,0.1);
    position: relative;
    width: 70%;
}
.inxinwen .indextit {
    position: absolute;
    right: 5vw;
    top: 40px;
}
.xinwenslider {
    position: relative;
    margin-top: -5vw;
    margin-right: -5vw;
    z-index: 99;
}
.xinwenslider .swiper-pagination {
    left: 60%;
    right: 0;
    bottom: 0;
    width: auto;
    display: flex;
    justify-content: center;
    border-top: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9;
    padding: 15px;
}
.xinwenslider .swiper-pagination-bullet {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    line-height: 35px;
    text-align: center;
    color: #999;
    background: none;
    opacity: 1;
    margin: 0 10px !important;
}
.xinwenslider .swiper-pagination-bullet-active {
    background: rgba(39,41,146,.1);
    color: #272992;
}
.xwswiper {
    width: 60%;
    height: 18vw;
    position: relative;
}
.xwswiper img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.xwtitle {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: url("../images/xwtt-bg.png") left bottom repeat-x;
    background-size: auto 100%;
    display: flex;
    align-items: center;
}
.xwtitle h2 {
    color: #fff;
    padding: 0 20px;
}
.xwdate {
    background: #272992;
    color: #ffffff;
    font-family: Georgia;
    text-align: center;
    padding: 10px 20px;
}
.xwdate em {
    display: block;
    font-size: 30px;
}
.xwdate p {
    font-size: 16px;
    opacity: .5;
}
.indexnews {
    padding: 1vw 0;
}
.indexnews .ntitle {
    display: flex;
    justify-content: space-between;
}
.indexnews .ntitle h2 {
    max-width: 80%;
}
.indexnews .ndate {
    color: #999;
    font-size: 16px;
    font-family: Georgia;
    position: relative;
}
.indexnews .ndate:before {
    content: '';
    width: 0;
    height: 1px;
    background: #272992;
    position: absolute;
    left: 0;
    bottom: 0;
    transition: width .5s;
}
.indexnews .ndesc {
    color: #999;
    margin-top: 10px;
    border-bottom: 1px dashed #e9e9e9;
    padding-bottom: 15px;
}
.indexnews a {
    display: block;
    padding: 10px 0;
}
.indexnews a:hover .ndate {
    color: #272992;
}
.indexnews a:hover .ndate:before {
    width: 100%;
}
.indexnews a.active .ndesc {
    /*display: block;*/
}
.more {
    display: block;
    color: #272992;
    font-size: 16px;
    width: 80px;
    height: 32px;
    line-height: 30px;
    text-align: center;
    border: 1px solid #272992;
    border-radius: 20px;
    position: relative;
    overflow: hidden;
    z-index: 0;
    font-family: syht-n;
}
.more:after {
    content: '';
    height: 0;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: #272992;
    transition: height .5s;
    z-index: -1;
}
.more:hover {
    color: #fff;
}
.more:hover:after {
    height: 100%;
}
.more.nob {
    border: 0;
    width: auto;
    display: inline-block;
    border-radius: 0;
}
.more.nob:after {
    content: '';
    height: 1px;
    width: 0;
    left: 0;
    bottom: 0;
    right: auto;
    background: #fff;
    transition: width .5s;
}
.more.nob:hover:after {
    width: 100%;
}
.intongzhi {
    background: #272992;
    width: 30%;
    flex-shrink: 0;
    /*padding: 2vw;*/
}
.intongzhi .indextit {
    padding: 2vw 2vw 1vw;
}
.tzlist {
    padding: 1vw 0;
}
.tzlist a {
    display: flex;
    align-items: center;
    color: #fff;
    padding: 12px 2vw;
    position: relative;
}
.tzlist a:nth-child(odd) {
    background: rgba(255,255,255,.1);
}
.tzlist a:before {
    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    height: 1px;
    width: 0;
    background: #fff;
    transition: width .5s;
}
.tzlist a:hover:before {
    width: 100%;
}
.tzlist .xwdate {
    background: none;
    padding: 10px 0;
    margin-right: 20px;
}
.ziyuan {
    background: url("../images/zy-bg.jpg") left center no-repeat;
    background-size: cover;
    width: 70vw;
    padding: 3vw 0 3vw 10vw;
    display: flex;
    align-items: center;
}
.ziyuan .indextit {
    display: block;
}
.ziyuan .more {
    margin-top: 20px;
}
.ziyuantab {
    display: flex;
    justify-content: space-around;
    color: #fff;
    flex: 1;
    padding: 0 3vw 0 5vw;
}
.ziyuantab li {
    text-align: center;
    cursor: pointer;
}
.ziyuantab i {
    display: block;
    width: 4vw;
    height: 4vw;
    line-height: 4vw;
    border-radius: 50%;
    background: rgba(255,255,255,.2);
    text-align: center;
    color: #fff;
    font-size: 2vw;
    margin-left: auto;
    margin-right: auto;
}
.ziyuantab h2 {
    font-size: 20px;
    margin-top: 15px;
}
.ziyuantab li.active i {
    background: #fff;
    color: #272992;
}
.ziyuanslider {
    position: relative;
    padding-bottom: 4vw;
}
.ziyuanswiper {
    background: #272992;
}
.ziyuanswiper .swiper-slide {
    height: auto;
}
.ziyuanpic {
    height: 10vw;
}
.ziyuanpic img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.ziyuanitem {
    display: block;
    padding: 2vw;
}
.ziyuanitem h2 {
    color: #fff;
    margin-top: 15px;
}
.ziyuanslider .swiper-slide:nth-child(4n+2) {
    background-color: #0f116f;
}
.ziyuanslider .swiper-slide:nth-child(4n) {
    background-color: #451cbf;
}
.ziyuanslider .swiper-button-next,
.ziyuanslider .swiper-button-prev,
.tuijianslider .swiper-button-next,
.tuijianslider .swiper-button-prev {
    width: 2.8vw;
    height: 2.8vw;
    bottom: 0;
    top: auto;
}
.ziyuanslider .swiper-button-next:after,
.ziyuanslider .swiper-button-prev:after,
.tuijianslider .swiper-button-next:after,
.tuijianslider .swiper-button-prev:after {
    content: none;
}
.ziyuanslider .swiper-button-next,
.tuijianslider .swiper-button-next {
    background: url("../images/right.png") center no-repeat;
    background-size: 100%;
    right: 0;
}
.ziyuanslider .swiper-button-next:hover,
.tuijianslider .swiper-button-next:hover {
    background: url("../images/right-small.png") center no-repeat;
    background-size: 100%;
}
.ziyuanslider .swiper-button-prev,
.tuijianslider .swiper-button-prev {
    background: url("../images/left.png") center no-repeat;
    background-size: 100%;
    left: auto;
    right: 3.7vw;
}
.ziyuanslider .swiper-button-prev:hover,
.tuijianslider .swiper-button-prev:hover {
    background: url("../images/left-small.png") center no-repeat;
    background-size: 100%;
}

.tab-carousel {
    display: none;
}

.tab-carousel.active-carousel {
    display: block;
}

/* 动画微细节 */
[data-aos] {
    transition-timing-function: cubic-bezier(0.25, 0.1, 0.15, 1);
}
        
        
.zhanguanwrap .indextit {
    justify-content: center;
}
.zhanguanwrap .more {
    position: absolute;
    right: 0;
}
.huodong {
    display: flex;
    align-items: stretch;
    margin: 0 -10px;
    padding-top: 3vw;
}
.hditem {
    width: 20%;
    margin: 0 10px;
    transition: all .5s;
    height: calc(173px + 19vw);
}
.huodong a {
    display: block;
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    height: 100%;
    position: relative;
}
.huodongpic {
    height: 100%;
}
.huodongpic img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.huodongtext {
    padding: 1.6vw;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(0,0,0,.5);
    color: #fff;
}
.huodonxx {
    color: #999;
    font-size: 16px;
    margin-top: 15px;
    display: none;
}
.huodongtext .more {
    position: absolute;
    right: 1.6vw;
    bottom: 1.6vw;
    display: none;
}
.huodong .hditem.active {
    width: calc(100% - (60% + 60px));
}
.huodong .hditem.active a {
    
    box-shadow: 0 10px 20px rgba(0,0,0,.1);
}
.huodong .hditem.active .huodongpic {
    height: 19vw;
}
.huodong .hditem.active .huodongtext {
    background: #fff;
    color: inherit;
    position: relative;
}
.huodong .hditem.active .huodonxx,
.huodong .hditem.active .more {
    display: block;
}
.footer {
    background: #272992;
}
.footer,
.footer a {
    color: rgba(255,255,255,.6);
}
.footer h2 {
    color: #fff;
    margin-bottom: 15px;
}
.footerxx {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid rgba(255,255,255,.2);
}
.ftitem {
    width: 25%;
    padding: 2vw;
    border-left: 1px solid rgba(255,255,255,.2);
}
.ftitem:first-child {
    padding-left: 0;
    border: 0;
}
.ftitem:nth-child(2) {
    width: 50%;
}
.ftlogo {
    display: flex;
    align-items: center;
}
.ftlogo img {
    display: block;
    height: 56px;
}
.ftlianxi i {
    display: inline-block;
    margin-right: 10px;
    font-size: 18px;
}
.fticons {
    display: flex;
    position: relative;
    z-index: 99;
}
.fticons li {
    text-align: center;
    margin-right: 1.5vw;
    cursor: pointer;
    position: relative;
}
.fticons li:last-child {
    margin-right: 0;
}
.ftma {
    position: absolute;
    bottom: 200%;
    left: 50%;
    margin-left: -3vw;
    width: 6vw;
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 0 20px rgba(0,0,0,.1);
    opacity: 0;
    z-index: -1;
    transition: all .5s;
}
.ftma img {
    display: block;
    width: 100%;
}
.fticons i {
    display: block;
    width: 2.8vw;
    height: 2.8vw;
    line-height: 2.8vw;
    text-align: center;
    font-size: 1.6vw;
    color: #272992;
    background: rgba(255,255,255,.3);
    margin-left: auto;
    margin-right: auto;
    border-radius: 50%;
}
.fticons p {
    font-size: 16px;
    margin-top: 5px;
}
.fticons li:hover i {
    background: #fff;
}
.fticons li:hover .ftma {
    bottom: 105%;
    opacity: 1;
    z-index: 1;
}
.ftcopy {
    text-align: center;
    padding: 1.5vw;
}
.ftcopy span {
    display: inline-block;
    padding: 0 10px;
}
.topbanner {
    width: 100vw;
    height: 18vw;
}
.topbanner img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.pagewrap {
    background: #f0f0f0 url("../images/page-bg.png") top center repeat-y;
    background-size: 100%;
    padding-bottom: 3vw;
}
.pagecon {
    border-radius: 20px;
    background: #fff;
    margin-top: -3vw;
    position: relative;
    z-index: 9;
}
.brd {
    padding: 1.4vw 2vw;
    font-size: 16px;
    border-bottom: 1px solid #e9e9e9;
}
.brd,
.brd a {
    color: #999;
}
.brd i {
    color: #b4b4b4;
    display: inline-block;
    margin-right: 10px;
}
.incon {
    padding: 2vw 2.5vw 3vw;
}
.catlist {
    font-size: 22px;
    font-family: syht-m;
    display: flex;
    margin-bottom: 2vw;
}
.catlist li {
    margin-right: 2vw;
}
.catlist i {
    display: inline-block;
    font-size: 25px;
    margin-right: 6px;
    color: #ccc;
}
.catlist a {
    display: block;
    padding-bottom: 15px;
}
.catlist li.active i,
.catlist li.active a {
    color: #272992;
}
.catlist li.active {
    border-bottom: 3px solid #272992;
}
.newslist {
    border-left: 1px solid #e9e9e9;
}
.newslist a {
    position: relative;
    width: 100%;
    padding-top: 1.8vw;
    padding-bottom: 1.8vw;
    padding-left: 3vw;
}
.newslist a:before {
    content: '';
    width: 15px;
    height: 15px;
    border-radius: 50%;
    border: 1px solid #e9e9e9;
    background: #fff;
    flex-shrink: 0;
    position: absolute;
    left: -9px;
}
.newslist a:after {
    content: '';
    width: 100%;
    height: 1px;
    border-bottom: 1px dashed #e9e9e9;
    position: absolute;
    right: 0;
    bottom: 0;
}
.newslist a,
.newsright {
    display: flex;
    align-items: center;
}
.newslist .xwdate {
    background: none;
    border: 1px solid #e9e9e9;
    color: #272992;
    padding: 15px;
    flex-shrink: 0;
}
.newslist .xwdate p {
    opacity: 1;
    font-size: 18px;
}

.newsright {
    flex: 1;
    min-width: 0;
    margin-left: 20px;
}
.newspic {
    width: 130px;
    height: 80px;
    flex-shrink: 0;
    margin-right: 20px;
}
.newspic img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.newstext {
    flex: 1;
    overflow: hidden;
}
.newstext h2 {
    margin-bottom: 10px;
}
.newsdes {
    font-size: 16px;
    color: #999;
}
.newslist a:first-child {
    padding-top: 0;
}
.newslist a:last-child {
    /*padding-bottom: 0;*/
}
.newslist a:last-child:after {
    content: none;
}
.newslist a:hover:before {
    border-color: #272992;
    background: #272992;
}
.newslist a:hover .xwdate {
    border-color: #272992;
}
.page-nav ul {
    padding: 30px 0;
    display: flex;
    justify-content: center;
}
.page-nav li {
    margin: 0 4px;
    border: 1px solid #e9e9e9;
    /*line-height: 22px;*/
    text-align: center;
}
.page-nav li span,
.page-nav li a {
    display: block;
    padding: 5px 15px;
    color: #999;
}
.page-nav li:hover,
.page-nav li.active {
    border: 1px solid #272992;
    background-color: #272992;
}
.page-nav li:hover a,
.page-nav li:hover span,
.page-nav li.active span {
    color: #fff;
}
.detailwrap {
    padding: 1vw 2vw 2vw;
}
.detail-title {
    font-size: 30px;
    line-height: 45px;
    font-family: syht-m;
    text-align: center;
    padding-bottom: 1.5vw;
}
.detail-info {
    text-align: center;
    padding-bottom: 1.5vw;
}
.detail-info span {
    display: inline-block;
    padding: 0 10px;
    font-size: 16px;
    color: #999;
}
.detail-con {
    line-height: 32px;
}
.detail-con table {
    width: 100%;
    border-collapse: collapse;
}
.detail-con table td,
.detail-con table th {
    padding: 5px;
}
.detail-con img {
    max-width: 80%;
}
.douyin-video {

     height: 42vw;
}
.douyin-video iframe {
    width: 100%;
    height: 100%;
    border: none;
    display: block;
    overflow: hidden;
}
.pian {
    padding-top: 20px;
}
.pian li {
    display: flex;
    padding: 5px 0;
}
.pian a {
    display: block;
    flex: 1;
}
.pian p {
    float: left;
    width: 80px;
    color: #272992;
}
.hd-detail {
    display: flex;
    border-radius: 20px;
    border: 1px solid #e9e9e9;
    overflow: hidden;
    margin-bottom: 30px;
}
.hd-detail .detail-title,
.hd-detail .detail-info {
    text-align: left;
}
.hd-detail .detail-info span {
    padding: 0 15px 0 0;
}
.hd-dright {
    padding: 20px;;
}
.detail-image {
    width: 45%;
    display: flex;
    justify-content: center;
}
.detail-image img {
    display: block;
    width: 100%;
    height: 100%;
    max-height: 400px;
    object-fit: cover;
}
.hdxinxi {
    
}
.zylist {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
}
.zylist a {
    width: calc((100% - 80px)/4);
    border-radius: 10px;
    border: 1px solid #e9e9e9;
    margin: 0 10px 20px;
    overflow: hidden;
}
.zylist .title {
    padding: 1vw;
}
.search-s {
    position: absolute;
    top: 55%;
    display: flex;
    justify-content: center;
    width: 100%;
}
.search-s .schbox {
    width: 40%;
}
.tushulist {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -12px;
    padding-top: 2vw;
}
.tushulist li {
    width: calc((100% - 72px)/3);
    margin: 0 12px 24px;
    border-radius: 10px;
    border: 1px solid #e9e9e9;
    padding: 1vw;
    display: flex;
}
.tushulist li:hover,
.orderlist li:hover {
    border-color: #272992;
    /*transform: translateY(-10px);*/
}
.tushupic {
    height: 100%;
    width: 8vw;
    display: flex;
    justify-content: center;
    align-items: center;
    /*background: #eee;*/
    margin-right: 20px;
}
.tushupic img {
    display: block;
    max-width: 100%;
    max-height: 100%;
}
.tushuright {
    flex: 1;
}
.tushuxx {
    font-size: 16px;
    color: #999;
    padding: 8px 0;
}
.tushuxx i {
    display: inline-block;
    margin-right: 8px;
    color: #ccc;
}
.kejie {
    font-size: 14px;
    background: #e9f5e9;
    border-radius: 20px;
    height: 30px;
    line-height: 30px;
    color: #26a426;
    padding: 0 15px;
    display: inline-block;
    margin-bottom: 20px;
}
.jiebtn {
    display: inline-block;
    color: #272992;
    border: 1px solid #272992;
    border-radius: 30px;
    line-height: 36px;
    text-align: center;
    padding: 0 20px;
    position: relative;
    overflow: hidden;
    z-index: 1;
}
.jiebtn:after {
    content: '';
    height: 0;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: #272992;
    transition: height .5s;
    z-index: -1;
}
.jiebtn:hover {
    color: #fff;
}
.jiebtn:hover:after {
    height: 100%;
}
.delbtn {
    margin: 0;
    color: #ff4d4d;
    border: 1px solid #ff4d4d;
}
.delbtn:after {
    background: #ff4d4d;
}
.orangebtn {
    color: #ffa14d;
    border-color: #ffa14d;
}
.orangebtn:after {
    background: #ffa14d;
}
.greenbtn {
    color: #26a426;
    border-color: #26a426;
}
.greenbtn:after {
    background: #26a426;
}
.greybtn {
    color: #999999;
    border-color: #e9e9e9;
    background: #e9e9e9;
}
.greybtn:after {
    content: none;
}
.pagetitle {
    font-size: 30px;
    padding-bottom: 2vw;
}
.green {
    color: #26a426;
}
.red {
    color: #ff4d4d;
}
.size14 {
    font-size: 14px;
}
.size16 {
    font-size: 16px;
}
.color999 {
    color: #999;
}
.orderlist li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 10px;
    border: 1px solid #e9e9e9;
    padding: 1.2vw;
    margin-bottom: 20px;
}
.orderlist .tushuright {
    flex: 1;
}
.orderlist .tushupic {
    width: 4vw;
}
.order-tongji span {
    display: inline-block;
    padding-right: 20px;
}
.tijiaobtn {
    background: #272992;
    color: #fff !important;
    height: 50px;
    line-height: 50px;
    width: 218px;
    text-align: center;
    display: block;
    border-radius: 50px;
    margin-top: 2vw;
}
.xxline {
    display: flex;
}
.xxline dd:first-child {
    padding-right: 15px;
    margin-right: 15px;
    border-right: 1px solid #e9e9e9;
}
.tushuend {
    text-align: right;
}
.qujianma {
    padding: 5px 0;
}
.zhanguanlist {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -1vw;
}
.zhanguanlist a {
    display: flex;
    margin: 0 1vw 2vw;
    width: calc((100% - 4vw)/2);
    background: #f8f8f8;
    border-radius: 20px;
    overflow: hidden;
}
.zhanguanlist a:hover {
    transform: translateY(-10px);
}
.zgpic {
    width: 45%;
    height: 210px;
    flex-shrink: 0;
}
.zgpic img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.zgtext {
    padding: 1.5vw;
}
.chakan {
    text-align: right;
    font-size: 16px;
    color: #272992;
}
.jieyuenote {
    background: #f6f6ff;
    color: #8c8cac;
    font-size: 16px;
    position: relative;
    padding: 1.5vw 2vw;
    border-radius: 10px;
    margin-bottom: 2vw;
}
.jieyuenote .jclose {
    position: absolute;
    right: 1vw;
    top: 1vw;
    font-size: 12px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    cursor: pointer;
}
.tswrap {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.tspic {
    width: 24%;
    padding: 1vw;
    border-radius: 20px;
    border: 1px solid #e9e9e9;
}
.tspic img {
    display: block;
    width: 100%;
}
.tsxx {
    flex: 1;
    padding: 0 2.5vw;
}
.tsxx h2 {
    font-size: 30px;
}
.tsxx h3 {
    font-size: 16px;
    margin-top: 20px;
    position: relative;
    padding-left: 15px;
}
.tsxx h3:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -8px;
    width: 3px;
    height: 16px;
    background: #272992;
}
.tsinfo {
    padding: 2vw 0;
    font-size: 16px;
}
.tsinfo li {
    display: flex;
    align-items: baseline;
    padding: 5px 0;
}
.tsinfo li em {
    font-family: syht-m;
    color: #272992;
    width: 100px;
}
.tsyijiechu {
    line-height: 26px;
    padding: 0 15px;
    color: #ffa14d;
    border: 1px solid #ffa14d;
    border-radius: 20px;
    display: inline-block;
    font-size: 14px;
}
.tsbtn-group {
    display: flex;
}
.tsbtn {
    line-height: 46px;
    border-radius: 30px;
    padding: 0 30px;
    margin-right: 15px;
}
.tsyypdbtn {
    background: #ffa14d;
    color: #fff !important;
}
.tsdlbtn {
    background: #e5e5f6;
    color: #272992;
}
.tsqxbtn {
    line-height: 44px;
    border: 1px solid #272992;
    background: #fff;
    color: #272992;
}
.tspaidui {
    width: 24%;
    border-radius: 20px;
    border: 1px solid #e9e9e9;
    background: #f8f8fc;
    padding: 1.5vw;
}
.tspaidui h2 {
    font-size: 20px;
}
.paiduiweizhi {
    margin: 1.5vw 0;
    background: #e5e5f6;
    color: #272992;
    font-size: 16px;
    border-radius: 20px;
    text-align: center;
    padding: 5px 20px;
}
.paiduilist {
    font-size: 14px;
    color: #999;
}
.pdnote {
    padding-top: 2vw;
}
.tstab {
    border-bottom: 1px solid #e9e9e9;
    display: flex;
    margin-bottom: 1.5vw;
}
.tstab li {
    padding-bottom: 15px;
    border-bottom: 3px solid transparent;
    margin-right: 2vw;
    font-size: 20px;
    cursor: pointer;
    margin-bottom: -1px;
}
.tstab li.active {
    color: #272992;
    border-color: #272992;
}
.tscontent {
    display: none;
    line-height: 32px;
}
.tuijianslider {
    position: relative;
    padding: 0 3vw;
}
.tuijianslider .swiper-button-next,
.tuijianslider .swiper-button-prev {
    top: 50%;
    width: 2vw;
    height: 2vw;
    margin-top: -1vw;
}
.tuijianslider .swiper-button-prev {
    left: 0;
}
.tuijianitem {
    display: flex;
    padding: 1vw;
    background: #f8f8fc;
    border-radius: 20px;
}
.tuijianpic {
    /*height: 100%;*/
    width: 4vw;
    display: flex;
    justify-content: center;
    align-items: center;
}
.tuijianpic img {
    display: block;
    max-width: 100%;
    max-height: 100%;
}
.tuijiantext {
    padding-left: 1vw;
    flex: 1;
}
.tuijiantext h2 {
    margin-bottom: 10px;
}
.tuijiantext p {
    font-size: 14px;
    color: #999;
}
.tuijiantitle {
    font-size: 20px;
    color: #272992;
    margin-bottom: 1.5vw;
}
.yytitle {
    text-align: center;
    font-size: 16px;
}
.yytitle h2 {
    font-size: 30px;
    color: #272992;
}
.yytitle p {
    color: #272992;
    opacity: .5;
    padding-top: 15px;
}
.yyformbox {
    padding: 2vw 0;
    width: 75%;
    margin-left: auto;
    margin-right: auto;
}
.yytab {
    display: flex;
    background: #fafafa;
    border-radius: 20px 20px 0 0;
}
.yytab li {
    flex: 1;
    text-align: center;
    font-size: 16px;
    padding: 2vw;
    border-bottom: 3px solid transparent;
    cursor: pointer;
    border-radius: 20px 20px 0 0;
}
.yytab li h2 {
    font-size: 22px;
}
.yytab li i {
    display: inline-block;
    font-size: 30px;
    vertical-align: middle;
    margin-top: -3px;
    margin-right: 13px;
}
.yytab li p {
    opacity: .5;
    padding-top: 5px;
}
.yytab li.active {
    background: #eeeeff;
    color: #272992;
    border-bottom: 3px solid #272992;
}
.yytab li.yyxiaowai.active {
    background: #fef7f0;
    color: #e68a2e;
    border-color: #e68a2e;
}
.yycontent {
    padding: 2vw 5vw 0;
    font-size: 16px;
    display: none;
}
.yygrp {
    display: flex;
    margin-bottom: 1.2vw;
}
.yygrp label {
    text-align: right;
    line-height: 48px;
    padding-right: 2vw;
    width: 150px;
}
.yygrp label i {
    color: #ff0101;
    display: inline-block;
    margin-left: 5px;
}
.yyinb {
    flex: 1;
    position: relative;
}
.yyinb p {
    padding: 10px 0;
}
.yyinput,.yyarea {
    border: 1px solid #e9e9e9;
    width: 100%;
    border-radius: 3px;
    height: 48px;
    padding: 5px 15px;
}
.yyarea {
    height: 130px;
    padding: 10px 15px;
    resize: none;
}
.w200 {
    width: 200px;
}
.tijiaobox {
    /*display: flex;*/
    /*align-items: center;*/
    padding-left: 150px;
}
.yybtn {
    display: block;
    border-radius: 3px;
    background: #272992;
    color: #fff;
    line-height: 48px;
    width: 190px;
    height: 48px;
    text-align: center;
    margin-right: 2vw;
    margin-bottom: 10px;
}
.xwbtn {
    background: #e68a2e;
}
.yyrili {
    position: absolute;
    right: 0;
    top: 0;
    width: 48px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    font-size: 20px;
    color: #ccc;
}

.yyjl-tit {
    display: flex;
    align-items: center;
    margin-bottom: 2vw;
}
.yyjl-tit h2 {
    font-size: 22px;
}
.yyjl-tit i {
    font-size: 26px;
    color: #272992;
    display: inline-block;
    margin-right: 10px;
}
.yyjl-tit span {
    margin-left: 2vw;
    font-size: 14px;
    color: #999;
    background: #f4f4f4;
    line-height: 30px;
    padding: 0 15px;
    border-radius: 15px;
}
.yyjl-list li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 20px;
    border: 1px solid #e9e9e9;
    border-left: 5px solid #272992;
    padding: 1.5vw 2vw;
    margin-bottom: 20px;
}
.yyjl-list li:last-child {
    margin-bottom: 0;
}
.yyjl-list li.xwli {
    border-left-color: #e68a2e;
}
.jlxx {
    font-size: 16px;
    color: #999;
    padding: 6px 0;
}
.jlxx i,
.jl-time i {
    display: inline-block;
    margin-right: 10px;
    color: #ccc;
}
.jl-time {
    font-size: 16px;
}
.jl-time.green i {
    color: #26a426;
}
.jl-time.red i {
    color: #ff5b5b;
}
.jlbtn {
    line-height: 32px;
    display: inline-block;
    padding: 0 20px;
    border-radius: 30px;
    border: 1px solid #e9e9e9;
    margin-left: 15px;
}
.jlquxiao {
    border-color: #ffa14d;
    color: #ffa14d;
}
.jlqiandao {
    border-color: #26a426;
    color: #26a426;
}


/*layui*/
.layui-input, .layui-select, .layui-textarea {
    height: 48px;
}
.layui-form-select dl {
    top: 52px;
}
.layui-form-radio {
    line-height: 39px;
}
.layui-form-radio * {
    font-size: 16px;
}
.layui-form-radio:hover *, .layui-form-radioed, .layui-form-radioed>i {
    color: #272992;
}
.layui-form-select dl dd.layui-this {
    background: #272992;
}
.sword {
    padding-bottom: 20px;
    color: #666;
}
.sword i {
    color: #f00;
}
.nodate {
    color: #999;
}
.m-nav,
.m-close,
.topschicon {
    display: none;
}
.m-nav i {
    font-size: 30px;
    color: #272992;
}
.m-close i {
    font-size: 24px;
}
@media screen and (max-width: 1600px) {
    .schwrap {
        width: 80%;
        left: 10%;
    }
}
@media screen and (max-width: 1440px) {
    header {
        padding-left: 5vw;
        padding-right: 5vw;
    }
    .indexcon {
        margin-left: 5vw;
        margin-right: 5vw;
    }
    .schwrap {
        width: 90%;
        left: 5%;
    }
    .ziyuan {
        width: 80vw;
        padding-left: 5vw;
    }
    
}
@media screen and (max-width:1360px) {
    .logo,
    .ftlogo img {
        height: 47px;
    }
    .xwswiper {
        height: 24vw;
    }
}
@media screen and (max-width:1200px) {
    header {
        position: fixed;
        /*padding-left: 2vw;*/
        /*padding-right: 2vw;*/
        align-items: center;
    }
    .indexcon {
        /*margin-left: 2vw;*/
        /*margin-right: 2vw;*/
    }
    .hd-lg {
        position: fixed;
        top: 0;
        right: 5vw;
        line-height: 24px;
        font-size: 14px;
        align-items: center;
    }
    .m-close {
        position: fixed;
    }
    .menu {
        position: fixed;
        
        right: -100vw;
        width: 100vw;
        top: 0;
        bottom: 0;
        background: rgba(39,41,146,.9);
        flex-direction: column;
        justify-content: center;
        /*align-items: center;*/
        padding-left: 10vw;
        padding-right: 10vw;
    }
    .menu.active {
        right: 0;
    }
    .menu li {
        padding: 15px 20px;
        margin: 0;
    }
    .menu li:before {
        left: 0;
        top: 0;
        width: 3px;
        height: 0;
        background: rgba(255,255,255,.8);
    }
    .menu li.active:before, .menu li:hover:before {
        height: 100%;
        width: 3px;
    }
    .menu li > a {
        color: #fff;
        font-size: 24px;
    }
    .submenu {
        position: relative;
        left: auto;
        right: auto;
        top: auto;
        display: flex;
        background: none;
        flex-wrap: wrap;
    }
    .submenu a {
        color: rgba(255,255,255,.7);
    }
    .submenu a:before {
        background: #fff;
    }
    .m-nav {
        display: block;
    }
    .m-close {
        position: fixed;
        top: 20px;
        right: 20px;
        z-index: 9;
        padding: 10px;
    }
    .m-close i {
        color: #fff;
        
    }
    .schwrap {
        transform: translateY(-100vh);
        padding: 2vw;
    }
    .schwrap.on {
        transform: translateY(0);
        margin-top: 0 !important;
        background: #fff;
        border-radius: 20px;
        box-shadow: 0 0 20px rgba(0,0,0,.1);
    }
    .schbody {
        flex-direction: column;
        align-items: center;
        padding: 2vw;
    }
    .schshuxian {
        display: none;
    }
    .sch-shouqi {
        top: 3vw;
        right: 5vw;
    }
    .schleft {
        width: 98%;
        
    }
    .schleft,
    .schright {
        padding-bottom: 0;
    }
    .indexcon1 {
        flex-direction: column;
    }
    .inxinwen,
    .intongzhi {
        width: 100%;
    }
    .xwswiper {
        height: 30vw;
    }
    .indextit {
        font-size: 24px;
    }
    .indextit i {
        font-size: 30px;
    }
    .ziyuan {
        width: 95vw;
    }
    .ziyuantab i {
        width: 50px;
        height: 50px;
        line-height: 50px;
        font-size: 26px;
    }
    .ziyuanslider .swiper-button-next, 
    .ziyuanslider .swiper-button-prev, 
    .tuijianslider .swiper-button-next, 
    .tuijianslider .swiper-button-prev {
        width: 36px;
        height: 36px;
    }
    .ziyuanslider .swiper-button-prev, 
    .tuijianslider .swiper-button-prev {
        right: 46px;
    }
    .huodong {
        flex-wrap: wrap;
    }
    .hditem,
    .huodong .hditem.active {
        width: calc((100% - 40px)/2);
    }
    .hditem {
        margin-bottom: 20px;
        height: auto;
    }
    .huodong .hditem.active .huodongpic,
    .huodongpic {
        height: 30vw;
    }
    .huodong .hditem.active .huodongtext,
    .huodongtext {
        background: #fff;
        color: inherit;
        position: relative;
    }
    .huodonxx,
    .huodongtext .more {
        display: block;
    }
    .huodong .hditem.active a {
        box-shadow: none;
    }
    .topschicon {
        display: block;
        font-size: 20px;
        padding: 0 20px;
    }
    .sliderwrap {
        height: 60vw;
    }
    .ziyuanpic {
        height: 20vw;
    }
    .ziyuanslider {
        padding-bottom: 50px;
    }
    .ftlogo {
        display: none;
    }
    .footerxx {
        justify-content: left;
    }
    .ftitem:nth-child(2) {
        padding-left: 0;
        border: 0;
        width: auto;
        flex: 1;
    }
    .fticons i {
        width: 42px;
        height: 42px;
        line-height: 42px;
        font-size: 22px;
    }
    .ftma {
        width: 100px;
        margin-left: -50px;
    }
    .topbanner {
        height: 200px;
    }
    .detail-title {
        font-size: 24px;
        line-height: 40px;
    }
    .brd {
        padding: 15px 20px;
    }
}
@media screen and (max-width:1024px) {
    body {
        font-size: 16px;
    }
    .schtabli {
        font-size: inherit;
    }
    .schtabli i {
        font-size: 20px;
        margin-right: 5px;
    }
    .inxinwen {
        padding-top: 3vw;
    }
    .inxinwen .indextit {
        position: relative;
        justify-content: left;
        right: auto;
        top: auto;
    }
    .sliderwrap {
        height: 40vh;
    }
    .xinwenslider {
        margin: 3vw 0 0;
    }
    .xwswiper {
        width: 100%;
    }
    .xinwenslider {
        padding-bottom: 50px;
    }
    .xinwenslider .swiper-pagination {
        left: 0;
        height: 50px;
        align-items: center;
        padding: 0;
    }
    .xwswiper {
        height: 50vw;
    }
    .intongzhi .indextit {
        padding: 15px 20px;
    }
    .tzlist a {
        padding: 12px 20px;
    }
    header {
        padding-left: 20px;
        padding-right: 20px;
    }
    .indexcon {
        margin-left: 0;
        margin-right: 0;
    }
    .hd-lg {
        right: 20px;
    }
    .ziyuan {
        width: 100vw;
        flex-direction: column;
        align-items: stretch;
        padding: 20px;
    }
    .ziyuanpic {
        height: 26vw;
    }
    .ziyuan .indextit {
        display: flex;
        
    }
    .ziyuan .more {
        margin-top: 0;
    }
    .ziyuantab {
        padding: 20px 0 0;
        justify-content: space-between;
    }
    .ziyuantab h2 {
        font-size: inherit;
    }
    .huodongtext {
        padding: 20px;
    }
    .huodongtext .more {
        right: 20px;
        bottom: 20px;
    }
    
    .logo, .ftlogo img {
        height: 34px;
    }
    .footer {
        font-size: 14px;
    }
    .menu {
        padding-left: 5vw;
        padding-right: 5vw;
    }
    .incon {
        padding: 20px;
    }
    .catlist  {
        margin-bottom: 20px;
        font-size: 18px;
        flex-wrap: wrap;
    }
    .catlist i {
        font-size: 22px;
    }
    .catlist li {
        margin-right: 20px;
        margin-bottom: 20px;
    }
    .zhanguanlist a {
        width: 100%;
    }
    .zgtext {
        padding: 15px 20px;
    }
    .zylist a {
        width: calc((100% - 40px)/2);
    }
    .detail-image {
        display: none;
    }
}
@media screen and (max-width:600px) {
    .ziyuanpic {
        height: 50vw;
    }
    .hditem, .huodong .hditem.active {
        width: 100%;
    }
    .huodong .hditem.active .huodongpic, .huodongpic {
        height: 45vw;
    }
    .ftitem {
        padding: 20px 0;
        border: 0;
    }
    .footerxx {
        /*flex-direction: column;*/
        /*align-items: center;*/
    }
    .ftma {
        left: auto;
        margin-left: 0;
        right: 0;
    }
    .schtabli {
        display: none;
    }
    .schleft {
        margin-top: 20px;
    }
    .newslist .xwdate {
        padding: 0 0 0 10px;
        border: 0;
        font-size: 14px;
        text-align: left;
    }
    .newspic {
        display: none;
    }
    .schbtn {
        width: 80px;
        text-align: center;
        padding: 0;
    }
    .schinput {
        width: 70%;
        height: 46px;
    }
    .schbox i {
        margin: 0 10px;
        font-size: 24px;
    }
}
@media screen and (max-width:400px) {
    .footerxx {
        flex-direction: column;
        align-items: center;
    }
    .ftma {
        left: 50%;
        margin-left: -50px;
    }
}