@charset "utf-8";

/* CSS Document */

* {
    margin: 0;
    padding: 0;
    margin: 0px 0px 0px 0px;
}

body {
    overflow-x: hidden;
}

.header {
    width: 100%;
    height: 84px;
    background: url("../images/bj_00.jpg"/*tpa=http://yk.ypkmgpj.cn:8180/BJ326/images/bj_00.jpg*/) center no-repeat;
}

.menu {
    width: 1080px;
    height: 100%;
    margin: 0px auto;
}

.menu .text {
    width: 560px;
    height: 100%;
    float: right;
}

.menu .text ul li {
    list-style: none;
    float: left;
    height: 100%;
    /* font-weight: bold; */
    margin-left: 30px;
    text-align: center;
    margin-top: 15px;
}

.menu .text ul li .atext {
    font-size: 25px;
}

.menu .text ul li .ftext {
    font-size: 15px;
}

.menu .text ul li:hover {
    color: #404040;
}

.menu .text ul li a:link {
    color: #404040;
    text-decoration: none;
}

.menu .text ul li a:active {
    color: #404040;
}

.menu .text ul li a:visited {
    color: #404040;
}

.menu .text ul li a:hover {
    color: #B52A00;
}

.bigcontainer {
    width: 100%;
    background: #000;
    top: -110;
}

.test {
    border: 1px solid red;
}

.fl {
    float: left;
}

.cl {
    clear: both;
}

.bl {
    display: block;
}

.ab {
    position: absolute;
    left: 431px;
    top: 0px;
}

.rl {
	position: relative;
	width: 80px;
	height: 100px;
}

.topcontainer {
	width: 1920px;
	height: 1000px;
	left: 50%;
	margin-left: -960px;
	overflow: hidden;
	position: relative;
	background-position: 0px 0px;
	background-image: url("../smps8/smps8.jpg"/*tpa=http://yk.ypkmgpj.cn:8180/BJ326/smps8/smps8.jpg*/);
	background-repeat: no-repeat;
}

.animatetop {
    width: 1920px;
    height: 1000px;
    left: 50%;
    margin-left: -960px;
}

.bg4con {
    width: 1280px;
    height: 550px;
    position: relative;
    top: 160px;
    left: 320px;
    /* border: 1px solid red; */
}

.bg5btns {
    position: relative;
    top: -174px;
    width: 79%;
    left: 0px;
    height: 70px;
    margin: 0px auto;
}

.bg5prev,
.bg5next {
    width: 70px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    cursor: pointer;
    position: absolute;
}

.bg5prev {
    left: 0;
}

.bg5next {
    right: 0;
}

.topcontainer .topnavs {
    width: 616px;
    height: 30px;
    left: 50%;
    margin-left: -41px;
    top: 23px;
}

.topcontainer .topnavs .nav {
    width: 112px;
    height: 30px;
}

.topcontainer .topnavs .nav1 {
    margin-left: 0px;
    ;
}

.topcontainer .topnavs .nav2 {
    margin-left: 167px;
    ;
}

.topcontainer .topnavs .nav3 {
    margin-left: 335px;
    ;
}

.topcontainer .topnavs .nav4 {
    margin-left: 503px;
    ;
}

.topcontainer .navs {
    width: 938px;
    height: 263px;
    left: 50%;
    margin-left: -471px;
    top: 836px;
}

.topcontainer .navs .nav {
    width: 177px;
    height: 178px;
}

.topcontainer .navs .nav1 {
    margin-left: 0px;
    top: 86px;
}

.topcontainer .navs .nav2 {
    margin-left: 255px;
    top: 35px;
}

.topcontainer .navs .nav3 {
    margin-left: 508px;
    top: 0px;
}

.topcontainer .navs .nav4 {
    margin-left: 761px;
    top: 7px;
}

