﻿@charset "utf-8";
/* CSS Document */
body{font-family:"微软雅黑";overflow-x: hidden;}
a,a:hover,a:visited,a:active,a:focus{color:#8b1b13;text-decoration:none}
img{max-width:100%;}
blockquote{color:#bbb;font-size: 14px;}
.round {-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
.round-o{-moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;}
.round-big{-moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px;}
.content p{text-indent:2em;line-height:1.8em;margin:0.5em 0; word-break: break-all;}
.content h4{margin:2em 0;}
.content img{ max-width:100%;margin:10px 0;}
.content table tr td,.content table tr th{vertical-align:middle; }
.content table tr th{text-align: center;}
.f_r{float:right;}
.f_l{float:left;}
.f_dark{color:#bbb;}
.l_h-2{line-height:2em;}
.red{color:#c7000b;}
.overflow{display:block;word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.text-shadow{text-shadow:1px 1px 1px #000;}
.border{border:1px solid #eee;}
.bg_red{background:#db0000;color:#fff;}
.breadcrumb{margin-top: 10px;}

/*header*/
.navbar {margin-bottom: 0;}
.nav li.active{background:#6eedff;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #8b1b13;
}
/*index*/
.banner{width: 100%;}
.banner-item{padding-top:40px;padding-bottom:70px;color:#fff;}
.animated{animation-duration:2s;}
.index-title{margin-top:20px;margin-bottom: 20px;padding-top:5px;padding-bottom: 5px;}
.index-title h4{color:#999;}
.index-product{background: #e9e9e9;margin-top: 30px;margin-bottom: 20px;padding-bottom: 30px;}

/*footer*/
.footer{margin-top:20px;background: #201e46;padding-bottom: 40px;padding-top: 40px;color:#fff;}
.footer .copyright{margin-top:30px;}
.footer .copyright,.footer .copyright a{color: #666;font-size: 12px;}
.footer-icon{margin-top:30px;}
.footer-icon .iconfont{font-size:36px;}
.footer-icon a{color:#fff;margin:10px;}

/*product*/
.pro_bg{background: url(/statics/images/pro-bg.jpg) no-repeat center center;background-size: cover;}

/*字体样式*/



#Article h1{font-size: 26px;}
#Article h5{margin-top:20px;margin-bottom: 20px;}
.tags{margin-top:20px;margin-bottom: 20px;}
.tags strong,.tags a{display: inline-block;margin-right:8px;}

.navbar{border-radius:0;}
nav.navbar .navbar-brand img.logo{height: 30px;}

@media (min-width: 768px) {
	.attr-nav > ul > li > a{padding: 16px 15px 15px;}
	.bootsnav .navbar-form{margin-top:0px;}
}

@media (min-width: 992px) {
    nav.navbar .navbar-brand{margin-top: 0;position: relative;top: -2px;}
    nav.navbar .navbar-brand img.logo{height: 30px;}
	.attr-nav > ul > li > a{padding: 16px 15px 15px;}
	.bootsnav .navbar-form{margin-top:20px;}
}

@media (min-width: 1200px) {
	.attr-nav{margin-top:15px;}
	.attr-nav > ul > li > a{padding: 16px 15px 15px;}
	nav.navbar ul.nav > li > a{padding: 30px 15px;font-weight: 600;}
    nav.navbar .navbar-brand{margin-top: 0;}
    nav.navbar .navbar-brand img.logo{height: 50px;}
    nav.navbar .navbar-brand{margin-top: 0;}
    nav.navbar .navbar-brand img.logo{height: 50px;}
    nav.navbar li.dropdown ul.dropdown-menu{border-top: solid 5px;}
    nav.navbar-center .navbar-brand{margin: 0 !important;}
    nav.navbar-brand-top .navbar-brand{margin: 10px !important;}
}


@media screen and (min-width:768px) { 
	.banner-item h3{font-size:26px;}
	.banner-item h5{font-size:16px;margin-top: 10px;}
}

@media screen and (min-width: 992px) { 
	.banner-item h3{font-size:32px;}
	.banner-item h5{font-size:20px;margin-top: 20px;}
}

@media screen and (min-width: 1200px) { 
	.banner-item h3{font-size:48px;}
	.banner-item h5{font-size:24px;margin-top: 30px;}

}

/*加载进度条*/
.pace{-webkit-pointer-events:none;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}
.pace-inactive{display:none}
.pace .pace-progress{background:#5cb85c;position:fixed;z-index:2000;top:0;right:100%;width:100%;height:2px}
.pace .pace-progress-inner{display:block;position:absolute;right:0;width:100px;height:100%;box-shadow:0 0 10px #5cb85c,0 0 5px #5cb85c;opacity:1;-webkit-transform:rotate(3deg) translate(0,-4px);-moz-transform:rotate(3deg) translate(0,-4px);-ms-transform:rotate(3deg) translate(0,-4px);-o-transform:rotate(3deg) translate(0,-4px);transform:rotate(3deg) translate(0,-4px)}
.pace .pace-activity{left:0;top:0;right:0;bottom:0;display:block;margin:auto;width:40px;height:40px;display:block;position:fixed;z-index:2000;border:solid 3px transparent;border-top-color:#5cb85c;border-left-color:#dff0d8;border-radius:20px;-webkit-animation:pace-spinner 800ms linear infinite;-moz-animation:pace-spinner 800ms linear infinite;-ms-animation:pace-spinner 800ms linear infinite;-o-animation:pace-spinner 800ms linear infinite;animation:pace-spinner 800ms linear infinite}
@-webkit-keyframes pace-spinner{
0%{-webkit-transform:rotate(0);transform:rotate(0)}
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@-moz-keyframes pace-spinner{
0%{-moz-transform:rotate(0);transform:rotate(0)}
100%{-moz-transform:rotate(360deg);transform:rotate(360deg)}
}
@-o-keyframes pace-spinner{
0%{-o-transform:rotate(0);transform:rotate(0)}
100%{-o-transform:rotate(360deg);transform:rotate(360deg)}
}
@-ms-keyframes pace-spinner{
0%{-ms-transform:rotate(0);transform:rotate(0)}
100%{-ms-transform:rotate(360deg);transform:rotate(360deg)}
}
@keyframes pace-spinner{
0%{transform:rotate(0);transform:rotate(0)}
100%{transform:rotate(360deg);transform:rotate(360deg)}
}

/*图片效果*/
.about-list{width: 100%;height: 100%;background:  rgba(0,0,0,0.60);overflow: hidden; }
.about-list:hover{background:rgba(11,132,5,0.60);}

/*旋转木马*/
#single-quad ul {padding: 0;}
#single-quad ul li {list-style: none;padding: 10px;}


.carousel[data-shift="1"] .carousel-inner > .item {
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
}
.carousel .carousel-inner > .item.row { margin: 0; }
.carousel .carousel-control {
  background: none;
  color: transparent;
  overflow: hidden;
  text-shadow: none;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  width: 30px;
}
 
.carousel .carousel-control:before {
  color: #444;
  font-family: 'Glyphicons Halflings';
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 30px;
}
.carousel .carousel-control:after {
  border-radius: 50%;
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);
  content: '';
  height: 60%;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  width: 100%;
}
.carousel .carousel-control:hover:after { 
  box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.7); 
}

.sidebar{position:fixed;width:54px;height:275px;right:0;top:214px;z-index:1000;}
.sidebar ul{margin:0;padding:0;}
.sidebar ul li{width:54px;height:54px;float:left;position:relative;border-bottom:1px solid #444;list-style-type:none;margin:0;padding:0}
.sidebar ul li .sidebox{position:absolute;width:54px;height:54px;top:0;right:0;transition:all 0.3s;background:#000;opacity:0.8;filter:Alpha(opacity=80);color:#fff;font:14px/54px "微软雅黑";overflow:hidden;line-height:54px;}
.sidebar ul li .sidetop{width:54px;height:54px;line-height:54px;display:inline-block;background:#000;opacity:0.8;filter:Alpha(opacity=80);transition:all 0.3s;font-size:30px;top:8px;text-align:center;}
.sidebar ul li .sidetop:hover{background:#ae1c1c;opacity:1;filter:Alpha(opacity=100);color:#fff;}
.sidebar ul li .sidebox span,.sidebar ul li .sidebox i{width:44px;height:54px;font-size:30px;margin-left:12px;display:inline-block;top:8px;float:left;}
