.hk-contab{
    display:block!important;
    z-index:99;
    width: 64px;
    position:fixed;
    right:10px;
    bottom:116px;
}
.hk-contab li{
    list-style:none;
    padding: 6px 0;
    text-align: center;
    background:#fff;
}
.hk-contab li:hover{}
.hk-call{
    position:relative;
    padding-top: 12px;
    padding-bottom: 12px;
}
.hk-content{
  background: #FFFFFF;
  border-radius: 5px;
  border: 1px solid #D8E0E8;
  margin-top: 23px;
}
.hk-call img{margin-left: 20px;margin-top: 18px;}
.hk-callinfo{
    display:none;
    position:absolute;
    left:-170px;
    top:7px;
    background:#ffffff;
    border-right:0;
    width:360px;
    padding: 24px;
    box-shadow: 0 2px 8px 0 rgba(0,0,0,0.20);
    text-align: left;
}
.hk-xufo{
  display:none;
  position:absolute;
  left:-382px;
  top:0px;
  background:#ffffff;
  border-right:0;
  width: 321px;
  padding: 24px;
  box-shadow: 0 2px 8px 0 rgba(0,0,0,0.20);
  text-align: left;
}
.hk-xufo .xu-btn {
  display: inline-block;background: #017EE1;border-radius: 1px;width: 160px;height: 40px;line-height: 40px;font-size: 16px;color: #FFFFFF;letter-spacing: 0;text-align: center;cursor:pointer;
}
.hk-xufo .xu-font {
  font-size: 14px;color: #666666;letter-spacing: 0;line-height: 24px;
}
.hk-callinfo .callinfo-margin{
    position: absolute;
    width: 30px;
    height: 192px;
    top: -1px;
    right: -25px;
    z-index: 999;
}
.hk-callinfo a{
  color: #017ee1;
}
.hk-callinfo a:hover{
    color: #017ee1;
    text-decoration: underline !important;
}
.hk-callinfo a:active{
    color: #017ee1;
    text-decoration: underline;
}
.arrow-left{
    position: absolute;
    top: 23px;
    right: -20px;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #d8d8dc;
    border-right: 10px solid transparent;
    z-index: 998;
}
.arrow-left-child{
    position: absolute;
    top: 24px;
    right: -17px;
    width: 0;
    height: 0;
    border-top: 9px solid transparent;
    border-bottom: 9px solid transparent;
    border-left: 9px solid #fff;
    border-right: 9px solid transparent;
    z-index: 999;
}
.icon-xu {
  display:inline-block;
  width: 32px;
  height: 32px;

  background: url('img/more.png')no-repeat center;
  background-size: 25px 22px;
}


.icon-side-sprite{
    display:inline-block;
    width: 24px;
    height: 40px;
    color: #2386EE;
}
.icon-zx-bag {
  background: url('img/red_ico.png')no-repeat center;
  background-size:20px 22px; 
}
.icon-zx-phone{
    background-position: 0px 0px;
}
.icon-zx-zx{
    background-position: 0px -112px;
}
.icon-zx-mobile{
    background: url('img/beforetel.png') no-repeat center;
    background-size: 29px; 
}
.icon-zx-top{
    background-position: 0px -160px;
}
.side-item-title{
    font-size: 12px;
    letter-spacing: 0;
    text-align: center;
    line-height: 14px;
    display: inline-block;
    width: 100%;
}
.side-content{
    width: 160px;
    padding: 20px 0 20px 24px;
    border: 1px solid #E6E6E6;
    box-shadow: 0 2px 8px 0 rgba(204,212,222,0.50);
}
.xu-content{
  width: 371px;
  padding: 33px 24px 48px 24px;
  border: 1px solid #E6E6E6;
  box-shadow: 0 2px 8px 0 rgba(204,212,222,0.50);
}
.call-way{
    font-size: 16px;
    color: #212121;
    line-height: 24px;
}
.call-number{
    font-size: 16px;
    color: #00CCC5;
    line-height: 24px;
}
.ws-xu {
  position: relative;
}
.ws-xu::after {
  position: absolute;
  width: 10px;
  height: 10px;
  content: '';
  top: 10%;
  right: 30%;
  border-radius: 50%;
  background-color: red;
}
.hk-xu:hover{
  background: #00CCC5;
  color: #fff;
}
.hk-xu:hover .hk-xufo {
  display: block;
}
.hk-new:hover .icon-xu{
  background: url('img/morehover.png')no-repeat center;
  background-size: 25px 22px;
}

.hk-new:hover .side-item-title {
  color: #fff;
}


.hk-new:hover{
  background:#2386EE;
  color: #fff;
}
.hk-new:hover .hk-newfo {
  display: block;
}


.hk-newfo{
  display:none;
  position:absolute;
  left:-370px;
  bottom:1px;
  background:#ffffff;
  border-right:0;
  width: 321px;
  padding: 10px;
  box-shadow: 0 2px 8px 0 rgba(0,0,0,0.20);
  text-align: left;
}
.hk-newfo .arrow-left{top:auto;bottom: 23px;}
.hk-newfo .arrow-left-child{top:auto;bottom:24px;}
.hk-call:hover{
    background: #00CCC5;
    color: #fff;
}
.hk-call:hover .hk-callinfo{
    display: block;
}
.hk-call:hover .icon-zx-phone{
    background-position: 0px -20px;
}
.hk-qq:hover{
    background: #2386EE;
    color: #fff;
}
.hk-qq:hover .hk-qqInfo{
    display: block;
}
.hk-qq:hover .icon-zx-zx{
    background-position: 0px -88px;
}
.hk-qq-lists{
    font-size: 16px;
    color: #00CCC5;
}
.hk-qq-lists li{
    list-style-type: disc;
    color: #00CCC5;
    text-align: left;
    list-style-position: inside;
    line-height: 32px;
    padding: 0;
    margin-left: 0;
}
.hk-qq-lists li:hover span{
    color: #00CCC5;
}
.hk-qq-lists span{
    color: #212121;
    margin-left: -10px;
}

