background: #000;
        color: #fff;
        font-size: 16px;
        border: none;
        letter-spacing: 1px;
        transition: background 0.5s,color 0.5s;
        -moz-transition: background 0.5s,color 0.5s;	/* Firefox 4 */
    }
    .a-btn:hover{
    	background: #e4007f;
    	color: #fff;
    }
    @media (min-width: 576px){
        .modal-dialog {
            max-width: 500px;
            margin: 1.75rem auto;
        }
    }
    @media (min-width: 768px){
        .product-article.modal {
            top: 28%;
        }
        .modal-dialog {
            max-width: 700px;
        }
    }
   
</style>
    
<div class="modal fade product-article" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-body">
                <p class="text-right">
                    <button type="button" class="close hvr-push" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
                </p>
                <div class="row m-0">
                    <div class="col-md-4">
                        <p class="text-center"><img loading="lazy" src="/static/upload/image/20240117/1705477773314133.jpg" class="img-fluid" /></p>
                        <h4>SMB80</h4>
                        <p class="mb-0">Angle Shader Brush</p>
                    </div>
                    <div class="col-md-8">
                        <form name="form1" action="/form/2/" method="post" onsubmit="return checkSubmit1();">
                            <div class="mescon">
                                <h3>Leave a Message<br>We will call you back soon!</h3>
                                <input type="hidden" class="form-control required" name="cplj" value="http://www.colorlbrush.com/Eye-Brush/272.html" />
                                <input type="hidden" class="form-control required" name="cpmd" value="SMB80" />
                                <input type="hidden" class="form-control required" name="cpt1" value="http://www.colorlbrush.com/static/upload/image/20240117/1705477773314133.jpg" />
                                <div class="form-group">
                                    <input type="text" class="form-control required" name="email" id="email" placeholder="Enter your e-mail *" />
                                </div>
                                <div class="form-group">
                                    <input type="text" class="form-control required" name="name" id="name" placeholder="Enter your name *" />
                                </div>
                                <div class="form-group">
                                    <textarea class="form-control" name="message" rows="3" placeholder="Message"></textarea>
                                </div>
                            </div>
                            <div class="form-group">
                                <button type="submit" class="a-btn hvr-push">SEND MESSAGE TO US</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<link rel="stylesheet" href="/template/kehzp/ot/swiper.min.css">
