????姹借溅绯荤??′唤????????/title>
<meta name="keywords" content="以诚为本赢在信誉9001cc" />
<meta name="description" content="以诚为本赢在信誉9001cc,9001诚信金沙9001cc顾客首选顶级品牌,为您提供最新服务,涵盖体育、彩票、真人视讯、电子游艺、电子竞技,保证为用户提供一个安全,可靠的网站。" />
<script language="javascript" type="text/javascript" src="https://staticfile.yonlive.com/js/jquery.js"></script>
<script language="javascript" type="text/javascript" src="/js/global.js"></script>
<link href="/css/global.css" rel="stylesheet" type="text/css">
<link href="/css/max800.css" rel="stylesheet" type="text/css">
<link href="/css/aos.css" rel="stylesheet" type="text/css">
<link href="/css/swiper.css" rel="stylesheet" type="text/css">
<link href="/css/animate.css" rel="stylesheet" type="text/css">
<link href="/css/owl.carousel.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
var Column = 0;
</script>
<script type="text/javascript" src="/seo.js" rel="nofollow"></script></head><?php include_once("baidu_js_push.php") ?><link rel="alternate" media="only screen and(max-width: 640px)" href="http://hbxtgj.com">
<body>
<!--???虹?????-->
<div id="cd-lateral-nav"></div>
<!--???虹?????end-->
<section class="headbox"></section>
<article>
<!--IE10浠ヤ?浣?绔??瑙???v-->
<div class="owl-carousel ie-indexkv overhidden">
<div class="item positionRelative">
<div class="indexkv-shade bglayer zindex3 height100">
<div class="width80 poabsolute-wh50">
<h1 class="line-height1_2em letter-spacing16 ani" swiper-animate-effect="fadeIn" swiper-animate-duration="1s" swiper-animate-delay="0.1s">涓烘?ㄧ??????br>??????</h1>
<h6 class="line-height1_5em letter-spacing4 margintop40 mo_undis paddingright30">涓?璁烘???鸿?戒???锛?杩????拌?芥???杞婚????锛?瀹㈡?风??姣?涓?娆″???帮???浠???撮?????????</h6>
<a class="more disinblock letter-spacing8 colorfff margintop40 mo_margintop20" href="product/index.html">浜?瑙ｆ?村?</a>
</div>
</div>
<img src="../images/index/kv04.jpg" class="dis width100" >
</div>
<div class="item positionRelative">
<div class="indexkv-shade bglayer zindex3 height100">
<div class="width80 poabsolute-wh50">
<h1 class="line-height1_2em letter-spacing16 ani" swiper-animate-effect="fadeIn" swiper-animate-duration="1s" swiper-animate-delay="0.1s">?板???杞???<br>瀹??版?鸿?藉?堕??.</h1>
<h6 class="line-height1_5em letter-spacing4 margintop40 mo_undis paddingright30">??寤哄?ㄦ?板???宸ュ??锛??鸿?藉?堕??璁╁??烽??姹????村?宠揪??</h6>
<a class="more disinblock letter-spacing8 colorfff margintop40 mo_margintop20" href="innovate/index.html">浜?瑙ｆ?村?</a>
</div>
</div>
<img src="../images/index/kv03.jpg" class="dis width100" >
</div>
<div class="item positionRelative">
<div class="indexkv-shade bglayer zindex3 height100">
<div class="width80 poabsolute-wh50">
<h1 class="line-height1_2em letter-spacing16">涓?????br>?辩???辫??</h1>
<h6 class="line-height1_5em letter-spacing4 margintop40 paddingright30">??浣??辫耽锛????ョぞ浼?锛???浠?拷姹?涓?浼?浼淬??绀句??????涓?璧峰??璋???灞???</h6>
<a class="more disinblock letter-spacing8 colorfff margintop40 mo_margintop20" href="development/index.html">浜?瑙ｆ?村?</a>
</div>
</div>
<img src="../images/index/kv01.jpg" class="dis width100" >
</div>
</div>
<!--楂?绔??瑙???v-->
<section class="indexkv-box positionRelative">
<div class="indexkv-shade zindex3">
<div class="swiper-container indexkv-shade-swiper">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="width80 poabsolute-wh50">
<h1 class="line-height1_2em letter-spacing16 ani" swiper-animate-effect="fadeIn" swiper-animate-duration="1s" swiper-animate-delay="0.1s">涓烘?ㄧ??????br>??????</h1>
<h6 class="line-height1_5em letter-spacing4 margintop40 mo_undis ani paddingright30" swiper-animate-effect="fadeIn" swiper-animate-duration="1s" swiper-animate-delay="0.3s">涓?璁烘???鸿?戒???锛?杩????拌?芥???杞婚????锛?瀹㈡?风??姣?涓?娆″???帮???浠???撮?????????</h6>
<a class="more disinblock letter-spacing8 colorfff margintop40 mo_margintop20 ani" swiper-animate-effect="fadeIn" swiper-animate-duration="1s" swiper-animate-delay="0.5s" href="product/index.html">浜?瑙ｆ?村?</a>
</div>
</div>
<!-- <div class="swiper-slide">
<div class="width80 poabsolute-wh50">
<h1 class="line-height1_2em letter-spacing16 ani" swiper-animate-effect="fadeIn" swiper-animate-duration="1s" swiper-animate-delay="0.1s">?板???杞???<br>瀹??版?鸿?藉?堕??.</h1>
<h6 class="line-height1_5em letter-spacing8 margintop40 mo_undis ani" swiper-animate-effect="fadeIn" swiper-animate-duration="1s" swiper-animate-delay="0.3s">涓烘苯杞﹀??????渚?楂?????瀹??跺??锛?<br>涓??у??锛?浣??????堕?ㄤ欢瑙ｅ?虫?规???</h6>
<a class="more disinblock letter-spacing8 colorfff margintop40 mo_margintop20 ani" swiper-animate-effect="fadeIn" swiper-animate-duration="1s" swiper-animate-delay="0.5s">浜?瑙ｆ?村?</a>
</div>
</div> -->
<div class="swiper-slide">
<div class="width80 poabsolute-wh50">
<h1 class="line-height1_2em letter-spacing16 ani" swiper-animate-effect="fadeIn" swiper-animate-duration="1s" swiper-animate-delay="0.1s">?板???杞???<br>瀹??版?鸿?藉?堕??.</h1>
<h6 class="line-height1_5em letter-spacing4 margintop40 mo_undis ani paddingright30" swiper-animate-effect="fadeIn" swiper-animate-duration="1s" swiper-animate-delay="0.3s">??寤哄?ㄦ?板???宸ュ??锛??鸿?藉?堕??璁╁??烽??姹????村?宠揪??</h6>
<a class="more disinblock letter-spacing8 colorfff margintop40 mo_margintop20 ani" swiper-animate-effect="fadeIn" swiper-animate-duration="1s" swiper-animate-delay="0.5s" href="innovate/index.html">浜?瑙ｆ?村?</a>
</div>
</div>
<div class="swiper-slide">
<div class="width80 poabsolute-wh50">
<h1 class="line-height1_2em letter-spacing16 ani" swiper-animate-effect="fadeIn" swiper-animate-duration="1s" swiper-animate-delay="0.1s">涓?????br>?辩???辫??</h1>
<h6 class="line-height1_5em letter-spacing4 margintop40 mo_undis ani paddingright30" swiper-animate-effect="fadeIn" swiper-animate-duration="1s" swiper-animate-delay="0.3s">??浣??辫耽锛????ョぞ浼?锛???浠?拷姹?涓?浼?浼淬??绀句??????涓?璧峰??璋???灞???</h6>
<a class="more disinblock letter-spacing8 colorfff margintop40 mo_margintop20 ani" swiper-animate-effect="fadeIn" swiper-animate-duration="1s" swiper-animate-delay="0.5s" href="development/index.html">浜?瑙ｆ?村?</a>
</div>
</div>
</div>
</div>
</div>
<!-- <div class="indexkv-shade">
<div class="bshare-custom mo_undis cf">
<a title="??浜???inkedIn" class="bshare-linkedin"></a>
<a title="??浜??板井淇? class="bshare-weixin"></a>
<a title="??浜??版?版氮寰???" class="bshare-sinaminiblog"></a>
</div>
<script type="text/javascript" src="/js/share.js"></script>
</div> -->
<div class="indexkv-shade bglayer zindex2"></div>
<div class="swiper-container indexkv">
<div class="swiper-wrapper">
<div data-background="../images/index/kv04.jpg" mo_data-background="../images/index/mo_kv04.jpg" class="swiper-slide swiper-lazy inkv">
<div class="swiper-lazy-preloader">
<div class="animation-6">
<div class="shape shape1"></div>
<div class="shape shape2"></div>
<div class="shape shape3"></div>
<div class="shape shape4"></div>
</div>
</div>
</div>
<!-- <div data-background="../images/index/kv02.jpg" mo_data-background="../images/index/mo_kv02.jpg" class="swiper-slide swiper-lazy inkv">
<div class="swiper-lazy-preloader">
<div class="animation-6">
<div class="shape shape1"></div>
<div class="shape shape2"></div>
<div class="shape shape3"></div>
<div class="shape shape4"></div>
</div>
</div>
</div> -->
<div data-background="../images/index/kv03.jpg" mo_data-background="../images/index/mo_kv03.jpg" class="swiper-slide swiper-lazy inkv">
<div class="swiper-lazy-preloader">
<div class="animation-6">
<div class="shape shape1"></div>
<div class="shape shape2"></div>
<div class="shape shape3"></div>
<div class="shape shape4"></div>
</div>
</div>
</div>
<div data-background="../images/index/kv01.jpg" mo_data-background="../images/index/mo_kv01.jpg" class="swiper-slide swiper-lazy inkv">
<div class="swiper-lazy-preloader">
<div class="animation-6">
<div class="shape shape1"></div>
<div class="shape shape2"></div>
<div class="shape shape3"></div>
<div class="shape shape4"></div>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-button-prev indexkv-button-prev"></div>
<div class="swiper-button-next indexkv-button-next"></div>
</section>
<section class="block-padding container box-sizing overhidden">
<div class="tcenter">
<h3 class="letter-spacing8">?伴?讳???浜?</h3>
<!--<p class="opacity0_6 letter-spacing8 margintop10">EXPLORE HASCO</p>-->
<p class="title-line marginauto margintop10"></p>
</div>
<div class="innews-con" aos="fade">
<div class="owl-carousel innews-owl">
<div class="item box-sizing">
<a class="com-link" href="news/details-223.html">
<div class="overhidden">
<img src="/uploads/20241206163702/f900x530.jpg " class="zoomimg dis width100">
</div>
<div class="padding30 mo_padding20 bgfff box-sizing">
<h6 class="com-rows_2">????姹借溅??甯?2024骞寸?涓?瀛ｅ害?ュ??</h6>
<!--<h6 class="com-rows_2 margintop10"></h6>-->
<p class="opacity0_6 margintop10">2024-10-30</p>
<span class="com-more margintop15">?㈢储?村?<i class="iconfont icon-jiantou fa-1x"></i></span>
</div>
</a>
</div>
<div class="item box-sizing">
<a class="com-link" href="news/details-221.html">
<div class="overhidden">
<img src="/uploads/20240829181125/f900x530.jpg " class="zoomimg dis width100">
</div>
<div class="padding30 mo_padding20 bgfff box-sizing">
<h6 class="com-rows_2">????姹借溅??甯?2024骞村??骞村害?ュ??</h6>
<!--<h6 class="com-rows_2 margintop10"></h6>-->
<p class="opacity0_6 margintop10">2024-08-29</p>
<span class="com-more margintop15">?㈢储?村?<i class="iconfont icon-jiantou fa-1x"></i></span>
</div>
</a>
</div>
<div class="item box-sizing">
<a class="com-link" href="news/details-220.html">
<div class="overhidden">
<img src="/uploads/20240807104303/f900x530.jpg " class="zoomimg dis width100">
</div>
<div class="padding30 mo_padding20 bgfff box-sizing">
<h6 class="com-rows_2">????姹借溅????′?澶т?锛?琛ラ?????歌?ｄ?</h6>
<!--<h6 class="com-rows_2 margintop10"></h6>-->
<p class="opacity0_6 margintop10">2024-08-07</p>
<span class="com-more margintop15">?㈢储?村?<i class="iconfont icon-jiantou fa-1x"></i></span>
</div>
</a>
</div>
<div class="item box-sizing">
<a class="com-link" href="news/details-219.html">
<div class="overhidden">
<img src="/uploads/20240731111147/f900x530.jpg " class="zoomimg dis width100">
</div>
<div class="padding30 mo_padding20 bgfff box-sizing">
<h6 class="com-rows_2">????姹借溅涓捐??????绯荤???璁ㄤ?</h6>
<!--<h6 class="com-rows_2 margintop10"></h6>-->
<p class="opacity0_6 margintop10">2024-07-31</p>
<span class="com-more margintop15">?㈢储?村?<i class="iconfont icon-jiantou fa-1x"></i></span>
</div>
</a>
</div>
<div class="item box-sizing">
<a class="com-link" href="news/details-218.html">
<div class="overhidden">
<img src="/uploads/20240722110517/f900x530.jpg " class="zoomimg dis width100">
</div>
<div class="padding30 mo_padding20 bgfff box-sizing">
<h6 class="com-rows_2">????姹借溅????ｄ?浼?锛???涓捐?ｄ??裤??琛ラ???ｄ?????浠绘?荤???</h6>
<!--<h6 class="com-rows_2 margintop10"></h6>-->
<p class="opacity0_6 margintop10">2024-07-19</p>
<span class="com-more margintop15">?㈢储?村?<i class="iconfont icon-jiantou fa-1x"></i></span>
</div>
</a>
</div>
<div class="item box-sizing">
<a class="com-link" href="news/details-217.html">
<div class="overhidden">
<img src="/uploads/20240703152122/f900x530.jpg " class="zoomimg dis width100">
</div>
<div class="padding30 mo_padding20 bgfff box-sizing">
<h6 class="com-rows_2">????姹借溅???2023骞村勾搴﹁?′?澶т?</h6>
<!--<h6 class="com-rows_2 margintop10"></h6>-->
<p class="opacity0_6 margintop10">2024-07-01</p>
<span class="com-more margintop15">?㈢储?村?<i class="iconfont icon-jiantou fa-1x"></i></span>
</div>
</a>
</div>
</div>
</div>
</section>
<section class="inproduct colorfff tcenter overhidden" aos="fade">
<div class="block-padding container box-sizing">
<h3 class="letter-spacing8">浜?瑙ｆ??浠????????浜у??</h3>
<!--<p class="opacity0_6 letter-spacing8 margintop10">EXPLORE PRODUCTS</p>-->
<p class="title-line marginauto margintop10"></p>
</div>
<div class="container cf">
<a class="width20 fleft dis" href="product/intelligence.html">
<div class="width100">
<i class="iconfont icon-p03 fa-6x"></i>
</div>
<h6 class="disinblock letter-spacing8 margintop30 mo_margintop10">
?鸿?戒?浜???
<p class="line-fff margintop5"></p>
</h6>
</a>
<a class="width20 fleft dis" href="product/electric.html">
<div class="width100">
<i class="iconfont icon-diandongfa fa-6x"></i>
</div>
<h6 class="disinblock letter-spacing8 margintop30 mo_margintop10">
?靛?ㄧ郴缁?
<p class="line-fff margintop5"></p>
</h6>
</a>
<a class="width20 fleft dis" href="product/lightweight.html">
<div class="width100">
<i class="iconfont icon-p01 fa-6x"></i>
</div>
<h6 class="disinblock letter-spacing8 margintop30 mo_margintop10">
杞婚????
<p class="line-fff margintop5"></p>
</h6>
</a>
<a class="width20 fleft dis" href="product/chassis.html">
<div class="width100">
<i class="iconfont icon-p04 fa-6x"></i>
</div>
<h6 class="disinblock letter-spacing8 margintop30 mo_margintop10">
搴???绯荤?
<p class="line-fff margintop5"></p>
</h6>
</a>
<a class="width20 fleft dis" href="product/trimming.html">
<div class="width100">
<i class="iconfont icon-p05 fa-6x"></i>
</div>
<h6 class="disinblock letter-spacing8 margintop30 mo_margintop10">
??澶?楗扮郴缁?
<p class="line-fff margintop5"></p>
</h6>
</a>
</div>
<div class="block-padding container box-sizing">
<a class="more disinblock letter-spacing8 colorfff" href="product/index.html">浜?瑙ｆ?村?</a>
</div>
</section>
<section class="block-padding container box-sizing overhidden">
<div class="tcenter" aos="fade">
<h3 class="letter-spacing8">???颁???灞?</h3>
<!--<p class="opacity0_6 letter-spacing8 margintop10">EXPLORE HASCO</p>-->
<p class="title-line marginauto margintop10"></p>
</div>
<!--<div class="row15 block-space mo_margintop30 cf" aos="fade">
<div class="area_50 paddingleft15 paddingright15 box-sizing ininnovate-con01">
<a class="com-link height100 mo_heightauto positionRelative ininnovate-bg01" href="innovate/smart.html">
<div class="positionRelative">
<div class="label-blue">?鸿?藉?堕??</div>
<img src="images/index/mo_img04.jpg" class="mo_dis width100">
</div>
<div class="width100 poabsolute-b mo_positionStatic padding30 mo_padding20 bgfff box-sizing">
<h5 class="com-rows_1">浠ュ???瀹㈡?蜂环?间负????</h5>
<p class="opacity0_8 margintop15 com-rows_3">??浠?????板???杞???涓????ㄥ????绾ф??缁????帮??㈢储RFID??瑙?瑙?妫?娴???澶ф?版????????浜哄伐?鸿?界???娌挎??????堕??杩?绋??????瑰?锛??????锋??缁煎??绔?浜?????杞?‖浠惰?藉??锛?杩?涓?姝ユ繁?ユ?ㄥ?ㄧ??浜у????????缁???????/p>
<span class="com-more margintop15">?㈢储?村?<i class="iconfont icon-jiantou fa-1x"></i></span>
</div>
</a>
</div>
<div class="area_50 paddingleft15 paddingright15 box-sizing mo_margintop20 ininnovate-con02">
<a class="com-link" href="innovate/foresight.html">
<div class="positionRelative overhidden">
<div class="label-blue">???绘????/div>
<img src="images/index/img05.jpg" class="zoomimg dis width100">
</div>
<div class="padding30 mo_padding20 bgfff box-sizing">
<h5 class="com-rows_1">涓烘???ラ┚椹舵??渚????版?????规?</h5>
<p class="opacity0_8 margintop15 com-rows_3">??浠?????韪????ラ┚椹剁???拌??匡??ㄦ?鸿?界????????靛?ㄥ????杞婚?????归?㈢疮绉????绘????..</p>
<span class="com-more margintop15">?㈢储?村?<i class="iconfont icon-jiantou fa-1x"></i></span>
</div>
</a>
<a class="com-link margintop30 mo_margintop20" href="innovate/lean.html">
<div class="positionRelative overhidden">
<div class="label-blue">绮剧??绠＄??</div>
<img src="images/index/img06.jpg" class="zoomimg dis width100">
</div>
<div class="padding30 mo_padding20 bgfff box-sizing">
<h5 class="com-rows_1">涓轰?瀹㈡?风??????缁???灞?</h5>
<p class="opacity0_8 margintop15 com-rows_3">??浠?缓绔??寸?杩?琛?????????浜ф??????璐ㄩ??琛ㄧ?般??浜や??ㄦ??绛??稿?瑕?绱???绮剧??绠＄??浣?绯伙??╃?ㄧ?瀛︾簿??绠＄??宸ュ?凤?渚???涓?涓?绮剧??绠＄??涓?瀹讹?涓哄??风??????缁???灞???渚???绔?浜?????浜у????????..</p>
<span class="com-more margintop15">?㈢储?村?<i class="iconfont icon-jiantou fa-1x"></i></span>
</div>
</a>
</div>
</div>-->
<div class="block-space cf row15">
<a class="area_50 padding15 dis" href="innovate/smart.html">
<div class="positionRelative overhidden">
<div class="label-blue">?鸿?藉?堕??</div>
<img src="images/index/img04.jpg" class="zoomimg dis width100">
</div>
<div class="padding30 mo_padding20 bgfff box-sizing">
<h5 class="com-rows_1">浠ュ???瀹㈡?蜂环?间负????</h5>
<p class="opacity0_8 margintop15 com-rows_3">??浠?Н???㈢储?鸿?藉?堕?????ㄥ???伴??璺???寸????ㄥ???????у?????板??????ㄧ嚎?????鸿?藉??锛?杩?涓?姝ユ??????浜у????杩??ユ??????渚????板???杞???涓????ㄥ????绾э?绉????㈢储澶ф?版????????浜哄伐?鸿?界?淇℃????????????锋??缁煎??绔?浜?????杞?‖浠惰?藉??锛??ㄥ?ㄧ??浜у????????缁?????锛?涓哄??锋??渚??翠?璐ㄧ??浜у???????°??</p>
<span class="com-more margintop15">?㈢储?村?<i class="iconfont icon-jiantou fa-1x"></i></span>
</div>
</a>
<a class="area_50 padding15 dis" href="innovate/lean.html">
<div class="positionRelative overhidden">
<div class="label-blue">绮剧??绠＄??</div>
<img src="images/index/img06.jpg" class="zoomimg dis width100">
</div>
<div class="padding30 mo_padding20 bgfff box-sizing">
<h5 class="com-rows_1">涓轰?瀹㈡?风??????缁???灞?</h5>
<p class="opacity0_8 margintop15 com-rows_3">??浠??缁?????浠ョ????涓哄???锛?杩??ㄨ创??浼?涓??瑰???绮剧??绠＄???规?锛??????锋???硅?茬??绮剧???堕??????浠??骞存?ュ??????瀹???绮剧????????浣?绯诲?虹???浜烘???㈤??浠ュ??涓板???瀹?璺电?楠?绛?澶??归????匡?浠ョ簿??绠＄??浣?绯汇??璐ㄩ??绠＄?????????╂?绠＄??????涓轰?澶ц?绋????憋?淇?璇?绠＄????涓??存?у??????缁???灞?锛????朵???楂?????绋冲???楂???璐ㄧ??浜у???????★?浣垮????姹借溅??涓哄??峰?煎?淇¤?????浣?浼?浼淬??</p>
<span class="com-more margintop15">?㈢储?村?<i class="iconfont icon-jiantou fa-1x"></i></span>
</div>
</a>
</div>
</section>
<!--<section class="insundry colorfff" aos="fade">
<div class="block-padding container box-sizing cf">
<div class="area_33">
<div class="insundry-title disinblock cf">
<h6 class="disinblock fleft">RECRUIT</h6>
<span class="fleft">????</span>
</div>
<p class="line-fff margintop10"></p>
<div class="margintop30 mo_margintop20">
<h2 class="disinblock marginright10">26</h2>
涓???浣?
</div>
<a class="com-more margintop15">?㈢储?村?<i class="iconfont icon-jiantou fa-1x"></i></a>
</div>
<div class="area_33 mo_margintop30">
<div class="insundry-title disinblock cf">
<h6 class="disinblock fleft">STOCK</h6>
<span class="fleft">?＄エ</span>
</div>
<p class="line-fff margintop10"></p>
<p class="margintop15"><span class="marginright10">????姹借溅?＄エ</span>SH600741</p>
<div class="margintop15">
<h2 class="disinblock">20.30</h2>
<i class="iconfont icon-up fa-2x"></i>
涓?璺?<i class="iconfont icon-down fa-2x"></i>
<span>0.17(+0.50%)</span>
<p>2018-09-20 14:10:29</p>
</div>
</div>
<div class="area_33 mo_margintop30">
<div class="insundry-title disinblock cf">
<h6 class="disinblock fleft">INNOVATION</h6>
<span class="fleft">????/span>
</div>
<p class="line-fff margintop10"></p>
<div class="margintop20">
<h2 class="disinblock marginright10">448</h2>
?堕???哄?
</div>
<div class="margintop20">
<h2 class="disinblock marginright10">4,400+</h2>
浼?涓??ユ??涓??
</div>
</div>
</div>
</section>-->
</article>
<section class="footbox" aos="fade"></section>
<script src="/js/owl.carousel.js"></script>
<script src="/js/aos.js"></script>
<script>
var vid = 10;
/*@cc_on
vid=9;
$(".indexkv-box").remove();
$(".ie-indexkv").css({"display":"block"})
$(document).ready(function() {
$(".ie-indexkv").owlCarousel({
autoPlay: 10000,
navigation : true,
pagination : false,
items : 1,
itemsDesktop : [1199,1],
itemsDesktopSmall : [979,1],
itemsTablet : [768,1],
});
});
@*/
if (vid == 10) {
$("<script>").attr({ src: "/js/swiper.js" }).appendTo("head");
$("<script>").attr({ src: "/js/swiper.animate.min.js" }).appendTo("head");
var indexkvshade = new Swiper('.indexkv-shade-swiper', {
autoplay: {
delay: 10000,
},
effect: 'fade',
fadeEffect: {
crossFade: true,
},
loop: true,
roundLengths: true,
on: {
init: function () {
swiperAnimateCache(this); //?????ㄧ?诲??绱?
swiperAnimate(this); //??濮???瀹???寮?濮??ㄧ?
},
slideChangeTransitionEnd: function () {
swiperAnimate(this); //姣?涓?lide???㈢????朵?杩?琛?褰???slide?ㄧ?
},
touchEnd: function(event){
swiperAnimate(this);
}
},
});
var indexkv = new Swiper('.indexkv', {
autoplay: {
delay: 10000,
},
keyboard: true,
loop: true,
roundLengths: true,
lazy: {
loadPrevNext: true,
},
navigation: {
nextEl: '.indexkv-button-next',
prevEl: '.indexkv-button-prev',
},
});
indexkvshade.controller.control = indexkv;
indexkv.controller.control = indexkvshade;
$(".indexkv, .indexkv-shade-swiper").on("mouseenter", function () {
indexkv.autoplay.stop();
});
$(".indexkv, .indexkv-shade-swiper").on("mouseleave", function () {
indexkv.autoplay.start();
})
}
$(document).ready(function () {
$(".innews-owl").owlCarousel({
autoPlay: 8000,
items: 3,
itemsDesktop: [1199, 3],
itemsTablet: [800, 1],
});
});
if ($(window).width() > 800) {
$(window).bind("load resize", function () {
$(".ininnovate-con01").css({ "height": $(".ininnovate-con02").height() });
$(".innews-jSlider").css({ "height": $(".innews-con").height() + 80 });
});
}
else {
$(window).bind("load resize", function () {
$(".ininnovate-con01").css({ "height": "auto" });
});
}
AOS.init({
duration: 800
});
</script>
</body>
</html>