﻿@charset "utf-8";
@font-face {
    font-family: "PT DIN Condensed Cyrillic";
    src: url("../css/fonts/txchj.ttf");
}
.floatLeft {
    float: left;
}

.floatRight {
    float: right;
}

.clearFix {
    zoom: 1;
}

.clearFix:before,
.clearFix:after {
    content: '.';
    display: block;
    clear: both;
    line-height: 0;
    height: 0;
    visibility: hidden;
}

.text-left {
    text-align: left;
}

.text-center {
    text-align: center;
}

.text-right {
    text-align: right;
}

.wd1280{
    width: 1280px;
    margin:0 auto;
}

.wd1024{
    width: 1024px;
    margin:0 auto;
}

.wd1000{
    width: 1000px;
    margin:0 auto;
}

.wd900{
    width: 900px;
    margin:0 auto;
}
.wd928{
    width: 928px;
    margin:0 auto;
}
.wd942{
    width: 942px;
    margin:0 auto;
}
.wd140{
    width: 140px;
}
.wd150{
    width: 150px;
}
.wd167{
    width: 167px;
}
.wd168{
    width: 168px;
}
.wd200{
    width: 200px;
}
.wd300{
    width: 300px;
}
.wd484{
    width: 484px;
}
.wd650{
    width: 650px;
}
.wd850{
    width: 850px;
}
.pdLt24 {
    padding-left: 24px;
}

.pdRt24 {
    padding-right: 24px;
}

.pdLtRt18 {
    padding-left: 18px;
    padding-right: 18px;
}

.pdLtRt24 {
    padding-left: 24px;
    padding-right: 24px;
}