.hk-callinfo p{
    font-size:16px;
}
.hk-callinfo .sqfw{
    display: inline-block;
    width: 48px;
    height: 48px;
    background: url(img/icon-sq.svg)
}
.hk-callinfo .shfw{
    display: inline-block;
    width: 48px;
    height: 48px;
    background: url(img/icon-sh.svg)
}
.hk-callinfo .icon-msg{
    margin-right: 8px;
    /* color: #00b9ef; */
}
.hk-callinfo .icon-qq{
    margin-right: 8px;
    margin-left: 20px;
}
.hk-qq{
    /* margin-bottom: 1px; */
}
.hk-qq img{
    margin-top: 19px;
    margin-left: 20px;
}
.hk-qqInfo{
    display:none;
    position:absolute;
    left:-170px;
    top:152px;
    background:#ffffff;
    border-right:0;
    /* width: 180px; */
    /* height: 144px; */
}
/* .hk-qqInfo a{
    font-size:16px;
    padding-top: 8px;
    padding-bottom: 8px;
    height:30px;
    line-height: 30px;
    padding-left:30px;
    display: block;
} */
.hk-qqInfo a:hover{
    background: #f9f9f9;
}

.hk-qqInfo p{
    font-size:16px;
    padding-top: 8px;
    padding-bottom: 8px;
    height:30px;
    line-height: 30px;
    padding-left:30px;
    margin: 0;
}
.hk-qqInfo p:hover{
    color:#00b9ef;
    background: #f9f9f9;
}
.online-new{
  background: #F6F8F7;
  border-radius: 5px;
  border: 1px solid #D8E0E8;
  position: relative;
}
.online-new a{
  display:block;
  padding-top: 55px;
  background: url('img/customergirl.png')no-repeat center -6px;
  background-size: 64px 61px;
  text-align: center;
}
.online-new .side-item-title{
  background: #2486EF;
  display: block;
  height: 23px;
  line-height: 23px;
  font-size: 12px;
  border-radius: 0 0 5px 5px;
  color: #fff;
  width: 64px;
  margin-left: -1px;
}
.online-new .wechatwave{
  position: absolute;
  top: -9px;
  left:-12px;
  z-index: 121
}
.online-new .redspot{
  position: absolute;
  top: -6px;
  right:-1px;
  padding: 6px;
  display: none;
  border-radius: 50%;
  z-index: 123;
  background: red;
}
.online-new .wechatwave:before {
    position: absolute;
    border-radius: 50%;
    content: '';
    width: 19px;
    height: 19px;
    background: rgba(255, 255, 255, 0.5);
    z-index: 2;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-animation: water 1.5s linear infinite;
    animation: water 1.5s linear infinite;
}
@keyframes water {
    0% {
      opacity: 0.5;
      -webkit-transform: translate(-50%, -50%) scale(1);
      transform: translate(-50%, -50%) scale(1);
    }
    100% {
      opacity: 0;
      -webkit-transform: translate(-50%, -50%) scale(2);
      transform: translate(-50%, -50%) scale(2);
    }
  }
  
  @-moz-keyframes water {
    0% {
      opacity: 0.5;
      -webkit-transform: translate(-50%, -50%) scale(1);
      transform: translate(-50%, -50%) scale(1);
    }
    100% {
      opacity: 0;
      -webkit-transform: translate(-50%, -50%) scale(2);
      transform: translate(-50%, -50%) scale(2);
    }
  }
  
  @-webkit-keyframes water {
    0% {
      opacity: 0.5;
      -webkit-transform: translate(-50%, -50%) scale(1);
      transform: translate(-50%, -50%) scale(1);
    }
    100% {
      opacity: 0;
      -webkit-transform: translate(-50%, -50%) scale(2);
      transform: translate(-50%, -50%) scale(2);
    }
  }
  
  @-o-keyframes water {
    0% {
      opacity: 0.5;
      -webkit-transform: translate(-50%, -50%) scale(1);
      transform: translate(-50%, -50%) scale(1);
    }
    100% {
      opacity: 0;
      -webkit-transform: translate(-50%, -50%) scale(2);
      transform: translate(-50%, -50%) scale(2);
    }
  }
.icon-preconsult{
  display:inline-block;
  width: 32px;
  height: 32px;
  background: url('img/wechat.png')no-repeat center;
  background-size: 23px;
}
.preconsult-new:hover .icon-preconsult{
  background: url('img/wechathover.png')no-repeat center;
  background-size: 23px;
}
.preconsult-new:hover{
    background: #2386EE;
    color: #fff;
}
.preconsult-con{
  text-align: center;
}
.preconsult-ewm img{
  width: 123px;
  height: 123px;
}
.preconsult-wz dl{ 
  color: #333;
  margin-bottom: 10px
}
.preconsult-wz dt{
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 4px;
  color: #333;
}
.preconsult-wz dd,.preconsult-wz p{
  font-size: 12px;
  color: #333;
}
.preconsult-new:hover .preconsult-content {
  display: block;
}
.preconsult-content{
  display:none;
  position:absolute;
  left:-179px;
  top:103px;
  background:#fff;
  border-right:0;
  width: 339px;
  padding: 10px;
  box-shadow: 0 2px 8px 0 rgba(0,0,0,0.20);
  text-align: left;
}
.app-download:hover{
    background: #2386EE;
    color: #fff;
}
.app-download:hover .icon-zx-mobile{
    background: url('img/beforetel_hover.png') no-repeat center;
    background-size: 29px;
}
.app-download:hover .app-download-Info{
    display: block;
}
.app-download-Info{
    display:none;
    position:absolute;
    left: -359px;
    top: 0px;
    background:#fff;
    color: #212121;
    padding: 10px;
    width: 352px;
    border: 1px solid #E6E6E6;
    box-shadow: 0 2px 8px 0 rgba(204,212,222,0.50);
    text-align: left
}

