.xql{width:50%;float:left}



.xqr{width:47%;float:right}



@media (max-width:980px){.xql{width:100%;float:left}



}



.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,.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,.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:.3;margin-right:14px}



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



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:#145F83;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;border:1px solid #f08b00;color:#f08b00;display:flex;flex-flow:row nowrap;justify-content:center;font-size:18px;border-radius:10px;align-items:center;align-content:center;padding:0 25px}



.btn_box .btn_item i{padding-right:5px}



.btn_box .btn_item.lxwm{background:#145F83;color:#fff;margin-right:10px;border:none}



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



.xiazai{width:100%;margin-top:10px;font-size:16px;line-height:200%}



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



.prodetail_box{ width: 100%; float: left;}



.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:#145F83;color:#fff}



.prodetailtxt2{padding:0px 20px 0 20px;margin-top:10px;font-size:16px}



.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:0}



.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:#145F83;color:#fff}



.prodetailtxt2 .BT{width:100%;display:block;font-size:22px;font-weight:700;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 #145F83;color:#145F83;height:24px;line-height:24px;display:inline-block}







.swiper-button-next:focus{outline:0}



.swiper-button-prev:focus{outline:0}



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



.prodetailtxt2 h1:after{border-top-width:8px;border-top-style:solid;border-top-color:#145F83;width:40px;height:0;border-right:10px solid transparent;content:"";position:absolute;left:0;top: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:#145F83;width:40px;height:0;border-right:10px solid transparent;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:#145F83;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:#145F83;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:0}



.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:0;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}



}



/* 产品详情 */

.mark-bar {
  border-top-width: 7px;
  border-top-style: solid;
  border-top-color: #002B69;
  width: 50px;
  height: 0;
  margin-top: 15px; margin-bottom: 25px;
  border-right: 10px solid rgba(0,0,0,0);}
