body{ font-family: 'Microsoft YaHei'}
#logo{ display: block; width:300px; height:100px; background: url(../images/logo.png) no-repeat left center; text-indent: -9999em; }
#header .navbar{ border:0; margin-bottom:0; }
.navbar-main {
        background: #090 url(../images/nav-bg.png) repeat center;		
        border-top: 1px solid #373;
        border-bottom: 2px solid #363;
        width:100%;
        top:0;
        z-index:999;
    }

.header-title{ padding:0; margin-bottom: 15px; border-bottom: 1px solid #ccc; height: 40px; line-height: 40px; }
.header-title h3,.header-title h4,.header-title h5{ margin: 0; padding: 0; height: 40px; line-height: 40px; }
.header-title .title-green{ color:#080; border-bottom: 1px solid #080; height: 40px; line-height: 40px; float: left; margin-right: 10px; font-family: 'Microsoft YaHei'}
.header-title .pull-right{ height: 40px; line-height: 40px;}

	.fenlei {
		padding:50px 0 100px 0;
	}
	.fenlei h1{
		color:#080;
	}
	.fenlei figure{
		border:2px solid rgba(120,120,120,.28);
		background-color:rgba(0,150,0,.01);
		padding:10px 5px;
		margin:5px 0;
		border-radius:5px;
		font-size:16px;
	}
	.fenlei figure img{
		margin:0 0 10px 0;
		transform: scale(1);
	}
	.fenlei figure:hover{
		border-radius:10px;
		transition: 0.35s;
		border:2px solid rgba(230,120,0,1);
		box-shadow:0 0 1px 1px rgba(230,120,0,1);
		background-color:rgba(230,120,0,.06);
	}
	.fenlei figure a{
		color:#080;
	}
	.fenlei figure:hover a{
		color:rgba(230,120,0,1);
	}
	.fenlei figure:hover img{
		transition: transform 0.65s;
		transform: scale(1.2);
	}
	.tuijianchanpin {
		padding:50px 0;
	}
	.tuijianchanpin h1{
		color:#080;
	}
	.tuijianchanpin .nav-pills>li>a {
		color: #080;
		margin:0 10px;
	}
	.tuijianchanpin .nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus {
		color: #fff;
		background-color: #080;
	}
	.jiaxiangjieshao{
		padding:40px 0 80px 0;
		background-color:#333;
		background-image:url(../images/zhongguolong.png),url(../images/jieshao-bg.png);
		background-repeat:no-repeat, repeat;
		background-position:left bottom, center center;
		color:#eee;
	}
	.jiaxiangjieshao p{
		line-height:200%;
	}
	.zuixinanli{
		padding:60px 0;
	}
	.zuixinanli h1{
		color:#080;
	}
	.shigongxianchang{
		padding:60px 0;
		background-image:url(../images/xianchang-bg1.png), url(../images/xianchang-bg2.png), url(../images/xianchang-bg.png);
		background-repeat:no-repeat, no-repeat, repeat;
		background-position: left bottom, right bottom, center center;
	}
	.shigongxianchang h1{
		color:#666;
	}
	.shigongxianchang figure{
		background-color:#fff;
	}
	.shigongxianchang a.thumbnail{
		border:1px solid #ccc;
	}
	
	.shigongxianchang .carousel-control.left .fa,
	.shigongxianchang .carousel-control.right .fa{
		font-size:50px;
		top: 40%;
	}
	.shigongxianchang .carousel-control.left{
		background-image:none; left:-80px; width:90px; color:#333; opacity:.6;
	}
	.shigongxianchang .carousel-control.right{
		background-image:none; right:-80px; width:90px; color:#333; opacity:.6;
	}
    .wenzhang {
		padding:60px 0;
	}	
    .youshi{ padding:30px 0 30px 0; background: url(../images/twill-bg.png);}
	.youshi h1{ color:#008800;}
	.youshi hr{ border-color:#eee; margin:40px 0;}
    .youshi .cailiaogongyi-item { display:block; text-decoration: none; border: 0px solid transparent; /*padding:20px;*/ min-height: 160px;}
    .youshi .cailiaogongyi-item i.fa{ background-color: rgba(255,255,255,.8); color: rgba(0,120,0,.8); width: 160px; height: 160px; line-height: 150px; font-size: 5.8em; border: 0px solid #ededed; border-radius:50%; border: 5px solid rgba(0,0,0,.1); transition: .3s;}
    .youshi .cailiaogongyi-item:hover i.fa{ background-color: rgba(230,120,0,1); color: rgba(255,255,255,1); font-size: 6.2em; line-height: 150px; border-color:rgba(230,120,0,.6); box-shadow:3px 3px 10px 3px #ccc;}
    .youshi .cailiaogongyi-item h4{ font-family: 'Microsoft YaHei'; color:rgba(0,120,0,.8);}
    .youshi .cailiaogongyi-item h4 small{ font-family: 'Microsoft YaHei'; color:rgba(120,120,120,.6);}
    .youshic .cailiaogongyi-item p small{ color: #e96b97;}
    .youshi .cailiaogongyi-item:hover h4{ color: #e60;}
    .youshi .cailiaogongyi-item:hover p small{ color: #008800;}

	
.list-news li{padding-top: 4px; padding-bottom: 4px; border-bottom:1px dotted #eee; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; width:100%; }

.content{ min-height:300px;}
.content img{ max-width:100%;}
.shejishimen{ overflow:hidden; height:340px;}

.kuaijiecaidan{
	width:110px;
	margin-left:-120px;
	position:fixed;
	z-index: 999;
	display:none;
}
.kuaijiecaidan.affix-top{
	top:310px;
}
.kuaijiecaidan.affix{
	top:120px;
}
.kuaijiecaidan .list-group-item{
background-color: #f2f9f2;
}
.kuaijiecaidan .list-group-item.active, .kuaijiecaidan .list-group-item.active:focus, .kuaijiecaidan .list-group-item.active:hover{
    background-color: #080;
    border-color: #070;
	text-align:center;
}


#footer-nav{ border-top: 1px solid #222;background: #333; color: #fff; padding-top: 25px; padding-bottom: 25px;}
#footer-nav .btn-tel{ border-color: #600; color:#500; background-color:transparent; margin: 10px 0;}
#footer-nav .btn-tel:hover{ border-color: #b00; color: #edcea6; background-color: #b00;}
#footer-nav img{max-width: 100%; height: auto;}
#footer-nav dl{ border-right: 1px solid #363636;}
#footer-nav dl dt{ color: #888; margin-bottom: 10px; font-family: 'Microsoft YaHei'}
#footer-nav dl dd{ line-height: 200%;}
#footer-nav dl dd a{ color: #fff; font-family: 'Microsoft YaHei'}
#footer-copyright{ background: #222; color: #888; padding: 5px;}
#footer-copyright a{ color: #888; font-family: 'Microsoft YaHei'}

.navbar.navbar-default.navbar-fixed-bottom{
	background-color: #080;
}
.navbar.navbar-default.navbar-fixed-bottom a{
	color: #fff;
}

.text-orange,.text-orange:hover, .text-orange a, .text-orange a:hover{ color: #d83;}
.text-black,.text-black:hover, .text-black a, .text-black a:hover{ color: #222;}
.text-white, .text-white:hover, .text-white a, .text-white a:hover { color: #fff;}
.text-red, .text-red:hover, .text-red a, .text-red a:hover { color: #a00;}
.text-green, .text-green:hover, .text-green a, .text-green a:hover { color: #080;}

.thumbnail { position: relative;}
.thumbnail figcaption p{text-overflow:ellipsis; overflow:hidden; white-space:nowrap; width:100%;}
.thumbnail figcaption::before {
	background-color: rgba(230,120,0,.06);
	position: absolute;
	top: 4px;
	right: 4px;
	bottom: 4px;
	left: 4px;
	content: '';
	opacity: 0;
	transition: opacity 0.35s, transform 0.35s;
	transform: scale(0);
}
.thumbnail figcaption::after {
	position: absolute;
	width: 40px;
	height: 40px;
	line-height: 40px;
	top: 50%;
	left: 50%;
	margin-top: -20px;
	margin-left: -20px;
	content: '\f002';
	text-align: center;
	color: #fa0;
	font: normal normal normal 40px/1 FontAwesome;
	opacity: 0;
	transition: opacity 0.65s, transform 0.65s;
	transform: scale(2);
}
.thumbnail:hover figcaption::before,.thumbnail:hover figcaption::after{	opacity: 1;	transform: scale(1);}
a.thumbnail:hover{ text-decoration: none; border:1px solid #f90; box-shadow:0 0 1px 1px #f90;}
.thumbnail:hover img{ transition: opacity 0.65s, transform 0.65s; transform: scale(1.02); }

.ads{ width: 100%; margin-bottom: 15px;}

  #carousel-caces{margin-bottom: 20px;}
  #carousel-caces .item img{ max-height: 600px; margin:0 auto;}
  #carousel-caces .carousel-indicators{ position:static; left:auto; bottom:auto; margin-top:10px; width:100%; margin-left:0;}
  #carousel-caces .carousel-indicators li{ width: 90px; height: 70px; border-radius: 2px; background-color: #fff; margin:5px; padding:2px; text-indent:0; border:1px solid #eee;}
  #carousel-caces .carousel-indicators .active{padding:1px; border:2px solid #080; position:relative;}
  #carousel-caces .carousel-indicators .active:before{
    position: absolute;
    top: -18px;
    left: 37px;
    content: " ";
    border-color: transparent;
    border-style: solid;
    border-width: 9px;
    display: block;
    width: 0;
    height: 0;
    z-index: 1;
    border-bottom-color: #080;
  }
  #carousel-caces .carousel-indicators li img{ width: 84px; height: 64px;}

	#service {
		top: 20%;
		right: 30px;
		width: 120px;
		position: fixed;
		z-index: 1000;
	}
	
	
@media (max-width: 768px){
  	h3.cate-sub-title {
      width: 98px;
      height: 3rem;
      border-bottom: 2px solid green;
  	}
  	.fenlei	.container div.carl-pd-list-title {
      height: 50px;
  	}
    .fenlei {
      padding-top: 0;
      padding-bottom: 0;
  	}
  	.nav .navbar-nav {
      margin: 0;
  	}
  	.zuixinanli {
      padding-top: 0;
  	}
    .navbar-main .nav>li {
      float: left;
      width:25%;
    }
    .navbar-main .nav>li a {
      color:#fff;
      padding: 8px;
    }
}

    .biaoqianlan{ margin-bottom: 10px;}
    .biaoqianlan .nav-tabs>li>a{padding: 5px;}
@media (min-width: 768px){
    .banner{ padding-top: 20px; padding-bottom: 20px; background: #ececec url(../images/banner-bg.png); box-shadow: 0 -3px 5px 0px rgba(0,0,0,.1) inset;}
    .banner .breadcrumb{ background-color: transparent; border-radius: 0; margin-top: 20px; margin-bottom: 10px;}
    .biaoqianlan{ background: #f8faf8;}
    .biaoqianlan .nav-tabs>li>a{ border-top: 0; border-radius: 0; color: #080; padding: 15px;}
    .biaoqianlan .nav-tabs>li>a:hover{ background: #fff;}
    .biaoqianlan .nav-tabs>li.active>a{ border-top: 0; background: #fff; color: #555;}
    .main{ padding-top: 20px; min-height:500px;}
    .loupan { border: 1px solid transparent; border-bottom: 1px dashed #ddd; margin-bottom: 15px;}
    .loupan:hover{ border: 1px solid #eee; border-bottom: 3px solid #a00; background-color: transparent; margin-bottom: 13px;}
    .content{ line-height: 200%;font-size: 18px; margin-bottom: 20px;}
    
    #header .nav>li>a{padding-top: 10px; padding-bottom: 10px;}
    #header .navbar-text   small.text-muted{color:#444;}
    #header .nav>li>a small.text-muted{ color:#444;}
    #navbar>.nav>li{ border-left: 1px solid rgba(0,120,0,.8);}
    #navbar>.nav>li>a{ height:100px; display: block; color: #e5f5dd; text-align: center; padding: 20px 6px; font-family: 'Microsoft YaHei'}
    #navbar>.nav>li>a>i{ font-size: 1.5em; display: block;}
    #navbar>.nav>li>a>small{ font-size:0.8em; display: block; color:rgba(255,255,255,.6);}
    #navbar>.nav>.open>a{ background-color: rgba(0,120,0,.5);}
    #navbar>.nav>li>.dropdown-menu{background-color: rgba(0,120,0,.8); border: 0; box-shadow:none;}
    #navbar>.nav>li>.dropdown-menu>li>a{padding: 5px 20px;line-height: 180%; color: #e5f5dd; font-family: 'Microsoft YaHei'}
    #navbar>.nav>li>.dropdown-menu>li>a:hover{ background-color: rgba(0,100,0,.6);}
    #carousel-generic{border-bottom: 3px solid #fff; margin-bottom: 20px;}
    #carousel-generic .item img{ max-height: 600px;}
    #carousel-generic .carousel-indicators li{ width: 30px; height: 10px; border-radius: 0; background-color: #fff; margin: 0;}
    #carousel-generic .carousel-indicators .active{ background-color: #0a0; border-color: #060;}
    .list-news li{ padding-top: 4px; padding-bottom: 3px;}
    .shejishimen{ overflow:hidden; height:276px;}
}

@media (min-width: 1200px) {
    #logo{ width:360px; height:100px;}
    #navbar>.nav>li>a{padding: 20px 16px; }
    .thumbnail img { margin-bottom: 10px; }
    .list-news li{ padding-top: 7px; padding-bottom: 7px;}
    .shejishimen{ overflow:hidden; height:335px;}
    .modal-lg {  width:1200px;}
}

@media (min-width: 1360px){
	.kuaijiecaidan{	display:block; width:96px; margin-left:-100px;}
	.kuaijiecaidan .list-group-item{padding: 10px;}
}

@media (min-width: 1600px){
	.kuaijiecaidan{	display:block; width:80px; margin-left:-85px;}
	.kuaijiecaidan .list-group-item{padding: 10px 4px;}
    .container {width: 1440px;}
    #navbar>.nav>li>a{padding: 20px 30px; }
    .thumbnail img { margin-bottom: 12px; }
    .list-news li{ padding-top: 11px; padding-bottom: 10px;} 
    .shejishimen{ overflow:hidden; height:405px;}
    .modal-lg {  width:1400px;}
}
@media (min-width:1900px){
	.kuaijiecaidan{	display:block; width:110px; margin-left:-120px;}
	.kuaijiecaidan .list-group-item{padding: 10px 15px;}
}