﻿.pagesbanner .pagesbanner-animate a{margin-top:3%;display:inline-flex;align-items:center;justify-content:center;padding:0 20px;min-width:160px;height:50px;color:#fff;background:var(--color,#4291a4);text-decoration:none;transition:all .1s linear}
.pagesbanner .pagesbanner-animate a:hover{opacity:0.9}
.wmkcfeedback .inquiry-form{display:flex;flex-wrap:wrap;justify-content:space-between}
.wmkcfeedback .wmkcfb-fileupload,.wmkcfeedback input::placeholder,.wmkcfeedback textarea::placeholder{color:#666}
.wmkcfeedback .wmkcfb-fileupload,.wmkcfeedback input{width:49%;height:50px;background:#f1f5fe;border-radius:3px;outline:0;border:1px solid #f1f5fe;padding:0 10px;margin-bottom:20px;transition:all .1s linear;display:inline-flex;align-items:center;font-family:var(--fontfamily)}
.wmkcfeedback input:focus{border-color:var(--color)}
.wmkcfeedback input.input-error{border-color:red}
.wmkcfeedback input:nth-child(3n){margin-right:0}
.wmkcfeedback textarea{font-family:inherit;width:100%;background:#f1f5fe;border-radius:3px;outline:0;border:1px solid #f1f5fe;padding:10px;margin-bottom:20px;resize:none}
.wmkcfeedback textarea:focus{border-color:var(--color)}
.wmkcfeedback textarea.input-error{border-color:red}
.wmkcfeedback .send-btn{margin:0 auto;background:var(--color);color:#fff;font-size:var(--fontsize16);text-transform:uppercase;display:flex;align-items:center;justify-content:center;width:200px;height:50px;border-radius:3px;cursor:pointer;transition:all .1s linear;font-family:var(--fontfamily)}
.wmkcfeedback .send-btn:hover{background:var(--fontcolor)}

.information{width:100%;background-image:url(/uploads/48268/page/p202607031400136c44c.jpg);background-repeat:no-repeat;background-size:cover;background-position:center;margin-top:30px}
.information-txt-box{display:flex;flex-direction:column;align-items:center;box-sizing:border-box;padding-top:80px;padding-bottom:150px}
.industrial-title{font-size:44px;line-height:48px;color:#FFFFFF;margin-top:30px;text-align:center}
.information-btn{width:150px;height:46px;display:flex;align-items:center;justify-content:center;background-color:#FFFFFF;border-radius:var(--border);font-size:var(--fontsize20);color:var(--color);margin-top:40px;position:relative;z-index:1;box-shadow:0 0 0 #FFFFFF;transition:all .2s ease}
.information-btn::after{content:'';display:inline-block;width:0%;height:100%;background-color:var(--color);position:absolute;left:0;top:0px;z-index:-1;border-radius:var(--border);transition:all .2s ease}
.information-btn:hover::after{width:100%}
.information-btn:hover{box-shadow:0 0 3px #FFFFFF}
.information-btn:hover{color:#FFFFFF}
.grade-content ul{width:100%;background-color:#FFFFFF;box-shadow:1px 1px 5px #CCCCCC;display:flex;justify-content:center;border-radius:10px;transform:translateY(-70px)}
.grade-content ul li{width:18%;border-right:2px solid #EEEEEE;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;margin:4% 0}
.grade-content ul li:last-child{border-right:0px}
.grade-content ul li p:nth-child(1){font-size:40px;font-weight:var(--fontbold7);color:var(--fontcolor)}
.grade-content ul li p:nth-child(2){color:var(--color);margin:1% 0;font-size:var(--fontsize18);text-align:center}
@media (max-width:1440px){.grade-content ul li{width:22%}}
@media (max-width:1024px){.grade-content ul{width:100%;flex-wrap:wrap;justify-content:center;}
.grade-content ul li{width:50%}
.industrial-title{font-size:40px}}
@media screen and (max-width:768px){.information-txt-box{padding-top:50px;padding-bottom:130px}
.industrial-title{font-size:36px;line-height:1.4}}
@media screen and (max-width:500px){.industrial-title{font-size:var(--fontsize24);margin-top:10px;line-height:1.6}
.information-txt-box{padding-top:30px;padding-bottom:50px}
.information-btn{margin-top:20px;font-size:var(--fontsize14)}
.grade-content ul{transform:translateY(-30px)}
.grade-content ul li p:nth-child(1){font-size:var(--fontsize24)}
.grade-content ul li p:nth-child(2){font-size:var(--fontsize14)}}
.kche-t57 .kche-t57-item{width:32%;margin-top:20px;margin-bottom:0}
.kche-t57 .kche-t57-list{justify-content:flex-start;gap:2%}
@media (max-width:550px){.kche-t57 .kche-t57-item{width:48%;}
.kche-t57 .kche-t57-list{gap:4%}}
.industrial-title{text-shadow:1px 1px 3px #000}
.kche-t123 .kche-t123-list .kche-t123-item{padding:20px 10px;}
.kche-t123 .kche-t123-item .kche-t123-item-tit{font-weight:normal;margin-bottom:0;font-size:14px;}
@media (min-width:769px){.kche-t196 .kche-t196-contact{width:63%;padding:10px 20px;}}