@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: #666; background:#f2f7fa;}
a { color: #666; }
a:hover { color: #0c5ecf; }
.wrap { width: 1200px; margin: 0 auto;}
.g-in{ width:1200px; margin:0 auto; }.g-in:after{content:'\20';display:block;height:0;clear:both}.g-in{*zoom:1}
.wrapper{ position:relative; width:100%; margin:0 auto; overflow:hidden; }
.wrapper img{  vertical-align:top; }

/* 网站地图 */
.webmap{padding:10px 0px 15px}
.webmap dl{overflow:hidden;zoom:1;height:32px; margin-bottom:5px;}
.webmap dt{width:15%;float:left;}
.webmap dd{float:left;width:85%;}
.webmap dt a{display:block;line-height:32px;background:#ccc;color:#000;text-align:center}
.webmap dd a{margin:0 5px 5px;background:#eee;display:block;line-height:32px;width:143px;float:left;text-align:center}
.webmap a:hover{background:#343434;text-decoration:none;color:#fff}

.top{background: #fff;line-height: 38px;}
.top .topl{float: left;font-size: 14px;color: #353535;}
.top .topr{float: right;font-size: 14px;color: #353535;padding-left: 32px;background: url(head1_03.png) no-repeat left center;}
.top .topr a{color: #353535;}
.top .topr .ewm{ float:left; background:url(g_01.png) center center no-repeat; width:20px; height:38px; cursor:pointer; position:relative}
.top .topr .ewm .pic{ position:absolute; left:50%; transform:translateX(-50%); top:100%; z-index:2; display:none}
.top .topr .ewm .pic img{ width:110px; padding:5px; background:#fff; box-shadow:  0 0 5px rgba(0,0,0,.1)}
.top .topr .ewm:hover .pic{ display:block}
.top .topr .dl{ float:left; margin-left:15px}
.top .topr .dl a{ display:block; background:url(g_02.png) left center no-repeat; padding-left:24px; font-size:14px; color:rgba(53,53,53,0.74); line-height:38px}
.top .topr .dl a:hover{ color:#333}
.head{height: 158px; background: url(g_04.jpg) no-repeat center;}
.head .logo{float: left; height:158px; width:515px}
.head .logo a{ display:flex;align-items: center; height:100%}
.head .logo2{float: left; height:158px}
.head .logo2 a{ display:flex;align-items: center; height:100%}

.head .headr{float: right; }
.head .headr .searcha{float: left;margin-top:64px;font-size: 0; border-radius:20px; overflow:hidden}
.head .headr .searcha .txt{width: 220px;height: 40px; background: #fff;padding: 0 15px; box-sizing:border-box; font-size: 14px;vertical-align: middle;}
.head .headr .searcha .sbt{width: 65px;height: 40px;background: #146ac1;vertical-align: middle; font-size:14px; color:#fff}

.nav{background: #0c5ecf;}
.nav ul li{float: left;position: relative;width: 10%;}
.nav ul li a.a1{display: block;line-height: 62px;text-align: center;font-size: 18px; font-weight:bold ;color: #fff;display:flex;align-items: center;justify-content: center;}
.nav ul li a img{ margin-right:8px}
.nav ul li:hover a.a1,.nav ul li.current a.a1{background:url(g_05.jpg) center center no-repeat; background-size:cover;}

.nav li .shownav { position:absolute; left:-00%; width:100%; visibility:hidden; font-size:14px; z-index:1; top:62px; }
.nav li .shownav a { display: block; margin:-1px 0 0; padding:10px 10px; background: rgba(255,255,255,.9); color:#000; line-height:20px; text-align:center; border: 1px solid #eee;}
.nav li .shownav { transform:scale(0); }
.nav li .shownav a { opacity: 0; transform: rotateY(90deg); transition: all .4s ease; }
.nav li .shownav a:hover { color:#0c5ecf; }
.nav li:hover .shownav { visibility:visible; }
.nav li:hover .shownav{z-index:10; transform:scale(1);} 
.nav li:hover .shownav a{opacity:1; transform:none}
.nav li:hover .shownav a:nth-child(1){ transition-delay:0s}
.nav li:hover .shownav a:nth-child(2){ transition-delay:50ms}
.nav li:hover .shownav a:nth-child(3){ transition-delay:.1s}
.nav li:hover .shownav a:nth-child(4){ transition-delay:150ms}
.nav li:hover .shownav a:nth-child(5){ transition-delay:.2s}
.nav li:hover .shownav a:nth-child(6){ transition-delay:250ms}
.nav li:hover .shownav a:nth-child(7){ transition-delay:.3s}
.nav li:hover .shownav a:nth-child(8){ transition-delay:350ms}
.nav li:hover .shownav a:nth-child(9){ transition-delay:.4s}
.nav li:hover .shownav a:nth-child(10){ transition-delay:450ms}
.nav li:hover .shownav a:nth-child(11){ transition-delay:.5s}
.nav li:hover .shownav a:nth-child(12){ transition-delay:550ms}
.nav li:hover .shownav a:nth-child(13){ transition-delay:600ms}
.nav li:hover .shownav a:nth-child(14){ transition-delay:650ms}
.nav li:hover .shownav a:nth-child(15){ transition-delay:700ms}
.nav li:hover .shownav a:nth-child(16){ transition-delay:750ms}
.nav li:hover .shownav a:nth-child(17){ transition-delay:800ms}
.nav li:hover .shownav a:nth-child(18){ transition-delay:850ms}
.nav li:hover .shownav a:nth-child(19){ transition-delay:900ms}
.nav li:hover .shownav a:nth-child(20){ transition-delay:950ms}

.banner{ position:relative; width:100%;  }
.banner .bd{ width:1920px; position:relative; left:50%; margin-left:-960px;  z-index:1; }
.banner .bd ul{  }
.banner .bd ul li{ }
.banner .bd ul li img{ }
.banner .hd{ width:1920px; left:50%; margin-left:-960px; position:absolute; bottom:17px; z-index:3; text-align:center;}
.banner .hd ul{ display:inline-block; }
.banner .hd ul li{ width:10px; height:10px; background:rgba(255,255,255,0.7); margin:0 5px; border-radius:100%; *display:block; display:inline-block; vertical-align:top; cursor:pointer; text-indent:999px; }
.banner .hd ul .on{ background:#fff; }
/*.banner a.prev, .banner a.next{ width:82px; height:128px; position:absolute; top:50%; margin-top:-64px; z-index:15; }
.banner a.prev{ left:5%; background:url(prev_01.png) no-repeat; }
.banner a.next{ right:5%; background:url(next_01.png) no-repeat; }
.banner:hover a.prev, .banner:hover a.next{ opacity:1; }*/

.footer{background: #0345a0;padding: 38px 0 }
.link{text-align: center;}
.link .linkl{line-height: 42px;font-size: 18px;color: #fff;font-weight: bold;display: inline-block;}
.link .item{display: inline-block;width: 270px;height: 42px;margin-left: 18px;position: relative; z-index:99}
.link .item .ti{line-height: 42px;background: #023d8f url(ft_link1_03.png) no-repeat 95% center;font-size: 14px;color: rgba(255,255,255,0.3);padding:0 20px;text-align: left;}
.link .item .hiddenBox{position: absolute;left:0;bottom: 42px;background: #fff;width: 100%;text-align: center;padding: 5px 0;display: none;}
.link .item .hiddenBox li{line-height: 2;}
.link .item .hiddenBox li a{font-size: 14px;}
.ftb{margin-top: 26px;padding-top: 30px;border-top:1px solid rgba(255,255,255,0.15);text-align: center;line-height: 30px;font-size: 14px;color: #fff;}
.ftb a{color: #fff}