body {
  margin: 0;
}
body .applets .header {
  height: 638px;
  background-image: url(../images/applets_bg.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
}
body .applets .header .header-con {
  width: 1200px;
  margin: 0 auto;
  padding-left: 42px;
}
body .applets .header .header-con .heder-tit {
  padding-top: 214px;
  font-size: 60px;
  color: #ffffff;
}
body .applets .header .header-con .heder-sub {
  padding-top: 15px;
  font-size: 18px;
  color: #ffffff;
}
body .applets .header .header-con .heder-wrap {
  padding-top: 70px;
  padding-left: 50px;
}
body .applets .header .header-con .heder-wrap .header-wrap-text {
  font-size: 18px;
  color: #ffffff;
}
body .applets .advantage {
  width: 1200PX;
  margin: 0 auto;
  padding: 30px 0;
}
body .applets .advantage .advantage-tit {
  padding: 26px 0;
  font-size: 28px;
  color: #333333;
  text-align: center;
}
body .applets .advantage .advantage-sub {
  font-size: 16px;
  color: #999999;
  text-align: center;
}
body .applets .advantage .advantage-wrap {
  padding-top: 70px;
}
body .applets .advantage .advantage-wrap .advantage-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  box-shadow: 0px 0px 51px 0px rgba(203, 203, 203, 0.08);
}
body .applets .advantage .advantage-wrap .advantage-row .advantage-box {
  flex: 1;
  height: 100px;
  padding: 35px;
  display: flex;
  flex-direction: row;
  align-items: center;
  cursor: pointer;
  position: relative;
  top: 0;
}
body .applets .advantage .advantage-wrap .advantage-row .advantage-box:hover{
  /* box-shadow: 0 0 10px 3px rgb(243, 243, 243); */
  top: -20px;
  transition: top 1s;
}
body .applets .advantage .advantage-wrap .advantage-row .advantage-box .ad-box-wrap {
  width: 279px;
  margin-left: 60px;
}
body .applets .advantage .advantage-wrap .advantage-row .advantage-box .ad-box-wrap .ad-box-wrap-tit {
  font-size: 18px;
  color: #333333;
   
}
body .applets .advantage .advantage-wrap .advantage-row .advantage-box .ad-box-wrap .ad-box-wrap-text {
  font-size: 16px;
  color: #999999;
   position: relative;
   top: 24px;;
}
body .applets .independent .independent-tit {
  width: 1200px;
  margin: 0 auto;
  font-size: 28px;
  color: #333333;
  text-align: center;
  padding-top: 66px;
}
body .applets .independent .independent-con {
  height: 365px;
  padding-bottom: 20px;
  background-image: url(../images/independent_bg.png);
  background-repeat: no-repeat;
  background-position: center;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
 
}

