@charset "utf-8";
/* CSS By www.softmoon.com.cn */
@media (max-width: 1400px) and (min-width: 768px) {
	html {zoom: 80%;}
	@-ms-viewport {width: 1920px;}		
}
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;}

/*--------导航-------------*/
.head_top_link { display: flex; flex-wrap: nowrap; justify-content: space-between;}
.head_top_link .head_top_link_l { display: flex; padding: 15px 0;}
.head_top_link .head_top_link_l p { color: #fff; margin-right: 20px; display: flex;}
.head_top_link .head_top_link_l p i { display: block; background: #8ad100; border-radius: 50%; width: 28px; height: 28px; margin-right: 15px; text-align: center;}
.head_top_link .head_top_link_l p i svg { margin-top: 3px;}
.head_top_link .head_top_link_l p a { color: #fff;}
.head_top_link .head_top_link_l p a:hover{ color: #8ad100}
.head_top_link .head_top_link_r { display: flex; flex-wrap: nowrap; margin: 0 !important; margin-left:10px !important; padding: 15px 0;}
.head_top_link .head_top_link_r p { line-height: normal; position: relative;}
.head_top_link .head_top_link_r p:nth-child(2n) { margin-right: 15px; margin-left: 15px; padding-right: 15px;}
.head_top_link .head_top_link_r p:nth-child(2n):after { content:'|'; display: block; position: absolute; top: 1px; right: 0; color: #e5e5e5; font-size: 12px;}
.head_top_link .head_top_link_r p a { color:#fff;}
.head_top_link .head_top_link_r p a:hover { color: #2488f2;}
.head_top_link .head_top_link_r p a:hover:after { display:none;}

.home_menu .container { width: 1440px;}

.main_menu .navbar .main-menu-item { text-align: center !important; justify-content: center;}
.main_menu .navbar .main-menu-item .navbar-nav a { padding:0px 26px; font-size:16px; color:#333; text-transform:capitalize;}
.main_menu .navbar .main-menu-item .navbar-nav a:hover {color:#fff600;}
.home_menu { position:absolute;left:0;top:0;width:100%;z-index:999;}

.menu_fixed {position:fixed;z-index:9999 !important;width:100%;background-color:#fff;box-shadow:0px 10px 15px rgba(0,0,0,0.05);}
.menu_fixed .navbar .main-menu-item .navbar-nav a { color:#666;}
.menu_fixed .navbar .main-menu-item .navbar-nav a:hover { color:#ff0000;}
.menu_fixed .head_top_link { border-bottom:1px #e5e5e5 solid;}
.menu_fixed .head_top_link p { color: #333; }
.menu_fixed .head_top_link_l p a { color: #333;}
.menu_fixed .head_top_link_l p a:hover{ color: #8ad100}
.menu_fixed .head_top_link .head_top_link_r i svg path { stroke: #666;}
.menu_fixed .head_top_link .head_top_link_r p:nth-child(2n):after { color: #666;}
.menu_fixed .head_top_link .head_top_link_r p a { color:#666;}

.topmenu_quote {  font-size:16px;  }
.topmenu_quote a { padding:6px 12px; color: #fff; font-weight: 700; background:#8ad100; display:inline-block; text-transform:capitalize; -webkit-transition:0.5s; transition:0.5s; border-radius:4px;}
.topmenu_quote a:hover { background:#76b300;}

.top-head { background: #fff; border-radius: 6px; padding:10px 15px;}
.top { width:100%;}
.top_box { display: flex; justify-content: space-between; align-items: center;}
.logo {}

.main .dev-output pre { overflow: auto; max-height: 500px; background-color: #EBF4FD; padding: 0 1em 1em;}
.rm-nav { letter-spacing: 1px;}
.rm-toggle.rm-button { margin-top: 25px;}
.rm-css-animate.rm-menu-expanded { max-height: none; display: block;}
.rm-container.rm-layout-expanded { float: right;}
.rm-nav li a,
.rm-top-menu a {
    padding: .75rem 1rem;
    font-size: .9em;
    line-height: 1.5rem;
    text-transform: uppercase;
}
.rm-layout-expanded .rm-nav > ul > li > a,
.rm-layout-expanded .rm-top-menu > .rm-menu-item > a {
    height: 80px;
    line-height: 80px;
}
.main { min-height: 100%; padding-top: 1px;}
.tagline { width: 360px; font-size: 1.75em; font-weight: bold; letter-spacing: 2px;line-height: 1.2; text-align: center; margin: 275px auto; color: #1A88D3;}
.tagline strong { font-size: 1.3em;}
.dev-output { background-color: #e1eaf3; background-color: rgba(255,255,255,.85); color: #000; padding: 2em; margin-bottom: 2em;}

#menu { position:relative; z-index:2; margin:0px auto; top:20px;}
#menu .menu-item { float: left; margin-left: 30px; height: 60px; color:#333; display:flex; box-sizing:border-box; justify-content:center; perspective:200px;}
#menu .menu-text a { font-size: 18px; color:#333; font-weight: 600; text-decoration:none; transition:color 0.1s ease-out; text-align:center;}
#menu .menu-text a:hover { color:#23a938;}
.menu-item .sub-menu { 
	position:absolute; 
	top:50px; 
	border-radius:10px;
	min-width:360px;
	pointer-events:none;
	box-sizing:border-box;
	z-index:999;
	margin-left:-5em;
	clip-path:inset(0 10em 10em 15em);
	opacity:0;
	font-weight:initial;
	padding:35px 30px 10px 40px;
	transition:all 0.25s ease-out,opacity 0.25s ease-in,margin-left 0.25s ease-out,clip-path 0.15s ease-out;
	background: #fff;
}
.menu-item:hover .sub-menu { pointer-events:all; clip-path:inset(0 0 0 0);opacity:1;margin-left:0;}
.menu-text:after { 
	transition:bottom 0.25s ease-out,opacity 0.01s ease-out 0.01s;
	opacity:0;
	content:'';
	position:absolute;
	pointer-events:none;
	bottom:0;
	left:calc(50% - 8px);
	border-color:transparent transparent #23a938 transparent;
	border-width:8px;
	border-style:solid;
}
.menu-item:hover .menu-text:after { bottom:9px; opacity:1; transition:bottom 0.25s ease-out,opacity 0.01s ease-out 0.15s;}
@keyframes clipPath {
	0% {opacity:0;}
	100% {transform:rotateX(0deg) scale(1);top:4.5em;opacity:1;}
}
.menu-item .text { color:#333; margin:0 0 0.25em 0; font-size: 16px;}
.menu-item .sub-text { font-size: 12px; color: #999;}
.menu-item .icon {color:rgb(44 70 86);font-size:1.25em;margin:0 1em 0 0;}
.menu-item .icon-box { cursor:pointer; float:left; width:100%; margin:0; height:3.5em;}
.menu-item .icon-box a { color:#333 !important; display: block; width: 100%; font-size: 16px;}
.menu-item .icon-box a:hover { color: #1588fd !important;}



.home_banner { width: 100%; height: 950px; background: url("../images/home_banner.jpg") #011b90; background-repeat: no-repeat; background-size: cover; background-position: center center; display: flex; align-items: center;}
.home_banner .container { width: 1440px;}
.home_banner_text { color: #fff; width: 65%;}
.home_banner_text h1 { font-size: 56px; font-weight: bold; text-shadow: 0px 0px 10px rgba(0,0,0,0.4); margin-bottom: 30px;}
.home_banner_text h3 { font-size: 22px; text-shadow: 0px 0px 10px rgba(0,0,0,0.4);}
.home_banner_text p { font-size: 18px; font-weight: 500; text-shadow: 0px 0px 10px rgba(0,0,0,0.4);}
.home_banner_text a { display: block; width: 180px; height: 50px; line-height: 50px; background: rgba(255,255,255,1); color: #2488f2; margin-top: 60px; text-align: center; font-weight: 500; font-size: 18px; border-radius: 6px;}
.home_banner_text a:hover { background: #2488f2; color:#fff;}


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

/*----------------- Home about --------------------*/
.home_about { padding: 140px 0; background: #fafcff;}
.home_about .container { width: 1440px;}
.home_about_box { display: flex; flex-wrap: nowrap; justify-content: space-between;}
.home_about_photo { width: 45%; position: relative; z-index: 1;}
.home_about_photo p.home_about_bg_1 { position: absolute; left: -29px; top: 119px; z-index: -1;}
.home_about_photo p.home_about_bg_2 { position: absolute; right: 10px; bottom: -31px; z-index: -1;}
.home_about_photo .top-img-up-down {
	-webkit-animation: top-image-bounce 4s infinite ease-in-out;
    animation: top-image-bounce 4s infinite ease-in-out;
}
@-webkit-keyframes top-image-bounce {
	0% { -webkit-transform: translateY(-12px); transform: translateY(-12px);}
	50% { -webkit-transform: translateY(12px); transform: translateY(12px);}
	100% { -webkit-transform: translateY(-8px); transform: translateY(-8px);}
}
@keyframes top-image-bounce {
	0% { -webkit-transform: translateY(-8px); transform: translateY(-8px);}
	50% { -webkit-transform: translateY(12px); transform: translateY(12px);}
	100% { -webkit-transform: translateY(-8px); transform: translateY(-8px);}
}
@-webkit-keyframes left-image-bounce {
	0% { -webkit-transform: translateX(-5px); transform: translateX(-5px);}
	50% { -webkit-transform: translateX(10px); transform: translateX(10px);}
	100% { -webkit-transform: translateX(-5px); transform: translateX(-5px);}
}
.home_about_info { width: 50%; margin-left: 80px;}
.home_about_info h3 { color: #2488f2;}
.home_about_info h1 { font-weight: bold; margin-top: 0; margin-bottom: 30px;}
.home_about_info p { color: #444; text-align: justify; margin-bottom: 20px;}
.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: 80px 0 100px; background:url(../images/home_service_bg.jpg) #00004a; background-repeat: no-repeat; background-size: cover; background-position: center center;}
.home_service .container { width: 1440px;}
.home_service_title { text-align: center; margin-bottom: 60px;}
.home_service_title h3 { color: #2488f2;}
.home_service_title h1 { font-weight: bold; margin-top: 0; color: #fff;}
.home_service_title p { color: #fff;}
.home_service_item { display: flex; flex-wrap: wrap; justify-content: space-between;}
.home_service_item li { list-style: none; width: 48%; margin: 1%;}
.home_service_item li a { display: block; border-radius: 6px; border:1px #006bf0 solid; padding: 50px 50px;}
.home_service_item li a h2 { font-size: 20px; margin-top: 30px; margin-bottom: 15px; color: #fff;}
.home_service_item li a p { color: rgba(255,255,255, 0.8); }
.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 case --------------------*/
.home_case { padding: 140px 0 100px; background:url(../images/home_case_bg.jpg) #fafcfe; background-repeat: no-repeat; background-size: cover; background-position: center center;}
.home_case .container { width: 1440px;}
.home_case_title { margin-bottom: 60px; width: 35%;}
.home_case_title h3 { color: #2488f2;}
.home_case_title h1 { font-weight: bold; margin-top: 0;}
.home_case_box { display: flex; flex-wrap: nowrap; justify-content: space-between;}
.home_case_item { width: 65%;}
.homecaseSwiper { width: 100%; height: 100%; padding: 40px;}
.homecaseSwiper .swiper-wrapper { padding-bottom: 40px;}
.homecaseSwiper .swiper-slide { 
	background:url(../images/home_case_card_bg.jpg) #fff; 
	background-repeat: no-repeat; 
	background-size: cover; 
	background-position: center center; 
	display: flex; 
	justify-content: center; 
	/*align-items: center;*/
	box-shadow: 0 0 15px 10px rgba(243,247,252,.9);
	border-radius: 6px;
	padding: 60px;
}
.home_case_card_pic { margin-right: 50px;}
.home_case_card_pic img { object-fit: cover; width: 120px; height: 120px; border-radius: 50%; box-shadow: 0 0 10px 6px rgba(243,247,252,.8); border:1px #fff solid;}
.home_case_card_text { width: 500px; word-wrap: break-word;}
.home_case_card_text h3 { margin-top: 0; font-size: 20px; margin-bottom: 30px; font-weight: 700;}
.home_case_card_text p { margin-bottom: 40px;}
.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: 80px 0 100px;}
.home_news .container { width: 1440px;}
.home_news_title { margin-bottom: 60px;}
.home_news_title h3 { color: #2488f2;}
.home_news_title h1 { font-weight: bold; margin-top: 0;}
.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;
	width: 440px;
}
.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; word-break: break-all; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.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));
}

/*----------------- Home qualifications --------------------*/
.home_qualifications { padding: 80px 0 100px; background: #f8f8f8;}
.home_qualifications .container { width: 1440px;}
.home_qualifications_title { text-align: center; margin-bottom: 60px;}
.home_qualifications_title h3 { color: #2488f2;}
.home_qualifications_title h1 { font-weight: bold; margin-top: 0;}
.home_qualifications_item { display: flex; flex-wrap: wrap; justify-content: center;}
.home_qualifications_item p { width: 16%; 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;}


.page_banner { background:url(../images/banner.jpg) #436384; height: 480px; width: 100%; background-repeat: no-repeat; background-position: center center; position: relative; background-size: cover;}

/*----------------- about --------------------*/
.about_page { padding: 120px 0 100px;}
.about_page .container { width: 1440px;}
.about_content p { font-size: 18px;}
.about_box { display: flex; flex-wrap: nowrap; justify-content: space-between;}
.about_photo { width: 45%; position: relative; z-index: 1;}
.about_photo p.about_bg_1 { position: absolute; left: -29px; top: 119px; z-index: -1;}
.about_photo p.about_bg_2 { position: absolute; right: 10px; bottom: 60px; z-index: -1;}
.about_photo .top-img-up-down {
	-webkit-animation: top-image-bounce 4s infinite ease-in-out;
    animation: top-image-bounce 4s infinite ease-in-out;
}
@-webkit-keyframes top-image-bounce {
	0% { -webkit-transform: translateY(-12px); transform: translateY(-12px);}
	50% { -webkit-transform: translateY(12px); transform: translateY(12px);}
	100% { -webkit-transform: translateY(-8px); transform: translateY(-8px);}
}
@keyframes top-image-bounce {
	0% { -webkit-transform: translateY(-8px); transform: translateY(-8px);}
	50% { -webkit-transform: translateY(12px); transform: translateY(12px);}
	100% { -webkit-transform: translateY(-8px); transform: translateY(-8px);}
}
@-webkit-keyframes left-image-bounce {
	0% { -webkit-transform: translateX(-5px); transform: translateX(-5px);}
	50% { -webkit-transform: translateX(10px); transform: translateX(10px);}
	100% { -webkit-transform: translateX(-5px); transform: translateX(-5px);}
}
.about_info { width: 50%; margin-left: 80px;}
.about_info h3 { color: #2488f2;}
.about_info h1 { font-weight: bold; margin-top: 0; margin-bottom: 30px;}
.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_qualifications_top { margin-top: 140px;}
.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 p { text-align: center; font-size: 18px; font-weight: 600;}

.about_translation { padding: 100px 0; background: #fafcff;}
.about_translation .container { width: 1440px;}

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

.partners_box { padding: 80px 0 100px; background:url(../images/partners_bg.jpg) no-repeat #f8f8f8 bottom center;}
.partners_box .container { width: 1440px;}
.partners_box .partners_title { text-align: center; margin-bottom: 60px;}
.partners_box .partners_title h3 { color: #2488f2;}
.partners_box .partners_title h1 { font-weight: bold; margin-top: 0; color: #333;}
.partners_box .customer_list { position: relative; background:#fff; border-radius: 6px; width: 100%; padding: 60px 60px 45px 60px; }
.partners_box .customer_list ul { overflow: hidden; position: relative;}
.partners_box .customer_list ul::before { content: ""; display: block; width: 164px; height: 100%; background: url('../images/partners_left.png') repeat-y; position: absolute;top: 0;left: 0; z-index: 999}
.partners_box .customer_list ul::after { content: ""; display: block; width: 164px; height: 100%; background: url(../images/partners_right.png) repeat-y; position: absolute;top: 0;right: 0;}
.partners_box .customer_list li { margin-bottom:15px; width: 2560px;}
.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;}
@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: 80px 0;}
.service_page .container { width: 1440px;}
.service_page_title { text-align: center; margin-bottom: 60px;}
.service_page_title h3 { color: #2488f2;}
.service_page_title h1 { font-weight: bold; margin-top: 0;}
.service_page_title p { color: #666;}
.service_page_item { display: flex; flex-wrap: wrap; justify-content: space-between;}
.service_page_item li { list-style: none; width: 48%; margin: 1%;border-radius: 6px; border:1px #2F88FF solid; padding: 50px 50px;}
.service_page_item li h2 { font-size: 20px; margin-top: 30px; margin-bottom: 15px; color: #333;}
.service_page_item li p { color: #333; }

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

.service_process { padding: 100px 0;}
.service_process .container { width: 1440px;}
.service_process_item { display: flex; flex-wrap: nowrap; background: url(../images/service_process_bg.png); background-repeat: no-repeat; background-position: center center; position: relative; min-height: 300px;}
.service_process_item li { list-style: none; text-align: center; position: absolute;}
.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;}
.service_process_item li h4 { font-size: 16px;}
.service_process_item li.service_process_1 { left: -20px; bottom: 10px;}
.service_process_item li.service_process_2 { left: 150px; top: 45px;}
.service_process_item li.service_process_3 { left: 350px; top: 25px;}
.service_process_item li.service_process_4 { left: 560px; top: 70px;}
.service_process_item li.service_process_5 { right: 550px; bottom: 20px;}
.service_process_item li.service_process_6 { right: 350px; bottom: -25px;}
.service_process_item li.service_process_7 { right: 180px; bottom: -5px;}
.service_process_item li.service_process_8 { right: 40px; top: 90px;}

/*-------------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;}


.case_page { padding: 80px 0;}
.case_page .container { width: 1440px;}

.article_page { padding: 80px 0;}
.article_page .container { width: 1440px;}
.article_nav { overflow: hidden; margin-bottom: 60px; width: 100%;}
.article_nav ul.article_nav_menu { float:left;}
.article_nav ul.article_nav_menu li { list-style:none; display:inline-table; font-size: 18px; margin-right: 15px; font-weight: 500;}
.article_nav ul.article_nav_menu li a { color:#333; display:block; background: #dfebf5; padding: 6px 30px; border-radius: 20px;}
.article_nav ul.article_nav_menu li a:hover { text-decoration:none; color:#fff; transition: ease all .3s; background: #2488f2;}
.article_nav ul.article_nav_menu li .hover { color:#fff; background: #2488f2;}
.article_nav ul.here { float:right; color:#999;}
.article_nav ul.here a { color:#999; text-decoration: none;}
.article_nav ul.here a:hover { color:#2488f2; transition: ease all .3s;}

.article_box { display: flex; flex-wrap: nowrap; justify-content: space-between;}
.article_list { width: 70%;}
.article_list_item { margin-bottom:15px; margin-left:-15px; padding:20px; transition:all .2s; flex-wrap:nowrap; flex-direction:row; display:box; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; background: #fff;}
.article_list_item .item-thumb { width:260px; margin:0 30px 0 0; border-radius:8px; overflow:hidden; position:relative;}
.article_list_item .item-thumb img { transition: all .2s; width:100%}
.article_list_item:hover .item-thumb img { transform:scale(1.05)}
.article_list_item .item-content { flex-grow: 1; text-align: left; width:600px; word-wrap: break-word;}
.article_list_item .item-content h3 { font-size:22px; font-weight:bold; margin-top:5px; margin-bottom: 12px;}
.article_list_item .item-content h3 a { color:#333;}
.article_list_item .item-content h3 a:hover { color:#ff5c00; text-decoration:none;}
.article_list_item .item-content p { color:#888;}
.article_list_item .item-content p:nth-child(2) { overflow:hidden; height:44px; margin-bottom:25px;}
.article_list_item .item-content p a { background: #e6f1fb; color:#06c; display:inline-block; padding:0 8px; font-weight:normal; font-size:12px; margin-right:10px; padding-top:1px;}
.article_list_item .item-content p a:hover { text-decoration:none; background:#8ad100; color:#fff;}
.article_list_item .item-content p time { color:#999; font-size: 14px;}

.article_r_box { width: 30%;}
.article_right_hot { width: 100%; border:2px solid #ededed; padding:40px; margin-right:-15px; background: #fff;}
.article_right_hot h2 { font-size:24px; border-bottom:3px #f2f2f2 solid; padding-bottom:15px; color:#333; margin-top:0px; margin-bottom:30px; font-weight:bold;}
.article_right_hot h2 span { font-weight:normal; float: right; font-size: 16px; margin-top: 6px;}
.article_right_hot h2 span a { color: #888;}
.article_right_hot h2 span a:hover { color: #ff5c00;}
.article_right_hot_item { margin-bottom:20px; flex-wrap:nowrap; flex-direction:row; display:box; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; border-bottom:1px #f2f2f2 dashed; padding-bottom:20px;}
.article_right_hot_item .item-thumb { width:120px; border-radius:8px; overflow:hidden; position:relative; margin-right:10px;}
.article_right_hot_item .item-thumb img { transition: all .2s; width:100%}
.article_right_hot_item .item-content { flex-grow:1; text-align: left; width:100px;word-wrap: break-word;}
.article_right_hot_item .item-content h3 { font-size:16px; margin-top:0px; line-height:20px; word-break: break-all; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.article_right_hot_item .item-content h3 a { color:#262626;}
.article_right_hot_item .item-content h3 a:hover { color:#ff5c00; text-decoration:none; transition: all .2s;}
.article_right_hot_item .item-content p a { font-size:12px; padding:3px 5px; margin-right:5px; background:#e6f1fb; color:#06c;}
.article_right_hot_item .item-content p a:hover { text-decoration:none; background:#8ad100; color:#fff; transition: all .2s;}
.article_right_hot_item:last-child { border: none; margin: 0; padding: 0;}

.article_item_box { width: 66%; margin-right: 4%;}
.article_title { margin-bottom: 40px;}
.article_title h2 { margin-top: 0; font-weight: bold; font-size: 42px; margin-bottom: 30px;}
.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;}
.article_title li p i { margin-right: 5px;}
.article_content p { margin-bottom: 15px; line-height: 30px; color: #666; font-weight: 400;}
.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: 20px 30px; background: #fafcff; margin-top: 40px;}
.article_next p { line-height:30px; color:#666;}
.article_next p a { color:#00afff}
.article_next p a:hover {color:#8ad100;}

.case_list_title { float: left;}
.case_list_title h1 { margin: 0;}

.tag_title { float: left;}
.tag_title h1 { margin: 0;}
.tag_list { width: 100%;}
.tag_list_item { margin-bottom:15px; margin-left:-15px; padding:20px; transition:all .2s; flex-wrap:nowrap; flex-direction:row; display:box; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; background: #fff;}
.tag_list_item .item-thumb { width:260px; margin:0 30px 0 0; border-radius:8px; overflow:hidden; position:relative;}
.tag_list_item .item-thumb img { transition: all .2s; width:100%}
.tag_list_item:hover .item-thumb img { transform:scale(1.05)}
.tag_list_item .item-content { flex-grow: 1; text-align: left; width:70%; word-wrap: break-word;}
.tag_list_item .item-content h3 { font-size:22px; font-weight:bold; margin-top:5px; margin-bottom: 12px;}
.tag_list_item .item-content h3 a { color:#333;}
.tag_list_item .item-content h3 a:hover { color:#ff5c00; text-decoration:none;}
.tag_list_item .item-content p { color:#888;}
.tag_list_item .item-content p:nth-child(2) { overflow:hidden; height:44px; margin-bottom:25px;}
.tag_list_item .item-content p a { background: #e6f1fb; color:#06c; display:inline-block; padding:0 8px; font-weight:normal; font-size:12px; margin-right:10px; padding-top:1px;}
.tag_list_item .item-content p a:hover { text-decoration:none; background:#8ad100; color:#fff;}
.tag_list_item .item-content p time { color:#999; font-size: 14px;}


.contact_page { padding: 100px 0;}
.contact_page .container { width: 1440px;}
.contact_box { display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: center;}
.contact_img { overflow: hidden; border-radius: 6px; width: 42%;}
.contact_img img { width: 100%; object-fit: cover;}
.contact_info { width: 50%; margin-left: 80px;}
.contact_info h2 { font-size: 42px; font-weight: bold; margin-bottom: 40px;}
.contact_info h2 small { display: block; font-size: 16px; font-weight: 400; margin-top: 20px;}
.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;}

.contact_message { padding: 100px 0; background: #fafcff;}
.contact_message h2 { 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: 80%; 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: 100px 0;}
.faq_page .container { width: 1440px;}
.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: url(../images/footer_bg.jpg) #0e6ab4; padding: 80px 0 35px; background-repeat: no-repeat; background-size: cover; background-position: center center; color:#fff;}
footer .container { width: 1440px;}
.foot_box { display: flex; flex-wrap: nowrap; justify-content: space-between; margin-bottom: 60px;}
.foot_logo { margin-right: 80px;}
.foot_link { display: flex; flex-wrap: nowrap; justify-content: space-between;}
.foot_link li { list-style: none; max-width: 40%;}
.foot_link li h4 { font-weight: bold; margin-bottom: 30px; font-size: 22px;}
.foot_link li p { margin-bottom: 8px; display: flex;}
.foot_link li p i { margin-right: 10px;}
.foot_link li a { color:#fff;}
.foot_link li a:hover { color:#fffc00;}
.foot_copy { font-size: 14px; text-align: center; border-top:1px #207ec9 solid; padding-top: 35px;}
.foot_copy a { color:#fff;}
.foot_copy a:hover { color:#fffc00;}

/*kefu*/
.suspension { position:fixed; z-index:55; right:0; bottom:200px; width:70px; height:198px;}
.suspension-box { position:relative; float:right; right: 10px;}
.suspension .a { display:block; width:44px; height:44px; background-color:#eff7ff; margin-bottom:4px; cursor:pointer; outline:none;}
.suspension .a.active,
.suspension .a:hover { background:#2488f2;}
.suspension .a:hover i svg path { s}
.suspension .a .i { float:left; width:44px; height:44px;}
.suspension .a-service-mail .i { width:20px; height:20px; margin-top:12px;margin-left:12px; background-position:0 0;}
.suspension .a-service .i { width:20px; height:20px; margin-top:12px;margin-left:12px; background-position:0 0;}
.suspension .a-service-phone .i { width:20px; height:20px; margin-top:12px; margin-left:12px;}
.suspension .a-qrcode .i { width:20px; height:20px; margin-top:12px; margin-left:12px;}
.suspension .a-top .i { width:20px; height:20px; margin-top:12px; margin-left:12px;}
.suspension .a-top { background:#2488f2; display:none;}
.suspension .a-top:hover { background:#2488f2;}
.suspension .d {display:none;width:240px;background:#fff;position:absolute;right:50px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow { position:absolute;width:8px;height:12px;right:-8px;top:31px;}
.suspension .d-service-mail { top:0;}
.suspension .d-service { top:0;}
.suspension .d-service p {margin-left:12px;}
.suspension .d-service-phone{top:34px;}
.suspension .d-qrcode { top:28px;}
.suspension .d .inner-box { padding:8px 22px 12px;}
.suspension .d-service-item { padding:15px 0;}
.suspension .d-service-mail .d-service-item { border-bottom:none;}
.suspension .d-service .d-service-item { border-bottom:none;}
.suspension .d-service-item:hover .i-qq { background-position:center 3px;}
.suspension .d-service-item h3 { float:left; width:112px; line-height:44px; font-size:15px; margin-left:12px; margin-top: 0; margin-bottom: 0;}
.suspension .d-service-item .text {float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text .number { font-size: 16px; color: #008bd4;}
.suspension .d-qrcode { text-align:center;}
.suspension .d-qrcode .inner-box { padding:15px;}
.suspension .d-qrcode .inner-box img { width: 100%;}