.brnone {
    border-right: none;
}
.mart0{
    margin-top: 0;
}
.marb0{
    margin-bottom: 0;
}
.mart35{
    margin-top: 35px;
}
.mart36{
    margin-top: 36px;
}
.marb35{
    margin-bottom: 35px;
}
.mart60{
    margin-top: 60px;
}
.pre{
    position: relative;
}
.pab{
    position: absolute;
}
.brRi4{
    border-radius: 4px;
}
.bbnone {
    border-bottom: none;
}
.hline{
    display: block;
    width: 100%;
    height: 1px;
    background-color: #fff;
}
.hide{
    display: none;
}
.show{
    display: block;
}
.outGrayBG{
    display: inline-block;
    width: 100%;
    background-color: #f0f0f0;
}
.morea{
    font-size: 16px;
    color: #ababab;
}
.lxshowdiv {
    background: #fff;
    display: none;
    position: absolute;
    /*width: 560px;*/
    width: 750px;
    height: auto;
    z-index: 1006; 
}
.lxoverlay {
    background: #000;
    filter: alpha(opacity=50);
    opacity: 0.5;  
    display: none;
    position:fixed;
    right:0;
    bottom:0;
    top: 0px;
    left: 0px;
    z-index: 100; 
}
.panelClose {
    float: right;
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: top;
    margin: 22px 12px 0 0;
    background: url(../images/close.png) -5px -4px no-repeat;
}
/* 头部 s */
.headerDiv{
    height: 700px;
}
.hdstateDiv{
    display: table;
    width: 100%;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    background-color: #ab010a;
}
.hdsteemDiv .stleftp{
    color: #fff;
    font-weight:bold;
}
.hdsteemDiv .strrul{
    line-height: 12px;
    margin-top: 14px;
}
.hdsteemDiv .strrul li{
    float: left;
    padding: 0 6px;
    border-right: 1px solid #fff;
}
.hdsteemDiv .strrul li.firli{
    border-left: 1px solid #fff;
}
.hdsteemDiv .strrul li a{
    color: #fff;
}
.headDiv{
    background-color: #df000f;
}
.headDiv .headlmDiv{
    height: 122px;
}
.headlmDiv .logoDiv{
    height: 82px;
    margin-top: 26px;
    cursor: pointer;
}
.headlmDiv .logoDiv .logozx{
    display: inline-block;
    width: 325px;
    height: 71px;
    background: url(../images/zx/logo.png) 0 0 no-repeat;
}
.headlmDiv .logoDiv .logo {
    display: inline-block;
    width: 71px;
    height: 71px;
    background: url(../images/zx/logo.png) 0 0 no-repeat;
}
.headlmDiv .logoDiv .logoxtDiv{
    margin: 16px 10px 0	10px;
    text-align: center;
    color: #fff;
}
.logoxtDiv .lgName{
    font-size: 24px;
    letter-spacing: 4px;
}
.logoxtDiv .hline{
    margin-top: 2px;
}
.logoxtDiv .engliname{
    color: #fff;
}
.headlmDiv .mainNameDiv{
    cursor: pointer;
    text-align: center;
    width: 500px;
    height: 58px;
    color: #fff;
    margin-top: 38px;
    margin-left: 220px;
}
.headlmDiv .mainNameDiv.marl0r50{
    /*margin-right: 50px;*/
    margin-left: 0;
}
.headlmDiv .mainNameDiv .hbqhname {
    display: inline-block;
    text-align: center;
    font-size: 36px;
    font-weight: bold;
    font-family: "Microsoft YaHei";
    color: #fff;
    margin-top:-20px;
}
.headlmDiv .mainNameDiv .hbqhname i.hxWhite{
    position: relative;
    bottom: 8px;
    left: 4px;
    margin: 0 8px 0 0;
    display: inline-block;
    width: 70px;
    height: 4px;
    background:url(../images/zx/hengxianWhite.png) 0 0 no-repeat;
}
.headlmDiv .mainNameDiv .scxtcot{
    display: block;
    font-size: 16px;
    margin-top: 2px;
}
.headlmDiv .rcodeDiv{
    display: inline-block;
    width: 100px;
    height: 100px;
    margin-top: 10px;
}
.headlmDiv .rcodeDiv img{
    width: 100%;
}
a.seladra{
    text-decoration: none;
    padding-right: 28px;  
    font-size: 16px;
    margin-top: 64px;
    margin-left: 10px;
    color: #fff;
    background: url(../images/zx/downsm.png) 36px 3px no-repeat;
}
.seladra:hover{
    text-decoration: none;
}
a.seladra.autobgi{
    padding-right: 22px;
    background: url(../images/zx/downsm.png) right 3px no-repeat;
}
/*  .seladra .doni{
   display: inline-block;
   width: 18px;
   height: 18px;
   background: url(../images/zx/downwhite.png) 0 0 no-repeat;
   background-size: 100%;
   vertical-align: bottom;
}  */
.navMenuDiv{
    background-color: #fff;
}
.navMenuDiv .firul {
    height: 45px;
}
.navMenuDiv .firul .frli{
    z-index: 101;
    float: left;
    position: relative;
}
.firul .frli:active .smul,
.firul .frli:hover .smul,
.firul .frli:visited .smul{
    display: block;
}
.firul .frli .fra{
    display: inline-block;
   /*  padding: 0 28px; */
    padding: 0 26px;
    height: 45px;
    line-height: 45px;
    text-decoration: none;
    font-size: 16px;
    font-weight: bold;
    color: #000000;
}
.frli .smul{
    display: none;
    width: 113px;
    position: absolute;
    left: -10px;
    background-color: #d7000f;
}
.frli .smul.lf2px{
    left: 2px;
}
.frli.frpxxmli .smul{
    width: 208px;
    left: -44px;
}
.frli.frkbxxli .smul{
    width: 128px;
    left: 0;
}
.frli.frzxggli .smul{
    left: 0;
}
.frli.frxfkpli .smul{
    left: -12px;
    width: 140px;
}
.frli.frjygcli .smul{
    left: 0;
}
.frli .smul .smli{
    text-align: center;
}
.smul .smli:active,
.smul .smli:hover,
.smul .smli:visited{
    background-color: #aa0000;
}
.smul .smli a{
    text-decoration: none;
    display: block;
    height: 30px;
    line-height: 30px;
    width: 100%;
    font-size: 14px;
    color: #fff;
}
/* .videofrBox .topimgg,
.videofrBox .botimgg{
    width: 100%;
    height: 111px;
    display: inherit;
}
.videoImgall .videoBBBox{
    width: 270px; 
    float: left;
    display: inline-flex;
}
.cenImgDiv{
    width:150px;
    float:left;
}
.cenImgDiv img{
    width: 100%;
    display: inherit;
}
.rigImgDiv{
    width: 230px; 
    height: 185px;
    float: left;
}
.rigImgDiv img{
    display: inherit;
    width: 100%;
    height: 100%;
}
 */
 .videofrBox img.vimg{
    display: inline-block;
    width: 100%;
    height: 390px;
    cursor: pointer;
 }
/* 头部 e */



