@font-face
{
    font-family: "ydiconfont";
    src: url('../woff2/dn2d8w.woff2') format('woff2'),url('../woff/dn2d8w.woff') format('woff'),url('../ttf/dn2d8w.ttf') format('truetype');
}
.ydiconfont
{
    font-family: "ydiconfont"!important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.ydicon-xsj1:before
{
    content: "";
}
.ydicon-xsj2:before
{
    content: "";
}
.ydicon-xsj3:before
{
    content: "";
}
.ydicon-mulu:before
{
    content: "";
}
.ydicon-show1:before
{
    content: "";
}
.ydicon-dot5:before
{
    content: "";
}
.ydicon-dot6:before
{
    content: "";
}
.ydicon-dot1:before
{
    content: "";
}
.ydicon-dot2:before
{
    content: "";
}
.ydicon-dot3:before
{
    content: "";
}
.ydicon-dot4:before
{
    content: "";
}
.ydicon-wangzhi:before
{
    content: "";
}
.ydicon-hh3:before
{
    content: "";
}
.ydicon-hh:before
{
    content: "";
}
.ydicon-wangwang:before
{
    content: "";
}
.ydicon-wangwang1:before
{
    content: "";
}
.ydicon-hh1:before
{
    content: "";
}
.ydicon-qr1:before
{
    content: "";
}
.ydicon-MSN:before
{
    content: "";
}
.ydicon-qr2:before
{
    content: "";
}
.ydicon-hh2:before
{
    content: "";
}
.ydicon-qq2:before
{
    content: "";
}
.ydicon-msn1:before
{
    content: "";
}
.ydicon-skype:before
{
    content: "";
}
.ydicon-wx1:before
{
    content: "";
}
.ydicon-fb1:before
{
    content: "";
}
.ydicon-qq1:before
{
    content: "";
}
.ydicon-phone2:before
{
    content: "";
}
.ydicon-msn2:before
{
    content: "";
}
.ydicon-gotop1:before
{
    content: "";
}
.ydicon-gotop2:before
{
    content: "";
}
.ydicon-gotop3:before
{
    content: "";
}
.ydicon-gotop4:before
{
    content: "";
}
.ydicon-gotop5:before
{
    content: "";
}
.ydicon-gotop6:before
{
    content: "";
}
.ydicon-gotop7:before
{
    content: "";
}
.ydicon-gotop8:before
{
    content: "";
}
.ydicon-gotop9:before
{
    content: "";
}
.ydicon-gotop10:before
{
    content: "";
}
.ydicon-gotop11:before
{
    content: "";
}
.ydicon-gotop12:before
{
    content: "";
}
.ydicon-gotop13:before
{
    content: "";
}
.ydicon-gotop14:before
{
    content: "";
}
.ydicon-gotop15:before
{
    content: "";
}
.ydicon-gotop16:before
{
    content: "";
}
.ydicon-gotop17:before
{
    content: "";
}
.ydicon-gotop18:before
{
    content: "";
}
.ydicon-gotop19:before
{
    content: "";
}
.ydicon-gotop20:before
{
    content: "";
}
.ydicon-gotop21:before
{
    content: "";
}
.ydicon-gotop22:before
{
    content: "";
}
.ydicon-gotop23:before
{
    content: "";
}
.ydicon-nothing:before
{
    content: "";
}
.ydicon-badge-right:before
{
    content: "";
}
.ydicon-add1:before
{
    content: "";
}
.ydicon-add:before
{
    content: "";
}
.ydicon-yes1:before
{
    content: "";
}
.ydicon-no1:before
{
    content: "";
}
.ydicon-no:before
{
    content: "";
}
.ydicon-yes:before
{
    content: "";
}
.ydicon-hit1:before
{
    content: "";
}
.ydicon-hit:before
{
    content: "";
}
.ydicon-address:before
{
    content: "";
}
.ydicon-search:before
{
    content: "";
}
.ydicon-prev:before
{
    content: "";
}
.ydicon-next:before
{
    content: "";
}
.ydicon-youjian:before
{
    content: "";
}
.ydicon-lianxiren:before
{
    content: "";
}
.ydicon-dianhua:before
{
    content: "";
}
.ydicon-WB:before
{
    content: "";
}
.ydicon-WX:before
{
    content: "";
}
.ydicon-shouji:before
{
    content: "";
}
.ydicon-wangzhan:before
{
    content: "";
}
.ydicon-weixin:before
{
    content: "";
}
.ydicon-qq:before
{
    content: "";
}
.ydicon-youbian:before
{
    content: "";
}
.ydicon-dianhua1:before
{
    content: "";
}
.ydicon-FB:before
{
    content: "";
}
.ydicon-fax-full:before
{
    content: "";
}
.ydicon-Facebook:before
{
    content: "";
}
.ydicon-right4:before
{
    content: "";
}
.ydicon-left4:before
{
    content: "";
}
.ydicon-phone:before
{
    content: "";
}
.ydicon-left3:before
{
    content: "";
}
.ydicon-left1:before
{
    content: "";
}
.ydicon-right3:before
{
    content: "";
}
.ydicon-more1:before
{
    content: "";
}
.ydicon-more:before
{
    content: "";
}
.ydicon-right1:before
{
    content: "";
}
.ydicon-play:before
{
    content: "";
}
.ydicon-left:before
{
    content: "";
}
.ydicon-right:before
{
    content: "";
}
.ydicon-call:before
{
    content: "";
}
.ydicon-home:before
{
    content: "";
}
.ydicon-contact:before
{
    content: "";
}
.ydicon-product:before
{
    content: "";
}
[class*='ydicon-']
{
    font-family: "ydiconfont"!important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.ydicon-play:before
{
    display: inline-block;
    border-radius: 50%;
    background: rgba(0,0,0,.5);
    height: 46px;
    width: 46px;
    line-height: 46px;
    font-size: 22px;
    color: #fff;
    text-align: center;
}/*==========字体 结束==========*//*==========在线客服 开始==========*//*默认蓝色*//*.SonlineBox{ overflow: hidden; }*/
.SonlineBox
{
    z-index: 999999990;
    font-family: "Microsoft YaHei",BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Segoe UI Symbol";
}
.SonlineBox .contentBox
{
    border-radius: 6px;
}
.SonlineBox .openTrigger
{
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    position: absolute;
    top: 0;
    border-radius: 6px;
    z-index: 1;
    cursor: pointer;
    background: #2589ff;
    box-shadow: 0 0 9px 0 rgba(0,0,0,.1);
}
.SonlineBox .openTrigger:before
{
    content: '';
    font-family: 'ydiconfont';
    font-size: 30px;
    color: #fff;
}
.SonlineBox1
{
    width: 162px;
    font-size: 12px;
    top: -600px;
    z-index: 9999;
}
.SonlineBox1 .titleBox
{
    width: 100%;
    height: 35px;
    line-height: 35px;
    background: #2589ff;
    position: relative;
    z-index: 1;
}
.SonlineBox1 .titleBox span
{
    margin-left: 10px;
    color: #fff;
    font-size: 14px;
    font-family: '微软雅黑','黑体';
}
.SonlineBox1 .contentBox
{
    display: block;
    min-width: 160px;
    width: 100%;
    height: auto;
    border: 2px solid #2589ff;
    overflow: hidden;
    background: #fff;
    position: absolute;
    z-index: 2;
}
.SonlineBox1 .contentBox .closeTrigger
{
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 25px;
    display: block;
    cursor: pointer;
    position: absolute;
    top: 5px;
    right: 5px;
    z-index: 2;
}
.SonlineBox1 .contentBox .closeTrigger:before
{
    content: '';
    font-family: 'ydiconfont';
    font-weight: bold;
    color: #fff;
}
.SonlineBox1 .contentBox .closeTrigger:hover
{
    -webkit-transform: scale(1) rotate(360deg);
}
.SonlineBox1 .contentBox .listBox
{
    overflow: hidden;
    margin: 6px 0;
    position: relative;
}
.SonlineBox1 .contentBox .listBox .QQList
{
    display: block;
    width: 100%;
    margin: 5px auto 5px auto;
    padding: 0 0;
}
.SonlineBox1 .contentBox .listBox .QQList span
{
    display: block;
    width: 47%;
    height: 25px;
    overflow: hidden;
    text-align: right;
    float: left;
    line-height: 26px;
    color: #444;
}
.SonlineBox1 .contentBox .listBox .QQList div.ico
{
    width: 52%;
    height: 25px;
    overflow: hidden;
    float: left;
}
.SonlineBox1 .contentBox .listBox .QrList
{
    margin: 10px 20px;
    text-align: center;
}
.SonlineBox1 .contentBox .listBox .QrList img
{
    width: 100%;
    max-width: 130px;
    margin-bottom: 5px;
}
.SonlineBox1 .contentBox .listBox .QrList span
{
    display: block;
    color: #515259;
}
.SonlineBox1 .contentBox .listBox .TelList a
{
    line-height: 26px;
    color: #0d84ff;
}
.SonlineBox1 .contentBox .listBox .LinkList
{
    margin: 5px 10px;
    color: #0d84ff;
}
.SonlineBox1 .contentBox .tels
{
    width: 90%;
    margin: 0 auto;
    border-top: 1px dotted #ccc;
    height: auto;
    padding-bottom: 10px;
    line-height: 200%;
    text-align: center;
}
.SonlineBox1 .contentBox .tels font
{
    display: block;
    line-height: 35px;
    font-family: '微软雅黑','黑体';
    font-size: 16px;
    color: #555;
}
.SonlineBox1 .contentBox .tels span
{
    display: block;
    line-height: 25px;
    font-family: "Palatino Linotype","Book Antiqua";
    font-size: 20px;
    color: #555;
    font-weight: bold;
}/*样式2 3*/
.SonlineBox2
{
    margin-left: 5px;
}
.SonlineBox2 .titleBox
{
    display: none;
}
.SonlineBox2 .contentBox
{
    position: relative;
    border: 0!important;
}
.SonlineBox2 .contentBox .listBox .item
{
    position: relative;
    width: 50px;
    margin: 10px 0;
    text-align: center;
    background: #fff;
    color: #2589ff;
    font-size: 25px;
    border-radius: 6px;
    transition-duration: .2s;
    box-shadow: 0 0 9px rgba(0,0,0,.1);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.SonlineBox2 .contentBox .listBox .item a
{
    display: block;
    color: inherit;
}
.SonlineBox2 .contentBox .listBox .item span.title
{
    display: none;
    font-size: 12px;
    text-align: center;
    white-space: nowrap;
    line-height: 1.2em;
}
.SonlineBox2 .contentBox .listBox .item .float_box
{
    position: absolute;
    left: 125%;
    transform: translateX(30px);
    top: 0;
    bottom: 0;
    margin: auto;
    font-size: 14px;
    color: #313233;
    visibility: hidden;
    opacity: 0;
    transition: .5s .1s;
}
.SonlineBox2 .contentBox .listBox .item .float_box span.triangle
{
    top: 12px;
    left: -11px;
    position: absolute;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-right: 11px solid #fff;
    z-index: 1;
}
.SonlineBox2 .contentBox .listBox .item .float_box.tel
{
    width: 145px;
    background-color: #fff;
    box-shadow: 0 0 9px rgba(0,0,0,.1);
    border: 1px solid #e4e5e9;
    height: 36px;
    line-height: 36px;
    text-indent: 10px;
    text-align: left;
    border-radius: 6px;
}
.SonlineBox2 .contentBox .listBox .item .float_box.tel span.triangle
{
    top: 12px!important;
}
.SonlineBox2 .contentBox .listBox .item .float_box.qr
{
    bottom: auto;
    border-radius: 6px;
    background-color: #fff;
    padding: 4px;
    line-height: 1.5em;
    box-shadow: 0 0 9px rgba(0,0,0,.1);
}
.SonlineBox2 .contentBox .listBox .item .float_box.qr img
{
    width: 140px;
}
.SonlineBox2 .contentBox .listBox .item.footer:before
{
    content: "···";
    font-family: "Microsoft YaHei",BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Segoe UI Symbol";
}
.SonlineBox2 .contentBox .listBox .item:hover
{
    opacity: .9;
}
.SonlineBox2 .contentBox .listBox .item:hover .float_box
{
    transform: translateX(0);
    visibility: visible;
    opacity: 1;
}
.SonlineBox2 .contentBox .tels
{
    position: absolute;
    left: 125%;
    bottom: 0;
    transform: translate(30px);
    background-color: #fff;
    box-shadow: 0 0 9px rgba(0,0,0,.1);
    border-radius: 6px;
    visibility: hidden;
    opacity: 0;
    padding: 10px;
    transition: .5s .1s;
}
.SonlineBox2 .contentBox .tels.show
{
    transform: translate(0);
    visibility: visible;
    opacity: 1;
}
.SonlineBox2 .contentBox .tels:after
{
    content: "";
    bottom: 20px;
    margin-top: -32px;
    left: -11px;
    position: absolute;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-right: 11px solid #fff;
    z-index: 1;
}
.SonlineBox2.positionright
{
    margin-right: 5px;
}
.SonlineBox2.positionright .contentBox .listBox .item .float_box
{
    left: auto;
    right: 125%;
    transform: translateX(-30px);
}
.SonlineBox2.positionright .contentBox .listBox .item .float_box span.triangle
{
    left: auto;
    right: -11px;
    border-left: 11px solid #fff;
    border-right: 0;
}
.SonlineBox2.positionright .contentBox .listBox .item:hover .float_box
{
    transform: translateX(0);
    visibility: visible;
    opacity: 1;
}
.SonlineBox2.positionright .contentBox .tels
{
    left: auto;
    right: 125%;
    transform: translate(-30px);
}
.SonlineBox2.positionright .contentBox .tels.show
{
    transform: translate(0);
    visibility: visible;
    opacity: 1;
}
.SonlineBox2.positionright .contentBox .tels:after
{
    left: auto;
    right: -11px;
    border-left: 11px solid #fff;
    border-right: 0;
}
#topcontrol
{
    z-index: 9999;
}
@media screen and (max-width: 768px)
{/*gotop*/
    #topcontrol
    {
        z-index: 9999;
    }
    #topcontrol .yd-gotop
    {
        width: 45px!important;
        height: 45px!important;
        line-height: 45px!important;
    }
    #topcontrol .yd-gotop i
    {
        font-size: 25px!important;
    }
    .SonlineBox1 .contentBox
    {
        max-width: 200px;
    }
    .SonlineBox2
    {
        width: auto!important;
        font-size: 12px;
    }
    .SonlineBox2 .openTrigger
    {
        width: 45px;
        height: 45px;
        line-height: 45px;
    }
    .SonlineBox2 .contentBox
    {
        width: auto!important;
    }
    .SonlineBox2 .contentBox .listBox .item
    {
        width: 45px!important;
        font-size: 10px;
        height: 45px!important;
    }
    .SonlineBox2 .contentBox .listBox .item span.title
    {
        font-size: 10px;
    }
    .SonlineBox2 .contentBox .listBox .item i
    {
        font-size: 22px!important;
    }
    .SonlineBox2 .contentBox .listBox .item.footer:before
    {
        font-size: 28px;
    }
}