@import "tongyong.css";
.ban {
position: relative;
display: block;
width: 100%;
}
.ban .con {
position: absolute;
left: 50%;
top: 90px;
width: 594px;
height: 300px;
background-color: rgba(1,60,128,.79);
padding: 40px 40px 0;
color: #fff;
}
.ban .con .tit {
margin-bottom: 20px;
}
.ban .con .tit h1 {
font-size: 36px;
line-height: 56px;
color: #fff;
}
.ban .con .tit p {
font-size: 14px;
line-height: 34px;
}
.ban .con .tel {
font-size: 18px;
color: #fff;
line-height: 48px;
margin-bottom: 23px;
width: 636px;
height: 90px;
float: right;
padding-top: 10px;
margin-right:-40px;
}
.ban .con .tel p {
padding-left: 40px;
background-repeat: no-repeat;
background-position: left center;
}
.ban .con .tel .lx1 {
background-image:url(../images/ico-lx1.png);
}
.ban .con .tel .lx2 {
background-image:url(../images/ico-lx2.png);
}
.ban .con .tel span {
font-size: 32px;
color: #ffee01;
font-weight: 700;
display: inline-block;
}
.ban .con .notice {
font-size: 16px;
color: #fff;
line-height: 26px;
margin-bottom: 13px;
}
.ban .con .refer {
display: inline-block;
width: 224px;
height: 49px;
line-height: 47px;
cursor: pointer;
border: 1px solid #fc2e00;
background-color: #fc2e00;
text-align: center;
font-size: 20px;
color: #fff;
margin-top: 20px;
}
.ban .con .refer:hover{
background-color:#fff;
color:#fc2e00}
.wp {
width: 100%;
max-width: 1200px;
margin: 0 auto;
}
.m-service1 {
margin: 60px 0;
}
.g-tit4 {
position: relative;
text-align: center;
}
.g-tit4 span {
position: absolute;
font-size: 126px;
color: #fcf4f2;
font-weight: 700;
font-family: Arial;
top: 0;
left: 0;
width: 100%;
text-transform: uppercase;
line-height: .7;
}
.g-tit4 h2 {
font-size: 40px;
color: #014B92;
line-height: 50px;
margin-bottom: 15px;
padding-top: 47px;
position: relative;
z-index: 1;
}
.g-tit4 p {
font-size: 15px;
color: #444;
line-height: 25px;
}
.ul-number1 {
overflow: hidden;
margin-top: 70px;
}
.ul-number1 li {
float: left;
width: 25%;
text-align: center;
}
.ul-number1 li em {
display: block;
width: 160px;
height: 160px;
margin: 0 auto;
font-size: 74px;
color: #222;
line-height: 160px;
font-family: impact;
font-style: normal;
font-weight: 400;
background: url(../images/quan1.png) center no-repeat;
}
.ul-number1 li p {
font-size: 16px;
color: #222;
line-height: 28px;
margin-top: 10px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.g-tit5 h2 {
font-size: 40px;
color: #014B92;
line-height: 60px;
margin-bottom: 10px;
text-align: center;
}
.g-tit5 p {
font-size: 15px;
color: #444;
line-height: 25px;
text-align: center;
}
.ul-contact1 {
overflow: hidden;
padding-top: 22px;
margin: 0 -13px;
}
.ul-contact1 li {
float: left;
width: 25%;
}
.ul-contact1 .items {
margin: 0 13px;
background-color: #f0f0f0;
text-align: center;
padding: 0 20px 21px;
}
.ul-contact1 .items .ico {
background-repeat: no-repeat;
background-position: center;
height: 95px;
position: relative;
top: -22px;
}
.ico1 {background-image:url(../images/ico-lx3.png);}
.ico2 {background-image:url(../images/ico-lx4.png);}
.ico3 {background-image:url(../images/ico-lx5.png);}
.ico4 {background-image:url(../images/ico-lx6.png);}
.ul-contact1 .items h3 {
font-size: 16px;
color: #222;
line-height: 20px;
margin-bottom: 15px;
margin-top: -10px;
}
.ul-contact1 .items p {
font-size: 14px;
color: #444;
line-height: 22px;
height: 44px;
overflow: hidden;
}
.ul-service3 {
overflow: hidden;
margin-bottom: 60px;
}
.ul-service3 li {
float: left;
width: 50%;
}
.ul-service3 .img {
position: relative;
overflow: hidden;
padding-top: 62.167%;
}
.ul-service3 .img img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.ul-service3 .img .txt {
position: absolute;
width: 400px;
height: 208px;
right: 20px;
bottom: 20px;
background-color: rgba(0,0,0,.71);
padding: 34px 34px 0;
color: #fff;
}
.ul-service3 .img .txt h3 {
color: #fff;
font-size: 26px;
line-height: 1;
margin-bottom: 18px;
}
.ul-service3 .img .txt p {
font-size: 14px;
line-height: 24px;
}
.ul-service3 li:last-child .txt {
right: auto;
left: 20px;
background-color: rgba(252,46,0,.71);
}