@media screen and (min-width: 769px) {
.page1660 .header-nav-content ul li { padding: 0px 30px; }
.page1440 .header-nav-content ul li { padding: 0px 20px; }
.page1366 .header-nav-content ul li { padding: 0px 24px; }
.page1280 .header-nav-content ul li { padding: 0px 8px; }
.page1255 .header-nav-content ul li { padding: 0px 4px; }
.page1024 .header-nav-content ul li { display: none; }
.page768 .header-nav-content ul li { display: none; }
/*.reactive { color: #1fadc1 !important; }*/
.header-nav-content-mobile { display: none; }
/* 头部 */
.header {  align-items: center; width: 100%; height: 70px; top: 0; z-index: 999; /*background: #2ba4b4; */position: fixed;transition: all .4s ease; }
.header.active{  background-color: rgba(255, 255, 255, .98); -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25); box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25); }
.dorp { height: 72px; line-height: 72px; font-size: 16px; display: inline-block; color: white; }
.dorp:hover .dorp li a { color: #1fadc1 !important;}
.header-logo { display: inline-block; float: left; align-items: center; margin-left: 100px;  margin-top: 16px }
.header-nav-content {   display: inline-block; height: 70px; float: right }
.header-logo-left { display: flex; align-items: center;  background:url(../images/haifenglogo.png) no-repeat; width: 150px; height: 42px; background-size: 100% auto}
.header.active .header-logo-left{ background:url(../images/haifenglogo2.png) no-repeat; }
.header-logo-line { width: 1px; height: 80%; background: #eee; padding-top: 10%; margin-right: 10px; margin-left: 10px; display: none; }
.header-serviceone { width: 60px; height: 100%; font-size: 20px; font-family: Microsoft YaHei; font-weight: 400; color: rgba(255, 255, 255, 1); white-space: nowrap; display: none; }
.header-mobile-nav { display: none; }
.header-nav { display:inline-block; margin-right:100px;   width:calc(100% - 400px); float: right;}
.header-nav-content ul { display: inline-block; }
.header-nav-content ul li a { color: white; font-size: 16px; font-weight: normal; }
.header.active .header-nav-content ul li a{color:#666}
.header-nav-content ul li a:hover { color: #1fadc1 !important; }
.header-nav-content ul a li.nav-active { color: #1fadc1; }
.header-nav-subcontent { display: none; width: 100%; position: absolute; align-items: center; flex-wrap: wrap; top: 70px; background: #2ba4b4; box-shadow: 0px 5px 20px 0px rgba(25,27,57,0.08); opacity: 0.6; left: 0; z-index: 99; }
.header-nav-subcontent .p { display: inline-block; }
.header-nav-subcontent p { float: left; line-height: 40px; color: #383838; font-size: 16px; height: 40px; box-sizing: border-box; }
.header-nav-subcontent p a { color: #383838;line-height: 40px;font-size: 16px;box-sizing: border-box;  }
.header-nav-subcontent a { width: 160px; height: 50px; line-height: 50px; color: #383838; font-size: 16px; padding-left: 12px; box-sizing: border-box; }
.header-nav-subcontent p:hover { color: #1fadc1; box-shadow: 0px 5px 10px 0px rgba(25,27,57,0.1); }
.header-nav-subcontent-active { display: block; }
.header-nav-content ul a { position: relative; height: 40px; line-height: 40px; }
.header-nav-content ul a li { padding: 0 15px; font-family: 'HiraginoSansGB-W3'; }
.header-nav-content ul a li { color: #383838; font-size: 16px; }
.header-nav-content ul a li .header-nav-subcontent a{height: 40px; line-height: 40px;}

.header-telephone { display: flex; align-items: center; position: absolute; right: 250px; }
.header-telephone img { width: 18px; height: 18px; margin-right: 10px; }
.header-telephone p { font-size: 14px; color: #fff; font-weight: 500; white-space: normal; }
.header-demo { font-size: 14px; position: absolute; right: 100px; color: #fff; background: #1fadc1; padding: 6px 32px; margin-left: 20px; white-space: nowrap; top: 23px; box-shadow: 0px 5px 20px 0px rgba(25,27,57,0.08) }
.header-mobile-apply { display: none; }
.angle { display: none; }
.sub-menu-header { display: none; }
.sub-menu-line { color: #FFFFFF; float: left; padding-left: 12px; line-height: 40px; }
.sub-menu-line:last-child { display: none; }
}
 @media screen and (max-width: 768px) {
/* 头部 */
.header { display: block; align-items: center; width: 100%; height: 49px; overflow: hidden; background: #00283C; position: fixed; z-index: 999; top: 0; }
.header-logo { display: flex; margin-left: 25px; height: 100%; align-items: center; }
.header-serviceone { font-size: 14px; font-family: Microsoft YaHei; font-weight: 200; color: rgba(255, 255, 255, 1); padding-bottom: 2px; line-height: 30px; }
.header-logo img { width: 65px; height: 17px; }
.header-mobile-nav { flex: 1; }
.header-mobile-nav img { width: 19px; float: right; height: 14px; margin-right: 14px; }
.mobile-menu img { width: 20px; height: 15px; }
.header-nav { width: 100%; height: 100%; overflow: hidden; position: fixed; left: 0; top: 0; z-index: 9999; display: none; }
.header-nav-content-mobile { width: 100%; height: 100%; position: fixed; background: rgba(0, 0, 0, 0.3); top: 0; right: 0; z-index: 999; display: none; }
.header-nav-content-mobile ul { display: flex; align-items: center; flex-direction: column; width: 296.5px; margin-left: auto; background: #FFF; height: 100%; overflow: visible !important; padding-left: 23px; padding-top: 74px; z-index: 999; }
.header-nav-content-mobile ul a { color: #454545 !important; font-size: 16px !important; width: 100%; font-weight: bold !important; margin-bottom: 15px; display: flex; }
.header-nav-content-mobile ul a li { font-size: 16px; color: black !important; font-weight: bold; width: 100%; align-items: center; }
.header-nav-content-mobile ul a li { font-size: 16px; color: black !important; font-weight: bold; text-align: left; }
.header-nav-content-mobile ul a li::after { content: ""; position: absolute; bottom: 0; left: 0; right: 0; width: 100%; height: 0.1rem; background: white; margin-left: -5px; }
.header-demo { display: none; }
.header-telephone { display: none; }
.swiper-slide img { width: 100%; margin-top: 49px !important; display: block; }
.header-logo-line { width: 1px; height: 17px; background: #BEC9CE; margin-right: 5px; margin-left: 6px; }
.header-mobile-apply { background: rgba(31,173,193,1); border-radius: 13px; width: 90px; height: 27px; margin: 0 auto; flex: 1; text-align: center; }
.header-mobile-apply a { font-size: 11px; font-family: Hiragino Sans GB; font-weight: normal; color: rgba(255,255,255,1); line-height: 27px; }
.header-nav-subcontent { margin: 0rem 0rem 0rem 15px; color: #666666; width: 100%; font-size: 15px; width: 100% !important; }
.header-logo-left { flex: 2; display: flex; align-items: center; }
.header-logo-left a:first-child { display: none; }
.header-logo-left a:last-child { }
.dorp { width: 100%; text-align: left; display: flex; border-bottom: 1px solid white; }
.dorp li { width: 100%; }
.header-nav ul li { padding: 0; margin-bottom: 15px; align-items: center; width: 100%; }
.angle { width: 6.5px; margin-left: 7.5px; margin-bottom: auto; margin-top: auto; box-sizing: border-box; }
.header-nav-subcontent p { width: 50%; float: left; }
.header-nav-subcontent p a { width: 120px; font-size: 16px !important; margin-bottom: 15px; line-height: 16px !important; display: inline-block; font-weight: normal !important; }
.sub-menu-header { width: 296.5px; height: 26px; display: flex; background: #fff; justify-content: space-between; align-items: center; padding: 12px 11px 12px 12px; border-bottom: 1px solid #E2E2E2; position: absolute; top: 0; right: 0; z-index: 999; }
.sub-logo { width: 97px; height: 25.5px; background: url(../img/mobile/瑞泰LOGO-01.png) no-repeat center center;
background-size: 100%; }
.sub-close { width: 15px; height: 15px; opacity: 0.9; background: url(../img/close.png) no-repeat center center; background-size: 100%; }
.rotate { transform: rotate(180deg); }
.hidemenu { display: none; }
}
 ​