.header-contioner{ width: 100%; height: auto;  background: #3b4348;}
.header{ width: 45px; text-align: center; background: #3b4348; position: fixed; right: 0; height: 100%;z-index: 9999;}
.header ul { width: 20px; margin: 0 auto !important;}
.header ul  li{ color: #aaa; margin-top:10px !important;}
.header ul  li:first-child{ padding-top: 500% !important;}
.header ul  li:hover { color: #CF3341;}
.logo{ width: 100%; max-width: 1170px; margin: 0 auto; padding: 10px 20px !important;}
.logo #logo{ float: left; width: 28%; margin-top: 2.5%;}
.logo #logo img{ width: 100%;}
.car-box{ float: right; color: #ffffff; margin-right: 3% !important; padding: 2%; cursor: pointer; margin-top: 3%; background: #353c41; position: relative;}
.car-box-icon{ width: 300px; height: 60px; background: #ffffff; border-bottom: 2px solid #ff0000; position: absolute; top: 100%; z-index: 23; right: 0; display: none;line-height: 60px; text-align: center;}
.cart{ background: #CF3341; display: block; width: 40px; height: 30px; text-align: center;line-height: 30px;
 -webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;border-radius:4px; color: #ffffff !important;}
 .car-box  i{ float: left;}
.car-box span{ color: #ffffff !important; float: left; line-height: 2;}
.nav-bj{ width: 100%; height:auto;box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.13);-webkit-box-shadow:1px 1px 6px rgba(0, 0, 0, 0.13); background: #fcfcfc;}
.nav-scoll{ position: fixed; top:0;opacity: 0.9; z-index: 111111;}
.nav ul li a{ color: #3b4348 !important; font-weight: bold;}
@media only screen and (min-width: 1170px) {
.nav{ width: 100%;max-width: 1170px; margin: 0 auto !important;}
.nav ul { float: left; width: 70%;}
.nav ul li{ float: left; width: auto; padding: 3% 2% !important; transition: all .5s;}
.nav ul li:hover{ background: #fafafa;}
#mobile-menu{ display: none;}
.nav form{ width: 25.4%; float: right; height:30px; margin-top:16px !important; background: #eee; margin-right: 50px !important;}
.nav form input{ width:88%; float: left; background: none; border: none; height: 30px; padding-left: 2% !important;}
.nav form button{ width: 12%; float: left; height: 100%; background: none; border: none;}
.nav form button:hover{background: #DF5000; color: #ffffff;}
.mobile-nav{ display: none;}
}
@media only screen and (min-width:768px ) and (max-width:1170px) {
.nav{ width: 100%;max-width: 1170px; margin: 0 auto !important;}
.nav ul { float: left; width: 100%;}
.nav ul li{ float: left; width: auto; padding: 2% 2% !important; transition: all .5s;}
.nav ul li:hover{ background: #fafafa;}
#mobile-menu{ display: none;}
.nav form{ width:100%; float: right; height:40px; margin-top:10px !important; background: #eee; margin-right: 50px !important; margin-bottom: 10px !important;}
.nav form input{ width:93%; float: left; background: none; border: none; height: 40px; padding-left: 8% !important; }
.nav form button{ width: 7%; float: left; height: 100%; background: none; border: none;}
.nav form button:hover{background: #DF5000; color: #ffffff;}
.mobile-nav{ display: none;}
}
.nav{ z-index: 11; position: relative;}
@media only screen and (max-width:768px) {
#logo{ margin-top: 18px !important;}
.header{ display: none;}
.nav{ width: 100%;max-width: 1170px; margin: 0 auto !important;}
.nav ul.main-nav { display: none;}
.nav ul li{ float: left; width: auto; transition: all .5s;}
.nav ul li:hover{ background: #fafafa;}
#mobile-menu{ display: block; margin-top: 16px; font-size: 16px; margin-left: 6px; width: 16px; height: 16px; color: #3b4348 !important;}
#mobile-menu:hover{ color: #3b4348 !important;}
.nav form{ width:70%; float: right; height:30px; margin-top:10px !important; background: #eee; margin-right: 45px !important; margin-bottom: 10px !important;}
.nav form input{ width:90%; float: left; background: none; border: none; height: 30px; padding-left: 8% !important; }
.nav form button{ width: 10%; float: left; height: 100%; background: none; border: none;}
.nav form button:hover{background: #DF5000; color: #ffffff;}
.main-nav  ul li{padding: 2% 2% !important; }
.mobile-nav{ width: 100%; height: auto; overflow: hidden; display: none;}
.mobile-nav li { width: 100% !important; padding: 2% 0 !important;border-bottom: 1px dashed #dedede; height: auto; overflow: hidden;}
.mobile-nav li a{ width: 80%; line-height: 40px;  display: block;float: left;}
.mobile-nav li span{ float: right; margin-top: 10px; cursor: pointer;}
.mobile-nav li:last-child{ border: none;}
.mobile-subnav{ width: 100%; height: auto; background: #ffffff;overflow: hidden; padding-left: 2%; display: none;}
.mobile-subnav a{ width: 100% !important; border-bottom: 1px solid #eaeaea;font-weight: normal !important;}
}
.subnav{ width:90%; height: auto;padding: 20px; position: absolute;top:100%;box-shadow: 0 0 20px -5px; left: 0; overflow: hidden;z-index: 11111;
border-bottom: 3px solid #CF3341; background: #ffffff; display: none;}
.left-nav{ width: 100%; height: auto; float: left; overflow: hidden;}
.left-top-nav{ width: 100%; border-bottom: 1px solid #dedede; line-height: 2.5; margin-top: 10px;}
.subnav  a{font-weight: normal !important;}
.subnav a:hover{ color: #ff0000 !important;}
@media screen and (min-width:1170px)
{
	.left-top-nav a{ font-size: 12px; margin-left: 10%;}
	.left-subnav-box{ margin-left: 10%;}
}
.left-subnav-box{ width: 30%; line-height: 2;}
.right-nav{ width: 28%; float:right}
.right-nav img{ width: 100%; height: auto;}
@media only screen and (min-width:768px ) {
	.mobile-footer{ display: none;}
}
@media only screen and (max-width:768px ) {
	.mobile-footer{ width: 100%; height: auto; background: #3b4348; overflow: hidden; position:fixed; bottom: 0; padding: 20px 0;}
	.mobile-footer a{ display: block; width: 20%; float: left; text-align: center; overflow: hidden;}
}
.banner{ width: 100%; height: auto;  margin-top: 5px; position: relative;}
.banner ul li img{ width: 100%; height: auto;}
.banner-bottom{ width: 80px; height: 12px; background: #000000; position: absolute; bottom:3%; left: 45%;opacity: 0.5;
-webkit-border-radius: 4px;-moz-border-radius: 4px;-o-border-radius: 4px;-ms-border-radius: 4px;border-radius: 4px;}
.banner-bottom a{ display: block; width: 8px; height: 8px;
-webkit-border-radius: 50%;-moz-border-radius: 50%;-o-border-radius: 50%;-ms-border-radius: 50%;border-radius: 50%; float: left; background: #ffffff; margin-left: 6px; margin-top: 2px;}
.banner-bottom a.click1{ background: #ff0000;}


.log-box{ width:100%; max-width: 1170px; margin: 0 auto; height: auto; overflow: hidden; text-align: center; padding: 20px !important; }
.circular{ width: 80px; height: 80px; text-align: center; line-height: 80px; background: #CF3341;
-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;border-radius:50%; margin: 0 auto;
 font-size: 24px; color: #ffffff;}
.log-box p.titlw{ font-size: 16px; margin-top: 10px !important;}
/*页尾部*/
.pc-footer-bj{ width: 100%; height: auto; background: #232a2e;}
.footer-bj{ width: 100%; height: auto; overflow: hidden; background: #000000;}
.footer{width: 100%; max-width: 970px; margin: 0 auto; ;}
.footer-right a { font-size: 12px !important;}
@media only screen and (min-width:970px) {
	 .footer-left{ width: 50%; height: 67px; float: left;}
	  .footer-left a{ display: block; width: 16.666666%; text-align: center; float: left; margin-top:15px;}
	  .footer-right{ width: 50%; float: left; height: 67px;}
	   .footer-right a{ float: left; padding: 15px 15px;}
}
@media only screen and (max-width:970px)
{
	 .footer-left{ width: 100%; height: 67px; }
	  .footer-left a{ display: block; width: 16.666666%; text-align: center; float: left; margin-top: 20px;}
	  .footer-right{ width: 100%; height: 67px;}
	   .footer-right a{ float: left;  display: block; width: 20%; text-align: center;}
}
.footer p{ text-align: center;}
@media only screen and (min-width:640px ) {
	
	.ft dd{ width: 25%; float: left; text-align: center; margin-top: 20px;}
	.ft dd p:first-child{ font-weight: normal;}
	.ft dd p { color: #ffffff;}
	.ft dd p b{ margin-top: 10px; color: #ffffff;}
}
@media only screen and (max-width:640px ){
	.ft dd{ display: none;}
}

/*新闻*/
.list-nav{ width: 100% !important; max-width:1170px; margin: 0 auto; padding: 10px; background: none !important;
 position: relative !important;}
.list-nav ul li{ float: left; width:auto; margin-left: 5px !important; font-size: 12px; margin-bottom:10px !important;}
.list-nav ul li i{ margin-right: 5px !important;}
.list-product-box{ width: 100%; max-width: 1170px; margin: 0 auto !important; clear: both;}
.list-left{ width: 90%; height: auto; background: #fafafa; border: 1px solid #DEDEDE;}
.list-left ul li{ height: auto; line-height: 40px; padding-left: 5% !important; border-bottom: 1px solid #dedede; position: relative;}
.list-left ul li:first-child{ font-size: 18px;}
.list-left ul li a{ color: #232A2E !important;}
.list-left ul li i{ cursor: pointer; position: absolute; right:4%;top:28%}
.left-row { padding-right: 0 !important;}
.list-pright{ padding-left: 0 !important; padding-right: 0 !important;}
@media only screen and (max-width:991px ) {
.left-row{ overflow: hidden !important; display: none;}
}
.list-right{ width: 100%}
.main-tab{ width: 100%; height: 50px;line-height: 50px; }
.main-tab li{ color: #565656 !important; display: block; float: left; width: 25%; text-align: center; border-left: 1px solid #dedede; position: relative;
font-size: 12px !important;}
@media only screen and (max-width:402px ) {
.main-tab li{ text-align: left !important; padding-left: 1%;}	
}
.fa-caret-up{ position: absolute; right:10%;top:30%}
.fa-caret-down{position: absolute; right: 10%;bottom:30%}
.dt-list{ width: 100%; padding: 5px !important;}
.dt-list dl dt{ font-size: 12px; font-weight: normal; padding: 1% 2% !important; float: left;background-color: rgb(248, 248, 248); margin-left: 1% !important;
 cursor: pointer;-webkit-border-radius: 4px;-moz-border-radius: 4px;-ms-border-radius: 4px;border-radius: 4px; margin-top: 1% !important;}
.row-list{width:100%}
.row-list ul li{ padding: 1% !important; margin-top: 1% !important;}
.img-box{ width: 100%;position: relative;z-index: 5; overflow: hidden;}
.img-box img{ width: 100%;-webkit-transition: all .5s;-moz-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}
.img-back{ width: 100%; height: 100%; background: #000000; position:absolute; top:0;opacity: 0.5; cursor: pointer;
-webkit-transition: all .5s;-moz-transition: all .5s;-ms-transition: all .5s;transition: all .5s; z-index: 11; display: none;}
.row-list ul li a.more{ padding: 5% 12% !important; position: absolute; background: #f54500; color: #ffffff !important;
left: 35%;top:40%;-webkit-border-radius: 6px;-moz-border-radius:6px;border-radius:6px; z-index: 22; display: none;-webkit-transition: all .5s;-moz-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}
.row-list ul li:hover .img-back { display: block;}
.row-list ul li:hover a.more{ display: block;}
.row-list ul li:hover  img{-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-ms-transform: scale(1.2);}
.row-list ul li  h2{ margin-top: 8px !important;line-height: 1.5; height: 46px; overflow: hidden;}
.row-list ul li  h2 a{ color: #282828 !important;}
.row-list ul li  p{ color: #ff0000;}
.center-oroduct{ width: 100%;max-width: 1170px;margin: 0 auto;}



/*修改底部*/

.footer-bottom {
    padding: 40px 0px 50px;
    background: none repeat scroll 0% 0% #363636;
}
@media only screen and (min-width:992px ) {
	.container{ width: 970px;}
}
.container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
.footer-bottom-title .h3 {
    text-transform: capitalize;
    font-size: 16px;
    color: #ffffff !important;
     margin: 0 0 5px;
      font-weight: bold;
       font-family: "'MS PGothic'";
}
.footer-bottom-title {
    border-bottom: 1px solid #4A4A4A;
    padding-bottom: 15px;
    margin-bottom: 8px;
}
@media (max-width: 992px)
.footer-bottom-content {
    margin: 0px 0px 20px !important;
}
.footer-bottom-content ul li {
    border-bottom: 1px solid #4A4A4A;
     padding: 5px 0;
}
.footer-bottom-content ul li  a{
	line-height: 40px;
    padding-left: 5px;
    color: #959595 !important;
    font-family: "MS PGothic";
    text-transform: capitalize;
    transition: all .5s
     font-size: 14px;
}
.footer-bottom-content ul li  a:hover{ color: #EA7974 !important;}
.footer-bottom-content ul li  a i{ margin-right: 5px; padding: 1px; background: #959595 !important; color: #363636 !important;
-webkit-border-radius:50%;-moz-border-radius:50%; border-radius:50%}
.footer-bottom-content ul li  a .glyphicon{ font-weight: normal !important; font-size: 8px !important;}
@media only screen and (max-width:992px) {
	.footer-bottom-title{ margin-top: 10px;}
}
.footer-bottom-content ul li  a:hover{ padding-left: 10%;}
.footer-bottom-content ul li  a:hover i{ background: #EA7974 !important;}
.footerrr { width: 100%;
    margin: 0 auto !important;
    padding: 25px 0px !important;
    background: none repeat scroll 0% 0% #0D0D0D !important;
    font-family: "MS PGothic";
     clear: both;
}.footer-bottom{ top:0 !important;}
.footerrr address {
    margin: 0px;
    clear: both;
    padding-top: 5px;
    color: #959595;
     font-weight: bold;
}