section.fifty-fifty-block{position:relative;overflow:hidden;}
section.fifty-fifty-block .content-wrapper{display:flex;justify-content:center;align-items:flex-start;flex-direction:column;min-height:460px}
section.fifty-fifty-block .content-wrapper.left{padding-right:120px; margin-top:50px}
section.fifty-fifty-block .content-wrapper.right{padding-left:80px; margin-top:50px}
section.fifty-fifty-block .content-wrapper p{line-height:2.0;}
section.fifty-fifty-block .content-wrapper h2,section.fifty-fifty-block .content-wrapper .h2,section.fifty-fifty-block .content-wrapper h3,section.fifty-fifty-block .content-wrapper .h3,section.fifty-fifty-block .content-wrapper h4,section.fifty-fifty-block .content-wrapper .h4{color:#005e86;margin-bottom:20px; font-size:30px;}
section.fifty-fifty-block .content-wrapper .quote{font-size:2rem;color:#ef7b10;font-weight:700;line-height:1.2;margin-bottom:50px}
section.fifty-fifty-block .content-wrapper .video-link-quote{display:block}
section.fifty-fifty-block .content-wrapper .video-link-quote .video-title{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;position:relative;font-size:1.25rem;font-weight:700;color:#000;padding-left:80px;min-height:60px}
section.fifty-fifty-block .content-wrapper .video-link-quote .video-title:before{content:"";display:block;position:absolute;top:0;left:0;width:60px;height:60px;background-image:url("images/play-button-orange.svg");background-size:contain;background-position:center center;background-repeat:no-repeat}
section.fifty-fifty-block .content-wrapper .video-link-quote .video-title span{font-weight:400}
section.fifty-fifty-block .media-wrapper{position:relative;width:100%;height:100%}
section.fifty-fifty-block .media-wrapper .media{position:absolute;top:70px;left:-20px;width:50vw;height:450px;background-size:cover;background-position:center center;background-repeat:no-repeat;max-width:988px;display:flex;justify-content:center;align-items:center}
section.fifty-fifty-block .media-wrapper .media .play-icon{display:block;width:120px;height:120px;background-image:url("/images/play-button.svg");background-size:contain;background-position:center center;background-repeat:no-repeat}
section.fifty-fifty-block .media-wrapper.left .media{left:unset;right:20px}
.read-more:before{content:url('data:image/svg+xml; utf8, ');display:inline-block;margin-right:5px;}
section.fifty-fifty-block .content-wrapper p a{ font-size:15px; font-weight:bold}
.marginbottom70{margin-bottom:70px}
@media(max-width: 1200px){section.fifty-fifty-block .content-wrapper.right{padding-left:50px}section.fifty-fifty-block .content-wrapper.left{padding-right:50px}}
@media(max-width: 991px){section.fifty-fifty-block .content-wrapper{min-height:auto;padding:50px 0px}section.fifty-fifty-block .content-wrapper.right{padding-left:0px}section.fifty-fifty-block .content-wrapper.left{padding-right:0px}section.fifty-fifty-block .media-wrapper{height:auto}section.fifty-fifty-block .media-wrapper .media{position:relative;top:unset;left:unset;width:100%;height:400px;max-width:100%}section.fifty-fifty-block .media-wrapper.left .media{left:unset;right:unset}}
@media(max-width: 767px){section.fifty-fifty-block .media-wrapper{position:unset;height:400px}section.fifty-fifty-block .media-wrapper .media{position:absolute;left:0;width:100vw;max-width:unset}section.fifty-fifty-block .media-wrapper.left .media{left:0}}
@media(max-width: 575px){section.fifty-fifty-block .media-wrapper{height:400px}section.fifty-fifty-block .media-wrapper .media{position:absolute;left:0;width:100vw;max-width:unset}section.fifty-fifty-block .media-wrapper.left .media{left:0}}
@media(max-width: 768px){section.systems-filter-block .tab-pane .system .image{height:180px}}
.page-banner-block{background-color:#f2f6f9;padding:65px 0px 0px 0px}
.page-banner-block:not(.oblique){padding:65px 0px 55px 0px}
.page-banner-block .content-wrapper.right{padding-left:80px}
.page-banner-block.oblique:after{content:"";display:block;width:100%;height:220px;background-color:#fff;clip-path:polygon(0 85%, 150% 0%, 100% 100%, 0 100%)}
.page-banner-block.background-image{position:relative;padding:100px 0px 200px 0px}
.page-banner-block.background-image:before{content:"";display:block;position:absolute;width:100%;height:100%;top:0;left:0;background-color:rgba(0,0,0,.6)}
.page-banner-block.background-image.oblique{padding:100px 0px 300px 0px}
.page-banner-block.background-image.oblique:after{position:absolute;bottom:0}
.page-banner-block.background-image.oblique .arrows{bottom:130px}
.page-banner-block.background-image .content-wrapper{position:relative;z-index:2}
.page-banner-block.background-image p{color:#fff}
.page-banner-block.background-image .btn,.page-banner-block.background-image .nf-form-cont .nf-form-content button,.nf-form-cont .nf-form-content .page-banner-block.background-image button,.page-banner-block.background-image .nf-form-cont .nf-form-content input[type=button],.nf-form-cont .nf-form-content .page-banner-block.background-image input[type=button],.page-banner-block.background-image .nf-form-cont .nf-form-content input[type=submit],.nf-form-cont .nf-form-content .page-banner-block.background-image input[type=submit]{font-size:1.25rem}
.page-banner-block.background-image .arrows{position:absolute;bottom:50px;left:50%;transform:translateX(50%);z-index:2;margin-left:-24px}.page-banner-block.background-image .arrows:hover{cursor:pointer}
.page-banner-block.background-image .arrows .arrow{color:#fff;font-size:3.75rem;transform:rotate(90deg);font-weight:600;width:24px;height:36px;animation:1.5s arrow infinite;margin-top:-4px}
.page-banner-block.background-image .arrows .arrow:nth-child(1){animation-delay:0s}
.page-banner-block.background-image .arrows .arrow:nth-child(2){animation-delay:.2s}
.page-banner-block.background-image .arrows .arrow:nth-child(3){animation-delay:.4s}
.page-banner-block #breadcrumbs{margin-bottom:20px;font-size:1rem}
.page-banner-block h1,.page-banner-block .h1{color:#ef7b10;margin-bottom:20px; font-size:40px; font-weight:bold}
.page-banner-block h3,.page-banner-block .h3{color:#005e86;margin-bottom:20px; font-size:30px; }
.page-banner-block h2,.page-banner-block .h2{height:60px; line-height:60px; border-bottom:1px #005e86 solid; border-top:1px #005e86 solid; font-size:24px; font-weight:bold; max-width:500px; margin:0 auto; margin-top:5px; text-align:center}
.page-banner-block p{margin-bottom:40px}
.page-banner-block p,.page-banner-block ul li{font-size:1.1rem;line-height:2.0;font-weight:600;}
.page-banner-block .content-wrapper{padding-right:35px}
.page-banner-block .featured-image{width:100%;height:100%;min-height:500px;max-height:600px;background-size:cover;background-position:center center;background-repeat:no-repeat}
.page-banner-block .images{position:relative;width:100%;height:100%;min-height:700px;max-height:700px}
.page-banner-block .images .image{position:absolute;background-size:cover;background-position:center center;background-repeat:no-repeat;transition:all .4s ease-in-out}
.page-banner-block .images .image:first-child{width:80%;height:70%;right:0;z-index:1}
.page-banner-block .images .image:first-child:hover{z-index:3}
.page-banner-block .images .image:last-child{width:60%;height:50%;left:30px;bottom:0;z-index:2}
.page-banner-block .images .image:last-child:hover{z-index:3}
.page-banner-block .video-wrapper{padding-left:50px;height:100%;min-height:500px;max-height:600px;width:100%}
.page-banner-block .video-image{height:100%;width:100%;background-size:cover;background-position:center center;background-repeat:no-repeat;display:flex;justify-content:center;align-items:center}
.page-banner-block .video-image .play-icon{display:block;width:100px;height:100px;background-image:url("/images/play-button.svg");background-size:contain;background-position:center center;background-repeat:no-repeat}
.page-banner-block.background-image{padding:50px 0px 150px 0px}
.page-banner-block .content-wrapper{padding-right:0}
.page-banner-block .images{min-height:250px}
.page-banner-block .featured-image{margin-left:-12px;margin-right:-12px;width:calc(100% + 24px)}
.page-banner-block .video-image{margin-left:-12px;margin-right:-12px;width:calc(100% + 24px)}
.page-banner-block.oblique{padding:30px 0px 0px 0px}
.page-banner-block.oblique:after{display:none}}
.btn{display:inline-block;border-radius:6px;font-weight:800;padding:15px 30px;transition:all .4s ease-in-out;color:#fff; background:#000000}
.btn:before{content:url('data:image/svg+xml; utf8, ');display:inline-block;margin-right:5px}
.btn:hover{color:#fff}
.btn{border-radius:5px;box-shadow:none;font-size:0.95rem; font-weight:bold;margin-top:0PX;}
.btn.has-orange-background-color{background-color:#005e86;border-color:transparent;border-width:2px;color:#fff;}
.btn.has-orange-background-color:hover{background-color:#133d59;border-color:transparent;border-width:2px;color:#fff;}
.f_l{ float: left; display: inline-block; }
.f_r{ float: right; display: inline-block; }
.container{ margin:0 auto; width: 1200px; }
.lw-w-1{ width:8.33333333%; }
.lw-w-2{ width:16.66666667%; }
.lw-w-3{ width:25%; }
.lw-w-33{ width:23.5%; }
.lw-w-4{ width:33.33333333%; }
.lw-w-5{ width:41.66666667%; }
.lw-w-6{ width:50%; }
.lw-w-7{ width:58.33333333%; }
.lw-w-8{ width:66.66666667%; }
.lw-w-9{ width:75%; }
.lw-w-10{ width:83.33333333%; }
.lw-w-11{ width:91.66666667%; }
.lw-w-12{ width:100%; }
.lw-5w{ width:20%; }
@media (min-width:1200px) {
.container{ width:1230px; }
}
@media (max-width:1200px) {
.container{ width:1054px; }
.lw-xw-1{ width:8.33333333%; }
.lw-xw-2{ width:16.66666667%; }
.lw-xw-3{ width:25%; }
.lw-xw-4{ width:33.33333333%; }
.lw-xw-5{ width:41.66666667%; }
.lw-xw-6{ width:50%; }
.lw-xw-7{ width:58.33333333%; }
.lw-xw-8{ width:66.66666667%; }
.lw-xw-9{ width:75%; }
.lw-xw-10{ width:83.33333333%; }
.lw-xw-11{ width:91.66666667%; }
.lw-xw-12{ width:100%; }
.lw-5xw{ width:20%; }
}
@media (max-width:1024px) {
.container{ width:992px; }
.lw-mw-1{ width:8.33333333%; }
.lw-mw-2{ width:16.66666667%; }
.lw-mw-3{ width:25%; }
.lw-mw-4{ width:33.33333333%; }
.lw-mw-5{ width:41.66666667%; }
.lw-mw-6{ width:50%; }
.lw-mw-7{ width:58.33333333%; }
.lw-mw-8{ width:66.66666667%; }
.lw-mw-9{ width:75%; }
.lw-mw-10{ width:83.33333333%; }
.lw-mw-11{ width:91.66666667%; }
.lw-mw-12{ width:100%; }
.lw-5mw{ width:20%; }
}
@media (max-width:992px) {
.container{ width:768px; }
}
@media (max-width:768px) {
.container{ width:100%; }
.lw-sw-1{ width:8.33333333%; }
.lw-sw-2{ width:16.66666667%; }
.lw-sw-3{ width:25%; }
.lw-sw-4{ width:33.33333333%; }
.lw-sw-5{ width:41.66666667%; }
.lw-sw-6{ width:50%; }
.lw-sw-7{ width:58.33333333%; }
.lw-sw-8{ width:66.66666667%; }
.lw-sw-9{ width:75%; }
.lw-sw-10{ width:83.33333333%; }
.lw-sw-11{ width:91.66666667%; }
.lw-sw-12{ width:100%; }
.lw-5sw{ width:20%; }
}
.imgBox{ overflow: hidden; }
.imgBox img{ display: block; transform: scale(1); transition:all .3s; }
.imgh:hover .imgBox img,
.imgBox .imgh:hover img,
.imgBox.imgh:hover img{ transform: scale(1.08); }
.imgBox{ position:relative; }
.imgBox img{ position:absolute; left:0; top:0; height:100%; width:100%; }
.btn-grays{display:inline-block;font-weight:400;text-align:center;white-space:nowrap;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:1px solid transparent;padding:1rem 1.5rem;font-size:1rem;line-height:1.5;border-radius:.25rem;-webkit-transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out}
@media screen and (prefers-reduced-motion:reduce){.btn-grays{-webkit-transition:none;transition:none}}
.btn-grays:hover{text-decoration:none}
.btn-grays:focus,.focus.btn-grays{outline:0;-webkit-box-shadow:0 0 0 .2rem rgba(2,59,126,.25);box-shadow:0 0 0 .2rem rgba(2,59,126,.25)}
.btn-grays:disabled{opacity:.65}
.btn-grays:not(:disabled):not(.disabled){cursor:pointer}
a.disabled.btn-grays,fieldset:disabled a.btn,fieldset:disabled a.btn-grays{pointer-events:none}
.btn-grays{background:#dee2e6;color:#005e86;-webkit-box-shadow:none !important;box-shadow:none !important;font-family:'Montserrat',sans-serif;font-style:normal;font-display:swap;font-weight:700;margin:8px;font-size:12px}
@media(max-width:1439.98px){.btn-grays{padding:.5rem .75rem}}
@media(min-width:1440px){.btn-grays{font-size:16px}}
.btn-grays{display:inline-block;line-height:1;vertical-align:middle;font-weight:bold}
.btn-grays{-webkit-box-shadow:0 .25rem .5rem rgba(0,0,0,.2);box-shadow:0 .25rem .5rem rgba(0,0,0,.2)}
.btn-grays:hover{background:#005e86;color:#fff}
.section .section--contents{color:#000;font-size:16px;max-width:1100px;margin:auto;font-style:normal;font-display:swap;font-weight:300}
@media(min-width:1440px){.section .section--contents{font-size:20px;}}
.section .feature{max-width:1200px;margin:auto;margin-top:30px;margin-bottom:25px}
@media(min-width:1440px){.section .feature{margin-top:30px;margin-bottom:25px}}
.section .section--titles{color:#005e86;margin:auto;margin-bottom:10px;font-style:normal;font-display:swap;font-weight:700}
@media(min-width:1440px){.section .section--titles{font-size:40px;margin-bottom:10px !important}}
.light{font-family:'Montserrat',sans-serif;font-style:normal;font-display:swap;font-weight:300}
/**产品**/
.ProductList{ background-color:#f2f6f9; padding:25px 0 0px; }
.ProductList .Screen{}
.ProductList .Screen .pad{ padding:15px 3.07% 22px; border:1px solid #eee; }
.ProductList .Screen .ul{ font-size:0; line-height:0; }
.ProductList .Screen .ul li{ display:inline-block; }
.ProductList .Screen .ul a{ font-size:14px; line-height:32px; display:block; color:#666666; }
.ProductList .Screen .l1{ border-bottom:1px solid #eeeeee; margin-bottom:18px; }
.ProductList .Screen .l2{}
.ProductList .Screen .l3{}
.ProductList .Screen .l2 li.on,
.ProductList .Screen .l2 li:hover{ z-index:2; }
.ProductList .Screen .l1 li{ margin-right:36px; }
.ProductList .Screen .l2 li{ margin-right:45px; position:relative; }
.ProductList .Screen .l3 li{}
.ProductList .Screen .sub li{ display:block; }
.ProductList .Screen .sub a{ line-height:26px; padding:0 20px; }
.ProductList .Screen .l1 a{ font-size:16px; color:#333333; padding:12px 0; position:relative; }
.ProductList .Screen .l1 a::after{ content:""; position:absolute; bottom:-1px; left:0; height:2px; width:100%; background:transparent; }
.ProductList .Screen .l2 a{}
.ProductList .Screen .l3 a{}
.ProductList .Screen .l2 a::before{ content:""; display:block; position: absolute; left:0; top:100%; width:100%; height:8px; }
.ProductList .Screen .ul .on>a,
.ProductList .Screen .ul a:hover{ color:#005e86; }
.ProductList .Screen .l1 .on a::after{ background:#005e86; }
.ProductList .Infos{ margin:40px 0 30px; }
.ProductList .Infos .Box{ padding:0% 0% 0%; }
.ProductList .Infos .Imgs{ width:865px; margin-right:4.46%; }
.ProductList .Infos .Big{ margin-bottom:8px;}
.ProductList .Infos .imgBox{ padding-top:75%; display:block; }
.ProductList .Infoser{ margin:0px 0 10px;}
.ProductList .Infoser .Box{ padding:0%;background:#cad3da }
.ProductList .Infoser .Imgs{ width:500px; margin-right:4.46%; }
.ProductList .Infoser .imgBox{ padding-top:125%; display:block; }
.ProductList .Infoser .cont{ overflow:hidden; padding-top:0px; }
.ProductList .Infoser .word{ font-size:22px; color:#333; line-height:35px; margin:80px 0 0px;}
.serqq{ display:inline-block; padding:0 17px; background:#005e86; transition:all .3s; font-size:16px; line-height:44px; color:#fff; margin-left:10px}
.serqq span{ display:block; padding-left:27px; background:url(/images/icons1.png) no-repeat left center/16px auto; }
.serqq:hover{ background:#005e86; color:#FFFFFF }
.services{ text-align:center; margin-top:50px; font-size:18px}
.ProductList .Infos .swiperBox{ position:relative; }
.ProductList .Infos .swiper-container{ margin:0 32px; }
.ProductList .Infos .swiper-container .imgBox{ border:1px solid #eee; }
.ProductList .Infos .swiper-container .on .imgBox{ border-color:#005e86; }
.ProductList .Infos .Btns a{ display:block; height:100%; position: absolute; top:0; background:#e8e8e8 no-repeat center/11px auto; width:25px; transition:all .3s; z-index:2; }
.ProductList .Infos .Btns a:hover{ background-color:#005e86; }
.ProductList .Infos .cont{ overflow:hidden; padding-top:0px; }
.ProductList .Infos .h2{ font-size:32px; line-height:30px; color:#333333; }
.ProductList .Infos .des{ font-size:14px; line-height:20px; color:#999999; padding-bottom:20px; margin:10px 0 29px; }
.ProductList .Infos .h4{ font-size:16px; line-height:24px; font-weight:bold; }
.ProductList .Infos .word{ font-size:14px; color:#666666; line-height:26px; margin:6px 0 30px; padding-bottom:15px; border-bottom:1px solid #eee; }
.ProductList .Infos .qq{ display:inline-block; padding:0 17px; background:#005e86; transition:all .3s; font-size:16px; line-height:44px; color:#fff; }
.ProductList .Infos .qq span{ display:block; padding-left:27px; background:url(/images/icons1.png) no-repeat left center/16px auto; }
.ProductList .Infos .qq:hover{ background:#005e86; }
.ProductList .List .pad{ padding:2.3% 2.3% 3%; }
.ProductList .List .h3{ font-size:18px; line-height:24px; color:#333333; font-weight:bold; border-bottom:1px solid #eee; padding-bottom:17px; margin-bottom:25px; }
.ProductList .List .dl{ font-size:14px; line-height:22px; color:#888; border-left:1px solid #dddddd; border-top:1px solid #dddddd; display:table; width:100%; }
.ProductList .List .dt,
.ProductList .List .dd{ display:table-row; }
.ProductList .List .dt{ background:#eeeeee; color:#333333; }
.ProductList .List .dl .wid{ display:table-cell; vertical-align:middle; padding:15px 10px; border-right:1px solid #dddddd; border-bottom:1px solid #dddddd; }
.ProductList .List .dl a{ color:#888; }
.ProductList .List .dl .down{ display:block; margin:0 auto; height:19px; width:19px; background:url(../images/icon_down1.png) no-repeat center/contain; }
.ProductList .List .dl .wid1{ width:105px; }
.ProductList .List .dl .wid2{ width:115px; }
.ProductList .List .dl .wid3{ width:105px; }
.ProductList .List .dl .wid4{ width:115px; }
.ProductList .List .dl .wid5{ width:105px; }
.ProductList .List .dl .wid6{ width:100px; }
.ProductList .List .dl .wid7{ width:120px; }
.ProductList .List .dl .wid8{ width:115px; }
.ProductList .List .dl .wid9{ width:175px; }
.ProductList .List .dl .wid10{ width:105px; }
.ProductList .List .dl .wid11{ width:80px; }
.ProductList .List .dl .down:hover{ background-image:url(../images/icon_down1_h.png); }
.ProductList .List .dl a:hover{ color:#005e86; }
/**产品详情**/
.ProductInfo{ background:#f8f8f8; padding:55px 0 65px; }
.ProductInfo .pad{ padding:28px 30px 58px; }
.ProductInfo .pad .h1{ font-size:18px; line-height:26px; color:#333333; font-weight:bold; border-bottom:1px solid #eee; padding-bottom:16px; margin-bottom:28px; }
.ProductInfo .pad .content{ font-size:14px; line-height:24px; color:#666666; }
.ProductInfo .pad .content img{ height:auto!important; }
.swiper-scrollbar .swiper-scrollbar-drag{ background:#005e86; }
@media (min-width: 1200px){
.ProductList .Screen .l3{ display:none; }
.ProductList .Screen .l2 li.on .sub,
.ProductList .Screen .l2 li:hover .sub{ opacity:1; margin-top:8px; transform:scale(1); }
.ProductList .Screen .l2 li:hover~li .sub,
.ProductList .Screen .sub{ position: absolute; word-break:keep-all; white-space:nowrap; width:160px; border:1px solid #eeeeee; background:#fff; padding:10px 0; margin-top:0; opacity:0; transform:scale(0); transition:margin .4s,opacity .4s; }
.ProductList .Screen .sub::after{ content:""; position:absolute; bottom:100%; left:34px; width:15px; height:10px; background:url(../images/icons2.png) no-repeat center/contain; }
}
@media (min-width: 992px){
.ProductList .Imgs{ max-width:55% }
}
@media (max-width: 1200px){
.ProductList{ padding:40px 0 45px; }
.ProductList .Screen .l1{ margin-bottom:10px; }
.ProductList .Screen .l1 li{ margin-right:28px; }
.ProductList .Screen .l1 a{ padding:8px 0; }
.ProductList .Screen .l2 li{ margin-right:25px; }
.ProductList .Infos{ margin:20px 0 25px; }
.ProductList .Screen .l3{ margin-top:10px; padding-top:10px; border-top:1px solid #eee; }
.ProductList .Screen .l3 li{ margin-right:20px; }
.ProductList .Screen .sub{ display:none; }
.ProductList .Infos .cont{ padding-top:20px; }
.ProductList .Infos .h2{ font-size:26px; }
.ProductList .Infos .des{ margin:8px 0 20px; padding-bottom:20px; line-height:22px; }
.ProductList .Infos .word{ margin-bottom:25px; }
.ProductList .Infos .qq{ font-size:14px; line-height:36px; }
.ProductList .List .h3{ padding-bottom:10px; margin-bottom:20px; }
.ProductInfo{ padding:40px 0 45px; }
.ProductInfo .pad{ padding:20px 25px 35px; }
.ProductInfo .pad .h1{ padding-bottom:10px; margin-bottom:20px; }
}
@media (max-width: 992px){
.ProductList{ padding:30px 0 35px; }
.ProductList .Screen .pad{ padding:10px 20px; }
.ProductList .Screen .l1 li{ margin-right:20px; }
.ProductList .Screen .l1 a{ padding:5px 0; }
.ProductList .Screen .l2 li{ margin-right:20px; }
.ProductList .Infos .Box{ padding:20px; }
.ProductList .Infos .Imgs{ max-width:100%; margin:0 auto; float:none; display:block; }
.ProductList .Infos .h2{ font-size:22px; line-height:32px; }
.ProductList .Infos .des{ margin:5px 0 15px; }
.ProductList .Infos .word{ padding-bottom:15px; margin-bottom:20px; }
.ProductList .List .pad{ padding:15px 20px 20px; }
.ProductList .List .Box{ overflow-y:auto; }
.ProductList .List .dl{ width:900px; line-height:20px; }
.ProductList .List .dl .wid{ padding:10px; }
.ProductInfo{ padding:30px 0 35px; }
.ProductInfo .pad{ padding:15px 20px 30px; }
}
@media (max-width: 768px){
.ProductList{ padding:20px 0 25px; }
.ProductList .Screen .pad{ padding:10px 15px; }
.ProductList .Screen .l1{ margin-bottom:5px; }
.ProductList .Screen .l1 a{ padding:3px 0; font-size:15px; }
.ProductList .Screen .l3{ margin-top:5px; padding-top:5px; }
.ProductList .Infos{ margin:15px 0 20px; }
.ProductList .Infos .Box{ padding:15px; }
.ProductList .Infos .cont{ padding-top:15px; }
.ProductList .Infos .h2{ font-size:20px; }
.ProductList .List .pad{ padding:15px; }
.ProductList .List .h3{ margin-bottom:15px; }
.ProductInfo{ padding:20px 0 25px; }
.ProductInfo .pad{ padding:10px 15px 20px; }
}
/**荣誉证书**/
.HonorList{ padding:65px 0px 20px; background:#f2f6f9 }
.HonorList ul{ overflow:hidden; font-size:0; line-height:0; }
.HonorList ul li{ display:inline-block; transition:all 0.3s; margin-right:2%;border:1px solid #eaeaea; margin-bottom:2%}
.HonorList ul li:nth-child(4n){margin-right:0%}
.HonorList ul li .imgh{ display:block; }
.HonorList ul li .box{ display:block; position:relative; overflow:hidden;}
.HonorList ul li .box:after{ width:0; position:absolute; content:""; left:50%; right:50%; bottom:0; height:2px; background:#005e86;transition:all 0.6s; z-index:1;}
.HonorList ul li:hover .box:after{ width:100%; left:0; right:0;}
.HonorList ul li .imgBox{ overflow:hidden; max-width:280px; margin:0 auto; width:100%; margin-top:5%; margin-bottom:7%; }
.HonorList ul li .imgBox::after{ content:""; display:block; padding-top:125.2%; width:100%; }
.HonorList ul li .h3{font-weight:normal; text-align:center; line-height:28px; height:60px; overflow:hidden; font-size:16px; color:#555555; padding:0 2%; margin-bottom:2%; overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;}
.HonorList ul li a:hover .h3{ color:#005e86;}
#zoom{z-index:99990;position:fixed;top:0;left:0;display:none;width:100%;height:100%;background:rgba(0,0,0,0.8);filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000)";-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000)";}
#zoom .content{z-index:99991;position:absolute;top:50%;left:50%;width:200px;height:200px;background:#ffffff no-repeat 50% 50%;padding:0;margin:-100px 0 0 -100px;box-shadow:-20px 20px 20px rgba(0,0,0,0.3);border-radius:4px;max-width:100%;}
#zoom .content.loading{background-image:url('../images/loading.gif');}
#zoom img{display:block;max-width:none;background:#ececec;box-shadow:0 1px 3px rgba(0,0,0,0.25);}
#zoom .close{z-index:99993;position:absolute;top:0;right:0;width:49px;height:49px;cursor:pointer;background:transparent url('/images/close.png') no-repeat 50% 50%;opacity:1;filter:alpha(opacity=100);border-radius:0 0 0 4px;}
#zoom .previous,#zoom .next{z-index:99992;position:absolute;top:50%;overflow:hidden;display:block;width:49px;height:49px;margin-top:-25px;}
#zoom .previous{left:0;background:url('/images/arrows.png') no-repeat 0 0;border-radius:0 4px 4px 0;}
#zoom .next{right:0;background:url('/images/arrows.png') no-repeat 100% 0;border-radius:4px 0 0 4px;}
#zoom .close:hover{background-color:#da4f49;}
#zoom .previous:hover,#zoom .next:hover{background-color:#0088cc;}
@media only screen and (max-width: 1200px){
.HonorList{ padding:35px 0; }
}
@media only screen and (max-width: 992px){
.HonorList{ padding:30px 0; }
}
@media only screen and (max-width: 768px){
.HonorList ul li .h3{ font-size:14px; line-height:22px; }
}
.p12-pagination-1{margin:auto; display: flex;
justify-content: center;
align-items: center;}
.p12-pagination-1-main{padding-top:20px;padding-bottom:45px}
.p12-pagination-1 a,.p12-pagination-1 span{width:35px;height:35px;line-height: 35px;border: 1px solid #e5e5e5;float: left;text-align: center;margin: 0 2px;background:#fff;color:#333333}
.p12-pagination-1 span{border: 1px solid #fff;}