body {
    font-family:'PingFangSC-Light','Microsoft Yahei',Arial,Helvetica,sans-serif;
    color: #383838;
    font-size: 14px;
}
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
ul,li{list-style: none; margin: 0; padding: 0px;}
p{padding: 0; margin: 0;}
div,img,dl{vertical-align: top; outline:none;}
a:link,a:visited,a:hover,a:active,input,button,select,textarea{ outline:none;}
input{margin: 0;}
em,i{font-style: normal; }
.clear{ clear:both; height:0; font-size:0; overflow:hidden; width:100%;}



        /*--头部开始--*/
        #new-header{
            background: #fff;
            height: 60px;
            position: fixed;
            width: 100%;
            min-width: 1200px;
            z-index: 99999;
            border-bottom: 1px solid #d8d8d8;
        }
        #new-header .logo{
            float: left;
            margin: 12px 0 0 3%;
        }
        #new-header .logo img{
            width: 80px;
        }
        #new-header .nav{
            float: left;
            margin-left: 20px;
        }
        #new-header .nav ul{
            font-size: 0;
        }
        #new-header .nav ul li{
            display: inline-block;
            padding: 0 20px;
            font-size: 16px;
            line-height: 60px;
            
        }
        #new-header .nav a{
            color: #4A4A4A;
            text-decoration: none;
        }
        #new-header .nav a:hover{
            color: #62B134;
            text-decoration: none;
        }
        #new-header .nav ul .active > a{
            color: #62B134;
        }
        #new-header .nav ul li.platform{
            border-left: 1px solid transparent;
            border-right: 1px solid transparent;
            position: relative;
            padding: 0;
            line-height: 0;
        }
        #new-header .nav ul li.platform a{
            padding: 0 33px 0 20px;
            line-height: 60px;
            display: block;
        }
        #new-header .nav ul li.letrit{
            border-left: 1px solid #d8d8d8;
            border-right: 1px solid #d8d8d8;
        }
        #new-header .nav ul li i{
            background: url(../images/new-img/arrow-icon.png) no-repeat;
            background-size: 9px 6px;
            width: 9px;
            height: 6px;
            position: absolute;
            top: 27px;
            right: 18px;
            transition: transform .3s;
            -webkit-transition: transform .3s;
            -moz-transition: transform .3s;
        }
        #new-header .nav ul li.platform:hover i{
            transform:rotateZ(180deg);
            -webkit-transform:rotateZ(180deg);
            -moz-transform:rotateZ(180deg);
        }
        #new-header .nav ul li .classify{
            position: absolute;
            top: 59px;
            left: -1px;
            border: 1px solid #D8D8D8;
            border-top: 0;
            width: 119px;
            background: #fff;
            display: none;
        }
        #new-header .nav ul li.platform .classify span{
            display: block;
            line-height: 42px;
            text-align: center;
        }
        #new-header .nav ul li.platform .classify span a{
            padding: 0;
            line-height: 42px;
        }
        #new-header .nav ul li.platform .classify span a:hover{
            background: #f8f8f8;
            display: block;
        }
        #new-header .service-tel{
            float: right;
            line-height: 60px;
            color: #F66423;
            margin-right: 3%;
            font-size: 18px;
            background: url(../images/new-img/kf-small-icon.png) no-repeat left center;
            background-size: 29px 24px;
            padding-left: 40px;
            font-weight: bold;
        }
        /*--头部结束--*/


        /* 幻灯片样式开始 */
        #slide_banner{
            width: 100%; 
            min-height: 600px;
            position: relative;
            overflow: hidden;
            min-width: 1200px;
        }

        

        #slide_banner #banner_box{
            width: 400%;
            height: 100%;
            background-color: #bbb;
            -moz-transition:margin .5s ease-in-out;
            -webkit-transition:margin .5s ease-in-out;
            transition:margin .5s ease-in-out;
        }
        #slide_banner #banner_box div{
            display: inline-block;
            width: 25%;
            height: 100%;
            overflow: hidden;
        }
        #slide_banner #banner_box div video{
            min-width: 1350px;
        }
        #slide_banner #banner_box div img{
            min-width: 1410px;
            /*height: 100%;*/
        }

        @media all and (min-width:1300px){
            #slide_banner{
                width: 100%; 
                /*height: 990px;*/
                position: relative;
                overflow: hidden;
            }
            #slide_banner #banner_box div video{
                min-width: 2000px;
            }
            #slide_banner #banner_box div img{
                min-width: 2000px;
                /*height: 100%;*/
            }
        }

        @media all and (max-width:1300px) and (min-height:800px){
            #slide_banner{
                width: 100%; 
                /*height: 990px;*/
                position: relative;
                overflow: hidden;
            }
            #slide_banner #banner_box div video{
                min-width: 2000px;
            }
            #slide_banner #banner_box div img{
                min-width: 2000px;
                /*height: 100%;*/
            }
        }
        @media all and (max-width:1400px) and (max-height:800px){
            #slide_banner{

                width: 100%; 
                /*height: 990px;*/
                position: relative;
                overflow: hidden;


            }
            #slide_banner #banner_box div video{
                min-width: 1400px;
            }
            #slide_banner #banner_box div img{
                min-width: 1400px;
                /*height: 100%;*/
            }
        }

        @media all and (max-height:600px){
            #slide_banner{

                width: 100%; 
                /*height: 990px;*/
                position: relative;
                overflow: hidden;


            }
            #slide_banner #banner_box div video{
                min-width: 1400px;
                margin-top:-100px;
            }
            #slide_banner #banner_box div img{
                min-width: 1400px;
                /*height: 100%;*/
            }
        }

    


        #slide_banner #slide_point{
            position: absolute;
            bottom:35px;
            height: 5px;
            margin-left:370px;
        }
        #slide_banner #slide_point div{
            width: 40px;
            height: 20px;
            display: inline-block;
            margin-right:20px;
            cursor: pointer;
            padding-top:10px;
        }

        #slide_banner #slide_point div span{
            display: block;
            width: 100%;
            height: 2px;
            background-color: #f5f5f5;
        }
        #slide_banner #slide_point div.point_active{
            padding-top:8px;
        }
        #slide_banner #slide_point div.point_active span{
            height: 5px;
        }

        #slide_banner #slide_text_content{
            position: absolute;
            bottom: 60px;
            left:60px;
        }
        
        #slide_banner #slide_text_content #slide_title_box div{
            display: none;
        }
        #slide_banner #slide_text_content #slide_title_box div.slide_title_active{
            display: block;
        }
        #slide_banner #slide_text_content #slide_title_box div .slide_title{
            font-size:50px;
            color:#ffffff;
            letter-spacing:-1.21px;
            line-height:54px;
            text-shadow:0 2px 5px rgba(0,0,0,.8);
        }
        #slide_banner #slide_text_content #slide_title_box div .slide_description{
            margin-top:15px;
            margin-bottom:25px; 
        }
        #slide_banner #slide_text_content #slide_title_box div .slide_description span{
            display: inline-block;
            margin-right: 20px;
            font-size:24px;
            color:#ffffff;
            text-shadow:0 2px 2px rgba(0,0,0,1);
        }
        #slide_banner #slide_text_content #slide_text_buttons .slide_but{
            display: inline-block;
            width: 154px;
            height: 54px;
            overflow: hidden;
            border-radius: 27px;
            background-color: #f5f5f5;
            margin-right:15px; 
            cursor: pointer;
            box-shadow: 0 2px 10px rgba(0,0,0,.3);
            background-color: #75bc46;
            text-decoration: none;
        }
        #slide_banner #slide_text_content #slide_text_buttons .slide_but a{
            text-decoration: none;
        }
        #slide_banner #slide_text_content #slide_text_buttons .slide_but a div{
            font-size:18px;
            color:#4a4a4a;
            text-align: center;
            padding:15px 0; 
           /* -moz-transition:margin .5s ease-in-out;
            -webkit-transition:margin .5s ease-in-out;
            transition:margin .5s ease-in-out;*/
            background-color: #fff;
        }
        #slide_banner #slide_text_content #slide_text_buttons .slide_but a div img{
            margin-right: 10px;
        }
        #slide_banner #slide_text_content #slide_text_buttons .slide_but a p{
            font-size:16px;
            color:#ffffff;
            text-align: center;
            line-height: 20px;
            padding-top:8px; 
        }
        #slide_banner #slide_text_content #slide_text_buttons .slide_but:hover a div{
            margin-top:-55px;
        }
        #slide_banner #slide_text_content #slide_text_buttons .slide_but a p span{
            font-size:12px;
            color:#ffffff;
        }
        #slide_banner #slide_telephone{
            position: absolute;
            bottom:60px;
            right: 50px;
            font-size: 24px;
            color: #fff;
            line-height: 55px;
        }
        #slide_banner #slide_telephone div{
            display: inline-block;
            background-color: #f5f5f5;
            border-radius: 30px;
            padding: 10px 7px;
            width: 55px;
            height: 55px;
            margin-right:10px;
        }
        /* 幻灯片样式结束 */





       
        /*--商品、服务开始--*/
        #new-production{
            background: #fff;
            padding: 100px 0;
        }
        .page-width{
            width: 1050px;
            margin: 0 auto;
        }
        #new-production .left{
            width: 455px;
            float: left;
        }
        #new-production .left .production h1,#new-production .left .service h1{
            font-size: 40px;
        }
        #new-production .left .production p,#new-production .left .service p{
            margin-top: 20px;
            font-size: 20px;
            color: #757575;
        }
        #new-production .left .production p span,#new-production .left .service p span{
            margin-right: 30px;
        }
        #new-production .left .service{
            margin-top: 60px;
        }
        #new-production .left .down-code{
            margin-top: 100px;
        }
        #new-production .left .down-code ul{
            font-size: 0;
        }
        #new-production .left .down-code ul li{
            display: inline-block;
            width: 180px;
            height: 48px;
            border: 1px solid #75BC46;
            border-radius: 24px;
            font-size: 18px;
            cursor: pointer;
            color: #75BC46;
            margin-right: 20px;
            line-height: 46px;
            position: relative;
        }
        #new-production .left .down-code ul li .client{
            display: block;
            background: url(../images/new-img/home/down-icon.png) no-repeat 132px center;
            background-size: 26px 24px;
            text-indent: 25px;
            position: absolute;
            width: 180px;
            z-index: 10;
        }
        #new-production .left .down-code ul li .client-code{
            position: absolute;
            top: 25px;
            left: -9999px;
            margin-left: -90px;
            border: 1px solid #75BC46;
            border-top: 0;
            border-bottom-left-radius: 5px;
            border-bottom-right-radius: 5px;
            width: 180px;
            text-align: center;
            background: #fff;
            text-indent: 0;
            padding: 25px 0 5px;
            opacity: 0;
            transition: opacity .3s;
        }
        #new-production .left .down-code ul li:hover .client-code{
            left: 50%;
            opacity: 1;
        }

        #new-production .left .down-code ul li .mall{
            display: block;
            background: url(../images/new-img/home/shop-icon.png) no-repeat 136px center;
            background-size: 26px 24px;
            text-indent: 18px;
            position: absolute;
            width: 180px;
            z-index: 10;
        }
        #new-production .right{
            float: right;
        }
        /*--商品、服务结束--*/

        /*--新闻资讯开始--*/
        #new-news{
            background: #F8F8F8;
            padding: 58px 0;
        }
        #new-news .title{
            height: 60px;
        }
        #new-news .title h2{
            float: left;
            font-size: 40px;
        }
        #new-news .title h2 span{
            font-size: 18px;
            color: #757575;
        }
        #new-news .title .more{
            float: right;
            font-size: 18px;
            padding-top: 8px;
        }
        #new-news .title .more a{
            color: #757575;
            text-decoration: none;
        }
        #new-news .title .more a:hover{
            color: #62B134;
            text-decoration: none;
        }
        #new-news .recommend{
            margin-top: 15px;
            height: 280px;
            background: #fff;
        }
        #new-news .recommend dl dt{
            float: left;
            width: 460px;
        }
        #new-news .recommend dl dd{
            float: right;
            width: 530px;
            margin-right: 20px;
        }
        #new-news .recommend dl dd.name{
            padding: 35px 0;
            font-size: 24px;
        }
        #new-news a{
            color: #4A4A4A;
            text-decoration: none;
        }
        #new-news a:hover{
            color: #62B134;
            text-decoration: none;
        }
        #new-news .recommend dl dd.info{
            color: #757575;
            line-height: 1.8;
            text-align: justify;
        }
        #new-news .list{
            margin-top: 40px;
        }
        #new-news .list dl{
            width: 326px;
            float: left;
            margin-right: 36px;
        }
        #new-news .list dl.none{
            margin-right: 0;
        }
        #new-news .list dl dt{
            width: 326px;
            height: 180px;
        }
        #new-news .list dl dd{
            margin-top: 10px;
        }
        #new-news .list dl dd.name{
            margin-top: 22px;
        }
        #new-news .list dl dd.time{
            color: #9B9B9B;
        }
        /*--新闻资讯结束--*/

        /*--首页底部开始--*/
        #new-footer{
            background: #272E3A;
            padding: 100px 0;
        }
        #new-footer .qr-code{
            /*height: 180px;*/
            clear: both;
            
        }
        #new-footer .qr-code .table-cen{
            margin: 0 105px 0 35px;
            width: 140px;
            padding:6px;
            border-radius: 5px;
            background-color: rgba(255,255,255,.3);
            float: left;
        }
        #new-footer .qr-code .none{
            margin-right:0;
        }

        #new-footer .qr-code .p{
            width: 128px;
            background-color:rgba(146,187,163,.5);
            border-radius: 5px;
            float: left;
        }
        #new-footer .qr-code .p2{
            background-color: rgba(213,205,183,.5);
        }
        #new-footer .qr-code .p3{
            background-color: rgba(154,197,207,.5);
        }
        #new-footer .qr-code .p4{
            background-color: rgba(176,179,215,.5);
        }
        #new-footer .qr-code .p img{
            width:112px;
            height:112px;
            margin:8px 8px 12px;
        }
        #new-footer .qr-code .code-text{
            clear: both;
            width:100%;
            height: 20px;
            margin-bottom: 20px;
            text-align: center;
            color: #fff;
            opacity: .8;
            font-weight: normal;
        }
        #new-footer .footer{
            margin-top: 50px;
            padding-left: 35px;
        }
        #new-footer .footer p{
            float: left;
            padding-right: 127px;
            line-height: 2;
            color:#999;
            font-size: 12px;
        }
        #new-footer .footer p span{
            display: inline-block;
            padding-bottom: 10px;
            color: #fff;
            font-size: 14px;
        }
        #new-footer .footer .none{
            padding-right: 0;
            padding-top: 0;
        }
        #new-footer .footer p a{
            color: #bbb;
            text-decoration: none;
        }
        #new-footer .footer p a:hover{
            color: #fff;
            text-decoration: none;
        }
        #new-footer .footer p em{
            margin-top: 12px;
            display: block;
        }
        #new-footer .footer p em img{
            margin-right:8px;
            border-radius: 3px;
        }
        /*--首页底部结束--*/







