<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
<title>
Taihe Asphalt Group</title>
<meta name="keywords" content="Taihe Asphalt Group" />
<meta name="description" content="Taihe Asphalt Group" />
<link rel="stylesheet" href="../css/app01.css" type="text/css" media="screen" charset="utf-8">
<!--[if lte IE 9 ]>
<div class="am-alert am-alert-danger ie-warning" data-am-alert>
<button type="button" class="am-close">&times;</button>
<div class="am-container">
你的浏览器太古董了，快升级下，<a href="http://browsehappy.com/" target="_blank">速速点击换一个</a>！</div></div>
<![endif]-->

<link rel="stylesheet" href="../css/bootstrap.css" type="text/css" media="screen" charset="utf-8">
<link rel="stylesheet" href="../css/reset.css" type="text/css" media="screen" charset="utf-8">
<link rel="stylesheet" href="../css/style.css" type="text/css" media="screen" charset="utf-8">
<script src="../js/jquery-1.10.2.min.js" type="text/javascript" charset="utf-8"></script>
<script src="../js/wow.min.js"></script>
<script>
	window.onload = function(){
    new WOW().init();
}
</script>
<link rel="stylesheet" type="text/css" href="../css/animate.css">
<link rel="stylesheet" type="text/css" href="../css/app.css">

<link rel="stylesheet" href="../css/idangerous.swiper.css">
<script type="text/javascript" src="../js/youshi.js" id="JS" page="home"></script>
<link rel="stylesheet" href="../css/amazeui.min.css">




</head>
<body style="font-family:Arial, Helvetica, sans-serif; letter-spacing: normal;">


<nav class="pc-nav act-nav-box fixed" id="nav-box">
  <div class="nav-lan j-nav-default hide">
    <div class="til-box wid88"> <a class="logo" href="index.php" style="background: url(../upload_files/2020-05/202005200452392814.png) no-repeat;"></a> <a class="nav-til" href="index.php">Home</a> <a class="nav-til j-nav-til" href="about.php">About us</a><a class="nav-til j-nav-til" href="product.php">Product</a> <a class="nav-til j-nav-til" href="investment.php">Investor</a><a class="nav-til j-nav-til" href="news.php">Media</a><a class="nav-til j-nav-til" href="contact.php">Contact us</a> <a class="nav-til" href="../">简体</a>/<a class="nav-til" href="../fn/">繁体</a>/<a class="nav-til" href="#">EN</a> </div>
  </div>
  <div class="nav-lan nav-fixed j-nav-fixed show">
    <p class="til-box wid88"> <a class="logo" href="index.php" style="background: url(../upload_files/2020-05/202005200452392814.png) no-repeat;"></a> <a class="nav-til" href="index.php">Home</a> <a class="nav-til j-nav-til" href="about.php">About us</a><a class="nav-til j-nav-til" href="product.php">Product</a>  <a class="nav-til j-nav-til" href="investment.php">Investor</a> <a class="nav-til j-nav-til" href="news.php">Media</a> <a class="nav-til j-nav-til" href="contact.php">Contact us</a> <a class="nav-til" href="../">简体</a>/<a class="nav-til" href="../fn/">繁体</a>/<a class="nav-til" href="#">EN</a></p>
  </div>
  <div class="droplist">
    <ul>
    </ul>
    <ul>
      <li class="lev-1" key="lev1.id" >
        <h4 class="h4 has-link"> <a href="about.php#1">Group Overview</a> </h4>
        <h4 class="h4 has-link"> <a href="about.php#2">Qualifications</a> </h4>
        <h4 class="h4 has-link"> <a href="about.php#3">History</a> </h4>
        <h4 class="h4 has-link"> <a href="about.php#4">Group Culture</a> </h4>
       </li>
      <li class="lev-1" key="lev1.id" >
        <h4 class="h4 has-link"><img src="../images/top_about.jpg"></h4>
      </li>
    </ul>
    
    <ul style="display: none;">
      <li class="lev-1" key="lev1.id">
        <h4 class="h4 has-link" > <a href="product.php">Pooducts</a> </h4>
         <h4 class="h4 has-link" > <a href="jiagong.php">Storage and Process</a> </h4>
           
                                         
 <h4 class="h4 has-link" > <a href="case.php?cid=563">Grand bay Achievement</a> </h4>
  <h4 class="h4 has-link" > <a href="case.php?cid=596">Other Area Achievement</a> </h4>
  
      
      </li>
      
      
      
      
      <li class="lev-1" key="lev1.id">
        <h4 class="h4 has-link"><img src="../images/top_product.jpg"></h4>
      </li>
    </ul>
    
    
    
    
    <ul style="display: none;">
      <li class="lev-1" key="lev1.id">
        
        
                               

   <h4 class="h4 has-link" > <a href="investment.php?cid=540">Notice</a> </h4>
 
   <h4 class="h4 has-link" > <a href="investment.php?cid=597">Finance</a> </h4>
 
   <h4 class="h4 has-link" > <a href="investment.php?cid=598">Governance</a> </h4>
   
      </li>
      <li class="lev-1" key="lev1.id">
        <h4 class="h4 has-link"><img src="../images/top_yingyong.jpg"></h4>
      </li>
    </ul>
    
    <ul style="display: none;">
      <li class="lev-1" key="lev1.id">
                       

   <h4 class="h4 has-link" > <a href="news.php?cid=409">Company News</a> </h4>
 
   <h4 class="h4 has-link" > <a href="news.php?cid=590">Industry News</a> </h4>
       </li>
      <li class="lev-1" key="lev1.id">
        <h4 class="h4 has-link"><img src="../images/top_news.jpg"></h4>
      </li>
    </ul>
    
    
    <ul style="display: none;">
      <li class="lev-1" key="lev1.id">
        <h4 class="h4 has-link" > <a href="contact.php">Contact Detail</a> </h4>
        <h4 class="h4 has-link" > <a href="jobs.php">Recruitment</a> </h4>
        <h4 class="h4 has-link" > <a href="parter.php">Partners</a> </h4>
      </li>
      <li class="lev-1" key="lev1.id">
        <h4 class="h4 has-link"><img src="../images/top_cont.jpg"></h4>
      </li>
    </ul>
  </div>
