/*桌面端&手机端基础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:#0b1332; }
.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{ width:90%; margin:0 auto; }
.logo img{ width:200px; float:left; margin-top:23px; }
.menu{ width:70%; line-height:90px; float:right; text-align:right; white-space:nowrap; overflow:hidden; }
.menu span{ font-size:17px; color:#fff; font-weight:bold; }
.menu a{ padding:35px 10px; }
.menu a:hover{ background:#e60000; color:#fff; }
#banner{ width:100%; height:calc(100vh - 171px); margin:0 auto; margin-top:91px; background:no-repeat center; background-size:cover; }
.m-menu{ display:none; }
.logo-right{ display:none; }
}

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

/*手机端页头*/
@media screen and (max-width:1000px) {
.header-wrap{ width:100%; height:60px; background:#eee; position:fixed; top:0; left:0; border-bottom:1px solid #ddd; z-index:100; }
.header{ width:95%; margin:0 auto; }
.logo img{ width:130px; float:left; margin:15px 0 0 10px; }
.logo-right img{ height:28px; float:right; margin-top:15px; }
#m-banner{ width:100%; height:calc(30vh); margin:0 auto; margin-top:61px; background:no-repeat center; background-size:cover; }
}

/*手机端导航*/
@media screen and (max-width:1000px) {
.menu{ display:none; }
.m-menu{ width:100%; height:65px; font-size:15px; text-align:right; background:#eee; border-bottom:1px solid #ddd; position:relative; display:table; }
.m-menu span{ float:left; margin-top:12px; }
.m-menu h1{ font-size:15px; color:#555; font-weight:normal; padding-left:30px; }
.m-menu li{ font-size:12px; color:#999; line-height:20px; }
.nav-page-menu li{ display:none; }
}

/*页尾广告*/
.PageEnd-AD{ width:100%; margin:0 auto; padding:50px 0; background:#0b1332; color:#fff; text-align:center; }
.PageEnd-AD img{ width:160px; margin:0 auto; margin-bottom:50px; }
.PageEnd-AD li1{ font-family:DINCond-Medium; font-size:25px; line-height:40px; }
.PageEnd-AD span{ line-height:60px; }
.button-services{ width:150px; height:40px; margin:0 auto; margin-top:20px; text-align:center; color:#fff; line-height:40px; }
.button-services a:link{ display:block; background:#07c160; border-radius:5px; }
.button-services a:hover{ display:block; background:#e60000; border-radius:5px; }

@media screen and (max-width:1000px) {
.PageEnd-AD{ width:85%; background:none; color:#555; }
.button-services{ height:45px; line-height:45px; }
}

/*桌面端页尾(标准版)*/
@media screen and (min-width:1000px) {
.footer{ width:100%; height:100px; display:flex; align-items:center; justify-content:center; font-weight:bold; background:url(/public/images/bg_stripe.gif) repeat center; border-top:1px solid #e1e2e4; }
.footer span5{ padding:0 5px; }
.footer span10{ padding:0 10px; }
.m-footer{ display:none; }
.m-footer-small{ display:none; }
}

@media screen and (max-width:1900px) {
.footer{ height:80px; }
}

/*手机端页尾(标准版)*/
@media screen and (max-width:1000px) {
.m-footer{ width:100%; height:60px; margin:0 auto; padding-top:10px; font-size:13px; color:#999; text-align:center; background:#eee; border-top:1px solid #ddd; position:fixed; bottom:0; }
.m-footer ul{ width:90%; margin:0 auto; }
.m-footer ul li{ width:18%; float:left; padding-left:2%; color:#999; }
.m-footer span{ padding:0 5px 0 3px; }
.m-footer a:link{ color:#999; }
.m-footer a:visited{ color:#999; }
.m-footer a:hover{ color:#999; }
.footer{ display:none; }
.footer-index{ display:none; }
.blank{ width:100%; height:70px; }
}

/*手机端页尾(简洁版)*/
@media screen and (max-width:1000px) {
.m-footer-small{ width:100%; height:65px; display:flex; align-items:center; justify-content:center; color:#999; background:#eee; border-top:1px solid #ddd; position:fixed; bottom:0; }
.m-footer-small span{ padding:0 10px 0 5px; }
.footer{ display:none; }
}