



<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
     
    <title>佛山市欧米欧门窗有限公司-铝合金门窗定制-高端门窗定制</title>
    <meta name="keywords" content="欧米欧门窗,铝合金门窗,极窄门窗">
    <meta name="description" content="欧米欧门窗，历经数载艰苦创业与发展，已成为国内高端门窗铝材与门窗产品的生产、销售、研发一体型企业。佛山欧米欧门窗坐落于佛山大沥，厂面积一万五千平方，公司以卓越的企业标准，已经发展成为国内铝材门窗知名连锁品牌。">
    <meta name="baidu-site-verification" content="code-uEPim7iFT0">
    <link rel="stylesheet" type="text/css" href="static/css/swiper.min.css">
    <link rel="stylesheet" type="text/css" href="static/css/common.css">
    <link rel="stylesheet" type="text/css" href="static/css/index.css">
    <link rel="stylesheet" type="text/css" href="static/css/animate.min.css">
</head>

<body class="index">
    <style type="text/css">
	/*通用*/
	.page-box span{
		margin-left:10px;margin-right:10px;
	}
	.public-footer .body-box .right-box .txt_2 .item-box .img-box img{
		width:106px;
	}
	.public-footer .body-box .right-box .txt_3 .ok{
		margin-top: 40px;
	    width: 120px;
	    height: 35px;
	    line-height: 35px;
	    background: #801a30;
	    text-align: center;
	    color: #fff;
	    font-size: 16px;
	}
	/*放大*/
	.join-wrap .session_4 .center-box .img-box .img-box-img,
	.pro_list-wrap .session_2 .txt-box .other-box .img-box,
	.pro_list-wrap .session_2 .img-big,
	.about-wrap .session_1 .img-box,
	.index .session_5 .centent-box .item-box .img-box,
	.index .session_4 .right-box .item-box .img-box,
	.news_list-wrap .session_1 .centent-box .item-box .img-box,
	.about-wrap .session_3 .item-box .img-box,
	.about-wrap .session_2 .item-box .right-box .img-box,
	.about-wrap .session_2 .item-box .left-box{ 
		overflow:hidden; 
	}
	.join-wrap .session_4 .center-box .img-box .img-box-img img,
	.pro_list-wrap .session_2 .txt-box .other-box .img-box img,
	.pro_list-wrap .session_2 .img-big > img,
	.about-wrap .session_1 .img-box img,
	.index .centent-box .item-box .img-box img,
	.index .session_4 .right-box .item-box .img-box img,
    .news_list-wrap .session_1 .centent-box .item-box .img-box img,
	.about-wrap .session_3 .item-box .img-box img,
	.about-wrap .session_2 .item-box .right-box .img-box img,
	.about-wrap .session_2 .item-box .left-box img{
		transition:all .8s;
	}
	.join-wrap .session_4 .center-box .img-box .img-box-img:hover img,
	.pro_list-wrap .session_2 .txt-box .other-box .img-box:hover img,
	.pro_list-wrap .session_2 .img-big:hover > img,
	.about-wrap .session_1 .img-box:hover img,
	.index .session_5 .centent-box .item-box .img-box:hover img,
	.index .session_4 .right-box .item-box .img-box:hover img,
	.news_list-wrap .session_1 .centent-box .item-box .img-box:hover img,
	.about-wrap .session_3 .item-box .img-box:hover img,
	.about-wrap .session_2 .item-box .right-box:hover img,
	.about-wrap .session_2 .item-box .left-box:hover img{
		transform:scale(1.1);
	}
	/*关于增加栏目*/
	.about-wrap .session_7 {
  padding-top: 70px;
  border-top: 1px solid #bfbfbf;
  margin-top: 75px;
}
.about-wrap .session_7 .title-box {
  font-size: 30px;
  color: #414141;
  position: relative;
  padding-bottom: 30px;
  line-height: 1;
  margin-bottom: 60px;
  text-align: center;
  font-family: "微软雅黑";
}
.about-wrap .session_7 .title-box:before {
  position: absolute;
  content: '';
  left: 50%;
  transform: translateX(-50%);
  width: 68px;
  height: 1px;
  background: #58585b;
  bottom: 0;
}
.about-wrap .session_7 .item-box {
  position: relative;
}
.about-wrap .session_7 .item-box:before {
  position: absolute;
  bottom: 0;
  background-image: url(static/image/icon_71.png);
  height: 113px;
  content: '';
  z-index: 2;
  left: 0;
  right: 0;
}
.about-wrap .session_7 .item-box .txt-box {
  position: absolute;
  left: 60px;
  right: 60px;
  z-index: 3;
  color: #fff;
  height: 65px;
  line-height: 65px;
  bottom: 0px;
  border-top: 1px solid rgba(255, 255, 255, 0.6);
}
.about-wrap .session_7 .arr-box {
  position: absolute;
  right: 60px;
  z-index: 223;
  height: 65px;
  line-height: 65px;
  border-left: 1px solid rgba(255, 255, 255, 0.6);
  bottom: 0;
  padding-left: 15px;
  font-size: 0;
}
.about-wrap .session_7 .arr-box .swiper-button-next,
.about-wrap .session_7 .arr-box .swiper-button-prev {
  margin-top: 0;
  width: 45px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  border: 1px solid rgba(255, 255, 255, 0.6);
  position: static;
  display: inline-block;
  border-radius: 100%;
  vertical-align: middle;
  font-size: 20px;
  margin-left: 10px;
  margin-right: 10px;
}
.about-wrap .session_7 .arr-box .swiper-button-next:after,
.about-wrap .session_7 .arr-box .swiper-button-prev:after {
  color: #fff;
  font-size: 20px;
}
.about-wrap .session_7 .arr-box .swiper-button-next:hover,
.about-wrap .session_7 .arr-box .swiper-button-prev:hover {
  background: #801a30;
  border-color: #801a30;
}
	/*more效果*/
	.index .session_6 .left-box .more-box a,
	.index .session_3 .more-box a,
	.index .session_2 .more-box a{
		position:relative;
		overflow:hidden;
	}
	.index .session_6 .left-box .more-box a:hover,
	.index .session_3 .more-box a:hover,
	.index .session_2 .more-box a:hover{
		background:unset;
	}
	.index .session_6 .left-box .more-box a:before,
	.index .session_3 .more-box a:before,
	.index .session_2 .more-box a:before{
	  content: '';
	  position: absolute;
	  right: 0;
	  top: 0;
	  width: 0;
	  height: 100%;
	  background:#680016;
	  border-radius:30px;
	  transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
	  transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1);
	  z-index: -1;
	}
	.session_6 .left-box .more-box a:focus:before,
	.index .session_6 .left-box .more-box a:hover:before,
	.index .session_3 .more-box a:focus:before,
	.index .session_3 .more-box a:hover:before,
	.index .session_2 .more-box a:hover:before,
	.index .session_2 .more-box a:focus:before{
	  right:auto;
	  left: 0;
	  width:100%;
	  border-radius:30px;
	}
	/*首页*/
	.index .session_1 .swiper-slide .centent-box{
		background:transparent;
	}
	.index .session_2 .box .img-box .icon-box img{
		margin-top:-5px;margin-left:4px;
	}
	.index .session_2 .txt-box dl:nth-child(1){
		margin-bottom:50px;
	}
	.index .session_2 .txt-box dl:nth-child(2){
         margin-bottom:42px;
	}
	.index .session_2 .box p{
		letter-spacing:2px;padding-left:0;text-align:center;
		font-size:18px;
	}
	.index .session_3{
		background:url(static/image/img_2.jpg);
		background-size:100% 100%;
		background-attachment:fixed;
	}
	.index .session_3 .title-box h3,
	.index .session_3 .title-box p{
		letter-spacing:3px;
	}
	.index .session_5 .centent-box .item-box .txt-box .title h3{
		letter-spacing:4px;
	}
	.index .session_3 .list-box .item-box .icon-box img{
		transition:all .8s;
	}
	.index .session_3 .list-box .item-box .icon-box:hover img,
	.index .session_3 .list-box .item-box .icon-box img.active{
        display:none;
	}
	.index .session_3 .list-box .item-box .icon-box:hover img.active{
		display:inline-block;
	}
	.index .session_4 .left-box .list-box .item-box .icon-box img{
		height:40px;
	}
	.index .session_4 .left-box .list-box .item-box:hover:before, .index .session_4 .left-box .list-box .item-box.active:before{
		width:130px;
	}
	.index .session_4 .left-box .list-box .item-box:nth-child(1):hover:before, .index .session_4 .left-box .list-box .item-box.active:nth-child(1):before,
	.index .session_4 .left-box .list-box .item-box:nth-child(4):hover:before, .index .session_4 .left-box .list-box .item-box.active:nth-child(4):before{
		width:150px;
	}
	.index .session_4 .left-box .list-box .item-box:before{
		left:20px;
	}
	.index .session_4 .left-box .list-box .item-box:nth-child(4):before,
	.index .session_4 .left-box .list-box .item-box:nth-child(1):before{
		left:0;
	}
	.index .session_5 .centent-box .item-box .txt-box{
		display:none;
	}
	.index .session_5 .centent-box .item-box .img-box{
		right:0;width:100%;
	}
	.index .session_5 .centent-box .item-box .img-box img{
		height:100%;
	}
	.index .session_5 .centent-box .item-box .txt-box .title h3,
	.index .session_5 .centent-box .item-box .txt-box .title p{
          width:480px;
	}
	.index .session_5 .centent-box .item-box_3 .txt-box .des-box p,
	.index .session_5 .centent-box .item-box_6 .txt-box .des-box p,
	.index .session_5 .centent-box .item-box_3 .txt-box .title p,
	.index .session_5 .centent-box .item-box_6 .txt-box .title p,
	.index .session_5 .centent-box .item-box_3 .txt-box .title h3,
	.index .session_5 .centent-box .item-box_6 .txt-box .title h3{
          color:#323232;
	}
	.index .session_5 .centent-box .item-box .txt-box .title span{
		background:#680016;color:#fff;
	}
	.index .session_6 .left-box .list-box .item-box .icon-box img{
		 transition:all .8s;
	}
	.index .session_6 .left-box .list-box .item-box:hover .icon-box img{
       transform:rotateY(180deg);
	}
	.index .session_7 .item-box .txt-box .des-box h3{
		overflow: hidden;
	    text-overflow: ellipsis;
	    display: -webkit-box;
	    -webkit-line-clamp:1;
	    -webkit-box-orient: vertical;

	    line-height:unset;
	    height:24px;
	}
	.index .session_7 .item-box .img-box img{
		height:240px;
	}
	/*关于*/
	.about-wrap .session_2 .item-box .left-box:before{
	    z-index:9;
	}
	.about-wrap .session_2 .item-box .left-box .txt-box p{
		z-index:10;
	}
	.about-wrap .session_2 .item-box .left-box img{
		width:100%;height:100%;
	}
	.about-wrap .session_2 .item-box .right-box .img-box{
		position:absolute;width:780px;height:426px;bottom:0;
	}
	.about-wrap .session_2 .item-box .right-box img{
		position:absolute;bottom:0;left:0;
	}
	/*产品*/
	.pro_list-wrap .session_1 .page-box{
		text-align:center;
	}
	.pro_list-wrap .session_1 .page-box span a{
		font-size:16px;
	}
	.pro_list-wrap .session_1 .page-box span.active a{
		color:#801a30;
	}
	.pro_list-wrap .session_1 .list-box .col-md-6{
		width:33.3%;
	}
	.pro_list-wrap .session_1 .list-box .item-box .img-box img{
		height:285px;
	}
	.pro_list-wrap .session_4 .item-box .img-box img{
		height:310px;
	}
	.pro_list-wrap .session_2 .txt-box .title-box h3{
		font-size:30px;
	}
	.pro_list-wrap .session_2 .txt-box .title-box p{
		font-size:18px;
	}
	.pro_list-wrap .session_3 .box_2 ul img{
		max-width:90%;
	}
	/*加盟*/
	.join-wrap .session_4 .center-box .img-box:before{
		border-color:#801a30;
	}
	.join-wrap .session_2 .all-box .item-box{
		background:#801a30;
	}
	.join-wrap .session_3 .item-box{
		transition:all 1.2s;
	}
	.join-wrap .session_3 .item-box:hover p{
		color:#fff;
	}
	.join-wrap .session_1 .centent-box .left-box dl{
		height:120px;
	}
	.join-wrap .session_1 .centent-box .left-box:nth-child(2){
		width:536px;margin-right:0;
	}
	/*案例*/
	/*新闻*/
	.news_list-wrap .session_1 .centent-box .item-box .txt-box .des-box h3,
	.news_list-wrap .session_1 .centent-box .item-box{
		border-color:#e5e5e5;
	}
	.news_list-wrap .session_1 .page-box{
		text-align:center;
	}
	.news_list-wrap .session_1 .page-box .title-top{
		margin-bottom:20px;
	}
	.news_list-wrap .session_1 .centent-box .item-box .img-box img{
		width:296px;height:234px;
	}
	.news_list-wrap .session_1 .centent-box .item-box .txt-box .des-box h3{
				overflow: hidden;
	    text-overflow: ellipsis;
	    display: -webkit-box;
	    -webkit-line-clamp:1;
	    -webkit-box-orient: vertical;
	}
	.news_list-wrap .session_1 .centent-box .item-box:hover .txt-box .des-box h3{
		color:#801b31;
	}
	/*联系*/
	@media screen and (max-width: 1600px) {
	  .index .session_5 .centent-box .item-box .img-box img{
	  	width:100%;
	  }
	  	.index .session_5 .centent-box .item-box .txt-box .title h3,
		.index .session_5 .centent-box .item-box .txt-box .title p{
	          width:420px;
		}
			.index .session_5 .centent-box .item-box .txt-box .title h3{
				font-size:42px;
			}
			.index .session_5 .centent-box .item-box .txt-box .title p{
				font-size:20px;
			}
	}