</nav>

<nav class="nav m-nav">
  <div> <a href="index.php" class="logo" ></a> <a class="icon dropDown j-exband" href="javascript:void(0)"></a> <a class="phome_banner" href="#">EN</a> <a class="phome_banner" href="../fn/">繁体</a> <a class="phome_banner" href="../">简体</a> </div>
  <ul class="m-droplist j-m-droplist" style="display: none;">
    <li v-for="item in nav">
      <div class="til-col j-til">
        <p class="til"><a href="index.php">Home</a></p>
      </div>
    </li>
    <li v-for="item in nav">
      <div class="til-col  j-til">
        <p class="til">About us</p>
      </div>
      <div class="m-lev-2">
        <h3 class="h3  j-til" ><a href="about.php">Group Overview</a></h3>
      </div>
      <div class="m-lev-2">
        <h3 class="h3  j-til" > <a href="about.php#2">Qualifications</a> </h3>
      </div>
      <div class="m-lev-2">
        <h3 class="h3  j-til" > <a href="about.php#3">History</a> </h3>
      </div>
      <div class="m-lev-2">
        <h3 class="h3  j-til" > <a href="about.php#4">Group Culture</a> </h3>
      </div>
    </li>
    
    
     <li v-for="item in nav" v-if="item.children" key="item.id">
      <div class="til-col no-border j-til" id="item.id">
        <p class="til">Pooduct</p>
      </div>
      

   <div class="m-lev-2">
        <h3 class="h3  j-til" ><a href="product.php">Pooducts</a></h3>
      </div>
      
      
       <div class="m-lev-2">
        <h3 class="h3  j-til" ><a href="jiagong.php">Storage and Process</a></h3>
      </div>

           
                                   

   
         <div class="m-lev-2">
        <h3 class="h3  j-til" ><a href="case.php?cid=563">Grand bay Achievement</a></h3>
      </div>

 
   
         <div class="m-lev-2">
        <h3 class="h3  j-til" ><a href="case.php?cid=596">Other Area Achievement</a></h3>
      </div>

         
           
           
 



   
    </li>
    
    
      <li v-for="item in nav">
      <div class="til-col has-link j-til">
        <p class="til">Investor</p>
      </div>
      
                           


         <div class="m-lev-2">
        <h3 class="h3  j-til" ><a href="investment.php?cid=540">Notice</a></h3>
      </div>

   
   
 

         <div class="m-lev-2">
        <h3 class="h3  j-til" ><a href="investment.php?cid=597">Finance</a></h3>
      </div>

   
   
 

         <div class="m-lev-2">
        <h3 class="h3  j-til" ><a href="investment.php?cid=598">Governance</a></h3>
      </div>

   
   
 
      
      
    
    </li>
    
    
    
    
    <li v-for="item in nav">
      <div class="til-col has-link j-til">
        <p class="til">Media</p>
      </div>
      
                           


         <div class="m-lev-2">
        <h3 class="h3  j-til" ><a href="news.php?cid=409">Company News</a></h3>
      </div>

   
   
 

         <div class="m-lev-2">
        <h3 class="h3  j-til" ><a href="news.php?cid=590">Industry News</a></h3>
      </div>

   
   
 
      
      
    
    </li>
   
   
    <li v-for="item in nav" v-if="item.children" key="item.id">
      <div class="til-col no-border j-til" id="item.id">
        <p class="til">Contact us</p>
      </div>
      <div class="m-lev-2">
        <h3 class="h3  j-til" ><a href="contact.php">Contact Detail</a></h3>
      </div>
      <div class="m-lev-2">
        <h3 class="h3  j-til" > <a href="jobs.php">Recruitment</a> </h3>
      </div>
      <div class="m-lev-2">
        <h3 class="h3  j-til" > <a href="parter.php">Partners</a> </h3>
      </div>
    </li>
  </ul>
</nav><link type="text/css" rel="stylesheet" href="../css/index_banner.css"/>
<link type="text/css" rel="stylesheet" href="../css/slick.css"/>
<div style="clear:both; width:100%; height:100%; position:relative;" class="hidd1">
  <div class="banner index_banner">
        <div class="slide1 slide_item" style="background: url(../upload_files/2020-07/202007020454551513.jpg) center no-repeat;background-size: cover;">
      <div class="ban_info">
        <h1>
          World-Class Technology and international Management Experience          <span>
          Taihe Asphalt the only partner of ExxonMoil In Guangdong, Hong Kong and Macao          </span></h1>
      </div>
    </div>
        <div class="slide2 slide_item" style="background: url(../upload_files/2020-05/202005200457271743.jpg) center no-repeat;background-size: cover;">
      <div class="ban_info">
        <h1>
          Focus on Quality Products and Services          <span>
          To Build Better Future          </span></h1>
      </div>
    </div>
        <div class="slide3 slide_item" style="background: url(../upload_files/2020-07/202007060527399051.jpg) center no-repeat;background-size: cover;">
      <div class="ban_info">
        <h1>
                    <span>
                    </span></h1>
      </div>
    </div>
      </div>
  <div style="width:100%; position: absolute; left:0px; bottom:0px; z-index:10;">
    <div class="services-body">
      <div class="newBox">
        <ul class=" list">
                    <li>
            <div class="bg"></div>
            <a href="product.php">
            <div class="tit">
              Asphalt production            </div>
            <div class="text" style="line-height:20px;">
              <p>Widely used in highways, large Bridges, urban roads</p>            </div>
            </a> </li>
                    <li>
            <div class="bg"></div>
            <a href="jiagong.php">
            <div class="tit">
              Storage and processing            </div>
            <div class="text" style="line-height:20px;">
              <p>With the world&#39;s advanced level of processing and storage base</p>            </div>
            </a> </li>
                    <li>
            <div class="bg"></div>
            <a href="kuqushow.php?id=1077">
            <div class="tit">
              Chengtai Bonded Warehouse            </div>
            <div class="text" style="line-height:20px;">
              <p>South China&#39;s first asphalt dedicated public bonded warehouse</p>            </div>
            </a> </li>
                    <li>
            <div class="bg"></div>
            <div class="tit" style="color:#fff;">HKSE</div>
            <div class="text" style="color:#fff;">Stock Code 1246.HK</div>
            <div class="gupiao">37.500</div>
          </li>
        </ul>
      </div>
    </div>
  </div>
