/* 公共部分 */
@font-face {
    font-family: 'iconfont';
    src: url('../fonts/iconfont.eot');
    src: url('../fonts/iconfont.eot?#iefixx') format('embedded-opentype'),
    url('../fonts/iconfont.woff') format('woff'),
    url('../fonts/iconfont.ttf') format('truetype'),
    url('../fonts/iconfont.svg#iconfontt') format('svg');

}

.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
.translate{-webkit-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
.translateY{-webkit-transform: translateY(-50%);-o-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%); transform: translateY(-50%);}
.translateX{-webkit-transform: translateX(-50%);-o-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%); transform: translateX(-50%);}
/* webkit内核 滚动条*/
::-webkit-scrollbar {width:8px;background-color:#d70009;}
::-webkit-scrollbar-thumb {width:8px;background-color:#aeaeae;}
::-webkit-scrollbar-track-piece {width:8px;background-color:#f8f8f8;}
::-webkit-scrollbar-thumb:hover {width:8px;background-color:#d70009;}
body{font-family: 'Microsoft YaHei';color:#222222 ;font-size: 14px;}
html,body{-webkit-text-size-adjust: 100%;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
.clearfix{zoom:1;}
.clearfix:before,.clearfix:after{display:table;line-height:0;content:"";}
.clearfix:after{clear:both;}
.t_c{text-align: center;}
.t_l{text-align: left!important;}
.t_r{text-align: right;}

/* 侧边栏 */
.m-fixed-box { width: 70px; position: fixed; right: 0px; top: 56%; z-index: 99998; border-radius: 0.100000rem 0 0 0.100000rem;}
.m-fixed-box li{cursor: pointer;transition: all 0.4s;text-align: center; position: relative; width: 64px;height: 65px;background: #FFFFFF;border: 1px solid #EEEEEE;}
.m-fixed-box a{display: inline-block;width: 100%;height: 100%;}
.m-fixed-box li:hover{transition: all 0.4s;background: #093297;}
.m-fixed-box .iconfont{position: absolute;top: 50%;left: 50%;width: 26px;height: 28px;background: url(../img/icon/slide1.png) no-repeat center center;background-size: 100%;transition: all 0.4s;}
.m-fixed-box  li:nth-child(2) .iconfont{background: url(../img/icon/slide2.png) no-repeat center center;background-size: 100%;}
.m-fixed-box  li:nth-child(3) .iconfont{width:26px;background: url(../img/icon/slide3.png) no-repeat center center;background-size: 100%;}
.m-fixed-box  li:nth-child(4) .iconfont{background: transparent;}
.m-fixed-box  li:nth-child(1):hover .iconfont{background: url(../img/icon/slide1_0.png) no-repeat center center;background-size: 100%;}
.m-fixed-box  li:nth-child(2):hover .iconfont{background: url(../img/icon/slide2_0.png) no-repeat center center;background-size: 100%;}
.m-fixed-box  li:nth-child(3):hover .iconfont{background: url(../img/icon/slide3_0.png) no-repeat center center;background-size: 100%;}
.m-fixed-box  li:nth-child(4):hover .iconfont{background: transparent;}
.m-fixed-box .q_pinfo {position: absolute;right: 70px;top: 50%;transform: translateY(-50%); background: #ffffff;
    box-shadow: 0px 0px 11px 0px rgba(213, 213, 213, 0.5);color: #040404; padding: 5px 15px;line-height: 22px;color: #666666;opacity: 0;transition: all .3s;white-space: nowrap;box-sizing: border-box;}
.m-fixed-box .jsBack {color: #093297;transition: all 0.4s;font-size: 30px;}
.m-fixed-box .jsBack .iconfont{font-size: 22px;font-weight: 600;}
.m-fixed-box .jsBack:hover {background: #093297;color: #ffffff;transition: all 0.4s;border-color: #093297;}
.m-fixed-box li:hover .q_pinfo, .m-fixed-box li .q_pinfo.on { opacity: 1; transform: translateY(-50%);}
.m-fixed-box li .q_pinfo .txt.mm{padding: 10px 15px;text-align: center;color: #666666;}
.m-fixed-box li .q_pinfo::after{content: "";display: inline-block;position: absolute;right: -12px;top: 50%; margin-top: -6px;border-style: solid;border-width: 6px 6px;border-color: transparent transparent transparent #ffffff;}
@media screen and (max-width: 1440px) {
    .m-fixed-box { width: 55px; top: 45%;}
    .index-right-fixed{
        top:14% !important;
    }
    .m-fixed-box li {width: 50px;height: 50px;}
    .m-fixed-box .iconfont { width: 20px;}
    .m-fixed-box li:nth-child(3) .iconfont { width: 16px;}
    .m-fixed-box li:nth-child(4) .iconfont { width: 20px;}
    .m-fixed-box .jsBack .iconfont {font-size: 18px;line-height: 28px;}
}
@media screen and (max-width: 1040px) {
    .m-fixed-box {top: 80%; width: 54px;}
    .m-fixed-box  li{ display: none;width: 50px; height: 50px; }
    .m-fixed-box .jsBack{display: block;}
}
@media screen and (max-width: 768px) {
    .m-fixed-box .jsBack .iconfont { font-size: 16px; }
    .m-fixed-box li { width: 40px; height: 40px; }
    .m-fixed-box {width: 42px; }
}