/*---------美菜商城开始----------*/

#height-pus{
    height: 60px;
}

#mall-picture{
    background: url(../img/down-picture.jpg) no-repeat center;
    height: 520px;
}
#mall-picture .malls-cont{
    width: 1100px;
    margin: 0 auto;
}
#mall-picture .malls-app{
    float: right;
    width: 520px;
}
#mall-picture .malls-app .downs{
    height: 128px;
    margin-top: 80px;
}
#mall-picture .malls-app .downs dt{
    width: 128px;
    float: left;
}
#mall-picture .malls-app .downs dd{
    float: right;
    width: 382px;
}
#mall-picture .malls-app .downs dd.name{
    font-size: 40px;
    margin-top: 10px;
}
#mall-picture .malls-app .downs dd.info{
    font-size: 24.4px;
    margin-top: 8px;
    color: #757575;
}
#mall-picture .malls-app .sao-code{
    margin: 36px 0 0 6px;
}
#mall-picture .malls-app .sao-code dl{
    width: 186px;
    float: left;
    margin-right: 50px;
}
#mall-picture .malls-app .sao-code dl dt img{
    border-radius: 5px;
}
#mall-picture .malls-app .sao-code dl dd{
    text-align: center;
    font-size: 20px;
    color: #757575;
    margin-top: 20px;
}


