/**index.wxss**/
swiper{
  height: 100%;
  width: 100%;
}
.container {
  width: 100%;
  height: 100%;
  background:linear-gradient(rgba(249,243,239,1),rgba(237,215,204,1));
}
.imgPolytope {
    width: 519rpx;
    height: 577rpx;
    margin: 190rpx auto;
}
.imgPolytope image {
    width: 100%;
    height: 100%;
}
.index_title{
  text-align: center;
}
.index_title .title {
    color: #000;
    font-size: 46rpx;
    margin-bottom: 31rpx;
}
.content {
    color: #F0830C;
    font-size: 26rpx;
}
.init {
    opacity: 0;
    transform: translateY(1000px);
}
.contentInit {
    opacity: 0;
    transform: translateX(1000px);
}

.drop_img{
  display: none;
}

/* 第二屏 */

/* pages/case/case.wxss */

.case_wrap {
    width: 100%;
    height: 100%;
    background: #F0EEED;
    position: relative;
}
.case_wrap .case_banner_box {
    width: 100%;
    height: 540rpx;
    background: #fff;
    position: relative;
}
.case_wrap .case_banner_box swiper {
    width: 100%;
    height: 487rpx;
}
.case_wrap .case_banner_box image {
    width: 100%;
    height: 100%;
}
.dots{
/* width: 156rpx; */
/* height: 36rpx; */
display: flex;
flex-direction: row;
position: absolute;
left: 320rpx;
bottom: 20rpx;
/* margin-top: -18rpx; */
}
/*未选中时的小圆点样式 */
.dot{
width: 16rpx;
height: 16rpx;
border-radius: 50%;
margin-right: 26rpx;
background-color:#CCCCCC;
}
/*选中以后的小圆点样式 */
.active{
width: 16rpx;
height: 16rpx;
border-radius:8rpx;
background-color: #FB7F47;
}

/*案例css  */
.case_box {
    width: 100%;
    height: 647rpx;
    background: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    display: flex;
    flex-direction: column;
}
.case_title {
    width: 100%;
    height: 112rpx;
    display: flex;
    justify-content: center;
    align-items: center;
}
.case_title .case_title_content {
    width:276rpx;
    height: 100%;
    position: relative;
}
.case_title_content .case_contnet_line {
    position: absolute;
    width:100%;
    height:1rpx;
    background:linear-gradient(90deg,rgba(240,131,12,1),rgba(230,0,18,1));
    opacity:0.5;
    left: 0;
    top: 50%;
}
.case_title_content .case_title_text {
    width: 142rpx;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -76rpx;
    background-color: #fff;
    color: #000000;
    font-size: 30rpx;
}
.case_content {
    display: flex;
    flex-wrap: wrap;
}
.case_content .case_list {
    width: 194rpx;
    height: 194rpx;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #333333;
    font-weight: 500;
    font-size: 26rpx;
    position: relative;
    margin: 0 28rpx 30rpx;
    border-radius:10rpx;
}
.case_list image {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
     /* z-index: 0;  */
}
.case_list_text {
    position: absolute;
    /* top: 50%;
    left: 50%; */
}

/* 第三屏 */
.app_lication_banner {
    width: 100%;
    height: 100%;
    position: relative;
}
swiper {
    width: 100%;
    height: 100%;
}
swiper image {
    width: 100%;
    height: 100%;
}

.dots{
/* width: 156rpx; */
height: 36rpx;
display: flex;
flex-direction: row;
position: absolute;
left: 325rpx;
bottom: 100rpx;
}
/*未选中时的小圆点样式 */
.dot{
width: 16rpx;
height: 16rpx;
border-radius: 50%;
margin-right: 26rpx;
background-color:#CCCCCC;
}
/*选中以后的小圆点样式 */
.active{
width: 16rpx;
height: 16rpx;
border-radius:8rpx;
background-color: #FB7F47;
}

/*  跳转下一页  */
.drop_img {
    position: absolute;
    bottom: 40rpx;
    left: 50%;
    margin-left: -146rpx;
}

.aboutUs{
  height: 70rpx;
  width: 220rpx;
  font-size: 28rpx;
  color: #FFF;
  background-color: #FFA333;
  border-radius: 35rpx;
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  bottom: 100rpx;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  z-index: 15;
}