﻿/*手机站*/

/*header*/
.mheader {width: 100%;top: 0;left: 0;z-index: 20;box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);height:50px;display:none;}
.mheader.on {height: 100%;overflow-y: auto;}
.mhead {padding: 0 12px;height: 50px;position: relative;background: rgba(0,0,0,0.85);}
.mheader.on .mhead{background: rgba(0,0,0,1);}
.mhead .logo {width: 118px;display: block;overflow: hidden;position: absolute;top: 23px;z-index: 3;transform: translateY(-50%);}
.mhead .logo img {display: block;width: 100%;}
.menu_click {width: 28px;height: 22px;position: relative;cursor: pointer;float: right;top: 50%;transform: translateY(-50%);}
.menu_click li {position: absolute;margin-top: 1px;height: 2px;width: 28px;background: rgba(255,255,255,0.6);-webkit-transition: .5s;transition: 0.5s;}
.menu_click li.li_1 {top: 0;left: 0;}
.menu_click li.li_2 {top: 8px;left: 0;}
.menu_click li.li_3 {bottom: 3px;left: 0;display: -webkit-box;display: -ms-flexbox;display: flex;}
.menu_click.on li.li_1 {top: 8px;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.menu_click.on li.li_2 {display: none;}
.menu_click.on li.li_3 {bottom: 11px;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
.head-tel span a,.head-tel span{color: #d83525;display: inline-block;font-family: DINMittelschriftStd;font-size: 18px;}
.head-tel span{background: url(../images/nav_tel.png)no-repeat left center;padding-left: 30px;background-size: 22.5px;padding-top: 0.50px;letter-spacing: 1.5px;}
.head-tel{position: absolute;right: 55px;top: 50%;transform: translateY(-50%);}
.nav2box {display: none;position:relative;z-index:999;}
.mnav li {border-bottom: 1px solid rgba(255,255,255,0.1);padding: 10px 0;position: relative;}
.mnav li:last-child{border-bottom: 0;}
.mnav li > a {position: relative;font-size: 16px;line-height: 20px;color: #fff;display: block;padding: 8px 40px 8px 0;transition: all 0.5s;}
.mnav li a.on{color: #d83525!important;}
.mnav li.active > a.on{color: #d83525!important;}
.mnav li i {position: absolute;right: 0px;top: 12px;background: no-repeat center;width: 36px;background: url(../images/right2.png) no-repeat right 4px center;height: 25px;background-size: 20%;-webkit-transition: .5s;transition: 0.5s;}
/*padding-left: 25px;*/
.mnav li.active > a {color: #333;}
.nav2 {display: none;padding: 10px 0 11px;border-top: 1px solid rgba(255,255,255,0.1);margin-top: 10px;}
/*border-bottom: 1px solid #dcdcdc;*/
.nav2 a {display: block;font-size: 50px;color: #888;line-height: 18px;padding: 8px 30px;font-size: 14px;}
.nav2 a.on{color: #e10007!important;}
.nav2 a:last-child{border-bottom: 0;}
.nav3 a{display: block;color: #666;font-size: 14px;border-bottom: none;padding:5px 42px;}
.mnav li.active i {background: url(../images/right2.png) no-repeat right 4px center;transform: rotate(90deg);width: 25px;height: 35px;top: 5px;}
/* height: 100%; */
.nav2box {background: #060606;clear: both;padding: 20px 28px 50px 28px;}
.in-search{width: 100%;border-top: 1px solid rgba(255,255,255,0.1);border-bottom:1px solid rgba(255,255,255,0.1);margin-top: 25px;position: relative;}
.in-search input{width: 80%;height: 40px;color: #fff;font-size: 14px;padding: 0 10px;}
.in-search button{width: 40px;height:40px;background: url(../images/search.png) no-repeat center;position: absolute;right:0;top: 50%;margin-top: -20px;background-size: 60%;}