@charset "utf-8";

.quan_bj{
    background: url(../images/quan_bj.jpg) center -17px; no-repeat #f0f1f3;
}

.top_t{
    height: 25px;
    line-height: 25px;
    background: #404040;
    color: #fff;
    font-size: 12px;
    padding: 5px 0;
}
.top_t .fr a:hover,.top_t .fr .yu_en:hover{
    text-decoration: underline;
}

.top_gm{}
.top_gm .top_gm_tb,.top_gm .top_gm_jd,.top_gm .top_gm_pdd,.top_gm .top_gm_tm,.top_gm .top_gm_ym{
    display: block;
    float: left;
    padding-left: 28px;
    color: #fff;
}
.top_gm .top_gm_tb{
    background: url(../images/t_tb.png) center left no-repeat;
    margin-right: 20px;
}
.top_gm .top_gm_jd{
    background: url(../images/t_jd.png) center left no-repeat;
    margin-right: 30px;
}
.top_gm .top_gm_pdd{
    background: url(../images/t_pdd.png) center left no-repeat;
    margin-right: 20px;
}
.top_gm .top_gm_tm{
    background: url(../images/t_tm.png) center left no-repeat;
    margin-right: 30px;
}
.top_gm .top_gm_ym{
    background: url(../images/yw.png) center left no-repeat;
    margin-right: 30px;
}
.top_gm .top_gm_tel{
    float: left;
}


.top_bj{
    background: #fff;
}

