@charset "utf-8";

/* 初始化CSS */

html, body, ul, ol, li, dl, dd, dt, p, h1, h2, h3, h4, h6, form, img, span, b, a, input { margin: 0; padding: 0; }

ul, ol { list-style: none; }

img { _display: block; border: none; }

a, input { outline: none; }

a { text-decoration: none; }

body { font-size: 14px; text-align: left; } 

.hui { background: #f4f4f4; }

:after,:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

/* 公用样式 */

.fl, .pic { float: left; }

.fr, .txt { float: right; }

.clear:after { display: block; clear: both; content: ""; visibility: hidden; height: 0; }

.clear { zoom: 1; }

.swiper { position: static; }

.swiper-button-prev, .swiper-button-next { background-repeat: no-repeat; }

.swiper-button-prev:after, .swiper-button-next:after { font-family: inherit; content: ''; }


#header { position:fixed; top:0; z-index:11; width: 100%; background: url(../../images/obe24/hbg.jpg)0px 0px no-repeat #FFF; }

.top { position: relative; margin: 0 auto; width: 1290px; height: 106px; overflow: hidden; }

.logo { float: left; margin-top:12px; }

.logo img { float: left;  height:59px;  margin-top:12px; }

.fbt { float: left; border-left: 1px solid #d4d4d4; margin-left:16px; padding-left: 16px; margin-top: 16px;font-size: 13px; color: #686868;line-height:24px; }

.fbt b { display: block; margin-bottom:6px; font-size: 20px; color: #022543; }

.fbt span { margin:0 5px; }

.top_right { float: right; margin-top:16px; }

.top_right .tel { font-size: 18px; color: #166bb3; font-weight: bold; float: left; margin-right: 21px; line-height: 24px; background: url(../../images/obe24/dh.png)0px 28px no-repeat; padding-left: 52px; }

.top_right .tel .xz { font-size: 14px; color: #686868; font-weight: normal; }

.top_right .mf_bton { border-radius: 50px; background: #e06742; font-size: 18px; color: #fff; width: 127px; float: left; height: 31px; text-align: center; line-height: 31px; margin-top: 22px; }

#nav{ position: relative; width: 100%; background: #166bb3; }

#nav ul{ margin: 0 auto; width: 1290px; }

#nav li { float: left; position:relative; padding: 0 18px; height: 51px; }

#nav li:nth-child(2){ position:static; }

#nav li.ind { width: 127px; }

#nav li.fx { width: 1px; }

#nav li > a { font-size: 17px; font-family: '微软雅黑'; color: #fff; line-height: 51px; text-decoration: none; padding-bottom: 15px; }

#nav li > a.zd { text-align: center; }

#nav li.sj > a { background: url(../../images/obe24/sj.png) 60px 8px no-repeat; padding-right: 15px; }

#nav li.fuwu > a { background: url(../../images/obe24/sj.png) 73px 8px no-repeat; padding-right: 15px; }

#nav li > a:hover, #nav li.hover > a, #nav li.cur > a { font-weight: bold; }

#nav li > dl{ display:none; overflow:hidden; position:absolute; left:0; top:51px; z-index:21; width:100%;  background-color: hsla(0,0%,100%,.9); backdrop-filter: blur(2rem); box-shadow: 0 1rem 1rem 0 rgb(233 230 249 / 10%);}

#nav li > dl dt{ margin-top:-1px; border-top:1px solid #ededed; text-align:center; line-height:24px;  cursor:pointer; }

#nav li > dl dt a{ display:block; color: #393c43; font-size:15px; font-weight:bold; padding:8px 0; }

#nav li > dl dt a:hover{ display:block; background-color:#1a79b3; color:#fff; }

.cpsdly { float: left; width: 1290px; margin-bottom: 30px; }

.cpsdly h4 { font-size: 16px; color: #393c43; margin-top: 40px; margin-bottom: 30px; }

.cpsdly dl { float: left; margin-left: -19px; padding-bottom: 30px; }

.cpsdly dl dd { float: left; width: 308px; height: 194px; margin-left: 19px; display: block; }

.cpsdly dl dd img { width: 308px; height: 194px; }

.cpsdly dl dd b { display: block; font-size: 16px; color: #393c43; line-height: 35px; }

.cpsdly dl dd span { color: #393c43; }

.cpzxcp { float: left; width: 260px; margin-left: 55px; }

.cpzxcp h4 { font-size: 16px; color: #393c43; margin-top: 40px; margin-bottom: 30px; }

.cpzxcp dl dd { background: url(../../images/obe24/dh01.png) 1px 8px no-repeat; padding-left: 50px; margin-bottom: 20px; }

.cpzxcp dl dd b { display: block; font-size: 16px; color: #393c43; line-height: 35px; }

.cpzxcp dl dd span { color: #393c43; display: block; }

.jjfayx { float: left; width: 760px; }

.jjfayx h4 { font-size: 16px; color: #393c43; margin-top: 40px; margin-bottom: 30px; }

.jjfayx dl { float: left; margin-left: -23px; padding-bottom: 30px; }

.jjfayx dl dd { float: left; width: 303px; margin-left: 23px; display: block; margin-bottom: 21px; background: url(../../images/obe24/dh02.png) 0px 8px no-repeat; padding-left: 47px; line-height: 24px; }

.jjfayx dl dd.yx02 { background-position: 0 -79px; }

.jjfayx dl dd.yx03 { background-position: 0 -170px; }

.jjfayx dl dd.yx04 { background-position: 0 -360px; }

.jjfayx dl dd.yx05 { background-position: 0 -262px; }

.jjfayx dl dd b { display: block; font-size: 16px; color: #393c43; line-height: 35px; }

.jjfayx dl dd span { color: #393c43; display: block; }

.qyjf { width: 422px; margin-left: 98px; }

#nav li a span { font-size: 14px; font-weight: normal; line-height: 21px; }

#nav li a h4 { text-align: left; }

.container { position: relative; margin: 0 auto; width: 1290px; }

.nav-menu { display: none; z-index: 10; position: absolute; left: 0; top: 51px; width: 100%; padding-bottom: 50px; background-color: hsla(0,0%,100%,.9); backdrop-filter: blur(2rem); box-shadow: 0 1rem 1rem 0 rgb(233 230 249 / 10%); transition: all .3s; }

#banner { height: 604px; margin-top:138px; }

#banner .swiper { position:relative; width: 100%; height: 100%; overflow: hidden; }

#banner .swiper-button-prev, #banner .swiper-button-next ,
#zhjx_banner .swiper-button-prev, #zhjx_banner .swiper-button-next { width: 37px; height: 50px; background-image: url(../../images/obe24/banbtn.png); background-size: auto; }

#banner .swiper-button-prev,#zhjx_banner .swiper-button-prev  { background-position: 8px 8px; }

#banner .swiper-button-next,#zhjx_banner .swiper-button-next { background-position: 8px -34px; }

#banner .swiper-pagination,#zhjx_banner .swiper-pagination{ bottom: 31px; }

#banner .swiper-pagination .swiper-pagination-bullet,
#zhjx_banner .swiper-pagination .swiper-pagination-bullet{ width: 28px; height: 3px; opacity: .5; background-color: #fff; border-radius: 0; }

#banner .swiper-pagination .swiper-pagination-bullet-active,
#zhjx_banner .swiper-pagination .swiper-pagination-bullet-active{ opacity: 1; }

.rslides { height: 604px; }

.rslides li { width: 100%; height: 604px; text-align: center; }

.rslides { width: 100%; position: relative; list-style: none; padding: 0; }

/*.rslides_nav { display:none; height: 51px; width: 31px; position: absolute; -webkit-tap-highlight-color: rgba(0,0,0,0); top: 50%; left: 0; opacity: 0.4; text-indent: -9999px; overflow: hidden; text-decoration: none; margin-top: -28px }

.rslides_nav:active { opacity: 1.0 }

.rslides_nav.prev { left: auto; background-position: -0 -560px; left: 0 }

.rslides_nav.next { left: auto; background-position: -31px -560px; right: 0 }*/
.rslides li a { display: block; width: 100%; height: 604px; background-position: center center; background-repeat: no-repeat; }

.rslides_tabs { text-align: center; position: absolute; bottom: 15px; left: 0; z-index: 10; width: 100%; height: 30px; text-align: center; padding-top: 10px;/* background:#000; background:rgba(0, 0, 0, 0.5)!important; filter:Alpha(opacity=50);*/   }

.rslides_tabs li { list-style: none; display: inline-block; margin: 0 7px; }

.rslides_tabs a { text-indent: -9999px; overflow: hidden; display: inline-block; _display: block; *display:block;
width: 16px; height: 16px; background: url(../../images/zldjc/dot.png) 0 0 no-repeat; }

.rslides_tabs .rslides_here a { background-position: -16px 0; }

.kuang { position: relative; margin: 0 auto; width: 1290px; }

.qiant { background: #e9e9e9; height: 54px; }

.hot { float: left; font-size: 14px; color: #565656; line-height: 54px; }

.hot span,.hot b{display:block; float:left; margin-right:15px;}

.hot a{color:#666;}

.hot a:hover{color:#166bb3;}

.search { float: right; width: 387px; height: 28px; background-color: #fff; border: 1px solid #d0d0d0; margin-top: 13px; }

.srh_input { float: left; width: 173px; height: 28px; padding: 0; border: none; margin-left: 10px; }

.srh_btn { position: absolute; right: 0; top: 18px; width: 28px; height: 28px; background: url(../../images/obe24/srh_btn.jpg) no-repeat; border: none; cursor: pointer; }

.gywm { float: left; width: 622px; }

.gywm b { font-size: 32px; color: #333333; }

.gywm b.zhihui { margin-top: 41px; display: block; }

.gywm p { font-size: 16px; color: #797979; line-height: 24px; margin-top: 15px; }

.main, .zhkc_cont_li .tzlist { position: relative; margin: 0 auto; width: 1290px; }

.gywmm { margin-top: 48px; margin-bottom: 30px; }

.gywm dl { float: left; margin-top: 26px; }

.gywm dl dt { float: left; width: 115px; margin-right: 40px; background: url(../../images/obe24/gygs01.jpg) no-repeat; padding-top: 56px; font-size: 14px; color: #333333; text-align: center; }

.gywm dl dt.g01 { background-position: 30px 0; }

.gywm dl dt.g02 { background-position: -143px 0; }

.gywm dl dt.g03 { background-position: -322px 0; }

.gywm dl dt.g04 { background-position: -493px 0; }

.gywm dl dt span { font-size: 32px; font-weight: bold; }

.gywm dl dt i { font-size: 20px; font-weight: bold; }

.news { float: right; width: 587px; }

.news .bt { clear: both; overflow: hidden; height: 25px; font-size: 20px; color: #333333; margin-bottom: 10px; background: url(../../images/obe24/n01.jpg) bottom left no-repeat; padding-left: 27px; }

.news .bt b { padding-right: 20px; }

.news .bt a { float: right; font-size: 14px; color: #166bb3; }

.news ul li { float: left; width: 587px; padding-bottom: 21px; margin-bottom: 21px; border-bottom: 1px solid #e9e9e9; }

.news ul li.n01 { height: 144px; }

.news ul li a { color: #5b5b5b; font-size: 16px; }

.news ul li.n01 img { float: left; margin-right: 21px; width: 209px; height: 145px; }

.news ul li a b { font-size: 16px; display: block; margin-bottom: 6px; }

.news ul li a p { font-size: 14px; line-height: 24px; }

.news ul li .riqi { float: left; width: 67px; background: #f4f4f4; width: 70px; text-align: center; margin-right: 15px; padding: 15px 0; }

.news ul li .riqi b { font-size: 36px; display: block; }

.news ul li .riqi span { font-size: 14px; }

.yewulingyu { position: relative; background-color: #f7f8f8; height: 764px; color: #fff; text-align: center; }

.index_bt { color: #333333; padding-top: 26px; margin-bottom: 43px; }

.index_bt h3 { font-size: 32px; margin-bottom: 10px; }

.index_bt b { font-size: 16px; font-weight: normal; }

#yewu { width: 100%; min-width: 1290px; height: 603px; overflow: hidden; }

#yewu .swiper-wrapper .swiper-slide{ width: 100%; height: 100%; background-position: center top; background-repeat: no-repeat; }

#yewu .swiper-wrapper .swiper-slide:nth-child(1){ background-image: url(../../images/obe24/bg04.jpg);}

#yewu .swiper-wrapper .swiper-slide:nth-child(2){ background-image: url(../../images/obe24/bg02.jpg);}

#yewu .swiper-wrapper .swiper-slide:nth-child(3){ background-image: url(../../images/obe24/bg03.jpg);}

#yewu .swiper-wrapper .swiper-slide:nth-child(4){ background-image: url(../../images/obe24/bgtz.jpg);}


#yewu .swiper-wrapper .zhkc_more{ display:block; position:absolute; left:0; top:0; z-index:2; width:100%; height:100%; }

#yewu .swiper-wrapper .box-content { position:absolute; left:50%; top:74px; margin-left:142px; z-index:1; width: 523px; text-align: left; }

#yewu .swiper-wrapper .box-content .pic,#yewu .swiper-wrapper .box-content .text span{ display:none; }

#yewu .swiper-wrapper .box-content b { font-size: 28px; }

#yewu .swiper-wrapper .box-content p { line-height: 24px; margin-bottom: 30px; margin-top: 20px; }

#yewu .swiper-wrapper .box-content dl a { display: block; color: #fff; border: 1px solid #FFF; width: 258px; padding-left: 20px; height: 36px; margin-bottom: 10px; line-height: 36px; }

.thumbs {  position: absolute; left: 50%; bottom: 31px; margin-left: -567px; }

.thumbs .swiper-wrapper{ background-color:#f5f5f5; }

.thumbs .swiper-slide { width:246px; height: 81px; color: #000; font-size: 18px; line-height: 81px; border-right: 1px solid #959595; cursor: pointer; }

.thumbs .swiper-slide:nth-child(4){ width:282px; border-right: 0px; }
.thumbs .swiper-slide:nth-child(3){ width:300px;  }


.thumbs .swiper-slide-thumb-active{ background-color:#e06742; }

.thumbs .swiper-slide a{ display:block; padding-left:40px; color: #000; box-sizing:border-box; background-repeat:no-repeat;}

.thumbs .swiper-slide-thumb-active a{ color:#fff; }

.thumbs .swiper-slide:nth-child(1) a{ background-image:url(../../images/obe24/yx01.png); background-position: 28px center; }

.thumbs .swiper-slide:nth-child(1).swiper-slide-thumb-active a{  background-image:url(../../images/obe24/yx02.png);}

.thumbs .swiper-slide:nth-child(2) a{ background-image:url(../../images/obe24/qy01.png); background-position:48px center; }

.thumbs .swiper-slide:nth-child(2).swiper-slide-thumb-active a{  background-image:url(../../images/obe24/qy02.png);}

.thumbs .swiper-slide:nth-child(3) a{ background-image:url(../../images/obe24/tz01.png); background-position:14px center; }

.thumbs .swiper-slide:nth-child(3).swiper-slide-thumb-active a{  background-image:url(../../images/obe24/tz02.png); }

.thumbs .swiper-slide:nth-child(4) a{ background-image:url(../../images/obe24/yun01.png); background-position:30px center; }

.thumbs .swiper-slide:nth-child(4).swiper-slide-thumb-active a{  background-image:url(../../images/obe24/yun02.png); }

/*#yewu .box { display: none; position: relative; width: 100%; height: 100%; }

.y1, .y2, .y3,.y4 { background-position: center top; background-repeat: no-repeat; }

.y1 { background-image: url(../../images/obe24/bg02.jpg); }

.y2 { background-image: url(../../images/obe24/bg03.jpg); }

.y3 { background-image: url(../../images/obe24/bg03.jpg); }

.y4 { background-image: url(../../images/obe24/bg04.jpg); }

#yewu .box .box-content { float: right; width: 523px; padding-left: 53px; text-align: left; margin-top: 74px; }

#yewu .box .box-content b { font-size: 28px; }

#yewu .box .box-content p { line-height: 24px; margin-bottom: 30px; margin-top: 20px; }

#yewu .box .box-content dl a { display: block; color: #fff; border: 1px solid #FFF; width: 258px; padding-left: 20px; height: 36px; margin-bottom: 10px; line-height: 36px; }

.yewubt { position: absolute; left: 50%; bottom: 31px; margin-left: -534px; background: #f5f5f5; }

.yewubt dt { float: left; width: 246px; height: 81px; color: #000; font-size: 18px; line-height: 81px; border-left: 1px solid #959595; cursor: pointer; }

.yewubt dt a { color: #000; }

.yewubt dl dt.yw01 { background: url(../../images/obe24/yx01.png) 12px center no-repeat; }

.yewubt dl dt.yw01.cur { background: url(../../images/obe24/yx02.png) 12px center no-repeat #e06742; color: #fff; }

.yewubt dl dt.yw02 { background: url(../../images/obe24/qy01.png) 12px center no-repeat; }

.yewubt dl dt.yw02.cur { background: url(../../images/obe24/qy02.png) 12px center no-repeat #e06742; color: #fff; }

.yewubt dl dt.yw03 { background: url(../../images/obe24/tz01.png) 30px center no-repeat; width: 277px; padding-left: 30px; }

.yewubt dl dt.yw03.cur { background: url(../../images/obe24/tz02.png) 30px center no-repeat #e06742; color: #fff; width: 277px; padding-left: 30px; }

.yewubt dl dt.yw04 { background: url(../../images/obe24/yun01.png) 12px center no-repeat; border-left: 0px; }

.yewubt dl dt.yw04.cur { background: url(../../images/obe24/yun02.png) 12px center no-repeat #e06742; color: #fff; }

.yewubt dl dt.cur a { color: #fff; }*/

.case { position: relative; padding-bottom: 5px; text-align: center; }

.jd_case { position: relative; }

.casebt { display: flex; margin-left:154px; margin-bottom: 41px; text-align: center; }

.tab-button { border: 1px solid #d6d6d6; border-radius: 50px; font-size: 17px; padding: 0 40px; line-height: 36px; margin-right: 36px; cursor: pointer; }

.tab-button.cur { background: #2282be; color: #fff; }

.tab { display: none; position: relative; width: 1232px; padding: 0 29px 50px 29px; overflow: hidden; }

.tab.active { display: block; }

.tab .swiper { overflow: hidden; width: 100%; height: 100%; }

.tab .swiper-button-prev, .tab .swiper-button-next { width: 29px; height: 55px; background-image: url(../../images/obe24/btnzy.png); background-size: auto; margin-top: -66px; }

.tab .swiper-button-prev { background-position: 7px 0px; left: 0; }

.tab .swiper-button-next { background-position: -15px 0px; right: 0; }

.tab .swiper-pagination { bottom: 31px; }

.tab .swiper-pagination .swiper-pagination-bullet { width: 13px; height: 13px; opacity: .5; background-color: #d4d4d4; opacity: 1; }

.tab .swiper-pagination .swiper-pagination-bullet-active { background-color: #2282be; }

.case_list { overflow: hidden; width: 1232px; height: 526px; margin-bottom: 13px; }

.case_list ul { clear: both; overflow: hidden; margin-left: -20px; }

.case_list li { float: left; width: 293px; height: 243px; margin-left: 20px; margin-bottom: 20px; }

.case_list li a { color: #707070; }

.case_list li a span{ text-align:left; display:block;}

.case_list li img { width: 295px; height: 206px; }

.anli li a { float: left; display: block; margin-left: 20px; margin-bottom: 13px; }

.btn { position: absolute; top: 401px; width: 15px; height: 56px; background: url(../../images/obe24/btnzy.png) no-repeat; }

.prev { left: -9px; }

.prev:hover { background-position: 0 -62px; }

.next { right: 0px; background-position: -16px 0; }

.next:hover { background-position: -16px -62px; }

.anli_tabs { text-align: center; float: left; width: 100%; height: 30px; text-align: center;/* background:#000; background:rgba(0, 0, 0, 0.5)!important; filter:Alpha(opacity=50);*/   }

.anli_tabs li { list-style: none; display: inline-block; margin: 0 7px; }

.anli_tabs a { text-indent: -9999px; overflow: hidden; display: inline-block; _display: block; *display:block;
width: 78px; height: 15px; background: url(../../images/obe24/hot.png) 0 0 no-repeat; }

.anli_tabs .anli_here a { background-position: -106px 0; }

.khlogo { background: #f7f8f8; text-align: center; padding-bottom: 80px; }

.khlogo ul { float: left; margin-left: -40px; }

.khlogo ul li { float: left; border: 1px solid #e1e0e0; margin-left: 40px; margin-bottom: 25px; }

.khlogo ul li img { width: 179px; height: 62px; }

.ljgdcase { position: absolute; top: 890px; width: 189px; left: 550px; text-align: center; display: block; border-radius: 50px; border: 1px solid #d7d7d7; background: #fff; height: 40px; line-height: 40px; color: #717171; font-size: 18px; }

.ljgdcase:hover { color: #166bb3; }

#fnav { position: relative; width: 100%; background: #166bb3; }

#fnav ul { position: relative; margin: 0 auto; width: 1290px; }

#fnav li { position: relative; float: left; padding: 0 46px; height: 51px; }

#fnav li.ind { width: 127px; }

#fnav li.fx { width: 1px; }

#fnav li a { font-size: 18px; font-family: '微软雅黑'; color: #fff; line-height: 51px; text-align: center; text-decoration: none; padding-bottom: 15px; }

#fnav li.sj a { background: url(../../images/obe24/sj.png) 60px 8px no-repeat; padding-right: 15px; }

#fnav li.fuwu a { background: url(../../images/obe24/sj.png) 73px 8px no-repeat; padding-right: 15px; }

#fnav li a:hover, #fnav li.hover a, #fnav li.active a { font-weight: bold; }

#fnav li span { display: none; position: absolute; left: 35px; top: -2px; width: 63px; height: 4px; background-color: #0cab85; }

#fnav li.hover span, #fnav li.active span { display: block; }

.footer { background: #101013; color: #fff; padding-bottom: 30px; }

.footm { padding-top: 59px; }

.footer_nav dl { float: left; margin-right: 43px; }

.footer_nav dl dt { font-size: 20px; line-height: 30px; }

.footer_nav dl a { color: #747475; line-height: 30px; font-size: 16px; }

.footer_nav dl a:hover{color:#e06742;}

.footer_lxwm { float: left; font-size:14px; line-height: 35px; margin-right: 41px; }

.lxwm_item{ clear:both; overflow:hidden; }

.footer_lxwm .lxwm_item h3{ font-weight: normal; color: #747475; }

.footer_lxwm .lxwm_item h3,.footer_lxwm .lxwm_item p{ float:left; }

.footer_lxwm .lxwm_item p span{ display:block; }

.footer_lxwm .lxwm_item:first-child p span{ display:inline-block; margin-left:20px; }

.wei { float: left; }

.wei li { float: left; width: 111px; margin-right: 10px; text-align: center; color:#747475;  }

.wei li img{width:111px;}

.fgywm { float: left; width: 100%; height: 42px; margin-top: 25px; }

.fgywm h3 { float: left; width:64px; line-height: 36px; color: #747475; font-size: 14px; }

.fgywm ul { }

.fgywm li { position:relative; float: left; width: 36px; height: 36px; background-image: url(../../images/obe24/pt.jpg); background-repeat: no-repeat; margin-right:10px; cursor:pointer; }

.fgywm li:nth-child(1) { background-position: 4px center; }

.fgywm li:nth-child(2) { background-position: -42px center; }

.fgywm li:nth-child(3) { background-position: -88px center; }

.fgywm li:nth-child(4) { background-position: -134px center; }

.fgywm li:nth-child(5) { background-position: -180px center; }

.fgywm li:nth-child(6) { background-position: -272px center; }

.fgywm li:nth-child(7) { background-position: -226px center; }

.fgywm li img { display:none; position:absolute; left:-45px; top:-135px; width:112px; height:112px; padding:7px 7px 16px 7px; background: url(../../images/obe24/code_bg.png) no-repeat; transition: all 0.5s; }

.fgywm li.cur img{ display:block; }

.flink { float: left; width: 100%; line-height: 50px; color: #858585; border-top: solid 1px #414141; border-bottom: solid 1px #414141; margin-bottom: 10px; }

.flink b { display: block; float: left; }

.flink a { float: left; color: #858585; display: block; margin-right: 30px; }

.copy{ float:left; width:100%; }

.copy b { font-weight: normal; color: #858585; }

.copy a { display: block; float: right; color: #858585; }

#erbanner { margin-top:157px; height: 385px; background: #0290bf; background-position:center top; background-repeat:no-repeat; text-align: center; }

#erbanner a{ display:block; width:100%; height:100%; }

.wrap { background: #efefef; }

.wz { position: relative; color: #666; width: 1290px; margin: 0 auto; font-size: 14px; line-height: 46px; background: url(../../images/obe24/wz.png) no-repeat 0 15px; padding-left: 20px; }

.wz a { color: #666; }

.sdly { background: #f6f6f6; text-align: center; padding-bottom: 40px; border-bottom: 1px solid #dcdcdc; margin-bottom: 34px; }

.sdly ul { float: left; margin-left: -19px; }

.sdly ul li { float: left; width: 308px; height: 215px; margin-left: 19px; position: relative; }

.sdly ul li img { width: 308px; height: 215px; }

.sdly ul li span { display: block; background-color: rgba(0, 0, 0, 0.5); height: 42px; position: absolute; left: 0; bottom: 0; width: 308px; color: #fff; font-size: 16px; text-align: center; line-height: 42px; }

.leftmenu { float: left; width: 300px; }

.leftmenu h3 { font-size: 20px; color: #fff; height: 47px; line-height: 45px; font-weight: normal; background: url(../../images/obe24/lbt.png) no-repeat 20px #176bb3; padding-left: 30px; }

.leftmenu h3 a{color:#fff;}

.leftmenu ul { background: #f8f8f8; margin-bottom: 30px; padding-left: 26px; padding-bottom: 26px; padding-top: 10px; }

.leftmenu li { height: 39px; border-bottom: 1px dashed #e5e5e5; width: 243px; line-height:39px; }

.leftmenu li a { color: #1f1f1f; font-size: 14px; }

.leftmenu li a:hover { color: #e06742; }

.leftmenu li.cur a { color: #176bb3; font-weight: bold; }

.leftmenu li.show-more,.leftmenu li.collapse{ text-align:center; color:#2386FD; cursor:pointer; }

.leftmenu li.show-more:hover,.leftmenu li.collapse:hover{ color:#E90B0F; }

.leftmenu .min { float: left; margin-top: 10px; }

.leftmenu .min li { border-bottom: none; height: 28px; }

.leftmenu .min li a { background: none; color: #666; line-height: 28px; font-size: 12px; }

.leftmenu .min li a:hover { text-decoration: underline; }

.right { float: left; width: 965px; margin-left: 25px; }

.cplist { float: left; margin-left: -25px; }

.cplist li { float: left; width: 303px; background: #f8f8f8; border: 1px solid #e5e3e3; margin-left: 25px; text-align: center; margin-bottom: 25px; height: 256px; }

.cplist li span { display: block; line-height: 29px; padding: 0 15px; text-align: left; color:#363636; overflow:hidden; }

.cplist li span.zhkc{text-align:center;}

.cplist li img { width: 303px; height: 183px; }

.cplist li a { color: #363636; }

.cplist li a:hover { color: #e06742; }

.zbt { font-size: 30px; text-align: center; margin-bottom: 15px; border-bottom: 1px solid #eeeeee; padding-bottom: 15px; }

.zbt span{display:block; text-align:center; font-size:14px; line-height:35px; color:#666666;}

.content { color: #616161; }

.content P { line-height: 35px; }

.xgtag { color: #616161; font-size: 18px; margin-top: 40px; }

.xgtag a { color: #616161; }

.xgyd { margin-top:30px; }

.xgyd h3 { background: #f8f8f8; height: 41px; color: #616161; font-size: 18px; font-weight: bold; line-height: 41px; padding-left: 20px; border-bottom: 1px solid #eeeeee; }

.xgyd ul {display: flex; justify-content: space-between; gap:40px; margin-top:25px; }

.xgyd li { flex: 0 0 calc((100% - 40px) / 2); }

.xgyd li a { display:flex; justify-content: space-between; gap:25px; color: #535353; line-height: 24px; }

.xgyd li img { width:164px; height:110px; }

.xgyd li a:hover { color: #176bb3; }

.xgyd li .xgcon{ flex:1; }

.xgyd li b { font-size: 16px; padding-bottom:8px; margin-bottom:8px; display: block; border-bottom: 1px solid #eeeeee; }

.sdmain { margin-top: 30px; }

/*.page{position:left;  }*/

.hdaohang { background: #f6f6f6; text-align: center; padding-top: 10px; border-bottom: 1px solid #dcdcdc; margin-bottom: 34px; }

.hmenu { float: left; }

.hmenu li { float: left; background: #176bb3; height: 49px; border-radius: 10px 10px 0px 0px; padding: 0 40px 0 40px; margin-right: 1px; line-height: 49px; }

.hmenu li.cur { background: #e16742; }

.hmenu li a { color: #fff; font-size: 18px; }

.zright { float: left; margin-left: 0; margin-right: 25px; }

.smenu { float: left; width: 965px; margin-bottom: 20px; }

.smenu li { float: left; border-radius: 50px; background: #efefef; height: 40px; padding: 0 40px 0 40px; line-height: 40px; margin-right: 10px; margin-bottom: 10px; }

.smenu li a { color: #176bb3; font-size: 18px; }

.smenu li.cur { background: #d2e2ef; }

.rtitle { float:left; width:960px; font-size: 30px; border-bottom: 1px solid #e9e9e9; padding-bottom: 15px; margin-bottom: 20px; background: url(../../images/obe24/srh_btn.png) 2px 10px no-repeat; padding-left: 30px; }

.rtitle a{float:right; display:block; font-size:14px; color:#069;}

.newlist li { float: left; border-bottom: 1px solid #e9e9e9; padding-bottom: 20px; margin-bottom: 20px; width: 959px; }

.newlist li img { float: left; width: 260px; height: 160px; }

.newlist li .nlist { float: left; margin-left: 25px; width: 674px; }

.newlist li a { color: #515050; }

.newlist li a b { font-size: 18px; display: block; margin-bottom: 10px; }

.newlist li a p { line-height: 24px; color: #737373; }

.newlist li a span { color: #ababab; padding-top: 10px; display: block; }

.nleft li { height: 50px; }

.nleft li a { font-size: 18px; line-height: 50px; height: 50px; display: block; }

.rcase { font-size: 20px; line-height: 40px; padding-left: 25px; }

.leftcase h3 { font-size: 18px; padding-left: 25px; background: url(../../images/obe24/lbt.png) no-repeat 15px #176bb3; }

.zxxx { position: relative; margin: 0 auto; width: 960px; }

.zxxx b { display: block; float: left; font-size: 14px; color: #6eaf5b; font-weight: bold; line-height: 47px; margin-right: 10px; }

.zxxx ul li { line-height: 47px; }

.conright { float: right; width: 675px; }

.conleft { float: left; }

.conright h4 { font-size: 16px; color: #0290bf; margin-bottom: 15px; font-weight: normal; }

.intro { float: left; width: 55%; height: 350px; margin-top: 40px; }

.intro p { font-size: 18px; line-height: 40px; color: #727272; margin-bottom: 20px; }

.intro p a { color: #007a5e; line-height: 26px; }

.guanggao02 b { font-size: 36px; margin-bottom: 48px; display: block; margin-top: 109px; }

.guanggao02 p { font-size: 16px; text-align: center; line-height: 30px; width: 1074px; display: block; position: absolute; top: 189px; left: 50%; margin-left: -540px; }

.laidian { display: block; width: 204px; position: absolute; top: 317px; left: 50%; margin-left: -102px; font-size: 30px; background: url(../../images/obe24/btbg.png) top center no-repeat; padding-top: 21px; }

.gg01 { float: right; margin: 40px 0; }

.cp { background: url(../../images/obe24/gywm02.png) no-repeat 0 center; position: relative; margin-bottom: 50px; padding-bottom: 50px; }

.cp .hbt { float: left; width: 23%; margin-right: 2%; position: absolute; left: 0; top: 50%; margin-top: -12%; }

.cp .hbt p { font-size: 14px; color: #333333; line-height: 26px; margin-top: 50px; }

.quyu { float: right; width: 75%; margin-top: 50px; }

.quyu ul { float: left; width: 100%; margin-top: 20px; margin-bottom: 30px; }

.quyu li { float: left; width: 30%; margin-left: 3%; text-align: center; margin-bottom: 17px; position: relative; }

.quyu li img { width: 100%; }

.quyu li a { font-size: 16px; color: #333; }

.quyu li a:hover { color: #52b1ad; }

.quyu li span { position: absolute; width: 100%; display: block; left: 0; bottom: 0; background: rgba(0, 0, 0, .5); line-height: 45px; font-size: 20px; color: #fff; }

.more { display: block; position: absolute; left: 50%; margin-left: -65px; bottom: 0; border: 1px solid #aa1e1e; width: 130px; height: 45px; color: #aa1e1e; font-size: 16px; line-height: 45px; text-align: center; }

.jjfa { background: url(../../images/obe24/jjfabg.jpg) no-repeat 0 center; position: relative; color: #fff; padding-bottom: 100px; }

.jjfa .more { left: 50%; margin-left: -65px; bottom: 50px; border: 1px solid #fff; color: #fff; }

.jjfa .hbt { float: left; width: 23%; margin-right: 2%; position: absolute; left: 0; top: 50%; margin-top: -8%; }

.jjfa .hbt p { font-size: 14px; color: #fff; line-height: 26px; margin-top: 50px; }

.jjfa .bt { color: #fff; }

.fangan { float: right; width: 75%; margin-top: 50px; }

.fangan ul { float: left; width: 100%; margin-top: 20px; margin-bottom: 30px; }

.fangan li { float: left; width: 17%; margin-left: 3%; text-align: center; margin-bottom: 17px; position: relative; }

.fangan li img { width: 100%; }

.fangan li span { color: #fff; background: rgba(100, 100, 100, .5); display: block; font-size: 16px; padding: 10px; line-height: 30px; }

.new { margin: 30px 0; padding-bottom: 50px; }

.synews { float: left; width: 103%; margin-top: 20px; margin-bottom: 30px; margin-left: -3%; margin-top: 58px; }

.synews li { float: left; width: 22%; margin-left: 3%; }

.synews li p { border-bottom: 1px solid #d5d4dd; margin-bottom: 27px; padding-bottom: 27px; }

.synews li img { width: 100%; }

.synews a { font-size: 14px; color: #949494; line-height: 26px; }

.synews a riqi { color: #b4b4b4; }

.gmore { margin-top: 30px; }

.lxwm { background: url(../../images/obe24/05.jpg) no-repeat #30343a; background-size: 40%; color: #fff; padding: 50px 0; }

.lxfs { float: left; }

.lxfs b { font-size: 36px; }

.lxfs span { font-size: 36px; display: block; padding-bottom: 15px; background: url(../../images/obe24/btbg.png) bottom left no-repeat; font-weight: bold; margin-top: 64px; }

.lxfs dl { font-size: 16px; line-height: 36px; margin-top: 56px; }

.lxfs dl dd { padding-left: 30px; }

.lxfs dl dd.dz { background: url(../../images/obe24/dz.png) 0 5px no-repeat; }

.lxfs dl dd.cz { background: url(../../images/obe24/dz.png) 0 -45px no-repeat; }

.lxfs dl dd.em { background: url(../../images/obe24/dz.png) 0 -95px no-repeat; }

.lyb { float: right; width: 700px; }

.lyb dd { border-bottom: 1px solid #707276; height: 40px; font-size: 18px; margin-bottom: 68px; color: #b0b1b3; }

.lyb dd input { width: 600px; height: 40px; border: 0px; background: #30343a; color: #fff; }

#footer { background: #333333; height: 247px; width: 100%; }

.jiehsao { float: left; width: 500px; margin: 0 auto; color: #fff; font-size: 14px; line-height: 40px; }

.jiehsao p .tela { background: url(../../images/obe24/f01.jpg) no-repeat; padding-left: 25px; padding-right: 30px; }

.jiehsao p .dz { background: url(../../images/obe24/f02.jpg) no-repeat; padding-left: 25px; }

.xby { font-size: 24px; }

.ewm { float: right; margin-left: 203px; margin-top: 5px; }

.ewm dd { float: left; width: 115px; margin-left: 15px; text-align: center; color: #fff; margin-bottom: 10px; font-size: 16px; line-height: 35px; }

.ewm dd img { background: #fff; padding: 5px; }

.list_pic li { float: left; position: relative; width: 1200px; border-bottom: 1px solid #d8d8d8; padding-bottom: 20px; margin-bottom: 20px; }

.list_pic li img { float: left; width: 270px; height: 180px; }

.list_pic li dl { float: left; font-size: 16px; margin-left: 27px; line-height: 45px; width: 615px; }

.list_pic li a { color: #5a5a5a; float: left; }

.list_pic li a:hover dl { color: #c40a0a; }

.list_pic li a dt { color: #000; font-weight: bold; font-size: 24px; }

.list_pic li dl dd.jzmj { border-top: 1px dashed #d9d9d9; }

.list_pic li dl dd span { margin-right: 30px; }

.list_pic li dl dd.jzmj b { color: #c40a0a; }

.fc_title { text-align: center; }

.fc_title h1 { font-size: 36px; margin-top: 6px; }

.show { background: #f4f4f4; border-top: 1px solid #e4e4e4; }

.hx { width: 100px; height: 1px; background: #b70101; position: relative; margin: 0 auto; }

.news_pic { float: left; width: 512px; height: 340px; position: relative; overflow: hidden; }

.news_pic li { width: 512px; height: 340px; position: absolute; overflow: hidden; float: left; margin-right: 5px; }

.news_pic li img { width: 512px; height: 340px; }

.news_pic li span { display: block; position: absolute; left: 0; bottom: 0; height: 60px; z-index: 100; background: rgba(0, 0, 0, .5); width: 554px; padding-left: 20px; padding-top: 5px; }

.news_pic li a span { color: #fff; font-size: 16px; line-height: 24px; }

.news_pic li span i { width: 400px; display: block; font-style: normal; }

.news_pic .page { position: absolute; bottom: 0; z-index: 6; height: 44px; width: 100%; overflow: hidden; text-align: right; }

.news_pic .page span { display: inline-block; height: 30px; width: 30px; text-align: center; line-height: 30px; color: #fff; font-family: "arial"; cursor: pointer; font-size: 14px; }

.news_pic .page span.current { background: #dd0000; }

.fxin { float: left; background: #fff; width: 616px; padding: 36px; padding-bottom: 18px; }

.fxin h4 { font-size: 24px; color: #302e2e; font-weight: normal; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #e4e4e4; }

.fxin dl { font-size: 16px; line-height: 40px; float: left; margin-bottom: 18px; }

.fxin dl dt { color: #5a5a5a; font-weight: bold; background: url(../../images/obe24/sico.jpg) no-repeat 0 10px; padding-left: 25px; }

.fxin dl dt.kfs { background-position: 0 -38px; }

.fxin dl dt.wygs { background-position: 0 -86px; }

.fxin dl dt.xmdz { background-position: 0 -136px; }

.dianhua { clear: both; border-radius: 6px; padding-left: 30px; width: 300px; height: 45px; color: #fff; font-size: 24px; line-height: 45px; text-align: center; background: url(../../images/obe24/tel.png) no-repeat 10px 10px #c40a0a; }

.f_bt { text-align: center; border-bottom: 1px solid #e4e4e4; padding-bottom: 10px; }

.f_bt b { font-size: 24px; color: #312f2f; font-weight: normal; display: block; margin-bottom: 5px; }

.f_bt span { font-size: 14px; color: #868686; }

.content { font-size: 16px; line-height: 28px; color: #494848; padding-bottom: 40px; }

.con { margin-bottom: 20px; }

.zblist li { float: left; width: 260px; margin-left: 53px; margin-bottom: 20px; }

.zblist { float: left; width: 1253px; margin-left: -53px; }

.zblist li span { display: block; background: #f7f7f7; height: 52px; line-height: 52px; text-align: center; font-size: 16px; }

.zblist li a { color: #5a5a5a; }

.erfooter { background: #333333; height: 50px; color: #f4f4f4; text-align: center; }

.quanping { margin-left: 0px; width: 1290px; }

.hyc { float: left; background: #f6f6f6; height: 250px; margin-top: -18px; }

.hyc img { float: left; margin-right: 80px; margin-left: 85px; margin-top: 102px; }

.hyc_con { float: right; font-size: 18px; width: 800px; line-height: 35px; margin-top: 40px; padding-right: 28px; }

.hyc_con b { font-size: 24px; color: #176bb3; margin-bottom: 20px; display: block; }

.lxcon { float: left; width: 1290px; margin-top: 30px; margin-bottom: 30px; }

.lxxx { float: left; width:565px; margin-right: 25px; }

.lxtitle { font-size: 24px; color: #176bb3; background: #e0eef9; height: 45px; text-align: center; line-height: 45px; font-weight: bold; }

.lxxx ul li { line-height: 40px; font-size: 16px; color: #4b4a4a; background: url(../../images/obe24/hd.jpg) no-repeat 10px 16px; padding-left: 30px; }

.mfsy { float: left; background: #f6f6f6; width: 1290px; }

.mfsy img { float: left; margin-top: 100px; }

.biaoge { float: left; width: 610px; margin-left: 45px; margin-top: 22px; }

.biaoge h3 { text-align: center; font-size: 24px; font-weight: normal; height: 40px; }

.biaoge span { text-align: center; display: block; color: #e16742; margin-bottom: 10px; }

.feedback li { margin-bottom: 15px; float: left; width: 610px; }

.feedback li b { display: block; float: left; margin-right: 10px; color: #5f5f5f; }

.feedback li.jtxx b { padding-left: 12px; }

.feedback li.jtxx span { float: left; width: 475px; display: block; }

.feedback li textarea { border: 1px solid #d7d7d7; width:100%; height:90px; }

.feedback li input { height: 30px; border: 1px solid #d7d7d7; width: 480px; }

.feedback li.tj { padding-left: 266px; }

.feedback li input.tijiao { width: 100px; background: #e06742; color: #fff; font-size: 16px; height: 40px; line-height: 40px; border: 0px; }

.tishi { margin-bottom: 20px; text-align: center; line-height:24px; color:#e16742;}

.tpian { margin-left: 0px; width: 1290px; }

.ryzz { margin-bottom: 30px; }

.ryzz h3 { font-size: 24px; color: #166bb3; display: block; background: #f7f7f7; height: 48px; line-height: 48px; padding-left: 20px; font-weight: normal; }

.ryzz h3 a {display:block; float:right; font-size:14px; font-weight:normal; margin-right:20px; color:#166bb3;}

.ryzz h3 a:hover{color: #e06742; }

.ryzz .swiper { position: relative; margin-top: 26px; }

#rongyu { padding-bottom: 40px; }

.ryzz .swiper .swiper-slide { text-align: center; }

.ryzz .swiper .swiper-slide img { display: block; width: 303px; height: 204px; }

.ryzz .swiper .swiper-slide a { font-size: 16px; line-height: 35px; color: #535353; }

.ryzz .swiper .swiper-slide a:hover { color: #598bc1; }

.ryzz .swiper-pagination-bullet { width: 10px; height: 10px; }

.ryzz .swiper .swiper-button-prev, .ryzz .swiper .swiper-button-next { margin-top: -35px; }

.ryzz .swiper .swiper-button-prev:after, .ryzz .swiper .swiper-button-next:after { font-family: swiper-icons; color: #fff; }

.ryzz .swiper .swiper-button-prev:after { content: 'prev'; }

.ryzz .swiper .swiper-button-next:after { content: 'next'; }

.rylist{ margin-left:-26px;}

.rylist li{float:left; width:300px; margin-left:26px;   background: #f8f8f8;  border: 1px solid #e5e3e3; margin-bottom: 25px; height: 266px;}

.rylist li img{ width: 300px; height: 200px; }

.rylist li span { display: block;   line-height: 29px;    padding: 0 15px;  text-align: left;}

.rylist li a { color: #363636; }

.rylist li a:hover { color: #e06742; }

.index_bt p { font-size: 16px; line-height: 30px; text-align: left; }

.tzbpage { background: none; border-bottom: 0px; }

.tzbpage dl { float: left; margin-left: -35px; margin-top: 35px; }

.tzbpage dl dd { float: left; width: 295px; height: 211px; background: #f5f5f5; margin-left: 35px; }

.tzbpage dl dd.t01 { background: url(../../images/obe24/t01.png) no-repeat center 40px #f5f5f5; }

.tzbpage dl dd.t02 { background: url(../../images/obe24/t02.png) no-repeat center 40px #f5f5f5; }

.tzbpage dl dd.t03 { background: url(../../images/obe24/t03.png) no-repeat center 40px #f5f5f5; }

.tzbpage dl dd.t04 { background: url(../../images/obe24/t04.png) no-repeat center 40px #f5f5f5; }

.tzbpage dl dd span { display: block; margin-top: 120px; font-size: 24px; color: #176bb3; font-weight: bold; }

.zhkpage { background: none; border-bottom: 0px; }

.zhkpage p { width: 800px; margin-left: 245px; text-align: center; }

.pxpt_in p{width:1073px; margin-left: 103px;}

.zhkpage dl { float: left; margin-left: -25px; margin-top: 35px; margin-bottom: 40px; }

.zhkpage dl dd { float: left; width:235px; margin-left: 25px; margin-top:20px; }

.zhkpage dl dd img { display: block; width:235px; height: 159px; }

.zhkpage dl dd a span { display: block; padding:20px 0; font-size: 16px; color: #000; }

.zhkpage dl dd a { display: block; box-sizing:border-box; }

.zhkpage dl dd a:hover { border: 3px solid #176bb3; }

.zhkpage dl dd a:hover img{ width: 229px; height: 159px; margin-left:0; }

.pxpt dl dd { float: left; width:393px; margin-left: 35px; }

.pxpt dl dd img { width: 393px; height: 211px; }

.pxpt dl dd a:hover img{ width: 387px; height: 205px; }

.tzlist { background: #f5f5f5; padding: 45px 0; }

.tzlist a { color: #505050; }

.tzlist img { float: left; width: 539px; height: 268px; }

.tzlist .tzbcon { float: left; margin-left: 30px; width: 716px; }

.tzbcon b { font-size: 20px; color: #176bb3; }

.tzbcon p { font-size: 16px; line-height: 30px; margin-top: 20px; }

.zhkccon { font-size: 16px; line-height: 30px; margin-top: 20px; }

.zhkc { margin-bottom: 30px; }

.tzbcon span { display: block; width: 146px; height: 36px; background: #176bb3; color: #fff; border-radius: 520px; text-align: center; line-height: 36px; font-size: 16px; margin-top: 30px; }

.shuang { background: #fff; }

.shuang img, .zhkc_cont_li:nth-child(even) .tzlist img { float: right; }

.shuang .tzbcon, .zhkc_cont_li:nth-child(even) .tzlist .tzbcon { margin-right: 30px; margin-left: 0px; }

.shjn { margin-bottom: 30px; }

.shjn h3, .kpxt h3 { font-size: 24px; color: #176bb3; font-weight: normal; margin-bottom: 5px; }

.shjn p, .kpxt p { color: #797979; line-height: 30px; margin-bottom: 30px; }

.tzb { line-height: 35px; }

.kpxttu_box { display: none; float: left; padding-left: 0px; margin-top: 0px; }

.kpxtbt { float: right; }

.kpxtbt dt { height: 43px; width: 281px; background: #ffffff; border: 1px solid #cacaca; color: #646464; margin-bottom: 20px; line-height: 43px; text-align: center; font-size: 16px; cursor: pointer; }

.pages { text-align: center; padding-top: 10px; padding-bottom: 10px; clear: both; font-family: "微软雅黑",; }

.pages a { padding: 5px 8px; display: inline-block; text-align: center; margin-left: 11px; color: #4a4a4a; font-size: 16px; background: #f1f1f1; }

.pages a:hover, .pages span { padding: 5px 10px; display: inline-block; text-align: center; margin-left: 11px; color: #fff; font-size: 14px; background: #176bb3; }

.zhkc_tit { margin-bottom: 50px; text-align: center; }

.zhkc_tit h2 { font-size: 32px; }

.zhkc_tab_fiexd{ width:100%; height:51px; }

.zhkc_tab { width: 100%; height: 51px; display: flex; justify-content: center; z-index: 10; margin: 0 auto; }

.zhkc_tab_ul { display: flex; position: relative; z-index: 1; overflow: hidden; background: #E7EEF5; border-radius: 43px; }

.zhkc_tab_ul.start { box-shadow: 0 0 15px 0 rgb(0 0 0 / 10%); }

.zhkc_tab_li { position: relative; z-index: 2; }

.zhkc_tab_li.act { }

.zhkc_tab_li h3 { white-space: nowrap; font-size: 16px; font-weight: normal; line-height: 1.5; color: #666666; padding: 13px 30px; cursor: pointer; border-radius: 50px; transition: all 0.36s; }

.zhkc_tab_li.act h3 { color: #fff; background: #007BFC; }

.zhkc_cont { margin-top: 65px; }

.zhkc_cont_li { background: #f5f5f5; }

.zhkc_cont_li:nth-child(even), .zhkc_cont_li:nth-child(even) .tzlist { background-color: #fff; }

.zhkc_cont_li .tzlist { clear: both; overflow: hidden; }


.lfwal{ background:#fff;}


.cpzx{ overflow:hidden; }

.cpzx_list{ float:left; box-sizing:border-box; width:25%; padding:50px 25px 0 25px; cursor:pointer; }


.cpzx_con{ position:relative; overflow:hidden; }

.cpzx_list .cpzx_con img{ z-index:5; display:block; width:100%;
-webkit-transition:all 0.4s ease;
-moz-transition:all 0.4s ease;
transition:all 0.4s ease;
}

.cpzx_list:hover .cpzx_con img{ transform:translateY(-100%); }

.cpzx_list .cpzx_con:before {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    content: "";
	visibility:hidden;
	-webkit-transition:all 0.6s ease;
	-moz-transition:all 0.6s ease;
	transition:all 0.6s ease;
	-webkit-transform:translateX(-100%);
	-moz-transform:translateX(-100%);
	transform:translateX(-100%);
	z-index:8;
	background-color:#34BCFF;	
}
.cpzx_list:hover .cpzx_con:before{
	visibility:visible;
	-webkit-transform:translateX(0%);
	-moz-transform:translateX(0%);
	transform:translateX(0%);
}

.cpzx_list .cpzx_con .cpzx_txt {
    position: absolute;
    color: #fff;
    top: 0; left:0; bottom:0; right:0;
    text-align: center;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
    z-index: 10;
	text-align:center;
}

.cpzx_list .cpzx_con:hover .cpzx_txt{
	opacity:1;
	visibility:visible;
}

.cpzx_list .cpzx_con .cpzx_txt a{ display:block; width:100%; height:100%; }

.cpzx_list .cpzx_con .cpzx_txt p{ padding: 70px 25px 0 25px; margin-bottom:30px; font-size:15px; line-height:25px; color:#fff; }

.cpzx_list .cpzx_con .cpzx_txt_btn{ display:inline-block; width: 30px; text-align: center; height: 30px; line-height: 30px; border-radius: 50%; background: #fff; color: #5D4B3E;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	transition:all 0.4s ease;
}

.cpzx_list .cpzx_con .cpzx_txt_btn:hover{ background: #5a473b; color: #fff; }

.cpzx_list .cpzx_con .cpzx_txt_btn i{ line-height:30px; }

.cpzx_tit{ margin-top:20px; color: #888; text-align:center; }

.cpzx_tit h4{ margin-bottom: 10px; font-size: 21px; font-weight: 500; color: #444; }

.zhkc_tit p{font-size:16px; line-height:30px;}

.antgcpzx{margin-bottom:0;}

.pxpt_in{padding-bottom:100px; height:330px;}

.pxptmfzc { position: absolute; top: 500px; width: 189px; left: 550px; text-align: center; display: block; border-radius: 50px;  background: #e06742; height: 40px; line-height: 40px; color: #fff; font-size: 18px; }

.pxptmfzc:hover{font-weight:bold;}

.jcsjcon{float:left; width:716px;}

.jcsjcon b {
    font-size: 20px;
    color: #176bb3;
}
.jcsjcon a   {
    font-size: 16px;
    line-height: 30px;
    margin-top: 20px;
	color:#505050;
}

.jcsjcon span { display: block; width: 146px; height: 36px; background: #176bb3; color: #fff; border-radius: 520px; text-align: center; line-height: 36px; font-size: 16px; margin-top: 30px; }


.gywm_bt a{float:right; color:#166bb3; display:block; width:50px; margin-top:10px;}

.zhkcjxsj img{float:right;}

#navbtn,#wap_banner,.erbt{display:none;}

.content img{max-width:965px;}

.wapcontent,.waperbanner{display:none;}

#tdfc .swiper-slide{ width:auto; }

.kszx{ display:none; }


.video-btn { display:block; position:relative; }

.video-btn::after, .pause-btn { display: block; content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../../images/obe24/video-btn.png) center center no-repeat; cursor: pointer; }

.video‌-bg { position: relative; width: 100%; height: 100%; background: url(../../images/obe24/scd-vedio.jpeg) center top no-repeat; background-size: cover; }

.video‌-bg::after { display: block; content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); }

.hid { height: 100%; overflow-y: hidden; }

.hid #aff-im-root{ display:none !important; }

.mask, .close-btn, .video-box { display: none; }

.mask { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 101; background: rgba(0,0,0,0.8); }

.video-box { position: fixed; left: 50%; top: 50%; z-index: 102; transform: translate(-50%, -50%); width: 80%; height:80%; background-color:#000; }

.video-box iframe{ width:100%; height:100%; }

/* 隐藏全屏按钮（WebKit内核浏览器） */
.mv-intro::-webkit-media-controls-fullscreen-button {
display: none;
}

/* 火狐浏览器 */
.mv-intro::-moz-media-controls-fullscreen-button {
display: none;
}

.pause-btn { display: none; z-index: 12; background: none; }

.pause-btn::after { display: block; content: ""; position: absolute; left: 50%; top: 50%; margin-left: -29px; margin-top: -60px; width: 58px; height: 64px; background: url(../../images/jp/video-btn.png) center center no-repeat; }

.close-btn { position:absolute; top:0; right:-58px; z-index:22; width: 50px; height: 50px; background: #000; cursor: pointer; transition: all 0.3s ease; }

.close-btn:hover { background-color: #F00; }

.close-btn::before, .close-btn::after { content: ""; position: absolute; top: 50%; left: 8%; width: 84%; height: 2px; background: #999; transition: all 0.3s ease; }

/* 绘制叉号的第一条线 */

.close-btn::before { transform: translateY(-50%) rotate(45deg); }

/* 绘制叉号的第二条线 */

.close-btn::after { transform: translateY(-50%) rotate(-45deg); }

.close-btn:hover::before, .close-btn:hover::after { background: #fff; }


.mv{ display:none; }



/*数字孪生*/

#szls .top_right .tel{ background-image: url(../../images/obe24/dh_1.png); color:#4d8beb; }

#szls .top_right .mf_bton{ background-color:#ef0000; }


.nav_szls{ height:56px; background-color:#7576e7; background: linear-gradient(-45deg, rgb(98, 122, 234), rgb(31, 137, 255), rgb(70, 238, 255)) 80% 0% / 100%; }

.nav_szls ul{ display:flex; justify-content: space-between; width:1290px; margin:0 auto; }

.nav_szls li{ flex:1; }

.nav_szls li a{ display:block; padding:0 50px; font-size:18px; color:#fff; line-height:56px; text-align:center; } 

.nav_szls li a:hover{ background-color:rgba(255,255,255,0.9); color:#6578e9; }

.nav_szls li.cur a{ background-color:#fff; color:#6578e9;}


.title_szls{ line-height: 60px; font-size: 16px; color: #656e7a; text-align:center; }

.title_szls h2{ font-size: 36px; font-family: Source Han Sans CN, Source Han Sans CN-Bold; font-weight: 700; line-height: 36px; color: #243042; }


#xmjy{ padding:100px 0px; }


.tab_xmjy ul{ display:flex; justify-content: space-between; gap:15px; height:50px; background-color:#fff; overflow:hidden; }

.tab_xmjy li{ flex:1; box-sizing:border-box; border-bottom: 1px solid #b8b8b8; font-size:16px; line-height:50px; text-align:center; cursor:pointer; }

.tab_xmjy li:hover{ border-color:#717172; color:#545eeb; }

.tab_xmjy li.cur{ border-color:#545eeb; font-weight:bold; color:#545eeb; }


.wrap_xmjy{ position:relative; margin-top:64px; height:690px; overflow:hidden; }


.box_xmjy{ display:none; position:absolute; top:0; right:0; bottom:0; left:0; z-index:0; justify-content: space-between; gap:56px; }

.box_xmjy.on{ display:flex; z-index:1; }


.xmjy_menu{ position:relative; width:214px; height:100%; }

.xmjy_menu li,.xmjy_more{ position:relative; height: 58px; padding-left:18px; margin-bottom:18px; box-sizing:border-box; border: 1px solid #cdcccf; border-radius: 4px; font-size: 16px; color: rgb(113, 113, 114); line-height:56px; cursor:pointer; }

.xmjy_menu li.active{ background-color: #f0f1ff; border: 1px solid #1b28db; color:#1b28db; }

.xmjy_menu li.active::after{ position:absolute; right:18px; top:18px; content:">"; font-size:26px; color:#03F; line-height:18px; }

.xmjy_menu li:hover{ color:#2a2a2c; }

.xmjy_more{ position:absolute; left:0; bottom:0; margin-bottom:0; padding:0 50px; width: fit-content; height:48px; background-color:#fafafa; line-height:46px; }


.xmjy_con{ display:none; flex:1; }

.xmjy_con.active{ display:block; }

.xmjy_con img{ width:100%; }

.xmjy_intro{ margin-bottom:20px; font-size:15px; color:#1a1a2d; line-height:28px; }

.xmjy_intro h3{ margin-bottom:15px; font-size:21px; line-height:21px; }

.xmjy_intro a{ color:#03C; }


.ad_szls{ padding-bottom:100px; }

.ad_szls img{ width:100%; }


.clm_szls{ padding:100px 0; }

.clm_szls:nth-child(odd){ background-color:#f6fdff;/*#f5f9ff*/ }

.clm_szls .container{ height:440px; }

.clm_szls .clm_txt{ position:absolute; top:0; width:454px; height:100%; }

.clm_szls:nth-child(odd) .clm_txt, 
.clm_szls:nth-child(even) .clm_video { left: 0; }

.clm_szls:nth-child(even) .clm_txt, 
.clm_szls:nth-child(odd) .clm_video { right: 0; text-align:right; }

.clm_szls .clm_video{ position:absolute; top:0; width:782px; height:100%; border-radius: 20px;  box-shadow: 0 0 6px #00000029; overflow:hidden; }

.clm_szls .clm_video video{ width:100%; height:100%; }

.clm_szls .clm_txt h3{ font-size:42px; line-height:54px; color:#111827; }

.clm_szls .clm_txt p{ margin-top:42px; font-size:16px; color:#4b5563; line-height:36px; }

.try_btn{ position:absolute; left:0; bottom:0; }

.try_btn,.szls_more{ padding:15px 50px; background-color:#2563eb; border-radius:9999px; font-size:16px; color:#fff; text-align:center; 
transition-duration: 300ms; 
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);}

.try_btn:hover,.szls_more:hover{ background-color:#2563eb; transform:scale(1.1); }

.clm_szls:nth-child(even) .clm_txt .try_btn{ left:inherit; right:0; }


#case_szls{ padding:110px 0; background:url(../../images/obe24/bg_case_szls.jpg) center top no-repeat; background-size:100% 100%; }


#case_slide{ position:relative; margin:50px auto 0 auto; width:1186px; height:735px; padding:0 52px; }


.case_szls_list ul{ display: flex; justify-content: space-between; flex-wrap: wrap; padding:0 10px; box-sizing:border-box; }

.case_szls_list li{ flex: 0 0 calc((100% - 100px) / 3); margin-bottom:36px; border-radius:20px; box-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 4px -4px rgb(0 0 0 / 0.1); overflow:hidden; }

.case_szls_list li a{ font-size:15px; color:#243042; }

.case_szls_list li a:hover{ color:#1d4ed8; }

.case_szls_list li .case_list_pic{ width:362px; height:218px; }

.case_szls_list li .case_list_pic img{ width:100%; height:100%; }

.case_szls_list li .case_list_txt{ padding:14px 20px; background-color:#fff; box-sizing:border-box; overflow:hidden; line-height:32px; }

.case_szls_list li .case_list_txt h3{ font-size:19px; }

.swiper-button-next, .swiper-button-prev{ margin-top:-62px; }

.swiper-pagination-bullet{ width:12px; height:12px; }

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{ margin:0 8px; }

#case_slide .swiper-button-next:after,#case_slide .swiper-button-prev:after{ font-family:swiper-icons; }

#case_slide .swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}

#case_slide .swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}


.szls_more{ display:block; margin:50px auto 0; width:fit-content; background-color:#fff; border:2px solid #2563eb; color:#2563eb; }

.szls_more:hover{ color:#fff; }


#yuyue{ padding:96px 0; background-image: linear-gradient(to right, #2563eb , #4338ca); text-align:center; color:#fff; }

#yuyue h3{font-size:48px; line-height: 1; }

#yuyue p{ margin-top:21px; font-size:18px; line-height:28px; }

#yuyue p:last-child{ display:flex; justify-content:center; margin-top:40px; }

#yuyue p:last-child a{ display:block; padding:12px 40px; margin:0 8px; background-color:#fff; border:2px solid #fff; border-radius:9999px; width:fit-content;
transition-duration: 300ms; 
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }

#yuyue p:last-child a:last-child{ background-color:rgba(255,255,255,.5); border-color:reba(255,255,255,.8); color:#fff; }

#yuyue p:last-child a:hover{ transform:scale(1.1); }


/*智慧教学*/

#nav.nav-zhjx{ min-width:1290px; }

#nav.nav-zhjx ul{ display:flex; justify-content: space-between; }

#nav.nav-zhjx li{ padding:0 18px; }

#nav.nav-zhjx li:nth-child(5) { position: static; }

.nav-menu.nav-zhcj{ height:604px; padding-bottom:0; background:url(../../images/obe24/zhcj-nav-bg.jpg) center top no-repeat; overflow:hidden; }

.nav-menu.nav-zhcj .container{ width:100%; z-index:1; }

.nav-menu.nav-zhcj .nav-views{ display:flex; justify-content: space-between; }

.nav-menu.nav-zhcj .nav-views::before{ display:block; content:""; width:462px; height:604px; background:url(../../images/obe24/zhcj-nav-bg2.jpg) center top no-repeat; transition: all .5s ease; }


.zhcj{ flex:1; padding:48px 48px 0 48px; box-sizing:border-box; }


.zhcj h2{ position:relative; height:52px; background:url(../../images/obe24/zhcj-nav-bt.jpg) no-repeat; background-size: auto 38px; border-bottom:1px solid #4fb3e3; }

.zhcj h2::before{ display:block; content:""; position:absolute; right:0; top:24px; width:245px; height:16px; background:url(../../images/obe24/zhcj-nav-btbg.jpg) no-repeat; }

.zhcj h2::after{ display:block; content:""; position:absolute; left:0; top:51px; width:87px; height:3px; background-color:#4fb3e3; }


.zhcj-menu{ position:relative; display:flex; justify-content:space-between; }

.zhcj-clm dl{ margin-top:45px; }

/*.zhcj-menu dl:nth-child(1),.zhcj-menu dl:nth-child(5){ width:176px; }
.zhcj-menu dl:nth-child(2),.zhcj-menu dl:nth-child(6){ width:263px; }
.zhcj-menu dl:nth-child(3),.zhcj-menu dl:nth-child(7){ width:160px; }
.zhcj-menu dl:nth-child(4),.zhcj-menu dl:nth-child(8){ width:281px; }

.zhcj-menu dl:last-child{ position:absolute; right:-200px; top:0; width:auto; }*/

.zhcj-clm dt{ padding-bottom:12px; }

.zhcj-clm:last-child dt{ margin-bottom:20px; }

.zhcj-clm dt a{ font-size:24px; font-weight:bold; color:#003596; line-height:30px; }

.zhcj-clm dd{ display:block; margin-bottom:10px; padding:5px 0; font-size:18px; color:#1f2020; line-height:21px; }

.zhcj-clm dd a{ font-size:18px; color:#1f2020; line-height:21px; }

.zhcj-clm a:hover{ color:#F63; }

@media (max-width: 1600px) {

}

@media (max-width: 1440px) {
	
	.zhcj-clm dd{ font-size:16px; line-height:18px; }
	
}

#zhjx_banner{ position:relative; margin-top:157px; min-width:1290px; }

#zhjx_banner .swiper-slide a{ display:block; position:relative; }

#zhjx_banner .swiper-pagination{ width:100%; }

#zhjx_banner .swiper-pagination .swiper-pagination-bullet{ margin:0 10px; }

.ban-intro{ position:absolute; top:50%; z-index:5; margin-top:-126px; width:100%; padding:0 50px; box-sizing:border-box; text-align:left; }

.ban-intro.txt-center{ text-align:center; }

.ban-intro.txt-right{ text-align:right; }

.ban-intro h3,.ban-intro p,.try{ opacity:0; transform:translateY(100%); transition: all .8s ease; }

.ban-intro h3{ font-size:54px; color:#a2e1fd; }

.ban-intro p{ font-size:21px; color:#fff; margin-top:21px; }

.try{ display:inline-block; margin-top:40px; padding:8px 30px 10px 30px; background-color:#06F; border-radius:999px; font-size:16px; color:#fff; text-align:center; }


#zhjx_banner .swiper-slide.swiper-slide-active .ban-intro h3,
#zhjx_banner .swiper-slide.swiper-slide-active .ban-intro p,
#zhjx_banner .swiper-slide.swiper-slide-active .try{ opacity:1; transform:translateY(0); }

#zhjx_banner .swiper-slide.swiper-slide-active .ban-intro h3{ transition-delay:0.3s; }
#zhjx_banner .swiper-slide.swiper-slide-active .ban-intro p{ transition-delay:0.8s; }
#zhjx_banner .swiper-slide.swiper-slide-active .try{ transition-delay:1s; }


.sub-nav-wrap {position: relative; width: 100%; min-width:1290px; height:80px; }

.sub-nav { position: relative; z-index:5; display: flex; justify-content: center; width: 100%; height: 80px; background: #fff; box-shadow: 0 2px 8px rgba(0,0,0,.1); }

.sub-nav.fixed { position: fixed; top: 157px; left: 0; }

.sub-nav-list { position: relative; display: flex; }

.sub-nav-item { height: 80px; padding: 0 28px; font-size:16px; line-height: 80px; cursor: pointer; }

.sub-nav-item.active { font-weight: 500; color: #1989fa; }

.nav-slider { position: absolute; bottom: 0; left: 0; width: 0; height: 3px; background: #1989fa; transition: all .3s ease; }


.section { padding:100px 0; }

.title_zhjx{ position:relative; margin:0 auto; text-align:center; }

.title_zhjx h3{ position:relative; margin:0 auto; padding:0 80px; width: fit-content; box-sizing:border-box; }

.title_zhjx h3::after{ display:block; content:''; position:absolute; left:0; top:15px; z-index:0; width:100%; height:3px;
 background-image: linear-gradient(to right, #3ec6d3, #3e68d5);
 /* 用 px 像素设置：左右40px显示，中间全部透明 */
    -webkit-mask: linear-gradient(to right, #3ec6d3 80px, transparent 80px, transparent calc(100% - 80px), #3e68d5 calc(100% - 80px));
    mask: linear-gradient(to right, #3ec6d3 80px, transparent 80px, transparent calc(100% - 80px), #3e68d5 calc(100% - 80px));
 }

.title_zhjx h3 span{ position:relative; z-index:1; display:block; padding:0 20px; font-size:38px; line-height:32px; }


	
.title_zhjx h3 b{
/* 1. 渐变背景（线性/径向都可以）*/
  background: linear-gradient(to right, #3ec6d3, #3e68d5);

  /* 2. 背景裁剪到文字（关键） */
  -webkit-background-clip: text; /* WebKit 内核 */
  background-clip: text;          /* 标准属性 */

  /* 3. 文字透明，透出背景渐变 */
  color: transparent;
  -webkit-text-fill-color: transparent; /* 增强兼容 */ 
}

.title_zhjx p{ font-size:16px; color:#8f9bb1; margin-top:24px; }

#zbcp{ background:url(../../images/obe24/bg-zbcp.jpg) center bottom no-repeat #090946; }

.zbcp_tab{ margin-top:80px; padding:8px; border-radius:999px; background-color:rgba(47, 79, 167,.5); }

.zbcp_tab ul{ display:flex; justify-content: space-between; }

.zbcp_tab li{ width: 20%;
    text-align: center;
    font-size: 18px;
    color: #FFFFFF;
    line-height: 44px;
    opacity: 0.6;
    border-radius: 22px;
    position: relative;
    cursor: pointer; }
		
.zbcp_tab li:hover{ opacity: 1; }
		
.zbcp_tab li.active{ background: #0069EA; opacity:1; }

.zbcp_box{ display:none; }

.zbcp_box.on{ display:block; }

.cp_intro{ margin:36px auto 0; width:853px; font-size:16px; color:#fff; line-height:32px; text-align:center; }

.cp_video{ margin:36px auto 0; width:853px; height:480px; background-color:#000; }

.cp_video video{ width:100%; height:100%; }

.cp_muk{ display:flex; justify-content: space-between; gap:50px; }

.cp_muk li{ flex:1; height:36px; margin-top:40px; background-image: linear-gradient(to top,#79a2c4, #84a5c1, #ffffff); border-radius:999px; font-size:18px; color:#0e1e6e; line-height:36px; text-align:center; }


#cpzx{ padding-top:160px; background:url(../../images/obe24/bg-cpzx.jpg) center -10px no-repeat; }

.zhjx_list{ display:flex; justify-content:left; flex-wrap: wrap; gap:50px; margin-top:50px; }

.zhjx_list li{ flex: 0 0 calc((100% - 100px) / 3); padding:10px 10px 21px 10px; background-color:#fff; box-sizing:border-box; border-radius:16px; box-shadow: 0px 2px 10px rgba(0, 0, 0, .1); overflow:hidden; transition: all .5s ease; }

.zhjx_list li:hover{ box-shadow: 0px 6px 14px rgba(0, 0, 0, .3); transform:translateY(-10px); }

.zhjx_list li .zhjx_pic{ width:377px; height:205px; border-radius:10px; overflow:hidden; }

.zhjx_list li .zhjx_pic img{ display:block; width:100%; height:100%; transition: all .5s ease; }

.zhjx_list li:hover .zhjx_pic img{ transform:scale(1.1); }

.zhjx_list li .zhjx_txt{ padding-top:18px; }

.zhjx_list li a h3{ position:relative; font-size:19px; color:#333; }

.zhjx_list li a:hover h3{ color:#2d4db4; }

.zhjx_list li a h3 span{ position:absolute; right:0; top:0; padding:3px 10px; height:18px; background-color:#dbeafe; border-radius:999px; font-size:12px; font-weight:normal; color:#2d4db4; }

.zhjx_list li a p{ padding:10px 0 5px 0; font-size:15px; color:#6d7580; line-height:21px; }

.zhjx_list li a .zhjx_list_more{ margin:0 auto; padding:0 40px; width: fit-content; height:30px; background-color:#e3e7ed; border-radius:999px; font-size:14px; line-height:30px; color:#6d7580; }

.zhjx_list li a:hover .zhjx_list_more,.jsfa_more{ background-color:#2563eb; color:#fff; }


.zhjx_ad{ }

.zhjx_ad a{ display:block; width:100%; height:100%; }


#jsgj{ padding-top:50px; padding-bottom:0; }

.jsgj_con{ margin-top:50px; width:100%; min-width:1290px; height:650px; background:url(../../images/obe24/jszhjx-jsgj.jpg) center top no-repeat; }

.jsgj_con img{ display:none; }


#jsfa{ padding-bottom:0; padding-top:50px; }

.jsfa_wrap{ position:relative; height:720px; margin-top:50px; }

.jsfa_tab{display: flex; flex-direction: column; justify-content: center; /* 垂直居中 */ position:absolute; left:50%; top:0; z-index:3; margin-left:-645px; width:300px; height:720px; background-color:rgba(0,0,0,.5); cursor:pointer; }

.jsfa_tab li{ height:68px; padding-left:68px; box-sizing:border-box; font-size:21px; line-height:68px; color:#fff; }

.jsfa_tab li.active{ background-color:#09F; }

.jsfa_box{ position:absolute; left:0; top:0; z-index:1; width:100%; height:100%; opacity:0; transition: all .8s ease;}

.jsfa_box.on{ z-index:2; opacity:1; }

.jsfa_pic{ width:100%; height:100%; background-color:#000; }

.jsfa_pic img{ display:block; width:100%; height:100%; opacity:.5; }

.jsfa_txt{ position:absolute; left:50%; top:200px; margin-left:-195px; width:840px; }

.jsfa_txt h3{ padding-left:20px; box-sizing:border-box; font-size:36px; color:#fff; line-height:36px; }

.jsfa_txt p{ margin-top:30px; padding:12px 20px; font-size:18px; color:#fff; line-height:36px; text-shadow:#000; }

.jsfa_more,.yycj_more{ display:block; margin:36px auto 0 auto; padding:12px 40px; width:fit-content; border-radius:999px; font-size:16px; }


#yycj{ padding-top:80px; padding-bottom:0; height:888px; background:url(../../images/obe24/bg_yycj.jpg) center top no-repeat; background-size: auto 100%; box-sizing:border-box; }

.yycj_wrap{ margin-top:50px; }

.yycj_wrap .tab{ margin:50px auto 0; padding:0 100px; width:1024px; }

.yycj_wrap .tab .swiper-button-prev,.yycj_wrap .tab .swiper-button-next { margin-top:0; }

.yycj_tab{ display: flex; margin:0 100px; border-bottom: 1px solid rgba(228, 229, 231, 0.3); }

.yycj_tab li{position: relative; padding-bottom: 15px; width: 25%; opacity: 0.6; cursor: pointer;
text-align: center; font-size: 18px; font-family: PingFangSC-Regular, PingFang SC; font-weight: 400; color: #FFFFFF; line-height: 28px;}
						 
.yycj_tab li.cur{ opacity: 1; }
						 
.yycj_tab li.cur::after{ position: absolute; left: 0; bottom: -1px; display: block; content: ""; width: 100%; height: 2px; background-color: #0069ea; }

.certify { position: relative; }

.tab .swiper.certify{ height:494px; }

.certify .swiper-wrapper { height:auto; padding-top:78px; }

.certify .swiper-slide { width:800px; height:406px; background-color:#000; }

.certify .swiper-slide img { display: block; width:100%; height:100%; box-shadow: 0 8px 30px rgba(0,0,0,.5); opacity:0.3;  }

.certify .swiper-slide.swiper-slide-active img{ opacity:1; }

.certify .swiper-slide p { position:absolute; left:0; top:-68px; width:100%; text-align: center; font-size:18px; color: #fff; margin: 0; opacity:0; }

.certify .swiper-slide.swiper-slide-active p{ transition: all 1s ease; opacity:1; }

.certify .swiper-pagination { width: 100%; bottom: 20px; }

.certify .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5px; border: 3px solid #fff; background-color: #d5d5d5; width: 10px; height: 10px; opacity: 1; }

.certify .swiper-pagination-bullets .swiper-pagination-bullet-active { border: 3px solid #00aadc; background-color: #fff; }

.certify .swiper-button-prev,.certify .swiper-button-next{ background-color:#FF0 }

.certify .swiper-button-prev { left: -30px; width: 45px; height: 45px; }

.certify .swiper-button-prev:hover { background-position: 0 -46px; background-size: 100% }

.certify .swiper-button-next { right: -30px; width: 45px; height: 45px; }

.certify .swiper-button-next:hover { background-position: 0 -139px; background-size: 100% }

.yycj_more{ margin-top:45px; transition: all .5s ease; }

.yycj_more:hover{ transform:scale(1.1); }


#dszc{ }

#dszc .zhjx_list li .zhjx_txt h3{ text-align:center; }

#dszc .zhjx_list li .dszc_plate{ padding-top:8px; font-size:12px; color:#6d7580; text-align:center; }

#dszc .zhjx_list li a p{ padding-bottom:16px; line-height:24px; }


#gyobr{ padding:58px 0; background-color:#202936; }

.gyobr_wrap{ position:relative; padding-left:580px; }


.gyobr_intro{ position:absolute; left:0; top:0; width:514px; }

.gyobr_intro .title_zhjx{ }

.gyobr_intro .title_zhjx h3{ margin:0; padding:0 0 24px; }

.gyobr_intro .title_zhjx h3 span{ padding:0; font-size:36px; line-height:36px; }

.gyobr_intro .title_zhjx h3::after{ top:inherit; bottom:0; width:70px; height:3px; }

.gyobr_intro p{ margin-top:30px; font-size:16px; color:#d1d5db; line-height:28px; }

.gyobr_more{ display:block; margin-top:30px; font-size:14px; color:#3e68d5; }


.gyobr_shuju{ display:flex; justify-content:left; flex-wrap: wrap; gap:16px; }

.gyobr_shuju li{ flex: 0 0 calc((100% - 32px) / 3); height:100px; background-color:#2c3443; border:1px solid #363f4d; border-radius:10px; box-sizing:border-box;
box-shadow: 0px 0px 14px rgba(0, 0, 0, .2); text-align:center; color:#d1d5db; }

.gyobr_shuju li b{ display:block; padding-left:10px; font-size:24px; margin:20px 0 6px; box-sizing:border-box;
background: linear-gradient(to right, #1cc3ff, #1410c7);
-webkit-background-clip: text;
background-clip: text;
color: transparent;
-webkit-text-fill-color: transparent; }


.gyobr_yr{ display:flex; justify-content:left; gap:16px; margin-top:32px; }

.gyobr_yr dl{ flex: 0 0 calc((100% - 16px) / 2); padding:20px 22px 15px 22px; background-color:#2c3443; border:1px solid #363f4d; border-radius:10px; box-sizing:border-box;
box-shadow: 0px 0px 14px rgba(0, 0, 0, .2); }

.gyobr_yr dt{ padding-bottom:15px; font-size:19px; font-weight:bold; color:#fff; line-height:19px; }

.gyobr_yr dd{ padding-left:30px; background:url(../../images/obe24/ico_gyobr_tr.png) left center no-repeat; font-size:15px; color:#d1d5db; line-height:30px; }


#sy{ padding:58px 0; background-color:#1e3a8a; }

#sy .container{ display:flex; justify-content:left; gap:46px; width:1200px; }

.sy_txt{ margin-top:140px; width:45%; color:#fff; }

.sy_txt h3{ font-size:28px; line-height:28px; }

.sy_txt p{ margin-top:26px; font-size: 16px; line-height: 24px; }

.sy_txt ul{ margin-top:20px; }

.sy_txt li{ position:relative; height:32px; padding-left:30px; font-size:14px; line-height:30px; }

.sy_txt li.phone{ background:url(../../images/obe24/ico_sy_phone.png) left center no-repeat; background-size:auto 16px; }

.sy_txt li.mail{ background:url(../../images/obe24/ico_sy_mail.png) left 10px no-repeat; background-size:auto 16px;}

.sy_table{ flex:1; padding:5px 22px 22px 22px; width:100%; background-color:#fff; border-radius:12px; box-sizing:border-box; }

.sy_table ul{ display:flex; justify-content:space-between; flex-wrap: wrap; }

.sy_table li{ margin-top:14px; width:100%; }

.sy_table li:nth-child(1),.sy_table li:nth-child(2),
.sy_table li:nth-child(3),.sy_table li:nth-child(4){ flex: 0 0 calc((100% - 16px) / 2);}

.sy_table li label{ display:block; margin-bottom:3px; font-weight:bold; color:#374151; line-height:24px; }

.sy_table li input,.sy_table li textarea,.sy_table li select{ width:100%; height:28px; padding-left:8px; border:1px solid #d1d5db; border-radius:5px; box-sizing:border-box; color:#374151; line-height:29px; }

.sy_table li textarea{ height:100px; resize: none; font-family: "Microsoft YaHei"; }

.sy_table li input.submit{ padding-left:0; height:50px; background-color:#2563eb; font-size:16px; color:#fff; line-height:50px; text-align:center; cursor:pointer; }

/* 标准placeholder样式 */
::placeholder { font-size: 14px; color: #787878; opacity:1; transition: all 0.3s; }

/* 浏览器前缀 */
::-webkit-input-placeholder { font-size: 14px; color: #9ca3af; transition: all 0.3s; }/* WebKit browsers */

:-moz-placeholder { font-size: 14px; color: #9ca3af; opacity: 1; }/* Mozilla Firefox 4 to 18 */

::-moz-placeholder { font-size: 14px; color: #9ca3af; opacity: 1; } /* Mozilla Firefox 19+ */

:-ms-input-placeholder { font-size: 14px; color: #9ca3af; } /* Internet Explorer 10+ */

/* 获得焦点时的样式 */
input:focus::placeholder, textarea:focus::placeholder { opacity:0; }


/*-----------------faq常见问题------------------*/

.faq-wrap{ background-color:#f5f6f8; }

.faq-container{ display:flex; padding:30px 0; }

.faq-main{ flex:1; background: #fff; border-radius: 8px; overflow:hidden; }


.faq-subnav{ display:flex; margin-bottom:30px; border-bottom: 3px solid #1a6fb5; }

.faq-subnav a{ flex: 1; padding: 16px 10px; border-right: 1px solid #eee; font-size: 15px; color: #666; text-align: center; }

.faq-subnav a:last-child{ border-right: none; }

.faq-subnav a:hover{ background: #e8f4fd; color: #1a6fb5; }

.faq-subnav a.active,.faq-subnav a.active:hover{ background: #1a6fb5; color: #fff; font-weight: 700;}



.faq-list{ padding:0 36px 30px; }

.faq-title{ padding-left: 14px; border-left: 4px solid #1a6fb5; font-size: 20px; font-weight: 700; color: #1a6fb5; }

.faq-title span{ margin-left: 10px; font-size: 13px; font-weight: 400; color: #999; }

.faq-list ul{ margin-top:18px; }

.faq-list li{ display: flex; gap: 14px; padding: 16px 0; border-bottom: 1px solid #f0f0f0; align-items: flex-start; transition: background 0.15s;}

.faq-list li:hover{ background:#f0f8ff; }


.faq-list li .date { flex-shrink: 0; width:100px; text-align: center; padding-top: 2px; }

.faq-list li .date .day { font-size: 28px; font-weight: 700; color: #1a6fb5; line-height: 1; }

.faq-list li .date .ym { font-size: 12px; color: #bbb; margin-top: 2px; }

.faq-list li .info { flex: 1; min-width: 0; }

.faq-list li .info .title { font-size: 15px; color: #333; font-weight: 500; line-height: 1.5; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; cursor: pointer; transition: color 0.2s; }

.faq-list li .info .tags { margin-top: 6px; display: flex; gap: 8px; flex-wrap: wrap; }

.faq-list li .info .tags span { display: inline-block; padding: 2px 10px; background: #e8f4fd; color: #1a6fb5; border-radius: 3px; font-size: 12px; }

.faq-list li .arrowe{ margin-top: 10px; margin-right:10px; flex-shrink: 0; color: #ccc; font-size: 18px; }

.faq-more{ display:block; margin:36px auto 0; padding:10px 36px; width: fit-content; background:#dff0ff; border-radius:8px; font-size:14px; color:#1a6fb5; transition: all 0.2s; }

.faq-more:hover{ background:#06F; color:#fff; }


.faq-sidebar{ display:flex; flex-direction: column; gap: 20px; width: 300px; margin-left:35px; }

.faq-sidebar h4{ font-size: 16px; color: #333; margin-bottom: 12px; font-weight: 600; }


.faq-search { padding:20px; background: #fff; border-radius: 8px; }

.faq-search .search-box { position:relative; padding-right:64px; padding-left:8px; margin-bottom: 24px; height:36px; border: 1px solid #ddd; border-radius: 4px; line-height:34px; overflow: hidden; }

#srh_input { border: none; box-sizing:border-box; outline: none; font-size: 14px; line-height:34px; }

#srh_btn { position:absolute; right:0; top:0; width:64px; height:36px; background: #1a6fb5; color: #fff; border: none; cursor: pointer; font-size: 14px; transition: background 0.2s; }


.faq-cats { background: #fff; border-radius: 8px; padding: 20px; }

.faq-cats li a { display: flex; justify-content: space-between; align-items: center; padding: 10px 12px; border-radius: 4px; font-size: 14px; color: #555; }

.faq-cats li a.active { background: #1a6fb5; color: #fff; }

.faq-cats li a .num { font-size: 12px; background: #f0f0f0; padding: 1px 8px; border-radius: 10px; color: #999; display:none; }

.faq-cats li a.active .num { background: rgba(255, 255, 255, 0.25); color: #fff; }


.faq-contact { background: #fff; border-radius: 8px; padding: 24px 20px; text-align: center; }

.faq-contact .contact-phone { font-size: 26px; font-weight: 700; color: #e65100; margin-bottom: 4px; }

.faq-contact .contact-phone small { display: block; font-size: 12px; color: #999; font-weight: 400; margin-bottom: 16px; }

.faq-contact .btn-online { display: block; margin-bottom:10px; padding: 12px; background: #1a6fb5; color: #fff; border-radius: 4px; font-size: 14px; font-weight: 600; }

.faq-contact .btn-online:hover { background: #155a8f; }

.faq-contact .btn-trial-sm { display: block; padding: 12px; background: #e65100; color: #fff; border-radius: 4px; font-size: 14px; font-weight: 600; }


.faq-recommend { padding: 20px; background: #fff; border-radius: 8px; }

.faq-recommend li { padding: 12px 0; border-bottom: 1px solid #f5f5f5; }

.faq-recommend ul li a { display: block; font-size: 14px; color: #555; line-height: 1.5; transition: color 0.2s; padding-left: 16px; position: relative; }

.faq-recommend ul li a:hover { color: #1a6fb5; }

.faq-recommend ul li a::before { content: ""; position: absolute; left: 0; top: 8px; width: 6px; height: 6px; background: #ddd; border-radius: 50%; }

.faq-recommend ul li a:hover::before { background: #1a6fb5; }


.article-main { padding:10px 40px 36px; }

.article-header { border-bottom: 2px solid #1a6fb5; padding-bottom: 20px; margin-bottom: 30px; }

.article-header .back-link { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; color: #999; margin-bottom: 16px; transition: color 0.2s; }

.article-header .back-link::before { content: "\2190"; font-size: 16px; }

.article-header .q-label { display: inline-block; padding: 3px 12px; background: #1a6fb5; color: #fff; border-radius: 3px; font-size: 13px; font-weight: 600; margin-bottom: 12px; }

.article-header h1 { font-size: 22px; font-weight: 700; color: #222; line-height: 1.5; margin-bottom: 10px; }

.article-header .meta { font-size: 13px; color: #999; display: flex; align-items: center; gap: 20px; }

.article-header .meta span { display: flex; align-items: center; gap: 4px; }

.article-header .meta .category-tag { padding: 2px 10px; background: #e8f4fd; color: #1a6fb5; border-radius: 3px; font-size: 12px; }


.article-answer .a-label { display: inline-flex; align-items: center; gap: 8px; font-size: 16px; font-weight: 700; color: #e65100; margin-bottom: 12px; padding-bottom: 8px; border-bottom: 1px dashed #f0d9c4; }

.article-answer .a-label::before { content: "A"; display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; background: #e65100; color: #fff; border-radius: 50%; font-size: 14px; font-weight: 700; }

.article-answer .highlight-box { background: #fff8f0; border-left: 4px solid #e65100; padding: 16px 20px; margin: 20px 0; border-radius: 0 4px 4px 0; }

.article-answer .highlight-box p { margin-bottom: 0; font-size:15px; color: #333; line-height:30px; font-weight: 500; }


.article-content{ font-size:15px; line-height:28px; }

.article-content p { margin-bottom: 16px; }

.spec-table { width: 100%; border-collapse: collapse; margin: 16px 0; }

.spec-table th { background: #f5f7fa; color: #333; font-weight: 600; width: 30%; }

.spec-table td { color: #555; }

.spec-table th, .spec-table td { border: 1px solid #e0e0e0; padding: 10px 14px; text-align: left; font-size: 14px; }

.article-content ul { padding-left: 20px; margin: 12px 0; }

.article-content li { list-style: disc; margin-bottom: 8px; color: #555; }


.article-related{ margin: 30px 0; padding: 24px; background: #f8fafd; border-radius: 8px; }

.article-related h3 { font-size: 16px; color: #1a6fb5; margin-bottom: 16px; font-weight: 600; display: flex; align-items: center; gap: 8px; }

.product-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }


.product-card { background: #fff; border: 1px solid #e8e8e8; border-radius: 6px; padding: 16px; text-align: center; transition: box-shadow 0.2s; cursor: pointer; }

.product-card:hover { box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08); }

.product-card .p-icon { width: 56px; height: 56px; background: #e8f4fd; border-radius: 12px; margin: 0 auto 12px; display: flex; align-items: center; justify-content: center; font-size: 28px; }

.ico{ width: 1em; height: 1em; vertical-align: -0.15em; fill: currentColor; overflow: hidden; }

.product-card .p-name { font-size: 14px; font-weight: 600; color: #333; margin-bottom: 6px; }

.product-card .p-desc { font-size: 12px; color: #999; line-height: 1.4; }

.article-nav { display: flex; justify-content: space-between; gap: 20px; padding: 20px 0; border-top: 1px solid #f0f0f0; margin-top: 10px; }

.article-nav a { flex: 1; display: flex; align-items: center; gap: 10px; padding: 16px 20px; background: #f8f9fb; box-sizing:border-box; border-radius: 6px; transition: background 0.2s; min-height: 72px; }

.article-nav a:hover { background: #e8f4fd; }

.article-nav a.prev { justify-content: flex-start; }

.article-nav a.next { justify-content: flex-end; text-align: right; }

.article-nav a .nav-label { font-size: 12px; color: #999; white-space: nowrap; }

.article-nav a .nav-title { font-size: 14px; color: #333; line-height: 1.4; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }

.back-list { display: inline-flex; align-items: center; gap: 8px; padding: 12px 28px; background: #1a6fb5; color: #fff; border-radius: 4px; font-size: 14px; font-weight: 600; margin-top: 20px; transition: background 0.2s; }


/*产品画册*/

.cphc-header { text-align: center; margin:0 36px 30px; padding-bottom: 24px; border-bottom: 1px solid #f0f0f0; }

.cphc-header h2 { font-size: 24px; color: #1a6fb5; margin-bottom: 10px; }

.cphc-header p { font-size: 14px; color: #888; max-width: 600px; margin: 0 auto; line-height: 1.8; }

.cphc-header .header-tags { display: flex; justify-content: center; gap: 12px; margin-top: 16px; flex-wrap: wrap; }


.catalog-filter { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin:0 36px 24px; }

.catalog-filter .filter-label { font-size: 14px; color: #888; flex-shrink: 0; }

.catalog-filter  a { display: inline-block; padding: 6px 16px; background: #f5f5f5; color:#555; font-size: 13px; border-radius: 20px; transition: all 0.2s; cursor: pointer; }

.catalog-filter .filter-btn:hover a, .catalog-filter .filter-btn.active a{ background: #1a6fb5; color: #fff; }

.cphc-list { margin:0 36px 36px; }

.cphc-list ul { display: grid; grid-template-columns: repeat(4, 1fr); gap: 22px; }

.cphc-list li { background: #fff; border: 1px solid #eaeaea; border-radius: 10px; overflow: hidden; transition: box-shadow 0.3s, transform 0.25s; position: relative; display: flex; flex-direction: column; }

.cphc-list li:hover { box-shadow: 0 8px 24px rgba(26, 111, 181, 0.13); transform: translateY(-4px); border-color: #b8d8f0; }

.cphc-list li .pic { width:204px; height:204px; background-color:#f7f7f7; }

.cphc-list li .pic img{ width:100%; height:100%; }

.cphc-list li .txt { padding: 16px 16px 18px; flex: 1; display: flex; flex-direction: column; }

.cphc-list li .txt .card-title { font-size: 14px; font-weight: 600; color: #333; line-height: 1.5; margin-bottom: 6px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }

.cphc-list li .txt .card-desc { font-size: 12px; color: #999; line-height: 1.6; flex: 1; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin-bottom: 12px; }

.cphc-list li .txt .card-footer { display: flex; gap: 6px; padding-top: 10px; border-top: 1px solid #f5f5f5; }

.cphc-list li .txt .card-footer .btn-yun { flex: 1; text-align: center; padding: 7px 4px; background: #fff3ec; color: #e65100; border-radius: 4px; font-size: 12px; font-weight: 600; transition: all 0.2s; }

.cphc-list li .txt .card-footer .btn-yun:hover { background: #e65100; color: #fff; }


/*consult*/

.consult-main { background: #fff; border-radius: 0 0 8px 8px; padding: 40px; }

.consult-main .page-title { font-size: 24px; font-weight: 700; color: #1a6fb5; text-align: center; margin-bottom: 6px; }

.consult-main .page-subtitle { text-align: center; font-size: 14px; color: #999; margin-bottom: 36px; }

.contact-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; margin-bottom: 36px; }

.contact-card { background: #f8fafd; border: 1px solid #e8eef5; border-radius: 10px; padding: 28px 30px; text-align: center; transition: box-shadow 0.2s; }

.contact-card:hover { box-shadow: 0 4px 16px rgba(26, 111, 181, 0.1); }

.contact-card .card-icon { width: 56px; height: 56px; background: #1a6fb5; border-radius: 50%; margin: 0 auto 16px; display: flex; align-items: center; justify-content: center; }

.contact-card .card-label { font-size: 14px; color: #888; margin-bottom: 8px; }

.contact-card .card-value { font-size: 26px; font-weight: 700; color: #e65100; margin-bottom: 4px; }

.contact-card .card-note { font-size: 13px; color: #aaa; }

.qq-section { display: flex; align-items: center; gap:70px; background: #f0f7fd; border: 1px solid #c5ddf0; border-radius: 10px; padding: 30px 36px; margin-bottom: 30px; }

.qq-section .qr-area { flex-shrink: 0; }

.qq-section .qr-area img { width: 160px; height: 160px; border-radius: 8px; border: 2px solid #fff; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); }

.qq-section .qr-area .qr-hint { text-align: center; font-size: 14px; color: #999; margin-top: 8px; }

.qq-section .qr-area .qr-hint strong { color: #1a6fb5; }

.qq-section .qq-info { flex: 1; }

.qq-section .qq-info h3 { font-size: 20px; color: #1a6fb5; margin-bottom: 12px; font-weight: 700; }

.qq-section .qq-info .qq-number { font-size: 28px; font-weight: 700; color: #333; margin-bottom: 10px; letter-spacing: 2px; }

.qq-section .qq-info p { font-size: 14px; color: #666; line-height: 1.8; margin-bottom: 6px; }

.qq-section .qq-info .qq-benefits { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 14px; }

.qq-section .qq-info .qq-benefits span { display: inline-block; padding: 6px 14px; background: #fff; border: 1px solid #d0e0f0; border-radius: 20px; font-size: 13px; color: #1a6fb5; }

.work-hours { background: #f4faff; border-radius: 10px; padding: 24px 30px; border: 1px solid #caddf7; }

.work-hours h4 { font-size: 16px; color: #333; margin-bottom: 14px; font-weight: 600; display: flex; align-items: center; gap: 8px; }

.work-hours .hours-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; }

.work-hours .hours-item { display: flex; align-items: flex-start; gap: 10px; font-size: 14px; color: #555; }

.work-hours .hours-item .h-icon { width: 20px; height: 20px; background: #e8f4fd; border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0; font-size: 11px; color: #1a6fb5; margin-top: 2px; }

.work-hours .hours-item .h-label { font-weight: 600; color: #333; margin-bottom: 2px; }