</style>

<div id="top" style="position:fixed;bottom:60px;right:10px;z-index:99999;display:none;">
    <img src="static/picture/img_8.jpg" style="width:60px;">
</div>

    <div class="public-header">
        <div class="body-box block clearfix">
            <div class="logo-box">
                <a href="/">
                    <img src="/static/upload/image/20230522/1684741859743126.png" height="80px">
                   <!--   style="border-right:1px solid #e5e5e5;padding-right:12px;" -->
                </a>
            </div>
        <!--     <div class="txt" style="display: inline-block;height: 30px;line-height: 1.6;position: relative;left: 12px;top:12px;">专为北方人打造<br>的系统门窗</div> -->
            <div class="link-box">
                <ul>
                   <li class="active">
                        <a href="/">
                            首页
                        </a>
                    </li>
                    
                                             <li>
                            <a href="/?pages_1/">品牌印象</a>
                        </li>
                        
                                             <li>
                            <a href="/?list_2/">产品之旅</a>
                        </li>
                        
                                             <li>
                            <a href="/?pages_3/">招商加盟</a>
                        </li>
                        
                                             <li>
                            <a href="/?list_4/">新闻资讯</a>
                        </li>
                        
                                             <li>
                            <a href="/?pages_5/">联系我们</a>
                        </li>
                        
                                        </ul>
            </div>
        </div>
    </div>    
            <div class="session_1">
        <div class="swiper-container">
            <div class="swiper-wrapper">
                  
                  
                                    <div class="swiper-slide" data-src="/static/upload/image/20230522/1684742035978539.jpg">
                        <div class="item-box">
                            <div class="img-box">
                                <div class="img" style="background-image: url(/static/upload/image/20230522/1684742035978539.jpg);"></div>
                            </div>
                            <div class="centent-box">
                                <div class="centent-block block">
                                    <div class="info-box">
                                                                                <img src="">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                          
                                    <div class="swiper-slide" data-src="/static/upload/image/20230424/1682305353517787.jpg">
                        <div class="item-box">
                            <div class="img-box">
                                <div class="img" style="background-image: url(/static/upload/image/20230424/1682305353517787.jpg);"></div>
                            </div>
                            <div class="centent-box">
                                <div class="centent-block block">
                                    <div class="info-box">
                                                                                <img src="">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                          
                       
                            </div>
            <!-- Add Arrows -->
            <div class="swiper-pagination"></div>
            <div class="swiper-pagination"></div>
            <div class="arr-box">
                <div class="block">
                    <div class="swiper-button-next">
                        <div class="img-box">
                        </div>
                    </div>
                    <div class="swiper-button-prev">
                    </div>
                </div>
            </div>
        </div>
    </div>


    <!-- 关于 -->
    <div class="session_2 block">
        <div class="title-box wow animated fadeInUp">
            <h3><img src="static/picture/e6e9fa081.png"></h3>
            <span>了解品牌</span>
        </div>
         
        <div class="centent-box">
            <div class="txt-box">
                <dl class="wow animated fadeInUp">
                 
                    <dd><p style="margin-top: 0px; margin-bottom: 0px; padding: 0px; font-size: 16px; color: rgb(51, 51, 51); line-height: 2; font-family: -apple-system, &quot;Helvetica Neue&quot;, Helvetica, Arial, &quot;PingFang SC&quot;, &quot;Hiragino Sans GB&quot;, STHeiti, &quot;Microsoft YaHei&quot;, &quot;Microsoft JhengHei&quot;, SimSun, sans-serif; white-space: normal; background-color: rgb(255, 255, 255);">佛山市欧米欧门窗有限公司，历经数载艰苦创业与发展，已成为国内高端门窗铝材与门窗产品的生产、销售、研发一体型企业。<span style="color: rgb(51, 51, 51); font-family: -apple-system, &quot;Helvetica Neue&quot;, Helvetica, Arial, &quot;PingFang SC&quot;, &quot;Hiragino Sans GB&quot;, STHeiti, &quot;Microsoft YaHei&quot;, &quot;Microsoft JhengHei&quot;, SimSun, sans-serif; font-size: 16px; background-color: rgb(255, 255, 255);">欧米欧门窗</span>坐落于佛山大沥，厂面积一万五千平方，公司以卓越的企业标准，已经发展成为国内铝材门窗知名连锁品牌。</p><p style="margin-top: 0px; margin-bottom: 0px; padding: 0px; font-size: 16px; color: rgb(51, 51, 51); line-height: 2; font-family: -apple-system, &quot;Helvetica Neue&quot;, Helvetica, Arial, &quot;PingFang SC&quot;, &quot;Hiragino Sans GB&quot;, STHeiti, &quot;Microsoft YaHei&quot;, &quot;Microsoft JhengHei&quot;, SimSun, sans-serif; white-space: normal; background-color: rgb(255, 255, 255);"><span style="color: rgb(51, 51, 51); font-family: -apple-system, &quot;Helvetica Neue&quot;, Helvetica, Arial, &quot;PingFang SC&quot;, &quot;Hiragino Sans GB&quot;, STHeiti, &quot;Microsoft YaHei&quot;, &quot;Microsoft JhengHei&quot;, SimSun, sans-serif; font-size: 16px; background-color: rgb(255, 255, 255);">欧米欧门窗</span>以研发独具特色且安装便捷与高贵华丽的门窗产品为导向，以客户的需求与定位为准则！为全国门窗企业提供一站式现货门窗铝材平台！</p><p><br/></p></dd>
                  
                </dl>
              
                <div class="more-box wow animated fadeInUp" data-wow-delay="0.3s">
                    <a href="/?pages_1/">开启品牌之旅<img src="static/picture/icon_4.png"><img src="static/picture/icon_4_1.png" class="active"></a>
                </div>
                
                                <div class="box wow animated fadeInUp" data-wow-delay="0.5s">
                    <div class="img-box">
                        <img src="/static/upload/image/20230420/1681982942332470.png">
                        <div class="icon-box" data-src="/static/upload/other/20230522/1684742986320742.mp4">
                            <img src="static/picture/icon_5.png">
                            <div class="line-box"></div>
                        </div>
                    </div>
                    <p>安装便捷 · 高贵华丽</p>
                </div>
            </div>
        </div>
    </div>
      
    <!-- 专注研发推广 -->
    <div class="session_3">
                <div class="title-box wow animated fadeInUp">
            <h3>专注系统门窗的研发与推广</h3>
            <p>不断完善门窗功能&nbsp;&nbsp;提升门窗品质</p>
        </div>
        <div class="list-box clearfix">
                                        <div class="item-box">
                    <div class="icon-box wow animated fadeInUp" data-wow-delay="0.1s">
                        <img src="static/picture/e66cdea5f.png">
                         <img src="static/picture/0da7cc254.png" class="active">
                    </div>
                    <p class="wow animated fadeInUp" data-wow-delay="0.2s">隔音</p>
                </div>
                            <div class="item-box">
                    <div class="icon-box wow animated fadeInUp" data-wow-delay="0.3s">
                        <img src="static/picture/5151acdff.png">
                         <img src="static/picture/cce5de899.png" class="active">
                    </div>
                    <p class="wow animated fadeInUp" data-wow-delay="0.4s">隔热</p>
                </div>
                            <div class="item-box">
                    <div class="icon-box wow animated fadeInUp" data-wow-delay="0.5s">
                        <img src="static/picture/f0f4b526e.png">
                         <img src="static/picture/395a6f8ae.png" class="active">
                    </div>
                    <p class="wow animated fadeInUp" data-wow-delay="0.6s">防水</p>
                </div>
                            <div class="item-box">
                    <div class="icon-box wow animated fadeInUp" data-wow-delay="0.7s">
                        <img src="static/picture/58f4cd621.png">
                         <img src="static/picture/ef54bbfce.png" class="active">
                    </div>
                    <p class="wow animated fadeInUp" data-wow-delay="0.8s">抗风压</p>
                </div>
                            <div class="item-box">
                    <div class="icon-box wow animated fadeInUp" data-wow-delay="0.9s">
                        <img src="static/picture/26968ba02.png">
                         <img src="static/picture/76992ba7a.png" class="active">
                    </div>
                    <p class="wow animated fadeInUp" data-wow-delay="1s">节能</p>
                </div>
                            <div class="item-box">
                    <div class="icon-box wow animated fadeInUp" data-wow-delay="1.1s">
                        <img src="static/picture/d47135457.png">
                         <img src="static/picture/413f8ad7f.png" class="active">
                    </div>
                    <p class="wow animated fadeInUp" data-wow-delay="1.2s">环保</p>
                </div>
                    </div>
        <div class="more-box wow animated fadeInUp" data-wow-delay="0.3s">
            <a href="/?list_2/">开启产品之旅<img src="static/picture/icon_4_1.png"></a>
        </div>
    </div>
    <!-- 产品 -->
    <div class="session_4 block clearfix">
        <div class="left-box">
                        <h3 class="wow animated fadeInUp">已成为国内高端门窗铝材与门窗产品的生产、销售、研发一体型企业        </h3>
            <div class="list-box clearfix">
                                                      <div class="item-box active">
                        <div class="icon-box wow animated fadeInUp" data-wow-delay="0.1s">
                            <img src="static/picture/0ae3ddc9d.png">
                            <img src="static/picture/fa1406e5f.png" class="active">
                        </div>
                        <div class="txt-box wow animated fadeInUp" data-wow-delay="0.2s">
                            系统化<br>结构设计                        </div>
                    </div>
                                    <div class="item-box ">
                        <div class="icon-box wow animated fadeInUp" data-wow-delay="0.3s">
                            <img src="static/picture/db319001b.png">
                            <img src="static/picture/4b9a0ad41.png" class="active">
                        </div>
                        <div class="txt-box wow animated fadeInUp" data-wow-delay="0.4s">
                            高精度<br>配件搭配                        </div>
                    </div>
                                    <div class="item-box ">
                        <div class="icon-box wow animated fadeInUp" data-wow-delay="0.5s">
                            <img src="static/picture/54d85c6d6.png">
                            <img src="static/picture/5bb53c62c.png" class="active">
                        </div>
                        <div class="txt-box wow animated fadeInUp" data-wow-delay="0.6s">
                            标准化<br>材料配置                        </div>
                    </div>
                                    <div class="item-box ">
                        <div class="icon-box wow animated fadeInUp" data-wow-delay="0.7s">
                            <img src="static/picture/1195a101f.png">
                            <img src="static/picture/da99b8dcf.png" class="active">
                        </div>
                        <div class="txt-box wow animated fadeInUp" data-wow-delay="0.8s">
                            高品质<br>五金系统                        </div>
                    </div>
                                    <div class="item-box ">
                        <div class="icon-box wow animated fadeInUp" data-wow-delay="0.9s">
                            <img src="static/picture/8d5aa0f8e.png">
                            <img src="static/picture/bddb824b4.png" class="active">
                        </div>
                        <div class="txt-box wow animated fadeInUp" data-wow-delay="1s">
                             严规格<br>生产工艺                        </div>
                    </div>
                            </div>
            <h4 class="wow animated fadeInUp" data-wow-delay="0.3s">以客户的需求与定位为准则！</h4>
        </div>
        <div class="right-box wow animated fadeInUp">
            <div class="swiper-container">
                <div class="swiper-wrapper">
                               
                               <div class="swiper-slide">
                            <div class="item-box">
                                <a href="/?list_2/">
                                    <div class="img-box">
                                        <img src="/static/upload/image/20230424/1682336587186377.png">
                                        <div class="nub-box">
                                            </div>
                                    </div>
                                    <div class="txt-box">
                                        <h3>平开门</h3>
                                        <p></p>
                                    </div>
                                </a>
                            </div>
                        </div>
                               
                               <div class="swiper-slide">
                            <div class="item-box">
                                <a href="/?list_2/">
                                    <div class="img-box">
                                        <img src="/static/upload/image/20230424/1682336539103511.png">
                                        <div class="nub-box">
                                            </div>
                                    </div>
                                    <div class="txt-box">
                                        <h3>斜边平开门</h3>
                                        <p></p>
                                    </div>
                                </a>
                            </div>
                        </div>
                               
                               <div class="swiper-slide">
                            <div class="item-box">
                                <a href="/?list_2/">
                                    <div class="img-box">
                                        <img src="/static/upload/image/20230424/1682336500187724.png">
                                        <div class="nub-box">
                                            </div>
                                    </div>
                                    <div class="txt-box">
                                        <h3>斜边平开门</h3>
                                        <p></p>
                                    </div>
                                </a>
                            </div>
                        </div>
                               
                               <div class="swiper-slide">
                            <div class="item-box">
                                <a href="/?list_2/">
                                    <div class="img-box">
                                        <img src="/static/upload/image/20230424/1682336466771022.png">
                                        <div class="nub-box">
                                            </div>
                                    </div>
                                    <div class="txt-box">
                                        <h3>平开门</h3>
                                        <p></p>
                                    </div>
                                </a>
                            </div>
                        </div>
                               
                               <div class="swiper-slide">
                            <div class="item-box">
                                <a href="/?list_2/">
                                    <div class="img-box">
                                        <img src="/static/upload/image/20230424/1682336439926066.png">
                                        <div class="nub-box">
                                            </div>
                                    </div>
                                    <div class="txt-box">
                                        <h3>旋转门</h3>
                                        <p></p>
                                    </div>
                                </a>
                            </div>
                        </div>
                               
                               <div class="swiper-slide">
                            <div class="item-box">
                                <a href="/?list_2/">
                                    <div class="img-box">
                                        <img src="/static/upload/image/20230424/1682336399194476.png">
                                        <div class="nub-box">
                                            </div>
                                    </div>
                                    <div class="txt-box">
                                        <h3>极窄单轨道</h3>
                                        <p></p>
                                    </div>
                                </a>
                            </div>
                        </div>
                               
                               <div class="swiper-slide">
                            <div class="item-box">
                                <a href="/?list_2/">
                                    <div class="img-box">
                                        <img src="/static/upload/image/20230424/1682336290132857.png">
                                        <div class="nub-box">
                                            </div>
                                    </div>
                                    <div class="txt-box">
                                        <h3>极窄系统推拉四轨吊趟电动</h3>
                                        <p></p>
                                    </div>
                                </a>
                            </div>
                        </div>
                               
                               <div class="swiper-slide">
                            <div class="item-box">
                                <a href="/?list_2/">
                                    <div class="img-box">
                                        <img src="/static/upload/image/20230424/1682336243189871.png">
                                        <div class="nub-box">
                                            </div>
                                    </div>
                                    <div class="txt-box">
                                        <h3>V9-75 推拉门</h3>
                                        <p></p>
                                    </div>
                                </a>
                            </div>
                        </div>
                               
                               <div class="swiper-slide">
                            <div class="item-box">
                                <a href="/?list_2/">
                                    <div class="img-box">
                                        <img src="/static/upload/image/20230424/1682336175638414.png">
                                        <div class="nub-box">
                                            </div>
                                    </div>
                                    <div class="txt-box">
                                        <h3>断桥重型推拉门</h3>
                                        <p></p>
                                    </div>
                                </a>
                            </div>
                        </div>
                               
                               <div class="swiper-slide">
                            <div class="item-box">
                                <a href="/?list_2/">
                                    <div class="img-box">
                                        <img src="/static/upload/image/20230424/1682336097216286.png">
                                        <div class="nub-box">
                                            </div>
                                    </div>
                                    <div class="txt-box">
                                        <h3>G95断桥推拉窗</h3>
                                        <p></p>
                                    </div>
                                </a>
                            </div>
                        </div>
                               
                               <div class="swiper-slide">
                            <div class="item-box">
                                <a href="/?list_2/">
                                    <div class="img-box">
                                        <img src="/static/upload/image/20230424/1682336003182374.png">
                                        <div class="nub-box">
                                            </div>
                                    </div>
                                    <div class="txt-box">
                                        <h3>断桥双内平开窗纱一体2.0</h3>
                                        <p></p>
                                    </div>
                                </a>
                            </div>
                        </div>
                               
                               <div class="swiper-slide">
                            <div class="item-box">
                                <a href="/?list_2/">
                                    <div class="img-box">
                                        <img src="/static/upload/image/20230424/1682335935180191.png">
                                        <div class="nub-box">
                                            </div>
                                    </div>
                                    <div class="txt-box">
                                        <h3>双断桥平推窗</h3>
                                        <p></p>
                                    </div>
                                </a>
                            </div>
                        </div>
                               
                               <div class="swiper-slide">
                            <div class="item-box">
                                <a href="/?list_2/">
                                    <div class="img-box">
                                        <img src="/static/upload/image/20230424/1682335851170552.png">
                                        <div class="nub-box">
                                            </div>
                                    </div>
                                    <div class="txt-box">
                                        <h3>双断桥外平开窗纱一体</h3>
                                        <p></p>
                                    </div>
                                </a>
                            </div>
                        </div>
                               
                               <div class="swiper-slide">
                            <div class="item-box">
                                <a href="/?list_2/">
                                    <div class="img-box">
                                        <img src="/static/upload/image/20230424/1682335770151085.png">
                                        <div class="nub-box">
                                            </div>
                                    </div>
                                    <div class="txt-box">
                                        <h3>系统断桥幕墙外开窗</h3>
                                        <p></p>
                                    </div>
                                </a>
                            </div>
                        </div>
                               
                               <div class="swiper-slide">
                            <div class="item-box">
                                <a href="/?list_2/">
                                    <div class="img-box">
                                        <img src="/static/upload/image/20230424/1682335685121317.png">
                                        <div class="nub-box">
                                            </div>
                                    </div>
                                    <div class="txt-box">
                                        <h3>双内开微通风系统窗</h3>
                                        <p></p>
                                    </div>
                                </a>
                            </div>
                        </div>
                               
                                    </div>
                <!-- Add Arrows -->
                <div class="arr-box">
                    <div class="swiper-button-prev"></div>
                    <div class="swiper-button-next"></div>
                </div>
            </div>
        </div>
    </div>
    <!-- 5大突破 -->
    <div class="session_5">
                <div class="title-box wow animated fadeInUp">
            <h3>随心所欲地观赏世界</h3>
            <p><img src="static/picture/icon_19.png"></p>
            <span>西默门窗拥有清晰通透的视野，包罗万象美好</span>
        </div>
        <div class="block">
            <div class="centent-box wow animated fadeInUp" data-wow-delay="0.3s">
                <div class="title-all">
                    <div class="txt-box">
                        <div class="title">
                            <p>DESIGN BRAND</p>
                            <span>6大技术突破</span>
                        </div>
                        <div class="des-box">
                            <p>
	为客户提供个性化定制服务