.app-download-Info .arrow-left{top:auto;bottom: 229px;}
.app-download-Info .arrow-left-child{top:auto;bottom:230px;}

.appointment-li{ width: 281px;margin: 0 auto; position: relative; }
.appointment-li dl{
  text-align: center;
}
.appointment-li dl dt,.appointment-suc dl dt{
  font-size: 18px;
  font-weight: 600;
  color: #333;
  margin:19px 0 10px 0;
  text-align: center;
}
.appointment-li dl dt,.appointment-li dl dd{ 
  text-align: left
}
.appointment-li dl dd{
  font-size: 12px;
  color: #333;
}
.appointment-li dl dd.beforesale-tel{
  font-size: 26px;
  font-weight: bold;
  color: #2486EF;
}
.appointment-tel,.appointment-vcode,.appointment-pro{
  height: 32px;
  line-height: 32px;
  background: #FFF;
  border-radius: 2px;
  border: 1px solid #D8D8D8;
  text-indent: 10px;
  width: 280px;
  margin-top: 10px;
  border-radius: 5px;
}
.appointment-pro{
  padding-right: 31px !important;
  background: url('img/downarrow.png') no-repeat 93% center;
  white-space:nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-top:3px;
}
.appointment-proup .appointment-pro{
  background: url('img/uparrow.png') no-repeat 93% center;
}
.appointment-pro:hover{
  cursor: pointer;
}
.appointment-tel-div,.appointment-vcode-div{
  height: 17px;
  font-size: 12px;
  color: #FB2323;
  line-height: 21px;
}
.lead_validatacode_a,.lead_validatacode_b{
  position: absolute;
  right:11px;
  bottom:6px;
}
.lead_validatacode_a{
  font-size: 12px;
  color: #333;
}
.lead_validatacode_b{
  display: none;
  color: #ccc
}
.appointment-ul{
  position: absolute;
  width: 100%;
  background: #FFF;
  box-shadow: 0px 6px 23px 0px rgba(214, 214, 214, 0.5);
  border-radius: 2px;
  z-index: 123;
  left:0;
  top:159px;
  padding-bottom: 10px;
  display: none
}
.appointment-ul li{
  cursor: pointer;
  height: 32px;
  line-height: 32px;
  font-size: 14px;
  color: #212121;
  text-indent: 19px;
  text-align: left;
}
.appointment-ul li.sel{
  background-image: url('img/appointmentgou.png') ;
  background-repeat: no-repeat;
  background-position: 93% center
}
.appointment-ul li:hover{
  background-color: #F9F9F9;
}
.appointment-policy{
  margin: 12px 0 26px 0;
  font-size: 12px;
}
.appointment-policy a{
  font-size: 12px;
  color: #2386EE
}
.appointment-policy .appointment-check{
  padding: 11px;
  background: url('img/uncheck.png') no-repeat 93% center;
}
.appointment-policy .appointment-checked{
  padding: 11px;
  background: url('img/checked.png') no-repeat 93% center;
}
.appointment-btn{
  height: 32px;
  line-height: 32px;
  background: linear-gradient(90deg, #0068DD 0%, #00AEEE 100%);
  border-radius: 2px;
  opacity: 0.3;
  text-align: center;
  font-size: 16px;
  color: #FFF;
  width: 100%;
  border: none;
  margin-bottom: 19px;
}
.appointment-btn.appointment-btn-active{
  opacity: 1;
}
.appointment-suc{
  display: none
}
.appointment-suc dl{ height: 399px }
.appointment-suc dl dd{
  text-align: center;
  font-size: 14px;
  color: #666;
  padding-top: 239px;
  background: url('img/appointmentsuc.png') no-repeat center 69%;
}
.free-present:hover {
    background: #2386EE;
    color: #fff;
}
.free-present:hover .icon-zx-bag {
  background: url('img/redhover_ico.png') no-repeat center;
  background-size: 20px 22px;
}
.free-present:hover .free-present-Info {
    display: block;
}
.free-present-Info {
    display: none;
    position: absolute;
    left: -270px;
    bottom: -39px;
    background: #fff;
    color: #212121;
    padding: 10px;
    width: 260px;
    border: 1px solid #E6E6E6;
    box-shadow: 0 2px 8px 0 rgba(204,212,222,0.50);
}
.free-present-Info .decs{
    text-align: center;
    font-size: 14px;
    color: #666666;
}
.free-present-Info-title {
    font-size: 16px;
    margin-bottom: 8px;
    display: relative
}
/* .free-present-Info-title a {
    color: #00CCC5;
} */
/* .free-present-Info-title a:hover {
    color: #00CCC5;
} */
/* .free-present-Info-title::after {
    content: '';
    position: relative;
    bottom: 0;
    left: 0;
    height: 1px;
    display: block;
    transform: scaleX(0);
    transition: all .3s;
    width: 100%;
    background-color: #00CCC5;
}
.free-present-Info-title:hover::after {
    transform: scaleX(0.9);
} */
/* .free-present-pic {
    background: url('img/shape@2x.svg') no-repeat center;
    width: 24px;
    height: 24px;
    display: inline-block;
} */
.free-present > svg {
    fill: currentColor;
    color: #FD7D6C;
}
.free-present:hover > svg {
    color: white;
}
.free-present-Info .decs {
    line-height: 18px;
}
.hk-top{
    width: 64px;
    height: 51px;
    position: fixed;
    right: 10px;
    bottom: 69px !important;
    z-index: 101;
    cursor: pointer;
    border-radius: 4px;
    background: #fff url('img/totop.png') no-repeat center;
    border-radius: 4px;
    border: 1px solid #DFE5EB;
    border-top:none;
}
.hk-top:hover .icon-zx-top{
    background-position: 0px -136px;
}
.hk-top .icon-top{
    font-size: 24px;
}
.hk-top img{
    margin-left: 20px;
    margin-top: 15px;
}
.hk-top p{
    text-align: center;
    color: #fff;
}
.mk-kdm-group > a:before,.homePage> a:before{
    display: inline-block;
    content: '';
    line-height: 0;
    font-size: 0;
    vertical-align: middle;
    margin-right: 10px;
    margin-bottom: 5px;
    width: 25px;
    height: 25px;
    background-size: 100% 100%;
}
.homePage>a:before {
    /*background: url("img/N-phone-01-1.png") center center no-repeat;
     background-size: 100% 100%;*/
    background-size: 0px;
    width: 0px;
    margin: 0px;
}
.mk-kdm-about>a:before {
    background: url("img/N-phone-02-2.png") center center no-repeat;
     background-size: 100% 100%;
}
.mk-kdm-news>a:before {
    background: url("img/N-phone-03-3.png") center center no-repeat;
     background-size: 100% 100%;
}
.mk-kdm-ins>a:before {
    background: url("img/N-phone-04-4.png") center center no-repeat;
     background-size: 100% 100%;
}
.mk-kdm-bussness>a:before {
    background: url("https://www.jdy.com/wp-content/uploads/2016/08/N-phone-05-5.png") center center no-repeat;
     background-size: 100% 100%;
}
.mk-kdm-csr>a:before {
    background: url("img/N-phone-06-6.png") center center no-repeat;
     background-size: 100% 100%;
}
.mk-kdm-contact>a:before {
    background: url("img/N-phone-07-7.png") center center no-repeat;
     background-size: 100% 100%;
}
#mk-header.sticky-header.sticky-trigger-header{
filter: progid:DXImageTransform.Microsoft.Shadow(color='#ededed', Direction=135, Strength=5);
background-color: #fff;
-moz-box-shadow:0 3px 7px #ccc;
-webkit-box-shadow:0 3px 7px #ededed;
-o-box-shadow:0 3px 7px #ededed;
-ms-box-shadow:0 3px 7px #ededed;
box-shadow:0 3px 7px #ededed;
border-bottom: 1px solid #ccc!important;
}
.dashboard-trigger.desktop-mode{
    display: none;
}
.fancybox-skin .fancybox-close {
    top: 0px;
    right: 0px;
    border: 1px solid #ccc;
    color: #ccc;
    background-color: #fff;
}
.fancybox-skin .mk-theme-icon-cancel:before {
    content: "\e64f";
    }
    .fancybox-skin .fancybox-close:hover{
        background-color: #ff4351;
    }