/*--业务特性开始--*/
#new-business{
    padding: 60px 0 70px;
    background: #fff;
}
#new-business .title{
    height: 60px;
}
#new-business .title h2{
    float: left;
    font-size: 30px;
}
#new-business .title h2 span{
    font-size: 20px;
    color: #757575;
}
#new-business .list dl{
    width: 166px;
    float: left;
    margin-right: 55px;
    margin-top: 60px;
    text-align: center;
}
#new-business .list dl.none{
    margin-right: 0;
}
#new-business .list dl dt{
    height: 72px;
}
#new-business .list dl dd.name{
    font-size: 20px;
}
#new-business .list dl dd.info{
    color: #757575;
    margin: 12px 0;
}
/*--业务特性结束--*/

/*--新手指南开始--*/
/*#new-guidelines{
    padding: 60px 0 45px;
    background: #F8F8F8;
}
#new-guidelines .title{
    height: 70px;
}
#new-guidelines .title h2{
    float: left;
    font-size: 40px;
}
#new-guidelines .title h2 span{
    font-size: 20px;
    color: #757575;
}
#guide-slide{
    position: relative;
    width: 100%;
    overflow: hidden;
    padding-bottom: 30px;
}
#guide-slide .left-arrow,#guide-slide .right-arrow{
    position: absolute;
    top: 50%;
    margin-top: -35px;
    cursor: pointer;
}
#guide-slide .left-arrow{
    left: 0;
}
#guide-slide .right-arrow{
    right: 0;
}
#guide-slide .slide-content{
    width: 600%;
    font-size: 0;
    -moz-transition:margin .5s ease-in-out;
    -webkit-transition:margin .5s ease-in-out;
    transition:margin .5s ease-in-out;
}
#guide-slide .slide-content .list{
    width: 1050px;
    display: inline-block;
    font-size: 14px;
}
#guide-slide .slide-content .list .auto{
    width: 550px;
    margin: 0 auto;
}
#guide-slide .slide-content .list .iphone{
    float: left;
}
#guide-slide .slide-content .list .info{
    float: right;
    width: 262px;
}
#guide-slide .slide-content .list .info h2{
    font-size: 120px;
    font-weight: bold;
    color: #9B9B9B;
    margin-top: 80px;
}
#guide-slide .slide-content .list .info .text{
    margin: 8px 0 0 10px;
    color: #4a4a4a;
    line-height: 2;
    text-align: justify;
}
#guide-slide .slide-content .list .info .text span{
    font-size: 24px;
    display: block;
}
#guide-slide .points{
    position: absolute;
    bottom: 0px;
    left: 50%;
    font-size: 0;
    margin-left: -60px;
}
#guide-slide .points span{
    width: 8px;
    height: 8px;
    border: 1px solid #383838;
    display: inline-block;
    border-radius: 4px;
    margin: 0 6px;
    cursor: pointer;
}
#guide-slide .points span.points-active{
    background: #94AD83;
    border: 1px solid #94AD83;
}*/
/*--新手指南结束--*/