</div>
</div>
<link rel="stylesheet" type="text/css" href="../css/swipe.css">
<div class="hidd">
  <div class="addWrap">
    <div class="swipe" id="mySwipe">
      <div class="swipe-wrap">
        <div><a href=""><img class="img-responsive" src="../upload_files/2020-07/202007031123081289.jpg" /></a><h2 class="yingwenban">World-Class Technology and international Management Experience</h2><h3 class="yingwenban">Taihe Asphalt the only partner of ExxonMoil In Guangdong, Hong Kong and Macao</h3></div>
<div><a href=""><img class="img-responsive" src="../upload_files/2020-06/202006290435491262.jpg" /></a><h2 class="yingwenban">Focus on Quality Products and Services</h2><h3 class="yingwenban">To Build Better Future</h3></div>
      </div>
    </div>
    <ul id="position">
            <li class="cur"></li>
            <li></li>
          </ul>
  </div>
  <div class="services-body">
    <div class="newBox">
      <ul class=" list">
                <li>
          <div class="bg"></div>
          <a href="product.php">
          <div class="tit" style="margin-top:0;">
            Asphalt production          </div>
          <div class="text" style="line-height:16px;">
        Widely used in highways, large Bridges, urban roads          </div>
          </a> </li>
                <li>
          <div class="bg"></div>
          <a href="jiagong.php">
          <div class="tit" style="margin-top:0;">
            Storage and processing          </div>
          <div class="text" style="line-height:16px;">
        With the world&#39;s advanced level of processing and storage base          </div>
          </a> </li>
                <li>
          <div class="bg"></div>
          <a href="kuqushow.php?id=1077">
          <div class="tit" style="margin-top:0;">
            Chengtai Bonded Warehouse          </div>
          <div class="text" style="line-height:16px;">
        South China&#39;s first asphalt dedicated public bonded warehouse          </div>
          </a> </li>
        

 <li>
            <div class="bg"></div>
            <div class="tit" style="color:#fff;"> HKSE </div>
            <div class="text" style="color:#fff;">Stock Code 1246.HK </div>
            <div class="gupiao"> 37.500 </div>
          </li>

      </ul>
    </div>
  </div>
</div>
</div>
<script src="../js/swipe.js"></script>
<script type="text/javascript">
var bullets = document.getElementById('position').getElementsByTagName('li');
var banner = Swipe(document.getElementById('mySwipe'), {
	auto: 2000,
	continuous: true,
	disableScroll:false,
	callback: function(pos) {
		var i = bullets.length;
		while (i--) {
		  bullets[i].className = ' ';
		}
		bullets[pos].className = 'cur';
	}
});
</script>
<script src="../js/03.js"></script>
<script src="../js/02.js"></script>
<script>
  $(function(){
    $('.index_banner').slick({
        dots: true,
        arrows:false,
        autoplay:true,
        infinite: true,
        fade: true,
        cssEase: 'linear',
        speed:1000,
    });

  
  })
</script>
<div class="h20"></div>
<div class="home_top">
    <div class="wow fadeInUp">
    STORAGE BASE / R&D Center  </div>
</div>
<div class="h20"></div>
<div class="cyBox hidd1">
  <div class="cyBoxCenter" >
    <div class="cyList">
      <ul>
                <li class="block active" data-move-y="200px" data-move-x="-200px" data-rotate="45deg" data-wow-delay=".2s" style="visibility: visible; animation-delay: 0.2s;"  >
          <div class="thum" style="">
            <div class="sjx animate" style="font-size:14px; top:37%; line-height:20px;">
              <p> <a href="kuqushow.php?id=950">
                （Dongguan Taihe Asphalt Products Co.,Ltd）                </a> </p>
            </div>
          </div>
          <a href="kuqushow.php?id=950">
          <div class="text animate" style="font-size:18px; padding-top:5px;">
            Shatian Warehouse          </div>
          </a> </li>
                <li class="block" data-move-y="200px" data-move-x="-200px" data-rotate="45deg" data-wow-delay=".2s" style="visibility: visible; animation-delay: 0.2s;"  >
          <div class="thum">
            <div class="sjx animate" style="font-size:14px;top:37%; line-height:20px;">
              <p> <a href="kuqushow.php?id=883">
                ( Guangdong Chengtai Investment Group Co., Ltd)                </a> </p>
            </div>
          </div>
          <a href="kuqushow.php?id=883">
          <div class="text animate"  style="font-size:18px; padding-top:5px;">
            Lisha Warehouse          </div>
          </a> </li>
                <li class="block" data-move-y="200px" data-move-x="-200px" data-rotate="45deg" data-wow-delay=".2s" style="visibility: visible; animation-delay: 0.2s;"  >
          <div class="thum">
            <div class="sjx animate" style="font-size:14px;top:37%; line-height:20px;">
              <p> <a href="kuqushow.php?id=951">
                （Chengdu Taihe Asphalt Development Co.,Ltd）                </a> </p>
            </div>
          </div>
          <a href="kuqushow.php?id=951">
          <div class="text animate"  style="font-size:18px; padding-top:5px;">
            Chengdu Warehouse          </div>
          </a> </li>
                        <li class="block" data-move-y="200px" data-move-x="-200px" data-rotate="45deg" data-wow-delay=".2s" style="visibility: visible; animation-delay: 0.2s;"  >
          <div class="thum">
           <div class="sjx animate" style="font-size:14px; top:37%; line-height:20px;">
              <p> <a href="yanfashow.php?id=943">
                (Hong Kong Wah For Development Limited)                </a> </p>
            </div>
          </div>
          <a href="yanfashow.php?id=943">
         <div class="text animate" style="font-size:18px; padding-top:5px;">
            Hong Kong R&D Center          </div>
          </a> </li>
                <li class="block" data-move-y="200px" data-move-x="-200px" data-rotate="45deg" data-wow-delay=".2s" style="visibility: visible; animation-delay: 0.2s;"  >
          <div class="thum">
           <div class="sjx animate" style="font-size:14px; top:37%; line-height:20px;">
              <p> <a href="yanfashow.php?id=1076">
                (Dongguan Guangtai Road Material Technology Co.,Ltd)                </a> </p>
            </div>
          </div>
          <a href="yanfashow.php?id=1076">
         <div class="text animate" style="font-size:18px; padding-top:5px;">
            Dongguan R&D Center           </div>
          </a> </li>
              </ul>
    </div>
  </div>
  <div class="cyBoxImg">
    <ul>
            <li class="active animate1"><a href="kuqushow.php?id=950"> <img  src="../upload_files/2020-05/202005220441549848.jpg" /></a></li>
            <li class="animate1"><a href="kuqushow.php?id=883"><img  src="../upload_files/2020-06/202006050524544031.jpg" /></a></li>
            <li class="animate1"><a href="kuqushow.php?id=951"><img  src="../upload_files/2020-05/202005220441293134.jpg" /></a></li>
                  <li class="animate1"><a href="yanfashow.php?id=943"><img  src="../upload_files/2020-06/202006090857454013.jpg" /></a></li>
            <li class="animate1"><a href="yanfashow.php?id=1076"><img  src="../upload_files/2020-06/202006161204051440.jpg" /></a></li>
          </ul>
  </div>
  <div style="clear: both;"></div>
  
