@charset "gb2312";
/* CSS Document */
body{font-family:"Microsoft Yahei","宋体",Arial Narrow; font-size:14px; color:#666; background:#fff url(../images/bodybg.jpg) repeat-y; overflow-x:hidden;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p,span,form,input,textarea,button,code,em,cite{padding:0; margin:0;}
img{border:0; display:block;}
ol,ul,li,dl,dt,dd{list-style:none;}   
a:link,a:visited{color:#222;text-decoration:none;}
a:active,a:hover{color:#ff2a00;text-decoration: none;}
.lt{float:left;}
.rt{float:right;}
.cl{ clear:both;}
.mr0{margin-right: 0}
.cc:after {content: ".";display: block;height:0;clear: both;visibility: hidden;}
.cc {display: inline-block;}3 /* Hides from IE-mac \*/
* html .cc {height: 1%;}
.cc{display: block;} /* End hide from IE-mac */
code{font-family:"Microsoft Yahei";}

#wrap{ width:100%; background:url(../images/bg.jpg) center top no-repeat;}

.header,.main{ width:1200px; margin:0 auto;}
.header{ height:320px; background:url(../images/head.jpg) no-repeat; position:relative;}
.vote{ position:absolute; right:17px; top:105px; overflow:hidden;}
.vote a{ display:inline-block; width:50px; height:26px; font-size:14px; color:#fff; line-height:26px; text-align:center; float:left;}
.vote a:hover{ color:#ffcc21;}

.nav{ height:50px; background:url(../images/nav_bg.png) no-repeat; width:1230px; position:absolute;left:50%; margin-left:-600px; bottom:0;}
.nav li{width:150px;float:left; text-indent:23px;height:50px;line-height:48px;overflow:hidden; font-size:18px; font-weight:bold;}
.nav li a{ display:block; width:100%; height:100%; color:#fff;}
.nav li a:link,.nav li a:visited{ color:#fff;}
.nav li a:hover,.nav li a:active{ color:#f3d000;}
.nav li.first_nav{ width:180px; text-indent:50px;}
.nav li.eighth_nav a{ color:#000; text-indent:25px;}
.nav li.eighth_nav a:link,.nav li.eighth_nav a:visited{ color:#000;}
.nav li.eighth_nav a:hover,.nav li.eighth_nav a:active{ color:#fff;}


/*幻灯*/
.flash{ width:723px; height:310px; background:#322e3c; position:relative; margin-top:21px;}
.v_icon{width:550px;height:311px;background:url(../images/flash_icon.png) no-repeat;position:absolute;left:0;top:0;z-index: 8;}
.v_icon a{ display:block; width:100%; height:100%;}
.picbox{ width:550px; height:310px; overflow:hidden;}
.picbox li{ position:relative;}
.picbox li img{ width:550px; height:310px;}
.picbox li p{width:542px;height:32px;overflow:hidden;line-height:32px;text-indent:20px;font-size:16px;color:#fff;position:absolute;left:0;bottom:0;background:rgba(56,52,66,0.89);z-index: 9;}
.s_picbox{ width:161px; margin-right:6px; margin-top:9px;}
.s_picbox li{ width:161px; height:91px; margin-bottom:9px; position:relative; cursor:pointer;}
.s_picbox li i{ width:161px; height:91px; background:#000;opacity:0.4;filter: Alpha(opacity=0.4);*filter: Alpha(opacity=0.4);_filter: Alpha(opacity=0.4); position:absolute;left:0;top:0;}
.s_picbox li.cur i{ display:none;}
.s_picbox li:after{ width:161px; height:91px; background:url(../images/flash_icon2.png) no-repeat; position:absolute; left:0; top:0; content:"";}
.s_picbox li.cur:before,.s_picbox li.cur:after{ background-position:0 -91px;}
.cbtn{ position:absolute; width:150px; text-align:center; height:32px; left:400px; bottom:0; z-index:9;}
.cbtn dd{ display:inline-block; width:8px; height:8px; background:#fff; border-radius:50%;-webkit-border-radius:50%; margin:12px 5px 0; cursor:pointer;}
.cbtn dd.cur{ background:#000;}

.toutiao{width: 458px;position:relative;background:url(../images/toutiao.png) 0 -10px no-repeat;margin-top:21px;height: 330px;}
.toutiao li{width: 458px;height:90px;font-size:20px;line-height:90px;text-align:center;margin-bottom:20px; position:absolute;left:0; top:0;}
.toutiao li.toutiao_2{top:110px;}
.toutiao li.toutiao_3{top: 220px;}
.toutiao li:hover{ background:url(../images/toutiao.png) -460px -4px no-repeat;}
.toutiao li a{ display:block; width:100%; height:100%;}
.toutiao li a:link,.toutiao li a:visited{ color:#97aedb;}
.toutiao li a:hover,.toutiao li a:active{ color:#333d60;}
.toutiao li.toutiao_1:hover{ width:478px; height:102px; line-height:102px;left:-10px;top:-6px;}
.toutiao li.toutiao_2:hover{ background:url(../images/toutiao.png) -460px -114px no-repeat;width:478px; height:102px; line-height:102px;left:-10px;top:104px;}
.toutiao li.toutiao_3:hover{ background:url(../images/toutiao.png) -460px -224px no-repeat;width:478px; height:102px; line-height:102px;left:-10px;top:214px;}

h2.title{ height:39px; background:url(../images/title_bg.png) no-repeat;color:#fff; font-size:18px; line-height:39px; position:relative; padding-left:50px;}
h2.title:before{ width:25px; height:24px; content:""; background:url(../images/title_icon.png) no-repeat; position:absolute; left:15px;top:11px;}
h2.t_tjzt{ background-position:0 -39px;}
h2.t_tjzt:before{ top:9px; height:25px; background-position: 0 -53px;}
h2.t_jcst:before{ top:9px; background-position:0 -104px;}
h2.t_zyjs{ background-position:0 -78px;}
h2.t_zyjs:before{ top:8px; background-position:0 -149px;}
h2.t_zlbk:before{ top:6px; background-position:0 -197px;}
h2.t_zxgx,h2.t_tjzt2,h2.t_jcst2{ background-position:0 -156px;}
h2.t_zxgx:before{ top:6px; width:25px; height:29px; background-position:0 -253px;}
h2.t_jcst{ background-position:0 -156px;}
h2.t_zlbk{ background-position:0 -117px;}

.titlemore{ float:right; text-shadow:none; font-size:14px; font-weight:normal; color:#b2b2b2; background:url(../images/more.png) right center no-repeat; text-align:center; text-indent:0; padding-right:26px; margin-right:18px;}
.titlemore a:link,.titlemore a:visited{ color:#fff;}
.titlemore a:hover,.titlemore a:active{ color:#fff;}

.news_zx{ background:#fff; margin-bottom:20px;}
.newsbox li{width: 703px;height: 132px;padding: 15px 10px;position:relative;border-bottom:1px solid #ececec;}
.newsbox li a.div{ float:left; margin-right:20px;}
.newsbox li img{width: 231px;height: 128px;border: 2px solid #000;}
.newsbox li strong{ font-size:20px; display:inline-block; height:36px; line-height:36px; overflow:hidden;}
.newsbox li strong a:link,.newsbox li strong a:visited{ color:#222;}
.newsbox li:hover strong a,.newsbox li strong a:active{ color:#ff2a00;}
.newsbox li p{ font-size:14px; line-height:24px; color:#999; margin-top:8px;}
.zhus{width: 98%;position:absolute;left:0;bottom:15px;height:25px;line-height:25px;text-align:right;font-size:14px;color:#bababa;}
.zhus span{ padding-left:50px; position:relative;}
.zhus span.date:before{ width:13px; height:13px; content:""; position:absolute;left:30px;top:4px; background:url(../images/icon.png) 0 -421px no-repeat;}
.zhus span:before{ width:16px; height:16px; content:""; position:absolute;left:30px;top:2px; background:url(../images/icon.png) 0 -437px no-repeat;}
.newsbox li.newspic{height: 314px;padding: 0 0 0 10px;}
.newsbox li.newspic img{width: 699px;height: 249px;border:none;}
.newsbox li.newspic code.fd{width: 699px;height: 249px;display:block;overflow:hidden;}
.fd img{transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;}
.fd img:hover{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1); transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;}

.newsbox li.newspic strong{ margin:6px 0;}
a.div{ display:block;width:235px; height:132px; position:relative;}
a.div:before{border-top: 3px solid #ff9600;border-bottom: 3px solid #ff9600;-webkit-transform: scale(0,1);-moz-transform: scale(0,1);-ms-transform: scale(0,1);-o-transform: scale(0,1);transform: scale(0,1); position:absolute;left:0;top:0;bottom:0; right:0; content:'';-webkit-transition: all .5s; -moz-transition: all .5s;-ms-transition: all .5s;-o-transition: all .5s;transition: all .5s;}
a.div:after{border-left: 3px solid #ff9600;border-right: 3px solid #ff9600;-webkit-transform: scale(1,0);-moz-transform: scale(1,0);-ms-transform: scale(1,0);-o-transform: scale(1,0);transform: scale(1,0); position:absolute;left:0;top:0;bottom:0; right:0; content:'';    -webkit-transition: all .5s; -moz-transition: all .5s;-ms-transition: all .5s;-o-transition: all .5s;transition: all .5s;}
.newsbox li:hover a.div:before,.newsbox li:hover a.div:after{-webkit-transform: scale(1,1);-moz-transform: scale(1,1);-ms-transform: scale(1,1);-o-transform: scale(1,1);transform: scale(1,1);}

.chamore{width:506px;height: 40px;background:url(../images/icon.png) 0 -463px no-repeat;font-size:14px;line-height: 40px;text-align:center;margin:22px auto 15px;}
.chamore a{ display:block; width:100%; height:100%;}
.chamore a:link,.chamore a:visited{ color:#333;}
.chamore a:hover,.chamore a:active{ color:#333;}


.tj_zt{ width:457px;}
.ztbox{ margin-bottom:20px;}
.ztbox li{height:260px;position:relative;margin-top:15px;transition:all 0.3s linear;-webkit-transition:all 0.3s linear;border: 2px solid #000;}
.ztbox li img{width: 453px;height:auto;}
.zt_intro{width: 453px;height:120px;border-top: 2px solid #000;position:absolute;left:0;bottom:0;background:#fff;transition:all 0.3s linear;-webkit-transition:all 0.3s linear;}
.zt_intro i,.pv_intro i{ width:51px; height:48px; position:absolute;left:50%;top:-25px; margin-left:-20px; background:url(../images/icon.png) 0 -142px no-repeat;}
.zt_intro strong{font-size:20px;font-weight:normal !important;text-align:center;display:block;line-height:30px;padding:25px 0 8px 0;color: #83623b;overflow:hidden;}
.zt_intro p{ font-size:14px; line-height:24px; color:#888; padding:0 16px;height:48px; overflow:hidden;}
.more{ width:100%; height:0; background:#383442 url(../images/icon.jpg) repeat-x; line-height:55px; text-align:center; font-size:16px; color:#fff; margin-top:9px; overflow:hidden; transition:all 0.3s linear;-webkit-transition:all 0.3s linear;}

.ztbox li:hover,.pic_video li:hover{ transform:scale(1.05);-webkit-transform:scale(1.05); z-index:1;box-shadow: 0 3px 10px 3px rgba(173,173,151,.75);}
.ztbox li:hover strong{ color:#ff2a00;}
.ztbox li:hover .zt_intro{ height:170px;}
.ztbox li:hover .more{ height:50px;}

.pic_video{ margin-top:15px;}
.pic_video li{width: 217px;float:left;height:194px;position:relative;margin:0 15px 15px 0;transition:all 0.3s linear;-webkit-transition:all 0.3s linear;overflow:hidden;border: 2px solid #000;}
.pic_video li.m0{ margin:0 0 15px 0;}
.pic_video li img{ width:221px; height:auto;}
.pv_intro i{ width:37px; height:34px; position:absolute;left:50%;top:-25px; margin-left:-20px; background:url(../images/icon3.png)  no-repeat; top:-17px}
.pv_intro{height:75px;background:#fff;border-top: 2px solid #000;position:absolute;left:0;bottom:0;transition:all 0.3s linear;-webkit-transition:all 0.3s linear;}
.pv_intro p{ padding:20px 16px 0; font-size:14px; line-height:24px; color:#333; height:48px; overflow:hidden; }
.pv_intro .more{ height:0; line-height:45px; font-size:14px;}

.pic_video li:hover p{ color:#ff2a00;}
.pic_video li:hover .pv_intro{ height:115px;}
.pic_video li:hover .more{ height:40px;}
/*职业介绍*/
.exchange{ background:#fff; margin-bottom:20px;}
.exchange dl{ width:130px; height:404px; float:left; overflow:hidden; margin:11px 5px 11px 10px; cursor:pointer; position:relative;transition:all 0.5s linear;-webkit-transition:all 0.5s linear;}
.exchange dl.cur{ width:745px;transition:all 0.5s linear;-webkit-transition:all 0.5s linear;}
.exchange dl.cur dt{ background-position:-130px 0; color:#ff6c00;}
.exchange dl dt{ width:36px; height:344px; float:left; background:url(../images/qhbtn.jpg) no-repeat; font-size:34px; color:#000; font-weight:bold; line-height:36px; padding:60px 47px 0; word-wrap:break-word; text-align:center; position:absolute;left:0;top:0; z-index:2;}
.exchange dl dd{ width:605px; position:absolute;right:0; top:0;background:#000; font-size:14px; line-height:20px; color:#fff; z-index:1;}
.exchange dl dd img{ width:599px; height:334px; margin:3px auto 0;}
.exchange dl dd p{width:577px; padding:13px 14px;}

/*资料百科*/
.baiK{padding: 14px 0 6px 10px;width: 1190px;float:left;background: #fff;}
.baiK h2{width: 90px;height: 38px;float:left;font: normal 14px/24px 'Microsoft Yahei';text-align:center;color: #5b2b07;margin-top: 12px;background:url(../images/icon4.jpg) no-repeat;line-height: 26px;border-bottom:1px solid #e6e6e6;}
.baiK ul{border-bottom:1px solid #e6e6e6;width: 1098px;height: 38px;line-height: 38px;float:left;margin-top: 12px;overflow:hidden;}
.baiK ul li{ width:90px; line-height:24px; text-align:center; height:24px; overflow:hidden; float:left}
.baiK ul li a:link,.baiK ul li a:visited{ color:#444;}
.baiK ul li a:hover,.baiK ul li a:active{ color:#ff2a00;}

.xinxi{width: 1167px;float:left;padding:15px;border:1px solid #ddd;margin-top:15px;margin-bottom:25px;font-size:14px;color:#666;line-height:22px;background: #fff;}
.xinxi img{width:51px; height:51px; float:left;}
.xinxi code{padding:0 15px;float:left;display:block;width: 880px;padding-top:4px;}
.xinxi span{ float:right; width:180px; height:48px; border-left:1px dashed #e0e0e0; padding-left:20px; padding-top:5px;}

.bottom_txt3{line-height:26px;border:1px solid #ddd;background: #fff;}
.bottom_txt3 span{width: 945px;float:left;padding: 5px 20px 0 20px;}
.bottom_txt3 span strong{font-weight: normal;color: #444;float: left;margin-right:15px;}
.bottom_txt3 span div{font-size: 14px;line-height: 22px;color: #999; float:left; width:815px; margin-top:3px;}
.bottom_txt3 span div a{ display:block; float:left; padding:0 8px; color:#999;}
.bottom_txt3 ul{width:190px;border-left:1px dashed #e8e8e8;padding-left: 20px;float:right;margin: 7px 0;}
.bottom_txt3 li{ font-size:14px;height:22px; color:#666;}

.bottom_txt1{height:25px;line-height:28px; width:420px; margin:40px auto 30px;}
.bottom_txt1 b{font-size:14px;float:left;width:70px;line-height: 25px;color: #222;font-weight: normal;}
.bottom_txt1 .inpt1{width: 210px;height:23px;padding:0 5px;line-height:23px;background:#fff;float:left;border:1px solid #e3e6ed;margin-right: 10px;outline:none;}
.bottom_txt1 .but,.bottom_txt1 img{float:left;}
.bottom_txt1 .but{ width:60px; height:25px; border:none; background:#5f5f52; font-size:14px; color:#fff;}
.bottom_txt1 .top{ display:block; width:50px; height:25px;background:#5f5f52; text-align:center; color:#fff;line-height:25px; float:right;}

#footer{line-height:24px; text-align:center; padding:30px 0; font-size:12px;}
#footer a:link,#footer a:visited{ color:#5f5f52;}
#footer a:hover,#footer a:active{ color:#5f5f52;}

@-webkit-keyframes fadeOutRight {
  0% {opacity: 1;}
  100% {opacity: 0; -webkit-transform: translate3d(50%, 0, 0);transform: translate3d(50%, 0, 0);}
}
@keyframes fadeOutRight {
  0% {opacity: 1;}
  100% {opacity: 0; -webkit-transform: translate3d(50%, 0, 0); transform: translate3d(50%, 0, 0);}
}
@-webkit-keyframes fadeInRight {
  0% {opacity: 0;-webkit-transform: translate3d(50%, 0, 0);transform: translate3d(50%, 0, 0);}
  100% {opacity: 1;-webkit-transform: none;transform: none;}
}
@keyframes fadeInRight {
  0% {opacity: 0;-webkit-transform: translate3d(50%, 0, 0); transform: translate3d(50%, 0, 0);}
  100% { opacity: 1;-webkit-transform: none;transform: none;}
}
@-webkit-keyframes zoomIn {
  0% {opacity: 0;-webkit-transform: scale3d(.3, .3, .3);transform: scale3d(.3, .3, .3);}
  50% {opacity: 1;}
}
@keyframes zoomIn {
  0% {opacity: 0;-webkit-transform: scale3d(.3, .3, .3);transform: scale3d(.3, .3, .3);}
  50% {opacity: 1;}
}