/*
 * @Autor:Jabo(�Ƽѱ�)
 * Time:2016/09/07
 * Desc:��������
 */

 .support_type_content .kzf-mod-center {
     position: relative;
     left: 50%;
     -webkit-transform: translateX(-25%);
     -moz-transform: translateX(-25%);
     -ms-transform: translateX(-25%);
     transform: translateX(-25%);
 }

 .kzf-mod-new-container {
     margin-bottom: 95px;
 }

 .kzf-mod-new-container .container {
     max-width: 900px;
 }

 .kzf-mod-new-container .kzf-mod-new-li {
     position: relative;
     overflow: hidden;
     padding: 10px 0;
     margin: 4px 0;
 }

 .kzf-mod-new-container .kzf-mod-new-li:after {
     content: "";
     position: absolute;
     top: 0;
     bottom: 0;
     left: 0;
     width: 0;
     background: #3DA6F7;
     z-index: -1;
     -webkit-transition: all .3s;
     -moz-transition: all .3s;
     -ms-transition: all .3s;
     transition: all .3s;
 }

 .kzf-mod-new-container .kzf-mod-new-li:hover:after {
     right: 0;
     width: 100%;
 }

 .kzf-mod-new-container .kzf-mod-new-li .kzf-mod-new-time-box {
     padding: 6px 0;
     border-right: 1px solid #eee;
     text-align: center;
     color: #ccc;
     -webkit-transition: all .3s;
     -moz-transition: all .3s;
     -ms-transition: all .3s;
     transition: all .3s;
 }

 .kzf-mod-new-container .kzf-mod-new-li:hover .kzf-mod-new-time-box {
     color: #fff;
 }

 .kzf-mod-new-container .kzf-mod-new-li .kzf-mod-new-box {
     padding: 12px 40px;
 }

 .kzf-mod-new-container .kzf-mod-new-li .kzf-mod-new-time-date {
     font-size: 36px;
 }

 .kzf-mod-new-container .kzf-mod-new-li .kzf-mod-new-time-year {
     font-size: 14px;
 }

 .kzf-mod-new-container .kzf-mod-new-li .kzf-mod-new-title {
     position: relative;
     font-size: 16px;
     color: #767676;
     line-height: 24px;
     padding-bottom: 12px;
     text-indent: 16px;
     overflow: hidden;
     white-space: nowrap;
     text-overflow: ellipsis;
     -webkit-transition: all .3s;
     -moz-transition: all .3s;
     -ms-transition: all .3s;
     transition: all .3s;
 }

 .kzf-mod-new-container .kzf-mod-new-li .kzf-mod-new-title:before {
     content: "";
     position: absolute;
     top: 6px;
     left: 0;
     border: 7px solid;
     border-color: transparent transparent transparent #afafaf;
     -webkit-transition: all .3s;
     -moz-transition: all .3s;
     -ms-transition: all .3s;
     transition: all .3s;
 }

 .kzf-mod-new-container .kzf-mod-new-li .kzf-mod-new-text {
     font-size: 14x;
     color: #b2b2b2;
     line-height: 24px;
     overflow: hidden;
     white-space: nowrap;
     text-overflow: ellipsis;
     -webkit-transition: all .3s;
     -moz-transition: all .3s;
     -ms-transition: all .3s;
     transition: all .3s;
 }

 .kzf-mod-new-container .kzf-mod-new-li:hover .kzf-mod-new-title {
     color: #fff;
 }

 .kzf-mod-new-container .kzf-mod-new-li:hover .kzf-mod-new-text {
     color: #fff;
 }

 .kzf-mod-new-container .kzf-mod-new-li:hover .kzf-mod-new-title:before {
     border-left-color: #fff;
 }

 .kzf-mod-new-btn-more {
     clear: both;
     margin: 0 auto;
     overflow: hidden;
     text-align: center;
     font-size: 12px;
     padding: 55px 0;
     max-width: 900px;
 }

 .kzf-mod-new-btn-more ul {
     margin: 0 auto;
     display: inline-block;
 }

 .kzf-mod-new-btn-more li {
     padding: 0 13px;
     line-height: 36px;
     display: inline-block;
     font-size: 14px;
     border: 1px solid #ddd;
     margin-left: -1px;
     float: left;
     background-color: #FFF;
     cursor: pointer;
 }

 .kzf-mod-new-btn-more li.thisclass,
 .kzf-mod-new-btn-more li.thisclass a,
 .kzf-mod-new-btn-more li.thisclass a:hover {
     color: #fff !important;
     background-color: #257dff;
 }



 @media only screen and (max-width: 1199px) {
     .kzf-mod-new-container {
         margin-bottom: 60px;
     }

     .kzf-mod-new-container .kzf-mod-new-btn-more {
         padding: 25px 0;
     }
 }

 @media only screen and (max-width: 960px) {
     .kzf-mod-new-container {
         margin-bottom: 40px;
     }

     .kzf-mod-new-container .kzf-mod-new-btn-more {
         padding: 15px 0;
     }

     .kzf-mod-new-container .kzf-mod-new-li .kzf-mod-new-time-box {
         padding: 6px 0;
     }

     .kzf-mod-new-container .kzf-mod-new-li .kzf-mod-new-time-date {
         font-size: 38px;
     }

     .kzf-mod-new-container .kzf-mod-new-li .kzf-mod-new-title {
         padding-bottom: 22px;
     }

     .kzf-mod-new-container .kzf-mod-new-li .kzf-mod-new-box {
         padding: 6px 20px;
     }

     .kzf-mod-new-container .kzf-mod-new-li {
         padding: 14px 0;
     }
 }

 @media only screen and (max-width: 767px) {
     .kzf-mod-new-container {
         margin-bottom: 25px;
     }

     .kzf-mod-new-container .kzf-mod-new-btn-more {
         padding: 15px 0;
     }

     .kzf-mod-new-container .kzf-mod-new-li .kzf-mod-new-time-box {
         padding: 3px 0;
     }

     .kzf-mod-new-container .kzf-mod-new-li .kzf-mod-new-time-date {
         font-size: 24px;
     }

     .kzf-mod-new-container .kzf-mod-new-li .kzf-mod-new-title {
         padding-bottom: 12px;
         line-height: 19px;
     }

     .kzf-mod-new-container .kzf-mod-new-li .kzf-mod-new-box {
         padding: 3px 10px;
     }

     .kzf-mod-new-container .kzf-mod-new-li {
         padding: 4px 0;
     }
 }

 @media only screen and (max-width: 479px) {
     .kzf-mod-new-container {
         margin-bottom: 25px;
     }

     .kzf-mod-new-container .kzf-mod-new-btn-more {
         padding: 10px 0;
     }

     .kzf-mod-new-container .kzf-mod-new-li .kzf-mod-new-time-date {
         font-size: 14px;
     }

     .kzf-mod-new-container .kzf-mod-new-li .kzf-mod-new-time-year {
         font-size: 12px;
     }

     .kzf-mod-new-container .kzf-mod-new-li .kzf-mod-new-title {
         padding-bottom: 2px;
     }

     .kzf-mod-new-container .kzf-mod-new-li .kzf-mod-new-box {
         padding: 0 10px;
     }

     .kzf-mod-new-container .kzf-mod-new-li .kzf-mod-new-title {
         font-size: 14px;
     }

     .kzf-mod-new-container .kzf-mod-new-li .kzf-mod-new-text {
         font-size: 12px;
     }

     .kzf-mod-new-container .kzf-mod-new-li {
         padding: 4px 0;
     }

     .support_type_content .kzf-mod-center {
         position: relative;
         left: 0;
         -webkit-transform: translateX(0%);
         -moz-transform: translateX(0%);
         -ms-transform: translateX(0%);
         transform: translateX(0%);
     }
 }

 /*
 * @Autor:Jabo(�Ƽѱ�)
 * Time:2016/09/12
 * Desc:�������
 */

 .kzf-mod-case-container {
     padding: 65px 0;
 }

 .kzf-mod-so-title-box {
     margin: 25px 0 56px;
     text-align: center;
 }

 .kzf-so-title {
     margin-bottom: 10px;
     font-size: 36px;
     color: #3c94f1;
 }

 .kzf-so-text {
     color: #818181;
 }

 .kzf-mod-case-container .kzf-mod-case-out .kzf-mod-case-box {
     margin-left: -30px;
     text-align: center;
 }

 .kzf-mod-case-container .kzf-mod-case-out .kzf-mod-case-box .kzf-mod-wrap {
     margin: 0 0 60px 30px;
     -webkit-transition: all .3s;
     -moz-transition: all .3s;
     -ms-transition: all .3s;
     transition: all .3s;
 }

 .kzf-mod-case-container .kzf-mod-case-out .kzf-mod-case-box .kzf-mod-wrap .kzf-mod-pic {
     -webkit-transition: all .3s;
     -moz-transition: all .3s;
     -ms-transition: all .3s;
     transition: all .3s;
 }

 .kzf-mod-case-container .kzf-mod-case-out .kzf-mod-case-box .kzf-mod-wrap:hover .kzf-mod-pic {
     -webkit-transform: translateY(-10px);
     -moz-transform: translateY(-10px);
     -ms-transform: translateY(-10px);
     transform: translateY(-10px);
 }

 .kzf-mod-case-container .kzf-mod-case-out .kzf-mod-case-box .kzf-mod-wrap .kzf-mod-title {
     color: #818181;
 }

 .kzf-mod-link-container {
     padding: 76px 6px 110px;
     background: url(../images/so-link-bg.png) no-repeat;
     background-size: cover;
 }

 .kzf-mod-link-container .kzf-mod-link-out .kzf-mod-link-inf-box {
     margin: 0 0 30px -26px;
     display: -webkit-flex;
     display: -moz-box;
     display: -ms-flexbox;
     display: flex;
     flex-wrap: wrap;
     overflow: hidden;
 }

 .kzf-mod-link-container .kzf-mod-link-out .kzf-mod-link-inf-box>div {
     display: -webkit-flex;
     display: -moz-box;
     display: -ms-flexbox;
     display: flex;
     flex-wrap: wrap;
 }

 .kzf-mod-link-container .kzf-mod-link-out .kzf-mod-link-inf-box>div a {
     display: -webkit-flex;
     display: -moz-box;
     display: -ms-flexbox;
     display: flex;
     flex-wrap: wrap;
     width: 100%;
 }

 .kzf-mod-link-container .kzf-mod-link-out .kzf-mod-link-inf-box .kzf-mod-wrap {
     padding: 20px 3px;
     margin: 0 0 3px 26px;
     width: 100%;
     text-align: center;
     background-color: rgba(180, 180, 180, .2);
 }

 .kzf-mod-link-container .kzf-mod-link-out .kzf-mod-link-inf-box .kzf-mod-wrap .kzf-mod-pic {
     margin-bottom: 20px;
 }

 .kzf-mod-link-container .kzf-mod-link-out .kzf-mod-link-inf-box .kzf-mod-wrap .kzf-mod-txt {
     color: #fff;
 }

 .kzf-mod-link-container .kzf-mod-link-out .kzf-mod-link-qq-box {
     margin-left: -15px;
     /*QQ����*/
     display: none;
 }

 .kzf-mod-link-container .kzf-mod-link-out .kzf-mod-link-qq-box .kzf-mod-wrap {
     margin-left: 15px;
     margin-bottom: 1px;
     padding: 12px 3px;
     text-align: center;
     color: #fff;
     background-color: rgba(180, 180, 180, .2);
 }

 .kzf-mod-link-container .kzf-mod-link-out .kzf-mod-link-qq-box .kzf-mod-wrap img {
     margin-right: 10px;
 }

 .kzf-mod-link-container .kzf-mod-link-out .kzf-mod-link-qq-box .kzf-mod-wrap span {
     vertical-align: middle;
     font-size: 16px;
 }

 @media screen and (max-width: 967px) {
     .kzf-so-title {
         font-size: 30px;
     }

     .kzf-mod-case-container {
         padding: 50px 0;
     }

     .kzf-mod-so-title-box {
         margin: 25px 0 45px;
     }

     .kzf-mod-case-container .kzf-mod-case-out .kzf-mod-case-box .kzf-mod-wrap {
         margin: 0 0 55px 30px;
     }

     .kzf-mod-link-container {
         padding: 50px 6px 82px;
     }

     .kzf-mod-link-container .kzf-mod-link-out .kzf-mod-link-inf-box {
         margin: 0 0 30px -16px;
     }

     .kzf-mod-link-container .kzf-mod-link-out .kzf-mod-link-inf-box .kzf-mod-wrap {
         margin: 0 0 3px 16px;
     }

     .kzf-mod-link-container .kzf-mod-link-out .kzf-mod-link-qq-box .kzf-mod-wrap span {
         font-size: 14px;
     }
 }

 @media screen and (max-width: 767px) {
     .kzf-mod-case-container {
         padding: 40px 0;
     }

     .kzf-mod-so-title-box {
         margin: 25px 0 30px;
     }

     .kzf-so-title {
         margin-bottom: 3px;
         font-size: 26px;
     }

     .kzf-mod-link-container .kzf-mod-link-out .kzf-mod-link-inf-box .kzf-mod-wrap {
         margin: 0 0 1px 5px;
     }

     .kzf-mod-link-container .kzf-mod-link-out .kzf-mod-link-inf-box {
         margin: 0 0 10px -5px;
     }

     .kzf-mod-link-container .kzf-mod-link-out .kzf-mod-link-qq-box {
         margin-left: -5px;
     }

     .kzf-mod-link-container .kzf-mod-link-out .kzf-mod-link-qq-box .kzf-mod-wrap {
         margin-left: 5px;
     }
 }

 @media screen and (max-width: 479px) {
     .kzf-mod-case-container {
         padding: 15px 0;
     }

     .kzf-mod-so-title-box {
         margin: 15px 0 30px;
     }

     .kzf-mod-case-container .kzf-mod-case-out .kzf-mod-case-box .kzf-mod-wrap {
         margin: 0 0 30px 30px;
     }

     .kzf-mod-link-container .kzf-mod-link-out .kzf-mod-link-inf-box {
         margin: 0 0 5px -5px;
     }

     .kzf-mod-link-container .kzf-mod-link-out .kzf-mod-link-inf-box .kzf-mod-wrap .kzf-mod-pic {
         margin-bottom: 10px;
     }

     .kzf-mod-link-container {
         padding: 15px 6px 35px;
     }

     .kzf-mod-link-container .kzf-mod-link-out .kzf-mod-link-inf-box .kzf-mod-wrap {
         padding: 10px 3px;
     }

     .kzf-mod-link-container .kzf-mod-link-out .kzf-mod-link-inf-box .kzf-mod-wrap .kzf-mod-txt {
         font-size: 12px;
     }

     .kzf-mod-link-container .kzf-mod-link-out .kzf-mod-link-qq-box {
         margin-left: -3px;
     }

     .kzf-mod-link-container .kzf-mod-link-out .kzf-mod-link-qq-box .kzf-mod-wrap {
         margin-left: 3px;
         margin-bottom: 1px;
         padding: 6px 2px;
     }

     .kzf-mod-link-container .kzf-mod-link-out .kzf-mod-link-qq-box .kzf-mod-wrap img {
         margin-right: 3px;
     }

     .kzf-mod-link-container .kzf-mod-link-out .kzf-mod-link-qq-box .kzf-mod-wrap span {
         font-size: 12px;
     }
 }

 /*
 * @Autor:����Ⱥ
 * Time:2016/09/12
 * Desc:��Ʒ�ͷ���
 */

 .kzf-mod-product {
     padding: 90px 0;
     text-align: center;
 }

 .kzf-mod-product-title {
     font-size: 36px;
     color: #000;
 }

 .kzf-mod-product-brief {
     color: #818181;
     margin: 20px 0 55px 0;
 }

 .kzf-mod-product-list-title {
     color: #333;
     font-size: 18px;
     margin: 25px 0 10px 0;
 }

 .kzf-mod-product-list p {
     line-height: 2;
     color: #818181;
     transition: 0.3s all;
     -webkit-transition: 0.3s all;
 }

 .kzf-mod-product-list img {
     transition: 0.3s all;
     -webkit-transition: 0.3s all;
     position: relative;
     top: 0;
 }

 .kzf-mod-product-list:hover img {
     top: 5px;
 }

 .kzf-mod-product-list:hover p {
     color: #444;
 }

 @media only screen and (max-width: 967px) {
     .kzf-mod-product {
         padding: 60px 0;
     }

     .kzf-mod-product-title {
         font-size: 30px;
     }

     .kzf-mod-product-brief {
         margin: 20px 0 40px 0;
     }

     .kzf-mod-product-list-title {
         font-size: 16px;
         margin: 20px 0 10px 0;
     }

     .kzf-mod-product-list p {
         line-height: 1.8;
     }
 }

 @media only screen and (max-width: 767px) {
     .kzf-mod-product {
         padding: 40px 0 0 0;
     }

     .kzf-mod-product-title {
         font-size: 26px;
     }

     .kzf-mod-product-brief {
         margin: 15px 0 25px 0;
     }

     .kzf-mod-product-list {
         margin-bottom: 40px;
     }

     .kzf-mod-product-list-title {
         font-size: 16px;
         margin: 20px 0 10px 0;
     }

     .kzf-mod-product-list p {
         line-height: 1.8;
     }
 }

 .kzf-mod-custom {
     padding: 90px 0;
     text-align: center;
     background: #11121C;
 }

 .kzf-mod-custom-title {
     font-size: 36px;
     color: #fff;
 }

 .kzf-mod-custom-brief {
     color: #818181;
     margin: 20px 0 55px 0;
 }

 .kzf-mod-custom-content {
     overflow: hidden;
 }

 .kzf-mod-custom-list {
     width: 14.2%;
     float: left;
 }

 .kzf-mod-custom-list img {
     transition: 0.3s all;
     -webkit-transition: 0.3s all;
     position: relative;
     top: 0;
 }

 .kzf-mod-custom-list-title {
     color: #fff;
     font-size: 18px;
     margin: 25px 0 10px 0;
 }

 .kzf-mod-custom-list p {
     line-height: 2;
     color: #818181;
     padding: 0 15px;
     transition: 0.3s all;
     -webkit-transition: 0.3s all;
 }

 .kzf-mod-custom-list:hover img {
     top: 5px;
 }

 .kzf-mod-custom-list:hover p {
     color: #FAFAFA;
 }

 @media only screen and (max-width: 967px) {
     .kzf-mod-custom {
         padding: 60px 0 20px 0;
     }

     .kzf-mod-custom-title {
         font-size: 30px;
     }

     .kzf-mod-custom-brief {
         margin: 20px 0 40px 0;
     }

     .kzf-mod-custom-list {
         width: 25%;
         margin-bottom: 40px;
     }

     .kzf-mod-custom-list-title {
         font-size: 16px;
         margin: 20px 0 10px 0;
     }

     .kzf-mod-custom-list p {
         line-height: 1.8;
     }
 }

 @media only screen and (max-width: 767px) {
     .kzf-mod-custom {
         padding: 40px 0 0 0;
     }

     .kzf-mod-custom-title {
         font-size: 26px;
     }

     .kzf-mod-custom-brief {
         margin: 15px 0 25px 0;
     }

     .kzf-mod-custom-list {
         margin-bottom: 40px;
     }

     .kzf-mod-custom-list-title {
         font-size: 16px;
         margin: 20px 0 10px 0;
     }

     .kzf-mod-custom-list p {
         line-height: 1.8;
     }
 }

 @media only screen and (max-width: 479px) {
     .kzf-mod-custom-list {
         width: 33.333%;
     }

     .kzf-mod-custom-list img {
         width: 100px;
     }

     .kzf-mod-custom-list p {
         padding: 0 10px;
         font-size: 12px;
     }

     .kzf-mod-custom-list-last {
         float: none;
         animation-delay: inherit;
         visibility: visible;
         animation-name: inherit;
         -webkit-animation-fill-mode: inherit;
         animation-fill-mode: initial;
         margin-left: 50%;
         -webkit-transform: translateX(-50%);
         -moz-transform: translateX(-50%);
         -ms-transform: translateX(-50%);
         transform: translateX(-50%);
     }
 }