@charset "utf-8";
*{ margin:0px; padding:0px;  scrollbar-3dlight-color:#ccc;scrollbar-highlight-color:#f1f1f1;scrollbar-face-color:#ccc;scrollbar-arrow-color:#000;scrollbar-shadow-color:#ccc;scrollbar-dark-shadow-color:#f1f1f1;scrollbar-base-color:#000;scrollbar-track-color: #eee;}
html{-webkit-text-size-adjust:none; }
div,form,img,ul,ol,li,p,dl,dt,dd {border: 0;list-style:none;}
ul,li {list-style: none }
img, input, select, button{ vertical-align:middle;outline: none;}
img{ border:0;}
a{text-decoration:none; cursor:pointer; color:#333;}
a:hover{ color:#3b82f6; }
body{ font:16px/1.5 "Helvetica Neue",Helvetica,Arial,"Microsoft Yahei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif; height:100%;}
table {border-collapse: collapse; }
.clear{ clear:both; height:0; overflow:hidden;}
*::-webkit-scrollbar{ width:10px; background-color:#f1f1f1; height:8px; }
*::-webkit-scrollbar-button{ display:none }
*::-webkit-scrollbar-track{ display:none }
*::-webkit-scrollbar-thumb{ background-color:#ccc;  }
html,body{  color:#5f6973; }
body{ --primary-color:#3b82f6; transition: all .3s; }
input,textarea{ outline:medium; resize:none; }
p{ margin:5px 0; }
@keyframes page-load-in { 0%{ transform:translateY(-100%); } 100%{ transform:translateY(0); }  }
@keyframes page-load-out { 0%{ transform:translateY(0); } 100%{ transform:translateY(100%); }  }
textarea { font: 16px/1.5 "Helvetica Neue",Helvetica,Arial,"Microsoft Yahei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif; }
html,body{ min-width:1250px; max-width:1920px; margin:0 auto; height:100%; overflow:auto; min-height:500px; }
.center{ width:1200px; position:relative; display:block; margin:0 auto; }

/* 背景配色 */
.color-background1{ background-color:#ff8f49 !important; color:#fff !important; }
.color-background2{ background-color:#fc5954 !important; color:#fff !important; }
.color-background3{ background-color:#8ae9ae !important; color:#fff !important; }
.color-background4{ background-color:#c08ae9 !important; color:#fff !important; }
.color-background5{ background-color:#c98b73 !important; color:#fff !important; }
.color-background6{ background-color:#da8ae9 !important; color:#fff !important; }
.color-background7{ background-color:#ffba36 !important; color:#fff !important; }
.color-background8{ background-color:#8acde9 !important; color:#fff !important; }
.color-background9{ background-color:#663366 !important; color:#fff !important; }
.color-background10{ background-color:#336633 !important; color:#fff !important; }
.color-background11{ background-color:#99CC00 !important; color:#fff !important; }
.color-background12{ background-color:#0099CC !important; color:#fff !important; }
.color-background13{ background-color:#CCCC33 !important; color:#fff !important; }
.color-background14{ background-color:#FF9966 !important; color:#fff !important; }
.color-background15{ background-color:#663300 !important; color:#fff !important; }

.page-animation{ transition:width .5s ease-in-out; transition:height .5s ease-in-out; }
.page-animation-down { animation: page-animation-down .3s; }
@keyframes page-animation-down { 0%{ transform:translateY(-20px); } 100%{ transform:translateY(0px); }  }
.page-animation-up{ animation:page-animation-up .3s; }
@keyframes page-animation-up { 0%{ transform:translateY(20px); } 100%{ transform:translateY(0px); }  }
.page-animation-blink{ animation:page-animation-blink 1s;   animation-iteration-count:infinite; }
@keyframes page-animation-blink{ 0%{opacity: 1;} 1%{opacity: 0;} 50%{opacity: 0;} 51%{opacity: 1;} 100%{ opacity: 1;}}
.page-animation-left{ animation:page-animation-left .3s; }
@keyframes page-animation-left { 0%{ transform:translateX(50px); } 100%{ transform:translateX(0px); }  }
.page-animation-right{ animation:page-animation-right .3s; }
@keyframes page-animation-right { 0%{ transform:translateX(-50px); } 100%{ transform:translateX(0px); }  }

body { min-width:1350px; overflow:auto; background-image:url(/hb/img/bg.png); background-color:#f1f1f1; background-position:top; background-size:100%; background-repeat:no-repeat; }
.page-header-top .center{ display:flex; align-items:center; margin-top:10px; color:#000; font-size:14px; }
.page-header-date{ flex:1; }
.page-header-top a{ color:#000; margin:0px 10px; }
.page-header-top span{ color:#666 }
.page-header-logo{ margin-top:50px; display:flex; }
.page-header-logo div{ flex:1; }
.page-header-search{ height:50px; display:flex; justify-content:center; align-items:center; background-color:#fff; border-radius:5px; }
.page-header-search input{ height:30px; width:300px; border:none; outline: none; margin-left:15px; }
.page-header-search a{ display:block; width:100px; height:50px; text-align:center; line-height:50px; color:#fff; background-color:#ff8f49; border-radius:6px; user-select:none; }
.page-header-search a:hover{ opacity:.7; }
.page-header-nav{ background-color:#d7000f; margin-top:100px; }
.page-header-nav .center{ text-align:left; display:flex; }
.page-header-nav-link{ display:flex; height:70px; line-height:70px; margin-top:2px; color:#fff; border-bottom:3px solid #d0000b; margin-right:80px; font-weight:bold; display:inline-block; }
.page-header-nav-item:last-of-type{ margin:0; }
.page-header-nav-item:hover .page-header-nav-link{ color:#f4d700; border-bottom:3px solid #f4d700; }
.page-header-nav-item{ position:relative; flex:1; }
.page-header-nav-sub { display:none; position:absolute; left:0; top:74px; min-width:150px; background-color:#f9f9f9; z-index:10; border:1px solid #fff; }
.page-header-nav-sub a{ height:50px; line-height:50px; display:block; padding:0 20px; color:#d7000f; white-space: nowrap; }
.page-header-nav-sub a:hover{ background-color:#d7000f; color:#fff; }
.page-header-nav-item:hover .page-header-nav-sub{ display:block; }
.page-footer{ height:330px; overflow:auto; position:relative; background-color:#d60312; }
.page-footer .center{ overflow:hidden; color:#fff; }
.page-footer-nav{ color:#fff; padding:20px 0; }
.page-footer-nav span,.page-footer-nav a{ margin:0 5px; color:#fff; }
.page-footer-info{ display:flex; }
.page-footer-left{ flex:1; }
.page-footer-right{ display:flex; }
.page-footer-qrcode{ display:flex; flex-direction:column; align-items:center; justify-content:center; margin:10px; }
.page-footer-qrcode img{ width:150px; height:150px; margin-bottom:10px; }
.page-footer-banner{ position:absolute; left:0; bottom:0; right:0; height:50px; line-height:50px; background-color:#bc000d; }
.page-footer-banner a{ color:#fff; }

.page-home-head{ background-color:#fff; padding:20px; box-sizing:border-box; margin-top:20px; margin-bottom:20px; border:1px solid #eee; }
.page-home-top{ display:flex; margin:35px 0; align-items:flex-start; justify-content:center; border-radius:8px; overflow:hidden; }
.page-home-top div{ width:100px; flex-shrink:0; text-align:center; height:45px; font-size:24px; margin-top:7px; line-height:45px; background-color:rgba(204, 51, 51, 1); color:#fff; font-weight:bold; border-radius:8px;}
.page-home-top a{ overflow:hidden;  margin-left:20px; color:rgba(204, 51, 51, 1); border-radius:8px; align-self:center; }
.page-home-top a:hover{ background-color:#fafafa; }
.page-home-top a span:first-child{ display:block; font-size:20px; font-weight:bold;  }
.page-home-top a span:last-of-type{ display:block;font-size:16px; color:#999; margin-top:3px; }
.page-home-head-news{ display:flex; }
.page-home-head-news .swiper{ width:580px; height:360px; border:1px solid #ddd; }
.page-home-head-news .swiper a{ display:block; width:580px; height:360px; background-position:center; background-size:cover; position:relative; }
.page-home-head-news .swiper a span{ position:absolute; bottom:0; left:0; right:0; height:20px; line-height:20px; overflow:hidden; color:#fff; background-color:rgba(0,0,0,.4); padding:10px; }
.page-home-head-news .swiper .swiper-pagination{ bottom:45px !important;  }
.page-home-head-list{ flex:1; margin-left:20px; }
.page-home-head-list a{ display:block; margin-bottom:22px; height:20px; line-height:20px; overflow:hidden; display:flex; }
.page-home-head-list a span{ flex-shrink:0; }
.page-home-head-list a span:nth-of-type(2){ flex:1; margin:0 8px; overflow:hidden; }
.page-home-head-list a span:last-of-type{ color:#ccc; }

.page-home-banner{ width:1200px; height:140px; margin:20px 0; }
.page-home-banner img{ width:1200px; height:140px;  }

.page-home-system{ margin:20px auto; display:flex; }
.page-home-system a{ flex:1; }
.page-home-system a:last-child{ text-align:right; }

.page-home-adfloat{ position:fixed; left:10px; top:400px; z-index:9999999; }
.page-home-adfloat-close{ display:block; width:60px; height:30px; font-size:13px; line-height:30px; text-align:center; color:#fff; background-color:#d7000f; border:1px solid #fff; }
.page-home-adfloat-close:hover{ opacity:.7; }
.page-home-adfloat-img{ display:block; margin-top:10px; width:300px; border:1px solid #fff; }
.page-home-adfloat-img:hover{ opacity:.85; }
.page-home-adfloat-img img{ width:100%; }

.page-home-news{ margin:20px auto; display:flex; flex-wrap:wrap; }
.page-home-news-box{ height:350px; width:548px; margin-top:20px; flex-shrink:0; padding:20px; background-color:#f9f9f9; border:1px solid #f5f5f5; border:1px solid #eee; }
.page-home-news-box:nth-child(even){ margin-left:20px; }
.page-home-news-title{ display:flex;  }
.page-home-news-title span{ flex:1; font-size:20px; font-weight:bold; color:#0d78e7 }
.page-home-news-title a{ font-size:13px; color:#bbb; }
.page-home-news-title  .iconfont{ font-size:20px; margin-right:5px; }
.page-home-news-link{ display:block; height:20px; line-height:20px; overflow:hidden; width:540px; margin-top:22px; }
.page-home-news-video{ width:270px; margin-right:20px; position:relative; }
.page-home-news-video:last-of-type{ margin:0; }
.page-home-news-video img{ width:270px; height:170px; }
.page-home-news-video .iconfont{ font-size:40px; position:absolute; top:60px; left:110px; color:#fff; }
.page-home-news-video span{ display:block; height:45px; line-height:22px;  width:270px; overflow:hidden; margin-top:10px; font-size:14px; }
.page-home-news-video a:hover span{ color:#3b82f6 !important; }
.page-home-news-video-box{ display:flex; margin-top:15px; }

.page-home-map{ display:flex; margin-top:30px; }
.page-home-map-org{ width:300px; height:420px; overflow:auto; }
.page-home-map-box{ height:420px; margin-left:15px; flex:1; }
.page-home-map-box iframe{ width:100%; height:100%; border:none; }
.page-home-map-org a{ height:40px ;line-height:40px; border-radius:40px; width:95%; text-indent:30px; display:block; background-color:#f5f5f5; border:1px solid #ddd; margin-bottom:20px; }
.page-home-map-org a:hover,.page-home-map-org .on{ background-color:#3b82f6; color:#fff; border-color:#3b82f6; }

.page-news{  overflow:auto; display:flex; margin:20px auto; }
.page-news-box{ margin-left:15px; flex:1; background-color:#fff; }
.page-news-columns{ width:300px; flex-shrink:0; background-color:#fff; border:1px solid #eee; }
.page-news-columns a{ display:flex; margin:20px; margin-left:20px; }
.page-news-columns a i{ margin-right:8px; }
.page-news-columns .on{ font-weight:bold; color:#3b82f6; }
.page-news-columns-title{ font-size:18px; color:#000; padding-bottom:12px; margin:20px; border-bottom:1px solid #eee; font-weight:bold; color:#3b82f6; }
.page-news-columns-title i{ font-size:20px; }
.page-news-box{ margin-left:20px; border:1px solid #eee; padding:20px 30px; }

.page-news-nav { background-color:#fff; border-bottom:1px solid #eee;  }
.page-news-nav .center{ height:60px; line-height:60px; }
.page-news-nav .center i{  }
.page-news-nav .center span{  margin:0 10px;  }
.page-news-nav .center a{   }

.page-columns{ min-height:300px; }
.page-columns-title{ font-size:20px;font-weight:bold; padding-bottom:15px; margin-bottom:50px; border-bottom:1px solid #eee; color:#3b82f6; }
.page-columns-list a{ display:block; padding-bottom:15px; margin-bottom:25px; border-bottom:1px dotted #eee; }
.page-columns-pagination{ padding-top:20px; padding-bottom:20px; text-align:center; height:30px;border-radius: 5px; color:#999; margin-top:50px; }
.page-columns-pagination span,.page-columns-pagination a{ float:left; padding:6px 12px; border:1px solid #ccc; margin-right:6px;border-radius: 2px;}
.page-columns-pagination span{ background-color:#f9f9f9;}
.page-columns-pagination a{ text-decoration:none; color:#fff; background-color:#3b82f6; border-color:#3b82f6;
	-webkit-transition: background-color 0.1s linear;
	-moz-transition: background-color 0.1s linear;
	-ms-transition: background-color 0.1s linear;
	-o-transition: background-color 0.1s linear;
	transition: background-color 0.1s linear;}
.page-columns-pagination a:hover{ background-color:#be0d1a;border-color:#be0d1a}
.page-columns-no{ text-align:center; padding:200px; color:#999; font-size:18px; }

.page-news-detail{  min-height:600px; background-color:#fff; width:100%; }
.page-news-detail-title{ font-weight:400; font-size:28px; color:#000; text-align:center; margin-bottom:30px; }
.page-news-detail-attr{ display:flex; align-items:center; justify-content:center; margin-top:20px; margin-bottom:30px; padding-bottom:20px; border-bottom:1px solid #eee; color:#bbb; }
.page-news-detail-attr span{ margin-left:30px; }
.page-news-detail-content{ margin:30px 0; line-height:2; }
.page-news-detail-content img{ max-width:700px !important; }
.page-news-detail-content p{ margin:15px auto; }
.page-news-detail-video{ margin:30px 0; display:flex; justify-content:center; align-items:center; }
.page-news-detail video{ width:750px; height:500px; background-color:#fff; }
.page-news-detail-attachment{ margin:30px 0; }
.page-news-detail-attachment a{ display:inline-block; padding:12px 30px; background-color:#f5f5f5; border-radius:5px; }
.page-news-detail-attachment a:hover{ background-color:#f1f1f1; }