@charset "utf-8";
::-ms-selection{
	background-color: #0e4d9e;
	color: #fff;
	
}
::selection{
	background-color: #0e4d9e;
	color: #fff;
	
}
  .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;
 }
 .fl {
    float: left;
}
.fr {
    float: right;
}
.m{
    width: 1180px;
    margin: 0 auto;
}
.clear {
    clear: both;
}



/*header-top*/

.header_top{
	width: 100%;
	height: 190px;
	background: url(../images/header_top-bg.jpg) no-repeat center;
}

.logo{
	width: 177px;
	height: 190px;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99;
}

.logo a img{
	display: block;
	width: 177px;
	height: 190px;
	margin: 0 auto;
}




/*top*/
.header-topb{
	width: 926px;
	height: 30px;
	display: block;
	padding-left: 30px;
}
.top-left{
	font: 13px/30px "microsoft yahei";
	color: #fff;
}
.top-right{
	color: #fff;
}
.top-right a{
	display: inline-block;
	font: 13px/30px "microsoft yahei";
	color: #fff;
	padding-right:5px;
}

.top-right i{
	display: inline-block;
	width: 14px;
	height: 14px;
	vertical-align: sub;
	padding-right: 5px;
}

.dingwei{
	font: bold 21px/30px "microsoft yahei";
	color: #fff;
	letter-spacing: 2px;
	padding-top: 31px;
	padding-left: 30px;
}
.dingwei p{
	font: 16px/39px "microsoft yahei";
	color: #fff;
	letter-spacing: 0;
}

.header-content{
	width: 1000px;
	float: right;
}

.header-tel {
	margin-top: 30px;
	padding-left: 60px;
}

.header-tel span {
	display: block;
	font: 15px/30px "microsoft yahei";
	color: #fff;
	background: url(../images/header-tel.png) no-repeat 60px center;
	text-align: right;
}

.header-tel h4 {
	font: bold 26px/30px "microsoft yahei";
	color: #fff;
	text-align: right;
	text-align: center;
}




.header-ddingwei{
	width: 100%;
	height: 133px;
}
.dingwei span{
	color: #ffa800;
}
/*nav*/

.webq_top_menu_x{width:100%;height: 57px;}

.webq_top_menu{width: 1000px;height:50px;margin:0 auto;}
.webq_top_menu > ul { position: relative; }
.webq_top_menu ul li{float:left;height: 57px;text-align:center;font-size:15px;}
.webq_top_menu ul li a{color: #fff;display:block;height: 57px;line-height: 57px;overflow: hidden;padding: 0 20px;}
.webq_top_menu ul li a:hover {color:#FFF;}
.webq_top_menu ul li:hover{ background:transparent; }
.webq_top_menu ul li:hover a{color: #fff;background: #FFA800;}
.webq_top_menu ul li:hover ul>i>a{color: #fff;}
.webq_top_menu .liqsub{position:absolute;width: 196px;top: 57px;z-index:100;background:#FFA800;}
.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 .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;
    background: #0e4d9e;
    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-box{
	padding-top: 20px;
}
.fooer-boxLeft{
	width: 786px;
	color: #fff;
	font: 15px/30px "microsoft yahei";
	padding-top: 13px;
}
.fooer-boxLeft a{
	display: inline-block;
	color: #fff;
	padding: 0 5px;
}
.fooer-Links{
	width: 170px;
	padding: 0 10px;
	height: 180px;
	border: 1px solid rgba(255,255,255,.4);
	border-bottom:0px;
	border-top:0px;
	font: bold 18px/36px "microsoft yahei";
	color: #fff;
	letter-spacing: 2px;
}
.footer-Lb a{
	display: block;
	float: left;
	font: 14px/30px "microsoft yahei";
	letter-spacing: 0;
	color: #fff;
	width: 85px;
}
.footer-right{
	width: 202px;
}
.qe-code{
	width: 136px;
	height: 136px;
	background: url(../images/qe-codeBg.png) no-repeat center;
	margin: 10px auto 0;
}
.qe-code img{
	width: 120px;
	height: 120px;
	display: block;
	padding:8px;
}
.qe-code p{
	text-align: center;
	font: 14px/36px "microsoft yahei";
	color: #fff;
}
.footer-box{
	background: #0e4d9e;
	height: 200px;
}