@charset "utf-8";

  .left {

 	float: left;

 }

 

 .right {

 	float: right;

 }

 

 .clearboth {

 	clear: both;

 }

  .content-all {

 	width: 1180px;

 	margin: 0 auto;

 	position: relative;

 }

 .content-1 {

 	width: 1180px;

 	margin: 0 auto;

 }

 ::selection {

	background-color: #049167;

	color: #fff;

}



::-moz-selection {

	background-color: #049167;

	color: #fff;

}



::-webkit-selection {

	background-color: #049167;

	color: #fff;

}



 



/*header*/

.header{

	width: 100%;

	margin: 0 auto;

	height: 136px;

	border-top: 14px solid #049167;

	border-bottom: 1px solid #eee;

}

.logo img{
	display: block;
	/* width: 174px; */
	height: 105px;
	padding-top: 12px;
}

.logo-title{

	height: 70px;

	border-left: 1px solid #ccc;

	margin: 27px 0 0 24px;

	padding: 0px 25px;

}

.logo-title h4{

    font:bold 18px/40px "microsoft yahei";

    color: #ffa800;

}

.logo-title p{

	font:18px/24px "microsoft yahei";

	color: #333;





}

.logo-title p span{

	color: #049167;

}

.header-tel{

	margin-top: 36px;

	background: url(../images/header-tel.png) no-repeat  left center;

	padding-left: 60px;

}

.header-tel span{

	display: block;

	font: 15px/30px "microsoft yahei";

	color: #333;

}

.header-tel h4{

	font:bold 24px/30px "microsoft yahei";

	color: #ffa800;

	text-align: right;

	text-align: center;



}



.header-tel p{

	font:bold 25px/35px "microsoft yahei";

	color: #333;

	padding-left: 69px;

}

.logo-title span{

	

}

/*nav*/



.webq_top_menu_x{ width:100%; height:50px; background:#049167; }



.webq_top_menu{ width:1180px;height:50px; margin:0 auto; }

.webq_top_menu > ul { position: relative; }

.webq_top_menu ul li{ float:left; width: 100px; height:50px; text-align:center; font-size:15px;   }

.webq_top_menu ul li a{  color:#fff; display:block; height:50px; line-height:50px; overflow: hidden;  }

.webq_top_menu ul li a:hover { background:#FFA800; color:#FFF;  }

.webq_top_menu ul li:hover{ background:#FFA800; }

.webq_top_menu ul li:hover a{  color:#FFF; }



.webq_top_menu .liqsub{ position:absolute; width: 196px; top: 55px; z-index:100; background:#049167;  }

.webq_top_menu .liqsub ul li{ width: 100%; height: 40px; border-bottom:1px dashed rgba(255,255,255,0.35); background:none; text-align: left; }

.webq_top_menu .liqsub ul li a{ height: 40px; line-height: 40px;  font-size:14px; display: block; color:#FFF; overflow: hidden; -webkit-transition: .5s;transition: .5s; }



.webq_top_menu .liqsub .liqsub_1{ float: left; width: 156px; padding: 0 20px;    }



.webq_top_menu .liqsub .liqsub_1 i{ font-size: 15px;  text-align: left; border-bottom:1px solid rgba(255,255,255,0.35); display: block; }

.webq_top_menu .liqsub .liqsub_1 i a{ height: 40px; line-height: 40px; -webkit-transition: .5s;transition: .5s;}

.webq_top_menu .liqsub .liqsub_1 i a:hover{ background:none; padding-left: 15px;  }



.webq_top_menu .liqsub{ height:0px; visibility: hidden; opacity:0;  -webkit-transition: all .3s linear; transition: all .3s linear; } 

.webq_top_menu ul li:hover .liqsub{ height:auto; visibility: visible; opacity: 1; }

.webq_top_menu ul li:hover .liqsub ul li a:hover{ background:none; color:#FFF; padding-left: 15px;  }



.webq_top_menu ul li:nth-child(1) { background:none; }

.webq_top_menu > ul > li:nth-child(2) { width: 136px; }

.webq_top_menu > ul > li:nth-child(3) { width: 136px; }

.webq_top_menu ul li .c_id_48 { width: calc(196px * 3); left:260px; padding-bottom: 10px; }  /*一个分类 *1 一个分类 *2  六个分类100%  */

.webq_top_menu ul li .c_id_57 {   }  /*案例，当案例有二级的时候*/

.webq_top_menu ul li .c_id_22 { padding-bottom: 10px; }  /*新闻*/

.webq_top_menu ul li .c_id_53 { padding-bottom: 10px; }  /*关于我们*/



.webq_top_menu ul li.another{ background:#ffa800; }

.webq_top_menu ul li.another > a{  color:#FFF; }



.fixedNav { 

    position: fixed;

    top: 0px;

    left: 0px;

    z-index:99999;

    _position: absolute;

    _top: expression(eval(document.documentElement.scrollTop)); 

    box-shadow: 2px 2px 2px rgba(0,0,0,.2);

}





/*footer*/

.footer-content-1{

	width: 100%;

	height: 256px;

	background: #049167;

}

.footer-left{

	width: 200px;

	height: 170px;

	border-right: 1px solid rgba(255,255,255,.2);

	margin-top: 40px;

	padding-top: 15px;

}

.footer-left b i{

	display: inline-block;

	width: 14px;

	height: 18px;

	background: url(../images/footer-1.png) no-repeat center left;padding-right: 10px;

	vertical-align: sub;

}

.footer-left b {

	font: 16px/30px "microsoft yahei";

	color: #fff;

}

.pt{

	display: block;

	margin-top: 10px;

}

.footer-left p{

	font:   27px/30px "microsoft yahei";

	color: #fff;

}

.footer-left p.footer-ll{

	font:  18px/30px "microsoft yahei";

}



.footer-content{

	padding-top:30px;

	width: 764px;

	padding-left: 20px;

	font: 15px/36px "microsoft yahei";

	color: #fff;

	padding-top: 56px;

}



.footer-content a{

	color: #fff;

}



.footer-right{

	width: 155px;

	height: 155px;

	margin-top: 50px;

}

.footer-right img{

	display: block;

	width: 155px;

	height: 155px;

}