﻿@media(min-width:1025px){.kche-t201 .kche-t201-con{padding-right: inherit;padding-left: 5%;}}
.pageenvironment{display:flex;flex-wrap:wrap}
.pageenvironment .left{position:relative;width:42%;border-radius:5px;overflow:hidden}
.pageenvironment .left:hover img{transform:scale(1.02)}
.pageenvironment .left img{width:100%;transition:all .2s ease}
.pageenvironment .left .info{position:absolute;margin:20px;right:0;bottom:0;display:inline-block;box-sizing:border-box;padding:20px;padding-right:30px;color:#fff}
.pageenvironment .left .info .title{position:relative;z-index:10;font-size:var(--fontsize24);font-weight:var(--fontbold5);line-height:1.4}
.pageenvironment .left .info .p{font-size:var(--fontsize16);position:relative;z-index:10}
.pageenvironment .left .info::after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-color: #115cbd;opacity:.9;border-radius: 50px 5px 5px 5px;z-index:0}
.pageenvironment .right{width:58%;box-sizing:border-box;padding-right:2%;display:flex;flex-wrap:wrap;justify-content:space-between}
.pageenvironment .right .item-img{width:49%;height:auto;margin-bottom:2%;border-radius:5px;overflow:hidden}
.pageenvironment .right .item-img img{width:100%;transition:all .2s ease}
.pageenvironment .right .item-img:hover img{transform:scale(1.05)}
.pageenvironment .right .item-img:nth-child(3),.pageenvironment .right .item-img:nth-child(4){margin-bottom:0}
.pageequipment .pageequipment-list{display:flex;flex-wrap:wrap;justify-content:space-between}
.pageequipment .item{width:24%;border-radius:5px;overflow:hidden}
.pageequipment .item .img{width:100%;overflow:hidden}
.pageequipment .item .img img{width:100%;transition:all .2s linear}
.pageequipment .item .info{background-color:var(--color);color:#fff;box-sizing:border-box;padding:16px;border-radius:0 0 5px 5px}
.pageequipment .item .info .title{font-size:var(--fontsize18);font-weight:var(--color);box-sizing:border-box;padding-bottom:4px;text-align:center;line-height:1.4}
.pageequipment .item .info .des{box-sizing:border-box;padding-top:4px;font-size:var(--fontsize16);border-top:1px solid rgba(255,255,255,.6);text-align:center;line-height:1.4}
.pageequipment .item:hover .img img{transform:scale(1.05)}
@media(max-width:768px){.pageenvironment .left{width:100%}
.pageenvironment .left .info .title{font-size:var(--fontsize20)}
.pageenvironment .right{width:100%;padding-right:0px;margin-top:20px}
.pageequipment-list .item{width:49%;margin-bottom:20px}
.pageequipment-list .item .info{padding:10px}}
