.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:#004DA0;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:#004DA0;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:#004DA0;color:#fff}



.prodetailtxt2{padding:20px 20px 0 20px;margin-top:10px;font-size:16px}
.prodetailtxt2 img{ max-width: 100%; height: auto !important;}


.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:#004DA0;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 #004DA0;color:#004DA0;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:#004DA0;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:#004DA0;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:#004DA0;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:#004DA0;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}



}