@charset "utf-8";
/* CSS Document */
/* Css Reset */
blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,img,input,li,ol,p,pre,td,textarea,th,ul{padding:0;margin:0}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{vertical-align:top;border:0}
address,caption,cite,code,dfn,em,i,th,var{font-weight:400;font-style:normal}
li,ol,ul{list-style:none}
dd,div,dl,dt,li,ol,ul{zoom:1}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-weight:400;font-size:100%}
q:after,q:before{content:''}
abbr,acronym{border:0}
pre{white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word;font-size:16px;line-height:1.8;font-family:"Microsoft YaHei",SimSun,Arial,Helvetica,Tahoma,sans-serif}
article,aside,dialog,figure,footer,header,menu,nav,section,time{margin:0;padding:0;display:block;zoom:1}

/* 基本信息*/
body { font:14px "微软雅黑"; margin:0; padding:0; background:url(../img/xds_bg.jpg) no-repeat top center;}

@font-face {
  font-family: 'iconfont';  /* project id 713463 */
  src: url("../../Base/fonts/iconfont.eot?t=713463"); /* IE9*/
  src: url("../../Base/fonts/iconfont.eot?t=713463#iefix") format("embedded-opentype"), 
  url("../../Base/fonts/iconfont.woff?t=713463") format("woff"), 
  url("../../Base/fonts/iconfont.ttf?t=713463") format("truetype"),
  url("../../Base/fonts/iconfont.svg?t=713463#iconfont") format("svg"); /* iOS 4.1- */
}
.iconfont{
  font-family:"iconfont" !important; 
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}

