
    /*start banner*/
        .index-home .wrap-grey{min-width: 1000px; height: 550px; position: relative; }
        .index-home .product-slides{
            width: 100%;
            height: 550px;
            background-color: #0088fe;
            position: absolute;
            top: 0;
            background-position: 50%;
            background-repeat: no-repeat;
            background-image: url("/img/by/1.jpg");
        }
        .index-home .product-slides:nth-child(3){
            background-color: #ff9b04;
            display: none;
            background-position: 50%;
            background-repeat: no-repeat;
            background-image: url("/img/by/2.jpg");
        }
        .index-home .product-slides:nth-child(4){
            background: #0ccc6e;
            display: none;
            background-position: 50%;
            background-repeat: no-repeat;
            background-image: url("/img/by/3.jpg");
        }
        .index-home .product-slides:nth-child(5){
            background: #e1642e;
            display: none;
            background-position: 50%;
            background-repeat: no-repeat;
            background-image: url("/img/by/4.jpg");
        }
        .index-home .product-slides:nth-child(6){
            background: #a423ef;
            display: none;
            background-position: 50%;
            background-repeat: no-repeat;
            background-image: url("/img/by/5.jpg");
        }
        .index-home .product-slides:nth-child(7){
            background: #f05857;
            display: none;
            background-position: 50%;
            background-repeat: no-repeat;
            background-image: url("/img/by/6.jpg");
        }
        .index-home .product-slides:nth-child(8){
            background: #d13a5b;
            display: none;
            background-position: 50%;
            background-repeat: no-repeat;
            background-image: url("/img/by/7.jpg");
        }
        .index-home .product-slides:nth-child(9){
            background: #2cc6b9;
            display: none;
            background-position: 50%;
            background-repeat: no-repeat;
            background-image: url("/img/by/8.jpg");
        }

        .index-home .product-slides .bannar-insid{
            height: 550px;
            padding-left: 190px;
            position: relative;
            z-index: 8;
        }
        .index-home .product-slides .bannar-insid .box-text{
            padding-top: 87px;
            text-align: center;
            color: #fff;
        }
        .index-home .product-slides .bannar-insid .box-text h2{
            font-size: 30px;
            margin-bottom: 20px;
        }
        .index-home .product-slides .bannar-insid .box-text p{
            font-size: 13px;
            line-height: 22px;
        }
        .index-home .product-slides .bannar-insid .box-text .login-btn{
            text-align: center;
            margin-top: 20px;
        }
        .index-home .product-slides .bannar-insid .box-text .login-btn a{
            display: inline-block;
            height: 30px;
            line-height: 30px;
            text-align: center;
            padding: 0 16px;
            color: #fff;
            border: 1px solid #fff;
            border-radius: 2px;
        }
        .index-home .product-slides .bannar-insid .box-text .login-btn a.procced{
            margin-right: 15px;
            color: #0088fe;
            background: #fff;
        }
        .index-home .product-slides:nth-child(3) .bannar-insid .box-text .login-btn a.procced{
            color: #ff9b04;
        }
        .index-home .product-slides:nth-child(4) .bannar-insid .box-text .login-btn a.procced{
            color: #0ccc6e;
        }
        .index-home .product-slides:nth-child(5) .bannar-insid .box-text .login-btn a.procced{
            color:  #e1642e;
        }
        .index-home .product-slides:nth-child(6) .bannar-insid .box-text .login-btn a.procced{
            color:  #a423ef;
        }
        .index-home .product-slides:nth-child(7) .bannar-insid .box-text .login-btn a.procced{
            color: #f05857;
        }
        .index-home .product-slides:nth-child(8) .bannar-insid .box-text .login-btn a.procced{
            color: #d13a5b;
        }
        .index-home .product-slides:nth-child(9) .bannar-insid .box-text .login-btn a.procced{
            color: #2cc6b9;
        }

        .index-home .home-banner-nav{
            height: 550px;
            position: relative;
        }
        .index-home .home-banner-nav .navbar-box{
            width: 190px;
            height: 100%;
            background: #f6faff;
            position: relative;
            z-index: 9;
        }
        .index-home .home-banner-nav .navbar-box .head-title{
            color: #333;
            height: 73px;
            line-height: 73px;
            text-align: center;
            font-size: 12px;
            width: 85%;
            margin: 0 auto 14px;
            border-bottom: 1px solid #e5e5e5;
        }
        .index-home .home-banner-nav .navbar-box ul li{
            height: 40px;
            line-height: 40px;
            padding: 0 30px;
            margin-bottom: 8px; 
            cursor: pointer;
        }
        .index-home .home-banner-nav .navbar-box ul li.activ{
            background: #fff;
        }
        .index-home .home-banner-nav .navbar-box ul li a{
            color: #333;
            font-size: 13px;
        }
        .index-home .home-banner-nav .navbar-box ul li a i{
            display: inline-block;
            width: 18px;
            height: 18px;
            vertical-align: sub;
            background-size: 55px;
            margin-right: 12px;
        }
    /*end banner*/

    /*start ibeacon产品*/
        .index-home .product-box{width: 100%; background: #fff; padding-top: 100px; padding-bottom: 70px; }
        .all-product-box{margin:63px auto 0; overflow:hidden; }
        .ca-itemboxl{position: relative;float: left; width:760px; height:530px; text-align: center; }
        .ca-itemboxr{position: relative;float:right;width:340px; height:530px; text-align: center;}
        .ca-item-1,.ca-item-2{height:250px;box-shadow: 0 0 1px #efefef;margin:10px;}
        .ca-item-3{width:320px;height: 510px;margin:10px;box-shadow: 0 0 1px #efefef;}
        .ca-item-1:hover,.ca-item-2:hover,.ca-item-3:hover{box-shadow:0 0px 4px #aaa; }
        .pro{width:40%; height:100%; float: left; }
        .pro img{width:120px; height:120px; margin-top:65px; }
        .ca-item-main{width:60%; height:100%; float: left; }
        .ca-item h3{font-size:22px; color:#000; margin:20px; height:23px; text-align:center; text-shadow: 0px 1px 1px #e4ebe9; }
        .ca-item strong {margin-bottom:20px; height:110px; display: block; font-weight: 400; text-align: center; line-height: 22px; font-size: 13px; color: #888; }
        .center-button {position: relative; width: 120px; line-height: 30px; display: block; margin: 0px auto 12px;text-align: center; border: 1px solid #666; color: #999; }
        .center-button:hover{color: #fff; background: #0088fe; border: 1px solid #0088fe; transition: all 0.2s ease-in-out;}
        .usbimg{margin:0px 0 25px;width: 183px;height: 230px;}
    /*end ibeacon产品*/


    /*start 丰富好用的微信红包*/
        .index-home .program-box{
            width: 100%;
            background: #e2e5e7;
            padding-top: 100px;
            padding-bottom: 70px;
        }
        .index-home .title-b{font-size: 30px; text-align: center; margin-bottom: 15px; }
        .index-home .title-s{font-size: 16px; text-align: center; }
        .index-home .program-box .all-programs-box{margin: 63px auto 0; }
        .index-home .program-box .all-programs-box .cont-box{
            width: 320px;
            height: 260px;
            background: #fff;
            float: left;
            margin-bottom:32px;
            padding-top: 24px;
            margin-right:32px;
            -ms-transition: all 0.4s ease-in-out;
            -webkit-transition: all 0.4s ease-in-out;
            -moz-transition: all 0.4s ease-in-out;
            transition: all 0.4s ease-in-out;
        } 
         /*.index-home .program-box .all-programs-box .cont-box:nth-child(3,6){*/
         .index-home .program-box .all-programs-box .cont-box:nth-child(3n+3){
            margin-right:0;
         }

        .index-home .program-box .all-programs-box .cont-box a{
            -ms-transition: all 0.2s ease-in-out;
            -webkit-transition: all 0.2s ease-in-out;
            -moz-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out; 
        }
        .index-home .program-box .all-programs-box .cont-box:hover{
			transform: scale(1);
		    -webkit-transform: translateY(-3px);
		    -moz-transform: translateY(-3px);
		    -ms-transform: translateY(-3px);
		    -o-transform: translateY(-3px);
		    transform: translateY(-3px);
            box-shadow: 0px 3px 10px #999;
        }
        .index-home .program-box .all-programs-box .cont-box a:hover{
            border: 1px solid #0088fe;
            background: #0088fe;
            color: #fff;
        }
        .index-home .program-box .all-programs-box .cont-box .box-title{
            width: 234px;
            height: 50px;
            margin: 0 auto 25px;
            border-top: 1px solid #eee;
            border-bottom: 1px solid #eee;
            line-height: 50px;
            text-align: center;
        }
        .index-home .program-box .all-programs-box .cont-box .box-title i{
            display: inline-block;
            margin-right: 10px;
            vertical-align: middle;
            color:#0088fe;
        }
        .index-home .program-box .all-programs-box .cont-box .box-title span{
            font-size: 18px;
            font-weight: bold;
            vertical-align: middle;
        }
        .index-home .program-box .all-programs-box .cont-box p{
            height:100px;
            font-size: 14px;
            color:#666;
            padding: 0 28px;
            line-height: 22px;
            text-align: center;
        }
        .index-home .program-box .all-programs-box .cont-box a{
            display: table;
            height: 30px;
            line-height: 30px;
            text-align: center;
            padding: 0 20px;
            font-size: 14px;
            color: #999;
            margin: 25px auto 0;
            border: 1px solid #666;
        }
        /*.index-home .program-box .all-programs-box .cont-box a:hover,.tool-box .all-tool-box .tool-detail a.tool-go-btn:hover{
            color:#fff;
            border:none;
            background:linear-gradient(#0088fe,rgba(0,136,254,.5));
        }*/
    /*end 丰富好用的微信红包*/

    /*start 微信电商工具*/
        .tool-box{width: 100%; background: #fff; padding-top: 100px; padding-bottom: 70px; }
        .all-tool-box{margin:63px auto 0;}
        .tool-detail{
        	width:334px; display: inline-block; padding:20px 0; margin:2px;
            -ms-transition: all 0.4s ease-in-out;
            -webkit-transition: all 0.4s ease-in-out;
            -moz-transition: all 0.4s ease-in-out;
            transition: all 0.4s ease-in-out;
        }
        /*.tool-detail:hover{box-shadow: 0px 3px 10px #999; }*/
        .tool-detail:hover{
			transform: scale(1);
		    -webkit-transform: translateY(-3px);
		    -moz-transform: translateY(-3px);
		    -ms-transform: translateY(-3px);
		    -o-transform: translateY(-3px);
		    transform: translateY(-3px);
	        box-shadow: 0px 0px 10px #aaa; 
        }

        .tool-detail-img{width:230px;height:230px;margin:auto;background:#e2e5e7;border-radius:50%;}
        .tool-h2{margin:20px 0;text-align: center;}
        .tool-text{font-size:13px;color:#666;padding:0 10px;line-height:22px;text-align: center;}
        .tool-go-btn{
            display: table;
            height: 30px;
            line-height: 30px;
            text-align: center;
            padding: 0 20px;
            font-size: 14px;
            color: #999;
            margin: 25px auto 0;
            border: 1px solid #666;
        }
        .tool-go-btn:hover{color: #fff; background: #0088fe; border: 1px solid #0088fe;transition: all 0.2s ease-in-out;}
    /*end 微信电商工具*/

    /*start 最新动态*/
        .dynamic-box{width: 100%; background: #e2e5e7; padding-top: 100px; padding-bottom: 70px; }
        .all-dynamic-box{margin:63px auto 0; } 
        .news_detail{
        	width:298px; height:100px; display: inline-block; font-size: 16px; margin:0 20px 50px; background: #FFF; 
			-ms-transition: all 0.4s ease-in-out;
            -webkit-transition: all 0.4s ease-in-out;
            -moz-transition: all 0.4s ease-in-out;
            transition: all 0.4s ease-in-out;
        }
        .news_detail:nth-child(7),.news_detail:nth-child(8),.news_detail:nth-child(9){margin:0 20px 0;}
        .news_detail:hover{
        	transform: scale(1);
		    -webkit-transform: translateY(-3px);
		    -moz-transform: translateY(-3px);
		    -ms-transform: translateY(-3px);
		    -o-transform: translateY(-3px);
		    transform: translateY(-3px);
        	box-shadow: 0px 2px 10px #999; 
        }
        .border_right_none{border-right:none;}
        .news_detail_tit{color:#333;line-height:26px;}
        .news_detail_tit{margin:10px 15px;height: 54px;display:block; overflow:hidden; text-overflow:ellipsis;font-size:15px;}
        .ri{margin:0 15px;color:#999;}
        .news_conten_bottom{margin-top:50px;}
    /*end 最新动态*/


    /*start 加入我们*/
        .join-box{width: 100%; background: #fff; padding-top: 100px; padding-bottom: 70px; }
        .all-join-box{margin:63px auto 0; }
        .join-title{line-height:28px;padding:0 10px;}
        .join-name{font-size:26px;color:#444;}
        .join-address{font-size:14px;color:#0088fe;margin-left:16px;}
        .info-main{margin:0 50px;overflow:hidden;}
        .info-main .main-item{padding:10px 0;float: left;}
        .info-main .main-item .claim-tit{font-size: 16px;color:#717171;margin: 10px 0;height: 20px;line-height: 20px;}
        .info-main .main-item .claim-tit-icon.ask{width: 20px;height: 20px;background-position:-131px -1px;vertical-align:-4px;}
        .info-main .main-item .claim-tit-icon.subs{width: 20px;height: 22px;background-position:-106px 0px;vertical-align:-4px;}
        .info-main .main-item .claim-tit-icon.site{width: 18px;height: 22px;background-position:-156px 0px;vertical-align:-4px;}
        .info-main .main-item p{padding-left: 25px;font-size: 14px;color: #333;line-height: 26px;margin:0px;}
        .item-01{width:550px;}
        .item-02{width:374px;}
        .fontgray{font-size: 14px; color: #333; line-height: 26px; margin: 0px;}
    /*end 加入我们*/


    
