@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:#464646;background:#fff; }
a { color: inherit; }
a:hover { text-decoration:none; color: #305dc3;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:176px;}
.header:after{content: '';display: block;width: 100%;height: 50px;background-color: #505050;position: absolute;left: 0;bottom: 0;z-index: -1}
.logo{float: left;height:126px; padding:37px 0px 0px 0px}

.hLink {margin-top: 15px;}
.hLink em{margin: 0 5px;}
.hLink a{display: inline-block;font-size: 12px;line-height:14px; padding-left:30px;background: url(../images/icon1.png) no-repeat 0px 0px;}
/*  margin-left:12px;   */
.hLink a.hm{padding-left:22px}
.hLink a.cn{color: #305dc3; background: none; padding-left: 0;}
/*   background-position: 0 -28px  */
.hLink a.en{background: none; padding-left: 0;}
/*  background-position: 0 -58px   */
.tel{margin-top:15px;clear: right; background: url(../images/icon1.png) no-repeat 0px -103px;font-size: 14px;line-height: 20px;padding-left: 34px;}
.tel em{font-size: 18px;}
/* search */
.search-form {margin-top: 8px; clear: right; width:323px; height:33px;background-color: #ececec;border-radius:50px; overflow:hidden; }
.search-input { float: left; padding:0px 8px 0 24px;color: #818181; width:288px; height:33px; line-height:33px; border:none;background: none;}
.search-btn { float: left; width:33px; height:33px; border:none; background:url(../images/icon1.png) no-repeat 0px -150px; cursor:pointer; text-indent:-999em; }

/*nav*/
.nav {clear: both;}
.nav li { float:left;width: 11.11%}
.nav li>a {display:block;width: 100%;height: 50px;line-height:50px;text-align: center; font-size:14px;color: #fff;}
.nav li.current>a,.nav li:hover>a{background-color: #305dc3;}
/*banner*/
.banner { position:relative; width:100%; height:505px; overflow: hidden;}
.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 {display: none; position:absolute; bottom:18px; left:50%; width:1000px; margin-left:-500px; height:9px; text-align:center; }
.banner .hd li { display:inline-block; width:9px; height:9px; margin:0 5px;background-color: #fff; text-indent:-999em; overflow:hidden; cursor:pointer; }
.banner .hd li.on { background:#39b54a; }
.banner img {transition:1.5s ease-in-out;opacity: 1;}
.banner .hover img {opacity:.6;}

/*footer*/
.footer {width: 100%;background-color: #595959;padding:36px 0 0px;position: relative;}
.footer:after{content: '';display: block;width: 100%;height: 48px;background-color: #494949;position: absolute;left: 0;bottom: 0;}
.fNav{overflow: hidden;padding-bottom: 20px;height: 220px}
.fNav dl{float: left;width: 110px}
.fNav dt{font-size:20px;line-height:22px;font-weight: bold; color: #fff;margin-bottom:12px;}
.fNav dd{font-size: 16px;line-height: 32px;color: #c3c3c3}
.fNav dt a:hover,.fNav dd a:hover{color: #fff}

.fRight{width: 380px;overflow: hidden;padding-bottom: 20px}
.fRight h1{font-size: 16px;line-height: 20px;color: #fff;padding-left: 24px;position: relative;}
.fRight h1:before{content: '';display:block;width: 24px;height: 20px;background: url(../images/icon2.png) no-repeat 0px 2px;position: absolute;left: 0;top: 0}
.fRight h1 em{font-size: 24px;}
.fRight h1 em.em1{display: block;padding-left:80px;padding-top: 10px}
.fRight .search-form{margin-top: 16px; width: 100%;height: 46px;border:4px solid #dcdcdc;border-radius: 0}
.fRight .search-input { float: left; padding:0px 10px 0 10px;color: #9a9a9a; width:320px; height:38px; line-height:38px; border:none;background: none;}
.fRight .search-btn { float: left; width:51px; height:38px; border:none; background:url(../images/icon2.png) no-repeat 0px -33px; cursor:pointer; text-indent:-999em; }
.fRight h2{padding-top: 26px;float: left;}
.fRight h2 a{display: inline-block;width: 40px;height: 40px;margin-right: 20px;background: url(../images/icon2.png) no-repeat 1px -111px;transition:0s;-webkit-transition:0s;-moz-transition:0s;}
.fRight h2 a.qq{background-position: -56px -112px}
.fRight h2 a.wx{background-position: -116px -113px;position: relative;}
.fRight h2 a:hover{background-position: -1px -168px}
.fRight h2 a.qq:hover{background-position: -62px -168px}
.fRight h2 a.wx:hover{background-position: -126px -168px}
.fRight h3{display: inline-block;float: left;width: 82px;text-align: center;font-size: 14px;line-height: 32px;color: #fff;padding-top: 22px}
.fRight h2 a.wx img{position: absolute;right:-102px;top:-14px;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;visibility: hidden;opacity: 0}
.fRight h2 a.wx:hover img{top: -4px;visibility: visible;opacity: 1}

.copy{clear: both;width: 100%;font-size: 12px;line-height: 48px;color: #bab9b9;text-align: center;position: relative;z-index: 2}

.fixed{position: fixed;right: 16px;top: 50%;background-color: #fff; margin-top: -185px; width: 180px;border-radius: 6px;box-shadow: 2px 3px 6px #dddcdc}
.fixed h1{position: absolute;top: 26px; left: -42px;padding:26px 10px; width: 42px;background-color: #305dc3;color: #fff;font-size: 14px;text-align: center;border-radius: 6px 0  0 6px}
.fixed h2{color: #fff;height: 52px;background: #305dc3;border-radius: 4px 4px 0 0;font-size: 14px;line-height: 52px;padding-left: 18px;padding-right: 13px;}
.fixed h2 span{float:right;font-size: 18px;font-family:'simsun';cursor:pointer;}
.fixed .qq-group a{display: block;margin:16px 0px; background: url(../images/i7.png) no-repeat 38px 0px;padding-left:66px;font-size: 14px;line-height: 16px }
.fixed .qq-group a:hover{background-position: 38px -37px}
.fixed h3{background: #efefef;font-size: 16px;color: #6e6e6e;padding:9px 0 9px 39px;}
.fixed h3 em{display: inline-block; font-size: 14px;line-height: 20px;padding-left: 26px; background: url(../images/i7.png) no-repeat 0px -99px;}
.fixed h3:hover em{background-position: 0px -171px}
.fixed .ewm{ display:block;padding-bottom: 6px;padding-top: 10px;text-align: center;font-size: 14px;color: #6e6e6e}
.fixed .ewm img{ width: 112px;height: 112px;margin-bottom: 2px;}



/*search-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: 26px;padding-top: 38px}
.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);}