@charset "utf-8";

/*专题头部*/
.zt-head{}
.zt-nav{width:1200px; height:58px;margin:auto; padding-top:10px; padding-bottom:10px;}
.zt-nav .zt-logo{height:48px; width:367px; float:left;}
.zt-title{display:flex; flex-direction:row; justify-content:space-around; align-items:center; float:left; width:823px;  height:48px;}
.zt-title a{font-size:16px;color:#484848;}
.zt-on{color:#C0032C;}
/*专题头部*/


.fixed-nav{
    /*width: 78px;*/
    width:auto;
    position: fixed;
    right: 0;
    top: 40%;
    margin-top: -156px;
    /*border: 1px solid #dc3b3a;*/
    background: #eeeeee;
    z-index: 999;
}
.fixed-nav>div{
    width: 100%;
    height: 60px;
    border-bottom: 1px solid #fff;
    position: relative;
    text-align: center;
    padding-top: 12px;
    cursor: pointer;
    -webkit-transition: all 0.3s ease;-moz-transition:  all 0.3s ease;transition:  all 0.3s ease;
}
.fixed-nav>div .f-nav-icon{
    width: 40px;
    height: 40px;
    margin: 0 auto 0;
    background: url("../images/sprite2.png") no-repeat 0 0;
}
.fixed-nav>div:hover{
    background: #FF8FA6;
    color: #fff;
}
.fixed-nav>div:hover .f-nav-icon{
    background-position-x: -40px !important;
}
.fixed-nav>div:nth-child(4){
    border-bottom: none;
}
.fixed-nav>div:nth-child(2) .f-nav-icon{background: url("../images/sprite2.png") no-repeat 0 -40px;}
.fixed-nav>div:nth-child(3) .f-nav-icon{background: url("../images/sprite2.png") no-repeat 0 -80px;}
.fixed-nav>div:nth-child(4) .f-nav-icon{background: url("../images/sprite2.png") no-repeat 0 -120px;}
.hot-line:hover .ljzx{
    left: -171px;
    opacity: 1;
}
.ljzx{
    position: absolute;
    width: 170px;
    height: 54px;
    background: #FF8FA6;
    left: 0;
    top: 0;
    text-align: center;
    padding-top: 18px;
    opacity: 0;
    -webkit-transition: all 0.3s ease;-moz-transition:  all 0.3s ease;transition:  all 0.3s ease;
}
.ljzx p{
    color: #fff;
}
.ljzx span{
    font-size: 18px;
    font-weight: bold;
    color: #fff;
}
.qr-code{
    position: absolute;
    width: 80px;
    height: 80px;
    left: -0;
    top: 0;
    text-align: center;
    opacity: 0;
    -webkit-transition: all 0.3s ease;-moz-transition:  all 0.3s ease;transition:  all 0.3s ease;
}
.wx:hover .qr-code{
    left: -77px;
    opacity: 1;
}
/* 脚部公共css  end ....*/


.wq_to_top{position: fixed;bottom: 100px;right: 10px;z-index: 0; display:none; border:1px solid #ddd;}
.wq_to_top span{display:block; width:45px;height:40px;background:url(../images/top.png) no-repeat; cursor:pointer;}
