.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:#B80509;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 #B80509;color:#B80509;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:#B80509;color:#fff;border:none; margin-right: 10px;}
.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:#B80509;color:#fff}
.prodetailtxt2{padding:20px 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:#B80509;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 #B80509;color:#B80509;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:30px;margin-bottom:15px}
.prodetailtxt2 h1:after{border-top-width:8px;border-top-style:solid;border-top-color:#B80509;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:#B80509;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:#fff}
.protableh tr:nth-child(2n){background-color:#f6f6f6}
 .protableh tr:first-child{background:#4c4c4c;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:#4c4c4c;color:#fff}
.protables tr:nth-child(2n){background-color:#fff}
.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){
    img{ height: auto !important; max-width: 100%;}
    .xql{width:100%;float:left}
    .btn_box { flex-direction: column;}
.xqr{width:100%;float:left;margin-top:25px}
.prodetail_box iframe{max-width:100%!important;height:auto!important}
}
@media (max-width:730px){
    .btn_box .btn_item.lxwm{margin-right:0;font-size:15px; margin-bottom: 10px;}

}
.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:740px){.protable2 tr{flex-flow:column}
.protable2 a.img img{display:inline-block}
.protable2 tr td{padding:5px 0}
}