@charset "utf-8";
/* CSS Document */
* {
	margin: 0;
	padding: 0;
	margin: 0px 0px 0px 0px;
}

.test {
	border: 1px solid red;
}
.fl {
	float: left;
}
.cl {
	clear: both;
}
.bl {
	display: block;
}
.ab {
	position: absolute;
	left: 431px;
	top: 0px;
}
.rl {
	position: relative;
}
.topcontainer {
	width:1920px;height:900px;left: 50%;margin-left: -960px;
	overflow: hidden;
	position: relative;
	background: url(../images/bj_01.jpg) no-repeat center;
	background-position: -0px -0px;
}

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

}


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



	.sx {
    width: 100%;
    height: 100%;
    max-width: 1900px;
}

.sx .swiper-slide-prev{margin-left: 61px;}
.sx .swiper-slide-active{margin-left: -50px;}
.sx .swiper-slide-next{z-index:1;margin-left: -60px;}
.sx .swiper-slide-next{z-index:1;margin-left: -73px;}

.bottom .swiper-container {padding-top: 300px;margin-left:4px;}

.zbShow .swiper-container {padding-top:257px;margin-left:-8px;}


#playbanner{width:531px;height: 365px;position:relative;overflow:hidden;margin-left:680px;margin-top: 357px;}
/*图片轮播样式*/
#playbanner .conbox{width:9999em;position:absolute;border-radius:20px;}
#playbanner .conbox .Slide_{float:left;width:531px;height:343px;overflow:hidden;}
#playbanner .conbox .Slide_ img{width:100%;height:100%;display:block;}
#playbanner .switcher{width:100%;text-align: left;position:absolute;right: -10px;bottom:7px;z-index:99;}
#playbanner .switcher a{width:30px;height: 17px;line-height:0;text-align:center;overflow:hidden;font-family:arial;color:#f70202;margin-right: 8px;margin-left: 0px;background-color: #f9f9f9;cursor:pointer;display:inline-block;}
#playbanner .switcher a.cur,#playbanner .switcher a:hover{color:#f70202;background-color: #f70202;transition:none;}


.slideBtn {
    background: url(../images/i_slide_ff86bce.png) no-repeat center;
    width: 112px;
    height: 65px;
    position: absolute;
    bottom: 272px;
    left: 50%;
    margin-left: -49px;
    --moz-animation: slideAni 1.8s ease-in-out infinite;
    --ms-animation: slideAni 1.8s ease-in-out infinite;
    -moz-animation: slideAni 1.8s ease-in-out infinite;
    -webkit-animation: slideAni 1.8s ease-in-out infinite;
    -o-animation: slideAni 1.8s ease-in-out infinite;
    -ms-animation: slideAni 1.8s ease-in-out infinite;
    animation: slideAni 1.8s ease-in-out infinite;
    z-index: 2;
}

.zbShow2 .gallery_container .prev,.zbShow2 .gallery_container .next {
    position: absolute;
    top: 191px;
    width: 171px;
    height: 520px;
    z-index: 99;
}

.zbShow2 .gallery_container .prev {
    left: 39px;
    background: url(../images/01.png) no-repeat;
}
.zbShow2 .gallery_container .next {
    right: -257px;
    background: url(../images/02.png) no-repeat;
}

#centera{margin:0 auto;width:1280px;margin-left:284px;margin-top: 221px;}
.poster-main{position: relative;margin: 0px auto;}
.poster-main #poster-list .poster-item{position: absolute;left: 0;top: 0px;}
.poster-main .poster-btn{position: absolute;top: 0px;cursor: pointer;}
.poster-main .poster-prev-btn{left: -82px;margin-top: -33px;background: url("../images/01.png") no-repeat center center;}
.poster-main .poster-next-btn{right: -82px;margin-top: -33px;background: url("../images/02.png") no-repeat center center;}