</p>
<p>
	具有典型的差异化产品及方案优势
</p>                        </div>
                    </div>
                    <div class="arr-box">
                        <div class="swiper-button-prev"></div>
                        <div class="swiper-button-next"></div>
                    </div>
                                         <div class="nub-box">
                        <span>01</span><em></em>06                    </div>
                </div>
                <div class="swiper-container">
                    <div class="swiper-wrapper">
                        
                                                    <div class="swiper-slide">
                                <div class="item-box item-box_1">
                                    <div class="txt-box">
                                        <div class="title">
                                          
                                            <p></p>
                                        </div>
                                        <div class="des-box">
                                          
                                        </div>
                                    </div>
                                    <div class="img-box">
                                         <img src="/static/upload/image/20230425/1682396422854423.jpg">
                                    </div>
                                </div>
                            </div>
                                   
                                                    <div class="swiper-slide">
                                <div class="item-box item-box_1">
                                    <div class="txt-box">
                                        <div class="title">
                                          
                                            <p></p>
                                        </div>
                                        <div class="des-box">
                                          
                                        </div>
                                    </div>
                                    <div class="img-box">
                                         <img src="/static/upload/image/20230425/1682396397496837.jpg">
                                    </div>
                                </div>
                            </div>
                                   
                                                    <div class="swiper-slide">
                                <div class="item-box item-box_1">
                                    <div class="txt-box">
                                        <div class="title">
                                          
                                            <p></p>
                                        </div>
                                        <div class="des-box">
                                          
                                        </div>
                                    </div>
                                    <div class="img-box">
                                         <img src="/static/upload/image/20230425/1682396372591533.jpg">
                                    </div>
                                </div>
                            </div>
                                   
                                                    <div class="swiper-slide">
                                <div class="item-box item-box_1">
                                    <div class="txt-box">
                                        <div class="title">
                                          
                                            <p></p>
                                        </div>
                                        <div class="des-box">
                                          
                                        </div>
                                    </div>
                                    <div class="img-box">
                                         <img src="/static/upload/image/20230425/1682396335206671.jpg">
                                    </div>
                                </div>
                            </div>
                                   
                                                    <div class="swiper-slide">
                                <div class="item-box item-box_1">
                                    <div class="txt-box">
                                        <div class="title">
                                          
                                            <p></p>
                                        </div>
                                        <div class="des-box">
                                          
                                        </div>
                                    </div>
                                    <div class="img-box">
                                         <img src="/static/upload/image/20230425/1682396315807950.jpg">
                                    </div>
                                </div>
                            </div>
                                   
                                                    <div class="swiper-slide">
                                <div class="item-box item-box_1">
                                    <div class="txt-box">
                                        <div class="title">
                                          
                                            <p></p>
                                        </div>
                                        <div class="des-box">
                                          
                                        </div>
                                    </div>
                                    <div class="img-box">
                                         <img src="/static/upload/image/20230425/1682396282837999.jpg">
                                    </div>
                                </div>
                            </div>
                                   

                                            </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 加盟 -->
    <div class="session_6">
        <div class="block clearfix">
            <div class="left-box">
                                <div class="txt_1 wow animated fadeInUp">
                    <p>JOIN IN<br>HOMEDS</p>
                    <h3>与时俱进 · <span>谋远未来</span></h3>
                </div>
                <div class="txt_2 wow animated fadeInUp" data-wow-delay="0.2s">
                    <span>热线电话：15985418503</span>
                    <p>现有35000多方生产基地，年产能高达20多万平方。100+专利技术。铝材现货2500+T</p>
                </div>
                <div class="list-box clearfix wow animated fadeInUp" data-wow-delay="0.3s">
                                                                  <div class="item-box">
                            <div class="icon-box">
                                <img src="static/picture/7d014089b.png">
                            </div>
                            <p>精细化生产管理体系</p>
                        </div>
                                            <div class="item-box">
                            <div class="icon-box">
                                <img src="static/picture/27a78be14.png">
                            </div>
                            <p>十四年门窗从业经验</p>
                        </div>
                                            <div class="item-box">
                            <div class="icon-box">
                                <img src="static/picture/844cbe372.png">
                            </div>
                            <p>多个城市营销网络遍布全国</p>
                        </div>
                                    </div>
                <div class="more-box wow animated fadeInUp" data-wow-delay="0.4s">
                    <a href="/?pages_3/">开启加盟之旅<img src="static/picture/icon_4_1.png"></a>
                </div>
            </div>
        </div>
    </div>
    <!-- 新闻 -->
    <div class="session_7 block">
        <div class="top-box clearfix wow animated fadeInUp">
            <div class="title">新闻资讯</div>
            <div class="tab-box">
              
                
              
                            </div>
        </div>
        <div class="centent-box wow animated fadeInUp" data-wow-delay="0.3s">
            <div class="all-box active">
                <div class="swiper-container">
                    <div class="swiper-wrapper">
                        
                        
                        <div class="swiper-slide">
                            <div class="item-box">
                                <a href="/?list_4/116.html">
                                    <div class="img-box">
                                        <img src="/static/upload/image/20230421/1682060879147866.jpg">
                                    </div>
                                    <div class="txt-box">
                                        <div class="des-box">
                                            <h3>门窗的选购秘诀你知道吗？</h3>
                                            <p>对于不熟悉门窗的人来说，在装修的时候想要选到好的门窗简直是难如登天，各种品牌层出不穷，各种产品五花八门，根本不知道什么好什么不好，挑得人眼花缭乱，不知道究竟该怎么样才好，小编总结了门窗3大选购秘诀，赶紧来看看你知不知道？门窗在选购的时候要注意看、摸和开关，这些都是可以亲身体会的，如果自己体会的时候都感</p>
                                        </div>
                                        <div class="time-box">
                                            <span>04-21</span>
                                            <div class="arr-box">
                                                <img src="static/picture/icon_24.png">
                                            </div>
                                        </div>
                                    </div>
                                </a>
                            </div>
                        </div>
                              
                        <div class="swiper-slide">
                            <div class="item-box">
                                <a href="/?list_4/115.html">
                                    <div class="img-box">
                                        <img src="/static/upload/image/20230421/1682060841110919.jpg">
                                    </div>
                                    <div class="txt-box">
                                        <div class="des-box">
                                            <h3>这扇推拉窗中，有你想要的舒适</h3>
                                            <p>铝合金推拉窗分上下、左右推拉两种，采用滑轨设计，使用灵活。可以改善建筑物的整体形貌。铝合金推拉窗的框扇是通过滑动进行运作的，这样，推拉窗可以在开启、关闭的情况下不占据室内外的空间。铝合金推拉窗，玻璃面积玻比例占据较大，采光效果非常好。所以安装有推拉窗的居室，光线很充足。铝合金推拉窗，装饰性很强，外观</p>
                                        </div>
                                        <div class="time-box">
                                            <span>04-21</span>
                                            <div class="arr-box">
                                                <img src="static/picture/icon_24.png">
                                            </div>
                                        </div>
                                    </div>
                                </a>
                            </div>
                        </div>
                              
                        <div class="swiper-slide">
                            <div class="item-box">
                                <a href="/?list_4/114.html">
                                    <div class="img-box">
                                        <img src="/static/upload/image/20230421/1682060809108860.jpg">
                                    </div>
                                    <div class="txt-box">
                                        <div class="des-box">
                                            <h3>门窗怎么避免台风雨来袭？</h3>
                                            <p>好的门窗，防止室内漏风，杜绝温度流失。然而如果门窗出现漏风的情况，就要考虑是否是门窗五金质量出现了问题。四大主因导致窗户漏风，良好的密封性是衡量门窗质量的指标之一。许多人反映的家中门窗漏风的原因主要可归结为型材不平整、密封条老化、框架与墙体之间出现裂缝、五金件老化等。此外，门窗在最初加工时出现偏差，</p>
                                        </div>
                                        <div class="time-box">
                                            <span>04-21</span>
                                            <div class="arr-box">
                                                <img src="static/picture/icon_24.png">
                                            </div>
                                        </div>
                                    </div>
                                </a>
                            </div>
                        </div>
                              
                        <div class="swiper-slide">
                            <div class="item-box">
                                <a href="/?list_4/113.html">
                                    <div class="img-box">
                                        <img src="/static/upload/image/20230421/1682060740465263.jpg">
                                    </div>
                                    <div class="txt-box">
                                        <div class="des-box">
                                            <h3>门窗应该如何清洁保养？</h3>
                                            <p>绵绵雨细长，秋气透屏凉。每年秋季一到，风沙降雨以及雾霾天就多了起来，铝合金门窗就很容易堆积灰尘、沙石等，清洁起来实在是令人头疼。那有没有什么既轻松又管用的方法呢？一起来了解一下吧！1.玻璃a.油污：将清洁剂喷在油污上面，贴上保鲜膜，静置十分钟后用湿布擦拭即可；b.笔迹：将橡皮擦浸水之后反复擦拭，再用湿布擦</p>
                                        </div>
                                        <div class="time-box">
                                            <span>04-21</span>
                                            <div class="arr-box">
                                                <img src="static/picture/icon_24.png">
                                            </div>
                                        </div>
                                    </div>
                                </a>
                            </div>
                        </div>
                              
                            
                                                    </div>
                        <!-- Add Pagination -->
                        <div class="swiper-pagination"></div>
                    </div>
                </div>
                      </div>
    </div>
    <div class="video-pop">
        <div class="pop-bg"></div>
        <div class="video-box">
            <video controls="controls" autoplay="autoplay" src=""></video>
        </div>
    </div>
    <script type="text/javascript" src="static/js/jquery.min.js"></script>
    <script type="text/javascript" src="static/js/swiper.min.js"></script>
    <script type="text/javascript" src="static/js/jquery.running.min.js"></script>
    <script type="text/javascript" src="static/js/comm.js"></script>
    <script type="text/javascript" src="static/js/wow.js"></script>
     <div class="public-footer">
        <div class="body-box">
            <div class="block clearfix">
                <div class="right-box">
                    <div class="txt_1 wow animated fadeInUp">
                        <h3>佛山市欧米欧门窗有限公司	</h3>
                        <ul>
                            <li>地址：佛山市南海区里水镇邓岗社区里水大道中51号	<span>/</span><span style="font-weight:700;">热线：15985418503</span></li>
                            														    <li>邮箱：2499594624@qq.com	</li>
							                        </ul>
                    </div>
                    <div class="txt_2 wow animated fadeInUp" data-wow-delay="0.2s">
                    	                    	                        <div class="item-box">
                            <div class="img-box">
                                <img src="	">
                            </div>
                            <p></p>
                        </div>
                                            </div>
                    <div class="txt_3 wow animated fadeInUp" data-wow-delay="0.3s">
                    	<form action="/?message/"  method="post">    
	                        <div class="input-box">
	                            <input type="" name="contacts" required="" placeholder="姓名：">
	                            <input type="" name="email" required="" placeholder="邮箱：">
	                            <input type="" name="mobile" required="" placeholder="电话：">
	                        </div>
	                        <div class="textarea-box">
	                            <textarea placeholder="留言：" name="content" required=""></textarea>
	                        </div>
	                        <input type="submit" class="ok" value="提交">
	                    </form>
                    </div>
                </div>
            </div>
        </div>
        <div class="link-box block">
            <label>友情链接：</label>
                                                         
                        </div>
        <div class="copy-box clearfix">
            <div class="block">
                <div class="left-box">Copyright © 2023 佛山市欧米欧门窗有限公司 All Rights Reserved.	</div>
                <div class="right-box">
                    <a href="https://beian.miit.gov.cn/" target="_blank" style="color:rgba(255, 255, 255, 0.5);margin-right:20px;"><span>备案号：粤ICP备2023053079号	</span></a>
                     <a href="http//:www.wtcm.top/" target="_blank" style="color:rgba(255, 255, 255, 0.5);"><span>技术支持：网推传媒</span></a>
                </div>
            </div>
        </div>
    </div>
     <script type="text/javascript" src="static/js/layer.js"></script>
         <script type="text/javascript">
    new WOW().init();
    var swiper = new Swiper('.session_1 .swiper-container', {
        spaceBetween: 30,
        effect: 'fade',
        loop: true,
        autoplay: {
            delay: 5000,
            disableOnInteraction: false,
        },
        pagination: {
            el: '.session_1 .swiper-pagination',
            clickable: true
        },
        navigation: {
            nextEl: '.session_1 .swiper-button-next',
            prevEl: '.session_1 .swiper-button-prev',
        },
        on: {
            init: function() {
                var img = $($('.session_1 .swiper-slide')[2]).data('src');
                $('.session_1 .swiper-button-next .img-box').css('background-image', "url(" + img + ")")
            },
            slideChangeTransitionStart: function() {
                var img = $('.session_1 .swiper-slide-active').next().data('src');
                if (!img) {
                    img = $($('.session_1 .swiper-slide')[2]).data('src');
                }
                $('.session_1 .swiper-button-next .img-box').css('background-image', "url(" + img + ")")
            }
        }
    });
    $('.session_2 .icon-box').click(function() {
        $('.video-pop').show();
        $('.video-pop video')[0].src = $(this).data('src');
    });
    $('.video-pop .pop-bg').click(function() {
        $('.video-pop').hide();
        $('.video-pop video')[0].src = "";
    });
    var swiper_4 = new Swiper('.session_4 .swiper-container', {
        spaceBetween: 20,
        navigation: {
            nextEl: '.session_4 .swiper-button-next',
            prevEl: '.session_4 .swiper-button-prev',
        },
        loop:true,
        autoplay:{
              delay: 2500,  // 设置轮播的时间
              disableOnInteraction: false,  // 这一行是为了避免手动滑动轮播图后，自动轮播失效，默认为true
          },
           speed:2500,
        // on: {
        //     slideChangeTransitionStart: function() {
        //         $('.session_4 .left-box .list-box .item-box').eq(this.activeIndex).addClass('active').siblings().removeClass('active');
        //     }
        // }
    });
    $('.session_4 .left-box .list-box .item-box').click(function() {
        $(this).addClass('active').siblings().removeClass('active');
        // swiper_4.slideTo($(this).index());
    });
    $('.session_5 .centent-box').css('margin-right', -($('.session_4').offset().left));
    var swiper = new Swiper('.session_5 .swiper-container', {
        navigation: {
            nextEl: '.session_5 .swiper-button-next',
            prevEl: '.session_5 .swiper-button-prev',
        },
        loop:true,
        autoplay:{
              delay: 2000,  // 设置轮播的时间
              disableOnInteraction: false,  // 这一行是为了避免手动滑动轮播图后，自动轮播失效，默认为true
          },
        speed:2500,
        on: {
            slideChangeTransitionStart: function() {
                console.log(this.realIndex + 1);
                $('.session_5 .nub-box span').html('0' + (this.realIndex + 1));
            }
        }
    });
    $('.session_7 .top-box .tab-box span').click(function() {
        $(this).addClass('active').siblings().removeClass('active');
        $('.session_7 .centent-box .all-box').eq($(this).index()).addClass('active').siblings().removeClass('active');
    });
    var swiper = new Swiper('.session_7 .swiper-container', {
        slidesPerView: 3,
        slidesPerGroup:3,
        loop:true,
        spaceBetween: 33,
        observer: true,
           autoplay:{
              delay: 1500,  // 设置轮播的时间
              disableOnInteraction: false,  // 这一行是为了避免手动滑动轮播图后，自动轮播失效，默认为true
          },
       speed:4500,
        loop:true,
        observeParents: true,
        pagination: {
            el: '.session_7 .swiper-pagination',
            clickable: true
        },
    });
    </script>

</body>

</html>