.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}
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:0 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:0;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 transparent}
.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 .3s ease-out;-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .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 .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 .5s;bottom:0;top:0;left:0;right:0;margin:0 auto;width:100%;z-index:2;color:#fff;background:rgba(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:0;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:0;background:#08357c}
.pro_listtt .swiper-button-next:hover,.pro_listtt .swiper-button-prev: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:700;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:#808285;background-image:linear-gradient(135deg,#9b9da0 7%,#808285 10%,#cfd1d2 13%,#fff 27%,#8a8c8e 33%,#8e9092 45%,#d1d3d4 61%,#656668 75%,#48484a 81%,#383839 91%,#4a4b4c 94%,#4b4b4d 98%)}
.cpml ul li span{display:block;font-size:20px;margin-top:20px}
.cpml ul li i{height:45px;font-weight:400;font-size:14px;display:block;font-style:normal;margin-top:5px;color:rgba(0,0,0,.8)}
.cpml ul li em{font-weight:400;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 .5s;-webkit-transition:all .5s}
.cpml ul li:hover p{background-image:linear-gradient(-135deg,#9b9da0 7%,#808285 10%,#cfd1d2 13%,#fff 27%,#8a8c8e 33%,#8e9092 45%,#d1d3d4 61%,#656668 75%,#48484a 81%,#383839 91%,#4a4b4c 94%,#4b4b4d 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_tu,.in-product_txt{width:100%}
.in-product_txt{padding:15px}
.xqjszs img{max-width:100%;height:auto!important}
}
