@charset "utf-8";/* CSS Document */

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

html { -webkit-text-size-adjust: none; -webkit-tap-highlight-color: rgba(0,0,0,0); height: 100%; }

html, body, div, p, strong, span, a, b, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, del, img, i, em, select, button, textarea, input { margin: 0; padding: 0; -webkit-text-size-adjust: none; }

body { font-family: "Microsoft YaHei"; font-size:14px; }

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; }

audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }

table { border-collapse: collapse; border-spacing: 0; }

ul, ol, dl { list-style: none; }

input[type="text"], input[type="hidden"], input[type="password"], button, textarea, select { outline: none; border: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; font-family: inherit; }

a { outline: 0; text-decoration: none; transition: all 0.3s ease; }

a, img, button, input, textarea, select { -webkit-tap-highlight-color: rgba(255,255,255,0); }

body img { border: none; }

.fl{ float:left; }

.fr{ float:right; }

.clearfix::after, .clearfix::before { content: ""; display: table; }

.clearfix::after { clear: both; }

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

.title{ text-align:center; font-size:16px; color:#333333; }

.title h3{ font-size:30px; line-height:30px; margin-bottom:12px; }

.more{ display:block; width:142px; margin:0 auto; background-color:#fff; border:1px solid #d4d6d7; border-radius:15px; font-size:14px; color:#35739e; line-height:30px; text-align:center; }

.more::after{ content:"»"; font-size:16px; margin-left:6px; }


#top{ position:fixed; top:0; z-index:11; width:100%; }

#header{ height:110px; background:url(../../images/hg/bg_header.jpg) center bottom no-repeat; }

#header .continer{ height:100%; }

.logo{ position:absolute; left:0; top:32px; }

.logo img{ height:46px; margin-bottom:-5px; }

.l-intro{ display:inline-block; padding-left:12px; margin-top:1px; margin-left:10px; border-left:1px solid #fff;  }

.l-intro h3{ margin-top:-6px; margin-bottom:10px; font-size:18px; color:#fff; line-height:28px; }

.l-intro p{ margin-top:4px; color:#a0ddf5; line-height:18px; }

.l-intro p span{ margin:0 5px; }

.tel{ position:absolute; right:0; top:16px; }

.tel dt{height:24px; margin-left: 81px; margin-right: -17px; padding-left: 32px; background: url(../../images/hg/ico-tel.png) left 0 no-repeat; background-size:auto 24px; color: #fff; line-height: 24px; }

.tel dt b{ font-size:18px; margin-right:16px; }

.tel dd{ height:40px; margin-left:50px; }

.try{ position:relative; height:40px; padding-left:114px; margin-top:10px; background-color: #e9e9e9; }

.try_btn { display:block; position:absolute; left:0; top:0; width:106px; height:40px; background-color:#035380; border:none; font-size:16px; color:#fff; line-height:40px; text-align:center; cursor:pointer; }

.try_search { position:relative; top:8px; padding-right:28px; margin-right:8px; background-color:#FF3 }

.try_srh_input { position:relative; width:100%; height: 24px; background-color:#fff; border:1px solid #e1e1e1; line-height:26px; }

.try_srh_btn{ position:absolute; right:0; top:0; display:block; width: 28px; height: 24px; background: url(../../images/hg/srh_btn.jpg) center center no-repeat #fff; border: none; cursor: pointer; }


.nav{ position:relative; height:50px; background-color:#000; }

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

.nav li{ position:relative; height:50px; }

.nav li > a{ display:block; padding:0 25px; font-size:18px; color:#fff; line-height:50px; transition:0.8s; }

.nav li > a:hover,.nav li.cur > a{ background-color:#fff; font-weight:bold; color:#226bbe; }

.nav li .nav-menu{ position:absolute; left:50%; top:50px; transform:translateX(-50%); margin-top:60px; min-width:156px; padding-top:10px; opacity:0; visibility:hidden; transition: all 0.5s ease; }

.nav li:hover .nav-menu{ margin-top:5px; opacity:1; visibility:visible; }

.nav li .nav-menu::before{ content: ''; position: absolute; top: -10px; left: 50%; transform: translateX(-50%); border:10px solid transparent; border-bottom-color: #fff; }

	
.nav li .nav-menu dl{ border-radius:10px; overflow:hidden; box-shadow: 0px 0px 16px #d1e1e9; }

.nav li .nav-menu dt{ height:40px; }

.nav li .nav-menu dt a{ display:block; padding:0 15px; background-color:#fff; font-size:15px; color:#333; text-align:center; line-height:40px; white-space: nowrap; transition:0s; }

.nav li .nav-menu dt a:hover{ background-color:#06C; color:#fff; }


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

.nav li:nth-child(2) .nav-menu,.nav li:nth-child(2):hover .nav-menu{ margin-top:0; width:1920px; }

.nav li:nth-child(2) .nav-menu{ padding:56px 0 56px 0; background-color: rgba(255, 255, 255, 0.95); }

.nav li:nth-child(2) .nav-menu::before{ display:none; }

.nav li:nth-child(2) .nav-menu dl{ display:flex; justify-content: space-between; border-radius:0; box-shadow:none; margin:0 auto; width:1290px; }

.nav li:nth-child(2) .nav-menu dt{ height:auto; box-shadow: 0px 0px 16px #d1e1e9;  }

.nav li:nth-child(2) .nav-menu dt a{ padding:0; }

.nav li:nth-child(2) .nav-menu dt a img{ display:block; }


#banner { position:relative; height: 604px; margin-top:160px; }

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

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

#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 { opacity: 1; }


.hot{ position:relative; height:52px; background-color:#e9e9e9; }

.hot-words,.search{ position:absolute; }

.hot-words{ left:50%; margin-left:-645px; top:0; line-height:52px; }

.hot-words b{ color:#424242; }

.hot-words a{ margin-right:12px; color:#747373; }

.hot-words a:hover{ color:#df0000; }

.search { right:50%; margin-right:-645px; top: 12px; width: 328px; height: 28px; padding:0 28px 0 10px; background-color: #fff; border: 1px solid #d0d0d0; }

.srh_input { width:100%; height: 26px; line-height:26px; }

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


#business{ padding:54px 0 42px 0; }

#business ul{ display:flex; gap:19.3333px; justify-content: space-between; margin:40px 0 38px 0; }

#business li{ flex:1; width:308px; }

#business li a{ color:#333333; }

.b-pic,.b-txt{ border-radius:12px; overflow:hidden; }

.b-pic{ width:308px; height:176px; }

.b-pic img{ display:block; width:100%; height:100%; }

.b-txt{ position:relative; margin-top:-22px; height:162px; padding:0 20px; background: linear-gradient(to bottom, #f6fbfe, #e2f1fb); line-height:24px; text-align:center; }

.b-txt h3{ font-size:18px; margin:25px 0 15px 0; }


#product{ height:718px; background:url(../../images/hg/bg-qsa.jpg) no-repeat; }

#product > a{ display:block;}

#product .title{ color:#fff; padding-top:65px; padding-bottom:62px; }

#product .continer{ height:456px; }

.p-title{ position:absolute; left:0; top:0; width:180px; height:100%; }

.p-title h3{ font-size:36px; color:#fff; font-weight:normal; }

.p-title h3 b{ display:block; margin-top:18px; margin-right:35px; padding-top:12px; border-top:4px solid #fff; font-size:21px; }

.p-title ul{ position:absolute; left:0; bottom:0; }

.p-title li{ font-size:18px; color:#fff; margin-top:25px; font-weight:bold; }

.p-title li span{ display:inline-block; width:100px; }


.app{ display:flex; justify-content: space-between; position:absolute; left:306px; top:0; }

.app dt{ flex:1; margin-top:200px; margin-right:50px; }


.four-cj{ display:flex; flex-wrap: wrap; gap:21px; justify-content: space-between; position:absolute; right:0; top:0; width:473px; height:100%; }

.four-cj dt{ position:absolute; left:50%; top:50%; z-index:1; margin-left:-64px; margin-top:-40px; }

.four-cj dd{ flex:0 0 calc(50% - 10.5px); width:226px; height:218px; background-color:#fff; border-radius:20px; font-size:14px; color:#333; line-height:21px; text-align:center; }

.four-cj dd h3{ margin-top:32px; margin-bottom:14px; font-size:26px; font-weight:400; line-height:30px; }

.four-cj dd h3 i{ display:block; height:50px; margin-bottom:20px; background:url(../../images/hg/ico-four.png) no-repeat; }

.four-cj dd:nth-child(2) h3 i{ background-position: center 0; }
.four-cj dd:nth-child(3) h3 i{ background-position: center -51px; }
.four-cj dd:nth-child(4) h3 i{ background-position: center -102px; }
.four-cj dd:nth-child(5) h3 i{ background-position: center -155px; }


#build{ padding-top:56px; padding-bottom:44px;  background-color:#eff7ff; }

#build ul{ display:flex; flex-wrap: wrap; gap:20px; justify-content: space-between; margin:46px 0 37px 0; }

#build li{ flex:0 0 calc((100% - 80px) / 5); background-color:#fff; }

#build li a{ display:block; padding:1px; border:1px solid #d2d2d2; box-sizing:border-box; text-align:center; color:#333; }

#build li a:hover{ border-color:#1179e3; background-color:#1179e3; color:#fff; }

#build li .d-pic img{ width:238px; height:180px; }

#build li .d-txt{ line-height:32px; }


#news{ padding-top:50px; }

#news .continer{ display:flex; gap:24px; justify-content: space-between; margin-top:50px; }

#news .n-clm{ flex:0 0 calc((100% - 48px) / 3); background-color:#fff; box-shadow: 0px 0px 16px #d1e1e9; }

#news .n-clm[data-aos]{transition-duration: .5s;}

.news-bt{ position:relative; height:68px; padding:0 16px; line-height:68px; }

.news-bt h3{ font-size:22px; font-weight:normal; color:#1179e3; }

.news-bt a{ position:absolute; right:16px; top:0; color:#494a4b; }

.news-bt a::after{ content:"»"; font-size:16px; margin-left:6px; }

.news-bt a:hover{ color:#1179e3; }

.n-pic{ height:172px; padding:0 16px; }

.n-pic img{ width:381px; height:172px;  }

.n-clm ul{ padding:0 16px; }

.n-clm li{ position:relative; height:46px; border-bottom:1px dashed #cecece; line-height:46px; }

.n-clm li:last-child{ border-bottom:none; }

.n-clm li a{ display:block; height:46px; margin-right:116px; color:#333; overflow:hidden; }

.n-clm li a:hover{ color:#1179e3; }

.n-clm li span{ position:absolute; right:0; top:0; color:#333; }


#service{ padding:56px 0; }

.s-hot{ position:relative; margin:0 auto; width:1290px; }

.s-hot .swiper { position:relative; width:1146px; height: 100%; margin-top:46px; overflow: hidden; }

.s-hot .swiper-slide a{ display:block; margin-right:10px; border-radius:10px; overflow:hidden; }

.s-hot .swiper-slide img{ display:block; width:279px; height:147px; }

#service ul{ display:flex; flex-wrap: wrap; gap:10px; margin:0 auto; margin-top:38px; width:1290px; }

#service li{ flex:0 0 calc((100% - 60px) / 7); border-radius:10px; box-shadow: 0px 0px 12px #dae1e8; overflow:hidden; } 

#service li img{ display:block; }


#footer { background: #1b5167; color: #fff; padding-bottom: 30px; }

#footer .continer{ position:relative; }

.f_lx{ height:294px; background: url(../../images/hg/bg_footer_lx.jpg) center top no-repeat; }

.f_lx .title{ padding-top:72px; color:#fff; }

.f_lx .title h3{ font-size:24px; }

.f_lx .title p{ margin-top:18px; font-size:18px; }

.f_lx ul{ margin:46px auto 0 auto; display:flex; justify-content: space-between; width:354px; }

.f_lx li{ width:110px; height:38px; }

.f_lx li a{ display:block; border:1px solid #fff; font-size:16px; font-weight:bold; color:#fff; line-height:38px; text-align:center; }

.f_lx li a:hover{ background-color:#fff; color:#164e64; }

.f_nav{ padding-top:40px; }

.f_nav dl { float: left; margin-right:58px; }

.f_nav dl dt { margin-bottom:20px; font-size:16px; line-height: 30px; }

.f_nav dl a { font-size:16px; line-height:27px; color: #8ed9e4; }

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


.footer_lxwm { float: left; font-size:14px; line-height: 30px; }

.lxwm_item{ margin-bottom:21px; }

.lxwm_item h3{ display:inline-block; font-size:16px; font-weight: normal; color: #8ed9e4; }

.lxwm_item:first-child span{ margin-left:24px; }


.wei { position:absolute; right:0; top:50px; }

.wei li { display:inline-block; width: 118px; margin-right: 10px; text-align: center; font-size:16px; color:#8ed9e4; line-height:28px; }

.wei li img{width:118px;}


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

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

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

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

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

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

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

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

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

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

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

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


.copy{ clear:both; border-top: solid 1px #347489; color: #8ed9e4; line-height:50px; }

.copy b { font-weight: normal; }

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


#sd_banner{ margin-top:160px; height:385px; background: #0290bf; background-position:center top; }


.wz{ background-color:#efefef; }

.wz .continer{ padding-left: 20px; background: url(../../images/hg/wz.png) no-repeat 0 15px; line-height: 46px; color: #666; }

.wz a{ color: #666; }

.wz a:hover{ color:#1179e3; }




.mt46{ margin-top:46px; }

.sousu{margin-top:160px;}

#menu{ float:left; width:300px; margin-bottom:56px; }

#menu ul{ padding:10px; box-sizing:border-box; border-radius:10px; background-color:#ecf4ff; margin-bottom:-15px; }

#menu li{ cursor:pointer; margin-bottom:5px; border-radius:10px; overflow:hidden; }

#menu li h3{ position:relative; height:52px; padding-left: 26px; background-color:#5488ff;  font-size:18px; font-weight: normal;color: #fff; line-height: 52px;}

#menu li h3::before{ position:absolute; top: 18px; left: 15px; display:block; content:""; width:4px; height:18px; margin-right:6px; background-color:#fff; }

#menu li h3 a{ display:block; color:#fff; transition: all .5s ease; }

#menu li h3:hover,#menu li.cur h3{ background-color:#2760e1; }

#menu li dl{ margin-bottom:15px; border-radius:0 0 10px 10px; overflow:hidden; }

#menu li dl:last-child{ margin-bottom:0; }

#menu li dt{ margin-top:1px; }

#menu li dt a{ display:block; padding:10px 20px 10px 26px; background-color:#fff; font-size:16px; color:#333; line-height:24px; }

#menu li dt a:hover,#menu li dt.on a{ background-color:#f0f6f9; border-left:4px solid #2760e1; font-weight:bold; color:#36F; transition: all 0s ease;  }


#menu ul.s-menu{ margin-top:25px; margin-bottom: 0;}

#menu ul.s-menu li{ margin-bottom:12px; }


.content{ margin-left:330px; }


.sd_bt{ position:relative; height:47px; border-bottom:1px solid #e9e9e9; }

.sd_bt h3{ font-size:20px; color:#333; line-height:47px; }

.sd_bt h3::before{ display:inline-block; position:relative; top:3px; left:0; content:""; width:5px; height:20px; margin-right:14px; background-color:#226bbe; }

.sd_bt a{ position:absolute; right:0; top:14px; color:#226bbe; }

.sd_bt a:hover{ color:#F90; }


.sd_list ul{ display:flex; flex-wrap: wrap; gap:30px; margin-top:30px; }

.sd_list li{ flex:0 0 calc((100% - 60px) / 3); background-color:#eff2f8;}

.sd_list li:hover{ background-color:#226bbe; }

.sd_list li .sd_pic img{ display:block; width:300px; height:150px; }

.sd_list li .sd_txt{ height: 62px; padding-top: 7px; text-align: center; font-size: 16px; color: #333; line-height: 24px; }

.sd_list li:hover .sd_txt{ color:#fff; }


.jsfa_hot ul{ margin:0 auto; width:1290px; }

.jsfa_hot li{ flex:0 0 calc((100% - 90px) / 4); border-radius:10px; overflow:hidden; }


.jsfa_clm{ margin:60px 0; }

.jsfa_clm .title{ line-height:28px; }

.jsfa_con{ padding:46px 0; text-align:center; }


.hui{ background-color:#f1f9fa; }

.pd46{ padding:46px 0; }


.jsfa_bis{ padding-bottom:46px; }

.jsfa_bis ul{ gap:2px; }

.jsfa_bis li{ flex:0 0 calc((100% - 10px) / 6); }

.jsfa_bis li,.jsfa_bis li:hover{ background:none; }

.jsfa_bis li .sd_pic{ position:relative; height:156px; overflow:hidden; transition: all 0.3s ease; }

.jsfa_bis li:hover .sd_pic { z-index:1; transform: scale(1.1); }

.jsfa_bis li .sd_pic .pos_cover{ position:absolute; height:100%; background-color:#F60  }

.jsfa_bis li .sd_pic .pos_cover img{ display:block; width: 100%; height:156px; object-fit: cover; }

.jsfa_bis li:hover .sd_txt{ color:#333; }


.mod{ position:relative; width:1290px; margin:46px auto; height:300px; background: url(../../images/hg/bg-pxpt.jpg) right top no-repeat #693ae2; }

.mod_menu{ position:absolute; left:0; top:0; width:300px; padding:0 30px; margin-top:50px; box-sizing:border-box; }

.mod_menu li{ height:50px; margin-bottom:24px; text-align:center; font-size:18px; color:#fff; line-height:48px; cursor:pointer;}

.mod_menu li.cur{ background-color:#fff; border-radius:10px; color:#693ae2; }

.mod_box{ display:none; position:absolute; right:0; top:0; bottom:0; left:300px; overflow:hidden; }

.mod_box dl{ display:flex; height:100%; }

.mod_box dd{ align-content: center; flex:1; text-align:center; }

.mod_box dt{ width:270px; display: grid; align-content: center; }

.mod_box dt span{ display:block; height:34px; padding-left:44px; margin:4px 0; background:url(../../images/hg/ico-pxpt.png) left center no-repeat; font-size:18px; color:#652df1; line-height:34px;}


.case_hot{ padding-bottom:46px; }

.case_hot li,.jdal_list li{ flex:0 0 calc((100% - 150px) / 4); background:none; border-radius:0; overflow:hidden; }

.case_hot li:hover{ background:none; }

.case_hot li .sd_pic{ padding:4px; border:1px solid #ededed; }

.case_hot li:hover .sd_pic{ background-color:#226bbe; border-color:#226bbe; }

.case_hot li .sd_pic img{ display:block; width:275px; height:214px; }

.case_hot li:hover .sd_txt{ color:#226bbe; }


.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_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_li{ margin-top:46px; }


.jdal_list ul{ margin:46px auto 0 auto; width:1290px; padding:60px 0 46px 0; }

.jdal_list li .sd_pic img{ width:285px; height:240px; }


.case_list ul{ width:100%; justify-content: inherit; }

.case_list .jdal_list ul{ margin-top:0; padding-top:0; }

.case_list .case_hot li,.case_list .jdal_list li{ flex:0 0 calc((100% - 104px) / 3); }


.tzzy_intro{ height:567px; background:url(../../images/hg/bg-tzzy.jpg) left top no-repeat; margin-top:56px; }

.tzzy_intro .continer{ display:flex; justify-content:right; }

.tzzy_intro .sd_txt{ flex:0 0 466px; color:#999; line-height:26px; }

.tzzy_intro .sd_txt h3{ position:relative; margin-left:56px; margin-bottom:50px; padding-bottom:12px; font-size:32px; color:#333; }

.tzzy_intro .sd_txt h3::after{ position:absolute; left:0; bottom:0; display:block; content:''; width:42px; height:3px; background-color:#09F; }

.tzzy_intro .sd_txt h3 b{ display:block; margin-top:30px; font-size:22px; color:#226bbe; }

.tzzy_intro .sd_txt p{ margin-bottom:15px; }

.tzzy_intro .sd_txt .more{ position:relative; right:0; margin-right:0; margin-top:120px; width:190px; height:45px; background-color:#09F; border-radius:0; color:#fff; line-height:42px; }


.tzzy_ys{ margin:60px 0; padding-top:30px;  background:url(../../images/hg/bg-youshi.png) center -50px no-repeat; }

.tzzy_title{ position:relative; }

.tzzy_title h3{ font-size:42px; text-align:center; line-height:40px; }

.tzzy_title h3 b{ display:block; width:254px; height:40px; margin:0 auto 20px auto; background-color:#09F; border-radius:20px; font-size:20px; color:#fff; }


.tzzy_ys ul{ display:flex; flex-wrap: wrap; justify-content:center; }

.tzzy_ys li{ flex:0 0 calc(100% / 3); width:310px; padding:0 60px; margin-top:65px; color:#666; line-height:24px; text-align:center; }

.tzzy_ys li h3{ margin-bottom:24px; font-size:18px; color:#078ffa; line-height:30px; }

.tzzy_ys li h3 b{ display:block; margin:0 auto 10px auto; width:96px; height:96px; background-color:#fff; border-radius:50%; box-shadow: 6px 10px 35px 8px #e4e4e4; }

.tzzy_ys li h3 b::after{ position:relative; left:24px; top:22px; display:block; content:''; width:48px; height:53px; background:url(../../images/hg/ico-youshi.jpg) left top no-repeat; }

.tzzy_ys li:nth-child(2) h3 b::after{ background-position:0 -53px; }
.tzzy_ys li:nth-child(3) h3 b::after{ background-position:0 -106px; }
.tzzy_ys li:nth-child(4) h3 b::after{ background-position:0 -159px; }
.tzzy_ys li:nth-child(5) h3 b::after{ background-position:0 -212px; }


.tzzy_cp{ padding:65px 0; background:url(../../images/hg/bg-product.jpg) center top no-repeat; }

.cpzl{ margin:138px auto 0 auto; width:1204px; height:254px; padding-top:27px; background:url(../../images/hg/bg-bg-product-ul.png) center -12px no-repeat; }

.tzzy_cp ul{ display:flex; }

.tzzy_cp li{ position:relative; width:172px; height:200px; background-color:#fff; text-align:center; cursor:pointer; }

.tzzy_cp li:hover{ background-color:#f5fbff; }

.tzzy_cp li::before,.tzzy_cp li::after{ position:absolute; left:0; top:50px; display:block; content:''; width:100%; height:40px; background:url(../../images/hg/ico-product-h.png) center top no-repeat; }

.tzzy_cp li:nth-child(2)::before,.tzzy_cp li:nth-child(2)::after{ background-position: center -40px; }
.tzzy_cp li:nth-child(3)::before,.tzzy_cp li:nth-child(3)::after{ background-position: center -80px; }
.tzzy_cp li:nth-child(4)::before,.tzzy_cp li:nth-child(4)::after{ background-position: center -120px; }
.tzzy_cp li:nth-child(5)::before,.tzzy_cp li:nth-child(5)::after{ background-position: center -160px; }
.tzzy_cp li:nth-child(6)::before,.tzzy_cp li:nth-child(6)::after{ background-position: center -200px; }
.tzzy_cp li:nth-child(7)::before,.tzzy_cp li:nth-child(7)::after{ background-position: center -240px; }

.tzzy_cp li::after{ z-index:1; background-image:url(../../images/hg/ico-product.png); opacity:1;}

.tzzy_cp li:hover::after{ opacity:0; }

.tzzy_cp li h3{ margin-top:112px; font-weight:normal; font-size:15px; color:#555555; line-height:26px; transition: all 0.8s ease; }

.tzzy_cp li:hover h3{ color:#008b58; }

.tzzy_cp li h3 span{ display:block; font-size:12px; }



/* 基础样式 */

.carousel { position: relative; width: 100%; height:460px; overflow: hidden; }

.slide { position: absolute; width: 100%; height: 100%; opacity: 1; transition: all 1s ease; /* 调整过渡时间以适应旋转效果 */  backface-visibility: hidden; /* 防止旋转时背面可见 */ }

.slide.active { opacity: 1; }

/* 各种切换效果的CSS定义 */

.slide.fade { opacity: 0; }

.slide.fade.active { opacity: 1; }

.slide.slideLeft { transform: translateX(100%); }

.slide.slideLeft.active { transform: translateX(0); }

.slide.slideRight { transform: translateX(-100%); }

.slide.slideRight.active { transform: translateX(0); }

.slide.slideUp { transform: translateY(100%); }

.slide.slideUp.active { transform: translateY(0); }

.slide.slideDown { transform: translateY(-100%); }

.slide.slideDown.active { transform: translateY(0); }

.slide.scale { transform: scale(0.5); opacity: 0; }

.slide.scale.active { transform: scale(1); opacity: 1; }

.slide.rotate { transform: rotate(180deg); opacity: 0; }

.slide.rotate.active { transform: rotate(0); opacity: 1; }

/* 新增：垂直旋转（绕Y轴） */

.slide.rotateY { transform: perspective(1000px) rotateY(180deg); opacity: 0; }

.slide.rotateY.active { transform: perspective(1000px) rotateY(0); opacity: 1; }

/* 新增：水平旋转（绕X轴） */

.slide.rotateX { transform: perspective(1000px) rotateX(180deg); opacity: 0; }

.slide.rotateX.active { transform: perspective(1000px) rotateX(0); opacity: 1; }

/* 新增：3D旋转（绕Z轴，类似rotate但更立体） */

.slide.rotate3D { transform: perspective(1000px) rotateZ(180deg); opacity: 0; }

.slide.rotate3D.active { transform: perspective(1000px) rotateZ(0); opacity: 1; }

.dots-container { position: absolute; bottom:30px; left: 50%; transform: translateX(-50%); display: flex; gap: 8px; }

.dot { width: 15px; height: 15px; border-radius: 50%; background: rgba(238, 238, 238, 0.5); border:1px solid #E1E1E1; cursor: pointer; transition: background 0.3s; }

.dot.active { background:#09F; }

.tzzy_clm .slide{ background-color:#fff; }

.tzzy_clm:nth-child(odd) .slide{ background-color:#f5fbff; }

.slide .continer{ display:flex; padding-top:83px; }

.slide .sd_txt{ width:40%; color:#666; line-height:24px; margin-right:90px; text-align:center; }

.slide .sd_txt h3{ display:inline-block; height:46px; padding:0 30px; background-color:#f3f3f3; font-size:26px; color:#666; line-height:46px; }

.slide .sd_txt h4{ margin-top:20px; font-size:20px; color:#3d85c6; }

.slide .sd_txt p{ margin-top:60px; height:130px; text-align:left; }

.slide .sd_txt .more{ background-color:#337ab7; border-color:#2e6da4; border-bottom-width:4px; border-radius:0; color:#fff; }

.slide .sd_pic img{ max-width:563px; }


#build.sd_build{ padding-top:0; background-color:#f1f9fa; }

.sd_build .title{ padding:46px 0 36px 0; background-color:#fff; }


.build_clm:nth-child(odd){ background-color:#f1f9fa; }

.build_clm a{ display:flex; padding:46px 0; }

.build_clm a .sd_pic{ margin-right:46px; width:451px; height:333px; }

.build_clm a .sd_pic img{ display:block; width:100%; height:100%; }

.build_clm a .sd_txt{ flex:1; position:relative; }

.build_clm a .sd_txt h3{ font-size:21px; color:#226bbe; line-height:32px; }

.b-intro{ height:84px; margin-top:12px; font-size:16px; color:#686868; line-height:28px; }

.build_clm li{ font-size:16px; font-weight:bold; color:#226bbe; line-height:28px; }

.build_clm a .sd_txt .more{ position:absolute; left:0; bottom:0; }


.build_intro{ display:flex; gap:90px; padding:90px 0; }

.build-txt{ flex:0 0 55%; font-size:16px; line-height:30px; color:#333; }

.build-txt p{ margin-bottom:30px; }

.build-txt p b{ color:#226bbe; }

.build-txt ul{ display:flex; flex-wrap: wrap; justify-content:center; }

.build-txt li{ flex:0 0 calc(100% / 3); font-size:50px; font-weight:bold; color:#226bbe; text-align:center; margin-top:40px;}

.build-txt li span{ display:block; font-size:15px; color:#333; margin-top:15px; }


.build-video video{ margin:80px 0 50px 0; }


.kpy_btn{ padding:56px 0; }

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

.kpy_btn ul li{ width:200px; height:50px; text-align:center; }

.kpy_btn ul li a{ display:block; background-color:#06C; border-radius:10px; font-size:18px; color:#fff; line-height:50px;}

.kpy_btn ul li a:hover{ background-color:#09F; }


.gjt{ text-align:center; padding-top:56px; }


.kpy_gnyy{ margin-top:56px; }

.kpy_gnyy .mod{ margin:65px auto; }

.kpy_gnyy .mod_menu{ margin-top:31px; }

.kpy_gnyy .mod_menu li{ margin-bottom:12px; }

.kpy_gnyy .mod_box dt{ width:436px; } 


.kpy_qsa{ margin-bottom:56px; }

.kpy_qsa .more,.kpy_jszy .more{ background-color:#06C; color:#fff; }

.kpy_qsa .more::after,.kpy_jszy .more::after{ display:none; }

#qsa_box {  padding:65px 0; margin:56px 0; background:url(../../images/hg/bg-qsa.png) no-repeat; }

#qsa_box .swiper-button-prev,#qsa_box .swiper-button-next{ margin-top:-40px; }

#qsa_box .swiper{ width:1160px; }

#qsa_box .swiper-slide{ }

#qsa_box .swiper-slide a{ display:block; margin:10px; color:#333; border-radius:15px; box-shadow: 0px 0px 18px #dae1e8; }

#qsa_box .sd_pic{ width:340px; height:248px; }

#qsa_box .sd_pic,#qsa_box .sd_txt{ border-radius:15px; overflow:hidden; }

#qsa_box .sd_txt{ position:relative; margin-top:-30px; width:340px; height:203px; padding:30px 20px 30px 40px; background-color:#fff; }

#qsa_box .sd_txt h3{ font-size:21px; margin-top:10px; }

#qsa_box .sd_txt ul{}

#qsa_box .sd_txt li{ position:relative; margin-top:20px; padding-left:26px; font-size:16px; line-height:28px; }

#qsa_box .sd_txt li::before{ position:absolute; left:0; top:1px; display:block; content:'✔'; font-size:20px; color:#06C; }


.kpy_jszy{ padding:56px 0; }

.kpy_jszy ul{ display:flex; flex-wrap: wrap; justify-content: space-between; padding-left:200px; padding-bottom:56px; }

.kpy_jszy li{ position:relative; width:50%; padding-left:60px; margin-top:56px; line-height:24px; color:#333; }

.kpy_jszy li::before{ position:absolute; left:0; top:3px; display:block; content:''; width:44px; height:40px; background:url(../../images/hg/ico-jszy.jpg) no-repeat; }

.kpy_jszy li:nth-child(2)::before{ background-position:0 -44px; }
.kpy_jszy li:nth-child(3)::before{ background-position:0 -87px; }
.kpy_jszy li:nth-child(4)::before{ background-position:0 -131px; }

.kpy_jszy li h3{ font-size:18px; color:#000; margin-bottom:12px; }


.kpy_jsal{ padding-top:56px; padding-bottom:1px; background-color:#f5f3fe; }

.time-container { position:relative; margin:56px auto; display: flex; width:1290px; height:450px; /*background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); border-radius: 20px; box-shadow: 0 20px 40px rgba(0,0,0,0.1); */}

.time-tab { margin:25px 0; flex:1; padding:0 60px; backdrop-filter: blur(10px); }

.time-tab li { height:25%; color: white; font-weight: 500; cursor: pointer; transition: all 0.3s ease; color:#333; line-height:24px; }

.time-tab li h3{ font-size:18px; margin-bottom:12px; }

.time-tab li.active h3{ color:#03C; }


.time-dot { position: absolute; left:58%; top:25px; bottom:25px; transform: translateX(-50%); z-index: 10; }

.time-dot::before{ position:absolute; top:12px; right:8px; bottom:0; left:8px; z-index:1; display:block; content:''; width:0; border-left: 1px dashed #8b75e8; }

.time-dot li { width: 16px; height:25%; cursor: pointer; padding-top:6px; }

.time-dot li::before{ position:relative; z-index:2; display:block; content:''; width:16px; height:16px; background:#8b75e8; border-radius: 50%; transition: all 0.3s ease; box-shadow: 0 0 0 4px rgba(139, 117, 232, 0.3);  }

.time-dot li.active::before{ transform: scale(1.4); background: #ffd700; box-shadow: 0 0 0 6px rgba(255, 215, 0, 0.4); }


.time-box { position: relative; width:58%; height:450px; overflow: hidden; }

.time-box ul { transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); margin-right:70px; }

.time-box li {flex: 1; align-content: center; text-align: center; width: 100%; height:450px; opacity: 0; transition: opacity 0.5s ease; }

.time-box li.active { opacity: 1; }


.nav-buttons { display:none; position: absolute; bottom: 20px; right: 20px; display: flex; gap: 10px; }

.nav-btn { width: 40px; height: 40px; border-radius: 50%; background: rgba(255, 255, 255, 0.2); display: flex; align-items: center; justify-content: center; color: white; cursor: pointer; transition: all 0.3s ease; }

.nav-btn:hover { background: rgba(255, 255, 255, 0.3); transform: scale(1.1); }

.nav-btn:disabled { opacity: 0.5; cursor: not-allowed; }

.nav-btn:disabled:hover { transform: scale(1); }


.kpy_fwal,.service{ margin-top:56px; }

.s-tabs { display: flex; position: relative; padding-bottom:4px; margin: 0 20% 3px 20%; margin-top:56px; }

.s-tabs::before{ position:absolute; left:0; top:45px; display:block; content:''; width:100%; height:1px; line-height:1px; background-color:#333; }

.tab-item { position: relative; z-index: 2; width:25%; line-height:45px; font-size:18px; font-weight:bold; color: #333; line-height:45px; text-align:center; transition: all 0.3s ease; cursor: pointer; }

.tab-item.active { color: #3b82f6; }

.tab-item:hover { color: #3b82f6; transform: translateY(-2px); }

.tab-underline { position: absolute; bottom: 0; z-index:2; height:4px; background: linear-gradient(90deg, #3b82f6, #06b6d4); transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); }

#s-box { position: relative; }

#s-box .slick-list{ margin:0 60px; }

#s-box .slick-arrow{ width:41px; height:51px; background:url(../../images/hg/ico-fwal.png) no-repeat; }

#s-box .slick-arrow::before{ display:none; }

#s-box .slick-prev{ left:0; background-position:0 0; }

#s-box .slick-next{ right:0; background-position:0 -53px; }

.s-slide{ margin:36px 0 56px 0; text-align:center; }

.s-slide .sd_txt{ font-size:16px; line-height:30px; }

.s-slide .sd_pic{ margin-top:36px; text-align:center; }

.s-slide .sd_pic img{ display:inline; }


.kpy_sysq{ padding:56px 0; background-color:#f5f3fe; }

.y_box{ display: flex; margin-top:56px;}

.y_box .sd_pic{ margin-right:100px; }

.y_box .sd_txt{ flex:1; }

.form li{ position:relative; padding-left:105px; padding-right:50px; height:40px; line-height:38px; margin-bottom:5px; }

.form li:last-child,.form li:nth-child(6){ height:auto; }

.form li label{ position:absolute; left:0; top:0px; width:80px; text-align:right; font-size:16px; }

.form li label span{ color:#F00; margin-right:5px; }

.form li b{ position:absolute; top:5; right:0; font-size:14px; }

.form li input,.form li textarea{ width:100%; height:38px; padding-left:12px; background-color:#fff; border:1px solid #EFEFEF; border-radius:8px; box-sizing:border-box; font-size:16px; }

.form li textarea{ height:110px; padding-top:10px; }

.form li input.submit{ display:block; margin:0 auto; width:150px; padding:0; background-color:#F60; color:#fff; }


.about_article{ margin-top:36px; margin-bottom:50px; min-height:500px; font-size:16px; color:#333; line-height:32px; }

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

.about_atc .sd_txt,.about_atc .sd_pic{ width:458px; }

.about_atc .sd_pic img{ width:100%; }


#menu ul.mb0{ margin-bottom:0; }

.about_ry{ padding-bottom:56px; }

.about_ry ul{ display:flex; flex-wrap: wrap; justify-content: space-between; margin-top:15px; }

.about_ry li{ flex:0 0 calc( (100% - 90px ) / 4); margin-top:42px; text-align:center; }

.about_ry li .sd_pic img{ width:100%; }

.about_ry li a{ display:block; font-size:16px; color:#333; line-height:32px; }


.hyc { background: #f6f6f6; height: 270px; margin-top:42px; }

.hyc img { float: left; margin-left: 85px; margin-top:95px; width:300px; }

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

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


.lxcon { clear:both; overflow:hidden; margin-top:42px; }

.lxxx { float: left; width:445px; margin-right:10px; }

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

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

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

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

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


.lxfs .sd_pic{ width:460px; margin-right:50px; }

.lxfs .sd_pic img{ width:100%; }

.lxfs { background:none; }

.lxfs .form li { height: 32px; line-height: 32px; }

.lxfs .form li:last-child,.lxfs .form li:nth-child(6){ height:auto; margin-bottom:0; }

.lxfs .form li input,.lxfs .form li textarea{ height:32px; border-color:#eaeaeb; border-radius: 5px; }

.lxfs .form li textarea { height:96px; margin-bottom:0; }


.news_list li{padding:36px 0; border-bottom:1px solid #e3e3e3; }

.news_list li a{ display:flex; }

.news_list li .sd_pic{ width:285px; margin-right:30px; }

.news_list li .sd_pic img{ width:285px; height:214px; }

.news_list li .sd_txt a{ color:#333; }

.news_list li .sd_txt a:hover { color:#C00; }

.news_list li .sd_txt h3{ height:32px; font-size:20px; color:#333; line-height:32px; overflow:hidden; }

.news_list li .sd_txt p{ margin-top:15px; font-size:16px; color:#333; line-height:26px; }

.news_list li a:hover h3,.news_list li a:hover p{ color:#C00; }

.news_list li .sd_txt .date{ margin-top:15px; color:#666; }


#menu.menu_news{ float:none; width:100%; height:64px; background-color:#f7f8f9; overflow:hidden; }

#menu.menu_news ul{ margin:0 auto; width:1290px; display:flex; }

#menu.menu_news li { margin-right:10px; margin-top:10px; }

#menu.menu_news li.cur{ margin-top:4px; line-height:48px; }

#menu.menu_news li h3{ width:auto; padding:0 30px; text-align:center; line-height: 45px; }

#menu.menu_news li h3::before{ display:none; }


.news_article .content{position: sticky; margin-left:0; margin-right:330px; }

.news_article .title{ padding:0 103px 28px 103px; margin-top:8px; border-bottom:1px solid #ccc; }

.news_article .title h1{ font-size:28px; line-height:48px; }

.news_article .title .date{ margin-top:15px; }


.article{ padding-bottom:56px; margin-top:36px; font-size:16px; line-height:36px; }


.sidebar{ position:sticky; right:0; top:210px; float:right; width:280px; }

.sidebar li{ margin-bottom:36px; background-color:#F5F8F8; }

.sidebar li h3{ position:relative; z-index:1; height:46px; padding-left:34px; background-color:#36C; font-size:18px; color:#fff; line-height:46px; }

.sidebar li h3::before{ position:absolute; left: 16px; top: 15px; display:block; content:''; width:4px; height:18px; background-color:#fff; }

.sidebar li dl{ padding:0 16px 10px 16px; margin-top:-1px; }

.sidebar li dt{ height:42px; line-height:42px; border-top:1px dotted #cdcdcd; }

.sidebar li dt a{ display:block; font-size:14px; color:#333; line-height:42px; }

.sidebar li dt a:hover{ color:#36F; }


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


.pagination{ padding-bottom:56px; margin-top:56px; text-align:center; }

.pagination li{ display:inline-block; }

.pagination li a{ padding:8px 12px; margin:0 4px; font-size:14px; color:#06C; }

.pagination li a[data-ey_fc35fdc="html"]{ background-color:#06C; color:#fff; font-weight:bold; }

.pagination li a[data-ey_fc35fdc="html"]:hover{ background-color:#099; }


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

.xgtag a { color: #616161; }

.xgtag a:hover{ color:#06C; }

.xgyd { margin-top: 20px; margin-bottom:56px; }

.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; flex-wrap: wrap; justify-content: space-between; }

.xgyd li { flex:0 0 calc( (100% - 35px ) / 2); margin-top:30px; }

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

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

.xgyd li a img { width: 200px; height: 125px; }

.xgcon{ flex:1; margin-top:-4px; }

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

.xgyd li span{ line-height:21px; max-height:88px; overflow:hidden; display:block; }