@charset "utf-8";
html,body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img { margin:0; padding:0; }
a{text-decoration:none}
ul,ol,li{list-style: none;}
img{border:0;display:block;}
body{font-family:"Lantinghei SC", "Microsoft YaHei", "微软雅黑", "Helvetica Neue", Helvetica, Arial, sans-serif;}
b,strong{font-weight:100;color: #333;}
i,em{font-style:normal;color: #333;}
h1,h2,h3,h4,h5,h6{font-size:16px;font-weight:100;color: #333;}
p{color: #333;font-size: 14px;cursor: pointer;}
.clearfix:after{content:".";clear:both;display:block;height:0;overflow:hidden;visibility: hidden;}
/**/
/****公共样式****/
.navCon,.bannerCon,.caseCon,.abouMeCon,.aboutMeTwoCon,.serverCon,.addressCon,.yqLinkCon,.yqLinkcontxt,.yqLinkConBottom div,.addressCon{width: 1110px;margin: 0 auto;}


/*address*/
#concatMe{
	width: 100%;
	background: url(../img/05Bg.jpg) no-repeat 100%;
	background-size: contain;
	border-top: 1px solid #ffffff;
	position: relative;
}
.addressCon{
	
}
.addressConTop{
	margin: 0 auto;
	height: 122px;
	width: 358px;
	margin-bottom: 85px;
	background: url(../img/05title.png) no-repeat;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.addressConTopBox{
	padding-left: 115px;
	display: flex;
	height: 70px;
}
.addressConTopBox .concatTitle{
	font-size: 30px;
	font-weight: 900;
	color: #c61a1e;
}
.addressConTopBox p{
	font-size: 20px;
	font-weight: 900;
	color: #333333;
	margin-left: 20px;
}
.addressConTop .concatUsTitle{
	font-size: 30px;
	font-weight: 900;
	margin-left: 115px;
	color: #333333;
}
/*map地图*/
.dbImg img {
    display: block;
    width: 100%;
    max-width: 100%;
}
.container{
	/*margin-bottom: 85px;*/
	height: 180px;
	border-bottom: 1px solid #cccccc;
}
.addressCon  h2 {
    font-size: 28px;
    font-weight: 400;
    
}
.addressCon  h3 {
    font-size: 20px;
    padding: 10px 0 5px;
    margin: 16px 0;
    font-weight: 400;
}
.addressCon .container p {
    font-size: 16px;
    color: #999;
    margin: 12px 0;
    font-weight: 300;
}
.container-concatMe{
	height: 138px;
	/*border-bottom: 1px solid #cccccc;*/
	margin-bottom: 20px;
	display: flex;
}
.container-concatMe .container-Tel{
	width: 555px;
	height: 138px;
	display: flex;
	align-items: center;
}
.container-concatMe .container-Letter{
	width: 555px;
	height: 138px;
	display: flex;
	align-items: center;
}
.container-concatMe .container-Tel img,.container-concatMe .container-Letter img{
	margin-right: 35px;
}
.container-concatMe .container-Tel h4,.container-concatMe .container-Letter h4{
	font-size: 20px;
	color: #333333;
}
.container-concatMe .container-Tel p,.container-concatMe .container-Letter p{
	font-size: 16px;
	color: #999;
}
/*yqLink*/
#yqLink{
	height: 70px;
	background: #343333;
}
.yqLinkCon{
	height: 70px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.yqLinkCon p{
	font-size: 12px;
	color: #ffffff;
}

/*案例遮罩层*/
#bigMark{
	 position:fixed;
	 width:100%;
	 height:100%;
	 top:0;
	 z-index:99;
	 filter:alpha(opacity=50);
	 -moz-opacity:0.5;
	 -khtml-opacity:0.5;
	 opacity: 0.4;
	 background:#000;
	 text-align:center;
	 color:#fff;
	 display: none;
}
.caseMark{
	height: 585px;
	width: 1180px;
	position: fixed;
	left: 0; 
	right: 0; 
	margin-left: auto; 
	margin-right: auto;
	z-index: 100;
	display: none;
}
.MarkLeftBg{
	height: 426px;
	width: 490px;
	background: #C61A1E;
	position: absolute;
	top: 0;
	left: 0;
}
.MarkRightBg{
	height: 162px;
	width: 186px;
	background: #C61A1E;
	position: absolute;
	bottom: 0;
	right: 0;
}
.MarkCon{
	height: 543px;
	/*width: 95%;*/
	width: 1129px;
	/*width: 1220px;*/
	background: #fff;
	position: absolute;
	display: flex;
	justify-content: space-around;
	align-items: center;
	top: 25px;
	z-index: 5;
	left: 28px;
}
.closeIcon{
	height: 50px;
	width: 50px;
	background: #333333;
	position: absolute;
	top: 0;
	right: -50px;
	color: #FFFFFF;
	font-size: 16px;
	text-align: center;
	line-height: 50px;
	cursor: pointer;
}
.caseMarkImgBox{
	/*height: 64%;
	width: 43%;*/
	height: 348px;
	/*width: 432px;*/
	-moz-box-shadow: 0px 3px 7px #cdcdcd;
    -webkit-box-shadow: 0px 3px 7px #cdcdcd;
    box-shadow: 0px 3px 7px #cdcdcd;
}
.caseMarkImgBox img{
	height: 100%;
	/*width: 100%;*/
}
.caseMarkImgText{
	width: 404px;
	height: 100%;
}
.caseMarkImgTitle{
	height: 56px;
	margin-top: 15%;
	display: flex;
	align-items: center;
}
.caseMarkImgTitle h6{
	color: #222020;
	font-size: 20px;
}
.caseMarkImgTitle em{
	color: #c61a1e;
	font-weight: 900;
	font-size: 24px;
	margin-left: 19px;
}
.caseMarkSmallTitle{
	height: 5.5%;
	width: 18%;
	background: pink;
	display: flex;
}
.left{
	width: 41%;
	height: 100%;
	display: flex;
	background: #c61a1e;
	justify-content: center;
	align-items: center;
}
.right{
	width: 59%;
	height: 100%;
	display: flex;
	background: #333333;
	justify-content: center;
	align-items: center;
}
.left p{
	color: #fff;
	font-size: 14px;
}
.right p{
	color: #fff;
	font-size: 14px;
}
.caseMarkImgText .caseMarkConText{
	color: #676058;
	font-size: 12px;
	line-height: 20px;
	margin-bottom: 16px;
	margin-top: 13px;
}
.caseMarkImgText .caseMarkConText04,.caseMarkImgText .caseMarkConText05,.caseMarkImgText .caseMarkConText06{
	color: #676058;
    font-size: 12px;
    line-height: 20px;
}
.Gotop{
	height: 77px;
	width: 76px;
	position: absolute;
	bottom: 30px;
	right: 30px;
}