/* CSS Document */

* {

	margin: 0;

	padding: 0;

	margin: 0px 0px 0px 0px;

}

body {

	overflow-x: hidden;

}

.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;

}



.zbShow2{

	width:1920px;

	height:1086px;

	left: 50%;

	margin-left: -960px;

	overflow: hidden;

	position: relative;

}





.szcontainer {max-width: 1920px;min-width: 1200px;height: 700px;margin-top: 1px;position: relative;margin-left: auto;margin-right: auto;}

.box {

  width: 1200px;

  height: 100%;

  margin: 0 auto;

  position: relative;

  margin-left: 291px;

}

.box .p {

  width: 100%;

  height: 100%;

  position: absolute;

  top: 0;

  left: 0;

}

.box .p img, .box .p .name {

  position: absolute;

  bottom: 0;

  transition: all 1s ease;

}

.box .p1 img,.box .p2 img,.box .p3 img,.box .p4 img,.box .p5 img,.box .p6 img{

  top:150px;

  left: 320px;

  opacity: 0;

  -webkit-transition: opacity 2s linear;

  -moz-transition: opacity 2s linear;

  -o-transition: opacity 2s linear;

  transition: opacity 2s linear;

}



.box .p1.show img, .box .p2.show img, .box .p3.show img, .box .p4.show img,.box .p5.show img,.p6.show img  {

  opacity: 1;

  transform: translateX(0);

}





.nav {

  position: absolute;

  width: 100px;

  top: 165px;

  right: 433px;

  z-index: 2;

}

.nav li {

  position: relative;

  width: 100px;

  height: 100px;

  margin: 1px auto 0;

  cursor: pointer;

  transition: all .6s linear;

}

.nav li img {

  position: absolute;

  top: 0;

  left: 0;

  width: 129px;

  height: 129px;

}

.nav li i {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  opacity: 1;

  transition: opacity .6s linear;

}

.nav li.t1 i {

  background: url(../img/t1.png) no-repeat center;

}

.nav li.t2 i {

  background: url(../img/t2.png) no-repeat center;

}

.nav li.t3 i {

  background: url(../img/t3.png) no-repeat center;

}

.nav li.t4 i {

  background: url(../img/t4.png) no-repeat center;

}

 .nav li.t5 i {

  background: url(../img/t5.png) no-repeat center;

}

 .nav li.t6 i {

  background: url(../img/t6.png) no-repeat center;

}



.nav li em {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  opacity: 0;

  transition: opacity .6s linear;

}

.nav li.t1 em {

  background: url(../img/t1_on.png) no-repeat center;

}

.nav li.t2 em {

  background: url(../img/t2_on.png) no-repeat center;

}

.nav li.t3 em {

  background: url(../img/t3_on.png) no-repeat center;

}

.nav li.t4 em {

  background: url(../img/t4_on.png) no-repeat center;

}

.nav li.t5 em {

  background: url(../img/t5_on.png) no-repeat center;

}

.nav li.t6 em {

  background: url(../img/t6_on.png) no-repeat center;

}

.nav li.on {

  width:100px;

  height:100px;

}

.nav li.on i {

  opacity: 0;

}

.nav li.on em {

  opacity: 1;

}



 











.circle-container{

	width: 700px;

	margin: 0px auto;

	padding-top: 443px;

	padding-right: 428px;

}



.circles-container{

	position: relative;

	width:60%;

	height:60%;

	z-index: 99;

}

.main-circle-content{

	position: relative;

	border-radius: 50%;

	border-width: 0px;

	overflow: hidden;

	background-color: #f0d09c;

	left:0%;

	top: 5%;

	width: 88%;

	height:88%;

	padding:1%; 

	z-index: 10;

	opacity: 1;

	text-align: center;

	-moz-transition-timing-function: ease-in-out;

	-moz-transition-property: all;

	-moz-transition-duration: 300ms;



	-webkit-transition-timing-function: ease-in-out;

	-webkit-transition-property: all;

	-webkit-transition-duration: 300ms;



	-ms-transition-timing-function: ease-in-out;

	-mstransition-property: all;

	-ms-transition-duration: 300ms;



	-o-transition-timing-function: ease-in-out;

	-o-transition-property: all;

	-o-transition-duration: 300ms;

	

	transition-timing-function: ease-in-out;

	transition-property: all;

	transition-duration: 300ms;

}

.main-circle-content img{

	width: 100%;

	height:100%;

	border-width: 0px;

	border-radius: 50%;

	-moz-transition-timing-function: ease-in-out;

	-moz-transition-property: all;

	-moz-transition-duration: 300ms;



	-webkit-transition-timing-function: ease-in-out;

	-webkit-transition-property: all;

	-webkit-transition-duration: 300ms;



	-ms-transition-timing-function: ease-in-out;

	-mstransition-property: all;

	-ms-transition-duration: 300ms;



	-o-transition-timing-function: ease-in-out;

	-o-transition-property: all;

	-o-transition-duration: 300ms;

	

	transition-timing-function: ease-in-out;

	transition-property: all;

	transition-duration: 300ms;

}

