html, body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset, input, img {
    margin:0px;
    padding:0px;
}
body {
    background-color:#fff;
}
html, body{
    height: 100%;
    min-height: 100%;
    box-sizing: border-box;
}
h1, h2, h3, h4, h5, h6, pre, code, address, caption, cite, code, th, p, a, li, td, div {
    font-family: "宋体", "Arial Unicode MS";
    font-size:14px;
    color:#333;
    line-height:24px;
}
ul, ol {
    list-style:none;
    overflow:hidden;
}
label {
    margin:0 5px;
}
input, select, option {
    font-family:"宋体", "Arial Unicode MS";
    font-size:12px;
    margin:0;
    border:0;
}
fieldset, img {
    border:none;
}
a {
blr:expression(this.onFocus=this.close());
} /* 只支持IE，过多使用效率低 */
a {
blr:expression(this.onFocus=this.blur());
} /* 只支持IE，过多使用效率低 */
a:focus {
    -moz-outline-style: none;
} /* IE不支持 */
a:focus {
    outline: none;
}
a {
    color:#333;
    text-decoration:none;
    cursor:pointer;
}
a:hover {
    color: #002F61;
    /*color:#7ec539;*/
}
.container {
    height: auto !important;
    min-height: 100%;
    /* 设置父元素为flex布局 */
    /*display: flex;*/
    /* 设置子元素的排列方向 */
    /*flex-direction: column;*/
    /* 设置子元素在该方向上的对齐方式 */
    /*justify-content: space-between;*/
}
.fl {
    float:left;
}
.fr {
    float:right;
}
.clear {
    clear:both;
}
.displaynone{
    display:none;
}
.case {
    position:relative;
    margin:-41px 0 35px 0;
    z-index:0;
}
.banner1 {
    background:url("../images/banner_01.jpg") repeat-x top center;
    min-width:850px;
 _width:expression((document.documentElement.clientWidth||document.body.clientWidth)<850?"850px":"");
    display:block;
    height:700px;
    position: relative;
    top:-41px;
    clear:both;
    width:100%;
}
.banner2 {
    background:url("../images/banner_02.jpg") repeat-x top center;
    min-width:850px;
    display:block;
    height:700px;
    width:100%;
}
.banner3 {
    background:url("../images/banner_03.jpg") repeat-x top center;
    min-width:850px;
    display:block;
    height:700px;
    width:100%;
}
.banner {
    background:#f0f0f0;
    height:40px;
    width:100%;
    position: relative;
    /*top:-41px;*/
    clear:both;
    text-align:center;
}
.banner img {
    width:920px;
    height:151px;
    margin-top:70px;
}
.content {
    width:875px;
    margin:0 auto;
    overflow:hidden;
}
.content1 {
    width:920px;
    height: 660px;
    /*min-height: 660px;*/
    margin:0 auto;
    overflow:hidden;
    padding-bottom: 150px;
}
.news {
    float:left;
    background:url("../images/cut.jpg") no-repeat center right;
    margin-right:19px;
    height:162px;
}
.Title {
    background:url("../images/tag.png") no-repeat;
    width:81px;
    height:18px;
}
.aboutTitle {
    background-position:0 0;
}
.productTitle {
    background-position:0 -20px;
}
.jobTitle {
    background-position:0 -36px;
}
.news .conText {
    padding:10px 14px 36px 7px;
    margin-top:10px;
}
.news .conText img {
    margin:0px 20px 0px 5px;
}
.more {
    margin-right:24px;
    _margin-right:12px;
}
.newsTitle {
    width:253px;
    background:url("../images/point.jpg") no-repeat center left;
    padding-left:15px;
    margin-right:50px;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: keep-all;
    overflow:hidden;
    display:block;
    float:left;
}
.newsname {
    display:block;
    margin:15px 10px 0 0;
    overflow:hidden;
}
.news .conText span {
    line-height:16px;
    letter-spacing:0.08em;
    cursor:pointer;
    font-size:16px;
}
.w238 {
    width:238px;
}
.jobText {
    padding:20px 0 0 0px;
    _padding:27px 0 0 0px;
}
.jobname {
    width:111px;
    display:inline-block;
    _line-height:31px;
    *line-height:28px;
    letter-spacing:0.08em;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: keep-all;
    overflow:hidden;
    margin:0 6px 7px 0;
    font-size:14px;
}
.ml5 {
    margin-left:-5px;
}
.mr9 {
    margin-right:9px;
}
.mr9 img{
    width: 151px;
    height: 95px;
}
.w274 {
    width:274px;
}
.w409 {
    width:450px;
}
.leftnav{
    width:142px;
    /*float:left;*/
    position: fixed;
    top: 300px;
    padding:3px;
    border: 1px solid black;
    border-radius: 5px;
}
#toTop{
    margin-left: 43px;
}
.rightcont{
    float:right;
    width:710px;
}
.leftlist{
    overflow:hidden;
}
.leftlist a{
    display:block;
    /*border-bottom:1px solid #cbcbcb;*/
    width:117px;
    line-height:33px;
    padding-left:48px;
}
.leftlistcurr, .leftlist a:hover{
    background:url("../images/yearhover.png");
    font-size:16px;
    color:#fff;
}
/**map**/
.contactTitle {
    background:url("../images/tag.png") no-repeat 0 -255px;
    width:120px;
    height:41px;
    margin-bottom:20px;
    float:left;
}
.map {
    margin:0 auto;
    overflow:hidden;
}
.address {
    width:700px;
    margin:10px auto 0 auto;
    line-height:60px;
    color:#4b4b4b;
    font-size:14px;
}
.contactus {
    width:576px;
    margin:0 auto;
    font-size:14px;
}
.contactus span {
    width:217px;
    display:block;
    margin:0 auto;
    color:#4b4b4b;
    line-height:24px;
}
.share {
    float: left;
}
.share .weixin {
    background: url("../images/wbico.png");
}
.share .link {
    display: block;
    float: left;
    height: 32px;
    width: 32px;
}
.share a {
    margin-right: 7px;
}
.share .qqwb {
     background: url("../images/wbico.png") -74px 0;
}
.share .weibo {
     background: url("../images/wbico.png") -37px 0;
}
/**about**/
.Titleabout{
    background:url("../images/tag.png") no-repeat 0 -109px;
    width:130px;
    height:41px;
    margin-bottom:20px;
}
.aboutCont {
    width:821px;
    margin:0 auto;
}
.aboutCont h2 {
    font-family:"微软雅黑", "Arial Unicode MS";
    font-size:16px;
    color:#08711c;
    line-height:35px;
    margin-top:10px;
}
.aboutCont p {
    line-height:24px;
}
.m20 {
    margin:60px auto 20px auto;
}
.mtb20 {
    margin:20px 0;
}
/**news**/
.Titlenews{
    background:url("../images/tag.png") no-repeat 0 -60px;
    width:120px;
    height:41px;
    margin-bottom:20px;
}
.newscont{
    margin-top:35px;
    border-bottom: 1px solid #cbcbcb;
}
.newstitle{
    padding-left:20px;
    background:url("../images/newspoint.png") center left no-repeat;
    font-family:"微软雅黑", "Arial Unicode MS";
    font-weight:bolder;
    color:#555;
    font-size:16px;
    float:left;
    line-height:30px;
}
.newstime{
    float:right;
    line-height:30px;
}
.numberpage{
    text-align:right;
    margin:40px 0 20px 0;
}
.numberpage .disabled{
    border:1px solid #a8a8a8;
    padding:3px 6px;
}
.numberpage .current{
    padding:3px 6px;
}
/**product**/
.games{
    background-position:0 -155px;
}
.producttitle{
    color:#000;
    font-size:20px;
    font-family:"微软雅黑", "Arial Unicode MS";
    font-weight:bold;
    margin-bottom:30px;
    padding-left:5px;
}
.gamelogo{
    border:2px solid #e7e7e7;
    float:left;
    margin-left:5px;
}
.tdbg{
    border-right:1px solid #e4e4e4;
    background:#f5f5f5;
    padding-left:35px;
    color:#000;
}
td{
    border-bottom:1px solid #e4e4e4;
    padding-left:12px;
    line-height:30px;
}
table{
    border-top:2px solid #777;
}
.gametitle{
    margin:30px 0 15px 0;
    color:#000;
    font-size:16px;
    font-family:"微软雅黑", "Arial Unicode MS";
    font-weight:bold;
    line-height:36px;
    border-bottom:2px solid #e4e4e4;
    padding-left:5px;
}
.gogame{
    background: url("../images/gobtn.jpg");
    width:94px;
    height:34px;
    border:none;
    cursor:pointer;
    float:right;
    margin:25px 0;
    text-indent:-9999px;
    display:block;
}
/**job**/
.Titlejob{
    background:url("../images/tag.png") no-repeat 0 -204px;
    width:120px;
    height:41px;
    margin-bottom:20px;
}
.aboutCont ul li{
    background:url("../images/lipoint.jpg") top left no-repeat;
    /*padding-left:10px;*/
}
.Occupation {
    width: 770px;
    margin:5px auto;
    background:#fff;
    position:relative;
    z-index:99;
    padding:0 20px;
}
.Occupation .active {
    background: none repeat scroll 0 0 #FFFFFF;
    border-bottom: 3px solid #398C5E;
    color: #398C5E;
}
.Occupation li {
    cursor: pointer;
    float: left;
    height: 30px;
    line-height: 30px;
    text-align: center;
    width: 128px;
}
.Occupation .normal {
    background: none repeat scroll 0 0 #F9F9F9;
    border-bottom: 3px solid #C5C5C5;
}
.none{
    display:none;
}
.TabContent{
    border-top:3px solid #c5c5c5;
    margin-top:-22px;
    padding-top:40px;
}
.jobinfo{
    width:420px;
    float:left;
    margin-right:30px;
}
.jobinfo h3{
    font-family:"微软雅黑", "Arial Unicode MS";
    font-size:18px;
    color:#000;
}
.jobinfo h4{
    font-family:"微软雅黑", "Arial Unicode MS";
    font-size:14px;
    line-height:60px;
}

