.navbar-sub-nav {
    display: none;
}

@media (min-width: 992px) {
.navbar-sub-nav {
    display: block;
}

.menu-arrow-down {
    display: inline-block;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid;
    border-bottom: 2px solid transparent;
}

#navbarNav .nav-item {
    position: relative;
}

#navbarNav .nav-item .navbar-sub-nav {
    background: #f8f9fa;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
    position: absolute; 
    width: 150%; 
    top: 35px; 
    left: 0px;
    opacity: 0;
    visibility: hidden;
    z-index: 999;
}

#navbarNav .nav-item:hover .navbar-sub-nav {
    opacity: 1;
    visibility: visible;
}
}

@media (min-width: 768px) {
.pages-left {
    width: 250px;
}

.pages-right {
    width: calc(100% - 250px);
}

.img-md-w400 {
    width: 400px;
    overflow: hidden;
}
}

.pages-right .right-title {
    height: 36px;
    line-height: 36px;
    background: #f8f9fa;
    border-left: 3px solid #3388FF;
    font-size: 18px;
    color: #3388FF;
    padding: 0px 10px;
}

.sortnav-title {
    background: rgba(234,85,4);
    height: 50px;
    line-height: 50px;
    color: #FFFFFF;
    font-size: 16px;
}

.sortnav-list>ul {
    background: #f8f9fa;
}

.sortnav-list>ul>li {
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #FFFFFF; 
}

.sortnav-list>ul .hover {
    border-left: 3px solid rgba(234,85,4);
    background: #FFFFFF;
}

