* { margin: 0rem; padding: 0rem; outline: none; }
ul, li { list-style-type: none; }
img, video, iframe { border: 0rem; max-width: 100%; }
img { /*image-rendering: pixelated;*/ }

html { font-size: 100px; }
html, body { height: 100%; }
body { font-size: 14px; font-family: Microsoft YaHei,Arial, Helvetica, sans-serif,simsun; color: #333333; overflow-x: hidden; max-width: 1920px; margin: 0 auto; }
a { color: #333333; text-decoration: none; }
a:hover { color: #6e68e4; }
input { outline: none; }
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus { transition: background-color 5000s ease-in-out 0s; }
.no-animate { opacity: 0; }
.hide { display: none !important; }

@-webkit-keyframes fadeInDown2 {
    0% { opacity: 0; -webkit-transform: translate3d(0,-50%,0); transform: translate3d(0,-50%,0) }
    100% { opacity: 1; -webkit-transform: none; transform: none }
}

@keyframes fadeInDown2 {
    0% { opacity: 0; -webkit-transform: translate3d(0,-50%,0); transform: translate3d(0,-50%,0) }
    100% { opacity: 1; -webkit-transform: none; transform: none }
}

.fadeInDown2 { -webkit-animation-name: fadeInDown2; animation-name: fadeInDown2 }

@-webkit-keyframes fadeInLeftDown {
    0% { opacity: 0; -webkit-transform: translate3d(-50%,0,0); transform: translate3d(-50%,0,0) }
    100% { opacity: 1; -webkit-transform: none; transform: none }
}

@keyframes fadeInLeftDown {
    0% { opacity: 0; -webkit-transform: translate3d(-50%,0,0); transform: translate3d(-50%,0,0) }
    100% { opacity: 1; -webkit-transform: none; transform: none }
}

.fadeInLeftDown { -webkit-animation-name: fadeInLeftDown; animation-name: fadeInLeftDown }

@-webkit-keyframes fadeInUp2 {
    0% { opacity: 0; -webkit-transform: translate3d(0,.2rem,0); transform: translate3d(0,.2rem,0) }
    100% { opacity: 1; -webkit-transform: none; transform: none }
}

@keyframes fadeInUp2 {
    0% { opacity: 0; -webkit-transform: translate3d(0,.2rem,0); transform: translate3d(0,.2rem,0) }
    100% { opacity: 1; -webkit-transform: none; transform: none }
}

.fadeInUp2 { -webkit-animation-name: fadeInUp2; animation-name: fadeInUp2 }

@-webkit-keyframes fadeOutUp2 {
    0% { opacity: 1 }
    100% { opacity: 0; -webkit-transform: translate3d(0,-0.2rem,0); transform: translate3d(0,-0.2rem,0) }
}

@keyframes fadeOutUp2 {
    0% { opacity: 1 }
    100% { opacity: 0; -webkit-transform: translate3d(0,-0.2rem,0); transform: translate3d(0,-0.2rem,0) }
}

.fadeOutUp2 { -webkit-animation-name: fadeOutUp2; animation-name: fadeOutUp2 }

@-webkit-keyframes fadeInLeft2 {
    0% { opacity: 0; -webkit-transform: translate3d(-0.6rem,0,0); transform: translate3d(-0.6rem,0,0) }
    100% { opacity: 1; -webkit-transform: none; transform: none }
}

@keyframes fadeInLeft2 {
    0% { opacity: 0; -webkit-transform: translate3d(-0.6rem,0,0); transform: translate3d(-0.6rem,0,0) }
    100% { opacity: 1; -webkit-transform: none; transform: none }
}

.fadeInLeft2 { -webkit-animation-name: fadeInLeft2; animation-name: fadeInLeft2 }

@-webkit-keyframes fadeInRight2 {
    0% { opacity: 0; -webkit-transform: translate3d(.6rem,0,0); transform: translate3d(.6rem,0,0) }
    100% { opacity: 1; -webkit-transform: none; transform: none }
}

@keyframes fadeInRight2 {
    0% { opacity: 0; -webkit-transform: translate3d(.6rem,0,0); transform: translate3d(.6rem,0,0) }
    100% { opacity: 1; -webkit-transform: none; transform: none }
}

.fadeInRight2 { -webkit-animation-name: fadeInRight2; animation-name: fadeInRight2 }

@-webkit-keyframes fadeOutRight2 {
    0% { opacity: 1 }
    100% { opacity: 0; -webkit-transform: translate3d(.6rem,0,0); transform: translate3d(.6rem,0,0) }
}

@keyframes fadeOutRight2 {
    0% { opacity: 1 }
    100% { opacity: 0; -webkit-transform: translate3d(.6rem,0,0); transform: translate3d(.6rem,0,0) }
}

.fadeOutRight2 { -webkit-animation-name: fadeOutRight2; animation-name: fadeOutRight2 }

@-webkit-keyframes fadeInLeft3 {
    0% { opacity: 0; -webkit-transform: translate3d(0%,0,0); transform: translate3d(0%,0,0) }
    100% { opacity: 1; -webkit-transform: none; transform: none }
}

@keyframes fadeInLeft3 {
    0% { opacity: 0; -webkit-transform: translate3d(0%,0,0); transform: translate3d(0%,0,0) }
    100% { opacity: 1; -webkit-transform: none; transform: none }
}

.fadeInLeft3 { -webkit-animation-name: fadeInLeft3; animation-name: fadeInLeft3 }

@-webkit-keyframes fadeInRight3 {
    0% { opacity: 1; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0) }
    100% { opacity: 1; -webkit-transform: none; transform: none }
}

@keyframes fadeInRight3 {
    0% { opacity: 1; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0) }
    100% { opacity: 1; -webkit-transform: none; transform: none }
}

.fadeInRight3 { -webkit-animation-name: fadeInRight3; animation-name: fadeInRight3 }

@-webkit-keyframes fadeInDown3 {
    0% { opacity: 0; -webkit-transform: translate3d(0,-0.6rem,0); transform: translate3d(0,-0.6rem,0) }
    100% { opacity: 1; -webkit-transform: none; transform: none }
}

@keyframes fadeInDown3 {
    0% { opacity: 0; -webkit-transform: translate3d(0,-0.6rem,0); transform: translate3d(0,-0.6rem,0) }
    100% { opacity: 1; -webkit-transform: none; transform: none }
}

.fadeInDown3 { -webkit-animation-name: fadeInDown3; animation-name: fadeInDown3 }

@-webkit-keyframes fadeInHeight {
    0% { opacity: 0; transform: scale(0) }
    100% { opacity: 1; -webkit-transform: none; transform: none }
}

@keyframes fadeInHeight {
    0% { opacity: 0; transform: scale(0) }
    100% { opacity: 1; -webkit-transform: none; transform: none }
}

.fadeInHeight { -webkit-animation-name: fadeInHeight; animation-name: fadeInHeight }

@-webkit-keyframes fadeInUp3 {
    0% { opacity: 0; -webkit-transform: translate3d(0,30%,0); transform: translate3d(0,30%,0) }
    100% { opacity: 1; -webkit-transform: none; transform: none }
}

@keyframes fadeInUp3 {
    0% { opacity: 0; -webkit-transform: translate3d(0,30%,0); transform: translate3d(0,30%,0) }
    100% { opacity: 1; -webkit-transform: none; transform: none }
}

.fadeInUp3 { -webkit-animation-name: fadeInUp3; animation-name: fadeInUp3 }

@-webkit-keyframes fadeInwidth2 {
    0% { opacity: 0; width: 0%; }
    100% { opacity: 1; width: 100%; }
}

@keyframes fadeInwidth2 {
    0% { opacity: 0; width: 0%; }
    100% { opacity: 1; width: 100%; }
}

.fadeInwidth2 { -webkit-animation-name: fadeInwidth2; animation-name: fadeInwidth2 }

@-webkit-keyframes flip_x {
    0% { -webkit-transform: perspective(40rem) rotate3d(0,1,0,-360deg); transform: perspective(40rem) rotate3d(0,1,0,-360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out }
    40% { -webkit-transform: perspective(40rem) translate3d(0,0,1.5rem) rotate3d(0,1,0,-190deg); transform: perspective(40rem) translate3d(0,0,1.5rem) rotate3d(0,1,0,-190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out }
    50% { -webkit-transform: perspective(40rem) translate3d(0,0,1.5rem) rotate3d(0,1,0,-170deg); transform: perspective(40rem) translate3d(0,0,1.5rem) rotate3d(0,1,0,-170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in }
    80% { -webkit-transform: perspective(40rem) scale3d(.95,.95,.95); transform: perspective(40rem) scale3d(.95,.95,.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in }
    100% { -webkit-transform: perspective(40rem); transform: perspective(40rem); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in }
}

@keyframes flip_x {
    0% { -webkit-transform: perspective(40rem) rotate3d(0,1,0,-360deg); transform: perspective(40rem) rotate3d(0,1,0,-360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out }
    40% { -webkit-transform: perspective(40rem) translate3d(0,0,1.5rem) rotate3d(0,1,0,-190deg); transform: perspective(40rem) translate3d(0,0,1.5rem) rotate3d(0,1,0,-190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out }
    50% { -webkit-transform: perspective(40rem) translate3d(0,0,1.5rem) rotate3d(0,1,0,-170deg); transform: perspective(40rem) translate3d(0,0,1.5rem) rotate3d(0,1,0,-170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in }
    80% { -webkit-transform: perspective(40rem) scale3d(.95,.95,.95); transform: perspective(40rem) scale3d(.95,.95,.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in }
    100% { -webkit-transform: perspective(40rem); transform: perspective(40rem); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in }
}

@-webkit-keyframes slideOutDown_s {
    75% { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); opacity: 1; }
    50% { visibility: hidden; -webkit-transform: translate3d(0,.2rem,0); transform: translate3d(0,.2rem); opacity: 0; }
    100% { visibility: hidden; -webkit-transform: translate3d(0,0rem,0); transform: translate3d(0,0rem); opacity: 1; }
}

@keyframes slideOutDown_s {
    75% { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); opacity: 1; }
    50% { visibility: hidden; -webkit-transform: translate3d(0,.2rem,0); transform: translate3d(0,.2rem,0); opacity: 0; }
    100% { visibility: hidden; -webkit-transform: translate3d(0,0rem,0); transform: translate3d(0,0rem,0); opacity: 1; }
}

.animated.fadeOutRight2 { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both }
.animated.fadeInRight2 { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both }
.animated.fadeInRight3 { -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-fill-mode: both; animation-fill-mode: both }

@keyframes flips {
    0% { -webkit-transform: perspective(40rem) rotate3d(0,1,0,-180deg); }
    100% { -webkit-transform: perspective(40rem) rotate3d(0,1,0,0deg); }
}

@keyframes flipright {
    0% { -webkit-transform: perspective(40rem) rotate3d(0,1,0,180deg); }
    100% { -webkit-transform: perspective(40rem) rotate3d(0,1,0,0deg); }
}

@font-face { font-family: W04; src: url(../fonts/站酷仓耳渔阳体-W04.ttf); }

/*video start*/
.sha_bg { background-color: rgba(0, 0, 0, .8); width: 100vw; height: 100vh; position: fixed; left: 100%; top: 0; transition: left .5s ease; z-index: 1001; }

.sha_btn_close { position: absolute; right: 5%; top: 5%; cursor: pointer; background-color: #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; width: 40px; height: 40px; font-size: 18px; text-align: center; line-height: 40px; color: #444; }

.sha_vid { display: none; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); max-width: 80vw; max-height: 80vh; display: block; }




.xww_top { width: 100%; overflow: hidden; background: url(../images/00_1_01_01.jpg) no-repeat center; height: 245px; }
.xww_top1 { text-align: center; overflow: hidden; padding-top: 60px; text-align: center; float: left; }
.xww_top2_main { padding-top: 60px; float: right; }
.xww_top2 { height: 62px; display: flex; justify-content: center; align-items: center; }
.xww_top2 input.text { padding: 0px 30px; width: 350px;  border: 0px; outline: none; font-size: 16px; color: #bfbfbf; height: 100%; }
.xww_top2 input.text::placeholder { color: #bfbfbf; }
.xww_top2 input.submit { width: 68px; background: url(../images/s9.png) no-repeat center #fff; height: 100%; border: 0px; outline: none; cursor: pointer; }
.m_width { max-width: 1600px; margin: 0 auto; padding-left: 20px; padding-right: 20px; }
.menu_pc { padding-top: 44px; clear: both; }
.menu_pc ul { display: flex; justify-content: space-between; }
.menu_pc a { color: #fff; font-size: 19px; font-weight: bold; background: url(../images/s1.png) no-repeat left center; padding-left: 26px; }
.menu_pc li:nth-child(2) a { background: url(../images/s2.png) no-repeat left center; }
.menu_pc li:nth-child(3) a { background: url(../images/s3.png) no-repeat left center; }
.menu_pc li:nth-child(4) a { background: url(../images/s4.png) no-repeat left center; }
.menu_pc li:nth-child(5) a { background: url(../images/s5.png) no-repeat left center; }
.menu_pc li:nth-child(6) a { background: url(../images/s6.png) no-repeat left center; }
.menu_pc li:nth-child(7) a { background: url(../images/s7.png) no-repeat left center; }
.menu_pc li:nth-child(8) a { background: url(../images/s8.png) no-repeat left center; }
.menu_pc ul li.cur::after { display: block; content: ''; width: 50px; height: 4px; background: #fff; border-radius: 2px; margin: 0px auto; position: relative; top: 10px; }

.xww_main { padding-top: 40px; width: 100%; overflow: hidden; padding-bottom: 0px; background: url(../images/00_1_01_02.jpg) no-repeat top center; }

.xww_main .m_width { display: grid; grid-template-columns: 52px auto; gap: 10px; }
.xww_main_left .a_title { background: url(../images/00_1_04.jpg) no-repeat center; height: 61px; color: #ffffff; font-weight: bold; font-size: 18px; width: 42px; text-align: center; padding-right: 10px; display: flex; justify-content: center; align-items: center; }
.xww_main_right { display: flex; justify-content: center; align-items: center; overflow: hidden; }
.xww_main_right > div .item { color: #515151; font-size: 38px; font-weight: bold; text-align: center; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.xww_main_right > div .item_list { padding-top: 15px; }
.xww_main_right > div .item_list ul { display: flex; justify-content: center; }
.xww_main_right > div .item_list li { padding-left: 12px; padding-right: 12px; overflow: hidden; border-right: 2px solid #d9d4d4; }
.xww_main_right > div .item_list li:last-child { border-right: 0px; }
.xww_main_right > div .item_list li a { color: #666; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: block; }
.xww_main_right > div .item_list li a:hover { color: #6e68e4; }

.xww_main .title_box { max-width: 1600px; margin: 0px auto; display: flex; justify-content: space-between; align-items: center; padding: 0px; padding-bottom: 25px; border-bottom: 2px solid #dedede; }
.xww_main .title_box .title { font-size: 27px; color: #333333; font-weight: bold; }
.xww_main .title_box .more { font-size: 15px; color: #6e68e4; font-weight: bold; }


.xww_ma_quan { width: 100%; overflow: hidden; _background: #fafafa; padding-top: 44px; }
.liekuan { display: grid; grid-template-columns: auto 340px; gap: 30px; }
.liekuan .xww_ma_quan_left { overflow: hidden; }
.liekuan .xww_ma_quan_left li { position: relative; }
.liekuan .xww_ma_quan_left li img { vertical-align: bottom; height: 500px; object-fit: cover; width: 100%; }
.liekuan .xww_ma_quan_left li .b_piao { position: absolute; left: 60px; bottom: 40px; max-width: 750px; margin-right: 40px; }
.liekuan .xww_ma_quan_left li .b_piao font { color: #ffffff; font-size: 31px; font-weight: bold; max-width: 470px; display: block; }
.liekuan .xww_ma_quan_left li .b_piao p { font-size: 15px; line-height: 27px; color: #ffffff; padding-top: 12px; margin-bottom: 12px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.liekuan .xww_ma_quan_left li .b_piao div { width: 84px; height: 31px; color: #fff; background: #ff9524; text-align: center; line-height: 31px; }
.liekuan .xww_ma_quan_right { position: relative; z-index: 2; }
.liekuan .xww_ma_quan_right ul { position: absolute; left: 0px; top: 0px; height: 100%; }
.liekuan .xww_ma_quan_right li { border-bottom: 1px solid #e0e0e0; display: flex; align-items: center; transition: 0.3s ease width; }
.liekuan .xww_ma_quan_right li a { display: grid; grid-template-columns: 92px auto; gap: 20px; overflow: hidden; }
.liekuan .xww_ma_quan_right li a p { color: #5c5c66; font-size: 17px; font-weight: bold; margin-bottom: 15px; line-height: 1.58; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.liekuan .xww_ma_quan_right li a div { color: #999999; }
.liekuan .xww_ma_quan_right li a div font { color: #6e68e4; display: inline-block; padding-right: 10px; }
.liekuan .xww_ma_quan_right li a div img { vertical-align: bottom; }
.liekuan .xww_ma_quan_right ul { display: grid; grid-template-columns: auto; height: 100%; }
.liekuan .xww_ma_quan_right li:last-child { border-bottom: 0px; }
.liekuan .xww_ma_quan_right .cur { background: #ff9524; padding-left: 20px; padding-right: 20px; width: 360px; margin-left: -60px; }
.liekuan .xww_ma_quan_right .cur p { font-weight: bold; color: #ffffff; }
.liekuan .xww_ma_quan_right .cur a div { color: #fff; }
.liekuan .xww_ma_quan_right .cur a div font { color: #fff; }

.xww_ma_sdyw { width: 100%; overflow: hidden; background: #fafafa; padding-top: 10px; padding-bottom: 70px; }
.xww_ma_sdyw .xww_ma_sdyw_kuan { display: flex; justify-content: space-between; padding-bottom: 32px; border-bottom: 2px solid #dedede; line-height: 32px; }
.xww_ma_sdyw .xww_ma_sdyw_kuan font { color: #333333; font-size: 27px; font-weight: bold; }
.xww_ma_sdyw .xww_ma_sdyw_kuan p { color: #6e68e4; font-size: 15px; font-weight: bold; }

.wyzk { padding-top: 32px; display: grid; grid-template-columns: repeat(1,1fr); gap: 30px; }
.wyzk_left ul { display: grid; grid-template-columns: repeat(2,1fr); gap: 30px; }
.wyzk_left li .sdyw { color: #333333; font-size: 13px; padding-top: 20px; padding-bottom: 15px; }
.wyzk_left li .sdyw font { color: #6e68e4; font-size: 13px; margin-right: 10px; }
.wyzk_left li .titles { font-size: 17px; color: #5c5c66; font-weight: bold; line-height: 1.7; height: 56px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.wyzk_left li .contents { color: #999999; font-size: 13px; line-height: 1.84; padding-top: 10px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; }
.wyzk_left ul li a img { height: 230px; width: 100%; object-fit: cover; }
.wyzk_left ul li a:hover .titles { color: #6e68e4; }
.wyzk_right { overflow: hidden; }
.wyzk_right ul { display: grid; grid-template-columns: repeat(4,1fr); gap: 20px; }
.wyzk_right li { padding-bottom: 15px; border-bottom: 1px solid #dedede; }
.wyzk_right font { font-size: 13px; color: #6e68e4; }
.wyzk_right p { font-size: 17px; line-height: 29px; height: 58px; overflow: hidden; color: #5c5c66; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; padding-top: 15px; margin-bottom: 15px; }
.wyzk_right a:hover p { color: #6e68e4; }
.wyzk_right div { color: rgba(51, 51, 51, .7); }
/*.wyzk_right li:nth-child(n+5) { border-bottom: 0px; }
*/
.xww_mtbd { width: 100%; overflow: hidden; background: url(../images/00_1_18.jpg) no-repeat center; padding-bottom: 70px; background-size: cover; }
.xww_mtbd_kuan { padding-top: 70px; display: flex; justify-content: space-between; line-height: 32px; padding-bottom: 32px; border-bottom: 2px solid #83bdda; }
.xww_mtbd_kuan font { color: #ffffff; font-size: 27px; font-weight: bold; }
.xww_mtbd_kuan p { color: #ffffff; font-size: 15px; font-weight: bold; }
.gjhsj { padding-top: 32px; }
.gjhsj ul { display: grid; grid-template-columns: repeat(4,1fr); gap: 30px; }
.gjhsj li { background: #fff; padding: 25px; }
.gjhsj li p { color: #333333; font-size: 17px; line-height: 29px; height: 58px; margin-bottom: 20px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.gjhsj li a:hover p { color: #6e68e4; }

.gjhsj li div { color: #999999; font-size: 13px; line-height: 1.65; }
.gjhsj li div font { color: #2784db; font-size: 14px; font-weight: bold; display: inline-block; }


.ynss { width: 100%; padding-bottom: 50px; overflow: hidden; background: #fafafa; }

.xww_ynss_kuan { padding-top: 65px; overflow: hidden; display: flex; justify-content: space-between; line-height: 32px; padding-bottom: 32px; border-bottom: 2px solid #dedede; }
.xww_ynss_kuan font { font-size: 27px; font-weight: bold; }
.xww_ynss_kuan p { color: #6e68e4; font-size: 15px; font-weight: bold; }
.xww_yuannei { padding-top: 32px; overflow: hidden; /* padding-bottom:70px; */ }
.xww_yuannei_left { overflow: hidden; display: grid; grid-template-columns: auto 22.8%; gap: 0px; margin-right: 15px; width: calc(50% - 15px); overflow: hidden; float: left; }
.xww_yuannei_left_1 { overflow: hidden; }
.xww_yuannei_left_1 li { position: relative; }
.xww_yuannei_left_1 li img { vertical-align: bottom; width: 100%; height: 420px; object-fit: cover; }
.xww_yuannei_left_1 li div { position: absolute; left: 40px; bottom: 40px; margin-right: 40px; }
.xww_yuannei_left_1 li div font { color: #ffffff; font-weight: bold; font-size: 27px; max-width: 351px; display: block; }
.xww_yuannei_left_1 li div p { color: #fff; font-size: 13px; padding-top: 20px; }
.xww_yuannei_right { margin-left: 15px; width: calc(50% - 15px); overflow: hidden; float: left; }
.xww_yuannei_right_2 { overflow: hidden; background: url(../images/00_1_22.jpg); padding: 15px 30px 15px; background-size: cover; }
.xww_yuannei_right_2 ul { display: grid; grid-template-columns: auto; height: 100%; }
.xww_yuannei_right_2 li { display: flex; align-items: center; }
.xww_yuannei_right_2 li.cur img { border: 3px solid #6e68e4; box-sizing: border-box; }
.xww_yuannei_right li { overflow: hidden; padding-bottom: 20px; border-bottom: 1px solid #dedede; margin-bottom: 20px; }
.xww_yuannei_right li a { display: grid; gap: 25px; grid-template-columns: 62px auto; overflow: hidden; }
.xww_yuannei_right li a .kuan_left { width: 40px; height: 40px; border: 4px solid #6e68e4; padding: 7px; position: relative; background: url(../images/zixian.png) no-repeat center; }
.xww_yuannei_right li:last-child { margin-bottom: 0px; border-bottom: 0px; padding-bottom: 0px; }
.xww_yuannei_right li a .kuan_left font { font-size: 17px; color: #666666; }
.xww_yuannei_right li a .kuan_left p { font-size: 13px; color: #666666; text-align: right; }
.xww_yuannei_right li a .kuan_right { overflow: hidden; }
.xww_yuannei_right li a .kuan_right font { color: #5c5c66; font-size: 17px; line-height: 29px; line-height: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; }
.xww_yuannei_right li a .kuan_right p { font-size: 13px; color: #999999; line-height: 1.8; height: 50px; padding-top: 10px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.xww_yuannei_right li a:hover .kuan_right font { color: #6e68e4; }
.ztxw { background: #fafafa; padding-bottom: 48px; overflow: hidden; }
.ztgd { padding-top: 30px; overflow: hidden; }
.hundan { padding-top: 50px; padding-bottom: 50px; }
.hundan .m_width { display: flex; justify-content: space-between; }

.xww_pfxc { padding-bottom: 50px; background: url(../images/bg_pfxc.jpg) center no-repeat; background-size: cover; }

.xww_pfxc .xww_ynss_kuan { margin-bottom: 30px; padding: 30px 0px; overflow: hidden; display: flex; justify-content: space-between; line-height: 32px; border-bottom: 2px solid rgba(255,255,255,0.3); }
.xww_pfxc .xww_ynss_kuan font { color: #fff; font-size: 27px; font-weight: bold; }
.xww_pfxc .xww_ynss_kuan p { color: #fff; font-size: 15px; font-weight: bold; }
.xww_pfxc .news_boxs { display: flex; justify-content: space-between; }
.xww_pfxc .news_boxs .news_box { width: calc(50% - 20px); background: rgba(255,255,255,0.1); padding: 25px; box-sizing: border-box; }

.xww_pfxc .news_boxs .news_box ul li { }
.xww_pfxc .news_boxs .news_box ul li a { width: 100%; display: block; box-sizing: border-box; position: relative; margin: 15px 0px; line-height: 30px; font-size: 17px; color: #ffffff; padding-left: 20px; padding-right: 150px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.xww_pfxc .news_boxs .news_box ul li a .date { width: 100px; text-align: right; font-size: 14px; position: absolute; right: 0px; top: 50%; transform: translateY(-50%); }
.xww_pfxc .news_boxs .news_box ul li a::after { content: ""; width: 6px; height: 6px; border-radius: 50%; opacity: 0.5; position: absolute; left: 0px; top: 50%; transform: translateY(-50%); background: #fff; }
.xww_pfxc .news_boxs .news_box ul li a:hover::after { opacity: 1; }

.foot_left .g_l_top { display: flex; }
.foot_left .xiala { margin-left: 35px; position: relative; z-index: 3; }
.foot_left .xiala p { background: url(../images/s10.png) no-repeat right 20px center #e9ecf2; width: 250px; height: 50px; color: #82888f; font-size: 14px; padding-left: 20px; line-height: 50px; cursor: pointer; }
.foot_left .xiala ul { position: absolute; left: 0px; bottom: 50px; width: 100%; display: none; }
.foot_left .xiala li { background-color: #e9ecf2; line-height: 50px; padding-left: 20px; color: #82888f; border-bottom: 1px solid #fff; padding-right: 20px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.foot_left .g_l_foot { color: #333333; font-size: 14px; line-height: 28px; margin-top: 30px; }
.foot_right { display: flex; }
.foot_right div { text-align: center; font-size: 16px; color: #333333; }
.foot_right div:nth-child(2) { margin-left: 30px; }
.foot_right div p { padding-top: 5px; }


.menu_wap { background: url(../images/menu_s.png) no-repeat center; width: 42px; height: 42px; float: right; display: none; margin-top: 0px; margin-left: 8px; background-size: 100% 100%; }
.in_topbox { position: relative; z-index: 18; }
.in_topbox .menu { position: absolute; top: 0; left: 0; width: 100%; line-height: 40px; height: auto; display: none; transition: 0.3s ease top; }
.in_topbox .menu li { float: none; width: 100%; background: rgba(255,255,255,0.95); border-top: 1px solid #EEE; text-indent: 20px; cursor: pointer; padding: 0; position: relative; }
.in_topbox .menu li:last-child { border-bottom: 1px solid #EEE; }
.in_topbox .menu li > a { display: inline; color: #333; height: 40px; line-height: 40px; }
.in_topbox .menu li:hover > a { color: #333; }
.in_topbox .menu li.cur > a { color: #333; }
.in_topbox .menu li > a:after { display: none; }
.in_topbox .menu li em { position: absolute; right: 10px; top: 15px; width: 10px; height: 10px; border: 1px solid #666; border-left: 0px; border-bottom: 0px; opacity: 1; display: block; transform: rotate(45deg); }
.in_topbox .menu li .nav { position: relative; top: 0; left: 0; width: 100%; height: auto; line-height: 30px; z-index: 101; text-align: left; background: #FFF; display: none; margin: 0; padding: 0; }
.in_topbox .menu li .nav a { display: block; width: 100%; height: 30px; color: #666; font-size: 14px; margin: 0; padding: 0; }
.in_topbox .menu li .nav a:hover { background: #18a4c7; color: #FFF; font-weight: normal; transform: translateX(0px); }
.in_topbox .menu li .nav a:after { display: none; }


.wyrk { width: 100%; overflow: hidden; background: #fafafa; padding-top: 25px; padding-bottom: 30px; }
.wyrk .m_width { display: grid; grid-template-columns: auto 450px; gap: 25px; }
.wyrk .wyrk_left { overflow: hidden; }
.wyrk .wyrk_left .titbox { color: #6e68e4; font-size: 24px; font-weight: bold; border-bottom: 1px #7f7ae2 solid; padding: 20px 0px; margin-bottom: 20px; }
.wyrk .wyrk_left .list ul { display: grid; gap: 20px; }
.wyrk .wyrk_left .list li { background: #ffffff; padding: 15px; }
.wyrk .wyrk_left .list li a { display: grid; grid-template-columns: 50px auto; gap: 20px; }
.wyrk .wyrk_left .list li .time { text-align: center; }
.wyrk .wyrk_left .list li .time font { color: #7f7ae2; font-size: 23px; font-weight: bold; display: block; }
.wyrk .wyrk_left .list li .time p { color: #7b76d7; font-size: 13px; }
.wyrk .wyrk_left .list li .title { color: #333333; font-size: 17px; display: flex; align-items: center; overflow: hidden; }
.wyrk .wyrk_left .list li .title font { display: block; margin-right: 7px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.wyrk .wyrk_left .list li:hover { background: #7f7ae2; }
.wyrk .wyrk_left .list li:hover .time font { color: rgba(255,255,255,0.8); }
.wyrk .wyrk_left .list li:hover .time p { color: #fff; }
.wyrk .wyrk_left .list li:hover .title { color: #fff; }
.wyrk .wyrk_right { overflow: hidden; }
.wyrk .wyrk_right .shbox { display:none; }
.wyrk .wyrk_right .searchs { width: 100%; overflow: hidden; display: flex; font-size: 16px; color: #bfbfbf; }
.wyrk .wyrk_right .searchs .text { width: calc(100% - 136px); height: 77px; overflow: hidden; border: 0px; outline: none; padding-left: 30px; padding-right: 30px; }
.wyrk .wyrk_right .searchs .submit { height: 77px; background: #7f7ae2 url(../images/search-1.png) no-repeat center; width: 76px; border: 0px; outline: none; cursor: pointer; }
.wyrk .wyrk_right .searchs .text::placeholder { color: #bfbfbf; }
.wyrk .wyrk_right .xzdt { margin-top: 20px; background: #ffffff; padding: 28px; }
.wyrk .wyrk_right .xzdt .title { color: #7f7ae2; font-size: 19px; padding-bottom: 20px; border-bottom: 2px solid #f0f0f0; line-height: 1; }
.wyrk .wyrk_right .xzdt .list { margin-top: 20px; }
.wyrk .wyrk_right .xzdt .list li { position: relative; }
.wyrk .wyrk_right .xzdt .list li font { color: #7b76d7; font-size: 13px; line-height: 1; display: block; }
.wyrk .wyrk_right .xzdt .list li a { padding-left: 20px; display: block; position: relative; }
.wyrk .wyrk_right .xzdt .list li a::after { width: 9px; height: 9px; border-radius: 50%; overflow: hidden; background: #7b76d7; position: absolute; left: 0px; top: 3px; content: ""; z-index: 2; }
.wyrk .wyrk_right .xzdt .list li::after { display: block; height: calc(100% - 2px); width: 1px; background: #f0f0f0; position: absolute; left: 4px; top: 0px; content: ""; }
.wyrk .wyrk_right .xzdt .list li p { color: #333333; font-size: 15px; line-height: 1.53; padding-top: 14px; padding-bottom: 25px; }
.wyrk .wyrk_right .xzdt .list li a:hover p { color: #6e68e4; }

.wyrk .wyrk_right .xzdt .list li:last-child p { padding-bottom: 0px; }
.wyrk .wyrk_right .xzdt .list li:last-child::after { display: none; }
#PageContent { margin: 0 auto; text-align: center; margin-top: 0px }
#PageContent { padding: 30px 0px 30px 0px; margin: 0px; text-align: center; font-family: arial; font-size: 14px; }
#PageContent a, #PageContent span { border: 1px solid #fff; width: 50px; height: 50px; line-height: 50px; color: #b2b2b2; text-decoration: none; display: inline-block; box-sizing: border-box; margin-left: 10px; margin-right: 10px; border-radius: 50px; background: #fff; }
#PageContent a:hover { border: #7f7ae2 1px solid; background: #7f7ae2; color: #fff; }

#PageContent .current { background: #7f7ae2; border: 1px solid #7f7ae2; color: #fff; }
#PageContent span.disabled, #PageContent span.hunp { border: 1px solid #817de2; color: #817de2; font-family: simsun; }

#PageContent :last-child { font-family: simsun; }

/* news show */
.nssinfo { padding: 50px 0 0 0; }
.nssinfo .nss_tit { font-size: 26px; line-height: 1.2; text-align: center; margin-bottom: 10px; }
.nssinfo .nss_fnt { font-size: 20px; line-height: 1.2; text-align: center; }
.nssinfo .nss_tm { margin-top: 20px; color: #999999; text-align: center; }
.nssinfo .info { padding-top: 30px; }
.nssinfo .nss_pn { clear: both; padding: 10px 15px 20px 15px; line-height: 22px; }
.nssinfo .nss_pn p { padding-top: 10px; }

.nssinfo .info { font-size: 18px !important; font-family: 宋体 !important; background: none !important; }
.nssinfo .info p { font-family: 宋体 !important; font-size: 18px !important; line-height: 2em !important; _text-indent: 2em !important; background: none !important; }
.nssinfo .info span { font-family: 宋体 !important; font-size: 18px !important; line-height: 2em !important; background: none !important; }
.nssinfo .info img { max-width: 100%;height:auto!important; }
.nssinfo .info table { max-width: 100%; }
.nssinfo .info video { max-width: 100%; }
.nssinfo .info iframe { max-width: 100%; }
.wyrk .imglist { margin-top: 65px; }
.wyrk .imglist ul { overflow: hidden; }
.wyrk .imglist li { float: left; width: calc(33.33% - 2.5%); margin: 0 3.75% 30px 0; }
.wyrk .imglist li:nth-child(3n) { margin-right: 0; }
.wyrk .imglist li img { display: block; }