/**popup**/
#erwei {
    left: 32%;
    position: absolute;
    top: 380px;
    z-index: 999;
    background:#999;
}
.erweiClose {
    background: none repeat scroll 0 0 #666666;
    color: #FFFFFF;
    cursor: pointer;
    display: block;
    font-family: Arial,Helvetica,sans-serif;
    height: 30px;
    line-height: 30px;
    position: absolute;
    right: -30px;
    text-align: center;
    top: 0;
    width: 30px;
}
.black_overlay {
    background-color: #000000;
    display: none;
    height: 100%;
    left: 0;
    opacity: 0.5;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 99;
}

/**topnav**/
.headbg{
    /*background:url("../images/topnav.png") repeat-x top center;*/
    background: #E2E2E2;
    width:100%;
    height:69px;
    min-width:850px;
    _width:expression((document.documentElement.clientWidth||document.body.clientWidth)<850?"850px":""); 
    position:relative;
    z-index:99;
}
.head{
    width:850px;
    margin:0 auto;
}
.head .logo{
    margin:10px 0 0 16px;
    float:left;
}
.head .rightContent{
    float:right;
    margin:7px 16px 0 0;
}
.head .rightContent p{
    text-align:right;
    margin-right:1px;
}
.head .rightContent p a{
    text-align:right;
    font-family:"黑体", "Arial Unicode MS";
    line-height:18px;
}



