/*body{ background:#282828;  color: #c5c4c4; font-family:"Roboto Condensed","Open Sans",Verdana, sans-serif;  font-weight: 100; font-size:13px; padding:0; margin:0;}*/
body{ background:#000;  color: #c5c4c4; font-family:"Open Sans";  font-weight: 100; font-size:13px; padding:0; margin:0;}
.displayno{ display: none}
/*超出省略*/
.textslh{
  width:auto;
  overflow:hidden;
  text-overflow:ellipsis;
  -o-text-overflow:ellipsis;
  -webkit-text-overflow:ellipsis;
  -moz-text-overflow:ellipsis;
  white-space:nowrap;
}

/*导航*/
.yydh{ z-index: 1000000000; }

.navbar{border:none; text-align: center;}
.navbar-default{ background:none}
.navbar-nav>li{ margin-left: 2px; background: #171717}
#navbar .navbar-nav>li>a{ line-height: 60px; font-size: 16px; font-weight: 900; color: #fff}
.navbar-nav>li.home>a{ background: #ec3642;color: #fff}
.navbar-nav>li.home>a>div{ border:0 solid #fff; padding: 0px 0px; margin: 0;}
.navbar-nav>li.home>a>div>.logo{ height: 30px;}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {background-color: #E54A4A}
#navbar .navbar-nav>li:hover{
	background: red;
    transition-duration: 0.5s;
}
#navbar .navbar-nav>li:hover>a{
	color:#fff;
    transition-duration: 0.8s;
}



#myTabContent{ padding: 25px;}


.yybtn{
    background: -moz-linear-gradient(center top, rgba(10, 5, 10, 0.15) 0%, rgba(0, 0, 0, 0.34) 100%) repeat scroll 0 0 transparent;
    border: 1px solid #121212;
    border-right: none;
    box-shadow: 0 2px 3px rgba(255, 255, 255, 0.05) inset, 0 1px 0 rgba(255, 255, 255, 0.1);
    color: #777777;
    cursor: pointer;
    font-size: 14px;
    line-height: 21px;
    margin-left: -3px;
    padding: 12px 20px;
    text-decoration: none;
    text-shadow: 0 -1px #0F0F0F;
    vertical-align: top;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    outline: none;
}

.yybtn0{
    text-decoration: none;
    font-weight: bold;
    text-shadow: rgba(255,255,255,.5) 0 1px 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    padding: .2em .6em .2em .6em;
    margin: .5em;
    display: inline-block;
    position: relative;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    border-top: 1px solid rgba(255,255,255,0.8);
    border-bottom: 1px solid rgba(0,0,0,0.1);
    background-image: -webkit-gradient(radial, 50% 0, 100, 50% 0, 0, from( rgba(255,255,255,0) ), to( rgba(255,255,255,0.7) )), url(noise.png);
    background-image: -moz-radial-gradient(top, ellipse cover, rgba(255,255,255,0.7) 0%, rgba(255,255,255,0) 100%), url(noise.png);
    background-image: gradient(radial, 50% 0, 100, 50% 0, 0, from( rgba(255,255,255,0) ), to( rgba(255,255,255,0.7) )), url(noise.png);
    -webkit-transition: background .2s ease-in-out;
    -moz-transition: background .2s ease-in-out;
    transition: background .2s ease-in-out;
    color: hsl(0, 0%, 40%) !important;
    background-color: hsl(0, 0%, 75%);
    -webkit-box-shadow: inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */ hsl(0, 0%, 60%) 0 .1em 3px, hsl(0, 0%, 45%) 0 .3em 1px, /* color border */ rgba(0,0,0,0.2) 0 .5em 5px;
    -moz-box-shadow: inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */ hsl(0, 0%, 60%) 0 .1em 3px, hsl(0, 0%, 45%) 0 .3em 1px, /* color border */ rgba(0,0,0,0.2) 0 .5em 5px;
    box-shadow: inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */ hsl(0, 0%, 60%) 0 .1em 3px, hsl(0, 0%, 45%) 0 .3em 1px, /* color border */ rgba(0,0,0,0.2) 0 .5em 5px;
}

.yybtn0:hover{
    background-color: hsl(0, 0%, 83%);
}
.green{
    color: hsl(88, 70%, 30%) !important;
    background-color: hsl(88, 70%, 60%);
    -webkit-box-shadow: inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */ hsl(88, 70%, 40%) 0 .1em 3px, hsl(88, 70%, 30%) 0 .3em 1px, /* color border */ rgba(0,0,0,0.2) 0 .5em 5px;
    -moz-box-shadow: inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */ hsl(88, 70%, 40%) 0 .1em 3px, hsl(88, 70%, 30%) 0 .3em 1px, /* color border */ rgba(0,0,0,0.2) 0 .5em 5px;
    box-shadow: inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */ hsl(88, 70%, 40%) 0 .1em 3px, hsl(88, 70%, 30%) 0 .3em 1px, /* color border */ rgba(0,0,0,0.2) 0 .5em 5px;
}

/*改变分页样式*/
    .pagination>li:first-child>a, .pagination>li:first-child>span{
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }

    .pagination>li:last-child>a, .pagination>li:last-child>span {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }
    .pagination>li>a, .pagination>li>span{
        background: #242424;
        border: 1px solid #4f4f4f;
        color: #fff;
        padding: 10px 15px;
    } 
    .pagination>li>a:hover, .pagination>li>span, .pagination>li>a.yyActive{
        background: #ec3643;
        border-color:#ef5d67;
        color:#fff;
    } 

.success{ display: none}

/*当前位置*/
.yycurrent a:hover{ color: #fff}


/*让bootstrap 改成hover*/
/*.nav > li:hover .dropdown-menu {display: block;}*/


/*首页产品*/
	.yyh9{ padding-bottom: 20px}
	.yyh9w1{padding-bottom: 10px}
	.yyh9w1>div{ text-align: center; width:20%;height: auto; background: #525252;   }
	.yyh9w1 .yiinn {background: #282828;height: 400px;margin: 1px;padding: 15px 0;}
	.yyh9w1>div>div img{width:80%; padding:1px; margin:15px 10px 0 10px;    background-color:#333;}
	.yyh9w1>div>h5{ font-weight:900; color: #fff; font-size: 12px; padding:0; margin:8px;}
	h5.yyunderline{ margin-top: 20px}
	h5.yyunderline a{ color: #999; font-size: 14px; }
	p.yystar{ margin-top: 10px; color: #fca500; font-size: 18px}
	p.click{ color: #fff; margin-top: 10px;}
	.img-thumbnail{ border: 0}

/*关于我们*/
	.inn{ padding-left: 45px; font-size:16px; }
	.inn p{ padding: 0; margin:0; }

/*导航*/
    .inpagedh{ height: 210px; padding-top: 0; margin-top: -20px}
    .yycurrentout{ margin-top: 176px;}
    .cblue{height:34px; line-height:34px;background: #1b1b1b; padding-left: 10px; border-bottom: 2px solid #fff}
    .cblue a{ color: #ff3940; font-size: 16px; margin:0 5px; font-weight: 900; }

/*底部*/
	.yyh11{padding-top: 20px; font-size: 14px;color: #999; }
	.yyh11 a{color: #999;}
	.yyh11 h3{ margin-bottom: 10px;font-size:20px;}	
	.yyh11 h3 a{font-weight: 90};color: #999}
	.yyh11 a:hover{color: red}
	.yyh11 .yyalogo i{ font-size: 32px; padding-left:10px;}

/*产品页*/

    .yyproleft{ background: #323232;  margin-left: -16px; padding-top: 3px;}
    .yyproleft ul{ padding-left: 20px;  list-style: none}
    .yyproleft>ul{ padding-left: 0 ; }
    .yyMenu{ margin-top: 5px;}
    .yyproleft ul a{display: block; font-size: 14px;padding-left: 15px; padding-right: 15px; padding-top: 8px; padding-bottom: 8px; word-wrap:break-word }
    ul.yyMenu a{color: #fff; }
    ul.yyMenu>li{ margin-bottom: 1px}
    ul.yyMenu>li>a{ background: #a60303; font-weight: 900;}
    ul.yyMenu>li>ul>li>a{ background: #7f0202;padding-top: 6px; padding-bottom: 6px; color: #efefef }
    ul.yyMenu>li>ul>li>ul>li>a{ background: #4b0101;padding-top: 4px; padding-bottom: 4px;color: #c9caca }

    /*右侧，通过变换你容器id来切换样式*/
     #yyc{padding-left:20px;}
     #yyc ul{ list-style: none;}
     .fa-star{ color: #fea500}
    .yyxh{ font-weight:900;font-size:18px; color: #fea500}
    .yyp1 a{ color: #b3b3b3; font-size: 16px; font-weight:900;}

    .yyProlist1 li.liOne{float:left; width: 30%}
    .yyProlist1 li.liOne img{width: 100px}
    .yyProlist1 li.liTwo{float:left; width: 70%; }
    

/*产品详细页*/

    /*右侧部分*/
    .yybImg{ padding-top: 10px; background: #222222}
    .yybImg img{ width: 100%; border: 0 solid #979797 }
    .yycss{ list-style: none; padding:0;}   
    .yycss li{ float: left; padding:0; margin: 0; padding: 2px 0; font-size: 13px}  
    .yycleft{ width: 23%; text-align: right;}
    .yyrleft{ width: 73%; }
    .yyrleft span{ margin-left: 10px; display: block; border-bottom:1px solid #777; padding:2px 0;}
    .yycs{ background: #131313; padding-top: 15px}
    .addbasket{ height: 30px; margin-top: -6px; cursor:pointer;}
    .yyrleft span.yyslast{ border:0; }
    .star img{ width: 40px}
    #Detail *{ color:#dddddd;}.nav-tabs>li>a {
    border-radius: 0;
    }

    h2.yyupp{ background: #ff3940; display: inline; padding:5px 20px; color: #fff; font-size: 16px }





    /*选项卡部分*/
    .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
        color: #fff;
        cursor: default;
        background-color: #131313;
        border: 0 solid #ddd;
  

    }
    .nav-tabs {
        border-bottom: 3px solid #323232;
    }
    .nav-tabs>li a{
        background: #131313;
        font-weight: 100;
        font-size: 16px;
    }
    .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{
       background: #ff3940 
    }
    .nav-tabs>li>a{ margin-right:3px; color: #fff}

    .nav>li>a:focus, .nav>li>a:hover {
        border: 0;
        background-color: #ff3940;
    }
    
    .tab-content{ }


        /*下面部分*/
    .reviewbox{ border:0; width: 100%}
        /*评论*/
        #sendReview .in{ padding-left: 25px}
        #sendReview .in h1{ color:#7db7e7; padding-bottom:15px}
        #sendReview .in input{  height:22px; line-height:22px; padding:2px 5px}
        .in textarea{ width:310px; height:100px; padding:5px 5px}
        .star img{ width:30px; cursor:pointer}
        .hand{cursor: pointer;}
        .redborder{ border:1px solid red;}
        .success{left:500px; top:1000px; display: none; position: absolute; z-index: 10000}
        .reviewbox{width: 100%;height: 600px;border: 0;}

        ul.inquiry26{ padding: 10px 10px 10px 10px; margin: 0; height:140px; border-bottom: 1px solid #555; width: 90%}
        ul.inquiry26 li{ list-style: none; float: left; min-height: 80px; width: 80px; text-align: center; display: block; margin-right: 20px}
        ul.inquiry26 li img.ssimg{ width: 90%; margin: 5px;}
        ul.inquiry26 li i{ font-size: 20px; color: #fff}






/*超出1376*/
@media (min-width: 1376px){/*大于1376*/
	/*总宽*/
	.container {width: 1376px;}
	/*导航效果*/
	#navbar .navbar-nav>li>a{ line-height: 60px; font-size: 18px; font-weight: 900; padding:18px 17px; color: #fff}
	.navbar-nav>li.home>a{ background: #ec3642;color: #fff}
	.navbar-nav>li.home>a>div{ border:0 solid #fff; padding: 0px 14px; margin: 0;}
	.navbar-nav>li.home>a>div>.logo{ height: 40px;}
	/*首页产品组*/
	.yyh9w1 .yiinn {background: #282828;height: 355px;margin: 1px;padding: 10px 0;}
	h5.yyunderline{ margin-top: 5px}
	h5.yyunderline a{ color: #999; font-size: 14px; }
	p.yystar{ margin-top: 0; color: #fca500; font-size: 18px}
	p.click{ color: #fff; margin-top: 5px;}
	.yyh9w1>div>div img{ margin-top: 5px}

	/*底部*/
	.yyh11{padding-top: 50px; font-size: 16px;color: #999}
	.yyh11 h3{ margin-bottom: 15px;font-size:32px;}	
	.yyh11 h3 a{font-weight: 900;color: #999}
	.yyh11 .yyalogo i{ font-size: 32px; padding-left:10px;}




}



	@media(max-width:768px){/*小于768时， 从最小的开始*/
		.yyh9w1>div{width:50%;}
		.yyh9w1 .yiinn{ height: 450px}
	}	


.container{ width: 1200px}