.products-overview{background:-webkit-gradient(linear,left bottom,left top,from(#f7f5f0),color-stop(50%,#fff),color-stop(50%,#f7f5f0));background:linear-gradient(0deg,#f7f5f0,#fff 50%,#f7f5f0);padding:96px 0 25px}
.map{position:relative}
.map_pod{width:19.59%;position:absolute;top:41%;right:6.5%}
.map_pod .map__button+.map__button{margin-top:20px}
.map__button{width:19.59%}
.button__inner{display:inline-block;font-size:87.5%;font-weight:700;padding:4.5%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:4px;-webkit-box-shadow:0 0 10px 0 rgba(0,0,0,.5);box-shadow:0 0 10px 0 rgba(0,0,0,.5);-webkit-transition:background-color .2s ease-out,color .2s ease-out;transition:background-color .2s ease-out,color .2s ease-out}
.button__inner .icon-arr{position:relative;border-color:#c00;top:0;margin-top:0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:border-color .2s ease-out;transition:border-color .2s ease-out}
.map__button .button__inner{color:#000;background-color:#fff}
.map__button a:hover{text-decoration:none;background-color:#c00;color:#fff}
.map__button a:hover .icon-arr{border-color:#fff}
.map__button{position:absolute}
.map__button-power{left:6.5%;top:41%}
.map__button-power .button__inner{background-color:#999;color:#fff}
.map__button-train{left:6.5%;bottom:-2.5%}
.map__button-train .button__inner{background-color:#999;color:#fff}
.map__button-dc-substation{position:relative;width:100%}
.map__button-ac-substation{position:relative;width:100%}
.map__button-monitoring-control-system{top:60%;right:40%}
.map__button-control-centers{bottom:-2.5%;right:40%}
.map__button-station{bottom:-2.5%;right:6.5%}
.products-recommend__wrap{background-color:#454e60;padding:130px 0 70px}
.products-recommend{display:-webkit-box;display:-ms-flexbox;display:flex}
.products-recommend__unit{width:46%}
.products-tcms{width:82.277%;margin-top:-3.5%}
.products-tcms img{margin-left:auto;display:block;display:block;width:100%;max-width:753px;vertical-align:bottom}
.products-recommend__catch{color:#fff;font-size:118.75%}
.products-recommend__name{color:#fff;font-size:212.5%;font-weight:700}
.products-recommend__name--en{color:#fff;font-weight:700}
.products-recommend__description{margin-top:15px;color:#fff}
#station .note{text-align:right}
@media (max-width:980px){.products-recommend__wrap{padding:60px 0 50px}
.products-recommend{display:block}
.products-recommend__unit{width:100%}
.products-tcms{margin-top:30px;width:100%}
.products-tcms img{margin:0 auto}
.products-recommend__description br{display:none!important}
}
@media (max-width:767px){.products-overview{background-color:#f7f5f0;-webkit-background-size:767px auto;background-size:767px auto;padding:60px 0 0}
.map__img{margin:30px -20px 50px}
.map__unit{margin:0 -20px;padding:20px;border:20px solid #e0ded5;background-color:#454e60}
.unit__inner{border:1px solid #e6e6e6}
.map_pod{width:auto;position:relative;top:0;right:0;border-top:0}
.map_pod .map__button+.map__button{margin-top:0}
.map__button{width:auto;border-top:1px solid #e6e6e6}
.button__inner{padding:11px 15px;border-radius:0;-webkit-box-shadow:none;box-shadow:none;display:block}
.button__inner:before{content:'';display:inline-block;width:8px;height:9px;position:relative;top:-1px;left:0;margin-right:6px;background-image:url(/society/traffic/common/img/arr_down.png);-webkit-background-size:contain;background-size:contain;background-repeat:no-repeat}
.button__inner .icon-arr{display:none}
.map__button a:hover{background-color:#fff;color:#000}
.map__button{position:relative}
.map__button-power{left:0;top:0;bottom:0;right:0;display:none}
.map__button-train{left:0;top:0;bottom:0;right:0;display:none}
.map__button-monitoring-control-system{left:0;top:0;bottom:0;right:0}
.map__button-control-centers{left:0;top:0;bottom:0;right:0}
.map__button-station{left:0;top:0;bottom:0;right:0}
.products-recommend__name{margin-top:5px;font-size:187.5%;line-height:1.5}
.products-recommend__name--en{margin-top:5px;font-size:87.5%}
.products-recommend__description{margin-top:18px;line-height:1.8}
#station .note{text-align:left}
}