/*--新手指南开始--*/
#new-guidelines{
    padding: 60px 0 45px;
    background: #fafafa;
}
#new-guidelines .title{
    height: 60px;
}
#new-guidelines .title h2{
    float: left;
    font-size: 30px;
}
#new-guidelines .title h2 span{
    font-size: 20px;
    color: #757575;
}
#guide-slide{
    position: relative;
    width: 100%;
    overflow: hidden;
    padding-bottom: 25px;
}
#guide-slide .left-arrow,#guide-slide .right-arrow{
    position: absolute;
    top: 50%;
    margin-top: -42px;
    cursor: pointer;
}
#guide-slide .left-arrow{
    left: 0;
    background-color: #fff; border-radius: 30px;
}
#guide-slide .right-arrow{
    background-color: #fff; border-radius: 30px;
    right: 0;
}
#guide-slide .slide-content{
    width: 600%;
    font-size: 0;
    -moz-transition:margin .5s ease-in-out;
    -webkit-transition:margin .5s ease-in-out;
    transition:margin .5s ease-in-out;
}
#guide-slide .slide-content .list{
    width: 1050px;
    display: inline-block;
    font-size: 14px;
}
#guide-slide .slide-content .list .auto{
    width: 560px;
    margin: 0 auto;
}
#guide-slide .slide-content .list .iphone{
    float: left;
}
#guide-slide .slide-content .list .info{
    float: right;
    width: 262px;
}
#guide-slide .slide-content .list .info h2{
    font-size: 120px;
    font-weight: bold;
    color: #9ED07D;
    margin-top: 100px;
}
#guide-slide .slide-content .list .info .text{
    margin: 8px 0 0 10px;
    color: #4a4a4a;
    line-height: 2;
    text-align: justify;
}
#guide-slide .slide-content .list .info .text span{
    font-size: 24px;
    display: block;
    color: #9ED07D;
}
#guide-slide .points{
    position: absolute;
    bottom: 0px;
    left: 50%;
    font-size: 0;
    margin-left: -60px;
}
#guide-slide .points span{
    width: 8px;
    height: 8px;
    border: 1px solid #383838;
    display: inline-block;
    border-radius: 4px;
    margin: 0 6px;
    cursor: pointer;
}
#guide-slide .points span.points-active{
    background: #94AD83;
    border: 1px solid #94AD83;
}
/*--新手指南结束--*/


/*--客户服务开始--*/
#new-service{
    padding: 80px 0;
}
#new-service .title{
    height: 70px;
}
#new-service .title h2{
    float: left;
    font-size: 30px;
}
#new-service .title h2 span{
    font-size: 20px;
    color: #757575;
}
#new-service .list{
    border: 1px solid #eee;
    height: 380px;
}
#new-service .list dl{
    border-right: 1px solid #eee;
    width: 348px;
    float: left;
    height: 378px;
    text-align: center;
    transition: background .3s;
}
#new-service .list dl.none{
    border-right: 0;
    width: 350px;
}
#new-service .list dl:hover{
    background: #fafafa;
}

#new-service .list dl:hover dt{
    animation:dt_effect .8s ease both;
    -webkit-animation:dt_effect .8s ease both;
    -moz-animation:dt_effect .8s ease both;
}
@keyframes dt_effect{
    0%,20%,50%,80%,100%{transform:translateY(0);}
    40%{transform:translateY(-6px);}
    60%{transform:translateY(-3px);}
}
@-webkit-keyframes dt_effect{
    0%,20%,50%,80%,100%{-webkit-transform:translateY(0);}
    40%{-webkit-transform:translateY(-6px);}
    60%{-webkit-transform:translateY(-3px);}
}
@-moz-keyframes dt_effect{
    0%,20%,50%,80%,100%{-moz-transform:translateY(0);}
    40%{-moz-transform:translateY(-6px);}
    60%{-moz-transform:translateY(-3px);}
}

#new-service .list dl dt{
    margin-top: 60px;
}
#new-service .list dl dd{
    margin-top: 30px;
    line-height: 1.8;
}
#new-service .list dl dd.name{
    font-size: 26px;
}
#new-service .list dl dd.name{
    color: #383838;
    text-decoration: none;
}
#new-service .list dl dd.name:hover{
    color: #62B134;
    text-decoration: none;
}
#new-service .list dl dd.info{
    margin-top: 20px;
    color: #757575;
}
/*--客户服务结束--*/


/*----------美菜商城结束----------*/





/*----------供应商合作开始----------*/

