*{margin: auto; padding: 0; font-family: "微软雅黑";}
li{list-style: none;}
a:hover,a:visited,a:link,a:active{text-decoration: none;}
.padT80{padding-top: 80px;}
.padD80{padding-bottom: 80px;}
.title{text-align: center;}
.title p span{padding:0 20px;}
.title h2{color: #666;}
.title p{color: #888; line-height: 1.8; font-size: 80%;}
.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;}
.bgWhite2{background-color: #FCFCFC; padding:1px 5px 1px;}
.btn-primary{background-color: #167ED4; padding:10px 25px;}
.btn-primary:hover{background-color: #2A93E8; border-color:#2A93E8;}
.nullSpace{width:100%; height: 100px;}
/*nav*/
.navbar{ margin: 0; box-shadow: 0 0 10px #CCC; z-index: 100;width:100%; transition: all 1s;}
.navbar-default{border:none; background-color: #FFFFFF;}
.navbar-brand{padding:0;}
.navbar-brand img{width: 100%; padding:20px;}
.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: #085FC1; color:#FFFFFF;}
/*banner*/
.carousel-control.left,.carousel-control.right{background: none;}
.equip{background-color: #085FC1;}
.equip ul{padding: 20px 0 10px; margin-bottom: 0;}
.equip ul li{color: #FFFFFF; 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}
/*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(50,50,255,0.8); color: #FFFFFF; text-align: center;}
.roList li div h4:after{display: block; content: ''; width:30px; height: 2px; background-color: #FFFFFF; margin: auto; margin-top:10px}
/*service display: -webkit-box;-webkit-line-clamp: 2; */
/*.service .bgWhite{padding:50px;}*/
.serList li>div{margin-bottom: 20px; border: 2px solid #DDD;}
.serList li img{float: left; margin: 0px; margin: 10px;}
.serList .serCon{margin-left:65px; margin-right: 10px;}
.serList .serCon p{overflow: hidden;text-overflow: ellipsis;-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: #888; 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: #167ED4;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: #167ED4; box-shadow: 0 0 10px #167ED4;transition: all .3s;}
.newsArt li.active .newsTime{color:  #167ED4;transition: all .3s;}
/*footer*/
footer{background: url(../images/footer.jpg);}
footer p{color: #FFFFFF;}
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 #CCC; 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: 15px;  float: left; }
.address div ul li span{padding-right: 10px;}
.address div ul li{color: #FFFFFF; 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:#FFFFFF;}
/*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: #167ED4;}
.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: #167ED4;}
.nePg .neliTime h3,.nePg .neliTime p{color: #FFFFFF;}
 .nePg .neliTime h3{margin-top: 15px;}
.nePg .neliCon{margin-left: 100px; display: block;}
.newsList ul{padding: 10px ; }
.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: #167ED4;}
.page{text-align: center;}
.page ul{border: none; padding-top:20px;}
.page li.active{background-color: #167ED4; color: #FFFFFF;}
.newsDetail>div{text-align: center;}
.newsDetail>div img{width:50%; margin:-20px 30px 20px; }
.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%);}

@media only screen and (max-width: 992px) {
	.abPg .row>div:nth-child(1) {
	    background-color: #167ED4;
	}
	.navbar-brand img{width: 70%; padding:5px; margin-top: 25px;}
}

/*repsonsive*/
@media only screen and (max-width: 868px) {
	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;}
	.equip{display: none;}
	.nullSpace{height: 70px !important;}
	.navbar-brand img{width: 70%; padding:5px; margin-top: 0px;} 
}





.contblock {	
	padding-top:10px;
	overflow: hidden;
  }

.zhuche {
	height: 64px;
	float: left;
	width: 650px;
	font-size: 16px;
	font-weight: bold;
	background: url(../images/zhubg.jpg) no-repeat left top;
	clear: left;
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 109px;
  }
  .zhuche ul li {
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
	float: left;
	padding-right: 60px;
  }
  .zhuche ul, .login ul  {
	padding-top: 0px;
  }

  .zhuche ul li a {
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
  }

  .login {
	height: 64px;
	float: left;
	width: 311px;
	padding: 30px 0 0 0;
	background: url(../images/loginbg.jpg) no-repeat right top;
  }
  .login ul li {
	float: left;
	width: 151px;
	text-align: center;
	line-height: 34px;
	font-size: 14px;
	font-weight: bold;
  }

  .seach {	 
	color: #FFF;  
  }

  .seach dl {
	color: #FFF; 
	font-size: 12px;
	background-color: #689AC3;
	height: 300px;
	border:1px solid #EEEEEE;
  }

  .ccctitle {
	font-size: 25px;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	font-family: "微软雅黑";
	padding-top: 13px;
	padding-right: 0;
	padding-bottom: 13px;
	padding-left: 0;
	background-repeat: repeat-x;
	background-position: left top;
  }

  .stext {
	color: #FFF;
	font-size: 13px;
	padding-bottom: 10px;
  }

  .seachA {
	padding-top: 6px;
  }


  .textarea {
	height: 112px;
  }

  .sitem {
	padding-bottom: 10px;
	color: #FFF;
  }

  .sitem font {
	float: left;
	width: 110px;
	color: #FFF;
	font-size: 15px;
  }
  .select {
	color: #333;
	font-size: 12px;
  }
  .ctitle {
	float: left;
	width: 100%;
	font-size: 35px;
	font-weight: bold;
	color: #FF6102;
	text-align: center;
	padding: 15px 0 8px 0;
	background: url(../images/line.jpg) repeat-x left bottom;
  }
  .produ { 
	width: 100%;
  }
  .produ dl {
	padding: 20px 50px 20px 0;
	background: url(../images/line.jpg) repeat-x left bottom;
	overflow: hidden;
  }
  .produ dl .pic {
	float: left;
	padding-right: 8px;
  }

  .produ dl .ptitle {
	font-size: 26px;
	font-weight: bold;
	color: #0095DA;
	padding-top: 4px;
  }
  .produ dl .ptext {
	line-height: 18px;
	font-size: 12px;
	padding-top: 10px;
	color: #888;
  }
  .brand {
	width: 100%;
	float: left;
	padding: 15px 0px 0px 0px ;
  }

  .brand dl {
	 
	font-size: 12px;
	color: #888;
  }
  .btext {
	width: 150px;
	float: left;
	padding: 18px 5px 0 5px;
	line-height: 18px;
  }

  .bpic{
	width: 100%;	
  }

  .head-bj{ width:100%; height:38px; background:url(../images/header-bj.jpg) repeat-x;}
  .head{ height:38px; line-height:34px; color:#666;}
  .head a{ color:#666; padding:0 4px;}
  .head a:hover{ color:#2e62af;}
  .Left {float: left}
  .Right {float: right}
  /*repsonsive*/
@media only screen and (max-width: 470px) {
	.bgWhite{
		padding:0px 12px;
	}
    .about .abCon{
		margin-left: 0px;
	}

	.addressText
	{
		width: 225px;

	}

}
 
.foot_nav ul{	
	
	display: table;
	margin: 10px  auto;
}

.foot_nav ul li {
	float: left;
	margin: 0px 10px;
}

.foot_nav ul li a{
	color: #DFDFDF;
}

.foot_nav ul li a:hover{
	color: #ffffff;
}

.top_login{
	position:absolute;
	top:4px; 
	right:0px;
}
.form-group label{
	font-size: 14px;
}

.sitem .form-group {
	margin-bottom: 5px;
}


.sitem .form-control {
	padding: 3px 6px;
}

.form-inline .form-control {
	display:inline-block;
	width:auto;
	vertical-align:middle;
}


.online-custom .chat-online-wrap {
	position:fixed;
	z-index:999;
	right:0;
	bottom:10%;
	cursor:pointer;
   }
   .online-custom .chat-online-wrap .toogleBtn {
	position:relative;
   }
   .online-custom .chat-online-wrap .toogleBtn .toogleBtn-img {
	background-color:#fff;
	float:left;
	width:55px;
	height:55px;
	border-radius:6px 0 0 6px;
   }
   .online-custom .chat-online-wrap .toogleBtn .toogleBtn-img img {
	width:42px;
	height:40px;
	margin:9px 6px;
	text-align:center;
   }
   .online-custom .chat-online-wrap .toogleBtn .toogleBtn_text {
	float:left;
	background-color:#0f7f80;
	height:55px;
	width:130px;
	color:#fff;
	padding:5px 6px;
	text-align:center;
   }
   .online-custom .chat-online-wrap .toogleBtn .toogleBtn_text p {
	font-size:14px;
	font-weight:bolder;
	letter-spacing:1px;
	padding-left:3px;
	color:#fff;
   }
   .online-custom .chat-online-wrap .toogleBtn .toogleBtn_text span {
	font-size:12px;
	color:#fff;
	font-weight:lighter;
   }
   .online-custom .chat-online-wrap .toogleBtn .icon-barnew {
	padding:8px 0;
	position:relative;
	overflow:hidden;
   }
   .online-custom .chat-online-wrap .toogleBtn .icon-barnew .icon-img {
	position:absolute;
	right:78px;
	top:8px;
   }
   .online-custom .chat-online-wrap .toogleBtn .t-hours {
	display:none;
   }
   .online-custom .chat-online-wrap .toogleBtn .icon-qq:hover {
	overflow:visible !important;
   }
   .online-custom .chat-online-wrap .toogleBtn .icon-new:hover {
	overflow:visible !important;
   }
   .online-custom .chat-online-wrap .toogleBtn .icon-wechat:hover {
	overflow:visible !important;
   }
   .online-custom .chat-online-wrap .toogleBtn .icon-qq {
	width:70px;
   }
   .online-custom .chat-online-wrap .chat-online-box:after {
	right:118px;
   }
   .online-custom .chat-online-wrap .chat-online-box .chat-avatar-list {
	padding-top:0;
	margin-top:0;
   }
   .online-custom .chat-online-wrap .chat-online-box .chat-avatar-list h3 {
	border-bottom:1px solid #d4d4d4;
	padding-bottom:6px;
	font-weight:bolder;
	font-family:'Microsoft YaHei';
	color:#5a5a5a;
	font-size:16px;
	line-height:32px;
   }
   .online-custom .chat-online-wrap .chat-online-box .chat-avatar-list ul {
	margin-top:5px;
   }
   .online-custom .chat-online-wrap .chat-online-box .chat-avatar-list .chat-avatar {
	padding:12px;
   }
   .online-custom .chat-online-wrap .chat-online-box .chat-avatar-list .chat-avatar .i_test {
	position:absolute;
	top:20px;
	right:12px;
	width:0;
	height:0;
	border:4px solid transparent;
	border-top:4px solid #008680;
	float:right;
	display:inline-block;
   }
   .online-custom .chat-online-wrap .chat-online-box .chat-avatar-list .chat-avatar .addMe {
	display:inline-block !important;
	transition:all .5s ease 0s;
	transform:rotate(180deg);
   }
   .online-custom .chat-online-wrap .chat-online-box .chat-avatar-list .chat-avatar .removeMe {
	display:inline-block !important;
	transition:all .5s ease 0s;
	transform:rotate(360deg);
   }
   .online-custom .chat-online-wrap h3 {
	padding-left:10px;
   }
   .online-custom .chat-online-wrap:hover .t-hours {
	display:block !important;
   }