@charset "utf-8";

body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin: 0; padding: 0; }
body, button, input, select, textarea { font: 12px/1.5 Microsoft YaHei, Arial, sans-serif; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
address, cite, dfn, em, var { font-style: normal; }
ul, ol { list-style: none; }
a { text-decoration: none; }
legend { color: #000; }
fieldset, img { border: 0; vertical-align: top;}
section, article, aside, header, footer, nav, dialog, figure { display: block; }
figure { margin: 0; }
button, input, select, textarea { font-size: 100%;border:0;background:none;outline:none; }
table { border-collapse: collapse; border-spacing: 0 }
.clear { display: block; height: 0; overflow: hidden; clear: both }
.clearfix:after { content: '\20'; display: block; height: 0; clear: both; }
.clearfix { *zoom:1;}
a:link, a:visited { text-decoration: none; }
a:hover, a:active { text-decoration: none; }
a { blr:expression_r(this.onFocus=this.blur());}
a { outline: none; /*transition-duration: 0.3s, 0.3s;*/ transition-property: background-color, color; transition-timing-function: ease, ease;}
table { border-collapse: collapse; border-spacing: 0; }
.hidden { display: none; }
.invisible { visibility: hidden; }
.noBg { background: none !important; }
.noBd { border: none !important; }
.noMr{margin-right:0 !important; float:right !important;}
.i{text-align: justify; text-justify: inter-ideograph;}

/*Body*/
body { color: #555;overflow:scroll;overflow-x:hidden; }
a { color: #555; }
a:hover { color: #214a9a;}
.wrapper{width:100%; position:relative; overflow:hidden;}
.fl{float: left;}
.fr{float: right;}
.wrap{width:1280px; margin:0 auto}

:root{
  --i_color:#0e5ba4; /* 全局颜色 */
}


/* 顶部 */
.top{overflow:hidden; background:#f7f7f7;height: 40px;line-height: 40px;color: #999}
.top p{color: #999}
.top ol li{float: left;padding:0 10px;position: relative;}
.top ol li a{color: #999}
.top ol li::after{width: 1px;height: 12px;position: absolute;content: '';background: #ccc;right: 0;top: 14px;}
.top ol li:last-child::after{display: none;}
.top ol li a img{position: relative;top: 3px;padding-left: 10px;}
.top ol li h2{font-size: 22px;color: #000;position: relative;font-weight: bold;padding-left: 16px;}
.top ol li h2::before{position: absolute;content: '';left: 0;top: 10px;background: url(top_tell.png) no-repeat;width: 9px;height: 9px;}
.top2{height: 110px;line-height: 110px;}
/* logo */
.logo{}
.logo img{max-height:62px;vertical-align: middle;margin-top: 4px;}


/* 导航 */
nav{z-index:9999}
nav>ul>li{float:left; margin-left:50px; position:relative}
nav>ul>li:first-child{margin-left:0}
nav>ul>li>a{display:block; font-size:16px; color:#878787; line-height:var(--top2_h)}
/*nav>ul>li:hover>a:after, .nav_on>a:after{content:""; position:absolute; left:0; bottom:0; width:100%; height:3px; background:var(--i_color)}*/
nav>ul>li:hover>a, .nav_on >a{color:var(--i_color)!important;font-weight: bold;}

.nav_sub{display:none; position:absolute; left:50%; transform:translate(-50%,0); min-width:100%; background:#f5f5f5; z-index:9999; 
  -webkit-border-radius:0 0 7px 7px; -moz-border-radius:0 0 7px 7px; -o-border-radius:0 0 7px 7px; border-radius:0 0 2px 2px;border-top:3px solid #205f99
}
.nav_sub li{width:100%; text-align:center;/* border-bottom:1px solid rgba(0,0,0,.08)*/}
.nav_sub li:last-child{border-bottom:none}
.nav_sub a{display:block; padding:0 30px; font-size:14px; color:#2f4f4f;overflow:hidden; white-space:nowrap;height: 40px;line-height: 40px;}

.nav_sub li:hover a{background:rgba(255,255,255,1);color:#fdb939}



/* ----------------------------- banner ----------------------------- */
.slider{position:relative; width:100%; overflow:hidden}
.slides{-webkit-transition:all .3s ease; -moz-transition:all .3s ease; -ms-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease}
.slide{display:block; text-align:center; float:left; position:relative; overflow:hidden}
.slide img{display:block; width:100vw; height:700px; object-fit:cover; text-align:center}

/* 左右箭头 */
.slider-arrows{opacity:0}
.slider-arrow{
  position:absolute;
  top:50%;
  transform:translate(0,-50%);
  width:70px;
  height:70px;
  line-height:70px;
  font-family:"SimSun", 宋体, NSimSun, FangSong;
  font-size:36px;
  color:#FFF;
  font-weight:bold;
  background:rgba(0,0,0,.2);
  text-align:center;
  -webkit-border-radius:50%;
  -moz-border-radius:50%;
  -o-border-radius:50%;
  border-radius:50%;
  z-index:2;
  }
.slider-arrow--left{left:0}
.slider-arrow--right{right:0}
.slider:hover .slider-arrows{opacity:1}
.slider:hover .slider-arrow--left{left:3%}
.slider:hover .slider-arrow--right{right:3%}
.slider-arrow:hover{background:var(--i_color)}

/* 指示器 */
.slider-nav{position:absolute; bottom:5%; display:-webkit-flex; display:flex; align-items:center}
.slider-nav__item{float:left; width:66px; height:5px; margin:0 7px; background:rgba(255,255,255,.8)}
.slider-nav__item--current{background:var(--i_color)}

.slider-arrows, .slider-arrow--left, .slider-arrow--right, .slider-nav__item{transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -o-transition:all 0.5s ease}


.copyright{line-height: 40px;}
.footer{background:url(footer.png) top center repeat-y;padding:60px 0 0;}
.f-z{width:796px;float:left;}
.f-z-1{border-bottom:1px solid #474747;padding-bottom:20px;}
.f-z-1 dl{float:left;margin-right:100px;}
.f-z-1 dl a:hover{color:#176eff;}
.f-z-1 dt{padding-bottom:26px;}
.f-z-1 dt a{font-size:16px;color:#fff;background:url(line2.png) bottom left no-repeat;padding-bottom:16px;}
.f-z-1 dd{font-size:12px;line-height:28px;}
.f-z-1 dd a{color:#9e9c9c;}
.f-z-1 dd:hover a{color: #fff;}
.f-z-1 dl:last-child{margin-right:0;}
.f-z-2{padding-top:44px;}

.f-y{width:264px;float:right;}
.f-y h2{font-size:24px;color:#fff;font-weight:normal;}
.f-y ul{padding-top:40px;}
.f-y li{float:left;display:inline;width:46px;height:46px;cursor:pointer;position:relative;}
.f-y li:nth-child(1){background:url(wx.png);margin-right:10px;}
.f-y li:nth-child(2){background:url(sina.png);}
.f-y li img{position:absolute;bottom:-24px;left:71px;z-index:10;display:none;}
.f-y li:hover img{display:block;}
.f-y .tel{border-top:1px solid #474747;margin-top:24px;padding:22px 0 28px;}
.f-y .tel p{font-size:18px;color:#888;}
.f-y .tel h3{font-weight:normal;color:#fff;font-size:36px;font-family:Arial;}
.f-y .copyright{color:#888;line-height:24px;}

.f-y .copyright a{color:#888;}
.f-y .copyright a:hover{color:#e20909;}
.f-z .copyright a{color:#888;}