.topnav {
    margin-top:20px;
}

.topnav li{
    height:18px;
    width:68px;
    margin-left:28px;
    float:left;
    text-indent:-999px;
}
.topnav li a{    
    display: block;
    height: 18px;
    width: 100%;
    overflow:hidden;
}



.topnav .newsnav a{
    background:url("../images/nav.png") no-repeat -93px 0px;
}
.topnav .newsnav a:hover,.topnav .newsnav.active a{
    background-position:-93px -18px;
}

.topnav .about a{
    background:url("../images/nav.png") no-repeat -186px 1px;
}
.topnav .about a:hover,.topnav .about.active a{
    background-position:-186px -17px;
}

.topnav .product a{
    background:url("../images/nav.png") no-repeat -389px 2px;
}
.topnav .product a:hover,.topnav .product.active a{
    background-position:-389px -17px;
}

.topnav .job a{
    background:url("../images/nav.png") no-repeat -390px 0;
}
.topnav .job a:hover,.topnav .job.active a{
    background-position:-390px -18px;
}

.topnav .contact a{
    background:url("../images/nav.png") no-repeat -487px 0;
}
.topnav .contact a:hover,.topnav .contact.active a{
    background-position:-487px -18px;
}

.topnav .index a{
    background:url("../images/nav.png") no-repeat -590px 0;
}

