@charset "gbk";
/* CSS Document */
* {margin:0;padding:0;border:0;}
body {font-size:0.875em;line-height:1.5em;font-family:"Arial","Heiti SC","Microsoft Yahei",simsun,simhei,sans-serif;color:#333333;background:#fcf3dd url("http://ats.chinataiwan.cn/Topic/2016/graspYFutureYC2016/images/banner_jszhp2016.jpg") center 34px no-repeat;;}
ul {list-style:none;}
a {color:#333333;text-decoration:none;transition:color 0.7s ease 0s;}
a:hover {color:#cc8600;}
p.des a {color:#999;}
.left {float:left;}
.right {float:right;}
h2 {font-weight:normal;}
h3 {font-style:oblique;}
/*bgBand_begin*/
div#footer div.sTrNav ul.nav li {background:url("http://ats.chinataiwan.cn/YouthCommune/images/bgBand.png") 0 0 no-repeat;}
div#mainContent div.recruitment h3 span a,div#mainContent div.recruitment ul.informLIst li h2,div#mainContent div.introduction h3,div#mainContent div.introduction div.dynamic ul li,div#mainContent div.introduction p.downLoad,div#mainContent div.introduction p.email a {background:url("http://ats.chinataiwan.cn/Topic/2016/graspYFutureYC2016/images/bgBand_jszhp2016.png") 0 0 no-repeat;}
/*bgBand_end*/

/*header&nav_begin*/
div#header {width:100%;margin:0 auto 465px auto;color:#f2f2f3;background:#545651;}
div#header a {color:#f2f2f3;}
div#header ul,div#nav ul {width:1100px;margin:0 auto;overflow:hidden;}
div#header ul li,div#nav ul li {float:left;}
div#header ul.siteNav li {height:34px;padding:0 28px 0 0;line-height:34px;}
div#nav {width:100%;margin:0 auto;}
div#nav ul {width:1060px;padding:10px 20px 0;background:rgba(255,255,255,0.5);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7Fffffff,endColorstr=#7Fffffff);}
div#nav ul li {width:16.66%;margin:0 auto;height:51px;font-size:22px;line-height:51px;color:#b46b21;text-align:center;}
div#nav ul li a {display:block;width:80%;margin:0 10%;color:#b46b21;}
div#nav ul li a:hover {color:#FFF;background:#c78e4f;}
/*header_end*/
/*mainContent_begin*/
div#mainContent {width:1060px;margin:0 auto;padding:0 20px;background:rgba(255,255,255,0.5);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7Fffffff,endColorstr=#7Fffffff);overflow:hidden;}
/*图片10张_begin*/
div#mainContent ul.imgList {width:1020px;padding:40px 20px 21px;background:#fbf9f4;overflow:hidden;}
div#mainContent ul.imgList li {float:left;width:20%;margin:0 auto 14px;text-align:center;}
div#mainContent ul.imgList li img {width:197px;height:85px;}
/*图片10张_end*/
/*企业招聘_begin*/
div#mainContent div.recruitment {float:left;width:1020px;padding:13px 20px 0;background:#fbf9f4;}
div#mainContent div.recruitment h3,div#mainContent div.recruitment ul.informLIst {margin-right:360px;}
div#mainContent div.recruitment h3 {height:31px;margin-bottom:21px;padding:0 0 2px 0;border-top:1px solid #d4d2d2;font-size:20px;line-height:31px;}
div#mainContent div.recruitment h3 span a:first-letter {font-size:31px;}
div#mainContent div.recruitment h3 a {display:block;float:left;color:#dfa46e;}
div#mainContent div.recruitment h3 span {display:block;float:left;width:115px;margin-top:-1px;background:#fbf9f4;}
div#mainContent div.recruitment h3 span a {margin:0;padding:0 5px 2px 12px;line-height:26px;color:#000;font-family:simsun;border-bottom:1px solid #d4d2d2;background-position:-20px -64px;}
div#mainContent div.recruitment ul.informLIst {height:1240px;overflow:hidden;}
div#mainContent div.recruitment ul.informLIst li {float:left;width:44%;margin:0 6% 35px 0;}
div#mainContent div.recruitment ul.informLIst li.odd {clear:left;}
div#mainContent div.recruitment ul.informLIst li:nth-of-type(odd) {clear:left;}
div#mainContent div.recruitment ul.informLIst li h2 {margin-bottom:10px;padding-left:27px;font-size:16px;background-position:-20px -20px;}
div#mainContent div.recruitment ul.informLIst li h2 a {position:relative;display:block;width:100%;color:#797878;}
div#mainContent div.recruitment ul.informLIst li h2 a span {position:absolute;right:0;top:0;font-size:14px;font-family:simsun;}
div#mainContent div.recruitment ul.informLIst li h2 a span:first-child {position:static;display:block;margin-right:60px;}
div#mainContent div.recruitment ul.informLIst li p {padding-left:27px;font-size:12px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
div#mainContent div.recruitment ul.informLIst li p a {padding-left:10px;color:#006e97;}
div#mainContent div.recruitment ul.informLIst li p a:first-child {padding-left:0;}
div#mainContent div.recruitment ul.informLIst li.more {width:100%;margin:80px auto 0px;text-align:center;}
div#mainContent div.recruitment ul.informLIst li.more a {display:block;width:28px;margin:0 auto;padding:5px 36px;border:1px solid #b46b21;color:#FFF;background:#b46b21;}
div#mainContent div.recruitment ul.informLIst li.more a:hover {border:1px solid #b46b21;color:#b46b21;background:#FFF;}
/*企业招聘_end*/
/*各项介绍_begin*/
div#mainContent div.introduction {float:right;width:330px;margin-left:-360px;overflow:hidden;color:#797878;font-size:1em;}
div#mainContent div.introduction p a,div#mainContent div.introduction ul a {color:#797878;}
div#mainContent div.introduction h3 {height:45px;border-top:2px solid #b46b21;border-bottom:1px solid #d4d2d2;font-family:simsun;font-size:20px;line-height:45px;background-color:#f4f2ee;background-position:-20px -217px;}
div#mainContent div.introduction h3:first-letter {padding:0 10px 0 4px;color:#FFF;font-size:31px;}
div#mainContent div.introduction h3 a span {padding-left:9px;color:#dfa46e;}
div#mainContent div.introduction p.downLoad {height:24px;margin:13px 0 12px;padding:0 0 0 37px;line-height:24px;background-position:-20px -173px;}
div#mainContent div.introduction p.downLoad span a {color:#b46b21;}
div#mainContent div.introduction p.br {margin:-12px 0 12px;padding:0 0 0 37px;}
div#mainContent div.introduction p.email {padding-left:12px;border:1px solid #dddbd9;background:#fbf9f4;}
div#mainContent div.introduction p.email a {display:block;height:62px;padding-left:85px;line-height:62px;background-position:-20px -104px;}
/*活动介绍_begin*/
div#mainContent div.introduction div.activity p {line-height:2em;}
/*活动介绍_end*/
/*活动动态_begin*/
div#mainContent div.introduction div.dynamic ul {padding:4px 0 24px 0;}
div#mainContent div.introduction div.dynamic ul li {margin:7px 0 0 14px;padding:0 0 0 9px;background-position:-20px -272px;}
/*活动动态_end*/
/*青年公社_begin*/
div#mainContent div.introduction div.youthCommune p.siteLogoS {padding:22px 0 0;font-size:18px;color:#1bb4dd;}
div#mainContent div.introduction div.youthCommune p.siteLogoS img {margin:11px 0 0;}
/*青年公社_end*/
/*优惠_begin*/
div#mainContent div.introduction div.free {margin:0 0 30px;}
/*优惠_end*/
/*美好江苏_begin*/
/********      焦点图      ********/
div#mainContent div.introduction #imgContainer {float:right;max-width:330px;width:100%;border:0px;margin:23px auto 0 2%;}
div#mainContent div.introduction #imgShow {position:relative;width:100%;overflow:hidden;}
div#mainContent div.introduction #container {width:100%;height:100%;margin:0 auto;overflow:hidden;white-space:nowrap;}
div#mainContent div.introduction #container ul {width:400%;white-space:nowrap;display:inline-block;}/*width值：几张图片就是百分之几百。如4张图就是400%*/
div#mainContent div.introduction #container li {position:relative;display:inline-block;width:25%;overflow:hidden;}
div#mainContent div.introduction #container img {display:block;width:330px;height:185px;border:none;}
div#mainContent div.introduction #container h3 {position:absolute;bottom:0;width:100%;height:30px;color:#FFF;font:normal bold 14px/30px simsun;text-align:center;background:#b46b21;background:rgba(180,107,33,0.7);z-index:100;}
div#mainContent div.introduction #container h3:first-letter {padding:0;font-size:14px;}
div#mainContent div.introduction #container h3 a {padding:5px;color:#FFF;}
div#mainContent div.introduction .arrowL,div#mainContent div.introduction .arrowR {position:absolute;top:32%;width:50px;height:50px;cursor:pointer;background:url("http://www.chinataiwan.cn/images/btnLeft.v4.png") 50% 50% no-repeat;border-radius:50%;transition-property:background-color;transition-duration:1s;}
div#mainContent div.introduction .arrowL {left:10px;}
div#mainContent div.introduction .arrowR {right:10px;background:url("http://www.chinataiwan.cn/images/btnRight.v4.png") 50% 50% no-repeat;}
div#mainContent div.introduction .btnHover {background-color:#666;opacity:0.6;filter:alpha(opacity=60);}
/*美好江苏_end*/
/*各项介绍_end*/
/*mainContent_end*/
/*footer_begin*/
div#footer {width:100%;border-top:14px solid #02afcf;background:#2e2e2e;}
div#footer div.hContent {width:1100px;margin:0 auto;padding:39px 0 100px;}
div#footer div.hContent img {display:block;}
div#footer div.sTrNav {margin:-85px 0 0 337px;}
div#footer div.sTrNav ul.nav {margin:0 0 0 236px;overflow:hidden;}
div#footer div.sTrNav ul.nav li {float:left;width:20%;height:44px;padding:10px 0;font-size:1.5em;text-align:center;line-height:35px;background-position:-25px -1105px;}
div#footer div.sTrNav ul.nav li:hover {animation:aniBgFst 300ms ease-in-out 0s 1 normal;}
@keyframes aniBgFst{
0% {background-position:-25px -1105px;}
25% {background-position:-25px -1100px;}
50% {background-position:-25px -1110px;}
100% {background-position:-25px -1105px;}
}
div#footer div.sTrNav ul.nav li a {display:block;padding-left:36px;color:#02afcf;}
div#footer div.sTrNav ul.nav li.snd {background-position:-25px -1036px;}
div#footer div.sTrNav ul.nav li.snd:hover {animation-name:aniBgSnd}
@keyframes aniBgSnd{
0% {background-position:-25px -1036px;}
25% {background-position:-25px -1031px;}
50% {background-position:-25px -1041px;}
100% {background-position:-25px -1036px;}
}
div#footer div.sTrNav ul.nav li.trd {background-position:-25px -975px;}
div#footer div.sTrNav ul.nav li.trd:hover {animation-name:aniBgTrdt}
@keyframes aniBgTrdt{
0% {background-position:-25px -975px;}
25% {background-position:-25px -970px;}
50% {background-position:-25px -980px;}
100% {background-position:-25px -975px;}
}
div#footer div.sTrNav ul.nav li.fth {background-position:-25px -911px;}
div#footer div.sTrNav ul.nav li.fth:hover {animation-name:aniBgFth}
@keyframes aniBgFth{
0% {background-position:-25px -911px;}
25% {background-position:-25px -906px;}
50% {background-position:-25px -916px;}
100% {background-position:-25px -911px;}
}
div#footer div.sTrNav ul.nav li.fith {background-position:-25px -852px;}
div#footer div.sTrNav ul.nav li.fith:hover {animation-name:aniBgFith}
@keyframes aniBgFith{
0% {background-position:-25px -852px;}
25% {background-position:-25px -847px;}
50% {background-position:-25px -857px;}
100% {background-position:-25px -852px;}
}
div#footer div.sTrNav p {margin-top:10px;color:#cecdcd;text-align:right;}
/*footer_end*/