@charset "utf-8"; /*头部*/ .head-bg { padding: 0; position: fixed; top: 0; left: 0; right: 0; z-index: 9; /* background-color: rgba(0,0,0,.5); */ background-color: rgba(255, 255, 255, 0.9); /* color: #fff; */ } .head-box {padding:0; } /*顶部效果*/ .pm-head {display: none;} @media (max-width: 768px) { .pc-head {display: none;} .pm-head {display: block;} } .head-page-box { } @media (min-width: 768px) { .head-logo-row { float: left; } } .head-logo { margin: 0px; padding-top: 0px; max-height: 100%; position:relative; } .head-logo-image { margin-top: 20px; height: 60px; } .head-logo-text { font-size: 30px; line-height: 60px; font-weight:bold; color: #0d6439; padding: 19px 0; } .head-right-text {margin:6px 0;} /* .top-cn-en a {font-size: 14px; line-height:14px; display: inline-block; padding:0 5px; -border-left: 1px solid #818181; border-right: 2px solid #818181; color: #818181;line-height:36px;} */ .head-right-title {padding-top:7px;font-size:16px;line-height:18px;color:#666; height: 18px;} .head-tel-image {float:left;height:37px;margin-top:7px;} .right-text-box {margin-left:41px;} .head-right-tel {font-size:22px;color:#393939;line-height:28px;} /*搜索*/ .head-right-search {margin-top:23px; height: 36px; border:1px solid #dedede; border-radius: 16px; } .head-right-search input { display: inline-block; border:0; vertical-align: top;} .search-key { background:none; width:260px;height:36px; padding-left:20px; line-height:36px; color: #555555; font-size:16px;} .search-submit { background:url(../images/searchbg1.png) no-repeat center center; width:35px; height:36px; cursor: pointer;border-left:1px solid #1a487c; } /* 导航 start */ .head-mebu-banner-box { position:relative; /* width: 800px; margin: 0 auto; */ float: right; padding-top: 0px; z-index: 99; } .head-menu { width:100%; line-height:50px; } .head-menu-switch {display: none;} #head-menu-box { z-index:9999; position: static;} .head-menu-ul {text-align: center; /* height:50px; */ } .head-menu-li { float: left; margin: 0px; text-align: center; font-weight: 400; position: relative; /* color: rgba(255,255,255,.7); */ } .head-menu-li:hover { color: #0d6439; } .head-menu-link { padding: 23px 20px; line-height: 25px; margin: 0 10px; display: block; border-bottom: 2px solid transparent; } .head-menu-title { font-size: 16px; position: relative; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; -ms-transition: all 0.6s; -o-transition: all 0.6s; transition: all 0.6s; } .head-menu-title-en { color: #aaa; font-size: 12px; } @media (min-width: 768px) { .head-menu-link:hover, .head-menu-li.cur .head-menu-link { color: #0d6439; border-color: #0d6439; } } .cur .head-menu-link, .head-menu-link:hover { color:#0d6439; } .head-menu-son-ul {min-width:100%; position:absolute; display:none; z-index:9999;background-color:rgba(0,45,94,0.5); /* margin-left: -10px;padding:0 5px; */ } .head-menu-son-li { line-height:36px; text-align:center; } .head-menu-son-link {width:100%; font-size:14px; display:block; color:#fff;text-align:center;} /* 导航 end */ /* 二级导航 start */ .head-menu-li {position: relative;} .menu2-ul { width: 160px; min-width: 100%; margin: 0; background: rgba(255,255,255,.8); display: none; top: 100%; z-index: 88; left: 50%; box-shadow: 0 6px 30px rgba(0,0,0,.175); -webkit-transform: translate(-50%, -2px); -moz-transform: translate(-50%, -2px); -ms-transform: translate(-50%, -2px); -o-transform: translate(-50%, -2px); transform: translate(-50%, -2px); } @media (min-width: 768px) { .head-menu-li:hover .menu2-ul { display: block; } } .menu2-li { white-space: nowrap; } .menu2-link { display: block; padding: 10px; line-height: 20px; height: auto; /* background: #C32024; */ /* background: rgba(196,1,59,.75); */ text-align: center; color: #666; } .menu2-link:hover { color: #0d6439; /* background: #B32025; */ /* background: rgba(196,1,59,.6); */ background: rgba(0,0,0,.04); } /* 二级导航 end */ .nav-switch {font-size:30px;padding:15px 10px ;position:absolute;right:0;top:0;height:35px;line-height:35px;} .nav-close {line-height:30px;display: none;} @media (max-width:1200px){ .head-bg { padding:0 10px; } .head-bg .wrap { padding:0; } .head-logo-text {font-size: 22px;} /* .head-menu-li {width:12.5%;margin:0;} */ .head-logo-image { margin-top: 18px; height: 60px; } .head-menu-link { margin: 0; } } @media (max-width:992px){ .head-logo-text { line-height: 30px; font-size: 16px; } /* .head-menu-li {width:20%;} */ .head-menu-link { padding: 9px 10px; } } @media (max-width: 888px){ .head-logo-image { margin-top: 10px; height: 50px; } .head-menu-link { padding: 9px 5px; } } .pm-show {display:none;} @media (max-width: 768px){ .pm-show {display:block;} .head-bg { padding:0;height:50px; overflow: hidden; background-color: #fff; } .head-logo-text {color:#0d6439; font-size: 20px;} .head-right {display: none;} .pm-show {display:block;} .head-logo {max-width:none;float:none;padding:0 50px 0 10px;} .head-logo-image { margin-top: 0; height: 50px; } .head-logo-text {padding:5px;font-size:22px;} .nav-switch { color: #0d6439; padding:8px; height:34px;line-height:34px;} .head-menu {position: fixed;top:0;z-index:99;background:none;width:100%;height:100%;right:-100%; } .head-menu-switch {position: fixed;top:0;left:0;width:100%;height:100%;width:100%;height:100%;background: rgba(0, 0, 0, 0.2);} .head-menu-ul {position: absolute;right:0;top:0;width:50%;height:100%;background:#3d464d;padding:15px 0;right:-100%;} .head-menu-li {float:none;width:auto;text-align: left; display: block;} .head-menu-link {font-size:14px;line-height:38px;padding:0 15px; color: #fff; margin: 0;} .cur .head-menu-link, .head-menu-link:hover {background: rgba(0, 0, 0, 0.2);color:#fff;} .head-menu-title {display: inline-block;} .head-menu-title-en {display: none;} } @media (max-width:480px){ .head-logo-text {padding:5px; font-size:17px; line-height: 40px;} } @media (max-width:360px){ .head-logo-text { font-size:16px;} } @media (max-width:320px){ .head-logo-text { font-size:15px;} }