@charset "utf-8";
/*幻灯片工始*/
.w3l-main-slider p.slideone{font-size:14px;color:#fff;display:inline-block;border:1px groove #fff;text-transform:uppercase;font-weight:700;padding:6px 12px}
.w3l-main-slider p.slidetwo{font-size:18px;color:var(--primary);font-weight:700}
.w3l-main-slider p.slidethree{font-size:16px;line-height:25.6px;color:#fff;max-width:700px;margin-left:auto;margin-right:auto}
.w3l-main-slider h3.banner-text{font-size:50px;line-height:60px;color:#fff;font-weight:700;margin-bottom:60px;max-width:750px;margin-left:auto;margin-right:auto}
.w3l-main-slider .banner-slider{position:relative;z-index:1}
.w3l-main-slider .banner-view{background:url(../images/mainslide1.jpg) no-repeat center;background-size:cover;min-height:700px;position:relative;z-index:0;display:grid;align-items:center}
.w3l-main-slider .banner-top1{background:url(../images/mainslide2.jpg) no-repeat center;background-size:cover}
.w3l-main-slider .banner-top2{background:url(../images/mainslide3.jpg) no-repeat center;background-size:cover}
.w3l-main-slider .banner-top3{background:url(../images/mainslide4.jpg) no-repeat center;background-size:cover}
.w3l-main-slider .banner-view:before{content:"";background:rgba(7,10,12,0.45);position:absolute;top:0;min-height:100%;left:0;right:0;z-index:-1}
.w3l-main-slider li {list-style-type: none;}

.owl-theme .owl-nav{position: absolute;width: 100%;top: calc(50% - 25px);}
.owl-theme .owl-nav svg{ width:2rem; height:2rem}
.owl-theme .owl-nav .owl-prev{ float:left;font-size: 0;display: flex;align-items: center;justify-content: center;}
.owl-theme .owl-nav .owl-next{ float:right;font-size: 0;display: flex;align-items: center;justify-content: center;}
.owl-theme .owl-nav [class*=owl-]{font-size: 0!important}
@media (max-width:1440px){.w3l-main-slider .banner-view{min-height:600px}}
@media (max-width:900px){.w3l-main-slider h3.banner-text{font-size:45px;line-height:50px}}
@media (max-width:600px){.w3l-main-slider .banner-view{min-height:550px}}
@media (max-width:569px){.w3l-main-slider h3.banner-text{font-size:35px;line-height:40px}.w3l-main-slider .banner-view{min-height:430px}}
@media (max-width:440px){.w3l-main-slider h3.banner-text{font-size:25px;line-height:34px}}
/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */ 
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}
.owl-carousel{width:100%;z-index:1}
.owl-carousel .owl-stage{position:relative;touch-action:manipulation;-moz-backface-visibility:hidden}
.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}
.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0)}
.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}
.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:block}
.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}
.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{border:none}
.owl-carousel.owl-loading{opacity:0;display:block}
.owl-carousel.owl-hidden{opacity:0}
.owl-carousel.owl-refresh .owl-item{visibility:hidden}
.owl-carousel.owl-drag .owl-item{touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.owl-carousel.owl-grab{cursor:move;cursor:-webkit-grab;cursor:grab}
.owl-carousel.owl-rtl{direction:rtl}
.owl-carousel.owl-rtl .owl-item{float:right}
.owl-carousel .animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.owl-carousel .owl-animated-in{z-index:0}
.owl-carousel .owl-animated-out{z-index:1}
.owl-carousel .fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}
@-webkit-keyframes fadeOut{ 0%{opacity:1} 100%{opacity:0}}
@keyframes fadeOut{0%{opacity:1} 100%{opacity:0}}
.owl-height{transition:height .5s ease-in-out}
.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}
.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}
.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}
.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}
.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}
.owl-carousel .owl-video-play-icon:hover{transform:scale(1.3,1.3)}
.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}
.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}
.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}

/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}
.owl-dots{margin-top:0px;bottom:20px;position:absolute;left:0;right:0}
.owl-theme .owl-nav [class*=owl-]{color:#fff;font-size:25px;margin:0px;padding:0;background:rgba(255,239,236,0.33);display:inline-block;cursor:pointer;transition:0.3s ease-in-out;height:50px;width:50px;line-height:50px;border-radius:50%}
.owl-theme .owl-nav [class*=owl-]:hover{background:var(--primary);opacity:1;text-decoration:none;outline:none;box-shadow:none;transition:0.3s ease-in-out}
.owl-theme .owl-nav [class*=owl-]:focus,.owl-theme:focus,.owl-dots:focus,.owl-dot:focus{outline:none;box-shadow:none}
.owl-theme .owl-nav .disabled{opacity:.8;cursor:default}
.owl-theme .owl-nav.disabled + .owl-dots{margin-top:30px}
.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1;background:transparent;padding:0}
.owl-theme .owl-dots .owl-dot span{width:11px;height:11px;margin:5px 5px;background:#fff;display:block;border:1px solid var(--primary);-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px;position:relative}
button.owl-next,button.owl-prev{position:absolute;bottom:50%}
button.owl-prev{left:15px}
button.owl-next{right:15px}
.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:var(--primary)}
@media all and (max-width:640px){button.owl-prev{left:0px}button.owl-next{right:0px}}
@media all and (max-width:480px){button.owl-next,button.owl-prev{position:absolute;bottom:0%}}
/*幻灯片结束*/

