.header-bg01{
	background:url("../images/about.jpg") no-repeat fixed center center / 100% 100% rgba(0, 0, 0, 0);
	min-height:400px;
	padding-top:100px;
	padding-bottom:50px;
}
/*1024px X *640px */
   @media only all and (min-width: 640px){
       .header-bg01 {	
	background:url("../images/about.jpg") no-repeat fixed center center / 100% 100% rgba(0, 0, 0, 0);
	min-height:400px;
	padding-top:100px;
	padding-bottom:50px;
       }
    }
/*640px X *480px */
   @media only all and (max-width: 640px){
      .header-bg01 {	
	background:url("../images/mobile/about.jpg") no-repeat fixed center center / 100% 100% rgba(0, 0, 0, 0);
	min-height:400px;
	padding-top:100px;
	padding-bottom:50px;
       }
     }
.m_3 {
    color: #777;
    font-size: 1.7em;
    padding: 5% 0;
    position: relative;
    text-align: center;
    text-transform: uppercase;
}
span.left_line,span.right_line {
    background: url("../images/line1.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    bottom: 75px;
    display: block;
    height: 3px;
    left: 0;
    position: absolute;
    width: 503px;
}

.spanLine{
	color: #000;
    display: inline-block;
    font-family: "Trajan Pro","微软雅黑";
    font-size: 1em;
    margin-top: 20px;
    padding: 0.8em 2em;
    text-transform: uppercase;
    transition: all 0.5s ease 0s;
}
.spanLine:before{
	background: none repeat scroll 0 0 #0078D7;
    content: "";
    height: 2px;
    left: 8%;
    position: absolute;
    width: 30%;
}
.spanLine:after{
	background: none repeat scroll 0 0 #0078D7;
    content: "";
    height: 2px;
    right: 8%;
    position: absolute;
    width: 30%;
}


.servicesBox {
    margin: 30px 0 0;
    position: relative;
}
.servicesBox:before {
    background: none repeat scroll 0 0 #eee;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    right: 0;
    top: 47px;
    width: 100%;
}
.servicesBox i {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #a3a3a3;
    border-radius: 50%;
    color: #333;
    cursor: pointer;
    display: inline-block;
    font-size: 32px;
    height: 90px;
    line-height: 90px;
    position: relative;
    text-align: center;
    transition: background 0.2s ease 0s, color 0.2s ease 0s;
    width: 90px;
    z-index: 1;
}
.ad_1 {
    background-image: url("../images/adBg1.jpg");
    background-position: center 0;
    background-repeat: no-repeat;
    height: 270px;
    margin-top: 70px;
    overflow: hidden;
    position: relative;
    transition: height 0.2s ease-in 0s;
}
.ad_1Text {
    background-image: url("../images/fixLine.png");
    background-position: center center;
    background-repeat: no-repeat;
    color: #fff;
    font-size: 60px;
    font-weight: bold;
    height: 100%;
    line-height: 270px;
    text-align: center;
    width: 100%;
}
.container-fluid-map{
padding-left:0;
padding-right:0;
}
.contactBox {
    background: none repeat scroll 0 0 #1f2636;
    margin: 20px 0 0;
    overflow: hidden;
    position: relative;
}
.contactBox:after {
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 99;
}
.mapBox {
    overflow: hidden;
    position: relative;
}
.contactBox:hover .mapBox:before {
    margin-top: -248px;
}
.mapBox:before {
    background: url("../images/mapIcon.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    content: "";
    display: block;
    height: 248px;
    left: 50%;
    margin-left: -61px;
    position: absolute;
    top: 0;
    transition: all 0.2s ease-in 0s;
    width: 123px;
    z-index: 100;
}
.contactBox:hover #dituContent {
    opacity: 1;
}
#dituContent {
    height: 550px;
    opacity: 0.2;
    transition: all 0.2s linear 0s;
}