*{
    padding:0;
    margin:0;
}
.fl{
    float:left;
}
.fr{
    float:right;
}
ul, li{
    list-style-type: none;
    padding: 0;
    margin: 0;
}
.clearFix:after, .clearFix:before {
    content: "";
    display: table;
}
.part {
    width: 100%;
    margin: 0 auto;
}

/*common*/
.tit{
    text-align: center;
    overflow: hidden;
    margin: 60px auto 50px;
    width: 100%;
}
.tit span{
    /* background-color: initial; */
    display:block;
}
.tit span.one{
    color: rgb(229, 229, 229);
    font-size: 36px;
}
.tit span.two{
    font-size: 36px;
    color: rgb(53, 53, 53);
    font-weight:bold;
    position: relative;
    top: -14px;
}


/*first*/
.first{
    position:relative;
}
.slide-pic li{
    width: 100%;
    height: 700px;
    cursor: default;
    display: block;
}
.slide-content {
    background: none;
    height: 336px;
    border: none;
    margin: 7px 0 0 0;
    padding: 0;
    overflow: hidden;
    zoom: 1;
    font-size: 12px;
    position: absolute;
    top: 155px;
    left: 50%;
    width: 781px;
    background: url(../images/hd-content.png);
    margin-left: -390px;
}
.slide-content-part{
    position: absolute;top: 71px;width: 773px;height: 217px;text-align: center;
}
.slide-content span{

    background-color: initial;
    color:#fff;
    display: block;overflow: hidden;
    width: 100%;
    height: 90px;
}
.slide-content span.one{
    font-size: 70px;font-weight:bold;

}
.slide-content span.two{
    font-size: 22px;position: relative;top: 42px;
}
.slide-txt{
    margin:0 auto;
    text-align:center;
}
.slide-txt{
    height: 5px;
    position: absolute;
    z-index: 3;
    display: block;
    margin-left: -600px;
    left: 50%;
    bottom: 45px;
    width: 1200px;
    text-align: center;
}
.slide-txt li{

width: 45px;

height: 1px;

background: #fff;

cursor: pointer;

margin: 1px 5px;

top: 0px;

display: inline-block;
}
.slide-txt li.current{

height: 6px;

top: -2px;
}




/*second*/
.second{
    height: 500px;
    text-align: center;
}



.advantage {
    width: 1200px;
    position: relative;
    height: 100%;
    margin: 0 auto;
    overflow: hidden;
}
.advant{

width: 400px;

float: left;

text-align: center;

height: 194px;
}
.advant1, .advant2{background: url(../images/fgx.png) no-repeat;background-position: 399px 0;}

.des1 {
    font-size: 60px;
    font-weight: normal;
    color: rgba(196, 0, 0, 1);
    margin-top:10px;
}

.des2 {
    font-size: 22px;
    color: rgb(76, 76, 76);
}

.des3 {
    font-size: 14px;
    margin-top: 30px;
    color:#b2b2b2;
}

/*third*/
.third {
    position: relative;
    font-size: 12px;
    height: 1000px;
    background: url(../images/third-bg.jpg) repeat top ,transparent;
    background-size: cover;
    width: 100%;
    height: 1050px;
}
.content-all {
    width: 1200px;
    position: relative;
    background: none;
    height: 100%;
    margin: 0 auto;
    overflow: hidden;
}
.third .tit span.one{
    color:#353535;
}
.third .tit span.two{
    color: rgb(229, 229, 229);
}



.about-content{
    height: 818px;
    position:absolute;
    width: 1200px;
    background: url(../images/third-content-bg.png) no-repeat;
}


.content-1{
    
height: 295px;
    
padding: 60px 50px 0;
}


.content-pic{
    width: 502px;
    ;
}
.content-con {
    width: 520px;
    margin: 67px 20px;
}
.content-tit{
    width: 100%;
    height: 70px;
    ;
}
.content-tit span{
font-size: 26px; color: rgb(53, 53, 53);font-weight:bold;
}
.content-txt{
    width: 527px;
    ;
    font-size: 16px;
    line-height: 30px;
    color: rgb(102, 102, 102);
}
/*fourth*/
.fourth {
    height: 950px;
}
.game-all{
    width: 1200px;
    position: relative;
    background: none;
    height: 100%;
    margin: 0 auto;
    overflow: hidden;
}
.four .tit span.one{
    color:#353535;
}
.four .tit span.two{
    color: rgb(229, 229, 229);
}

.game-content{
    width: 277px;
    height: 570px;
    float: left;
    margin: 0 23px 0 0;
}
.game-content.end{
    margin-right:0px;
}
.game-des{
    position: absolute;
    top: 570px;
    width: 277px;
    height: 108px;
    ;
    background:url(../images/game-bg.png);
    text-align: center;
    padding: 20px 0;
}
.game-des-1{
    color: rgb(242, 242, 242);
    display:block;
    height: 50px;
    font-size: 18px;
    line-height: 50px;
    font-weight: bold;
}
.game-des-2{
    font-size: 14px; background-color: initial;color: rgb(242, 242, 242);
}

/*footer*/
.footer-1{
    width: 100%;
    height: 200px;
    background: #323232;
    border-top: 3px solid #c40001;
    color: #262626;
}
.footer-content{
    width:1200px;
    margin:0 auto;
    padding: 30px;
}
.footer-all {
    margin-top: 80px;
}
.footer-con{
    
width: 299px;
    
float: left;
    
text-align: center;
    
border-right: 1px solid #404040;
}
.footer-con.end{
    border-right:none;
}
.footer-2{
    width: 100%;
    /* height: 80px; */
    background:  #262626;
}
.footer-content p{
    padding-top: 6px;
    text-align:center;
    font-size: 12px;
    color: rgba(101, 101, 101, 1);
}
.footer-content a{
    font-size: 12px;
    color: rgba(101, 101, 101, 1);
    text-decoration: none;
}



