/* CSS Document */

*{margin:0px; padding:0px;}
.clear{ clear:both;}
body{ margin:0px; padding:0px; font-family:"Microsoft YaHei,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif", Arial; font-size:14px; line-height:20px; color:#444444; background:#fff;}
a{ color:#444444; text-decoration:none; line-height:26px;}
a:hover{ color:#0076ef; text-decoration:none;}
li{ list-style:none;}
span,img,li,ul,h1,h2,h3,h4,h5,h6,p,div{margin:0px; padding:0px;}

#footer{ width: 100%; height: 100px; min-width: 1200px; background: black; color: white; clear:both; margin:0px auto; margin-top:80px; padding-top: 32px;}
.container-fluid {
width: 1200px;
margin: 0 auto;
}
.container-fluid .row {
width: 930px;
margin: 0 auto;
display: block;
}
.container-fluid .row .col {
width: 740px;
float: right;
text-align: left;
}
/*
.footer{ margin:0px 20px; padding:15px 0px 25px 0px; border-top:1px solid #e1e1e1;width:964px;}
.footerl{ width:690px; float:left; color:#777777;}
.footerr{ width:250px; float:right; color:#868686; text-align:right;}
.footerr a{ line-height:20px;color:#868686;}
.footerr a:hover{ color:#0076ef; text-decoration:none;}
*/
.logo{
    margin:10px auto;
    float:left;
}

/*关于益玩*/
#pic_eone{ height:152px; background:url(../images/pic_eone.jpg) top center no-repeat #f7f7f7; border-bottom:1px solid #e1e1e1;}

#eonel{ float:left; width:194px;}
#mianeone{ width:964px; margin:0px auto; margin-top:18px; margin-bottom:40px; padding:0 20px;}
#mianeonel{ float:left; width:194px; margin-right:22px; padding-top:33px; background:url(../images/eoneleftbg.jpg) no-repeat top right; height:475px;} 

#mianeonel ul{background:url(../images/eoneleft_1.gif) no-repeat -314px -709px; display:block; padding-top:38px;}/*关于益玩*/
#mianeonel ul.ulgames{background:url(../images/eoneleft_1.gif) no-repeat -299px -10px;}/*产品*/
#mianeonel ul.ulnews{background:url(../images/eoneleft_1.gif) no-repeat -301px -306px;}/*新闻动态*/

.ulcontact{background:url(../images/eoneleft_1.gif) no-repeat 0px -66px; height:64px;width:964px; border-bottom:1px solid #e8e8e8;}/*联系我们*/
.ulrecruit{background:url(../images/recruit.gif) no-repeat;height:51px;width:790px; border-bottom:1px solid #e8e8e8; padding:69px 0 18px 174px; margin:16px 0 22px 0;}/*加入益玩*/
.ulrecruit li{ margin-left:35px;height:49px;width:162px;display:block; float:left;}
.ulrecruit li a{height:49px;width:162px; display:block;}

#mianeonel li{ color:#555555; }
#mianeonel li a{ color:#555555;border-bottom:1px solid #e8e8e8; width:158px; height:34px;display:block; padding-left:17px; line-height:35px;}
#mianeonel li a:hover,.mianeonel_visit{ color:#ffffff; font-weight:bold; background:url(../images/eoneleft_libg.gif) no-repeat; display:block;line-height:30px; border-bottom:none; height:34px;}

#mianeoner{ float:right; width:707px; padding:10px 20px; color:#777777; min-height:600px;}


#mianeoner h2{ color:#333333; font-family:"微软雅黑", "宋体"; padding-bottom:10px; font-weight:bold; font-size:18px;}
.seat{ width:747px;float:right; color:#737373;}
.seat2{width:964px;color:#737373; height:20px; float:none;}
.seat a{ font-weight:normal; float:right; display:block; padding:0 5px; line-height:20px; color:#737373;}
.seat strong{ font-weight:normal; font-size:12px;float:right; display:block;line-height:20px;}
.seat .iconhome{ font-weight:normal; background:url(../images/icon_home.gif) no-repeat 0px 5px; float:right; width:16px; height:20px;}
#mianeoner p{ font-size:16px; padding:0 0 10px 0;text-indent:2em; line-height:30px;}
#mianeoner img{ margin:6px auto; display:block; text-align:center;}


/*发展历程*/
.fzlc{ clear:both;border-top:1px solid #e8e8e8; background:url(../images/fzlc_year.gif) no-repeat -290px 25px; margin:10px 0 0 0; padding:10px 0 0 0;}
.fzlc_sj{ padding:10px 0 0 140px; width:567px; line-height:22px;}
.fzlc_sj h5{ display:block; float:left; width:62px; font-size:12px; font-weight:normal; color:#333333;}
.fzlc_sj h6{display:block; float:left;width:505px; border-bottom:1px dashed #e4e4e4; font-size:12px; font-weight:normal; padding-bottom:8px;}

/*企业文化*/
.culturecon{ width:707px; margin:8px 0;}
.culturecon h3{font-size:16px; color:#0076ef;}
.culturecon ul{ padding-top:6px;}
.culturecon ul li{ line-height:32px; font-size:14px; color:#6a6a6a;}
.culturecon ul li font{color:#ffba00; font-size:16px; font-weight:bold;}

/*联系我们*/
#pic_contact{ height:138px; background: #edf6fa;}

/*news*/
#pic_news{ height:138px; background:url(../images/pic_news.jpg) top center no-repeat #f7f7f7; border-bottom:1px solid #f7f7f7;}
.pic_fy{ width:1004px; margin:0 auto;height:130px;}
#contact_map{ margin:28px 2px 50px 2px; width:869px; height:102px; background:url(../images/contact_map.jpg) no-repeat; padding:350px 0 0 92px; font-family:"微软雅黑", "宋体"; font-size:16px; color:#666666;}
#contact_map font{font-family:"微软雅黑", "宋体"; font-size:16px; color:#666666; font-weight:normal; padding-left:140px;}
#contact_map p{ display:block; padding-top:30px;}

#pic_recruit{ height:138px; background:url(../images/pic_recruit.jpg) top center no-repeat #d3e3ed;border-bottom:1px solid #ebe4d1;}

.mianrecruit p{ padding:0 0 10px 0;line-height:22px; color:#666666;}


.recruitdh_js,.recruitdh_ch,.recruitdh_art,.recruitdh_yy{ clear:both;background:url(../images/recruit_dh.gif) no-repeat; width:962px; height:42px; margin:20px 0 0 0;}
.recruitdh_js2{ background:url(../images/recruit_dh.gif) no-repeat -972px 0px;}
.recruitdh_ch{ clear:both;background:url(../images/recruit_dh.gif) no-repeat -1944px 0px;}
.recruitdh_ch2{ background:url(../images/recruit_dh.gif) no-repeat -2916px 0px;}
.recruitdh_art{ clear:both;background:url(../images/recruit_dh.gif) no-repeat -3888px 0px;}
.recruitdh_art2{ background:url(../images/recruit_dh.gif) no-repeat -4860px 0px;}
.recruitdh_yy{ clear:both;background:url(../images/recruit_dh.gif) no-repeat -5832px 0px;}
.recruitdh_yy2{ background:url(../images/recruit_dh.gif) no-repeat -6804px 0px;}
.recruitdh_ch a,recruitdh_js a,recruitdh_ch a,recruitdh_art a,recruitdh_yy a{width:962px; height:42px; display:block;}

.recruitzp{ clear:both;width:964px; padding:20px 0 15px 0; background:url(../images/bor_bg.gif) repeat-x bottom;}
.recruitzpcon{ width:100%; float:left; color:#767676; padding:0 0 0 5px; line-height:20px; margin-right:28px;}
.recruitzpcon h4{ font-size:14px;color:#f57f00; padding-bottom:20px;}

.recruitzpcon2{ margin-right:0px;}


#mianeonergame{ float:right; width:747px; padding:20px 0px; color:#777777; min-height: 800px;}
.gameshover{ width:735px; background:url(../images/games_js.jpg) no-repeat; position:relative;font-family:"微软雅黑", "宋体"; font-size:14px; color:#777777; padding:222px 0 0 12px; line-height:22px;}
.gameshover p{ padding:3px 0; text-indent:0em;}

.gameshover2{ width:735px; position:relative;font-family:"微软雅黑", "宋体"; font-size:14px; color:#777777; padding:22px 0 0 12px; line-height:22px;}
.gameshover2 p{ padding:3px 0; text-indent:2em; font-size:16px; line-height:30px;}
.gameshover2 a{ padding:3px 0; text-indent:2em; font-size:16px; line-height:30px;}

.ghover{ position:absolute; width:96px; height:45px; left:450px; top:152px;}
.ghover a{width:96px; height:45px; display:block;}


#miannews{ float:right; width:747px; color:#787878;}
table.newstable{width:747px; margin-top:18px;}
.newstblist{ border-bottom:1px solid #e8e8e8; padding:12px 0 19px 0;}
.newslist{ background:url(../images/icon_news.gif) no-repeat; width:33px; height:28px; float:left; text-align:center; line-height:22px; color:#FFFFFF; font-size:14px; font-weight:bold; margin:0 18px 0 27px;}
.newscon{ width:632px; margin:0 0 0 0; float:left;}
.newscon h3,.newscon h4{ display:block;}
.newscon h3{ font-size:14px; width:540px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; float:left;}
.newscon h4{font-size:12px; width:64px; color:#888888; float:right; font-weight:normal;}
.newscon p{ padding:8px 0;text-indent:2em; line-height:18px;}
.newscon font{font-size:12px; color:#00a8ff;}
.newscon font a{ color:#00a8ff;line-height:18px;}
.newscon font a:hover{ color:#00a8ff;line-height:18px; text-decoration:underline;}

#fanye{ clear:both;margin:20px 0px 20px 78px;}
.fyiconbg{ background:url(../images/fanyeiconbg.gif) no-repeat; text-align:center; line-height:29px; color:#343434; width:79px; height:29px; float:left;}
.fyiconbg a{width:79px; height:29px; display:block; line-height:29px;}
.fyiconbg a:hover{ font-weight:bold;}
.fyiconnum{ display:block; float:left; font-size:14px;line-height:29px; padding:0 20px;}
.fyiconnum a{line-height:29px; padding:0 3px;}
.fyiconnum a:hover{color:#FF0000;}


table.newstable h2{ color:#333333; font-family:"微软雅黑", "宋体"; font-weight:bold; font-size:20px;}
table.newstable p{ padding:10px 0;line-height:22px;}
table.newstable p a{ line-height:22px;color:#0076ef; text-decoration:none;}
table.newstable p a:hover{ line-height:22px;color:#0076ef; text-decoration:underline;}
.newstextdh{ border-bottom:1px solid #e8e8e8;}
.newstextdh font{ font-size:12px;}
table.newstable img{ max-width:745px;width:expression(width>6745?"745px":width+"px");max-width: 745px;overflow:hidden;}


.about-page {
    overflow: hidden;
    position: relative;
    width: 100%;
    overflow: hidden;
}

.about-page .years {
    overflow: hidden;
    //overflow-x: auto;
    white-space: nowrap;
    width: 100%;
    font-size: 1.5em;
}

.about-page .years .swiper-wrapper {
    width: 100%;
    height: 100%;
}

.about-page .years .swiper-wrapper span {
    font-family: "Impact", "微软雅黑", "PingFangSC-Regular", "Heiti SC";
    width: 1.16;
    height: 2rem;
    line-height: 2rem;
    //font-weight: bolder;
    color: #ccc;
    cursor: pointer;
    float: left;
    display: block;
}

.about-page .years .year.grey {
    color: #ccc;
}

.about-page .years .year.active {
    color: orange;
    font-size: 1.5rem;
    border-bottom: 5px solid orange;
}

.about-page .years .year+.year {
    border-left: 0px;
}

.about-page .course_list>div {
    display: none;
    position: relative;
    left: 50%;
    transform: translate(-50%);
    -ms-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -webkit-transform: translate(-50%);
    -o-transform: translate(-50%);
}

.about-page .course_list {
    padding: 1rem 1.3rem 1.5rem 1.3rem;
    min-height: 14rem;
    position: relative;
}

.about-page .course_list div.info {
    width: 100%;
    position: relative;
    display: none;
    height: auto;
    overflow: hidden;
    padding-bottom: 2rem;
}

.about-page .course_list div.info .info_content {
    width: 100%;
    position: relative;
    max-height: 18rem;
    overflow: hidden;
    font-size: 14px;
}

.about-page .course_list p {
    color: #000;
    line-height: 1.5rem;
    display: block;
    max-height: 3rem;
    overflow: hidden;
}

.about-page .course_list div.info.active {
    display: block;
}


.table_contact {
	font-size: 16px;
}

.table_contact tr {
	height: 30px;
}

.table_contact .itemname {
	text-indent: 20px;
}