/*Program*/
.program{ width:100%;}
.program{ margin:70px 0 0px 0}
.program-01 ul li{ float:left; width:33%; display:inline-block; text-align:center;}
.program-01 ul li img{ width:90px;} 
.program-01 h1{ color:#333; font-size:20px; position:relative; padding-bottom:10px; padding-top:10px;}
.program-01 h1:before{content: "";position:absolute;width:8%;height:2px;background:#cccccc;bottom:0px;left:46%;}
.program-01 p{ text-align:center; line-height:26px; font-size:18px; padding-top:10px; color:#585858}


.program-02 h1{ font-size:40px; color:#333; font-weight:600;letter-spacing:4px; width:100%; text-align:center; margin:90px 0 60px; display:inline-block; position:relative; padding-bottom:25px;}
.program-02 h1:before{content: "";position:absolute;width:8%;height:2px;background:#58a0c8;bottom:0px;left:46%;}

.program-box{ width:100%; margin:90px 0 90px}
.program-box .program-icon:nth-of-type(2){  margin:0 17%;}
.program-box .program-icon:nth-of-type(5){  margin:0 17%;}
.program-icon{ border:1px solid #999; float:left; width:22%; z-index:3; position:relative; margin-bottom:160px;}
.program-text{position:relative; width:100%; max-height:300px; height:300px;}
.program-text .gram-top{ display:block; height:3px; background:#fff; position:relative; z-index:2; margin:0 15%; margin-top:-2px;}
.program-text h2{ color:#f2f2f2; font-size:134px; text-align:center; position:relative; font-weight:bold; top:-70px; z-index:3; font-family:Arial, Helvetica, sans-serif;}
.program-text h3{ position:relative; font-size:20px; color:#333; font-weight:bold; text-align:center; top:-155px; z-index:4}
.program-text .gram-text{ position:relative; padding:0 30px; top:-80px; line-height:28px;letter-spacing:1.5px; color:#666;font-family: NotoSansHans-Regular; font-size:16px; text-align:center; width:100%; margin:0 auto;}
.program-text i{ position:absolute; width:60px; height:60px; background:url(../picture/program-icon.jpg) no-repeat top center #fff;border-radius: 50%;text-align: center;margin: auto;overflow: hidden; bottom:-40px; line-height:60px; left:40%;}


.program-icon:hover{ }
.program-icon:hover .program-text h2{ color:#e10600;}
.program-icon:hover .program-text i{background:url(../picture/program-icon2.jpg) no-repeat top center #fff;}



.program-03{ background:#f2f2f2; padding:0 20%; position:relative; margin-top:10%;}
.program-message-con{ background:#fff; margin:0 auto; width:100%;box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2); padding:90px 60px; position:relative; top:-160px;}
.form-h{ margin-bottom:30px;}
.form-h h1{ color:#58a0c8; font-size:24px; font-weight:bold; text-align:center;}
.program-message-con .form-group{ width:50%;}
.program-message-con .li-title span{ color:#58a0c8 !important; margin-left:5px;}
.program-message-con .form-group3{ width:100% !important;}
.program-message-con .form-group3 span{ color:#656565; margin-right:30px;}
.program-message-con .submit{ background:#8c8c8c; padding:10px 35px; font-size:16px; color:#fff; border:none;border-radius:5px;}
.program-message-con .submit:hover{ background:#b0b0b0; cursor:pointer;}
.program-message-con .radio{ margin-left:10px; appearance:none; outline:none; background:#f2f3f5; border-radius:50%; border:none; transform:all .2s; width:12px; height:12px;}
.program-message-con .radio:checked{  transform:all .2s; background:#59a1c9}

/*merchants*/
.merchants{ padding:0px 0 60px 0;font-family: NotoSansHans-DemiLight; width:100%;}
.mer-cont{}
.mer-cont h1{}
.mer-cont h1{ font-size:34px; color:#333; font-weight:600;letter-spacing:4px; width:100%; text-align:center; margin:90px 0 40px; display:inline-block; position:relative; padding-bottom:25px;}
.mer-cont h1:before{content: "";position:absolute;width:8%;height:2px;background:#58a0c8;bottom:0px;left:46%;}
.merchants-01 p{ font-size:18px; letter-spacing:3px; color:#666; text-align:center}
.merchants-01 p b{ color:#59a1c9}
.merchants-01 p:nth-of-type(2) { text-align:left !important; margin-top:45px;}
.merchants-01-list{ padding:70px 0 40px; width:100%; position:relative;}
.merchants-01-list dl{ float:left; width:25%; height:100px; position:relative; line-height:100px; padding-left:2.5%;}
/*.merchants-01-list dl:first-child{}*/
.merchants-01-list dl dt{font-size:126px; color:#f2f2f2; font-family:Arial, Helvetica, sans-serif; float:left; position:absolute; bottom:0; height:100%;}
.merchants-01-list dl dd{ float:right; position:absolute; bottom:-45px; left:120px; font-size:19px;font-family: NotoSansHans-Regular; letter-spacing:2px;}
.merchants-01-list dl:hover dt{ color:#58a0c8; cursor:pointer;}

.mer-content-text{height:60px; overflow:hidden; margin-top:30px;}
.mer-content-text p{ line-height:32px; font-size:18px; text-align:left;}



.mer-cont .plo-01{ width:100%;}
.mer-cont .plo-01 h2{ background:url(../picture/service-04.jpg) no-repeat bottom center; padding-bottom:45px; font-size:20px; text-align:center; color:#333; font-weight:bold;}

.product-number-info{width:100%;display: inline-block;}
.product-number-inner{ border:1px solid #333; padding:40px 0; margin:40px 0}
.product-number-info .q {width:100%;display: inline-block; margin:0; padding:0 40px;}
.product-number-info .q li {float:left; text-align:center;}
.product-number-info .q li h5 {color:#59a1c8;font-weight: 600; position:relative;}
.product-number-info .q li h5 i {font-size:60px;font-family:arial; font-style: normal; position:relative; top:8px;}
.product-number-info .q li h5 b {font-weight:400;font-size:28px;vertical-align:bottom;line-height:36px;padding-left:5px;font-family: NotoSansHans-Medium;color:#585858;}
.product-number-info .q li p {font-size:33px;color:#585858;font-family: NotoSansHans-Regular;}
.product-number-info .q li{ border-right:1px solid #585858}
.product-number-info .q li:last-child{ border:none;}
.product-number-info .fl{ float:none;}



.merchants-text{width:100%;display: inline-block; margin-bottom:80px;}
.merchants-text .fl{ float:none;}
.merchants-text ul{ margin:0; padding:0}
.merchants-text ul li{ float:left; height:20px; line-height:20px;}
.merchants-text ul li:nth-of-type(1) { width:32%;}
.merchants-text ul li:nth-of-type(2) { width:26%;}
.merchants-text ul li:nth-of-type(3) { width:26%;}
.merchants-text ul li:nth-of-type(4) {  width:16%;}
.merchants-text ul li span{ border:2px solid #58a0c8; float:left; display:inline-block;border-radius:50%; width:20px; height:20px; margin-right:10px;}
.merchants-text ul li p{ line-height:20px; height:20px; letter-spacing:3px; font-size:18px;}


.merchants-personnel{ width:100%; margin:0 auto; max-width:950px;}
.merchants-personnel p{ font-size:18px; letter-spacing:3px; color:#666; text-align:center; line-height:28px; margin-top:30px;}

.personnel-text{ width:100%; text-align:center; display:inline-block; position:relative; margin-top:90px;}
.personnel-lien{ width:100%; height:1px; position:relative; display:inline-block; background:#585858;}
.personnel-list{ position:relative; top:-20px; margin-bottom:60px;}
.personnel-list ul{ padding:0; margin:0}
.personnel-list ul li{ float:left; width:20%;}
.personnel-list ul li span{border:1px solid #585858; display:inline-block;border-radius:50%; max-width:22px; height:22px; background:#fff; display:block; width:100%; margin:0 auto;}
.personnel-list ul li p{ margin-top:10px; color:#585858} 
.personnel-list ul li:hover span{border:1px solid #58a0c8; }
.personnel-list ul li:hover p{ color:#58a0c8; font-weight:bold}


.merchants-02{}
.merchants-conduit{ width:100%; margin:0 auto; max-width:950px; margin-top:30px; margin-bottom:80px;}
.merchants-conduit p{ font-size:18px; letter-spacing:3px; color:#666; text-align:center; line-height:28px;}


.merchants-after-sales{width:100%; margin:0 auto; max-width:950px;}
.merchants-after-sales p{ font-size:18px; letter-spacing:3px; color:#666; text-align:center; line-height:28px; margin-top:30px;}

.after-sales-text{ width:100%; text-align:center; display:inline-block; position:relative; margin-top:90px;}
.after-sales-lien{ width:100%; height:1px; position:relative; display:inline-block; background:#585858;}
.after-sales-left{ position:absolute; top:-125px; left:0; text-align:center;}
.after-sales-left h1{ position:absolute; width:105px; height:105px; color:#fff; background:#58a0c8; font-size:26px;border-radius:50%; line-height:36px; font-weight:normal;text-align:center; padding:17px 0 0 4px; vertical-align:middle;}
.after-sales-list{ position:relative; top:-20px; margin-bottom:0px; margin-left:15%;}
.after-sales-list ul{ padding:0; margin:0}
.after-sales-list ul li{ float:left; width:25%;}
.after-sales-list ul li span{border:1px solid #585858; display:inline-block;border-radius:50%; max-width:22px; height:22px; background:#fff; display:block; width:100%; margin:0 auto;}
.after-sales-list ul li p{ margin-top:10px; color:#585858} 
.after-sales-list ul li:hover span{border:1px solid #58a0c8;}
.after-sales-list ul li:hover p{ color:#58a0c8; font-weight:bold; }



.merchants-03{ padding-bottom:120px;}
.merchants-03 .plo-01 h1,.merchants-04 .plo-01 h1{ font-size:34px; color:#333; font-weight:600;letter-spacing:4px; width:100%; text-align:center; margin:0px 0 40px; display:inline-block; position:relative; padding-bottom:25px;}
.merchants-03 .plo-01 h1:before{content: "";position:absolute;width:8%;height:2px;background:#58a0c8;bottom:0px;left:46%;}
.merchants-04 .plo-01 h1:before{content: "";position:absolute;width:8%;height:2px;background:#58a0c8;bottom:0px;left:46%;}


.merchants-factor{ position:relative; width:100%;}
.factor_fl1{float:left; position:absolute; z-index:999; width:456px; max-width:456px;}
.factor_fl1 .factor_ul{ margin:0; padding:0;}
.factor_fl1 .factor_ul li{ margin-bottom:30px; position:relative; z-index:999;}
.factor_fl1 .factor_con{}
.factor_fl1 li:nth-of-type(3) .factor_con {}
.factor_fl1 .factor-1{ height:165px; background:url(../picture/mer-line.png) no-repeat 240px 128px; overflow:hidden}
.factor_fl1 .factor-2{height:200px;background:url(../picture/mer-line.png) no-repeat 240px 136px; overflow:hidden;}
.factor_fl1 .factor-3 {height:200px;background:url(../picture/mer-line3.png) no-repeat 242px 65px;overflow:hidden; }



.factor_fl1 .factor_con h1{ color:#58a0c8; font-size:108px;font-family:Arial, Helvetica, sans-serif;font-weight:bold;}
.factor_fl1 .factor_con p{font-family: NotoSansHans-Medium; font-size:18px; line-height:24px; width:220px; text-align:left;}

.factor_fl2{ position:absolute; float:left; position:relative; z-index:0; top:20px; left:350px}


@media(max-width:1440px){
	.vlt-default-menu__navigation .sf-menu>li+li {margin-left:1.5rem !important}
	.factor_fl2{ position:absolute; float:left; position:relative; z-index:0; top:20px; left:29.5%; right:29.5%;}
	}
	
	
@media(max-width:1340px){
	.vlt-default-menu__navigation .sf-menu>li+li {margin-left:1rem !important}
	}

.factor_img {
    margin: 0 auto 0;
    display: table;
    position: relative;
    /* padding: 40px; */

}


.factor_fl3{ float:right; position:relative; z-index:999;width:420px;}
.factor_fl3 .factor_ul{ margin:0; padding:0;}
.factor_fl3 .factor_ul li{ margin-bottom:30px; position:relative; text-align:right;}
.factor_fl3 .factor_con{ }
.factor_fl3 li:nth-of-type(3) .factor_con { }


.factor_fl3 .factor-4{  height:165px; background:url(../picture/mer-line2.png) no-repeat 40px 128px; overflow:hidden}
.factor_fl3 .factor-5{height:200px;background:url(../picture/mer-line2.png) no-repeat 40px 136px; overflow:hidden}
.factor_fl3 .factor-6 {height:190px;background:url(../picture/mer-line4.png) no-repeat 10px 65px;overflow:hidden;}

.factor_fl3 .factor_con h1{ color:#58a0c8; font-size:108px;font-family:Arial, Helvetica, sans-serif; font-weight:bold;}
.factor_fl3 .factor_con p{font-family: NotoSansHans-Medium; font-size:18px; line-height:24px; width:200px;text-align:right;float:right;}


.cont9 {width:100%;max-width:1200px;height:auto;margin:0;margin-left:auto;margin-right:auto;padding-top:0px;padding-left:0px;padding-right:0px;padding-bottom:0px;}
.merchants-04{margin:0 auto; max-width:1200px; width:100%;}
.mer-workflows{ height:550px; overflow:hidden; padding-top:40px; padding-bottom:100px;}
.workflows-top{ position:relative; width:100%;}
.workflows-top ul{ margin:0; padding:0}
.workflows-top ul li{ float:left;}
.work-icon{ float:left;}
.work-icon img{border-radius:50%; padding:15px; background:#999999; width:110px; height:110px;}
.work-icon p{ text-align:center;font-family: NotoSansHans-Bold; margin-top:15px; font-size:20px; position:relative; width:110px; line-height:26px;}
.workflows-top ul li:hover img{background:#58a0c8;}
.work-line{ float:left; position:relative; margin:48px 37px 0 37px;}
.work-line em{ width:160px; float:left; display:inline-block; height:2px; background:#58a0c8; position:relative}
.work-line span{display:inline-block; background:#fff;border-radius:50%; border:2px solid #58a0c8; width:18px; height:18px; position:relative; top:-10px;}
.workflows-right{ width:100%; height:120px; overflow:hidden;display:inline-block; position:relative; margin:20px 0}
.workflows-right .work-line{ float:none; margin:0; position:absolute; right:40px;}
.workflows-right .work-line em{ width:2px;display:inline-block; height:100px; background:#58a0c8;}
.workflows-right .work-line span{display:inline-block; background:#fff;border-radius:50%; border:2px solid #58a0c8; width:18px; height:18px; position:relative; top:98px; left:-10px;}

.workflows-bottom{position:relative; width:100%;}
.workflows-bottom ul{ margin:0; padding:0}
.workflows-bottom ul li:hover img{background:#58a0c8;}
.workflows-bottom .work-line{ }
.workflows-bottom .work-line em{ width:160px; float:right; display:inline-block; height:2px; background:#58a0c8; position:relative}
.workflows-bottom .work-line span{display:inline-block; background:#fff;border-radius:50%; border:2px solid #58a0c8; width:18px; height:18px; position:relative; top:-10px;}