@charset "utf-8";
/* CSS by www.softmoon.com.cn */
body { font-family: "Montserrat","Microsoft YaHei","Open Sans", sans-serif; font-size: 14px; color:#333; margin:0; padding: 0;}
* { padding: 0px; margin: 0px;}
ul { margin:0; padding: 0;}
li { margin:0; padding: 0;}
section {overflow:hidden !important;}
input:hover,input:focus {outline:none !important;}
a {text-decoration:none;-webkit-transition:0.5s;transition:0.5s;}
a:hover,a:hover {color:#1588fd;text-decoration:none;-webkit-transition:0.5s;transition:0.5s;}
a {color:#333;-webkit-transition:0.5s;transition:0.5s;}
a:hover {color:#1588fd;-webkit-transition:0.5s;transition:0.5s;}
p {line-height:1.625;font-size:16px;margin-bottom:0px;}
a:focus,.button:focus,button:focus,.btn:focus {text-decoration:none;outline:none;box-shadow:none;-webkit-transition:1s;transition:1s;}
ul {list-style:none;margin:0;padding:0;}

.home_banner { width: 100%; height: 450px; background: url("../../images/home_banner.jpg") #011b90; background-repeat: no-repeat; background-size: cover; background-position: center center; display: flex; align-items: center; margin-top: 70px;}
.home_banner_text { color: #fff;}
.home_banner_text h1 { font-size: 24px; font-weight: bold; text-shadow: 0px 0px 10px rgba(0,0,0,0.4); margin-bottom: 20px;}
.home_banner_text h3 { font-size: 18px; text-shadow: 0px 0px 10px rgba(0,0,0,0.4); margin-bottom: 15px;}
.home_banner_text p { font-size: 14px; font-weight: 500; text-shadow: 0px 0px 10px rgba(0,0,0,0.4);}
.home_banner_text a { display: block; width: 150px; height: 35px; line-height: 35px; background: rgba(255,255,255,1); color: #2488f2; margin-top: 30px; text-align: center; font-weight: 500; font-size: 14px; border-radius: 6px;}
.home_banner_text a:hover { background: #2488f2; color:#fff;}

/*----------------- Home translation --------------------*/
.home_translation { padding: 40px 0;}
.home_translation_title { text-align: center; margin-bottom: 20px;}
.home_translation_title h3 { color: #2488f2; font-size: 16px;}
.home_translation_title h1 { font-weight: bold; margin-top: 0; font-size: 24px;}
.home_translation_title p { font-size: 14px;}
.home_translation_item { display: flex; flex-wrap: wrap; justify-content: space-between;}
.home_translation_item li { list-style: none; background: #fafcff; width: 100%; padding: 10px 15px; margin-bottom: 20px;}
.home_translation_item li h2 { font-size: 18px; font-weight: 600; margin-top: 20px; margin-bottom: 10px;}
.home_translation_item li p { color: #666; font-size: 14px;}


/*----------------- Home about --------------------*/
.home_about { padding: 40px 0; background: #fafcff;}
.home_about_info { width: 100%;}
.home_about_info h3 { color: #2488f2; font-size: 16px; margin-bottom: 10px;}
.home_about_info h1 { font-weight: bold; margin-top: 0; margin-bottom: 20px; font-size: 24px;}
.home_about_info p { color: #444; text-align: justify; margin-bottom: 15px; font-size: 15px;}
.home_about_info a { color: #2488f2; font-size: 16px; display: flex; margin-top: 60px;}
.home_about_info a i { margin-left: 10px;}
.home_about_info a i svg path { -webkit-transition:0.5s; transition:0.5s;}
.home_about_info a:hover { color: #8ad100;}
.home_about_info a:hover svg path { stroke:#8ad100;}

/*----------------- Home service --------------------*/
.home_service { padding: 40px 0 40px; background:url(../../images/home_service_bg.jpg) #00004a; background-repeat: no-repeat; background-size: cover; background-position: center center;}
.home_service_title { text-align: center; margin-bottom: 60px;}
.home_service_title h3 { color: #2488f2; font-size: 16px; margin-bottom: 10px;}
.home_service_title h1 { font-weight: bold; margin-top: 0; color: #fff; font-size: 24px;}
.home_service_title p { color: #fff; font-size: 14px;}
.home_service_item { display: flex; flex-wrap: wrap; justify-content: space-between;}
.home_service_item li { list-style: none; width: 100%; margin-bottom: 10px;}
.home_service_item li a { display: block; border-radius: 6px; border:1px #006bf0 solid; padding: 20px 20px;}
.home_service_item li a h2 { font-size: 18px; margin-top: 30px; margin-bottom: 15px; color: #fff;}
.home_service_item li a p { color: rgba(255,255,255, 0.8); font-size: 14px;}
.home_service_item li a:hover { background: rgba(36,136,242,.6); border:1px #2488f2 solid;}
.home_service_item li a:hover p { color: #fff;}

/*----------------- Home qualifications --------------------*/
.home_qualifications { padding: 40px 0 40px; background: #f8f8f8;}
.home_qualifications_title { text-align: center; margin-bottom: 60px;}
.home_qualifications_title h3 { color: #2488f2; font-size: 16px;}
.home_qualifications_title h1 { font-weight: bold; margin-top: 0; font-size: 24px;}
.home_qualifications_item { display: flex; flex-wrap: wrap; justify-content: center;}
.home_qualifications_item p { width: 26%; margin: 10px; overflow: hidden; border-radius: 6px; box-shadow: 0 0 12px 10px rgba(218,218,218,.2);}
.home_qualifications_item p img { display: block; width: 100%; height: 100%; object-fit: cover;}

/*----------------- Home case --------------------*/
.home_case { padding: 40px 0 40px; background:url(../../images/home_case_bg.jpg) #fafcfe; background-repeat: no-repeat; background-size: cover;}
.home_case_title { margin-bottom: 20px;}
.home_case_title h3 { color: #2488f2; font-size: 16px;}
.home_case_title h1 { font-weight: bold; margin-top: 10px; font-size: 24px;}
.home_case_item { width: 100%;}
.homecaseSwiper { width: 100%; height: 100%;}
.homecaseSwiper .swiper-wrapper { padding-bottom: 30px;}
.homecaseSwiper .swiper-slide { 
	background:url(../../images/home_case_card_bg.jpg) #fff; 
	background-repeat: no-repeat; 
	background-size: cover; 
	background-position: center center; 
	box-shadow: 0 0 15px 10px rgba(243,247,252,.9);
	border-radius: 6px;
	padding: 20px;
}
.home_case_card_pic img { object-fit: cover; width: 100px; height: 100px; border-radius: 50%; box-shadow: 0 0 10px 6px rgba(243,247,252,.8); border:1px #fff solid; margin-bottom: 20px;}
.home_case_card_text { width: 100%; word-wrap: break-word;}
.home_case_card_text h3 { margin-top: 0; font-size: 20px; margin-bottom: 20px; font-weight: 700;}
.home_case_card_text p { margin-bottom: 20px;}
.home_case_card_text a { color: #2488f2; font-size: 16px; display: flex; margin-top: 60px;}
.home_case_card_text a i { margin-left: 10px;}
.home_case_card_text a i svg path { -webkit-transition:0.5s; transition:0.5s;}
.home_case_card_text a:hover { color: #8ad100;}
.home_case_card_text a:hover svg path { stroke:#8ad100;}
.homecaseSwiper .swiper-horizontal>.swiper-pagination-bullets, .homecaseSwiper .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: var(--swiper-pagination-bottom,0px);
}
.homecaseSwiper .swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,14px));
    height: var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,14px));
    display: inline-block;
    border-radius: var(--swiper-pagination-bullet-border-radius,50%);
    background: var(--swiper-pagination-bullet-inactive-color,#2488f2);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, .2);
}
.homecaseSwiper .swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--swiper-pagination-color,var(--swiper-theme-color));
}

/*----------------- Home news --------------------*/
.home_news { padding: 40px 0 40px;}
.home_news_title { margin-bottom: 20px;}
.home_news_title h3 { color: #2488f2; font-size: 16px;}
.home_news_title h1 { font-weight: bold; margin-top: 0; font-size: 24px;}
.newsSwiper { padding: 20px;}
.newsSwiper .swiper-wrapper { padding-bottom: 40px;}
.newsSwiper .swiper-slide { 
	background:#fff;
	box-shadow: 0 0 12px 10px rgba(243,247,252,.9);
	border-radius: 6px;
	overflow: hidden;
}
.newsSwiper .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover;}
.newsSwiper .swiper-slide h3 { font-size: 20px; font-weight: 700; padding: 0 30px; margin-top: 30px;}
.newsSwiper .swiper-slide a.news_more { color: #2488f2; font-size: 16px; display: flex; margin-top: 30px; margin-bottom: 20px; padding: 0 30px;}
.newsSwiper .swiper-slide a.news_more i { margin-left: 10px;}
.newsSwiper .swiper-slide a.news_more i svg path { -webkit-transition:0.5s; transition:0.5s;}
.newsSwiper .swiper-slide a.news_more:hover { color: #8ad100;}
.newsSwiper .swiper-slide a.news_more:hover svg path { stroke:#8ad100;}
.newsSwiper .swiper-horizontal>.swiper-pagination-bullets, .newsSwiper .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: var(--swiper-pagination-bottom,0px);
}
.newsSwiper .swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,14px));
    height: var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,14px));
    display: inline-block;
    border-radius: var(--swiper-pagination-bullet-border-radius,50%);
    background: var(--swiper-pagination-bullet-inactive-color,#2488f2);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, .2);
}
.newsSwiper .swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--swiper-pagination-color,var(--swiper-theme-color));
}

/*----------------- about --------------------*/
.about_page { padding: 40px 0 40px;}
.about_info { width: 100%;}
.about_info h3 { color: #2488f2; font-size: 16px;}
.about_info h1 { font-weight: bold; margin-top: 0; margin-bottom: 30px; font-size: 24px;}
.about_info p { color: #444; text-align: justify; margin-bottom: 20px;}
.about_info a { color: #2488f2; font-size: 16px; display: flex; margin-top: 60px;}
.about_info a i { margin-left: 10px;}
.about_info a i svg path { -webkit-transition:0.5s; transition:0.5s;}
.about_info a:hover { color: #8ad100;}
.about_info a:hover svg path { stroke:#8ad100;}
.about_content p { font-size: 14px;}

.about_qualifications_top { margin-top: 40px;}
.about_qualifications_top ul {display: flex; flex-wrap: nowrap; justify-content: center; margin-bottom: 40px;}
.about_qualifications_top ul li { list-style: none; width: 40%; text-align: center;}
.about_qualifications_top ul li img { width: 100%;}
.about_qualifications_top p { text-align: center; font-size: 14px; font-weight: 600;}

.about_translation { padding: 40px 0; background: #fafcff;}


.about_qualifications { padding: 80px 0 100px; background: #fff;}



.partners_box { padding: 30px 0 50px; background:url(../../images/partners_bg.jpg) no-repeat #f8f8f8 bottom center;}
.partners_box .partners_title { text-align: center; margin-bottom: 30px;}
.partners_box .partners_title h3 { color: #2488f2; font-size: 16px;}
.partners_box .partners_title h1 { font-weight: bold; margin-top: 0; color: #333; font-size: 24px;}
.partners_box .customer_list { position: relative; background:#fff; border-radius: 6px; width: 100%; padding: 30px 40px 15px 30px; }
.partners_box .customer_list ul { overflow: hidden; position: relative;}
.partners_box .customer_list li { margin-bottom:15px; width: 1960px;}
.partners_box .customer_list li.toright { animation: scrollToRight 36s linear infinite; -webkit-animation: scrollToRight 36s linear infinite;}
.partners_box .customer_list li.toleft { animation: scrollLeft 36s linear infinite; -webkit-animation: scrollLeft 36s linear infinite;}
.partners_box .customer_list li img { display: inline-block; vertical-align: top; margin-right: 22px; border:1px #e5e5e5 solid; width: 100px;}
@keyframes scrollToRight {from{transform: translate3d(-50%, 0, 0);}to{transform: translate3d(0%, 0, 0);}}
@-webkit-keyframes scrollToRight {from{-webkit-transform: translate3d(-50%, 0, 0);}to{-webkit-transform: translate3d(0%, 0, 0);}}
@keyframes scrollLeft {from{transform: translate3d(0, 0, 0);}to{transform: translate3d(-50%, 0, 0);}}
@-webkit-keyframes scrollLeft {from{-webkit-transform: translate3d(0, 0, 0);}to{-webkit-transform: translate3d(-50%, 0, 0);}}

/*----------------- service --------------------*/
.service_page { padding: 40px 0;}
.service_page_title { margin-bottom: 40px; text-align: center}
.service_page_title h3 { color: #2488f2; font-size: 16px;}
.service_page_title h1 { font-weight: bold; margin-top: 0; font-size: 24px; margin-bottom: 10px;}
.service_page_title p { color: #666; font-size: 14px;}
.service_page_item { display: flex; flex-wrap: wrap; justify-content: space-between;}
.service_page_item li { list-style: none; width:100%; border-radius: 6px; border:1px #2F88FF solid; padding: 20px; margin-bottom: 10px;}
.service_page_item li h2 { font-size: 20px; margin-top: 30px; margin-bottom: 15px; color: #333;}
.service_page_item li p { color: #333; font-size: 14px;}

.service_language { padding: 40px 0; background: #fafcff;}

.service_process { padding: 40px 0;}
.service_process_item { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: stretch;}
.service_process_item li { list-style: none; text-align: center; width: 100%; margin-bottom: 25px;}
.service_process_item li span { width: 80px; height: 80px; background: #e3f1ff; border-radius: 50%; margin: 0 auto; display: flex; justify-content: center; align-items: center; margin-bottom: 10px;}
.service_process_item li h4 { font-size: 14px; font-weight: 600}



.m_page_banner { width: 100%; margin-top: 70px; background: url("../../images/banner.jpg");background-repeat: no-repeat; background-position: center center; position: relative; background-size: cover; padding: 30px 0;}
.m_page_banner img { width: 100%;}
.m_page_banner_text { color: #fff;}
.m_page_banner_text h1 { font-weight:bold;}
.m_page_banner_text ul { font-size: 14px;}
.m_page_banner_text ul a { color: #fff;}

/*-------------pages----------------*/
.pages { clear: both; text-align: center; font-size:14px; margin-bottom:20px; margin-top:60px;}
.pages .pagination { padding:0;}
.pages .pagination li { display:inline-block; margin: 0 3px; line-height: 20px; color:#999}
.pages .pagination li { color:#fff; font-size:14px;}
.pages .pagination li a { padding:10px 20px; border: 1px #e5e5e5 solid; color:#666; display:block;}
.pages .pagination li a:hover { color: #2488f2; border: 1px solid #2488f2; background:#e6f4ff; text-decoration:none;}
.pages .pagination li.active { display: inline-block; margin: 0 3px;}
.pages .pagination li.active a { color: #fff; border: 1px solid #2488f2; background:#2488f2;}


.article_nav { overflow: hidden; margin-bottom: 20px; width: 100%;}
.article_nav ul { display: flex; flex-wrap: wrap; justify-content: center;}
.article_nav ul li { list-style:none; display:inline-table; font-size: 14px; margin-right: 5px; font-weight: 500; margin-bottom: 10px;}
.article_nav ul li a { color:#333; display:block; background: #dfebf5; padding: 6px 15px; border-radius: 16px;}
.article_nav ul li a:hover { text-decoration:none; color:#fff; transition: ease all .3s; background: #2488f2;}
.article_nav ul li a.hover { color:#fff; background: #2488f2;}

.article_page { padding: 20px 0;}
.article_list_item { padding:0.48rem 0 0.52rem; border-bottom:1px solid #EDEDED; display:flex; display:-webkit-flex;justify-content:space-between;-webkit-justify-content:space-between;}
.article_list_item .item-thumb img {width:2.8rem;height:1.853rem;border-radius:0.053rem;}
.article_list_item .item-content { width:6.227rem;}
.article_list_item .item-content h3 { margin-top:0px; font-size:16px; display: -webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow: hidden; margin-bottom:0.3rem; font-weight: 600;}
.article_list_item .item-content h3 a { color:#333;}
.article_list_item .item-content p { color:#888; word-break: break-all; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.article_list_item .item-content p a { display:inline-block; height:0.4rem; line-height:0.4rem; font-size:0.293rem; color:#29a1f6; padding:0 0.067rem; margin-right:0.08rem; background:#e4f3fe; border-radius:0.053rem;font-style: normal;}

.article_title { margin-bottom: 20px; border-bottom: 1px #e5e5e5 solid;}
.article_title h2 { margin-top: 0; font-weight: bold; font-size: 24px; margin-bottom: 15px; text-align: center;}
.article_title li { list-style: none; flex-wrap:nowrap; flex-direction:row; display:box; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex;}
.article_title li p { margin-right: 30px; display: flex; font-size: 14px;}
.article_title li p i { margin-right: 5px;}
.article_content p { margin-bottom: 15px; line-height: 30px; color: #666; font-weight: 400; font-size: 14px;}
.article_content p span { font-size: 14px !important;}
.article_content img { max-width: 100%;}
.article_content h1,.article_content h2,.article_content h3,.article_content h4,.article_content h5 { color: #333; font-size: 24px; line-height: 30px; margin-bottom: 30px;}
.article_content h1,.article_content h2,.article_content h3,.article_content h4,.article_content h5 { display: inline-block; font-size: 22px; margin-top: 22px; font-weight: bolder; position: relative; z-index: 1; margin-bottom: 20px;}
.article_content h1::after,.article_content h2::after,.article_content h3::after,.article_content h3::after,.article_content h4::after { position: absolute; bottom: 2px; content: ''; display: block; width: 100%; height: 8px; background-color: #afe9ff; z-index: -1;}

.article_next { padding: 10px 15px; background: #fafcff; margin-top: 20px;}
.article_next p { color:#666; font-size: 12px;}
.article_next p a { color:#00afff}
.article_next p a:hover {color:#8ad100;}


.contact_page { padding: 40px 0;}
.contact_info h2 { font-size: 30px; font-weight: bold; margin-bottom: 30px;}
.contact_info h2 small { display: block; font-size: 16px; font-weight: 400; margin-top: 15px;}
.contact_info ul { display: flex; flex-wrap: wrap;}
.contact_info ul li { list-style: none; width: 50%; margin-bottom: 20px;}
.contact_info ul li:last-child { width: 100%;}
.contact_info ul li:last-child p { margin-bottom: 15px;}
.contact_info ul li h3 { color: #2488f2;}
.contact_info ul li span { display: flex; width: 48px; height: 48px; background: #fafcff; border-radius: 50%; justify-content: center; align-items: center;}
.contact_info ul li p { color: #000; font-size: 14px;}

.contact_message { padding: 40px 0; background: #fafcff;}
.contact_message h2 { font-size: 30px; margin-top: 0; text-align: center; font-weight: bold; margin-bottom: 40px;}
.contact_message .fc-form-body { display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; margin: 0 auto;}
.contact_message .fc-form-body .form-group { width: 48%; margin: 1%;}
.contact_message .fc-form-body .form-control { height: 55px; border: 1px solid #e5e5e5; box-shadow: none; color: #666; font-weight: 500;}
.contact_message .fc-form-body #dr_row_company { width: 100%;}
.contact_message .fc-form-body #dr_row_message { width: 100%;}
.contact_message .form-recaptcha input { width: 160px; margin-right: 15px;}
.contact_message .btn { padding: 10px 30px; font-size: 18px; background-color: #2488f2; border-color: #2488f2;}

.faq_page { padding: 40px 0;}
.faq_item h1 { font-size: 42px; font-weight: bold; margin-bottom: 40px;}
.faq_item .accordion .accordion-item { margin-bottom: 15px; border-bottom: 1px #e5e5e5 solid;}
.faq_item .accordion .accordion-item button[aria-expanded=true] {border-bottom:1px solid #2693ff;}
.faq_item .accordion button {position:relative;display:block;text-align:left;width:100%;padding:1em 0;color:#333;font-size:18px;font-weight:400;border:none;outline:none; background: #fff;}
.faq_item .accordion button:hover,.accordion button:focus {cursor:pointer;color:#2693ff;}
.faq_item .accordion button:hover::after,.accordion button:focus::after {cursor:pointer;color:#2693ff;border:1px solid #2693ff;}
.faq_item .accordion button .accordion-title { padding:1em 1.5em 1em 0; font-weight: 600;}
.faq_item .accordion button .icon {display:inline-block;position:absolute;top:18px;right:0;width:22px;height:22px;border:1px solid;border-radius:22px;}
.faq_item .accordion button .icon::before {display:block;position:absolute;content:"";top:9px;left:5px;width:10px;height:2px;background:currentColor;}
.faq_item .accordion button .icon::after {display:block;position:absolute;content:"";top:5px;left:9px;width:2px;height:10px;background:currentColor;}
.faq_item .accordion button[aria-expanded=true] {color:#2693ff;}
.faq_item .accordion button[aria-expanded=true] .icon::after {width:0;}
.faq_item .accordion button[aria-expanded=true] + .accordion-content { opacity:1; max-height:20em; transition:all 200ms linear; will-change:opacity,max-height; padding: 10px 40px; background: #fafafa;}
.faq_item .accordion .accordion-content { opacity:0; max-height:0; overflow:hidden; transition:opacity 200ms linear,max-height 200ms linear; will-change:opacity,max-height;}
.faq_item .accordion .accordion-content p { font-size:16px; margin:1em 0; color: #333; line-height: 2em;}


footer { background:#1087cc; text-align: center; padding: 15px 0; color: #fff;}
footer p { font-size: 12px;}
footer p a { color: #abd5e6;}