﻿@charset "utf-8";
:root{--color:#378b7a;--hovercolor:#6ca092;}
.main3_message input[type=email],.main3_message input[type=text],.main3_message textarea{width:94%;color:#555;background:#FFF;outline:0;font-size:1em;padding:.8em 1em;margin-top:10px;border:solid 1px #aaa;-webkit-appearance:none;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;box-sizing:border-box}
.main3_message textarea{height:90px;resize:none}
.vcode-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;background:#FFF;border-radius:3px;box-sizing:border-box;border:solid 1px #aaa;width:94%;margin-top:10px;padding-right:10px}
.main3_message input[type=submit]{float:left;padding:0px 15px;height:32px;color:#FFF;font-size:14px;line-height:32px;background:#1D6AAC;border-radius:10px;border:none;min-width:100px}
.main3_message .vcode-row input[type=text]{border:none;margin-top:0}
.nav{background:#16836b}
#sddm li a.inmenu_1,#sddm li a:hover,#sddm li:hover a{background:#6D937E}
.header1{width:100%;padding:0 150px;box-sizing:border-box}
.rollBox{width:1210px}
.rollBox .Cont{width:1030px}
.rollBox .Cont .pic img{max-width:none;width:100%;max-height:none}
.rollBox .Cont .pic .pic_b{height:auto}
.main2{background:none}
.rollBox .Cont .pic a strong{color:#000}
.left.wen_jt img,.right.wen_jt img{display:none}
.left.wen_jt,.right.wen_jt{background:url(/js/9088/leftarrow.png) no-repeat;width:40px;height:40px;margin-top:70px;padding-top:0}
.right.wen_jt{background-image:url(/js/9088/rightarrow.png)}
.main1{display:none}
.aboutus{width:1100px;margin:0 auto}
.ab-list{display:flex;flex-wrap:wrap}
.ab-list li{width:33.3333%;overflow:hidden;background:#eee}
.ab-list li img{transition:.3s;width:100%}
.ab-text{height:100%;display:flex;flex-direction:column;justify-content:center;padding:10px 30px}
.ab-text .ab-title{font-size:20px;line-height:2}
.ab-text .ab-intro{font-size:18px}
.ab-list li *{font-family:MicrosoftYaHei!important}
.ab-list li:hover,.ab-list a:hover{color:#16836b}
.ab-list li:hover img{transform:scale(1.1)}
.ab-text .ab-title{text-align:center;font-size:35px}
.new_button a,.main3_message input[type=submit],.foot2,ul.sf-menu,.buybtn a{background:#16836b}
.pro_lb0 h3 a{color:#16836b}
.head-top{background-image:linear-gradient(to right,#7fa99c,#378b7a)}
.head-top .head-box:after{border-top:20px solid #71a395}
a:hover,.head-nav a.inmenu_1{color:#388b7b}
#ind .ind-l{background:none;box-shadow:1px 2px 10px rgba(0,0,0,.1)}
#ind .ind-l img{width:100%}
#sol-swiper{box-shadow:1px 2px 10px rgb(0 0 0 / 10%)}
#contact .foot-title{color:#333;font-family:'Montserrat-Regular'}
#contact .foot-title span,#appli h3 span,#new .main-part span{color:#378b7a}
#new .new-date{background:#378b7a;border-radius:6px}
#contact{background:#f1f1f1}
.sol-top{background:#FFF url("/js/9088/appli-bg.jpg") no-repeat;background-size:100%}
#contact .foot-contact,#product .product-more .more-btn,.more-btn{background-image:linear-gradient(to right,#6ca092,#378b7a);border-radius:10px;color:#FFF;border:none}
#product .product-more .more-btn:hover,#contact .foot-contact:hover,.more-btn:hover{background-image:linear-gradient(to right,#6ca092,#378b7a);opacity:0.9;color:#FFF}
#product .pro-list{max-width:1400px;margin:30px auto 0;justify-content:space-between}
#product .pro-list li{width:50%}
#product .pro-list .pro-img {padding-top:71.1%}
#product{margin-bottom:0;margin-top:70px}
#product .pro-list .pro-item{background:#fafafa}
#product .pro-list .pro-more{background:#f2f2f2;border:1px solid #6ca092;color:#6ca092}
#product .pro-list .pro-item:hover{border-color:#6ca092}
#product .pro-list .pro-more:hover{background:#6ca092}
#about{background:url(/js/9088/abg.jpg) no-repeat top;background-size:100%;margin-top:50px}
#about .l-wrap{flex-direction:column}
#about h3{font-size:37px;font-family:'Montserrat-Medium';text-align:center;padding:0 0 50px;text-transform:uppercase;color:#FFF}
#about h3 span{color:#378b7a}
#about .about-swiper .swiper-slide{display:flex}
#about .about-swiper .swiper-slide>div{width:50%}
#about .about-swiper .swiper-slide .left img{width:100%}
#about .about-swiper .swiper-slide .right{background:url(/js/9088/ab-r.jpg) no-repeat center;background-size:cover;padding:30px;box-sizing:border-box}
#about .about-swiper .swiper-slide .right .title{font-size:33px;padding-top:40px}
#about .about-swiper .swiper-slide .right .text{color:#979797;margin-top:30px;line-height:2;font-size:20px}
.about-swiper{width:100%}
#about .more-btn{display:inline-block;margin-top:30px;font-size:20px}
footer{background-image:linear-gradient(to right,#6ca092,#378b7a)}
.foot-main{background:none}
.foot-right{background:none}
.foot-right .l-wrap{border:none;color:#FFF}
.foot-main *{color:#FFF !important}
.foot-feedback .feedback-btn{background:#FFF;color:#378b7a !important}
.foot-feedback input{background:#FFF;color:#378b7a !important}
.foot-main .foot-title:after{background:#FFF}
.product-main .pro-list .pro-more:hover{background:#378b7a}
.product-main .pro-list.list0 .pro-img:hover .pro-cart i{color:#378b7a}
.new-main .new-list.list0 .new-item:hover .new-info{border-color:#378b7a}
.new-main .new-list.list0 .new-item:hover .new-more{background:#378b7a}
.sidebar-item .sidebar-title:after{background:#378b7a}
.siderbar-search input{border-color:#378b7a}
.siderbar-search button{background:#378b7a}
.contact .contact-inquiry .title:after,.hvr-bounce-to-right-y:before,.hvr-bounce-to-right:before,.contact .contact-box{background:#378b7a}
.send-inquiry .inquiry-form input:focus,.send-inquiry .inquiry-form textarea:focus{border-color:#378b7a}
#sol-swiper{padding-bottom:0}
.page-about .tab{display:flex;align-items:center}
.page-about .tab li{margin:0 10px;width:200px;height:40px}
.page-about .tab li a{border:1px solid #378b7a;display:flex;width:100%;height:100%;align-items:center;justify-content:center;background:#f4f4f4}
.page-about .tab li a:hover{background-image:linear-gradient(to right,#6ca092,#378b7a);color:#FFF}
.page-about .tab li a.active{background-image:linear-gradient(to right,#6ca092,#378b7a);color:#FFF}
.page-about section{margin-top:30px}
.page-about .section-1{display:flex;justify-content:space-between}
.page-about .section-1>div{width:50%}
.page-about .section-1 .left{position:relative;display:flex;align-items:center;justify-content:flex-start;padding-left:30px}
.page-about .section-1 .left::before{content:"";position:absolute;left:0;top:0;height:100%;width:400px;background:#f1f4f9;z-index:-1}
.page-about .section-1 .left img{max-width:100%;max-height:90%}
.page-about .section-1 .right{padding:30px;box-sizing:border-box}
.page-about .section-1 .right .title{font-size:1.8rem;font-weight:600;text-transform:uppercase}
.page-about .section-1 .right .title span{color:#378b7a}
.page-about .section-1 .right .text{color:#666;margin:30px 0;font-size:14px;line-height:1.6}
.page-about .section-1 .right ul li{position:relative;padding:2px 0;margin-bottom:4px;padding-left:20px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}
.page-about .section-1 .right ul li::before{position:absolute;left:0;top:50%;transform:translateY(-50%);content:"";width:10px;height:10px;background:#378b7a}
.page-about .section-2 ul{display:flex;flex-wrap:wrap;justify-content:space-between}
.page-about .section-2 ul li{display:flex;width:25%;justify-content:center;align-items:center}
.page-about .section-2 ul li .icon{width:40px}
.page-about .section-2 ul li .icon img{width:100%}
.page-about .section-2 ul li .info{padding-left:20px}
.page-about .section-2 ul li .info span{color:#378b7a;font-size:24px}
.page-about .section-2 ul li .info p{font-size:14px;color:#999}
.page-about .section-3 .item{display:flex;justify-content:baseline}
.page-about .section-3 .item>div{width:50%}
.page-about .section-3 .item .img img{width:100%}
.page-about .section-3 .item .info{padding:30px 60px;box-sizing:border-box;background:#f6f6f7;display:flex;flex-direction:column;justify-content:center;align-items:center}
.page-about .section-3 .item .info .title{font-size:1.6rem;position:relative;padding-bottom:20px;margin-bottom:20px;text-transform:uppercase}
.page-about .section-3 .item .info .title::after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);background:#378b7a;width:100px;height:1px}
.page-about .section-3 .item .info .title span{color:#378b7a}
.page-about .section-3 .item .info .text{color:#999;line-height:1.6}
.send-inquiry .send-btn{background:#398c7b}
.contact .contact-box p a{color:#FFF}
.shot{display:flex;flex-wrap:wrap;justify-content:space-between;max-width:1400px;margin:0 auto}
.shot .item{width:30%;margin-bottom:20px}
.shot img{width:100%}
.honors ul{display:flex;flex-wrap:wrap;max-width:1400px;margin:20px auto}
.honors ul .item{width:22%;margin-bottom:20px;margin-right:3%}
.honors ul img{width:100%}
.honors ul:nth-of-type(2) .item{width:16%}
.pagelink .link-intro,.new-main .new-top{color:#378b7a}
.pagelink .pagelink-info:hover{border-color:#378b7a}
.head-nav .submenu a:hover{background:#378b7a}
.aboutus{margin-top:10px}
#about lite-youtube{max-width:none;width:100%;height:100%}
@media (max-width:1024px){#about .about-swiper .swiper-slide{flex-wrap:wrap}
#about .about-swiper .swiper-slide>div{width:100%}}
#new .new-list{margin-top:90px}
#new{padding-top:90px}
.foot-main .foot-intro,.foot-cate ul,.foot-contact li,.foot-feedback .tips{font-family:'Montserrat-Thin'}
.page-about .section-3 .item .info .text{text-align:center}
.page-about .section-1 .right .text,.page-about .section-2 .list-paddingleft-2 .info p,.page-about .section-3 .info .text{font-family:Montserrat-Light}
.honor-title{text-align:center;margin:50px 0}
.head-nav>ul>li>a{color:#b8b8b8;font-weight:500}
.head-nav{margin-left:50px}
@font-face{font-family:'regular';font-display:swap;src:url("/js/9088/size/Montserrat-Regular.otf") format('truetype')}
@font-face{font-family:'light';font-display:swap;src:url("/js/9088/size/Montserrat-Light.otf") format('truetype')}
#about .about-swiper .swiper-slide .right .title p{font-family:"regular";line-height:42px;text-transform:uppercase}
#about .about-swiper .swiper-slide .right .text{margin-top:20px;line-height:25px;font-size:17px;color:#b8b8b8;font-family:"light";text-align:justify}
.about-swiper{padding-bottom:40px}
.about-swiper .swiper-pagination-bullet-active{background:#388b7b}
#about .about-swiper .swiper-slide .right{padding:65px}
#about .about-swiper .swiper-slide .right .title{padding-top:0}
#about .more-btn{margin-top:70px;margin-bottom:20px}
.head-main .l-wrap{justify-content:space-between}
.head-nav .nav-btn{background-image:linear-gradient(to right,#6ca092,#378b7a)}
@media (min-width:769px){.page-about .tab{margin-bottom:60px}
.page-about section.section-2,.page-about section.section-3{margin-top:60px}}
.shot .item{width:calc(33.3333% - 20px);margin-bottom:30px}
.shot .item img{display:block}
@media (max-width:560px){.shot .item{width:calc(50% - 10px);margin-bottom:20px}
.page-about .tab{margin-bottom:30px}
.page-about .tab li{width:49%;margin:0 2% 10px 0}
.page-about .tab li:nth-child(2n){margin-right:0}}
.foot-contact .icon{background:none;border:1px solid #FFF;box-sizing:border-box}
.foot-right .l-wrap{font-family:'Montserrat-Light'}
.foot-feedback input::-webkit-input-placeholder{color:#c4c4c4}
.foot-feedback input:-moz-placeholder{color:#c4c4c4;opacity:1}
.foot-feedback input:-ms-input-placeholder{color:#c4c4c4}
.company-cer,.product-case{padding-top:0}
.company-partner ul{flex-wrap:wrap;justify-content:space-between}
.company-partner ul li{width:16%;margin-bottom:15px}
@media (max-width:768px){.company-partner ul li{width:50%}}
.company-partner h3:after{background:#6ca092}
.company-partner ul{margin:80px -9px 0}
.pro-detail .pro-detail-top .pro-info .pro-con,.new-main .new-list.list0 .new-intro{font-family:'Montserrat-Light'}
.pro-detail .pro-detail-content p,.contact .contact-box .con p:nth-child(2),.send-inquiry .inquiry-form input::-webkit-input-placeholder{font-family:'Montserrat-Light'}
.send-inquiry .inquiry-form textarea{height:80px}
@media (min-width:769px){.contact .contact-box ul{margin-top:50px}
.contact .contact-box{padding-bottom:40px}}
.foot-feedback input{padding:0 15px;height:44px;margin-bottom:10px}
.foot-feedback .feedback-input{border:none;margin-bottom:10px}
.footTextarea{box-sizing:border-box;padding:12px 15px;width:100%;height:100px;color:#868686;outline:none;resize:none;border:none}
.foot-feedback textarea{color:#378b7a !important}
.foot-feedback textarea::-webkit-input-placeholder{color:#ccc}
.foot-feedback textarea:-moz-placeholder{color:#ccc;opacity:1}
.foot-feedback textarea:-ms-input-placeholder{color:#ccc}
.foot-feedback input#ImgSend_I{width:120px;cursor:pointer}
video#video {width:100%;display:block;min-height:inherit}
