body,table,td {
    font-family: "Microsoft YaHei";
}
.modal-dialog.modal-big img.img-responsive.center-block{
    background-color: #fff;
}
.text-riins {
	color:#ea5514;
}
.btn-riins {
    color: #fff;
    background-color: #ea5413;
    border-color: #d64d11;
}
.btn-riins:focus,.btn-riins.focus {
    color: #fff;
    background-color: #e04b0b;
    border-color: #cc450a;
}
.btn-riins:hover {
    color: #fff;
    background-color: #e04b0b;
    border-color: #cc450a;
}
.btn-riins:active,.btn-riins.active,.open > .dropdown-toggle.btn-riins {
    color: #fff;
    background-color: #e04b0b;
    border-color: #cc450a;
}
.btn-riins:active:hover,.btn-riins.active:hover,.open > .dropdown-toggle.btn-riins:hover,.btn-riins:active:focus,.btn-riins.active:focus,.open > .dropdown-toggle.btn-riins:focus,.btn-riins:active.focus,.btn-riins.active.focus,.open > .dropdown-toggle.btn-riins.focus {
    color: #fff;
    background-color: #cc450a;
    border-color: #cc450a;
}
.btn-riins:active,.btn-riins.active,.open > .dropdown-toggle.btn-riins {
    background-image: none;
}
.btn-riins.disabled,.btn-riins[disabled],fieldset[disabled] .btn-riins,.btn-riins.disabled:hover,.btn-riins[disabled]:hover,fieldset[disabled] .btn-riins:hover,.btn-riins.disabled:focus,.btn-riins[disabled]:focus,fieldset[disabled] .btn-riins:focus,.btn-riins.disabled.focus,.btn-riins[disabled].focus,fieldset[disabled] .btn-riins.focus,.btn-riins.disabled:active,.btn-riins[disabled]:active,fieldset[disabled] .btn-riins:active,.btn-riins.disabled.active,.btn-riins[disabled].active,fieldset[disabled] .btn-riins.active {
    background-color: #ea5413;
    border-color: #d64d11;
}
.btn-riins .badge {
    color: #ea5413;
    background-color: #fff;
}