.topnav .index a:hover,.topnav .index.active a{
    background-position:-590px -18px;
}

.topnav .jzjh a{
    background:url("../images/nav.png") no-repeat 0 0;
}
.topnav .jzjh a:hover,.topnav .jzjh.active a{
    background-position:0 -18px;}



/**footer**/
.footer-wrap{
    background: #E2E2E2;
    width: 100%;
    height: 150px;
    position: relative;
    z-index: 1;
    margin-top: -150px;
}
.footer{
    /*border-top:1px solid #c6c6c6;*/
    /*width:850px;*/
    width:1430px;
    margin:0px auto 0px;
    /*text-align:center;*/
    clear:both;
    /*background: #262A2D;*/
    overflow: hidden;
    /*height: 150px;*/
}
.footer a{color: #333333;}
.footer p{
    line-height:18px;
}
.mt40{
    margin-top:10px;
}
.footer_left{
    float: left;
    margin-top: 55px;
    width: 239px;
    height: 49px;
    background: url(../images/qitianlogo_185x50.png) no-repeat center left;
    border-right: 1px solid #002F61;
}
.wenhuajingying{
    float:left;
    margin-top: 50px;
    margin-left: 39px;
}
.footer_right{
    float: right;
    margin-top: 50px;

}




/**p-top**/
#p-top{background:;width:100%;min-width:1200px;height:545px;padding-bottom: 150px;position:relative;top:0px;clear:both;margin: 0 auto;overflow: hidden;}
#p-top .banner-wrap{
    width:1920px; /*图片宽度*/  
    position:absolute;  
    left:50%;  
    margin-left:-960px; /*图片宽度的一半*/
}

/*#p-banner-1{background: #EDEDED url("../images/banner_01.jpg") repeat-x 50% 0px;}
#p-banner-2{background: #EDEDED url("../images/banner_02.jpg") repeat-x 50% 0px ;}
#p-banner-3{background: #EDEDED url("../images/banner_03.jpg") repeat-x 50% 0px;}
#p-banner-4{background: #EDEDED url("../images/banner_04.jpg") repeat-x 50% 0px;}*/
.p-home-banner:after{content:".";display:block;height:0;clear:both;visibility:hidden;}

#p-top-banner.p-top-qh .p-container-body{clear:both;position:relative;height:700px;border:0 none;background:none;margin:0;height: 700px;}
#p-top-banner .p-top-qh-pane{position:relative;height:700px;overflow:hidden;clear:both;}
#p-top-banner .p-bannerqh{position:absolute;overflow:hidden;}
#p-top-banner .p-bannerqh .p-home-banner{clear:none;height:700px;overflow:hidden;width:100%;margin:0;float:left;}