/* 尾部 s */
.sharedetailcen{
    background-color: #575757;
}
.sharedetailDiv{
    padding: 22px 0px;
}
.sharedetailDiv .shareBox{
    margin-top: 36px;
}
.footerDiv .frlycen{
    background-color: #f0f0f0;
}
.frlycen .frdlylineaDiv{
    padding: 22px 0;
}
.frdlylineaDiv .frBNoce{
    font-size: 18px;
    color: #575757;
    /* margin-top: 24px; */
}
.frdlylineaDiv .lineaUl{
   /*  width: 894px;  */
    width: 868px;
   /*  height: 64px;
   overflow: hidden; */
   margin-left: 13px;
}
.lineaUl .linli{
    float: left;
    width: 123px;
    /*margin-left: 32px;*/
/*    margin-left: 44px;
    margin-right: 6px;*/
    margin-left: 20px;
    margin-right: 0px;
}
.lineaUl .linli a{
    font-size: 14px;
    color: #737373;
}
.frdlylineaDiv .morea{
    /* margin-top: 26px; */
}


.bgGrayFooter{
    display: inline-block;
    width: 100%;
    background-color: #f0f0f0;    
}
.bgGrayFooter .ccBox .cttitDiv .frp.ftfrp{
    font-size: 20px;
    border-left: none;
    color: #737373;
    cursor: pointer;
}
.flineUl{
    /*width: 868px;*/
    margin-left: 0;
}
.flineUl .flineli {
    float: left;
    margin-left: 18px;
    margin-right: 0px;
    cursor:pointer;
}
.flineUl .flineli a {
    font-size: 14px;
    color: #737373;
}
.bgGrayFooter .ccBox .cttitDiv .frp.ftfrp.select{
    color: #D7000F;
}
/* 尾部分享 s*/
.social-share#shareBox .social-share-icon {
    width: 48px;
    height: 48px;
    line-height: 48px;
    font-size: 28px;
    margin: 0 10px;
    background: none;
    border: none;
}

.social-share#shareBox .icon-weibo {
    background-image: url(../images/ftwb.png);
}

.social-share#shareBox .icon-weibo:before {
    content: "";
}

.social-share#shareBox .icon-weibo:hover {
    background-image: url(../images/ftwbtc.png);
}

.social-share#shareBox .icon-wechat {
    background-image: url(../images/ftwx.png);
}

.social-share#shareBox .icon-wechat:before {
    content: "";
}

.social-share#shareBox .icon-wechat:hover {
    background-image: url(../images/ftwxtc.png);
}
.social-share#shareBox .icon-qzone {
    background-image: url(../images/ftqq.png);
}

.social-share#shareBox .icon-qzone:before {
    content: "";
}

.social-share#shareBox .icon-qzone:hover {
    background-image: url(../images/ftqqtc.png);
}
.social-share#shareBox .qrcode img{
    display: inherit;
}
.social-share#shareBox .help p{
    font-size: 12px;
    color: #666;
}
/* 尾部分享 e*/
.fbotlineaUl{
   /*  width: 300px; */
    width: 290px;
}
.fbotlineaUl .linali{
    float: left;
    margin-bottom: 10px;
    margin-left: 40px;
}
.fbotlineaUl .linali.fileli{
    letter-spacing: 5px;
}
.fbotlineaUl .linali a{
    font-size: 14px;
    color: #aaabab;
}
.zsrelineBox{
    /*margin-left: 10px;*/
    margin-left: 45px;
}
.zledl .zledt{
    float: left;
    margin-right: 5px;
    width: 48px;
    height: 48px;
    display: inline-block;
    background: url(../images/telico.png) 0 0 no-repeat;
}
.zledl .zledd{
     float: left;
}
.zledd .zlul .titfirli{
    font-size: 16px;
    color: #aaabab;
}
.zledd .zlul .telli{
    font-size: 18px;
    color: #fff;
}
.scodeBox{
   /*  margin-left: 44px; */
    margin-left: 10px;
    width: 253px;
    height: 126px;
}
.scodeBox .smxtimBx{
    display: table;
    width: 119px;
    height: 126px;
}
.scodeBox .smxtimBx.marl15{
    margin-left: 15px;
}
.scodeBox .smxtimBx p.xt{
    display: table-cell;
    width: 15px;
    line-height: 14px;
    vertical-align: top;
    color: #fff;
}
.scodeBox .smxtimBx img{
    display: inline-block;
    width: 100px;
    height: 100px;
    margin-left: 4px;
}
.lstbotCen{
    background-color: #2c2c2c;
}
.lstbotCen .lstbotDiv{
    padding: 22px 0;
}
.lstbotDiv .xpDiv .xp{
    margin-bottom: 5px;
    font-size: 12px;
    color:#575757;
}
.btlogoDiv .smlgBox{
    display: inline-block;
    cursor: pointer;
}
.btlogoDiv .smlgBox i.lgi{
    float: left;
    display: inline-block;
    width: 60px;
    height: 60px;
    background: url(../images/zx/btlogo.png) 0 0 no-repeat;
}
.smlgBox .xppdiv{
    float: left;
    margin-top: 10px;
    margin-left: 5px;
}
.smlgBox .xppdiv .lgbname{
    font-size: 22px;
    color: #575757;
}
.smlgBox .xppdiv .hline{
    background-color: #575757;
}
.smlgBox .xppdiv .engliname{
    font-size: 12px;
    color: #575757;
}
/* 尾部 e */