#focus_Box {
    position: relative;
    padding-top: 230px;
    margin: 0 auto;
}
.feature-swiper{
    width: 950px;
	height: 420px;
}
.feature-swiper .swiper-slide {
    width: 306px;
}
.feature-swiper img {
    width: 306px;
}
.img_box_s{
    position: relative;
}
.img_box_s::after{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: -webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
    background-image: -webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: -moz-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: -o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0));
}
.feature-swiper .swiper-slide.swiper-slide-active .img_box_s::after{
    background-image: none;
}
.feature-pa {
    position: static;
    padding-bottom: 20px;
    counter-reset: num;
}
#focus_Box .prev,#focus_Box .next{display:block;z-index:100;overflow:hidden;cursor:pointer;position:absolute;width:74px;height:74px;top:443px;}
#focus_Box .prev{background:url(../images/02.png) left bottom no-repeat;left:350px;}
#focus_Box .next{background:url(../images/01.png) right bottom no-repeat;right:350px;}
#focus_Box .proL{ 
	transform: perspective(1130px) translate(0, 0) rotateY(-30deg);		 
	-webkit-transform: perspective(1130px) translate(0, 0) rotateY(-30deg);		 
	-moz-transform: perspective(1130px) translate(0, 0) rotateY(-30deg);	 
}
#focus_Box .proR{ 
	transform: perspective(1130px) translate(0, 0) rotateY(30deg);		 
	-webkit-transform: perspective(1130px) translate(0, 0) rotateY(30deg);		 
	-moz-transform: perspective(1130px) translate(0, 0) rotateY(30deg);	 
}


.swww .swiper-slide-prev{margin-left: 127px;}
.swww .swiper-slide-next{margin-right: 306px !important;margin-left: -124px;}
.swww .swiper-slide-active {transform: scale(1);margin-left: -130px;}


@keyframes rotate{
    form{
        transform: rotate(0deg);
    }
    to{
        transform: rotate(360deg);
    }
}
@-webkit-keyframes rotate{
    form{
        -webkit-transform: rotate(0deg);
    }
    to{
        -webkit-transform: rotate(360deg);
    }
}

.zhuangbei_ul .container-item img {
	transition: All 0.4s ease-in-out;
	-webkit-transition: All 0.4s ease-in-out;
	-moz-transition: All 0.4s ease-in-out;
	-o-transition: All 0.4s ease-in-out;
}
.zhuangbei_ul .container-item img:hover {
	transform: rotate(360deg) scale(1.1);
	-webkit-transform: rotate(360deg) scale(1.1);
	-moz-transform: rotate(360deg) scale(1.1);
	-o-transform: rotate(360deg) scale(1.1);
	-ms-transform: rotate(360deg) scale(1.1);
}





.bottom .con {
  width: 1200px;
  margin: 0 auto;
  position: relative;
  height: 468px;
}
.bottom .boxx {
  padding-top: 160px;
  position: relative;
}
.bottom .carousel {
  position: relative;
  z-index: 2;
  height: 468px;
  margin-top: 0px;
}
.bottom .carousel li {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 888px;
  height: 468px;
  margin-left: -600px;
  margin-top: -230px;
  -webkit-transition: -webkit-transform 0.5s ease-in-out;
  transition: -webkit-transform 0.5s ease-in-out;
  -o-transition: transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
}
.bottom .carousel li img {
  display: block;
  width: 888px;
  height: 468px;
}
.bottom .btn_prve,
.bottom .btn_next {
  position: absolute;
  top: 50%;
  width: 91px;
  height: 91px;
  z-index: 20;
  margin-top: 63px;
  overflow: hidden;
}
.bottom .btn_prve {
  left: -86px;
  background: url(../images/01.png) no-repeat;
}
.bottom .btn_next {
  right: 194px;
  background: url(../images/02.png) no-repeat;
}


.side-img{
	margin-left:1172px;
	padding-top: 191px;
    animation:bounce 3s ease-in-out infinite;
  }
 
  @keyframes bounce {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-20px); }
  }



.map-sp {
	width: 1000px;
	left: 50%;
	margin-left: -420px;
	margin-top:257px;
position: absolute;

	
}