/*--banner图开始--*/
#supplier-banner{
    background: url(../images/new-img/supplier/supplier-pic.jpg) no-repeat center top;
    height: 400px;
}
#supplier-banner .pad-let{
    padding-left: 30px;
}
#supplier-banner .title{
    width: 430px;
    color: #3F577C;
    font-size: 34px;
    background: url(../images/new-img/supplier/br-line.png) no-repeat center bottom;
    line-height: 1.5;
    padding: 75px 0 15px;
}
#supplier-banner .title span{
    display: block;
    font-size: 54px;
}
#supplier-banner ul{
    width: 430px;
    margin-top: 10px;
}
#supplier-banner ul li{
    background: url(../images/new-img/supplier/li-dian.png) no-repeat left center;
    background-size: 11px;
    color: #354A71;
    font-size: 24px;
    line-height: 2.2;
    width: 215px;
    float: left;
    padding-left: 22px;
}
#supplier-banner ul li:nth-child(1),#supplier-banner ul li:nth-child(3){
    width: 235px;
}
#supplier-banner ul li:nth-child(2),#supplier-banner ul li:nth-child(4){
    width: 195px;
}
/*--banner图结束--*/

/*--美菜售卖品类开始--*/
#category{
    padding-top: 60px;
}
#category .title{
    height: 66px;
    font-size: 30px;
}
#category .title span{
    width: 8px;
    height: 27px;
    background: #4ACB81;
    float: left;
    margin: 9px 10px 0 0;
}
#category .list{
    width: 100%;
    display: inline-block;
    margin-top: 15px;
}
#category .list dl{
    width: 118px;
    float: left;
    margin-right: 15px;
}
#category .list dl.none{
    margin-right: 0;
}
#category .list dl dt{
    width: 118px;
}
#category .list dl dd{
    margin-top: 15px;
    text-align: center;
    color: #757575;
    font-size: 16px;
}
#category .info{
    color: #757575;
    line-height: 1.8;
    font-size: 16px;
    margin-top: 36px;
}
/*--美菜售卖品类结束--*/

/*--供应商合作模式开始--*/
#pattern{
    padding-top: 80px
}
#pattern .title{
    height: 82px;
    font-size: 30px;
}
#pattern .title span{
    width: 8px;
    height: 27px;
    background: #4ACB81;
    float: left;
    margin: 9px 10px 0 0;
}
#pattern .supplier-left{
    width: 525px;
    float: left;
}
#pattern .supplier-left .meat{
    width: 100%;
    display: inline-block;
}
#pattern .supplier-left .meat dl{
    height: 90px;
}
#pattern .supplier-left .meat dl dt{
    width: 89px;
    height: 89px;
    float: left;
}
#pattern .supplier-left .meat dl dd{
    width: 415px;
    float: right;
}
#pattern .supplier-left .meat dl dd.name{
    font-size: 24px;
    margin-top: 8px;
}
#pattern .supplier-left .meat dl dd.info{
    font-size: 18px;
    color: #757575;
    margin-top: 10px;
}
#pattern .supplier-left .ask-on{
    padding: 35px 60px 30px 0;
    line-height: 1.8;
    color: #757575;
    height: 240px;
}
#pattern .supplier-left .ask-on span{
    font-size: 18px;
    display: block;
    color: #383838;
    padding-bottom: 5px;
}
#pattern .supplier-left .enlist{
    margin-top: 10px;
}
#pattern .supplier-left .enlist a.bm{
    width: 146px;
    height: 46px;
    background: #47A4F3;
    font-size: 18px;
    color: #fff;
    float: left;
    border-radius: 4px;
    text-align: center;
    line-height: 46px;
    text-decoration: none;
}
#pattern .supplier-left .enlist a.bm:hover{
    background: #3c95e1;
    text-decoration: none;
}
#pattern .supplier-left .enlist a.yd{
    margin-left: 30px;
    color: #757575;
    line-height: 46px;
    text-decoration: none;
}
#pattern .supplier-left .enlist a.yd:hover{
    text-decoration: underline;
}
#pattern .supplier-left .follw-list{
    margin-top: 60px;
}
#pattern .supplier-left .follw-list h2{
    font-size: 20px;
    height: 42px;
}
#pattern .supplier-left .follw-list dl{
    width: 210px;
    float: left;
    margin: 15px 50px 20px 0;
}
#pattern .supplier-left .follw-list dl dt{
    width: 42px;
    float: left;
    padding-top: 5px;
}
#pattern .supplier-left .follw-list dl dd{
    width: 158px;
    float: left;
}
#pattern .supplier-left .follw-list dl dd.name{
    font-size: 18px;
}
#pattern .supplier-left .follw-list dl dd.info{
    color: #757575;
    line-height: 1.8;
}

#pattern .pop-right{
    width: 524px;
    float: left;
    border-left: 1px solid #E8E8E8;
}
#pattern .pop-right .meat{
    width: 100%;
    display: inline-block;
}
#pattern .pop-right .meat dl{
    height: 90px;
    padding-left: 50px;
}
#pattern .pop-right .meat dl dt{
    width: 89px;
    height: 89px;
    float: left;
}
#pattern .pop-right .meat dl dd{
    width: 365px;
    float: right;
}
#pattern .pop-right .meat dl dd.name{
    font-size: 24px;
    margin-top: 8px;
}
#pattern .pop-right .meat dl dd.info{
    font-size: 18px;
    color: #757575;
    margin-top: 10px;
}
#pattern .pop-right .ask-on{
    padding: 35px 20px 28px 50px;
    line-height: 1.8;
    color: #757575;
}
#pattern .pop-right .ask-on span{
    font-size: 18px;
    display: block;
    color: #383838;
    padding-bottom: 5px;
}
#pattern .pop-right .enlist{
    padding-left: 50px;
}
#pattern .pop-right .enlist a.bm{
    width: 146px;
    height: 46px;
    background: #4ACB81;
    font-size: 18px;
    color: #fff;
    float: left;
    border-radius: 4px;
    text-align: center;
    line-height: 46px;
    text-decoration: none;
}
#pattern .pop-right .enlist a.bm:hover{
    background: #3abf73;
    text-decoration: none;
}
#pattern .pop-right .enlist a.yd{
    margin-left: 30px;
    color: #757575;
    line-height: 46px;
    text-decoration: none;
}
#pattern .pop-right .enlist a.yd:hover{
    text-decoration: underline;
}
#pattern .pop-right .follw-list{
    margin-top: 60px;
    padding: 0 0 10px 50px;
}
#pattern .pop-right .follw-list h2{
    font-size: 20px;
    height: 42px;
}
#pattern .pop-right .follw-list dl{
    width: 218px;
    float: left;
    margin: 15px 35px 20px 0;
}
#pattern .pop-right .follw-list dl.none{
    margin: 15px 0 20px 0;  
}
#pattern .pop-right .follw-list dl dt{
    width: 42px;
    float: left;
    padding-top: 5px;
}
#pattern .pop-right .follw-list dl dd{
    width: 176px;
    float: left;
}
#pattern .pop-right .follw-list dl dd.name{
    font-size: 18px;
}
#pattern .pop-right .follw-list dl dd.info{
    color: #757575;
    line-height: 1.7;
}
/*--供应商合作模式结束--*/