</div>
</div>
<script>
function rz() {
$(".cyBoxImg ul .animate1").each(function() {
		var h = $(this).height();
		var index = $(this).index();
		$(this).css({
			"transform": "translate3d(0px, -" + h * index + "px, 0px)"	
		})
		$(".cyBoxImg").height(h);
	})

}
$(document).ready(function() {
	rz();
	$(window).resize(function() {
		rz();
	});
});
</script>
<script type="text/javascript"  src="../js/c_01.js"></script>
<script type="text/javascript"  src="../js/c_02.js"></script>
<link  href="../css/c_01.css" rel="stylesheet" type="text/css" />
<div class="hidd">
  <div class="g-jk j-slide-np">
    <div class="nowarp">
      <div class="m-box">
                <div class="con"> <a href="kuqushow.php?id=950">
          <h3><img src="../upload_files/2020-05/202005200537438056.jpg"  /></h3>
          </a>
          <dl>
            <dt><em class="yingweban_dt">
              Shatian Warehouse              </em>
              <h6>
                （Dongguan Taihe Asphalt Products Co.,Ltd）              </h6>
            </dt>
            <div style="clear:both;"></div>
            <h5><b>0
              1              </b>/ 05</h5>
          </dl>
        </div>
                <div class="con"> <a href="kuqushow.php?id=883">
          <h3><img src="../upload_files/2020-06/202006050529274754.jpg"  /></h3>
          </a>
          <dl>
            <dt><em class="yingweban_dt">
              Lisha Warehouse              </em>
              <h6>
                ( Guangdong Chengtai Investment Group Co., Ltd)              </h6>
            </dt>
            <div style="clear:both;"></div>
            <h5><b>0
              2              </b>/ 05</h5>
          </dl>
        </div>
                <div class="con"> <a href="kuqushow.php?id=951">
          <h3><img src="../upload_files/2020-05/202005200538277180.jpg"  /></h3>
          </a>
          <dl>
            <dt><em class="yingweban_dt">
              Chengdu Warehouse              </em>
              <h6>
                （Chengdu Taihe Asphalt Development Co.,Ltd）              </h6>
            </dt>
            <div style="clear:both;"></div>
            <h5><b>0
              3              </b>/ 05</h5>
          </dl>
        </div>
        

          <div class="con"> <a href="kuqushow.php?id=943">
          <h3><img src="../upload_files/2020-06/202006090857417834.jpg"  /></h3>
          </a>
          <dl>
            <dt><em class="yingweban_dt">
              Hong Kong R&D Center              </em>
              <h6>
                (Hong Kong Wah For Development Limited)              </h6>
            </dt>
            <div style="clear:both;"></div>
            <h5><b>0
              4              </b>/ 05</h5>
          </dl>
        </div>
                <div class="con"> <a href="kuqushow.php?id=1076">
          <h3><img src="../upload_files/2020-07/202007020912108477.jpg"  /></h3>
          </a>
          <dl>
            <dt><em class="yingweban_dt">
              Dongguan R&D Center               </em>
              <h6>
                (Dongguan Guangtai Road Material Technology Co.,Ltd)              </h6>
            </dt>
            <div style="clear:both;"></div>
            <h5><b>0
              5              </b>/ 05</h5>
          </dl>
        </div>
        

      </div>
    </div>
    <div class="next"><img src="../images/dd1.gif" alt="<" /></div>
    <div class="prev"><img src="../images/uu1.gif" alt=">" /></div>
  </div>
</div>
<Div class="h20"></Div>
<div class="home_top">
    <div class="wow fadeInUp"><a href="">
    Main Product    </a></div>
  <p class="home_title wow fadeInUp">
      </p>
</div>
<div class="h30"></div>
<link rel="stylesheet" href="../css/idangerous.swiper.css">
<style>
 .device{ position:relative; padding-bottom:70px;}