/*header*/
.header {
    height: 120px;
    width: 100%;
    background: #fff;
}
.header-content {
    width: 1200px;
    margin: 0 auto;
}

.nav-logo, .nav-logo a {
    height: 120px;
    float: left;
    width: 180px;
}
.nav-box {
    height: 120px;
    float: right;
    position: relative;
}

.nav-box li {
    float: left;
    height: 120px;
    width: 120px;
    text-align: center;
}
.nav-box li a {
        display: block;
        height: 70px;
        color: rgba(53, 53, 53, 1);
        padding-top: 34px;
        line-height: 28px;
        text-decoration: none;
        font-size: 16px;
}
.nav-box li a span{
    display: block;
    font-size: 14px;
    color: rgba(53, 53, 53, 1);
    line-height: 20px;
    font-family:"Microsoft YaHei";
}
.nav-box li:hover a, .nav-box li:hover a span, .nav-box li.cur a, .nav-box li.cur span {
    color: #c40000;
}

/*about*/
.about-part1 {
    overflow: hidden;
}
.about-bg{
    height: 300px; background: none; overflow: hidden;
}

.about-bg img{
    width: 100%; position: relative; height: 300px; overflow: hidden; margin: 0px auto;
}
.about-part1-all{
    width: 1200px;
    margin: 60px auto 100px;
    min-height: 490px;
}
.about-part1-all img{
    float: right;
}
.about-part1-content{
    width: 600px;
    float: left;
}
.about-part1-content .tit{
    
margin: 0 0 50px;
    
text-align: left;
}
.about-part1-con{
    line-height: 30px;
    color: rgb(102, 102, 102);
    font-size: 14px;
    width: 100%;
    /* padding: 0 0px 5px; */
    /* box-sizing: border-box; */
    overflow: hidden;
    min-height: 340px;
}

.about-part1-con p{
    margin-bottom:30px
}


