.w1520 { width: 79%; margin: 0 auto; } header li{ float: left; } header { position: relative; z-index: 10; transition: transform 0.5s ease 0s; height: 100px; min-width: 1280px; /*font-family: '黑体';*/ } header .header-main { width: 100%; padding-top: 24px; background-color: #fff; transition: padding 0.3s ease 0s, transform 0.5s ease 0s; /*position: fixed; left: 0; top: 0;*/ min-width: 1280px; } header .logo img { transition: all 0.3s ease 0s; } header .nav-link { position: relative; margin-top: 4px; } header .nav-link .nav { line-height: 40px; font-size: 14px; transition: all 0.3s ease 0s; } header .nav-link .nav a.tit-a { color: #333; display: inline-block; transition: all 0.3s ease 0s; line-height: 40px; } header .nav-link .nav a.tit-a:hover { color: #888; } header .nav-link .nav li { padding-left: 36px; height: 40px; padding-bottom: 32px; transition: all 0.3s ease 0s; position: relative; } header .nav-link .nav li.cur a.tit-a { color: #888; } header .nav-link .nav li .sub-nav{ position: fixed; top: 100px; left: 0; width: 100%; background-color: #fff; height: 50px; z-index: 2; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; display: none; } header .nav-link .nav li .sub-nav dl{ float: right; width: 736px; } header .nav-link .nav li .sub-nav dd{ margin-right: 60px; font-size: 14px; line-height: 47px; padding-top: 4px; position: relative; float: left; } header .nav-link .nav li .sub-nav dd a{ } header .nav-link .nav li .sub-nav dd a { display: inline-block; color: #777; } header .nav-link .nav li .sub-nav dd i { display: block; width: 0; position: absolute; left: 50%; bottom: 0; height: 3px; background-color: #333; } header .nav-link .nav li .sub-nav dd:hover a { color: #333; } header .nav-link .nav li .sub-nav dd:hover i { left: 0; width: 100%; transition: all 0.4s ease 0s; } header .nav-link .nav li .sub-nav dd.hover a { color: #333; } header .nav-link .nav li .sub-nav dd.hover i { left: 0; width: 100%; } header .nav-link .nav .line { display: inline-block; width: 1px; height: 11px; background-color: #ccc; float: left; margin-left: 33px; margin-top: 16px; } header .nav-link .extra-nav { color: #333; } header .nav-link .sub-menu { width: 722px; position: absolute; left: 0; top: 72px; background-color: #fff; display: none; } header .nav-link .sub-menu .boxs { border-top: 1px solid #444444; display: none; } header .nav-link .sub-menu ul { width: 236px; border: 1px solid #d0d0d0; } header .nav-link .sub-menu li { border-top: 1px solid #d0d0d0; line-height: 44px; font-size: 12px; line-height: 24px; width: 100%; transition: background 0.3s ease 0s; } header .nav-link .sub-menu li a { display: block; width: 186px; padding: 10px 25px; } header .nav-link .sub-menu li:hover { background-color: #eee; } header .nav-link .sub-menu li:first-child { border-top: none; } header .nav-link .sub-menu .img-box { padding-top: 13px; margin-left: 12px; padding-bottom: 10px; } header .nav-link .sub-menu .img-box .img { display: block; width: 225px; position: relative; margin-right: 10px; float: left; } header .nav-link .sub-menu .img-box .up-tit { display: block; width: 100%; text-align: center; position: absolute; left: 0; top: 50%; margin-top: -42px; } header .nav-link .sub-menu .img-box .up-tit p { font-size: 70px; font-family: "Trump"; color: #fff; line-height: 80px; } header .nav-link .sub-menu .img-box .up-tit .line { display: block; width: 78px; height: 4px; margin: 0 auto; background-color: #fff; } header .extra-link { margin-left: 28px; margin-top: 4px; } header .extra-link a { display: inline-block; height: 40px; width: 22px; margin-left: 15px; float: left; } header .extra-link .link1 { background: url(../img/ico_01.png) no-repeat center; } header .extra-link .link2 { background: url(../img/ico_02.png) no-repeat center; } header .extra-link .link3 { background: url(../img/ico_03.png) no-repeat center; } header .extra-link .link4 { background: url(../img/ico_04.png) no-repeat center; } header .m-btn { width: 22px; height: 20px; padding: 12px; display: none; cursor: pointer; margin-top: 3px; } header .m-btn .box { display: block; width: 100%; height: 100%; position: relative; } header .m-btn .line { display: block; width: 100%; height: 2px; background-color: #1d1d1d; position: absolute; left: 0; transition: width 0.3s ease 0s; } header .m-btn .line1 { width: 12px; top: 0; } header .m-btn .line2 { width: 20px; top: 6px; } header .m-btn .line3 { width: 16px; top: 13px; } header .m-btn.cur .line1, header .m-btn.cur .line2, header .m-btn.cur .line3 { width: 100%; } header.fixed .header-main { position: fixed; left: 0; top: 0; } @media (max-width: 1440px){ .w1520 { width: 89%; } header .nav-link .nav li { padding-left: 26px; } header .nav-link .nav .line { margin-left: 26px; } }