.top_b{
    /* height: 63px; */
    padding: 10px 0 15px;
}
.logo{
    display: block;
}
.logo img{
    display: block;
    width: 200px;
    /* height: 84px; */
}
.top_b>ul{
    margin-top: 30px;
}
.top_b>ul>li{
    float: left;
    text-align: center;
    line-height: 35px;
    /* height: 35px; */
    margin-left: 30px;
    position: relative;
}
.top_b>ul>li:first-child{
    margin-left: 0px;
}
.top_b>ul>li>a{
    color: #666;
    font-size: 16px;
    display: block;
    height: 45px;
    line-height: 20px;
    text-align: center;
}
.top_b ul li a:hover{
    color: #C61C13;
}
.top_b .top_tel{
    background: url(http://yuepai.test.dginfo.com/t/y/yuepai/pc/images/t_tel.png) right no-repeat;
    padding-right: 70px;
    height: 47px;
    line-height: 50px;
    color: #da251c;
    font-size: 18px;
    font-weight: bold;
    margin-top: 6px;
}


.top_b>ul>li .npl01{
    right: 0;
}
.top_b>ul>li .npl02{
    right: 0;
}


.top_djon{
    color: #C61C13!important;
    border-bottom: 3px solid #C61C13!important;
}
.left_djon{
    background: #C61C13!important;
    color: #fff!important;
}
.left_djon a{
    color: #fff!important;
}


.newstop_img{
    width: 408px;
    height: 60px;
}
.newstop_img img{
    display: block;
    width: 408px;
    height: 60px;
    margin-top: 8px;
}
.newstop{
    margin-top: 12px;
}
.subNav{
    display: none;
    position: absolute;
    z-index: 999;
    background: #f9f9f9;
    border-bottom: 3px solid #C61C13;
    width: 430px;
    padding: 20px 25px;
}
.newstop_heard_lxian{
    width: 64px;
    height: 5px;
    display: block!important;
}
.top_b>ul>li:hover .newstop_heard_lxian{
    background:#C61C13;    
}

.subNav ul{float: left; width: 240px;  box-sizing: border-box;}
.subNav ul li{ width: 50%; float: left; height: 30px; padding-left: 14px; background: url(../images/icon_20.png) no-repeat left center; box-sizing: border-box; margin-bottom: 20px;text-align: left;}
.subNav ul li:hover{background: url(../images/icon_21.png) no-repeat left center;}
.subNav ul li a{ display: block; width: 100%; line-height: 30px; font-size: 14px; color: #666;}
.subNav ul li:hover a{ color: #C61C13;}
.subNav .imgNav{ float: left; width: 190px; box-sizing: border-box; padding-left:10px;}
.subNav .imgNav img{
    width: 180px;
    height: 180px;
    display: block;
    border: 1px solid #fff;
}
.newstop_heard>ul>li .ntl5{
    left: 8px;
}
.newstop_heard>ul>li .ntl6{
    left: 104px;
}
.newstop_heard>ul>li .ntl7{
    left: 200px;
}
.newstop_heard>ul>li .ntl8{
    left: 296px;
}
.newstop_heard{
    position: relative;
}
.newstop_heard>ul{
    margin-left: 40px;
    padding-top:40px;
}
.newstop_heard>ul>li:first-child{
    margin-left: 0;
}
.newstop_heard>ul>li{
    float: left;
    margin:0 16px;
}
.newstop_heard>ul>li>a{
   color: #353535;
   font-size: 16px;
   display: block;
   height: 45px;
   line-height: 20px;
   text-align: center;
}
.newstop_heard>ul>li>a:hover{
    color: #003491;
    font-weight: bold;
}
.newstop_heard>ul .on>a{
    color: #003491!important;
    font-weight: bold!important;
}
.newstop_heard>ul .on .newstop_heard_lxian{
    display: block!important;
    background:#003491!important; 
}


.top-search{
    position: relative;
    margin-left: 30px;
    width: 20px;
    margin-top: 30px;
}
.top-search .tb{
    display: block;
    height: 17px;
    width: 17px;
    background: url(../images/nav-search.png) center no-repeat;
    cursor: pointer;
}


/*头部搜索*/
.search_wrap {
    width: 1200px;
    /* min-height: 502px; */
    position: fixed;
    left: 50%;
    z-index: 999999;
    margin-left: -600px;
    display: none;
    padding: 80px 200px 50px;
    box-sizing: border-box;
    background: #fff;
    bottom: 0;
    top: 50%;
    height: 370px;
    margin-top: -185px;
}
.header_search {
    height: 50px;
    background-color: #f6f6f6;
}
.search_txt {
    padding-left: 20px;
    width: 710px;
    display: block;
    float: left;
    border: 0;
    line-height: 50px;
    color: #999;
    font-size: 16px;
    background: #f6f6f6;
    box-sizing: border-box;
    outline: 0;
}
.search_btn {
    float: right;
    width: 84px;
    height: 50px;
    background-color: #a50400;
    line-height: 50px;
    font-size: 16px;
    color: #fff;
    text-align: center;
    border: 0;
    cursor: pointer;
}
.search_close {
    transition: 0.3s all linear;
    cursor: pointer;
    position: absolute;
    top: 0rem;
    right: 1rem;
}
.search_close i{
    font-size: 2.4rem;
    font-style: inherit;
}
.search_close:hover {
    transform: rotateZ(360deg);
    -ms-transform: rotateZ(360deg);
    -webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
}
.maskbase{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.5);
    z-index: 999999;
    display: none;
}
.search_rm{
    margin-top: 2rem;
}
.search_rm .tit{
    color: #a50400;
    font-weight: bold;
    font-size: 18px;
}
.search_rm dl{
    display: table;
    width: 100%;
    margin-top: 1rem;
}
.search_rm dl dd{
    display: block;
    float: left;
    font-size: 16px;
    margin-right: 1.5rem;
}
.search_rm dl dd a:hover{
    color: #a50400;
}
.search_logo{
    position: absolute;
    top: 20px;
    left: 20px;
}
.search_logo img{
    width: 80px;
    opacity: .4;
}


.tjwx{
    float: left;
    margin-left: 30px;
    margin-top: 20px;
}
.tjwx a{
    display: block;
    background: url(../images/wxtb.png) 15px center no-repeat #C61C13;
    color: #fff;
    height: 40px;
    line-height: 40px;
    padding: 0 20px 0 48px;
}