/* 佳龙集团官网样式
制作时间：2017.09.19*/

/* 佳龙集团官网样式
制作时间：2017.09.19*/


/*海报框架开始*/
/****************************************/
.Xj_BarHt{
	height: 690px;
}
.Xj_BarPosAbs{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
}

/*海报按钮*/
.Xj_BarBtnRel{
	position: relative;
}
.Xj_BarBtnBxo{
    position: absolute;
	top: -55px;
	left: 0px;
	width: 100%;
	z-index: 99999;
}
.Xj_BarLfBtn{
	position: absolute;
	top: -400px;
	left: 40px;
	width: 60px;
	height: 60px;
	border-radius: 60px;
	z-index: 99999;
	line-height: 73px;
	text-align: center;
	cursor: pointer;
	background:url(/images/icon/proleft.png) center center no-repeat #fff;
}

.Xj_BarLfBtn:hover{
	background:url(/images/icon/proleft2.png) center center no-repeat #D21D12;
}

.Xj_BarRtBtn{
	position: absolute;
	top: -400px;
	right: 40px;
	width: 60px;
	height: 60px;
	border-radius: 60px;
	z-index: 99999;
	line-height: 73px;
	text-align: center;
	cursor: pointer;
	background:url(/images/icon/proright.png) center center no-repeat #fff;
}
.Xj_BarRtBtn:hover{
	background:url(/images/icon/proright2.png) center center no-repeat #D21D12;
}
.BanBtnBox li{
    float: left;
    height: 8px;
    width: 55px;
    border-radius: 10px;
    margin-right: 30px;
    background: url(/images/icon/tmwt.png);
    cursor: pointer;
}
.BanBtnBox li:last-child{
    margin-right: 0px;
}

.BanBTnAct{
	background: #D21D12 !important;
} 

/*海报图片设置*/
.Xj_BarBox1{
	background: url(/images/home/hm-bar1.jpg) center center no-repeat;
}

.Xj_BarBox2{
	background: url(/images/home/hm-bar3.jpg) center center no-repeat;
}

.Xj_BarBox3{
	background: url(/images/home/hm-bar2.jpg) center center no-repeat;
}

.Xj_BarTextBox{
	width: 300px;
	height: 150px;
	padding: 35px;
	margin-top: 210px;
	position: relative;
}
.Xj_bdtopAll{
	position: absolute;
	top: 0px;
	left: 0px;
	background: #D21D12;
}
.Xj_bdBomAll{
	position: absolute;
	bottom: 0px;
	right: 0px;
	background: #D21D12;
}
.Xj_bdToplf{
	width: 40px;
	height: 5px;
}
.Xj_bdToplf2{
	width: 5px;
	height: 40px;
}

.Xj_BarTextMain p{
	font-size: 36px;
	color: #4a4a4a;
	font-weight: bold;
}
.Xj_BarTextMain2 p{
	font-size: 36px;
	color: #fff;
	font-weight: bold;
}
.Xj_BarTextMain3 p{
	font-size: 36px;
	color: #fff;
	font-weight: bold;
}

/*关于我们*/
/****************************************/
.Xj_hmAboutBg{
	background: #f3f3f3;
	padding: 75px 0px;
}
.Xj_HmTitle, .Xj_HmTitle span{
	font-size: 32px;
	color: #515151;
	font-weight: bold;
	text-align: center;
}
.Xj_HmTitle span{
	color: #D21D12 !important;
}
.Xj_HmSonTitle{
	font-size: 22px;
	text-align: center;
	color: #5f5e5e;
	margin-bottom: 55px;
}
.Xj_HmAboTable .Xj_HmAboTbTop{
	vertical-align: top;
}
.Xj_HmTabRtIMg{
	width: 100%;
	overflow: hidden;
}
.Xj_HmAboLogo{
	float: right;
	background: #D21D12;
	padding: 40px 0px;
	width: 75%;
}
.Xj_HmAboLogoConBox{
	margin: 0px auto;
}
.Xj_HmAboLogCh{
	margin-left: 15px;
	width: 115px;
}
.Xj_HmAboConBox{
	position: relative;
}
.Xj_HmAboBg{
	background: #fff;
	position: relative;
	top: 40px;
	left: 0px;
	z-index: 1;
	width:97%;
    padding: 40px 40px;
}
.Xj_HmAboImgBox{
	position: relative;
	z-index: 0;
}
.Xj_HmAboLogoBox{
	position: relative;
	width: 100%;
}
.Xj_HmAboBg p{
	font-size: 18px;
	color: #333;
	text-align: justify;
	line-height: 30px;
	margin-bottom: 20px;
}
.Xj_readMore{
	color: #D21D12;
	font-size: 18px;
}
.Xj_readMore:hover{
	text-decoration: underline;
}
.Xj_HmButns{
	float: left;
	display: block;
	width: 100px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 14px;
	color: #535353;
	background: #f2f2f2;
	margin-right: 20px;
	margin-top: 35px;
}
.Xj_HmButns:hover{
	background: #D21D12;
	color: #fff;
}



