/* siyuan */ *{ font-family: siyuan; } .applicationMenu{ clear: both; width: 1200px; height: 50px; margin: 20px auto 0; position: relative; border-bottom: 1px solid #1797e9; } .applicationMenu ul { float: left; } .applicationMenu ul li{ padding: 0 20px; height: 50px; line-height: 50px; text-align: center; float: left; font-size: 19px; } .applicationMenu ul li a{ color: #545454; } .applicationMenu ul>li:first-child{ width: 200px; background: #1797e9; color: #fff; } .applicationMenu ul li a:hover{ color: #1797e9; } .applicationMenu >a{ float: right; color: #333; font-size: 19px; height: 50px; line-height:50px; display: inline-block; } .applicationMenu ol{ position: absolute; left: 0; top: 50px; height: 60px; line-height: 60px; background: #fff; width: 100%; z-index: 9999; } .applicationMenu ol li{ float: left; padding-left:80px; padding-right: 40px; } .applicationMenu ol li a{ font-size: 16px; color: #7f7f7f; } .applicationMenu ol li:nth-child(1){ background: url(../../../img/newMenu/application_Menu1.png)no-repeat; background-position-x: 40px; background-position-y: 10px; } .applicationMenu ol li:nth-child(2){ background: url(../../../img/newMenu/application_Menu2.png)no-repeat; background-position-x: 40px; background-position-y: 14px; } .applicationMenu ol li:nth-child(3){ background: url(../../../img/newMenu/application_Menu3.png)no-repeat; background-position-x: 40px; background-position-y: 12px; } .applicationMenu ol li:nth-child(4){ background: url(../../../img/newMenu/application_Menu4.png)no-repeat; background-position-x: 40px; background-position-y: 14px; } .applicationMenu ol li:nth-child(5){ background: url(../../../img/newMenu/application_Menu5.png)no-repeat; background-position-x: 40px; background-position-y: 10px; } /* 搜索 */ .search{ margin-bottom: 72px; height: 55px; } .search .searchLeft{ width: 670px; float: left; } .search{ margin-top: 30px; } .search .search-inp{ vertical-align: top; margin-top: -8px; } .search .searchLeft ul li { float: left; margin-left: 30px; } .search .searchLeft ul li img{ margin-right: 16px; } .search .searchLeft ul li span{ font-size: 18px; color: #7a7878 } .search .searchLeft ul li:first-child{ margin-left: 18px; } .search .search-inp{ float: left; width:512px; } .search .search-inp div{ width: 510px; } .search .search-inp input{ width: 406px; } .applicationTitle { clear: both; text-align: center; } .applicationTitle h4{ font-weight: normal; font-size: 19px; color: #6e6e6e; margin-bottom: 16px; } .applicationTitle span{ display: inline-block; font-size: 21px; color: #1f1f1f; margin-right: 5px; } .applicationTitle a{ display: inline-block; width: 163px; height: 30px; text-align: center; color: #fff; line-height: 28px; background: #1797e9; border-radius: 15px; vertical-align: top; } .applicationTitle a:hover{ background: #fff; color: #333; box-shadow: 0 4px 10px #ccc; } /* 品牌建设 */ .applicationJs { position: relative; height: 490px; width: 100%; z-index: 6; margin-top: 24px; } .applicationJs .jsLeft{ position: absolute; left: 0; top: 0; background: url(../../../img/newMenu/application_Menu6.png) no-repeat; background-size:100% 100%; width: 1016px; height: 100%; z-index: 10; } .applicationJs .jsLeft{ padding-top: 130px; padding-left: 34px; } .applicationJs .jsLeft div{ width:190px; height: 140px; text-align: center; margin-bottom: 12px; } .applicationJs .jsLeft div a{ display: inline-block; font-size: 16px; color: #1797e9; background: #fff; border: 2px solid #1797e9; height: 34px; width: 114px; line-height: 30px; margin-top: 86px; border-radius: 10px; cursor: pointer; } .applicationJs .jsLeft div a:hover{ background: #1797e9; color: #fff; } .applicationJs .jsLeft div:nth-child(1){ background: url(../../../img/newMenu/application_JS1.png) no-repeat; background-size:100% 100%; } .applicationJs .jsLeft div:nth-child(2){ background: url(../../../img/newMenu/application_JS2.png) no-repeat; background-size:100% 100%; } .applicationJs .jsRight{ position: absolute; right: 0; top: 50px; background: url(../../../img/newMenu/application_Menu7.png) no-repeat; background-size:100% 100%; z-index: 15; width: 920px; height: 378px; box-shadow: 0 0 4px #ccc; } .jsRight div{ float: left; width: 390px; margin-left: 50px; margin-top: 38px; } .jsRight div h3{ color: #1f1f1f; font-size: 19px; margin-bottom: 22px; } .jsRight div .colorP{ color: #1797e9; margin-bottom: 84px; font-size: 14px; } .jsRight div:nth-child(1) .colorP{ margin-top: 54px; } .jsRight div:nth-child(2) .colorP{ margin-top: 24px; } .jsRight div p{ margin-bottom: 5px; color: #8f8f8f; font-size: 16px; } .jsRight a{ cursor: pointer; padding: 0 10px; height: 38px; line-height: 36px; display: inline-block; font-size: 14px; border: 1px solid #1797e9; border-radius: 10px; color: #1797e9; } .jsRight a.blur{ background: #1797e9; color: #fff; margin-right: 27px; } /* 市场开拓 */ .applicationSC{ overflow: hidden; width: 100%; background: url(../../../img/newMenu/application_BJ.jpg)no-repeat; background-size:100% 100%; padding-top: 30px; } .applicationWrap{ width: 1200px; margin: 0 auto; } .applicationSC .applicationTitle h4{ color: #fff; } .applicationSC .applicationTitle span{ font-size: 25px; color: #fff; } .applicationSC .applicationTitle a{ margin-top: 5px; } .applicationSC .applicationTitle a:hover{ box-shadow: none; }