a {
    color: #333;
}


.menu-container {
    width: 80%;
    margin: 0 auto;
    background: #e9e9e9;
}

.menu-mobile {
    display: none;
}
.menu > ul:before,
.menu > ul:after {
    content: "";
    display: table;
}

.menu > ul:after {
    clear: both;
}

.menu > ul > li {
    float: left;
    /*background: #e9e9e9;*/
    padding: 0;
    margin: 0;
}

.menu > ul > li a {
    text-decoration: none;
    padding: 1.5em 3em;
    display: block;
}

.menu > ul > li:hover {
    background: #f0f0f0;
}

.menu > ul > li > ul {
    display: none;
    /*width:800px;*/
    /*background: #f0f0f0;*/
    padding-top: 20px;
    position: absolute;
    z-index: 99;
    left: 0;
    margin: 0;
    list-style: none;
    box-sizing: border-box;
    /*border:1px solid red;*/
}

.menu > ul > li > ul:before,
.menu > ul > li > ul:after {
    content: "";
    display: table;
}

.menu > ul > li > ul:after {
    clear: both;
}

.menu > ul > li > ul > li {
    margin: 0;
    padding-bottom: 0;
    list-style: none;
    background: #f0f0f0;
    float: left;
    margin: 0 15px 0 0;
    border:1px solid #0f83ce;
}

.menu > ul > li > ul > li a {
    color: #777;
    padding: .2em 0;
    display: block;
    border-bottom: 1px solid #ccc;
}

.menu > ul > li > ul > li > ul {
    display: block;
    padding: 0;

    list-style: none;
    box-sizing: border-box;
    /*border:1px solid blue;*/
    width: 190px;
}

.menu > ul > li > ul > li > ul:before,
.menu > ul > li > ul > li > ul:after {
    content: "";
    display: table;
}

.menu > ul > li > ul > li > ul:after {
    clear: both;
}

.menu > ul > li > ul > li > ul > li {
  display: block;
    float: left;
    padding: 1px 0;
    margin: 0;
    font-size:12px;
    width:280px;
    /*border:1px solid red;*/
}

.menu > ul > li > ul > li > ul > li a {
font-size: 12px;
}
#jjcase li a{
  height: 60px;
  line-height: 60px;
}
#jjcase li ul li{
  width: 200px;
}
#jjcase li ul li a{
  font-size: 12px;
  height: 45px;
  line-height: 45px;
}
#productjs li a{
  height: 60px;
  line-height: 60px;
}
#productjs li ul li{
  width: 200px;
}
#productjs li ul li a{
  font-size: 12px;
  height: 45px;
  line-height: 45px;
}
.menu > ul > li > ul.normal-sub {
    width: 300px;
    left: auto;
    padding: 10px 20px;
}

.menu > ul > li > ul.normal-sub > li {
    width: 100%;
}

.menu > ul > li > ul.normal-sub > li a {
    border: 0;
    padding: 1em 0;
}


/* ––––––––––––––––––––––––––––––––––––––––––––––––––
Mobile style's
–––––––––––––––––––––––––––––––––––––––––––––––––– */

@media only screen and (max-width: 959px) {
    .menu-container {
        width: 100%;
    }
	.menu-mobile{
        display: block;
    }
    .menu-mobile  img{
        display: block;
		width:100%;
    }
    .menu > ul {
        display: none;
    }
    .menu > ul > li {
        width: 100%;
        float: none;
        display: block;
    }
    .menu > ul > li a {
        padding: 1.5em;
        width: 100%;
        display: block;
    }
    .menu > ul > li > ul {
        position: relative;
    }
    .menu > ul > li > ul.normal-sub {
        width: 100%;
    }
    .menu > ul > li > ul > li {
        float: none;
        width: 100%;
        margin-top: 20px;
    }
    .menu > ul > li > ul > li:first-child {
        margin: 0;
    }
    .menu > ul > li > ul > li > ul {
        position: relative;
    }
    .menu > ul > li > ul > li > ul > li {
        float: none;
    }
    .mini-nav.show-on-mobile{
		margin: 0 0;
		position: fixed;
		top: 0;
		left: -60%;
		bottom: 0;
		height: 100%;
		background-color: #293038;
		text-align: left;
		padding: 0;
		line-height: 32px;
		font-size: 16px;
		width: 60%;
		z-index: 99999;
		display: block;
		overflow-y: auto;
    }
	.navbar .navbar-header{
		float: none;
		width: 249px;
		margin: 0 auto;
	}
    .navbar .menu{
		width: 42px;
		position: relative;
		top: -46px;
	}
	.mini-nav.show-on-mobile li {
		width: 100%;
		text-align: left;
	}
	.mini-nav.show-on-mobile li a {
		color: #fff;
		display: block;
		margin: 0 20px;
		padding: 10px 10px;
		color: #eee;
		border-bottom: 1px solid #303C4A;
	}
	.show-marsk{
		display:block;
		width: 100%;
		height: 100%;
		position: fixed;
		top: 0;
		right: 0;
		left: 0;
		bottom: 0;
		background-color: rgba(0,0,0,0.5);
		z-index: 99998;
		overflow: hidden;
		
	}
	.noS{
		width: 100%;
		height: 100%;
		position: fixed;
		top: 0;
		right: 0;
		left: 0;
		bottom: 0;
	}
	.index-container{
		padding-top: 120px;
	}
}