html, body {
    height: 100%;
    margin: 0;
    padding: 0;
	font-family: Microsoft Yahei, 微软雅黑, STXihei, 华文细黑, sans-serif;
}

.container {
	padding: 80px 0;
	background: linear-gradient(360deg, #E6F0FF 0%, #fff 100%);
}

.wrap {
	width: 85%;
	margin: 0 auto;
}

/* header *******************************************************/
.header {
    position: relative;
    box-shadow: 0 4px 8px 0 rgba(21, 58, 160, .1);
    background: #fff;
    transition: background 200ms;
    z-index: 1000;
}

.header:hover {
	background-color: #000;
}

.header>.wrap {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    max-width: 1440px;
    padding: 20px 0;
	justify-content: center;
	align-items: center;
}

.header .logo {
	width: 180px;
	height: 30px;
	background: url(../images/logo.png) no-repeat;
	background-position: 0 0;
	background-size: cover;
}

.header:hover .logo {
	background-position: 0 bottom;
}

.header .logo a {
	display: block;
	width: 100%;
	height: 100%;
}

.header .menu {
	flex: 1;
	display: inline-block;
	padding-left: 100px;
}

.header .menu>ul {
	width: 100%;
}

.header .menu>ul>li {
	position: relative;
	display: inline-block;
	margin-left: 60px;
	text-align:center;
}

.header .menu>ul>li>a {
	display: inline-block;
	color: inherit;
	text-decoration: none!important;
	padding: 0 1px;
	font-size: 18px;
	text-transform: uppercase;
	color: #333;
	line-height: 45px;
}

.header:hover .menu>ul>li>a {
	color: #fff;
}

.header .menu>ul>li:before {
	content: "";
	position:absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 2px;
	background: #000;
	-webkit-transform: scale(0);
	transform: scale(0);
	-webkit-transition: -webkit-transform .2s;
	transition: transform .2s;
}
.header:hover .menu>ul>li:before {
	background: #fff;
}

.header .menu>ul>li.on>a {
	color: #000;
}

.header:hover .menu>ul>li.on>a {
	color: #fff
}

.header .menu>ul>li:hover:before,
.header .menu>ul>li.on:before {
	color: #fff;
	-webkit-transform: scale(1);
	transform: scale(1);
}

.header:hover .language,
.header:hover .language a {
	color: #fff;
}


.language {
	width: 60px;
	height: 60px;
    border-radius: 8px;
	padding: 10px;
	font-size: 14px;
	vertical-align: middle;
	text-align: center;
    cursor: pointer;
	line-height: 24px;
}

.language a {
	color: #333;
}

.language .iconfont {
	font-size: 24px;
}

			

/* footer *******************************************************/
.footer {
	width: 100%;
	font-size: 14px;
	color: #fff;
	background: #141518;
	overflow: hidden;
}

.footer .footer_contect {
    display: flex;
    justify-content: space-between;
	padding: 50px 0;
}

.footer .footer_contect .footer_name {
	padding-right: 120px;
	font-size: 20px;
	font-weight: bold;
}

.footer .footer_contect .footer_name .en {
	font-size: 12px;
	word-spacing: -1px;
}

.footer .footer_contect .footer_inner {
    flex: 1;
}

.footer .footer_contect .footer_inner a {
	color: #fff;
}

.footer .footer_contect .footer_links a {
	font-size: 16px;
	padding-right: 50px;
}

.footer .footer_contect .footer_info {
	margin-top: 30px;
	line-height: 35px;
}


.footer .copyright {
	padding: 20px 0;
	text-align: center;
    border-top: 1px solid #292b31;
}


/* globle_button */
body .globle_button {
    background: #3575f5;
    box-sizing: border-box;
    width: 200px;
    height: 50px;
    line-height: 27px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    text-decoration: none;
    border-radius: 30px;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    transition: background 400ms;
}

body .globle_button>* {
	position: relative;
	z-index: 2;
}

body .globle_button:hover:before {
	width: 100%;
	left: 0;
}
body .globle_button:before {
	content: '';
	background: #518afc;
	width: 100%;
	height: 100%;
	right: 0;
	top: 0;
	position: absolute;
	z-index: 1;
	width: 0%;
	transform-origin: right center;
	transition: width 400ms;
	border-radius: 30px;
}
body .globle_button.bor {
    color: #3575f5;
    background: 0 0;
    border: 2px solid #3575f5;
}
body .globle_button.bor:hover {
	color: #fff;
	background: #518afc;
	border-color: #518afc;
}

/* block */
.block {
	padding: 30px 0;
}

.block h2 {
	font-family: Maersk Headline, -apple-system, BlinkMacSystemFont, Microsoft JhengHei, Microsoft Yahei, 微软雅黑, STXihei, 华文细黑, sans-serif;
	font-size: 32px;
	color: #2a2a2a;
	text-align: center;
}

.block .line {
	 margin: 10px auto 0 auto;
	 width: 65px;
	 height: 4px;
	 background: #fac733;
}



/* banner */

/* 首页banner */
.home_banner {
	position: relative;
	width: 100%;
	height: 600px;
	overflow: hidden;
}

.home_banner .hd {
    position: absolute;
    bottom: 20px;
    left: 50%;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 10px;
    box-sizing: border-box;
    padding: 0 12px;
    background: rgba(5, 5, 23, .15);
    border-radius: 18px;
    backdrop-filter: blur(4px);
    transform: translate(-50%, 0);
    z-index: 2;
}

.home_banner .hd li {
	display: inline-block;
	margin: 0 5px;
    transition: width .3s;
	cursor: pointer;
}

.home_banner .hd li a {
	display: block;
    width: 9px;
    height: 9px;
	vertical-align: middle;
    border-radius: 10px;
	line-height: 9999px;
    background: rgba(255, 255, 255, .4);
	transition: all 0.2s ease-in-out;
}

.home_banner .hd li.on a {
    width: 20px;
    background: #fff;
    animation: position 10s linear forwards;
}

.home_banner .bd {
	margin: 0 auto;
	height: 100%;
	overflow: hidden;
}
.home_banner .bd ul {
	width: 100%;
	height: 100%;
}

.home_banner .bd li {
	width: 100%;
	height: 100%;
	text-align: center;
	background: no-repeat center;
	background-size: cover;
	animation: banenrbg .4s ease both;
	-moz-animation: banenrbg .4s ease both;
	-webkit-animation: banenrbg .4s ease both;
	-o-animation: banenrbg .4s ease both;
}
@keyframes banenrbg {
	0%  { transform: scale(1.5)};
	100%{ transform: scale(1)}
}
@-moz-keyframes banenrbg {
	0%  { transform: scale(1.5)};
	100%{ transform: scale(1)}
}
@-webkit-keyframes banenrbg {
	0%  { transform: scale(1.5)};
	100%{ transform: scale(1)}
}
@-o-keyframes banenrbg {
	0%  { transform: scale(1.5)};
	100%{ transform: scale(1)}
}


/* 内页banner */
.banner {
	position: relative;
	width: 100%;
	height: 600px;
	overflow: hidden;
	background: no-repeat center bottom;
	overflow: hidden;
}
.banner_about {
	background-image: url(../images/banner_about.jpg);
}
.banner_service {
	background-image: url(../images/banner_service.jpg);
}
.banner_partner {
	background-image: url(../images/banner_partner.jpg);
}
.banner_contact {
	background-image: url(../images/banner_contact.jpg);
}

.banner_content {
	position: relative;
	margin-top: 100px;
	color: #fff;
	animation: banner_content 1s linear;
	-moz-animation: banner_content 1s linear;
	-webkit-animation: banner_content 1s linear;
	-o-animation: banner_content 1s linear;
}

.banner_content .content_title {
	font-size: 70px;
	font-weight: 900;
	text-shadow: 1px 2px 3px rgba(0, 0, 0, .4);
	margin-bottom: 10px;
}

.banner_content .content_desc {
	width: 400px;
	font-size: 14px;
	line-height: 1.8;
	text-shadow: 1px 2px 3px rgba(0, 0, 0, .4);
}

@keyframes banner_content {
	0%  { top:-80px; filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5}
	50% { top:0; filter:alpha(opacity=100); -moz-opacity:1.0; opacity:1.0}
}
@-moz-keyframes banner_content {
	0%  { top:-80px; filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5}
	50% { top:0; filter:alpha(opacity=100); -moz-opacity:1.0; opacity:1.0}
}
@-webkit-keyframes banner_content {
	0%  { top:-80px; filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5}
	50% { top:0; filter:alpha(opacity=100); -moz-opacity:1.0; opacity:1.0}
}
@-o-keyframes banner_content {
	0%  { top:-80px; filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5}
	50% { top:0; filter:alpha(opacity=100); -moz-opacity:1.0; opacity:1.0}
}



/* about ********************************************************/
.home_about {
	padding: 50px 0 80px 0;
	background: linear-gradient(360deg, #E6F0FF 0%, #fff 100%);
}

.home_about .box {
	display: flex;
	height: 450px;
	flex-direction: row;
}

.home_about .box .img_box,
.home_about .box .txt_box {
	flex: 1;
	padding: 10px 50px 50px 50px;
}

.home_about .box .img_box {
	background: url(../images/home_about.jpg) no-repeat center;
	background-size: cover;
}

.home_about .box .txt_box .desc {
	padding-bottom: 50px;
	font-size: 16px;
	line-height: 34px;
}


/* service ******************************************************/
.home_service {
	padding: 50px 0 80px 0;
	background: linear-gradient(360deg, #E6F0FF 0%, #fff 100%);
}

.home_service .box_in {
    display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0 -10px;
}

.home_service .box_in .box {
	flex: 1;
	position: relative;
	height: 450px;
	margin: 10px;
	overflow: hidden;
}

.home_service .box_in .box a {
	display: block;
	-webkit-transition:all .2s linear;
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	-ms-transition: all .2s linear;
	transition: all .2s linear;
	overflow: hidden;
}

.home_service .box_in .box .img-box {
	position: absolute;
	width: 100%;
	height: 100%;
	background: no-repeat center;
	background-size: cover;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.home_service .box_in .box .img-box.img1 { background-image: url(../images/service_img1.jpg);}
.home_service .box_in .box .img-box.img2 { background-image: url(../images/service_img2.jpg);}
.home_service .box_in .box .img-box.img3 { background-image: url(../images/service_img3.jpg);}
.home_service .box_in .box .img-box.img4 { background-image: url(../images/service_img4.jpg);}
.home_service .box_in .box .img-box.img5 { background-image: url(../images/service_img5.jpg);}
.home_service .box_in .box .img-box.img6 { background-image: url(../images/service_img6.jpg);}

.home_service .box_in .box .mask {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../images/mask_bg.png) repeat-x left bottom;
    background-size: auto 100%;
}

.home_service .box_in .box .txt-box {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	padding: 30px 30px 0 30px;
	font-size: 16px;
	color: #fff;
	z-index: 10;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.home_service .box_in .box .txt-box strong {
	display: block;
	padding-bottom: 15px;
	font-size: 24px;
	font-weight: bold;
	color: #fff;
}

.home_service .box_in .box .txt-box .hidden-desc {
	opacity: 0;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}

.home_service .box_in .box a:hover .img-box {
	transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-o-transform: scale(1.55);
	-ms-transform: scale(1.05);
}

.home_service .box_in .box a:hover .txt-box {
	transition: transform 0.3s;
	transform: translate(0, -50px);
	-webkit-transform: translate(0, -50px);
	-ms-transform: translate(0, -50px);
}

.home_service .box_in .box a:hover .hidden-desc {
	opacity: 1;
}

.home_service .box_in .box a:hover .mask {
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}

/* partner ******************************************************/

    .swiper-container {
        width: 100%;
        height: auto;
        margin-left: auto;
        margin-right: auto;
    }
    .swiper-slide {
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }



.home_partner {
	padding: 50px 0 80px 0;
	background: linear-gradient(360deg, #E6F0FF 0%, #fff 100%);
}

.home_partner ul {
	display: table;
	text-align: center;
	border: 1px solid #eee;
	background-color: #fff;
	overflow: hidden;
}

.home_partner .swiper-container  {
	text-align: center;
	border: 1px solid #eee;
	background-color: #fff;
}

.home_partner .swiper-slide {
	padding: 40px 0;
	margin-rihgt: -1px;
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	text-align: center;
	background-color: #fff;
}

.home_partner .swiper-slide img {
	width: 60%;
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	-ms-transition: all .2s linear;
	transition: all .2s linear;
}

.home_partner .swiper-slide:hover {
	box-shadow: 0 0 30px #ddd;
}

.home_partner ul li:hover img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.55);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}

.home_partner .swiper-pagination {
	bottom: 0 !important;
}


.home_partner ul li {
	display: inline-block;
	width: 20%;
	padding: 30px 0;
	margin-rihgt: -1px;
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	text-align: center;
}

.home_partner ul li img {
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	-ms-transition: all .2s linear;
	transition: all .2s linear;
}

.home_partner ul li:nth-child(5n) {
	border-right: none;
}

.home_partner ul li:hover {
	box-shadow: 0 0 30px #ddd;
}

.home_partner ul li:hover img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.55);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}

.home_partner ul li img {
	width: 60%;
}


/* about ********************************************************/
.about {
	width: 100%;
	height: 520px;
	display: flex;
	flex-direction: row;
}

.about .cover,
.about .desc {
	flex: 1;
	padding: 0 50px 20px 50px;
}

.about .cover {
	background: no-repeat center center;
	background-size: cover;
}

.about_intro .cover {
	background-image: url(../images/about_intro.jpg);
}

.about_intro p {
	margin-bottom: 20px;
	line-height: 2;
}

.about_culture .cover {
	background-image: url(../images/about_culture.jpg);
}

.about_culture dl {
	float: left;
	width: 100%;
	margin-bottom: 30px;
}

.about_culture dl dt {
	font-family: Microsoft Yahei, 微软雅黑, STXihei, 华文细黑, sans-serif;
	padding-bottom: 5px;
	font-size: 20px;
	font-weight: bold;
}

.about_culture dl dd {
    line-height: 1.6;
}

.about_job .cover {
	background-image: url(../images/about_job.jpg);
}

.about_job h5 {
	font-size: 20px;
}

.about_job ol {
	margin-top: 10px;
}

.about_job ol li {
    padding: 5px 0;
    margin-left: 20px;
    list-style: outside;
    line-height: 1.8;
}

/* service ******************************************************/
.service {
	background: linear-gradient(360deg, #fff 0%, #f4f4f8 100%);
	overflow:hidden;
}

.service .box_nav {
	display: flex;
	margin: 20px auto;
	overflow: hidden;
}

.service .box_nav .box_nav_in {
	flex: 1;
	padding: 20px 0;
	font-size: 18px;
	font-weight: bold;
	color: #000;
	text-align: center;
	cursor: pointer;
	border-radius: 100px;
    box-sizing: border-box;
}

.service .box_nav .box_nav_in:hover {
	background-color: #e5e2dd;
}


.service .box_nav .box_nav_in:last-child {
	border-right: none;
}

.service .box_nav .box_nav_in .iconfont {
	display: block;
	line-height: 40px;
	font-weight: normal;
	font-size: 30px;
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	-ms-transition: all .2s linear;
	transition: all .2s linear
}

.service .box_nav .box_nav_in.on {
	height: 100%;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	box-sizing: border-box;
	background-size: cover;
	background-position: 50%;
	color: #fff;
	/*text-shadow: 1px 2px 3px rgba(0, 0, 0, .4);*/
	box-shadow: inset 0 0 0 999px rgba(0, 72, 153, .7);
}
.service .box_nav .box_nav_in.on.nav1 {
	background-image: url(../images/service_img1.jpg);
}
.service .box_nav .box_nav_in.on.nav2 {
	background-image: url(../images/service_img2.jpg);
}
.service .box_nav .box_nav_in.on.nav3 {
	background-image: url(../images/service_img3.jpg);
}
.service .box_nav .box_nav_in.on.nav4 {
	background-image: url(../images/service_img4.jpg);
}
.service .box_nav .box_nav_in.on.nav5 {
	background-image: url(../images/service_img5.jpg);
}
.service .box_nav .box_nav_in.on.nav6 {
	background-image: url(../images/service_img6.jpg);
}

.service .box_nav .box_nav_in:hover .iconfont,
.service .box_nav .box_nav_in.on .iconfont {
	 -webkit-transform:scale(1.3);
	 -moz-transform:scale(1.3);
	 -o-transform:scale(1.3);
	 -ms-transform:scale(1.3);
	 transform:scale(1.3);
}

.service .box_nav .box_nav_in.on .iconfont {
	color: #fff;
}

.service .box_con {
	padding: 50px 0 80px 0;
	overflow: hidden;
}

.service .box_con .block {
	display: inline-block;
	padding: 0 0 30px 0;
}

.service .box_con.block .line {
	width: auto;
}

.service .con-box p {
	margin-bottom: 20px;
	line-height: 1.8;
}

.service .box_con ol {
	padding-left: 20px;
}

.service .box_con ol li {
	padding-bottom: 20px;
	list-style: decimal;
}

.service .box_con dt {
	float: left;
	width: 40%;
}

.service .box_con dt img {
	width: 100%;
}

.service .box_con dd {
	float: right;
	width: 56%;
	height: 100%;
}


/* partner */
.partner {
	padding-top: 20px;
}

.partner ul {
	margin-top: 30px;
}


/* contact */
.contact {
	padding-top: 20px;
}

.contact_box {
	padding: 30px 0;
	overflow: hidden;
}

.contact_item {
	display: flex;
	float: left;
	width: 50%;
	height: 100px;
	margin-bottom: 30px;
	align-items: center;
}

.contact_item .iconfont {
	float: left;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 65px;
	height: 65px;
	border-radius: 50%;
	font-size: 24px;
	color: #333;
	background-color: #fac733;
}

.contact .contact_map {
	height: 350px;
	background: url(../images/contact_bg.jpg) no-repeat;
}

.icon_inner {
	padding-left: 30px;
	font-size: 18px;
	color: #333;
	line-height: 34px;
}

.icon_inner a {
	color: #333;
}

.icon_title {
	font-size: 16px;
	font-weight: normal;
	color: #666;
}