body{
            margin:0 auto;
        }
        .more{
            padding:10px;
            border-top:1px solid #ddd;
        }
        
/*top*/
#top{ background-color:#3c3e46; line-height:42px; color:#fff; box-shadow:0 1px 3px rgba(27,27,27,.25);display:none;}
#top a:link{ color:#fff; display:inline-block}
#top a:visited{text-decoration: none;color:#fff;}
#top a:hover{text-decoration: none;color:#fff;}
#top a:active{text-decoration: none;color:#fff;}
#top ul{ display:inline-block;z-index:9999;}
#top ul li{display:inline-block; position:relative;}
#top ul li a{ padding:0px 5px; display:block;}
#top ul li ul{ position:absolute; display:none;  background-color:#3c3e46;}
#top ul li ul li{ border:0px; display:block; padding:0px;line-height:30px; padding:0px 10px; width:90px;}
#top ul li ul li:hover{ background-color:#666}
#top ul li ul li ul{ left:90px; top:0px;}
/*main*/
.left{ float:left;}
.right{ float:right;}
.right ul{margin:0;}
.home-list-more{
    text-align: center;
    font-size: 16px;
    background: #188fec;
    width: 200px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    margin: 0 auto;
    margin-top:20px;
}
#home-list{
    margin-top:20px;
}
#home-list div a{
    color:#000;
}

.mobile-top{
    background: #000;
    color: #fff;
    padding: 10px 5px;
}

.mobile-top a{
    color: #fff;
}

/*footer*/
.footer{ margin-top:20px;padding: 20px 0px;text-align: center; background-color: #262626; color:gray;}
.footer .container ul {float: left; width:300px; line-height: 30px; text-align: left;}
.footer .container ul li:first-child {font-size: 1.2em; margin-bottom:10px;}
.footer .container a {color:gray;}
.footer div{ margin:10px auto;}

#footer2{
    text-align:center;
    padding:20px 0;
    margin:0 auto;
    background:#000;
    color:#fff;

}

