/* CSS Document */
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,th,p,a,li,td,b,div,span{font:400 12px "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Arial";color:#333;}
html{font:400 100% "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Arial"; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: none; line-height:1.2; color:#333;}
body{background-color:#fff;}

.banner{margin-top:1px; background:#f5f9ff url(../company/img/banner_partnerbg.jpg) center no-repeat; background-size:cover;}
.banner>div{height:350px;}
.partext{width:550px; padding-top:90px; z-index:3;}
.partext h1{font-size:40px;}
.partext p{line-height:1.7; font-size:18px;}
.banner img{bottom:0; right:-80px; z-index:2;}

.parneed h2{margin-bottom:60px; line-height:1.4; font-size:28px;}
.parneed div{width:48.5%; height:510px; margin-bottom:25px; border:1px solid #f5f5f5;}
.parneed img{margin:55px 0 25px 0;}
.parneed h5{font-size:28px;}
.parneed p{width:90%; margin:17px auto; line-height:1.6; font-size:16px; color:#666;}
.parneed p a{font-size:inherit; color:#5994e4;}
.need>a{display:block; width:180px; height:42px; margin:0 auto; line-height:42px; border-radius:30px; font-size:16px; color:#5994e4; background-color:#eef4fc;}
.need>a:hover{text-decoration:none; background-color:#5994e4; color:#fff;}
.need>a:after{content:""; position:relative; display:inline-block; width:23px; height:12px; margin-left:10px; background:url(../company/img/arrow.png) 0 0 no-repeat; transition:transform 0.3s ease-in-out; -webkit-transition:transform 0.3s ease-in-out; -moz-transition:transform 0.3s ease-in-out;}
.need>a:hover:after{background-position:-24px 0; transform:translateX(10px); -webkit-transform:translateX(10px); -moz-transform:translateX(10px);}

.need1>a{margin-top:55px;}
.need3>a{margin-top:60px;}
.need4>a{margin-top:85px;}

footer{margin-top:50px;}

/*2019-7-22*/
.lizhiwrap{max-width:920px; margin-left:auto; margin-right:auto;}
.lizhiwrap p{line-height:2.5; color:#666;}
.lizhiwrap b{font-size:inherit; color:inherit; font-weight:bold;}
.lizhiwrap p a{color:#0792ff;}

/* 2024/8/29 */
.pw1400 { max-width: 1400px; width: 100%; margin: 0 auto; }

.partners_wrap h1,.partners_wrap h2,.partners_wrap h3,.partners_wrap h4,.partners_wrap h5,.partners_wrap h6,.partners_wrap pre,.partners_wrap code,.partners_wrap address,.partners_wrap caption,.partners_wrap cite,.partners_wrap code,.partners_wrap em,.partners_wrap th,.partners_wrap p,.partners_wrap a,.partners_wrap li,.partners_wrap td,.partners_wrap b,.partners_wrap div,.partners_wrap span{font:400 12px "Poppins", "Lucida Grande", "Lucida Sans Unicode", "Arial";color:#333;}
.section1 { background: linear-gradient(272deg, #E3E8FF 13.73%, #FFF7F3 119.71%); }
.section1 .sec1_bannerimg {  background-image: radial-gradient(46.94% 69.94% at 75% 46.35%, rgba(255, 100, 66, 0.30) 0%, rgba(255, 100, 66, 0.16) 50%, rgba(255, 100, 66, 0.08) 75%, rgba(255, 100, 66, 0.00) 100%); padding: 100px 0; }
.section1 .banner_text { display: inline-block; max-width: 715px; width: 100%; vertical-align: middle; margin-right: 70px; }
.section1 .banner_text h1 { color: #333; font-size: 56px; font-weight: 700; }
.section1 .banner_text h1 p { color: #FF6B23; font-size: 56px; font-weight: 700; margin: 0 auto; }
.section1 .banner_text h1 b { font-size: 80px; color: #FF6B23; font-weight: 700; }
.section1 .banner_text p { color: #666; font-size: 22px; margin: 20px 0 40px; }
.section1 .banner_img { display: inline-block; max-width: 582px; vertical-align: middle; }
.section1 .banner_btns div { display: inline-block; }
.section1 .banner_btns a { display: inline-block; padding: 15px 32px; font-size: 20px; font-weight: 600; text-decoration: none; border-radius: 12px; transition: all .3s ease;}
.section1 .banner_btns a:hover { transform: translateY(-10px); transition: all .3s ease; }
.section1 .banner_btns .to_affiliate { color: #FFF; background: #2376FF; box-shadow: 0px 1.3px 104px 0px rgba(17, 121, 252, 0.05); border: 2px solid #2376FF; }
.section1 .banner_btns .to_reseller { color: #333; border: 2px solid #333; margin-left: 25px; }

/* section2 */
.section2 { margin-top: 80px; }
.section2 h2 { color: #000; text-align: center; font-size: 48px; font-weight: 600; letter-spacing: -1.5px; }
.section2 .sec2_text { color: #666; text-align: center; font-size: 20px; max-width: 1200px; width: 100%; margin: 25px auto 60px; }
.section2 .sec2_cont1 { border-radius: 24px; background: url(../company/img/partners-background.png) top center no-repeat; background-size: 100% 100%; padding: 45px 0 45px 55px;}
.section2 .sec2_cont1_img { max-width: 570px; display: inline-block; vertical-align: middle; }
.section2 .sec2_cont1_text { max-width: 730px; width: 100%; display: inline-block; margin-left: 25px; vertical-align: middle; }
.section2 .sec2_cont1_text h3 { color: #FFF; font-size: 48px; font-weight: 600; margin-bottom: 24px; }
.section2 .sec2_cont1_text p { color: rgba(255, 255, 255, 0.90);font-size: 20px;font-weight: 500; margin-bottom: 8px; }
.section2 .sec2_cont1_text p::before { display: inline-block; content: ''; background: url(../company/img/partners-vector.svg) center center no-repeat; background-size: 100% 100%; width: 20px; height: 20px; vertical-align: middle; margin-right: 5px; }
.section2 .sec2_cont2 { display: flex; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; flex-wrap: wrap; -ms-flex-wrap: wrap; justify-content: space-between;  }
.section2 .sec2_cont2 .sec2_cont2_model { max-width: 685px; width: 100%; border-radius: 24px; text-align: center; margin-top: 30px; overflow: hidden; position: relative; box-sizing: border-box; padding: 45px 55px;}
.section2 .sec2_cont2 .sec2_cont2_model p { position: absolute; top: 300px; opacity: 0; max-width: 575px; margin: 0 auto; width: 100%; color: #333; font-size: 16px;}
.section2 .sec2_cont2 .sec2_cont2_model:hover img { transform: translateY(-100px); opacity: 0; transition: all .5s ease-in-out; }
.section2 .sec2_cont2 .sec2_cont2_model:hover h3 { transform: translateY(-155px); transition: all .5s ease-in-out; }
.section2 .sec2_cont2 .sec2_cont2_model:hover p { transform: translateY(-180px); opacity: 1; transition: all .5s ease-in-out; }
.section2 .sec2_cont2 h3 { color: #333; font-size: 28px; font-weight: 600; margin-top: 30px; }
.section2 .sec2_cont2 .model1 { background: #FFF0F0; background-size: 100% 100%; }
.section2 .sec2_cont2 .model2 { background: #F3F6FF; background-size: 100% 100%; }
.section2 .sec2_cont2 .model3 { background: #F5F7F9; background-size: 100% 100%; }
.section2 .sec2_cont2 .model4 { background: #FFF7F4; background-size: 100% 100%; }
.section2 .sec2_cont2 .sec2_cont2_model.active { background: url(../company/img/partners-model-background.png) top center no-repeat; background-size: 100% 100%; }


/* section3 */
.section3 { background: linear-gradient(180deg, #EDF4FF 0%, rgba(237, 244, 255, 0.00) 31.21%); padding-top: 110px; margin-top: 100px; }
.section3 h2 { color: #000;text-align: center;font-size: 48px;font-weight: 600;letter-spacing: -1.5px; }
/* .section3 .sec3_steps { display: flex; justify-content: space-between; }
.section3 .sec3_steps .sec3_tabs { max-width: 60px; }
.section3 .sec3_steps span { display: inline-block; width: 60px; height: 60px; border-radius: 50%; background-color: #D8E7FF; border: 3px solid #2376FF; box-sizing: border-box; color: #2376FF; text-align: center; font-size: 32px; font-weight: 600; line-height: 56px; }
.section3 .sec3_steps .tab_step1::after { content: ""; width: 2px; height: 200px; border: 2px dotted #2376FF; } */
.section3 .sec3_lists { max-width: 1300px; width: 100%; margin-left: 100px; margin-top: 50px; }
.section3 .sec3_lists .sec3_list_step { margin-top: 60px; position: relative; }
.section3 .sec3_lists .step1::before { content: "1"; width: 60px; height: 60px; display: block; position: absolute; border-radius: 50%; background-color: #D8E7FF; border: 3px solid #2376FF; box-sizing: border-box; color: #2376FF; text-align: center; font-size: 32px; font-weight: 600; line-height: 56px; left: -100px; top: 0; }
.section3 .sec3_lists .step1::after { content: ""; display: block; height: 90%; width: 0px; border-right: 3px dashed #2376FF; position: absolute; left: -70px; top: 80px;}
.section3 .sec3_lists .step2::before { content: "2"; width: 60px; height: 60px; display: block; position: absolute; border-radius: 50%; background-color: #D8E7FF; border: 3px solid #2376FF; box-sizing: border-box; color: #2376FF; text-align: center; font-size: 32px; font-weight: 600; line-height: 56px; left: -100px;}
.section3 .sec3_lists .step2::after { content: ""; display: block; height: 65%; width: 0px; border-right: 3px dashed #2376FF; position: absolute; left: -70px; top: 80px;}
.section3 .sec3_lists .step3::before { content: "3"; width: 60px; height: 60px; display: block; position: absolute; border-radius: 50%; background-color: #D8E7FF; border: 3px solid #2376FF; box-sizing: border-box; color: #2376FF; text-align: center; font-size: 32px; font-weight: 600; line-height: 56px; left: -100px;}
.section3 .sec3_lists .step1 { border-radius: 24px; background: #E5EFFF; padding: 55px; margin-top: 0; }
.section3 .sec3_lists .step1 p { margin: 20px auto 30px; }
.section3 .sec3_lists .sec3_model_group { display: flex; justify-content: space-between; }
.section3 .sec3_lists .sec3_model { border-radius: 24px; background: #FFF; max-width: 580px; width: 100%; padding: 50px 90px; box-sizing: border-box; text-align: center; }
.section3 .sec3_lists .step1 .sec3_model p { color: #666; font-size: 20px;}
.section3 .sec3_lists .step1 .sec3_model:last-child p { margin: 35px auto 30px; }
.section3 .sec3_lists .step1 .sec3_model p b { color: #1D1F1E; font-size: 26px;font-weight: 500; display: block; margin-top: 10px; }
.section3 .sec3_lists .step1 .sec3_model a { color: #FFF;font-size: 24px;font-weight: 500; padding: 14px 88px; border-radius: 12px; background: #2376FF; text-decoration: none; display: inline-block; transition: all .3s ease;}
.section3 .sec3_lists .step1 .sec3_model a:hover { transform: translateY(-10px); transition: all .3s ease; }
.section3 .sec3_list_step h3 { color: #333;font-size: 28px;font-weight: 600; }
.section3 .sec3_list_step p { color: #666;font-size: 16px; margin-top: 15px; }
.section3 .sec3_notes { background: #F7FAFF; padding: 50px 0; margin-top: 50px; }
.section3 .sec3_notes p { color: #333; font-size: 16px; }
.section3 .sec3_notes p a { color: #2376FF;font-size: 18px; text-decoration: none; position: relative; }
.section3 .sec3_notes p a::after { content: ""; display: inline-block; height: 2px; width: 0%; background-color: #2376FF; position: absolute; bottom: 0; left: 0; }
.section3 .sec3_notes p a:hover::after { width: 100%; transition: width .3s ease-in-out; }

/* section4 */
.section4 { background: url(../company/img/partners-section4-bankground.png) top center no-repeat; background-size: 100% 100%; padding: 110px 0; }
.section4 h2 { color: #333;text-align: center;font-size: 48px;font-weight: 600; }
.section4 p { color: #333;text-align: center;font-size: 20px; max-width: 1040px; margin: 25px auto 0; }
.section4 .sec4_conts { margin-top: 80px; text-align: center; }
.section4 .sec4_conts .sec4_conts_model { border-radius: 24px; background: linear-gradient(0deg, #FFF 40%, #FFF8F1 100%), #FFF; max-width: 775px; padding: 56px; box-sizing: border-box; text-align: center; display: inline-block; margin: 0 15px; vertical-align: text-top; }
.section4 .sec4_conts h3 { color: #333;font-size: 34px;font-weight: 600; margin: 30px auto 20px; }
.section4 .sec4_conts p { color: #666;font-size: 16px; margin-bottom: 30px; }
.section4 .sec4_conts a { border-radius: 12px;border: 2px solid #333;box-shadow: 0px 1.3px 104px 0px rgba(17, 121, 252, 0.05); display: inline-block; padding: 16px 78px; text-decoration: none; color: #333; font-size: 20px;font-weight: 600; }
.section4 .sec4_conts a::after { content: "\e902";font-family: 'iconfont'; vertical-align: inherit; display: inline-block; font-size: 18px; margin-left: 10px; transition: all .3s ease-in-out;}
.section4 .sec4_conts a:hover::after { transform: translateX(10px); transition: all .3s ease-in-out; }

/* section5 */
.section5 { margin-top: 110px; }
.section5 h2 { color: #000;text-align: center;font-size: 48px;font-weight: 600;letter-spacing: -1.5px; }
.section5 p { color: #666;text-align: center;font-size: 20px; margin-top: 25px; }
.section5 p a { font-size: inherit; color: #2376FF; text-decoration: none; position: relative; }
.section5 p a::after { content: ""; display: inline-block; height: 2px; width: 0%; background-color: #2376FF; position: absolute; bottom: 0; left: 0;}
.section5 p a:hover::after { width: 100%; transition: width .3s ease-in-out; }
.section5 li { padding: 30px 55px; border-radius: 10px; border: 1px solid #eaecf1; margin-bottom: 25px; transition: .39s ease-in-out;}
.section5 li:hover { border: 1px solid #2376FF; }
.section5 li h3 { color: #333;font-size: 20px;font-weight: 500; position: relative; cursor: pointer;     transition: .39s ease-in-out; }
.section5 .faqcont h3:after { content: "\e800"; font-family: 'iconfont'; position: absolute; right: -20px; top: 5px; color: #58595b; font-weight: bold; transition: .39s ease-in-out;}
.section5 li:hover h3::after { color: #2376FF; }
.section5 .faqcont .contopen h3:after { transform: rotate(180deg);}
.section5 .faqcont div {overflow: hidden; display: none;}
.section5 li p { color: #666; font-size: 16px; text-align: left; margin-top: 15px; }
@media screen and (max-width: 1650px){
	.section4 .sec4_conts .sec4_conts_model { width: 47%; margin: 0 1%; }
}

@media screen and (max-width: 1440px){
	.pw1400 { width: 94%; margin: 0 3%; }
	.section1 .banner_img { width: 40%; }
	.section1 .banner_img img { width: 100%; }
	.section1 .banner_text { width: 58%; margin-right: 1%; }
	.section1 .banner_text h1,.section1 .banner_text h1 p { font-size: 48px; }
	.section1 .banner_text h1 b { font-size: 72px; }
	.section1 .banner_btns .to_reseller { margin-left: 13px; }
	.section2 .sec2_cont1_text { width: 50%; margin-left: 3%; }
	.section2 .sec2_cont1_img { width: 45%; }
	.section2 .sec2_cont1_img img { width: 100%; }
	.section2 .sec2_cont2 .sec2_cont2_model { width: 48%; }
	.section2 .sec2_cont2 .sec2_cont2_model p { width: 82%; }
	.section3 .sec3_lists { width: 90%; }
	.section3 .sec3_lists .sec3_model { width: 48%; padding: 30px 0; }
	.section4 .sec4_main { width: 94%; margin: 0 3%; }
}

@media screen and (max-width: 1390px){
	.section4 .sec4_conts h3 { min-height: 102px; }
}

@media screen and (max-width: 1200px){
	.sec1_bannerimg .banner_btns{    display: flex;flex-direction: column;text-align: center;}
	.sec1_bannerimg .banner_btns>div{margin-top: 20px;}
	.section2 .sec2_cont1 { padding: 40px; border-radius: 40px; text-align: center; }
	.section2 .sec2_cont1_img { display: block; width: 100%; max-width: 60%; margin: 0 auto 20px; }
	.section2 .sec2_cont1_text { display: block; width: 100%; max-width: 100%; margin: 0 auto; text-align: left; }
	.section2 .sec2_cont2 { display: block; }
	.section2 .sec2_cont1_text h3 { font-size: 36px; }
	.section2 .sec2_cont2 .sec2_cont2_model { max-width: 100%; width: 100%; padding: 45px 10%; margin: 30px auto 0; }
	.section2 .sec2_cont2 .sec2_cont2_model p { max-width: 80%; }
	.section3 .sec3_lists .step1 .sec3_model a { padding: 12px 70px; }
}

@media screen and (max-width: 980px){
	.banner{height:auto;}
	.partext{width:80%; margin:70px auto; text-align:center;}
	.partext h1{font-size:34px;}
	.parneed div{width:80%; height:auto; padding-bottom:40px; float:none !important; margin:30px auto;}
	.parneed img{margin-top:30px;}
	.parneed a{margin:0 auto;}
	.banner img{ opacity: 0.1;}
	.banner{background: #eaf7fe;}
	.lizhiwrap{padding:0 15px;}

	/* 2024/8/30 */
	.section1 .banner_img { display: none; }
	.section1 .sec1_bannerimg { background-image: none; padding: 50px 0;}
	.section1 .banner_text { width: 100%; margin-right: 0; max-width: 100%; text-align: center; }
	.section1 .banner_text p { margin: 10px auto 20px; }
	.section2 { margin-top: 50px; }
	.section2 .sec2_text { margin: 10px auto 30px; }

	.section3 { margin-top: 50px; padding-top: 50px; }
	.section3 .sec3_lists { width: 100%; margin-left: 0; }
	.section3 .sec3_lists .sec3_model_group { display: block; }
	.section3 .sec3_lists .sec3_model { width: 100%; margin-bottom: 30px; }
	.section3 .sec3_lists .sec3_model:last-child { margin-bottom: 0px; }
	.section3 .sec3_lists .step1::before,
	.section3 .sec3_lists .step2::before,
	.section3 .sec3_lists .step3::before { display: none; }
	.section3 .sec3_lists .step1::after,
	.section3 .sec3_lists .step2::after { display: none; }
	.section3 .sec3_list_step.step1 h3::before { content: "1"; display: inline-block; font-size: 20px; border: 1px solid #333; border-radius: 50%; color: #333; padding: 0 12px; vertical-align: middle; margin-right: 10px; }
	.section3 .sec3_list_step.step2 h3::before { content: "2"; display: inline-block; font-size: 20px; border: 1px solid #333; border-radius: 50%; color: #333; padding: 0 10px; vertical-align: middle; margin-right: 10px; }
	.section3 .sec3_list_step.step3 h3::before { content: "3"; display: inline-block; font-size: 20px; border: 1px solid #333; border-radius: 50%; color: #333; padding: 0 10px; vertical-align: middle; margin-right: 10px; }
	.section4 { padding: 50px 0; }
	.section3 .sec3_lists .step1, .section3 .sec3_lists .step2, .section3 .sec3_lists .step3 {padding: 20px 50px; margin-top: 30px; }
	.section4 .sec4_conts .sec4_conts_model { width: 100%; margin-top: 30px; }
	.section4 .sec4_conts h3 { min-height: auto; }
	.section4 .sec4_conts { margin-top: 0; }
	.section5 { margin-top: 50px; }
}

@media screen and (max-width: 750px){
	.section2 .sec2_cont2 .sec2_cont2_model { padding: 5%; }
	.section2 .sec2_cont2 .sec2_cont2_model p { width: 90%; max-width: 100%; }
	.section5 li { padding: 15px 30px; }
	.mt60 { margin-top: 30px; }
}

@media screen and (max-width: 685px){
	.partext{width:90%;}
	.partext h1{font-size:30px;}
	.parneed div{width:90%;}

	/* 2024/8/30 */
	.section1 .banner_btns div { display: block; }
	.section1 .banner_btns .to_reseller { margin-left: 0; padding: 15px 44px; margin-top: 20px; }
	.section1 .banner_text h1, .section1 .banner_text h1 p { font-size: 32px; }
	.section1 .banner_text h1 b { font-size: 48px; }
	.section1 .banner_text p { font-size: 16px; }
	.section2 h2, .section3 h2, .section4 h2, .section5 h2 { font-size: 28px; letter-spacing: normal; }
	.section2 .sec2_text { font-size: 16px; }
	.section2 .sec2_cont2 .sec2_cont2_model img { width: 20%; }
	.section2 .sec2_cont1 { padding: 20px; border-radius: 20px; }
	.section2 .sec2_cont1_text h3 { font-size: 22px; }
	.section2 .sec2_cont1_text p { font-size: 16px; }
	.section2 .sec2_cont1_text p::before { width: 16px; height: 16px; }
	.section2 .sec2_cont2 h3 { font-size: 22px; }
	.section2 .sec2_cont2 .sec2_cont2_model p { font-size: 15px; }
	.section2 .sec2_cont2 .sec2_cont2_model:hover h3 { transform: translateY(-130px); transition: all .5s ease-in-out; }
	.section2 .sec2_cont2 .sec2_cont2_model:hover p { transform: translateY(-220px); opacity: 1; transition: all .5s ease-in-out; }
	.section3 .sec3_list_step h3 { font-size: 22px; }
	.section3 .sec3_list_step p { font-size: 14px; }
	.section3 .sec3_lists .step1 .sec3_model a { font-size: 18px; }
	.section3 .sec3_notes p,.section3 .sec3_notes p a { font-size: 14px; }
	.section4 p { font-size: 16px; }
	.section4 .sec4_conts .sec4_conts_model { padding: 20px; }
	.section4 .sec4_conts h3 { font-size: 26px; }
	.section4 .sec4_conts p { font-size: 14px; margin: 10px auto 15px; }
	.section4 .sec4_conts a { font-size: 18px; padding: 16px 60px; }
	.section5 p { font-size: 16px; }
	.section5 li h3 { font-size: 16px; }
	.section5 li p { font-size: 13px; }
}

@media screen and (max-width: 568px){
	.section3 .sec3_lists .sec3_model img { width: 40%; }
	.section4 .sec4_conts .sec4_conts_model img { width: 20%; }
	.section3 .sec3_lists .step1, .section3 .sec3_lists .step2, .section3 .sec3_lists .step3 { padding: 20px; }
	.section2 .sec2_cont2 .sec2_cont2_model { min-height: 200px; }
	.section2 .sec2_cont2 .sec2_cont2_model p { font-size: 13px; }
	.section2 .sec2_cont2 .sec2_cont2_model:hover h3 { transform: translateY(-110px); transition: all .5s ease-in-out; }
	.section2 .sec2_cont2 .sec2_cont2_model:hover p { transform: translateY(-220px); opacity: 1; transition: all .5s ease-in-out; }
	.section3 .sec3_lists .step1 .sec3_model p, .section3 .sec3_lists .step1 .sec3_model:last-child p { margin: 10px auto 15px; }
	.section4 .sec4_conts h3 { margin: 15px auto 10px; }
}

@media screen and (max-width: 480px) {
	.section2 .sec2_cont2 .sec2_cont2_model p { font-size: 13px; }
	.section2 .sec2_cont2 h3 { font-size: 20px; }
	.section2 .sec2_cont2 .sec2_cont2_model:hover h3 { transform: translateY(-100px); transition: all .5s ease-in-out; }
	.section2 .sec2_cont2 .sec2_cont2_model:hover p { transform: translateY(-240px); opacity: 1; transition: all .5s ease-in-out; }
}

@media screen and (max-width: 390px) {
	.section2 .sec2_cont2 .sec2_cont2_model:hover h3 { transform: translateY(-90px); transition: all .5s ease-in-out; }
	.section2 .sec2_cont2 .sec2_cont2_model:hover p { transform: translateY(-240px); opacity: 1; transition: all .5s ease-in-out; }
}