/*--基本流程开始--*/
#flow-list{
    padding: 60px 0 80px;
}
#flow-list .title{
    height: 82px;
    font-size: 30px;
}
#flow-list .title span{
    width: 8px;
    height: 27px;
    background: #4ACB81;
    float: left;
    margin: 9px 10px 0 0;
}
#flow-list ul{
    height: 160px;
    margin-top: 20px;
}
#flow-list ul li{
    border: 1px dashed #C0C0C0;
    background: #fff;
    width: 200px;
    height: 160px;
    float: left;
    border-radius: 4px;
    position: relative;
    text-align: center;
    color: #757575;
}
#flow-list ul li span{
    display: block;
    font-size: 24px;
    color: #383838;
    padding: 55px 0 10px;
}
#flow-list ul li em{
    position: absolute;
    top: -20px;
    left: 50%;
    margin-left: -26px;
}
#flow-list ul .arrow{
    width: 83px;
    float: left;
    height: 160px;
    background: url(../images/new-img/supplier/arrow-li.png) no-repeat center;
    background-size: 18px 27px;
}
#flow-list .remarks{
    margin-top: 40px;
}
#flow-list .remarks .text{
    float: left;
    line-height: 2;
}
#flow-list .remarks .text span{
    display: block;
    font-size: 20px;
    padding-bottom: 6px;
}
#flow-list .remarks .text p{
    color: #757575;
    margin-top: 10px;
}
#flow-list .remarks .mc-code{
    float: right;
    padding-top: 30px;
}
#flow-list .remarks .mc-code dl{
    text-align: center;
}
#flow-list .remarks .mc-code dl dd{
    margin-top: 8px;
    color: #757575;
}
/*--基本流程结束--*/

/*----------供应商合作结束----------*/









/*--底部开始--*/
#new-public-footer{
    padding: 45px 0;
    background: #272E3A;
}
#new-public-footer .public-footer p{
    float: left;
    padding-right: 132px;
    line-height: 2;
    color:#bbb;
    font-size: 12px;
}
#new-public-footer .public-footer p span{
    display: inline-block;
    padding-bottom: 10px;
    color: #fff;
    font-size: 14px;
}
#new-public-footer .public-footer p a{
    color: #bbb;
    text-decoration: none;
}
#new-public-footer .public-footer p a:hover{
    color: #fff;
    text-decoration: none;
}
#new-public-footer .code-four{
    width: 440px;
    float: right;
    margin-top: 20px;
}
#new-public-footer .code-four dl{
    width: 60px;
    float: left;
    text-align: center;
    margin: 0 20px;
}
#new-public-footer .code-four dl dt{
    width: 50px;
    height: 50px;
    cursor: pointer;
    position: relative;
    transition: opacity .3s;
}
#new-public-footer .code-four dl dt span{
    width: 50px;
    height: 50px;
    background: rgba(255,255,255,.4);
    display: block;
    border-radius: 50px;
    transition: background .3s;
}
#new-public-footer .code-four dl dt .one img,#new-public-footer .code-four dl dt .three img{
    margin-top: 10px;
}
#new-public-footer .code-four dl dt .two img,#new-public-footer .code-four dl dt .four img{
    margin-top: 13px;
}


#new-public-footer .code-four dl dt .code-show{
    position: absolute;
    top: -152px;
    left: -9999px;
    opacity: 0;
    transition: opacity .3s;
}
#new-public-footer .code-four dl dt:hover{
    opacity: 1;
}
#new-public-footer .code-four dl dt:hover .code-show{
    opacity: 1;
    left: 50%;
    margin-left: -68px;
}
#new-public-footer .code-four dl dt:hover .one,#new-public-footer .code-four dl dt:hover .three{
    background: #75BC46;
}
#new-public-footer .code-four dl dt:hover .two{
    background: #F76064;
}
#new-public-footer .code-four dl dt:hover .four{
    background: #00A615;
}

#new-public-footer .code-four dl dd{
    color: #bbb;
    margin-top: 25px;
    font-size: 12px;
}
#new-public-footer .footerInfo{
    color: #999;
    font-size: 12px;
    border-top: 1px solid #565656;
    margin-top: 25px;
    padding-top: 20px;
    line-height: 2;
    text-align: center;
}
#new-public-footer .footerInfo img{
    margin:10px 5px 0;
    border-radius:3px;
}
/*--底部结束--*/







/*----------司机报名开始----------*/

/*--banner开始--*/
#driver-banner{
    height: 400px;
    background: url(../images/new-img/driver/driver-banner.jpg) no-repeat center;
}
#driver-banner .title{
    font-size: 48px;
    color: #fff;
    text-shadow: 0 0 5px rgba(0,0,0,.5);
    padding: 98px 0 0 5px;
}
#driver-banner .info{
    font-size: 26px;
    color: #fff;
    text-shadow: 0 0 4px rgba(0,0,0,.5);
    padding: 15px 0 0 5px;
}
#driver-banner .apply{
    margin-top: 55px;
}
#driver-banner .apply a{
    color: #fff;
    font-size: 20px;
    background: #4BC17C;
    border-radius: 8px;
    width: 260px;
    height: 54px;
    display: inline-block;
    text-align: center;
    line-height: 54px;
    text-decoration: none;
}
#driver-banner .apply a:hover{
    background: #41b571;
    text-decoration: none;
}
/*--banner结束--*/

