/*顶部移动端导航*/ #c-header .c-nav2 { position: fixed; top:109px; left:0; width: 100%; height: 0; z-index: 99; font-size:14px; line-height: 50px; overflow-y: auto; background:#fff; transition: all 0.5s; } #c-header.c-head-hide .c-nav2 { top: 65px; } .about{ } body.c-open #c-header .c-nav2 { height: calc(100% - 65px); height: -webkit-calc(100% - 65px); } body.c-open #c-header.c-head-hide .c-nav2 { height: calc(100% - 65px); height: -webkit-calc(100% - 65px); } #c-header .c-nav2 a { display: block; margin: 0 20px; border-bottom:1px solid #f1f1f1; text-align:left; color: #333; -webkit-transition: all 0.3s; transition: all 0.3s; } #c-header .c-nav2>li:first-child { border-top:1px solid #f1f1f1; } #c-header .c-nav2 li:hover>a,#c-header .c-nav2 li.active>a { color: #004da2; } #c-header .c-nav2 li a i { float: right; width: 5%; } #c-header .c-nav2 li a i img{ width: 100%;} #c-header .c-nav2 li ul { display: none; } #c-header .c-nav2 li ul a { padding-left: 40px; width: 100%; height: 40px; line-height: 40px; } #c-header .c-nav2 li ul dt{width: 100%; height: 30px; line-height: 30px; padding-left: 50px;} #c-header .c-nav2 li ul .small{ height: 30px; line-height: 30px; padding-left: 80px;} #c-header .c-nav2 .c-language { float: left; position: relative; padding: 20px 0 0 20px; } #c-header .c-nav2 .c-language>a { margin:0; display: block; padding: 0 5px; width: 80px; height: 40px; line-height: 38px; border: 1px solid #f1f1f1; } #c-header .c-nav2 .c-language>a i { margin-top: 9px; } #c-header .c-nav2 .c-language .c-list { display: none; background: #fff; line-height: 40px; box-shadow: 0 2px 11px rgba(0, 0, 0, 0.05); } #c-header .c-nav2 .c-language .c-list a { display: block; padding: 0 5px; margin: 0; } #c-header .c-nav2 .c-language .c-list .c-item:last-child a { border-bottom: 0; } #c-header .c-nav2 .c-search-box { float: right; width: -webkit-calc(100% - 120px); width: calc(100% - 120px); width: calc(100% - 20px); padding: 20px 20px 0 0; } #c-header .c-nav2 .c-search-box i{ display: inline-block; width: 50%; font-size: 25px;} #c-header .c-nav2 .c-search-box i img{ width: 100%;} #c-header .c-nav2 .c-search-box form { position: relative; border: 1px solid #f1f1f1; line-height: 38px; height: 40px; } #c-header .c-nav2 .c-search-box form input { float: left; padding: 0 5px; width: -webkit-calc(100% - 15px); width: calc(100% - 50px); height: 38px; } #c-header .c-nav2 .c-search-box form button { float: right; width: 50px; height: 38px; color: #fff; background:#004da2; } /*顶部导航开关*/ #c-header .c-switch { position: absolute; top: 20px; right: 15px; width: 24px; height: 20px; z-index: 99999; cursor: pointer; } #c-header .c-switch i { position: relative; display: block; height: 2px; background: #f5f2f2; -webkit-transition: all 0.3s; transition: all 0.3s; } #c-header.c-head-hide .c-switch i,.c-open #c-header .c-switch i { background:#333; } #c-header .c-switch i:nth-child(1) { top: 0; } #c-header .c-switch i:nth-child(3) { bottom: 0; } #c-header .c-switch i:nth-child(2) { margin: 6px 0; } body.c-open #c-header .c-switch i:nth-child(2) { opacity: 0; } body.c-open #c-header .c-switch i:nth-child(1) { top: 8px; -webkit-transform: rotate(45deg); transform: rotate(45deg); } body.c-open #c-header .c-switch i:nth-child(3) { bottom: 8px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }