@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{-webkit-text-size-adjust:none;font:12px/1.5 Arial,microsoft yahei,sans-serif}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight: normal;}address,cite,dfn,em,var{font-style:normal}ul,ol,li{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%}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:underline}a{blr:expression_r(this.onFocus=this.blur())}a{outline:none;}.none{display:none;}.block{display:block;}.noBg{background:none !important;}.noBd{border:none !important;}.noPd{padding:0 !important;}
*,*:before,*:after{box-sizing: border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
body {position:relative;color:#848484;background:#fff;min-width: 1200px;}
a { color: inherit; }
a:hover { text-decoration:none;transition:color .5s;-webkit-transition:color .5s;-moz-transition:color .5s;}
.time{transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;}
.wrap { position:relative; width:1200px; margin:0 auto; clear:both; }
.header,.container,.footer { position:relative; margin:0 auto; }
.fl { float: left !important;}
.fr { float: right !important;}

.header {width: 100%;height:125px;background-color:rgba(2,46,90,.6);position: absolute;left: 0;top: 0;z-index: 2;}
.logo{width: 145px;height:155px; position: absolute;left: 0;top: 0;z-index:2}
/*nav*/
.nav {margin-left: 184px;margin-top: 76px;}
.nav li { float:left;position: relative;}
.nav li:after{content: '/';color: #fff;position: absolute;right: 0;top: 0;font-size: 16px;line-height: 16px;}
.nav li>a {display:block;font-size:16px;line-height:16px;color: #fff; padding: 0 18px;}
.nav li.li7:after{display: none;}
.nav li.current>a,.nav li:hover>a{color: #c21e1f}
.nav li.li1:before,.nav li.li2:before{content: '';display: block;width: 53px;height: 22px;background: url(../images/a1.png) no-repeat center;position: absolute;left:10px;top:-28px}
.nav li.li2:before{background-image: url(../images/a2.png);width: 68px}

.tel{font-size:22px;line-height:20px;color: #fff;font-weight: bold; padding-left:30px;background: url(../images/i1.png) no-repeat 0px 0px;text-align: right;margin-top: 16px}
.tel em{font-weight: normal;display: block;font-size: 12px;}
/* search */
.search-form {clear: right;margin-top: 10px; width:216px; height:28px;background-color: #fff;border-radius:50px}
.search-input {padding:0px 4px 0 18px; width:175px;line-height:28px; border:none;background:transparent;outline: none;}
.search-btn {width:36px; height:28px; cursor:pointer; text-indent:-999em;border: 0; background:url(../images/i1.png) no-repeat 0px -41px;}

/*banner*/
.banner { position:relative; width:100%; height:672px; overflow: hidden;}
.banner:after{content: ''; display: block;width: 100%;height: 102px;position: absolute;left: 0;bottom: 0;z-index:1;background-color: rgba(0,0,0,.6);}
.banner .bd { position:relative;left:50%; width:1920px;margin-left:-960px;text-align: center; }
.banner .bd li,.banner .bd li a { display:block; width:100%; height:100%; }
.banner .hd { position:absolute; bottom:123px; left:50%; width:1200px; margin-left:-600px; height:16px; text-align:center; }
.banner .hd li { display:inline-block; width:16px; height:16px; margin:0 8px;background: #ffffff; text-indent:-999em; overflow:hidden; cursor:pointer;border-radius: 50%; opacity: 0.6;}
.banner .hd li.on {opacity: 1;}
.banner img {transition:1.5s ease-in-out;opacity: 1;}
.banner .hover img {opacity:.6;}
.hm-link{width:100%;height: 102px;margin-top: -102px;position: relative;z-index: 2}
.hm-link dl{display: block;width: 1200px;height: 102px;margin: 0 auto;}
.hm-link dt,.hm-link dd{float: left;height: 100%;color: #Fff;font-size: 18px;}
.hm-link dd:hover .pull-down{display: block;}
.hm-link dt{height: 102px;line-height: 20px;padding: 32px 0 0 48px; background: url(../images/i1.png) no-repeat 4px -78px;} 
.hm-link dt em{display: block;font-size: 12px}
.hm-link dd{text-align: center;border-right: 1px solid #7c7c7c;width: 241px;}
.hm-link dd>a{display:block;width: 100%;height: 100%;line-height: 102px;}
.hm-link dd a:hover,.hm-link dd.on>a{color: #c21e1f}

.pull-down{display: none; width: 100%;border-bottom: 1px solid #d2d2d2;padding: 14px 0 0;background-color:#f5f5f5;position: absolute;left: 0;top: 100%;z-index: 2;}
.pull-down ul{overflow: hidden;width: 1200px;margin:auto;text-align: left;padding-left: 160px}
.pull-down ul li{display: inline-block;padding: 0 20px;margin-bottom:14px;}
.pull-down ul li a{font-size: 14px;line-height: 29px;padding:2px 0; vertical-align: middle;color: #333;}
.pull-down ul li a:hover{text-decoration: underline;}
.pull-down ul li a img{margin-right: 12px;width: 42px;height: 29px; display: inline-block;box-shadow: 1px 1px 4px rgba(0,0,0,.6);-webkit-box-shadow: 1px 1px 4px rgba(0,0,0,.6)}
/*footer*/
.footer {width: 100%;background-color: #5c5c5c;color: #fff;}

.fNav {width: 100%;overflow: hidden;padding-bottom: 42px;padding-top: 30px;border-bottom: 1px solid #6d6d6d}
.fNav dl{float:left;width: 180px;padding-left: 24px}
.fNav dl:last-child{width: 120px}
.fNav dl dt{font-size: 16px;line-height: 24px;margin-bottom: 6px;}
.fNav dl dd{font-size:14px;line-height: 28px;color: #b7b7b7}
.fNav dl dt a:hover,.fNav dl dd a:hover{color: #c21e1f}
.fFooter{width: 100%;height: 91px;position: relative;}
.fFooter h1{font-size: 24px;line-height: 24px;color: #fefefe;padding: 23px 0 8px}
.fFooter h1 em{font-size: 14px}
.fFooter p{font-size: 12px;line-height: 16px;color:#949494}

.fLink{position: absolute;right: 0;top: 34px;}
.fLink a{display: inline-block;width: 24px;height: 20px;background: url(../images/i5.png) no-repeat;margin-left: 16px;;}
.fLink a:hover{background-image: url(../images/i6.png);}
.fLink a.qq{background-position: 0px 0px;}
.fLink a.wx{background-position:-38px 0px;position: relative;}
.fLink a.wx img{position: absolute;left: -34px;top:-100px;visibility: hidden;opacity: 0; transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;}
.fLink a.wx:hover img{top: -120px;visibility: visible;opacity: 1}
.fLink a.wb{background-position:-78px 0px;}

/*bound*/
.search-bound{position: fixed;left: 0;top: 0;height: 100%;width: 100%;background-color: rgba(0, 0, 0, 0.5);opacity: 0;visibility: hidden;-webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;-moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;transition: opacity 0.3s 0s, visibility 0s 0.3s;z-index:9999;}
.search-bound.is-vis{opacity: 1;visibility: visible;-webkit-transition: opacity 0.3s 0s, visibility 0s 0s;-moz-transition: opacity 0.3s 0s, visibility 0s 0s;transition: opacity 0.3s 0s, visibility 0s 0s;}
.bound-con {position: relative;width:340px;margin:300px auto;height:145px;background: #FFF;border-radius: .4rem .4rem .4rem .4rem;text-align: center;box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);-webkit-transform:scale(0.8);-moz-transform:scale(0.8);-ms-transform:scale(0.8);-o-transform:scale(0.8);transform:scale(0.8);-webkit-backface-visibility: hidden;-webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;transition-property: transform;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-ms-transition-duration: 0.3s;-o-transition-duration: 0.3s;transition-duration: 0.3s;font-size: 22px;padding-top: 30px}
.bound-close{ position: absolute;right:30px;bottom:25px; z-index: 10;width:auto;display: block;font-size:18px;}
.is-vis .bound-con {-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);}