@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: 14px/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; }
h1, h2, h3, h4, h5, h6 {font-weight: normal;}
legend { color: #000; }
fieldset, img { border: 0; vertical-align: top; }
img{transition:all 0.5s;}
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 { 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; }
em, i {font-style: normal;}

/* 项目主体部分设置 */
body{background:#fff;color:#393939;}
a{color:#393939;text-decoration:none;transition:color 0.2s linear 0s}
a:hover{color:#38a1db;}
.wrapper {max-width:1920px; margin:0 auto; overflow:hidden;}
.wrap { width: 1200px; margin: 0 auto;}
.g-in { width:1200px; margin:0 auto; *zoom:1}.g-in:after{content:'\20';display:block;height:0;clear:both}
.banner img { vertical-align:top; }
.h1 .r {float: right; font-size: 14px; color:#828282; white-space: nowrap; margin-top: 7px; margin-right: 18px;}
.h1 .tel {display: inline-block; vertical-align: top; height:28px; line-height: 28px; margin-right: 20px;}
.search {display: inline-block; vertical-align: top;}
.search input {height: 28px; line-height: 28px; box-sizing: border-box; vertical-align: top;}
.search input[type=text] {width: 235px; padding-left: 10px; color: #333; border: 1px solid #d2d2d2; border-right: none;}
.search input[type=submit] {width: 28px; cursor: pointer; font-size: 14px; color: #fff; background: #38a1db url(sear-ico.png) no-repeat center; }
.search input::-webkit-input-placeholder {font-size: 12px; color:#d2d2d2;}
.logo {float: left; margin-top: -13px;}
.h2 .txt {float: left; font-size: 12px; margin: 9px 0 0 20px;}
.h2 .sp1 {color:#00a5db;}
.h2 .sp2 {color:#0b1e61;}
.nav {float: right;}
.nav li {float: left; position:relative;}
.nav li:hover dl {display: block;}
.fir-menu {display: block; /*padding: 0 20px;*/ padding: 0 12px; line-height: 69px; font-size: 16px;}
.fir-menu:hover, .nav .current {background: url(nav-bg.jpg) no-repeat center bottom;}
.nav dl {position: absolute; z-index: 1; top: 100%; left: -7px; right: -7px; text-align: center; background: #fff; display: none; padding: 5px 2px; font-size: 15px;}
.nav dt a {display: block; line-height: 36px; color: #393939;}
.nav dt a:hover {background: #38a1db; color: #fff;}

.banner {position:relative; width: 100%;}
.banner .hd {position: absolute; z-index: 2; bottom: 30px; left: 0; right: 0; text-align: center; font-size: 0;}
.banner .hd li {display: inline-block; border-radius: 50%;/* background: url(b2.png) no-repeat center; */ width:14px; height:14px; border:1px solid #0f1e61;box-sizing:border-box;
	border-radius:14px; cursor: pointer; margin: 0 7px;}
.banner .hd .on {/*background: url(b1.png) no-repeat center; cursor: pointer; width:14px; height:14px; border:0; */background:#0f1e61;}
.banner .prev, .banner .next {position: absolute; z-index: 200; width: 56px; height: 56px; top: 50%; margin-top:-28px; cursor:pointer;}
.banner .prev {left: 50%; background: url(prevs.png) no-repeat center; margin-left:-600px; }
.banner .next {right: 50%; background: url(nexts.png) no-repeat center; margin-right:-600px; }

.footer {background: url(f1-bg.jpg) no-repeat center / cover;}
.f1 {padding: 40px 0 70px;}
.f1 a {color: #8a8a8a;}
.fnav, .f1 .addr {display: inline-block; vertical-align: top;}
.f1 .addr {color: #c2c2c2;}
.fnav dl {float: left; margin-right: 15px;}
.fnav dl a:hover {color:#fff;}
.fnav dt {margin-bottom: 3px;}
.fnav dt a {color: #fff; font-size: 16px;}
.fnav dt a:hover {color:#38a1db;}
.fnav dd{line-height:25px;}
.f1 .addr {width: 388px; background: url(f1-6.jpg) no-repeat 0 center; padding-left: 44px; margin-left:10px; }
.f1 .sp1 {font-size: 16px; color: #fff; background: url(f1-1.jpg) no-repeat 0 bottom; padding-bottom: 10px;margin-bottom: 17px; }
.f1 .sp2 {font-size: 16px; color: #38a1db; margin-bottom: 8px;}
.f1 p {margin-bottom: 2px;}
.bdsharebuttonbox {margin-top: 15px;}
.f2 {line-height: 60px; border-top: 1px solid #585959; color: #8a8a8a;}
.f2 a {color: #8a8a8a;}
.f2 a:hover {color: #fff;}
.copyright {float: left;}
.f2 .r {float: right;}
.f2 .r li {display: inline-block; }

.slide-nav {position: fixed; z-index: 10000; top: 50%; right: 0; margin-top:-179px;}
.slide-nav li {margin-bottom: 2px; position: relative;}
.slide-nav li > a {width: 70px;  padding-top: 45px; height: 25px; display: block; color: #fff; font-size: 12px; text-align: center; cursor: pointer;}
.slide-nav li:nth-child(1) > a {background: #9e9e9e url(sn1.png) no-repeat center 14px;}
.slide-nav li:nth-child(2) > a {background: #9e9e9e url(sn2.png) no-repeat center 14px;}
.slide-nav li:nth-child(3) > a {background: #9e9e9e url(sn3.png) no-repeat center 14px;}
.slide-nav li:nth-child(4) > a {background: #9e9e9e url(sn3.png) no-repeat center 14px;}
.slide-nav li:nth-child(5) > a {background: #9e9e9e url(sn4.png) no-repeat center 14px;}



.slide-nav .ewm {position: absolute;left: -155px;padding-right: 20px;top: -10px; width: 170px;text-align: center;line-height: 33px; display: none;}
.slide-nav .tel {position: absolute;left: -210px;padding-right: 20px;top: 20px; width: 170px;text-align: center;line-height: 33px;box-shadow: 0 0 2px 1px #ddd;background: #38a1db;color: #fff; display: none;}
.slide-nav li:hover .hide {display: block;}

.slide-nav li:nth-child(1) > a:hover {background: #38a1db url(sn1.png) no-repeat center 14px;}
.slide-nav li:nth-child(2) > a:hover {background: #38a1db url(sn2.png) no-repeat center 14px;}
.slide-nav li:nth-child(3) > a:hover {background: #38a1db url(sn3.png) no-repeat center 14px;}
.slide-nav li:nth-child(4) > a:hover {background: #38a1db url(sn3.png) no-repeat center 14px;}
.slide-nav li:nth-child(5) > a:hover {background: #38a1db url(sn4.png) no-repeat center 14px;}