#menu_3 .sub_menu{ margin-right:300px } #menu_4 .sub_menu{ margin-right:180px } #menu_1 .sub_menu{width: 900px;margin-right:5%; margin-left:5%; } .category p{ text-align:left} .menu .nav-item:hover>a:before { left: 0; width: 96%; } .category a { color: #666666; font-weight: normal } .menu .nav-item>a { padding-top: 30px; font-size: 18px; position: relative; display: inline-block; width: 170px; text-align: center; -webkit-transition: .5s; -o-transition: .5s; transition: .5s; } .menu .nav-item.on>a:before { left: 0; width: 96%; } .menu .nav-item>a:before { content: ""; position: absolute; left: 50%; top: 0; width: 0; border-radius: 0px 0px 15px 15px; border-top: 3px solid #8396de; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; } .nav .menu ul .on h2 a { line-height: 30px; color: #124abb; display: block; height: 50px; font-size: 15px; border-top: 3px solid #124abb; } .menu ul { margin-top: 0px } .icon img { width: 100% } .iconfont52 { font-size: 52px!important } .nav .menu ul li .sub_menu { height: 0px; position: absolute; z-index: 999; overflow: hidden; right: 0px; top: 84px; } .nav #menu_hover_bg { height: 0px; background: #f5f5f5; position: absolute; top: 83px; z-index: -79; overflow: hidden; } img { border: none; } a { text-decoration: none; } ol, ul { list-style: none; } div { display: block; } .w1200 { width: 1400px; margin: 0 auto; position: relative; } .mr40 { margin-right: 40px; } .pa { position: absolute; } .pl20 { padding-left: 20px; } .h30 { width: 100%; height: 4px; overflow: hidden; } .h30:after { content: ""; width: 0; height: 0; display: block; clear: both; } /*瀵艰埅*/ .nav { position: fixed; background-color: #FFFFFF; width: 100%; height: 85px; z-index: 1000; left: 0; top: 0; border-bottom: 2px solid #f5f5f5; } .nav .logo { float: left; padding-left: 5px } .nav .logo a { display: block; padding: 12px 0; } .nav .menu { float: right; } .nav .menu ul li { float: left; text-align: center; height: 105px; width: 140px; line-height: 32px; } .sub_menu ul li { text-align: left!important; } .category h3 { height: 40px; padding-bottom:15px; margin: 0px; padding: 0px; text-align: left } .intro { float: left; box-shadow: 0px 0px 0px 0px #e3e3e3!important; margin-left: 1px; height: 105px; } .nav .menu ul li h2 { font-weight: normal; margin-top: 0px; font-size: 14px; position: relative; } .nav .menu ul>li.intro>h2:before { content: ""; position: absolute; width: 100px; height: 3px; background-color: #F44336; left: 30%; margin-left: -25px; top: -25px; } .nav .menu ul>li>h2>img { right: -40px; top: 31px; } .nav .menu ul li h2 a { padding: 40px 45px 17px 45px; line-height: 30px; display: block; height: 50px; font-size: 15px; } .nav .menu ul li .sub_menu .sub_menu_list { float: left; background-color:#FFFFFF; position: relative; } .nav .menu ul li .sub_menu .sub_menu_list>h3 { color: #666; font-weight: normal; padding-bottom: 30px; font-size: 16px; } .nav .menu ul li .sub_menu .sub_menu_list:nth-child(1) .list:before,.nav .menu ul li .sub_menu .sub_menu_list:nth-child(2) .list:before { content: ""; width: 0px; height: 500px; background: #f2f2f2; right: 0; top: 10px; position: absolute; } .nav .menu ul li .sub_menu.sol_left .sub_menu_list:nth-child(1) .list:before { height: 220px; } .nav .menu ul li .sub_menu.sol_left .sub_menu_list:nth-child(2) .list:before { display: none; } .nav .menu ul li .sub_menu .sub_menu_list .list a { float: left; display: block; width: 259px; height: 53px; padding: 13px 0 0 15px; margin-bottom: 20px; color: #515151; } .nav .menu ul li .sub_menu .sub_menu_list .list a:hover { color: #FF0000 } .nav .menu ul li .sub_menu .sub_menu_list .list a .icon { width: 30px; height: 50px; } .nav .menu ul li .sub_menu .sub_menu_list .list a .info { float: left; width: 100%; text-align: center; height: 40px; } .nav .menu ul li .sub_menu .sub_menu_list .list a .info h3 { font-weight: normal; color: #303030; font-size: 14px; position: relative; } .nav .menu ul li .sub_menu .sub_menu_list .list a .info h3 span { position: absolute; top: -5px; display: block; width: 25px; height: 12px; left: 75px; font-size: 12px; } .nav .menu ul li .sub_menu .sub_menu_list .list a .info p { padding-top: 5px; font-size: 12px; color: #989898; } .nav .menu ul li .sub_menu .sub_menu_list .list.sol_list a { float: left; line-height: 25px; background-color:#FFFFFF; width: 140px; height: 83px; padding: 20px 28px 0 25px; display: block; text-align: center; } .nav .menu ul li .sub_menu.sol_left .sub_menu_list:nth-child(2) .list.sol_list a { display: block; width: 220px; height: 40px; line-height: 40px; padding: 0; margin: 0; margin-bottom: 0px; text-indent: 20px; color: #303030; } .nav .menu ul li .sub_menu .sub_menu_list .list.sol_list .icon { width: 82px; margin: auto; height: 82px; padding-top:1px; line-height: 22px; } #menu_1 .sub_menu>.w1200 h3 { padding-bottom: 30px; padding-top: 20px; font-size: 16px; color: #666; font-weight: normal; } #menu_1 .sub_menu .sub_menu_list .category { float: left; width: 20%; padding-left: 40px; padding-top: 21px; height: 170px; border-right: 1px solid #f2f2f2; border-bottom: 1px solid #f2f2f2; } #menu_1 .sub_menu .sub_menu_list .category li { float: left; width: 257px; height: 20px; line-height: 20px; margin-bottom: 3px; cursor: pointer; font-size: 14px; color: #303030; } #menu_1 .sub_menu .sub_menu_list .category li.active { } #menu_1 .sub_menu .sub_menu_list .content { float: left; width: 942px; } #menu_1 .sub_menu .sub_menu_list .content .cont_list { float: left; width: 942px; height: 220px; display: none; } #menu_1 .sub_menu .sub_menu_list .content .cont_list a { float: left; width: 274px; height: 72px; padding: 18px 0 0 20px; margin: 0 0 20px 20px; } #menu_1 .sub_menu .sub_menu_list .content .cont_list a:hover { } #menu_1 .sub_menu .sub_menu_list .content .cont_list a .icon { float: left; width: 30px; height: 70px; padding-top: 5px; } #menu_1 .sub_menu .sub_menu_list .content .cont_list a .info { float: left; width: 220px; height: 70px; } #menu_1 .sub_menu .sub_menu_list .content .cont_list a .info h3 { font-weight: normal; color: #303030; font-size: 14px; } #menu_1 .sub_menu .sub_menu_list .content .cont_list a .info p { color: #989898; padding-top: 5px; font-size: 12px; } .nav .login { padding-top: 25px; float: right; } .nav .login a { height: 30px; line-height: 30px; padding: 0 10px; color: #fff; display: inline-block; vertical-align: middle; font-size: 14px; } .nav .login a:nth-child(1) { background: url(../images/login_icon.png) no-repeat left center; padding-left: 30px; } .nav .login a:nth-child(2) { background: #FD8A08; border-radius: 4px; color: #fff; margin-right: 10px; width: 80px; height: 30px; line-height: 30px; padding: 0; text-align: center; }