#canvas_lianxian {width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 1;}

.xq_pic{width: 100%;position: relative;padding-bottom: 75%;overflow: hidden;}

.xq_but_commom{display: inline-block;line-height: 38px;padding: 0 20px;border-radius: 40px;border: 1px solid #0051DC;background: #FFF;font-size: 14px;color: #0051DC;}
.xq_but_commom:hover{border-color: #0051DC;background: #0051DC;color: #ffffff;}

.xq_title{width: 100%;position: relative;z-index: 1;}
.xq_title .xq_title_en{font-size: 36px;color: #000000;font-weight: bold;}
.xq_title .xq_title_cn{font-size: 28px;color: #000000;}

.public_p{padding: 80px 0 80px 0;}
.public_t{padding-top: 80px;}
.public_b{padding-bottom: 80px;}
.public_m{margin-top: 92px;}
.public_m52{margin-top: 52px;}
.public_m32{margin-top: 32px;}
.public_m24{margin-top: 24px;}


header{width: 100%;padding: 0 120px;position: fixed;top: 0;left: 0;z-index: 9999;}
.xq_head{width: 100%;position: relative;}
.xq_head_logo{position: relative;}
.xq_head_logo .xq_logoimg01{display: none;}
.xq_head_logo .logo_text{display: none;}
.xq_head_c{position: relative;gap: 100px;}
.xq_ment{position: relative;}
.xq_ment ul{position: relative;gap: 36px;}
.xq_ment ul li{position: relative;}
.xq_ment ul li a{font-size: 16px;color: #ffffff;display: block;line-height: 80px;padding: 0 15px;position: relative;transition:all 0.3s ease-in-out;}
.xq_ment ul li a:after{content: '';width: 100%;height: 2px;background: #0051DC;position: absolute;bottom: -2px;left: 0;opacity: 0;transition:all 0.3s ease-in-out;}
.xq_ment ul li .xq_sub{width:200%;position: absolute;left:-50%;text-align: center;display: none;}
.xq_ment ul li .xq_sub a{color:#595959 !important;line-height: 42px;font-weight: unset;background: #ffffff;padding: 0 15px;border-top: 1px solid rgba(0, 0, 0, 0.2);}
.xq_ment ul li .xq_sub a:after{display: none;}
.xq_ment ul li .xq_sub a:hover{color:#ffffff !important;background: #0051DC;}
.xq_head_r{position: relative;gap: 40px;}
.xq_head_search{position: relative;}
.xq_head_search:before{content: '';width: 1px;height: 16px;background: #ffffff;position: absolute;right: -19px;top: 4px;}
.xq_head_search i{display: inline-block;width: 24px;height: 24px;background: url('../images/icon_search_h.svg') center center no-repeat;}
.xq_head_search .xq_head_f{width: 300px;padding: 10px 12px;position: absolute;background: #ffffff;top: 52px;right: 0;display: none;}
.xq_head_search .xq_head_f form{position: relative;display: flex;font-size: 0;}
.xq_head_search .xq_head_f .xq_head_but{display: inline-block;width: 40px;height: 40px;background: url(../images/icon_search_h.svg) center center no-repeat #0051DC;cursor: pointer;border-radius: 0 5px 5px 0;}
.xq_head_search .xq_head_f input{display: inline-block;width: calc(100% - 40px);line-height: 40px;font-size: 14px;padding: 0 15px;border: 1px solid #eeeeee;}
.xq_head_cons .xq_but_commom{border-color: #ffffff;background: unset;color: #ffffff;}
header.topfix{background: #ffffff;box-shadow: 0 6px 10px rgba(0, 0, 0, .2);}
header.topfix .xq_head_logo .xq_logoimg02{display: none;}
header.topfix .xq_head_logo .xq_logoimg01{display: block;}
header.topfix .xq_ment ul li a{color: #595959;}
header.topfix .xq_ment ul li.on> a, .xq_ment ul li:hover> a{color: #0051DC !important;}
header.topfix .xq_ment ul li.on a:after{bottom: 0;opacity: 1;}
header.topfix .xq_head_search:before{background: #DFE4EA;}
header.topfix .xq_head_search i{background: url('../images/icon_search.svg') center center no-repeat;}
header.topfix .xq_head_cons .xq_but_commom{border-color: #0051DC;background: #0051DC;}

.xq_hd-mobile {position: fixed;z-index: 999;top: 0;width: 100%;left: 0;background: #ffffff;box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);height: 60px;display: none;}
.xq_hd-mobile .container{width: calc(100% - 30px);}
.xq_menuBtn{display: none;position: fixed;top: 16px;right: 12px;width: 30px;height: 30px;cursor: pointer;transition: .3s;-ms-transition: .3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.xq_menuBtn b{display: block;height: 4px;background-color: #0051DC;margin: 4px 0;transition: .3s;-ms-transition: .3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.xq_menuBtn.open{}
.xq_menuBtn.open b{display: none;margin: 0;position: absolute;left: 0px;top: 50%;margin-top: -5px;width: 30px;}
.xq_menuBtn.open b:first-child{display: block;transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);}
.xq_menuBtn.open b:last-child{display: block;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);}
.xq_hd-mobile .xq_mlogo img {height: 25px;width: auto;margin-top: 16px;}
.xq_nav_mobile{position: fixed;top: 60px;left: 0;right: 0;bottom: 0;z-index: 99;overflow: hidden;background: #fff;width: auto;float: none;padding: 0;display: none;}
.xq_nav_mobile li{position: relative;}
.xq_nav_mobile li .v1{line-height: 40px;text-align: left;padding:0 20px;color:#1F1F1F; border-bottom:1px solid #eee;font-size: 14px;display: block; }
.xq_nav_mobile li i {display: block;width: 40px;height: 40px;background-position: center center;position: absolute;right: 0;top: 0;z-index: 9;background: url(../images/sel.png) no-repeat center center;-webkit-background-size: 18px 18px;background-size: 18px 18px;}
.xq_nav_mobile li .xq_sub{padding: 10px 0;background-color: #0051DC ;display: none;}  
.xq_nav_mobile li .xq_sub a{padding-left: 20px;text-align: left;line-height: 40px;font-size: 14px;display: block;color:#fff;}
.xq_nav_mobile .v1{height: 40px;line-height: 40px;text-align: left;color:#1F1F1F;padding-left: 10px;margin:0;overflow: hidden;}
.xq_nav_mobile li:hover .v1, .xq_nav_mobile li.on .v1{background: none;}
.xq_nav_mobile li .v1::after{display: none;}
.xq_nav_mobile .row{position: relative;}
.xq_nav_mobile .ss{display: none;background-color: #fff;padding: 10px 0;}
.xq_nav_mobile li .xq_sub .ss a{color:#333;}

footer{width: 100%;position: relative;}
.xq_slogan{width: 100%;position: absolute;top: -150px;z-index: 2}
.xq_slogan_c{width: 100%;background: url(../images/bg_slogan.webp) center center no-repeat;border-radius: 220px;background-size: 100% 100%;transition:all 1s ease-in-out;}
.xq_slogan_c .xq_slogan_text{position: relative;margin-left: 140px;}
.xq_slogan_c .xq_slogan_text .xq_tit{font-size: 48px;color: #0051DC;line-height: 68px;font-weight: bold;}
.xq_slogan_c .xq_slogan_text .xq_tit:before, .xq_slogan_c .xq_slogan_text .xq_tit:after{content: '';width: 52px;height: 32px;position: absolute;}
.xq_slogan_c .xq_slogan_text .xq_tit:before{background: url(../images/icon_slogan01.svg) center center no-repeat;left: -60px;top: -30px;}
.xq_slogan_c .xq_slogan_text .xq_tit:after{background: url(../images/icon_slogan02.svg) center center no-repeat;right: -60px;bottom: -30px;}
.xq_slogan_c .xq_slogan_buttom{width: 365px;height: 300px;border-radius: 220px;background: linear-gradient(106deg, #0051DC 8.1%, #1A6EFF 90.26%);}
.xq_slogan_c .xq_slogan_buttom .xq_contact_but{width: 100%;position: relative;text-align: center;}
.xq_slogan_c .xq_slogan_buttom .xq_contact_but i{display: inline-block;width: 72px;height: 72px;position: relative;}
.xq_slogan_c .xq_slogan_buttom .xq_contact_but i:before{content: '';width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: url('../images/icon_contact01.svg') center center no-repeat;-webkit-animation: shake 1.2s linear infinite;animation: shake 1.2s linear infinite;}
.xq_slogan_c .xq_slogan_buttom .xq_contact_but i:after{content: '';width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: url('../images/icon_contact02.svg') center center no-repeat;}
.xq_slogan_c .xq_slogan_buttom .xq_contact_but p{font-size: 24px;color: #ffffff;font-weight: bold;margin-top: 20px;}
.xq_slogan_c:hover{background-size: 110% 110%;}

.xq_foot{width: 100%;position: relative;margin-top: 150px;background: #161823;overflow: hidden;}
.xq_foot_bg{width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: url('../images/bg_foot.webp') no-repeat;mix-blend-mode: soft-light;background-position-y:500px;}
.xq_foot:after{content: '';width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: rgba(0, 0, 0, .6);}
.xq_foot_c{width: 100%;position: relative;padding: 220px 0 110px 0;z-index: 1;}
.xq_foot_t{width: 100%;position: relative;}
.xq_friendlink{max-width: 70%;font-size: 12px;color: #ffffff;gap: 10px 16px;}
.xq_friendlink a{color: #ffffff;}
.xq_foot_b{width: 100%;position: relative;color: #ffffff;}
.xq_foot_b .xq_foot_contact{max-width: 290px;position: relative;}
.xq_foot_b .xq_foot_contact p{font-size: 14px;margin-top: 12px;line-height: 24px;}
.xq_foot_b .xq_foot_contact p:first-child{font-weight: bold;}
.xq_foot_b .xq_foot_contact b{font-weight: bold;}
.xq_foot_b .xq_foot_contact p a{color:#FFF;}
.xq_foot_b .xq_foot_nav ul{position: relative;gap: 110px;}
.xq_foot_b .xq_foot_nav ul li .xq_tit{font-size: 16px;letter-spacing: 1.92px;font-weight: bold;margin-bottom: 32px;}
.xq_foot_b .xq_foot_nav ul li a{display: block;font-size: 16px;color: #ffffff;margin-top: 12px;}
.xq_foot_b .xq_foot_erweima{position: relative;gap: 16px;text-align: center;}
.xq_foot_b .xq_foot_erweima img{width: 100px;height: 100px;border: 4px solid #ffffff;}
.xq_foot_b .xq_foot_erweima p{font-size: 14px;margin-top: 12px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}
.xq_copyright{width: 100%;position: relative;border-top: 1px solid #E0E0E0;padding: 12px 0;z-index: 1;}
.xq_copyright_c{width: 100%;position: relative;font-size: 12px;color: #ffffff;line-height: 24px;}
.xq_copyright_c a{color: #ffffff;margin-left: 16px;}
.xq_copyright_c .xq_copyright_r{position: absolute;right: 0;top: 0;}

@media screen and (max-width:1699px){
	header{padding: 0 100px;}

    .xq_slogan{top: -130px;}
	.xq_slogan_c .xq_slogan_buttom{width: 316px;height: 260px;}

	.xq_foot{margin-top: 130px;}
	.xq_foot_c{padding: 180px 0 70px 0;}

}

@media screen and (max-width:1499px){
	.xq_title .xq_title_en{font-size: 32px;}
    .xq_title .xq_title_cn{font-size: 24px;}

	.public_p{padding: 60px 0 60px 0;}
	.public_t{padding-top: 60px;}
	.public_b{padding-bottom: 60px;}
	.public_m{margin-top: 48px;}
	.public_m52{margin-top: 32px;}
	.public_m32{margin-top: 24px;}
	.public_m24{margin-top: 16px;}

	header{padding: 0 60px;}
	.xq_ment ul{gap: 24px;}
    
    .xq_slogan{top: -116px;}
	.xq_slogan_c .xq_slogan_buttom {width: 282px;height: 232px;}
    .xq_slogan_c .xq_slogan_buttom .xq_contact_but p{font-size: 20px;margin-top: 14px;}
    .xq_slogan_c .xq_slogan_text .xq_tit{font-size: 34px;line-height: 52px;}
    .xq_foot {margin-top: 116px;}
    .xq_foot_c {padding: 150px 0 60px 0;}
    .xq_foot_b .xq_foot_contact{max-width: 272px;}
    .xq_foot_b .xq_foot_contact p{font-size: 13px;margin-top: 10px;}
    .xq_foot_b .xq_foot_nav ul{gap: 80px;}
    .xq_foot_b .xq_foot_nav ul li .xq_tit{font-size: 15px;margin-bottom: 24px;}
    .xq_foot_b .xq_foot_nav ul li a{font-size: 14px;margin-top: 10px;}
    .xq_foot_b .xq_foot_erweima{gap: 12px;}
    .xq_foot_b .xq_foot_erweima img{width: 86px;height: 86px;}
    .xq_foot_b .xq_foot_erweima p{font-size: 12px;margin-top: 10px;}

}

@media screen and (max-width:1299px){
	header {padding: 0 30px;}
    .xq_head_c{gap: 50px;}
    .xq_ment ul {gap: 15px;}
    .xq_head_search:before{display: none;}
    .xq_head_r .xq_head_cons{display: none;}
}

@media screen and (max-width:1023px){
	.xq_but_commom{line-height: 32px;border-radius: 20px;}

	.xq_title .xq_title_en{font-size: 24px;}
    .xq_title .xq_title_cn{font-size: 22px;}

	.public_p{padding: 30px 0 30px 0;}
	.public_t{padding-top: 30px;}
	.public_b{padding-bottom: 30px;}
	.public_m{margin-top: 24px;}
	.public_m52{margin-top: 24px;}
	.public_m32{margin-top: 16px;}
	.public_m24{margin-top: 12px;}

	header{display: none;}
	.xq_hd-mobile{display: block;}
	.xq_menuBtn{display: block;}
    
    .xq_slogan {top: -86px;}
	.xq_slogan_c .xq_slogan_buttom {width: 210px;height: 172px;border-radius: 120px;}
	.xq_slogan_c .xq_slogan_buttom .xq_contact_but i{width: 60px;height: 60px;}
	.xq_slogan_c .xq_slogan_buttom .xq_contact_but i:before{background-size: 100% 100% !important;}
	.xq_slogan_c .xq_slogan_buttom .xq_contact_but i:after{background-size: 100% 100% !important;}
	.xq_slogan_c .xq_slogan_buttom .xq_contact_but p {font-size: 16px;margin-top: 10px;}
	.xq_slogan_c .xq_slogan_text .xq_tit {font-size: 22px;line-height: 32px;}
	.xq_slogan_c .xq_slogan_text .xq_tit:before, .xq_slogan_c .xq_slogan_text .xq_tit:after{width: 42px;height: 26px;background-size: 100% 100% !important;}
	.xq_slogan_c .xq_slogan_text .xq_tit:before{left: -46px;top: -18px;}
    .xq_slogan_c .xq_slogan_text .xq_tit:after{right: -46px;bottom: -18px;}

    .xq_foot {margin-top: 86px;}
    .xq_foot_c {padding: 90px 0 30px 0;}
    .xq_foot_bg{background-position-y: 0;background-size: 100% auto;}
    .xq_foot_b .xq_foot_nav{display: none;}

}

@media screen and (max-width:767px){
    .xq_but_commom {line-height: 28px;}

	.xq_title .xq_title_en{font-size: 22px;}
    .xq_title .xq_title_cn{font-size: 20px;}

	.public_p{padding: 20px 0 20px 0;}
	.public_t{padding-top: 20px;}
	.public_b{padding-bottom: 20px;}
	.public_m{margin-top: 12px;}
	.public_m52{margin-top: 12px;}
	.public_m32{margin-top: 8px;}
	.public_m24{margin-top: 6px;}

    .xq_slogan {top: -60px;}
	.xq_slogan_c .xq_slogan_buttom {width: 146px;height: 120px;border-radius: 78px;}
	.xq_slogan_c .xq_slogan_buttom .xq_contact_but i {width: 42px;height: 42px;}
	.xq_slogan_c .xq_slogan_buttom .xq_contact_but p {font-size: 14px;margin-top: 6px;}
	.xq_slogan_c .xq_slogan_text{margin-left: 50px;}
	.xq_slogan_c .xq_slogan_text .xq_tit {font-size: 16px;line-height: 24px;}
	.xq_slogan_c .xq_slogan_text .xq_tit:before, .xq_slogan_c .xq_slogan_text .xq_tit:after {width: 28px;height: 28px;}
	.xq_slogan_c .xq_slogan_text .xq_tit:before {left: -32px;top: -16px;}
	.xq_slogan_c .xq_slogan_text .xq_tit:after {right: -32px;bottom: -16px;}
	.xq_foot {margin-top: 60px;}
    .xq_foot_c {padding: 80px 0 20px 0;}
    .xq_foot_t img{display: none;}
    .xq_friendlink{max-width: 100%;gap: 6px 12px;}
    .xq_foot_b{display: block;}
    .xq_foot_b .xq_foot_contact {max-width: 100%;margin-bottom: 16px;}
    .xq_foot_b .xq_foot_contact p{margin-top: 8px;}
    .xq_foot_b .xq_foot_erweima{justify-content: unset;}
    .xq_copyright{padding: 8px 0;}
    .xq_copyright_c .xq_copyright_r{position: relative;}
    .xq_copyright_c{line-height: 22px;}
    .xq_copyright_c a{margin-left: 12px;}
    .xq_copyright_c a:nth-child(1){margin-left:0;}


}