.swiper-container {
  width: 100%;
  color: #fff;
  text-align: center;
}
.swiper-slide {
  opacity: 1;
  position:relative;
  margin:0px;
  padding:0px 8px;
  box-sizing:border-box;
/*  -webkit-transition: 300ms;
  -moz-transition: 300ms;
  -ms-transition: 300ms;
  -o-transition: 300ms;
  transition: 300ms;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);*/
}
.swiper-slide img{ width:100%;}
.swiper-slide-visible {
  opacity: 1;
/*  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -o-transform: scale(0.8);
  transform: scale(0.8);*/
}
.swiper-slide-active {
  top: 0;
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.red-slide {
  background: #ca4040;
}
.blue-slide {
  background: #4390ee;
}
.orange-slide {
  background: #ff8604;
}
.green-slide {
  background: #49a430;
}
.pink-slide {
  background: #973e76;
}
.swiper-slide .title {

  font-size: 18px;
 line-height: 24px;
  position:absolute;
  bottom:10px;
  color:#fff;
   text-align:center;
   width:90%;
   margin:0px 5%;
}



.pagination {
  position: absolute;
  z-index: 20;
  left: 0px;
  width: 100%;
  text-align: center;
  bottom: 5px;
}
.swiper-pagination-switch {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 8px;
  background: #aaa;
  margin-right: 8px;
  cursor: pointer;
  position: relative;
}
.swiper-visible-switch {
  opacity: 1;
  top: 0;
  background: #aaa;
}
.swiper-active-switch {
  background: #ff0000;
}


.arrow-left{
	position: absolute;
   
    left: -121px;
    width: 66px;
    height: 77px;
	background:url(../images/a32.png) no-repeat center center;
	z-index: 9;
	top: 160px;
 /*   margin: 0 auto;
	background: rbga(0,0,0,1);
    transform: translate(-50%,-50%) rotate(135deg);
    -ms-transform: translate(-50%,-50%) rotate(135deg);
    -webkit-transform: translate(-50%,-50%) rotate(135deg);
    border: 1px solid #FF2E17;
    content: "";
    z-index: 9;
	
    border-width: 0 2px 2px 0;*/
}

.arrow-left:hover{	background:url(../images/a32_h.png) no-repeat center center;}

/*.arrow-right{
	position: absolute;
    top: 40%;
    right: 0;
    width: 40px;
    height: 40px;
    margin: 0 auto;
   transform: translate(-50%,-50%) rotate(135deg);
    -ms-transform: translate(-50%,-50%) rotate(135deg);
    -webkit-transform: translate(-50%,-50%) rotate(135deg);
    border: 1px solid #FF2E17;
    content: "";
	z-index: 9;
    border-width: 2px 0 0 2px;
}*/


.arrow-right{
	position: absolute;
    top: 160px;
    right:-121px;
    width: 66px;
    height: 77px;
	background:url(../images/a33.png) no-repeat center center;
	 z-index: 9;
 }
.arrow-right:hover{	background:url(../images/a33_h.png) no-repeat center center;}

@media only screen and (max-width: 1550px){
.arrow-left{left:30px;}
.arrow-right{right:30px;}

}



@media only screen and (max-width: 1305px){
.arrow-left{left:0px; width: 55px;height: 55px;  top: 120px;}
.arrow-right{right:0px; width: 55px;height: 55px; top: 120px;}

}


 @media(max-width:1200px){

 .device{ padding-bottom:55px;}

.swiper-slide .title { font-size:15px;line-height: 22px;bottom:10px;}
 }




 @media(max-width:640px){

 .device{ padding-bottom:35px;}
.arrow-left{width: 55px; height: 55px;}
.arrow-right{ width: 55px; height: 55px;}
.swiper-slide .title { font-size:13px;line-height: 20px;bottom:10px;}
.swiper-slide { max-height:350px;  padding:0px;}
.pagination{ margin:5px auto;}


 }



  </style>
<div class="device">   <div class="w1400"><a class="arrow-left" href="#"></a> <a class="arrow-right" href="#"></a></div>
  <div class="swiper-container">
    <div class="swiper-wrapper">
            <div class="swiper-slide"> <a href="productshow.php?id=1079"> <img src="../upload_files/2020-06/202006111247255156.jpg">
        <div class="title">
          Grade A road asphalt        </div>
        <div class="fontw animate05">
          <h2>
            Grade A road asphalt            <p></p>
            <span>
            ESSO 70, ESSO 90            </span></h2>
        </div>
        </a> </div>
            <div class="swiper-slide"> <a href="productshow.php?id=1080"> <img src="../upload_files/2020-06/202006120459591329.jpg">
        <div class="title">
          SBS modified asphalt series        </div>
        <div class="fontw animate05">
          <h2>
            SBS modified asphalt series            <p></p>
            <span>
            （I-A/B/C/D）            </span></h2>
        </div>
        </a> </div>
            <div class="swiper-slide"> <a href="productshow.php?id=1081"> <img src="../upload_files/2020-06/202006111258545286.jpg">
        <div class="title">
          PG series modified asphalt        </div>
        <div class="fontw animate05">
          <h2>
            PG series modified asphalt            <p></p>
            <span>
            （PG76-10/16/22/28,PG82-10/16/22,PG88）            </span></h2>
        </div>
        </a> </div>
            <div class="swiper-slide"> <a href="productshow.php?id=1082"> <img src="../upload_files/2020-06/202006180545189485.jpg">
        <div class="title">
          EVAPE modified asphalt series        </div>
        <div class="fontw animate05">
          <h2>
            EVAPE modified asphalt series            <p></p>
            <span>
            （III-A/B/C/D)            </span></h2>
        </div>
        </a> </div>
            <div class="swiper-slide"> <a href="productshow.php?id=1083"> <img src="../upload_files/2020-06/202006111245505834.jpg">
        <div class="title">
           Environmentally Friendly Flavor-Free Asphalt        </div>
        <div class="fontw animate05">
          <h2>
             Environmentally Friendly Flavor-Free Asphalt            <p></p>
            <span>
                        </span></h2>
        </div>
        </a> </div>
            <div class="swiper-slide"> <a href="productshow.php?id=1084"> <img src="../upload_files/2020-06/202006120623183582.png">
        <div class="title">
          High-performance modified asphalt        </div>
        <div class="fontw animate05">
          <h2>
            High-performance modified asphalt            <p></p>
            <span>
            (Thin overlay Modified Asphalt, Permeabl            </span></h2>
        </div>
        </a> </div>
            <div class="swiper-slide"> <a href="productshow.php?id=1141"> <img src="../upload_files/2020-06/202006291136484081.jpg">
        <div class="title">
          High-Strength Modified Asphalt for Guss- Asphalt        </div>
        <div class="fontw animate05">
          <h2>
            High-Strength Modified Asphalt for Guss- Asphalt            <p></p>
            <span>
                        </span></h2>
        </div>
        </a> </div>
            <div class="swiper-slide"> <a href="productshow.php?id=1142"> <img src="../upload_files/2020-06/202006291148342589.jpg">
        <div class="title">
          Rubber modified asphalt        </div>
        <div class="fontw animate05">
          <h2>
            Rubber modified asphalt            <p></p>
            <span>
            (High thickening toughening compound, to            </span></h2>
        </div>
        </a> </div>
            <div class="swiper-slide"> <a href="productshow.php?id=1143"> <img src="../upload_files/2020-06/202006291201148761.jpg">
        <div class="title">
          Conventional Emulsified Asphalt                                 </div>
        <div class="fontw animate05">
          <h2>
            Conventional Emulsified Asphalt                                     <p></p>
            <span>
            (BC-1/PC-1/2/3)             </span></h2>
        </div>
        </a> </div>
            <div class="swiper-slide"> <a href="productshow.php?id=1144"> <img src="../upload_files/2020-06/202006291204203118.JPG">
        <div class="title">
           SBS modified asp.alt emulsification         </div>
        <div class="fontw animate05">
          <h2>
             SBS modified asp.alt emulsification             <p></p>
            <span>
            (BCR/PCR,  High Viscosity Asphalt Emulsi            </span></h2>
        </div>
        </a> </div>
            <div class="swiper-slide"> <a href="productshow.php?id=1145"> <img src="../upload_files/2020-06/202006291207181789.jpg">
        <div class="title">
           Epoxy Modified  Asphalt  Emulsion        </div>
        <div class="fontw animate05">
          <h2>
             Epoxy Modified  Asphalt  Emulsion            <p></p>
            <span>
                        </span></h2>
        </div>
        </a> </div>
            <div class="swiper-slide"> <a href="productshow.php?id=1146"> <img src="../upload_files/2020-06/202006290139039851.JPG">
        <div class="title">
          Product customization        </div>
        <div class="fontw animate05">
          <h2>
            Product customization            <p></p>
            <span>
                        </span></h2>
        </div>
        </a> </div>
          </div>
  </div>
  <div class="pagination"></div>
</div>
<script src="../js/idangerous.swiper.min.js"></script>
<script>
  
   screenWidth=$(window).width();
	if(screenWidth>=1025){

    var mySwiper = new Swiper('.swiper-container',{
    pagination: '.pagination',
    loop:true,
	autoplay:5000,
    grabCursor: true,
    paginationClickable: true,
	//centeredSlides: true,
	slidesPerView : 5,
	spaceBetween: 10,
	calculateHeight : true,	

  })
  
  
    
}else if(screenWidth>=640){
   
     var mySwiper = new Swiper('.swiper-container',{
    pagination: '.pagination',
    loop:true,
    grabCursor: true,
    paginationClickable: true,
	//centeredSlides: true,
	slidesPerView : 3,
	spaceBetween: 10,
	calculateHeight : true,		
  })
  
  
     
}else if(screenWidth<=639){
   
     var mySwiper = new Swiper('.swiper-container',{
    pagination: '.pagination',
    loop:true,
    grabCursor: true,
    paginationClickable: true,
	//centeredSlides: true,
	slidesPerView : 1,
	spaceBetween: 0,
	calculateHeight : true,		
  })
  
  
  }

  
  
  $('.arrow-left').on('click', function(e){
    e.preventDefault()
    mySwiper.swipePrev()
  })
  $('.arrow-right').on('click', function(e){
    e.preventDefault()
    mySwiper.swipeNext()
  })
  </script>
  
  
  
  <div class="wel-case" style="padding-top:0;">
  <div class="home_top">
        <div class="wow fadeInUp">
      Main performance    </div>
    <p class="home_title wow fadeInUp">
          </p>
  </div>
  <div class="h30"></div>

  
  
  
  





  <script type="text/javascript" src="../js/public.js"></script>
<link rel="stylesheet" href="../css/anli_qiehuan.css">
  
  
   <div class="uos-index" >
<div class="cCont2" style=" padding-bottom:60px;">

  <div class="auto">
    
    <div class="cont">
  
      <div class="swiper-wraps vsCardSwiper pcHover">
      <div class="w1400">
        <div class="prev"></div>
        <div class="next"></div>
        </div>
        <div class="pagination"></div>
        <div class="swiper-cont-vos">
          <div class="swiper-container ">
            <div class="swiper-wrapper">
            
            
            
              <div class="swiper-slide">
                <div class="li">
                <a href="caseshow.php?id=974">
                  <div class="img"><img src="../upload_files/2020-06/202006121035512377.jpg" alt=""></div>
                  <div class="cont">
                    <h4><em class="yingwebnaban_h4"> Hong Kong-Zhuhai-Macao Bridge</em></h4>
                 <div class="btn2"></div></div></a>
                </div>
              </div>
                   
              <div class="swiper-slide">
                <div class="li">
                <a href="caseshow.php?id=1016">
                  <div class="img"><img src="../upload_files/2020-06/202006111150039240.jpg" alt=""></div>
                  <div class="cont">
                    <h4><em class="yingwebnaban_h4"> Shantou - Zhanjiang Expressway</em></h4>
                 <div class="btn2"></div></div></a>
                </div>
              </div>
                   
              <div class="swiper-slide">
                <div class="li">
                <a href="caseshow.php?id=969">
                  <div class="img"><img src="../upload_files/2020-06/202006240858534252.jpg" alt=""></div>
                  <div class="cont">
                    <h4><em class="yingwebnaban_h4"> Shenzhen Outer Ring Highway</em></h4>
                 <div class="btn2"></div></div></a>
                </div>
              </div>
                   
              <div class="swiper-slide">
                <div class="li">
                <a href="caseshow.php?id=970">
                  <div class="img"><img src="../upload_files/2020-06/202006120349499055.jpg" alt=""></div>
                  <div class="cont">
                    <h4><em class="yingwebnaban_h4"> Foshan-Jiangmen Express Way</em></h4>
                 <div class="btn2"></div></div></a>
                </div>
              </div>
                   
              <div class="swiper-slide">
                <div class="li">
                <a href="caseshow.php?id=971">
                  <div class="img"><img src="../upload_files/2020-06/202006051030554994.jpg" alt=""></div>
                  <div class="cont">
                    <h4><em class="yingwebnaban_h4"> Foshan-Qingyuan-Conghua Expressway</em></h4>
                 <div class="btn2"></div></div></a>
                </div>
              </div>
                   
              <div class="swiper-slide">
                <div class="li">
                <a href="caseshow.php?id=1104">
                  <div class="img"><img src="../upload_files/2020-06/202006111044552974.jpg" alt=""></div>
                  <div class="cont">
                    <h4><em class="yingwebnaban_h4"> Dongguan-Panyu Expressway</em></h4>
                 <div class="btn2"></div></div></a>
                </div>
              </div>
                   
              <div class="swiper-slide">
                <div class="li">
                <a href="caseshow.php?id=1105">
                  <div class="img"><img src="../upload_files/2020-06/202006171146172986.jpg" alt=""></div>
                  <div class="cont">
                    <h4><em class="yingwebnaban_h4"> Fenghuangshan Tunnel</em></h4>
                 <div class="btn2"></div></div></a>
                </div>
              </div>
                   
              <div class="swiper-slide">
                <div class="li">
                <a href="caseshow.php?id=1106">
                  <div class="img"><img src="../upload_files/2020-06/202006111034278492.jpeg" alt=""></div>
                  <div class="cont">
                    <h4><em class="yingwebnaban_h4"> National Highway G206 (Retrofitting)</em></h4>
                 <div class="btn2"></div></div></a>
                </div>
              </div>
               
            
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>


  <div class="gengduo"><a href="case.php?cid=563"><img src="../images/gengduoen.png" /></a></div>
  <!--<img src="../images/m_more_ico.png" />-->
  <div class="h10"></div>


<script>
		function rzaa() {
			var wW = $(window).innerWidth();
			 var h = $(".swiper-slide .li .img .gaodu").height();
			  $(".swiper-cont-vos .swiper-container .swiper-wrapper").height(h);
			  
			 if (wW > 1680) {
				swiper2_Fn('.vsCardSwiper', {
					calculateHeight: true,
					speed: 500,
					slidesPerView: 5,
					slidesPerGroup: 1,
					autoplay:5000,
					pagination : '.vsCardSwiper .pagination'
				});

			}
			
	      
			
			 else if (wW > 1023) {
		   	  
				    swiper2_Fn('.vsCardSwiper', {
			       calculateHeight: true,
					speed: 500,
					slidesPerView: 4,
					slidesPerGroup: 1,
					autoplay:5000,
					pagination : '.vsCardSwiper .pagination'
				});
				

			}
			
			 else if (wW > 750) {
		   	  
				    swiper2_Fn('.vsCardSwiper', {
			       calculateHeight: true,
					speed: 500,
					slidesPerView: 3,
					slidesPerGroup: 1,
					autoplay:5000,
					pagination : '.vsCardSwiper .pagination'
				});
				

			}
			
			
			else if (wW > 750) {
			
				swiper2_Fn('.vsCardSwiper', {
					calculateHeight: true,
					speed: 500,
					autoplay:5000,
					slidesPerView: 2,
					slidesPerGroup: 1,
					pagination : '.vsCardSwiper .pagination'
				});
               
			}
			
			
			
			else if (wW > 480) {
			
				swiper2_Fn('.vsCardSwiper', {
					calculateHeight: true,
					speed: 500,
					autoplay:5000,
					slidesPerView: 2,
					slidesPerGroup: 1,
					pagination : '.vsCardSwiper .pagination'
				});
               
			}
			
			
			else {
				$('.vsCardSwiper').removeClass('pcHover').addClass('mobileLi');
				    swiper2_Fn('.vsCardSwiper', {
					calculateHeight: true,
				    slidesPerView: 1,
					slidesPerGroup: 1,
					autoplay:5000,
					pagination : '.vsCardSwiper .pagination',
					speed: 500,
				});
				
			}


		}
		
		
	
$(document).ready(function() {
	rzaa();
	$(window).resize(function() {
		rzaa();
	});
});
		

	</script>
  
  
  
  
  
  
  
  

<div class="hidd1">
  <div class="page-footer" >
    <div class="wid88">
      <div class="dlList">
        <dl style="">
          <dt><span>About us</span></dt>
          <dd> <a href="about.php#1" target="">Group Overview</a> </dd>
          <dd> <a href="about.php#2" target="">Qualifications</a> </dd>
          <dd> <a href="about.php#3" target="">History</a> </dd>
          <dd> <a href="about.php#4" target="">Group Culture</a> </dd>
        </dl>
        
        
        <dl>
          <dt><span>Pooduct</span></dt>
          
         <dd> <a href="product.php">Pooducts</a> </dd>
          <dd> <a href="jiagong.php">Storage and Process</a> </dd>
          
                                                  

   <dd><a href="case.php?cid=563">Grand bay Achievement</a> </dd>
 
   <dd><a href="case.php?cid=596">Other Area Achievement</a> </dd>
  

  <!--  <dd> <a href="jiagong.php">新品研发</a> </dd>-->

          
        </dl>
        
        <dl>
          <dt><span>Media</span></dt>
                   <dd> <a href="news.php?cid=409">
          Company News          </a> </dd>
                <dd> <a href="news.php?cid=590">
          Industry News          </a> </dd>
                </dl>
        
        
           <dl>
          <dt><span>Investor</span></dt>
                   <dd> <a href="investment.php?cid=540">
          Notice          </a> </dd>
                <dd> <a href="investment.php?cid=597">
          Finance          </a> </dd>
                <dd> <a href="investment.php?cid=598">
          Governance          </a> </dd>
                </dl>
        
        
        
        <dl>
          <dt><span>Contact us</span></dt>
          <dd> <a href="contact.php">Contact Detail</a> </dd>
          <dd> <a href="jobs.php">Recruitment</a> </dd>
          <dd> <a href="parter.php">Partners</a> </dd>
        </dl>
        <dl style=" margin-bottom:50px;width:300px; text-align:left;">
          <dt><span>Contact Detail</span></dt>
          <dd class="email">Email:hr.dept@taiheasphalt.com</dd>
      <dd class="dizhi">Address:Building 23,LINK International Business Park,No 96 Kechuang Road,Nancheng District,Dongguan,Guangdong Provice,CHINA</dd>
      <dd class="shouji" >Tel:0769-22172888 </dd>
      <dd class="zuoji ">Website: www.taiheasphalt.com</dd>
          
        </dl>
        <dl style="float:right; margin-right:-4%;">
          <dt><span>Follow us</span></dt>
          <ul class="indicators act-indicators">
            <li class="indicators-1 active"> </li>
            <li> <a class="indicators-2" href="" target="_blank"></a> </li>
            <li class="indicators-3"> </li>
          </ul>
          <div class="tabs tab0">
            <div class="img-box">
              <p style="background: url(../upload_files/2020-05/202005250354313147.png) no-repeat center bottom;"></p>
              WeChat </div>
          </div>
          <div class="tabs tab2">
            <div class="img-box">
                <p style="background: url(../upload_files/2020-05/202005250354313147.png) no-repeat center bottom;"></p>
              Mobile Website </div>
          </div>
     
        <div style="float:none; clear:both; width:250px; margin-top:20px; margin-left:-25px;">
                <a href="https://exmail.qq.com/login/zh_tw" style="font-size:15px; border-bottom:1px solid #ccc;  padding-bottom:5px;" target="_blank">Enterprise email login</a>
        <a href="http://218.16.62.57:9090" style="border-bottom:1px solid #ccc;  font-size:15px; margin-left:30px;padding-bottom:5px;" target="_blank">OA System</a>
        </div>
          
          <div class="h30"></div>
        </dl>
        <div style="clear:both;"></div>
      </div>
    </div>
  </div>
</div>
<div class="hidd">
  <div class="wendachild">
    <div class="childTitle">
      <div class="childIcon">
        <div class="sub sub1"></div>
        <div class="sub sub2"></div>
        <div class="title">About us</div>
      </div>
    </div>
    <div class="childContent">
      <p> <a href="about.php"> Group Overview </a></p>
      <p> <a href="about.php#2">Qualifications </a></p>
      <p> <a href="about.php#3"> History </a></p>
      <p> <a href="about.php#4"> Group Culture </a></p>
    </div>
  </div>
  
  
   <div class="wendachild">
    <div class="childTitle">
      <div class="childIcon">
        <div class="sub sub1"></div>
        <div class="sub sub2"></div>
        <div class="title">Pooduct</div>
      </div>
    </div>
    <div class="childContent">
             
   <p> <a href="product.php">Pooducts</a> </p>
      <p> <a href="jiagong.php">Storage and Process</a> </p>
      
                                   

   <p> <a href="case.php?cid=563">Grand bay Achievement</a> </p>
 
   <p> <a href="case.php?cid=596">Other Area Achievement</a> </p>
       
    </div>
  </div>
  
  
     
  <div class="wendachild">
    <div class="childTitle">
      <div class="childIcon">
        <div class="sub sub1"></div>
        <div class="sub sub2"></div>
        <div class="title">Investor</div>
      </div>
    </div>
    <div class="childContent">
                 <p> <a href="investment.php?cid=540">
          Notice          </a> </p>
                <p> <a href="investment.php?cid=597">
          Finance          </a> </p>
                <p> <a href="investment.php?cid=598">
          Governance          </a> </p>
            </div>
  </div>
  
  
  
  <div class="wendachild">
    <div class="childTitle">
      <div class="childIcon">
        <div class="sub sub1"></div>
        <div class="sub sub2"></div>
        <div class="title">Media</div>
      </div>
    </div>
    <div class="childContent">
                 <p> <a href="news.php?cid=409">
          Company News          </a> </p>
                <p> <a href="news.php?cid=590">
          Industry News          </a> </p>
            </div>
  </div>
  
  

  
 
  <div class="wendachild">
    <div class="childTitle">
      <div class="childIcon">
        <div class="sub sub1"></div>
        <div class="sub sub2"></div>
        <div class="title">Contact us</div>
      </div>
    </div>
    <div class="childContent">
         <p> <a href="contact.php">Contact Detail</a> </p>
      <p> <a href="jobs.php">Recruitment</a> </p>
      <p> <a href="parter.php">Partners</a> </p>
    </div>
  </div>
  <div class="wendachild">
    <div class="childTitle">
      <div class="childIcon">
        <div class="sub sub1"></div>
        <div class="sub sub2"></div>
        <div class="title">Contact Detail</div>
      </div>
    </div>
    <div class="childContent">
      <p class="email">Email:hr.dept@taiheasphalt.com</p>
      <p class="dizhi">Address:Building 23,LINK International Business Park,No 96 Kechuang Road,Nancheng District,Dongguan,Guangdong Provice,CHINA</p>
      <p class="shouji" >Tel:0769-22172888 </p>
      <p class="zuoji ">Website: www.taiheasphalt.com</p>
    </div>
  </div>
</div>
<script>
  $(function(){
	$(".wendachild .childIcon").click(function(){
		$(this).toggleClass("on");
		$(this).parent().parent().find(".childContent").stop(false,true).slideToggle(500);
	});
	
	
	
});

  </script>
<div class="footer_bottom">
  <div class="wid88">
    <p>Copyright Taihe asphalt group, Ltd All Rights Reserved. <!--<a href="http://beian.miit.gov.cn" target="_blank">
        粤ICP备121564562号</a>--></p>
  </div>
</div>
<script type="text/javascript" src="../js/app.js"></script>


<script>

jQuery.each(jQuery("img"), function (i, n) {
	 jQuery(n).error(function () { 
	 n.src = '../images/zanwu.png'; }); 
	     n.src = n.src; 
 });
</script>



<!--<script src="js/saved_resource.js"></script>
<script src="js/header.js"></script>
<script src="js/bckToTop.js"></script>
<script>TMall.BackTop.init();</script>-->
</body></html>