@charset "utf-8";
/* CSS Document */
img{ max-width:100%;}
.kftubg{ overflow:hidden; background: url(../images/xcxkf/x1.jpg) no-repeat center;
background-size: 100%;height: 993px;}
.kftu{ overflow:hidden; text-align:center; width:1200px; margin: 328px auto 0;}
.kftutitle{ text-align:center; font-size:40px; color:black;line-height: 45px;}
.kftup{text-align:center; font-size:28px; color:black;line-height: 44px;
margin-top: 22px;}

.pb15 {
    padding-bottom: 15px;
}
.bg-fff {
    background-color: #fff;
}
.center {
    width: 1200px;
    margin: 0 auto;
}
.home-title-line {
    /*height: 1px;*/
    border-top: 1px solid #e4e4e4;
    margin: 70px 0 75px 0;
    text-align: center;
}
.home-title-line span {
    position: relative;
    top: -17px;
    padding: 0 28px;
    font-size: 32px;
    color: #666;
}
.clearfix {
    /*clear: both;*/
    /*overflow: hidden;*/
}
.el-row{ width:1200px; margin:0 auto; overflow:hidden;}
.el-col-xl-8 {
    width: 31%; float:left;overflow:hidden;margin: 0 13px 20px;
}
.el-card__header {
    padding: 18px 20px;
    border-bottom: 1px solid #EBEEF5;
    box-sizing: border-box;
}
.el-col-xl-8:first-child .el-card__header {
  background: #ff9a02 linear-gradient(to right, #ff9a02, #ffcb01);
}
.el-col-xl-8:first-child .mina-btn {
  background: #ff9a02;
}
.el-col-xl-8:nth-child(2) .el-card__header {
  background: #ffb25c linear-gradient(to right, #ff5d5c, #ffb25c);
}
.el-col-xl-8:nth-child(2) .mina-btn {
  background: #ff5d5c;
}
.el-col-xl-8:nth-child(3) .el-card__header {
  background: #3fcaff linear-gradient(to right, #26a2ff, #3fcaff);
}
.el-col-xl-8:nth-child(3) .mina-btn {
  background: #26a2ff;
}
.el-col-xl-8:nth-child(3) .mina-btn span {
  color: #fff;
}
.el-col-xl-8:nth-child(4) .el-card__header {
  background: #ffb25c linear-gradient(to right, #ff5d5c, #ffb25c);
}
.el-col-xl-8:nth-child(4) .mina-btn {
  background: #ff5d5c;
  color: #fff;
}
.el-col-xl-8:nth-child(5) .el-card__header {
  background: #c779ff linear-gradient(to right, #9660f7, #c779ff);
}
.el-col-xl-8:nth-child(5) .mina-btn {
  background: #9660f7;
  color: #fff;
}
.el-col-xl-8:nth-child(6) .el-card__header {
  background: #ffcb01 linear-gradient(to right, #ff9a02, #ffcb01);
}
.el-col-xl-8:nth-child(6) .mina-btn {
  background: #ff9a02;
  color: #fff;
}
.card-name {
    float: left;
    color: #fff;
    font-weight: bold;
    font-size: 18px;
}
.card-price {
    float: right;
    color: #fff;
    font-size: 12px;
}
.card-price b {
    font-weight: bold;
    color: #fff;
    font-size: 22px;
}
.el-card__body {
    padding: 20px 0;
    background: #f5f5f5;
    border: 1px solid #ebeef5;
}
.setting-list {
    padding: 0 36px;
}
.el-col {
	float:left;
	width: 100%;
    text-align: center;
    color: #333;
    font-size: 14px;
    margin-bottom: 8px;
    line-height: 32px;
}
.el-col_l{ width:48%;}
.el-col_r{ width:48%; float:right;}
.el-col div {
    background: #fff;
}
.setting-range {
    text-align: center;
    line-height: 50px;
}
.setting-range .el-col {
	width:100%;
    /*margin-top: -8px;*/
    font-size: 12px;
    color: #f8823d;
}
.text-center {
    text-align: center;
}
.mina-btn {
    padding: 10px 18px;
    color: #666666;
    border-color: #e5e5e5;
}
.mina-btn.mina-try-out {
    background: #fff;
    margin-left: 15px;
    border: solid 1px #c3b9b9;
}
.xcxjja{ overflow:hidden; display:inline-block; text-align:center;color: #666;font-size: 14px;background: #fff;
margin: 0 5px;border: solid 1px #c3b9b9;padding: 0px 18px;border-radius: 5px;}
.xcxjja1{ color:white; background:#ff9a02; border:none;}
.xcxjja2{ color:white; background:#ff5d5c; border:none;}
.xcxjja3{ color:white; background:#26a2ff; border:none;}
.xcxjja4{ color:white; background:#ff5d5c; border:none;}
.xcxjja5{ color:white; background:#9660f7; border:none;}
.xcxjja6{ color:white; background:#ff9a02; border:none;}
.look_more {
    text-align: center;
}
.look_more_mh {
    position: relative;
    width: 200px;
    height: 40px;
    margin: 0 auto;
}
.look_more_mh b {
	/*left: 0;*/
    display: block;
    position: absolute;
    top: 12px;
    width: 30px;
    height: 1px;
    background: #cccccc;
}
.look_more_mh a {
    position: absolute;
    width: 142px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    left: 30px;
    font-size: 14px;
    font-weight: bold;
	color: #666;
}
.look_more img {
    width: 16px;
    height: 16px;
    vertical-align: -3px;
    display: inline-block;
}
.look_more_mh .before {
    display: inline-block;
}
.look_more_mh .after {
    display: none;
}


.bg-f5 {
    background-color: #f5f5f5;padding-bottom: 50px;overflow: hidden;
}
.adv-li {
    border-top: 1px solid #e6e6e6;
    border-left: 1px solid #e6e6e6;
    text-align: center;
}
.adv-li .el-colys {
    padding-top: 30px;
    border-bottom: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    background: #fff;
    height: 200px;
    text-align: center;
    transition: all 0.2s;
    position: relative;
    z-index: 1;
}
.el-col-6 {
    width: 24.9%; float:left;
}
.mina-icon {
    display: inline-block;
    width: 80px;
    height: 80px;
    background-image: url('../images/xcxkf/icon.png');
    background-repeat: no-repeat;
    background-size: 900px 800px;
}
.adv-li .el-colys h3 {
    margin-top: 10px;
    line-height: 28px;
    color: #666666;
    font-size: 14px;
    font-weight: bold;
}
.adv-li .el-colys p {
    font-size: 12px;
    color: #999999;
    line-height: 22px;
}
.adv-li .el-colys:nth-child(1) .mina-icon {
  background-position: -10px -10px;
}
.adv-li .el-colys:nth-child(2) .mina-icon {
  background-position: -10px -105px;
}
.adv-li .el-colys:nth-child(3) .mina-icon {
  background-position: -10px -200px;
}
.adv-li .el-colys:nth-child(4) .mina-icon {
  background-position: -10px -295px;
}
.adv-li .el-colys:nth-child(5) .mina-icon {
  background-position: -10px -390px;
}
.adv-li .el-colys:nth-child(6) .mina-icon {
  background-position: -10px -484px;
}
.adv-li .el-colys:nth-child(7) .mina-icon {
  background-position: -10px -580px;
}
.adv-li .el-colys:nth-child(8) .mina-icon {
  background-position: -10px -675px;
}
.adv-li .el-colys:hover {
  z-index: 100;
  border-color: transparent;
  transform: scale(1.1);
  background: url('../images/xcxkf/mina_03.png') no-repeat center center;
  background-size: cover;
}
.adv-li .el-colys:hover h3 {
  color: #fff;
}
.adv-li .el-colys:hover p {
  color: #fff;
}
.adv-li .el-colys:hover:nth-child(1) .mina-icon {
  background-position: -109px -10px;
}
.adv-li .el-colys:hover:nth-child(2) .mina-icon {
  background-position: -109px -105px;
}
.adv-li .el-colys:hover:nth-child(3) .mina-icon {
  background-position: -109px -200px;
}
.adv-li .el-colys:hover:nth-child(4) .mina-icon {
  background-position: -109px -295px;
}
.adv-li .el-colys:hover:nth-child(5) .mina-icon {
  background-position: -109px -389px;
}
.adv-li .el-colys:hover:nth-child(6) .mina-icon {
  background-position: -109px -484px;
}
.adv-li .el-colys:hover:nth-child(7) .mina-icon {
  background-position: -109px -579px;
}
.adv-li .el-colys:hover:nth-child(8) .mina-icon {
  background-position: -109px -674px;
}


.section3 {
    background: url("../images/xcxkf/mina_05.png") no-repeat center center;
    padding-bottom: 50px;
	overflow:hidden;
}
.section3 .home-title-line {
    border-color: #fff;
}
.section3 .home-title-line span {
    background: #010310;
    color: #fff;
}
.el-col-4 {
    width: 16%;padding: 0 1px;
}
.section3 .item-li {
    height: 330px;
    background: rgba(255, 255, 255, 0.3);
    text-align: center;
    padding-top: 24px;
    transition: all 0.2s;
}
.section3 .mina-icon {
    width: 72px;
    height: 72px;
    display: block;
    margin: 0 auto;
}
.section3 .item-list .el-col:nth-child(1) .mina-icon {
  background-position: -218px -10px;
}
.section3 .item-list .el-col:nth-child(1):hover .item-li {
  background: linear-gradient(to bottom, #ffa35c, #f84c4c);
}
.section3 .item-list .el-col:nth-child(1):hover .mina-icon {
  background-position: -306px -10px;
}
.section3 .item-list .el-col:nth-child(2) .mina-icon {
  background-position: -218px -106px;
}
.section3 .item-list .el-col:nth-child(2):hover .item-li {
  background: linear-gradient(to bottom, #ffa35c, #f84c4c);
}
.section3 .item-list .el-col:nth-child(2):hover .mina-icon {
  background-position: -306px -106px;
}
.section3 .item-list .el-col:nth-child(3) .mina-icon {
  background-position: -218px -202px;
}
.section3 .item-list .el-col:nth-child(3):hover .item-li {
  background: linear-gradient(to bottom, #ffa35c, #f84c4c);
}
.section3 .item-list .el-col:nth-child(3):hover .mina-icon {
  background-position: -306px -202px;
}
.section3 .item-list .el-col:nth-child(4) .mina-icon {
  background-position: -218px -302px;
}
.section3 .item-list .el-col:nth-child(4):hover .item-li {
  background: linear-gradient(to bottom, #ffa35c, #f84c4c);
}
.section3 .item-list .el-col:nth-child(4):hover .mina-icon {
  background-position: -306px -302px;
}
.section3 .item-list .el-col:nth-child(5) .mina-icon {
  background-position: -218px -398px;
}
.section3 .item-list .el-col:nth-child(5):hover .item-li {
  background: linear-gradient(to bottom, #ffa35c, #f84c4c);
}
.section3 .item-list .el-col:nth-child(5):hover .mina-icon {
  background-position: -306px -398px;
}
.section3 .item-list .el-col:nth-child(6) .mina-icon {
  background-position: -218px -495px;
}
.section3 .item-list .el-col:nth-child(6):hover .item-li {
  background: linear-gradient(to bottom, #ffa35c, #f84c4c);
}
.section3 .item-list .el-col:nth-child(6):hover .mina-icon {
  background-position: -306px -495px;
}
.section3 .item-list .el-col:hover .item-li {
    transform: scaleY(1.1);
}
.section3 .item-list .el-col:hover .item-li p {
    height: 22px;
    line-height: 22px;
    margin-bottom: 6px;
    background: rgba(255, 255, 255, 0.3);
    color: #fff;
}
.section3 .item-list .el-col:hover .item-li p, .section3 .item-list .el-col:hover .item-li h3 {
    transform: scaleX(1.1);
}
.section3 .item-list .el-col h3 {
    line-height: 40px;
    font-weight: bold;
    color: #fff;
    font-size: 16px;
    display: inline-block;
    border-bottom: 4px solid #fff;
    margin-bottom: 20px;
}
.section3 .item-list .el-col p {
    margin: 0;
    width: 110px;
    height: 24px;
    line-height: 24px;
    display: block;
    margin: 0 auto;
    font-size: 12px;
    color: rgba(255, 255, 255, 0.8);
}
.section3 .item-list{overflow: unset;}

.section4 {
    padding-bottom: 50px;
}
.section4 .mina-process {
    height: 260px;
}
.mina-process-li {
    box-shadow: 0 0 10px #e6e6e6;
    padding-top: 36px;
    text-align: center;
    border-radius: 5px;
}
.section4 .mina-icon {
    width: 70px;
    height: 70px;
    display: block;
    margin: 0 auto;
}
.section4 .mina-process .el-col:nth-child(1) .mina-icon {
  background-position: -404px -10px;
}
.section4 .mina-process .el-col:nth-child(3) .mina-icon {
  background-position: -404px -108px;
}
.section4 .mina-process .el-col:nth-child(5) .mina-icon {
  background-position: -404px -205px;
}
.section4 .mina-process .el-col:nth-child(7) .mina-icon {
  background-position: -404px -301px;
}
.section4 .mina-process .el-col:nth-child(9) .mina-icon {
  background-position: -404px -400px;
}
.section4 .mina-process .el-col h3 {
    margin-top: 16px;
    line-height: 48px;
    font-size: 36px;
    color: #e5e5e5;
}
.section4 .mina-process .el-col h3 span {
    font-weight: 36px;
    font-weight: bold;
    color: #e5e5e5;
}
.section4 .mina-process .el-col h3 b {
    font-weight: 36px;
    font-weight: bold;
    color: #cccccc;
}
.section4 .mina-process .el-col p {
    line-height: 42px;
    padding-bottom: 15px;
    color: #333;
    font-size: 20px;
}
.el-col-1 {
    width: 4.16667%; float:left;
}
.arrow-right {
    background: transparent;
    box-shadow: none;
    padding-top: 0;
	text-align: center;
border-radius: 5px;
}
.el-icon-d-arrow-right {
    line-height: 230px;
    font-size: 32px;
    color: #cccccc;
}
.el-icon-d-arrow-right::before {
    content: ">";
}

.section5 {
    padding-bottom: 30px;background-color: #f5f5f5; overflow:hidden;
}
.pre_banner_3d {
    margin: auto;
    width: 1200px;
    height: 680px;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.banner_tree {
    width: 100%;
    height: 700px;
    position: absolute;
    bottom: 0;
    overflow: hidden;
}
.show_phone_s {
    width: 414px;
    height: 736px;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    z-index: 10;
}
.img_phone {
    width: 100%;
    height: 100%;
}
.color_font {
    background: url('../images/xcxkf/left-btn_03.png') no-repeat center center;
    background-size: contain;
    color: #fff;
    width: 60px;
    height: 60px;
    text-align: center;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 50;
    cursor: pointer;
}
.left_btn {
    background: url('../images/xcxkf/left-btn_03.png') no-repeat center center;
        background-size: auto;
    background-size: contain;
    left: 0;
}
.right_btn {
    background: url('../images/xcxkf/right-btn_03.png') no-repeat center center;
        background-size: auto;
    background-size: contain;
    right: 0;
}
.show_s_ui {
    width: 100%;
    height: 100%;
    position: relative;
}
.show_s_ui > li {
  width: 215px;
  height: 362px;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  z-index: 30;
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  opacity: 0;
  font-size: 40px;
}
.show_s_ui > li > div {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.8);
  display: none;
  text-align: center;
}
.show_s_ui > li > div .name {
  font-size: 17px;
  color: #333;
  margin: 50px 0 10px;
}
.show_s_ui > li > div .desc {
  font-size: 14px;
  color: #666;
}
.show_s_ui > li > div img {
  width: 70%;
  display: block;
  margin: 100px auto 10px;
}
.show_s_ui > li > div a {
  background: #2196f3;
  color: #fff;
  font-size: 14px;
  padding: 8px 16px;
  margin-top: 0px;
  cursor: pointer;
}
.show_s_ui > li > img {
  width: 100%;
  height: 100%;
}
#middel_shows {
  width: 295px;
  height: 503px;
  left: 37.7%;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  opacity: 1;
}
#left_shows {
  left: 8%;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
  opacity: 0.6;
}
#right_shows {
  left: 73%;
  opacity: 0.6;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
}
#small_left,
#small_right {
  width: 154px;
  height: 249px;
  opacity: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}
#small_left {
  left: -15%;
}
#small_right {
  left: 102.5%;
}

.fxxzwmbg{ overflow:hidden; width:100%; background:black;padding-bottom: 60px;}
.fxxzwmbg2{ overflow:hidden; width:1200px; margin:0 auto;}
.fxxzwmtitle{ text-align:center; font-size: 30px;font-weight: 500; margin:0 0 20px;background: #1d0257;padding: 44px 0; color:white;}
.fxxzwmimg{ overflow:hidden; text-align:center;}
.fxxzwmdadiv{ width:100%; overflow:hidden;}
.fxxzwmxdiv{ overflow:hidden; float:left; width:180px; height:180px; text-align:center; margin:0 9px; background:url(../images/fenxiao/fxxzbg.png) no-repeat center;}
.fxxzwmxp1{ font-size:30px; text-align:center; margin:25px 0 10px;color:black; font-weight: bold;}
.fxxzwmxp2{font-size:20px; text-align:center; line-height:32px; color:black;padding: 0 16px;font-weight: bold;}


/*640px*/
@media (max-width: 640px){
.kftu{ width:100%;margin: 35px auto;}
img{ max-width:100%;}
.center {width: 100%;}
.home-title-line span{font-size: 22px;}
.el-row {width: 100%;}
.el-col-xl-8 {width: 94%;}
.home-title-line{ margin:50px 0;}
.adv-li .el-colys{padding-top: 20px; height:240px;}
.section3{background: black;}
.el-col-4 {width: 33%;}
.section4 .mina-process{ height:auto;}
.section4 .mina-process .el-col p{ font-size:14px;}
.el-col-1{ display:none;}
.pre_banner_3d{ width:100%;}
.fxxzwmbg2{ width:100%;}
.fxxzwmxdiv{ width:100%; margin-bottom:10px;}
.fxxzwmxp2{padding: 0px 16px;width: 50%;margin: 0 auto;}

.kftubg{ height:auto;background-size: auto;}
.kftutitle{font-size: 30px;line-height: 44px;}
.kftup{font-size: 16px;line-height: 30px;
margin-top: 22px;}

}