.top-search-form{left: 0; transition: all .5s;}
.top-search-form.hidden{top: -100%;transition: all 1s;}
.top-search-form.active{top: 0;}

.nav-item .submenu{display: none;}
.nav-item:hover .submenu{display: block;}

.wap_head .ico{width: 20px;height: 2px;background-color: #007bff;position: relative;display: inline-block;transition: all .3s;}
.wap_head .ico:before{content: '';width: 20px;height: 2px;background-color: #007bff;position: absolute;left: 0;top: -7px;transition: all .3s;}
.wap_head .ico:after{content: '';width: 20px;height: 2px;background-color: #007bff;position: absolute;left: 0;bottom: -7px;transition: all .3s;}

.wap_head .ico.active{background-color: transparent;}
.wap_head .ico.active:before{transform:rotate(45deg);top: 0;}
.wap_head .ico.active:after{transform:rotate(-45deg);bottom: 0;}
.wap_head .btn:focus{box-shadow: none;}
.wap_slide_menu{position: absolute; width: 100%;left: 100%;z-index: 9;transition: all .5s;}
.wap_slide_menu.active{left: 0;}


/*.a-ico{position: relative;}*/

.bg-base{background: linear-gradient(to right,#ca1c17,#fbe704);}

.advantages{position: relative;}
.advantages .line0{height: 2px;background-color: #c5c5c5;width: 100%;max-width: 1110px; position: absolute;left: 0;right: 0;margin: auto;top: 235px;}

.a-s-ico{cursor: pointer;transition: all .3s;}
.a-s-ico .line{position: relative;width: 75%;height: 2px;background-color: #c5c5c5;margin: auto;transition: all .3s;}
.a-s-ico .line:before{content: '';position: absolute;display: block;width: 18px;height: 18px;border-radius: 50%;border: 2px solid #c5c5c5;background: #fff;left: 0;right: 0;margin: auto;top: -8px;transition: all .3s;}

.a-s-ico.active{color: #e2020c;}
.a-s-ico.active .line{background-color: #e2020c;}
.a-s-ico.active .line:before{border: 2px solid #e2020c;}

.case{background: url(../image/casebg.jpg) top center no-repeat; background-size: cover;}