.about-left {
    width: 222px;
    float: left;
}
.about-left ul {
    padding: 5px 0;
    background: #f5f5f5;
    overflow: hidden;
    margin-bottom: 20px;
}
.about-left li a {
    display: block;
    width: 100%;
    height: 62px;
    text-indent: 2em;
    line-height: 62px;
    color: #5a5a5a;
    font-weight: bold;
    text-decoration: none;
    font-size: 18px;
    position: relative;
    
}
.about-left li.active a{
    background: #c40000;
    color: #fff;
}
.about-left li.active a:after {
    content: ">";
    display: block;
    width: 26px;
    height: 26px;
    line-height: 26px;
    text-indent: 0;
    text-align: center;
    position: absolute;
    top: 20px;
    left: 160px;
    background: #fff;
    color: #ff5a00;
    border-radius: 13px;
}
.about-main {
    width: 928px;
    float: right;
    padding-bottom: 40px;
}
.about-part1-con .title {
    width: 100%;
    height: 34px;
    padding-bottom: 20px;
    border-bottom: 1px solid #9b9b9b;
    margin-bottom: 20px;
}
.title-left {
    width: 100%;
    float: left;
    height: 34px;
    border-left: 6px solid #c40000;
    color: #353535;
    text-indent: 20px;
    font-size: 32px;
    font-weight: bold;
    line-height: 32px;
}
.title-left span {
    font-size: 26px;
    color: #a0a0a0;
}
.title-right {
    width: 400px;
    float: right;
    line-height: 60px;
    text-align: right;
    font-size: 12px;
}
.title-right a {
    color: #000;
    font-size: 12px;
    text-decoration: none;
}
.about-main-content {
    padding: 0 0 20px;
    width: 928px;
    float: right;
    padding-bottom: 40px;
}
.about-main-content p {
    /* color: rgba(255,90,0,0.75); */
    /* font-size: 14px; */
    line-height: 30px;
    overflow: hidden;
    width: 100%;
    text-indent: 2em;
    color: #626262;
    font-size: 16px;
}
.about-part1-main {
    /* margin-top: 40px; */
}
.about-part1-main p span{color: #e25000;}
.about-part1-main ul li {
    width: 100%;
    height: 160px;
    padding: 30px 0 30px 0;
    border-bottom: 1px solid #d8d8d8;
}
.about-part1-main img {
    /* display: block; */
    /* float: left; */
    /* width: 220px; */
    /* height: 160px; */
    padding: 0 30px 0 20px;
}
.company-new-list-text {
    width: 658px; 
    float: right; 
}
.company-new-list-text h3 {
    font-size: 22px;
    overflow: hidden;
}
.company-new-list-text h3 a {
    display: block;
    width: 580px;
    color: #454444;
    text-decoration: none;
    overflow: hidden;
    float: left;
}
.company-new-list-text h3 span {
    display: block;
    width: 78px;
    font-size: 14px;
    font-weight: normal;
    float: left;
    line-height: 33px;
    color: #ff5a00;
}
.company-new-list-text p {
    color: #7b7b7b;
    font-size: 16px;
    line-height: 30px;
}
.company-new-list-text .xq {
    display: block;
    width: 88px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    color: #fff;
    text-decoration: none;
    background: #ff5a00;
    font-size: 14px;
    margin-top: 8px;
}
/*game*/
.game-part1-all {
    width: 1200px;
    margin: 0px auto 100px;
    min-height: 550px;
    overflow: hidden;
}

.game-part1-content {
    width: 375px;
    box-shadow: 0 0 15px 0 rgba(0,0,0,.1);
    border-radius: 6px;
    overflow: hidden;
    background: #fff;
    margin: 0 12px 40px;
    float: left;
    height: 330px;
    font-size: 14px;
    line-height: 30px;
    color: rgb(102, 102, 102);
}

.game-part1-con {
    padding: 15px;
    width: 100%;
    box-sizing: border-box;
    overflow: hidden;
}

.game-pic {
    width: 375px;
    height: 170px;
    display: block;
}
.game-tit {
    height: 30px;
    line-height: 30px;
    margin-bottom: 10px;
}
.game-tit a{
    font-size: 16px;
    color: #333;
    text-decoration: none;
}
a.enter {
    float: right;
    border: 1px solid #333;
    border-radius: 20px;
    padding: 0 11px;
    height: 28px;
    line-height: 28px;
}

/*join*/
.join-part1 {
    background-size: cover;
    background: url(http://20684708.s61i.faiusr.com/2/AD0IpL-uCRACGAAg07HK7QUo3vH8PDCADzi_Bg.jpg) no-repeat;
   
    height: 100%;
    width: 100%;
}

.join-part1-all {
    width: 1200px;
    margin: 0 auto;
    min-height: 830px;
    overflow: hidden;
    position: relative;
}
.join-part1-content {
    position: relative;
    top: 132px;
    left: 645px;
    width: 374px;
    height: 47px;
}

.join-part1-content .tit {
    margin: 0;
    text-align: left;
}

.join-part1-content .tit span.one {
    color: rgb(89, 89, 89);
}
.join-part1-content .tit span.two {
    color: #fff;
}
.join-part1-con1{
    position: relative;
    top: 236px;
    left: 645px;
    width: 555px;
    height: 52px;
    font-size: 14px;
    color: rgb(128, 128, 128);
}
.join-part1-con2{
    position: relative;
    top: 305px;
    left: 674px;
    height: 202px;
    background: url(../images/kj.png);
    width: 515px;
    padding: 10px;
    font-size: 14px;
    color: rgb(242, 242, 242);
    line-height: 30px;
}
.join-part1-con3{
    position: relative;
    top: 351px;
    left: 663px;
    width: 300px;
    height: 100px;
}
.join-part1-con3 img{
    /* float:left; */
    width: 60px;
    height: 60px;
    border-radius: 50px;
    position: relative;
    top: 10px;
    left: 15px;
}
.join-part1-con3-con{
    position: relative;
    top: 16px;
    /* left: 68px; */
    width: 200px;
    height: 49px;
    float: right;
}
.join-part1-con3 span{
    display:block;
}
.join-part1-con3 span.one{
    font-size: 22px; color: rgb(50, 50, 50);
}
.join-part1-con3 span.two{
    font-size: 14px; color: rgb(128, 128, 128);
}


.join-part2-all {
    width: 1200px;
    margin: 0 auto;
    min-height: 830px;
    overflow: hidden;
    position: relative;
}

.join-part2-tit{
    height:50px;
    line-height:50px;
}

.join-part2-tit li{
    
width: 298px;
    
float: left;
    
text-align: center;
    
border: 1px solid #d4d4d4;
    
border-right: none;
    
position: relative;
    
animation: none 0s ease 0s 1 normal none running;
    
cursor: pointer;
}
.join-part2-tit li.current{
    background: #c40000;
    color:#fff;
}
.join-part2-tit li.end{

    border-right: 1px solid #d4d4d4;
}
.join-part2-tit li.current .tabItemTriangle{
    left:50%;
    margin-left: -5px;
    width: 10px;
    height: 10px;
    background: #c40000;
    top: 44px;
    position:absolute;
    transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    -moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);
    border: 1px solid #c40000;
    border-top:none;
    border-left:none;
}

.job-content {
    margin: 10px 0 50px 0;
}
.job-content-tit {
    margin-left: 0.0000pt;
    text-indent: 0.0000pt;
    line-height: 300%;
    font-size: 19.5pt;
    font-weight: bold;
}
.job-content-html p{line-height: 25px;margin-bottom: 10px;margin-top: 10px;font-size: 16px;}
.job-tit{
    
color: rgb(84, 141, 212);
    
font-weight: bold;
}
.job-content-html p span{/* font-size: 16px; */}

.job-content-html p.contact1{margin-left: 0pt;padding: 0px;text-indent: 0pt;white-space: normal;margin-bottom: 10px;margin-top: 10px;line-height: 2.5;font-size: 16px;}
.job-content-html p.contact1 span{line-height: 2.5;font-size: 16px;}
.wx{}
.wx span{text-indent: 0pt;color: rgb(229, 51, 51);font-weight: bold;}
.yx{
line-height: 40px; font-family: &#206;&#161;&#161;&#161;¡§&#172;|&#161;&#161;&#161;¡ì&#172;&#161;&#161;&#161;¡ì&#172;&#161;&#161;&#161;¡ì&#172;a&#209;&#197;o&#161;&#161;&#161;¡ì&#172;2; font-size: 16px;
}
.yx span{
text-indent: 0pt; font-family: &#206;&#161;&#161;&#161;¡§&#172;|&#161;&#161;&#161;¡ì&#172;&#161;&#161;&#161;¡ì&#172;&#161;&#161;&#161;¡ì&#172;a&#209;&#197;o&#161;&#161;&#161;¡ì&#172;2; line-height: 2.5; color: rgb(229, 51, 51);
}
/*contact*/
.contact-bg {
    height: 300px;
    background: none;
    overflow: hidden;
}
.contact-bg img {
    width: 100%;
    position: relative;
    height: 300px;
    overflow: hidden;
    margin: 0px auto;
}
.contact-part1-all {
    width: 1100px;
    margin: 60px auto 100px;
    height: 650px;
}
.contact-part1-all .tit{
    margin:80px auto 20px;
}
.contact-box {
    width: 465px;
    height: 450px;
    float: left;
    position: relative;
    /* margin: 50px 0 0 0; */
}
.contact-box:first-child {
    margin-right: 168px;
}
.contact-box .contact-title {
    position: absolute;
    width: 108px;
    height: 108px;
    padding: 10px;
    border-radius: 10px;
    background: #f5f5f5;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    left: 165px;
}
.contact-box .contact-n-title {
    width: 108px;
    height: 108px;
    background: #c40000;
    border-radius: 10px;
    overflow: hidden;
}

.contact-box .contact-n-title::before {
    content: "";
    display: block;
    width: 90px;
    height: 80px;
    background: url(../images/contact-way-icon.jpg) no-repeat;
    transform: rotate(-45deg);
    margin: 10px 0 0 10px;
}
.contact-box:last-child .contact-n-title::before {
    background-position: -95px 0;
}
.contact-part1-content {
    /* width: 960px; */
}
.contact-box .contact-content {
    margin-top: 70px;
    height: 380px;
    background: #eaeaea;
    overflow: hidden;
    text-align: center;
}
.contact-box .contact-content h3 {
    font-size: 26px;
    margin-top: 95px;
    margin-bottom: 20px;
}
.contact-box {
    /* width: 465px; */
    /* height: 450px; */
    /* float: left; */
    /* position: relative; */
    margin: 50px 0 0 0;
}
.contact-content p{
    margin-top:0px;
    margin-bottom:0px;
    padding:0px;
    color:#696969;
    font-size:16px;
    line-height:30px;
    font-family:"Microsoft YaHei", Arial, sans-serif;
    text-align:center;
    white-space:normal;
}

/*news*/
.news-bg {
    background: url(../images/news-bg.jpg) no-repeat;
    width: 100%;
    /* overflow: hidden; */
    min-height: 1153px;
}
.news-part1-all {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
    min-height: 1153px;
}
.news-part1-all .tit span.one{

color: rgb(87, 87, 87);
}
.news-part1-all .tit span.two{
    
color: #fff;
}
.news-content{
    height: 780px;
    position: absolute;
    width: 1040px;
    background: url(../images/third-content-bg.png) no-repeat;
    top: 350px;
    padding: 30px 80px;
    margin: 0 auto 100px;
}
.news-content-1 {
    border-bottom: 1px solid hsla(0,0%,60%,.15);
    height: 64px;
    padding: 30px 0;
}
.news-time {
    width: 76px;
    /* box-sizing: border-box; */
    height: 72px;
    /* vertical-align: middle; */
    /* display: inline-block; */
    text-align: left;
    color: #626971;
    float: left;
}
.time-1 {
    font-size: 24px;
    height: 28px;
    line-height: 28px;
}
.time-2 {
    font-size: 14px;
    height: 28px;
    line-height: 28px;
}
.news-content-2 {
    padding: 0px 20px;
    border-left: 1px solid #efefef;
    float: left;
    width: 923px;
    height: 55px;
}

.news-content-2 a{

font-size: 16px;

color: #333;

text-decoration: none;

/* height: 25px; */

/* line-height: 25px; */

width: 100%;

display: block;
}
.news-content-2 a span{

font-size: 16px;

color: #333;

height: 22px;

line-height: 22px;

display: inline-block;

width: 100%;
}
.news-content-2 a p{

overflow: hidden;

text-overflow: ellipsis;

white-space: nowrap;

height: 25px;

line-height: 25px;

color: #878787;

font-size: 14px;

margin-top: 6px;
}
.pageNum {
    height: 50px;
    margin: 20px auto 0;
    padding-top: 20px;
    text-align: center;
}
.pageNum li {
    font-size: 14px;
    line-height: 30px;
    margin: 0 2px;
    padding: 0 10px;
    display: inline-block;
    /* background: #806d5c; */
    color: #333;
}
.pageNum li a {
    color: #333;
    text-decoration: none;
}
.pageNum .thisclass {
    color: #000;
    /* background: #ca8a39; */
}
.pageNum strong{
    font-weight:normal;
}

/*article*/
.contains {
    min-height: 780px;
    /* position: relative; */
    width: 1040px;
    background: #fff;
    /* top: 200px; */
    padding: 30px 78px;
    margin: 0 auto 100px;
    box-shadow: 1px 1px 1px 1px #e6e6e6;
    margin-top: 220px;
}
.small_title {
    height: 93px;
    border-bottom: 1px solid #a9a4a6;
    position: relative;
    /* padding-top: 20px; */
}
.small_title h1 {
    font-size: 21px;
    color: #4c4c4c;
    font-weight: bold;
    text-align: center;
    line-height: 50px;
}
.autor {
    /* position: absolute; */
    /* top: 50px; */
    /* right: 6px; */
    font-size: 13px;
    color: #adadad;
    text-align: center;
}
.data-box {
    color: #333;
    line-height: 30px;
    font-size: 14px;
    margin-top: 28px;
}
.article {
    padding: 0 20px;
    /* text-align: left; */
    color: #333;
    line-height: 30px;
    font-size: 14px;
    margin-top: 28px;
}
*{
    padding:0;
    margin:0;
}
.fl{
    float:left;
}
.fr{
    float:right;
}
ul, li{
    list-style-type: none;
    padding: 0;
    margin: 0;
}
.clearFix:after, .clearFix:before {
    content: "";
    display: table;
}
.part {
    width: 100%;
    margin: 0 auto;
}

/*common*/
.tit{
    text-align: center;
    overflow: hidden;
    margin: 60px auto 50px;
    width: 100%;
}
.tit span{
    /* background-color: initial; */
    display:block;
}
.tit span.one{
    color: rgb(229, 229, 229);
    font-size: 36px;
}
.tit span.two{
    font-size: 36px;
    color: rgb(53, 53, 53);
    font-weight:bold;
    position: relative;
    top: -14px;
}


/*first*/
.first{
    position:relative;
}
.slide-pic li{
    width: 100%;
    height: 700px;
    cursor: default;
    display: block;
}
.slide-content {
    background: none;
    height: 336px;
    border: none;
    margin: 7px 0 0 0;
    padding: 0;
    overflow: hidden;
    zoom: 1;
    font-size: 12px;
    position: absolute;
    top: 155px;
    left: 50%;
    width: 781px;
    background: url(../images/hd-content.png);
    margin-left: -390px;
}
.slide-content-part{
    position: absolute;top: 71px;width: 773px;height: 217px;text-align: center;
}
.slide-content span{

    background-color: initial;
    color:#fff;
    display: block;overflow: hidden;
    width: 100%;
    height: 90px;
}
.slide-content span.one{
    font-size: 70px;font-weight:bold;

}
.slide-content span.two{
    font-size: 22px;position: relative;top: 42px;
}
.slide-txt{
    margin:0 auto;
    text-align:center;
}
.slide-txt{
    height: 5px;
    position: absolute;
    z-index: 3;
    display: block;
    margin-left: -600px;
    left: 50%;
    bottom: 45px;
    width: 1200px;
    text-align: center;
}
.slide-txt li{

width: 45px;

height: 1px;

background: #fff;

cursor: pointer;

margin: 1px 5px;

top: 0px;

display: inline-block;
}
.slide-txt li.current{

height: 6px;

top: -2px;
}




/*second*/
.second{
    height: 500px;
    text-align: center;
}



.advantage {
    width: 1200px;
    position: relative;
    height: 100%;
    margin: 0 auto;
    overflow: hidden;
}
.advant{

width: 400px;

float: left;

text-align: center;

height: 194px;
}
.advant1, .advant2{background: url(../images/fgx.png) no-repeat;background-position: 399px 0;}

.des1 {
    font-size: 60px;
    font-weight: normal;
    color: rgba(196, 0, 0, 1);
    margin-top:10px;
}

.des2 {
    font-size: 22px;
    color: rgb(76, 76, 76);
}

.des3 {
    font-size: 14px;
    margin-top: 30px;
    color:#b2b2b2;
}

/*third*/
.third {
    position: relative;
    font-size: 12px;
    height: 1000px;
    background: url(../images/third-bg.jpg) repeat top ,transparent;
    background-size: cover;
    width: 100%;
    height: 1050px;
}
.content-all {
    width: 1200px;
    position: relative;
    background: none;
    height: 100%;
    margin: 0 auto;
    overflow: hidden;
}
.third .tit span.one{
    color:#353535;
}
.third .tit span.two{
    color: rgb(229, 229, 229);
}



.about-content{
    height: 818px;
    position:absolute;
    width: 1200px;
    background: url(../images/third-content-bg.png) no-repeat;
}


.content-1{
    
height: 295px;
    
padding: 60px 50px 0;
}


.content-pic{
    width: 502px;
    ;
}
.content-con {
    width: 520px;
    margin: 67px 20px;
}
.content-tit{
    width: 100%;
    height: 70px;
    ;
}
.content-tit span{
font-size: 26px; color: rgb(53, 53, 53);font-weight:bold;
}
.content-txt{
    width: 527px;
    ;
    font-size: 16px;
    line-height: 30px;
    color: rgb(102, 102, 102);
}
/*fourth*/
.fourth {
    height: 950px;
}
.game-all{
    width: 1200px;
    position: relative;
    background: none;
    height: 100%;
    margin: 0 auto;
    overflow: hidden;
}
.four .tit span.one{
    color:#353535;
}
.four .tit span.two{
    color: rgb(229, 229, 229);
}

.game-content{
    width: 277px;
    height: 570px;
    float: left;
    margin: 0 23px 0 0;
}
.game-content.end{
    margin-right:0px;
}
.game-des{
    position: absolute;
    top: 570px;
    width: 277px;
    height: 108px;
    ;
    background:url(../images/game-bg.png);
    text-align: center;
    padding: 20px 0;
}
.game-des-1{
    color: rgb(242, 242, 242);
    display:block;
    height: 50px;
    font-size: 18px;
    line-height: 50px;
    font-weight: bold;
}
.game-des-2{
    font-size: 14px; background-color: initial;color: rgb(242, 242, 242);
}

/*footer*/
.footer-1{
    width: 100%;
    height: 200px;
    background: #323232;
    border-top: 3px solid #c40001;
    color: #262626;
}
.footer-content{
    width:1200px;
    margin:0 auto;
    padding: 30px;
}
.footer-all {
    margin-top: 80px;
}
.footer-con{
    
width: 299px;
    
float: left;
    
text-align: center;
    
border-right: 1px solid #404040;
}
.footer-con.end{
    border-right:none;
}
.footer-2{
    width: 100%;
    /* height: 80px; */
    background:  #262626;
}
.footer-content p{
    padding-top: 6px;
    text-align:center;
    font-size: 12px;
    color: rgba(101, 101, 101, 1);
}
.footer-content a{
    font-size: 12px;
    color: rgba(101, 101, 101, 1);
    text-decoration: none;
}



/*header*/
.header {
    height: 120px;
    width: 100%;
    background: #fff;
}
.header-content {
    width: 1200px;
    margin: 0 auto;
}

.nav-logo, .nav-logo a {
    height: 120px;
    float: left;
    width: 180px;
}
.nav-box {
    height: 120px;
    float: right;
    position: relative;
}

.nav-box li {
    float: left;
    height: 120px;
    width: 120px;
    text-align: center;
}
.nav-box li a {
        display: block;
        height: 70px;
        color: rgba(53, 53, 53, 1);
        padding-top: 34px;
        line-height: 28px;
        text-decoration: none;
        font-size: 16px;
}
.nav-box li a span{
    display: block;
    font-size: 14px;
    color: rgba(53, 53, 53, 1);
    line-height: 20px;
    font-family:"Microsoft YaHei";
}
.nav-box li:hover a, .nav-box li:hover a span, .nav-box li.cur a, .nav-box li.cur span {
    color: #c40000;
}

/*about*/
.about-part1 {
    overflow: hidden;
}
.about-bg{
    height: 300px; background: none; overflow: hidden;
}

.about-bg img{
    width: 100%; position: relative; height: 300px; overflow: hidden; margin: 0px auto;
}
.about-part1-all{
    width: 1200px;
    margin: 60px auto 100px;
    min-height: 490px;
}
.about-part1-all img{
    float: right;
}
.about-part1-content{
    width: 600px;
    float: left;
}
.about-part1-content .tit{
    
margin: 0 0 50px;
    
text-align: left;
}
.about-part1-con{
    line-height: 30px;
    color: rgb(102, 102, 102);
    font-size: 14px;
    width: 100%;
    /* padding: 0 0px 5px; */
    /* box-sizing: border-box; */
    overflow: hidden;
    min-height: 340px;
}

.about-part1-con p{
    margin-bottom:30px
}


.about-left {
    width: 222px;
    float: left;
}
.about-left ul {
    padding: 5px 0;
    background: #f5f5f5;
    overflow: hidden;
    margin-bottom: 20px;
}
.about-left li a {
    display: block;
    width: 100%;
    height: 62px;
    text-indent: 2em;
    line-height: 62px;
    color: #5a5a5a;
    font-weight: bold;
    text-decoration: none;
    font-size: 18px;
    position: relative;
    
}
.about-left li.active a{
    background: #c40000;
    color: #fff;
}
.about-left li.active a:after {
    content: ">";
    display: block;
    width: 26px;
    height: 26px;
    line-height: 26px;
    text-indent: 0;
    text-align: center;
    position: absolute;
    top: 20px;
    left: 160px;
    background: #fff;
    color: #ff5a00;
    border-radius: 13px;
}
.about-main {
    width: 928px;
    float: right;
    padding-bottom: 40px;
}
.about-part1-con .title {
    width: 100%;
    height: 34px;
    padding-bottom: 20px;
    border-bottom: 1px solid #9b9b9b;
    margin-bottom: 20px;
}
.title-left {
    width: 100%;
    float: left;
    height: 34px;
    border-left: 6px solid #c40000;
    color: #353535;
    text-indent: 20px;
    font-size: 32px;
    font-weight: bold;
    line-height: 32px;
}
.title-left span {
    font-size: 26px;
    color: #a0a0a0;
}
.title-right {
    width: 400px;
    float: right;
    line-height: 60px;
    text-align: right;
    font-size: 12px;
}
.title-right a {
    color: #000;
    font-size: 12px;
    text-decoration: none;
}
.about-main-content {
    padding: 0 0 20px;
    width: 928px;
    float: right;
    padding-bottom: 40px;
}
.about-main-content p {
    /* color: rgba(255,90,0,0.75); */
    /* font-size: 14px; */
    line-height: 30px;
    overflow: hidden;
    width: 100%;
    text-indent: 2em;
    color: #626262;
    font-size: 16px;
}
.about-part1-main {
    /* margin-top: 40px; */
}
.about-part1-main p span{color: #e25000;}
.about-part1-main ul li {
    width: 100%;
    height: 160px;
    padding: 30px 0 30px 0;
    border-bottom: 1px solid #d8d8d8;
}
.about-part1-main img {
    /* display: block; */
    /* float: left; */
    /* width: 220px; */
    /* height: 160px; */
    padding: 0 30px 0 20px;
}
.company-new-list-text {
    width: 658px; 
    float: right; 
}
.company-new-list-text h3 {
    font-size: 22px;
    overflow: hidden;
}
.company-new-list-text h3 a {
    display: block;
    width: 580px;
    color: #454444;
    text-decoration: none;
    overflow: hidden;
    float: left;
}
.company-new-list-text h3 span {
    display: block;
    width: 78px;
    font-size: 14px;
    font-weight: normal;
    float: left;
    line-height: 33px;
    color: #ff5a00;
}
.company-new-list-text p {
    color: #7b7b7b;
    font-size: 16px;
    line-height: 30px;
}
.company-new-list-text .xq {
    display: block;
    width: 88px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    color: #fff;
    text-decoration: none;
    background: #ff5a00;
    font-size: 14px;
    margin-top: 8px;
}
/*game*/
.game-part1-all {
    width: 1200px;
    margin: 0px auto 100px;
    min-height: 550px;
    overflow: hidden;
}

.game-part1-content {
    width: 375px;
    box-shadow: 0 0 15px 0 rgba(0,0,0,.1);
    border-radius: 6px;
    overflow: hidden;
    background: #fff;
    margin: 0 12px 40px;
    float: left;
    height: 330px;
    font-size: 14px;
    line-height: 30px;
    color: rgb(102, 102, 102);
}

.game-part1-con {
    padding: 15px;
    width: 100%;
    box-sizing: border-box;
    overflow: hidden;
}

.game-pic {
    width: 375px;
    height: 170px;
    display: block;
}
.game-tit {
    height: 30px;
    line-height: 30px;
    margin-bottom: 10px;
}
.game-tit a{
    font-size: 16px;
    color: #333;
    text-decoration: none;
}
a.enter {
    float: right;
    border: 1px solid #333;
    border-radius: 20px;
    padding: 0 11px;
    height: 28px;
    line-height: 28px;
}

/*join*/
.join-part1 {
    background-size: cover;
    background: url(http://20684708.s61i.faiusr.com/2/AD0IpL-uCRACGAAg07HK7QUo3vH8PDCADzi_Bg.jpg) no-repeat;
   
    height: 100%;
    width: 100%;
}

.join-part1-all {
    width: 1200px;
    margin: 0 auto;
    min-height: 830px;
    overflow: hidden;
    position: relative;
}
.join-part1-content {
    position: relative;
    top: 132px;
    left: 645px;
    width: 374px;
    height: 47px;
}

.join-part1-content .tit {
    margin: 0;
    text-align: left;
}

.join-part1-content .tit span.one {
    color: rgb(89, 89, 89);
}
.join-part1-content .tit span.two {
    color: #fff;
}
.join-part1-con1{
    position: relative;
    top: 236px;
    left: 645px;
    width: 555px;
    height: 52px;
    font-size: 14px;
    color: rgb(128, 128, 128);
}
.join-part1-con2{
    position: relative;
    top: 305px;
    left: 674px;
    height: 202px;
    background: url(../images/kj.png);
    width: 515px;
    padding: 10px;
    font-size: 14px;
    color: rgb(242, 242, 242);
    line-height: 30px;
}
.join-part1-con3{
    position: relative;
    top: 351px;
    left: 663px;
    width: 300px;
    height: 100px;
}
.join-part1-con3 img{
    /* float:left; */
    width: 60px;
    height: 60px;
    border-radius: 50px;
    position: relative;
    top: 10px;
    left: 15px;
}
.join-part1-con3-con{
    position: relative;
    top: 16px;
    /* left: 68px; */
    width: 200px;
    height: 49px;
    float: right;
}
.join-part1-con3 span{
    display:block;
}
.join-part1-con3 span.one{
    font-size: 22px; color: rgb(50, 50, 50);
}
.join-part1-con3 span.two{
    font-size: 14px; color: rgb(128, 128, 128);
}


.join-part2-all {
    width: 1200px;
    margin: 0 auto;
    min-height: 830px;
    overflow: hidden;
    position: relative;
}

.join-part2-tit{
    height:50px;
    line-height:50px;
}

.join-part2-tit li{
    
width: 298px;
    
float: left;
    
text-align: center;
    
border: 1px solid #d4d4d4;
    
border-right: none;
    
position: relative;
    
animation: none 0s ease 0s 1 normal none running;
    
cursor: pointer;
}
.join-part2-tit li.current{
    background: #c40000;
    color:#fff;
}
.join-part2-tit li.end{

    border-right: 1px solid #d4d4d4;
}
.join-part2-tit li.current .tabItemTriangle{
    left:50%;
    margin-left: -5px;
    width: 10px;
    height: 10px;
    background: #c40000;
    top: 44px;
    position:absolute;
    transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    -moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);
    border: 1px solid #c40000;
    border-top:none;
    border-left:none;
}

.job-content {
    margin: 10px 0 50px 0;
}
.job-content-tit {
    margin-left: 0.0000pt;
    text-indent: 0.0000pt;
    line-height: 300%;
    font-size: 19.5pt;
    font-weight: bold;
}
.job-content-html p{line-height: 25px;margin-bottom: 10px;margin-top: 10px;font-size: 16px;}
.job-tit{
    
color: rgb(84, 141, 212);
    
font-weight: bold;
}
.job-content-html p span{/* font-size: 16px; */}

.job-content-html p.contact1{margin-left: 0pt;padding: 0px;text-indent: 0pt;white-space: normal;margin-bottom: 10px;margin-top: 10px;line-height: 2.5;font-size: 16px;}
.job-content-html p.contact1 span{line-height: 2.5;font-size: 16px;}
.wx{}
.wx span{text-indent: 0pt;color: rgb(229, 51, 51);font-weight: bold;}
.yx{
line-height: 40px; font-family: &#206;&#161;&#161;&#161;&#161;¡ì&#172;|&#161;&#161;&#161;&#161;¨¬&#172;&#161;&#161;&#161;&#161;¨¬&#172;&#161;&#161;&#161;&#161;¨¬&#172;a&#209;&#197;o&#161;&#161;&#161;&#161;¨¬&#172;2; font-size: 16px;
}
.yx span{
text-indent: 0pt; font-family: &#206;&#161;&#161;&#161;&#161;¡ì&#172;|&#161;&#161;&#161;&#161;¨¬&#172;&#161;&#161;&#161;&#161;¨¬&#172;&#161;&#161;&#161;&#161;¨¬&#172;a&#209;&#197;o&#161;&#161;&#161;&#161;¨¬&#172;2; line-height: 2.5; color: rgb(229, 51, 51);
}
/*contact*/
.contact-bg {
    height: 300px;
    background: none;
    overflow: hidden;
}
.contact-bg img {
    width: 100%;
    position: relative;
    height: 300px;
    overflow: hidden;
    margin: 0px auto;
}
.contact-part1-all {
    width: 1100px;
    margin: 60px auto 100px;
    height: 650px;
}
.contact-part1-all .tit{
    margin:80px auto 20px;
}
.contact-box {
    width: 465px;
    height: 450px;
    float: left;
    position: relative;
    /* margin: 50px 0 0 0; */
}
.contact-box:first-child {
    margin-right: 168px;
}
.contact-box .contact-title {
    position: absolute;
    width: 108px;
    height: 108px;
    padding: 10px;
    border-radius: 10px;
    background: #f5f5f5;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    left: 165px;
}
.contact-box .contact-n-title {
    width: 108px;
    height: 108px;
    background: #c40000;
    border-radius: 10px;
    overflow: hidden;
}

.contact-box .contact-n-title::before {
    content: "";
    display: block;
    width: 90px;
    height: 80px;
    background: url(../images/contact-way-icon.jpg) no-repeat;
    transform: rotate(-45deg);
    margin: 10px 0 0 10px;
}
.contact-box:last-child .contact-n-title::before {
    background-position: -95px 0;
}
.contact-part1-content {
    /* width: 960px; */
}
.contact-box .contact-content {
    margin-top: 70px;
    height: 380px;
    background: #eaeaea;
    overflow: hidden;
    text-align: center;
}
.contact-box .contact-content h3 {
    font-size: 26px;
    margin-top: 95px;
    margin-bottom: 20px;
}
.contact-box {
    /* width: 465px; */
    /* height: 450px; */
    /* float: left; */
    /* position: relative; */
    margin: 50px 0 0 0;
}
.contact-content p{
    margin-top:0px;
    margin-bottom:0px;
    padding:0px;
    color:#696969;
    font-size:16px;
    line-height:30px;
    font-family:"Microsoft YaHei", Arial, sans-serif;
    text-align:center;
    white-space:normal;
}

/*news*/
.news-bg {
    background: url(../images/news-bg.jpg) no-repeat;
    width: 100%;
    /* overflow: hidden; */
    min-height: 1153px;
}
.news-part1-all {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
    min-height: 1153px;
}
.news-part1-all .tit span.one{

color: rgb(87, 87, 87);
}
.news-part1-all .tit span.two{
    
color: #fff;
}
.news-content{
    height: 780px;
    position: absolute;
    width: 1040px;
    background: url(../images/third-content-bg.png) no-repeat;
    top: 350px;
    padding: 30px 80px;
    margin: 0 auto 100px;
}
.news-content-1 {
    border-bottom: 1px solid hsla(0,0%,60%,.15);
    height: 64px;
    padding: 30px 0;
}
.news-time {
    width: 76px;
    /* box-sizing: border-box; */
    height: 72px;
    /* vertical-align: middle; */
    /* display: inline-block; */
    text-align: left;
    color: #626971;
    float: left;
}
.time-1 {
    font-size: 24px;
    height: 28px;
    line-height: 28px;
}
.time-2 {
    font-size: 14px;
    height: 28px;
    line-height: 28px;
}
.news-content-2 {
    padding: 0px 20px;
    border-left: 1px solid #efefef;
    float: left;
    width: 923px;
    height: 55px;
}

.news-content-2 a{

font-size: 16px;

color: #333;

text-decoration: none;

/* height: 25px; */

/* line-height: 25px; */

width: 100%;

display: block;
}
.news-content-2 a span{

font-size: 16px;

color: #333;

height: 22px;

line-height: 22px;

display: inline-block;

width: 100%;
}
.news-content-2 a p{

overflow: hidden;

text-overflow: ellipsis;

white-space: nowrap;

height: 25px;

line-height: 25px;

color: #878787;

font-size: 14px;

margin-top: 6px;
}
.pageNum {
    height: 50px;
    margin: 20px auto 0;
    padding-top: 20px;
    text-align: center;
}
.pageNum li {
    font-size: 14px;
    line-height: 30px;
    margin: 0 2px;
    padding: 0 10px;
    display: inline-block;
    /* background: #806d5c; */
    color: #333;
}
.pageNum li a {
    color: #333;
    text-decoration: none;
}
.pageNum .thisclass {
    color: #000;
    /* background: #ca8a39; */
}
.pageNum strong{
    font-weight:normal;
}

/*article*/
.contains {
    min-height: 780px;
    /* position: relative; */
    width: 1040px;
    background: #fff;
    /* top: 200px; */
    padding: 30px 78px;
    margin: 0 auto 100px;
    box-shadow: 1px 1px 1px 1px #e6e6e6;
    margin-top: 220px;
}
.small_title {
    height: 93px;
    border-bottom: 1px solid #a9a4a6;
    position: relative;
    /* padding-top: 20px; */
}
.small_title h1 {
    font-size: 21px;
    color: #4c4c4c;
    font-weight: bold;
    text-align: center;
    line-height: 50px;
}
.autor {
    /* position: absolute; */
    /* top: 50px; */
    /* right: 6px; */
    font-size: 13px;
    color: #adadad;
    text-align: center;
}
.data-box {
    color: #333;
    line-height: 30px;
    font-size: 14px;
    margin-top: 28px;
}
.article {
    padding: 0 20px;
    /* text-align: left; */
    color: #333;
    line-height: 30px;
    font-size: 14px;
    margin-top: 28px;
}
.lr_box {
    position: absolute;
    right: 0;
    top: 10px;
    /* height: 89px; */
    float: right;
}

.deanmemberinfo {
    width: 234px;
    color: #333;
    font-size: 14px;
}

a.zcan, .yyzh, #user, .zhuxiao {
    width: 100px;
    /* float: left; */
    text-decoration: none;
    font-size: 13px;
    margin: 0 10px;
    padding: 2px 5px;
    background: #3bbac5;
    color: #fff;
}