<style>
    .scrodivmt{position:fixed; top:0; left:0; bottom:0; right:0; z-index:1040; background:rgba(0,0,0,0.5); display:none;}
    .scrodivmt .probanner{width:800px; position:absolute; left:50%; top:5px; margin-left:-400px;}
    /*.probanner{width:100%; height:100%;}*/
    .probanner img{width:100%; height:100%;}
    .probanner .swiper-wrapper .swiper-slide{width: 100%; height: 100%;}
    .closeScroll{position:absolute; right:0; top:0; width:30px; height:30px; line-height:30px; text-align:center; cursor:pointer; color:#e4007f; font-size:40px; z-index:11;}
    @media (max-width: 750px){
        .scrodivmt .probanner{width:90%; position:absolute; left:5%; top:30px; margin-left:0;}
    }
</style>

<div class="scrodivmt">
    <div class="swiper-container probanner">
        <div class="swiper-wrapper">
            <div class="swiper-slide"><img src="/static/upload/image/20240117/1705477773314133.jpg" /></div>
            
        </div>
        <div class="swiper-button-next"></div>
        <div class="swiper-button-prev"></div>
        <a class="closeScroll" onclick="closescroll();">×</a>
    </div>
</div>



<script>
    function checkSubmit1(){
        var reg = new RegExp("^[a-z0-9]+([._\\-]*[a-z0-9])*@([a-z0-9]+[-a-z0-9]*[a-z0-9]+.){1,63}[a-z0-9]+$"); //正则表达式
        var obj = document.getElementById("email"); //要验证的对象
        if(document.form1.email.value==""){
            alert("Please fill in the required fields with an asterisk.");
            document.getElementById("email").focus();
            return false;
        }else if(!reg.test(obj.value)){
            alert("E-mail format is incorrect!");
            document.getElementById("email").focus();
            return false;
        }else if(document.form1.name.value==""){
            alert("Please fill in the required fields with an asterisk.");
            document.getElementById("name").focus();
            return false;
        }
    }
</script>
<script src="/template/kehzp/ot/swiper.min.js"></script>
<script>

</script>
    <footer class="bottom_bg">
    <div class="container">
        <div class="row">
            <div class="col-md-3 bottom_ul">
                <ul class="list-unstyled">
                    <h4 class="collapsed wap1200">PRODUCTS</h4>
                    <h4 data-toggle="collapse" href="#di_products" class="collapsed wap900">PRODUCTS <span class="pull-right bottom_xiala"></span></h4>
                    <div class="collapse collapse_block" id="di_products">
                        <div class="well">
                            
                            <li><a href="/Face-Brush/">Face Brush</a></li>
                            
                            <li><a href="/Eye-Brush/">Eye Brush</a></li>
                            
                            <li><a href="/Travel-makeup-brush-set/">Travel Makeup Brush Set</a></li>
                            
                            <li><a href="/Daily-makeup-brush-set/">Daily Makeup Brush Set</a></li>
                            
                            <li><a href="/Professional-makeup-brush-set/">Professional Makeup Brush Set</a></li>
                            
                            <li><a href="/Artist-brush/">Artist Brush</a></li>
                            
                            <li><a href="/Makeup-Bag/">Makeup Bag</a></li>
                            
                            <li><a href="/Makeup-Sponge/">Makeup Sponge</a></li>
                            
                            <li><a href="/Other-Makeup-Tool/">Other Makeup Tool</a></li>
                            
                            <li><a href="/list_22/">Makeup Brush Accessories</a></li>
                            
                            <li><a href="/list_23/">Nail Brush</a></li>
                            
                        </div>
                    </div>
                </ul>
            </div>
            <div class="col-md-2 bottom_ul">
                <ul class="list-unstyled">
                    <h4 class="collapsed wap1200">ABOUT US</h4>
                    <h4 data-toggle="collapse" href="#di_about" class="collapsed wap900">ABOUT US <span class="pull-right bottom_xiala"></span></h4>
                    <div class="collapse collapse_block" id="di_about">
                        <div class="well">
                            
                            <li><a href="/Company-Profile/">Company Profile</a></li>
                            
                            <li><a href="/Certificate/">Certificate</a></li>
                            
                            <li><a href="/Exhibitions/">Exhibitions</a></li>
                            
                            <li><a href="/catalogs/">Catalogs</a></li>
                            
                            <li><a href="/News/">News</a></li>
                            
                            <li><a href="/Production-Capacity/">Production Capacity</a></li>
                            
                            <li><a href="/Innovation/">Innovation</a></li>
                            
                        </div>
                    </div>
                </ul>
            </div>
            <div class="col-md-4 bottom_ul">
                <ul class="list-unstyled">
                    <h4 class="collapsed wap1200">CONTACT US</h4>
                    <h4 data-toggle="collapse" href="#di_contact" class="collapsed wap900">CONTACT US <span class="pull-right bottom_xiala"></span></h4>
                    <div class="collapse collapse_block" id="di_contact">
                        <div class="well">
                            <li><span><img src="/template/kehzp/img/home_contact_icon1.png" /></span>Floors 1-5, building E, No. 187, Hexi New Village, Guancheng community, Guanhu street, Longhua District, Shenzhen</li>
                            <li><span><img src="/template/kehzp/img/home_contact_icon2.png" /></span>0755-21501155</li>
                            <li><a href="mailto:info@colorlbrush.com"><span><img src="/template/kehzp/img/home_contact_icon3.png" /></span>info@colorlbrush.com</a></li>
                            <li><span><img src="/template/kehzp/img/home_contact_icon4.png" /></span>www.colorlbrush.com</li>

                            <ul class="list-inline follow_icon">
                                <li><a href="https://www.facebook.com/sharer/sharer.php?u=https://www.colorlbrush.com/" target="_blank"><img src="/template/kehzp/img/follow_icon1.png" class="imgno" /><img src="/template/kehzp/img/follow_icon1_1.png" class="imgho" /></a></li>
                                <li><a href="" target="_blank"><img src="/template/kehzp/img/follow_icon2.png" class="imgno" /><img src="/template/kehzp/img/follow_icon2_1.png" class="imgho" /></a></li>
                                <li><a href="https://www.instagram.com/colorlbrushesofficial/" target="_blank"><img src="/template/kehzp/img/follow_icon3.png" class="imgno" /><img src="/template/kehzp/img/follow_icon3_1.png" class="imgho" /></a></li>
                                <li><a href="https://www.youtube.com/channel/UCJqFNlJcO2m-wZqeHsjWmJA" target="_blank"><img src="/template/kehzp/img/follow_icon4.png" class="imgno" style="position:relative; top:3px;" /><img src="/template/kehzp/img/follow_icon4_1.png" class="imgho"  style="position:relative; top:3px;" /></a></li>
                                <li><a href="https://twitter.com/ColorLCosmetic" target="_blank"><img src="/template/kehzp/img/follow_icon5.png" class="imgno" /><img src="/template/kehzp/img/follow_icon5_1.png" class="imgho" /></a></li>
                                <li><a href="https://www.tiktok.com/@colorlcosmetics" target="_blank"><img src="/template/kehzp/img/follow_icon6.png" class="imgno" /><img src="/template/kehzp/img/follow_icon6_1.png" class="imgho" /></a></li>
                            </ul>
                        </div>
                    </div>
                </ul>
            </div>
            <div class="col-md-3 bottom_ul">
                <h4>SEARCH</h4>
                <form action="/search/" method="get">
                    <div class="input-group search">
                        <input type="text" name="keyword" class="form-control" placeholder="Enter what to search for" />
                        <input type="hidden" name="field" value="ext_cpjj|title" >
                        <input type="hidden" name="scode" value="1,16" >
                        <span class="input-group-btn">
                            <button class="btn btn-default search_anniu" type="submit"></button>
                        </span>
                    </div>
                </form>
            </div>
        </div>
    </div>
    <div class="bottom_jszc">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <p class="font12" style="text-align:center">Copyright 2010-2023  Shenzhen Colorl Cosmetic Products Co.,ltd.  All Rights Reserved&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Technology：<a href="http://www.jc128.net/" target="_blank" style="color: #fff;">Jucheng Online</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="https://beian.miit.gov.cn/" target="_blank" style="color: #fff;">粤ICP备2024256954号</a></p><span>
                </div>
            </div>
        </div>
    </div>
</div>

<!--kefu-->
<ul class="list-unstyled kefu_style">
    <li>
        <a class="kefu_style_a" href="mailto:info@colorlbrush.com">
            <div><img src="/template/kehzp/img/right_service.png" /></div>
            <p>Service</p>
        </a>
        <ul class="menu list-unstyled">
            <li><a href="mailto:info@colorlbrush.com" style="color:#000;">info@colorlbrush.com</a></li>
            <!--<li><span class="fa fa-phone"></span> 13631679991</li>-->
        </ul>
    </li>
    <li>
        <a class="kefu_style_a" href="https://wa.me/+8613631679991" target="_blank">
            <div><img src="/template/kehzp/img/right_whatsapp.png" /></div>
            <p>WhatsAPP</p>
        </a>
    </li>
    <li>
        <a class="kefu_style_a" href="#">

            <div><img src="/template/kehzp/img/right_share.png" /></div>
            <p>Share</p>
        </a>
        
         <ul class="menu list-unstyled">
               <li><a href="https://www.facebook.com/profile.php?id=100084427680351" target="_blank"><img src="/template/kehzp/img/follow_icon1_1.png" class="imgho" /></a></li>
                                <li><a href="" target="_blank"><img src="/template/kehzp/img/follow_icon2_1.png" class="imgho" /></a></li>
                                <li><a href="https://www.instagram.com/colorlbrushesofficial/" target="_blank"><img src="/template/kehzp/img/follow_icon3_1.png" class="imgho" /></a></li>
                                <li><a href="https://www.youtube.com/channel/UCJqFNlJcO2m-wZqeHsjWmJA" target="_blank"><img src="/template/kehzp/img/follow_icon4_1.png" class="imgho"  style="position:relative; top:3px;" /></a></li>
                                <li><a href="https://twitter.com/ColorLCosmetic" target="_blank"><img src="/template/kehzp/img/follow_icon5_1.png" class="imgho" /></a></li>
                                <li><a href="https://www.tiktok.com/@colorlcosmetics" target="_blank"><img src="/template/kehzp/img/follow_icon6_1.png" class="imgho" /></a></li>
        </ul>
    </li>
    <li class="kefu_style_no_border">
        
        <a class="kefu_style_a" href="/contact-us/">
            <div><img src="/template/kehzp/img/right_message.png" /></div>
            <p>Message</p>
        </a>
        
    </li>
</ul>

<!--返回顶部-->
<div class="totop hidden-xs"><span class="fa fa-angle-up fa-2x"></span></div>
<!-- js -->
<script src="/template/kehzp/js/jquery.min.js"></script>
<script src="/template/kehzp/js/bootstrap.min.js"></script>
<script src="/template/kehzp/js/swiper-bundle.min.js"></script>
<!-- 页面内跳转js -->
<!--<script src="/template/kehzp/js/floor.js"></script>-->
<!-- 页面跳转加返回顶部 -->
<script type="text/javascript">
    /*
     totop  //返回顶部按钮
     fixedevery   // 左侧固定导航的每一项
     louceng  //模块的每一项
     header   //头部
     */
    // $(function(){
    //     var obj = new floor('.totop');
    //     obj.init()
    // });
    $(function(){
        $(".prolist:eq(0)").css("display","block");
        $(".wapyh").click(function(){
            if($(this).siblings(".menuwap").is(":visible")){
                $(this).find(".fa").removeClass("fa-caret-down");
                $(this).find(".fa").addClass("fa-caret-up");
                $(this).siblings(".menuwap").removeClass("menublock");
            }else{
                $(this).find(".fa").removeClass("fa-caret-up");
                $(this).find(".fa").addClass("fa-caret-down");
                $(this).siblings(".menuwap").addClass("menublock");
            }
        });
        $('.nav-li-left a').mouseover(function() {
            var index =$(this).index();
            $(this).addClass("on").siblings().removeClass("on");
            $('.nav-li-right .prolist').eq(index).fadeIn(10).siblings(".prolist").hide();
        });
    });

</script>
    <script>
        function showscroll(){
            $(".scrodivmt").show();
            var swiper = new Swiper('.probanner', {
                nextButton: '.swiper-button-next',
                prevButton: '.swiper-button-prev',
                loop: true,
                autoplay: 2500
            });
        }
        function closescroll(){
            $(".scrodivmt").hide();
        }
    </script>
    <script defer type="text/javascript" src="/template/kehzp/js/shiro.js"></script>
    
</body>
</html>