锘縝ody, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { margin: 0; padding: 0; /*font-family:"Microsoft Yahei";*/ font-family: 'Helvetica Neue','Helvetica','Arial','Hiragino Sans GB','WenQuanYi Micro Hei','Microsoft Yahei',sans-serif; } img { border: none; } li { list-style-type: none; } a{ text-decoration: none; color:#000000; } header a { color: white; } header a:hover { color: #000000; } header { background-color: rgb(208,43,37); color: #ffffff; } header section,.st-auto{ width:1200px; margin: 0 auto; } .h-top-tel { border-bottom: 1px solid #ffffff; padding: 10px 0; width:1200px; margin:0px auto; } header .h-tel { background-image: url("/v2/images/i-tel.png"); background-repeat: no-repeat; background-position: 2px 46%; background-position: 2px 46%\9; padding-left: 45px; font-size: 25px; } .h-right { float: right; font-size: 20px; } .h-msg { margin-right: 10px; padding-right:10px; } .h-app { } .h-logo { background-image: url("/v2/images/logo.png"); background-repeat: no-repeat; background-position: 2px 46%; background-position: 2px 46%\9; padding: 0 300px 60px 0; display: inline-block; height:20px; } .menu-box{ display:inline-block; } .menu-box li{ padding: 13px 0.75px; margin: 0 4px; float: left; line-height: 50px; display: inline-block; position: relative; font-size: 20px; } .logo-box { height: 80px; width:1200px; margin:0px auto; } .menu-box li:hover{ padding-bottom:10px; border-bottom:3px solid #000000; } .bg { width: 100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .top-bg { background: url("/v2/images/b-01.jpg") no-repeat 70% 50%; height: 445px; } .bg-color { background-color: rgb(237,237,237); position:relative;} footer img { vertical-align: inherit; } .f-link-box{ background:rgb(208,43,37);height:56px; } .f-link-box li { padding: 3px 0; float: left; line-height: 50px; display: inline-block; position: relative; font-size: 20px; color:white; } .f-link-box li a{ color:white; } .f-link-box li span{ display:inline-block; margin: 0 25px;} .f-link-box a:hover{ color:#000000; } .oa-link { display: inline-block; border-right: 2px solid white; height: 224px; padding: 1px 14px 0 0; } .oa-link div{ background-color: rgba(207, 207, 207, 0.5); padding: 12px 10px 8px 10px; height: 204px; } .map-link div { background-color: rgba(207, 207, 207, 0.5); padding: 0px 10px; } .map-link { display: inline-block; border-right: 2px solid white; margin: 20px 0; padding: 0 15px; } .link-more{ display:inline-block;height:220px; margin-left: 10px; width: 510px; } .link-icon { padding: 70px 70px 0 0; display: inline-block; background: url("/v2/images/link-msg.png") no-repeat -23px -7px; margin-left: 15px; background-color: white; border-radius: 50%; } .link-more li { float: left; line-height: 25px; display: inline-block; position: relative; margin-bottom: 17px; } .link-more span { display: block; text-align: center; width: 100px; } .link-i2 { background-position: -121px -7px;} .link-i3 { background-position: -212px -7px;} .link-i4 { background-position: -308px -7px;} .link-i5 { background-position: -406px -7px;} .link-i6 { background-position: -573px -12px;} .link-more a:hover span{ color: rgb(208,43,37); } .link-more a:hover .link-icon{ background-color: rgb(208,43,37);background-position-y: -81px; } .f-20{ padding:20px 0; } .footer-color{ background-color: rgb(180, 180, 180); } .ft-msg span{ margin-right:1px; } .ft-msg > div{ margin-bottom:10px; } .menu-ul li ul { position: absolute; display: none; background-color: #d02b25; width: 450px; top: 76px; left: -10px; } .menu-ul > li > ul > li { line-height: 20px; margin: 0 7px; float: none; } .menu-ul li:hover ul { display: block; } .weixing-shows { width: 210px; height: 250px; position: absolute; background: white; top: -109px; right: 105px; z-index: 999; border-radius: 10px; border: 1px solid #dddddd; } .weixing-shows img { width:200px; margin:5px 5px 5px 5px; } .weixing-txt { position: relative; top: -6px; width: 160px; margin: 0 auto; text-align: center; } .weixing-sanjiao { width: 0; height: 0; border-style: solid; border-color: transparent transparent transparent #ffffff; border-width: 6px; left: 210px; top: 131px; position: absolute; z-index: 2; } .weixing-sanjiao-big { width: 0; height: 0; border-style: solid; border-color: transparent transparent transparent #dddddd; border-width: 8px; left: 210px; top: 129px; position: absolute; } .bg-h { background: url("/v2/images/bg-01.jpg"); width: 100%; height:130px; background-size:100% 100%; } .fter { height: 361px; } @media screen and (max-width:1920px) { .top-bg { background: url("/v2/images/b-02.jpg") no-repeat; height: 445px; background-size:1903px 446px; } .ft-msg { position: absolute; top: 173px; left: 1033px; font-size: 13px; } } @media screen and (max-width:1440px) { .top-bg { background: url("/v2/images/b-01.jpg") no-repeat 70% 50%; height: 445px; } .ft-msg { position: absolute; top: 161px; left: 790px; font-size: 13px; } } @media screen and (max-width:1024px) { .h-logo { background-image: url("/v2/images/logo.png"); background-repeat: no-repeat; background-position: 2px 46%; background-position: 2px 46%\9; padding: 0 210px 60px 0; display: inline-block; height: 20px; background-size: 98%; } .menu-box li { padding: 13px 0; margin: 0 5.9px; float: left; line-height: 50px; display: inline-block; position: relative; font-size: 19px; } .logo-box { height: 80px; width: 1006px; margin: 0px auto; } .h-top-tel { border-bottom: 1px solid #ffffff; padding: 10px 0; width: 1006px; margin: 0px auto; } .top-bg { background: url("/v2/images/b-01.jpg") no-repeat 70% 50%; height: 311px; background-size: 1006px; } .link-more { display: inline-block; height: 220px; margin-left: 10px; width: 31%; } .ft-msg { position: absolute; top: 286px; left: 0px; font-size: 13px; width: 1006px; } .fter { height: 430px; background-color:#ededed; } header section, .st-auto { width: 1006px; margin: 0 auto; } }