@charset "utf-8";
#inbanner{
    position: relative;
}
#inbanner img{
    display: block;
    max-width: 100%;
}
#inbanner h2{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    color: #fff;
    font-size: 30px;
}
#page{margin:30px auto}
.product-tab{margin-top:30px;margin-bottom:30px;border-bottom:1px solid #ECECEC;line-height:3}
.procat1>li{float:left;cursor:pointer;position:relative}
.procat1>li>a{padding:0 30px;display:block;border-bottom:2px solid transparent;font-size:18px;margin-bottom:-1px}
.procat1>li.on>a,.procat1>li:hover>a{border-bottom:2px solid #32B823;color:#32B823}
.procat2{background:rgba(25,72,113,0.5);position:absolute;z-index:3;width:100%;/* text-align:center; */display:none;padding: 0 10px 10px;box-sizing: border-box;min-width: 205px;}
.procat1>li:hover .procat2{display:block}
.procat2>li{
    margin-bottom: 5px;
    border-bottom: 1px solid #fff;
}
.procat2>li>a{border-bottom: 1px solid #eee;color:#fff;display:block}
.procat2>li>a:hover{background:#32B823}
.procat3{
    padding: 5px 15px;
}
.procat3>li{}
.procat3>li>a{color:#fff;display:block;line-height: 1.8;font-size: 14px;}
.procat3>li>a:hover{background:#32B823}
.news{margin-top:40px}
.news li{margin-bottom:30px}
.news a{display:block}
.news-img{padding:0 0 66%;display:block;max-width:100%;border:1px solid #ddd;box-sizing:border-box;position:relative;overflow:hidden}
.news-img img{max-width:100%;max-height:100%;display:block;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.news-text{transition:0.5s all;background:#f7f7f7;padding:5px 10px 10px}
.news-text h4{font-size:16px;line-height:2;height:2em;overflow:hidden}
.news-text p{font-size:14px;color:#7F7F7F;line-height:1.5}
.news-text span{font-size:14px;color:#9F9F9F}
.news a:hover{box-shadow:0 0 10px #ccc}
.news a:hover .news-text{background:#fff}
.product-box{}
.product-box:after{display:block;content:'';clear:both}
.product-box ul{display:none}
.product-box ul:first-child{display:block}
.product-box li{text-align:center;margin-bottom:20px}
.product-box a{background:#fff;display:block}
.product-box a:hover{box-shadow:0 0 10px 1px #ccc}
.product-img{display: flex;border:1px solid #ddd;box-sizing:border-box;overflow:hidden;aspect-ratio: 1.332;align-items: center;justify-content: center;}
.product-img img{max-width:100%;max-height:100%;display: block;}
.product-box p{line-height:3;background:#fff;border:1px solid #ddd;border-top:0}
.contactL{padding:0;margin-bottom:10px}
.contactL li{}
.contactR{border:1px solid #ccc;padding:10px 10px 6px;text-align:center;float:right;max-width:400px}
.contactR li{}
.contactR img{}
@media (max-width:768px){
    .product-tab{margin:10px 0;line-height:2}
    .product-tab li{font-size:16px;box-sizing:border-box}
    .product-tab>ul>li>a{font-size:14px;padding:0 10px}
    .product-tab li.on{}
    .product-box li{margin-bottom:20px;width:50%}
    .product-box li:hover{box-shadow:unset;background:#f9f9f9;border-bottom:transparent}
    .product-box li ul{display:none !important}
    .product-box a{}
    .product-img{}
    .product-img img{}
    .product-box p{font-size:12px;line-height:2;height:28px;overflow:hidden}
    .news{margin-top:20px}
    .news li{margin-bottom:10px}
    .news a{border:1px solid #ccc;padding:10px}
    .news-img{}
    .news-img img{}
    .news-text{}
    .news-text h4{}
    .news-text p{}
    .news-text span{}
    .news a:hover{}
    .contactR{width:100%}
}
#page{padding:50px 0}
#left dl{margin-bottom:30px;padding:0 0 10px 0;border-radius:0 0 5px 5px}
#left dt{line-height:40px;background:#32B823;color:#fff;text-align:center;margin-bottom:10px;border-radius:5px 5px 0 0}
#left dd{padding-bottom: 1px;font-size:14px;margin-bottom: 10px;background: #eee;}
#left dl:first-child dd>a{display:block;margin:5px 0;padding:0 10px;overflow:hidden;transform:translateZ(0);position:relative;line-height:2.5;font-size:16px}
#left dl:first-child dd>a:after{position:absolute;top:0;left:0;display:block;content:' ';width:0;height:100%;background:#333;z-index:-1;transition:.5s all}
#left dl:first-child dd>a:hover:after{width:100%}
#left dl:first-child dd>a:hover{color:#fff}
#left dl:first-child ul{padding: 0 11px;}
#left dl:first-child li{
    margin-bottom: 10px;
    background: #eee;
}
#left dl:first-child li>a{display:block;line-height:2.4;border-bottom:1px solid #fff;font-size: 15px;background: #ddd;padding-left: 10px;}
#left dl:first-child li div{
    padding-left: 31px;
    background: #ccc;
    padding: 5px 0 5px 20px;
}
#left dl:first-child li div a{
    font-size: 13px;
    display: block;
}
#left dl:first-child li a:hover{}
.contact{background:#eee;margin-bottom:30px;margin-top:20px;padding:0 0 10px 0;border-radius:0 0 5px 5px}
.contact dt{line-height:40px;background:#32B823;color:#fff;text-align:center;margin-bottom:10px;border-radius:5px 5px 0 0}
.contact dd{padding:0 10px;font-size:14px}
#position{background:#32B823;color:#fff;font-size:14px;line-height:40px;border-radius:5px 5px 0 0}
.position{text-align:right}
#position a{color:#fff}
#position a:hover{color:#333}
#content{margin-top:30px}
#ndownload img{position:absolute;display:block;max-width:100%;max-height:100%;top:50%;left:50%;-webkit-transform:translateX(-50%) translateY(-50%);-webkit-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}
#ndownload p{text-align:center;line-height:2.5;margin-bottom:20px}
#ndownload li p:after{display:none}
.newsT{text-align:center}
.newsT p{font-size:14px}
.dproT{border:1px solid #ccc;padding:10px;border-radius:5px}
.dproT .col-sm-8 h1{font-size:20px;margin-bottom:10px}
.dproT .col-sm-8 div{color:#444;line-height:1.6}
#product-pic{padding:0}
#product-pic .swiper-slide{padding:0 0 66%;display:block;max-width:100%;border:1px solid #ddd;box-sizing:border-box;position:relative;overflow:hidden}
#product-pic .swiper-slide img{max-width:100%;max-height:100%;display:block;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:auto}
#product-pic .swiper-button-prev,#product-pic .swiper-button-next{background-color:rgba(50,184,35,0.8);position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;-moz-background-size:17px 26px;-webkit-background-size:17px 26px;background-size:17px 26px;background-position:center;background-repeat:no-repeat}
#product-pic .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");left:10px}
#product-pic .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");right:10px}
.dproT>div:first-child{border-radius:5px;padding:10px 0;max-width:80%;margin:0 auto}
.dproT img{max-width:100%;max-height:100%;display:block;margin:0 auto}
.dproT p{font-size:14px;line-height:2.5}
.dproC{padding:10px;margin:10px 0;border-radius:5px;word-break:break-word}
.dproC table{border-collapse:collapse;text-align:center}
.tag{font-size:14px}
.related-news{margin:10px 0}
.related-news dt,.related-product dt{background:#eee;padding-left:10px;margin:10px 0}
.related-news dd{line-height:2.5;border-bottom:1px dotted #ccc}
.related-news span{float:right;font-size:14px;display:block;width:80px;height:35px;overflow:hidden}
.related-product dd>a{display:block;position:relative;height:0;padding:0 0 74%;border:1px solid #ccc}
.related-news a{height:40px;overflow:hidden}
.related-product img{max-width:100%;max-height:100%;display:block;position:absolute;top:50%;left:50%;-webkit-transform:translateX(-50%) translateY(-50%);-webkit-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}
.related-product p{text-align:center}
#ndownload li>a{padding:0 0 55%;display:block;overflow:hidden;position:relative;height:0;border:1px solid #ccc}
.pages{text-align:center;margin-top:10px}
.pages .page-num-current{background:#000;color:#fff}
.pages a{font-size:16px;display:inline-block;min-width: 18px;line-height: 28px;overflow:hidden;color:#000;border:1px solid #000;padding:0 5px}
.pages .page-num{
    margin: 0 3px;
}
.pages li a:hover{background:#000;color:#fff}
#ryzz:after{display:block;content:'';clear:both}
#ryzz a{width:23%;margin:1% 1%;float:left;display:block;overflow:hidden;position:relative;height:0;padding:0 10px 29%;box-sizing:border-box;border:3px solid #ccc}
#ryzz img{position:absolute;display:block;max-width:100%;max-height:100%;top:50%;left:50%;-webkit-transform:translateX(-50%) translateY(-50%);-webkit-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}
@media (max-width:767px){
    .pages a{font-size:12px;min-width:12px;line-height:22px}
    .dproC div{max-width:100%;overflow:scroll}
    .dproC table{max-width:100%}
    #left dl:first-child a{font-size:12px}
    #ndownload p,.related-product p a{font-size:12px;line-height:2;height:24px;overflow:hidden;margin-bottom:10px}
    .related-news a{font-size:14px}
    .dproC img{max-width:100% !important;width:100% !important;display:block;height:auto !important}
    .nprolist li:first-child{}
    .nprolist li{border-top:1px solid #f1f1f1;margin-bottom:10px}
    .box1{width:100%;display:block;border-bottom:0;padding-bottom:0}
    .box2{display:block;width:100%}
    .position{display:none}
    #page{margin:0 10px;padding:20px 0}
    #content{margin-top:10px}
}

.inquiry-tit{font-size:22px;margin:90px 0 30px}
.inquiry-form{display:flex;flex-wrap:wrap;justify-content:space-between}
.inquiry-form input{width:49%;height:50px;background:#fff;border:1px solid #e3e3e3;padding:0 36px 0 14px;color:#313131;margin-bottom:20px;border-radius:5px;box-sizing: border-box;}
#in-name{background:url(../images/inname.png) no-repeat;background-position:right 14px}
#in-email{background:url(../images/inemail.png) no-repeat;background-position:right 14px}
#in-phone{background:url(../images/inphone.png) no-repeat;background-position:right 14px}
#in-company{background:url(../images/incompany.png) no-repeat;background-position:right 14px}
#in-title{background:url(../images/intitle.png) no-repeat;background-position:right 14px}
#in-content{background:url(../images/incontent.png) no-repeat right 14px}
#in-name.require{background-position:right -38px}
#in-email.require{background-position:right -38px}
#in-phone.require{background-position:right -38px}
#in-company.require{background-position:right -38px}
#in-title.require{background-position:right -38px}
#in-content.require{background:url(../images/incontent-c.png) no-repeat right 14px}
.inquiry-form input#in-title{width:100%}
.inquiry-form input::placeholder,.inquiry-form textarea::placeholder{color:#2a2a2a}
.inquiry-form textarea{width:100%;height:120px;background:#fff;border:1px solid #e3e3e3;padding:20px;color:#313131;border-radius:5px}
#feedbackForm{font-family:Lato;font-weight:400;max-width:890px}
#feedbackForm .send-btn{width:200px;height:50px;background:#7BC935;border-radius:5px;margin-top:16px;text-align:center;line-height:50px;font-size:16px;color:#fff;cursor:pointer}