body .applets .independent .independent-con .independent-box {
  width: 200px;
  text-align: center;
  
   
}

 
body .applets .independent .independent-con .independent-box .independent-box-text {
  padding-top: 20px;
  font-size: 16px;
  color: #666666;
}
body .applets .independent .independent-con .weixin {
  position: relative;
  bottom: 37px;
  animation: animateweixin 8s ease-in-out infinite;
}
@keyframes animateweixin{
  50% {
    transform: translateY(-2em);
}
}
body .applets .independent .independent-con .toutiao {
  position: relative;
  top: 120px;
  left: 50px;
  animation: animatetoutiao 6s ease-in-out infinite;
}
@keyframes animatetoutiao{
  60% {
    transform: translateY(-2em);
}
}
body .applets .independent .independent-con .baidu {
  position: relative;
  bottom: 37px;
  animation: animatebaidu 7s ease-in-out infinite;
}
@keyframes animatebaidu{
  65% {
    transform: translateY(-2em);
}
}
body .applets .independent .independent-con .douyin {
  position: relative;
  top: 90px;
  animation: animatedouyin 8s ease-in-out infinite;
}
@keyframes animatedouyin{
  70% {
    transform: translateY(-2em);
}
}
body .applets .independent .independent-con .zhifubao {
  position: relative;
  animation: animatezhifubao 8s ease-in-out infinite;
}
@keyframes animatezhifubao{
  75% {
    transform: translateY(-2em);
}
}
body .applets .our-case {
  height: 722px;
  padding: 40px 0;
  background-color: #fcfcfc;
}
body .applets .our-case .our-case-wrap {
  width: 1200px;
  margin: 0 auto;
}
body .applets .our-case .our-case-wrap .our-case-tit {
  padding: 25px 0;
  font-size: 28px;
  color: #333333;
  text-align: center;
}
body .applets .our-case .our-case-wrap .our-case-sub {
  font-size: 16px;
  color: #999999;
  text-align: center;
}
body .applets .our-case .our-case-wrap .our-case-wrap {
  height: 562px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
body .applets .our-case .our-case-wrap .our-case-wrap .our-case-left img {
  width: 506px;
  height: 568px;
}
body .applets .our-case .our-case-wrap .our-case-wrap .our-case-right {
  padding-left: 134px;
}
body .applets .our-case .our-case-wrap .our-case-wrap .our-case-right .our-case-right-tit {
  padding: 19px 0;
  font-size: 18px;
  color: #333333;
}
body .applets .our-case .our-case-wrap .our-case-wrap .our-case-right .our-case-right-sub {
  font-size: 16px;
  color: #999999;
}
body .applets .our-case .our-case-wrap .our-case-wrap .our-case-right .our-case-right-img {
  margin: 34px 0;
  width: 120px;
  height: 120px;
}
body .applets .our-case .our-case-wrap .our-case-wrap .our-case-right .our-case-right-img img {
  width: 100%;
  height: 100%;
}
body .applets .our-case .our-case-wrap .our-case-wrap .our-case-right .our-case-right-btn button {
  width: 152px;
  height: 52px;
  font-size: 16px;
  color: #333333;
  border: 1px solid #d6d6d6;
  background-color: #ffffff;
  /* border: none; */
}
body .applets .our-case .our-case-wrap .our-case-wrap .our-case-right .our-case-right-btn button:hover {
 /* font-size: 17px; */
 background-color: #fac200;
 border: none;
  /* box-shadow: 0 0 10px 3px rgb(218, 218, 218);; */
}
body .applets .mature {
  background-image: url(../images/mature_bg.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  padding: 30px 0;
}
body .applets .mature .mature-wrap {
  width: 1200px;
  margin: 0 auto;
  height: 786px;
}
body .applets .mature .mature-wrap .mature-tit {
  padding: 60px 0 22px 0;
  font-size: 28px;
  color: #ffffff;
  text-align: center;
}
body .applets .mature .mature-wrap .mature-sub {
  font-size: 16px;
  color: #ffffff;
  text-align: center;
}
body .applets .mature .mature-wrap .mature-con {
  margin-top: 83px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
body .applets .mature .mature-wrap .mature-con .mature-box {
  height: 480px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
}
body .applets .mature .mature-wrap .mature-con .mature-box img {
  width: 480px;
  height: 480px;
}
body .applets .mature .mature-wrap .mature-con .mature-box .mature-row .mature-row-tit {
  text-align: right;
  font-size: 18px;
  color: #ffffff;
}
body .applets .mature .mature-wrap .mature-con .mature-box .mature-row .mature-row-text {
  padding-top: 20px;
  text-align: right;
  width: 300px;
  font-size: 16px;
  color: #e1e1e1;
}
body .applets .mature .mature-wrap .mature-con .mature-box .mature-row .mature-row-right-tit {
  text-align: left;
  font-size: 18px;
  color: #ffffff;
}
body .applets .mature .mature-wrap .mature-con .mature-box .mature-row .mature-row-right-text {
  text-align: left;
  width: 300px;
  font-size: 16px;
  color: #e1e1e1;
  padding-top: 20px;
}
body .applets .mature .mature-wrap .mature-con .mature-box .mature-row-center {
  position: relative;
}
body .applets .mature .mature-wrap .mature-con .mature-box .mature-row-left-po {
  position: relative;
  left: 100px;
}
body .applets .mature .mature-wrap .mature-con .mature-box .mature-row-right-po {
  position: relative;
  right: 100px;
}
body .applets .support {
  width: 1200px;
  margin: 0 auto;
  padding: 30px 0;
}
body .applets .support .support-tit {
  padding: 60px;
  font-size: 28px;
  color: #333333;
  text-align: center;
}
body .applets .support .support-con {
  height: 459px;
  text-align: center;
}
body .applets .protection {
  width: 1200px;
  margin: 0 auto;
  padding: 30px 0;
}
body .applets .protection .protection-tit {
  padding: 24px 0;
  font-size: 28px;
  color: #333333;
  text-align: center;
}
body .applets .protection .protection-sub {
  font-size: 16px;
  color: #999999;
  text-align: center;
}
body .applets .protection .protection-con {
  padding-top: 30px;
}
body .applets .protection .protection-con .protec-row {
  margin-bottom: 20px;
  padding: 10px 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
body .applets .protection .protection-con .protec-row .protec-box {
  width: 300px;
  padding: 20px;
  position: relative;
  cursor: pointer;
}
body .applets .protection .protection-con .protec-row .protec-box:hover {
   box-shadow: 0 0 10px 3px rgb(240, 240, 240);;
}
body .applets .protection .protection-con .protec-row .protec-box .protec-box-img {
  margin-bottom: 20px;
}
body .applets .protection .protection-con .protec-row .protec-box .protec-box-tit {
  padding: 21px 0;
  font-size: 16px;
  color: #333333;
}
body .applets .protection .protection-con .protec-row .protec-box .protec-box-tit::before{
  content: '';
  position: absolute;
  top: 95px;
  width: 300px;;
  height: 1px;
  background-color: #F1F1F1;
}
body .applets .protection .protection-con .protec-row .protec-box .protec-box-text {
  font-size: 16px;
  color: #999999;
}
body .applets .protection .contact-us {
  margin: 40px 0;
  padding: 40px;
  height: 180px;
  display: flex;
  flex-direction: row;
  align-items: center;
  background: #ffffff;
  border: 1px solid #f1f1f1;
  /* box-shadow: 0px 6px 15px 1px rgba(189, 189, 189, 0.17); */
}
body .applets .protection .contact-us:hover {
  cursor: pointer;
  box-shadow: 0px 6px 15px 1px rgba(189, 189, 189, 0.17);
}
body .applets .protection .contact-us .contact-us-left {
  flex: 1;
}
body .applets .protection .contact-us .contact-us-left .contact-us-tit {
  font-size: 22px;
  color: #293c60;
}
body .applets .protection .contact-us .contact-us-left .contact-us-sub {
  padding-top: 26px;
  font-size: 18px;
  color: #293c60;
}
body .applets .protection .contact-us .contact-us-right {
  flex: 1;
  text-align: right;
}
body .applets .protection .contact-us .contact-us-right .contact-us-now {
  width: 200px;
  height: 60px;
  border: 0;
  font-size: 18px;
  color: #333333;
  background-color: #ffc713;
}
body .applets .protection .contact-us .contact-us-right .contact-us-now:hover{
   cursor: pointer;
   box-shadow: 0 0 10px 2px #f5db86;
}
body .applets .protection .contact-us .contact-us-right .contact-us-more {
  width: 200px;
  height: 60px;
  margin-left: 50px;
  border: 0;
  font-size: 18px;
  color: #333333;
  background-color: #ffffff;
  border: 2px solid #f1f1f1;
  border-radius: 3px;
}
body .applets .protection .contact-us .contact-us-right .contact-us-more:hover{
  cursor: pointer;
  box-shadow: 0 0 10px 2px #f1f1f1;
  
}
body .applets .make {
  background-color: #fdfdfd;
  padding: 60px 0;
}
body .applets .make .make-wrap {
  width: 1200px;
  margin: 0 auto;
}
body .applets .make .make-wrap .make-tit {
  font-size: 28px;
  color: #333333;
  text-align: center;
}
body .applets .make .make-wrap .make-sub {
  padding: 24px 0 66px 0;
  font-size: 16px;
  color: #999999;
  text-align: center;
}
body .applets .make .make-wrap .make-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
body .applets .make .make-wrap .make-row .make-box {
  width: 288px;
  height: 151px;
  padding: 30px;
  box-sizing: border-box;
  background-color: #ffffff;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  cursor: pointer;
}
body .applets .make .make-wrap .make-row .make-box:hover{
  box-shadow: 0 0 10px 1px rgb(236, 236, 236);
}
body .applets .make .make-wrap .make-row .make-box .make-box-right {
  width: 166px;
  padding-left: 20px;
}
body .applets .make .make-wrap .make-row .make-box .make-box-right .make-box-right-tit {
  font-size: 16px;
  color: #333333;
}
body .applets .make .make-wrap .make-row .make-box .make-box-right .make-box-right-text {
  padding-top: 20px;
  font-size: 14px;
  color: #999999;
  text-align: justify;
}
body .applets .make .make-wrap .make-bottom {
  padding: 27px 60px 42px 60px;
  margin-top: 20px;
  background-color: #ffffff;
  border: 1px solid #e7e7e7;
  box-sizing: border-box;
}
body .applets .make .make-wrap .make-bottom:hover {
   cursor: pointer;
  border: 1px solid #ffc854;
   
}
body .applets .make .make-wrap .make-bottom .make-bottom-tit {
  font-size: 16px;
  color: #333333;
  text-align: center;
}
body .applets .make .make-wrap .make-bottom .make-bottom-sub {
  padding-top: 15px;
  font-size: 14px;
  color: #999999;
  text-align: center;
}
body .applets .make .make-wrap .make-bottom .make-bottom-con {
  padding-top: 40px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
body .applets .make .make-wrap .make-bottom .make-bottom-con .make-bottom-box {
  width: 146px;
  height: 46px;
  border-radius: 23px;
  font-size: 16px;
  color: #333333;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #f7f7f7;
}
body .applets .make .make-wrap .make-bottom .make-bottom-con .make-bottom-box:hover{
  cursor: pointer;
  background-color: #e6e6e6;
}