.sortnav-list .list-link {
    display: block;
    padding: 0px 10px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.sortnav-contact {
    background: #f8f9fa;
}

.sortnav-contact>h2 {
    font-size: 15px;
    padding: 10px;
    border-bottom: 1px solid #FFFFFF;
}

.sortnav-contact>div {
    padding: 2px 10px 2px 10px;
    border-bottom: 1px solid #FFFFFF;
}

.sortnav-contact>span {
    display: block;
    font-size: 14px;
    padding: 10px;
    border-bottom: 1px solid #FFFFFF;
}

.sortnav-contact>ul {
    font-size: 14px;
    padding: 10px;
    border-bottom: 1px solid #FFFFFF;
}

.color{
    color:rgba(234,85,4);
}
.card-w:hover {
    color: black;
    background: #F5F5F5;
}

.card-title-jz{
    text-align:center;
}
    
.title-top{
    margin-top:40px;
}
.title-top100{
    margin-top:100px;
}



.img-w{
    width:300px;
    height:300px;
}
.img-w1{
    width:100px;
    height:100px;
    float:left;
}
.img-w2{
    width:200px;
    height:200px;
    float:left;
}



.title-left{
    margin-left:10px;
}

.bg-light1{
    background-color:#f8f9fa
}

.gao{
    height:120px;
    
}

.title-left1{
    margin-left:30px;
}

.newsize{
    font-size:18px;
}
.newsize16{
    font-size:14px;
}

.title-top1{
    margin-top:30px;
}
.title-top2{
    margin-top:30px;
}
.cardimg{
    width:190px;
    height:210px;
}

.cardimg2{
    width:255px;
    height:180px;
}

.cardimg1{
    width:190px;
    height:190px;
}


.dv1 {
            height: 22px;
            position: relative;
            margin:30px auto;
             
        }
        .liner {
            width:100%;
            height:1px;
            background-color: #ccc;
            position: relative;
            top:50%;
        }
        .dv2 {
            text-align:center;
            width:120px;
            height:22px;
            line-height: 22px;
            margin:0 auto;
            background-color: #fff;
            position: relative;
            z-index:3;
        }
          .icon-star {
            font-size:22px;
            color:red;
          }
.size-x{
    font-size:20px;
}

.yqlj{
    font-size:14px;
}


.bg-light1{
    background-color:#3C3B39;
}

.bai{
    color:#ffffff;
}

.bai a{
    color:#ffffff;
}

.f-z{
    float:left;
}
.f-r{
    float:right;
}

.yqlj1{
    font-size:14px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.nav-link1{
    padding-right: 1.2rem;
    padding-left: 1.2rem;
    font-size: 16px;
    color: rgba(234,85,4);
    display: block;
    padding: .5rem .6rem;
}
.nav-link1:hover{
    background-color:rgba(234,85,4);
    color:#ffffff;
}
.nav-link1:active{
    background-color:rgba(234,85,4);
    color:#ffffff;
}

.m-le{
	margin-left:60px;
}
.p-t{
	padding:5px 10px;
}

.f-c{
	color:#fff;
}

.bg-c1{
	background-color:rgba(234,85,4);
	
}

.tpjz{
	justify-content:center;
}

.img1
{
    float:right;
}

.hei-70{
	height:70px;
}

.l-h{
	line-height:34px;
}

.row14{
	margin-top:14px;
}

.box1{
    border: 2px solid #ddd;
    padding: 25px;
}
.m-top{
	margin-top:14px;
}

.m-top1{
	margin-top:18px;
}

.box2{
	width:320px;
	height: 20px;
	overflow: hidden;
}

.box3{
	width:200px;
	overflow: hidden;
	text-overflow: ellipsis;
    white-space: nowrap;
}

.box4{
	width:208px;
}

.box5{
	width:260px;
	height: 24px;
	overflow: hidden;
}

.card-title-size{
	font-size:13px;
}

.box6{
	border: 1px #ddd;
	border-bottom-style:dashed;
	margin-top:20px;
}

.box7{
	border: 1px solid #ddd;
	width:80px;
	height:40px;
	border-radius:10%;
}

.nav-link2{
    font-size: 14px;
    background-color:rgba(234,85,4);
    color:#ffffff;
    display: block;
    padding: .5rem .5rem;
	margin:0 auto;
}
.nav-link3{
	color:#ffffff;
}

.nav-link3:hover{
	color:#ffffff;
}

.box8{
	border: 1px solid #ddd;
	width:80px;
	height:32px;
	border-radius:10%;
}

.card-body1{
	flex: 1 1 auto;
    min-height: 1px;
    padding: 0.3rem;
}

.size1{
	font-size:18px;
}

.nav-link4{
	font-size: 14px;
    background-color:rgba(234,85,4);
    color:#ffffff;
    display: block;
    padding: .5rem .5rem;
}
.dv2{
	height: 22px;
            position: relative;
            margin:0px auto;
}

.box9{
	border: 1px solid #ddd;
	width:300px;
	height:60px;
	border-radius:10%;
	line-height:40px;
}

.box10{
	border: 1px solid #ddd;
	width:240px;
	height:50px;
	border-radius:80px 80px;
	line-height:30px;
}

.box11{
	margin-top:5px;
	border: 1px solid #ddd;
	height:40px;
	line-height:20px;
}
.from-saks{
	display: block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 100px);
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.orange{
	color: #F60;
}
.sak-col{
	color:#666;
}
.saks-col1{
	color:#999;
}
.box-ask{
	border: 1px solid #ddd;
}
.box-ask1{
	background-color:rgba(234,85,4);
	height:50px;
}
.ask-text{
	font-size:18px;
	color:#fff;
	line-height:50px;
	text-align:center;
}
.ask-title-left1{
	margin-left:10px;
}
.float-right1{
	float: right!important;
    margin-right: 30px;
}
.lh-100{
	height:50px;
	line-height:50px;
}
.box-qa{
	border-top: 3px solid rgba(234,85,4);
	border-left:1px solid #fbdbcc;
	border-right:1px solid #fbdbcc;
	border-bottom:1px solid #fbdbcc;

}
.qa-col{
	color:rgba(234,85,4);
}
.qa-m{
	margin-left:30px;
	margin-right:30px;
}
.qa-col-b{
	color:#a6a4a5;
	font-size:20px;
	margin-left:30px;
	margin-top:20px;
}
.qa-col-ms{
	color:#605c5b;
	margin-left:30px;
	margin-top:10px;
	margin-bottom:10px;
	margin-right:30px;
}
.box-qa1{
	border-top: 3px solid rgba(234,85,4);
	border-left:1px solid #fbdbcc;
	border-right:1px solid #fbdbcc;
	border-bottom:1px solid #fbdbcc;
	margin-top:50px;
}
.qa-col-1{
	color:#605c5b;
	font-size:16px;
}
.box-qa-js{
	height:100px;
	background-color:#f9f9f9;
	
}
.img-qa{
	width:96px;
	height:96px;
	
}
.qa-zj{
	line-height:100px;
	margin-left:20px;
}
.qa-zt{
	font-size:18px;
	margin-left:10px;
	margin-right:6px;
}
.qa-zt1{
	color:#a6a4a5;
	margin-left:6px;
}
.qa-zj-box{
	border: 1px solid #ddd;
	width:200px;
	height:40px;
	border-radius:80px 80px;
	margin-top:30px;
	margin-right:30px;
	
}
.qa-gd{
	font-size:18px;
	text-align:center;
	margin-top:30px;
}
.qa-zt2{
	font-size:16px;
}
.ga-col-1{
	color:rgba(234,85,4);
	margin-right:30px;
	line-height:100px;
}