* { margin: 0rem; padding: 0rem; outline: none; }
ul, li { list-style-type: none; }
img, video, iframe { border: 0rem; max-width: 100%; object-fit: cover;}
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: #333; overflow-x: hidden; margin: 0 auto; max-width: 1920px; font-weight: 500; }
a { color: #333333; text-decoration: none; }
a:hover { color: #03359b; }
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; }

@font-face { font-family: c036; src: url(../fonts/036-CAI978.ttf); }
@font-face { font-family: c037; src: url(../fonts/037-CAI978.ttf); }
@font-face { font-family: c038; src: url(../fonts/038-CAI978.ttf); }

@-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.3rem,0); transform: translate3d(0,-0.3rem,0) }
    100% { opacity: 1; -webkit-transform: none; transform: none }
}

@keyframes fadeInDown3 {
    0% { opacity: 0; -webkit-transform: translate3d(0,-0.3rem,0); transform: translate3d(0,-0.3rem,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); }
}

/*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%); video
{ max-width: 80vw; max-height: 80vh; display: block; }
}

.tjio { position: fixed; top: 0px; left: 0px; background: rgba(0,0,0,.5); width: 100%; height: 100%; z-index: 999; display: none; }
.searchs { position: absolute; top: 50%; left: 50%; width: 95%; height: 50px; margin-top: -25px; transform: translateX(-50%); max-width: 500px; }
.seaz { width: 80%; overflow: hidden; float: left; background: #fff; height: 50px; }
.seay { width: 20%; overflow: hidden; float: left; background: #03359b; height: 50px; }
.seaz input { background: none; border: 0px; outline: none; height: 50px; padding-left: 10px; padding-right: 10px; width: 100%; box-sizing: border-box; }
.seay input { width: 100%; overflow: hidden; text-align: center; color: #fff; height: 50px; background: none; border: 0px; cursor: pointer; outline: none; }
.top_search { cursor: pointer; }
.top_search img { width: 16px; }
/* .sb img{animation: slideOutDown_s 2.5s cubic-bezier(0.55, 0.09, 0.68, 0.53) infinite;} */
.sb:before, .sb:after { content: ""; position: absolute; }
.sb:before { top: 0; left: 0; width: 26px; height: 37px; background: url(../images/sb.png) 0px 0px no-repeat; background-size: 100% auto; -webkit-animation: colorSlide 1.6s linear infinite; animation: colorSlide 1.6s linear infinite; }
.sb:after { top: 0; right: 0; bottom: 0; left: 0; margin: auto; background-color: #FFF; width: 4px; height: 8px; border-radius: 4px; -webkit-animation: trackBallSlide 1.6s linear infinite; animation: trackBallSlide 1.6s linear infinite; }

.menu_wap { background: url(../images/menu_s.png) no-repeat center; width: 30px; height: 30px; float: right; display: none; margin-top: 0px; }
.pi2 .menu_wap { background: url(../images/menu_s2.png) no-repeat center; }
.pi2 .in_topbox .menu { top: 83px; }
.in_topbox { position: relative; z-index: 18; }
.in_topbox .menu { position: absolute; top: 80px; 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; }
.f32 { font-size: .32rem; }
.f28 { font-size: .28rem; }
.f26 { font-size: .26rem; }
.f24 { font-size: .24rem; }
.f22 { font-size: .22rem; }
.f20 { font-size: .2rem; }
.f18 { font-size: .18rem; }
.f16 { font-size: 16px; }

.main_top { position: absolute; top: .38rem; left: 0px; z-index: 2; width: 100%; }
.main_top .main_w { display: flex; justify-content: space-between; align-items: center; }
.main_top .main_w .top_list a { color: #333333; font-size: 18px; }
.main_top .main_w .top_list li.cur { position: relative; padding-bottom: .14rem; }
.main_top .main_w .top_list li.cur::after { width: .3rem; height: .04rem; background: #f3a03e; content: ""; display: block; position: absolute; left: calc(50% - .15rem); bottom: 0px; border-radius: 5px; }
.main_top .main_w .top_list ul { display: flex; gap: .5rem; }
.main_top .main_w .top_right { display: flex; justify-content: space-between; gap: .16rem; align-items: center; }
.main_top .main_w .top_right .tel { color: #333333; font-size: 18px; font-weight: bold; background: url(../images/tel.png) no-repeat left top 2px; padding-left: 18px; line-height: 1; }
.main_top .main_w .top_right .top_search { display: flex; align-items: center; gap: 7px; font-weight: bold; font-size: 18px; color: #f9aa4c; position: relative; padding-left: 10px; }
.main_top .main_w .top_right .top_search::after { position: absolute; left: 0px; top: calc(50% - 6px); width: 1px; height: 12px; background: #d1d4d6; display: block; content: ""; }
.banner { width: 100%; overflow: hidden; position: relative; }
.x_hhh { position: relative; }
.x_hhh .swiper-paginationx { display: flex; align-items: center; justify-content: center; height: 0.6rem; position: absolute; left: 0px; bottom: 0.56rem; z-index: 2; width: 100%; }

.x_hhh .swiper-container { width: 24px; height: 24px; margin: 0 0px; position: relative; }

.x_hhh .progress-circle { width: 100%; height: 100%; fill: none; stroke: #fff; stroke-width: 2; stroke-dasharray: 70; stroke-dashoffset: 70; transform: rotate(-90deg); transform-origin: 50% 50%; transition: stroke-dashoffset 0.5s ease; }
.progress-container { width: 24px; height: 24px; }
.x_hhh .swiper-pagination-bullet { width: 24px; height: 24px; background: url(../images/d1.png) no-repeat center; opacity: 1; }
.x_hhh .swiper-pagination-bullet-active { background: url(../images/d2.png) no-repeat center; }
.x_hhh .swiper-pagination-bullet-active .progress-circle { animation: 5s linear 0s 1 normal forwards running fill-progress; }

@keyframes fill-progress {
    0% { stroke-dashoffset: 70; }
    100% { stroke-dashoffset: 0; }
}

.main { width: 100%; overflow: hidden; }
.main_w { max-width: 1680px; margin: 0 auto; padding-left: 1.2rem; padding-right: 1.2rem; }
.l1 { width: 100%; position: relative; z-index: 999; }
.l1 .main_w {display: flex;justify-content: space-between;align-items: center;padding-left: .4rem;padding-right: .4rem;}

.x_hhh .sb { position: absolute; left: 6.25%; bottom: 1.66rem; z-index: 3; }
.x_hhh .swiper-slide { position: relative; }

.l1 .main_w .right { display: flex; gap: .6rem; align-items: center; }
.l1 .main_w .right .menu ul {display: flex;gap: .4rem;align-items: center;justify-content: space-between;width: 100%;}
.l1 .main_w .right .menu li > a {display: flex;align-items: center;font-size: 16px;color: #333333;position: relative;height: 1.06rem;text-align: center;}
.l1 .main_w .right .menu li > a::after { position: absolute; width: 0%; height: 4px; background: #03359b; content: ""; left: 50%; bottom: 0px; transition: 0.3s ease all; }
.l1 .main_w .right .menu li.cur > a::after, .l1 .main_w .right .menu li > a:hover::after { position: absolute; width: 100%; height: 4px; background: #03359b; content: ""; left: 0px; bottom: 0px; }
.l1 .main_w .right .menu li { position: relative; }
.l1 .main_w .right .menu div.nav { display: none; position: absolute; top: 1.26rem; left: 50%; background: url(../images/menubg_03.jpg) no-repeat bottom center #fbfcfd; transform: translateX(-50%); background-size: 100%; font-size: 16px; text-align: center; padding: 0.2rem 0.1rem; border-radius: 5px; }
.l1 .main_w .right .menu div.nav p { padding: 0px 0.1rem; }
.l1 .main_w .right .menu div.nav p a { display: block; line-height: 0.5rem; font-size: 16px; color: #4c4c4c; border-bottom: 2px #e6e6e6 solid; padding: 0px 0.0rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.l1 .main_w .right .menu div.nav p a:hover { color: #03359b; border-bottom: 2px #03359b solid; }

.qsrg { display: grid; grid-template-columns: auto 20px; width: 210px; padding: 0 15px; height: 43px; border-radius: 0.5rem; background: #f8f8f9; }
.qsrg .inputs input { width: 100%; height: 100%; border: 0rem; background: none; }
.qsrg .inputs input::placeholder { color: rgba(51,51,51,.4); font-weight: bold; }
.qsrg .subm input { background: url(../images/sear.png) no-repeat center; background-size: 19px auto; width: 19px; height: 100%; border: 0rem; cursor: pointer; }

.cpjs { background: #f4f5f6; max-width: 1100px; margin: 0 auto; border-radius: 50px; margin-top: .5rem; position: relative; z-index: 3; }
.cpjs .k_0 { display: flex; justify-content: space-between; align-items: center; height: .82rem; flex-wrap: wrap; }
.cpjs .k_2 { display: flex; flex-wrap: wrap; }
.cpjs .k1 { display: flex; align-items: flex-end; }
.cpjs .k1 font { color: #333333; font-size: .24rem; }
.cpjs .k1 p { font-size: 16px; font-weight: bold; color: #03359b; }
.cpjs .k_2 { display: flex; gap: .1rem; }
.cpjs .k_2 .k2 { position: relative; z-index: 3; }
.cpjs .k_2 .k2 p { width: 164px; height: .49rem; padding: 0 .2rem; background: #ffffff url(../images/jiao.png) no-repeat right 17px center; border-radius: 50px; display: flex; align-items: center; font-size: 16px; cursor: pointer; }

.cpjs .k_2 .k2 ul { position: absolute; left: 0px; top: 100%; width: 100%; background: rgba(255,255,255,1); border-radius: 5px; display: none; max-height: 200px; overflow: auto; }
/* .cpjs  .k_2 .k2:hover ul{display:block;} */
.cpjs .k_2 .k2 li { padding: .2rem; padding-top: 0px; text-align: center; }
.cpjs .k_2 .k2 li:nth-child(1) { padding-top: .2rem; }
.cpjs .k_2 .k3 { display: flex; gap: .1rem; }
.cpjs .k_2 .k3 .d1 { background: #ffffff; padding: 0 .2rem; border-radius: 50px; }
.cpjs .k_2 .k3 .d1 input { height: 100%; border: 0px; font-size: 16px; }
.cpjs .k_2 .k3 .d1 input::placeholder { font-family: '微软雅黑'; color: rgba(51,51,51,.3); }
.cpjs .k_2 .k3 .d2 { background: #03359b; width: 1.3rem; height: .49rem; border-radius: 50px; }
.cpjs .k_2 .k3 .d2 input { width: 100%; height: 100%; background: none; border: 0px; color: #ffffff; font-size: 16px; cursor: pointer; }
.cpjs .k_2 .k2 p { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding-right: .4rem; box-sizing: content-box; display: block; line-height: .49rem; }
/* .klist{width:100%;overflow:hidden;}
.klist .list{width:100%;padding-bottom:.64rem;padding-top:.4rem;}
.klist .list li{width:16%;border-radius:20px;padding:.4rem;box-sizing: border-box;transition: 0.3s ease width;float:left;margin-right:.2rem;height:5.8rem;overflow:hidden;position:relative;z-index:1;}
.klist .list li::after{content:"";display:block;background:#f4f5f6;position:absolute;left:0px;top:0px;width:100%;height:4.8rem;z-index:-1;transition: 0.3s ease all;}
.klist .list li img{max-width:10000px;margin-top:.3rem;}
.klist .list li .c1 font{font-size:18px;color:#505050;display:block;padding-bottom:.2rem;transition: 0.3s ease font-size;}
.klist .list li .c1 p{color:rgba(.8,.8,.8,.7);text-align:center;box-sizing: border-box;overflow:hidden;height:0px;transition: 0.3s ease height;}
.klist .list li .more{width:0rem;height:0px;background:#03359b url(../images/jian.png) no-repeat center right 4px;background-size:0rem auto;border-radius:50px;line-height:.4rem;color:#fff;padding-left:.19rem;box-sizing: border-box;margin:0 auto;overflow:hidden;transition:0.3s ease all;transform:translateY(0px);}
.klist .list li.cur{width:30%;}
.klist .list li.cur::after{background:url(../images/d3.png) no-repeat top center;background-size:100% 4.8rem;}
.klist .list li.cur .c1 font{font-size:22px;text-align:center;}
.klist .list li.cur .c1 p{display:block;height:.6rem;}
.klist .list li.cur .more{display:block;width:1.48rem;height:.4rem;transform:translateY(0px);background-size:.33rem auto;} */
.features-image { display: none; }

.features-image.cur { display: block; }
.klist .box .list { display: none; }
.klist .box .list.cur { display: block; }
.klist { width: 100%; overflow: hidden; }
.klist .list { width: 100%; padding: .4rem 0 .64rem; /* 修复浮动塌陷（原有结构可能存在高度丢失） */ overflow: hidden; }
/* 1. 基础li样式：新增hover交互，优化过渡曲线 */
.klist .list li { width: 15.5%; border-radius: 20px; padding: .4rem; box-sizing: border-box; float: left; margin-right: 1.5%; height: 5.8rem; overflow: hidden; position: relative; z-index: 1; /* 新增：hover时轻微上浮，增加交互感 */ transition: all 0.4s ease-in-out; cursor: pointer; box-sizing: border-box; }
/* 新增hover基础反馈（非cur状态） */
.klist .list li:hover:not(.cur) { transform: translateY(-4px); }
.klist .list li:hover:not(.cur)::after { background-color: #f0f2f5; box-shadow: 0 4px 12px rgba(0,0,0,0.05); }

/* 2. 背景层优化：增加透明度过渡，避免背景图突然切换 */
.klist .list li::after { content: ""; display: block; background: #f4f5f6; position: absolute; left: 0; top: 0; width: 100%; height: 4.8rem; z-index: -1; /* 新增：背景图/颜色过渡，增加阴影过渡 */ transition: background 0.4s ease-in-out, box-shadow 0.4s ease-in-out; border-radius: 20px; /* 与li圆角统一，避免漏角 */ }

/* 3. 图片优化：限制尺寸，cur时轻微缩放增强动态感 */
.klist .list li .pro img { width: 4.51rem; max-width: 1000px; /* 修复原有max-width过大导致图片溢出问题 */ margin-top: .3rem; display: block; margin-left: auto; margin-right: auto; /* 新增：图片缩放过渡 */ transition: transform 0.4s ease-in-out; transform: scale(0.95); }

/* 4. 标题文字：优化颜色过渡，cur时更醒目 */
.klist .list li .c1 font { font-size: 18px; color: #505050; display: block; padding-bottom: .2rem; text-align: center; /* 统一居中，视觉更整齐 */ transition: font-size 0.4s ease-in-out, color 0.4s ease-in-out; white-space: nowrap; }

/* 5. 描述文字：新增透明度过渡，避免突然显示 */
.klist .list li .c1 p { color: rgba(0.8, 0.8, 0.8, 0.7); /* 原有写法正确，补充透明度过渡 */ text-align: center; box-sizing: border-box; overflow: hidden; height: 0; opacity: 0; /* 新增：初始透明 */ /* 新增：透明度+高度同步过渡，显示更自然 */ transition: height 0.4s ease-in-out, opacity 0.4s ease-in-out; line-height: 1.6; /* 优化行高，避免文字拥挤 */ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }

/* 6. 按钮：新增位移过渡，从下往上弹出 */
.klist .list li .more { width: 0; height: 0; background: #03359b url(../images/jian.png) no-repeat center right 4px; background-size: 0 auto; border-radius: 50px; line-height: .4rem; color: #fff; padding-left: .19rem; box-sizing: border-box; margin: 0 auto; overflow: hidden; /* 新增：位移过渡（初始向下偏移），宽度/高度/背景同步过渡 */ transition: all 0.4s ease-in-out; transform: translateY(10px); /* 初始向下隐藏 */ opacity: 0; /* 初始透明 */ }

/* 7. cur状态：强化突出效果，动画维度更丰富 */
.klist .list li.cur { width: 30%; z-index: 2; /* 提升层级，覆盖其他li */ transform: translateY(-6px); /* 上浮更明显，突出选中状态 */ }
.klist .list li.cur::after { background: url(../images/d3.png) no-repeat top center; background-size: 100% 4.8rem; box-shadow: 0 8px 24px rgba(0,0,0,0.12); /* 新增阴影，增强立体感 */ }
.klist .list li.cur .pro img { transform: scale(1); /* 图片轻微放大，吸引注意力 */ }
.klist .list li.cur .c1 font { font-size: 22px; color: #03359b; /* 标题色与按钮色统一，视觉更协调 */ font-weight: 500; /* 加粗，突出标题 */ }
.klist .list li.cur .c1 p { height: 1rem; /* 调整高度，确保文字完整显示（原.6rem可能截断） */ opacity: 1; /* 透明度渐变显示 */ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.klist .list li.cur .more { width: 1.48rem; height: .4rem; background-size: 0.33rem auto; /* 按钮箭头正常显示 */ transform: translateY(0); /* 位移回归，自然弹出 */ opacity: 1; /* 透明度显示 */ }

.yyly { width: 100%; background: url(../images/00home_02.jpg) no-repeat center; background-size: cover; color: #fff; align-items: center; min-height: 7rem; display: flex; padding: .6rem 0; }
.yyly .main_w { display: grid; grid-template-columns: repeat(2,1fr); width: 100%; gap: .2rem; }
.yyly .main_w .c_zuo { overflow: hidden; }
.yyly .main_w .c_zuo a { display: inline-block; }
.yyly .main_w .c_zuo .title font { color: rgba(255,255,255,.5); font-weight: bold; text-transform: uppercase; }
.yyly .main_w .c_zuo .title p { font-size: .4rem; font-weight: bold; }
.yyly .main_w .c_zuo .conts { font-size: 16px; color: rgba(255,255,255,.8); line-height: 2; max-width: 6.27rem; padding-top: .3rem; }
.yyly .mores { width: 148px; height: 40px; border: 0.01rem solid #fff; background: url(../images/jt.png) no-repeat center right 0.04rem; background-size: 33px auto; border-radius: 0.5rem; line-height: 40px; color: #fff; padding-left: 19px; box-sizing: border-box; overflow: hidden; margin-top: 0.7rem; }
.mores2 { width: 148px; height: 40px; border: 1px solid #fff; background: #03359b url(../images/jian.png) no-repeat center right 4px; background-size: 33px auto; border-radius: 0.5rem; line-height: 40px; color: #fff; padding-left: 19px; box-sizing: border-box; overflow: hidden; }
.jyes { display: grid; grid-template-columns: repeat(4,1fr); gap: 2px; }
.jyes .item { background: rgba(0,0,0,.35); text-align: center; min-height: 2rem; display: flex; align-items: center; justify-content: center; text-align: center; }
.jyes .item:nth-child(1), .jyes .item:last-child { background: none; }
.jyes .item a img { width: .66rem; }
.jyes .item a { color: #fff; display: block; width: 100%; }
.jyes .item a font { display: block; padding-top: .1rem; font-size: .2rem; }
.jyes .item a p { font-size: 16px; color: rgba(255,255,255,.5); padding-top: .15rem; }

.gywm { width: 100%; overflow: hidden; padding: 1.18rem 0; background: url(../images/00Home_13.jpg) no-repeat center; }
.gywm .main_w { display: grid; grid-template-columns: repeat(2,1fr); gap: 1rem; }
.gywm .t_zuo .title font { color: rgba(51,51,51,.5); font-weight: bold; text-transform: uppercase; }
.gywm .t_zuo .title p { color: #333333; font-size: .4rem; }
.gywm .t_zuo .conts { font-size: 16px; line-height: 2; padding: .33rem 0; }
.gywm .t_z { display: grid; grid-template-columns: .8rem auto; gap: .25rem; align-items: center; margin-bottom: .43rem; }
.gywm .tren { margin-bottom: .4rem; overflow: hidden; }
.gywm .t_z .t_zs div { font-size: .5rem; color: #03359b; font-weight: bold; }
.gywm .t_z .t_zs p { color: #666666; font-weight: bold; }
.t_you .video { box-shadow: 0 0 50px 4px rgba(128, 128, 128, 0.5); /* 外阴影，水平偏移0，垂直偏移0，模糊半径8px，扩展半径4px，颜色为灰色半透明 */ }
.t_you .video img { vertical-align: bottom; width: 100%; }
.t_you .list { overflow: hidden; }
.t_you .list ul { margin-top: .37rem; display: flex; grid-template-columns: repeat(5,1fr); border-bottom: 2px solid #d4d4d4; justify-content: space-between; }
.t_you .list a { font-size: .2rem; color: #999999; background: url(../images/c1.png) no-repeat left center; background-size: 0.21rem auto; padding-left: .29rem; display: block; }
.t_you .list li { padding-bottom: .2rem; margin-bottom: -2px; border-bottom: 2px solid #d4d4d400; }
.t_you .list li.cur { border-bottom: 2px solid #03359b; }
.t_you .list li.cur a { background-image: url(../images/c1s.png); }
.t_you .list li.cur a { color: #03359b; }
.t_you .list li:nth-child(2) a { background-image: url(../images/c2.png); }
.t_you .list li:nth-child(2).cur a { background-image: url(../images/c2s.png); }
.t_you .list li:nth-child(3) a { background-image: url(../images/c3.png); }
.t_you .list li:nth-child(3).cur a { background-image: url(../images/c3s.png); }
.t_you .list li:nth-child(4) a { background-image: url(../images/c4.png); }
.t_you .list li:nth-child(4).cur a { background-image: url(../images/c4s.png); }
.t_you .list li:nth-child(5) a { background-image: url(../images/c5.png); }
.t_you .list li:nth-child(5).cur a { background-image: url(../images/c5s.png); }
.t_you .box .item { display: none; }
.t_you .box .item.cur { display: block; }

.hzhb { width: 100%; overflow: hidden; background: url(../images/00Home_14.jpg) no-repeat center; background-size: cover; min-height: 7.5rem; padding-bottom: .7rem; }
.hzhb .title { overflow: hidden; padding-top: .8rem; }
.hzhb .title font { font-weight: bold; text-transform: uppercase; color: rgba(51,51,51,.5); }
.hzhb .title p { font-size: .4rem; }
.jtouys { position: relative; overflow: hidden; }
.jtouys .p_left { position: absolute; left: 0px; top: calc(50% - .34rem); width: .68rem; height: .68rem; background: url(../images/e1.png) no-repeat center; background-size: .68rem .68rem; z-index: 3; }
.jtouys .p_right { position: absolute; right: 0px; top: calc(50% - .34rem); width: .68rem; height: .68rem; background: url(../images/e1.png) no-repeat center; background-size: .68rem .68rem; z-index: 3; transform: rotate(180deg); }
.jtouys .hzhbs { text-align: center; overflow: hidden; padding-top: 0.05rem; }
.jtouys .p_left:hover { background-image: url(../images/e3.png); transform: rotate(180deg); }
.jtouys .p_right:hover { background-image: url(../images/e3.png); transform: rotate(0deg); }

.g_main { width: 100%; overflow: hidden; }
.g_main .title { padding-top: .8rem; display: flex; justify-content: space-between; align-items: center; overflow: hidden; margin-bottom: .4rem; }
.g_main .d1s { overflow: hidden; }
.g_main .d1s font { font-weight: bold; text-transform: uppercase; color: rgba(51,51,51,.5); }
.g_main .d1s p { font-size: .4rem; }
.g_main .kren { overflow: hidden; display: grid; grid-template-columns: 5.36rem auto; gap: .36rem; }
.g_main .kren .kren_left .imgs { height: 100%; }
.g_main .kren .kren_left .imgs img { height: 100%; object-fit: cover; width: 100%; }
.g_main .kren .kren_left .imgs a { position: relative; }
.g_main .kren .kren_left .imgs a div { position: absolute; left: 0px; bottom: 0px; padding: .4rem; color: #ffffff; }
.g_main .kren .kren_left .imgs a div font { line-height: 1.45; font-size: .22rem; }
.g_main .kren .kren_left .imgs a div p { background: url(../images/g1.png) no-repeat center; background-size: .47rem auto; display: block; width: .47rem; height: .47rem; margin-top: .25rem; }
.g_main .kren .kren_right { display: grid; grid-template-columns: repeat(2,1fr); gap: .36REM; }
.g_main .kren .kren_right .list { overflow: hidden; }
.g_main .kren .kren_right .list ul { display: grid; gap: .36rem; grid-template-rows: repeat(2,1fr); height: 100%; }
.g_main .kren .kren_right .list li { background: #f5f5f5; padding: .35rem; }
.g_main .kren .kren_right .list li:hover { background: url(../images/g2.png) no-repeat center; background-size: cover; }
.g_main .kren .kren_right .list li .f1 font { font-size: .22rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.g_main .kren .kren_right .list li .f1 p { line-height: 1.71; padding-top: .15rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.g_main .kren .kren_right .list li .fs { display: flex; justify-content: space-between; align-items: center; margin-top: .2rem; }
.g_main .kren .kren_right .list li .fs .time { text-align: center; color: rgba(51,51,51,.5); display: inline-block; }
.g_main .kren .kren_right .list li .fs .time font { font-size: .36rem; }
.g_main .kren .kren_right .list li .fs .mores { background: url(../images/g3.png) no-repeat center; background-size: .47rem auto; display: block; width: .47rem; height: .47rem; }
.g_main .kren .kren_right .list li:hover .f1 font { color: #fff; }
.g_main .kren .kren_right .list li:hover .f1 p { color: #ffffff; }
.g_main .kren .kren_right .list li:hover .fs .time { color: rgba(255,255,255,.5); }
.g_main .kren .kren_right .list li:hover .mores { background-image: url(../images/g1.png) }
.g_main .kren .kren_right .shij ul { gap: .2rem; display: grid; height: 100%; grid-template-rows: repeat(3,1fr); }

.g_main .kren .kren_right .shij li { background: #f5f5f5; padding: .34rem .2rem; padding-left: .1rem; display: grid; align-items: center; }
.g_main .kren .kren_right .shij li:nth-child(1), .g_main .kren .kren_right .shij li:nth-child(2) { display: none; }
.g_main .kren .kren_right .shij a { display: grid; grid-template-columns: 1rem auto; gap: .2rem; }
.g_main .kren .kren_right .shij .time { color: rgba(51,51,51,.5); text-align: center; border-right: 1px solid #e2e2e2; }
.g_main .kren .kren_right .shij .time font { font-size: .36rem; }
.g_main .kren .kren_right .shij .titles { font-size: .18rem; line-height: 1.7; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.g_main .kren .kren_right .shij .mores { background: url(../images/t1.png) no-repeat left center; display: block; width: .34rem; height: .34rem; margin-top: .2rem; background-size: .34rem auto; }

.footer { border-top: 6px solid #03359b; margin-top: .75rem; background: #f7f7f7; }
.footer .kdjx { padding-top: .7rem; }
.footer .kdjx .titles { padding-bottom: .5rem; }
.footer .kdjx .titles img { width: 1.88rem; }
.footer .kdjx .img1 { display: grid; grid-template-columns: 1.09rem auto; gap: .2rem; line-height: 2; }
.footer .main_w { display: flex; justify-content: space-between; gap: .5rem; /* flex-wrap: wrap; */ }
.footer .main_w .menus { display: flex; /* gap:.65rem; */ padding-top: .7rem; justify-content: space-between; width: 100%; max-width: 1212px; gap: .2rem; }
.footer .main_w .menus a { color: rgba(51,51,51,.6); line-height: 2.28; }
.footer .main_w .menus a:hover { color: #03359b; }
.footer .main_w .menus ul:nth-child(5){display:none;}
.footer .main_w .menus ul:nth-last-child(2){display:none;}
.footer .main_w .menus font { color: #333; font-size: 15px; display: block; padding-bottom: .1rem; position: relative; margin-bottom: .15rem; white-space: nowrap;}
.footer .main_w .menus font::after { content: ""; display: block; width: 0.17rem; height: 1px; background: #7d96c9; display: block; position: absolute; left: 0px; bottom: 0px; }
.footer .main_w .menus { padding-bottom: .7rem; }
.foot { width: 100%; text-align: center; padding:.4rem 0;line-height:2; color: #333333; }

.ewap { display: none; }
.wapmenu { display: none; }

.huan { width: 100%; overflow: hidden; padding: .38rem 0; }
.huan .list { overflow: hidden; }
.huan .gdong { position: relative; overflow: hidden; padding: 0 .66rem; }
.huan .gdong .k_left { position: absolute; left: 0px; top: calc(50% - .24rem); width: .48rem; height: .48rem; background: url(../images/202511050900355064_06.jpg); display: block; background-size: .48rem auto; }
.huan .gdong .k_right { position: absolute; right: 0px; top: calc(50% - .24rem); width: .48rem; height: .48rem; background: url(../images/202511050900355064_06.jpg); display: block; background-size: .48rem auto; transform: rotate(180deg); }
.huan .gdong .k_left:hover { background-image: url(../images/202511050900355064_09.jpg); transform: rotate(180deg); }
.huan .gdong .k_right:hover { background-image: url(../images/202511050900355064_09.jpg); transform: rotate(0deg); }
.huan .list li p { padding-top: .15rem; text-align: center; font-size: .18rem; }
.huan .list a div { border: 1px solid rgba(0, 0, 0, 0); position: relative; }
.huan .list a:hover div { border: 1px solid #03359b; display: block; }
.huan .list li.cur a div { border: 1px solid #03359b; display: block; position: relative; }
.huan .list li div img { vertical-align: bottom; width: 100%; max-width:176px;}
.huan .list a div::before { content: ""; /* 伪元素必须有 content（空值也可） */ position: absolute; /* 脱离文档流，实现遮罩效果 */ bottom: 0; /* 遮罩从顶部开始 */ left: 0; right: 0; /* 左右贴边，宽度与父元素一致 */ z-index: 1; /* 确保遮罩在父元素内容上方（可根据需求调整） */ height: 50%; /* 遮罩高度 50% */ background: linear-gradient(to bottom, transparent, transparent); }
.huan .list a:hover div::before { background: linear-gradient(to bottom, transparent, #8696b9); }
.huan .list .cur a div::before { background: linear-gradient(to bottom, transparent, #8696b9); }

.about_banner { width: 100%; overflow: hidden; background: url(../images/01aboutus_02.jpg) no-repeat center; height: 6.8rem; background-size: cover; position: relative; }
.about_banner .title { text-align: center; padding-top: 1.8rem; }
.about_banner .title FONT { FONT-SIZE: .68rem; display: inline-block; position: relative; z-index: 1; color: #fff; line-height: 1; }
.about_banner .title FONT::after { position: absolute; left: 0px; bottom: 0px; width: 100%; height: .1rem; content: ""; background: #03359b; z-index: -1; }
.about_banner .title p { font-size: .24rem; color: rgba(255,255,255,.5); padding-top: .25rem; text-transform: uppercase; }
.about_banner .shubiao { position: absolute; left: calc(50% - .13rem); bottom: 1.5rem; -webkit-animation: nudgeMouse 1.6s linear infinite; animation: nudgeMouse 1.6s linear infinite; }
.about_banner .shubiao:before, .about_banner .shubiao:after { content: ""; position: absolute; }
.about_banner .shubiao:before { top: 0; left: 0; width: 26px; height: 37px; background: url(../images/sb.png) 0px 0px no-repeat; background-size: 100% auto; -webkit-animation: colorSlide 1.6s linear infinite; animation: colorSlide 1.6s linear infinite; }
.about_banner .shubiao:after { top: 0; right: 0; bottom: 0; left: 0; margin: auto; background-color: #FFF; width: 4px; height: 8px; border-radius: 4px; -webkit-animation: trackBallSlide 1.6s linear infinite; animation: trackBallSlide 1.6s linear infinite; }

@-webkit-keyframes nudgeMouse {
    0% { -webkit-transform: translateY(0); transform: translateY(0); }
    50% { -webkit-transform: translateY(8px); transform: translateY(8px); }
    100% { -webkit-transform: translateY(0); transform: translateY(0); }
}

@keyframes nudgeMouse {
    0% { -webkit-transform: translateY(0); transform: translateY(0); }
    50% { -webkit-transform: translateY(8px); transform: translateY(8px); }
    100% { -webkit-transform: translateY(0); transform: translateY(0); }
}

@-webkit-keyframes colorSlide {
    0% { height: 0; }
    90% { height: 40px; }
}

@keyframes colorSlide {
    0% { height: 0; }
    90% { height: 40px; }
}

@-webkit-keyframes trackBallSlide {
    0% { opacity: 1; -webkit-transform: scale(1) translateY(-8px); transform: scale(1) translateY(-8px); }
    34% { opacity: 1; -webkit-transform: scale(0.9) translateY(4px); transform: scale(0.9) translateY(4px); }
    68% { opacity: 0; -webkit-transform: scale(0.4) translateY(16px); transform: scale(0.4) translateY(16px); }
    100% { opacity: 0; -webkit-transform: scale(0.4) translateY(-8px); transform: scale(0.4) translateY(-8px); }
}

@keyframes trackBallSlide {
    0% { opacity: 1; -webkit-transform: scale(1) translateY(-8px); transform: scale(1) translateY(-8px); }
    34% { opacity: 1; -webkit-transform: scale(0.9) translateY(4px); transform: scale(0.9) translateY(4px); }
    68% { opacity: 0; -webkit-transform: scale(0.4) translateY(16px); transform: scale(0.4) translateY(16px); }
    100% { opacity: 0; -webkit-transform: scale(0.4) translateY(-8px); transform: scale(0.4) translateY(-8px); }
}

.skwldbz { width: 100%; overflow: hidden; padding-top: .8rem; }
.skwldbz .title { text-align: center; width: 100%; overflow: hidden; display: flex; align-items: center; justify-content: center; gap: .18rem; flex-wrap: wrap;}
.skwldbz .title font { color: #03359b; font-size: .24rem; font-weight: bold; }
.skwldbz .title p { font-size: 16px; font-weight: bold; border-left: 1px solid #dadada; padding-left: .18rem; }
.skwldbz .conts { font-size: 16px; line-height: 2; padding: .24rem 1rem; }
.idcard { padding: 0 1rem; position: relative; overflow: hidden; }
.idcard .siduo { overflow: hidden; }
.idcard .siduo_left { position: absolute; left: 0px; top: calc(50% - .24rem); width: .68rem; height: .68rem; background: url(../images/dt3.png); display: block; background-size: .68rem auto; }
.idcard .siduo_right { position: absolute; right: 0px; top: calc(50% - .24rem); width: .68rem; height: .68rem; background: url(../images/dt3.png); display: block; background-size: .68rem auto; transform: rotate(180deg); }
.idcard .siduo_left:hover { background-image: url(../images/dt4.png); transform: rotate(180deg); }
.idcard .siduo_right:hover { background-image: url(../images/dt4.png); transform: rotate(0deg); }


.fzlc { width: 100%; overflow: hidden; background: url(../images/01aboutus_08.jpg) no-repeat center; margin-top: .8rem; overflow: hidden; background-size: cover; }
.fzlc .fzlc_top { display: flex; justify-content: space-between; align-items: center; padding-top: .6rem; }
.fzlc .title { overflow: hidden; }
.fzlc .title FONT { font-size: .18rem; color: rgba(255,255,255,.5); text-transform: uppercase; font-weight: bold; }
.fzlc .title p { font-size: .4rem; color: #fff; }
.fzlc .arrow { display: flex; gap: .18rem; }
.fzlc .arrow .f_left { width: .48rem; height: .48rem; background: url(../images/dt1.png); display: block; background-size: .48rem auto; }
.fzlc .arrow .f_right { width: .48rem; height: .48rem; background: url(../images/dt1.png); display: block; background-size: .48rem auto; transform: rotate(180deg); }
.fzlc .arrow .f_left:hover { background-image: url(../images/dt2.png); transform: rotate(180deg); }
.fzlc .arrow .f_right:hover { background-image: url(../images/dt2.png); transform: rotate(0deg); }
.fzlc .fzlc_bottom { overflow: hidden; padding-top: .69rem; }
.fzlc .fzlc_bottom a { background: url(../images/v1.png) left top no-repeat; display: block; padding-left: .38rem; min-height: 5.2rem; }
.fzlc .fzlc_bottom a:hover { background-image: url(../images/v2.png); }
.fzlc .fzlc_bottom font { color: #ffffff; font-size: .28rem; display: block; padding-bottom: .3rem; }
.fzlc .fzlc_bottom .p { padding-bottom: .2rem; margin-top: .2rem; color: #ffffff; }
.ryzz { width: 100%; overflow: hidden; background: url(../images/01aboutus_09.jpg) no-repeat center; background-size: cover; padding-bottom: 1rem; }
.ryzz .title { overflow: hidden; text-align: center; padding-top: .7rem; }
.ryzz .title font { color: rgba(51,51,51,.5); font-size: .18rem; font-weight: bold; text-transform: uppercase; }
.ryzz .title p { font-size: .4rem; }
.ryzz .list { overflow: hidden; padding-top: .9rem; }
.ryzz .list a {display: flex;/* justify-content: space-between; */gap: .4rem;font-size: .2rem;background: url(../images/m1.png) no-repeat bottom center;padding: 0 .9rem;padding-bottom: .3rem;background-size: 7.44rem auto;max-width: 7.44rem;box-sizing: border-box;    cursor: default;}
.ryzz .list a p {text-align: left;}
.ryzz .arrows { display: flex; justify-content: center; gap: .54rem; padding-top: .7rem; }
.ryzz .arrows .f_left { width: .68rem; height: .68rem; background: url(../images/dt3.png); display: block; background-size: .68rem auto; }
.ryzz .arrows .f_right { width: .68rem; height: .68rem; background: url(../images/dt3.png); display: block; background-size: .68rem auto; transform: rotate(180deg); }
.ryzz .arrows .f_left:hover { background-image: url(../images/dt4.png); transform: rotate(180deg); }
.ryzz .arrows .f_right:hover { background-image: url(../images/dt4.png); transform: rotate(0deg); }

.gsxw { width: 100%; overflow: hidden; }
.gsxw .tops { display: flex; justify-content: space-between; align-items: center; padding-top: .7rem; padding-bottom: 0.3rem; }
.gsxw .tops .title FONT { font-size: .18rem; color: rgba(51,51,51,.5); text-transform: uppercase; font-weight: bold; }
.gsxw .tops .title p { font-size: .4rem; color: #333333; }
.gsxw .list ul { grid-template-columns: repeat(4,1fr); display: grid; grid-gap: .4rem; }
.gsxw .list li { background: #f5f5f5; overflow: hidden; }
.gsxw .list li .gguai { padding: .3rem; }
.gsxw .list li .gguai .nron font { font-size: .2rem; line-height: 1.6; }
.gsxw .list li .gguai .nron p { margin: .2rem 0; color: rgba(51,51,51,.8); line-height: 1.71; }
.gsxw .list li .gguai .dibu { display: flex; justify-content: space-between; align-items: center; }
.gsxw .list li .gguai .dibu .time { color: rgba(51,51,51,.5); text-align: center; }
.gsxw .list li .gguai .dibu .time font { font-size: .36rem; }
.gsxw .list li .gguai .dibu .g3 { width: .47rem; }
.gsxw .list li .gguai .nron font, .gsxw .list li .gguai .nron p { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }

.gsxws { padding-top: .4rem; overflow: hidden; }
.gsxws .list ul { grid-template-columns: repeat(4,1fr); display: grid; grid-gap: .4rem; }
.gsxws .list li { background: #f5f5f5; }
.gsxws .list li .gguai { padding: .3rem; }
.gsxws .list li .gguai .nron font { font-size: .2rem; line-height: 1.6; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.gsxws .list li .gguai .nron p { margin: .2rem 0; color: rgba(51,51,51,.8); line-height: 1.71; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.gsxws .list li .gguai .dibu { display: flex; justify-content: space-between; align-items: center; }
.gsxws .list li .gguai .dibu .time { color: rgba(51,51,51,.5); text-align: center; }
.gsxws .list li .gguai .dibu .time font { font-size: .36rem; }


.cpzx { background-image: url(../images/ki1.jpg); overflow: initial }
.ne_abn { background-image: url(../images/02new_02.jpg); }
.about_banner .lmus { display: flex; justify-content: center; gap: .3rem; padding-top: 1.5rem; flex-wrap: wrap; }
.about_banner .lmus .k2 { position: relative; z-index: 3; height: calc(.49rem + 10px); }
.about_banner .lmus .k2 p { width: 3rem; height: 100%; padding: 0 .2rem; background: #f4f4f4 url(../images/jiao.png) no-repeat right 17px center; border-radius: 50px; display: flex; align-items: center; font-size: 16px; }
.about_banner .lmus .k2:hover ul { display: block; }
.about_banner .lmus .k2 ul { position: absolute; left: 0px; top: 100%; width: 100%; background: #f4f4f4; border-radius: 5px; display: none; z-index: 4; max-height: 200px; overflow: auto; }
.about_banner .lmus .k2 li { padding: .2rem; padding-top: 0px; text-align: center; }
.about_banner .lmus .k2 li:nth-child(1) { padding-top: .2rem; }
.about_banner .lmus .k3 { display: flex; gap: .1rem; background: #ffffff; border-radius: 50px; padding: 5px; overflow: hidden; width: 5.4rem; }
.about_banner .lmus .k3 .d1 { background: #ffffff; padding: 0 .2rem; width: calc(100% - 1.3rem); }
.about_banner .lmus .k3 .d1 input { height: 100%; border: 0px; font-size: 16px; width: 100%; }
.about_banner .lmus .k3 .d1 input::placeholder { font-family: '微软雅黑'; color: rgba(51,51,51,.3); }
.about_banner .lmus .k3 .d2 { background: #03359b; width: 1.3rem; height: .49rem; border-radius: 50px; }
.about_banner .lmus .k3 .d2 input { width: 100%; height: 100%; background: none; border: 0px; color: #ffffff; font-size: 16px; cursor: pointer; }

.products2 { width: 100%; overflow: hidden; }
.dyih { text-align: center; font-size: .18rem; padding-top: .45rem; }
.dyih font { display: inline-block; background: url(../images/jt1.png) no-repeat left center; padding-left: .2rem; background-size: .12rem auto; }
.products2 .lists { overflow: hidden; }
.products2 .lists ul { display: grid; grid-template-columns: auto; gap: .2rem; }
.products2 .lists li { background: #f4f4f4; border: 1px solid #f4f4f4; padding: .3rem 0; }
.products2 .lists li:hover { background: #f4f4f4 url(../images/ki3.png) no-repeat right .5rem top .3rem; border: 1px solid #03359b; background-size: 4.22rem auto; }
.products2 .lists li a { display: grid; grid-template-columns: 40% auto; gap: 1rem; align-items: center; }
.products2 .lists li a > div { overflow: hidden; }
.products2 .lists li a .d_left { text-align: right; }
.products2 .lists li a .sdhng { max-width: 6rem; padding-right: .2rem; }
.products2 .lists li a .sdhng font { font-size: .28rem; }
.products2 .lists li a .sdhng p { font-size: 14px; line-height: 1.85; padding: .3rem 0; color: #333; }
.main_s { width: 100%; overflow: hidden; }
.dqwz { background: #03359b; color: #fff; font-size: 16px; padding: .28rem 0; }
.dqwz a { color: #fff; }

.product-header { background: url(../images/04cpxq_02.jpg) no-repeat center; background-size: cover; }
.product-header .p_ion { padding: 1.25rem 0; display: grid; grid-template-columns: 500px auto; gap: 2.3rem; }
.product-title { font-size: .36rem; color: #333333; font-weight: bold; border-bottom: 2px solid #b6c1cc; padding-bottom: .2rem; }
.product-desc { line-height: 1.85; padding: .2rem 0; }

.product-header .thumbnails { overflow: hidden; display: grid; grid-template-columns: .54rem auto .54rem; align-items: center; }
.product-header .thumbnails a { overflow: hidden; display: block; }
.product-header .thumbnails .list3 { overflow: hidden; }
.product-header .thumbnails .list3 li a { border: 2px solid #dedede; display: block; overflow: hidden; display: block; background: #f4f5f6; padding: .2rem; }
.product-header .thumbnails .list3 li.cur a { border: 2px solid #03359b; }
.product-header .thumbnails .k_left { width: .28rem; height: .28rem; background: url(../images/k1.png); display: block; background-size: .28rem auto; transform: rotate(180deg); }
.product-header .thumbnails .k_right { width: .28rem; height: .28rem; background: url(../images/k1.png); display: block; background-size: .28rem auto; }
.product-header .thumbnails .k_left:hover { background-image: url(../images/k2.png); transform: rotate(0deg); }
.product-header .thumbnails .k_right:hover { background-image: url(../images/k2.png); transform: rotate(180deg); }

.cptd { text-align: center; font-size: .4rem; padding-top: .6rem; padding-bottom: .4rem; font-weight: bold; }
.product-features .main_w { display: grid; grid-template-columns: auto 64%; gap: .17rem; }
.product-features .main_w > div { overflow: hidden; }
.product-features .main_w .features-list { overflow: auto; padding-right: .23rem; max-height: 4.16rem; }
.product-features .main_w .features-list ul { display: grid; grid-template-columns: auto; gap: 0.1rem; }
.product-features .main_w .features-list li { background: #f4f5f6; padding: .2rem; border-left: 3px solid #1e257d; cursor: pointer; }
.product-features .main_w .features-list li.cur { background: #1e257d; color: #fff; }
.gdt::-webkit-scrollbar { width: 7px; /* 滚动条总宽保持7px，不修改 */ border-radius: 50px; background: #e0e0e0; /* 关键：和轨道边框颜色一致，让边框"融入"容器 */ }

.gdt::-webkit-scrollbar-track { background: #e0e0e0; /* 这是1px的可见轨道（黑色） */ border-left: 3px solid #fff; /* 左侧边框占3px，颜色和容器一致 */ border-right: 3px solid #fff; /* 右侧边框占3px，颜色和容器一致 */ border-radius: 50px; }

.gdt::-webkit-scrollbar-thumb { background: #e0e0e0; /* 滑块颜色 */ border-radius: 50px; width: 1px; /* 强制滑块宽度和轨道匹配（可选，增强一致性） */ }

.gdt::-webkit-scrollbar-thumb:hover { background: #c0c0c0; /*  hover时稍微加深（原代码颜色相同，建议优化） */ border-radius: 50px; }
.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: 50px; top: 50px; cursor: pointer; background-color: #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; width: .4rem; height: .4rem; font-size: .18rem; text-align: center; line-height: .4rem; color: #444; z-index: 3; }

.sha_vid { display: none; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); video
{ max-width: 80vw; max-height: 80vh; display: block; }
}
.newiconfont { position: relative; display: block; }
.sha_btn_close .newiconfont:before, .sha_btn_close .newiconfont:after { content: ""; display: block; width: 0.2rem; height: 1px; background-color: #999; position: absolute; left: 0.11rem; top: 0.2rem; }
.sha_btn_close .newiconfont:before { transform: rotate(45deg); }
.sha_btn_close .newiconfont:after { transform: rotate(-45deg); }
.application { background: url(../images/04cpxq_08.jpg) no-repeat center; background-size: cover; margin-top: .8rem; overflow: hidden; }
.application .application-bg { min-height: 7.2rem; position: relative; }
.application .title { font-size: .4rem; font-weight: bold; text-align: center; color: #fff; padding-top: .7rem; padding-bottom: .8rem; }
.application .nrong .item { color: #ffffff; width: 5.15rem; line-height: 1.75; height: 2.8rem; overflow: auto; padding-right: .2rem; display: none; }
.application .nrong .item.active { display: block; }
.application-categories { display: flex; grid-template-columns: repeat(6,1fr); gap: .4rem; position: absolute; bottom: 0px; width: 100%; justify-content: center; }
.application-categories .category { color: #fff; border-top: 1px solid #ffffff; padding: .4rem 0; text-align: center; font-size: .2rem; cursor: pointer; width: 100%; max-width: 300px; }
.application-categories .category font { display: inline-block; background: url(../images/q1.png) no-repeat left center; display: inline-block; background-size: auto .24rem; padding-left: .33rem; }
.application-categories .category:nth-child(2) font { background-image: url(../images/q2.png) }
.application-categories .category:nth-child(3) font { background-image: url(../images/q3.png) }
.application-categories .category:nth-child(4) font { background-image: url(../images/q4.png) }
.application-categories .category:nth-child(5) font { background-image: url(../images/q5.png) }
.application-categories .category:nth-child(6) font { background-image: url(../images/q6.png) }
.application-categories .category.active { background: url(../images/ldis.png); background-size: cover; border-top: 0px; }
.gdt3::-webkit-scrollbar { width: 5px; /* 滚动条总宽保持7px，不修改 */ border-radius: 50px; }

.gdt3::-webkit-scrollbar-track { border-radius: 50px; }

.gdt3::-webkit-scrollbar-thumb { background: rgba(255,255,255,.8); /* 滑块颜色 */ border-radius: 50px; width: 1px; /* 强制滑块宽度和轨道匹配（可选，增强一致性） */ }

.gdt3::-webkit-scrollbar-thumb:hover { background: rgba(255,255,255,.8); /* 滑块颜色 */ border-radius: 50px; }

.product-params .main_w { display: grid; grid-template-columns: 5.28rem auto; gap: .4rem; }
.product-params .main_w .title { color: #666666; font-size: .24rem; padding-bottom: .3rem; background: #FFF; }
.packaging-type { background: #f4f5f6; overflow: hidden; position: relative; padding-bottom: 1.64rem; }
.packaging-type .bzdzzx { position: absolute; left: 0px; bottom: 0px; /* background: #FFF; */ padding: .2rem; font-size: 16px; width: calc(100% - .4rem); display: flex; align-items: center; gap: .2rem; }
.params-table { overflow: hidden; }
.bdx { background: #f4f5f6; padding: .5rem; }
.bdx ul { display: grid; grid-template-columns: repeat(2,1fr); gap: .3rem; text-align: center; }
.params-table table { width: 100%; border-collapse: collapse; font-size: 16px; font-weight: bold; }
.params-table th, .params-table td { border: 1px solid #e6e6e6; padding: .2rem; text-align: center; background: #fcfcfc; }
.params-table tr:nth-child(2n) td { background: #fff; }
.params-table tr td:nth-child(1) { text-align: left; padding: 0 .3rem; background: #fcfcfc; }

.recommended { width: 100%; overflow: hidden; }
.recommended-title { font-size: .4rem; font-weight: bold; text-align: center; padding-top: .5rem; padding-bottom: .4rem; }
.products-grid ul { display: grid; grid-template-columns: repeat(3,1fr); gap: .48rem; }
.products-grid li { background: #f4f5f6; overflow: hidden; padding: .6rem; padding-bottom: .4rem; border-radius: 10px; position: relative; z-index: 1; }
.products-grid li .title { text-align: center; font-size: .22rem; padding-bottom: .4rem; }
.products-grid li .k3s { text-align: center; }
.products-grid li .k3s { transition: 0.3s ease transform; }
.products-grid li:hover .k3s { transform: scale(.8); }
.products-grid li .mores2 { margin: 0 auto; margin-top: .25rem; transition: 0.3s ease transform; transform: translateY(120px); }
.products-grid li:hover .mores2 { transform: translateY(0px); }
.products-grid li::before { background: url(../images/ki3.png) no-repeat top 0.25rem center #f4f5f6; background-size: 4.22rem auto; position: absolute; top: 0px; left: 0px; width: 100%; content: ""; display: block; height: 1.27rem; z-index: -1; opacity: 0; transition: 0.5s ease all; }
.products-grid li:hover::before { opacity: 1; }
.contact-buttons { position: fixed; right: 0rem; top: calc(50% - 200px); background: #ffffff; border-radius: 50px; padding: .2rem .2rem; text-align: center; transition: all 0.3s ease; z-index: 3; }
.contact-buttons font { display: block; padding: .05rem 0; border-bottom: 1px solid #dfe5f2; padding-bottom: .1rem; }
.contact-buttons .contact-btn { padding-top: .2rem; position: relative; }
.contact-buttons .contact-btn:nth-last-child(1) { padding-bottom: .2rem; }
.contact-buttons .contact-btn:nth-last-child(1) font { border-bottom: 0; }
.contact-buttons .contact-btn img { width: .35rem; }
.contact-buttons .contact-btn .t3 {position: absolute;left: -1.2rem;top: 0px;opacity: 0;z-index: -2;transition: 0.3s ease all;visibility: hidden;}
.contact-buttons .contact-btn .t3 img { width: 1.2rem; max-width: 1.2rem; }
.contact-buttons .contact-btn:hover .t3 {z-index: 1;opacity: 1;left: -1.5rem;visibility: visible;}
/* 电话号码hover样式 */
.phone-btn .phone-number { position: absolute; right: calc(100% - .3rem); top: 0%; padding: 0 .2rem; color: #333; font-size: .14rem; white-space: nowrap; opacity: 0; visibility: hidden; transition: right 0.3s ease,opacity 0.3s ease; z-index: -1; }
.phone-btn:hover .phone-number { opacity: 1; visibility: visible; right: calc(100% - .1rem); /* 微调间距 */ background: #fff; padding: .3rem; border-radius: 50px 0 0 50px; }
.phone-btn:hover ~ .contact-buttons { padding-left: .2rem; }


.yyly_abn { width: 100%; overflow: hidden; background-image: url(../images/05yyly_02.jpg); height: auto; padding-bottom: .7rem; }
.yyly_abn .title { padding-top: 1.3rem; }
.yyly_abn .categories { display: flex; gap: .3rem; flex-wrap: wrap; padding-top: 1.5rem; justify-content: center; }
.yyly_abn .categories .category a { width: 2.03rem; height: 2.03rem; text-align: center; background: rgba(0,0,0,.35); display: flex; align-items: center; justify-content: center; }
.yyly_abn .categories .category img { width: .66rem; }
.yyly_abn .categories .category font { font-size: .2rem; color: #fff; display: block; padding-top: .1rem; }
.yyly_abn .categories .category p { font-size: 16px; font-weight: bold; color: #ffffff50; padding-top: .05rem; }
.yyly_abn .categories .category.active, .yyly_abn .categories .category:hover { background: #03359b; }
.industry-solution { width: 100%; overflow: hidden; max-width: 1200px; margin: 0 auto; }
.industry-solution .title { font-size: .32rem; text-align: center; font-weight: bold; padding-top: .7rem; padding-bottom: .3rem; }
.industry-solution .conts { font-size: 16px; line-height: 1.75; }
.hyjj { margin-top: .35rem; }

.products { width: 100%; overflow: hidden; background: url(../images/05yyly_08.jpg) no-repeat center; min-height: 6.2rem; background-size: cover; margin-top: .85rem; padding-bottom: 1rem; }
.products .title { font-size: .32rem; color: #fff; text-align: center; padding-top: .8rem; }

.product-carousel { width: 100%; overflow: hidden; padding-top: 1rem; text-align: center; }
.products .swiper-paginations { text-align: center; padding-top: 1rem; }
.products .swiper-paginations .swiper-pagination-bullet { background: rgba(255,255,255,.5); width: 10px; height: 10px; opacity: 1; }
.products .swiper-paginations .swiper-pagination-bullet-active { width: 28px; border-radius: 10px; background: #fff; }
.hz_abn { background-image: url(../images/10hzal_02.jpg); height: 4.82rem; }
.hz_abn .title { padding-top: 1rem; }
.hz_abn .shubiao { bottom: 1rem; }
.hzal .list { margin-top: .4rem; }
.hzal .list ul { gap: .3rem; display: grid; grid-template-columns: repeat(5,1fr); }
.hzal .list li { overflow: hidden; position: relative; }
.hzal .list li a div { position: relative; }
.hzal .list li a div::after { position: absolute; left: calc(50% - .3rem); top: calc(50% - .3rem); display: block; width: .59rem; height: .6rem; background: url(../images/video.png) no-repeat; background-size: cover; content: ""; }
.hzal .list li p { text-align: center; padding-top: 5px; font-size: 16px; }
.contact_abn { background-image: url(../images/20lxwm_02.jpg); }

.lxwm { width: 100%; overflow: hidden; background: url(../images/20lxwm_03.jpg) no-repeat center; background-size: cover; }
.lxwm .main_w { display: grid; height: 6.79rem; align-items: center; }
.lxwm .lxwm_q { display: grid; grid-template-columns: repeat(2,1fr); overflow: hidden; }
.lxwm .lxwm_q > div { overflow: hidden; }
.lxwm .lxwm_q .lxwm_left { overflow: hidden; color: #333333; font-size: .34rem; }
.lxwm .lxwm_q .lxwm_right li:nth-child(1) { padding-top: 0; }
.lxwm .lxwm_q .lxwm_right li { overflow: hidden; border-bottom: 1px solid #cccccc; padding: .4rem 0; display: flex; justify-content: space-between; font-size: 18px; align-items: center; }
.lxwm .lxwm_q .lxwm_right .address { background: url(../images/address1.png) no-repeat left center; background-size: .21rem auto; padding-left: .31rem; }
.lxwm .lxwm_q .lxwm_right .names { background: url(../images/tel.png) no-repeat left center; background-size: .2rem auto; padding-left: .31rem; }
.lxwm .lxwm_q .lxwm_right .email { background: url(../images/email.png) no-repeat left center; background-size: .22rem auto; padding-left: .31rem; }
.lxwm .lxwm_q .lxwm_right li .p { font-size: 16px }

.ywen { width: 100%; overflow: hidden; }
.ywen .title { font-size: .34rem; color: #333333; font-weight: bold; padding-top: .8rem; overflow: hidden; padding-bottom: .5rem; border-bottom: 1px solid #e3e3e3; }
.ywen .feedback { padding-top: .45rem; }
.ywen .feedback .xmin { display: grid; grid-template-columns: repeat(2,1fr); gap: .4rem; }
.ywen .feedback .xmin input { width: 100%; border: 0px; padding: .2rem .3rem; box-sizing: border-box; background: #f7f7f7; font-size: .18rem; border-radius: 5px; height: .66rem; }
.ywen .feedback .xmin input::placeholder { color: rgba(51,51,51,.6); }
.ywen .feedback .d_3 { margin-top: .4rem; }
.ywen .feedback textarea { width: 100%; border: 0px; padding: .2rem .3rem; box-sizing: border-box; background: #f7f7f7; font-size: .18rem; font-family: Microsoft YaHei; border-radius: 5px; height: 4.39rem; }
.ywen .feedback .d_4 input { background: #03359b; width: 3.62rem; height: .82rem; border-radius: 5px; margin-top: .4rem; color: rgba(255,255,255,.6); font-size: .24rem; border: 0px; cursor: pointer; }
.lxwm .lxwm_q .lxwm_right li { flex-wrap: wrap; gap: 10px; }

.params-table .nrong { overflow: auto; }


.xilie { width: 100%; overflow: hidden; background: #eceef3; padding-top: .3rem; padding-bottom: .2rem; }
.xilie ul { display: flex; justify-content: center; gap: .8rem; font-size: 18px; }
.xilie li { position: relative; padding-bottom: 12px; }
.xilie li.cur { font-weight: bold; }
.xilie li.cur::after { position: absolute; left: 0px; bottom: 0px; content: ""; width: 100%; height: 4px; border-radius: 10px; background: #03359b; }

#PageContent { margin: 0 auto; text-align: center; }
#PageContent { padding: .6rem 0px .6rem 0px; margin: 0px; text-align: center; font-family: arial; font-size: 16px; }
#PageContent a { border: 2px solid #f2f2f2; background: #f2f2f2; width: .45rem; height: .45rem; line-height: .45rem; color: #fff; text-decoration: none; display: inline-block; box-sizing: border-box; margin-left: 5px; margin-right: 5px; border-radius: 50px; color: #9a9a9a; }
#PageContent a:hover { border: #03359b 2px solid; background: #03359b; color: #fff; }
#PageContent a.Ahover { width: .45rem; height: .45rem; line-height: .45rem; background: #03359b; border: 2px solid #03359b; color: #fff; display: inline-block; box-sizing: border-box; /* margin-left: 10px; */ /* margin-right: 10px; */ /* border-radius: 50px; */ }
#PageContent span.disabled, #PageContent span.hunp { border: 1px solid #f2f2f2; background: #f2f2f2; width: .45rem; height: .45rem; line-height: .45rem; color: #333333; display: inline-block; box-sizing: border-box; margin-left: 5px; margin-right: 5px; border-radius: 50px; color: #9a9a9a; }
#PageContent :first-child { border-radius: 50px; font-family: simsun; }
#PageContent :last-child { border-radius: 50px; font-family: simsun; }


.about-content { padding-top: 0.4rem; overflow: hidden; padding-bottom: 0.4rem; }
.ny-news-tit { width: 100%; height: auto; overflow: hidden; line-height: 35px; color: #000; font-size: .23rem; font-weight: bold; text-align: center; }
.ny-author { width: 100%; height: auto; line-height: 30px; overflow: hidden; color: #393939; border-bottom: 1px solid #f0f0f2; padding: 10px 0px 10px 0px; margin-bottom: 30px; text-align: center; }
.news-author { height: auto; overflow: hidden; }
.fontsize input { width: 15px; height: 15px; line-height: 15px; background-color: #ececec; cursor: pointer; border: 1px solid #d1d1d1; margin-left: 3px; outline: none; }
.share { width: 150px; height: auto; overflow: hidden; float: right; margin-top: -2px; }
.share ul li { float: left; width: 40px; height: 30px; overflow: hidden; padding-left: 10px; cursor: pointer; }
#share a { width: 40px; height: 30px; overflow: hidden; padding: 0px; margin: 3px; display: block; float: left; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }
#share a.bds_weixin { background: url(/images/share_webchat.png) no-repeat; }
#share a.bds_tsina { background: url(/images/share_weibo.png) no-repeat; }
#share a.bds_qzone { background: url(/images/share_qzone.png) no-repeat; }
.newsnr { padding-bottom: .4rem; line-height: 2; overflow: hidden; }

.updown-div { line-height: 2; }


.about_contents { line-height: 2; overflow: hidden; padding: .4rem 0; }