.home-intro{
    padding:20px 0;
    font-size:16px;
    display: inline-block;
}
.home-intro-text{
        display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 10;
    overflow: hidden;
    font-size:16px;
    line-height:28px;
}


        @media (max-width: 320px) {
             .container{
                margin:0;
            }
            .product-list .product-img{
                width: 134px;
                height:134px;
                background-size:cover !important;
                background-position: center !important;
            }
            .xg-list .xg-img{
                width: 134px;
                height:134px;
                background-size:cover !important;
                background-position: center !important;
            }
            .tech-list .tech-img{
                width: 80px;
                height: 60px;
                background-size: cover !important;
                background-position: center !important;
            }
            .tech-list .tech-title{
                font-size: 14px;
                font-weight: bold;
                height: 40px;
                overflow: hidden;
            }
            .tech-list .tech-more{
                display:none;
            }
            .company-list .company-background{
                width: 80px;
                height: 40px;
                background-size: cover !important;
                background-position: center !important;
            }
            .company-page-list .company-page-background{
                width: 80px;
                height: 40px;
                background-size: cover !important;
                background-position: center !important;
            }
            .company-page-list .company-page-name {
                font-size: 15px;
                font-weight: bold;
                padding-top: 5px;
                padding-bottom: 5px;
            }
            .company-page-list .company-page-intro{
                font-size:12px;
                padding-left: 5px;
                padding-right: 5px;
                height:34px;
                overflow:hidden;
                color:#666;
            }
            .company-page-list .company-url{
                color:#2196F3;
                padding-left:5px;
                font-size: 12px;
                padding-left: 5px;
            }
            
            #home-list>div {
                padding: 30px;
            }
            
        .other-way-login {
            height: 30px;
            line-height: 30px;
            font-size: 20px;
            text-align: center;
        }
        .other-way-login .line {
            display: inline-block;
            width: 50px;
            border: 1px solid black;
        }
        .other-way-login .txt {
            color: black;
            vertical-align: middle;
            vertical-align: -20%;
            margin: 0 20px;
        }
        #footer{
            display:none;
        }
        #footer2{
            display:block;
        }
            .home-banner{
                height:200px;
                background:url(../../../Images/Bitmap-mobile.png);
                background-size:cover;
            }
        }
        @media (min-width: 320px) {
             .container{
                margin:0;
            }
            .product-list .product-img{
                width: 134px;
                height:134px;
                background-size:cover !important;
                background-position: center !important;
            }
            .xg-list .xg-img{
                width: 134px;
                height:134px;
                background-size:cover !important;
                background-position: center !important;
            }
            .tech-list .tech-img{
                width: 80px;
                height: 60px;
                background-size: cover !important;
                background-position: center !important;
            }
            .tech-list .tech-title{
                font-size: 14px;
                font-weight: bold;
                height: 40px;
                overflow: hidden;
            }
            .tech-list .tech-more{
                display:none;
            }
            .company-list .company-background{
                width: 80px;
                height: 40px;
                background-size: cover !important;
                background-position: center !important;
            }
            .company-page-list .company-page-background{
                width: 80px;
                height: 40px;
                background-size: cover !important;
                background-position: center !important;
            }
            .company-page-list .company-page-name {
                font-size: 15px;
                font-weight: bold;
                padding-top: 5px;
                padding-bottom: 5px;
            }
            .company-page-list .company-page-intro{
                font-size:12px;
                padding-left: 5px;
                padding-right: 5px;
                height:34px;
                overflow:hidden;
                color:#666;
            }
            .company-page-list .company-url{
                color:#2196F3;
                padding-left:5px;
                font-size: 12px;
                padding-left: 5px;
            }
            #home-list>div {
                padding: 10px;
            }
            #footer{
                display:none;
            }
            #footer2{
                display:block;
            }.other-way-login {
            height: 30px;
            line-height: 30px;
            font-size: 20px;
            text-align: center;
        }
             .navbar
             {
                 margin:0;
             }
        .other-way-login .line {
            display: inline-block;
            width: 50px;
            border: 1px solid black;
        }
        .other-way-login .txt {
            color: black;
            vertical-align: middle;
            vertical-align: -20%;
            margin: 0 20px;
        }
            .home-banner{
                height:180px;
                background:url(../../../Images/Bitmap-mobile.png);
                background-size:cover;
            }
        }
        @media (min-width: 375px) {
             .container{
                margin:0;
            }
            .product-list .product-img{
                width: 160px;
                height:160px;
                background-size:cover !important;
                background-position: center !important;
            }
            .xg-list .xg-img{
                width: 160px;
                height:160px;
                background-size:cover !important;
                background-position: center !important;
            }
            .tech-list .tech-img{
                width: 94px;
                height: 60px;
                background-size: cover !important;
                background-position: center !important;
            }
            .tech-list .tech-title{
                font-size: 14px;
                font-weight: bold;
                height: 40px;
                overflow: hidden;
            }
            .tech-list .tech-more{
                display:none;
            }
            .company-list .company-background{
                width: 94px;
                height: 47px;
                background-size: cover !important;
                background-position: center !important;
            }
            .company-page-list .company-page-background{
                width: 94px;
                height: 47px;
                background-size: cover !important;
                background-position: center !important;
            }
            .company-page-list .company-page-name {
                font-size: 15px;
                font-weight: bold;
                padding-top: 5px;
                padding-bottom: 5px;
            }
            .company-page-list .company-page-intro{
                font-size:12px;
                padding-left: 5px;
                padding-right: 5px;
                height:34px;
                overflow:hidden;
                color:#666;
            }
            .company-page-list .company-url{
                color:#2196F3;
                padding-left:5px;
                font-size: 12px;
                padding-left: 5px;
            }
            #home-list>div {
                padding: 30px;
            }
        #footer{
            display:none;
        }
        #footer2{
            display:block;
        }.other-way-login {
            height: 30px;
            line-height: 30px;
            font-size: 20px;
            text-align: center;
        }
        .other-way-login .line {
            display: inline-block;
            width: 50px;
            border: 1px solid black;
        }
        .other-way-login .txt {
            color: black;
            vertical-align: middle;
            vertical-align: -20%;
            margin: 0 20px;
        }
            .home-banner{
                height:190px;
                background:url(../../../Images/Bitmap-mobile.png);
                background-size:cover;
            }
        }
        @media (min-width: 414px) {
             .container{
                margin:0;
            }
            .product-list .product-img{
                width: 180px;
                height:180px;
                background-size:cover !important;
                background-position: center !important;
            }
            .xg-list .xg-img{
                width: 180px;
                height:180px;
                background-size:cover !important;
                background-position: center !important;
            }
            .tech-list .tech-img{
                width: 110px;
                height: 60px;
                background-size: cover !important;
                background-position: center !important;
            }
            .tech-list .tech-title{
                font-size: 14px;
                font-weight: bold;
                height: 40px;
                overflow: hidden;
            }
            .tech-list .tech-more{
                display:none;
            }
            .company-list .company-background{
                width: 110px;
                height: 55px;
                background-size: cover !important;
                background-position: center !important;
            }
            .company-page-list .company-page-background{
                width: 110px;
                height: 55px;
                background-size: cover !important;
                background-position: center !important;
            }
            .company-page-list .company-page-name {
                font-size: 15px;
                font-weight: bold;
                padding-top: 5px;
                padding-bottom: 5px;
            }
            .company-page-list .company-page-intro{
                font-size:12px;
                padding-left: 5px;
                padding-right: 5px;
                height:34px;
                overflow:hidden;
                color:#666;
            }
            .company-page-list .company-url{
                color:#2196F3;
                padding-left:5px;
                font-size: 12px;
                padding-left: 5px;
            }
            #home-list>div {
                padding: 10px;
            }
        #footer{
            display:none;
        }
        #footer2{
            display:block;
        }.other-way-login {
            height: 30px;
            line-height: 30px;
            font-size: 20px;
            text-align: center;
        }
        .other-way-login .line {
            display: inline-block;
            width: 50px;
            border: 1px solid black;
        }
        .other-way-login .txt {
            color: black;
            vertical-align: middle;
            vertical-align: -20%;
            margin: 0 20px;
        }
            .home-banner{
                height:220px;
                background:url(../../../Images/Bitmap-mobile.png);
                background-size:cover;
            }
        }
        @media (min-width: 640px) {
            #top{
                display:block;
            }
             .container{
                margin:0;
            }
             .navbar-collapse{
                 padding:0;
             }
            .product-list .product-img{
                width: 180px;
                height:180px;
                background-size:cover !important;
                background-position: center !important;
            }
            .xg-list .xg-img{
                width: 150px;
                height:150px;
                background-size:cover !important;
                background-position: center !important;
            }
            .tech-list .tech-img{
                width: 120px;
                height: 60px;
                background-size: cover !important;
                background-position: center !important;
            }
            .tech-page-list .tech-img{
                width: 160px;
                height: 80px;
                background-size: cover !important;
                background-position: center !important;
            }
            .tech-list .tech-title{
                font-size: 18px;
                font-weight: bold;
                height: 30px;
                overflow: hidden;
            }
            .tech-list .tech-more{
                display:block;
            }
            .company-list .company-background{
                width: 110px;
                height: 55px;
                background-size: cover !important;
                background-position: center !important;
            }
            .company-page-list .company-page-background{
                width: 160px;
                height: 54px;
                background-size: cover !important;
                background-position: center !important;
            }
            .company-page-list .company-page-name {
                font-size: 16px;
                font-weight: bold;
                padding-top: 5px;
                padding-bottom: 5px;
            }
            .company-page-list .company-page-intro{
                font-size:14px;
                padding-left: 5px;
                padding-right: 5px;
                height:40px;
                overflow:hidden;
                color:#666;
            }
            .company-page-list .company-url{
                color:#2196F3;
                padding-left:5px;
                font-size: 13px;
                padding-left: 5px;
            }
            #home-list>div{
                padding:10px;
            }
        #footer{
            display:block;
        }
        #footer2{
            display:none;
        }
        
            .home-banner{
                height:280px;
                background:url(../../../Images/Bitmap.png);
                background-size:cover;
            }
            .mobile-top{display:none;}
        }
        @media (min-width: 1200px) {
            #top{
                display:block;
            }
            .navbar-default {
                background: #fff;
                padding: 20px 0;
                border: none;
                margin:0 auto;
                width:1200px;
            }
            .navbar-default .navbar-nav>.active>a{
                font-size:16px;
                color:#000;
                font-weight:bold;
            }
           .navbar-default .navbar-nav>li>a{
               font-size:16px;
               color:#000;
           }
            .container{
                margin:0 auto;
                padding:0;
            }
            .container {
                width: 1000px;
            }
            .company-page-name{
                font-size:18px;
            }
            .home-banner{
                height:400px;
                background:url(../../../Images/Bitmap2.jpg);
            }
            #home-list>div{
                padding:30px;
            }
        }
        .row>div{
            padding:0;
        }
        

        .product-list{
            padding:0;
        }
        .product-list>div{
            padding:5px 10px;
            text-align:center;
        }
        .product-list .product-name{
            height:40px;
            overflow:hidden;
        }
        
        .xg-list{
            padding:0;
        }
        .xg-list>div{
            padding:5px 10px;
            text-align:center;
        }
        
        /*index company css*/
        .company-list{
            padding:0;
        }
        .company-list>div{
            padding:0;
        }
        .company-list>div{
            padding:5px 0;
        }
        .company-list .company-name{
            font-size: 15px;
            font-weight: bold;
            padding-top: 5px;
            padding-bottom: 5px;
        }
        .company-list .company-intro{
            font-size:12px;
            padding-left: 15px;
            padding-right: 5px;
            height:50px;
            overflow:hidden;
            color:#666;
        }
        .company-list .company-img{
            padding-right:0;
        }
        /*company page css*/
        .company-page-list{
            padding:0;
        }
        .company-page-list>div{
            padding:0;
        }
        .company-page-list>div{
            padding:5px 0;
            border-bottom:1px solid #eee;
        }
        .company-page-list>div:last-child{
            border-bottom:none;
        }
        .company-page-list .company-page-img{
            padding-right:0;
        }
        .company-page-list .company-info{
            padding:0;
        }
        
        .panel-default{
            border-color:#fff;
        }
        .tech-list{
            padding:0;
        }
        .tech-list>div{
            padding:10px;
            border-bottom:1px solid #eee;
        }
        .tech-list>div:last-child{
            border-bottom:none;
        }
        .tech-list>div img{
            width:100%;
        }
        .tech-list .tech-img{
            padding-right:0;
        }
        .tech-list .tech-intro{
            padding:0 5px;
        }
        .tech-list .tech-more{
            font-size:16px;
            height:40px;
            overflow:hidden;
        }