@charset "utf-8";
#home-case .heading-line:after {
    bottom: 0;
    content: "";
    display: inline-block;
    left: 0;
    position: absolute;
    width: 18em;
}
@media screen and (max-width: 992px) {
    .container {
        width: 100%;
        max-width: 100%
    }
    .main-header .nav-pills>li>a {
        padding:0 5px!important;
        font-size: 15px!important;

    }
    
}
@media screen and (max-width: 376px){
	.main-header {
    	padding:5px;
	}
}
@media screen and (max-width: 1100px){
	.main-header .nav-pills>li>a {
    	font-size: 16px;
	}
	#home-product h1.title span:before{
		display: none!important;
	}
	#home-product h1.title span:after {
		display: none!important;
	}
	#home-product h1.title{
		border-bottom: 2px solid #f2f2f2;
	}
	#home-case h1.title span:before{
		display: none!important;
	}
	#home-case h1.title span:after {
		display: none!important;
	}
	#home-case h1.title{
		border-bottom: 2px solid #f2f2f2;
	}
}
@media screen and (max-width: 768px){
	.main-header .logo img{
		width: 180px!important;
		margin-left: -30px;
	}
	#home-case .heading-line:after {
    	display: none!important;

	}
	#home-product .nav-tabs li{
		width: 50%;
		text-align: center;
	}
	#home-product .nav-tabs li a{
		padding: 0;
	}
	#home-banner .carousel-control{
		font-size: 2em;
	}
	#home-banner .carousel-control span{
		top:60%!important;
		
	}
	#home-banner .carousel-indicators{
		bottom: -6%;
	}
	#home-banner .carousel-indicators li{
		background: #fff;
	    opacity: .8;
	    border-radius: 10px;
	    cursor: pointer;
	    display: inline-block;
	    height: .2em;
	    margin: 1px;
	    text-indent: -999px;
	    width: 3em;
	}
	.pro_detail .main-pro .line{
		clear:both!important;
		padding:0!important;
	}
}
@media screen and (max-width: 390px){
	#home-banner .carousel-indicators{
		bottom: -13%;
	}
}
@media screen and (max-width: 478px){
	#home-info .text-lg{
		font-size:1.3em!important;
		margin-bottom:0.5em;
	}
	#home-info .button{
	 	font-size: 14px!important;
    	width: 170px!important;
    	margin-top: 1em!important;
	}
	#home-info .button>span{
		line-height: 47px!important;
	}
	#home-info{
		padding-top: 50px!important;
	}
}
#home-banner .carousel-indicators li{
	width: 10%!important;
	max-width: 75px;
}

#home-banner .carousel-control span{
	margin:0;
	position: absolute;
	top:50%;
	margin-top: -22px; 
}
span.fa.fa-chevron-right{
	right: 15%;
}
span.fa.fa-chevron-left{
	left: 15%;
}
#myModal .modal-dialog{
	max-width: 700px!important;
	width: 100%!important;
}