body{ font:12px/1.5 "Microsoft YaHei",arial,simsun,sans-serif; margin:0 auto; padding:0; background:#fff; overflow-x:hidden; color:#333;}

/*链接整体设置*/
a{ text-decoration:none; color:#333; transition:all .15s;}
a:hover{ color:#00a8ec;}
a:active{ color:#333;}
a{ blr:expression(this.onFocus=this.close());}
a{ blr:expression(this.onFocus=this.blur());} 
div:focus,*:focus,a:focus,input:focus,button:focus,textarea:focus,select:focus{ outline:none; hide-focus:expression(this.hideFocus=true);}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{ color:#999;}
input::-moz-placeholder,textarea::-moz-placeholder{ color:#999;}
input:-moz-placeholder,textarea:-moz-placeholder{ color:#999;}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{ color:#999;}
input[type=button],input[type=submit],input[type=file],button,select{ -webkit-appearance:none;}
.fix_box{display:none!important;}
/*公用样式*/
div,table,tr,td,img,ul,li,ol,h1,h2,h3,h4,h5,h6,p,em,i,font,span,b,dl,dt,dd,form,textarea,input,select,a{ margin:0; padding:0; font-style:normal; font-family:"Microsoft YaHei"; box-sizing:border-box;}
ul,ol{ list-style-type:none;}
h1,h2,h3,h4{font-weight:500;}
img{ border:none; -ms-interpolation-mode:bicubic; -o-object-fit:cover; object-fit:cover;}
.left{ float:left;}
.right{ float:right;}
.clear{ clear:both;}
.clear0{ clear:both; font-size:0px; height:0px; overflow:hidden;}
.hidden{display:none;}
.w{ max-width:1710px; width:89.0625%; margin:0 auto; max-height:999999px;}
.comflex{ display:flex; flex-wrap:wrap; justify-content:space-between;}
.comflex1{ display:flex; flex-wrap:wrap;}
.comflex2{ display:flex; flex-wrap:wrap; justify-content:center; align-items:center;}
.comflex3{ display:flex; flex-wrap:wrap; align-items:center;}
.comflex5{ display:flex; flex-wrap:wrap; justify-content:center;}
.comflex4{ display:-webkit-flex; -webkit-flex-flow:row-reverse wrap; display:flex; flex-flow:row-reverse wrap; justify-content:space-between;}
.pic{ position:relative; width:100%; overflow:hidden; transition:all .6s; display:block;}
.dfimg{ display:block; width:100%;}
.pic_w{ position:absolute; left:0; right:0; top:0; bottom:0;}
.pic_w a{ display:block;}
@font-face{ font-family:impact;src:url('../images/impact.ttf');}

/*header*********************************************************************/
.head{ position:relative; transition:all linear .2s; z-index:505;}
.head-fixed{ width:100%; height:100px; background:rgba(0,0,0,.45); position:fixed; top:0; left:0; right:0; transition:all linear .2s; line-height:100px;}
.head-fixed .w{ position:relative;}
.logo{ width:9.532163742690058%;}
.logo img{ width:100%; display:block;}
.nav{ width:69.3%; position:relative; padding-right:28.35%;}
.nav .plebans{ font-size:18px; position:relative; text-align:center;}
.nav .plebans a{ display:inline-block; color:#fff; transition:all .5s;}
.nav ul{ padding-right:4.85%;}
.nav li{ position:relative;}
.nav li .jd{ display:none;}
.nav_bg{ display:none;}
.nav li.cur .plebans a{ color:#fff;}
.nav li.hover .plebans a{ color:#00a8ec;}
.goutp{ display:none; position:absolute; top:100%; left:-120px; right:-20px; width:300px; border-radius:0 0 5px 5px; z-index:10; background:#fff; box-shadow:0 2px 5px rgba(0,0,0,0.1); text-align:center;}
.goutp p{ font-size:15px; line-height:2.6;}
.goutp p a{ display:block; color:#333;}
.goutp p a:hover{ color:#00a8ec; background:rgba(0,0,0,.05);}
.nav li:nth-child(4) .goutp{ left:-25px; right:-25px;}
.hrt{ position:absolute; top:0; right:0;}
.telephone_icon{ font-size:30px; font-family:"impact"; color:#fff; margin-right:20px;}
.telephone_icon:hover{ color:#fff;}
.search{ position:relative; margin-right:20px;}
.search_ico{ background:url(../images/search.png) center center no-repeat; background-size:28px 28px; width:34px; height:34px; display:block; border-radius:50%;}
.search_form{ position:absolute; right:3px; top:50%; margin-top:-20px; z-index:3;}
.search_form input[type="submit"]{ font-size:0}
.s_intxt{ width:182px; border:none; margin-right:-10px; border-radius:1000px; height:40px; padding:0 15px; line-height:40px; background:#00a8ec; font-size:18px; color:#fff;}
.search_form input::-webkit-input-placeholder{ color:#fff;}
.search_form input::-moz-placeholder{ color:#fff;}
.search_form input:-moz-placeholder{ color:#fff;}
.search_form input:-ms-input-placeholder{ color:#fff;}
.s_inbut{ height:28px; width:28px; border:none; cursor:pointer; background:url(../images/search.png) center center no-repeat; background-size:100%; position:absolute; top:50%; margin-top:-14px; right:0;}
.network{ border:1px solid #fff; padding:0 18px; border-radius:1000px; font-size:18px; line-height:38px;}
.network a{ color:#fff; margin-left:12px;}
.network img{ height:25px;}
.network a:hover{ color:#00a8ec;}

.sanh{ width:50px; padding:10px; position:absolute; right:-10px; top:50%; margin-top:-37.5px; display:none;}
.sanh>div{ height:5px; margin:10px 0px; width:100%; transition:transform 0.5s,opacity 0.5s;}
.sanh>div{ background-color:#fff;}
.tesd>div{ background-color:#fff!important;}
.tesd>div:nth-child(1){ transform:translate3d(0px,15px,0px) rotate(45deg);}
.tesd>div:nth-child(2){ opacity:0;}
.tesd>div:nth-child(3){ transform:translate3d(0px,-15px,0px) rotate(-45deg);}

.myhome{ width:100%; height:100%;}
.home_c{ display:flex; flex-wrap:wrap; align-items:center; width:100%; height:100%; padding-top:100px;}
.home_c:last-child{ height:auto;}
.myhome .home_pag{ right:2.2%; z-index:5;}
.myhome .home_pag span{ border:1px solid rgba(255,255,255,0); width:20px; height:20px; opacity:1; margin:20px 0!important; background:none; position:relative;}
.myhome .home_pag span:last-child{ display:none;}
.myhome .home_pag span:after{ content:""; background:#fff; border-radius:50%; display:block; position:absolute; left:50%; top:50%; font-size:0; overflow:hidden; width:12px; height:12px; transform:translate(-50%,-50%); box-shadow:0 0 4px 0 rgba(0,0,0,.3);}
.myhome .home_pag span.swiper-pagination-bullet-active{ border-color:#fff;}

.sm_xj{ transform:translateX(60px); opacity:0; transition:all .5s;}
.swiper-slide-active .sm_xj{ transition:all 1s ease .5s; transform:translateY(0); opacity:1;}
.sm_xj0{ transform:translateX(-60px); opacity:0; transition:all .5s;}
.swiper-slide-active .sm_xj0{ transition:all 1s ease .5s; transform:translateY(0); opacity:1;}
.sm_xj1{ transform:translateY(60px); opacity:0; transition:all .5s;}
.swiper-slide-active .sm_xj1{ transition:all 1s ease .5s; transform:translateY(0); opacity:1;}
.swiper-slide-active .sm_xj1_2{ transition:all 1.5s ease .5s;}
.swiper-slide-active .sm_xj1_3{ transition:all 2s ease .5s;}
.swiper-slide-active .sm_xj1_4{ transition:all 2.5s ease .5s;}
.sm_xj2{ transform:translateY(-60px); opacity:0; transition:all .5s;}
.swiper-slide-active .sm_xj2{ transition:all 1s ease .5s; transform:translateY(0); opacity:1;}

.bannerc{ padding:0!important;}
.banner{ width:100%; height:100%; z-index:6!important; overflow:hidden;}
.banner .swiper-slide{ pointer-events:auto;}
.banner .swiper-slide img{ width:100%; height:100%;}
.banner .swiper-pagination{ bottom:6%;}
.banner .swiper-pagination-bullet{ width:25px; height:10px; background:#fff; opacity:1; margin:0 10px!important; border-radius:1000px; transition:all 0.6s;}
.banner .swiper-pagination-bullet-active{ width:54px; background:#00a8ec;}

.titc{ font-size:48px; font-weight:bold; width:100%; line-height:1; color:#fff; text-align:center;}
.titc em{ color:#fff; padding-left:35px;}

.bg1{ background:url(/uploads/image/20250516/1747384314123714.jpg) center top no-repeat; background-size:cover;}
.con1{ width:100%; padding:0 2.923976608187135%; margin-top:40px;}
.con1_list{ width:102.360248447204969%; text-align:center;}
.con1_list li{ width:22.63975155279503%; margin:2.360248447204969% 2.360248447204969% 0 0; background:#fff; transition:all 0.6s;}
.con1_list li a{ display:block; padding:12px;}
.con1_list li .pic_w img{ width:100%; height:100%; object-fit:contain;}
.con1_list li p{ font-size:18px; color:#333; line-height:3.555555555555556; transition:all 0.6s;}
.con1_list li .links{ position:absolute; left:0; right:0; top:0; bottom:0; z-index:2; background:url(../images/links.png) rgba(0,0,0,.5) center center no-repeat; background-size:11.42857142857143%; transition:all 0.6s; opacity:0;}
.con1_list li.hover{ background:rgba(0,168,236,1);}
.con1_list li.hover p{ color:#fff;}
.con1_list li.hover .links{ opacity:1;}

.bg2{ background:url(../images/bg2.jpg) center top no-repeat; background-size:cover;}
.con2{ width:100%; margin-top:15px;}
.con2_list{ width:104.327485380116959%;}
.con2_list li{ text-align:center; background:#156c90; margin:4.327485380116959% 4.327485380116959% 0 0; width:20.67251461988304%; position:relative;}
.con2_list li:before,.con2_list li:after{ background:#00a8ec; content:""; height:100%; position:absolute; transition:all .3s linear; top:0; width:0; z-index:-1;}
.con2_list li:before{ left:0;}
.con2_list li:after{ right:0;}
.con2_list li *{ color:#fff;}
.con2_list li a{ display:block; padding:18% 10.5%;}
.con2_list li img{ display:block; margin:0 auto; height:49px;}
.con2_list li em{ display:block; font-size:30px; margin-top:24px;}
.con2_list li p{ font-size:16px; line-height:2.1875; margin-top:25px;}
.con2_list li.hover:before,.con2_list li.hover:after{ width:50%;}

.bg3{ background:url(../images/bg3.jpg) center top no-repeat; background-size:cover;}
.con3{ position:relative; margin-top:130px; -webkit-box-reflect:below 0 -webkit-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,0) 95%,rgba(255,255,255,.2) 100%);}
.con3_list li .dfimg{ position:relative; z-index:4;}
.con3_list li .pic_w{ left:4.15%; right:4.15%; top:3.845%; bottom:3.845%;}
.con3_list li .pic_w img{ width:100%; height:100%; object-fit:contain;}

.bg4{ background:url(../images/bg4.jpg) center top no-repeat; background-size:cover;}
.bg4 .titc{ font-size:40px;}
.con4{ width:100%; padding:0 14.61988304093567%;}
.con4 .txt{ text-align:center; color:#fff; font-size:24px; line-height:2; margin:55px 0 0 0;}
.more4{ text-align:center; margin-top:60px;}
.more4 a{ color:#fff; background:#d50a1d; padding:0 18px; font-size:14px; line-height:2.571428571428571; display:inline-block; border-radius:1000px; transition:all 0.6s;}
.more4 a:hover{ background:#00a8ec;}
.con4c{ margin-top:80px; padding:0 5.785123966942149%; position:relative;}
.con4c ul li .pic{ background:#fff;}
.con4c ul li .pic_w{ left:8.5%; right:8.5%; top:8.5%; bottom:8.5%;}
.con4c ul li .pic_w img{ width:100%; height:100%; object-fit:contain;}
.con4c .swiper-button-prev:after,.con4c .swiper-button-next:after{ color:#fff; font-size:30px;}
.con4c .swiper-button-prev{ left:0;}
.con4c .swiper-button-next{ right:0;}

.bg5{ background:url(../images/bg5.jpg) center top no-repeat; background-size:cover;}
.con5{ width:100%;}
.con5_tab{ width:100%; margin:3.7% 0 0 0;}
.con5_tab ul li{ background:none; border-radius:1000px; border:1px solid #fff; width:auto; font-size:18px; color:#fff; padding:0 40px; line-height:2.111111111111111; cursor:pointer;}
.con5_tab ul li:last-child{ margin-right:0!important;}
.con5_tab ul li.swiper-slide-thumb-active{ border-color:#00a8ec; background:#00a8ec;}
.con5{ margin-top:90px; padding:0 4.093567251461988%;}
.con5_list li{ cursor:pointer;}
.con5_list li a{ display:block;}
.con5_list li *{ color:#fff;}
.con5_list li .pic_w img{ width:100%; height:100%; object-fit:contain;}
.con5_list li .txt{ line-height:2; padding:25px 0 0 0;}
.con5_list li .txt h3{ font-size:18px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; -webkit-text-size-adjust:100%; transition:all 0.6s;}
.con5_list li .txt p{ font-size:15px; line-height:1.6875; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; -webkit-text-size-adjust:100%; margin-top:14px;}
.con5_list li .txt .time{ font-size:13px; position:relative; width:100%; border-top:1px solid #fff; margin-top:40px; padding-top:20px;}
.con5_list li .txt .time:before{ background:#969696; content:""; height:2px; font-size:0; overflow:hidden; position:absolute; transition:all .5s linear; top:-2px; width:16.95%;}
.con5_list li .txt .time em{ position:relative; padding-right:18px;}
.con5_list li .txt .time em:after{ content:""; display:inline-block; position:absolute; top:50%; right:0; margin-top:-4px; width:0; height:0; font-size:0; overflow:hidden; border-top: 4px solid transparent; border-left:4px solid #fff; border-bottom:4px solid transparent; transition:all 0.6s;}
.con5_list li.hover .txt h3{ color:#00a8ec; font-weight:bold;}
.con5_list li.hover .time:before{ width:100%; background:#00a8ec;}

.footer{ background:url(../images/fbg.jpg) center top no-repeat; background-size:cover; padding:0!important;}
.f_infor{ padding:45px 0; width:101.754385964912281%;}
.f_infor li{ font-size:18px; color:#fff; background:rgba(0,168,236,.2); border-radius:18px; margin:1.754385964912281% 1.754385964912281% 0 0; width:31.57894736842105%; padding:1.754385964912281%; transition:all .5s linear;}
.f_infor li .f_ico{ width:15.91836734693878%; border-radius:50%; background:#fff; margin-right:5.102040816326531%;}
.f_infor li .txt{ width:78.97959183673469%;}
.f_infor li .txt em{ display:block; font-weight:bold; margin-bottom:4px;}
.f_infor li.hover{ background:rgba(0,168,236,.25);}
.foot1{ width:100%; padding:50px 0 100px 0;}
.f_lf{ width:12.57309941520468%; padding-top:4px;}
.f_logo{ width:93.02325581395349%;}
.mes_but{ border:1px solid #fff; border-radius:1000px; color:#fff; font-size:18px; line-height:3; margin-top:45px;}
.mes_but img{ height:24px; margin-left:15%;}
.f_rt{ width:76.60818713450292%;}
.f_rt li span{ display:block; font-size:18px; font-weight:bold; color:#dbdbdb;}
.f_rt li span a{ color:#dbdbdb;}
.f_rt li .txt{ font-size:16px; line-height:2.125; margin-top:25px;}
.f_rt li .txt *{ color:#8e8e8e;}
.f_rt li a:hover{ color:rgba(255,255,255,.8);}
.f_rt li.ewm{ width:21.75572519083969%;}
.f_rt li.ewm dl{ width:100%; text-align:center; margin-top:32px;}
.f_rt li.ewm dl dd{ width:45.6140350877193%;}
.f_rt li.ewm dl img{ display:block; width:100%; border-radius:10px;}
.f_rt li.ewm dl p{ font-size:18px; color:#8e8e8e; margin-top:15px;}
.foot{ border-top:1px solid #808080; line-height:1.571428571428571; padding:15px 0;}
.foot *{ color:#4f4f4f; font-size:14px;}
.foot a{ margin-right:8px;}
.foot a:last-child{ margin-right:0;}

.com li .pic_w img{ display:block; transition:all 0.6s; max-height:100%; max-width:100%;}
.com li.hover .pic_w img{ transform:scale(1.05);}