.affix{ display: none; } @media screen and (max-width:1024px) { .phone-btn img { width: 30px; height: 30px; margin-bottom: 22px; } } @media screen and (max-width:1602px) { .top-nav li a { font-size: 16px; } .top-nav .nav-bottom li a { font-size: 16px; } .en a { font-size: 17px; } .en-search { line-height: 90px; } .search .btns-search { /* background:url(/cnmc/lib/tempalte/scheme/images/search.png) 0px 36px no-repeat; */ } .top-nav li { margin: 0 20px; line-height: 70px !important; } } @media screen and (max-width:1442px) { .top-nav li { margin: 0 15px; } .en-search { line-height: 87px; } } @media screen and (max-width:1335px) { .top-nav li { margin: 0 13px; } .en-search { line-height: 87px; } } @media screen and (max-width:1290px) { .top-nav li { margin: 0 7px; } .en-search { line-height: 87px; } } @media screen and (min-width:1025px) and (max-width:1054px) { .logo { margin-right: .5rem; } .search .btns-search { background: url(/cnmc/lib/tempalte/scheme/images/search.png) 0px 34px no-repeat; } .en-search { width: 55px; } .top-nav li { margin: 0 7px; } .logo img{height:40px;} } @media screen and (min-width:1055px) and (max-width:1099px) { .logo { margin-right: 0.4rem; } .search .btns-search { background: url(/cnmc/lib/tempalte/scheme/images/search.png) 0px 34px no-repeat; } .en-search { width: 55px; } .top-nav li { margin: 0 7px; } .logo img{height:50px;} } @media screen and (min-width:1100px) and (max-width:1149px) { .logo { margin-right: 0.4rem; } .search .btns-search { background: url(/cnmc/lib/tempalte/scheme/images/search.png) 0px 34px no-repeat; } .en-search { width: 55px; } .top-nav li { margin: 0 10px; } .logo img{height:45px;} } @media screen and (max-width:1149px) { .top-nav li { margin: 0 4px; } } @media screen and (min-width:1150px) and (max-width:1201px) { .logo { margin-right: 0.4rem; } .search .btns-search { /* background:url(/cnmc/lib/tempalte/scheme/images/search.png) 0px 34px no-repeat; */ } .en-search { width: 55px; } .top-nav li { margin: 0 5px; } .logo img{height:55px;} } @media screen and (min-width:1200px) and (max-width:1249px) { .logo { margin-right: 0.6rem; } .search .btns-search { /* background:url(/cnmc/lib/tempalte/scheme/images/search.png) 0px 34px no-repeat; */ } .en-search { width: 55px; } } @media screen and (min-width:1250px) and (max-width:1289px) { .logo { margin-right: 1rem; } } @media screen and (min-width:1290px) and (max-width:1329px) { .logo { margin-right: 0.16rem; } .search .btns-search { /* background:url(/cnmc/lib/tempalte/scheme/images/search.png) 0px 32px no-repeat; */ } .top-nav li{margin:0 12px;} } @media screen and (min-width:1330px) and (max-width:1369px) { .logo { margin-right: 0.8rem; } .search .btns-search { background: url(/cnmc/lib/tempalte/scheme/images/search.png) 0px 35px no-repeat; } .top-nav li{margin:0 12px;} } @media screen and (min-width:1370px) and (max-width:1419px) { .logo { margin-right: 1rem; } .top-nav li{margin:0 12px;} } @media screen and (min-width:1420px) and (max-width:1489px) { .logo { margin-right: 1.2rem; } .top-nav li{margin:0 16px;} } @media screen and (min-width:1490px) and (max-width:1519px) { .logo { margin-right: 1rem; } .top-nav li{margin:0 18px;} } @media screen and (min-width:1520px) and (max-width:1559px) { .logo { margin-right: 1.3rem; } .top-nav li{margin:0 18px;} } @media screen and (min-width:1560px) and (max-width:1599px) { .logo { margin-right: 1.8rem; } } @media screen and (min-width:1600px) and (max-width:1630px) { .logo { margin-right: 0.7rem; } .top-nav li{margin:0 20px;} } @media screen and (min-width:1631px) and (max-width:1660px) { .logo { margin-right: 0.7rem; } .top-nav li{margin:0 20px;} } @media screen and (min-width:1661px) and (max-width:1690px) { .logo { margin-right: 0.7rem; } .top-nav li{margin:0 20px;} } @media screen and (min-width:1691px) and (max-width:1750px) { .logo { margin-right: 0.7rem; } .top-nav li{margin:0 27px;} } @media screen and (min-width:1751px) and (max-width:1775px) { .logo { margin-right: 1.1rem; } } @media screen and (min-width:1776px) and (max-width:1800px) { .logo { margin-right: 1.5rem; } } @media screen and (width:1024px) and (height:1366px) { .ipad-pro {} .en { margin-left: 0rem; } } @media screen and (min-width:1024px) and (max-width:1150px) { .top-nav .nav-bottom li a { font-size: 15px; } .nav-bottom li span { margin-left: 0.25rem; } } @media screen and (max-width:1024px) { #Body{ background: none; margin-top: 0% !important; } .contentesd { width: 100%; margin: 0 auto; background: white; } #banner { padding-top: 70px; } .pc-header { display: none; } .phone-header { display: block; width: 100%; background: #fff; height: 100%; box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.12); } header .phone-header-top { width: 90%; height: 1.4rem; margin: 0 auto; background: #fff; position: relative; z-index: 12; } .scroll-down header.affix { transform: translateY(-88px); } .phone-header .logo img { width: 100%; height: auto; } .logo { margin-left: 0; float: left; margin-top: 0.22rem; width: 69%; } .phone-btn { float: right; margin-top: 0.42rem; } .phone-btn img { width: 0.6rem; height: 0.6rem; } .phone-menu { width: 100%; /* opacity: 0.94; */ background: #fff; position: absolute; top: -100%; left: 0; z-index: 11; transition: all .5s; height: calc(100% - 0rem); overflow: auto; -webkit-overflow-scrolling: touch; border-top: 1px solid #eeeeee; overflow-y: scroll; } .menuWidth { width: 90%; margin: 0 auto; } .phone-search { height: 1.5rem; /* line-height: 1.5rem; */ border-bottom: 1px solid #dddddd; } .phone-search form { float: left; width: 70%; } .phone-search input { width: 100%; height: 0.8rem; border-radius: 0.4rem; border: solid 1px rgba(0, 0, 0, 0.08); font-size: 0.34rem; text-indent: 0.8rem; color: #666666; background: rgba(0, 0, 0, 0.06) url(/cnmc/lib/tempalte/scheme/images/phone-search.png) no-repeat 15px center; background-size: 0.45rem; } .zyw-btn { display: inline-block; margin-left: 1rem; margin-right: 0.1rem; float: right; } .zyw-btn img { vertical-align: middle; width: 0.6rem; height: 0.6rem; } .menu-content { border-bottom: 1px solid #e0e0e0; /* padding: 0.35rem 0; */ } .menu-content .news-title { width: 100%; background: url(/cnmc/lib/tempalte/scheme/images/phone-down.png) no-repeat 98% center; background-size: 0.35rem; line-height: 0.48rem; } .menu-content .news-title a { font-size: 0.38rem; line-height: 1.3rem; color: #333; display: block; } .menu-content-ul { margin-top: 0; display: none; overflow: hidden; margin-bottom: 0.35rem; } .menu-content-ul li a { display: block; height: auto; font-size: 0.36rem; line-height: 0.65rem; color: #333333; padding-left: 30px; } .menu-content-ul li div { margin-left: 0.5rem; } .menu-content .news-title.active { background: url(/cnmc/lib/tempalte/scheme/images/phone-up-blue.png) no-repeat 98% center; background-size: 0.36rem 2px; } .menu-content .news-title.active a { color: #dda300; } .banner-scrol { display: none; } } @media screen and (max-width:768px) { .phone-header .logo img { width: 100%; height: auto; } .logo { margin-left: 0; height: 1.4rem; line-height: 1.4rem; } .phone-btn img { width: 25px; height: 25px; } .zyw-btn img { vertical-align: middle; width: 34px; height: 34px; } .phone-search { height: 1.5rem; /* line-height: 1.5rem; */ border-bottom: 1px solid #dddddd; padding-bottom: 0.3rem; padding-top: 0.4rem; } .phone-search input { text-indent: 1rem; } .phone-search form{ float: left; width: 70%; } }