.new-product{ position:relative; }
.new-product > div{ background-color:#FFFFFF}
.new-product::before{position: absolute;content: '';width: 100%;background-image: url(../images/new-product-bg-l.png);height: 100%;background-repeat: no-repeat;background-size: auto 98%; z-index: -1;}
.new-product::after{position: absolute;content: '';width: 100%;background-image: url(../images/new-product-bg-r.png);height: 100%;background-repeat: no-repeat;background-size: auto 98%; background-position:100%;top: 0;z-index: -1; }
.new-product .title{ text-align:center; color: #2591d1;font-size: 2rem;font-weight: bold;}
.new-product .category{ list-style: none; padding:0}
.new-product .category li{font-size: 1.025rem;font-weight: bold;}
.new-product .category li:not(:first-child){ margin-top:1rem}
.new-product .category li a{ color:#0b2154; background-color:#f2f2f2;display: block; padding:1rem;}
.new-product .category .active a{ color:#ffffff; background-color:#2591d1;}
.new-product h3{ font-size:1.5rem; color:#0b2154}
.new-product .info{ font-size:0.9rem; color:#596277}
.new-product .info-e{ font-size:0px}
.new-product .hal{ font-size:1rem; line-height: 2; background-position: 0% 0%;background-repeat: no-repeat;}

.product-line {background-color:#7ed0f7;background-repeat: no-repeat;}
.product-line .container-lg{ position:relative}
.product-line .container-lg::before{ content:''; position:absolute;  background-image:url(../images/procduct-line-bg.png);width: 150px;height: 100%;left: -200px;background-repeat: no-repeat;background-position: right;background-size: 50% auto;}
.product-line .title{ text-align:center; color: #2591d1;font-size: 2rem;font-weight: bold;}
.product-line .testimonial-text{ color:#050101; font-family:Arial, Helvetica, sans-serif; font-size:1.025rem; font-weight:bold; background-color:#f2f2f2; text-align:center;padding:1rem 0;}
.product-line .pro-col,
.product-line .pro-col .con-img{ overflow:hidden; }
.product-line .pro-col:hover .link{right: 15px;}
.product-line .pro-col .link{ position:absolute;right: -100px;bottom: 0px;padding: 0px;background-color: #ffc246;color: #fff;font-size: 1.25rem;line-height: 1;transition:all .4s ease}
.product-line .pro-col .link a{ color:#fff; }
.product-line .pro-col .link i{ display: block;padding: 0.5rem;transition:all .4s ease}
.product-line .pro-col .link i:hover{ display: block;padding: 0.5rem;background-color:#776644}


.why-us h3{ color:#1c0a1a;text-align: center;font-size: 2.275rem;font-weight: 700;}
.why-us p{ line-height: 2;}
.why-us .img-one {overflow: hidden; max-height: 360px;}
.why-us .img-one img { display: block;transition: transform 0.3s linear; width: 100%;}
.why-us .img-one img:hover { transform: scale(1.1); transition: transform 0.3s linear; }
.why-us .img-one.content-mid {background: var(--primary); min-height: 100%;align-items: center;display: grid;padding: 0px 40px; }
.why-us .info h3 {color: #fff;font-size: 32px;font-weight: 700; }
.why-us .info p.white {color: #fff;}
.why-us .info p {color: #eee;font-size: 14px;line-height: 24.5px;}
.why-us .theme-button {transition: 0.3s ease-out;display: inline-block;line-height: 40px;font-weight: 700;font-size: 12px;margin: 0px;padding: 0px 25px;border-radius: 0;text-transform: uppercase;}
.why-us .btn-primary {background-color: #ffc246;border-color: #ffc246;border-radius: 20px;}
.why-us .img-info.content-mid {background: var(--secondary);min-height: 100%;align-items: center;display: grid;padding: 0px 40px;}
.why-us .img-info .content-mid a { color: #fff;text-decoration: none;}
.why-us .img-info .content-mid a:hover {text-decoration: none;}

.what-news{ background-color:#f8f9fd; margin-top: -1rem;}
.what-news .title{color: #2591d1; font-size: 2rem;font-weight: bold;}
.what-news h3{ font-size:1.5rem; }
.what-news .category{ display:flex;    justify-content: space-between;list-style: none;  padding:0px;}
.what-news .category > li{line-height:2.5;flex-grow:1;text-align:center;background-color:#fff;border-radius:5px;box-shadow:0 0 3px 0px #ccc;margin:5px;cursor: pointer;font-weight: 700;}
.what-news .category > li.active, .what-news .category > li:hover{background-color:#2591d1; color:#fff;box-shadow:0 0 3px 0px rgba(5,1,1,0.5);}
.what-news .new-con{ background-color:#fff;box-shadow: 0px 0px 0.5rem 0px #ccc;}
.what-news .new-con ul{ list-style:none;margin:0;padding: 0.5rem;}
.what-news .new-con ul a{ color:#000;}