html {
font-size: 85%;
}
/*头部开始*/
.g-hd {
height: auto;
border-bottom: solid 1px #eaeaea;
}
.g-hd .m-tel {
height: auto;
overflow: hidden;
position: relative;
font-weight: bold;
width: 85%;
padding: 0 0 0 13%;
z-index: 99;
font-size: 1.25em;
line-height: 180%;
color: #004e94;
}
.f-fr {
float: right;
}
.g-hd .m-logo {
padding: 3% 17px 0%;
width: 26%;
display: block;
}
.g-tex {
line-height: 133%;
font-size: 1em;
color: #004e94;
padding: 8% 2.8% 0 0;
font-weight: bold;
}
.g-tex i {
display: block;
color: #666;
}
.m-tel .u-tel {
width: 12%;
height: 85%;
display: block;
background: url(../images/tel.png) no-repeat;
position: absolute;
-webkit-background-size: 100%;
-ms-background-size: 100%;
-o-background-size: 100%;
background-size: 100%;
left: 0;
top: 11%;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
/*头部电话图标*/
.u-tel .z-ln-1,
.u-tel .z-ln-2,
.u-tel .z-ln-3 {
border: 1px solid #111111;
}
.u-tel .z-ln-1 {
z-index: 10;
display: inline-block;
width: 2px;
height: 2px;
border-width: 1px 1px 0 0;
border-radius: 0 30px 0 0;
position: absolute;
top: 4px;
right: 4px;
animation-name: xshow2;
/*动画名称*/
animation-duration: 4s;
/* 动画时间*/
animation-timing-function: linear;
/*动画频率，匀速*/
animation-iteration-count: infinite;
/*动画循环播放的次数，infinite为无限次*/
-webkit-animation-name: xshow2;
/*针对苹果浏览器写的兼容*/
-webkit-animation-duration: 4s;
/*针对苹果浏览器写的兼容*/
-webkit-animation-timing-function: linear;
/*针对苹果浏览器写的兼容*/
-webkit-animation-iteration-count: infinite;
/*针对苹果浏览器写的兼容*/
-o-animation-name: xshow2;
/*针对欧朋浏览器写的兼容*/
-o-animation-duration: 4s;
/*针对欧朋浏览器写的兼容*/
-o-animation-timing-function: linear;
/*针对欧朋浏览器写的兼容*/
-o-animation-iteration-count: infinite;
}
/*头部电话一闪一闪的线条，css3样式*/
.u-tel .z-ln-2 {
z-index: 10;
display: inline-block;
width: 4px;
height: 4px;
border-width: 1px 1px 0 0;
border-radius: 0 35px 0 0;
position: absolute;
top: 1px;
right: 1px;
animation-name: xshow;
/*动画名称*/
animation-duration: 4s;
/* 动画时间*/
animation-timing-function: linear;
/*动画频率，匀速*/
animation-iteration-count: infinite;
/*动画循环播放的次数，infinite为无限次*/
-webkit-animation-name: xshow;
/*针对苹果浏览器写的兼容*/
-webkit-animation-duration: 4s;
/*针对苹果浏览器写的兼容*/
-webkit-animation-timing-function: linear;
/*针对苹果浏览器写的兼容*/
-webkit-animation-iteration-count: infinite;
/*针对苹果浏览器写的兼容*/
-o-animation-name: xshow;
/*针对欧朋浏览器写的兼容*/
-o-animation-duration: 4s;
/*针对欧朋浏览器写的兼容*/
-o-animation-timing-function: linear;
/*针对欧朋浏览器写的兼容*/
-o-animation-iteration-count: infinite;
}
/*头部电话一闪一闪的线条，css3样式*/
.u-tel .z-ln-3 {
z-index: 10;
display: inline-block;
width: 6px;
height: 6px;
border-width: 1px 1px 0 0;
border-radius: 0 35px 0 0;
position: absolute;
top: -2px;
right: -2px;
animation-name: xshow;
/*动画名称*/
animation-duration: 4s;
/* 动画时间*/
animation-timing-function: linear;
/*动画频率，匀速*/
animation-iteration-count: infinite;
/*动画循环播放的次数，infinite为无限次*/
-webkit-animation-name: xshow;
/*针对苹果浏览器写的兼容*/
-webkit-animation-duration: 4s;
/*针对苹果浏览器写的兼容*/
-webkit-animation-timing-function: linear;
/*针对苹果浏览器写的兼容*/
-webkit-animation-iteration-count: infinite;
/*针对苹果浏览器写的兼容*/
-o-animation-name: xshow;
/*针对欧朋浏览器写的兼容*/
-o-animation-duration: 4s;
/*针对欧朋浏览器写的兼容*/
-o-animation-timing-function: linear;
/*针对欧朋浏览器写的兼容*/
-o-animation-iteration-count: infinite;
}
/*头部电话一闪一闪的线条，css3样式*/
.g-ft {
height: auto;
padding-bottom: 20%;
background: #fff;
text-align: center;
color: #333;
}
.g-ft h2 {
text-align: center;
font-size: 1em;
color: #fff;
height: auto;
line-height: 167%;
padding: 4% 0 2%;
position: relative;
}
.g-ft h2 span {
display: inline-block;
width: 6%;
position: absolute;
top: 1%;
left: 48%;
}
.g-ft h2 span img {
width: 100%;
}
.g-ft .p01 {
font-size: 1em;
text-align: center;
padding: 4% 0 0.5%;
line-height: 160%;
}
.g-ft .p01 a {
color: #333;
display: inline-block;
padding: 0 1%;
}
.g-ft .p02 {
text-align: center;
line-height: 254%;
font-size: 1em;
}
.g-ft .p02 b {
display: block;
color: #111111;
}
.g-ft .p03 {
width: 25%;
margin: 2.5% auto 0;
font-weight: bold;
line-height: 160%;
}
.g-ft .p03 img {
width: 100%;
display: block
}
.g-ft .p04 img {
width: auto;
}
.g-ft .p04 a {
color: #333;
}
.social_nav5 {
height: 4.0rem;
position: fixed;
bottom: 0;
min-width: 320px;
max-width: 640px;
width: 100%;
z-index: 999;
}
.social_nav5 li {
position: relative;
float: left;
padding-top: 0.3rem;
width: 25%;
height: 5.0rem;
text-align: center;
color: #fff;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
}
.social_nav5 li i {
margin: 0 auto;
width: 2.0rem;
height: 2.0rem;
display: block;
}
.social_nav5 li i img {
width: 100%;
}
.social_nav5 li a {
color: #fff
}
.social_nav5 li.cur {
background: #dc3d00;
}
.social_nav5 .erji {
display: none;
position: absolute;
z-index: 999;
bottom: 5rem;
left: 0;
width: 100%;
height: 4.4rem;
background: #fff;
border: 0.083rem solid #9f8342;
border-bottom: 0rem;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
}
.social_nav5 .erji a {
border-bottom: 0.083rem solid #9f8342;
display: block;
text-align: center;
width: 100%;
height: 2.083rem;
display: block;
color: #9f8342;
}
.social_nav5 .erji a:nth-child(3) {
border-bottom: 0rem;
}
/*头部结束*/