@charset "utf-8";
@media only screen and (max-width: 1920px){
	.index_header .banner{
		margin-top: 100px;
	}
	.index_header .banner .banner_btnContact{
	    margin-top: 80px;
	}
	.payment_box{
		margin-top: -210px;
	}
	.advantage .advantage_topMain {
	    bottom: 32%;
    	right: 2%;
	}
	.contact_box .contact_bot .contact_botMain {
	    left: 0;
	    bottom: 20%;
	}
}
@media only screen and (max-width: 1860px){
	.payment_box{
		margin-top: -226px;
	}
}
@media only screen and (max-width: 1800px){
	.index_header .banner{
		margin-top: 71px;
	}
	.payment_box{
		margin-top: -246px;
	}
	.advantage .advantage_topMain {
	    bottom: 34%;
    	right: 4%;
	}
	.contact_box .contact_bot .contact_botMain {
	    left: 5%;
    	bottom: 24%;
	}
}
@media only screen and (max-width: 1750px){
	.payment_box{
		margin-top: -288px;
	}
}
@media only screen and (max-width: 1700px){
	.index_header .banner{
		margin-top: 75px;
	}
	.index_header .banner .banner_btnContact{
		    margin-top: 64px;
	}
	.payment_box{
		margin-top: -310px;
	}
	.advantage .advantage_topMain {
	    bottom: 36%;
    	right: 7%;
	}
	.contact_box .contact_bot .contact_botMain {
        left: 7%;
    	bottom: 23%;
	}
	.about .about_right {
	    width: 711px;
	    height: 459px;
	}
	.about .about_right .about_rightMain {
	    width: 711px;
	    height: 459px;
	}
	.about .about_right .about_rightMain .about_rightImg1 {
	    width: 313px;
	    height: 453px;
	}
	.about .about_right .about_rightMain .about_rightImg2 {
	    width: 569px;
	    height: 355px;
	}
	.about .about_right .about_rightMain .about_rightCenter .rightCenter_1 {
	    top: 104px;
    	left: 220px;
	    width: 233px;
	}
	.about .about_right .about_rightMain .about_rightCenter .rightCenter_2 {
	    top: 175px;
	    left: 220px;
	    width: 222px;
	}
	.about .about_right .about_rightMain .about_rightCenter .rightCenter_3 {
        top: 247px;
    	left: 181px;
	    width: 333px;
	}
	.about .about_right .about_rightMain .about_rightCenter .rightCenter_4 {
	    top: 322px;
	    left: 181px;
	    width: 285px;
	}
	.about .about_right .about_rightMain .about_rightCenter .rightCenter_com {
	    height: 63px;
	}
}
@media only screen and (max-width: 1650px){
	.payment_box{
		margin-top: -315px;
	}
}
@media only screen and (max-width: 1600px){
	.index_header .banner{
		margin-top: 57px;
	}
	.index_header .banner .banner_btnContact{
	    margin-top: 25px;
	}
	.payment_box{
		margin-top: -350px;
	}
	.advantage .advantage_topMain {
	    bottom: 38%;
    	right: 9%;
	}
	.contact_box .contact_bot .contact_botMain {
        left: 9%;
    	bottom: 22%;
	}
	.contact_box .contact_bot .contact_botMain .contact_botMainBtn{
		margin-top: 35px;
	}
}
@media only screen and (max-width: 1500px){
	.index_header .banner{
		margin-top: 47px;
	}
	.index_header .banner .banner_btnContact{
	    margin-top: 15px;
	}
	.payment_box{
		margin-top: -370px;
	}
	.advantage .advantage_topMain {
	    bottom: 38%;
    	right: 12%;
	}
	.contact_box .contact_bot .contact_botMain {
        left: 10%;
    	bottom: 22%;
	}
	.contact_box .contact_bot .contact_botMain .contact_botMainBtn{
		margin-top: 25px;
	}
	.about .about_right {
	    width: 632px;
    	height: 408px;
	}
	.about .about_right .about_rightMain {
	    width: 632px;
    	height: 408px;
	}
	.about .about_right .about_rightMain .about_rightImg1 {
        width: 278px;
    	height: 403px;
	}
	.about .about_right .about_rightMain .about_rightImg2 {
	    width: 506px;
    	height: 315px;
	}
	.about .about_right .about_rightMain .about_rightCenter .rightCenter_1 {
	    top: 93px;
    	left: 194px;
	    width: 207px;
	}
	.about .about_right .about_rightMain .about_rightCenter .rightCenter_2 {
	    top: 154px;
	    left: 194px;
	    width: 198px;
	}
	.about .about_right .about_rightMain .about_rightCenter .rightCenter_3 {
        top: 219px;
    	left: 155px;
	    width: 296px;
	}
	.about .about_right .about_rightMain .about_rightCenter .rightCenter_4 {
	    top: 283px;
	    left: 155px;
	    width: 254px;
	}
	.about .about_right .about_rightMain .about_rightCenter .rightCenter_com {
	    height: 56px;
	}
	.about .about_right {
	    top: 43px;
	}
}
@media only screen and (max-width: 1400px){
	.index_header .banner{
		margin-top: 20px;
	}
	.payment_box{
		margin-top: -410px;
	}
	.index_header .banner .banner_btnContact{
	    margin-top: 13px;
	}
	.advantage .advantage_topMain {
        bottom: 40%;
    	right: 14%;
	}
    .contact_box .contact_bot .contact_botMain {
        left: 14%;
    	bottom: 26%;
	}
	.contact_box .contact_bot .contact_botMain .contact_botMainBtn{
		margin-top: 20px;
	}
	.about .about_right {
	    width: 553px;
    	height: 357px;
	}
	.about .about_right .about_rightMain {
	    width: 553px;
    	height: 357px;
	}
	.about .about_right .about_rightMain .about_rightImg1 {
	    width: 244px;
    	height: 353px;
	}
	.about .about_right .about_rightMain .about_rightImg2 {
	    width: 442px;
    	height: 276px;
	}
	.about .about_right .about_rightMain .about_rightCenter .rightCenter_1 {
	    top: 82px;
    	left: 172px;
	    width: 181px;
	}
	.about .about_right .about_rightMain .about_rightCenter .rightCenter_2 {
	    top: 135px;
	    left: 172px;
	    width: 173px;
	}
	.about .about_right .about_rightMain .about_rightCenter .rightCenter_3 {
        top: 192px;
    	left: 141px;
	    width: 259px;
	}
	.about .about_right .about_rightMain .about_rightCenter .rightCenter_4 {
	    top: 250px;
	    left: 141px;
	    width: 222px;
	}
	.about .about_right .about_rightMain .about_rightCenter .rightCenter_com {
	    height: 49px;
	}
	.about .about_right {
	    top: 43px;
	}
	.navBox{ padding: 18px 25px 15px 25px;}
	.index_header .banner .text1{font-size: 45px;   height: 54px;}
	.index_header .banner .banner_p{font-size: 19px;}
	.index_header .banner .banner_btnContact{font-size: 17px;line-height: 46px;    height: 46px;    width: 189px;}
	.index_header .banner .banner_left{padding-left: 20px; box-sizing: border-box;}
}
@media only screen and (max-width: 1300px){
	.index_header .banner{
		margin-top: 15px;
	}
	.index_header .banner .banner_btnContact{
	    margin-top: 28px;
	}
	.payment_box{
		margin-top: -430px;
	}
	.advantage .advantage_topMain {
        bottom: 41%;
    	right: 16%;
	}
	.contact_box .contact_bot .contact_botMain {
        left: 17%;
    	bottom: 28%;
	}
	.contact_box .contact_bot .contact_botMain .contact_botMainBtn{
		margin-top: 15px;
	}
	.contact_comBox .contactUs_index{height: 466px;}
	.navBox{ padding: 18px 25px 15px 25px;}
	.index_header .banner .banner_left{margin: 30px 0;}
	.process{width: 96%; overflow: hidden; background-image: none; background: #fff; box-shadow: 0px 0px 29px rgba(0,0,0,0.1); margin: 30px auto; border-radius: 20px; height: 470px;}tMainTxt{font-size: 25px;}
	.process .process_main .process_ul li{width: 16%; }
	.process .process_main{width: 100%; left: 0; }
}
@media only screen and (max-width: 1200px){
	
	.navBox{ padding: 18px 25px 15px 25px;width: 1200px;}
	.index_header .banner .text1{font-size: 45px;   height: 54px;}
	.index_header .banner .banner_p{font-size: 19px;}
	.index_header .banner .banner_btnContact{font-size: 17px;line-height: 46px;    height: 46px;    width: 189px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
	.index_header .banner .banner_left{padding-left: 20px; box-sizing: border-box;}
	.about{width: 1200px;}
	
	.contact_box .contact_bot .contact_botMain .contact_botMainBtn{ width: 208px; height: 53px; line-height: 53px;}
	.contact_box .contact_bot{ margin-bottom: 0;}
	
	.index_header .banner .banner_right{width: 420px; height: 330px; bottom: 104px;}

	
	.center{width: 96%; margin: 0 auto;}
	.protocol_content{position: inherit; margin-top: 20px;}
	
	.downLoad_con .center .downLoad_main{width: 100%; display: flex;}
	.downLoad_con .center .downLoad_main .downLoad_mainLeft{width: 522px;}
	.downLoad_con .center .downLoad_main .downLoad_mainRight{margin-right: 24px;    margin-top: 10px;}
	
	.header_common{width: 100%; min-width: 100%;}
	.box_common{width: 100%; box-sizing: border-box;}
	.contact_comBox .contactUs .contactUs_main{display: flex;}
	.helpCon_content .helpCon_conMain .helpCon_right{ float: left; width:100%;}
	.advantage_conBox{box-sizing: border-box; display: flex;    padding: 70px 40px;}
	.advantage .advantage_botMain{display: flex;}
	
		@keyframes myfirst {
	from {
		bottom: 90px
	}
	to {
		bottom: 70px
	}
}

@-webkit-keyframes myfirst {
	from {
		bottom: 90px
	}
	to {
		bottom: 70px
	}
}
	
	
}

@media only screen and (max-width: 1100px){
	.process{width: 96%; overflow: hidden; background-image: none; background: #fff; box-shadow: 0px 0px 29px rgba(0,0,0,0.1); margin: 30px auto; border-radius: 20px; height: 470px;}
	.center{width: 96%;}
	.process .process_main{width: 100%; left: 0; height: 380px;}
	.process .process_main .process_title{padding-top: 30px;}
	.process .process_main .process_ul li{width: 16%; }
	.index_header .banner .banner_right{width: 400px; height: 300px; bottom: 104px;}
	.contact_comBox .contactUs .contactUs_main li{width: 28%;}
	.advantage .advantage_botMain li{width: 20%;}
	.advantage .advantage_topMain{    bottom: 52%;}
	.advantage .advantage_botMain{width: 990px;}
	footer .footer_top .footer_topLeft li{margin-right:28px}
	footer{width: 960px;}
	footer .footer_top{width: 100%;}
	footer .footer_bottom{width: 100%;}
	@keyframes myfirst {
	from {
		bottom: 120px
	}
	to {
		bottom: 100px
	}
}

@-webkit-keyframes myfirst {
	from {
		bottom: 120px
	}
	to {
		bottom: 100px
	}
}
	.advantage_conBox{box-sizing: border-box; display: flex;    padding: 70px 40px;}
	.advantage_conBox .conBox_txtConR{ padding-right: 0px;}
	.advantage_conBox .conBox_photo .conBox_photoMargin{    margin-left: 86px;}
	.banner{min-width: 1000px;}
	.contact_box .contact_bot .contact_botMain .contact_botMainTxt{font-size: 25px;}
}

/* UI layout repair: keep the legacy landing page inside the viewport. */
html,
body {
	max-width: 100%;
	overflow-x: hidden;
}

.index_header,
.index_header .center,
.index_header .banner,
.index_header .banner .banner_left,
.process,
.advantage .advantage_topBox,
.contact_box .contact_bot {
	overflow: hidden;
}

.index_header,
.about,
.process,
.advantage,
.contact_comBox,
.contact_box,
footer {
	max-width: 100%;
}

.index_header .banner .banner_left,
.index_header .banner .banner_p,
.process .process_main .process_ul,
.process .process_main .process_ul li {
	backface-visibility: hidden;
}

@media only screen and (min-width: 769px) and (max-width: 1200px) {
	.navBox {
		width: 100%;
	}

	.banner {
		min-width: 0;
	}

	.about,
	footer,
	footer .footer_top,
	footer .footer_bottom {
		width: 100%;
	}

	footer {
		padding-left: 24px;
		padding-right: 24px;
	}
}

@media only screen and (min-width: 769px) {
	.contact_comBox .contactUs .contactUs_main {
		display: grid;
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 28px;
		width: 100%;
		max-width: 1200px;
		margin: 0 auto;
		overflow: visible;
	}

	.contact_comBox .contactUs .contactUs_main li {
		float: none;
		width: 100%;
	}

	.contact_comBox .contactUs .contactUs_main .contactUs_liMargin1,
	.contact_comBox .contactUs .contactUs_main .contactUs_liMargin2 {
		margin: 50px 0 20px;
	}

	.contact_box .contact_bot {
		height: auto;
		margin: 72px 0 42px;
	}

	.contact_box .contact_bot .contact_botL,
	.contact_box .contact_bot .contact_botR {
		display: none;
	}

	.contact_box .contact_bot .centerRe {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		height: auto;
	}

	.contact_box .contact_bot .contact_botMain {
		position: relative;
		left: auto;
		bottom: auto;
		width: min(780px, 100%);
		height: auto;
		padding: 42px 52px;
		text-align: center;
		background: linear-gradient(135deg, #358de8 0%, #4658df 55%, #2a38c9 100%);
		border-radius: 28px;
		box-shadow: 0 24px 56px rgba(44, 87, 189, 0.22);
	}

	.contact_box .contact_bot .contact_botMain .contact_botMainTxt {
		font-size: 42px;
		line-height: 1.2;
	}

	.contact_box .contact_bot .contact_botMain .contact_botMainBtn {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		float: none !important;
		margin: 26px auto 0;
		background: linear-gradient(135deg, #41ef70 0%, #25d15e 100%);
		box-shadow: 0 14px 32px rgba(38, 209, 96, 0.28);
	}

	footer {
		width: min(1200px, calc(100% - 48px));
		padding-top: 10px;
	}

	footer .footer_top {
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
		gap: 64px;
		width: 100%;
	}

	footer .footer_top .footer_topLeft {
		display: flex;
		flex-wrap: wrap;
		gap: 48px;
	}

	footer .footer_top .footer_topLeft li {
		width: 148px;
		margin-right: 0;
	}

	footer .footer_top .footer_topRight {
		flex: 0 0 auto;
	}

	footer .footer_top .footer_topRight .footer_detail {
		width: 240px;
	}

	footer .footer_bottom {
		width: 100%;
		padding: 34px 0 28px;
	}
}

@media only screen and (max-width: 768px) {
	[aos],
	.aos-init,
	.aos-animate {
		opacity: 1 !important;
		transform: none !important;
		transition: none !important;
	}

	.navBox {
		display: flex;
		align-items: center;
		justify-content: space-between;
		width: 100%;
		height: auto;
		min-height: 70px;
		padding: 14px 16px !important;
		overflow: visible;
	}

	.navBox .logo {
		flex: 0 0 auto;
		width: 138px;
		height: auto;
	}

	.navBox .logo img {
		display: block;
		width: 100%;
		height: auto;
	}

	.navBox .navBox_right {
		display: flex;
		align-items: center;
		justify-content: flex-end;
		flex: 1 1 auto;
		float: none;
		min-width: 0;
	}

	.navBox .navBox_right .nav {
		display: none;
	}

	.navBox .navBox_right .btn_common {
		width: 64px;
		height: 34px;
		margin: 0 0 0 8px;
		border-radius: 17px;
		font-size: 14px;
		line-height: 32px;
	}

	.center,
	.centerRe {
		width: 100%;
		max-width: 100%;
		height: auto;
		padding-left: 18px;
		padding-right: 18px;
	}

	.index_header {
		height: auto;
		max-height: none;
		min-height: 0;
		padding-bottom: 150px;
		background-position: left top;
		background-size: auto 430px;
	}

	.index_header .banner {
		display: block;
		width: 100%;
		min-width: 0;
		height: auto;
		margin-top: 26px;
	}

	.index_header .banner .banner_left {
		float: none;
		width: 100%;
		margin: 0;
		padding-left: 0;
	}

	.index_header .banner .text1 {
		width: 100%;
		height: auto;
		margin-bottom: 16px;
		font-size: 34px;
		line-height: 1.25;
		letter-spacing: 0;
	}

	.index_header .banner .text1_line {
		margin-bottom: 16px;
	}

	.index_header .banner .banner_p {
		width: 100%;
		max-width: 320px;
		font-size: 15px;
		line-height: 1.8;
	}

	.index_header .banner .banner_right {
		position: relative;
		right: auto;
		bottom: auto;
		float: none;
		width: 88%;
		height: auto;
		margin: 24px auto 0;
		animation: none;
	}

	.index_header .banner .banner_right img {
		width: 100%;
		height: auto;
	}

	.payment_box {
		width: calc(100% - 32px);
		height: auto;
		margin: -125px auto 30px;
		padding: 22px 16px;
		background: #fff;
		border-radius: 8px;
		box-shadow: 0 16px 38px rgba(37, 79, 151, 0.14);
	}

	.payment_box .payment_ul {
		position: static;
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 16px 10px;
		width: 100%;
		height: auto;
		overflow: visible;
	}

	.payment_box .payment_ul li {
		display: flex;
		align-items: center;
		justify-content: center;
		float: none;
		width: 100%;
		height: 54px;
		margin: 0;
	}

	.payment_box .payment_ul li a {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		height: 54px;
	}

	.payment_box .payment_ul li a .img1,
	.payment_box .payment_ul li a .img2,
	.payment_box .payment_ul li a .img3 {
		position: static;
		max-width: 130px;
		height: auto;
		margin: 0;
		transform: none;
	}

	.payment_box .payment_ul .payment_item8 a {
		padding-top: 0;
		font-size: 14px;
		line-height: 54px;
	}

	.about {
		width: 100%;
		padding-top: 8px;
	}

	.about .about_main {
		width: 100%;
		padding: 0;
	}

	.about .about_main .about_title {
		padding-top: 20px;
		font-size: 24px;
		line-height: 1.4;
		text-align: center;
	}

	.about .about_main .about_line {
		float: none;
		margin: 0 auto;
	}

	.about .about_main .about_txt {
		padding-top: 22px;
	}

	.about .about_main .about_txt p {
		font-size: 14px;
		line-height: 1.85;
	}

	.about .about_right {
		display: none;
	}

	.process {
		width: calc(100% - 32px);
		height: auto;
		margin: 34px auto;
		background: #fff;
		border-radius: 8px;
		box-shadow: 0 14px 34px rgba(31, 59, 103, 0.12);
	}

	.process .process_main {
		position: static;
		width: 100%;
		height: auto;
		padding: 26px 16px;
	}

	.process .process_main .process_title {
		padding-top: 0;
		font-size: 22px;
		line-height: 1.4;
	}

	.process .process_main .process_ul {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 20px 10px;
		width: 100%;
		padding: 24px 0 0;
		overflow: visible;
	}

	.process .process_main .process_ul li {
		float: none;
		width: 100%;
	}

	.process .process_main .process_ul li img {
		max-width: 62px;
		height: auto;
	}

	.process .process_main .process_ul li .process_txt1 {
		padding-top: 12px;
		padding-bottom: 6px;
	}

	.advantage {
		margin-top: 20px;
	}

	.advantage .advantage_topBox {
		height: auto;
		margin-top: 20px;
		padding: 36px 18px;
		background: linear-gradient(135deg, #316df4 0%, #18aac0 100%);
	}

	.advantage .advantage_topBox .advantage_topL,
	.advantage .advantage_topBox .advantage_topR {
		display: none;
	}

	.advantage .advantage_topMain {
		position: static;
		width: 100%;
		height: auto;
	}

	.advantage .advantage_topMain .advantage_common {
		text-align: center;
	}

	.advantage .advantage_topMain .advantage_line {
		margin: 12px auto;
	}

	.advantage .advantage_botMain {
		display: grid;
		grid-template-columns: 1fr;
		gap: 16px;
		width: 100%;
		overflow: visible;
	}

	.advantage .advantage_botMain li {
		float: none;
		width: 100%;
		padding: 18px;
		background: #fff;
		border: 1px solid #edf1f5;
		border-radius: 8px;
	}

	.advantage .advantage_botMain .li_margin {
		margin: 0;
	}

	.advantage .advantage_botMain li img {
		display: block;
		width: 120px;
		height: 120px;
		margin: 0 auto;
	}

	.contact_comBox .contactUs_index {
		height: auto;
		margin-top: 34px;
		padding: 30px 0;
		background-position: left bottom;
		background-size: 360px auto;
	}

	.contact_comBox .contactUs .contactUs_title {
		font-size: 24px;
	}

	.contact_comBox .contactUs .contactUs_main {
		display: grid;
		grid-template-columns: 1fr;
		gap: 16px;
		width: 100%;
		overflow: visible;
	}

	.contact_comBox .contactUs .contactUs_main li {
		float: none;
		width: 100%;
		height: auto;
		min-height: 190px;
		margin: 0;
	}

	.contact_comBox .contactUs .contactUs_main .contactUs_liMargin1,
	.contact_comBox .contactUs .contactUs_main .contactUs_liMargin2 {
		margin: 0 !important;
	}

	.contact_comBox .contactUs .contactUs_main li:hover {
		margin-top: 0;
	}

	.contact_box .contact_bot {
		display: none;
	}

	footer {
		width: 100%;
		padding: 28px 18px 20px;
	}

	footer .footer_top,
	footer .footer_bottom {
		width: 100%;
	}

	footer .footer_top {
		display: grid;
		gap: 18px;
	}

	footer .footer_topLeft,
	footer .footer_topRight,
	footer .footer_topLeft li,
	footer .footer_topRight .footer_detail {
		float: none;
	}

	footer .footer_topLeft {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 18px;
	}

	footer .footer_top .footer_topLeft li {
		width: 100%;
		margin: 0;
	}

	footer .footer_top .footer_topRight .footer_detail {
		width: 100%;
	}

	footer .footer_bottom {
		padding: 24px 0 0;
		line-height: 1.8;
	}

	.right_fixed {
		display: none;
	}
}