.inprobox { margin-top: 40px;}
.in-product{display: flex;background: #F3F5F8; align-items: top; justify-content: space-between;  position: relative; z-index: 3;box-shadow:0 0 10px #ccc;}
.in-product_txt{width: 50%; overflow: hidden; }
.in-product_tu{width: 50%; overflow:hidden}

.in-product_txt span { display: block; margin-top: 30px; transition: all .3s;}
.in-product_txt2 { padding: 50px;}
.in-product_txt p{    
  color: #545454;
  font-weight: 300;
  font-size:16px;
  margin-top: 20px;
  line-height: 36px; text-align: justify;}
.in-product .in-product_tu img {-webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;}
.in-product a:hover .in-product_tu img{  transform: scale(1.1);
    transition: all 1s ease 0s;
    -webkit-transform: scale(1.1);}
    .in-product a:hover .in-product_txt span  { padding-left: 50px;}
    .pro_listtt { position: relative; padding: 20px 0; width: 100%; float: left;}
    .xcal .swiper-wrapper {
      padding-top: 20px;
    }
    
    .xcal .swiper-slide {
      transition: all 0.5s ease;
      position: relative;
      background-image: linear-gradient(0deg, #fff, #f3f5f8);
    background-color: #f3f5f8;
    border: 2px solid #fff;
    box-shadow: 8px 8px 20px 0 rgb(55 99 170 / 10%), -8px -8px 20px 0 #fff;
    }
    
    .xcal .swiper-slide .info img {
      margin-top: 35%;
    }
    
    
    .xcal .swiper-slide .info {
      opacity: 0;
      position: absolute;
      height: 0;
      transition: all 0.5s;
      bottom: 0;
      top: 0;
      left: 0;
      right: 0;
      margin: 0 auto;
      width: 100%;
      z-index: 2;
    
      color: #fff;
      background: rgba(0, 0, 0, 0.4);
    }
    
    .xcal .swiper-slide:hover .info {
      height: calc(100% - 90px);
      opacity: 1;
    }
    
    .xcal .swiper-slide .inner-con {
      position: relative;
      z-index: 1;
    }

    .xcal .swiper-slide .inner-con p i{ width: 35px; height: 35px; border-radius: 35px; background: #42A0E8; text-align: center; line-height: 35px; color: #fff; font-size: 16px;}
    .xcal .swiper-slide img {
      display: block;
      height: auto;
      margin-left: auto;
      margin-right: auto;
      max-width: 100%;
    }
    
    .xcal .swiper-slide p {
      background-color: #f7f7f7;
      color: #333;
      text-align: center;
  
      padding: 10px 0;
      font-size: 16px;
    
    }
    
    .pro_listtt .swiper-button-next {
      position: absolute;
      top: 50%;
right: 10px;
    
      color: #fff;
    
    
      cursor: pointer;
      overflow: hidden;
      z-index: 99;
      width:40px;
      border-radius: 100%;
  
      font-size: 24px;
      line-height:40px;
      text-align: center;
      height: 40px;
      transition: all .5s ease;
      outline: none;
      background: #08357C;
    }
    
    .pro_listtt .swiper-button-prev {
      position: absolute;
      top: 50%;
      left:10px;
    
      color: #fff;
    
      cursor: pointer;
      overflow: hidden;
      z-index: 99;
      width: 40px;
      border-radius: 100%;

      font-size: 24px;
      line-height: 40px;
      text-align: center;
      height: 40px;
      transition: all .5s ease;
      outline: none;
      background: #08357C;
    }
    
    .pro_listtt .swiper-button-prev:hover, .pro_listtt .swiper-button-next:hover {
      background: #F44E50;
      color: #fff;
    }
    .pro_listtt { margin-bottom: 40px;}
.cpml{padding:60px 0;background: #F3F5F8;; background-size:cover;  position: relative;}
.cpml ul{padding: 0; display: flex; flex-wrap: wrap; justify-content: center;}
.cpml ul li{font-size: 16px;color: #333;float: left;width: 23%;font-weight: bold;text-align: center;  margin:20px 1%; z-index: 9; position: relative;}
.cpml ul li a{ display: block; color: #333; }
.cpml ul li p{border-radius: 50%; transition: all .3s; display: flex; align-items: center; justify-content: center; width: 140px; height: 140px;   padding: 20px 10px;margin: 0 auto; text-align:center;background: rgb(128, 130, 133);
  background-image: linear-gradient(135deg, rgb(155, 157, 160) 7%, rgb(128, 130, 133) 10%, rgb(207, 209, 210) 13%, rgb(255, 255, 255) 27%, rgb(138, 140, 142) 33%, rgb(142, 144, 146) 45%, rgb(209, 211, 212) 61%, rgb(101, 102, 104) 75%, rgb(72, 72, 74) 81%, rgb(56, 56, 57) 91%, rgb(74, 75, 76) 94%, rgb(75, 75, 77) 98%); }
.cpml ul li span { display: block; font-size: 20px; margin-top: 20px;}
.cpml ul li i { height: 45px; font-weight: normal; font-size: 14px; display: block; font-style: normal; margin-top: 5px; color: rgba(0, 0, 0, .8);}
.cpml ul li em {font-weight: normal; margin: 30px auto; width: 120px; background: #08357C; text-align: center; line-height: 45px; color: #fff; height: 45px; border-radius: 45px; margin-top: 30px; display: block; font-style: normal; font-size: 14px; }
.cpml ul li p img { width: 60%; transition: all 0.5s; -webkit-transition: all 0.5s;}
.cpml ul li:hover p {background-image: linear-gradient(-135deg, rgb(155, 157, 160) 7%, rgb(128, 130, 133) 10%, rgb(207, 209, 210) 13%, rgb(255, 255, 255) 27%, rgb(138, 140, 142) 33%, rgb(142, 144, 146) 45%, rgb(209, 211, 212) 61%, rgb(101, 102, 104) 75%, rgb(72, 72, 74) 81%, rgb(56, 56, 57) 91%, rgb(74, 75, 76) 94%, rgb(75, 75, 77) 98%);}
.cpml ul li:hover  em{ background: #F44E50;}

.xqjszs{ line-height: 36px; font-size: 16px; color: #545454; float: left; width: 100%;font-weight: 300;}
.xqjszs img{ max-width: 100%;}
@media (max-width:980px){
    .in-product { flex-direction: column;}
  .in-product_txt, .in-product_tu { width: 100%;}
  .in-product_txt { padding: 15px;}
  .xqjszs img{ max-width: 100%; height: auto !important;}

}