﻿@charset "utf-8";
/* CSS Document */
* {
	margin: 0;
	padding: 0;
	margin: 0px 0px 0px 0px;
}
body {
	overflow-x: hidden;
}
.bigcontainer {
	width: 100%;
	background: #f6f0e5;
}
.test {
	border: 1px solid red;
}
.fl {
	float: left;
}
.cl {
	clear: both;
}
.bl {
	display: block;
}
.ab {
	position: absolute;
}
.rl {
	position: relative;
}

.topcontainer{
	margin: 0 auto;
	width: 100%;
	overflow: hidden;
	position: relative;
	height: 296px;
	background: url("../images/web_01.gif"/*tpa=http://www.dgqylaw.com/m/images/web_01.gif*/) no-repeat center;
}

.topcontainer2{
	margin: 0 auto;
	width: 100%;
	overflow: hidden;
	position: relative;
	height: 608px;
	background: url("../images/web_02.jpg"/*tpa=http://www.dgqylaw.com/m/images/web_02.jpg*/) no-repeat center;
}

.gameIntro{
	margin: 0 auto;
	width: 100%;
	overflow: hidden;
	position: relative;
	height: 496px;
	background: url("../images/web_033.jpg"/*tpa=http://www.dgqylaw.com/m/images/web_033.jpg*/) no-repeat center;
}

.gameIntro .IntroText{
	width:620px;
	height:337px;
	left:50%;
	margin-left:-535px;
	top:105px;
	color:white;
	font-size: 22px;
}

.gameTreasure{
	margin: 0 auto;
	width: 100%;
	overflow: hidden;
	position: relative;
	height: 841px;
	background: url("../images/web_04.jpg"/*tpa=http://www.dgqylaw.com/m/images/web_04.jpg*/) no-repeat center;
}

.fbnavs{width:1090px;height:674px;left:50%;margin-left:-400px;top:100px;}
.fbnavs .nav1,.fbnavs .nav2,.fbnavs .nav3,.fbnavs .nav4,.fbnavs .nav5,.fbnavs .nav6,.fbnavs .nav7,.fbnavs .nav8{
	width:226px;height:322px;
}
.fbnavs .nav2{left:270px;}
.fbnavs .nav3{left:540px;}
.fbnavs .nav4{left:810px;}

.fbnavs .nav5,.fbnavs .nav6,.fbnavs .nav7,.fbnavs .nav8{top:332px;}

.ImageShow{
	margin: 0 auto;
	width: 100%;
	overflow: hidden;
	position: relative;
	height: 442px;
	background: url("../images/web_05.jpg"/*tpa=http://www.dgqylaw.com/m/images/web_05.jpg*/) no-repeat center;
}

.bar{
    width: 100px;
    position: fixed;
    top: 102px;
    right: 30px;
    z-index: 1000;
}
.bar .nor{
    color: #fff;
    width: 100px;
    height: 70px;
    display: block;
    text-align: center;
    text-decoration: none;
    font: 14px/70px "微软雅黑";
    background: url("../images/op.png"/*tpa=http://www.dgqylaw.com/m/images/op.png*/) center repeat;
    margin-bottom: 1px;
    outline: none;
}
.bar .nor:hover,.bar .cur{
    background: #cd274d;
}
.bar .home{
    font: 18px/70px "微软雅黑";
    outline: none;
}
.bar .home:hover{
    background: #27cda7;
}
.bar .top{
    width: 100px;
    height: 42px;
    display: block;
    text-align: center;
    background: url("../images/op.png"/*tpa=http://www.dgqylaw.com/m/images/op.png*/) center repeat;
    outline: none;
}
.bar .top img{
    display: block;
    margin: 0 auto;
    padding-top: 11px;
}



/*小圆圈图NAV*/
.ImageShow .showNavs{
	width:750px;
	height:350px;
	left:50%;
	top:50px;
	margin-left: -450px;
	z-index: 3;
}

.ImageShow .showNavs img{width:102px;height:102px;}