.mk-kingdee-honor-list .mk-kingdee-honor-li {
    position: relative;
    padding-left: 120px;
    border-bottom: 1px solid #CCCCCC;
}
.close-btn.moblie-menu-open {
    left: 228px;
}
.mk-side-dashboard .widget_nav_menu .menu li .active-n{
    background: none;
}
.main-navigation-ul .dashboard-trigger.res-mode{
    display: none!important;
}
.open-btn.moblie-menu-open {
    left: 228px;
}
#theme-page .mk-kingdee-honor-list .blog-title {
    position: absolute;
    left: 0;
    top: 32px;
    cursor: pointer;
    margin-bottom: 12px;
    font-size: 20px;
    font-weight: normal;
    color: #000;
}
#mk-main-navigation > ul > li.menu-item.menu-item-language a:hover {
    color: #ff4351;
}
.mk-kingdee-history-list .blog-title,
.mk-kingdee-history-circle-list .blog-title-sub,
.mk-kingdee-history-circle-list .blog-title{
    left: 0px;
    width: 120px;
}

.mk-kingdee-honor-list .entry-content {
    border-left: 1px solid  #e33131;
    padding: 30px 0 30px 40px;
}
.entry-content p img{
    padding: 40px 20px  30px 0;

}

.blog-thumb-day,.date-m,.blog-thumb-year {
    font-family: "Times New Roman";
}

.mk-kingdee-honor-list .entry-content p {
    margin-bottom: 0px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 16px;
    color: #000;
    line-height: 22px;
}

.mk-kingdee-honor-list .mk-kingdee-honor-indicator,
.mk-kingdee-honor-circle-list .mk-kingdee-honor-indicator {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: url('https://www.jdy.com/wp-content/uploads/2016/08/redcircle_03.png') no-repeat center;
    position: absolute;
    top: 5px;
    left: 116px;
}

.mk-kingdee-history-list .mk-kingdee-honor-indicator,
.mk-kingdee-history-circle-list .mk-kingdee-honor-indicator {
    left: 115px;
}

.mk-kingdee-honor-circle-list .mk-kingdee-honor-indicator {
    background: url('https://www.jdy.com/wp-content/uploads/2016/08/redcircle_03.png') no-repeat center;
}

.mk-kingdee-honor-circle-list .gray .mk-kingdee-honor-indicator {
    background: url('https://www.jdy.com/wp-content/uploads/2016/08/graycircle_03.png') no-repeat center;
}

