.menuPosition { width: 100%; height: 500px; position: relative; z-index: 10; } .menuPosition .carousel{ width: 100%; height: 500px; } .menuPosition .carousel img{ width: 100%; height: 100%; display: inline-block; position: absolute; top: 0; left: 0; } .patentMenu{ width: 1164px; position: absolute; top: 0; left: 50%; transform: translateX(-50%); height: 440px; background: #ffffff; border-top: 1px solid #e0e0e0; } .patentMenu .firstMenu{ position: absolute; z-index: 20; width: 198px; height: 455px; top: -13px; left: 0; border-radius: 10px 10px 0 0 ; } .patentMenu .firstMenu>p{ width: 100%; height: 72px; border-radius: 10px 10px 0 0 ; text-align: center; background: url(../../../img/patent/patent_menu1.png)no-repeat; background-size:100% 100%; } .firstMenu ul li { width: 100%; height: 127px; text-align: center; border-right: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; } .firstMenu ul li.active{ border-right: 1px solid transparent; } .firstMenu ul li.active p { color: #1797e9; } .firstMenu ul li.active span{ color: #1797e9; border-color: #1797e9; } .firstMenu ul li>p{ height: 127px; font-size: 18px; color: #7a7878; line-height: 127px; } .firstMenu ul li>p span{ display: inline-block; height: 20px; line-height: 18px; color:#7a7878; } .firstMenu ul li .circl{ display: inline-block; width: 20px; height:20px; border: 1px solid #7a7878; border-radius: 50%; font-size: 10px; vertical-align: middle; margin-right: 10px; margin-top: -2px; } .firstMenu ul li:hover{ cursor: pointer; } .firstMenu ul li .direction{ width: 10px ; height: 10px; display: inline-block; margin-left: 14px; border-left: 2px solid #7a7878; border-top: 2px solid #7a7878; transform: rotate(135deg) } .secondMenu{ position: absolute; right: 0; top: 0; height: 100%; width: 960px; } .secondMenu ul li{ position: absolute; top: 0; left: 0; z-index: 50; display: flex; display: -webkit-flex; justify-content: flex-start; display: none; } .secondMenu ul li div{ width: 180px; height: 300px; margin-top:44px; border-left: 1px dotted #e0e0e0; text-align: center; } .secondMenu ul li.active{ display: block; } .secondMenu ul li div:first-child{ border-left: none; } .secondMenu ul li div p a{ display: inline-block; margin-bottom: 45px!important; color: #7a7878; } .secondMenu ul li div p:nth-child(1) a{ margin-top: 10px; } .secondMenu ul li div p a:hover{ color: #1797e9; } .secondMenu ul li div p { width: 100%; overflow: hidden; padding: 0 5px; } .secondMenu .menuBj{ width: 130px; height: 110px; background: url(../../../img/patent/patent_menuBj.jpg)no-repeat; background-size:100% 100%; position: absolute; right: 13px; bottom: 60px; } /* 搜索 */ .indexSearch{ width: 743px; height: 36px; margin: 10px auto 0; } .indexSearch .search-inp{ clear: both; width:635px; height: 36px; } .indexSearch .demandSearch{ width: 530px; height: 36px; line-height: 34px; } .indexSearch .searchBtn{ height: 36px; line-height: 22px; background: #1697e9; border: 1px solid #1697e9; color: #ffffff; } .indexSearch .searchBtn img{ width: 25px;height: 24px; vertical-align: top } .indexSearch .search-inp{ float: left; } .indexSearch .search-inp .input-group{ width: 530px; } .form-control,.btn{ border-radius: 0; } .indexSearch .search-inp .input-group .input-group-btn{ width: 104px; } .indexSearch .search-inp .input-group .input-group-btn button{ width: 104px;; font-size: 18px; } .indexSearch .apply{ cursor: pointer; float: right; width: 105px; height: 36px; line-height: 36px; text-align: center; font-size: 18px; color: #ffffff; background: #ffac2a; }