.pro1-10{width:100%;overflow: hidden;background:#f8f8f8;padding:0px 0px 120px}
.pro1-11{width:1196px;overflow: hidden;margin:110px auto 0px}
.pro1-11head{width:100%;overflow: hidden; }
.pro1-11head span{float:left;width:auto;overflow:hidden;font-size:45px;color:#000;font-family: 'itcagb'}
.pro1-11head ul{float: right;width: auto;overflow: hidden}
.pro1-11head ul li{float: left;width: auto;overflow: hidden;margin-left:15px;height:33px;line-height:33px;border-radius:4px;padding:0px 10px;font-size:23px;color:#707070;font-family: 'itcagl'; cursor: pointer;transition:all 0.4s ease}
.pro1-11head ul li.active{background:#181818;color:#FFFFFF  }

.pro1-11content{width:100%;overflow: hidden;margin-top:50px}
.pro1-11content .swiper-slide{align-items: stretch}
.pro1-11pannel{width:100%;overflow: hidden;display:none;justify-content: space-between}
.pro1-11pannel.active{display:flex}
.pro1-11left{width:35%;background:#fff;overflow: hidden;border-radius:9px   }
.pro1-11item{width:100%;overflow:hidden; }
.pro1-11item samp{width:100%;overflow: hidden;display:block;height:500px;position: relative}
.pro1-11item samp img{width: auto;height: auto;max-width:90%;max-height:94%;position: absolute;left:50%;top:50%;transform: translate(-50%,-50%)}
.pro1-11item em{width:100%;text-align: center;display: block;font-size:18px;font-family:"itcagb";margin-top:20px  }
.pro1-11item span{width:80%;overflow: hidden;display: block;margin:0px auto;font-size:24px;font-family: 'itcagb';color:#333;line-height:22px   }
.pro1-11item p{width:80%;overflow: hidden;display: block;margin:0px auto;font-size:16px;font-family: 'itcagl';color:#707070;line-height:24px;margin-top:20px    }
.pro1-11pannel ul{width:calc(65% - 10px);overflow: hidden;display: flex;flex-wrap: wrap}
.pro1-11pannel ul li{width:calc(33.33% - 6px);background:#fff;overflow: hidden;margin-top:10px;float:left;margin:9px 9px 0px 0px;border-radius:9px;cursor: pointer;transition:all 0.4s ease;display: flex;flex-wrap: wrap;align-content: space-between}
.pro1-11pannel ul li.act{background:#eaeaea }
.pro1-11pannel ul li:nth-child(3n){float: right;margin-right: 0px}
.pro1-11pannel ul li span{width:80%;overflow: hidden;margin:24px auto 0px;font-size:16px;color:#707070;line-height:24px;display: block  }
.pro1-11pannel ul li span em{font-family:"itcagb";font-weight:bold;color:#333 }
.pro1-11pannel ul li samp{width:100%;display: block;overflow: hidden;height:201px;position: relative;margin-top:12px }
.pro1-11pannel ul li samp img{width: auto;height: auto;max-width:90%;max-height:100%;position: absolute;left:50%;top:50%;transform: translate(-50%,-50%)}


.pro1-11pannel ul li span.act{color:#000}

.pro1-10 {
  background-color: #030504;
}
.pro1-10 .pro1-11head span {
  color: #ffffff;
}
.pro1-10 .pro1-11left {
  background-color: #030504;
}
.pro1-10 .pro1-11pannel ul li {
  background-image: linear-gradient(to bottom, #1b1d1f, #090a0b);
}
.pro1-10 .pro1-11pannel ul li span {
  color: #fff;
  text-align: center;
}
.pro1-10 .pro1-11head ul li {
  color: #fff;
}
.pro1-10 .pro1-11pannel ul li.act{
  background-image: linear-gradient(to bottom, #54565b, #232323);
}
.pro1-11item em {
	color: #fff;
}
.pro1-11item p {
	color: #fff;
}

.pro1-10 .pro1-11head ul li.active {
  background-color: #c10016;
}

.pro1-11pannel ul li samp img {
	width: 8.2813vw;
      height: 6.0938vw;
}

.marsPro11 .pro1-10 {
	background-color: #000;
}

.marsPro11 .pro1-10 .pro1-11left {
	background-color: #fff;
}

.marsPro11 .pro1-10 .pro1-11pannel ul li {
	background-image: linear-gradient(to bottom, #fff, #fff);
}
.marsPro11 .pro1-10 .pro1-11pannel ul li.act{
  background-image: linear-gradient(to bottom, #eaeaea, #eaeaea);
}
.marsPro11 .pro1-10 .pro1-11pannel ul li span {
  color: #707070;
}

.marsPro11 .pro1-11pannel ul li:nth-child(1),.marsPro11 .pro1-11pannel ul li:nth-child(2),.marsPro11 .pro1-11pannel ul li:nth-child(3) {
	margin-top: 0;
}

.marsPro11 .pro1-11item em {
	color: #000;
	margin-top:0;
}

.marsPro11 .pro1-11item p {
	color: #707070;
	padding-bottom: 30px;
}

.marsPro11 .pro1-11pannel ul li samp img {
	width: auto;
	height: auto;
}

.yinliubanner {
	height: auto;
	margin: 15px 16px 0 16px;
     box-sizing: border-box;
}

.yinliubanner a{
	width:100%;
	height:100%;
}
.yinliubanner a img{
	width:100%;
	height:100%;
}

.thecreateMove {
animation: thecreateMove1 1s linear infinite alternate;
}

@keyframes thecreateMove1 {
    0% {
        transform: translateY(-15px);
    }

    100% {
        transform: translateY(0);
    }
}