.mk-kingdee-honor-circle-list {
    position: fixed;
    top: 130px;
    z-index: 0;
}

#theme-page .mk-kingdee-honor-circle-list .blog-title-sub,
.mk-kingdee-history-circle-list .blog-title{
    padding-bottom: 12px;
    margin-bottom: 0;
    position: relative;
    cursor: pointer;
    font-size: 20px;
    color: #000;
    font-weight: normal;
}

.mk-kingdee-history-circle-list .blog-title-sub,
.mk-kingdee-history-circle-list .blog-title{
    background-color: #fff;
}

.mk-kingdee-blog-subtitle {
    padding-left: 15px;
}

.mk-kingdee-honor-circle-list .gray h2 {
    color: #ccc !important;
}

.mk-kingdee-relative {
    position: relative;
}


.mk-kingdee-history-circle-list {
    margin-left: 0;
}
.widget_nav_menu .menu li .active-a{
    color: #fff!important;
    background: #e33131 url("https://www.jdy.com/wp-content/uploads/2016/08/Arr_r.png") 5% 50% no-repeat;
}
.widget_nav_menu .menu li .active-n{
    color: #e33333!important;
    background:#ccc url("https://www.jdy.com/wp-content/uploads/2016/08/Arr_r-1.png") 5% 50% no-repeat;
}


.tp-caption .coli-banner-h3 {
    letter-spacing: 4px !important;
}

.dark-skin #mk-breadcrumbs{
    margin-top: 100px;
    font-size:14px;
}
.about-title {
    border-left: 5px solid #e33333;
    display: block;
}
/* ???????????????-?????? */
.mobile-fw-lists {
  position: absolute;
  right: 77px;
  bottom: 126px;
  width: 222px;
  border: 1px solid #F6F6F6;
  border-radius: 6px;
  background: #fff
}
.mobile-fw-box{
  position: fixed;
  bottom: 82px;
  width: 42px;
  height: 42px;
  right: 25px;
  z-index: 99;
}
.mobile-fw-lists p{
  font-size: 14px;
  line-height: 20px;
  color: #212121;
}
.mobile-fw-item{
  display: flex;
  align-items: center;
  height: 56px;
  margin-left: 0;
  padding: 0 26px;
}
.mobile-fw-item:not(:last-child) {
  border-bottom: 1px solid  #E6E6E6;
}
.mobile-fw-item .item{
    vertical-align: middle;
    display: inline-block;
}
.mobile-fw-lists .icon-side-sprite{
    vertical-align: middle;
    margin-right: 24px;
    font-size: 22px;
}
.icon-kf-bg{
  width: 42px;
  height: 42px;
  border-radius: 50%;
  display: flex;
  background: #00CCC5;
  justify-content: center;
  align-items: center;
}
.icon-kf{
    font-size: 24px;
    line-height: 35px;
}
.mobile-fw-lists .icon-qq-solid{
}
/*            coli mobile menu            */
 .m-wrapper{
    left: 190px;
}
.mk-home {
    display: inline-block;
    width: 25px;
    height: 25px;
    position: absolute;
    top: 12px;
    right: 22px;
    background: url("https://www.jdy.com/wp-content/uploads/2016/04/top-1.png") center no-repeat;
    transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
}
.menu li {
    position: relative;
}
 .mk-side-dashboard-menu-header{
     background-color: #555;
    padding: 0 30px 0 20px;
    margin-bottom: 1px;
 }
 .mk-side-dashboard .widget {
    margin-bottom: 0;
}
.widget #lang_sel_list ul a {
    height: 40px;
    line-height: 40px;
    width: 114px;
    text-align: center;
    font-size: 18px;
    padding-left: 0;
     background: #e33131;
    color: #fff;
   border-right: 1px solid rgba(128,128,128,.8);
   border-bottom: 1px solid rgba(128,128,128,.8);
}
.widget #lang_sel_list ul .icl-en>a{
    border-right: none;
}

/*luotuxiu add*/
/*?????????????????????*/
@media only screen and (max-width: 500px) {
.mk-side-dashboard.dashboard-opened {
    left: inherit;
    /* right: inherit; */
    right: 0;
}

.mk-side-dashboard {
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.7) !important;
    right: 60rem;
}
.theme-main-wrapper.dashboard-opened {
    left: 0px !important;
}

.sub-menu li{
    width: 49%;
    display: inline-block;
    box-sizing: border-box;
}

.sub-menu{
    background-color: rgba(92,92,91,0.5);
}

.mk-side-dashboard .widget_nav_menu .sub-menu a{
    background: rgba(255,255,255,0) !important;
    font-weight: normal !important;
    color: #fff !important;
    border-bottom: 0px !important;
    padding: 0px !important;
    text-align: center;
}
.mobile_quit{
    background-image: url(img/close@2x.png);
    background-repeat: no-repeat;
    background-size: 25px;
    background-position-y: center;
    margin-left: 9rem !important;
}

.mk-theme-icon-responsive:before{
    background-image: url(img/nav@2x.png) !important;
    width: 30px !important;
    height: 30px !important;
}

.first_item a{
    background-image: url(img/spread@2x.png);
    background-repeat: no-repeat;
    background-size: 25px;
    background-position: 9rem center;
}

.footer-wrapper .mk-col-1-6{
    display: none;
}

.footer-wrapper .mk-col-1-6:nth-child(5){
    display: block !important;
    float: right;
    width: 50% !important;
}

.footer-wrapper .mk-col-1-6:nth-child(6){
    display: block !important;
    float: left;
    width: 50% !important;
    text-align: left;
    padding: 0px;
    margin: 0px;
}

