@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;}
/* 引入字体 */
@font-face{
  font-family:'IMPACT';
  src:url('../images/IMPACT.woff') format("woff"),
    url('../images/IMPACT.TTF') format("truetype"),
    url('../images/IMPACT.eot') format("embedded-opentype"),
    url('../images/IMPACT.svg') format("svg");
}


/*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:1200px; margin:0 auto}

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


/* 顶部 */
.top{overflow:hidden; background:#333333;height: 40px;line-height: 40px;color: #ffffff}
.top p{color: #f1b135}
.top ol li{position: relative;padding-left: 25px;color: #ffffff;font-size: 14px;}
.top ol li span{color: #f1b135;font-size: 18px;}
.top ol li::before{width: 20px;height: 20px;background: url(phone.png) no-repeat left center;position: absolute;left: 0;top: 12px;content: '';}
.top2{height: 100px;line-height: 100px;}
/* logo */
.logo a span{font-size: 28px;font-weight: bold;color: #000;padding-left: 10px;}
.logo img{vertical-align: middle;width: 432px;height: 73px;}
.search{position: absolute;z-index: 99999;width: 100%;background: rgb(0,0,0,.2);padding: 10px 0;display: none}
.ico_search{width:18px;height:18px;background:url(search.png);position: absolute;right:-35px;top: 42px;}
.search form{display: table;margin: 0 auto;width: 40%}
.search .text{border: 1px solid #eee;width:calc(100% - 120px);height:42px;line-height:42px;color:#333;font-size:14px;background: #fff;
  padding-left: 10px;box-sizing: border-box;}
.search .ibtn{width:80px;height:42px;cursor:pointer;background: #db0000;color: #fff;text-align: center;line-height: 42px;font-size: 16px;}

.search input::-webkit-input-placeholder, .search textarea::-webkit-input-placeholder {   
 /* WebKit browsers */   
color: #ccc;   
}   
.search input:-moz-placeholder, .search textarea:-moz-placeholder {   
/* Mozilla Firefox 4 to 18 */   
color: #ccc;   
}   
.search input::-moz-placeholder, .search textarea::-moz-placeholder {   
 /* Mozilla Firefox 19+ */   
color: #ccc;   
}   
.search input:-ms-input-placeholder, .search textarea:-ms-input-placeholder {   
 /* Internet Explorer 10+ */   
color: #ccc;   
}
.search a.close{width:25px; height:25px; background:url(close.png) no-repeat; cursor:pointer;float: left;margin: 8px 0 0 15px;}


/* 导航 */
nav{}
nav>ul>li{float:left; margin-left:16px; }
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:rgb(255, 255, 255,.9); 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;padding: 40px 0;}
.nav_sub .title{float: left;width:480px;}
.nav_sub .title h3{font-size: 22px;font-weight: bold;color: #4E4E4E;height: 30px;line-height: 30px;margin-bottom: 10px;}
.nav_sub .title p{font-size: 13px;
    color: #666;
    line-height: 28px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;}
.nav_sub ul{float: left;width: 300px;padding-top: 20px;border-left: 1px solid rgba(0,0,0,.06);border-right: 1px solid rgba(0,0,0,.06);height: 100%;margin-left: 60px;}
.nav_sub ul li{border-bottom: 1px solid rgba(0,0,0,.06);}
.nav_sub ul li a{padding: 0 30px;
    display: block;
    font-size: 14px;
    color: #666;
    line-height: 36px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.nav_sub .img{width: 286px;height: 150px;float: right;}
.nav_sub .img img{width: 100%;height: 100%;}

/* ----------------------------- 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:650px; 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}
/*Banner*/
.banner {position:relative; left:50%; width:1920px; margin-left:-960px; text-align:center;}
.banner .hd { position:absolute; left:48%; bottom:18px; width:180px; z-index:4;padding: 10px 0;}
.banner .hd ul li { width:14px; height:14px; background:rgb(255,255,255,0.6); line-height:14px; overflow:hidden; cursor:pointer; vertical-align:top;
border-radius: 18px;float: left;margin-right:5%;color: #fff;line-height: 999;}
.banner .hd ul .on {background:#1b4da6;}
.banner .bd li a{display:block;width:100%;height:100%;}
.banner  .prev,.banner  .next{background: url(icon_arr.png) no-repeat;background-position-x: 0%;background-position-y: 0%;width: 60px;height: 80px;zoom: .75;overflow: hidden;position: absolute;
top: 50%;
z-index: 10;
font-size: 0;
line-height: 0;
text-indent: -999em;
margin-top: -45px;
cursor: pointer;
display: block;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
transition: all .3s ease-out;}
.banner:hover .prev{left: 8px;background-position: left top;opacity: 1;filter: alpha(opacity=100);}
.banner:hover .next{right: 8px;background-position: right top;opacity: 1;filter: alpha(opacity=100);}
.banner .prev{left: -60px;}
.banner .next{right: -60px;background-position: right top;}

.copyright{line-height: 72px;line-height: 72px;background: #e8e8e8;font-size: 16px;color: #8d8d8d;margin-top: 30px;}
.footer{;padding:60px 0 0;border-top: 1px solid #e8e8e8;}
.f-z{width:796px;float:right;}
.f-z-1{padding-bottom:20px;}
.f-z-1 dl{float:left;margin-right:90px;}
.f-z-1 dl a:hover{color:#176eff;}
.f-z-1 dt{padding-bottom:26px;}
.f-z-1 dt a{font-size:16px;color:#333333;background:url(line2.png) bottom left no-repeat;padding-bottom:16px;}
.f-z-1 dd{font-size:14px;line-height:28px;}
.f-z-1 dd a{color:#9e9c9c;}
.f-z-1 dl:last-child{margin-right:0;}
.f-z-2{padding-top:44px;}

.f-y{width:264px;float:left;}
.end_logo{margin-bottom: 20px;width: 330px;}
.end_logo img{width: 100%;height: auto;}
.f-y dt{font-size: 16px;color: #9a9a9a;line-height: 30px;}




.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 img{position:absolute;bottom:-24px;left:71px;z-index:10;display:none;}
.f-y li:hover img{display:block;}
.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;}