.showNavs .showNav1,.showNavs .showNav2,.showNavs .showNav3,.showNavs .showNav4,.showNavs .showNav5,
.showNavs .showNav6,.showNavs .showNav7,.showNavs .showNav8,.showNavs .showNav9,.showNavs .showNav10{
	width:102px;
	height:102px;
}


.showNav6,.showNav7,.showNav8,.showNav9,.showNav10{
	top:140px;
}

.showNav2, .showNav7{
	left:120px;
}

.showNav3, .showNav8{
	left:240px;
}

.showNav4, .showNav9{
	left:360px;
}

.showNav5, .showNav10{
	left:480px;
}


/*圆圈图 非遮罩*/
.innerimg{
}

/*遮罩*/
.shadeImg{
	display: none;
}
/*遮罩文字*/
.shadeImg p{
	color:white;
	top:10px;
	left:44px;
	font-size:15px;
	width: 15px;
}

.BigPicShow{
	width:740px;
	height:401px;
	left:50%;
	margin-left:0px;
	z-index: 2;
	top:2200px;
}

.zbshow{
	margin: 0 auto;
	width: 100%;
	overflow: hidden;
	position: relative;
	height: 880px;
	background: #f6f0e4 no-repeat center;
	z-index: 0;	
}


.Bottom{
	margin: 0 auto;
	width: 100%;
	overflow: hidden;
	position: relative;
	height: 380px;
	background: url("../images/bottom.jpg"/*tpa=http://www.dgqylaw.com/m/images/bottom.jpg*/) no-repeat center;
	z-index: 0;
}

.navs{width:936px;height:344px;left:50%;margin-left:-320px;top:200px;}
.navs .nav1,.navs .nav2,.navs .nav3,.navs .nav4{
	width:110px;
	height:222px;
	background: url("../images/nav.png"/*tpa=http://www.dgqylaw.com/m/images/nav.png*/);
	top:50px;
}

.navs .nav1:hover,.navs .nav2:hover,.navs .nav3:hover,.navs .nav4:hover{
	top:30px;
	cursor: pointer;
}

.navs .nav2{
	left:144px;  
	background-position: 330px 0px;
}

.navs .nav3{
	left:288px;
	background-position: 220px 0px;
}

.navs .nav4{
	left:432px;  
	background-position: 110px 0px;
}



.swiper-container1 {
    width: 1056px;
    height: 480px;
    left:50%;
    margin-left: -520px;
    z-index: 3;
    top:2730px;
    
}  	

.swiper-container2 {
    width: 1056px;
    height: 407px;
    left:50%;
    margin-left: -520px;
    z-index: 1;
    top:3230px;
    
} 		

.zbshow2{
	width:562px;
	height:92px;
	top:3270px;
	left:50%;
	margin-left:-283px;
	z-index: 1;
	background: url("../images/flag.jpg"/*tpa=http://www.dgqylaw.com/m/images/flag.jpg*/);
}


/*底部幻灯片*/
.slideTxtBox{width:1100px;height:495px;left: 50%;margin-left: -670px;top:3360px;z-index: 2;}
.slideTxtBox .images{height:495px;}
.slideTxtBox .uls li{width:380px;height:495px;float:left;list-style-type:none;margin-left:50px;}
.slideTxtBox .small{width:300px;height:415px;margin-top:50px;margin-left:40px;}  
.slideTxtBox .normal{width:380px;height:495px;z-index: 3;} 

.slideTxtBox .prev,.slideTxtBox .next{width:40px;height: 57px;top:180px;}
.slideTxtBox .prev{background: url("../images/L.png"/*tpa=http://www.dgqylaw.com/m/images/L.png*/);left:-15px;}
.slideTxtBox .next{background: url("../images/R.png"/*tpa=http://www.dgqylaw.com/m/images/R.png*/);left:1300px;}




/*.showNav1,.showNav2,.showNav3,.showNav4,.showNav5，.showNav6，.showNav7，.showNav8{
	width: 102px;
	height: 102px;
}*/









