@media only screen and (max-width: 1500px) { .main-left strong{ font-weight: 600; } .container>.header>.headerauto>.navone>a { transition: .5s; } .container>.header>.headerauto>.navone>.active { background: #BD9369; color: #fff; } .container>.header-top>.top>.middle { width: 1120px; margin: auto; display: none; } .container>.main>.main-left>img { width: 100%; } .container>.main>.main-left>p>img { width: 100%; } .container>.header-top>.top>.middle>ul { float: right; } .container>.header-top>.top>.middle>ul>a { color: #F3DFCB; font-size: 14px; line-height: 54px; margin-right: 24px; } .container>.nav { width: 100%; height: 100px; background: #FAFAFA; margin-bottom: 56px; } .container>.nav>.nav-middle { width: 1120px; height: 100px; margin: auto; } .container>.nav>.nav-middle { width: 1120px; height: 100px; margin: auto; position: relative; } .container>.nav>.nav-middle>.nav-middle-left { float: left; line-height: 100px; font-size: 14px; } .container>.nav>.nav-middle>.nav-middle-lefe>a { text-decoration: none; color: #474A50; } .container>.nav>.nav-middle>.nav-middle-left>span { font-size: 19px; } .container>.nav>.nav-middle>ul { float: right; } .container>.nav>.nav-middle>ul>a { box-sizing: border-box; float: left; height: 100px; margin-right: 20px; font-size: 14px; color: #474A50; line-height: 100px; } .container>.nav>.nav-middle>ul>a:hover { box-sizing: border-box; border-bottom: 5px solid #BE956A; } .container>.nav>.nav-middle>ul>a:nth-child(5) { margin: 0; } .container>.main { width: 1120px; margin: auto; } .container>.main>.main-left { width: 700px; float: left; } .container>.main>.main-left>h1 { font-size: 30px; color: #BE956A; font-weight: normal; } .container>.main>.main-left>div>span { font-size: 20px; color: #BE956A; font-weight: normal; } .container>.main>.main-left>p { font-size: 14px; color: #797878; line-height: 28px; } .container>.main>.main-right { width: 376px; background: #4B5E7B; padding-bottom: 100px; float: right; } .container>.main>.main-right>img { width: 100%; height: 174px; display: block; } .container>.main>.main-right>div { width: 100%; background: #4B5E7B; } .container>.main>.main-right>div>img { width: 362px; /* height: 1044px; */ margin-top: 70px; } .c1 { clear: both; } .h16 { height: 0; } } @media only screen and (min-width: 1500px) { .main-left strong{ font-weight: 600; } .container>.header>.headerauto>.navone>a { transition: .5s; } .container>.header>.headerauto>.navone>.active { background: #BD9369; color: #fff; } .container>.header-top>.top>.middle { width: 1364px; margin: auto; display: none; } .container>.header-top>.top>.middle>ul { float: right; } .container>.header-top>.top>.middle>ul>a { color: #F3DFCB; font-size: 14px; line-height: 54px; margin-right: 24px; } .container>.nav { width: 100%; height: 100px; background: #FAFAFA; margin-bottom: 56px; } .container>.nav>.nav-middle { width: 1364px; height: 100px; margin: auto; } .container>.nav>.nav-middle { width: 1364px; height: 100px; margin: auto; position: relative; } .container>.nav>.nav-middle>.nav-middle-left { float: left; line-height: 100px; color: #474A50; font-size: 14px; } .container>.nav>.nav-middle>.nav-middle-left>a { text-decoration: none; color: #474A50; } .container>.nav>.nav-middle>.nav-middle-left>span { font-size: 19px; } .container>.nav>.nav-middle>ul { float: right; } .container>.nav>.nav-middle>ul>a { box-sizing: border-box; float: left; height: 100px; margin-right: 20px; font-size: 14px; color: #474A50; line-height: 100px; } .container>.nav>.nav-middle>ul>a:hover { box-sizing: border-box; border-bottom: 5px solid #BE956A; } .container>.nav>.nav-middle>ul>a:nth-child(5) { margin: 0; } .container>.main { width: 1364px; margin: auto; } .container>.main>.main-left { width: 940px; float: left; } .container>.main>.main-left>h1 { font-size: 30px; color: #BE956A; font-weight: normal; } .container>.main>.main-left>div>span { font-size: 20px; color: #BE956A; font-weight: normal; } .container>.main>.main-left>p { font-size: 14px; color: #797878; line-height: 28px; } .container>.main>.main-right { width: 376px; background: #4B5E7B; padding-bottom: 100px; float: right; } .container>.main>.main-right>img { width: 100%; height: 174px; display: block; } .container>.main>.main-right>div { width: 100%; background: #4B5E7B; } .container>.main>.main-right>div>img { width: 362px; /* height: 1044px; */ margin-top: 70px; } .c1 { clear: both; } .h16 { height: 0; } }