/*业务领域*/
/****************************************/
.Xj_HmWorkBg{
     background: url(/images/home/hm-workbg.jpg) center bottom no-repeat;
     padding: 80px 0px 150px;
    	
}
.Xj_HmWorkTable td{
	vertical-align: top;
	padding-right: 10px;
}
.Xj_HmWorkTable td:last-child{
	padding-right: 0px;
}
.Xj_HmWorkMarkbg{	
	text-align: center;
	padding: 25px 0px;
}
.Xj_HmWokkImg{
	width: 100%;
}
.Xj_HmWorkIconBox{
	width: 35px;
	height: 35px;
	line-height: 35px;
	border-radius: 35px;
	border:1px solid #9b9b9b;
	margin: 0 auto;
}
.Xj_HmWkLines{
	width: 35px;
	height: 2px;
	margin: 18px auto 15px;
}
.Xj_HmWkLinesRed{
	background: #D21D12;
}
.Xj_HmWkLinesWt{
	background: #fff;
}

.Xj_HmWork1{
	background: url(/images/icon/work1.png) right center no-repeat;
	background-position:10px 9px;
	background-size: 28px;
}
.Xj_WorkInfo1{
	background: url(/images/icon/work1-1.png) right center no-repeat;
	background-position:10px 9px;
	background-size: 28px;
}

.Xj_HmWork2{
	background: url(/images/icon/work2.png) right center no-repeat;
	background-position:3px 7px;
	background-size: 28px;
}
.Xj_WorkInfo2{
	background: url(/images/icon/work2-1.png) right center no-repeat;
	background-position:3px 7px;
	background-size: 28px;
}

.Xj_HmWork3{
	background: url(/images/icon/work3.png) right center no-repeat;
	background-position:3px 7px;
	background-size: 28px;
}
.Xj_WorkInfo3{
	background: url(/images/icon/work3-1.png) right center no-repeat;
	background-position:3px 7px;
	background-size: 28px;
}
.Xj_HmWork4{
	background: url(/images/icon/work4.png) right center no-repeat;
	background-position:3px 7px;
	background-size: 28px;
}
.Xj_WorkInfo4{
	background: url(/images/icon/work4-1.png) right center no-repeat;
	background-position:3px 7px;
	background-size: 28px;
}
.Xj_HmWork5{
	background: url(/images/icon/work5.png) right center no-repeat;
	background-position:3px 7px;
	background-size: 28px;
}
.Xj_WorkInfo5{
	background: url(/images/icon/work5-1.png) right center no-repeat;
	background-position:3px 7px;
	background-size: 28px;
}
.Xj_HmWork6{
	background: url(/images/icon/work6.png) right center no-repeat;
	background-position:3px 7px;
	background-size: 28px;
}
.Xj_WorkInfo6{
	background: url(/images/icon/work6-1.png) right center no-repeat;
	background-position:3px 7px;
	background-size: 28px;
}
.Xj_HmWork7{
	background: url(/images/icon/work7.png) right center no-repeat;
	background-position:3px 4px;
	background-size: 28px;
}
.Xj_WorkInfo7{
	background: url(/images/icon/work7-1.png) right center no-repeat;
	background-position:3px 4px;
	background-size: 28px;
}
.Xj_HmWkMkTil{
	font-size: 18px;
	text-align: center;
}
.Xj_HmWkMkEng{
	font-size: 14px;
	text-align: center;
	line-height: 16px;
}
.Xj_HmWkMkTilbk{
	color: #575757;
}
.Xj_HmWkMkInfowt{
	color: #fff;
}
.Xj_HmWorkTdBox{
	background: #f7f7f7;
	border-bottom:2px solid #f7f7f7;
	position: relative;
	height: 360px;
	overflow: hidden;
	cursor: pointer;
}
.Xj_HmWorkTdBox:hover{
	border-bottom:2px solid #d21d12;
}

.Xj_HmWkInfoBox{
	position: absolute;
	top:-360px;
	left: 0px;
	width: 100%;
	height: 360px;
	background: url(/images/icon/tmred8.png); 
}
.Xj_HmWkInfoBoxAct{
	top:0px;
}
.Xj_HmWkInfoMianBox{
	padding: 25px;
}
.Xj_HmWorkIconInfo{
	width: 35px;
	height: 35px;
	line-height: 35px;
	border-radius: 35px;
	border:1px solid #fff;
	margin: 0 auto;
}

