@charset "utf-8";
body{font: 12px/24px "微软雅黑";min-width: 1200px;}
.clearfixed:after{visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
.clearfixed{*zoom:1;}
.wrap{background: #fff;}
.w_1200{width: 1200px;height: auto;position: relative;z-index: 2; margin: 0 auto}
.icons{  display: inline-block;  background: url(/css/icons.png) no-repeat;}
a{text-decoration: none; }
/*头部*/
.ribbon{width: 100%;height: 3px;background: url(/css/ribbon.jpg) repeat-y;}
#header { width: 1200px;  height: 93px;  margin: 0 auto;}
#logo {  float: left; width: 290px; height: 55px;  margin-top: 25px;  background-image: url(/css/logo.png);  background-repeat: no-repeat;}
#logo a {  width: 290px;  height: 55px;  display: block;  line-height: 888em;  overflow: hidden;}
#nav { height: 27px;  float: right;  margin-top: 28px;}
#nav li {border-radius: 4px; float: right;  text-align: center;margin: 0 2px; padding:5px 8px}
#nav li a{ display: inline-block; padding: 0 4px; height: 27px;color:#EB5405;text-align: center;  font: 16px/25px Microsoft YaHei;  text-decoration: none;  -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
#nav li em{width: 21px;height: 18px; margin-right: 4px;margin-bottom: -4px;}
#nav li .iconm7{background-position: -240px 0}
#nav li .iconm6{background-position: -240px 0}
#nav li .iconm5{background-position: -240px 0}
#nav li .iconm4{background-position: -180px 0}
#nav li .iconm3{background-position: -120px 0}
#nav li .iconm2{background-position: -60px 0}
#nav li .iconm1{background-position: 0 0}
#nav li:hover,#nav li.on{background: #FDEFE6;}
#nav li a:hover,#nav li.on a{color: #EB5405;}
#nav li a:hover .iconm7,#nav li.on a .iconm7{background-position: -270px 0}
#nav li a:hover .iconm6,#nav li.on a .iconm6{background-position: -270px 0}
#nav li a:hover .iconm5,#nav li.on a .iconm5{background-position: -270px 0}
#nav li a:hover .iconm4,#nav li.on a .iconm4{background-position: -210px 0}
#nav li a:hover .iconm3,#nav li.on a .iconm3{background-position: -150px 0}
#nav li a:hover .iconm2,#nav li.on a .iconm2{background-position: -90px 0}
#nav li a:hover .iconm1,#nav li.on a .iconm1{background-position: -30px 0}

/*首页*/
/*main*/
.mainCul{margin-top: 0; opacity: 1; display: block; width: 100%;overflow: hidden;}
.icons{display: inline-block;background: url(/css/icons.png) no-repeat 0 0;}
.main{display: block;overflow: hidden; width: 1200px;margin: 37px auto; border:1px solid #EAEAE8;}
p.upper{text-transform:uppercase;}
.main >div{ margin: 20px; float: left; font-size: 14px;}
div.business{ width: 360px; padding-left: 200px;background: url(/css/business.png) no-repeat left center; height: 49px;}
div.recruit{ width: 360px;padding-left: 190px;background: url(/css/recruitment.png) no-repeat left center;}
div.business p{ line-height: 55px;}
.mainCul .nav{background: #F8F8F8;height:36px;;border-bottom: 1px solid #E4E4E4;font:13px/36px "微软雅黑"; color: #4B4C4C}
.mainCul .nav p{width: 1200px;text-align: right;margin: 0 auto;}
.mainCul .nav p a{ color: #4B4C4C; text-decoration: none;}
.mainCul .nav p a:hover{color: #111;}
.main p em{margin-right: 8px;}
.icon1{ width: 17px;height: 17px;background-position: -90px -30px; margin-bottom: -3px;}
.icon2{ width: 21px;height: 14px;background-position: -120px -30px; margin-top: 5px;}
.icon3{ width: 13px;height: 13px;background-position: -160px -30px; margin-top: 5px; margin-right: 8px;}
.recruit li{ width:170px;/*overflow: hidden;*/display: block;float: left;white-space:nowrap;}
.recruit a{ color: #3A3939;text-decoration: none;}
.recruit a:hover{ color: #666;text-decoration: underline;}
#flashBg{overflow: hidden; height: 455px;width: 100%;background: url(/css/index_banner.jpg) no-repeat 0 0;position: relative;z-index: 1;}
.leftright{-webkit-animation: leftright 8.5s linear infinite alternate; -moz-animation: leftright 8.5s linear infinite alternate;  -ms-animation: leftright 8.5s linear infinite alternate; -o-animation: leftright 8.5s linear infinite alternate; animation: leftright 8.5s linear infinite alternate;}
#flashLine{overflow: hidden; transform:rotate(0); position: absolute;z-index: 2;left: 0;top: 0;width: 100%;}
#flashLine img{position: absolute;display: block;}
.joy{left: 128px;top: 108px; /* -webkit-animation: joy 1s 1.5s; -moz-animation: joy 1s 1.5s;  -ms-animation: joy 1s 1.5s; -o-animation: joy 1s 1.5s; animation: joy 1s 1.5s;-webkit-animation-fill-mode:forwards; -ms-animation-fill-mode:forwards; -o-animation-fill-mode:forwards;animation-fill-mode:forwards; */ }
.starts{left: 383px;top: 108px;/*  -webkit-animation: joy 1s 2s; -moz-animation:joy 1s 2s;  -ms-animation: joy 1s 2s; -o-animation: joy 1s 2s; animation: joy 1s 2s;-webkit-animation-fill-mode:forwards; -ms-animation-fill-mode:forwards; -o-animation-fill-mode:forwards;animation-fill-mode:forwards; */ }
.here{left: 838px;top: 108px; /* -webkit-animation: joy 1s 2.5s; -moz-animation: joy 1s 2.5s;  -ms-animation:joy 1s 3.5s; -o-animation: joy 1s 2.5s; animation: joy 1s 2.5s;-webkit-animation-fill-mode:forwards; -ms-animation-fill-mode:forwards; -o-animation-fill-mode:forwards;animation-fill-mode:forwards;  */}
.happyHere{left: 439px;top:205px;/*  -webkit-animation: happyHere 1s 4s; -moz-animation:happyHere 1s 4s;  -ms-animation: happyHere 1s 4s; -o-animation: happyHere 1s 4s; animation:happyHere 1s 4s;-webkit-animation-fill-mode:forwards; -ms-animation-fill-mode:forwards; -o-animation-fill-mode:forwards;animation-fill-mode:forwards; */ }
#flashBg #flashLine{background: url(../images/index_bannerCon.png) no-repeat center 0; height: 455px;}
/*游戏*/
.gameScroll{width: 1200px;margin: 20px auto 0; position: relative;z-index: 2; height: 183px;}
.scrollBtn a{position: absolute;z-index: 5; width: 20px;height: 40px;background: url(/css/icons.png) no-repeat; text-indent: -9999px; cursor: pointer;}
.scrollBtn .prev{left: 0;top: 90px; background-position: 0 -20px;}
.scrollBtn .next{right: 0;top: 90px; background-position: -20px -20px;}
.scrollBtn .prev:hover{background-position: -60px -20px;}
.scrollBtn .next:hover{ background-position: -40px -20px;}
.gameScroll li{float: left;margin: 0 7px; width: 260px;} 
.gameScroll li img{width: 260px;height: 163px}
.gameScroll li:hover a{opacity: 0.75}
.scrollImg{width: 1100px;height: 175px; margin: 0 auto; position: relative;z-index: 1;overflow: hidden;}
.scrollImg ul{position: absolute;z-index: 1;left: 0;top: 10px;width: 1500px;}
#flashLine img.youxi{position:static;margin:20px 0 0 150px;opacity: 1; -webkit-animation: xuan 2.5s 3s ease infinite alternate; -moz-animation: xuan 2.5s 3s ease infinite alternate;  -ms-animation: xuan 2.5s 3s ease infinite alternate; -o-animation: xuan 2.5s 3s ease infinite alternate; animation: xuan 2.5s 3s ease infinite alternate;}

/*Y游戏栏目*/
.mainCulBg{background: url(../images/square.png) repeat 0 -2px;width: 100%;overflow: hidden;padding: 20px 0 40px;}
#gameDetails{height: 148px; background: url(../images/page_banner.jpg) no-repeat 0 0;width: 100%;position: relative;z-index: 1;}
#gameDetails #flashLine{background: url(../images/product_bannerCon.png) no-repeat center 0; height: 148px;}
.mainCulLeft{float: left;width: 515px;min-height: 50px;}
.mainCulRight{float: left;width: 662px; margin-left: 22px;}
.mainCulRight h1{ border-bottom: 1px solid #C3C3C3; padding: 16px 0; position: relative;z-index: 1;padding-left: 10px;height: 80px;margin-top: 35px;}
.mainCulRight h1 a.goTo{border-radius: 2px; position: absolute;right: 0;bottom: 22px; display: block;width: 117px;height: 38px;text-indent: 28px; background: #EB5405 url(../images/icons.png) no-repeat -248px -23px;color: #fff; font:bold 18px/38px "微软雅黑";}
.mainCulRight h1 a.goTo:hover{box-shadow: 0 0 2px 1px #BCBCBC;}
img.pro{position: absolute;z-index: 2;left: 0;top: 16px; width: 95px;height: 91px;border-radius: 20px; display: none;}
p.bigTit{font:bold 28px/40px "微软雅黑";padding-top: 12px; color: #4B4C4C}
p.smallTit{font:bold 14px/28px "微软雅黑"; color: #4C4C4C}
.gameDetailsCon{padding: 20px 0;color: #4C4C4C; font:15px/ 25px "微软雅黑";}
.gameDetailsCon h3{padding: 8px 0;margin: 30px 0 15px;border-bottom: 1px solid #B2B2B2; font:bold 18px/26px "微软雅黑"}
.gameNav{height: 40px; text-align: center;margin-top: 5px;}
.gameNav a{display: inline-block; width: 265px; font: 14px/40px "宋体"; color: #4B4C4C;margin: 0 2px;background: #F2F1F1;border-radius: 2px;cursor: pointer;}
.gameNav a:hover{background: #F4A981;color: #fff;}
.gameNav a.on{color: #fff;background: #EB5405;}
.gameCul{margin-left: -36px;margin-top: 25px;}
.gameCul li{margin-right: 36px;float: left;width: 271px;overflow: hidden; margin-bottom: 25px;}
.gameCul li a{display: block;background: url(../images/pro_bg.jpg) no-repeat 0 0;height: 330px;position: relative;z-index: 1;}
.gameCul li img{width: 271px;height: 260px;transition: all 0.6s;moz-transition: all 0.6s;-webkit-transition: all 0.6s;o-transition: all 0.6s;}
.gameCul li a:hover img{-moz-transform:scale(1.2,1.2); -webkit-transform:scale(1.2,1.2); -o-transform:scale(1.2,1.2);transform:scale(1.2,1.2) }
.introduction{position: absolute;z-index: 2;left: 0;bottom: 0;background: #F2F1F1;text-align: center; width: 100%;height: 70px;}
.introduction span{ display: block;}
.introduction span.bigFont{font: bold 18px/30px "微软雅黑"; color: #000;padding-top: 6px;}
.introduction span.bigFont.later{padding-top: 15px;}
.introduction span.smallFont{ color: #4B4C4C;font: 14px/24px "微软雅黑"}


/*商务合作*/
#businessDetails{position: relative;z-index: 1;width: 100%;height: 148px; background: url(/css/page_banner.jpg) no-repeat 0 0 ;}
#businessDetails #flashLine{background: url(../images/business_bannerCon.png) no-repeat center 0; height: 148px;}
.cooperativeInfor{ margin: 20px 0;overflow: hidden;}
.hezuo{width: 136px;height: 127px;background-position: 0 -80px;float: left;}
.infor{float: left;margin-left: 30px; width: 990px;}
.infor h2{color: #444;font:bold 24px/40px "微软雅黑";margin-top: 15px;margin-bottom: 16px;}
.infor p{color: #656565;font:bold 17px/25px "微软雅黑";}
.infor p span{display: block;float: left; width: 38%;}
.infor p span:first-child{width: 24%;}
.infor p em{margin-right: 8px;margin-bottom: -2px;}
.infor em.linkman{background-position: -260px -70px;width: 14px;height: 17px;}
.infor em.qq{width: 17px;height: 17px;background-position: -90px -30px;}
.infor em.email{width: 21px;height: 14px;background-position: -120px -30px;}
.infor a.qq{margin-left: 6px; cursor: pointer; text-indent: -9999px; width: 92px;height: 22px;background-position: -150px -130px;}
.infor a.email{margin-left: 6px; line-height: 22px; color: #0A3345;font-size: 15px;text-align: center; cursor: pointer; width: 92px;height: 22px;background-position: -150px -70px;}
.infor a.email:hover{ background-position: -150px -100px;}
.infor a.qq:hover{background-position: -150px -160px}
.partner{margin-top: 20px;}
.partner h1{border-bottom:1px solid #A4A4A4;height: 75px;text-align: center;color: #444; position: relative;z-index: 1;}
h1 .bigtit{ font:bold 28px/40px "微软雅黑";}
h1 .smalltit{font-size: 10px;position: absolute;z-index: 2;bottom: -1px;font-weight: normal; left:550px;  border-bottom: 4px solid #444; padding: 0 17px;}
.partnerList{margin-left: -30px;margin-top: 30px;}
.partnerList li{overflow: hidden; margin-left: 30px;margin-bottom: 30px; float: left;width: 215px;height: 87px;background: #EAEAEA;line-height: 87px;text-align: center;}
.partnerList li img{width: 213px;height: 85px;border:1px solid #ccc;transition: all 0.6s;moz-transition: all 0.6s;-webkit-transition: all 0.6s;o-transition: all 0.6s; }
.partnerList li a{color: #565656;font-size: 16px;display: block;}
.partnerList li a:hover img{-moz-transform:scale(1.2,1.2); -webkit-transform:scale(1.2,1.2); -o-transform:scale(1.2,1.2);transform:scale(1.2,1.2) }

/*联系我们*/
#contactDetails{position: relative;z-index: 1;width: 100%;height: 148px; background: url(/css/page_banner.jpg) no-repeat 0 0 ;}
#contactDetails #flashLine{background: url(../images/contact_bannerCon.png) no-repeat center 0; height: 148px;}
#contactDetails #flashLine img.youxi{margin-left: 170px;margin-bottom: -10px;}
.map{position: relative;z-index: 1; height: 773px;}
.map img{display: block;position: absolute;z-index: 2;left: 0;top: 0;}
.addr{color: #fff; position: absolute;left:700px;top: 369px;background: url(/css/dizhi.png) no-repeat left top;padding-left: 116px; width: 388px;height: 376px;}
.addr h2{ padding-bottom: 45px; padding-left: 0; padding-top: 25px;font:bold 24px/50px "微软雅黑";padding-right: 15px;}
.addr p{ font:normal 14px/26px "微软雅黑"; padding-right: 15px;}


/*底部*/
#footer {padding: 40px 0; margin: 0 auto; background-color: #FBFBFA; font-family: "宋体",Arial; width: 100%; border-top: 1px solid #EDEDED;}
#footer2 {width: 933px; margin: 0 auto; line-height: 25px; text-align: center; color: #8A8A8A; line-height: 28px; font-size: 12px;}
#footer2  a{color: #8A8A8A;}
#footer2 a:hover{ color: #555;}

/*滚动页面************************/
/*公司介绍*/
.section{ text-align: center;}
#introduceDetails{position: relative;z-index: 1;height: 770px; background: url(/css/page_banner.jpg) no-repeat 0 0 ;}
#introduceDetails #flashLine{background: url(../images/introduce_bannerCon.png) no-repeat center top; height: 100%;}
#introduceDetails img{display: block;position: absolute;z-index: 2;opacity: 1}
#introduceDetails .w_1200{height: 570px;}
.renwu1{ left: -331px; top: 59px;-webkit-animation: showA 1.2s 1s infinite alternate; -moz-animation: showA 1.2s 1s infinite alternate;  -ms-animation: showA 1.2s 1s infinite alternate; -o-animation: showA 1.2s 1s infinite alternate; animation: showA 1.2s 1s infinite alternate;}
.renwu2{right: -69px;bottom: 0;-webkit-animation: showA 1.2s 1s infinite alternate; -moz-animation: showA 1.2s 1s infinite alternate;  -ms-animation: showA 1.2s 1s infinite alternate; -o-animation: showA 1.2s 1s infinite alternate; animation: showA 1.2s 1s infinite alternate;}
.widthWords{position: relative;z-index: 3;width: 668px; margin-left: 360px; color: #fff}
.widthWords h2{margin-bottom: 33px; margin-top: 200px; border-bottom: 1px dashed #fff;font: bold 40px/52px "微软雅黑";padding-bottom: 20px;}
.widthWords h2 p.paragraph1{text-align: left; position: relative;z-index: 2;padding-left: 40px;}
.widthWords h2 p.paragraph1:before{content: ""; width: 30px;height: 22px;display: block;position: absolute; left: 0;top: 0;background: url(../images/icons.png) no-repeat 0 -220px;}
.widthWords h2 p.paragraph2{text-align: right;position: relative;z-index: 2;}
.widthWords h2 p.paragraph2:after{content: ""; width: 30px;height: 22px;display: block;position: absolute; right: 0;top: 0;background: url(../images/icons.png) no-repeat -50px -220px;}
.widthWords p.text{font: 15px/28px "微软雅黑"; text-align: left;}
.section .heading{height: 82px;border-bottom:1px solid #B8BCBF; margin-top: 25px; position: relative;z-index: 2;}
.section .col1{ color: #444; }
.section .bigtit{font:bold 36px/45px "微软雅黑";}
.heading .smalltit{padding: 0 3px;left: 528px; line-height: 30px;  text-transform: uppercase;}
.section .cul{display: block;overflow: hidden;width: 100%;margin-bottom: 40px;}
.headingTwo{color: #0C76C2; font: bold 24px/30px "微软雅黑";margin: 25px auto;}
 .cul .vision{margin-left: -19px;} 
.cul .vision span{display: block;float: left; width: 386px; padding-top: 13px;background: url(/css/border.png) no-repeat center top; height: 48px; font: 24px/48px "微软雅黑";color: #4B4C4C;margin-left: 20px;}
ul.senseWorth{margin-top: 10px;margin-bottom: 50px; overflow: hidden;margin-left: -50px;}
ul.senseWorth li{margin-left: 50px;float: left; position: relative;z-index: 1;width: 200px;height: 200px;overflow: hidden;}
ul.senseWorth img{display: block;}
ul.senseWorth li:hover{opacity: 0.8;}
ul.senseWorth span{font: bold 24px/36px "微软雅黑";color: #4B4C4C;}
.development{background: #B7DEFB url(../images/earth.png) no-repeat center 130px; height:740px;overflow: hidden;padding-top: 20px;}
.section .col2{color: #444;}
h1.col2 .smalltit{border-color: #444}
.history{position: relative;z-index: 2;width: 100%; height: 637px;}
.history img{display: block;}
.rocket{left: 102px;top: 163px;position: absolute;z-index: 2;}
.curve{width: 1140px; height: 473px;position: absolute;left: 0;bottom: 86px;}
.mountain{width: 1174px; height: 463px;position: absolute;left: 20px;bottom: 0;}
.section .col3{color: #444;}
h1.col3 .smalltit{border-color: #444}
.trophy{margin-top: 20px; height: 580px;position: relative;z-index: 2;background: url(../images/trophy.png) no-repeat center center;}
.semi-circle{transform:rotate(0deg);-webkit-animation: semi 2s linear infinite; -moz-animation: semi 2s linear infinite;  -ms-animation:semi 2s linear infinite; -o-animation: semi 2s linear infinite; animation: semi 2s linear infinite; width: 290px;height: 290px;background:url(../images/semi-circle.png) no-repeat center center;position: absolute;z-index: 3;top: 50%;left: 50%;margin-left: -133px;margin-top: -139px;}
.trophy [class^='branch']{position: absolute;z-index: 3;}
.branch1{right: 708px;top: 27px;}
.branch2{right: 751px;top: 150px;}
.branch3{right: 760px;top: 266px;}
.branch4{right: 760px;top: 335px;}
.branch5{right: 724px;top: 407px;}
.branch6{left: 740px;top: 44px;}
.branch7{left: 780px;top: 155px;}
.branch8{left: 787px;top: 338px;}
.branch9{left: 750px;top: 407px;}
.fullBtn{position: fixed;z-index: 998;right: 4%;width: 20px;top: 35%;}
.fullBtn .aLink{cursor: pointer; height: 20px;margin-bottom: 20px;width: 30px;text-align: center; position: relative;z-index: 2;}
.fullBtn .aLink.none{display: none;}
.fullBtn .aLink em{text-indent: -9999px; display: inline-block; width: 10px;height: 10px;border:2px solid #fff; border-radius: 50%;background: #999;}
.fullBtn .aLink span{height: 22px;line-height: 22px;border-radius: 3px; padding: 2px 8px;width: 60px; position: absolute;right: 25px;top: -4px;background: #EB5405; color: #fff; opacity: 0;filter:alpha(opacity=0); -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
.fullBtn .aLink:hover em,.fullBtn .aLink.on em{background: #EB5405;}
.fullBtn .aLink:hover span{display: block;opacity: 1;filter:alpha(opacity=100);}
.honor .heading .smalltit{left:540px;}

/*投资者关系*/
#basiceDetails{position: relative;z-index: 1;height: 770px; background: url(../images/page_banner.jpg) no-repeat 0 0 ;}
#basiceDetails #flashLine{background: url(../images/introduce_bannerCon.png) no-repeat center top; height: 100%;}
.section .col4{ color: #fff;}
h1.col4 .smalltit{border-color: #fff;}
.section .col4.heading {border-bottom: 0;}
#basiceDetails .cul{margin-top: 105px;}
#basiceDetails .heading{margin-top:60px; }
#basiceDetails .cul p{font: 18px/36px "微软雅黑";color: #fff;}
#basiceDetails .cul p span{display: block;float:left;}
#basiceDetails .left{text-align: right; width: 480px;}
#basiceDetails .right{text-align: left; width: 640px;margin-left: 40px;}
#basiceDetails .heading .smalltit{left: 534px;}
ul.announcement{display: block;overflow: hidden;width: 760px;margin: 40px auto}
ul.announcement li{display: block;margin: 15px 0;height: 22px;width: 100%;float: left;}
ul.announcement li a{display: block;padding-left: 50px; position: relative;z-index: 1;color: #4B4C4C;font: 15px/23px "微软雅黑";text-align: left;}
ul.announcement li em{left: 0;top: 0; position: absolute;z-index: 2;width: 17px;height: 22px;}
.dowm{background-position: -100px -220px}
ul.announcement li .txt{float: left;width: 580px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
ul.announcement li .data{float: right;width: 90px;}
ul.announcement li a:hover{color: #888;}
.pages{padding: 2px 0; display: block;overflow: hidden; font-size: 14px;}
.pages a{display: inline-block;padding: 0 7px; border-radius: 2px;line-height: 22px;color: #4A4C4B;margin: 0 4px;}
.pages a.on,.pages a:hover{background: #EB5405;color: #fff;}
.pages span{display: inline-block;padding: 0 7px; border-radius: 2px;line-height: 22px;background: #EB5405;color: #fff;margin: 0 4px;}
.pages a.aPrev,.pages a.aNext{border:1px solid #4C4C4C; line-height: 21px;}
.pages a.aPrev{background: url(../images/icons.png) no-repeat -284px -295px;padding-left: 20px;}
.pages a.aNext{ background: url(../images/icons.png) no-repeat -236px -375px;;padding-right: 20px;}
.pages a.aPrev:hover,.pages a.aNext:hover{box-shadow: 0 0 2px 1px #626262;color: #4B4C4C}
.investor {overflow: hidden;padding-top: 30px; background: url(../images/touzizhe.jpg) no-repeat center top;height: 718px;}
.investor .cul{ color: #4A487E; font: 15px/38px "微软雅黑";margin: 120px auto 0;text-align: left;}
.investor .cul p{width: 265px;margin: 25px auto;padding-left: 80px;position: relative;z-index: 1;}
.investor .cul .icons{position: absolute;left: 0;top: 0;width: 36px;height: 38px;}
.icons1-1{background-position: -140px -220px;}
.icons1-2{background-position: -250px -220px;}
.icons1-3{background-position: -190px -220px;}
.investor .heading .smalltit{left: 486px}
.companyAnnouncement .heading .smalltit{left: 510px;}



/*招贤纳士*/
#benefitsDetails{position: relative;z-index: 1;height: 770px; background: url(../images/page_banner.jpg) no-repeat 0 0 ;}
#benefitsDetails #flashLine{background: url(../images/introduce_bannerCon.png) no-repeat center top; height: 100%;}
#benefitsDetails{ font: 14px/30px "微软雅黑"; color: #fff;margin: 10px 0;}
#benefitsDetails span{float: left;position: relative;z-index: 1;padding-left: 34px; text-align: left;}
#benefitsDetails .left{width: 665px;}
#benefitsDetails .right{width: 466px;}
#benefitsDetails em{position: absolute;z-index:2;left: 3px;top: 0;width: 22px;height: 29px;}
#benefitsDetails.section .cul{padding-top:85px;}
.employee .heading .smalltit{left: 543px}
#benefitsDetails.section .cul p{padding: 5px 0;height: 30px;}
#benefitsDetails .icons2-1{ background-position: 0 -420px;}
#benefitsDetails .icons2-2{ background-position: -25px -420px;}
#benefitsDetails .icons2-3{ background-position: -50px -420px;}
#benefitsDetails .icons2-4{ background-position: -75px -420px;}
#benefitsDetails .icons2-5{ background-position: -100px -420px;}
#benefitsDetails .icons2-6{ background-position: -125px -420px;}
#benefitsDetails .icons2-7{ background-position: -150px -420px;}
#benefitsDetails .icons2-8{ background-position: -175px -420px;}
#benefitsDetails .icons2-9{ background-position: -200px -420px;}
#benefitsDetails .icons2-10{ background-position: -225px -420px;}
#benefitsDetails .icons2-11{ background-position: -250px -420px;top: 13px}
#benefitsDetails .icons2-12{ background-position: 0 -450px;}
#benefitsDetails .icons2-13{ background-position: -25px -450px;}
#benefitsDetails .icons2-14{ background-position: -50px -450px;}
#benefitsDetails .icons2-15{ background-position: -75px -450px;}
#benefitsDetails .icons2-16{ background-position: -100px -450px;}
#benefitsDetails .icons2-17{ background-position: -125px -450px;}
#benefitsDetails .icons2-18{ background-position: -150px -450px; height: 32px;}
#benefitsDetails .icons2-19{ background-position: -175px -450px;}
#benefitsDetails .icons2-20{ background-position: -200px -450px;}
#benefitsDetails .icons2-21{ background-position: -225px -450px;}
#benefitsDetails .icons2-22{ background-position: -250px -450px;}
#benefitsDetails .icons2-23{ background-position: -275px -450px;}
#benefitsDetails .heading .smalltit{left: 503px;}
.Employee .heading .smalltit{left: 543px;}
.culBtn{display: block; text-align: center; margin: 40px;}
.culBtn a{cursor: pointer; display:inline-block; width: 110px;font: 18px/35px "微软雅黑";color: #4B4C4C;background: #B8BDC0;margin: 0 5px;}
.culBtn a:hover{background: #AAAAAA;}
.culBtn a.on{background: #0F76C0;color: #fff;position: relative;z-index: 1;}
.culBtn a.on:after{display: block;content: "";position: absolute;z-index: 2; width: 8px;height: 10px;background: url(../images/icons.png) no-repeat -290px -320px; bottom: -10px;left: 55px;}
.tourismUl{overflow: hidden;}
.tourismUl h2{position: relative;z-index: 1; font: 19px/36px "微软雅黑"; color: #0F76C0; text-align: left;padding-left: 16px;margin-bottom: 15px;}
.icons5{background-position:-290px -350px;position: absolute;left: 0;top: 12px;width: 6px;height: 12px;}
.tourismUl .picture{display: block;overflow: hidden;margin-left: -25px;width: 100%;}
.tourismUl .picture img{background: #fff; width: 203px;height: 150px;padding: 5px;float: left;border:1px solid #B8BDC0;margin-left: 25px;display: block;margin-bottom: 25px;}
.train{ background: #B7DEFB;border-top: 1px solid #ACCCE3; padding-top: 20px; overflow:hidden;}
.train .w_1200{overflow: hidden;}
.train .culCon{padding-top: 25px;overflow-x: hidden;}
.employee .culCon{padding-top: 20px;}
.train .heading .smalltit{left:545px}
.job .heading .smalltit{left:555px; }
.culTable{overflow-y: hidden;}
.job table{margin: 25px 0;width: 240px;float: left;}
.job table th{height: 110px;border:1px solid #fff; font: 15px/30px "微软雅黑";color: #fff}
.job table.culTable2 thead{background: #EB651C}
.job table.culTable1 thead{background: #EB5405}
.job table th em{ display: block;height: 36px;width: 45px; margin: 20px auto 9px}
.th1{background-position: 0 -270px;}
.th2{background-position: -50px -270px;}
.th3{background-position: -100px -270px;margin-left: 104px!important;}
.th4{background-position: -150px -270px;}
.th5{background-position: -200px -270px;}
.job table td{line-height: 26px;padding: 8px; font-size: 15px;border:1px solid #fff;}
.job table td a{color: #4B4B4B;cursor: pointer;}
.job table.culTable2 td{background: #FCF5F0;}
.job table.culTable1 td{background: #FDEFE6;}
.job table td:hover{background: #FCE5DB;}
.applyFor{padding-top: 15px;}
.applyFor a{font:bold 36px/80px "微软雅黑";color: #fff; background:#EB5405;width: 380px;display: block;position: relative;z-index: 1; margin: 20px auto;text-align:left;text-indent: 150px;}
.applyFor a em{background:url(../images/icons.png) no-repeat 0 -320px;position: absolute;left: 50px;top: -21px;width: 77px;height: 90px;}
.applyFor a:hover{ background: #DE5008;}

/*弹出框*/
#overlay{width: 100%;height: 100%;position: fixed;z-index: 10000;left: 0;top: 0;background:#000; display: none;opacity: 0.7;filter:alpha(opacity=70)}
.overlay{padding: 35px 45px 30px; background: #fff; position: fixed;z-index: 10001;width: 700px;left: 50%;top: 50%;height: 600px;margin-left: -390px;margin-top: -337px;display: none}
.overlay a.close{position: absolute;right: 8px;top: 0;font: bold 30px/36px arial; color: #F03127;cursor: pointer;}
.overlay a.close:hover{font-size: 34px;}
.overlayTit{color:#EB5405;font: bold 30px/40px "微软雅黑";padding-bottom: 35px;border-bottom: 1px dashed #868686;}
.overlayCon{overflow: hidden;max-height: 400px;overflow-y: auto;min-height: 370px;padding-top: 25px; font: 13px/25px "微软雅黑";}
.overlayCon h2{ color: #D2444A;font:bold 16px/28px "微软雅黑";margin: 15px 0;}
.overlayCon p{color: #666; font: 14px/25px "微软雅黑";}
p.culCondreBig {font-size: 16px;padding-bottom: 24px;}
img.happyfamily {width: 850px;}
p.culCondreSmall {font-size: 16px;color: #ED891F;font-weight: bold;padding-bottom: 10px;}
.culCondre{padding-bottom: 20px;}
/*flashBg 背景左右浮动*/
@keyframes leftright
{
from {background-position: 0 0;}
to {background-position: 100% 0;}
}

@-webkit-keyframes leftright /*Safari and Chrome*/
{
from {background-position: 0 0;}
to {background-position: 100% 0;}
}
@-moz-keyframes leftright /*火狐*/
{
from {background-position: 0 0;}
to {background-position: 100% 0;}
}
@-ms-keyframes leftright /*Safari and Chrome*/
{
from {background-position: 0 0;}
to {background-position: 100% 0;}
}
@-o-keyframes leftright /*Safari and Chrome*/
{
from {background-position: 0 0;}
to {background-position: 100% 0;}
}

/*首页三角形旋转显示*/
@keyframes show
{
0 {opacity: 0;transform:scale(0,0)}
100% {opacity: 1;transform:scale(1,1)}
}

@-webkit-keyframes show /*Safari and Chrome*/
{
0 {opacity: 0;transform:scale(0,0)}
100% {opacity: 1;transform:scale(1,1)}
}
@-moz-keyframes show /*火狐*/
{
0 {opacity: 0;transform:scale(0,0)}
100% {opacity: 1;transform:scale(1,1)}
}
@-ms-keyframes show /*Safari and Chrome*/
{
0 {opacity: 0;transform:scale(0,0)}
100% {opacity: 1;transform:scale(1,1)}
}
@-o-keyframes show /*Safari and Chrome*/
{
0 {opacity: 0;transform:scale(0,0)}
100% {opacity: 1;transform:scale(1,1);}
}

@keyframes showA
{
0 {opacity: 0;transform:scale(1,1)}
100% {opacity: 1;transform:scale(1.1,1.1)}
}

@-webkit-keyframes showA /*Safari and Chrome*/
{
0 {opacity: 0;transform:scale(1,1)}
100% {opacity: 1;transform:scale(1.1,1.1)}
}
@-moz-keyframes showA /*火狐*/
{
0 {opacity: 0;transform:scale(1,1)}
100% {opacity: 1;transform:scale(1.1,1.1)}
}
@-ms-keyframes showA /*Safari and Chrome*/
{
0 {opacity: 0;transform:scale(1,1)}
100% {opacity: 1;transform:scale(1.1,1.1)}
}
@-o-keyframes showA /*Safari and Chrome*/
{
0 {opacity: 0;transform:scale(1,1)}
100% {opacity: 1;transform:scale(1.1,1.1)}
} 

/*首页joy starts here*/
@keyframes joy
{
0 {opacity: 0;transform:rotate(0);}
100% {opacity: 1;transform:rotate(360deg);}
}

@-webkit-keyframes joy /*Safari and Chrome*/
{
0 {opacity: 0;transform:rotate(0);}
100% {opacity: 1;transform:rotate(360deg);}
}
@-moz-keyframes joy /*火狐*/
{
0 {opacity: 0;transform:rotate(0);}
100% {opacity: 1;transform:rotate(360deg);}
}
@-ms-keyframes joy /*ie*/
{
0 {opacity: 0;transform:rotate(0);}
100% {opacity: 1;transform:rotate(360deg);}
}
@-o-keyframes joy /*欧鹏*/
{
0 {opacity: 0;transform:rotate(0);}
100% {opacity: 1;transform:rotate(360deg);}
}

/*首页happyHere*/
@keyframes happyHere
{
0 {opacity: 0;top:300px }
100% {opacity: 1;top: 205px}
}

@-webkit-keyframes happyHere /*Safari and Chrome*/
{
0 {opacity: 0;top:300px }
100% {opacity: 1;top: 205px}
}
@-moz-keyframes happyHere /*火狐*/
{
0 {opacity: 0;top:300px }
100% {opacity: 1;top: 205px}
}
@-ms-keyframes happyHere /*ie*/
{
0 {opacity: 0;top:300px }
100% {opacity: 1;top: 205px}
}
@-o-keyframes happyHere /*欧鹏*/
{
0 {opacity: 0;top:300px }
100% {opacity: 1;top: 205px}
}


/*banner 下部maigin*/
@keyframes mainCul
{
0 {opacity: 0;margin-top:200px }
100% {opacity: 1;margin-top: 0}
}

@-webkit-keyframes mainCul /*Safari and Chrome*/
{
0 {opacity: 0;margin-top:200px }
100% {opacity: 1;margin-top: 0}
}
@-moz-keyframes mainCul /*火狐*/
{
0 {opacity: 0;margin-top:200px }
100% {opacity: 1;margin-top: 0}
}
@-ms-keyframes mainCul /*ie*/
{
0 {opacity: 0;margin-top:200px }
100% {opacity: 1;margin-top: 0}
}
@-o-keyframes mainCul /*欧鹏*/
{
0 {opacity: 0;margin-top:200px }
100% {opacity: 1;margin-top: 0}
}


/*banner 图片抖动*/
@keyframes xuan
{
0{margin-top:20px;}
5%{margin-top: 0;}
10%{margin-top:20px;}
15%{margin-top: 0;}
20%{margin-top:20px;}
25%{margin-top: 0;}
30%{margin-top:20px;}
35%{margin-top: 0;}
40%{margin-top:20px;}
100%{margin-top:20px;}
}

@-webkit-keyframes xuan /*Safari and Chrome*/
{
0{margin-top:20px;}
5%{margin-top: 0;}
10%{margin-top:20px;}
15%{margin-top: 0;}
20%{margin-top:20px;}
25%{margin-top: 0;}
30%{margin-top:20px;}
35%{margin-top: 0;}
40%{margin-top:20px;}
100%{margin-top:20px;}
}
@-moz-keyframes xuan /*火狐*/
{
0{margin-top:20px;}
5%{margin-top: 0;}
10%{margin-top:20px;}
15%{margin-top: 0;}
20%{margin-top:20px;}
25%{margin-top: 0;}
30%{margin-top:20px;}
35%{margin-top: 0;}
40%{margin-top:20px;}
100%{margin-top:20px;}
}
@-ms-keyframes xuan /*ie*/
{
0{margin-top:20px;}
5%{margin-top: 0;}
10%{margin-top:20px;}
15%{margin-top: 0;}
20%{margin-top:20px;}
25%{margin-top: 0;}
30%{margin-top:20px;}
35%{margin-top: 0;}
40%{margin-top:20px;}
100%{margin-top:20px;}
}
@-o-keyframes xuan /*欧鹏*/
{
0{margin-top:20px;}
5%{margin-top: 0;}
10%{margin-top:20px;}
15%{margin-top: 0;}
20%{margin-top:20px;}
25%{margin-top: 0;}
30%{margin-top:20px;}
35%{margin-top: 0;}
40%{margin-top:20px;}
100%{margin-top:20px;}
}


/*公司介绍 半圆旋转*/
@keyframes semi
{
0% {transform:rotate(0deg);-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg); }
100% {transform:rotate(360deg);-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);}
}

@-webkit-keyframes semi
{
0% {transform:rotate(0deg);-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg); }
100% {transform:rotate(360deg);-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);}
}
@-moz-keyframes semi 
{
from {transform:rotate(0deg);-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg); }
to {transform:rotate(360deg);-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);}
}
@-ms-keyframes semi 
{
from {transform:rotate(0deg);-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg); }
to {transform:rotate(360deg);-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);}
}
@-o-keyframes semi 
{
from {transform:rotate(0deg);-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg); }
to {transform:rotate(360deg);-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);}
}

.us{
	font-family: "微软雅黑";
	font-size: 16px;
	line-height: 30px;
	height: auto;
	width: 80%;
	margin: auto;
	margin-top: 20pt;
	margin-bottom: 20pt;
	text-indent: 25px;
}
.register{
	font-family: "微软雅黑";
	font-size: 16px;
	line-height: 30px;
	height: auto;
	width: 50%;
	margin: auto;
	margin-top: 20pt;
	margin-bottom: 20pt;
	text-indent: 25px;
}
.login{
	font-family: "微软雅黑";
	font-size: 16px;
	line-height: 30px;
	height: auto;
	width: 70%;
	margin: auto;
	margin-top: 20pt;
	margin-bottom: 20pt;
	text-indent: 25px;
	}
.pay{
	font-family: "微软雅黑";
	font-size: 16px;
	line-height: 30px;
	height: auto;
	width: 1000px;
	margin: auto;
	margin-top: 20pt;
	margin-bottom: 20pt;
	text-indent: 25px;
	}
.dadishu{
	width:600px;
	height:400px;
	margin:auto;
	margin-top:20pt;
	}