@charset "utf-8";
/*===初始化样式
========================================================================= ===*/
body{font-size:14px;word-break:break-all; background:#fff; font-family:PingFangHK-Regular,Verdana,Arial,'微软雅黑';}
body, div,p,form, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, input, textarea, button,iframe,section, article, aside, header, footer, nav, dialog, figure{ margin:0; padding:0;    }
em,i{font-style:normal;}
html,body{ width:100%}
section, article, aside, header, footer, nav, dialog, figure{ display:block;}
h1, h2, h3, h4, h5, h6,th, td,button,select,input,textarea,font{font-size:14px;}
img,input,select{ vertical-align:middle;}
button{ cursor:pointer}
iframe,img { border:0; }
li{list-style:none; }
a{ color:#333;text-decoration:none}
a:hover { color:#f67c03; text-decoration:underline;}
.gray{ color:#666;}
.gray2{ color:#999;}
*{box-sizing: border-box;}

/*===透明过滤
========================================================================= ===*/
.filter{z-index:1000;width:100%;height:100%;position:fixed;_position:absolute;top:0;left:0;margin:0;padding:0;overflow:hidden;background:#000;opacity:0.9;filter:alpha(opacity=90); }
.filter iframe{z-index:1000;width:100%;height:100%;position:fixed;_position:absolute;top:0;left:0;margin:0;padding:0;opacity:0.3;filter:alpha(opacity=30);overflow:hidden;border:none;}
.frameBlock{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;filter:alpha(opacity=30);}

/*===清除浮动样式
========================================================================= ===*/
.clearfix:after,.container:after,.column:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; } 
.clearfix,.container,.column{display: inline-block;}
/* Hides from IE-mac \*/
*html .clearfix,*html .container{height: 1%;} 
.clearfix,.container,.header,.footer,.column{display: block;}
/* End hide from IE-mac */ 
.clearFloat, .clear, .line, .borderLine { display:block; clear:both; height:0; font-size:1px; line-height:0; }

.scroll{height:450px; position:relative;overflow:hidden;}
.mod_01{float:left;width:100%;}
.mod_01 a{display:block;width:100%;height:450px;}
.dotModule_new{height:8px;  width:100%; position:absolute;bottom:10px;left:0;z-index:11; text-align:center; line-height:0;}
#slide_01_dot{text-align:center;}
#slide_01_dot span{display:inline-block;margin:0 5px;width:20px;height:10px;vertical-align:middle;background:#6BC1AB; opacity:0.5;filter:Alpha(opacity=50); cursor:pointer; border-radius: 4px;}
#slide_01_dot .selected{opacity:1;filter:Alpha(opacity=100); width: 80px; background: #fff;}

.top{ height: 50px; background: #23262F;}
.top .container{ line-height: 50px; font-size: 14px; color: #fff;}
.top .container p{ float: left;} 
.top .container p b{font-size: 20px; color: #22A888; font-weight: normal; margin-left: 7px; vertical-align: top;}
.top .container span{display: inline-block; float: right;}

.header{ height:80px; z-index:200; width:100%;}
.headerBg{ height:80px;  background:#000; opacity:0.8;filter:Alpha(opacity=80);}
.headerCon{ width:100%;  height:80px;}
.container{ width:1200px; margin:0 auto;}
.logo{ width:246px; height:50px; float:left; margin-top:15px;}
.nav{ height:80px; float:right; margin-right: -4px;}
.nav li{ float:left; min-width:70px; height:80px; text-align:center; position:relative; margin-left: 35px;}
.nav li a{ color:#252831; font-size:16px; display:block; text-align:center; padding-top:10px; line-height:70px;}
.nav li a:hover,.nav li.on a{ color:#22A888; text-decoration:none;}
.nav li em{ width:70px; height:0; background:#22A888; display:block; position:absolute; bottom:0; left:0;
transition: height 0.3s;
-moz-transition: height 0.3s;
-webkit-transition: height 0.3s;
-o-transition: height 0.3s;
-ms-transition: height 0.3s;}
.nav li.on em,.nav li:hover em{ height:4px;}

.mt20{margin-top: 20px;}
.mt30{margin-top: 30px;}
.mb20{ margin-bottom: 20px;}
.mb50{ margin-bottom: 50px;}
.mainLeft {width: 870px; float: left;}
.mainRight {width: 300px; float: right;}
h3.title{ height: 48px; line-height: 48px; border-bottom: #E9E9E9 1px solid; font-weight: normal}
h3.title .tit{ font-size: 20px; color: #23262F; float: left;}
h3.title a.more{font-size: 12px; color: #22A888; float: right;}
.busBox{}
.busList{ height: 144px;}
.busList li{ width: 14.28%; float: left; text-align: center; padding-top: 22px;}
.busList li span{ line-height: 30px; padding-top: 5px; display: inline-block; color: #666;}

.infomation{ width: 420px; float: left;}
.infoBox{ position: relative; padding: 10px 0 10px 180px;}
.infoBox em{ display: block; width: 160px; height: 160px; position: absolute; left: 0; top: 20px;}
.infoBox em img{width: 160px; height: 160px;}
.infoTxt{ line-height: 30px; font-size: 14px; color: #666;}

.new{ width: 420px; float: right;}
.newBox{ padding: 10px 0;}
.newList li{line-height: 30px; padding: 0 75px 0 10px; position: relative;}
.newList li:before{ content: ''; width: 4px; height: 4px; display: block; position: absolute; left: 0; top: 13px; border-radius: 50%; background: #D8D8D8;}
.newList li p{ overflow: hidden; height: 30px; white-space: nowrap; text-overflow: ellipsis;}
.newList li p a{ color: #666;}
.newList li p a:hover{ color: #22A888; text-decoration: none;}
.newList li span{color: #BEBEC1; position: absolute; right: 0; top: 0;}

.map{ width: 300px;}
.map img{width: 300px; height: 200px;}

.adBox{border: 1px solid #DBDBDB; padding: 9px; margin-top: 10px;}
.adMain{ width: 280px; height: 160px; position:relative;overflow:hidden;}
.mod_ad{float:left;width:280px;}
.mod_ad a{display:block;width:280px;height:160px;}
.mod_ad a img{ width: 280px; height: 160px;}
.dotModule_ad{height:8px;  width:100%; position:absolute;bottom:5px;left:0;z-index:11; text-align:center; line-height:0;}
#slide_ad_dot{text-align:left; padding-left: 5px;}
#slide_ad_dot span{display:inline-block;margin:0 2px;width:8px;height:8px;vertical-align:middle;background:#fff; opacity:0.5;filter:Alpha(opacity=50); cursor:pointer; border-radius: 2px;}
#slide_ad_dot .selected{opacity:1;filter:Alpha(opacity=100); background: #fff;}

.friendList{ width: 100%; height: 60px; margin: 20px 0 48px 0; position:relative;overflow:hidden;}
.mod_friend{float:left;width:160px;}
.mod_friend a{display:block;width:160px;height:60px;}
.mod_friend a img{ width: 150px; height: 60px; }
.online{width:96px; padding: 10px 0 30px 10px; background: rgba(44,167,136,0.70); position: fixed; top: 50%; right: 0; border-radius: 8px 0px 0px 8px;}
.online .tit{font-size: 14px; color: #fff; text-align: center; margin-bottom: 10px; line-height: 20px; padding-top: 5px;}
.qqList li{ margin-bottom: 10px;}
.qqList li a{ display: block; padding-left: 10px; background: #fff; border-radius: 15px 0 0 15px; line-height: 33px; font-size: 12px;}
.qqList li a:hover{ text-decoration: none;}
.qqList li a span { color: #666;}
.qqList li a:hover span { color: #22A888;}
.qqList li a em{width: 14px; height: 19px; background: url(../images/icon-qq.svg) 0 0 no-repeat; display: inline-block; vertical-align: middle; margin-right: 5px;}
.online .code{ text-align: center; margin-top: 15px;}
.online .code img{ width: 70px; height: 70px;}

.bannerDt{ height: 240px; background: url(../images/banner_dt1.jpg) center 0 repeat-x;}
.bannerDt2{ height: 240px; background: url(../images/banner_dt2.jpg) center 0 repeat-x;}
.bannerDt3{ height: 240px; background: url(../images/banner_dt3.jpg) center 0 repeat-x;}
.bannerDt4{ height: 240px; background: url(../images/banner_dt4.jpg) center 0 repeat-x;}
.bannerDt5{ height: 240px; background: url(../images/banner_dt5.jpg) center 0 repeat-x;}
.bannerDt6{ height: 240px; background: url(../images/banner_dt6.jpg) center 0 repeat-x;}
.detailLeft{ width: 200px; float: left;}
.detailRight{ width: 970px; float: right;}
.menu .menuTop{ height: 60px; background: #22A888; border-radius: 8px 8px 0 0; padding: 8px 10px 0 20px; color: #fff; }
.menu .menuTop h3{font-size: 20px; line-height: 22px; font-weight: normal; padding-top: 5px;}
.menu .menuTop span{font-size: 14px; opacity: 0.5; line-height: 16px;}
.menuCon{ border: #eee 3px solid; border-top: 0;}
.menuList li{ height: 41px; line-height: 40px; position: relative; border-bottom: #eee 1px solid;}
.menuList li a{display: block; padding: 0 20px 0 30px; color: #666;}
.menuList li.on a, .menuList li a:hover{color: #22A888; text-decoration: none;}
.menuList a:before{ content: ''; display: block; width: 4px; height: 4px; display: block; position: absolute; border-radius: 50%; background: #D8D8D8; left: 18px; top: 18px;}
.menuList li.on a:before,.menuList li:hover a:before{background: #22A888;}

.kefu{ border: #eee 1px solid; border-radius: 8px; padding: 15px 10px;}
.kefu .tit{ height: 21px; position: relative;}
.kefu .tit:before{content: ''; position: absolute; width: 100%; display: block; height: 15px; opacity: 0.15; background: #729A90; left: 0; top: 3px;}
.kefu .tit span{display: inline-block; background: #fff; line-height: 21px; color: #22A888; position: relative; z-index: 2; padding-right: 6px;}
.kqqList {padding-top: 15px; margin: 0 -4px;}
.kqqList li{ margin-bottom: 10px; padding: 0 4px; width: 50%; float: left;}
.kqqList li a{ display: block; padding-left: 10px; background: #6BC1AB; color: #fff; border-radius: 14px; line-height: 28px; font-size: 12px;}
.kqqList li a:hover{ text-decoration: none; background: #22A888;}
.kqqList li a span { color: #fff;}
.kqqList li a:hover span { color: #fff;}
.kqqList li a em{width: 14px; height: 19px; background: url(../images/icon-qq.svg) 0 0 no-repeat; display: inline-block; vertical-align: middle; margin-right: 3px;}
.kefu .code{ text-align: center;}

.dtTit{ height: 39px; line-height: 30px; border-bottom: #E9E9E9 1px solid; display: flex; justify-content: space-between;}
.dtTit .tit{font-size: 18px; color: #23262F;}
.dtTit .cumb{font-size: 12px; color: #999;}
.dtTit .cumb a,.dtTit .cumb span{padding: 0 2px; font-size: 12px; color: #999;}
.dtTit .cumb a:hover{ color: #22A888; text-decoration: none;}
.detailMain{ width: 700px; float: left; padding: 20px 0;}
.detailMain p{ line-height: 30px; color: #666; margin-bottom: 20px;}
.detailMain2{ width: 560px; float: right; padding: 30px 0;}
.detailMain2 p{ line-height: 30px; color: #666; margin-bottom: 20px;}
.detailMain3{ width: 970px; float: right; padding: 10px 0;}
.detailMain3 p{ line-height: 28px; color: #666; margin-bottom: 15px;}
.detailMain3 h1{font-size:30px;  text-align: center; line-height: 100px; color: #000;}
.detailRightTool{ width: 240px; float: right;}
.detailLeftTool{ width: 380px; float: left;}
.rightAd { padding-top: 28px;}
.rightAd img{ width: 100%;}

.dtNewList{ padding: 10px 0;}
.dtNewList li{ line-height: 50px; color: #666; padding: 0 160px 0 20px; position: relative; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; border-bottom: #eee 1px solid}
.dtNewList li .time{ display: inline-block; position: absolute; right: 0; top: 0; color: #999;}
.dtNewList li a{color: #666;}
.dtNewList li a:hover{ color: #22A888; text-decoration: none;}

.pageBox{ text-align: right; padding: 10px 0;}
.pageBox .pagination{ display: inline-block;}
.pageBox .pagination li{ float: left; margin-left: 8px; font-size: 12px;}
.pageBox .pagination li a{ display: inline-block; padding: 0 6px; line-height: 18px; color: #666;}
.pageBox .pagination li.on a{background: #6BC1AB; border-radius: 4px; color: #fff;}
.pageBox .pagination li.num span{ margin: 0 6px; color: #666;}
.pageBox .pagination li.num input{ margin: 0 6px; width: 44px; height: 22px; border: 1px solid #D9D9D9; border-radius: 2px; vertical-align: top; margin-top: -2px; padding: 0 5px; color: #666; text-align: center;}
.pageBox .pagination li.num input:focus{ outline: none;}

.mapDiv{padding: 30px 0 5px 0; text-align: center;}
.mapDiv img{width: 970px;} 
.mapDiv2{padding: 20px 0; text-align: center;}
.mapDiv2{padding: 20px 0; text-align: center;}
.adList{ margin: 0 -15px;}
.adList li{ margin: 0 15px 30px 15px; width: 170px; height: 68px; float: left;}
.adList li img{width: 170px; height: 68px; }
.adList2{ margin: 0 -15px;}
.adList2 li{ margin: 0 50px; width: 365px; float: left;}
.adList2 li img{width: 360px; height: 265px;}

.jobBox{ border-bottom: #E9E9E9 1px solid; padding-bottom: 20px;}
.jobBox:last-child{ border-bottom: none;}
.table_1{ border-top: #eee 1px solid; border-left: #eee 1px solid;}
.table_1 td{border-right: #eee 1px solid; border-bottom: #eee 1px solid; padding: 10px 20px; line-height: 19px; color: #666;}
.table_1 thead td{ background: #EAF0EF; font-size: 16px; color: #252831; border-right: #eee 1px solid; border-bottom: #eee 1px solid; padding: 10px 20px; line-height: 19px; text-align: left;}

.jobInfo{ padding: 15px 20px; line-height: 30px; font-size: 14px; color: #666;}
.jobInfo h3{ font-weight: normal;}
.jobInfo li{}

.footer{ height: 150px; width: 100%;}
.footerCon {height: 150px; background:#F3F3F3; color:#999; font-size:14px; text-align:center; line-height:42px; padding:20px 0 0 0; width: 100%;}
.footerFix .footerCon{ position: fixed; bottom:0; left:0;}