/* -- start -- */
      .blockx3 {
        padding-top: 30px;
        padding-bottom: 30px;
      }

      /* left */
      .blockx3 .left {
        padding: 0px;
      }

      .blockx3 .left .content {
        background-color: #FFF;
        height: 523px;
      }

      .blockx3 .left .content .title {
        position: relative;
        background-color: #A40000;
        border-bottom: 1px solid #d46758;
        padding: 8px 0px 8px 13px;
        color: #fff;
        font-size: 20px;
        font-weight: 300;
      }

      .blockx3 .left .content .title .glyphicon {
        color: #ffc200;
        padding-right: 8px;
        padding-top: 5px;
        font-size: 20px;
      }

      .blockx3 .left .content .title .more {
        position: absolute;
        right: 23px;
        top: 8px;
      }

      .blockx3 .left .content .title .more img {
        border: 0px;
      }

      .blockx3 .left .content .items {}

      .blockx3 .left .content .items .item {
        background: url(/qkzx/new-style/images/dotn.png) no-repeat 10px 17px;
      }

      .blockx3 .left .content .items .item a {
        color: #333;
        /*#FFF;*/
        border-bottom: 1px dashed #d0d0d0;
      }

      .blockx3 .left .content .items .item a:hover {
        color: #c30;
      }

      .blockx3 .left .content .items .special {
        background: url(/qkzx/new-style/images/dots.png) no-repeat 10px 17px;
      }

      .blockx3 .left .content .items .special a {
        color: #c30;
        /*#ffe400;*/
        font-weight: 600;
      }

      .blockx3 .left .content .items .special a:hover {
        color: #333;
      }

      .blockx3 .left .content .items .last a {
        border-bottom: 0px;
      }

      /* middle */
      .blockx3 .mid {
        padding: 0px;
        padding-left: 23px;
      }

      .blockx3 .mid .content {
        background: #fff;
        height: 523px;
        padding-top: 19px;
        text-align: center;
      }

      .blockx3 .mid .content .divDots .spDot {
        cursor: pointer;
      }

      /* right */
      .blockx3 .right {
        padding: 0px;
        padding-left: 23px;
      }

      .blockx3 .right .content {
        background: #fff;
        height: 523px;
      }

      .blockx3 .right .content .title {
        position: relative;
        background-color: #f7f7f7;
        border-bottom: 1px solid #e1e1e1;
        padding: 8px 0px 8px 13px;
        color: #A40000;
        font-size: 20px;
        font-weight: 400;
      }

      .blockx3 .right .content .title .glyphicon {
        color: #A40000;
        padding-right: 8px;
        padding-top: 5px;
        font-size: 20px;
      }

      .blockx3 .right .content .title .more {
        position: absolute;
        right: 23px;
        top: 8px;
      }

      .blockx3 .right .content .title .more img {
        border: 0px;
      }

      /* full slider */
      .fullSlideWrapper {
        /*background-color: #1e263a;*/
      }

      .slider {
        margin-top: 3px;
        margin-bottom: 33px;
      }

      /* panelx4 */
      .panelx4 {
        background-color: #f7f7f7;
        /*background-image:url("/mv_skin/all/bg.gif");*/
        padding: 0px 0px;
      }

      .panelx4 .item {
        /*box-shadow:rgba(0,0,0,.23) 2px 3px;*/
        padding: 23px;
        color: #333;
        cursor: pointer;
      }

      .panelx4 .item .text {
        color: #666;
        font-size: 13px;
      }

      .panelx4 .item .text a {
        color: #333;
        font-size: 18px;
        font-weight: 600;
        letter-spacing: 1px;
      }

      .panelx4 .item .text a:hover {
        color: #A40000;
        text-decoration: none;
      }

      .panelx4 .item .text .desc {
        padding-top: 6px;
      }

      .panelx4 .item .text .desc2 {
        padding-top: 6px;
      }

      .panelx4 .item .pic {
        padding: 10px;
      }

      /* items --> item */
      .items {}

      .items .item {
        padding-left: 23px;
        padding-right: 10px;
        background: url(/qkzx/new-style/images/dotn.png) no-repeat 10px 17px;
      }

      .items .item a {
        display: block;
        color: #333;
        font-size: 14px;
        padding: 12px 3px 13px 3px;
        border-bottom: 1px dashed #e3e3e3;
        width: auto;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
      }

      .items .item a:hover {
        color: #A40000;
      }

      .items .special {
        background: url(/qkzx/new-style/images/dots.png) no-repeat 10px 17px;
      }

      .items .special a {
        font-weight: 600;
        color: #A40000;
      }

      .items .last {
        padding-bottom: 13px;
      }

      .items .last a {
        border-bottom: 0px;
      }

      /* journal cluster std */
      .jcluster {
        margin-top: 4px;
        background: #fff;
        padding-bottom: 30px;
      }

      .jcluster .journals {
        padding-top: 4px;
      }

      .jcluster .journals .title {
        color: #811c21;
        font-size: 24px;
        font-weight: 600;
        letter-spacing: 3px;
        text-align: center;
        padding: 19px 0px 23px 0px;
        margin-bottom: 23px;
        border-bottom: 1px solid #e4e4e4;
      }

      .jcluster .journals .item {
        padding: 10px 0px;
      }

      .jcluster .journals .item1,
      .jcluster .journals .item2,
      .jcluster .journals .item3 {
        padding-right: 15px;
      }

      .jcluster .journals .item .content {
        border: 1px solid #f2f2f2;
        padding: 23px;
        text-align: center;
      }

      .jcluster .journals .item .content .line {
        border-bottom: 1px solid #f2f2f2;
        margin: 15px 0px 10px 0px;
      }

      .jcluster .journals .item .content .text {
        text-align: center;
        padding-bottom: 6px;
      }

      .jcluster .journals .item .content .text a {
        font-size: 18px;
        color: #333;
      }

      .jcluster .journals .item .content .text a:hover {
        color: #A40000;;
      }

      .jcluster .journals .item .content .desc {
        font-size: 13px;
        color: #666;
        text-align: left;
        letter-spacing: 1px;
      }

      .jcluster .journals .item .content .pic img {
        width: 80%;
      }

      .jcluster .journals .item .content2 {
        border-bottom: 1px solid #f2f2f2;
        overflow: hidden;
        padding: 0px 10px 15px 10px;
        margin-bottom: 15px;
      }

      .jcluster .journals .item4 .last {
        border-bottom: 0px;
        padding-bottom: 0px;
      }

      .jcluster .journals .item .content2 .left {
        height: 64px;
        text-align: center;
      }

      .jcluster .journals .item .content2 .right {
        height: 64px;
        line-height: 64px;
        text-align: left;
      }

      .jcluster .journals .item .content2 .right a {
        font-size: 16px;
        color: #294492;
        font-weight: 600;
      }

      .jcluster .journals .item .content2 .right a:hover {
        color: #1d7dff;
      }

      .jcluster .articles {
        border-top: 1px solid #f2f2f2;
        margin-top: 20px;
        padding-top: 30px;
      }

      .jcluster .articles .item {
        padding: 0px;
      }

      .jcluster .articles .item2 {
        border-left: 1px solid #f2f2f2;
        border-right: 1px solid #f2f2f2;
      }

      .jcluster .articles .item .content {
        padding: 15px;
      }

      .jcluster .articles .item .content .title {
        font-size: 16px;
        font-weight: 600;
        padding-bottom: 6px;
        margin-bottom: 15px;
        text-align: center;
        border-bottom: 1px solid #f2f2f2;
      }

      .jcluster .articles .item1 .content .title {
        color: #af874c;
      }

      .jcluster .articles .item2 .content .title {
        color: #596f14;
      }

      .jcluster .articles .item3 .content .title {
        color: #cf9119;
      }

      .list .art .picandtext .text .title {
        text-align: left;
        border-bottom-width: 0px;
        margin-bottom: 5px;
        background: url(/qkzx/new-style/css/..images/dotn.png) no-repeat 3px 12px;
        padding-left: 18px;
      }

      .list .art .picandtext .text .title a {
        font-size: 16px;
        font-weight: 400;
        width: 100%;
        /* color: #4b1f5c; */
      }

      .list .art .picandtext .text .title a:hover {
        text-decoration: none;
      }

      .list .art .picandtext .text .authors a {
        color: #333;
      }

      .list .art .yvnp a {
        color: #666;
      }

      .list .art .picandtext .text .abs a {
        color: #999;
      }

      /*
    .list1 .art .picandtext .text .title a { color:#af874c; }
    .list2 .art .picandtext .text .title a { color:#596f14; }
    .list3 .art .picandtext .text .title a { color:#cf9119; }
    */
      .list .art {
        border-bottom: 1px dashed #ddd;
      }

      .list .art .picandtext .text .abs {
        padding: 6px 0px;
      }

      .list .art .picandtext .textwithpic {
        width: 70%;
      }

      /* hover effect */
      .jcluster .item .content {
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        /*Webkit: Scale down image to 0.8x original size*/
        -moz-transform: scale(1);
        /*Mozilla scale version*/
        -o-transform: scale(1);
        /*Opera scale version*/
        -webkit-transition-duration: 0.5s;
        /*Webkit: Animation duration*/
        -moz-transition-duration: 0.5s;
        /*Mozilla duration version*/
        -o-transition-duration: 0.5s;
        /*Opera duration version*/
      }

      .jcluster .item .content:hover {
        -ms-transform: scale(1.0);
        -webkit-transform: scale(1.0);
        /*Webkit: Scale up image to 1.2x original size*/
        -moz-transform: scale(1.0);
        /*Mozilla scale version*/
        -o-transform: scale(1.0);
        /*Opera scale version*/
        box-shadow: 0px 0px 10px #333;
        /*CSS3 shadow: 6px blurred shadow all around image*/
        -webkit-box-shadow: 0px 0px 10px #333;
        /*Safari shadow version*/
        -moz-box-shadow: 0px 0px 10px #333;
        /*Mozilla shadow version*/
      }

      .blockx3 .mid .content {
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        /*Webkit: Scale down image to 0.8x original size*/
        -moz-transform: scale(1);
        /*Mozilla scale version*/
        -o-transform: scale(1);
        /*Opera scale version*/
        -webkit-transition-duration: 0.5s;
        /*Webkit: Animation duration*/
        -moz-transition-duration: 0.5s;
        /*Mozilla duration version*/
        -o-transition-duration: 0.5s;
        /*Opera duration version*/
      }

      .blockx3 .mid .content:hover {
        -ms-transform: scale(1.01);
        -webkit-transform: scale(1.01);
        /*Webkit: Scale up image to 1.2x original size*/
        -moz-transform: scale(1.01);
        /*Mozilla scale version*/
        -o-transform: scale(1.0);
        /*Opera scale version*/
        box-shadow: 1px 1px 13px rgba(255, 255, 255, 1);
        /*CSS3 shadow: 6px blurred shadow all around image*/
        -webkit-box-shadow: 1px 1px 13px rgba(255, 255, 255, 1);
        /*Safari shadow version*/
        -moz-box-shadow: 1px 1px 33px rgba(255, 255, 255, 1);
        /*Mozilla shadow version*/
      }

      /* journal cluster end */

      /* news std */
      .mb {
        margin-top: 4px;
        padding: 30px 0px;
        background-color: #fff;
      }

      .lpanel {
        float: left;
      }

      .rpanel {
        float: left;
      }

      .rpanel .smartMargin {
        margin-left: 23px;
      }


      .news .lpanel {
        padding: 2px;
      }

      .news .rpanel {
        padding: 0px;
      }

      .news .section {}

      .news .section .title {
        position: relative;
        background-color: #f7f7f7;
        border: 1px solid #f2f2f2;
        padding: 8px 0px 8px 13px;
        color: #A40000;
        font-size: 20px;
        font-weight: 400;
      }

      .news .section .title .glyphicon {
        color: #A40000;
        padding-right: 8px;
        padding-top: 5px;
        font-size: 20px;
      }

      .news .section .title .more {
        position: absolute;
        right: 23px;
        top: 8px;
      }

      .news .section .title .more img {
        border: 0px;
      }

      .news .section .content {
        background-color: #fff;
        border: 1px solid #f2f2f2;
        border-top: 0px;
      }

      .news .content .itemj {
        text-align: center;
      }

      .news .jpanel {
        height: 364px;
        padding-top: 33px;
      }

      .news .jpanel .jpic img {
        padding: 10px;
        border: 1px solid #dbdbdb;
      }

      .news .jpanel .jpic h2 {
        font-size: 16px;
        color: #606060;
        padding: 13px 3px;
      }

      .news .jpanel .jpic h2 a {
        font-size: 16px;
        color: #606060;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
      }

      .news .jpanel .jpic h2 a:hover {
        font-size: 16px;
        color: #ff6600;
      }

        .mufocus { background-color:#d34545; }
        /* ----------------------------------- Animation Effects STD -----------------------------------*/
        .uhoverme { -ms-transform: scale(1); -webkit-transform: scale(1); /*Webkit: Scale down image to 0.8x original size*/ -moz-transform: scale(1); /*Mozilla scale version*/ -o-transform: scale(1); /*Opera scale version*/ -webkit-transition-duration: 0.5s; /*Webkit: Animation duration*/ -moz-transition-duration: 0.5s; /*Mozilla duration version*/ -o-transition-duration: 0.5s; /*Opera duration version*/ }
        .uhoverme:hover { -ms-transform: scale(1.0); -webkit-transform: scale(1.0); /*Webkit: Scale up image to 1.2x original size*/ -moz-transform: scale(1.0); /*Mozilla scale version*/ -o-transform: scale(1.0); /*Opera scale version*/ box-shadow: 0px 0px 10px #333; /*CSS3 shadow: 6px blurred shadow all around image*/ -webkit-box-shadow: 0px 0px 10px #333; /*Safari shadow version*/ -moz-box-shadow: 0px 0px 10px #333; /*Mozilla shadow version*/ }
        .uhoverme2 { -ms-transform: scale(1); -webkit-transform: scale(1); /*Webkit: Scale down image to 0.8x original size*/ -moz-transform: scale(1); /*Mozilla scale version*/ -o-transform: scale(1); /*Opera scale version*/ -webkit-transition-duration: 0.5s; /*Webkit: Animation duration*/ -moz-transition-duration: 0.5s; /*Mozilla duration version*/ -o-transition-duration: 0.5s; /*Opera duration version*/ }
        .uhoverme2:hover { -ms-transform: scale(1.01); -webkit-transform: scale(1.01); /*Webkit: Scale up image to 1.2x original size*/ -moz-transform: scale(1.01); /*Mozilla scale version*/ -o-transform: scale(1.0); /*Opera scale version*/ box-shadow: 1px 1px 13px rgba(255,255,255,1); /*CSS3 shadow: 6px blurred shadow all around image*/ -webkit-box-shadow: 1px 1px 13px rgba(255,255,255,1); /*Safari shadow version*/ -moz-box-shadow: 1px 1px 33px rgba(255,255,255,1); /*Mozilla shadow version*/ }
        /* ----------------------------------- Animation Effects END -----------------------------------*/
        .navbar-nav>li>a { font-size:16px; padding-left:30px;padding-right:30px;  }

      /* news end */

      /* media std */
      @media screen and (min-width:992px) and (max-width:1199px) {
        .blockx3 .mid .content .divSliders .divSlider a img {
          width: 256px;
        }
      }

      @media screen and (min-width:992px) {
        .jcluster .journals .item .content {
          height: 417px;
        }
      }

      @media screen and (max-width:991px) {
        .min992 {
          display: none;
        }

        .jcluster .journals .item .content .pic img {
          width: 50%;
        }
      }

      @media screen and (min-width:768px) and (max-width:991px) {
        .mb {
          padding-top: 13px;
          padding-bottom: 13px;
        }

        .rpanel .smartMargin {
          margin-left: 0px;
        }

        .blockx3 {
          padding-top: 10px;
          padding-bottom: 10px;
          background: #1e263a;
        }

        .blockx3 .mid {
          padding: 0px;
          padding-left: 10px;
        }

        .blockx3 .right {
          padding: 0px;
          padding-top: 10px;
        }

        .jcluster .journals .item1,
        .jcluster .item3 {
          padding-right: 15px;
        }

        .jcluster .journals .item2 {
          padding-right: 0px;
        }

        .jcluster .journals .item2 .content {
          margin-left: 15px;
        }

        .jcluster .journals .item4 .content {
          margin-left: 15px;
          height: 510px;
        }

        .jcluster .journals .item .content .pic img {
          width: 50%;
        }
      }

      @media screen and (max-width:767px) {
        .slider {
          margin-top: 1px;
          margin-bottom: 33px;
        }

        .panelx4 {
          padding-top: 0px;
          padding-bottom: 0px;
        }

        .mb {
          padding-top: 1px;
          padding-bottom: 1px;
        }

        .news2 {
          margin-top: 1px;
        }

        .news .jpanel {
          padding: 23px;
          height: auto;
          overflow: hidden;
        }

        .rpanel .smartMargin {
          margin-left: 0px;
        }

        .blockx3 {
          padding-top: 2px;
          padding-bottom: 1px;
          background: #1e263a;
        }

        .blockx3 .mid {
          padding: 0px;
          padding-top: 2px;
        }

        .blockx3 .right {
          padding: 0px;
          padding-top: 2px;
        }

        .jcluster .journals .item1,
        .jcluster .journals .item2,
        .jcluster .journals .item3 {
          padding-right: 0px;
        }

        .jcluster .journals .item .content {
          border: 0px;
        }

        .jcluster .journals .item .content .desc {
          text-align: center;
        }

        .jcluster .journals .item .content .pic img {
          width: 30%;
        }
      }

      @media screen and (max-width:499px) {
        .slider {
          margin-top: 1px;
          margin-bottom: 1px;
        }

        .news .jpanel {
          padding: 13px;
          height: auto;
          overflow: hidden;
        }

        .news .jpanel .jpic {
          padding: 5px;
        }

        .news .jpanel .jpic img {
          padding: 3px;
        }

        .news .jpanel .jpic h2 a {
          font-size: 14px;
        }

        .focus-pagination {
          display: none;
        }

        .jcluster .journals .item .content .pic img {
          width: 50%;
        }
      }

          .mainbody .mpanel {
      background-color: #fff;
      margin-top: 1px;
    }

    .mainbody .mpanel .left {
      width: 100%;
    }

    .rpanel {
      /* width: 20%; */
    }

    .rpanel .blocks {
      background-color: #fff;
      text-align: center;
      padding: 35px 5px 0px 20px;
    }

    .rpanel .blocks .item {
      padding-top: 20px;
      padding-bottom: 20px;
      background-color: #3350a6;
      margin-bottom: 20px;
      text-align: center;
    }

    .rpanel .blocks .item:last-child {
      /*padding-bottom: 0px;*/
    }

    .rpanel .blocks .item img {
      width: 50%;
    }

    .rpanel .blocks .item a.txt {
      display: inline-block;
      padding-top: 10px;
      color: #fff;
      font-size: 16px;
    }

    .rpanel .blocks .item a.txt:hover {
      color: #97b2ff;
    }

    .rpanel .news,
    .rpanel .covers {
      padding: 20px 5px 0px 20px;
    }

    .rpanel .covers .item {
      padding: 10px;
      border: 1px solid #ddd;
      margin-bottom: 20px;
      text-align: center;
    }

    .rpanel .covers .item img {
      width: 100%;
    }

    .rpanel .covers .item a.txt {
      display: inline-block;
      padding-top: 10px;
      color: #3350a6;
    }

    .rpanel .covers .item a.txt:hover {
      color: #007bed;
    }

    .rpanel .covers .item span a {
      display: inline-block;
      padding: 6px 0px;
      width: 100%;
      text-align: center;
      text-overflow: ellipsis;
    }


    @media screen and (max-width:767px) {
      .mainbody .mpanel .left {
        width: 100%;
        border-right: 0px;
        min-height: 333px;
      }

     
    }

    .mufocus {
      background-color: #d34545;
    }

    .mobilenav .items {
      text-align: center;
    }

    .mobilenav .items .item1 {
      width: 25%;
      float: left;
      border-bottom: 0px;
      padding: 6px 6px 3px 6px;
      text-align: center;
      line-height: 23px;
    }

    .mobilenav .items .item1 a {
      color: #fff;
      font-size: 14px;
    }

    /*
 * **********************************************************************************
 *
 * File Name:com.cs.columns.css
 * Version    : 1.0.0
 * Copyright:Can Speed Co., Ltd. 2015 - 2020. All rights reserved.
 * License:MIT/GPL.
 * Time:2016-01-12 16:12:27
 * Contact:expert@canspeed.net
 * Desc:for 2 columns(left/right) master page
 *
 * **********************************************************************************
*/
/* --------- user form std -------------*/