/*功能信息*/
img {border:0;}
form {margin:0;padding:0;}
div {margin:0;padding:0;}
table {	border-collapse:collapse;}
input, select {	margin:0;padding:0;}
dl, dt, dd, a {margin:0;padding:0;}
ul, li, p {margin:0;padding:0;list-style-type:none;}
h1, h2, h3, h4, h5 {margin:0;padding:0;}
a {color:#454545;text-decoration:none;}
a.white:link, a.white:visited {color:#ffffff;}
a.white:hover, a.white:active {color:#ffffff;}

/*通用定义*/
.fl {float:left;}
.fr {float:right;}
.clearfix:after {content:".";display:block; height:0;clear:both;visibility:hidden;}
.clearfix {display:inline-block;}
.clearbox {clear: both;visibility:hidden;height:0;font-size:0;background: none;}
.c_spacing {height:10px;line-height:10px;font-size:0px;background:none;}
.mt-10 {margin-top:10px;}
.ml-10 {margin-left:10px;}
.mr-10 {margin-right:10px;}
.mb-10 {margin-bottom:10px;}
/* .more { float:right; color:#333333; padding-right:10px; } */
.date { float:right; color:#999999; }
.blank5{ clear:both; height:5px; font-size:5px; line-height:5px; overflow:hidden;}
.blank10{ clear:both; height:10px; font-size:10px; line-height:10px; overflow:hidden;}

.infoList li { height:35px; line-height:35px;}

#header {height: 588px;min-width:1200px;background:none;}
#header .link a {width: 150px;height: 55px;background: #9d0101; border-radius:0 0 10px 10px; font-weight:bold;float:right;font-size: 18px;line-height: 50px;text-align:center;color: #fff;}
.siteWidth {width: 1200px;margin:0 auto; position:relative;}

#header h1 {padding-top:170px;font-size:62px;font-weight:600;line-height:80px;color: #f1f6fe;text-align:center; display:none;}
#header #logo { position: absolute; left: 0; top: 20px; }

/* 位置导航 */
.path { background: #fff; color: #666; line-height: 20px; padding: 10px 0; text-align: left; margin: 0 auto; font-size: 14px; border-bottom: 1px solid #ddd;}
.path a,
.path span { padding: 0 3px; color: #666;}
.path em { background: url(../img/icons.png) no-repeat 20px -1642px; padding-left: 46px;}


.topicWidth { position: relative; width:1200px; margin:0 auto; }
.column h2 { margin-bottom:30px;}
.column:after {content:".";display:block; height:0;clear:both;visibility:hidden;}

.column .iconList { }
.column .iconList ul:after {content:"";display:block;clear: both;}

#columnA { padding-top:20px;}
#columnA h2 {background:url(../img/jobsfocus/h2Ti1.png) no-repeat center;height:75px;line-height:75px;font-size:32px; text-align:center;overflow:hidden;}
#columnA h2 a { display:block; font-weight:bold; color:#fff;}
#columnA .iconList {border-top:0; height:300px; padding:20px; text-align: center; font-size: 0;}
#columnA .iconList li {display: inline-block; width:148px;height:148px;border: 2px #abd3e9 dashed;border-radius: 50%;padding:11px;margin:0 29px; transition: all 0.5s; vertical-align: top;}
#columnA .iconList li a { height:128px; display:block; background:#89c0df; border-radius:50%; text-align:center; font-size:20px; font-weight:bold; color:#fff; padding-top:20px;}
#columnA .iconList li a i { background:url(../img/jobsfocus/a1.png) no-repeat center; width:60px; height:60px; margin:0 auto; display:block; margin-bottom:5px; }
#columnA .iconList li:nth-child(2n) { margin-top:100px;}

#columnA .iconList .li2 { border-color:#b3c0e0;}
#columnA .iconList .li2 a { background:#718ed7}
#columnA .iconList .li2 a i { background-image:url(../img/jobsfocus/a2.png)}

#columnA .iconList .li3 { border-color:#b7d9db}
#columnA .iconList .li3 a { background:#63b6ba}
#columnA .iconList .li3 a i { background-image:url(../img/jobsfocus/a3.png)}

#columnA .iconList .li4 { border-color:#eae0c6;}
#columnA .iconList .li4 a { background:#e5cd8b}
#columnA .iconList .li4 a i { background-image:url(../img/jobsfocus/a4.png)}

#columnA .iconList .li5 { border-color:#d1c6df}
#columnA .iconList .li5 a { background:#ad97c7}
#columnA .iconList .li5 a i { background-image:url(../img/jobsfocus/a5.png)}

#columnA .iconList li:nth-child(2n+1):hover { margin-top:-10px}
#columnA .iconList li:nth-child(2n):hover { margin-top:90px}


#columnB {background: url(../img/jobsfocus/columnBbg.jpg) repeat-x bottom;height: 465px;position: relative;padding-top: 75px;}
#columnB h2 {position:absolute;top: 250px;width:280px;left:50%;margin-left:-140px;text-align:center;z-index:9;}
#columnB h2 a{ font-weight:bold; font-size: 32px; line-height: 50px;color: #ffffff;}
#columnB .topicWidth {position:relative;background: url(../img/jobsfocus/columnBboxbg3.png) no-repeat center;height:390px;overflow: hidden;}
#columnB .iconList {position:relative;text-align: center;margin-top: 1px;}
#columnB .iconList ul {margin-right: -402px;}
#columnB .iconList li {float:left;width:330px;height:80px;line-height:80px;margin: 0 409px 215px 45px; text-align:left; }
#columnB .iconList li a { color:#fff; font-size:20px; padding-left:38px; display:block;transition:all 0.5s; }
#columnB .iconList li i { float:left; width:60px; height:60px; margin-right:25px; margin-top:10px; border-radius:50px; background: #fff url(../img/jobsfocus/b1.png) no-repeat center;}
#columnB .iconList li:hover a{ padding-left:20px;}

#columnB .iconList .li2 i { background-image:url(../img/jobsfocus/b2.png)}
#columnB .iconList .li3 i { background-image:url(../img/jobsfocus/b3.png)}
#columnB .iconList .li4 i { background-image:url(../img/jobsfocus/b4.png)}



#columnC { background:#fff; padding-bottom:50px; padding-top:50px;}
#columnC h2 {background: url(../img/jobsfocus/h2Ti3.png) no-repeat center;height:75px;line-height:75px;text-align:center;overflow:hidden;}
#columnC h2 a { display:block; font-size:32px; color:#fff; font-weight:bold;}
#columnC .topicWidth {padding-top: 50px;margin-bottom: 20px;}
#columnC .iconList {position:relative;text-align: left; border-top:1px solid #dae7ef;}
#columnC .iconList li { float:left; background:url(../img/jobsfocus/columnClibg.png); width:126px; margin:0 35px; height:337px; margin-top:-21px; transition:all 0.5s;}
#columnC .iconList li a {width:22px;font-size:20px;color:#fff;display:block;line-height:22px;padding: 0 52px;padding-top: 40px;padding-bottom: 100px;text-align:center;}
#columnC .iconList li a i {display:block;width:60px;height:60px;background: url(../img/jobsfocus/c1.png) no-repeat center;margin: 20px -18px; transition:all 0.5s;}
#columnC .iconList li:hover { }
#columnC .iconList li a:hover i { margin:10px -18px 10px}


#columnC .iconList .li2 {background-position: -196px;}
#columnC .iconList .li3 {background-position: -392px;}
#columnC .iconList .li4 {background-position: -588px;}
#columnC .iconList .li5 {background-position: -784px;}
#columnC .iconList .li6 {background-position: -970px;}

#columnC .iconList .li2 a i {background-image:url(../img/jobsfocus/c2.png);}
#columnC .iconList .li3 a i {background-image:url(../img/jobsfocus/c3.png);}
#columnC .iconList .li4 a i {background-image:url(../img/jobsfocus/c4.png);}
#columnC .iconList .li5 a i {background-image:url(../img/jobsfocus/c5.png);}
#columnC .iconList .li6 a i {background-image:url(../img/jobsfocus/c6.png);}


#columnD {background: url(../img/jobsfocus/columnDbg.jpg);padding:50px;height: 630px;}
#columnD h2 {background: url(../img/jobsfocus/h2Ti4.png) no-repeat center;height:75px;line-height:75px;text-align:center;overflow:hidden;}
#columnD h2 a { display:block; font-size:32px; color:#fff; font-weight:bold;}
#columnD .iconList {position:relative;text-align: center;padding-left:150px;padding-top: 30px;}
#columnD .iconList li { width:408px; height:480px; background:url(../img/jobsfocus/columnDlibg.png) no-repeat; float:left; margin:0 20px;}
#columnD .iconList li a{ display:block; padding:100px; font-size:30px; line-height:70px;}
#columnD .iconList li a i { display:block; height:120px; background:url(../img/jobsfocus/d1.png) no-repeat center; transition:all 0.5s;}
#columnD .iconList li a:hover i { transform:scale(-1,1)}

#columnD .iconList .li2 { background-image:url(../img/jobsfocus/columnDli2bg.png); margin-top:70px;}
#columnD .iconList .li2 a i { background-image:url(../img/jobsfocus/d2.png)}

#columnE {padding-top: 50px;padding-bottom: 20px;}
#columnE h2 {background: url(../img/jobsfocus/h2Ti5.png) no-repeat center;height:75px;line-height:75px;text-align:center;overflow:hidden;}
#columnE h2 a { display:block; font-size:32px; color:#fff; font-weight:bold;}
#columnE .iconList ul { padding:50px 0; text-align:center; font-size: 0;}
#columnE .iconList li { display: inline-block; width:16.66%; text-align:center; vertical-align: top; }
#columnE .iconList li a {display: block;width:160px;height:100px;margin:0 auto;background:#89c3cd;border-radius:15px 0 15px;line-height:22px;color:#fff;font-size:20px;padding:20px 10px;}
#columnE .iconList li a i { display:block; width:60px; height:60px; margin:0 auto; background:url(../img/jobsfocus/e1.png) no-repeat center; margin-bottom:5px;transition: all 0.5s;}

#columnE .iconList li a:hover i {transform: scale(-1,1);}

#columnE .iconList .li2 a { background:#b2a5e0;}
#columnE .iconList .li3 a { background:#ddbb80;}
#columnE .iconList .li4 a { background:#80a7d9;}
#columnE .iconList .li5 a { background:#a8b087;}
#columnE .iconList .li6 a { background:#d5b097;}

#columnE .iconList li:nth-child(2n) { margin-top:80px;}

#columnE .iconList .li2 a i { background-image:url(../img/jobsfocus/e2.png); }
#columnE .iconList .li3 a i { background-image:url(../img/jobsfocus/e3.png); }
#columnE .iconList .li4 a i { background-image:url(../img/jobsfocus/e4.png); }
#columnE .iconList .li5 a i { background-image:url(../img/jobsfocus/e5.png); }
#columnE .iconList .li6 a i { background-image:url(../img/jobsfocus/e6.png); }



.sideFixed { display:none;}

/* url_方块样式分页 */
.page { font-size: 0; text-align: center; padding: 25px 0; clear: both; overflow: hidden;}
.gypublic .page .current{color: #fff!important;}
/* .page a,
.page span {font-size: 14px;float: left; *display: inline;zoom: 1;border: 1px solid #E1E1E1;padding: 5px 8px;margin: 0 3px 5px 0;line-height: 14px;height: 14px;}
.page a:hover,
.page span:hover { border: 1px solid #9d0101; text-decoration: none; color: #9d0101;}
.page .current { background: #9d0101; border: 1px solid #9d0101; color: #fff !important; font-weight: bold;}
.page select,
.page input { margin: 0 4px; background: #fff; border: 0 solid #E1E1E1; vertical-align: middle; }
.page input { text-align: center; padding: 0 4px; outline: none;}
.page .disabled { pointer-events: none; filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5;}
.page .select{padding:0px 5px; height:24px; line-height:26px}
.page .select input[type=text]{height:20px; border:none} */


/*footer*/
#footer{position:relative;z-index: 1;text-align:left;color:white;background:#626262;}
#footer .siteWidth{height: 150px;padding: 0;}
#footer .pics{float: none;width: 100%;margin: 0;height: 150px;}
#footer .pics .dzjg{position: absolute;left: 26px;top: 36px;}
#footer .copyRight{position: relative;top: 35px;width: 770px;margin: 0 0 0 120px;padding: 0;text-align: left;}
#footer .copyRight p{line-height: 26px;}
#footer .copyRight a{font-size: 14px;color: #fff;}
#footer .pics .jiucuo{top: 80px;}
#footer .pics .wzafw{top: 15px;}
#footer .pics .jiucuo,#footer .pics .wzafw{position: absolute;right: 40px;} 
.zwwb{display: block;position: absolute;width: 100px;height: 120px;right: 20px;top: 18px;}
.zwwb p{text-align: center;color: #fff;}
.zwwb img{width: 100%;}
#footer .wzafw, #footer .jiucuo { right: 140px!important;}