.news-border{ text-align:center; margin-top:-60px;}
#p-top-banner .p-top-qh-nav{width:200px;height:20px;display:inline;}
#p-top-banner .p-top-qh-nav a{width:18px;height:18px;position:relative;z-index:2100;display:inline-block;text-decoration:none;padding:0;margin:3px 15px;font-size:1px;outline:0; background:url("../images/bannerpoiont.png") no-repeat;}
#p-top-banner .p-top-qh-nav a .p-top-qh-view{width:45px;height:30px;}
#p-top-banner .p-top-qh-nav a:hover,#p-top-banner .p-top-qh-nav a.p-active{ background:url("../images/bannerpointcurr.png");}
#p-top-banner .p-top-qh-nav a .p-banner-small-alt{display:none;background:url("images/p-banner-small-bg.png.html") no-repeat 0 0;_background-image:url("images/p-banner-small-bg-ie6.png.html");cursor:pointer;position:absolute;text-align:left;width:328px;height:113px;top:-115px;left:-237px;}
#p-top-banner .p-top-qh-nav a.p-active .p-banner-small-alt{top:-110px;}
#p-top-banner .p-top-qh-nav a .p-banner-small-alt span.p-banner-small-1,#p-top-banner .p-top-qh-nav a .p-banner-small-alt span.p-banner-small-2,#p-top-banner .p-top-qh-nav a .p-banner-small-alt span.p-banner-small-3{display:block;border:1px solid #FFF;width:60px;height:60px;margin:18px 10px 5px 20px;_margin:20px 6px 5px 12px;float:left;}
#p-top-banner .p-top-qh-nav a .p-banner-small-alt h2{font-weight:bold;color:#FFDF4E;text-shadow:0 1px 0 rgba(0,0,0,.5);font-size:12px;margin:0;padding:15px 20px 0 0;}
#p-top-banner .p-top-qh-nav a .p-banner-small-alt p{font-size:11px;color:#999;text-shadow:0 1px 0 rgba(0,0,0,.5);margin:0;padding:0 20px 5px 0;line-height:14px;}
#p-top-banner .p-top-qh-nav a .p-banner-small-alt:hover h2{color:#FFC;}
#p-top-banner .p-top-qh-nav a .p-banner-small-alt:hover p{color:#CCC;}
#p-top-banner a.p-top-qh-next,#p-top-banner a.p-top-qh-prev{display:none;}
.p-container{margin:0 0 0em;width:100%;}
.p-container .p-container-body h2,.p-container.p-alternate-two h2,.p-container.p-alternate-six h2{background:none;border:none;}
.p-subtittle{position:absolute;left:-3000px;width:500px;}



/**分页**/
.fy-div ul li{ line-height: 21px; width: auto; background: none;}
.fy-div ul{ padding: 52px 0 52px 165px; width: 539px; float: left;}
.fy-div ul li{ display: inline; float: left; height: 21px; line-height: 21px; font-size: 12px; margin-left: 6px;}
.fy-div ul li a{ padding: 0 9px; color: #716f69; height: 21px; display: block; border: 1px solid #2f2f2f; float: left; width: auto;}
.fy-div ul li.selected{ background: #a8a8a8; color: #fff; border: 0; height: 23px;}
.fy-div ul li.selected a{ color: #fff;}
.fy-div ul li:hover{  background: #a8a8a8; color: #fff; border: 0; height: 23px;}
.fy-div ul li:hover a{ color: #fff;}


/*pc端媒体查询*/
@media screen and(min-width: 1024px){
body{font-size: 12px}
} /*>=1024的设备屏幕*/

@media screen and(min-width: 1100px) {
body{font-size: 14px}
} /*>=1100的设备屏幕*/

@media (min-width: 1280px) {
body{font-size: 18px;}
} /*>=1280的设备屏幕*/

@media screen and(min-width: 1366px) {
body{font-size: 20px;}
} /*>=1366的设备屏幕*/ 

@media screen and(min-width: 1440px) {
body{font-size: 24px !important;}
} /*>=1440的设备屏幕*/ 

@media screen and(min-width: 1680px) {
body{font-size: 26px;}
}  /*>=1680的设备屏幕*/ 

@media screen and(min-width: 1920px) {
body{font-size: 30px;}
}  /*>=1920的设备屏幕*/