@charset "utf-8";
 .swiper {
     width: 100%;
     height: 100%;
     position: relative;
 }

 .swiper-slide {

     text-align: center;
     font-size: 18px;
     background: #fff;
     display: flex;
     justify-content: center;
     align-items: center;
 }
 .swiper-slide p{ position: absolute; float: left; width:100%; bottom: 0; background: rgba(0, 0, 0, 0.7);white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding: 0 10px; font-size: 14px; color: #fff;}
 .swiper-slide img {
     display: block;
     max-width: 100%;
 }

 .swiper-slide2 img {
     max-width: 100%;
 }


 .swiper {
     width: 100%;
     margin-left: auto;
     margin-right: auto;
 }

 .swiper-slide {
     background-size: cover;
     background-position: center;
 }

 .mySwiper2 {
     margin: 5px;
     width: calc(100% - 10px);
     box-shadow: 0 0 5px 0 #dfdfdf;
 }

 .mySwiper2 .swiper-button-next,
 .mySwiper2 .swiper-button-prev {
     width: 40px;
     height: 70px;
     background: rgba(0, 0, 0, 0.4);
     border-radius: 5px;
 }

 .mySwiper2 .swiper-button-next::after,
 .mySwiper2 .swiper-button-prev::after {
     color: #fff;
     font-size: 26px;
 }

 .swiper-wrapper {
     align-items: center;
 }

 .mySwiper {
     height: 20%;
     box-sizing: border-box;
     padding: 10px;
     background: #f1f1f1;
     border-left: 3px solid #fff;
     border-right: 3px solid #fff;
 }

 .mySwiper .swiper-slide {
     width: calc(25% - 11px) !important;
     height: 100%;
     opacity: 0.4;
     margin-right: 14px;

 }

 .mySwiper .swiper-slide-thumb-active {
     opacity: 1;
 }


 ul.tel {
     display: flex;
     flex-flow: row wrap;
     margin-top: 30px;
 }

 ul.tel li {
     width: 100%;
     display: flex;
     flex-flow: row nowrap;
 }

 ul.tel li span.fa {
     width: 40px;
     height: 40px;
     text-align: center;
     line-height: 40px;
     color: #fff;
     background: #1e46a0;
     font-size: 20px;
     margin-right: 10px;
     border-radius: 10px;
 }


 ul.tel li span.num {
     line-height: 30px;
     font-size: 13px;
     color: #666;
     line-height: 18px;
 }

 ul.tel li span.num b {
     font-size: 18px;
     display: block;
     padding-top: 4px;
 }

 .btn_box {
     width: 100%;
     display: flex;
     flex-flow: row wrap;
     justify-content:flex-start; 
     margin-top: 30px;
 }

 .btn_box .btn_item {

     height: 50px;
     line-height: 50px;
     background: #1e46a0;
     color: #fff;
     display: flex;
     flex-flow: row nowrap;
     justify-content: center;
     font-size: 16px;
     border-radius: 60px;
     align-items: center;
     align-content: center;
     padding: 0 15px; 
     margin:5px;

 }

 .btn_box .btn_item.lxwm {
     background: #1e46a0;
     /*        margin-left:20px;*/
 }

 .btn_box img {
     width: 30px !important;
     height: 30px !important;
     margin-right: 5px;
 }

 .xiazai {
     width: 100%;
     background: #f1f1f1;
     margin-top: 20px;
     font-size: 17px;
     line-height: 200%;
 }

 .xiazai ul {
     padding: 30px; text-align: justify;
 }

 .xiazai ul li {
     padding: 0;
 }

 .xiazai ul li a {
     display: flex;
     flex-flow: row nowrap;
     padding: 8px 0;
     border-bottom: 1px solid #dfdfdf;
 }

 .xiazai ul li .txt {
     width: calc(100% - 55px);
     display: flex;
     flex-flow: row wrap;
     justify-content: space-between;
     align-items: center;
     align-content: center;
 }

 .xiazai ul li .txt>span {
     display: block;
     width: calc(100% - 140px);
     line-height: 120%;
 }

 .xiazai ul li a img.wj {
     width: 35px;
     height: 40px;
     margin-right: 10px;
 }

 .xzicon {
     max-width: 120px;
     height: 25px;
     line-height: 25px;
     padding: 0px 10px;
     background: #1e46a0;
     color: #fff;
     font-size: 13px;
     display: flex;
     flex-flow: row nowrap;
     align-items: center;
     align-content: center;
     justify-content: center;
     border-radius: 5px;
 }

 .xzicon .download {
     height: 13px !important;
     width: auto !important;
     margin-left: 15px;
 }

 .xiazai ul li:hover .xzicon {
     background: #D36700;
 }

 .prodetail_tit {
     width: 100%;
     height: 52px;
     border-bottom: 2px solid #dfdfdf;
     font-size: 22px;
     color: #333;
     margin: 30px 0;
 }

 .prodetail_tit b {
     display: inline-block;
     padding: 5px 20px;
     background: #1e46a0;
     color: #fff;
 }

 .prodetailtxt2 {

     /* display: flex;
        flex-flow: row wrap;
        justify-content: space-between;
        background: #f6f6f6;*/
     margin-top: 10px;
     font-size: 16px;
 }

.prodetailtxt2 p{margin-bottom:20px}
 .videodetailtxt2 {
     padding: 20px;
     display: flex;
     flex-flow: row wrap;
     justify-content: space-between;
     background: #f6f6f6;
     margin-top: 10px;
     font-size: 16px;
 }

 .videodetailtxt2 .videobox1 {
     width: 49%;
 }

 .videodetailtxt2 .videobox1 video {
     width: 100%;
     height: 350px;
     outline: none;
 }

 .videodetailtxt2 .videobox1 p {
     padding-bottom: 5px;
     margin-bottom: 12px;
     border-bottom: 1px solid #dfdfdf;
     display: flex;
     flex-flow: row wrap;
     align-items: center;
     font-size: 18px;
 }

 .videodetailtxt2 .videobox1 p img {
     padding-right: 10px;
 }

 .sycdul {
     display: flex;
     flex-flow: row wrap;
     justify-content: flex-start;
     margin-top: 15px;
 }

 .sycdul li {
     width: 18.5%;
     margin-left: 1.87%;
 }

 .sycdul li:nth-child(1) {
     margin-left: 0;
 }

 .sycdul li .img {
     overflow: hidden;
 }

 .sycdul li .img img {
     width: 100%;
     display: block;
     transition: .5s ease-in;
 }

 .sycdul li:hover img {
     transform: scale(1.1, 1.1);
 }

 .sycdul li p {
     width: 100%;
     padding: 8px 10px;
     background: #f1f1f1;
     text-align: center;
     line-height: 16px;
 }

 .sycdul li:hover p {
     background: #1e46a0;
     color: #fff;

 }

 .prodetailtxt2 .BT {
     width: 100%;
     display: block;
     font-size: 22px;
     font-weight: bold;
     margin: 30px 0;
     border-left: 6px solid #0594d3;
     padding-left: 5px;
     height: 24px;
     line-height: 24px;
 }

 .prodetailtxt2 .BT span {
     padding-left: 10px;
     border-left: 2px solid #1e46a0;
     color: #1e46a0;
     height: 24px;
     line-height: 24px;
     display: inline-block;
 }

 /*.prodetailtxt2 p{
        width: 30%;
        height: 35px;
        line-height: 35px;
        border-bottom: 1px dashed #dfdfdf;
    }

    .prodetailtxt2 p i.fa{
        font-size: 16px;
        color: #1e46a0;
        margin-right: 10px;
    }
*/
 .biaoge {
     border: none;
     border-color: #f6f6f6;
     overflow: scroll;
     border-width: 3px;
 }

 .biaoge2 {
     border: none;
     border-color: #dfdfdf;
     overflow: scroll;
     border-width: 3px;
 }

 .biaoge tbody tr:nth-child(1) {
     background: #1e46a0;
     color: #fff;
 }

 .biaoge tbody tr:nth-child(2n) {
     background: #e9e9e9;
 }

 .biaoge tbody tr td {
     line-height: 30px;
     padding: 15px 0;
     border: 2px solid #fff;
 }


 .biaoge2 tbody tr td {
     padding: 20px 0;
 }

 .biaoge2 tbody tr:nth-child(2n-1) {
     background: #e9e9e9;
 }

 /* .prodetailtxt2 .biaoge2 tbody tr:nth-child(2n-1) {
        background: #e9e9e9;
    }*/
 .biaoge2 tbody tr:nth-child(2n-1) td:nth-child(1) {
     background: #1e46a0;
     color: #fff;
 }

 .biaoge2 tbody tr td {
     line-height: 30px;
     padding: 15px 0;
     border: 2px solid #fff;
 }



 /*.prodetailtxt2 .biaoge2 tbody tr:nth-child(2n-1) td:nth-child(2n+1) {
        background: #e9e9e9;
    }*/
 .swiper-button-next:focus {
     outline: none;
 }

 .swiper-button-prev:focus {
     outline: none;
 }

 .prodetailtxt2 h1 {
     display: block;
     position: relative;
     padding-left: 60px;
     font-size: 23px;
     margin-top: 30px;
     margin-bottom: 15px;
 }

 .prodetailtxt2 h1:after {
     border-top-width: 8px;
     border-top-style: solid;
     border-top-color: #1e46a0;
     width: 40px;
     height: 0;
     border-right: 10px solid rgba(0, 0, 0, 0);
     content: "";
     position: absolute;
     left: 0px;
     top: 10px;
 }

 /*.prodetailtxt2 h2{ border-left:5px solid #1e46a0; padding-left:10px;}*/
 .prodetailtxt2 h2 {
     background: url(../images/xqh2.png) no-repeat left;
     padding-left: 25px;
     font-size: 23px;
 }

 .prodetailtxt2 h3 {
     position: relative;
     display: inline-block;
     font-size: 23px;
 }

 .prodetailtxt2 h3:after {
     border-top-width: 8px;
     border-top-style: solid;
     border-top-color: #1e46a0;
     width: 40px;
     height: 0;
     border-right: 10px solid rgba(0, 0, 0, 0);
     content: "";
     position: absolute;
     right: -60px;
     top: 10px;
 }

 .protableh {
     border: 2px solid #fff;
     border-left: none;
     border-right: none;
     width: 100%;
 }

 .protableh tr:nth-child(2n-1) {
     background-color: #f6f6f6
 }

 .protableh tr:nth-child(2n) {
     background-color: #e9e9e9
 }

 .protableh tr:first-child {
     background: #1e46a0;
     color: #fff;
 }

 .protableh tr td {
     padding: 10px;
     text-align: center;
     border: 2px solid #fff;
     border-bottom: none;
 }

 .protables {
     border: 2px solid #fff;
     border-left: none;
     border-right: none;
     width: 100%;
 }

 .protables td:first-child {
     background: #1e46a0;
     color: #fff;
 }

 .protables tr:nth-child(2n) {
     background-color: #e9e9e9
 }

 .protables tr:nth-child(2n-1) {
     background-color: #f6f6f6
 }

 .protables td {
     padding: 10px;
     text-align: center;
     border: 2px solid #fff;
 }


 @media (max-width: 740px) {
     .mySwiper2 {
         height: auto !important;
         min-height: auto;
     }
 }
 .xqr h3{ font-size: 24px;}
 @media screen and (max-width:1240px) {
     .xql {

         width: 51%;

         float: left;

     }



     .xqr {

         width: 45%;

         float: right;

     }
    
     .xqr .xqr_title {
         font-size: 24px;
         line-height: 50px;
         padding-top: 0px;
     }

     .xiazai {
         width: 100%;
         background: #f1f1f1;
         margin-top: 10px;
         font-size: 16px;
         line-height: 160%;
     }
 }

 @media (max-width:980px) {

     .xql {

         width: 100%;

         float: left;

     }



     .xqr {

         width: 100%;

         float: left;
         margin-top: 25px;

     }

     .prodetail_box iframe {
         max-width: 100% !important;
         height: auto !important;
     }


 }


 @media (max-width:430px) {
     .btn_box .btn_item.lxwm {
         margin-left: 0px;
         margin-top: 20px;
         font-size: 15px;
     }
 }
 .protable2{width: 100%;}
.protable2 a.img{display: block;overflow: hidden;}
.protable2 a.img img{width: 100%;display: block;transition:.5s ease-in;}
.protable2 a.img:hover img { transform:scale(1.1,1.1);}
.protable2 tr{display: flex;flex-flow: row nowrap;justify-content: space-between;}

@media (max-width:640px) {
    .protable2 tr{    flex-flow: column;}
    .protable2 a.img img{display: inline-block;}
    .protable2 tr td{ padding: 5px 0;}
}

.wmkcfeedback{padding-top:10px;padding-bottom:50px}
.inquiry-form{display:flex;justify-content:space-between;flex-wrap:wrap}
.inquiry-form input,.inquiry-form .wmkcfb-fileupload{width:49%;height:50px;font-size:16px;padding:0px 10px;display:inline-flex;align-items:center;font-family:var(--fontfamily)}
.inquiry-form input,.inquiry-form textarea,.inquiry-form .wmkcfb-fileupload{margin-bottom:20px;background:#f7f7f7;border:none;outline:1px solid #F2F6F7;box-sizing:border-box}
.inquiry-form input::placeholder,.inquiry-form textarea::placeholder,.inquiry-form .wmkcfb-fileupload{color:#666}
.inquiry-form textarea{width:100%;padding:10px;font-size:16px;resize:none;font-family:var(--fontfamily)}
.inquiry-form .input-error{outline:1px solid red}
.wmkcfeedback textarea{width:100%;padding:10px;font-family:initial;font-size:16px;font-family:var(--fontfamily)}
.wmkcfeedback input.input-error,.wmkcfeedback textarea.input-error{outline:1px solid #c92326!important}
.wmkcfeedback .select-menu{position:relative;margin-bottom:20px;width:49%}
.wmkcfeedback .select-menu input{margin:0!important;width:100%!important;cursor:pointer}
.wmkcfeedback .select-menu .select-menu-div em{margin-right:5px;position:absolute;right:32px;top:50%;transform:translateY(-50%);transition:all .4s ease}
.wmkcfeedback .select-menu .select-menu-div em.select-menu-i{transform:rotateX(180deg)}
.wmkcfeedback .select-menu .select-menu-div em::after,.wmkcfeedback .select-menu .select-menu-div em::before{content:"";width:10px;height:2px;background:#999;position:absolute;top:50%;left:0;transform:rotate(45deg)}
.wmkcfeedback .select-menu .select-menu-div em::after{transform:rotate(-45deg);left:6px}
.wmkcfeedback .select-menu .select-menu-ul{box-shadow:0 1px 15px 0 rgba(15,19,39,.1);list-style:none;display:none;width:100%;text-align:left;border:1px solid #ddd;background:#fff;position:absolute;z-index:9}
.wmkcfeedback .select-menu .select-menu-ul li{color:#000;padding:0px 20px;line-height:2.5;cursor:pointer;font-size:13px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}
.wmkcfeedback .select-menu .select-menu-ul li:hover{background:#F2FAEA}
.wmkcfeedback .select-menu .select-menu-ul li:nth-child(2n){background:#F5F4F4}
.wmkcfeedback .select-menu .select-menu-ul li:nth-child(2n):hover{background:#F2FAEA}
.wmkcfeedback .select-menu .select-menu-ul li.select-this{background:#F2FAEA}
.wmkcfeedback .select-menu .select-menu-ul li.select-this:hover{background:#F2FAEA!important}
.wmkcfeedback .send-btn[disabled]{background:#EEE!important;color:#999!important}
.wmkcfeedback .send-btn[disabled]::before{content:none!important}
.wmkcfeedback .loading{position:relative;width:18px;height:18px;margin-left:8px;border:2px solid #000;border-top-color:rgba(0,0,0,.2);border-right-color:rgba(0,0,0,.2);border-bottom-color:rgba(0,0,0,.2);border-radius:100%;animation:feedbacksenloading infinite .75s linear}
@keyframes feedbacksenloading{0%{transform:rotate(0)}
100%{transform:rotate(360deg)}}
.wmkcfeedback .feed-verification{position:relative;width:100%;max-width:320px;margin-bottom:20px}
.wmkcfeedback .feed-verification input{width:100%!important;margin:0!important}
.wmkcfeedback .feed-verification img{position:absolute;right:20px;top:50%;transform:translateY(-50%)}
.wmkcfeedback .send-btn{vertical-align:middle;transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;transition-property:color;transition-duration:.5s;min-width:200px;height:50px;background:#24292f;color:#fff;border-radius:3px;margin-left:50%;transform:translateX(-50%);cursor:pointer;display:flex;align-items:center;justify-content:center;outline:0;border:none;font-size:16px}
.wmkcfeedback .send-btn::before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0px;background:var(--color);transform:scaleX(0);transform-origin:0 50%;transition-property:transform;transition-duration:.5s;transition-timing-function:ease-out;border-radius:3px}
.wmkcfeedback .send-btn:hover::before{transform:scaleX(1);transition-timing-function:cubic-bezier(.52,1.64,.37,.66)}
@media (max-width:768px){.wmkcfeedback input,.inquiry-form .wmkcfb-fileupload{width:100%}
.wmkcfeedback .feed-verification{max-width:100%}
.wmkcfeedback .select-menu{width:100%!important}}
.page-section-contact-contact-box .wmkcfeedback .select-menu{width:100%}
.inquiry-form .wmkcfb-fileupload{font-family:initial;font-size:14px}
.wmkcfb-fileupload{background-image:url(../images/choose-file.png)!important;background-repeat:no-repeat!important;background-position:right!important;background-size:auto 55%!important;cursor:pointer}