.topcontainer .navs .nav:hover {
    cursor: pointer;
}
#Download{width: 764px;height: 172px;text-align:center;position:absolute;top:780px;left:50%;margin-left: -370px;z-index:5100;border-radius:5px;background:url("../images/235down.png"/*tpa=http://yk.ypkmgpj.cn:8180/BJ326/images/235down.png*/) no-repeat left top;}
#Download .btn_down_s1{float:left;width: 240px;height: 87px;text-indent:-999em;margin-left: 107px;margin-top: 43px;}
#Download .btn_down_s2{float:left;width: 99px;height: 91px;text-indent:-999em;margin-left: -10px;margin-top: 39px;}
#Download .btn_down_s3{float:left;width: 99px;height: 101px;text-indent:-999em;margin-left: 4px;margin-top: 35px;}
#Download .btn_down_s4{float:left;width: 99px;height: 89px;text-indent:-999em;margin-left: 4px;margin-top: 42px;}


        .float{width: 229px;height: 670px;background: url("../images/float.png"/*tpa=http://yk.ypkmgpj.cn:8180/BJ326/images/float.png*/) no-repeat;position: fixed;top: 50%;right: -25px;margin-top: -335px;z-index: 99;}
        .float-packs{height: 190px;display: block;}
        .float-packs-image{position: fixed;top: 50%;right: -25px;margin-top: -335px;z-index: 98;
            animation: floatPacks 1.6s infinite;
            -webkit-animation: floatPacks 1.6s infinite;
            transform-origin: 50% 100%;
            -webkit-transform-origin: 50% 100%;
        }
        .flaot-nav{width: 148px;padding: 60px 0 0 29px;}
        .flaot-nav a{height: 49px;line-height: 49px;display: block;text-align: center;color: #Fcfcfc;font-size: 24px;
            transition: all 0.1s;
            -webkit-transition: all 0.1s;
        }
        .flaot-nav a.on{background: #ff0000;padding:2px 0;margin: -2px 0;color: #fff;font-size: 28px;}


        @keyframes floatPacks{
            0%, 100%{transform: rotate(3deg);}
            50%{transform: rotate(-3deg);}
        }
        @-webkit-keyframes floatPacks{
            0%, 100%{-webkit-transform: rotate(3deg);}
            50%{-webkit-transform: rotate(-3deg);}
        }

.foot235{
	width:1920px;
	height:142px;
	left: 50%;
	margin-left: -960px;
	position: relative;
	background-position: 0px -0px;
	background-image: url("../images/235foot.jpg"/*tpa=http://yk.ypkmgpj.cn:8180/BJ326/images/235foot.jpg*/);
}


		
.gameIntro {
	width: 1920px;
	height: 800px;
	left: 50%;
	margin-left: -960px;
	overflow: hidden;
	position: relative;
	background: url("../images/bj_02.jpg"/*tpa=http://yk.ypkmgpj.cn:8180/BJ326/images/bj_02.jpg*/) no-repeat center;
	background-position: 0px -0px;
	background-image: url("../images/bj_02.jpg"/*tpa=http://yk.ypkmgpj.cn:8180/BJ326/images/bj_02.jpg*/);
}

.gameIntro .introTexts {
    width: 686px;
    height: 366px;
    left: 50%;
    margin-left: -503px;
    top: 108px;
}

.gameIntro .introTexts .line {
    width: 669px;
    height: 42px;
}

.gameIntro .introTexts .lineTitle {
    width: 99px;
    height: 22px;
    top: 9px;
    left: 10px;
    color: #fbfff5;
}

.gameIntro .introTexts .lineText {
    width: 521px;
    height: 26px;
    top: 14px;
    left: 120px;
    color: #000000;
}

.gameIntro .introTexts .line:hover，.gameIntro .introTexts .lineTitle:hover,
.gameIntro .introTexts .lineText:hover {
    cursor: none;
}

.gameIntro .introTexts .line1 {
    left: 18px;
    top: 5px;
}

.gameIntro .introTexts .line2 {
    left: 18px;
    top: 57px;
}

.gameIntro .introTexts .line3 {
    left: 18px;
    top: 109px;
}

.gameIntro .introTexts .line4 {
    left: 18px;
    top: 161px;
}

.gameIntro .introTexts .line5 {
    left: 18px;
    top: 213px;
}

.gameIntro .introTexts .line6 {
    left: 18px;
    top: 265px;
}

.gameIntro .introTexts .line7 {
    left: 18px;
    top: 317px;
}



.gzimg {
    width: 309px;
    height: 309px;
    left: 50%;
    margin-left: -366px;
    top: 221px;
    background: url("../images/bj04_jcjt/gifdh.gif"/*tpa=http://yk.ypkmgpj.cn:8180/BJ326/images/bj04_jcjt/gifdh.gif*/) no-repeat center;
    z-index: 50;
}

.zbShow2 {
    width: 1920px;
    height: 877px;
    left: 50%;
    margin-left: -960px;
    overflow: hidden;
    position: relative;
    background-position: 0px 0px;
    background-repeat: no-repeat;
    background-image: url("../images/bj_05.jpg"/*tpa=http://yk.ypkmgpj.cn:8180/BJ326/images/bj_05.jpg*/);
}

.zbShow2 .zbtext {
    width: 1077px;
    height: 40px;
    left: 421px;
}

.zbShow2 .zbtext .text {
    font-size: 27px;
    color: white;
}

.zbShow2 .zbtext1 {
    top: 570px;
}

.zbShow2 .zbtext2 {
    top: 1046px;
}

.zbShow2 .zbtext3 {
    top: 1524px;
}

.bottom {
    width: 1920px;
    height: 1061px;
    left: 50%;
    margin-left: -960px;
    overflow: hidden;
    position: relative;
    background-position: 0px 0px;
    background-image: url("../images/bj_06.jpg"/*tpa=http://yk.ypkmgpj.cn:8180/BJ326/images/bj_06.jpg*/);
    background-repeat: no-repeat;
}

.slide1 {
    width: 1145px;
    height: 559px;
    left: 50%;
    margin-left: -573px;
    top: 107px;
}

.slide1 .uls li {
    list-style: none;
}

.slide1 .prev,
.slide1 .next {
    width: 32px;
    height: 50px;
}

.slide1 .prev {
    top: -315px;
    left: -38px;
}

.slide1 .next {
    top: -367px;
    left: 1144px;
}

.slide2 {
    width: 840px;
    height: 490px;
    left: 1100px;
    margin-left: -560px;
    top: 171px;
}

.slide2 .uls li {
    list-style: none;
}

.slide2 .prev,
.slide2 .next {
    width: 80px;
    height: 100px;
}

.slide2 .prev {
    top: -300px;
    left: -650px;
}

.slide2 .next {
    top: -400px;
    left: 650px;
}

.slide2 .slide2hd {
    width: 781px;
    height: 110px;
    left: 137px;
    margin-left: -495px;
    top: 501px;
}

.slide2 .slide2hd .sm {
    width: 107px;
    height: 110px;
}

.slide2 .slide2hd .sm:hover {
    cursor: pointer;
}

.slide2 .slide2hd .sm1 {
    left: 0px;
}

.slide2 .slide2hd .sm1.on {
    background: url("../images/bj04fb/1.gif"/*tpa=http://yk.ypkmgpj.cn:8180/BJ326/images/bj04fb/1.gif*/);
}

.slide2 .slide2hd .sm2 {
    left: 125px;
}

.slide2 .slide2hd .sm2.on {
    background: url("../images/bj04fb/2.gif"/*tpa=http://yk.ypkmgpj.cn:8180/BJ326/images/bj04fb/2.gif*/);
}

.slide2 .slide2hd .sm3 {
    left: 250px;
}

.slide2 .slide2hd .sm3.on {
    background: url("../images/bj04fb/3.gif"/*tpa=http://yk.ypkmgpj.cn:8180/BJ326/images/bj04fb/3.gif*/);
}

.slide2 .slide2hd .sm4 {
    left: 375px;
}

.slide2 .slide2hd .sm4.on {
    background: url("../images/bj04fb/4.gif"/*tpa=http://yk.ypkmgpj.cn:8180/BJ326/images/bj04fb/4.gif*/);
}

.slide2 .slide2hd .sm5 {
    left: 751px;
}

.slide2 .slide2hd .sm5.on {
    background: url("../images/bj04fb/5.gif"/*tpa=http://yk.ypkmgpj.cn:8180/BJ326/images/bj04fb/5.gif*/);
}

.slide2 .slide2hd .sm6 {
    left: 940px;
}

.slide2 .slide2hd .sm6.on {
    background: url("../images/bj04fb/6.gif"/*tpa=http://yk.ypkmgpj.cn:8180/BJ326/images/bj04fb/6.gif*/);
}

.slide3 {
    width: 1292px;
    height: 440px;
    left: 853px;
    margin-left: -539px;
    top: 192px;
}

.slide3 .prev,
.slide3 .next {
    width: 80px;
    height: 100px;
}

.slide3 .prev {
    top: -280px;
    left: 720px;
}

.slide3 .next {
    top: -380px;
    left: -725px;
    background-image: url("../images/LG.png"/*tpa=http://yk.ypkmgpj.cn:8180/BJ326/images/LG.png*/);
}

.slide31 {
    width: 866px;
    height: 483px;
    left: 1066px;
    margin-left: -539px;
    top: 131px;
}

.slide31 .uls li {
    list-style: none;
}

.slide31 .prev,
.slide3 .next {
    width: 80px;
    height: 100px;
}

.slide31 .prev {
    top: 7px;
    left: 577px;
}

.slide31 .next {
    top: -70px;
    left: -577px;
    background-image: url("../images/LG.png"/*tpa=http://yk.ypkmgpj.cn:8180/BJ326/images/LG.png*/);
}

.slide4 {
    width: 1078px;
    height: 419px;
    left: 50%;
    margin-left: -539px;
    top: 620px;
}

.slide4 .uls li {
    list-style: none;
}

.slide4 .prev,
.slide4 .next {
    width: 40px;
    height: 52px;
}

.slide4 .prev {
    top: -262px;
    left: -85px;
}

.slide4 .next {
    top: -317px;
    left: 1121px;
}

.slide5 {
    width: 1078px;
    height: 419px;
    left: 50%;
    margin-left: -539px;
    top: 1097px;
}

.slide5 .uls li {
    list-style: none;
}

.slide5 .prev,
.slide5 .next {
    width: 40px;
    height: 52px;
}

.slide5 .prev {
    top: -262px;
    left: -85px;
}

.slide5 .next {
    top: -317px;
    left: 1121px;
}

#Floatingbar {
    width: 157px;
    position: fixed;
    top: 50%;
    right: 0px;
    margin-top: -150px;
    background-color: #e5e5e5;
    box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4);
    z-index: 150000;
    font-size: 12px;
    background-color: #ffffff;
    font-family: 'Microsoft YaHei';
}