/*--美菜司机要求开始--*/
#require,#recruit{
    background: #fff;
    padding: 75px 0;
}
#require .title,#recruit .title{
    height: 100px;
}
#require .title h2,#welfare .title h2{
    font-size: 34px;
    position: relative;
    width: 300px;
    margin: 0 auto;
    text-align: center;
}   
#require .title h2 .tit-l,#welfare .title h2 .tit-l,#recruit .title h2 .tit-l{
    position: absolute;
    left: 0;
    top: 15px;
}
#require .title h2 .tit-r,#welfare .title h2 .tit-r,#recruit .title h2 .tit-r{
    position: absolute;
    right: 0;
    top: 2px;
}
#require dl{
    width: 215px;
    float: left;
    text-align: center;
}
#require dl.wit{
    width: 190px;
}
#require dl dd.name{
    margin-top: 40px;
    font-size: 22px;
    color: #4a4a4a;
}
#require dl dd.info{
    text-align: justify;
    color: #757575;
    line-height: 1.8;
    margin-top: 15px;
    padding: 0 16px;
    font-size: 13px;
}
#require .tips{
    clear: both;
    font-size: 18px;
    padding-top: 60px;
    line-height: 1.8;
}
/*--美菜司机要求结束--*/

/*--美菜司机福利开始--*/
#welfare{
    background: #F8F8F8;
    padding: 75px 0;
}
.welwidth{
    width: 1016px;
}
#welfare .title{
    height: 90px;
}
#welfare ul{
    font-size: 0;
}
#welfare ul li{
    float: left;
    margin: 8px;
    position: relative;
    font-size: 24px;
    color: #fff;
}
#welfare ul li.let-mat{
    margin-left: 9px;
}
#welfare ul li span{
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    text-align: center;
    line-height: 1.6;
}
#welfare ul li.pad-a span{
    padding-top: 102px;
}
#welfare ul li.pad-b span{
    padding-top: 84px;
}
/*--美菜司机福利结束--*/

/*--美菜司机招募流程结束--*/
#recruit .title h2{
    font-size: 34px;
    position: relative;
    width: 370px;
    margin: 0 auto;
    text-align: center;
}   
#recruit ul{
    height: 180px;
    width: 1020px;
    margin: 40px auto 0;
}
#recruit ul li{
    border: 1px dashed #C0C0C0;
    background: #fff;
    width: 156px;
    height: 140px;
    float: left;
    border-radius: 4px;
    position: relative;
    text-align: center;
    font-size: 18px;
}
#recruit ul li span{
    padding-top: 60px;
    display: block;
    line-height: 1.6;
}
#recruit ul li span.pad-t{
    padding-top: 48px;
}
#recruit ul li em{
    position: absolute;
    top: -25px;
    left: 50%;
    margin-left: -26px;
}
#recruit ul .arrow{
    width: 60px;
    float: left;
    height: 140px;
    background: url(../images/new-img/driver/arrow-li.png) no-repeat center;
    background-size: 18px 27px;
}
#recruit ul li.colour-a{
    border-color: #F76064;
}
#recruit ul li.colour-b{
    border-color: #56CADC;
}
#recruit ul li.colour-c{
    border-color: #F6A623;
}
#recruit ul li.colour-d{
    border-color: #7B82EB;
}
#recruit ul li.colour-e{
    border-color: #EA4789;
}
/*--美菜司机招募流程结束--*/

/*--固定悬浮底部开始--*/
#fixed-bot{
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 60px;
    border-top: 1px solid #d8d8d8;
    border-bottom: 1px solid #d8d8d8;
    background: #F4F4F4;
    display: none;
}
#fixed-bot span{
    line-height: 58px;
    color: #C0C0C0;
    font-size: 26px;
}
#fixed-bot a{
    position: absolute;
    right: 0;
    top: -1px;
    height: 60px;
    width: 280px;
    background: #4BC17C;
    color: #fff;
    font-size: 20px;
    text-align: center;
    line-height: 60px;
    text-decoration: none;
}
#fixed-bot a:hover{
    background: #41b571;
}
/*--固定悬浮底部结束--*/

/*--我要成为美菜司机开始--*/
.enlist-form{
    width: 800px;
    border-radius: 8px;
    background: #fff;
    /*position: absolute;
    left: 50%;
    top: 0;
    margin: 80px 0 0 -400px;*/
}
.enlist-form .title{
    height: 112px;
    background: url(../images/new-img/driver/t-line.png) no-repeat left bottom;
    position: relative;
    line-height: 110px;
    font-size: 30px;
    text-align: center;
}
.enlist-form .title span{
    position: absolute;
    top: 48px;
    right: 40px;
    line-height: 24px;
    cursor: pointer;
}
.enlist-form .write{
    width: 410px;
    margin: 0 auto;
    padding-top: 30px;
}
.enlist-form .write h3{
    font-size: 18px;
    text-align: center;
}
.enlist-form .write ul{
    margin-top: 25px;
    display: inline-block;
}
.enlist-form .write ul li{
    padding-bottom: 10px;
    width: 100%;
    float: left;
}
.enlist-form .write ul li .name{
    width: 75px;
    float: left;
    line-height: 30px;
    text-align: center;
}
.enlist-form .write ul li .pint{
    float: left;
    padding-left: 10px;
}
.enlist-form .write ul li .pint input{
    width: 320px;
    height: 30px;
    background: #fff;
    border: 1px solid #D8D8D8;
    border-radius: 2px;
    padding: 3px 4px;
}
.enlist-form .write ul li .pint select{
    width: 320px;
    height: 30px;
    background: #fff;
    border: 1px solid #D8D8D8;
    border-radius:2px;
    -moz-border-radius :2px;
    -webkit-appearance: none;
    -webkit-border-radius: 2px;
    padding: 3px 4px;
}
.enlist-form .write ul li .yzm{
    float: left;
    padding-left: 10px;
}
.enlist-form .write ul li .yzm input{
    width: 235px;
    height: 30px;
    background: #fff;
    border: 1px solid #D8D8D8;
    border-radius: 2px;
    padding: 3px 4px;
}
.enlist-form .write ul li .yzm-img{
    float: left;
    margin-left: 12px;
} 
.enlist-form .write ul li .data-go{
    width: 260px;
    height: 38px;
    background: #64BD89;
    color: #fff;
    font-size: 15px;
}
.enlist-form .write ul li .data-go:focus,.enlist-form .write ul li .data-go:hover,.enlist-form .write ul li .data-go:active{
    background: #57B57E;
    outline: none;
}
.enlist-form .write ul li.btn-mat{
    margin-top: 15px;
    padding-left: 85px;
}
.enlist-form .tel{
    margin-top: 5px;
    height: 65px;
    font-size: 18px;
    color: #757575;
    background: url(../images/new-img/driver/tel-ioc.png) no-repeat left top 5px;
    background-size: 29px;
    padding: 5px 0 0 36px;
    margin-left: 135px;
}
.modal{
    z-index: 10000000000;
    overflow-y: auto;
}
.modal-dialog{
    width: 800px;
    margin: 100px auto 0;
}
.modal-backdrop{
    z-index: 10400000;
}
/*--我要成为美菜司机结束--*/

