123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240 |
- .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;
- }
|