/*
 * Swiper - Mobile Touch Slider CSS
 * http://www.idangero.us/sliders/swiper
 *
 * Vladimir Kharlampidi, The iDangero.us
 * http://www.idangero.us/
 * 
 * Copyright 2012-2013, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us
 *
 * Licensed under GPL & MIT
 *
*/

/* ===============================================================
Basic Swiper Styles 
================================================================*/
.swiper-container {
	margin:0 auto;
	position:relative;
	overflow:hidden;
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	-o-backface-visibility:hidden;
	backface-visibility:hidden;
	/* Fix of Webkit flickering */
	z-index:1;
}
.swiper-wrapper {
	position:relative;
	width:100%;
	-webkit-transition-property:-webkit-transform, left, top;
	-webkit-transition-duration:0s;
	-webkit-transform:translate3d(0px,0,0);
	-webkit-transition-timing-function:ease;
	
	-moz-transition-property:-moz-transform, left, top;
	-moz-transition-duration:0s;
	-moz-transform:translate3d(0px,0,0);
	-moz-transition-timing-function:ease;
	
	-o-transition-property:-o-transform, left, top;
	-o-transition-duration:0s;
	-o-transform:translate3d(0px,0,0);
	-o-transition-timing-function:ease;
	-o-transform:translate(0px,0px);
	
	-ms-transition-property:-ms-transform, left, top;
	-ms-transition-duration:0s;
	-ms-transform:translate3d(0px,0,0);
	-ms-transition-timing-function:ease;
	
	transition-property:transform, left, top;
	transition-duration:0s;
	transform:translate3d(0px,0,0);
	transition-timing-function:ease;
}
.swiper-free-mode > .swiper-wrapper {
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	margin: 0 auto;
}
.swiper-slide {
	float: left;
}

/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
	-ms-touch-action: pan-y;
}
.swiper-wp8-vertical {
	-ms-touch-action: pan-x;
}

/* ===============================================================
Your custom styles, here you need to specify container's and slide's
sizes, pagination, etc.
================================================================*/
.swiper-container {
	/* Specify Swiper's Size: */

	/*width:200px;
	height: 100px;*/
}
.swiper-slide {
	/* Specify Slides's Size: */
	
	/*width: 100%;
	height: 100%;*/
}
.swiper-slide-active {
	/* Specific active slide styling: */
	
}
.swiper-slide-visible {
	/* Specific visible slide styling: */	

}
/* ===============================================================
Pagination Styles
================================================================*/
.swiper-pagination-switch {
	/* Stylize pagination button: */	

}
.swiper-active-switch {
	/* Specific active button style: */	
	
}
.swiper-visible-switch {
	/* Specific visible button style: */	
	
}
.index .swiper-container {
        width: 100%;
        height:800px;
    }
.i-case .swiper-container{
	height: 448px;
}
/*.i-case .swiper-button-next,.i-case .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    -moz-background-size: 27px 44px;
    -webkit-background-size: 27px 44px;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat;
}*/

.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%;
}


.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    z-index: 10;
}
.serviceIE .swiper-slide{
    background-position:center top;
    background-repeat: no-repeat;
    text-align: center;
    width: 100%;
    height:100%;
    background-size: 100%;
    color: #fff
}
.serviceIE .swiper-slide1{
    background-image: url(../images/bg4.jpg);
}
.serviceIE .swiper-slide h2{
    font-size: 30px;
    padding-top: 8%;
    font-weight: normal;
}
.serviceIE .swiper-slide h4{
    font-size: 12px;
    padding-top: 2.5%;
    font-weight: normal;
}
.serviceIE .img-box {
    width:50%;
    margin: 2% auto 0;
    position: relative;
    height: 50%;
}
.serviceIE .swiper-slide .img-box img{
	display: inline-block;
	width: 100%;
}
.serviceIE .swiper-slide2{
	background-image: url(../images/bg3.jpg);
	color:#3e3e3e;
	position: relative;
}
.serviceIE .swiper-slide2 img{
	position: absolute;
}
.serviceIE .swiper-slide2 .img-box .xys-img1{
    width: 57.5%;
    left: 23%;
    top: 10%;
}
.serviceIE .swiper-slide2 .img-box .xys-img2{
    width: 21.3%;
    left: 16%;
    top: 40%;
}
.serviceIE .swiper-slide2 .img-box .xys-img3{
    width: 7.9%;
    left: 40%;
    top: 57.5%;
}
.serviceIE .swiper-slide2 .img-box .xys-img4{
    width: 38.6%;
    left: 56%;
    top: 47.5%;
}
.serviceIE .swiper-slide3{
	background-image: url(../images/bg2.jpg);
}
.serviceIE .swiper-slide4{
	background-image: url(../images/bg1.jpg);
	position: relative;
	color:#3e3e3e;
}
.serviceIE .swiper-slide4 img{
	display: block;
	position: absolute;

}
.serviceIE .swiper-slide4 .img-box .img1{
    width:7.9%;
    left: 45%;
    top: 85%;
}
.serviceIE .swiper-slide4 .img-box .img2{
    width: 1.5%;
    left: 20%;
    top: 27%;
}
.serviceIE .swiper-slide4 .img-box .img3{
    width: 20.5%;
    left: 41.5%;
    top: 6%;
}
.serviceIE .swiper-slide4 .img-box .img4{
    width: 20.5%;
    left: 64.5%;
    top: 78%;
}
.serviceIE .swiper-slide4 .img-box .img5{
    width: 19.7%;
    left: 65%;
    top: 22%;
}
.serviceIE .swiper-slide4 .img-box .img6{
    width: 18.9%;
    left: 20%;
    top: 60%;
}
.serviceIE .swiper-slide4 .img-box .img7{
    width: 20.3%;
    left: 41.5%;
    top: 61%;
}
.serviceIE .swiper-slide4 .img-box .img8{
    width: 16.3%;
    left: 43%;
    top: 75%;
}
.serviceIE .swiper-slide4 .img-box .img9{
    width: 27.6%;
    left: 65%;
    top: 36%;
}
.serviceIE .swiper-slide4 .img-box .img10{
    width: 17.6%;
    left: 22%;
    top: 11%;
}
.serviceIE .swiper-slide1 .jiantou {
    display: inline-block;
    color: #fff;
    font-size: 14px;
    margin-top: 3%;
}
.exhibition_hall {text-align:center;position: relative;overflow:hidden;}

.roundabout_box {width:980px;height:460px;}
.roundabout_box img {width:100%;}
/**********roundabout**********/
.roundabout_box {margin:15% auto 0;}
.roundabout-holder{width:200px;margin:0px auto;}
.roundabout-moveable-item{width:200px;cursor:pointer;}
.roundabout-moveable-item img{height:100%;width:100%;}
.fdad {
		position: fixed; 
		opacity: .7; 
		z-index: 888; 
		-moz-animation: flipInX 1.5s 2s ease both; 
		-webkit-animation: flipInX 1.5s 2s ease both;
  }
  .jiantou img {
    width: 20px;
    margin-top: 10px;
    -webkit-animation: upArrowMove 0.8s infinite;
    animation: upArrowMove 0.8s infinite;
}