.contains{
    width: 1200px!important;
    margin: 0 auto;
    position: relative;
}
.cl{
    clear: both;
}
.bl{
    display: block!important;
}
header{
    width:100%;
    height:54px;
    background: #fff;
    overflow: hidden;
}
.logo{
    height: 51px;
    float: left;
    margin-left: 28px;
    margin-top: 3px;
}
.head_msg{
    width:1155px;
    height:44px;
    position: absolute;
    top:0;
    left:408px;
    background:url(../image/head.png) no-repeat;
}
.head_msg h1{
    font-size:21px;
    color: #fff;
    line-height:44px;
    display: inline-block;
    margin: 0;
    margin-left:60px;
    margin-right:65px;
}
.head_msg p{
    margin-left: 72px;
    display: inline-block;
    font-size:14px;
    color: #97a3b4;
    line-height:44px;

}
.head_msg p img{
    vertical-align: middle;
}
.head_msg span{
    margin-left:10px;
}
nav{
    width:100%;
    height:58px;
    background: #fff;
    position: relative;
    z-index:3;
}
.nav_list{
        width:100%;
        height:58px;
}
.nav_list>li{
    width:150px;
    line-height:58px;
    text-align: center;
    float: left;
    position: relative;
    transition: .5s;
}
.nav_list>li:after{
    position: absolute;
    content: '';
    width:100%;
    height:4px;
    background:#3bc9d7;
    bottom: 0px;
    left:0;
    opacity: 0;
    transition: .5s;
}
.nav_list>li:hover{
    background: #e7eaea;
    border-top-right-radius: 15px;
}
.nav_list>li:hover:after{
    opacity:1;
}
.nav_list>li:hover .nav2{
    z-index:2;
    background:#435675;
    opacity:1;
}
.nav_list>li>a{
    display: block;
    width:150px;
    height:58px;
    color:#393a3b;
}
.nav_list>li span{
    font-size:20px;
}
.nav2{
    width:150px;
    position: absolute;
    left:0;
    top:58px;
    opacity:0;
    z-index: -1;
    transition: .5s;
}
.nav2 li{
    width:100%;
    height:35px;
    text-align: center;
    line-height:35px;

}
.nav2 li a{
    display: block;
    width:150px;
    height:35px;
    color: #e1ebed;
}
.nav2 li a:hover{
    color: #3bc9d7;
}
footer{
    width:100%;
    height:427px;
    background:url(../image/foot_02.png);
    background-size: 100% 100%;
}
.ft_pp{
    width:212px;
    height:100%;
    float: left;
}
.ft_logo{
    width:175px;
    margin-top:65px;
}
.ft_logo img{
    width:116px;
}
.ft_pp h3{
    font-size:18px;
    color: #fff;
    font-weight:normal;
    margin-top:25px;
}
footer ul{
    width:630px;
    float: left;
    margin-top:70px;
}
footer ul li{
    width: 210px;
    float: left;
    font-size:16px;
    color: #fff;
    text-align: center;
}
footer ul li a{
    display: block;
    font-size:14px;
    color: #9ba4b1;
    margin-top:35px;
}
.ft_wx{
    float: left;
    margin-top:75px;
    margin-left:125px;
}
.ft_wx span{
    width:34px;
    height:34px;
    display: inline-block;
    border-radius: 50%;
    background: #3c4e6a;
    position: relative;
}
.qr{
    position: absolute;
    width:115px;
    bottom:-135px;
    left:-25px;
}
.qr img{
    width:100%;
}
.ft_wx .tels{
    margin-left:63px;
    border: 1px solid #fff;
    background: #324157;
    transition: .5s;
}
.tels:hover{
    background: #3c4e6a;
    border: 1px solid #324157;
}
.tels:hover .tel_xq{
    opacity: 1;
}
.tel_xq{
    position: absolute;
    width:182px;
    height:165px;
    background: #fff;
    bottom:-181px;
    right:-20px;
    z-index:2;
    opacity: 0;
    transition: .5s;

}
.tel_xq p{
    font-size:14px;
    color: #344259;
    line-height:40px;
    padding-left:20px;
}
.tel_xq img{
    vertical-align: middle;
    width: 24px;
}
footer .contains{
    height:100%;
}
.bq{
    font-size:12px;
    color: #9ba4b1;
    text-align: center;
    position: absolute;
    bottom:35px;
}
.nav_hot{
    position: relative;
}
.nav_hot:after{
    position: absolute;
    content: '';
    width:32px;
    height:15px;
    background: url(../image/HOT.png);
    top:0;
    bottom:0;
    margin: auto 0;
    right:-2px;
}