/**

 * DESCRIPTION   

 * AUTHOR  Chenlq WPS

 * TIME  2023-10-31

 */

* {

    vertical-align: baseline;

    font-weight: inherit;

    font-family: 'Arial', 'Microsoft YaHei', '΢ÈíÑźÚ';

    font-style: inherit;

    font-size: 100%;

    outline: 0;

    padding: 0;

    margin: 0;

    border: 0;

    line-height:inherit;

    list-style:none;

    text-decoration:none;

}



:focus {

  outline: none;

}

a {

  color: #1c1d28;

  text-decoration: none;

}



a img {

  border: 0;

}

img {

  image-rendering: -moz-crisp-edges;  

  image-rendering: -o-crisp-edges;

  image-rendering: -webkit-optimize-contrast;

  image-rendering: crisp-edges;

  -ms-interpolation-mode: nearest-neighbor;

  vertical-align: middle;

}

table {

  empty-cells: show;

}

del {

  text-decoration: line-through;

}

button::-moz-focus-inner,

input[type=reset]::-moz-focus-inner,

input[type=button]::-moz-focus-inner,

input[type=submit]::-moz-focus-inner,

input[type=file] > input[type=button]::-moz-focus-inner {

  border: 0;

  padding: 0;

}

fieldset {

  padding: 0;

  margin: 0;

  border:0;

}

figure{

  display: flex;

  justify-content: center;

  align-items: center;

  flex-wrap: wrap;

}

body{

  min-width: 1200px;

  background:#fff;

}

.wrap{

  width: 1200px;

  margin: 0 auto;

}

.floatL{

  float:left;

}

.floatR{

  float:right;

}

.flexbox {

    display: flex;

}

.flexWrap {

    display: flex;

    -webkit-flex-wrap:wrap;

    flex-wrap: wrap;    

}

.flexCenter {

    display: flex;

    align-items: center;

    justify-content: center;

}

.flexBetween{

    display: flex;

    align-items: center;

    justify-content: space-between;

}

.win_icon{

  background:url(../../../../../win.png) no-repeat;

}

.top{

  width: 100%;

  height: 62px;  

  background: #fff;

  box-shadow: 0px 3px 6px rgb(202 206 237 / 35%);

  position: sticky;

  top: 0;

}

.top .logo{

  margin-top: 10px;

  display: block;

  float:left;

}

.top .kuoslLogo{

  margin-right: 20px;

  margin-top: 8px;

}

.top ul{

  float:right;

  text-align: right;

}

.top ul li{

  padding-right: 40px;

  line-height: 48px;

  float: left;

  line-height: 62px;

}

.top ul li a{

  font-size: 16px;

  color:#1c1d28;

}

.top ul li a:hover{

  color:#eb3f2f;

}

.top ul li .topbtn{

  margin-top: 13px;

  width: 132px;

  height: 36px;

  color: #eb4e6e;

  text-align: center;

  line-height: 36px;

  border:#ea4c71 solid 2px;

  border-radius: 36px;

  box-sizing: border-box;

  display: inline-block;

}

.top ul li .topbtn:hover{

  background:#fdeef0;

}

.header{

  width: 100%;

  height: 488px;

  background:url(../images/head.jpg) no-repeat;

  background-size: cover;

}

.header figure{

  margin-top:65px;

  margin-right: 50px;

  float:left;

  width: 639px;

  height: 336px;

  padding: 10px;

  border:rgba(255,189,209,0.3) solid 2px;

  background:#fff;  

  box-shadow: 0px 4px 16px 0px rgba(255, 219, 230, 0.5);

  border-radius: 15px;

}

.header figure img{

  width: 639px;

  height: 336px;

  display: block; 

  border-radius: 5px; 

}

.header .soft-info{

  padding-top: 107px;

}

.header .soft-logo{

  margin-bottom:30px;

  display: inline-block;

}

.header .des{

  font-size: 34px;

  color:#1c1d28;

  font-weight: bold;

  line-height: 52px;

}

