<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="utf-8" />
<meta content="webkit" name="renderer" />
<meta content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no" name="viewport" />
<meta content="ie=edge" http-equiv="X-UA-Compatible" />
<meta content="telephone=no" name="format-detection" />
<title>鍜稿畞甯備笁涓版満姊拌偂浠芥湁闄愬叕鍙�-鍜稿畞甯備笁涓版満姊拌偂浠芥湁闄愬叕鍙�</title>
<meta content="鍜稿畞甯備笁涓版満姊拌偂浠芥湁闄愬叕鍙�" name="keywords">
<meta content="鍜稿畞甯備笁涓版満姊拌偂浠芥湁闄愬叕鍙�" name="description">
<link href="/template/sfjx/css/swiper.min.css" rel="stylesheet" type="text/css">
<link href="/template/sfjx/css/jquery.galpop.css" rel="stylesheet" type="text/css">
<link href="/template/sfjx/css/public.css" rel="stylesheet" type="text/css">
<link href="/template/sfjx/css/header.css" rel="stylesheet" type="text/css">
<link href="/template/sfjx/css/footer.css" rel="stylesheet" type="text/css">
<link href="/template/sfjx/css/list.css" rel="stylesheet" type="text/css">
<link href="/template/sfjx/css/style.css" rel="stylesheet" type="text/css">
</head>
</html>
<body class="Index box-sizing-border">
<!--澶撮儴begin-->
<div class="header-box">
<header id="header">
<div class="wrap-1600" flex="aic jb">
<!-- logo start -->
<a class="logo-box" flex="aic" href="/">
<div class="imgs">
<img alt="logo" class="logo i" src="/template/sfjx/images/logo.png" title="涓変赴鏈烘" width="192" />
<img alt="logo" class="logo i-h" src="/template/sfjx/images/logo-h.png" title="涓変赴鏈烘" width="192" />
</div>
</a>
<!-- logo end -->
<!-- 鑿滃崟 start -->
<div class="menu-block">
<div class="wrap-div wrap-1600">
<nav class="menu" flex="wrap aic jc">
<div class="menu-son">
<a class="menu-title" flex="jc aic" href="/">
<div class="menu-title-word">
棣栭〉
</div>
</a>
</div>
<div class="menu-son ">
<a class="menu-title" flex="jc aic" href="/page_12/">
<div class="menu-title-word">鍏充簬鎴戜滑</div>
<span class="pc-hide sub-icon">
</span>
</a>
<div class="sub-block type-a">
<div class="flex-box">
<div class="a-list">
<div class="a-li">
<a class="a" href="/page_12/">浼佷笟浠嬬粛</a>
</div>
<div class="a-li">
<a class="a" href="/list_13/">鑽ｈ獕璧勮川</a>
</div>
</div>
</div>
</div>
</div>
<div class="menu-son ">
<a class="menu-title" flex="jc aic" href="/news/">
<div class="menu-title-word">鏂伴椈璧勮</div>
<span class="pc-hide sub-icon">
</span>
</a>
<div class="sub-block type-a">
<div class="flex-box">
<div class="a-list">
<div class="a-li">
<a class="a" href="/company/">鍏徃鍔ㄦ€�</a>
</div>
<div class="a-li">
<a class="a" href="/industry/">琛屼笟鍔ㄦ€�</a>
</div>
</div>
</div>
</div>
</div>
<div class="menu-son ">
<a class="menu-title" flex="jc aic" href="/product/">
<div class="menu-title-word">浜у搧涓績</div>
<span class="pc-hide sub-icon">
</span>
</a>
<div class="sub-block type-a">
<div class="flex-box">
<div class="a-list">
<div class="a-li">
<a class="a" href="/pro1/">F绯诲垪鍑忛€熸満</a>
</div>
<div class="a-li">
<a class="a" href="/pro2/">K绯诲垪鍑忛€熸満</a>
</div>
<div class="a-li">
<a class="a" href="/pro3/">QSC绯诲垪涓夊悎涓€鍑忛€熸満</a>
</div>
<div class="a-li">
<a class="a" href="/list_15/">QS绯诲垪涓夊悎涓€鍑忛€熸満</a>
</div>
<div class="a-li">
<a class="a" href="/list_16/">R绯诲垪鏂滈娇杞噺閫熸満</a>
</div>
<div class="a-li">
<a class="a" href="/list_17/">鎽嗙嚎鍑忛€熸満</a>
</div>
<div class="a-li">
<a class="a" href="/list_18/">鎷夌煫鏈虹敤涓撶敤鍑忛€熸満</a>
</div>
</div>
</div>
</div>
</div>
<div class="menu-son ">
<a class="menu-title" flex="jc aic" href="/case/">
<div class="menu-title-word">妗堜緥灞曠ず</div>
<span class="pc-hide sub-icon">
</span>
</a>
<div class="sub-block type-a">
<div class="flex-box">
<div class="a-list">
</div>
</div>
</div>
</div>
<div class="menu-son ">
<a class="menu-title" flex="jc aic" href="/contact/">
<div class="menu-title-word">鑱旂郴鎴戜滑</div>
<span class="pc-hide sub-icon">
</span>
</a>
<div class="sub-block type-a">
<div class="flex-box">
<div class="a-list">
</div>
</div>
</div>
</div>
</nav>
</div>
</div>
<!-- 鑿滃崟 end -->
<div class="right-box" flex="aic">
<!-- 鎼滅储 start -->
</div>
<!-- 绉诲姩绔彍鍗� start -->
<a class="phone-menu pc-hide phone-show" href="javascript:;">
<i class="phone-menu-i i1">
</i>
<i class="phone-menu-i i2">
</i>
<i class="phone-menu-i i3">
</i>
</a>
<!-- 绉诲姩绔彍鍗� end -->
</div>
</header>
</div>
<!--澶撮儴end-->
<div class="swiper-fullpage-box">
<div class="swiper swiper-fullpage-swiper">
<div class="swiper-wrapper swiper-fullpage-wrapper">
<!--banner-->
<div class="swiper-slide swiper-fullpage-slide">
<div class="swiper-fullpage-content">
<!-- 棣栭〉banner start -->
<div class="index-banner">
<div class="swiper">
<div class="swiper-wrapper">
<div class="swiper-slide">
<a class="box" href="javascript:(0);">
<img alt="Image" class="pc" data-swiper-parallax="50%"
src="/template/sfjx/images/banner1.jpg" width="1920" />
<img alt="Image" class="phone" data-swiper-parallax="50%"
src="/template/sfjx/images/phonebanner1.jpg" width="1920" />
<div class="content-box" flex="jc aic">
<div class="wrap-1600">
</div>
</div>
</a>
</div>
<div class="swiper-slide">
<a class="box" href="javascript:(0);">
<img alt="Image" class="pc" data-swiper-parallax="50%"
src="/template/sfjx/images/banner2.jpg" width="1920" />
<img alt="Image" class="phone" data-swiper-parallax="50%"
src="/template/sfjx/images/phonebanner2.jpg" width="1920" />
<div class="content-box" flex="jc aic">
<div class="wrap-1600">
</div>
</div>
</a>
</div>
</div>
</div>
<div class="swiper-other">
<div class="wrap-1600" flex="jc aic">
<div class="swiper-points-num swiper-points" flex="aic jc">
</div>
</div>
</div>
</div>
<!-- 棣栭〉banner end -->
</div>
</div>
<!--about-->
<div class="swiper-slide swiper-fullpage-slide">
<div class="swiper-fullpage-content">
<!-- 浼佷笟浠嬬粛 start -->
<div class="index-about t-center" flex="aic">
<div class="wrap-1600">
<div ani-delay=".3s" ani-dir="top" class="auto-title-block fullpage-ani">
<h3 class="h3 auto-title-en">
ABOUT US
</h3>
<h1 class="h1 auto-title-h2">
浼佷笟浠嬬粛
</h1>
</div>
<div ani-delay=".4s" ani-dir="top" class="cont fullpage-ani">
婀栧寳涓変赴鏈烘鑲′唤鏈夐檺鍏徃鍦板浜庢箹鍖楃渷鍜稿畞甯傦紝鏄竴瀹堕泦鍑忛€熸満鐨勭爺鍙戙€佺敓浜с€佸埗閫犮€侀攢鍞簬涓€浣撶殑涓撲笟鎬т紒涓氥€備笓涓氱殑鏈嶅姟闃熶紞銆佸畬鍠勭殑鏈嶅姟浣撶郴锛屽彲涓烘偍鎻愪緵瓒呭€肩殑浼犲姩鏈嶅姟銆傚叕鍙歌嚜鎴愮珛浠ユ潵涓€鐩磋嚧鍔涗簬鍑忛€熸満鐨勭敓浜у埗閫犳妧鏈按骞崇殑鎻愰珮锛屼互涓哄鎴疯В鍐充紶鍔ㄦ妧鏈殑闅鹃銆佹彁渚涘悎鐞嗕紶鍔ㄦ妧鏈柟妗堜綔涓鸿拷姹傘€傚叕鍙告嫢鏈変竴鏀己澶х殑鎶€鏈槦浼嶏紝涓撲笟鐨勬満姊颁紶鍔ㄨ璁″笀锛屽厛杩涚殑浼犲姩鎶€鏈璁″拰鏈烘璁捐杞欢锛岀‘淇濅簡浜у搧鎶€鏈弬鏁扮殑鍑嗙‘鎬с€佸彲闈犳€с€傝绠楁満绠＄悊鎶€鏈湪绉戠爺銆佽璁°€佺粡钀ョ鐞嗙瓑鏂归潰寰楀埌浜嗗箍娉涚殑搴旂敤銆�
</div>
<div ani-delay=".5s" ani-dir="top" class="more-box-a fullpage-ani" flex="jc">
<a class="more-box" flex="jc aic" href="/page_12/">
<span class="self-svg more-box-a-jt" data-icon="arrowRightMiddle">
</span>
<span class="more-word">
鎺㈢储鏇村
</span>
</a>
</div>
<div ani-delay=".6s" ani-dir="top" class="i-num-list fullpage-ani" flex="wrap jc aic">
<div class="i-num-li">
<img alt="Image" src="/template/sfjx/images/list_1_1.png" width="35">
<div class="num-box">
2000
</div>
<div class="mini-word">
<div class="dw">
骞�
</div>
<div class="des">
鍏徃鎴愮珛
</div>
</div>
</img>
</div>
<div class="i-num-li">
<i class="line">
</i>
</div>
<div class="i-num-li">
<img alt="Image" src="/template/sfjx/images/list_1_2.png" width="35">
<div class="num-box">
10
</div>
<div class="mini-word">
<div class="dw">
涓�
</div>
<div class="des">
鍛樺伐
</div>
</div>
</img>
</div>
<div class="i-num-li">
<i class="line">
</i>
</div>
<div class="i-num-li">
<img alt="Image" src="/template/sfjx/images/list_1_3.png" width="35">
<div class="num-box">
300
</div>
<div class="mini-word">
<div class="dw">
銕�
</div>
<div class="des">
鍘傛埧闈㈢Н
</div>
</div>
</img>
</div>
</div>
</div>
</div>
<!-- 浼佷笟浠嬬粛 end -->
</div>
</div>
<!--浜у搧灞曠ず-->
<div class="swiper-slide swiper-fullpage-slide">
<div class="swiper-fullpage-content">
<!-- 鍒叿鍖犲績 start -->
<div class="index-product" flex="aic">
<div class="wrap-1600">
<!-- 浜у搧 start -->
<div ani-delay=".3s" ani-dir="top" class="auto-title-block fullpage-ani">
<h3 class="h3 auto-title-en" style="color: #fff">
PRODUCT CENTER
</h3>
<h1 class="h1 auto-title-h2" style="color: #fff">
浜у搧涓績
</h1>
</div>
<div class="list2" flex="wrap">
<div class="list2-li lw-w-6" flex="wrap">
<a class="list2-box imgh" flex="wrap ais jb" href="/list_17/35.html">
<div class="img-con">
<img alt="Image" src="/static/upload/image/20231121/1700530035697369.jpg">
</div>
<div class="cont">
<span class="type">
</span>
<div class="title">
鎽嗙嚎鍑忛€熸満
</div>
<span class="more">
绔嬪嵆鏌ョ湅
</span>
</div>
</a>
</div>
<div class="list2-li lw-w-6" flex="wrap">
<a class="list2-box imgh" flex="wrap ais jb" href="/list_15/31.html">
<div class="img-con">
<img alt="Image" src="/static/upload/image/20231121/1700529745887138.jpg">
</div>
<div class="cont">
<span class="type">
</span>
<div class="title">
QS绯诲垪涓夊悎涓€鍑忛€熸満
</div>
<span class="more">
绔嬪嵆鏌ョ湅
</span>
</div>
</a>
</div>
<div class="list2-li lw-w-6" flex="wrap">
<a class="list2-box imgh" flex="wrap ais jb" href="/pro2/25.html">
<div class="img-con">
<img alt="Image" src="/static/upload/image/20231121/1700529530632731.jpg">
</div>
<div class="cont">
<span class="type">
</span>
<div class="title">
K绯诲垪鍑忛€熸満
</div>
<span class="more">
绔嬪嵆鏌ョ湅
</span>
</div>
</a>
</div>
<div class="list2-li lw-w-6" flex="wrap">
<a class="list2-box imgh" flex="wrap ais jb" href="/pro1/19.html">
<div class="img-con">
<img alt="Image" src="/static/upload/image/20231120/1700480442608120.jpg">
</div>
<div class="cont">
<span class="type">
</span>
<div class="title">
F绯诲垪鍑忛€熸満
</div>
<span class="more">
绔嬪嵆鏌ョ湅
</span>
</div>
</a>
</div>
</div>
<div class="more-box-a type-a" flex="">
<a class="more-box" flex="aic jc" href="/product/ ">
<span class="more-word">
浜嗚В鏇村
</span>
</a>
</div>
<!-- 浜у搧 end -->
</div>
</div>
<!-- 鍒叿鍖犲績 end -->
</div>
</div>
<!--浼樺娍-->
<div class="swiper-slide swiper-fullpage-slide">
<div class="swiper-fullpage-content">
<!-- 鍒叿鍖犲績 start -->
<div class="index-ingenuity" flex="aic">
<div class="wrap-1600">
<div class="flex-box" flex="wrap ais jb">
<div class="left-cont">
<div ani-delay=".3s" ani-dir="top" class="auto-title-block fullpage-ani">
<h3 class="h3 auto-title-en">
<span>
advantage
</span>
</h3>
<h2 class="h2 auto-title-h2">
鎴戜滑鐨勪紭鍔�
</h2>
</div>
<div ani-delay=".3s" ani-dir="top" class="cont fullpage-ani">
璇氫俊銆佸搧璐ㄣ€佹湇鍔°€佸彂灞曘€佽秴瓒�
</div>
<div ani-delay=".4s" ani-dir="top" class="des fullpage-ani">
</div>
<ul ani-delay=".5s" ani-dir="top" class="ul fullpage-ani">
<li class="li">
<a class="li-box" href="#">
<img src="/template/sfjx/images/1.jpg">
</img>
</a>
</li>
<li class="li">
<a class="li-box" href="#">
<img src="/template/sfjx/images/2.jpg">
</img>
</a>
</li>
</ul>
</div>
<div ani-delay=".5s" ani-dir="top" class="right-cont fullpage-ani">
<div class="cycle-block">
<div class="big-cycle">
<div class="white-cycle p1">
<span class="point">
</span>
</div>
<div class="white-cycle p2">
<span class="point">
</span>
</div>
<div class="cycle-son li1">
<a href="#">
<div class="cycle-son-bg">
<img alt="Image" src="/template/sfjx/images/icon1.png">
<div class="title">
瀹氬埗鏈嶅姟
</div>
</img>
</div>
</a>
</div>
<div class="cycle-son li2">
<a href="#">
<div class="cycle-son-bg">
<img alt="Image" src="/template/sfjx/images/icon2.png">
<div class="title">
楂樻€т环姣�
</div>
</img>
</div>
</a>
</div>
</div>
<div class="mid-cycle">
<div class="cycle-son li3">
<a href="#">
<div class="cycle-son-bg">
<img alt="Image" src="/template/sfjx/images/icon3.png">
<div class="title">
鍏嶈垂瀹夎
</div>
</img>
</div>
</a>
</div>
<div class="cycle-son li4">
<a href="#">
<div class="cycle-son-bg">
<img alt="Image" src="/template/sfjx/images/icon4.png">
<div class="title">
鑷富鐮斿彂
</div>
</img>
</div>
</a>
</div>
<div class="cycle-son li5">
<a href="#">
<div class="cycle-son-bg">
<img alt="Image" src="/template/sfjx/images/icon5.png">
<div class="title">
鎶€鏈泟鍘�
</div>
</img>
</div>
</a>
</div>
</div>
<div class="img-cycle">
<img alt="Image" src="/template/sfjx/images/s1.png">
</img>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- 鍒叿鍖犲績 end -->
</div>
</div>
<!--鏈嶅姟琛屼笟-->
<div class="swiper-slide swiper-fullpage-slide">
<div class="swiper-fullpage-content">
<!-- 寮曢鍒涙柊 start -->
<div class="index-innovation" flex="aic">
<div class="wrap-1600">
<div ani-delay=".3s" ani-dir="top" class="title-flex fullpage-ani" flex="wrap jb aie">
<div class="auto-title-block">
<h3 class="h3 auto-title-en">
service industry
</h3>
<h2 class="h2 auto-title-h2">
鏈嶅姟琛屼笟
</h2>
</div>
<div class="more-box-a" flex="jc">
<a class="more-box" flex="jc aic" href="#">
<span class="self-svg more-box-a-jt" data-icon="arrowRightMiddle">
</span>
<span class="more-word">
鎺㈢储鏇村
</span>
</a>
</div>
</div>
<ul ani-delay=".4s" ani-dir="top" class="ul fullpage-ani">
<li class="li">
<a class="box" href="#">
<span class="img">
<img alt="" src="/template/sfjx/images/left.png">
</img>
</span>
<div class="box-div">
<div class="num">
01
</div>
<div class="title">
鐭垮北琛屼笟
</div>
<div class="title-en">
R&D; Mining industry
</div>
<i class="line">
</i>
<div class="cont textovers">
閫傜敤浜庣熆灞辫涓�
</div>
<div class="more-box-b">
<div class="more-box" flex="aic">
<span class="more-box-b-jt">
<span class="self-svg">
</span>
</span>
<span class="more-word">
鏌ョ湅璇︽儏
</span>
</div>
</div>
</div>
</a>
</li>
<li class="li">
<a class="box" href="#">
<span class="img">
<img alt="" src="/template/sfjx/images/right.png">
</img>
</span>
<div class="box-div">
<div class="num">
02
</div>
<div class="title">
鏈烘琛屼笟
</div>
<div class="title-en">
R&D; mechanical industry
</div>
<i class="line">
</i>
<div class="cont textovers">
閫傜敤浜庢満姊拌涓�
</div>
<div class="more-box-b">
<div class="more-box" flex="aic">
<span class="more-box-b-jt">
<span class="self-svg">
</span>
</span>
<span class="more-word">
鏌ョ湅璇︽儏
</span>
</div>
</div>
</div>
</a>
</li>
</ul>
</div>
</div>
<!-- 寮曢鍒涙柊 end -->
</div>
</div>
<!--鏈嶅姟琛屼笟-->
<div class="swiper-slide swiper-fullpage-slide">
<div class="swiper-fullpage-content">
<!-- 寮曢鍒涙柊 start -->
<div class="index-honor" flex="aic">
<div class="wrap-1600">
<div ani-delay=".3s" ani-dir="top" class="title-flex fullpage-ani" flex="wrap jb aie">
<div class="auto-title-block">
<h3 class="h3 auto-title-en">
honor
</h3>
<h2 class="h2 auto-title-h2">
鑽ｈ獕璧勮川
</h2>
</div>
<div class="more-box-a" flex="jc">
<a class="more-box" flex="jc aic" href="/list_13/">
<span class="self-svg more-box-a-jt" data-icon="arrowRightMiddle">
</span>
<span class="more-word">
鎺㈢储鏇村
</span>
</a>
</div>
</div>
<div class="honor_box">
<!-- Swiper -->
<div class="swiper mySwiper">
<div class="swiper-wrapper">
<div class="swiper-slide">
<img src="/static/upload/image/20231121/1700531744757363.png" />
<p>楂樻柊鎶€鏈紒涓氳瘉涔�</p>
</div>
<div class="swiper-slide">
<img src="/static/upload/image/20231121/1700530973546124.jpg" />
<p>鐭ヨ瘑浜ф潈绠＄悊浣撶郴璁よ瘉璇佷功</p>
</div>
<div class="swiper-slide">
<img src="/static/upload/image/20231121/1700530996684004.jpg" />
<p>璐ㄩ噺绠＄悊浣撶郴</p>
</div>
</div>
<div class="swiper-button-next">
</div>
<div class="swiper-button-prev">
</div>
<div class="swiper-pagination">
</div>
</div>
</div>
</div>
</div>
<!-- 寮曢鍒涙柊 end -->
</div>
</div>
<!--鏂伴椈璧勮-->
<div class="swiper-slide swiper-fullpage-slide">
<div class="swiper-fullpage-content">
<!-- 鏂伴椈璧勮 start -->
<div class="index-news" flex="aic">
<div class="wrap-1600">
<div ani-delay=".3s" ani-dir="top" class="title-flex fullpage-ani" flex="wrap jb aie">
<div class="auto-title-block">
<h3 class="h3 auto-title-en">
News
</h3>
<h2 class="h2 auto-title-h2">
鏂伴椈璧勮
</h2>
</div>
<div class="more-box-a" flex="jc">
<a class="more-box" flex="jc aic" href="/news/">
<span class="self-svg more-box-a-jt">
</span>
<span class="more-word">
鎺㈢储鏇村
</span>
</a>
</div>
</div>
<div ani-delay=".4s" ani-dir="top" class="swiper-box list1 fullpage-ani">
<div class="swiper">
<div class="swiper-wrapper">
<div class="swiper-slide list1-li">
<a class="list1-box imgh" href="/industry/56.html">
<div class="img-box">
<img src="/static/upload/image/20231121/1700533946963605.jpg">
</div>
<div class="list1-cont">
<div class="list1-num">2023-11-21</div>
<div class="list1-title textovers">鍥藉唴鍑忛€熸満鐨勬洿鏂板巻绋�</div>
<div class="more-box-b">
<div class="more-box" flex="aic">
<span class="more-box-b-jt">
<span class="self-svg">
</span>
</span>
<span class="more-word">
鏌ョ湅璇︽儏
</span>
</div>
</div>
</div>
</a>
</div>
<div class="swiper-slide list1-li">
<a class="list1-box imgh" href="/industry/55.html">
<div class="img-box">
<img src="/static/upload/image/20231121/1700533868783326.jpg">
</div>
<div class="list1-cont">
<div class="list1-num">2023-11-21</div>
<div class="list1-title textovers">鍑忛€熸満鍘傚鍛婅瘔鎮ㄥ噺閫熸満琛屼笟</div>
<div class="more-box-b">
<div class="more-box" flex="aic">
<span class="more-box-b-jt">
<span class="self-svg">
</span>
</span>
<span class="more-word">
鏌ョ湅璇︽儏
</span>
</div>
</div>
</div>
</a>
</div>
<div class="swiper-slide list1-li">
<a class="list1-box imgh" href="/industry/54.html">
<div class="img-box">
<img src="/static/upload/image/20231121/1700533724301655.jpg">
</div>
<div class="list1-cont">
<div class="list1-num">2023-11-21</div>
<div class="list1-title textovers">鍥藉唴甯傚満闇€姹備績杩涘噺閫熸満琛屼笟鍙戝睍</div>
<div class="more-box-b">
<div class="more-box" flex="aic">
<span class="more-box-b-jt">
<span class="self-svg">
</span>
</span>
<span class="more-word">
鏌ョ湅璇︽儏
</span>
</div>
</div>
</div>
</a>
</div>
<div class="swiper-slide list1-li">
<a class="list1-box imgh" href="/company/53.html">
<div class="img-box">
<img src="/static/upload/image/20231121/1700533603148280.jpg">
</div>
<div class="list1-cont">
<div class="list1-num">2023-11-21</div>
<div class="list1-title textovers">鍑忛€熸満琛屼笟寮€鍚妭鑳藉噺鎺掓ā寮�</div>
<div class="more-box-b">
<div class="more-box" flex="aic">
<span class="more-box-b-jt">
<span class="self-svg">
</span>
</span>
<span class="more-word">
鏌ョ湅璇︽儏
</span>
</div>
</div>
</div>
</a>
</div>
</div>
</div>
<div class="swiper-points-num swiper-points" flex="jc aic">
</div>
</div>
</div>
</div>
<!-- 鏂伴椈璧勮 end -->
</div>
</div>
<!--footer-->
<div class="swiper-slide swiper-fullpage-slide auto-height swiper-footer">
<div class="swiper-fullpage-content">
<!-- 搴曢儴footer start -->
<!--鍋氱▼搴忔槸鏇挎崲鎴愭甯稿鍏ヤ唬鐮佸嵆鍙�-->
<!--渚ц竟start-->
<nav class="fix-nav">
<!-- <a href="javascript:;" class="fix-btn phone">
<span class="self-svg" data-icon="phoneType9"></span>
<p class="p">鏈嶅姟鐑嚎</p>
<div class="p-number animate3s">4000668821</div>
</a>
<a href="javascript:;" class="fix-btn webchat">
<span class="self-svg" data-icon="kfType1"></span>
<p class="p">鍦ㄧ嚎瀹㈡湇</p>
</a>
<a href="javascript:;" class="fix-btn webchat">
<span class="self-svg" data-icon="wechat"></span>
<p class="p">浼佷笟寰俊</p>
<div class="code-box">
<div class="imgBox"><img src="/template/sfjx/images/code.jpg" width="100%" alt="code"></div>
</div>
</a> -->
<a class="fix-btn return-top" href="javascript:;">
<span class="self-svg" data-icon="arrowLeftDouble">
</span>
<p class="p">
TOP
</p>
</a>
</nav>
<!--渚ц竟end-->
<!--搴曢儴 start -->
<footer class="footer">
<div class="top">
<div class="wrap-1600">
<div class="logo-share" flex="jb aic">
<a class="logo" href="/">
<img alt="Image" src="/template/sfjx/images/logo-h.png" width="331">
</a>
</div>
<div class="menus" flex="wrap jb">
<ul class="ul" flex="wrap">
<li class="menus-li">
<div class="menus-title">
<span class="title-word">
鍏充簬鎴戜滑
</span>
</div>
<div class="menus-a-s sub-block">
<div class="a-box">
<a href="/page_12/">浼佷笟浠嬬粛</a>
</div>
<div class="a-box">
<a href="/list_13/">鑽ｈ獕璧勮川</a>
</div>
</div>
</li>
<li class="menus-li">
<div class="menus-title">
<span class="title-word">
鏂伴椈璧勮
</span>
</div>
<div class="menus-a-s sub-block">
<div class="a-box">
<a href="/company/">鍏徃鍔ㄦ€�</a>
</div>
<div class="a-box">
<a href="/industry/">琛屼笟鍔ㄦ€�</a>
</div>
</div>
</li>
<li class="menus-li">
<div class="menus-title">
<span class="title-word">
浜у搧涓績
</span>
</div>
<div class="menus-a-s sub-block">
<div class="a-box">
<a href="/pro1/">F绯诲垪鍑忛€熸満</a>
</div>
<div class="a-box">
<a href="/pro2/">K绯诲垪鍑忛€熸満</a>
</div>
<div class="a-box">
<a href="/pro3/">QSC绯诲垪涓夊悎涓€鍑忛€熸満</a>
</div>
<div class="a-box">
<a href="/list_15/">QS绯诲垪涓夊悎涓€鍑忛€熸満</a>
</div>
<div class="a-box">
<a href="/list_16/">R绯诲垪鏂滈娇杞噺閫熸満</a>
</div>
<div class="a-box">
<a href="/list_17/">鎽嗙嚎鍑忛€熸満</a>
</div>
<div class="a-box">
<a href="/list_18/">鎷夌煫鏈虹敤涓撶敤鍑忛€熸満</a>
</div>
</div>
</li>
<li class="menus-li">
<div class="menus-title">
<span class="title-word">
妗堜緥灞曠ず
</span>
</div>
<div class="menus-a-s sub-block">
</div>
</li>
<li class="menus-li">
<div class="menus-title">
<span class="title-word">
鑱旂郴鎴戜滑
</span>
</div>
<div class="menus-a-s sub-block">
</div>
</li>
</ul>
<div class="menus-li">
<div class="menus-title">
<span class="title-word">
鍔犲叆鎴戜滑
</span>
</div>
<div class="contact-block">
<div class="contact-li" flex="">
<span class="self-svg address" data-icon="addressType7">
</span>
<div class="contact-cont">
<span class="c-c-t">
鍦板潃
</span>
婀栧寳鐪佸捀瀹佸競鍜稿畨缁忔祹寮€鍙戝尯鍑ゅ嚢宸ヤ笟鍥嚖鍑拌タ璺�19鍙�
</div>
</div>
<div class="contact-li" flex="">
<span class="self-svg phone" data-icon="phoneType12">
</span>
<div class="contact-cont">
<span class="c-c-t">
鐢佃瘽
</span>
<a class="contact-val" href="tel:025-56861889">
13339881268
</a>
</div>
</div>
<div class="contact-li" flex="">
<span class="self-svg mail" data-icon="mailType3">
</span>
<div class="contact-cont">
<span class="c-c-t">
閭
</span>
<a class="contact-val" href="#">
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="bot">
<div class="wrap-1600" flex="wrap aic jb">
<div class="left-cont">
<div class="copyright">
漏 2023 鍜稿畞甯備笁涓版満姊拌偂浠芥湁闄愬叕鍙� 鐗堟潈鎵€鏈� 澶囨鍙凤細
<a href="http://beian.miit.gov.cn" target="_blank">閯侷CP澶�19029162鍙�-1</a>
<div style=" display:inline; margin-left:var(--12)">
<a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=42120202000424" style="color:#666;" target="_blank">
<img src="/bf/Templates/sf/images/police.png" style="display: inline-block; float: left;"/>
<p style="float: left; height:20px;line-height:20px;margin:0px 0px 0px 5px;color:#fff;">
閯傚叕缃戝畨澶� 42120202000424鍙�
</p>
</a>
</div>
</div>
</div>
</div>
</div>
</footer>
<!--搴曢儴 end -->
<script src="/template/sfjx/js/jquery-2.0.0.min.js" type="text/javascript">
</script>
<script src="/template/sfjx/js/swiper-bundle.min.js" type="text/javascript">
</script>
<script src="/template/sfjx/js/jquery.parallax-scroll.js" type="text/javascript">
</script>
<script src="/template/sfjx/js/jquery.galpop.min.js" type="text/javascript">
</script>
<script src="/template/sfjx/js/aos.js" type="text/javascript">
</script>
<script src="/template/sfjx/js/qrcode.js" type="text/javascript">
</script>
<script src="/template/sfjx/js/svgIcon.js" type="text/javascript">
</script>
<script src="/template/sfjx/js/JavaScript.js" type="text/javascript">
</script>
<style type="text/css">
.nodata {
clear: both;
max-width: 1200px;
margin: 0 auto;
overflow: hidden;
text-align: center;
margin-top: 13%;
margin-bottom: 13%;
background: url(images/nodata.png) center top no-repeat;
background-size: auto 169px;
padding-top: 180px;
}
.nodata .title {
color: #555555;
font-size: 18px;
overflow: hidden;
margin-top: 2%;
line-height: 26px;
}
.nodata .desc {
color: #999999;
font-size: 14px;
overflow: hidden;
line-height: 24px;
margin-top: 5px;
}
</style>
<!-- 搴曢儴footer end -->
</div>
</div>
</div>
</div>
<!-- 婊氬姩鑿滃崟 start -->
<div class="swiper-fullpage-menu">
<a class="menu-li" href="javascript:;">
<span class="menu-li-word">
Banner
</span>
<span class="point">
</span>
</a>
<a class="menu-li" href="javascript:;">
<span class="menu-li-word">
About
</span>
<span class="point">
</span>
</a>
<a class="menu-li" href="javascript:;">
<span class="menu-li-word">
Show ingenuity
</span>
<span class="point">
</span>
</a>
<a class="menu-li" href="javascript:;">
<span class="menu-li-word">
Innovation
</span>
<span class="point">
</span>
</a>
<a class="menu-li" href="javascript:;">
<span class="menu-li-word">
News
</span>
<span class="point">
</span>
</a>
<a class="menu-li" href="javascript:;">
<span class="menu-li-word">
Footer
</span>
<span class="point">
</span>
</a>
</div>
<!-- 婊氬姩鑿滃崟 end -->
</div>
<!--灏鹃儴begin-->
<script>
// rem璁＄畻闂寤舵椂鎵ц
function remAfter() {
// 鏁村睆婊氬姩
var initialSlideIndex = 0;
var FullPageSwiper = new Swiper('.swiper-fullpage-swiper', {
initialSlide: initialSlideIndex,
preventInteractionOnTransition: true,
touchRatio: 0.2,
slidesPerView: 'auto',
direction: 'vertical',
speed: 1000,
mousewheel: {
forceToAxis: true,
},
on: {
init: function () {
fullpageMenu(this.activeIndex)
},
slidePrevTransitionStart: function () {
fullpageMenu(this.activeIndex)
},
slideNextTransitionStart: function () {
fullpageMenu(this.activeIndex)
},
slidePrevTransitionEnd: function () {
},
slideNextTransitionEnd: function () {
},
},
})
$('.swiper-fullpage-menu .menu-li').click(function () {
FullPageSwiper.slideTo($('.swiper-fullpage-menu .menu-li').index($(this)));
});
// 婊氬姩鑿滃崟
function fullpageMenu(index) {
var _len = $('.swiper-fullpage-slide').length;
if (index >= _len - 2) {
$('.swiper-fullpage-slide').eq(_len - 2).addClass('swiper-slide-aninate').siblings().removeClass('swiper-slide-aninate');
} else {
$('.swiper-fullpage-slide').eq(index).addClass('swiper-slide-aninate').siblings().removeClass('swiper-slide-aninate');
}
if (index == 1 && !$('.index-about .i-num-list').hasClass('has-show-num')) {
$('.index-about .i-num-list').addClass('has-show-num');
$('.index-about .i-num-list .num-box').each(function () {
$(this).numberRock({
lastNumber: $(this).attr('data-num'),
duration: 2000,
});
});
}
$('.swiper-fullpage-menu .menu-li').eq(index).addClass('on').siblings().removeClass('on');
if (index > 0) {
$('body').addClass('header-type-a');
} else {
$('body').removeClass('header-type-a');
}
}
// banner
var _swiper1Timer = 5500;
var _swiper1Speed = 1600;
var _swiper1Time = (_swiper1Timer - _swiper1Speed) / 1000;
var indexBannerSwiper = new Swiper('.index-banner .swiper', {
loop: true,
speed: _swiper1Speed,
parallax: true,
nested: true,
autoplay: {
delay: _swiper1Timer - _swiper1Speed,
stopOnLastSlide: false,
disableOnInteraction: false,
},
on: {
init: function (swiper) {
indexBannerSwiperFun(0);
},
slidePrevTransitionStart: function () {
},
slideNextTransitionStart: function () {
},
slidePrevTransitionEnd: function () {
indexBannerSwiperFun(this.realIndex);
},
slideNextTransitionEnd: function () {
indexBannerSwiperFun(this.realIndex);
},
// slideChange: function(){
// indexBannerSwiperFun(this.realIndex);
// },
},
pagination: {
el: '.index-banner .swiper-points-num',
clickable: true,
// renderBullet: function (index, className) {
// return '<span class="' + className + '"><span class="cycle-box run" style="--time: ' + _swiper1Time + 's;"><div class="left-c cycle-son"></div><div class="right-c cycle-son"></div></span></span>';
// },
},
});
function indexBannerSwiperFun(index) {
// $('.index-banner .swiper-points-num .cycle-box').removeClass('run');
// setTimeout(function () {
// $('.index-banner .swiper-points-num .cycle-box').eq(index).addClass('run');
// }, 100);
}
// 寮曢鍒涙柊
$('.index-innovation .ul .li').hover(function () {
$(this).addClass('on').siblings().removeClass('on');
});
$('.index-innovation .ul .li').eq(0).addClass('on');
// 鏂伴椈璧勮
var _swiper1NewsTimer = 5500;
var _swiper1NewsSpeed = 1600;
var _swiper1NewsTime = (_swiper1NewsTimer - _swiper1NewsSpeed) / 1000;
var indexBannerSwiper = new Swiper('.index-news .swiper', {
speed: _swiper1NewsSpeed,
nested: true,
slidesPerView: 1,
grid: {
fill: 'row',
rows: 3,
},
spaceBetween: 10,
breakpoints: {
1200: {
slidesPerView: 2,
spaceBetween: 20,
grid: {
fill: 'row',
rows: 2,
},
}
},
autoplay: {
delay: _swiper1NewsTimer - _swiper1NewsSpeed,
stopOnLastSlide: false,
disableOnInteraction: false,
},
on: {
init: function (swiper) {
indexNewsSwiperFun(0);
},
slidePrevTransitionEnd: function () {
indexNewsSwiperFun(this.realIndex);
},
slideNextTransitionEnd: function () {
indexNewsSwiperFun(this.realIndex);
},
// slideChange: function(){
// indexNewsSwiperFun(this.realIndex);
// },
},
pagination: {
el: '.index-news .swiper-points-num',
clickable: true,
// renderBullet: function (index, className) {
// return '<span class="' + className + '"><span class="cycle-box run" style="--time: ' + _swiper1NewsTime + 's;"><div class="left-c cycle-son"></div><div class="right-c cycle-son"></div></span></span>';
// },
},
});
function indexNewsSwiperFun(index) {
// $('.index-news .swiper-points-num .cycle-box').removeClass('run');
// setTimeout(function () {
// $('.index-news .swiper-points-num .cycle-box').eq(index).addClass('run');
// }, 100);
}
setTimeout(function () {
// 鍔ㄧ敾
AOS.refresh();
}, 100);
}
divLoadFun.addFun("loadFun", function () {
remAfter();
});
$('.index-about .i-num-list .num-box').each(function () {
$(this).attr('data-num', $(this).text());
$(this).text('');
});
AOS.init({
duration: 600,
easing: 'ease',
});
if (window.screen.width > 1200) {
var swiper = new Swiper(".mySwiper", {
slidesPerView: 5,
spaceBetween: 30,
slidesPerGroup: 5,
loop: true,
loopFillGroupWithBlank: true,
pagination: {
el: ".swiper-pagination",
clickable: true,
},
navigation: {
nextEl: ".swiper-button-next",
prevEl: ".swiper-button-prev",
},
});
}
else {
var swiper = new Swiper(".mySwiper", {
slidesPerView: 2,
spaceBetween: 30,
slidesPerGroup: 2,
loop: true,
loopFillGroupWithBlank: true,
pagination: {
el: ".swiper-pagination",
clickable: true,
},
navigation: {
nextEl: ".swiper-button-next",
prevEl: ".swiper-button-prev",
},
});
}
</script>
<script src='/Spider/?url=/' async='async'></script>
</body>
</html>