@charset "utf-8";

/*--------------------------------------------------------------------------马来西亚资源--------------------------------------------------------------------------*/
.pks-body { width:100%; height: 100vh; overflow: hidden;}

.pks-main-pc, .pks-main-m {  height: 100%; }
.pks-main { width:100%; height: 100%; position: relative; }
.pks-main::before { content: " ";  position: absolute; left: 0; top: 0; width:100%;  height: 100%; background: linear-gradient(to bottom, rgba(0,0,0,0.15) 0%, transparent 50%, rgba(0,0,0,0.15) 100%); z-index: -1;  }
.pks-about { width: 92%;   margin: 0 auto; color:#333;  visibility: hidden;}
.pks-about .tit { text-align: center; margin:0 0 80px;  }
.pks-about .tit img { width:60px;   margin:0 0 20px;  }
.pks-about .tit h2 { font-size:36px;   }
.pks-about h3 {  font-size:30px; background: #555;  border-radius: 100px;  color:#fff;  margin:0 0 40px;  position: relative; z-index: 1;  }
.pks-about h3 span { display: flex; align-items: center;  padding:10px 20px;  overflow: hidden;  }
.pks-about h3 i { font-weight: normal; font-size:36px; margin:4px 20px 0 0;   }
.pks-about .pks-abo-left, .pks-about .pks-abo-right {  width:30%; }
.pks-about .pks-abo-info { align-items:flex-start!important; }
.pks-about .pks-abo-info .list  { padding:20px;  display: grid; grid-template-columns: repeat(1, 1fr); grid-gap: 10px;  background: linear-gradient(to bottom, rgba(255,255,255,0.35) 0%,transparent 100%);   border-top-left-radius: 20px;  border-top-right-radius: 20px; }
.pks-about .pks-abo-info p { display: flex;  /*background: linear-gradient(to right, rgba(255,255,255,0.35) 0%,transparent 100%); */   position: relative; }
.pks-about .pks-abo-info p i { font-size:24px;  margin-right:20px;  color:#555;  }

.i-bg img { animation: scaleDown 10s ease; transform-origin: center center;  }

@keyframes scaleDown {
  from {
    transform: scale(1.2); 
  }
  to {
    transform: scale(1); 
  }
}

 .pks-about h3::before {
	content: '';
	position: absolute;
	top: -2px;
	left: -2px;
	right: -2px;
	bottom: -2px;
	background: linear-gradient(45deg, rgba(255,255,255,1), rgba(255,255,255,0),rgba(255,255,255,1), rgba(255,255,255,0),rgba(255,255,255,1), rgba(255,255,255,0));
	background-size: 400% 400%;
	border-radius: 100px;
	z-index: -1;
	animation: border-anim-2 8s linear infinite;
}
.pks-about h3::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #555;
	border-radius: 100px;
	z-index: -1;
}

@keyframes border-anim-2 {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}

/*--------------------------------------------------------------------------联系我们--------------------------------------------------------------------------*/
.ct-body{width:100%; height: 100vh; overflow: hidden;}
.ct-body .header .hnav { padding:20px 0; }
.ct-body .header .hnav .hlogo{display: none;}
.ct-main{width:100%; height: 100vh; z-index: 3; overflow-y: scroll;}
.ct-main .ct-logo{margin: 80px auto;}
.ct-main .ct-logo img{max-height: 80px;}

.contact { width:68%; padding:4vh 4vw; margin:0 auto; background: #fff; border: 4px solid  transparent;  /*border-image-source:  linear-gradient(90deg, #d0ac62, #f7e09d, #d0ac62);  border-image-slice: 1;  box-shadow: 0 0 20px rgba(0,0,0,.05); */
	background-clip:padding-box,border-box;background-origin:padding-box,border-box; background-image:linear-gradient(to right, #fff, #fff),linear-gradient(to bottom, #f7e09d, #fff, #f7e09d);
	border-radius: 30px; overflow: hidden;}
/*.contact::before { content: "";  position: absolute; left: 0; top: 0; z-index: 2;  width:4px; height: 100%; background: linear-gradient(180deg, #d0ac62, #f7e09d, rgba(255,255,255,0));  }
.contact::after { content: "";  position: absolute; right: 0; top: 0; z-index: 2;  width:4px; height: 100%; background: linear-gradient(180deg, #d0ac62, #f7e09d, rgba(255,255,255,0));   }*/
.contact .cform .ct-tabbox .hd ul {display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 0; text-align: center; }
.contact .cform .ct-tabbox .hd ul li {  line-height:60px; position: relative;  display: flex;  justify-content: center; align-items: center;  font-size: 20px;  }
.contact .cform .ct-tabbox .hd ul li sub { width:100%; height: 4px;  background: #eee; flex: 1;  margin:2px 0 0; }
.contact .cform .ct-tabbox .hd ul li span { margin:0 20px;   display: flex; align-items: center;    font-weight: bold;  color:#333;  }
.contact .cform .ct-tabbox .hd ul li span i { box-sizing: border-box; width:60px; height: 60px; line-height: 60px;  border-radius: 60px;  background: #eee;  font-size: 24px; flex: 1;   margin-right: 20px;  }
.contact .cform .ct-tabbox .hd ul li.on {   color:#333;  }
.contact .cform .ct-tabbox .hd ul li.on sub { background: #f7e09d;  }
.contact .cform .ct-tabbox .hd ul li.on span i {   background-image:linear-gradient(180deg, #f8e5bb 0, #eec785 100%);   }
.contact .cform .ct-tabbox .bd .st-item{margin: 80px 0 0; display: none; }
.layui-form-danger{border-color: #ff5722 !important;}

.layui-form-select dl dd, .layui-form-select dl dt{line-height: 48px;}
.layui-form-select dl{top:60px;}
.layui-layer-hui{border-radius: 6px; overflow: hidden;}
.layui-layer-hui .layui-layer-content{padding:15px 20px;font-size: 16px; line-height: 200%; font-size:16px;}
.layui-layer-msg{border:none; background-color: rgba(0, 0, 0, .6); border-radius: 6px; overflow: hidden;}
.layui-layer-dialog .layui-layer-content{padding:15px 20px; line-height: 200%; font-size:16px; color:#fff; text-align: center;}
.layui-layer-dialog .layui-layer-content .layui-icon{display: none;}
.stepform .check-item{margin:0 10px;}
.layui-form-radio>*{font-size: 20px; font-weight: bold;}

.stepform .layui-form-item{margin:0 0 40px;} 
.stepform .layui-form-item:last-child{margin:0;}
.stepform .layui-form-label{float: none; display: flex; align-items: center; width:100%; text-align: left; padding:0 0 20px;}
.stepform .layui-form-label em{width:100px; line-height: 30px; text-align: center; background: linear-gradient(180deg, #f8e5bb 0, #eec785 100%);  color:#333; border-radius: 30px; margin:0 20px 0 0;}
.stepform .layui-form-label em.un {background: #bbb; color:#fff;}
.stepform .layui-form-label span{font-weight: bold; color:#333; font-size: 20px;}
.stepform .layui-input-block{margin:0;}
.stepform .layui-input-block i.zytxico { position:absolute; top:18px; left:0; font-size: 22px; color:#d8b66e;  }
.stepform .layui-form-item:first-child .layui-input-block{display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 40px; text-align: center;}
.stepform .layui-form .layui-input{ height: auto; border-radius: 0; border:none;  border-bottom:1px solid #f7e09d; background: none;   box-shadow: none;  padding:20px 20px 20px 40px; line-height: 1.6; color:#333; }
.stepform .layui-form .layui-input::placeholder{color:#999;}
.stepform .layui-form textarea{  border-radius: 0; border:none;  border-bottom:1px solid #f7e09d; background: none; box-shadow: none; padding:20px 20px 20px 40px; line-height: 1.6; min-height: 120px; }
.stepform .layui-form textarea::placeholder{line-height: 180%; color:#999;}
.stepform .sp-checkbox .layui-form-label { padding:0 0 40px;  }
.stepform .sp-checkbox .layui-anim.layui-icon{display: none;}
.stepform .sp-checkbox .layui-form-radio {margin:0; padding:0 20px; width:100%; height: 160px; border:3px solid #f7e09d; border-radius: 10px; display: flex!important; justify-content: center; flex-direction: column;  overflow: hidden;  position: relative;  }
.stepform .sp-checkbox .layui-form-radioed { background: #fefef6;  border: 4px solid  transparent;  	background-clip:padding-box,border-box;background-origin:padding-box,border-box;  background-image:linear-gradient(to right, #fefef6, #fefef6),linear-gradient(to bottom, #f7e09d, #f7e09d, #f7e09d);}
.stepform .layui-input-block .item { position:relative; }
.stepform .sp-checkbox .layui-form-radioed::before  {  content: '\e608'; font-family: "zytxico"; position: absolute; right:20px; top:20px;  font-size: 26px; z-index: 999;
	-webkit-background-clip: text; 
	-webkit-text-fill-color: transparent;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; 
	background-image:linear-gradient(180deg, #f8e5bb 0, #eec785 100%);
border: 2px solid #fefef6;
}
.stepform .lay-skin-checkcard-header img{height: 50px; margin-bottom: 20px;}
.stepform .item:nth-child(2) .lay-skin-checkcard-header img{height: 78px; margin-bottom:4px;}
.stepform .lay-skin-checkcard-detail{width:100%;}
.stepform .layui-form-radio { display:flex; align-items: center; margin:0;  }
.stepform .layui-form-radio>i  { font-size:24px;  margin:4px 10px 0 0; }

.stepform .tbox{display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 40px;}
.stepform .tbox .tbox-item{display: flex; justify-content: center; align-items: center;}
.stepform .tbox .tbox-item span{  position:absolute; top:20px; left:0; }
.stepform .layui-form-item .tbox .tbox-item .layui-input { padding: 20px 20px 20px 120px; }
.stepform .ctips h3{font-size: 20px; margin-bottom: 20px;}
.stepform .ctips .info p{font-size:17px; color:#666;}
.stepform .imorebtn a{margin: 0 auto;}
.csub-btn a {   width:320px;  height: 64px;  text-align: center; background: linear-gradient(180deg, #f8e5bb 0, #eec785 100%); border-radius: 64px; border: 3px solid #fefef6; color: #333;   display: flex;  justify-content: center; align-items: center; font-size: 20px;  margin:0 20px; }
.csub-btn a span { font-weight: bold;  line-height: 200%;   }
.csub-btn a i { font-size: 22px; margin-right: 20px; }
.ct-main .ct-ssl{margin: 4vh auto;}
.ct-main .ct-ssl p{font-size:17px; color:#666;}

.ct-form-info ul {display: grid; grid-template-columns: repeat(1, 1fr); grid-gap: 20px; margin:0 0 60px; }
.ct-form-info ul li{display: flex; padding:0 0 20px; border-bottom: 1px solid #f7e09d;}
.ct-form-info ul li h3{font-size:20px; color:#333; line-height: 170%; flex: 2;}
.ct-form-info ul li .info{flex: 10;}
.ct-form-info .imorebtn{margin:40px 0 0;}
.ct-form-info .imorebtn a{margin:0 20px;}

.ct-form-success{padding:40px 0;}
.ct-form-success .suc-tips { margin:0 0 60px; }
.ct-form-success .suc-tips i{display: inline-block; width:60px; height: 60px; line-height: 60px; border-radius: 60px; background: #d8b66e; color:#fff; font-size: 30px; font-weight: bold; margin:0 0 40px; }
.ct-form-success .ct-box{display: flex; justify-content: center;}
.ct-form-success .ct-info{margin:60px 0 0; display: grid; grid-template-columns: repeat(1, 1fr); grid-gap: 20px;}
.ct-form-success .ct-info a i{display: inline-block; font-size: 24px; margin-right: 20px;}
.ct-form-success .ct-info a span{position: relative; display: inline-block; line-height: 200%;}
.ct-form-success .ct-info a span::after{content: ''; width:0; height: 2px; background: #d8b66e; position: absolute; left:0; bottom:0; transition: all 0.3s ease;}
.ct-form-success .ct-info a:hover span::after{width:100%;}
.ct-form-success .imorebtn{margin:40px 0 0;}

/*--------------------------------------------------------------------------移动端--------------------------------------------------------------------------*/

@media only screen and (max-width:981px){
	
	html, body,a, p, li, span, em, i {  font-size: 0.38rem;  line-height: 180%;  }
	
	/*--------------------------------------------------------------------------马来西亚资源--------------------------------------------------------------------------*/
	
	.pks-main { padding:2rem 0 0; }
	.pks-about .tit { margin:0 0 0.72rem; }
	.pks-about .tit img { width:1rem;  margin:  0.36rem 0; }
	.pks-about .tit h2 { font-size:0.48rem;  }
	.pks-about .pks-tab-box ul {   display: grid; grid-template-columns: repeat(1, 1fr); grid-gap: 0.36rem; text-align: center;  margin:0 0 0.64rem;   position: relative; }
	/*.pks-about .pks-tab-box ul::after { content: " ";  position: absolute; left: 0; bottom: 0; width:100%;  height: 2px; background: linear-gradient(to right, rgba(255,255,255,0.35) 0%,transparent 100%);  z-index: 1;  }*/
	.pks-about ul li { background: rgba(0,0,0,0.2);  color:#fff; border-radius: 100px; overflow: hidden;   }
	.pks-about ul li span {  position: relative;  display: inline-block; height: 1.2rem;  line-height: 1.2rem;   }
    /*.pks-about ul li span::after { content: " ";  position: absolute; left: 0; bottom: -1px; width:0;  height: 2px; background: #333; z-index: 1; transition: all 0.3s ease;  }*/
	.pks-about ul li i {  font-size:0.56rem;  margin:0 0.36rem 0 0;  }
	.pks-about ul li.on { background: rgba(0,0,0,0.4);  }
	/*.pks-about ul li.on span::after { width:100%; }*/
	.pks-about .pks-abo-info .item { background: linear-gradient(to bottom, rgba(255,255,255,0.35) 0%,transparent 100%);  overflow: hidden;  border-top-left-radius: 20px;  border-top-right-radius: 20px;   }
	.pks-about .pks-abo-info .list  { padding:0.36rem;   grid-gap: 0.36rem; }
	.pks-about .pks-abo-info p i { font-size:0.42rem; margin-right:0.36rem; }
	
	/*--------------------------------------------------------------------------联系我们--------------------------------------------------------------------------*/
	.ct-body .header .hnav { padding:5px 0; }
	.ct-body .header .hnav .hlogo { display:block; }
	.ct-main .ct-logo { display:none; }
	
	.contact { width: calc(100% - 0.72rem);  margin: 1.6rem auto 0;  padding: 0.48rem 0.36rem; border: 2px solid transparent;  border-radius: 0.36rem; }
	
	.contact .cform .ct-tabbox .hd ul li span { margin: 0; }
	.contact .cform .ct-tabbox .hd ul li span i { width: 46px; height: 46px; line-height: 46px; border-radius: 46px; margin:0;   font-size: 0.48rem;}
	.contact .cform .ct-tabbox .hd ul li span em { display: none; }
	
	.ct-top { margin:0.64rem 0;  background: #f7e09d; border-radius: 0.12rem; }
	.ct-top h2 { line-height:100%; padding:0.12rem 0 0.16rem;  }
	.ct-top h2 span  { font-size:0.42rem;  text-align: center; color: #333; }
	
	.contact .cform .ct-tabbox .bd .st-item { margin:0; }
	.stepform .sp-checkbox .layui-form-label { padding:0 0 0.48rem; }
	.stepform .sp-checkbox .layui-form-radio {  height: 3.2rem; padding: 0 0.36rem; border: 2px solid #f7e09d;  border-radius: 0.24rem;  }
	.stepform .sp-checkbox .layui-form-radioed { padding: 0 0.36rem;  border: 3px solid transparent; }
	.stepform .sp-checkbox .layui-form-radioed::before { font-size: 0.48rem;  top:0.36rem; right:0.36rem;  }
	.stepform .lay-skin-checkcard-header img { height: 40px; margin-bottom: 0.24rem; }
	.stepform .item:nth-child(2) .lay-skin-checkcard-header img { height:64px; margin-bottom:-0.12rem;  }
	
	.stepform .layui-form-item { margin-bottom:0.48rem; font-size:0.38rem; }
	.stepform .layui-form-item.ccheckbox { margin-bottom:0.36rem;  }
	.stepform .layui-form-label { padding:0;  }
	.stepform .layui-form-label span { font-size:0.42rem; }
	.stepform .layui-form-label em { margin: 0 0.36rem 0 0;}
	.stepform .layui-form-item:first-child .layui-input-block { grid-template-columns: repeat(1, 1fr);  grid-gap: 0.36rem; }
	.stepform .layui-input-block i.zytxico { font-size: 0.42rem;  top: 0.3rem; }
	.stepform .tbox { grid-template-columns: repeat(1, 1fr); grid-gap: 0;  }
	.stepform .layui-form-item .tbox .tbox-item .layui-input {padding: 0.36rem 0.36rem 0.36rem 2.4rem; }
	.stepform .tbox .tbox-item span { top: 0.32rem; }
	.stepform .layui-form .layui-input { padding: 0.36rem 0.36rem 0.36rem 0.64rem;}
	.stepform .layui-form textarea { min-height:3.2rem;  padding: 0.36rem 0.36rem 0.36rem 0.64rem;  }
	
	.stepform .ctips h3 { font-size: 0.42rem; margin-bottom: 0.36rem; }
	.stepform .ctips .info p { font-size:0.38rem; }
	
	.layui-form-radio>* { font-size:0.42rem; }
	
	.csub-btn a { width: auto; padding: 0 0.48rem;  height: 1.2rem;   margin: 0 0.18rem;  }
	.csub-btn a i { font-size:0.42rem; margin-right: 0.24rem; }
	
	.ct-main .ct-ssl { width: calc(100% - 0.72rem);  margin: 0.48rem auto; }
	.ct-main .ct-ssl p { font-size:0.38rem;  }
	
	.ct-form-info ul { grid-gap: 0.36rem; margin: 0 0 0.48rem; }
	.ct-form-info ul li { display: block; padding: 0 0 0.48rem;}
	.ct-form-info ul li h3  { font-size:0.42rem;  line-height: 100%;  margin-bottom:0.36rem;  }
	
	.ct-form-success { padding: 0.72rem 0; }
	.ct-form-success .suc-tips { margin: 0 0 0.72rem; }
	.ct-form-success .suc-tips i { width: 50px; height: 50px; line-height: 50px; border-radius: 50px; font-size: 0.56rem; margin: 0 0 0.64rem; }
	
}