*{margin: auto; padding: 0; font-family: "微软雅黑";}
li{list-style: none;}
a:hover,a:visited,a:link,a:active{text-decoration: none;}
.padT80{padding-top: 20px;}
.padD80{padding-bottom:20px;}
.title{text-align: center;}
.title p span{padding:0 20px;}
.title h2{color: #666;}
.title p{color: #888; line-height: 1.8;}
.title>span{color: #888; position: relative; top: -5px;}
.text-left{text-align: left !important; }
.title a{margin-top:10px; margin-bottom: 20px;}
.bgGrey{ box-shadow: 0 -5px 20px #DFDFDF inset;  background-color: #EEEEEE;}
.bgWhite{background-color: #FCFCFC; padding:40px 40px 80px;}
.btn-primary{background-color: #edd2be; padding:10px 25px;}
.btn-primary:hover{background-color: #f39700; border-color:#f39700;}
.nullSpace{width:100%; height: 100px;}
.fr{float:right;}

/*header*/
header{width:100%; height:24px; line-height:24px; background:#df910a;color:#fff;}
header a{color:#fff;}
header a:hover{color:#3084B3}
header a,header span{ float:left;height:24px;margin:0 3px;}
.phones{ height:24px; padding-left:30px;margin:0 10px 0 0; background:url(../images/phone.gif) 10px center no-repeat; font-size:14px;}
.guanzhu{ width:24px; height:24px; line-height:24px;}
.weixin{ background:url(../images/weixin.gif) center center no-repeat;}
.weibo{ background:url(../images/weibo.gif) center center no-repeat;}
/*nav*/
.navbar{ margin: 0; box-shadow: 0 0 10px #CCC; z-index: 10;width:100%; transition: all 1s;}
.navbar-default{border:none; background-color: #FFFFFF;}
.navbar-brand{padding:0;}
.navbar-brand img{height: auto; padding:0px;}
.navbar-brand h1{font-size: 32px; color: #f4d0bd; padding-top:15px}
.navbar-brand h1 span{padding:0 5px; color: #CCC; font-size:24px;}
.navbar-nav{padding-top:30px; padding-bottom: 20px;}
.navbar-nav li a{font-size: 16px;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus{background-color: #f39700; color:#FFFFFF;}
/*banner*/
.carousel-control.left,.carousel-control.right{background: none;}
.equip{background-color: #f4e2d8;}
.equip ul{padding: 20px 0 10px; margin-bottom: 0;}
.equip ul li{color: #666; font-size:18px; text-align: center;}
.equip li strong{font-size: 32px; font-weight: bold;}
.equip li span{font-size: 12px; display: inline-block; width:20px; padding-left: 5px}
.equip li p{font-size: 12px; display: inline-block; width:100%; }
/*roate*/
.roList li{overflow: hidden; position: relative; margin-bottom: 15px;}
.roList li img{width:100%; transition: all .3s;}
.roList li:hover img{transform: scale(1.2); transition: all .3s;}
.roList li:hover div{left:0; transition: all .3s;}
.roList li div{position: absolute; transition: all .3s; bottom: 0; left: -80%; width:80%;  display: inline-block; margin: 0; background-color: rgba(237,210,190,0.8); color: #333; text-align: center;}
.roList li div h4:after{display: block; content: ''; width:30px; height: 2px; background-color: #FFFFFF; margin: auto; margin-top:10px}
/*service*/
.service .bgWhite{padding:50px;}
.serList li>div{margin-bottom: 20px; border: 2px solid #DDD;}
.serList li img{float: left; margin-left: 10px; margin-top: 30px;}
.serList .serCon{margin-left:65px; margin-right: 10px;}
.serList .serCon p{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.serList li h3{color: #777;}
.serList li p{color: #888;}
/*space*/
.space img{width:100%; box-shadow: 0 0 10px #000000;}
/*about*/
.about img{width:100%; box-shadow: 8px 8px 10px #aaa; margin-bottom: 20px;}
.about .abCon{color: #333; line-height: 1.8; font-size: 15px; margin-left: 20px;}
.about .abCon span{color: #085FC1; font-size: 18px; letter-spacing: 1px;padding:0 3px; font-weight: bold;}
.about  a{margin:10px 0px 0;}
/*news*/
.newsImg {position: relative;}
.newsImg li img{width:100%;}
.newsImg li{opacity: 0; transition: all .4s; top: 0; left: 0;position: absolute;}
.newsImg li:nth-child(1){position: relative;}
.newsImg li.active{opacity: 1; transition: all .2s;}
.newsTime{float: left; padding-top: 10px; color:#666; font-size: 15px; font-weight: bold;transition: all .3s;}
.newsCon{position:relative;margin-left:100px; padding-left: 20px; border-left: 1px solid #ddd; padding-bottom: 30px; padding-top: 6px;}
.newsCon p{margin-bottom: 0; overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.newsCon h3{margin-top: 0; line-height: 1.5; font-size: 18px; font-weight: bold; color:#666; transition: all .3s;}
.newsCon .circle{position: absolute; left: -7px;top:13px; width:13px; height: 13px; border-radius: 100%; background-color: #DDD;transition: all .3s;}
.newsCon .circle span{display: inline-block; margin:2px; width:9px; height: 9px; border-radius: 100%; background-color: #aaa; vertical-align: top;transition: all .3s;}
.newsArt li.active h3{color: #f39700;transition: all .3s;}
.newsArt li.active .circle{background-color: rgba(0,0,255,0.2);transition: all .3s;}
.newsArt li.active .circle span{background-color: #f39700; box-shadow: 0 0 10px #f4d0bd;transition: all .3s;}
.newsArt li.active .newsTime{color:  #f39700;transition: all .3s;}
/*footer*/
footer{background: url(../images/footer.jpg);}
footer p{color: #333;}
footer form{width:100%; padding-left:30%;}
footer form input{width:100%; height: 35px; font-size: 16px; padding-left: 20px; line-height: 35px;}
footer form textarea{ height: 100px; width: 100%;}
footer form p{padding:10px; margin: 0;}
footer form p:nth-child(1){padding-top: 0;}
.address p{border-bottom: 1px solid #fff; padding-bottom: 30px; line-height: 1.8;}
.address div{ margin-top: 50px;}
.address div:after{display: block; clear: both; content: '';}
.address div img{float: left; margin-bottom: 10px;}
.address div ul{margin-left: 20px;  float: left;}
.address div ul li span{padding-right: 10px;}
.address div ul li{color: #333; line-height: 25px;}
footer form a{margin-top: 10px;}
.reserve{border-top: solid 1px #2d2d2d; margin-top: 30px; padding-top: 30px; text-align: center;}
.reserve a{color:#333;}
/*abPg*/
.abPg .banner img{width:100%;}
.abPg .space{margin-top: 20px;}
.abPg .about.bgGrey{box-shadow: none;}
.abPg .worth{background-color: #EEE;}
.abPg .worth img{width:100%;}
.abPg .worth>div div{background-color: #f4d0bd;}
.abPg .worth h3{color: #FFFFFF; padding-left: 20px;}
.abPg .worth p{color: #FFF; line-height: 1.8;padding:20px;}
.abPg .row>div:nth-child(1){background-color: #FFFFFF;}
.abPg .row>div:nth-child(2){padding-top:30px;}
/*serPg*/
.serPg .banner img{width:100%;}
.serDetail li{padding-left: 20px; padding-bottom: 50px;}
.serDetail li h3{  color:#666;}
.serDetail li div{ font-size: 16px; padding-top:20px; line-height: 1.8; color:#888; }
.serDetail li img{padding-right: 20px; padding-bottom: 20px; float: left;}
@media only screen and (max-width: 768px) {
	.serDetail li img{width:100%; padding-right: 0;}
}
/*nePg*/
.nePg .banner img{width:100%;}
.nePg .neliTime{width:80px; height: 80px; float: left; margin-top:20px; text-align: center; background-color: #e0920a;}
.nePg .neliTime h3,.nePg .neliTime p{color: #FFFFFF;}
 .nePg .neliTime h3{margin-top: 15px;}
.nePg .neliCon{margin-left: 100px; display: block;}
.newsList ul{padding-top: 60px; border-top: solid 1px #ddd;}
.newsList ul li{padding:20px 0; border-bottom: 1px dashed #aaa;}
.newsList ul li:last-child{border-bottom: none;}
.newsList ul li h3{color: #666; font-size: 20px;}
.newsList ul li p{color: #888;overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.newsList ul li a:hover h3{color: #e0920a;}
.page{text-align: center;}
.page ul{border: none; padding-top:20px;}
.page li.active{background-color: #f4d0bd; color: #FFFFFF;}
.newsDetail>div{text-align:left; margin-bottom:30px}
.newsDetail>div img{width:100%; margin:20px auto; float: left; }
.newsDetail>div {line-height: 2; color: #888; margin:10px 0; text-align: left; font-size: 15px;}
/*conPg*/
.conPg .banner img{width:100%;}
.conPg .contact li{text-align: center; font-size: 16px; color: #888;}
.conPg .contact li p{margin-top: 40px;}
.map iframe{border:none;}
.map{position: relative;}
.map .loader{position: absolute; top:50%; left: 50%; transform: translate(-50%,-50%);}
/*repsonsive*/
@media only screen and (max-width: 768px) {
	footer form{ padding-left:0%;}
	.padT80{padding-top: 30px;}
	.padD80{padding-bottom: 30px;}
	.roList li h4{font-size: 14px;}
	.roList li p{font-size: 12px;}
footer{ margin-bottom:50px;}
	.nullSpace{height: 50px !important;}
	.navbar-brand img{margin: 0 !important; padding: 0; padding-left: 20px; width:15rem; font-size: 24px;}
}
@media only screen and (max-width: 992px) {
	.abPg .row>div:nth-child(1) {
	    background-color: #f4d0bd;
	}
}



/*产品*/

.ny {
  margin-bottom: 50px;
}

.column_bt {
  background: url(../images/background1.jpg) 0 center repeat-x;
  text-align: center;
  margin-top: 50px;
  margin-bottom: 0;
}
.column_bt span {
  display: inline-block;
  color: #322424;
  font-size: 24px;
  line-height: 36px;
  background: #fff;
  padding: 0 2%;
  height: 36px;
}
.crumbs {
  text-align: center;
  color: #989898;
  font-size: 14px;
  line-height: 36px;
}
.crumbs i{color:#8195B7;font-style:normal;}
#menu_dh{
	width:100%;
	height:65px;
	padding:5px 0px 0px 7px;
	bottom:-10px;
	overflow:hidden;
	background:url(../images/dh_bg.jpg) top repeat-x #000;
	display:block;
	position: fixed;
}
@media (max-width: 640px) {
  .crumbs {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 80%;
    padding-left: 17px;
    font-size: 13px;
  }
  .page .page-num{
    display: none;
  }
  .crumbs i{color:#8195B7;font-style:normal;}
  

}
@media (max-width: 400px) {
  .crumbs {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 80%;
    padding-left: 17px;
    font-size: 12px;
  }
  .crumbs i{color:#8195B7;font-style:normal;}
}
.crumbs a {
  color: #989898;
}
.crumbs a:hover {
  text-decoration: underline;
}
.n_nav > a,.n_nav span {
    float: left;
    color: #323232;
    font-size: 15px;
    width: 15%;
    text-align: center;
    line-height: 38px;
    height: 38px;
    border: 1px solid #d8d8d8;
    margin-right: 10px;
    margin-bottom: 10px;
    position:relative;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-decoration: none;
}



.n_nav a.cur{ color:#fff; background-color:#a5726f;}
.n_nav span a{ display:block;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.n_nav span a:hover{ color:#fff;text-decoration: none;}
.nnav_two{ position:absolute; width:100%; background-color:#fff; border:1px solid #ccc; top:36px; display:none;}
.n_nav a:hover{ background-color:#a5726f; color:#fff;}

@media (min-width: 998px) {
#menu_dh{

	display:none;

}

}

@media (max-width: 640px) {
    .n_nav > a,.n_nav span ,.pro-lj {
        display:none;
    }
}
@media (max-width: 340px) {
    .n_nav > a,.n_nav span {
        width: 30%;
        display:none;
    }
}
@media (max-width: 330px) {
    .n_nav > a,.n_nav span {
        font-size: 12px;
        width: 27%;
        display:none;
    }
}
.page {
  text-align: center;
  margin-top: 40px;
}
.page a,.page span  {
  display: inline-block;
  line-height: 25px;
  height: 25px;
  border: 1px solid #cccacb;
  color: #656565;
  font-size: 12px;
  padding: 0 8px;
  margin-right: 10px;
    margin-top: 5px;
}
.page a:hover,.page span.page-cur {
  background: #4c4c4c;
  color: #fff;
  font-weight: bold;
}
@media (min-width: 993px){
	
	
.naver_right { width:670px; float:right; height:40px; line-height:40px; margin-top:20px;}
.naver_right li { width:14.2%; float:left;}
.naver_right li a { float:left; width:100%; text-align:center}
.naver_right .active a{ background:#df910a; color:#fff}


}

@media (max-width: 992px){
.naver_logo { width:100%; text-align:center;}
.naver_right { width:100%; float:right; height:40px; line-height:40px;}
.naver_right li { width:14.2%; float:left;}
.naver_right li a { float:left; width:100%; text-align:center; font-size:10px;}
.naver_right .active a{ background:#df910a; color:#fff}

.banner { margin-top:5em;}
}