/*桌面端&手机端基础CSS*/

/*桌面端&手机端通用全局设置*/
body{ margin:0 auto; padding:0; font-family:Microsoft YaHei,Helvetica,Arial,sans-serif; font-size:16px; color:#555; line-height:25px; cursor:default; background:#eee; -webkit-text-size-adjust:100% !important; text-size-adjust:100% !important; -moz-text-size-adjust:100% !important; -webkit-font-smoothing:antialiased; font-smoothing:antialiased; touch-action:pan-x pan-y; -webkit-user-drag:none; }
a:link{ text-decoration:none; color:#555; }
a:visited{ text-decoration:none; color:#555; }
a:hover{ text-decoration:none; color:#e60000; }
a:active{ text-decoration:none; color:#555; }
div,ul,li,p,h1{ margin:0; padding:0; list-style-type:none; }
img { max-width:100%; height:auto; border:0; display:block; }
#fontcolor-red{ color:#e60000; }
#fontcolor-blue{ color:#0d4d99; }
#fontcolor-white{ color:#fff; }
.clear{ clear:both; }
@font-face{ font-family:"DINCond-Medium"; src:url("/public/font/DINCond-Medium.otf"); }

@media screen and (max-width:1900px) {
body{ font-size:15px; }
}

@media screen and (max-width:1000px) {
body{ background:url(/public/images/bg_stripe.gif) repeat center; }
a:link{ text-decoration:none; color:#555; }
a:visited{ text-decoration:none; color:#555; }
a:hover{ text-decoration:none; color:#555; }
a:active{ text-decoration:none; color:#555; }
}


/*桌面端二级页面页头*/
@media screen and (min-width:1000px) {
.header-wrap{ width:100%; height:90px; background:#fff; position:fixed; top:0; left:0; border-bottom:1px solid #ddd; z-index:100; }
.header{ margin:0 auto; }
.logo img{ width:200px; float:left; margin:25px 0 0 5%; }
.menu{ text-align:right; margin-right:5%; line-height:90px; white-space:nowrap; overflow:hidden; }
.menu span{ font-size:18px; font-weight:bold; }
.menu a{ padding:35px 10px; color:#0d4d99; }
.menu a:hover{ background:#0d4d99; color:#fff; }
#banner{ width:100%; height:calc(50vh); margin:0 auto; margin-top:91px; background:no-repeat center; background-size:cover; }
#m-banner{ display:none; }
.logo-right{ display:none; }
}

@media screen and (max-width:1900px) {
.menu span{ font-size:17px; }
#banner{ height:calc(60vh); }
}


/*手机端二级页面页头*/
@media screen and (max-width:1000px) {
.header-wrap{ width:100%; margin:0 auto; background:#eee; position:fixed; top:0; left:0; z-index:100; }
.header{ width:90%; height:50px; margin:0 auto; padding-bottom:5px; }
.logo img{ width:123px; float:left; margin:15px 0; }
.logo-right img{ height:28px; float:right; margin-top:15px; }
.menu-nav{ width:100%; height:50px; margin:0 auto; border-top:1px solid #0d4d99; border-bottom:1px solid #ddd; }
.menu{ width:80%; margin:0 auto; line-height:50px; margin:0 10%; display:flex; justify-content:space-between; white-space:nowrap; overflow:hidden; }
.menu span a{ font-size:16px; color:#0d4d99; font-weight:bold; }
#banner{ display:none; }
}


/*桌面端二级页面导航*/
@media screen and (min-width:1000px) {
.nav-page{ width:100%; height:80px; margin:0 auto; border-bottom:2px solid #0d4d99; }
.nav-page-menu{ width:90%; margin:0 auto; line-height:80px; font-weight:bold; font-size:18px; color:#0d4d99; }
.nav-page-menu li{ float:left; }
.nav-page-menu span{ padding:0 10px; }
.nav-page-menu a{ color:#0d4d99; }
.nav-page-menu a:hover{ padding-bottom:25px; border-bottom:3px solid #0d4d99; color:#0d4d99; }
}

@media screen and (max-width:1900px) {
.nav-page-menu{ font-size:17px; }
.nav-page-menu a:hover{ padding-bottom:26px; }
}


/*手机端二级页面导航*/
@media screen and (max-width:1000px) {
.nav-page{ padding-top:107px; }
.nav-page-menu{ display:none; }
}


/*桌面端页脚*/
@media screen and (min-width:1000px) {
.footer{ width:100%; height:80px; line-height:80px; text-align:center; border-top:1px solid #ddd; }
.footer img{ width:160px; float:right; margin:30px 2.5% 0 0; filter:grayscale(1); opacity:0.3; }
.footer img:hover{ filter:grayscale(0); opacity:1;  }
.footer span5{ padding:0 5px; }
.footer span10{ padding:0 10px; }
.footer span20{ padding:0 20px; }
.m-footer{ display:none; }
}

@media screen and (max-width:1900px) {
.footer{ height:65px; line-height:65px; }
.footer img{ margin-top:22px; }
}


/*手机端页脚*/
@media screen and (max-width:1000px) {
.m-footer-blank{ width:100%; height:100px; }
.m-footer{ width:100%; height:65px; line-height:30px; text-align:center; color:#999; background:#eee; border-top:1px solid #ddd; position:fixed; bottom:0; }
.m-footer span{ padding:0 10px 0 5px; }
.m-footer img{ width:130px; margin:0 auto; filter:grayscale(1); opacity:0.3; }
.footer{ display:none; }
}