.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:#3B8DE1;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:#3B8DE1;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:#3B8DE1;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:#3B8DE1;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 #3B8DE1;color:#3B8DE1;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:#3B8DE1;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:#3B8DE1;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:#3B8DE1;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:#3B8DE1;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}

}