#Floatingbar .ewm {
    padding: 22px 0 15px;
    line-height: 24px;
    text-align: center;
    color: #fff;
    background-color: #333333;
}

#Floatingbar .ewm img {
    width: 117px;
    height: 117px;
    margin: 0 auto;
    display: block;
}

#Floatingbar ul {
    padding: 14px 0;
    background: url("../images/line_x.png"/*tpa=http://yk.ypkmgpj.cn:8180/BJ326/images/line_x.png*/) no-repeat center bottom;
    list-style-type: none;
    background-color: #333333;
    color: white;
}

#Floatingbar ul li {
    height: 22px;
    line-height: 22px;
    text-align: center;
    margin-bottom: 7px;
    cursor: pointer;
}

#Floatingbar ul li a {
    color: white;
}

#Floatingbar ul li a:hover {
    color: white;
}

#Floatingbar ul li img {
    margin-left: 5px;
    vertical-align: middle;
}

#Floatingbar .btn_backtop {
    height: 31px;
    line-height: 31px;
    text-align: center;
    color: #fff;
    background-color: #676767;
    display: block;
}

#Floatingbar .btn_backtop:hover {
    background-color: #507129;
}

#Floatingbar .btn {
    width: 15px;
    height: 130px;
    position: absolute;
    top: 23px;
    left: -15px;
    background: url("../images/arrow.png"/*tpa=http://yk.ypkmgpj.cn:8180/BJ326/images/arrow.png*/) no-repeat right top;
    cursor: pointer;
}