.banner {
    background: #ececec;
    color: #2d1c17;
    border-bottom: 1px solid #ddd;
    box-shadow: 0 3px 5px 0px rgba(0,0,0,.05);
}
.banner .breadcrumb {
    background-color: transparent;
    border-radius: 0;
    margin-top: 0px;
    margin-bottom: 0px;
}
.product-intro {
    padding-top: 48px;
    margin-bottom: 20px;
    background: radial-gradient(50% 45%,contain, #fefefe, #efefef, #dddddd);
    background: -webkit-radial-gradient(50% 45%,contain, #fefefe, #efefef, #dddddd);
    background: -moz-radial-gradient(50% 45%,contain, #fefefe, #efefef, #dddddd);
    background: -ms-radial-gradient(50% 45%,contain, #fefefe, #efefef, #dddddd);
    background: -o-radial-gradient(50% 45%,contain, #fefefe, #efefef, #dddddd);
    box-shadow: inset 0 -5px 5px rgba(0, 0, 0, .025);
}
.product-intro .nav-tabs>li>a {
    background-color: #dfdfdf;
    color: #333;
    padding: 12px 20px;
}
.product-intro .nav-tabs>li.active>a {
    background-color: #fff;
    color: #666;
}

.cat-intro {
    padding: 30px 0;
    background-color: #f8f8f8;
    margin-bottom: 20px;
    border-bottom: 1px solid #dfdfdf;
    box-shadow: inset 0 -5px 5px rgba(0, 0, 0, .015);
}


#carousel-product .carousel-indicators {
    position: static;
    width: 100%;
    margin-left: 0;
}
#carousel-product .carousel-indicators li {
    width: 60px;
    height: 60px;
    border-radius: 2px;
    margin: 5px;
    padding: 1px;
    text-indent: 0;
    border: 1px solid #bbb;
}
#carousel-product .carousel-indicators li img {
    width: 56px;
    height: 56px;
}
#carousel-product .carousel-indicators .active {
    background-color: rgba(255,255,255,.3);
    border: 1px solid #e04b0b;
    box-shadow: inset 0px 0px 4px #ffd, 0 0 3px #f60;
}
*[data-target="#modal-image"]{
	cursor:pointer;
}
.modal-big{
	width:100%;
	margin:10px;
	padding:10px;
}

@media (max-width: 768px) {
    body {
        padding-bottom:50px;
    }
	#main-nav.affix{
		position: relative;
	}
    #main-nav {
        margin-bottom: 0;
        top: 0;
        width: 100%;
    }
    #main-nav .logo {
        height: 50px;
        width: 150px;
        text-indent: -9999em;
        background: url('../img/logo-inverted.png') center no-repeat;
        background-size: contain;
    }
    #main-nav .navbar-nav li a {
        padding-top: 18px;
        padding-bottom: 18px;
    }
    #carousel-generic {
        margin-bottom: 20px;
    }
	#carousel-generic .carousel-inner .carousel-caption>h1{ font-size:24px; font-weight:extra-light;}
    #carousel-generic .item img {
        max-height: 600px;
        min-height: 160px;
    }
	
    
    .product-intro .nav-tabs>li>a {
        padding: 8px 8px;
    }


}
@media (min-width: 768px) {
    body {
        padding-bottom:0;
    }
    
    #header>.navbar.affix+div {
        height: 82px;
    }
    #topbar {
        margin-bottom: 0;
        border-radius: 0;
        min-height: 40px;
    }
    #topbar .navbar {
        margin-bottom: 0;
        min-height: 30px;
    }
    #topbar .navbar-text,#topbar .navbar-nav>li>a {
        color: #333;
        padding-top: 10px;
        padding-bottom: 10px;
        margin: 0;
    }
    #topbar .navbar-form {
        margin-top: 5px;
        margin-bottom: 5px;
    }
    #topbar .navbar-form .form-group input.form-control {
        width: 7.6em;
        height: 28px;
        border-color: #ddd;
        border-radius: 25px;
        transition: 1s;
    }
    #topbar .navbar-form .form-group input.form-control:hover, #header .navbar-form .form-group input.form-control:focus {
        width: 11em;
        border-color: #bbb;
        border-radius: 4px;
    }
    #topbar .navbar-form .form-group button.btn.form-control-feedback {
        height: 28px;
        padding-top: 3px;
        padding-bottom: 3px;
    }
    #main-nav {
        margin-bottom: 0;
        top: 0;
        width: 100%;
        /* background: linear-gradient(rgba(0,120,190,1), rgba(0,115,190,1)); */
		background: linear-gradient(to right,#1278f6,#00b4aa);
		border:0;
    }
    #main-nav .logo {
        height: 100px;
        width: 200px;
        text-indent: -9999em;
        background: url('../img/logo-inverted.png') center no-repeat;
		background-size: contain;
    }
    #main-nav .navbar-nav li.open {
        position: static;
    }
    #main-nav .navbar-nav li.open:after {
        position: absolute;
        z-index: 1001;
        content: "";
        display: inline-block;
        color: #fafafa;
        width: 0;
        height: 0;
        margin-top: -7px;
        margin-left: 58px;
        border-bottom: 8px dashed;
        border-bottom: 8px solid\9;
        border-right: 8px solid transparent;
        border-left: 8px solid transparent;
    }
    #main-nav .navbar-nav li.open .caret {
        visibility: hidden
    }
    #main-nav .navbar-nav>li>a {
        min-height: 100px;
        padding: 40px 12px;
        margin: 0;
        font-family: "Microsoft YaHei";
        font-size: 15px;
		color:#fff;
        text-shadow: 1px 1px 3px rgba(20,75,150,.5);
        transition: min-height .5s ease;
    }
	#main-nav .navbar-nav>.active>a,
	#main-nav .navbar-nav>.active>a:focus,
	#main-nav .navbar-nav>.active>a:hover,
	#main-nav .navbar-nav>.open>a,
	#main-nav .navbar-nav>.open>a:focus,
	#main-nav .navbar-nav>.open>a:hover
	{
		color: #fff;
		background-color: rgba(255,255,255,.1);
	}
	
    #main-nav.affix .navbar-nav>li>a {
        min-height: 50px;
        padding-top: 20px;
        padding-bottom: 20px;
    }
    #main-nav.affix .logo {
        height: 60px;
    }
    #main-nav .navbar-nav>li.active>a,#main-nav .navbar-nav>li.open>a {
    }
    #main-nav .navbar-nav>li>.dropdown-menu {
        background-color: #efefef;
        background: linear-gradient(rgba(250,250,250,1), rgba(240,240,240,1));
		box-shadow: 0 3px 9px rgba(0,0,0,.1);
        /* min-height:300px;*/
        padding: 1px 0;
        border: 0;
        border-radius: 0;
        width: 100%;
        border-bottom: rgba(120,120,120,.9);
        -webkit-animation-duration: .5s;
        animation-duration: .5s;
    }
    #main-nav .navbar-nav>li>.dropdown-menu a {
        text-decoration: none;
    }
    #main-nav .navbar-nav>li>.dropdown-menu .row {
    }
    #main-nav .navbar-nav>li>.dropdown-menu .row>div[class*=col-sm-] {
        border-left: 1px solid #fafafa;
        border-right: 1px solid #dfdfdf;
    }
    #main-nav .navbar-nav>li>.dropdown-menu .row>div[class*=col-sm-]:hover {
        background-color: #fcfcfc;
	}
	#main-nav .navbar-nav>li>.dropdown-menu .row>div[class*=col-sm-]>p>a {
		color:#555;
		font-size:15px;
	}
	#main-nav .navbar-nav>li>.dropdown-menu .row>div[class*=col-sm-]:hover>p>a {
		color:#337ab7;
	}
	#main-nav .navbar-nav>li>.dropdown-menu .row>div[class*=col-sm-]:hover>p>a>img.img-responsive{
		-webkit-filter: brightness(0.9);
		-moz-filter: brightness(0.9);
		-o-filter: brightness(0.9);
		-ms-filter: brightness(0.9);
		filter: brightness(0.9);
	}
    
    #carousel-generic {
        margin-bottom: 20px;
    }
    #carousel-generic .item img {
        min-height: 200px;
    }
	#carousel-generic .carousel-inner .carousel-caption{padding:0px 0 50px 0; bottom:0%; left:0%; right:0%; background-color:rgba(0,0,0,.2); border-radius:5px;}
	#carousel-generic .carousel-inner .carousel-caption>h1{ font-size:28px; font-weight:extra-light;}
	#carousel-generic .carousel-inner .carousel-caption>p{ font-size:18px;}
	#carousel-generic .carousel-indicators { bottom:10px;}
	#carousel-generic .carousel-indicators li{ transition: all .2s;}
	#carousel-generic .carousel-indicators li.active{ width:24px; background-color:#1278f6; border-color:#00b4aa; box-shadow:  0 0px 2px #00b4aa;}
	
    .biaoqianlan {
        /*background: #efefef;*/
        margin-bottom: -31px;
    }
    .biaoqianlan .nav-tabs>li>a {
        border-radius: 0;
        padding: 15px;
    }
    .biaoqianlan .nav-tabs>li>a:hover {
        background: #fff;
    }
    .biaoqianlan .nav-tabs>li.active>a {
        background: #fff;
        color: #777;
    }
    .main {
        min-height: 50em;
        /*background-image: linear-gradient(to bottom,#eee 0,#fff 10%)*/
        ;}
    .content {
        line-height: 200%;
        margin-bottom: 20px;
        font-size: 1.2em;
    }
    .content img {
        max-width: 100%;
    }
    
    #footer {
    }
    #footer #footer-nav {
        background: #c7c7c7 url('../img/footer-bg.jpg') repeat-x center top;
        padding-top: 80px;
        padding-bottom: 80px;
        border-top: 1px solid #ddd;
        line-height: 200%;
        color: #6A6A6A;
        box-shadow: 0 2px 10px 0 rgba(0,0,0,.1) inset;
    }
    #footer #copyright {
        background: #222;
        padding: 15px 0;
        color: #666;
    }
    #footer hr {
        border-color: #282828;
    }
    #footer ul li a {
        text-decoration: none;
    }
    #footer ul li small {
        color: #BDBDBD;
    }
    #onlineService {
        background: rgba(0,0,0,.6);
        border-radius: 4px;
        bottom: 12%;
        right: 30px;
        width: 80px;
        position: fixed;
        z-index: 1000;
        user-select: none;
        -webkit-user-select: none;
        box-shadow: 0 0 5px 1px rgba(0,0,0,.3);
    }
    #onlineService .consult {
        padding: 10px;
        color: #aaa;
    }
    #onlineService .consult .contact {
        background: rgba(0,0,0,.8);
        border-radius: 4px;
        padding: 5px 2px;
        margin-bottom: 10px;
    }
    #onlineService .consult .contact a {
        color: #fff;
    }
}
@media (min-width: 992px) {
    #main-nav .logo {
        width: 180px;
    }
    #main-nav .navbar-nav>li>a {
        padding-left: 20px;
        padding-right: 20px;
    }
}
@media (min-width: 1200px) {
    #main-nav .logo {
        width: 200px;
    }
    #main-nav .navbar-nav>li>a {
        padding-left: 28px;
        padding-right: 28px;
    }
}