@charset "UTF-8";
/* CSS Document */

body{background: url(../images/bg.png)repeat;border-top: 1px #db1e2b solid;color: #4e4e4e; font-size:14px;}
a{color: #4e4e4e;}
a:hover{ text-decoration: none;color: #979797;}
a:focus{ text-decoration:none}
::selection{ background:#db1e2b; color:#fff;} 



.navbar{ background:none;border-top: 1px #db1e2b solid; border-bottom:none; padding:35px 0 15px; webkit-box-shadow: none;box-shadow: none;}
.navbar-brand{height: 58px;width: 205px;margin-left: 36px; padding:0;}
.navbar-brand h1{ display:none;}
.navbar-brand img{ width:205px;}
.navbar .navbar-toggle{border-color: #db1e2b;background-color:#f3f3f3;}
.navbar .navbar-toggle .icon-bar{background-color: #db1e2b;}
.navbar .navbar-toggle:hover{ background:#db1e2b;}
.navbar .navbar-toggle:hover .icon-bar{ background:#fff;}
.navbar-nav>li>a{ color:#4e4e4e}

.content{：-moz-box-shadow: 0 2px 11px #c6c4c4; -webkit-box-shadow: 0 2px 11px #c6c4c4; box-shadow: 0 2px 11px #c6c4c4; background:#f7f7f7; padding-top:20px; padding-bottom:20px;}

.bottom_logo{ text-align:center;padding:20px 0;}
.bottom_logo img{ width:249px;}

footer{background: #bb1924; line-height:20px; color:#fff; padding:8px 0;}
footer a{ color:#fff;}
footer a:hover{ color:#eee}
footer .oz{ text-align:right;}

@media (min-width: 768px){
*:link, *:visited, *:hover, *:active, *:focus , * {
-o-transition: color .30s linear, background-color .30s linear, border-color .30s linear;
-webkit-transition: color .30s linear, background-color .30s linear, border-color .30s linear;
-moz-transition: color .30s linear, background-color .30s linear, border-color .30s linear;
transition: color .30s linear, background-color .30s linear, border-color .30s linear;
}

.navbar-nav{float: right; margin-right:-15px;}
.navbar-nav > li{float: left;margin: 0 10px;}
.navbar-nav > li .caret{ display:none;}
.navbar-nav li a{line-height:35px;text-align:center;text-decoration: none; display: block;font-size:15px;color:#db1e2b;width: 100px;height: 36px; background: url(../images/menu_btn.png) no-repeat; padding:0}
.navbar-nav>li>a:hover, .navbar-nav>li>a:focus, .navbar-nav>.active>a, .navbar-nav>li:hover>a, .navbar-nav>li:hover>a:hover{display: block;font-size:15px;color:#db1e2b;width: 100px;height: 36px;background: url(../images/menu_btn_hover.png) no-repeat;webkit-box-shadow: none;box-shadow: none;color:#db1e2b;}

.navbar-nav .active .pc-menu>a, .navbar-nav li:hover .pc-menu>a, .navbar-nav li:hover .pc-menu>a:hover{display: block;font-size:15px;color:#db1e2b;width: 100px;height: 36px;background: url(../images/menu_btn_hover.png) no-repeat;webkit-box-shadow: none;box-shadow: none;color:#db1e2b;}

.navbar-nav li:hover ul{ display:block;}
.navbar-nav ul{ border:none; background: url(../images/sub-menu-arrow.png) no-repeat 22px 6px; background-color:transparent; padding:13px 0 0 ;position: absolute;top: 100%;left: 0;z-index: 1000;float: left;min-width: 200px;font-size: 14px;text-align: left;list-style: none;-webkit-background-clip: padding-box;background-clip: padding-box; display:none;}
.navbar-nav ul li{border-bottom: 1px #f5f5f5 solid; list-style:none;}
.navbar-nav ul >li>a{padding:10px 15px;background:#fff; background-image:none; color:#939393; font-size:13px; line-height:20px; text-align:left;display: block;clear: both;font-weight: 400; min-width:200px; height:auto;}
.navbar-nav ul >li>a:hover{color:#db1e2b; }
.navbar-nav ul > li:first-child > a{-webkit-border-radius: 15px 15px 0 0; -moz-border-radius: 15px 15px 0 0; border-radius: 15px 15px 0 0;}
.navbar-nav ul > li:last-child > a{-webkit-border-radius:  0 0 15px 15px; -moz-border-radius:  0 0 15px 15px; border-radius:  0 0 15px 15px;}

}

@media (min-width: 768px) and  (max-width: 991px){
.navbar-brand { width:180px;}
.navbar-brand img{ width: auto; height:50px; }
.navbar-nav{ margin-top:7px}
.navbar-nav > li{ margin:0 5px;}
}

@media (max-width: 767px){
body{ background-size:50%}
.navbar-nav{ background:#f3f3f3;margin: 7.5px 0 ;border-top: 1px #db1e2b solid;border-right: 1px #db1e2b solid;border-left: 1px #db1e2b solid;}	
.navbar-nav li{ position:relative;border-bottom: 1px #db1e2b solid; text-transform:uppercase;}
.navbar-nav ul li{ border:none;}
.navbar-nav li .caret{ position:absolute; top:18px; right:15px;}
.navbar-nav li a{ display:block; padding:10px 15px;}
.navbar-nav li a:hover{ color:#db1e2b}
.navbar-nav>.active>a, .navbar-nav>.active>a:hover{background:#db1e2b; color:#fff;}
.navbar-nav .active .mobile-menu>a, .navbar-nav .active .mobile-menu>a:hover{	background:#db1e2b; color:#fff;}
.navbar-nav .open>a, .navbar-nav .open>a:hover, .navbar-nav .open>a:focus{border-bottom: 1px #db1e2b solid;color:#db1e2b; background:#f3f3f3;}
.navbar-nav .open .dropdown-menu{ padding:0;}
.navbar-nav .open .dropdown-menu>li>a{text-transform:none;padding: 7px 15px 7px 25px; border-bottom:#a29787 solid 1px}
.navbar-nav .open .dropdown-menu>li:last-child>a{ border:none;}
.navbar-nav .open .dropdown-menu>li>a:hover, .navbar-nav .open .dropdown-menu>li>a:focus{ background:#a29787; color:#fff;}


footer, footer .oz{ text-align:center;}

}

/*HOME*/
.banner{ margin-bottom:30px;}
.banner img{ width:100%;}
.home-title{font-size: 15px;color:#de333f;border-bottom: 1px #bcaf9c solid;padding-bottom: 13px; font-weight:normal; margin-bottom:25px;}
.home .carousel-control{ background:none;  filter: alpha(opacity=10);  opacity: .1;}
.home .carousel-control:hover, .home .carousel-control:focus {filter: alpha(opacity=90);  opacity: .9;}
.home .carousel-indicators{ text-align:right; bottom:0; right:5px; margin:0; left:auto;}
.home .carousel-indicators li{ background:#fff; border:none; width:8px; height:8px; margin:0;}
.home .carousel-indicators .active{ background:#db1e2b; width:8px; height:8px;}

.Recommended{ margin-bottom:30px;}
.Recommended .carousel{ border:5px solid #eaeaea; background:url(../images/home-prod-bg.jpg) no-repeat; background-size:cover;}
.Recommended .pc{ border-right:2px solid #c72929;border-left:2px solid #c72929; padding:0 2px; margin-left:7px;}
.Recommended .pc .inner{border-right:7px solid #c72929;border-left:7px solid #c72929; background:#fff; padding:20px 10px; text-align:center;}
.Recommended .pc img{max-width:100%; width:180px;}
.Recommended .text{ display:table-cell; height:100%; vertical-align:middle;}
.Recommended .text h3{ font-size:17px;margin-top:30px;}
.Recommended .text h3 a{ color:#b80511; }
.Recommended .text p{ font-size:14px; line-height:18px; color:#868686; height:36px; overflow:hidden;}


.news ul{margin:25px 0 7px 0; padding:0;}
.news li{background: url(../images/news_type.png)no-repeat 3px;line-height:30px;white-space:nowrap;text-overflow:ellipsis;	-o-text-overflow:ellipsis;	overflow: hidden;  }
.news .date{ padding-right:20px; display:inline-block; vertical-align:top; padding-left:30px;}
.news .carousel{ background:#fff; padding:5px;-moz-box-shadow: 2px 3px 6px #666; -webkit-box-shadow: 2px 3px 6px #666; box-shadow: 2px 3px 6px #666}
.home .news  .carousel-indicators{ text-align:left; right:auto; left:10px; bottom:10px;}
.news .pc{ padding-right:9px; border-right:3px solid #014479;}
.news .pc img{max-width:100%;}
.news .text h3{ font-size:20px; margin:0 0 10px; font-weight:bold; max-height:44px; overflow:hidden; line-height:22px; }
.news .text h3 a{ color:#b80511; }
.news .text p{ font-size:13px; line-height:15px; color:#8f8f8f; height:30px; overflow:hidden; font-family:Arial Narrow, Helvetica, sans-serif}
.news .more{ font-size:11px; float:right; color:#006ba3; font-family:Arial Narrow, Helvetica, sans-serif; margin-top:10px; position:relative; z-index:9999;}

/*sub*/
.breadcrumb>li+li:before{ display:none;}
.breadcrumb>li {font-weight: bold;color: #a29787; float:left;}
.breadcrumb>li a{color: #a29787;}
.breadcrumb .arrow{ padding:0 5px;}
.breadcrumb>.active{color: #db1e2b;}
.fck p{ margin:1em 0;}
.fck td{ padding:0;}
.fck img{ max-width:100%;}


.about .nav-tabs{ border:none;}
.about .nav-tabs>li{ margin:0 10px 10px 0;}
.about .nav-tabs>li>a{background: #bb1924;display: block;line-height: 28px;padding: 0 10px;color: #fff;font-size: 13px; border:none;-webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;}
.about .nav-tabs>li.active>a, .about .nav-tabs>li.active>a:hover, .about .nav-tabs>li.active>a:focus, .about .nav-tabs>li>a:hover{color:#e7e7e7;background: #bb1924; border:none;}
.about .tab-pane { padding-top:20px;}
.about .tab-pane p{line-height: 23px;margin-bottom: 20px;}
.about .tab-pane p.p1{color:#bb1924;font-weight: bold;}
#about2 table{margin:0;border-left: 8px #909090 solid;background: #e3e3e3;}
#about2 table td{padding: 0 20px 0 20px;border-bottom: 1px #fff solid;line-height: 25px;}
#about2 td.td_h{border-right: 1px #fff solid;}
#about3 .item{ line-height:20px; -webkit-border-radius: 40px; -moz-border-radius:40px; border-radius: 40px; border:1px solid #db1e2b; text-align:center;font-size: 15px; margin:0 20px; padding:30px 0;}
#about3 .v_line{ width:1px; background:#c4c4c4; height:40px; margin:0 auto;}
#about3 .h_line{ background:#c4c4c4; height:1px}
#about4 td{font-size: 20px;font-weight: bold;text-align: center;height: 80px; vertical-align:middle; background: #d8eaee; border:10px solid #f7f7f7;}
#about4 td.td_thrid{font-size: 16px;font-weight: bold;text-align: center;line-height: 23px;padding: 15px; vertical-align:top;}
#about5 ul.pro_line_list li{font-size: 16px;line-height: 50px;list-style-type: disc;}

.arrowsidemenu{ margin-bottom:30px}
.arrowsidemenu div a{line-height: 20px;border: 1px #a29787 solid; background:none; display:block; border-top:none;padding: 10px 15px 10px 20px;}
	
.arrowsidemenu div a:link, .arrowsidemenu div a:visited, .arrowsidemenu div.unselected a{color: #4e4e4e;}
.arrowsidemenu div a:hover{ background:#fff;}
.arrowsidemenu div.selected a{background:#fff;}
.arrowsidemenu div.active a{background:#a29787; color:#fff;}
.arrowsidemenu ul{ margin:0;border: 1px #a29787 solid; border-top:none;}
.arrowsidemenu ul li{ border:none; line-height:20px; ; position:relative;}
.arrowsidemenu ul li a{ display:block;padding:5px 0; }
.arrowsidemenu ul li a:hover{color:#000;}
.arrowsidemenu ul li .glyphicon{ font-size:12px; position:absolute; left:0; top:8px; }

.product .category .title{color:#fff;font-size:16px;background: #a29787;padding:10px 15px; margin:0;}
.product .category .title img{margin-right: 10px;}
/*
.product .category ul li{padding-left: 20px;line-height: 20px;border: 1px #a29787 solid; background:none;}
.product .category ul li.list-group-item:last-child{-webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;}
.product .category ul li.menu_left_top img{margin-right: 10px;}
.product .category .list-group-item.active, .product .category .list-group-item.active:hover, .product .category .list-group-item.active:focus{ background:#fff;text-shadow:none}
*/
.product .list .pro{margin-bottom: 40px;}
.product .list .pro .proimg{width:100%; text-align:center; -moz-box-shadow: 0 0 8px #e3e3e3; -webkit-box-shadow: 0 0 8px #e3e3e3; box-shadow: 0 0 8px #e3e3e3; background:#fff;}
.product .list .pro:hover .proimg, .product-info a:hover .prod-pc{-moz-box-shadow: 0 0 8px #bb1924; -webkit-box-shadow: 0 0 8px #bb1924; box-shadow: 0 0 8px #bb1924;}
.product .list .pro .proimg img{ width:90%;}
.product .list .pro .prod-title{white-space:nowrap;text-overflow:ellipsis;	-o-text-overflow:ellipsis;	overflow: hidden; margin:15px 0 0}
.product .list .pro .prod-title a{color: #b80511; font-weight: bolder; }
.product .list .pro .prod-title a:hover{ text-decoration:underline;}
.product .list .pro p{margin:10px 0; height:40px; overflow:hidden;}
.product-info{ padding:0 20px;}
.product-info .prod-pc{ width:100%; -moz-box-shadow: 0 0 8px #e3e3e3; -webkit-box-shadow: 0 0 8px #e3e3e3; box-shadow: 0 0 8px #e3e3e3; background:#fff;}
.product-info .prod-title{color: #bb1924;font-size: 18px; margin:30px 0;}
.product-info .prod-feature{padding-left: 20px;border-left: 6px #bb1924 solid;line-height: 25px;}
.product-info .prod-top{margin-top: 30px;border-bottom: 1px #d9d9d9 solid;padding-bottom: 30px;}
.product-info .prod-section{margin-bottom: 30px;}
.product-info .prod-section .section-title{color: #bb1924;font-size: 18px; margin:0 0 10px;}

.news_list li{margin-bottom: 30px; border-bottom:1px #eaeaea solid;padding-bottom: 30px; }
.news_list .inner{line-height: 25px;;border-left:3px #bb1924 solid;padding:0 20px; position:relative; }
.news_list a.more{display: block;background: #d19c9f;width: 80px;line-height: 20px;text-align: center;color: #fff;}
.news_list a.more:hover{background: #b75359;}
.news_list .new_time{color: #bb1924; margin-bottom:0;}
.news-info .title{margin: 0;font-size: 18px;color:#bb1924;line-height: 23px;}
.news-info .date{ margin:0;line-height: 23px;}
.news-info .news-content{border-top: 1px #d78484 solid;padding-top: 20px;}


.page a{background: #aed4e0;display: inline-block;width: 20px;line-height: 20px;text-align: center;margin:0 2.5px;}
.page a:hover, .page a.active{color: #fff;}
.page-back { text-align:right;margin-top: 50px;}
.page-back a{display: inline-block;width:80px;text-align:center;line-height: 25px;background:#aed4e0;}
.page-back a:hover{color:#fff;}

.contact_box .item{ margin-top:20px;}
.contact_box h2{color: #bb1924;}
.contact_box h3{color: #897864;}
.contact_box h4{ color:#000; margin-top:20px;}
.contact_box p{line-height: 25px; color:#666}
.contact_box img{border-bottom: padding-bottom: 30px; display:block;}
.contact .map{margin-bottom: 40px;border: 10px #fff solid;}


@media (min-width: 992px){
.product .list{ padding-right:30px;}
.Recommended .text h3{ margin-top:60px;}

}

@media (min-width: 768px){
.about{ margin-bottom:150px;padding:0 30px 0;}

.news_list{ padding:0 30px;}
.news-info{padding:0 30px 150px;}
.news-info .date{ text-align:right;}
.product-info .prod-detail{margin: 40px 30px;}
.news_list .inner{padding:0 100px 0 20px;}
.news_list a.more{position: absolute;right: 0;top: 50px;}

.contact_box{padding:0 0 40px ;margin-bottom: 30px;border-bottom: 1px #dcdcdc solid;}

}
@media (min-width: 768px) and (max-width: 991px){
.news .text h3{ font-size:17px;}
}
@media (max-width: 767px){
.news .text h3{  margin-top:10px;}

.breadcrumb{ display:none;}
.about{ padding-top:20px;}
#about3 .item{ line-height:20px; -webkit-border-radius: 20px; -moz-border-radius:20px; border-radius: 20px; margin:0; padding:20px 5px;}
#about4 td{font-size: 18px;height: 60px; border:5px solid #f7f7f7;}
#about4 td.td_thrid{font-size: 14px;}

.product .list .pro{ margin-bottom:0;}
.product-info .prod-left{ margin-bottom:30px;}
.product-info .prod-detail{margin: 40px 0;}
.page.back { text-align:center;}
.contact_box .pc{ display:none;}
.contact_box p{ padding-top:10px;}
.contact_box .item{ background:url(../images/house.png) no-repeat; padding-left:220px; min-height:220px;border-bottom: 1px #dcdcdc solid; padding-bottom: 30px; margin-bottom:30px;}
}

@media (min-width: 481px) and (max-width: 767px){
.Recommended .text h3{ margin-top:60px;}
.news .text h3{  margin-top:30px;}
}
@media (max-width: 480px){
.contact_box .item{ background-position:top right;background-size: 110px; padding:10px 0 0 0; min-height:auto;border-bottom: 1px #dcdcdc solid; padding-bottom: 30px; margin-bottom:30px;}
.news .text p{ display:none;}
}
@media (max-width: 360px){
#about3 .col-xs-4{ padding-left:5px; padding-right:5px;}
#about3 .long-word{word-break: break-all}

.Recommended .text h3{ margin-top:10px;}
}