.Xj_HmWkMkMoreInfoBox{
	margin-top: 20px;
	margin-bottom: 30px;
	text-align: justify;
}
.Xj_HmWkMoreBtn{
	width: 25px;
	height: 25px;
	line-height: 22px;
	color: #D21D12;
	background: #fff;
	text-align: center;
	display: block;
	border-radius: 25px;
	font-size: 18px;
	margin: 0 auto;
}
.Xj_HmWkMoreBtn:hover{
   box-shadow: 0px 0px 10px #680701;
}
.Xj_HmWkBtnBox{
	position: absolute;
	bottom: 40px;
	left: 0px;
	width: 100%;
}
.Xj_HmWkMainBox{
    overflow: hidden;
    cursor: pointer;
}
.Xj_HmWkMainList{
    position: relative;
    top: 0px;
    left: 0px;
    width: 2880px;
    overflow: hidden;
    height: 360px;
}

.Xj_HmWkOneBox{
	height: 360px;
	width: 230px;
	float: left;
	margin-right: 10px;
}

.Xj_HmWkOneBox:hover >  .Xj_HmWkInfoBox{
	top: 0px !important;
}



/*新闻资讯*/
.Xj_NewsBoxbg{
	background: #f3f3f3;
	padding: 70px 0px;
}
.Xj_NewsTable td{
	vertical-align: top;
}
.Xj_NewsImgBox{
	position: relative;
	height: 450px;
	background: url(/images/home/Newbg.jpg) center center no-repeat;
}
.Xj_NewMoreButn{
	position: absolute;
	bottom: 60px;
	left: 50%;
	width: 180px;
	margin-left: -90px;
	height: 80px;
	background: url(/images/icon/tmbk.png);
	text-align: center;
	display: block;

}
.Xj_NewMoreButn:hover{
	background: #D21D12;
}
.Xj_NewMoreButn p{
	color: #fff;
	margin: 15px 0px 10px;
}
.Xj_NewsMoreBox{
	width: 20px;
	height: 20px;
	line-height: 17px;
	border-radius: 20px;
	border:1px solid #fff;
	text-align: center;
	font-size: 18px;
	color: #fff;
	margin: 0 auto;
}
.Xj_NewsImg{
	width: 100%;
	display: block;
}
.Xj_NewListBox{
	background: #fff;
	padding: 37px 0px;
	margin-bottom: 20px;
	margin-left: 40px;
	display: block;
	border-bottom:2px solid #fff;
	border-top:2px solid #fff;
}
.Xj_NewListBox:hover{
	box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
}
.Xj_NewListBox:last-child{
	margin-bottom: 0px;
}
.Xj_NewListLine{
	width: 7px;
	height: 40px;
	background: #D21D12;
	float: left;
	margin-top: 10px;
}
.Xj_NewsTimeBox{
	width: 60px;
	margin: 0 auto;
	text-align: center;
}
.Xj_NewsTimeBox p{
	font-family: "Arial";
	color: #4a4a4a;
}
.Xj_NewsTimeBox p:first-child{
	font-size: 40px;
}
.Xj_NewsTimeBox p:last-child{
	font-size: 14px;
}
.Xj_NewsInfoBox p:first-child{
	font-size: 20px;
	color: #4a4a4a;a3a3a3
	font-weight: normal !important;
	margin-bottom: 10px;
}
.Xj_NewsInfoBox p:last-child{
	font-size: 14px;
	color: #a3a3a3;
	padding-right: 20px;
	width: 435px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;7
}

.Xj_HomeNewsTitle {
	width: 100%;
	
}


/*.Xj_HomeNewsTitle:hover{
	color:#d21d12;
	font-weight:bold;
}

.box-shadow-outset {
  display: inline-block;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow;
  transition-property: box-shadow;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.box-shadow-outset:hover {
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6);
}*/

/*企业文化*/
.Xj_Cultbg{
	background: url(/images/home/culbg.jpg) center center no-repeat;
	text-align: center;
	padding: 100px 0px 90px;
}
.Xj_CulTitle{
	width: 330px;
	padding: 5px;
	background: #D21D12;
	color: #fff;
	text-align: center;
	font-size: 32px;
	margin: 0 auto ;
	font-weight: normal;
}
.Xj_CulEng{
	color: #fff;
	font-size: 30px;
	margin: 10px 0px 50px;
}
.Xj_CulMoreButn{
	width: 210px;
	line-height: 45px;
	border-radius: 45px;
	border: 1px solid #fff;
	text-align: center;
	color: #fff;
	display: block;
	margin: 0 auto ;
	font-size: 18px;
}
.Xj_CulMoreButn:hover{
    background: #D21D12;
    border: 1px solid #D21D12;
}