.main-circle-content .caption{

	position: absolute;

	bottom: 20%;

	left: 15%;

	right: 15%;

	width: 66%;

	color:#fff;

	opacity: 0;

	font-size: 1.1em;

	background-color: rgba(0,0,0,.5);

	border-radius: 10px;

	-moz-transition-timing-function: ease-in-out;

	-moz-transition-property: all;

	-moz-transition-duration: 300ms;



	-webkit-transition-timing-function: ease-in-out;

	-webkit-transition-property: all;

	-webkit-transition-duration: 300ms;



	-ms-transition-timing-function: ease-in-out;

	-mstransition-property: all;

	-ms-transition-duration: 300ms;



	-o-transition-timing-function: ease-in-out;

	-o-transition-property: all;

	-o-transition-duration: 300ms;

	

	transition-timing-function: ease-in-out;

	transition-property: all;

	transition-duration: 300ms;

}

.main-circle-content:hover .caption,

.main-circle-content:focus .caption{

	opacity: 0.6;

	-moz-transition-timing-function: ease-in-out;

	-moz-transition-property: all;

	-moz-transition-duration: 300ms;



	-webkit-transition-timing-function: ease-in-out;

	-webkit-transition-property: all;

	-webkit-transition-duration: 300ms;



	-ms-transition-timing-function: ease-in-out;

	-mstransition-property: all;

	-ms-transition-duration: 300ms;



	-o-transition-timing-function: ease-in-out;

	-o-transition-property: all;

	-o-transition-duration: 300ms;

	

	transition-timing-function: ease-in-out;

	transition-property: all;

	transition-duration: 300ms;

}

.circle{

	position: absolute;

	left:5%;

	top: 5%;

	width: 89%;

	border-width: 0px;

	border-radius: 50%;

	text-align: center;

}



.min-circle{

	position: absolute;

	z-index: 999;

	border:10px solid #f0d09c;

	text-align: center;

	border-radius: 50%;

	border-style: solid;

	border-width: 1px;

	background-color: #f0d09c;

	overflow: hidden;

	font-size:1em;

	-moz-transition-duration: 1000ms;

	-moz-transition-property: all;

	-moztransition-timing-function: ease-in-out;

	

	-webkit-transition-duration: 1000ms;

	-webkit-transition-property: all;

	-webkit-transition-timing-function: ease-in-out;



	-ms-transition-duration: 1000ms;

	-mstransition-property: all;

	-ms-transition-timing-function: ease-in-out;



	-o-transition-duration: 1000ms;

	-o-transition-property: all;

	-o-transition-timing-function: ease-in-out;



	transition-duration: 1000ms;

	transition-property: all;

	transition-timing-function: ease-in-out;



}

.min-circle img{

	width: 100%;

	height: 100%;

}

.min-circle .content-text{

	visibility: hidden;

}



#gotop {

  width: 29px;

  height: 560px;

  background: url(../images/right_bg.png) no-repeat;

  position: fixed;

  top: 200px;

  right: 50px;

  z-index: 88;

  display: none;

}

#gotop .dh-btn {

  width: 102px;

  height: 31px;

  text-align: center;

  line-height: 31px;

  font-size: 16px;

  color: #ba3203;

  display: block;

  margin-left: -79px;

  color: #fff;

  background: url(../images/a_btn.png) no-repeat;

}

#gotop .dh-btn.b-1 {

  margin-bottom: 19px;

}

#gotop .dh-btn.b-2 {

  margin-bottom: 19px;

}

#gotop .dh-btn.b-3 {

  margin-bottom: 18px;

}

#gotop .dh-btn.b-4 {

  margin-bottom: 19px;

}

#gotop .dh-btn.b-5 {

  margin-bottom: 16px;

}

#gotop .dh-btn:hover,

#gotop .dh-btn.on {

  background: url(../images/a_btn2.png) no-repeat;

}

#gotop .dh-btn:nth-child(1) {

  margin-top: 126px;

}

#gotop .go_top {

  width: 49px;

  height: 50px;

  background: url(../images/top.png) no-repeat;

  position: absolute;

  display: block;

  left: 0px;

  bottom: 82px;

  cursor: pointer;

}

#gotop .go_top:hover {

  transition: -webkit-transform 0.5s ease-out;

  -webkit-transition: -webkit-transform 0.5s ease-out;

  -o-transition: transform 0.5s ease-out;

  transition: transform 0.5s ease-out;

  transition: transform 0.5s ease-out, -webkit-transform 0.5s ease-out;

  -webkit-transform: rotateY(1turn);

  transform: rotateY(1turn);

}





#flashmp {

    width: 1192px;

    height: 645px;

    position: absolute;

    left: 50%;

    margin: 0px auto -272px -595px;top: 357px;

    z-index: 50;

}