.footer-wrapper .mk-col-1-6:nth-child(6) p{
    position: initial !important;
    margin-top: 0px !important;
}

.footer-wrapper .mk-col-1-6:nth-child(6) span{
    display: block !important;
    color:#7e7e7e !important;
}

.footer-wrapper .mk-col-1-6:nth-child(6) .textwidget{
    margin-left: 0.8rem;
}

.footer-wrapper .mk-col-1-6:nth-child(6) .widget_text{
    margin-bottom: 0 !important;
}

.footer-wrapper .mk-col-1-6:nth-child(6) .textwidget div{
    height: 0px !important;
}

.footer-wrapper .mk-padding-wrapper{
    padding: 0px !important;
}

#mk-footer, #mk-footer p{
    color:#7e7e7e !important;
}

#mk-footer{
    padding-top: 0.69rem;
}

#sub-footer .mk-footer-copyright .copyright a{
    display: block;
}
#mk-footer .widgettitle, #mk-footer .widgettitle a{
    color:#7e7e7e !important;
}

.blog-meta .blog-categories{
    height: 12px;
    line-height: 12px;
    font-size: 12px;
}

.item-holder .blog-categories{
    height: 21px;
    line-height: 21px;
    font-size: 12px;
}

}
/*luotuxiu end*/

 .mk-side-dashboard .widget_nav_menu .menu  a {
    height: 40px;
    line-height: 40px;
    position: relative;
    padding: 0 30px 0 20px;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
    margin:0;
    background-color: rgba(255,255,255,0);
}
.mk-side-dashboard .widget_nav_menu .sub-menu a {
    height: 36px;
    line-height: 36px;
    margin-bottom: 0;
    padding: 0 0px 0 70px;
    font-size: 16px;
    background: url("img/nav-mobile-menu-sub-item-sprite.gif");
    font-weight: normal;
    color: #000;
    border-bottom: 1px solid rgba(128,128,128,.5);
    text-transform: none;
}
.menu-item-has-children .mk-kdm-group-trigger {
    display: inline-block;
    position: absolute;
    top: 0;
    right: 16px;
    width: 40px;
    height: 40px;
    background: url("img/top-2.png") center no-repeat;
    background-size: 100% 100%;
    transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
}
.menu-item-has-children .mk-kdm-group-trigger.mk-kdm-group-open {
    transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
}
.mk-dashboard-menu-index {
    line-height: 60px;
}
.mk-side-dashboard .mk-dashboard-menu-index a{
    color: rgb(255, 255, 255);
    font-size: 18px;
    text-indent: 20px;
    display: inline-block;
    color: #fff;
    font-weight: bold;
}
.mk-dashboard-menu-index a:hover{
    color: #fff;
}

