@charset 'utf-8';

.common_title{text-align: center;}
.common_title h2{font-size: 50px; font-weight: normal; line-height: 68px; color: #3a6ae8;}
.common_title h4{font-size: 20px; font-weight: normal; line-height: 42px; color: #1a73e9;}
.common_title p{font-size: 18px; line-height: 30px; color: #626262;}

.index_marketing{padding: 80px 0;}
.index_marketing .marketing_tab{display: flex; justify-content: space-between; margin-top: 40px;}
.index_marketing .marketing_tab .tab_list{width: 18%; height: 170px; text-align: center; background: #fff; border-radius: 5px; box-shadow: 0 10px 30px #e6e6e6; cursor: pointer; position: relative;}
.index_marketing .marketing_tab .tab_list::after{width: 0; height: 0; content: ''; border-top: solid #fff 20px; border-left: solid transparent 16px; border-right: solid transparent 16px; position: absolute; left: calc(50% - 16px); bottom: -20px;}
.index_marketing .marketing_tab .tab_list:nth-child(1).current{background: linear-gradient(to bottom, #faa245, #e63f0f);}
.index_marketing .marketing_tab .tab_list:nth-child(1).current::after{border-top-color: #e63f0f;}
.index_marketing .marketing_tab .tab_list:nth-child(2).current{background: linear-gradient(to bottom, #28aeff, #5273ff);}
.index_marketing .marketing_tab .tab_list:nth-child(2).current::after{border-top-color: #5273ff;}
.index_marketing .marketing_tab .tab_list:nth-child(3).current{background: linear-gradient(to bottom, #c467fa, #8a2ef3);}
.index_marketing .marketing_tab .tab_list:nth-child(3).current::after{border-top-color: #8a2ef3;}
.index_marketing .marketing_tab .tab_list:nth-child(4).current{background: linear-gradient(to bottom, #07edc8, #16c9f3);}
.index_marketing .marketing_tab .tab_list:nth-child(4).current::after{border-top-color: #16c9f3;}
.index_marketing .marketing_tab .tab_list:nth-child(5).current{background: linear-gradient(to bottom, #9b8ffe, #6f31e8);}
.index_marketing .marketing_tab .tab_list:nth-child(5).current::after{border-top-color: #6f31e8;}
.index_marketing .marketing_tab .tab_list .icon{padding: 20px 0;}
.index_marketing .marketing_tab .tab_list .icon img{height: 75px;}
.index_marketing .marketing_tab .tab_list .title{font-size: 24px; color: #404040;}
.index_marketing .marketing_tab .tab_list.current .title{color: #fff;}
.index_marketing .marketing_content{margin-top: 80px;}
.index_marketing .marketing_content .marketing_list{display: none;}
.index_marketing .marketing_content .marketing_list.show{display: block;}
.index_marketing .marketing_content .marketing_list::after{content: ''; display: table; clear: both;}
.index_marketing .marketing_content .marketing_list .picture{width: 45%; float: left;}
.index_marketing .marketing_content .marketing_list .picture img{width: 100%;}
.index_marketing .marketing_content .marketing_list .content{width: 52%; float: right; margin-top: 20px;}
.index_marketing .marketing_content .marketing_list .content .title{font-size: 38px; font-weight: bold; color: #1b1b1b;}
.index_marketing .marketing_content .marketing_list .content .text{font-size: 20px; line-height: 34px; color: #6d6d6d; margin-top: 40px;}
.index_marketing .marketing_content .marketing_list .content .text ul{display: flex; flex-wrap: wrap; align-items: center; margin-top: 30px;}
.index_marketing .marketing_content .marketing_list .content .text ul li{width: 33.33%; font-size: 20px; color: #1a73e9; margin: 10px 0;}
.index_marketing .marketing_content .marketing_list .content .text ul li img{height: 40px; margin-right: 20px;}
.index_marketing .marketing_content .marketing_list .content .button{margin-top: 50px;}
.index_marketing .marketing_content .marketing_list .content .button a{display: inline-block; font-size: 18px; line-height: 50px; padding: 0 43px; background: #1a73e9; color: #fff; border-radius: 5px;}

.index_accredit{padding: 60px 0; background: linear-gradient(to bottom, #e7f2ff, #e2edff);}
.index_accredit .accredit_content{margin-top: 30px; display: flex; flex-wrap: wrap; justify-content: space-between;}
.index_accredit .accredit_content .accredit_list{width: 32%; display: flex; justify-content: space-between; align-items: center; box-sizing: border-box; padding: 21px 18px; margin: 15px 0; background: #1a73e9; border-radius: 8px;}
.index_accredit .accredit_content .accredit_list .icon{width: 96px;}
.index_accredit .accredit_content .accredit_list .icon img{height: 96px;}
.index_accredit .accredit_content .accredit_list .text{width: calc(100% - 113px);}
.index_accredit .accredit_content .accredit_list .text p{font-size: 18px; line-height: 36px; color: #fff;}
.index_accredit .accredit_content .accredit_list .text p b{font-size: 30px;}
.index_accredit .accredit_platform{margin-top: 60px;}
.index_accredit .accredit_platform ul{display: flex; justify-content: space-between; align-items: center;}

.index_platform{padding-top: 60px;}
.index_platform .common_title p{display: inline-block; max-width: 1040px; margin-top: 20px;}
.index_platform .platform_content{padding: 30px 0;}
.index_platform .platform_content .platform_list{padding: 30px 0;}
.index_platform .platform_content .platform_list::after{content: ''; display: table; clear: both;}
.index_platform .platform_content .platform_list:nth-child(odd) .picture{float: left;}
.index_platform .platform_content .platform_list:nth-child(odd) .content{float: right;}
.index_platform .platform_content .platform_list:nth-child(even) .picture{float: right;}
.index_platform .platform_content .platform_list:nth-child(even) .content{float: left;}
.index_platform .platform_content .platform_list .picture{width: 42%;}
.index_platform .platform_content .platform_list .picture img{width: 100%;}
.index_platform .platform_content .platform_list .content{width: 50%;}
.index_platform .platform_content .platform_list .content .title{font-size: 32px; font-weight: bold; color: #000; margin-top: 20px;}
.index_platform .platform_content .platform_list .content .title span{color: #1a73e9;}
.index_platform .platform_content .platform_list .content .text{font-size: 16px; line-height: 30px; color: #000; margin-top: 26px;}
.index_platform .platform_content .platform_list .content .list{margin-top: 20px;}
.index_platform .platform_content .platform_list .content .list p{font-size: 16px; line-height: 34px; color: #2a5a99; background: url("../images/tick.png") left center no-repeat; padding-left: 28px;}
.index_platform .platform_content .platform_list .content .button{margin-top: 40px;}
.index_platform .platform_content .platform_list .content .button a{display: inline-block; font-size: 18px; line-height: 50px; padding: 0 43px; background: #1a73e9; color: #fff; border-radius: 5px;}

.index_partners{padding: 60px 0; background: url("../images/partner.jpg") center no-repeat;}
.index_partners .common_title h2{color: #fff;}
.index_partners .common_title p{color: #fff;}
.index_partners .partnerSwiper{margin-top: 50px; position: relative; overflow: hidden;}
.index_partners .partnerSwiper .swiper-slide img{width: 100%;}

.index_global{padding: 60px 0;}
.index_global .global_data{margin-top: 50px;}
.index_global .global_data ul{display: flex; justify-content: space-between; align-items: center;}
.index_global .global_data ul li{text-align: center;}
.index_global .global_data ul li h3{font-size: 68px; line-height: 80px; font-weight: bold; color: #3a6ae8;}
.index_global .global_data ul li h3 sub{font-size: 24px; vertical-align: middle; margin-left: 5px;}
.index_global .global_data ul li p{font-size: 18px; color: #626262;}
.index_global .global_map{height: 678px; margin-top: 60px; position: relative; background: url("../images/global_map.jpg"); background-size: 100% 100%;}
.index_global .global_map .branch{width: 26px; height: 38px; position: absolute;}
.index_global .global_map .branch.branch_01{left: 17%; top: 31%;}
.index_global .global_map .branch.branch_02{left: 79.07%; top: 28%;}
.index_global .global_map .branch.branch_03{left: 72.29%; top: 35%;}
.index_global .global_map .branch.branch_04{left: 79.93%; top: 33%;}
.index_global .global_map .branch.branch_05{left: 76.5%; top: 39%;}
.index_global .global_map .branch.branch_06{left: 75.21%; top: 44%;}
.index_global .global_map .branch.branch_07{left: 73.71%; top: 52%;}
.index_global .global_map .branch.branch_08{left: 75.29%; top: 52%;}
.index_global .global_map .branch.branch_09{left: 73.57%; top: 58%;}
.index_global .global_map .branch .icon{width: 26px; height: 38px; background: url("../images/point.png"); cursor: pointer;}
.index_global .global_map .branch .text{width: max-content; font-size: 14px; padding: 0 10px; background: #3a6ae8; color: #fff; position: absolute; top: 0; left: 30px; z-index: 1; display: none;}
.index_global .global_map .branch.on .text{display: block;}

.index_client{padding: 60px 0; background: linear-gradient(to bottom, #e7f2ff, #e2edff);}
.index_client .client_content{margin-top: 40px; padding-bottom: 20px;}
.index_client .client_content::after{content: ''; display: table; clear: both;}
.index_client .client_content .client_list{width: 32%; float: left; margin-right: 2%; box-sizing: border-box; padding: 26px; background: url("../images/quote.png") top 45px right 28px no-repeat #fff; margin-bottom: 40px; transition: all 0.5s;}
.index_client .client_content .client_list:nth-child(3n){margin-right: 0;}
.index_client .client_content .client_list:hover{margin-top: 30px; margin-bottom: 0; border-bottom: solid #3a6ae8 10px;}
.index_client .client_content .client_list .picture{width: 75px; float: left;}
.index_client .client_content .client_list .picture img{width: 100%; border-radius: 50%;}
.index_client .client_content .client_list .title{width: calc(100% - 85px); margin-top: 10px; float: right;}
.index_client .client_content .client_list .title p{font-size: 18px; line-height: 28px; color: #222;}
.index_client .client_content .client_list .text{font-size: 18px; line-height: 28px; color: #818181; margin-top: 20px;}

.index_news{padding: 60px 0;}
.index_news .news_content{margin-top: 40px; display: flex; justify-content: space-between;}
.index_news .news_content .news_list{width: 31%; background: #fff; box-shadow: 0 0 10px #dbe8ff;}
.index_news .news_content .news_list .picture{}
.index_news .news_content .news_list .picture img{width: 100%;}
.index_news .news_content .news_list .list{padding: 10px 16px;}
.index_news .news_content .news_list .list li{line-height: 40px;}
.index_news .news_content .news_list .list li::after{content: ''; display: table; clear: both;}
.index_news .news_content .news_list .list li a{float: left; width: calc(100% - 90px); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.index_news .news_content .news_list .list li span{float: right; font-size: 14px; color: #737373;}
.index_news .news_content .news_list .button{text-align: center; padding: 20px 0;}
.index_news .news_content .news_list .button a{display: inline-block; font-size: 18px; line-height: 50px; padding: 0 43px; background: #1a73e9; color: #fff; border-radius: 5px;}

@media screen and (max-width:640px) {
	.common_title h2{font-size: 22px; line-height: 32px;}
	.common_title h4{font-size: 16px; line-height: 28px;}
	.common_title p{font-size: 14px; line-height: 24px;}
	
	.index_marketing{padding: 30px 0;}
	.index_marketing .marketing_tab{margin-top: 10px;}
	.index_marketing .marketing_tab .tab_list{height: auto;}
	.index_marketing .marketing_tab .tab_list::after{display: none;}
	.index_marketing .marketing_tab .tab_list .icon{padding: 6px 0;}
	.index_marketing .marketing_tab .tab_list .icon img{height: 24px;}
	.index_marketing .marketing_tab .tab_list .title{display: none;}
	.index_marketing .marketing_content{margin-top: 30px;}
	.index_marketing .marketing_content .marketing_list .picture{width: 100%;}
	.index_marketing .marketing_content .marketing_list .content{width: 100%; margin-top: 20px;}
	.index_marketing .marketing_content .marketing_list .content .title{font-size: 20px;}
	.index_marketing .marketing_content .marketing_list .content .text{font-size: 14px; line-height: 24px; margin-top: 20px;}
	.index_marketing .marketing_content .marketing_list .content .text ul{margin-top: 20px;}
	.index_marketing .marketing_content .marketing_list .content .text ul li{width: 50%; margin: 5px 0; font-size: 14px;}
	.index_marketing .marketing_content .marketing_list .content .text ul li img{height: 24px; margin-right: 10px;}
	.index_marketing .marketing_content .marketing_list .content .button{margin-top: 20px;}
	.index_marketing .marketing_content .marketing_list .content .button a{font-size: 14px; line-height: 36px; padding: 0 26px; border-radius: 5px;}
	
	.index_accredit{padding: 30px 0;}
	.index_accredit .accredit_content{display: block; margin-top: 10px;}
	.index_accredit .accredit_content .accredit_list{width: 100%; display: flex; padding: 21px 18px; margin: 15px 0;border-radius: 8px;}
	.index_accredit .accredit_content .accredit_list .icon{width: 60px;}
	.index_accredit .accredit_content .accredit_list .icon img{height: 60px;}
	.index_accredit .accredit_content .accredit_list .text{width: calc(100% - 80px);}
	.index_accredit .accredit_content .accredit_list .text p{font-size: 14px; line-height: 30px;}
	.index_accredit .accredit_content .accredit_list .text p b{font-size: 18px;}
	.index_accredit .accredit_platform{margin-top: 30px;}
	.index_accredit .accredit_platform ul{display: flex; justify-content: space-between; align-items: center;}
	.index_accredit .accredit_platform ul li{margin: 0 10px;}
	.index_accredit .accredit_platform ul li img{width: 100%;}
	
	.index_platform{padding-top: 30px;}
	.index_platform .common_title p{display: block; max-width: 100%; margin-top: 10px;}
	.index_platform .platform_content{padding: 15px 0;}
	.index_platform .platform_content .platform_list{padding: 15px 0;}
	.index_platform .platform_content .platform_list .picture{width: 100%;}
	.index_platform .platform_content .platform_list .picture img{width: 100%;}
	.index_platform .platform_content .platform_list .content{width: 100%;}
	.index_platform .platform_content .platform_list .content .title{font-size: 20px;}
	.index_platform .platform_content .platform_list .content .text{font-size: 14px; line-height: 24px; margin-top: 16px;}
	.index_platform .platform_content .platform_list .content .list{margin-top: 20px;}
	.index_platform .platform_content .platform_list .content .list p{font-size: 14px; line-height: 20px; padding: 5px 0 5px 26px;}
	.index_platform .platform_content .platform_list .content .button{margin-top: 30px;}
	.index_platform .platform_content .platform_list .content .button a{font-size: 14px; line-height: 36px; padding: 0 26px;}
	
	.index_partners{padding: 30px 0;}
	.index_partners .partnerSwiper{margin-top: 30px;}
	
	.index_global{padding: 30px 0;}
	.index_global .global_data{margin-top: 30px;}
	.index_global .global_data ul{flex-wrap: wrap;}
	.index_global .global_data ul li{width: 33.33%;}
	.index_global .global_data ul li h3{font-size: 30px; line-height: 40px;}
	.index_global .global_data ul li h3 sub{font-size: 14px;}
	.index_global .global_data ul li p{font-size: 13px;}
	.index_global .global_map{height: 220px; margin-top: 30px;}
	.index_global .global_map .branch{width: 18px; height: 26px; position: absolute;}
	.index_global .global_map .branch .icon{width: 18px; height: 26px; background: url("../images/point.png") center no-repeat; background-size: 18px;}
	.index_global .global_map .branch .text{font-size: 12px; line-height: 26px; left: 24px;}
	
	.index_client{padding: 30px 0 10px;}
	.index_client .client_content{margin-top: 20px; padding-bottom: 0;}
	.index_client .client_content .client_list{width: 100%; margin-right: 0%; padding: 20px; background: url("../images/quote.png") top 26px right 22px no-repeat #fff; background-size: 28px; margin-bottom: 10px;}
	.index_client .client_content .client_list:hover{margin-top: 0; margin-bottom: 10px; border-bottom: none;}
	.index_client .client_content .client_list .picture{width: 60px;}
	.index_client .client_content .client_list .title{width: calc(100% - 80px); margin-top: 10px;}
	.index_client .client_content .client_list .title p{font-size: 14px; line-height: 24px;}
	.index_client .client_content .client_list .text{font-size: 14px; line-height: 24px; margin-top: 10px;}
	
	.index_news{padding: 30px 0 10px;}
	.index_news .news_content{margin-top: 20px; display: block;}
	.index_news .news_content .news_list{width: 100%; margin-bottom: 20px;}
	.index_news .news_content .news_list .list{padding: 10px 10px;}
	.index_news .news_content .news_list .list li{font-size: 14px; line-height: 32px;}
	.index_news .news_content .news_list .list li span{font-size: 12px;}
	.index_news .news_content .news_list .button{padding: 20px 0;}
	.index_news .news_content .news_list .button a{font-size: 14px; line-height: 36px; padding: 0 26px;}
}