@charset "utf-8";
/* CSS Document */
.banner{position: relative;z-index: 100;}
.banner .swiper-slide figure{padding-bottom: 40%;}
.banner .swiper-slide .title{position: absolute;left: 8%;top: 50%;transform: translateY(-50%);width: 45%;z-index: 1000;}
.banner .swiper-slide .txt{color: #FFF;transform: translateY(30%);visibility: hidden;opacity: 0;transition-duration: 1.2s;text-shadow: 0 0 .1rem rgba(0, 0, 0, .5);}
.banner .swiper-slide .txt h2{font-size: .24rem;font-family: 'Saira_Medium';line-height: 1.4;}
.banner .swiper-slide .txt h2 span{color: #0055b8;}
.banner .swiper-slide .txt p{padding-top: .1rem;line-height: 1.4;font-size: .11rem;width: 90%;}
.banner .swiper-slide .txt .more{margin-top: .2rem;background: #0055b8;display: inline-block;padding: .05rem .15rem;border-radius: .03rem;font-size: .1rem;}
.banner .swiper-slide .txt .more a{color: #FFF;display: block;}
.banner .swiper-slide .txt .more a:hover{text-decoration: none;}
.banner .swiper-slide .title img{max-width: 100%;}
.banner .swiper-slide-active .txt{transform: translateX(0%);visibility: visible;opacity: 1;}
.banner .swiper-pagination{bottom: .1rem; color: #FFF;}
.banner .swiper-pagination-bullet{width: .06rem;height: .06rem;margin: 0 .05rem !important;background:#FFF;}

.dyip{text-align: center;}
.dyip .index_pro{margin-top: .2rem;}
.dyip .index_pro .swiper-slide ul{display: flex;flex-wrap: wrap;margin-left: -4%;flex-wrap: wrap;margin-bottom: -4%;}
.dyip .index_pro .swiper-slide li{width: 46%;margin-left: 4%;margin-bottom: 4%;}
.dyip .index_pro .swiper-slide figure{padding-bottom: 100%;text-align: center;}
.dyip .index_pro .swiper-slide h2{font-size: .1rem;font-family: 'Saira_Medium';}
.dyip .index_pro .swiper-slide li p{line-height: 1.6;color: #666;padding-top: .1rem;}
.dyip .index_pro .swiper-slide li .more{padding-top: .1rem;color: #0055b8;}
.dyip .index_pro .swiper-slide a{background: #f5f5f5;display: block;padding: .1rem .1rem .2rem .1rem;transition: all .2s;}
.dyip .index_pro .swiper-slide a:hover{text-decoration: none;background: #dbdbdb;}
.dyip .index_pro .swiper-slide:nth-of-type(odd) h2{height: .41rem;}
.dyip .index_pro .swiper-button-next,.dyip .index_pro .swiper-button-prev{background: #FFF;width: .26rem;height: .26rem;text-align: center;line-height: .26rem;outline: medium;border-radius: 100%;margin-top: -.29rem;border: 2px solid #000;box-sizing: border-box;opacity: 0;}
.dyip .index_pro:hover .swiper-button-next,.dyip .index_pro:hover .swiper-button-prev{opacity: 1;transition: all .3s;}
.dyip .index_pro .swiper-button-next:after,.dyip .index_pro .swiper-button-prev:after{display: none;}
.dyip .index_pro .swiper-button-next i,.dyip .index_pro .swiper-button-prev i{font-size: .1rem;color: #000;}
.dyip .index_pro .swiper-button-next{right: 1%;left: auto;}
.dyip .index_pro .swiper-button-prev{left: 1%;right: auto;}
.dyip .index_pro .swiper-pagination{position: initial;margin-top: .2rem;}
.dyip .index_pro .swiper-pagination-bullet{margin: 0 .05rem;width: 18px;height: 18px;opacity: .5;background: #FFF;border: 2px solid #FFF;box-sizing: border-box;position: relative;}
.dyip .index_pro .swiper-pagination-bullet:after{content: "";display: block;width: 10px;height: 10px;background: #000;border-radius: 100%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.dyip .index_pro .swiper-pagination-bullet-active{opacity: 1;border: 2px solid #000;}

.derp{padding: 0 5%;}
.derp .title{text-align: center;}
.derp .yi ul{display: flex;margin-left: -1%;margin-top: .2rem;}
.derp .yi li{width: 32.333%;margin-left: 1%;}
.derp .yi li figure{padding-bottom: 70%;}
.derp .yi li .txt{background: #f5f5f5;padding: .1rem .15rem;}
.derp .yi li .txt h2{font-size: .18rem;font-family: 'Saira_Medium';}
.derp .yi li .txt p{padding-top: .05rem;}
.derp .yi li .txt .more{display: inline-block;margin-top: .1rem;font-family: 'Saira_Medium';}
.derp .yi li .txt .more a{display: flex;padding: .05rem .1rem;border: 1px solid #000;align-items: center;}
.derp .yi li .txt .more a:hover{text-decoration: none;}
.derp .yi li .txt .more i{font-size: .08rem;padding-left: .05rem;}
.derp .er{margin-top: .1rem;}
.derp .er ul{display: flex;margin-left: -1%;margin-top: .1rem;}
.derp .er li{width: 49%;margin-left: 1%;}
.derp .er li figure{padding-bottom: 70%;}
.derp .er li .txt{background: #f5f5f5;padding: .1rem .15rem;}
.derp .er li .txt h2{font-size: .18rem;font-family: 'Saira_Medium';}
.derp .er li .txt p{padding-top: .05rem;}
.derp .er li .txt .more{display: inline-block;margin-top: .1rem;font-family: 'Saira_Medium';}
.derp .er li .txt .more a{display: flex;padding: .05rem .1rem;border: 1px solid #000;align-items: center;}
.derp .er li .txt .more a:hover{text-decoration: none;}
.derp .er li .txt .more i{font-size: .08rem;padding-left: .05rem;}

.dsanp .title{text-align: center;}
.dsanp .more i{font-size: .08rem;padding-left: .05rem;}
.dsanp .more a:hover{text-decoration: none;}
.dsanp ul{display: flex;margin-top: .2rem;flex-wrap: wrap;margin-left: -1%;}
.dsanp li{width: 32.333%;transition: all .4s;margin-left: 1%;background: #f7f7f7;text-align: left;}
.dsanp li figure{padding-bottom: 60%;}
.dsanp li .txt{padding: .1rem;}
.dsanp li h2{transition: all .3s;font-size: .13rem;line-height: 1.4;font-family: 'Saira_Medium';}
.dsanp li p{padding-top: .05rem;line-height: 1.4;font-size: .08rem;}
.dsanp li a:hover{text-decoration: none;}

.banner_pic{position: relative;}
.banner_pic figure{width: 100%;padding-bottom: 30%;}

.banner_pic .titleer{position: absolute;left: 8%;top: 0;bottom: 0;display: flex;align-items: center;color: #FFF;width: 35%;}
.banner_pic .titleer .more{display: inline-block;background: #0055b8;margin-top: .1rem;padding: .05rem .1rem;border-radius: .02rem;}

.banner_pro{margin-top: .4rem;display: flex;align-items: center;justify-content: space-between;padding: 0 0 0 8%;background: #000;color: #FFF;}
.banner_pro .title p{line-height: 1.6;padding-top: .1rem;}


.about_dyip{line-height: 1.4;}
.about_dyip .layout{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}
.about_dyip .pic{width: 40%;}
.about_dyip .pic figure{padding-bottom: 70%;}
.about_dyip .txt{width: 55%;line-height: 1.6;}
.about_dyip .txt p{padding: .05rem 0; font-size: 0.1rem;}


.page-title{text-align:center;font-size:36px;font-weight:600;color:#0b1b2b;line-height:1.4;margin-bottom: 2%;}
.page-title.white{color: #fff;}

.about2{position:relative;z-index:1;color:#fff; background: #0b1b2b;}
.about2 .list{margin-top:3%;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start}
.about2 .list li{width:28%;text-align:center;list-style:none}
.about2 .list li img{transition:all .2s linear}
.about2 .list li .p1{font-size:0.16rem;margin:0.04rem 0;font-weight:600}
.about2 .list li .p2{font-size: 0.12rem; color:#fff;}


.ldipss{background:#f5f5f5; overflow:hidden;}
.ldipss .swiper-father{position:relative; overflow:hidden; margin-top:3%;}
.ldipss .honor{padding-top:0%;}
.ldipss .honor .swiper-slide{}
.ldipss .honor .swiper-slide img{width:99%; border:1px solid #ccc}
.ldipss .honor .swiper-slide p{font-size:0.1rem;text-align:center;line-height:30px;padding:10px 0; color:#222;}
.ldipss .swiper-father .swiper-button-next,.ldipss .swiper-father .swiper-button-prev{width:45px;height:45px;text-align:center;box-sizing:border-box;}
.ldipss .swiper-father .swiper-button-next i,.ldipss .swiper-father .swiper-button-prev i{ line-height:45px }
.ldipss .swiper-father .swiper-button-next i img,.ldipss .swiper-father .swiper-button-prev i img{vertical-align:middle; width:100%;}
.ldipss .swiper-father .left{right:0;outline:medium; background:rgba(0,0,0,0.65);}
.ldipss .swiper-father .right{left:-0;outline:medium; background:rgba(0,0,0,0.65);}
.ldipss .swiper-father .left:hover i,.ldipss .swiper-father .right:hover i{color:#00b3e5;}
.ldipss .swiper-pagination-bi{position:absolute;bottom:-15px;z-index:11;text-align:center; width:100%;}
.ldipss .swiper-pagination-bi .swiper-pagination-bullet{margin:0 5px;}
.ldipss .swiper-pagination-bullet{width:12px;height:12px;background:#bbb;border-radius:10px}
.ldipss .swiper-pagination-bullet-active{background:#00b3e5;opacity:1;}
.ldipss .swiper-father .swiper-button-next::after,.ldipss .swiper-father .swiper-button-prev::after{display:none;}



.flexsb{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content: space-between;}
.flexsa{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content: space-around;}
.flexlf{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content: left;}
.flexed{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content: flex-end;}
.flexce{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content: center;}
.cflexce{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content: center;flex-direction: column;flex-wrap: wrap;}

.download{position:relative;}
.download .download-ul{flex-wrap:wrap}
.download .download-ul ul{margin-right: -1%;}
.download .download-ul li{background-color:#ffffff;border:solid 1px #e7e7e7;margin-right:1%;margin-bottom:2%;width:49%;-webkit-transition:.5s;-ms-transition:.5s;-moz-transition:.5s;-o-transition:.5s;transition:.5s}
.download .download-ul li a{padding:3%;align-items:center; box-sizing: border-box;}
.download .download-ul li:nth-child(2n){margin-right:0px}
.download .download-ul-leftimg{width:60px;height:60px;background-color:#ffffff;border:solid 1px #eeeeee;overflow:hidden;position:relative}
.download .download-ul-leftimg img{vertical-align: middle; text-align: center; display: block; margin: auto; padding-top:16%;}
.download .download-ul-leftfont{width:81%;padding-left:18px}
.download .download-ul-leftfont .dot{font-size:18px;color:#333333}
.download .download-ul-leftfont time{font-size:14px;line-height:28px;color:#888888}
.download .down{display:block;width:136px;height:42px;background-color:#00b3e5;border-radius:21px;text-align:center;font-size:14px;line-height:36px;color:#ffffff;-webkit-transition:.5s;-ms-transition:.5s;-moz-transition:.5s;-o-transition:.5s;transition:.5s;border:1px solid #fff}
.download .down .iconfont{width:20px;height:20px;color:#ffffff;border-radius:50%;line-height:20px;text-align:center;overflow:hidden;border:1px solid #fff;display:inline-block;vertical-align:middle;font-size:14px}
.download .down span{display:inline-block;vertical-align:middle}
.download .download-ul-left{width:78%;align-items:center}
.download .download-ul li:hover{background-color:#00b3e5}
.download .download-ul li:hover .download-ul-leftfont .dot,.download .download-ul li:hover .download-ul-leftfont time{color:#fff}
.download .jzmore{width:70px;display:block;margin:20px auto 0 auto;text-align:center}
.download .jzmore .iconfont{overflow:hidden;font-size:24px;color:#989898;display:block;margin:0 auto;text-align:center;-webkit-animation:circle 2s infinite linear;-moz-animation:circle 2s infinite linear;-ms-animation:circle 2s infinite linear;-o-animation:circle 2s infinite linear;animation:circle 2s infinite linear}
@-webkit-keyframes circle{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}
100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}
}@-moz-keyframes circle{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}
100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}
}@-ms-keyframes circle{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}
100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}
}@-o-keyframes circle{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}
100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}
}@keyframes circle{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}
100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}
}
.download .jzmore span{font-size:16px;line-height:26px;color:#666666;text-align:center;margin-top:6px;display:inline-block;-webkit-transition:.5s;-ms-transition:.5s;-moz-transition:.5s;-o-transition:.5s;transition:.5s}
.download .jzmore:hover span,.download .jzmore:hover .iconfont{color:#BD0004}


.news-list {position:relative;}
.news-list .list1 {display:flex;justify-content:space-between;flex-wrap:wrap;}
.news-list .list1 li {position:relative;margin-bottom:2em;width:31%;}
.prodetails-sidear {width:22.5%;}
.prodetails-sidear .pr-sidebar-search {display:flex;overflow:hidden;margin-bottom:20px;padding:15px;width:100%;background-color:#F9F9F9;border-radius:3px;}
.news-list li .info {position:relative;border-top:none;border-radius:3px;}
/* .news-list .list0 li .info {border-top:1px solid #EDEDED;} */
.news-list li .info .inter {position:relative;display:flex;box-sizing:border-box;padding:0px 10px;background-color:#fafafb;align-items:center;justify-content:flex-end; box-sizing: border-box;}
.news-list li .info .date::before {position:absolute;top:-11px;right:-10px;border:11px solid transparent;border-bottom:11px solid #00b3e5;content:"";opacity:.8;}
.news-list li .info .date {position:absolute;bottom:-1px;left:-1px;display:flex;width:80px;height:52px;background-color:#00b3e5;color:#FFFFFF;align-items:center;justify-content:center;flex-direction:column;}
.news-list .list0 li .info .date {left:0px;}
.news-list li .info .date .day {font-weight:500;font-size:20px;line-height:1;}
.news-list li .info .inter .btn {display:inline-flex;height:40px;border-radius:3px;transition:all .2s ease;align-items:center;justify-content:center; font-size: 14px;}
.news-list li .info .text {padding:15px; box-sizing: border-box;}
.news-list li .info .text .title {display:-webkit-box;overflow:hidden;margin-bottom:10px;color:#000;font-weight:600;font-size:18px;transition:all .2s ease;-webkit-box-orient:vertical;-webkit-line-clamp:2; min-height: 52px;}
.news-list li .info .text p {display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;color:#555; font-size: 15px; line-height: 26px;}
.news-list li .img {display:block;width:100%; }
.news-list li .img img {display:block;width:100%;height:100%;object-fit:contain;}
.news-list li .img::before {position:absolute;top:0px;left:0px;display:inline-block;width:100%;height:100%;background-color:rgba(0,0,0,0);content:"";transition:all .2s ease;}
.news-list li:hover .img::before {background-color:rgba(0,0,0,.5);}
.news-list li:hover .btn {color:#00b3e5;}
.news-list li:hover .info .title {color:#00b3e5;}
.newscontent-title {color:var(--fontcolor);font-size:26px;line-height:1.4;}
.news-list .list0{margin-right: -2%;}
.news-list .list0 li {position:relative;margin-bottom:2%;width:22.8%; float: left; margin-right: 2%; border:1px solid #EDEDED;}
.list0 li .info {margin-left:-1px;border-left:none;}
/* .list0 li .img {width:25%;} */
.lazy-load{position:absolute;left:50%;top:50%;width:30px;height:30px;transform:translate(-50%,-50%);border:2px solid #000;border-top-color:rgba(0,0,0,.2);border-right-color:rgba(0,0,0,.2);border-bottom-color:rgba(0,0,0,.2);border-radius:100%;animation:circle infinite 1s linear}
@keyframes circle{0%{transform:translate(-50%,-50%) rotate(0)}
100%{transform:translate(-50%,-50%) rotate(360deg)}
}
.lazy-wrap{display:block;position:relative;overflow:hidden}
.lazy-wrap::after{content:"";display:block;padding-bottom:50%}
.lazy-wrap.lazy-loaded .lazy-load{-webkit-animation:none;animation:none;display:none}
.lazy-wrap.lazy-loaded::after{padding-bottom:0}


/*新闻*/
.i-about,.i-abouta_c ul,.i-aboj ul,.i-pro,.i-prob ul,.i-poj,.i-news ul,.i-net,.i-netbb a,.i-con,.i-cotc,.i-cotc .input div,.i-appl li,.i-psc ul,.i-psd ul,.i-pse ul,.i-psf ul,.i-sera,.i-serab ul,.i-sep,.i-seg ul,.i-seg li{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-o-flex;display:-ms-flexbox;display:flex;}
.nyaboutbig2{padding: 3% 0;}
.i-net{justify-content: space-between;
    flex-wrap: wrap;
    align-items: flex-start;}
.i-neta{width:58%;}
.i-netaa{border-bottom: 1px solid #ccc;padding-bottom:2%;margin-bottom:2%;}
.i-netaa .xwxqbt{font-size:24px;margin-bottom:2%; color: #333;}
.i-netaa p{color:#999;font-size:16px;}
.i-netab{font-size:15px;line-height: 1.7;}
.i-netab img{width: 100%; display: block;;}
.i-netac{border-top:1px solid #e1e1e1;padding-top: 2%;margin-top:2%;font-size: 15px;}
.i-netac p{margin:20px 0;}
.i-netac a{color:#999;transition: all 0.3s;}
.i-netac span{color:#333;}
.i-netac a:hover{color:#00b3e5;}

.i-netb{width:35%;position: sticky;top: 170px;}
.i-netba{font-size:24px;margin-bottom:6%;  color: #333;}
.i-netbb li{margin-bottom:3%;}
.i-netbb a{justify-content: space-between;
    flex-wrap: wrap;
    align-items: flex-start;}
.i-netbba{width:40%;overflow: hidden;border-radius: 8px;}
.i-netbba img{width:100%; display: block;}
.i-netbbb{width:55%;}
.i-netbbb .xwxqbtr{font-size:16px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; color: #444;}
.i-netbbb .xwwz{font-size: 14px; line-height: 20px;margin:2% 0; color: #666; display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
.i-netbbb p{color:#999; font-size: 12px;}

.pro-list{}
.pro-list ul{display:flex;flex-wrap:wrap; margin-right: -2%;}
.pro-list li{background:#FFFFFF;border-radius:8px;box-shadow:0 0 6px 0 rgba(233,233,233,.47);margin-bottom:2em; border: 1px solid #f5f5f5; width:23%; margin-right: 2%; text-align: center;}
.pro-list li:hover .pro-img img{transform:scale(1.03)}
.pro-list li:hover .pro-img .icon{opacity:1;transform:translateY(0)}
.pro-list li:hover .pro-img a::after{opacity:1}
.pro-list li:hover .pro-info .title{color:#00b3e5}
.pro-list li:hover .pro-info .more{background:#00b3e5;border:none;color:#FFFFFF}
.pro-list li .pro-meta{position:absolute;left:10px;top:10px;z-index:1;display:flex;flex-direction:column;display:none}
.pro-list li .pro-meta>*{margin-bottom:10px;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:1}
.pro-list li .icon-hottitle{color:#FFFFFF;background:#00b3e5}
.pro-list li .icon-videoplay{background:rgba(0,0,0,.5);color:#FFFFFF;font-size:18px}
.pro-list li .icon{background:rgba(0,0,0,.5);color:#FFFFFF;font-weight:600;cursor:pointer;transition:all .15s linear;transform:translateY(10%);opacity:0}
.pro-list li .icon.pro-checked{background:#00b3e5;opacity:1;transform:translateY(0)}
.pro-list li .pro-img{position:relative}
.pro-list li .pro-img a{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%}
.pro-list li .pro-img a::after{opacity:0;content:"";position:absolute;left:0px;top:0px;width:100%;height:100%;background:rgba(0,0,0,.2);transition:all .1s linear}
.pro-list li .pro-img img{width:100%;height:100%;object-fit:contain;transition:all .1s linear}
.pro-list li .pro-info{padding:5%; box-sizing: border-box;}
.pro-list li .pro-info .title{font-size:18px;font-weight:600;line-height:1.2;margin-bottom:2%;display:block}
.pro-list li .pro-info .data-price{display:none}
.pro-list li .pro-info .text{color:#555;margin-bottom:2%;word-break:break-word}
.pro-list li .pro-info .more{margin-top:2%;min-width:140px;line-height:43px;border:1px solid #999;font-size:14px;color:#999;border-radius:5px;display:inline-flex;align-items:center;justify-content:center;text-transform:capitalize}
.pro-list.list1 ul{margin-right:-2%;}
.pro-list.list1 li{width:22.8%;margin-right:2%;flex-direction:column}
.pro-list.list1 li .pro-img{width:100%}
.pro-list.list1 li .pro-info{text-align:center}
.pro-list.list0 li{width:100%}
.pro-list.list0 li .pro-img{width:100%}
.pro-list.list0 li .pro-info{flex:1;padding:30px 20px}
.pro-list.list0 li .pro-info .title{font-size:22px}
.lazy-wrap.lazy-loaded+.pro-meta{display:flex}

.pro_right{width: 100%;height: auto;overflow: hidden;}
.productss{width:100%; overflow: hidden;}
.productss img{max-width: none !important;}
.promore_l{width:42%;float:left;}
/*图片放大镜样式*/.jqzoom{float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;}
.jqzoom img{width:100%;border:1px solid #d6d6d6;}
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:100%;height:100%;background:#fff;border:1px solid #ccc;display:none;text-align:center;overflow:hidden;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#fff;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}
/*图片小图预览列表*/.spec-preview{width:100%;height:100%;}
.spec-scroll{clear:both;margin-top:10px;width:100%;float:left;}
.spec-scroll .prev{float:left;margin-right:4px;}
.spec-scroll .next{float:right;}
.spec-scroll .prev,.spec-scroll .next{display:block;width:32px;height:32px;cursor:pointer;margin-top:5px;}
.spec-scroll .items{float:left;position:relative;width:80%;height:51px;overflow:hidden;}
.spec-scroll .items ul{position:absolute;width:999999px;}
.spec-scroll .items ul li{float:left;width:66px;text-align:center;}
.spec-scroll .items ul li img{border:1px solid #d6d6d6;padding:2px;width:57px;height:44px;}
.spec-scroll .items ul li img:hover{border:2px solid #2a3843;padding:1px;}
.pros_right{width:55%;float:right;overflow:hidden;}
.pros_right_top{overflow:hidden;border-bottom:2px solid #e6e6e6;}
.pros_right_top .pbt{overflow:hidden;font-size:24px;color:#333;padding-bottom:10px;}
.pros_right_top .pwz{overflow:hidden;font-size:16px;color:#333;line-height:25px;padding-bottom:10px;}
.proleft{font-size:14px;line-height:30px;margin:2% 0; float: left; }
.proleft .bt{font-size: 16px; font-weight: 600; color: #00b3e5;}
.proleft p{font-size:14px;line-height:25px;}
.prorights{font-size:14px;line-height:30px;margin:2% 0; width: 68%; float: left; }
.prorights .bt{font-size: 16px; font-weight: 600; color: #00b3e5;}
.prorights p{font-size:14px;line-height:25px; width: 48%; float: left; margin-right: 2%;}


.pc-cx-tel-1{width: 100%;height: auto;border-top: 2px solid #e6e6e6;padding-top: 2%;overflow:hidden;margin-top:4%;}
.pc-cx-tel-1-t1{width: 28%;height: auto;background: #333;font-size: 18px;line-height: 44px;text-align: center;float: right;margin-top: 15px;}
.pc-cx-tel-1-t1 a{display: block;color: #fff;}
.pc-cx-tel-1-t2{height: auto;padding-left: 70px;background: url(../img/head-c-r1.png) no-repeat 0px center;font-size:20px;color: #454545;float:left;line-height:30px;}
.pc-cx-tel-1-t2 p{line-height: 24px;font-size: 18px}
.pbtn{margin-top:10px;overflow:hidden;}
.pbtn a{width:40%;line-height:50px;float:left;text-align:center;margin-right:3%; background: #00b3e5;
    color: #fff; font-size:18px}
.pbtn i{font-family:"iconfont";position:relative;margin-right:5px;font-style:normal;line-height:1;top:0px;}
.pbtn i img{width:20px; vertical-align: middle;}
.pbtn a:hover{background:#ff963a;color:#fff;}

.proleft_btn{width:100%;float:left;margin-top:3%;}
.proleft_btn li{width:150px;float:left;margin-right:10px;}
.proleft_btn li a{width:150px;height:40px;float:left;line-height:40px;text-align:center;font-size:16px;background:#eee;display:block;color: #333722}
.proleft_btn li span{float:left;padding-right:20px;}
.proleft_btn li a:hover,.proleft_btn li a.on{background:#333;color:#fff;}
.tabs-basic{width:100%;margin:3% 0; overflow:hidden}
/* The tabs*/.tabs-basic ul{list-style:none;text-align:left;margin:0;padding:0;border-bottom:1px solid #e6e6e6;}
.tabs-basic ul li{display:inline-block;margin-bottom:-1px;font-size:22px;text-transform:uppercase;}
.tabs-basic a{display:block;text-decoration:none;background:#eee;border:1px solid transparent;padding:10px 20px;color: #333; border-radius:8px 8px 0 0; box-sizing: border-box;}
.tabs-basic .tab-active{color:#fff;background:#00b3e5;}
/* The content*/.tabs-basic .tabs-content-placeholder{overflow:hidden;margin:auto;padding:20px 0;}
.tabs-basic .tabs-content-placeholder .div{display:none;}
.tabs-basic .tabs-content-placeholder .div.tab-content-active{display:block;line-height:30px;font-size:14px;}
.tabs-basic .tabs-content-placeholder .div.tab-content-active table{border:1px solid #d6d6d6;line-height:24px;text-align:center;}
.tabs-basic .tabs-content-placeholder .div.tab-content-active table tr{padding-left:20px;}
.tabs-basic .tabs-content-placeholder .div p{line-height:30px;text-align:left;margin-top:10px;}
.tabs-basic .tabs-content-placeholder .div img{max-width:100%;margin:auto;display: block;clear: both;}
.tabs-basic table{border-collapse:collapse;border: 1px #e6e6e6 solid !important;width:100% !important;line-height:30px!important;}
.tabs-basic table td{padding:8px!important;padding-left:12px !important;word-wrap:break-word;word-break:break-all;border:1px #e6e6e6 solid !important;line-height:30px!important;}
.tabs-basic table td div{padding:0px!important;height:auto!important;}
.hot_pro2{width:100%;float:left;margin-top:5%;}
.hot_pro2_tit{width:100%;height:45px;background:#f1f1f1;color:#333;line-height:45px;font-size:16px;padding:0 20px;font-weight:bold;border:1px solid #d6d6d6;box-sizing: border-box;}
.scrollleft2{width:100%;float:left;margin-top:20px;margin-bottom: 30px;}
.scrollleft2 li{width:200px;float:left;margin-right:20px;overflow:hidden;}
.scrollleft2 li img{width:99%;display:block;border:1px solid #e6e6e6;}
.scrollleft2 li img:hover{border:1px solid #00b3e5;}
.scrollleft2 li a{color: #333}
.scrollleft2 li span{display:block;width:100%;line-height:30px;margin-top:10px;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;}
.fanhui{float:right;width:126px;margin:0 auto;position:relative;height:1px;}
.fanhui a{position:absolute;z-index:2;width:125px;height:42px;line-height:42px;top:25px;right:0;text-align:center;background:#00b3e5;font-size:16px;color:#fff;display:inline-block;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;}
.fanhui a:hover{color:#fff;font-size:16px;font-weight:100;text-decoration:underline;}
.PreveNext{border-top:1px #DEDEDE solid;margin:0px auto;width:100%;height:70px;padding-top:10px;padding-bottom:10px;clear:both;overflow:hidden;}
.PreveNext ul{float:left;}
.PreveNext li{width:100%;float:left;line-height:32px;text-align:left; font-size: 15px;}



.subnav{margin-bottom: .3rem;}
.subnav ul{display: flex;align-items: center;flex-flow: wrap;margin-left: -.1rem;justify-content: center;}
.subnav li{position: relative;margin-left: .1rem;font-size: .1rem;}
.subnav li a{display: block;padding: .05rem .1rem;overflow: hidden;transition: all .3s;background: #FFF;border-radius: 1rem;}
.subnav li a:hover{display: block;text-decoration: none;color: #0055b8;}
.subnav li a.current{color:#FFF;background: #0055b8;}



.event{background: #FFF;padding: .2rem;line-height: 1.8;text-align: center;}
.event img{max-width: 100%;}
.event video{margin-top: .2rem;max-width: 100%;}

.case .title{text-align: center;}
.case ul{display: flex;align-items: center;flex-wrap: wrap;margin-bottom: -2%;margin-left: -2%;margin-top: .2rem;}
.case li{width: 23%;position: relative;transition: all .4s;margin-bottom: 2%;margin-left: 2%;background: #FFF;text-align: center;transition: all .3s;border-radius: .05rem;overflow: hidden;}
.case li:hover{transform: translateY(-.05rem);box-shadow: 0 0 .1rem rgba(0, 0, 0, .1);}
.case li figure{padding-bottom: 70%;}
.case li p{padding: .1rem;}
.case li a:hover{text-decoration: none;}

.zhengshu .title{text-align: center;}
.zhengshu ul{display: flex;align-items: center;flex-wrap: wrap;margin-bottom: -2%;margin-left: -2%;margin-top: .2rem;}
.zhengshu li{width: 23%;position: relative;transition: all .4s;margin-bottom: 2%;margin-left: 2%;background: #FFF;text-align: center;transition: all .3s;border-radius: .05rem;overflow: hidden;}
.zhengshu li:hover{transform: translateY(-.05rem);box-shadow: 0 0 .1rem rgba(0, 0, 0, .1);}
.zhengshu li figure{padding-bottom: 120%;}
.zhengshu li p{padding: .1rem;}
.zhengshu li a:hover{text-decoration: none;}

.news li{box-sizing: border-box;text-align:left;margin-bottom: .3rem;}
.news li a{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;transition:all .3s;}
.news li a:hover{text-decoration: none;}
.news li .pic{width:30%;border-radius: .05rem;overflow: hidden;}
.news li figure{padding-bottom: 60%;}
.news li .txt{width:67%;box-sizing:border-box;}
.news li h2{transition: all .3s;font-size: .16rem;line-height: 1.4;}
.news li p{margin-top:.1rem;color: #333;line-height: 1.4;}
.news li .txter{margin-top:.1rem;font-size: .08rem;color: #333;}
.news li .more{color: #999;margin-top: .2rem;font-size: .08rem;}
.news li a:hover .more{color:#0c4194;}

.news_con{background: #FFF;padding: .2rem;}
.news_con .title h2{font-size: .16rem;font-weight: bold;}
.news_con .title p{margin-top: 10px;color: #666;}
.news_con .txt{line-height: 2;margin-top: .2rem;border-top: 1px solid #CCC;padding: .2rem 0;}
.news_con .txt p{padding-bottom: 10px;}
.news_con .txt img{max-width: 100%;}

.products_b ul{margin-top: .2rem;}
.products_b li{padding-bottom: .2rem;}
.products_b li h2{margin-top: .1rem;font-family: 'poppins_bold';}

.con{background: #f5f5f5;}

.support ul{display: flex;margin-left: -2%;}
.support li{width: 23%;margin-left: 2%;}
.support li i{color: #0055b8;font-size: .3rem;}
.support li h2{font-family: 'poppins_bold';}

.support_er .txt{line-height: 1.6;padding-top: .2rem;}
.support_er .txt img{max-width: 100%;margin-top: .1rem;}

.fenye{margin-top: .2rem;}
.fenye ul{font-size: 0px;text-align: center;}
.fenye li{display: inline-block;font-size: .1rem;text-align: center;margin:0 .03rem;background: #FFF;border-radius: 100%;overflow: hidden;}
.fenye li a{display: flex;width: .2rem;height: .2rem;align-items: center;justify-content: center;}
.fenye li a:hover{text-decoration: none;background: #0055b8;color: #FFF;}
.fenye li.current a{background: #0055b8;color: #FFF;}
.fenye li:first-child a:hover{background: #FFF;color: #0055b8;}
.fenye li:last-child a:hover{background: #FFF;color: #0055b8;}
.fenye li i{font-size: .08rem;}
 
.syt{padding: .1rem 0;margin-top: .05rem;}
.syt ul{display: flex;align-items: center;justify-content: space-between;}
.syt li{line-height: 2;text-align: center;}
.syt li a{display: flex;align-items: center;justify-content: center;}
.syt li a:hover{display: flex;align-items: center;justify-content: center;text-decoration: none;}
.syt li i{font-size: .1rem;}
.syt li:nth-of-type(1) i{margin-right: .06rem;}
.syt li:nth-of-type(2) i{margin-right: .06rem;}
.syt li:nth-of-type(3) i{margin-left: .06rem;}
.syt ul:after{display: none;}

.sxy li{margin-bottom: .1rem;box-shadow: 0 0 20px 5px rgba(0, 0, 0, .1);}
.sxy li p{font-size: .13rem;font-weight: bold;}
.sxy li h2{margin-top: .1rem;}
.sxy li i{font-size: .1rem;color: #0055b8;margin-top: .1rem;display: block;text-align: right;}
.sxy li a{background: #e1e9fa;display: block;padding: .1rem;}
.sxy li a:hover{text-decoration: none;background: #0055b8;color: #FFF;}
.sxy li a:hover i{color: #FFF;}

.contact{line-height: 1.6;}
.contact ul{display: flex;align-items: center;justify-content: space-between;text-align: center;flex-flow: wrap;}
.contact li{width: 31.333%;display: flex;align-items: center;justify-content: center;flex-flow: column;background: #f3f7fb;box-sizing: border-box;padding: .1rem;height: 1.4rem;border-radius: .05rem;}
.contact li i{color: #0055b8;font-size: .24rem;border-radius: .05rem;}
.contact li span{display: block;margin-top: .1rem;color: #999;}
.contact li p{margin-top: .1rem;}

.liuyan ul{margin-top: .1rem;display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}
.liuyan ul:after{display: none;}
.liuyan li{ width:49%; margin-bottom: .1rem;}
.liuyan li p{padding-bottom: 5px;}
.liuyan li .input_txt{ width:100%; border:1px solid #CCC; outline:medium; padding:10px 4%;box-sizing: border-box;border-radius: .03rem;}
.liuyan .textarea{  margin:0;}
.liuyan .textarea textarea{ width:100%; height:.6rem; border:1px solid #CCC; outline:medium; padding:2%;box-sizing: border-box;border-radius: .03rem;}
.liuyan .textarea p{font-weight: bold;padding-bottom: 10px;}
.liuyan .more{margin-top:10px;}
.liuyan .input_btn{border:0 none; color:#FFF; background:#0055b8;cursor: pointer;outline: medium;padding: .05rem .3rem;border-radius: .03rem;}