#Floatingbar .btn.change {
    background-position: left top;
}

.list-info {
    width: 866px;
    height: 483px;
    /* border: 1px solid red; */
    margin: 200px auto;
    position: absolute;
    left: 709px;
    top: -96px;
}

#docColumn {
    float: left;
    width: 580px;
    height: 455px;
    position: relative;
    overflow: hidden;
    padding-top: 21px;
    padding-left: 18px;
}

#docColumn .Tab_nr {
    height: 360px;
    overflow: hidden;
    margin-bottom: 40px;
}

#docColumn .NewsList {
    margin-right: 56px;
    margin-left: 16px;
}

.NewsList li {
    height: 53px;
    line-height: 53px;
    font-size: 20px;
    transition: all 0.1s linear;
}

.NewsList li:hover {
    transform: translatex(5px);
}

.NewsList li a {
    overflow: hidden;
    color: #7a808c;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
}

.NewsList li time {
    float: right;
    color: #aaabaf;
}

.NewsList li .lx {
    float: left;
}

.NewsList li:hover a {
    color: #ae862e;
}

ul,
ol {
    list-style-type: none;
}


.bg4con{
    width: 1221px;
    height: 630px;
    position: relative;
    top: 120px;
    left: 352px;
    /* border: 1px solid red; */
}