.btn{

  margin-top: 50px;

  width: 250px;

  height: 70px;

  font-size: 22px;

  color:#fff;

  text-align: center;

  line-height: 70px;

  background-image:linear-gradient(to left, #e93b9e, #ed6d3b);

  border-radius: 70px;

  display: flex;

  align-items: center;

  justify-content: center;

}

.btn i{

  width: 35px;

  height: 36px;

  margin-right: 20px;

  background-position: 0 0;

  display: inline-block;

  vertical-align: -17px;  

}

.btn:hover{

  background:#eb556c;

  box-shadow: 0px 2px 14px 0px rgba(233, 60, 156, 0.7);

}

.header .btn:hover{

  box-shadow: 0px 2px 14px 0px rgba(233, 60, 156, 0.5);

}

.title{

  padding-top: 50px;

  width: 100%;

  text-align: center;

}

.title h2{  

  font-size: 44px;

  color:#242427;

  font-weight: bold;

}

.title h2 span{

  font-size: 44px;

  color:#eb536f;

}

.title .des{

  padding-top: 25px;

  font-size: 20px;

  color:#4c4c4d;

  line-height: 35px;

}

.block1 .title h2 span{

  margin-right: 16px; 

}

.block1 li{

  margin-top: 28px;

  float:left;

  width: 540px;

  height: 540px; 

  padding: 10px;

  border:rgba(255,189,209,0.3) solid 2px;  

  background:#fff;

  border-radius: 30px;

}

.block1 li:nth-of-type(even){

  float:right;

}

.block1 li img{

  width: 540px;

  height: 540px;  

  border-radius: 10px;

}

.block .btnbox{

  margin-top: 45px;

  width: 100%;

  text-align: center;

  display: inline-block;

}

.block .btn{  

  width: 230px;

  height: 60px; 

  font-size: 20px; 

  margin:0 auto;

}

.block .btn i{

  width: 30px;

  height: 30px;

  background-position: 0 -39px;

  margin-right:15px;

}

.block2{

  width: 100%;

  margin-top: 55px;

  padding-bottom: 50px;

  background:#f5f5f7;

  display: inline-block;

}

.block2 ul{

  float:left;

}

.block2 li{

  margin-top: 40px;

  width: 580px;

  height: 390px;

  background:#fff;

  border-radius: 20px;

  float:left;

}

.block2 li:nth-of-type(even){

  float:right;

}

.block2 li:hover{

  box-shadow: 0px 2px 14px 0px rgba(198, 198, 218, 0.5);

}

.block2 li img{

  width: 580px;

  height: 241px;

  border-radius: 20px 20px 0 0;

  display: block;

  border-bottom: #f1f6fe solid 1px;

}

.block2 li p{

  padding: 0 40px;

}

.block2 li .tit{

  padding-top: 25px;

  font-size: 26px;

  color:#242427;

  font-weight: bold;

  overflow:hidden;

  text-overflow:ellipsis;

  white-space:nowrap;

}

.block2 li .des{

  padding-top: 5px;

  height: 60px;

  overflow:hidden;

  text-overflow: -o-ellipsis-lastline;  

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-line-clamp: 2;

  line-clamp: 2;

  -webkit-box-orient: vertical;

  word-break: break-all;

}

.block2 li .des span{

  font-size: 20px;

  color:#959595;

  line-height: 30px;

  height: 60px;

  display: flex;

  align-items: center;

}

.bottom{

  width: 100%;

  height: 270px;

  background:url(../../../../../bottom.jpg) no-repeat;

  background-size: cover;

}

.bottom figure{

  width: 632px;

  height: 242px;

  padding: 28px 166px 0 35px;

  float:left;

}

.bottom figure img{

  width: 632px;

  height: 242px;

  display: block;

}

.bottom .bottom_right .logo{

  padding-top: 70px;

  width: 329px;

  height: 39px;

  display: block;

}

.bottom .bottom_right .bottombtn{

  margin: 45px 0 0 40px;

  width: 250px;

  height: 70px;

  font-size: 22px;

  color:#ea4688;

  background:#fff;

  border-radius: 70px;

  display: flex;  

  align-items: center;

  justify-content: center;

}

.bottom .bottom_right .bottombtn i{

  width: 35px;

  height: 36px;

  margin-right: 20px;

  background-position: -43px 0;

  display: inline-block;  

}

.bottom .bottom_right .bottombtn:hover{

  background:#fff0f2;

}

.footer{

  padding:30px 0 30px;

  width: 100%;

  text-align: center; 

  background:#e6e6e6; 

}

.footer p{

  font-size: 14px;

  line-height: 24px;

  color:#1d1d1d;  

}

/*wps office*/

.topbanner{

  width: 100%;

  height: 47px;

  font-size: 18px;

  color:#feffff;

  line-height: 47px;

  text-align: center;

 background-image:linear-gradient(to right,#f97343,#f53da3);

}

.topbanner em{

  margin: 0 6px 0 12px;

  width: 1px;

  height: 14px;

  border-right: #fff solid 1px;  

  font-size: 0;

  display: inline-block;

  vertical-align: middle;

}

.topbanner a{

  color:#fff;

  

}

.topbanner a:hover{

 border-bottom:#fff solid 1px;

}



.wps_office .top .logo{

  margin-top: 0;

  font-size: 30px;

  color:#1c1d28;

  font-weight: bold;

  line-height: 62px;

}

.wps_office .top ul li a{

  font-size: 20px;

}

.wps_office .head_wd{

  margin-top: 17px;

  width: 758px;

  float:left;

}

.wps_office .soft-info{

  float:right;

  padding-top: 70px;

  width: 426px;

  font-size: 42px;

  color:#1c1d28;

  font-weight: bold;

}

.wps_office .header .des{

  line-height: 52px;

  font-size: 32px;

  font-weight: 500;

}

.wps_office .btn{

  margin-top: 35px;

}

.wps_office .head_wd dl{

  width: 100%;

  margin-top: 40px;

  float:left;

}

.wps_office .head_wd dl dt{

  margin-top: 5px;

  width: 157px;

  height: 53px;

  font-size: 24px;

  color:#262727;

  line-height: 53px;

  text-align: center;

  background-image:linear-gradient(to right,rgba(233,60,154,0.1),rgba(255,255,255,0.1) 70%);

  border-radius: 53px;

  float:left;

}

.wps_office .head_wd dl dd p{

  float:left;

  margin: 0 10px 0 34px;

  width: 82px;

  height: 100px;

  text-align: center;

  overflow: hidden;

}

.wps_office .head_wd dl dd p:last-child{

  margin-right: 0;

}

.wps_office .head_wd dl dd p i{

  width: 64px;

  height: 64px;

  background:url(../images/wps_office_icon.png) no-repeat;

  background-position: 0 0;

  display: inline-block;

}

.wps_office .head_wd dl dd p span{

  padding-top: 5px;

  width: 100%;

  font-size: 20px;

  color:#262727;

  font-weight: 500;

  display: block;

}

.wps_office .head_wd dl dd p.p2 i{

   background-position: -75px 0;

}

.wps_office .head_wd dl dd p.p3 i{

   background-position:-150px 0;

}

.wps_office .head_wd dl dd p.p4 i{

   background-position: -225px 0;

}

.wps_office .head_wd dl dd p.p5 i{

   background-position:0 -70px ;

}

.wps_office .head_wd dl dd p.p6 i{

   background-position: -75px -70px;

}

.wps_office .head_wd dl dd p.p7 i{

   background-position: -150px -70px;

}

.wps_office .head_wd dl dd p.p8 i{

   background-position: 0 -141px;

}

.wps_office .head_wd dl dd p.p9 i{

   background-position: -75px -141px;

}

.wps_office .head_wd dl dd p.p10 i{

   background-position: -150px -141px;

}

.wps_office .head_wd dl dd p.p11 i{

   background-position: -225px -141px;

}



/*2025-01-10 Ôö¼ÓbannerÂÖ²¥*/

.header_new{

  padding:0 0 64px;

  width: 100%;

  height: auto;

  background:url(../../../../../head_bg.jpg) no-repeat right bottom;

  background-size: cover;

  text-align: center;

  display: inline-block;

  position: relative;

}

.header_new img{

  width: 100%;

}

.header_new_wrap{

  width: 100%;3

  max-width: 1200px;

  margin: 0 auto;

}

.header_new .headlay{

  width: 100%;

  height: auto;

  position: absolute;

  top: 90px;

  left: 0;

}

.header_new .head_wz{  

  padding-top: 75px;

  padding-bottom: 70px;

  width: 100%;  

  text-align: center;

}

.header_new .head_wz h1{

  font-size: 60px;

  color:#1c1d28;

}

.header_new .head_wz .des{

  padding-top: 20px;

  font-size: 40px;

  color:#1c1d28;

  line-height: 60px;

}

.header_new .btn{

  display: inline-block;

}

.bannerbox{

  width: 100%;  

}

.bannerbox .oatabs{  

  /*width:77.5%;*/

  width: 930px;

  max-width: 930px;

  height: 70px;

  background:#e5e7f5;

  border-radius: 35px;

  padding: 10px;

  box-sizing: border-box;

}

.bannerbox .oatabs li{  

  width: 155px;   

  height: 50px; 

  font-size: 18px;

  color:#1c1d28;

  text-align: center; 

  line-height: 50px;

  cursor: pointer;

}

.bannerbox .oatabs li:nth-of-type(4),

.bannerbox .oatabs li:nth-of-type(5),

.bannerbox .oatabs li:nth-of-type(6),

.bannerbox .oatabs li:nth-of-type(7){

  width: 115px;

}

.bannerbox .oatabs li:before{

  content:'';

  margin-right: 10px;

  width: 24px;

  height: 24px;

  background:url(../../../../../banner_icon.png) no-repeat;

  background-position: 0 0;

  display: inline-block;

  vertical-align: middle;

}

.bannerbox .oatabs li.l2:before{

  background-position: -29px 0;

}

.bannerbox .oatabs li.l3:before{

  background-position: -57px 0;

}

.bannerbox .oatabs li.l4:before{

  background-position: -86px 0;

}

.bannerbox .oatabs li.l5:before{

  background-position: -115px 0;

}

.bannerbox .oatabs li.l6:before{

  background-position: 0 -29px;

}

.bannerbox .oatabs li.l7:before{

  background-position: -29px -29px;

}

.bannerbox .oatabs li.l8:before{

  background-position: -57px -29px;

}

.bannerbox .oatabs li.l9:before{

  background-position: -86px -29px;

}

.bannerbox .oatabs li.l10:before{

  background-position: -115px -29px;

}

.swiper-slide-thumb-active{

  background:#f7f7fa;

  border-radius: 50px;

}

.oalist{

  margin-top: 35px;

  width: 100%;

  padding: 10px 0 10px;

  border:#fff solid 1px;

  background:rgba(255,255,255,0.5);

  border-radius: 10px;

  box-sizing: border-box;  

}

.zoomOut {

  -webkit-animation-duration:0.5s;

  animation-duration:0.5s;

  -webkit-animation-fill-mode:both;

  animation-fill-mode:both

  -webkit-animation-name:zoomOut;

  animation-name:zoomOut;

  height: 0;

  padding:0!important;

  overflow: hidden;

}

@-webkit-keyframes zoomOut {

  0% {

  opacity:1

  }

  50% {

  opacity:0;

  -webkit-transform:scale3d(.3,.3,.3);

  transform:scale3d(.3,.3,.3)

  }

  100% {

  opacity:0;  

  /*height: 0;

  padding:0;*/

  }

}

@keyframes zoomOut {

  0% {

  opacity:1

  }

  50% {

  opacity:0;

  -webkit-transform:scale3d(.3,.3,.3);

  -ms-transform:scale3d(.3,.3,.3);

  transform:scale3d(.3,.3,.3)

  }

  100% {

  opacity:0;  

 /* height: 0;

  padding:0;*/

  }

}

.zoomIn {

   -webkit-animation-duration:0.5s;

  animation-duration:0.5s;

  -webkit-animation-fill-mode:both;

  animation-fill-mode:both

  -webkit-animation-name:zoomIn;

  animation-name:zoomIn;

  height: auto;

  padding-top:75px;

  padding-bottom: 70px;

}

@-webkit-keyframes zoomIn {

  0% {

  opacity:0;

  -webkit-transform:scale3d(.3,.3,.3);

  transform:scale3d(.3,.3,.3)

  }

  50% {

  opacity:1

  }

  100% {

  opacity:1 

  /*height: auto;

  padding-top:75px;*/

  }

}

@keyframes zoomIn {

  0% {

  opacity:0;

  -webkit-transform:scale3d(.3,.3,.3);

  -ms-transform:scale3d(.3,.3,.3);

  transform:scale3d(.3,.3,.3)

  }

  50% {

  opacity:1

  }

  100% {

  opacity:1  

 /* height: auto;

  padding-top:75px;*/

  }

}

.paused-state {

  animation-play-state: paused;

}

.header_new_wrap{    

    transform:scale(0.90); 

    height: 90vh;    

}

.header_new .head_wz{

    padding-top: 40px;

  }

@media screen and (max-width: 1660px){

  .header_new_wrap{

    transform:scale(0.80);  

     height: 80vh;       

  }

  .header_new .head_wz{

    padding-top: 0;

  }

  .header_new ~ .block1 .title{

    padding-top: 10px;

  }

}