a,article,body,canvas,div,em,figcaption,figure,footer,h1,h2,html,input,li,p,section,small,span,ul{margin:0;padding:0}
html{font-size:10px}
body{font-family: 'microsoft yahei', Arial, '宋体', serif;margin:0 auto;position:relative;color:#333;}
blockquote,code,dd,div,dl,dt,fieldset,h1,h2,h3,h4,h5,h6,legend,li,ol,p,pre,td,ul{list-style:none;margin:0;padding:0}
input,textarea{padding:0;margin:0;resize:none;outline:0;-webkit-user-select:auto}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{display:none}
select{appearance:none;-webkit-appearance:none;border-radius:0}
img{vertical-align:middle}
a img{border:0}
img{transform:scale(1) rotate(0) translate3d(0,0,0);-webkit-transform:scale(1) rotate(0) translate3d(0,0,0)}
a{color:#535353;text-decoration:none;outline:0;-webkit-tap-highlight-color:transparent;-webkit-appearance:none}
a:hover{text-decoration:none}
table td{word-break: break-all;}
:root{--color-primary:#03B162;--width: 1200px}
.clear:after{content:"";display:block;clear:both}
.container{width:var(--width);margin:0 auto}
.flex{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
.img{background-position:center;background-repeat:no-repeat;background-size:cover}
.btn{display:block;width: 125px;height: 40px;line-height: 40px;border-radius: 4px;color: #fff;text-align: center;font-size: 1.4rem;cursor: pointer;background-color:var(--color-primary);transition: all 0.5s;}
.img-hover-zoom{transition: all 5s;}
.img-hover-zoom:hover{transform: scale(1.3);}
.ellipsis{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}
.dropdown{width: 10px;height: 50px;position: absolute;right:-20px;top: 50%;margin-top: -25px;}
.dropdown::before{content:"";width:7px;height:7px;position:absolute;right:50%;top:50%;box-sizing:border-box;border-width:1px 0 0 1px;border-style:solid;border-color:initial;-webkit-transform:rotate(-135deg) translate(0,-50%);transform:rotate(-135deg) translate(0,-50%);-webkit-transform-origin:top;transform-origin:top;-webkit-transition:all .3s ease-out;transition:all .3s ease-out;}
.raw-html img{max-width: 100% !important;}
.close{width: 40px;height: 40px;cursor: pointer}
.close::before,
.close::after {position: absolute;content:' ';background-color: #000;left: 20px;width: 1px;height: 20px;top: 10px;}
.close::before {transform: rotate(45deg);}
.close::after {transform: rotate(-45deg);}

#header {width: 100%;position: fixed;left: 0;top: 0;z-index: 9999;box-shadow: 0 3px 4px rgba(0, 0, 0, .10);box-sizing: border-box;background: #fff;}
#header .top{line-height: 30px;background: var(--color-primary);text-align: right;font-size: 1.3rem;color: #fff;}
#header .top .container{display: flex;justify-content: space-between;}
#header .menu-box{display: flex;height: 60px;align-items: center;}
#header .menu-box .logo img{height: 50px;width: auto;}
#header .menu-wrap{width: 100%;height: 100%;flex: 1;}
#header .menu-wrap .menu{margin:0 60px;}
#header .menu-wrap .menu .menu-btn{display:none}
#header .menu-wrap .menu ul:after{content:"";display:block;clear:both}
#header .menu-wrap .menu ul li{display:block;float:left;padding:0 25px;position: relative}
#header .menu-wrap .menu ul li a{color:#3A3A3A;font-size:1.6rem;position:relative;display:block;font-weight:400;white-space: normal;height: 60px;line-height: 60px;}
#header .menu-wrap .menu li a.on,
#header .menu-wrap .menu li a:hover{color:var(--color-primary)}
#header .menu-wrap .menu .sub-box{position:absolute;min-width:100%;width: 185px;left: -40px;right: -20px;background:var(--color-primary);z-index: 999}
#header .menu-wrap .menu .sub-box ul{display: block;position: relative;}
#header .menu-wrap .menu .sub-box ul li{width:100%;padding: 0;text-align: center}
#header .menu-wrap .menu .sub-box ul li a{line-height:50px;height: 50px;color: #fff;}
#header .menu-wrap .menu .second .sub-box{left: 100%;top:0;width: initial}
#header .menu-wrap .menu .second .sub-box li a{background: var(--color-primary);padding: 0 20px;}
#header .menu-wrap .menu .second > li:hover a{background:#2ddd8d;}
#header .menu-wrap .menu .second > li .sub-box li a:hover{background:var(--color-primary)}
#header .menu-wrap .menu .second > li a{padding: 0 20px}
#header .menu-wrap .menu .search{display: none}
#header .menu-wrap .menu .dropdown{display: none}
#header .menu-box .btn{height:35px;line-height: 35px;}
/**/
#footer{background: #fff;margin-top: 80px;}
#footer .contact{display: flex;}
#footer .contact .l{width: 40%}
#footer .contact .l h3{font-size: 2.5rem;color: #292929;padding-bottom: 30px}
#footer .contact .l ul{font-size: 1.4rem;line-height: 1.8}
#footer .contact .l .qr img{width: 100px;margin-top: 30px;}
#footer .contact .r{width: 60%}
#footer .contact .r .footer-msg ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
#footer .contact .r .footer-msg ul li{width: 100%;margin-bottom: 20px;}
#footer .contact .r .footer-msg ul li:nth-of-type(1),
#footer .contact .r .footer-msg ul li:nth-of-type(2){width: calc(50% - 20px)}
#footer .contact .r .footer-msg ul li .title{font-size: 1.4rem;padding-bottom: 5px;}
#footer .contact .r .footer-msg ul li .title i{color: #f00}
#footer .contact .r .footer-msg ul li input,
#footer .contact .r .footer-msg ul li textarea{width: 100%;background: #E1E1E1;border: none;padding: 10px;box-sizing: border-box;}
#footer .contact .r .footer-msg ul li textarea{height: 120px;}
#footer .contact .r .footer-msg .btn-box{overflow: hidden}
#footer .contact .r .footer-msg .btn-box .btn{float: right}
#footer .copyright{font-size: 1.2rem;color: #292929;text-align: center;line-height: 64px;}
#footer .copyright a{padding: 0 6px;color: #292929;}
#footer .friend_link{background: #333;line-height: 32px;font-size: 12px;color: #fff;text-align: center;}
#footer .friend_link a{font-size: 12px;color: #fff;padding: 0 4px;}
/*页码*/
.pagination{display:flex;align-items:center;justify-content:center}
.pagination svg{height:10px;width:10px}
.pagination span{display:flex;align-items:center;justify-content:center;width:60px;height:40px;color:#7E7E7E;font-size: 1.3rem;background: #fff;border-radius: 50px;}
.pagination span:hover{color:#409eff}
.pagination span.disabled{color:#a8abb2!important;cursor:not-allowed}
.pagination .pager{overflow:hidden;padding: 0 6px;}
.pagination .pager li{width:35px;height:35px;float:left;display:flex;justify-content:center;align-items:center;background-color:#fff;font-size:1.5rem;margin:0 3px;color:#303133;border-radius:50px;transition: all 0.5s}
.pagination .pager li:hover{background:rgb(115 115 255 / 80%);}
.pagination .pager li:hover a{color: #fff}
.pagination .pager li.active{background: var(--color-primary);color:#fff}
.pagination a{width:100%;height:100%;display:flex;justify-content:center;align-items:center;;transition: all 0.5s}
/**/
#main{padding-top: 60px;}
#main .x-title{text-align: center;font-size: 3rem;color: #2E4A7D;font-weight: 700;line-height: 1;margin-bottom: 20px;}
#main .x-title-sub{text-align: center;font-size: 1.8rem;color: #666;}
#main .top-banner {background: #fff;overflow: hidden;position: relative;width: 100%;height:400px;}
#main .top-banner img {width: 100%;height: 100%;object-fit: cover;}
#main .top-banner .swiper-pagination span{width:30px;height: 3px;background:#fff;margin: 0 5px;border-radius: 1px;}
#main .top-banner .swiper-pagination .swiper-pagination-bullet-active{background: var(--color-primary);}
#main .section-title{display: flex;flex-direction: column;align-items: center;position: relative;padding: 80px 0 40px}
#main .section-title span{display: block}
#main .section-title span:nth-of-type(1){position: absolute;top: 63px;font-size: 2.5rem;background: #fff;padding: 0 20px;}
#main .section-title span:nth-of-type(2){padding: 17px 30px;font-size: 2rem;border: 4px solid var(--color-primary);width: 250px;text-align: center;}
#main .section-title span:nth-of-type(3){font-size: 1.5rem;padding-top: 20px}
/**/
#index.index .banner {background: #fff;overflow: hidden;position: relative;width: 100%;height: 600px;}
#index.index .banner img {width: 100%;height: 100%;object-fit: cover;}
#index.index .banner .swiper-pagination span{width:30px;height: 3px;background:#fff;margin: 0 5px;border-radius: 1px;}
#index.index .banner .swiper-pagination .swiper-pagination-bullet-active{background: var(--color-primary);}
#index.index .about{display: flex;justify-content: space-between;padding: 80px 0;}
#index.index .about .l{width: calc(40% - 30px)}
#index.index .about .l img{width: 100%;}
#index.index .about .r{width: 60%}
#index.index .about .r h3{font-weight: bold;font-size: 2.5rem;color: #000000;line-height: 1.5;}
#index.index .about .r h3:last-of-type{margin-bottom: 30px;}
#index.index .about .r p{font-size: 1.4rem;color: #959595;line-height: 1.6;}
#index.index .about .r .con{margin-bottom: 20px;}
#index.index .about .r .con img{max-width:100% !important;}
#index.index .product{padding: 55px 0;background: #E9E9E9;}
#index.index .product .list{display: flex;flex-wrap: wrap;justify-content: space-between;margin: 35px 0;}
#index.index .product .list a{width: calc(25% - 12px);padding: 20px;box-sizing: border-box;display: block;background: #fff;margin-bottom: 16px;}
#index.index .product .list a.empty{height: 0;padding: 0;margin: 0;}
#index.index .product .list a img{width: 100%;aspect-ratio: 1 / 1;}
#index.index .product .list a .title{font-size: 1.5rem;font-weight: bold;padding: 15px 0 0;margin-bottom: 15px;}
#index.index .product .list a .desc{-webkit-line-clamp: 4;font-size: 1.3rem;line-height: 1.5;height: 80px;}
#index.index .product .list a .bar{padding-top: 20px;display: flex;justify-content: space-between;font-size: 1.3rem;color: #2AA0FD}
#index.index .product .btn{margin: 0 auto;}
#index.index .news{padding: 55px 0;}
#index.index .news .list{margin: 35px 0;}
#index.index .news .list a{width: 100%;margin-bottom: 30px;display: flex;}
#index.index .news .list a .img{width:250px;height: 160px;object-fit: cover;}
#index.index .news .list a .con{width: 100%;padding-left: 20px;flex: 1;}
#index.index .news .list a .title{font-size: 1.5rem;}
#index.index .news .list a .time{font-size: 1.5rem;padding: 15px 0;}
#index.index .news .list a .desc{-webkit-line-clamp: 4;font-size: 1.3rem;line-height: 1.5;height: 80px;}
#index.index .news .btn{margin: 0 auto;}
#index.index .technology{padding: 55px 0;}
#index.index .technology .swiper {background: #fff;overflow: hidden;position: relative;width: 100%;margin: 35px 0 0;}
#index.index .technology .swiper .swiper-slide{height: 150px;}
#index.index .technology .swiper .swiper-slide img{height: 100%;width: 100%;object-fit: cover}
#index.index .slogan{width: 100%;position: relative;}
#index.index .slogan img{width: 100%;object-fit: cover;}
#index.index .slogan .container{position: absolute;height: 100%;top: 0;left: calc((100% - var(--width)) / 2)}
#index.index .slogan .con{position: absolute;width: 50%;height: 100%;top: 0;left: 50%;display: flex;flex-direction: column;font-weight: bold;padding-top:50px;}
#index.index .slogan .con .logo{text-align: right;}
#index.index .slogan .con img{width: auto;margin-bottom: 30px;}
#index.index .slogan .con h3{color: #000;line-height: 40px;}
#index.index .slogan .con h3:nth-of-type(1){font-size: 2.5rem;}
#index.index .slogan .con h3:nth-of-type(2){font-size: 2rem;}
#index.index .slogan .con p{color: #5E5E5E;font-size: 1.5rem;line-height: 2;}
/**/
#product.index .classify{padding: 20px 0;display: flex;justify-content: center;}
#product.index .classify a{display: inline-block;padding:5px 15px;background: #e8e8e8;margin: 0 20px;font-size: 15px;border-radius: 2px}
#product.index .classify a.on{color: #fff;background: var(--color-primary)}
#product.index .content ul.list{overflow: hidden}
#product.index .content ul.list li{width: 33.33%;float: left;padding: 20px;box-sizing: border-box}
#product.index .content ul.list li .item{border: 1px solid #ddd;padding:15px 15px 5px;box-sizing: border-box;font-size: 13px;display: block}
#product.index .content ul.list li img{width: 100%;object-fit: cover;aspect-ratio:1}
#product.index .content ul.list li p{padding: 10px 0 0;height: 30px;line-height: 30px;width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
#product.index .pagination{margin: 20px 0}
#product.detail .content{overflow: hidden;padding: 50px 0}
#product.detail .content .title{text-align: center;font-size: 2rem;padding-bottom: 10px}
#product.detail .content .con{padding-top: 30px;font-size: 14px}
#product.detail .content .con img{max-width: 100% !important;}
/**/
#news.index .content .list{width:100%;display:flex;flex-direction:row;flex-wrap:wrap}
#news.index .content .list .item{width:calc((100% - 60px)/ 3);margin-right:30px;margin-bottom:35px;display:flex;flex-direction:column;background:#f8f8f8}
#news.index .content .list .item:hover .title{color:#26a9a1!important}
#news.index .content .list .item:nth-of-type(3n){margin-right:0}
#news.index .content .list .item .img{width:100%;height:220px}
#news.index .content .list .item .txt{padding:20px}
#news.index .content .list .item .title{font-size:1.8rem;font-weight:400;color:#343333;line-height:1.5;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-bottom:10px;transition:.5s}
#news.index .content .list .item .desc{font-size:1.5rem;font-weight:400;color:#777;line-height:1.5;margin-bottom:25px;height:70px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
#news.index .content .list .item .time{font-size:1.4rem;font-weight:400;color:#737373}
#news.detail .content{padding:50px}
#news.detail .title{text-align:center;color:#333;font-size:2.6rem}
#news.detail .time{text-align:center;color:#666;font-size:1.6rem;margin-top:20px}
#news.detail .con{padding:20px 0;line-height:2;font-size: 15px}
#news.detail .con img{max-width:100% !important}
/**/
#about.index .content{font-size: 1.5rem;}
#about.index .content img{max-width: 100% !important}
#about.index .content h3{padding-bottom: 20px;font-size: 1.8rem;}
#about.index .content p{line-height: 1.8}
/**/
#contact.index .content{display: flex;-webkit-box-align:stretch;-webkit-align-items:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-box-shadow:0 0 20px rgba(0,0,0,.1);box-shadow:0 0 20px rgba(0,0,0,.1)}
#contact.index .content .title{margin-bottom:25px;text-align:left;font-size:2.4rem;padding:0}
#contact.index .content .l{width:35%;padding:4.5% 4%;background:url(/static/img/contact/0.jpg) no-repeat center;background-size:cover;color:#fff;box-sizing: border-box;}
#contact.index .content .l .list .item{margin-bottom:15px;padding-left:30px;line-height:20px;background-position:left center;background-size:16px;background-repeat:no-repeat;font-size:1.4rem}
#contact.index .content .l .list .item a{font-size:1.4rem;color:#fff}
#contact.index .content .l .list .item:nth-of-type(1){background-image:url(/static/img/contact/1.png)}
#contact.index .content .l .list .item:nth-of-type(2){background-image:url(/static/img/contact/2.png)}
#contact.index .content .l .list .item:nth-of-type(3){background-image:url(/static/img/contact/3.png)}
#contact.index .content .l .list .item:nth-of-type(4){background-image:url(/static/img/contact/4.png)}
#contact.index .content .l .list .item:nth-of-type(5){background-image:url(/static/img/contact/5.png)}
#contact.index .content .l .list .item:nth-of-type(6){background-image:url(/static/img/contact/6.png)}
#contact.index .content .r{font-size: 1.5rem;width:65%;padding:4.5%;box-sizing: border-box;}
#contact.index .content .r h3{padding-bottom: 20px;font-size: 1.8rem;}
#contact.index .content .r p{line-height: 1.8}
#contact.index .content .r img{max-width: 100% !important;}