.item01{
  height: 480px;
  background-color: #101627;
  color: #FFF;
  background-image: url(https://deallinker-homepage.oss-cn-beijing.aliyuncs.com/image/productscpt/pro_cpt_banner.png);
  background-repeat: no-repeat;
  background-position: center;
}
.item01 .banner{
  padding: 105px 160px 0 0;
  float: right;
}
.item01 .banner h3{
  line-height: 50px;
  height: 50px;
  font-size: 36px;
  color: #FFFFFF;
}
.item01 .banner p{
  font-size: 18px;
  height: 24px;
  line-height: 24px;
  color: #FFFFFF;
  letter-spacing: -0.02px;
}
.item01 .banner>div{
  margin-top: 55px;
}
.item01 .banner>div>a{
  display: inline-block;
  height: 28px;
  width:100px;
  line-height: 28px;
  border: 1px solid #FFFFFF;
  font-size: 14px;
  border-radius: 5px;
  text-align: center;
  transition: background-color .25s ease-out,color .25s ease-out;
  color: #FFF
}
.item01 .banner>div>a:hover{
  background-color: #FFFFFF;
  color: #000000;
  
}
.item02 .content{
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 50px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: center;
}
.item02 .content .list{
  width: 202px;
  height: 192px;
  padding: 0 48px;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  justify-content: space-around;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  transition: .3s;
}
.item02 .content .list>h3{
  font-size: 20px;
  color: #333333;
}
.item02 .content .list>div{
  width: 202px;
  font-size: 14px;
  color: #666666;
  line-height: 30px;
  text-align: center
}
.item02 .content .list:nth-child(1)>.icon{
  height: 55px;
  width: 55px;
  background-image: url(https://deallinker-homepage.oss-cn-beijing.aliyuncs.com/image/productscpt/pro_cpt_zwcy.png);
  background-size: cover;
}
.item02 .content .list:nth-child(3)>.icon{
  height: 55px;
  width: 55px;
  background-image: url(https://deallinker-homepage.oss-cn-beijing.aliyuncs.com/image/productscpt/pro_cpt_zdcc.png);
  background-size: cover;
}
.item02 .content .list:nth-child(5)>.icon{
  height: 55px;
  width: 55px;
  background-image: url(https://deallinker-homepage.oss-cn-beijing.aliyuncs.com/image/productscpt/pro_cpt_ztyj.png);
  background-size: cover;
}
.item02 .content .list:nth-child(7)>.icon{
  height: 55px;
  width: 55px;
  background-image: url(https://deallinker-homepage.oss-cn-beijing.aliyuncs.com/image/productscpt/pro_cpt_tdgl.png);
  background-size: cover;
}
.item02 .module_line{
  height: 120px;
  width: 1px;
  background-color:  #DFDFDF;;
}
.item03 .bg{
  background: #333333;
  width: 100%;
  margin-top:50px;
  color: #FFFFFF;
}
.item03 .core-content{
  height: 500px;
  display: flex;
  justify-content: center;
}
.item03 .core-content .list{
  width: 298px;
  border-right: 1px solid #FFF;
  background-repeat: no-repeat;
}
.item03 .core-content .list:nth-child(4){
  border: none;
}
.item03 .core-content .list:nth-child(1){
  background-image: url(https://deallinker-homepage.oss-cn-beijing.aliyuncs.com/image/productscpt/pro_cpt_core01.png)
}
.item03 .core-content .list:nth-child(2){
  background-image: url(https://deallinker-homepage.oss-cn-beijing.aliyuncs.com/image/productscpt/pro_cpt_core02.png)
}
.item03 .core-content .list:nth-child(3){
  background-image: url(https://deallinker-homepage.oss-cn-beijing.aliyuncs.com/image/productscpt/pro_cpt_core03.png)
}
.item03 .core-content .list:nth-child(4){
  background-image: url(https://deallinker-homepage.oss-cn-beijing.aliyuncs.com/image/productscpt/pro_cpt_core04.png)
}
.item03 .core-content .list .content-box{
  display: flex;
  position: relative;
  flex-direction: column;
  height: 100%;
  align-items: center;
  transition: all .4s cubic-bezier(.4,0,.2,1);
}
.item03 .core-content .list .core-text{
  display: flex;
  position: absolute;
  top: 100px;
  justify-content: space-around;
  flex-direction: column;
  margin-left: 50%;
  left: -100px;
  height: 80%;
  align-items: center;
  transition: all .4s cubic-bezier(.4,0,.2,1);
}
.item03 .core-content .list .core-text>div{
  line-height: 26px;
  width: 200px;
  opacity: 0;
  transition: all .4s cubic-bezier(.4,0,.2,1);
  height: 130px;
}
.item03 .core-content .list .core-text>.icon{
  height: 50px;
  width: 50px;
  background-size: cover;
}
.item03 .core-content .list:nth-child(1) .core-text>.icon{
  background-image: url(https://deallinker-homepage.oss-cn-beijing.aliyuncs.com/image/productscpt/pro_cpt_icon_aqwd.png);
}
.item03 .core-content .list:nth-child(2) .core-text>.icon{
  background-image: url(https://deallinker-homepage.oss-cn-beijing.aliyuncs.com/image/productscpt/pro_cpt_icon_jdbj.png);
}
.item03 .core-content .list:nth-child(3) .core-text>.icon{
  background-image: url(https://deallinker-homepage.oss-cn-beijing.aliyuncs.com/image/productscpt/pro_cpt_icon_ddlh.png);
}
.item03 .core-content .list:nth-child(4) .core-text>.icon{
  background-image: url(https://deallinker-homepage.oss-cn-beijing.aliyuncs.com/image/productscpt/pro_cpt_icon_tdgl.png);
}
.item03 .core-content .list .core-text>.iconline{
  height: 2px;
  width: 40px;
  opacity: 1;
  background-color: #979797;
  transition: all .4s cubic-bezier(.4,0,.2,1);
}
/* 动画 */
.item03 .core-content .list:hover  .content-box{
  /* opacity: 0.52; */
  /* background-image: linear-gradient(-180deg, #47CDD5 1%, #3AB5B8 100%); */
  background-color: rgba(58,182,184,0.50)
}
.item03 .core-content .list:hover .content-box .core-text{
  top: 50px;
  height: 60%;
}
.item03 .core-content .list:hover .core-text>div{
  opacity: 1;
}
.item03 .core-content .list:hover .core-text>.iconline{
  opacity: 0;
}
.item04{
  height: 730px;
}
.item04 .scene-content{
  width: 100%;
  position: relative;
}
.item04 .scene-content .scene-text{
  padding-top: 70px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  flex-direction: column;
  align-items: center;
}
.item04 .scene-content .scene-text>.list{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 40px;
  width: 620px;
}
.item04 .scene-content .scene-text .listr{
  width: 270px;
}
.item04 .scene-content .scene-text .listr>h3{
  line-height: 26px;
  margin-bottom: 10px;
  font-size: 20px;
  color: #333333;
}
.item04 .scene-content .scene-text .listr>div{
  font-size: 14px;
  color: #666666;
  line-height: 26px;
}
.item05{
  height: 600px;
  width: 100%;
  background-color: #2B2D36;
}
.item05 .title-illustrate,.item05 .title{
  color: #FFFFFF;
}
.item05 .case-content{
  padding: 0 68px;
  margin-top: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  justify-content: space-between;
}
.item05 .case-content a{
  width: 23%;
  position: relative;
  margin: 0 30px 24px;
  text-align: center;
  width: 160px;
  height: 50px;
  overflow: hidden;
  border-radius: 5px;
}
.item05 .case-content a>img {
  width: 210px;
  height: 68px;
  position: absolute;
  left: -22px;
  top: -10px;
}
.item06 .trial-content{
  margin-top: 50px;
  margin-bottom: 112px;
  color: #333333;
}
.item06 .trial-content ul{
  display: flex;
  justify-content: center;

}
.item06 .trial-content ul li{
  width: 246px;
  height: 260px;
  position: relative;
  margin:  0 35px;
  box-shadow: 0 2px 8px 0 rgba(0,0,0,0.20);
  border-radius: 8px;
  overflow: hidden;
  cursor: pointer;
}
.item06 .trial-content ul li>div,.item06 .trial-content ul li>a{
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  color: #333333
}
.item06 .trial-content ul li  p{
  font-size: 20px;
  margin-top: 30px
}
.item06 .trial-content ul li .postion{
  background-color: #3B84E7;
  top: -260px;
  transition: all .25s ease-out;
  color: #fff;
}
.item06 .trial-content ul li:hover .postion{
  top:0px;
}
.item06 .trial-content ul li:nth-child(1) div>span{
  background-image:url(https://public.feeclouds.com/homepage/imgs/xiaochengxu.png);
  width: 60px;
  height: 60px;
}
.item06 .trial-content ul li:nth-child(2) div>span{
  background-image:url(https://public.feeclouds.com/homepage/imgs/android.png);
  width: 60px;
  height: 60px;
}
.item06 .trial-content ul li:nth-child(3) div>span{
  background-image:url(https://public.feeclouds.com/homepage/imgs/iOS.png);
  width: 60px;
  height: 60px;
}
.item06 .trial-content ul li:nth-child(4) div>span{
  background-image:url(https://public.feeclouds.com/homepage/imgs/wechat.png);
  width: 60px;
  height: 60px;
}
.item06 .trial-content ul li:nth-child(1) a>span{
  background-image:url(http://wechat-fc-public.oss-cn-beijing.aliyuncs.com/cpthomepage/imgs/index_xcx.png);
  width: 120px;
  height: 120px;
  background-size: cover;
}
.item06 .trial-content ul li div.postion>span{
  width: 120px;
  height: 120px;
  background-size: cover;
}
.item06 .trial-content ul li:nth-child(2) div.postion>span{
  background-image:url(http://wechat-fc-public.oss-cn-beijing.aliyuncs.com/cpthomepage/imgs/index_and.png);
}
.item06 .trial-content ul li:nth-child(3) div.postion>span{
  background-image:url(http://wechat-fc-public.oss-cn-beijing.aliyuncs.com/cpthomepage/imgs/index_apple.png);
}
.item06 .trial-content ul li:nth-child(4) div.postion>span{
  background-image:url(http://wechat-fc-public.oss-cn-beijing.aliyuncs.com/cpthomepage/imgs/index_gzh.png);
}
.item06 .bottom{
  height: 100px;
  width: 100%;
  background: #3D5171;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.item06 .bottom a{
  line-height: 28px;
  height: 28px;
  border: 1px solid #FFF;
  padding:0 15px;
  padding: 0 17px;
  font-size: 14px;
  color: #FFFFFF;
  transition: all .25s ease-in-out;
}
.item06 .bottom a:hover{
  color: #000000;
  background: #FFFFFF;
}