/*右侧悬浮导航 s*/
.fixed-right-nav {
    position: fixed;
    z-index: 101;
    right: 0;
    left: auto;
    top: 50%;
    margin-top: -100px;
    width: 50px;
    text-align: center;
    opacity: .9;
}

.fixed-right-nav a {
    display: block;
    height: 50px;
    border-radius: 2px;
    margin-bottom: 5px;
    background: #ababab;
    overflow: hidden;
    color: #fff;
    background: #D7000F;
}

/* .fixed-right-nav a:hover {
    background: #D7000F;
} */

.fixed-right-nav .msg i {
    display: block;
    width: 32px;
    height: 32px;
    margin: 9px auto 0;
    background: url(../images/xfk/zxzxt.png) no-repeat;
}

.fixed-right-nav .msg i:hover {
    background: url(../images/xfk/zxzx.png) no-repeat;
}
.fixed-right-nav .qrcode i {
    display: block;
    width: 32px;
    height: 32px;
    margin: 9px auto 0;
    background: url(../images/xfk/gfwxt.png) no-repeat;
}

.fixed-right-nav .qrcode i:hover {
    background: url(../images/xfk/gfwx.png) no-repeat;
}

.fixed-right-nav .qrcodePic {
    position: absolute;
    bottom: 0px;
    visibility: hidden;
    right: 52px;
    width: 160px;
    height: 203px;
    transform: scale(0);
    -webkit-transform: scale(0);
    transition: all ease .3s;
    -webkit-transition: all ease .3s;
    transform-origin: right bottom;
    -webkit-transform-origin: right bottom;
    cursor: default
}

.fixed-right-nav .qrcode:hover .qrcodePic {
    visibility: visible;
    transform: scale(1);
    -webkit-transform: scale(1);
}

.fixed-right-nav .tellineBox {
    position: absolute;
    bottom: 4px;
    visibility: hidden;
    right: 52px;
    width: 160px;
    height: 102px;
    line-height: 102px;
    transform: scale(0);
    -webkit-transform: scale(0);
    transition: all ease .3s;
    -webkit-transition: all ease .3s;
    transform-origin: right bottom;
    -webkit-transform-origin: right bottom;
    cursor: default;
    border: 2px solid #d7000f;
    background-color: #fff;
}
.fixed-right-nav .tellineBox p.xp{
    color: #d7000f;
    font-size: 20px;
    font-weight: bold;
}
.fixed-right-nav .linetel:hover .tellineBox {
    visibility: visible;
    transform: scale(1);
    -webkit-transform: scale(1);
}
.fixed-right-nav a i{
    display: block;
    width: 32px;
    height: 32px;
    margin: 9px auto 0;
}
.fixed-right-nav .zxkf i {
    background: url(../images/xfk/zxzxt.png) no-repeat;
}
.fixed-right-nav .yjfk i {
    background: url(../images/xfk/yjfkt.png) no-repeat;
}
.fixed-right-nav .zxQQ i {
    background: url(../images/xfk/lineQQ.png) no-repeat;
}
.fixed-right-nav .linetel i {
    background: url(../images/xfk/lineTEL.png) no-repeat;
}

.fixed-right-nav .yjfk i:hover {
    background: url(../images/xfk/yjfk.png) no-repeat;
}

.fixed-right-nav .zxkf i:hover {
    background: url(../images/xfk/zxkfXt.png) no-repeat;
}

.fixed-right-nav .zxQQ i:hover {
    background: url(../images/xfk/zxQQXt.png) no-repeat;
}

.fixed-right-nav .linetel i:hover {
    background: url(../images/xfk/lxdhXt.png) no-repeat;
}

.fixed-right-nav .backtop i {
    display: block;
    width: 32px;
    height: 32px;
    margin: 9px auto 0;
    background: url(../images/xfk/fhdbt.png) no-repeat;
}

.fixed-right-nav .backtop i:hover {
    background: url(../images/xfk/fhdb.png) no-repeat;
}
@media(max-width:1366px) {
    .fixed-right-nav {
        right: 0;
        margin-right: 0;
    }
}
/*右侧悬浮导航 e*/