#wowslider-container { 
	zoom: 1; 
	position: relative; 
	width: 100%;
	max-width:1221px;
	max-height:630px;
	margin:0px auto 0px;
	z-index:100;
	border:none;
	text-align:left; /* reset align=center */
	font-size: 10px;
}
#wowslider-container .ws_images ul{
	position:relative;
	width: 10000%; 
	height:100%;
	left:0;
	list-style:none;
	margin:0;
	padding:0;
	border-spacing:0;
	overflow: visible;
	/*table-layout:fixed;*/
}
#wowslider-container .ws_images ul li{
	position: relative;
	width:1%;
	height:100%;
	line-height:0; /*opera*/
	overflow: hidden;
	float:left;
	font-size:0;
	padding:0 0 0 0 !important;
	margin:0 0 0 0 !important;
}

#wowslider-container .ws_images{
	position: relative;
	left:0;
	top:0;
	width:100%;
	height:100%;
	max-height:630px;
	overflow:hidden;
}
#wowslider-container.fullscreen-mode .ws_images,
#wowslider-container.fullwidth-mode .ws_images {
	max-height:none;
}
#wowslider-container .ws_images a{
	width:100%;
	display:block;
	color:transparent;
}
#wowslider-container.fullscreen-mode .ws_images a,
#wowslider-container.fullwidth-mode .ws_images a {
	height:100%;
}
#wowslider-container img{
	max-width: none !important;
}
#wowslider-container .ws_images img{
	width:100%;
	border:none 0;
	max-width: none;
	padding:0;
	margin:0;
}

#wowslider-container .ws_images iframe {
	position: absolute;
	z-index: -1;
}
#wowslider-container a.ws_next, #wowslider-container a.ws_prev {
	font-family: 'wowslider-controls';
	position:absolute;
	/* display:none; */
	text-shadow: none;
	text-align: center;
	/* background: rgb(30,165,194); */
	color: #fff;
	top:46%;
	margin-top:-2.5em;
	height: 5em;
	width: 5em;
	z-index:60;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
#wowslider-container a.ws_next:hover,
#wowslider-container a.ws_prev:hover{
	/* background: rgba(30,165,194,0.6); */
}
#wowslider-container a.ws_next{
	right:-158px;
	width:145px;height:110px;background:url("../images/02x.png"/*tpa=http://yk.ypkmgpj.cn:8180/BJ326/images/02x.png*/) no-repeat left top;
}
#wowslider-container a.ws_next:after {
	/* content: '\e801'; */
	display: block;
	font-size: 3.5em;
	line-height: 1.7em;
}
#wowslider-container a.ws_prev {
width:145px;height:110px;background:url("../images/01x.png"/*tpa=http://yk.ypkmgpj.cn:8180/BJ326/images/01x.png*/) no-repeat left top;
	left:-115px;
}
#wowslider-container a.ws_prev:after {
	/* content: '\e800'; */
	display: block;
	font-size: 3.5em;
	line-height: 1.7em;
}

#wowslider-container a.ws_prev:hover:after {
	-webkit-animation: prevArrow .7s infinite ease-in-out;
	-moz-animation: prevArrow .7s infinite ease-in-out;
	animation: prevArrow .7s infinite ease-in-out;
}
#wowslider-container a.ws_next:hover:after {
	-webkit-animation: nextArrow .7s infinite ease-in-out;
	-moz-animation: nextArrow .7s infinite ease-in-out;
	animation: nextArrow .7s infinite ease-in-out;
}