.mk-dashboard-menu-close {
    position: absolute;
    top: -4px;
    right: 0;
    cursor: pointer;
    display: inline-block;
    width: 70px;
    height: 70px;
    background: url("img/top-2.png") center no-repeat;
    background-size: 100% 100%;
    transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
}
.responsive-nav-container {
    display: none!important;
}
#menu-coli-mobile-menu .active-n {
    background: #e33131;
       color: #fff!important;
}
#menu-coli-mobile-menu-en .active-n {
    background: url("img/nav-mobile-menu-sub-item-sprite.gif") 0 -40px;
       color: #fff!important;
}
.mk-side-dashboard.moblie-menu-open a:hover {
    color: #ffffff;
}
.profiles_banner_info {
    top: 99px;
    position: relative;
}
.theme-main-wrapper.moblie-menu-open{
    left: 228px;
    z-index: 999;
}
.mk-side-dashboard.moblie-menu-open{
    left: 0px;
  background: -webkit-linear-gradient(#555, #ccc); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(#555, #ccc); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(#555, #ccc); /* Firefox 3.6 - 15 */
  background: linear-gradient(#555, #ccc); /* ??????????????? */
}
#menu-coli-mobile-menu-en .sub-menu a {
    padding: 0px 0px 0 38px;
}

/* ?????? */
@font-face {
    font-family: 'icomoon';
    src:  url('img/icomoon.eot?kpol8k_20190121');
    src:  url('img/icomoon.eot?kpol8k_20190121#iefix') format('embedded-opentype'),
      url('img/icomoon.ttf?kpol8k_20190121') format('truetype'),
      url('img/icomoon.woff?kpol8k_20190121') format('woff'),
      url('img/icomoon.svg?kpol8k_20190121#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
  }

  [class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
.icon-7X12:before {
  content: "\e948";
  color: #fff;
}
.icon-30day:before {
  content: "\e949";
  color: #fff;
}
.icon-1V1 .path1:before {
  content: "\e94a";
  color: rgb(255, 255, 255);
  opacity: 0.8;
}
.icon-1V1 .path2:before {
  content: "\e94b";
  margin-left: -1em;
  color: rgb(255, 255, 255);
  opacity: 0.5;
}
.icon-1V1 .path3:before {
  content: "\e94c";
  margin-left: -1em;
  color: rgb(255, 255, 255);
  opacity: 0.8;
}
.icon-1V1 .path4:before {
  content: "\e94d";
  margin-left: -1em;
  color: rgb(255, 255, 255);
  opacity: 0.5;
}
.icon-1V1 .path5:before {
  content: "\e94e";
  margin-left: -1em;
  color: rgb(255, 255, 255);
  opacity: 0.5;
}
.icon-1V1 .path6:before {
  content: "\e94f";
  margin-left: -1em;
  color: rgb(255, 255, 255);
  opacity: 0.5;
}
.icon-msg:before {
  content: "\e93b";
}
.icon-qq:before {
  content: "\e93c";
}
.icon-sh .path1:before {
  content: "\e93d";
  color: rgb(230, 230, 230);
}
.icon-sh .path2:before {
  content: "\e93e";
  margin-left: -1em;
  color: rgb(102, 102, 102);
}
.icon-sh .path3:before {
  content: "\e93f";
  margin-left: -1em;
  color: rgb(102, 102, 102);
}
.icon-sh .path4:before {
  content: "\e940";
  margin-left: -1em;
  color: rgb(102, 102, 102);
}
.icon-sh .path5:before {
  content: "\e941";
  margin-left: -1em;
  color: rgb(102, 102, 102);
}
.icon-sh .path6:before {
  content: "\e942";
  margin-left: -1em;
  color: rgb(102, 102, 102);
}
.icon-sh .path7:before {
  content: "\e943";
  margin-left: -1em;
  color: rgb(102, 102, 102);
}
.icon-sq .path1:before {
  content: "\e944";
  color: rgb(230, 230, 230);
}
.icon-sq .path2:before {
  content: "\e945";
  margin-left: -1em;
  color: rgb(102, 102, 102);
}
.icon-top:before {
  content: "\e946";
}
.icon-zx:before {
  content: "\e947";
  color: #fff;
}
.icon-feature-01 .path1:before {
  content: "\e900";
  color: rgb(33, 33, 33);
}
.icon-feature-01 .path2:before {
  content: "\e901";
  margin-left: -1em;
  color: rgb(0, 204, 197);
}
.icon-feature-02 .path1:before {
  content: "\e902";
  color: rgb(0, 204, 197);
}
.icon-feature-02 .path2:before {
  content: "\e903";
  margin-left: -1em;
  color: rgb(33, 33, 33);
}
.icon-feature-03 .path1:before {
  content: "\e904";
  color: rgb(33, 33, 33);
}
.icon-feature-03 .path2:before {
  content: "\e905";
  margin-left: -1em;
  color: rgb(0, 204, 197);
}
.icon-feature-04 .path1:before {
  content: "\e906";
  color: rgb(33, 33, 33);
}
.icon-feature-04 .path2:before {
  content: "\e907";
  margin-left: -1em;
  color: rgb(0, 204, 197);
}
.icon-feature-04 .path3:before {
  content: "\e908";
  margin-left: -1em;
  color: rgb(33, 33, 33);
}
.icon-feature-05 .path1:before {
  content: "\e909";
  color: rgb(33, 33, 33);
}
.icon-feature-05 .path2:before {
  content: "\e90a";
  margin-left: -1em;
  color: rgb(0, 204, 197);
}
.icon-feature-06 .path1:before {
  content: "\e90b";
  color: rgb(0, 204, 197);
}
.icon-feature-06 .path2:before {
  content: "\e90c";
  margin-left: -1em;
  color: rgb(33, 33, 33);
}
.icon-feature-07 .path1:before {
  content: "\e90d";
  color: rgb(0, 204, 197);
}
.icon-feature-07 .path2:before {
  content: "\e90e";
  margin-left: -1em;
  color: rgb(33, 33, 33);
}
.icon-feature-08 .path1:before {
  content: "\e90f";
  color: rgb(33, 33, 33);
}
.icon-feature-08 .path2:before {
  content: "\e910";
  margin-left: -1em;
  color: rgb(0, 204, 197);
}
.icon-feature-09 .path1:before {
  content: "\e911";
  color: rgb(33, 33, 33);
}
.icon-feature-09 .path2:before {
  content: "\e912";
  margin-left: -1em;
  color: rgb(0, 204, 197);
}
.icon-why01 .path1:before {
  content: "\e913";
  color: rgb(1, 126, 225);
}
.icon-why01 .path2:before {
  content: "\e914";
  margin-left: -1em;
  color: rgb(0, 204, 197);
}
.icon-why01 .path3:before {
  content: "\e915";
  margin-left: -1em;
  color: rgb(0, 204, 197);
}
.icon-why01 .path4:before {
  content: "\e916";
  margin-left: -1em;
  color: rgb(0, 204, 197);
}
.icon-why01 .path5:before {
  content: "\e917";
  margin-left: -1em;
  color: rgb(0, 204, 197);
}
.icon-why01 .path6:before {
  content: "\e918";
  margin-left: -1em;
  color: rgb(1, 126, 225);
}
.active .icon-why01 .path1:before {
  content: "\e919";
  color: rgb(255, 255, 255);
}
.active .icon-why01 .path2:before {
  content: "\e91a";
  margin-left: -1em;
  color: rgb(255, 255, 255);
  opacity: 0.5;
}
.active .icon-why01 .path3:before {
  content: "\e91b";
  margin-left: -1em;
  color: rgb(255, 255, 255);
  opacity: 0.5021;
}
.active .icon-why01 .path4:before {
  content: "\e91c";
  margin-left: -1em;
  color: rgb(255, 255, 255);
  opacity: 0.5021;
}
.active .icon-why01 .path5:before {
  content: "\e91d";
  margin-left: -1em;
  color: rgb(255, 255, 255);
  opacity: 0.5021;
}
.active .icon-why01 .path6:before {
  content: "\e91e";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-why02 .path1:before {
  content: "\e91f";
  color: rgb(1, 126, 225);
}
.icon-why02 .path2:before {
  content: "\e920";
  margin-left: -1em;
  color: rgb(0, 204, 197);
}
.icon-why02 .path3:before {
  content: "\e921";
  margin-left: -1em;
  color: rgb(0, 204, 197);
}
.active .icon-why02 .path1:before {
  content: "\e922";
  color: rgb(255, 255, 255);
}
.active .icon-why02 .path2:before {
  content: "\e923";
  margin-left: -1em;
  color: rgb(255, 255, 255);
  opacity: 0.5024;
}
.active .icon-why02 .path3:before {
  content: "\e924";
  margin-left: -1em;
  color: rgb(255, 255, 255);
  opacity: 0.5024;
}
.icon-why03 .path1:before {
  content: "\e925";
  color: rgb(1, 126, 225);
}
.icon-why03 .path2:before {
  content: "\e926";
  margin-left: -1em;
  color: rgb(0, 204, 197);
}
.active .icon-why03 .path1:before {
  content: "\e927";
  color: rgb(255, 255, 255);
}
.active .icon-why03 .path2:before {
  content: "\e928";
  margin-left: -1em;
  color: rgb(255, 255, 255);
  opacity: 0.5;
}
.icon-why04 .path1:before {
  content: "\e929";
  color: rgb(1, 126, 238);
}
.icon-why04 .path2:before {
  content: "\e92a";
  margin-left: -1em;
  color: rgb(1, 126, 238);
}
.icon-why04 .path3:before {
  content: "\e92b";
  margin-left: -1em;
  color: rgb(0, 204, 197);
}
.icon-why04 .path4:before {
  content: "\e92c";
  margin-left: -1em;
  color: rgb(0, 204, 197);
}
.icon-why04 .path5:before {
  content: "\e92d";
  margin-left: -1em;
  color: rgb(1, 126, 238);
}
.icon-why04 .path6:before {
  content: "\e92e";
  margin-left: -1em;
  color: rgb(1, 126, 238);
}
.icon-why04 .path7:before {
  content: "\e92f";
  margin-left: -1em;
  color: rgb(1, 126, 238);
}
.icon-why04 .path8:before {
  content: "\e930";
  margin-left: -1em;
  color: rgb(1, 126, 238);
}
.active .icon-why04 .path1:before {
  content: "\e931";
  color: rgb(255, 255, 255);
}
.active .icon-why04 .path2:before {
  content: "\e932";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.active .icon-why04 .path3:before {
  content: "\e933";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.active .icon-why04 .path4:before {
  content: "\e934";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.active .icon-why04 .path5:before {
  content: "\e935";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.active .icon-why04 .path6:before {
  content: "\e936";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.active .icon-why04 .path7:before {
  content: "\e937";
  margin-left: -1em;
  color: rgb(255, 255, 255);
  opacity: 0.5;
}
.active .icon-why04 .path8:before {
  content: "\e938";
  margin-left: -1em;
  color: rgb(255, 255, 255);
  opacity: 0.5;
}
.icon-banner-bgleft:before {
  content: "\e939";
  color: #fff;
}
.icon-banner-bgright:before {
  content: "\e93a";
  color: #f6f8fa;
}
.icon-close:before {
  content: "\e950";
  color: #fff;
}
.icon-drop-down:before {
  content: "\e951";
  color: #017ee1;
}
.icon-drop-up:before {
  content: "\e952";
  color: #017ee1;
}
.icon-fold:before {
  content: "\e953";
  color: #666;
}
.icon-fold-white:before {
  content: "\e954";
  color: #fff;
}
.icon-mine:before {
  content: "\e955";
  color: #fff;
}
.icon-more:before {
  content: "\e956";
  color: #fff;
}
.icon-open:before {
  content: "\e957";
  color: #666;
}
.icon-open-white:before {
  content: "\e958";
  color: #fff;
}
.icon-7X12:before {
  content: "\e948";
  color: #fff;
}
.icon-kf:before {
  content: "\e959";
  color: #fff;
}
.icon-qq-solid:before {
    content: "\e95a";
    color: #00CCC5;
  }
  .icon-qywx-color .path1:before {
    content: "\e95b";
    color: rgb(251, 101, 0);
  }
  .icon-qywx-color .path2:before {
    content: "\e95c";
    margin-left: -1.2001953125em;
    color: rgb(0, 130, 239);
  }
  .icon-qywx-color .path3:before {
    content: "\e95d";
    margin-left: -1.2001953125em;
    color: rgb(45, 188, 0);
  }
  .icon-qywx-color .path4:before {
    content: "\e95e";
    margin-left: -1.2001953125em;
    color: rgb(255, 204, 0);
  }
  .icon-qywx-color .path5:before {
    content: "\e95f";
    margin-left: -1.2001953125em;
    color: rgb(0, 121, 222);
  }
  .icon-qywx-white:before {
    content: "\e960";
    color: #fff;
  }


  .newNav {
    /* padding: 8px 6px; */
    background-color: #FFF;
  }
  .newNav li {
    padding-left: 40px;
    margin: 0;
    cursor: pointer;
  }
  .newNav li p {
    text-align: left;
    margin: 0;
  }


  .newNav li p:nth-child(1) {
    font-size: 18px;
    color: #000;
    font-weight: 800;
  }
  .newNav li p:nth-child(2) {
    font-size: 12px;
    color: #a7a7a7;
    
  } 

  .newNav li:nth-child(1) {
    background: url('img/32.png') 6px 10px no-repeat;
    background-size: 20px 20px;
  }

  .newNav li:nth-child(2) {
    background:  url('img/sqrx.png')  6px 10px no-repeat;
    background-size: 20px 20px;
  }

  .newNav li:nth-child(3) {
    background:  url('img/sqzx.png')  6px 10px no-repeat;
    background-size: 20px 20px;
  }

  .newNav li:nth-child(4) {
    background: url('img/shzx.png') 6px 10px no-repeat;
    background-size: 20px 20px;
  }

  .newNav li:hover {
    background-color: #F1F3FA;
  }