@charset "utf-8";
.products_box{width: 1422px;
    height: auto;
    margin: 0 auto;
    padding: 100px 0;
    overflow: hidden;}
@media (max-width: 1599px){	
	.products_box{width: 94%;}
}
.pro_lb{display:flex;flex-wrap:wrap;width:100%}
.pro_lb li{box-sizing:border-box}
.pro_lb img{width:100%}
.pro_lb li h5{padding:0 10px;line-height:27px;font-size:1.1rem;margin-bottom:20px}
.pro_lb p{display: none; padding:0 10px;font-size:.9375rem;color:#8c8c8c;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.pro_lb li .readmore{/*margin-top:40px;*/position:relative;background:#ededed}
.pro_lb li .readmore a{white-space:nowrap;display:flex;padding-left:27px;text-transform:uppercase;color:#525254;font-size:.875rem;line-height:50px;width:100%;box-sizing:border-box;position:relative;z-index:5}
.pro_lb li .readmore i{width:50px;flex:0 0 auto;line-height:50px;text-align:center;margin-left:auto;background:#ccc;position:relative;z-index:5;color:#fff;transition:all .2s}
.pro_lb li .readmore::before{position:absolute;width:0%;height:100%;background:#004aa4;top:0;left:0;content:"";transition:all .3s}
.pro_lb li:hover .readmore::before{width:100%}
.pro_lb li:hover .readmore a{color:#fff}
.pro_lb li:hover .readmore i{background:#073f84}

.pro_lb1 li{width:33%;display:flex;flex-direction:column;justify-content:space-between}
.pro_lb1 li:nth-child(3n){padding-left:15px}
.pro_lb1 li:nth-child(3n+1){padding-right:15px}
.pro_lb1 div{flex:0 0 auto;display:flex;flex-direction:column}
.pro_lb1 li .img-box{height:100%;max-height:200px;transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;}
.pro_lb1 li:hover .img-box{
	transform: scale(1.2);
    -o-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    transition: all .3s ease-in-out .s;
    -o-transition: all .3s ease-in-out .1s;
    -moz-transition: all .3s ease-in-out .1s;
    -webkit-transition: all .3s ease-in-out .1s;
}     
.pto_lb1 li:hover img{transform: scale(1.1);}
.pro_lb1 li img{object-fit:contain;max-height:100%;}
.pro_lb1 li h5{margin-top:20px}
.pro_lb1 li:hover h5{
	color: #004aa4;
}
.pro_lb1 .readmore{margin-bottom:76px}
.pro_lb0{margin-bottom:40px}
.pro_lb0 li{width:100%;padding:15px 0;border-bottom:1px dashed #ccc}
.pro_lb0 li:after{content:'';display:block;visibility:hidden;height:0;clear:both}
.pro_lb0 .img-box{padding-right:20px;width:260px;float:left}
.pro_lb0 h5,.pro_lb0 li>div>p{padding:0}
.pro_lb0 .readmore{width:220px;margin-left:260px}
.pro_nav {display: none;}
@media screen and (max-width:640px){
.pro_lb li{width:100%}
.pro_lb h5{margin-top:15px;margin-bottom:10px}
.pro_lb .readmore{margin-top:20px;margin-bottom:40px}
.pro_lb li:nth-child(3n){padding-left:0}
.pro_lb li:nth-child(3n+1){padding-right:0}

}
@media screen and (max-width:560px){
.pro_lb0 li>div{width:100%;float:left}
.pro_lb0 .readmore{margin-left:0}
}



.nav{background:#f3f3f3;margin-bottom:90px}
.nav ul{display:flex;padding:25px 15px}
.nav a{color:#3e3e3e;font-size:.8125rem;padding:0 10px;text-transform:uppercase;cursor:pointer}
.nav a:hover{color:#004aa4}
.nav li:nth-child(1) a{padding-left:0}
.nav i{color:#3e3e3e;font-size:.8125rem}
.main{display:flex;margin-bottom:30px}
.rt-box{flex:0 0 auto;width:330px;padding-right:50px;margin-left:auto}
.rt-row{margin-bottom:35px}
.rt-row h3{text-transform:uppercase;font-size:1.5rem;position:relative;border-bottom:1px solid #f1f1f1;padding-bottom:14px;margin-bottom:16px;line-height:30px}
.rt-row h3::after{content:"";display:block;position:absolute;bottom:-1px;left:0;height:1px;background:#646464;width:50px}
.rt-row-1{display:flex}
.rt-row-1 input{background:#f7f7f7;padding:0 14px;height:52px;font-size:1rem;border:0;outline:0;width:100%;color:#666}
.rt-row-1 input::placeholder{color:#848484}
.rt-row-1 button{background:#f7f7f7;border:0;outline:0;color:#004aa4;width:52px;flex:0 0 auto}
.rt-row-1 button:hover,.rt-row-1 input:focus,.rt-row-1 input:hover{background:#eee}
.rt-row-2 a{transition:all .3s;position:relative;box-sizing:border-box;border:1px solid #d5d5d5;margin-bottom:10px;/*border-radius:0 7px 0 0*/}
.rt-row-2 a::after{transition:all .3s;content:"";display:block;position:absolute;height:6px;width:6px;background:grey;transform:translateY(-50%) rotate(45deg);transform-origin:center;top:50%;left:12px}
.rt-row-2 a{font-size:.9375rem;color:#555;transition:all .3s;padding:12px 30px;display:block}
.rt-row-2 li ul{display:none}
.rt-row-2 li ul a{border:0;border-radius:0}
.rt-row-2 li ul a::after{display:none}
.rt-row-2 li:hover a,.rt-row-2 li:hover ul a:hover,.rt-row-2 .pro_cur a{background:#004aa4;color:#fff}
.rt-row-2 li:hover a::after,.rt-row-2 .pro_cur a::after{background:#fff}
.rt-row-2 li:hover ul{display:block}
.rt-row-2 li:hover ul a{background:#fff;color:grey}
.rt-row-3 li{display:flex;margin-bottom:30px;align-items:center}
.rt-row-3 img{width:100px;height:100px;object-fit:cover;margin-right:14px;flex:0 0 auto}
.rt-row-3 a{font-size:1rem;color:#070707;line-height:20px}
.rt-row-3 a:hover{color:#004aa4}
.rt-row-3 p{color:#6f6f6f;font-size:.8125rem;margin-top:10px}
.rt-row-3 p i{vertical-align:middle}
.rt-row-3 ul li>div {width:calc(100% - 105px);}
.rt-row-3 ul li>div a {display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;max-height:60px;line-height:20px;}
.rt-row-4 ul{display:flex;flex-wrap:wrap}
.rt-row-4 li{position:relative;width:135px;height:135px;border:1px solid #ececec;box-sizing:border-box;margin-bottom:5px;margin-right:5px}
.rt-row-4 img{width:100%;height:100%;object-fit:cover}
.rt-row-4 a{display:flex;align-items:center;justify-content:center;position:absolute;top:0;left:0;width:100%;height:100%;background:#464646;opacity:0}
.rt-row-4 i{color:#fff;font-size:1.5rem}
.rt-row-4 li:hover a{opacity:.7}
.rt-row-5 ul{display:flex;flex-wrap:wrap;white-space:nowrap}
.rt-row-5 li{margin-right:12px;margin-bottom:18px;border:1px solid #ececec;transition:all .3s;background:#ececec}
.rt-row-5 li:hover{background:#fff}
.rt-row-5 a{display:block;padding:0 15px;line-height:38px;font-size:.8125rem;color:#646464}
.rt-row-6 ul{display:flex;flex-wrap:wrap}
.rt-row-6 li{display:flex;height:35px;width:35px;text-align:center;border-radius:2px;align-items:center;justify-content:center;background:#1882d6;margin-right:10px;margin-bottom:10px}
.rt-row-6 li a{display:block}
.rt-row-6 i{color:#fff;font-size:1.25rem;vertical-align:middle}
.rt-row-6 li:nth-child(2){background:#20c1f5}
.rt-row-6 li:nth-child(3){background:#ec594f}
.rt-row-6 li:nth-child(4){background:#2c3f50}
.rt-row-6 li:nth-child(5){background:#436990}
.rt-row-6 li:nth-child(6){background:#eb5d8b}
.pages{display:flex;justify-content:center;line-height:35px}
.pages a,.pages span{display:block;padding:0 15px;background-color:#000;color:#fff;margin:0 2.5px;font-size:.875rem}
.pages span{background-color:#aaa}
.pages a:hover{background-color:#666}
.aboutus h3{font-size:1.5625rem;border-bottom:1px dashed #d9d9d9;padding-bottom:15px;margin-bottom:25px}
.aboutus p{line-height:25px;color:#444;font-size:.9375rem}
.aboutus{line-height:25px;color:#444;font-size:.9375rem}
.aboutus a{color:#444}
@media screen and (max-width:960px){
.main{flex-direction:column-reverse}
.rt-box{width:100%;padding:0;display: none;}
.rt-row{margin-bottom:20px}
.pro_nav {display: block;}
}
.lf-box{width:100%;margin-top: 45px;}
.feedback-submit button{background:#004aa4!important}
.feedback-submit button:hover{background:#aaa!important}