/*----------司机报名结束----------*/





/**
 *  tabs 标签页公共样式  (供应商合作页|公司简介)
 */
#tabsSelectBox .tabsSelectBar > div{
    position: relative;
    height: 55px;line-height: 55px;font-size: 20px;border-bottom: 3px solid #f1f1f1; color: #383838;
    text-align: center;
    display: inline-block; margin-left:-4px;
}
#tabsSelectBox .tabsSelectBar > div div{
    display: none;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left:-6px;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 3px solid #45ba77;
}
#tabsSelectBox .tabsSelectBar > div.active{border-bottom: 3px solid #45ba77; color: #45ba77;}
#tabsSelectBox .tabsSelectBar > div.active div{ display: block; }
#tabsSelectBox .w20{ width:20%; cursor: pointer;}
#tabsSelectBox .w25{ width:25%; cursor: pointer;}
#tabsSelectBox .w60{ width:60%; }
#tabsSelectBox .paneContent .pane{display: none;}

/**
 *  供应商合作页面 售卖品类
 */
#categoryTen{height: 110px;margin-top:10px;}
#categoryTen div{width: 10%; float: left; text-align: center; font-size: 16px; color: #757575; line-height: 35px;}

/**
 *  供应商合作页面 tabs标签页内容样式
 */
.cooperationPane {padding-bottom:40px; }
.cooperationPane h4{padding:35px 0 15px; font-size: 18px; color: #383838;}
.cooperationPane p{color: #757575; line-height: 25px;}
.cooperationPane h5{ font-size: 16px; color: #383838; margin-bottom:5px;}
.cooperationPane .fl{ float: left; }
.cooperationPane .fr{ float: right; }
.cooperationPane .w47{ width: 47%; }
.cooperationPane .w45{ width: 45%; }
.cooperationPane .w20{ width: 20%; }
.cooperationPane .w65{ width: 65%; }
.cooperationPane .clear{ clear: both; }
.cooperationPane .mB5{ margin-bottom: 5px; }
.cooperationPane .mB20{ margin-bottom: 20px; }
.cooperationPane .mT40{ margin-top: 40px; }
.cooperationPane a{ text-decoration: none; color: #383838; font-size: 16px;}
.cooperationPane .but{ line-height: 54px; width: 200px; margin-right:20px; border-radius: 5px; display: inline-block; text-align: center; color: #fff; font-size: 18px; background: #47a4f3; }
.cooperationPane .but:hover{opacity: .8;}

/*--公司简介页面 - banner--*/
#company-banner{
    background: url(../images/new-img/company/banner.png) no-repeat center top;
    height: 300px;
}

/**
 *  公司简介页面 - 公司概况
 */
#CompanyProfile{width: 1000px; margin:80px auto;}
#CompanyProfile .clear{clear: both;}
#CompanyProfile h3{ text-align: center; margin-bottom:50px; font-size: 18px; }
#CompanyProfile h3 span{ font-size: 30px;}
#CompanyProfile .flImg{float:left; width:43%;}
#CompanyProfile .frInfo{float:left; width:57%;}
#CompanyProfile .frInfo p{color: #757575; line-height: 25px;margin-top:10px;}

/**
 *  公司简介页面 - 发展历程tabs标签页内容样式
 */
.companyPane table{margin-top:30px; background-position:158px 6px;}
.companyPane table .pT25{padding-top: 25px;}
.companyPane table .pL20{padding-left: 20px;}
.companyPane table .pT20{padding-top: 20px;}
.companyPane table .pT20L20{padding: 20px 0 0 20px;}
.companyPane table .T25{top:25px;}
.companyPane table .T8{top:8px;}
.companyPane table .B7{bottom:7px;}
.companyPane table .B0H7{bottom:0px; height:7px;}
.companyPane table .B25{bottom:25px;}
.companyPane table .B0H25{bottom:0px; height:25px;}
.companyPane table .T0H8{top:0px; height:8px;}
.companyPane table .w50{width: 50px;}
.companyPane table .posiT0{position: absolute;top:0;}


.overview__left .btn {
    position: absolute;
    left: 0;
    top: 0
}

.btn--primary-jisu {
    display: block;
    width: 206px;
    height: 60px;
    box-sizing: border-box;
    left: 216px!important;
    font-size: 22px;
    text-align: center;
    line-height: 58px;
    border: 1px solid #32ce5a;
    cursor: pointer
}

.btn--primary-jisu:hover {
    background: rgba(50,206,90,.1)
}

.btn--primary-jisu:active {
    background: rgba(50,206,90,.1)
}

.btn--primary-jisu .jisu-arrow {
    width: 16px;
    height: 18px;
    display: inline-block;
    margin-right: 10px
}


.download-btn {
    display: inline-block;
    width: 256px;
    height: 88px;
    line-height: 88px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: url(http://www.stoneyes.com/img/t010e5ae5ad09a60e77.png) 50% no-repeat;
    background-size: 100% 100%;
    font-size: 22px;
    color: #fff;
    margin-right: 36px;
    text-decoration: none;
    float: left;
    position: relative
}