@charset "utf-8";

/* CSS Document */
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
button,
textarea,
p,
blockquote,
th,
td {
	margin: 0;
	padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: normal;
}

BODY {
	FONT: 14px/1.75 "Microsoft YaHei", arial, sans-serif;
	background: #fff;
}

A {
	COLOR: #666;
	TEXT-DECORATION: none
}

P {
	COLOR: #333;
}

A:hover {
	TEXT-DECORATION: none
}

A IMG {
	BORDER-BOTTOM-STYLE: none;
	BORDER-RIGHT-STYLE: none;
	BORDER-TOP-STYLE: none;
	BORDER-LEFT-STYLE: none
}

DIV {
	PADDING-BOTTOM: 0px;
	LIST-STYLE-TYPE: none;
	MARGIN: 0px;
	PADDING-LEFT: 0px;
	PADDING-RIGHT: 0px;
	PADDING-TOP: 0px
}

UL {
	PADDING-BOTTOM: 0px;
	LIST-STYLE-TYPE: none;
	MARGIN: 0px;
	PADDING-LEFT: 0px;
	PADDING-RIGHT: 0px;
	PADDING-TOP: 0px
}

LI {
	PADDING-BOTTOM: 0px;
	LIST-STYLE-TYPE: none;
	MARGIN: 0px;
	PADDING-LEFT: 0px;
	PADDING-RIGHT: 0px;
	PADDING-TOP: 0px
}

P {
	PADDING-BOTTOM: 0px;
	LIST-STYLE-TYPE: none;
	MARGIN: 0px;
	PADDING-LEFT: 0px;
	PADDING-RIGHT: 0px;
	PADDING-TOP: 0px
}

FORM {
	PADDING-BOTTOM: 0px;
	LIST-STYLE-TYPE: none;
	MARGIN: 0px;
	PADDING-LEFT: 0px;
	PADDING-RIGHT: 0px;
	PADDING-TOP: 0px
}

EM {
	FONT-STYLE: normal;
	FONT-WEIGHT: normal
}

TABLE {
	PADDING-BOTTOM: 0px;
	LIST-STYLE-TYPE: none;
	MARGIN: 0px;
	PADDING-LEFT: 0px;
	PADDING-RIGHT: 0px;
	PADDING-TOP: 0px
}

DT {
	PADDING-BOTTOM: 0px;
	LIST-STYLE-TYPE: none;
	MARGIN: 0px;
	PADDING-LEFT: 0px;
	PADDING-RIGHT: 0px;
	PADDING-TOP: 0px
}

DL {
	PADDING-BOTTOM: 0px;
	LIST-STYLE-TYPE: none;
	MARGIN: 0px;
	PADDING-LEFT: 0px;
	PADDING-RIGHT: 0px;
	PADDING-TOP: 0px
}

DD {
	PADDING-BOTTOM: 0px;
	LIST-STYLE-TYPE: none;
	MARGIN: 0px;
	PADDING-LEFT: 0px;
	PADDING-RIGHT: 0px;
	PADDING-TOP: 0px
}

FORM {
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	PADDING-LEFT: 0px;
	PADDING-RIGHT: 0px;
	PADDING-TOP: 0px
}

TR {
	PADDING-BOTTOM: 0px;
	LIST-STYLE-TYPE: none;
	MARGIN: 0px;
	PADDING-LEFT: 0px;
	PADDING-RIGHT: 0px;
	PADDING-TOP: 0px
}

.cl {
	HEIGHT: 0px;
	CLEAR: both;
}

.jz {
	margin: 0 auto;
}

.fl {
	FLOAT: left
}

.fr {
	FLOAT: right
}

img {
	image-rendering: -webkit-optimize-contrast;
}

.containers {
	width: 96%;
	margin: 0 auto
}

.containerb {
	width: 82%;
	margin: 0 auto
}

.container14 {
	width: 1400px;
	margin: 0 auto
}

.container15 {
	width: 1500px;
	margin: 0 auto
}

.c {
	*zoom: 1;
}

.c:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
}

.txt-c {
	text-align: center;
}

.txt-r {
	text-align: right;
}

.col-white {
	color: #fff;
}

@font-face {
  font-family: 'MiSans';
  src: url('../fonts/MiSans.ttf') format('truetype');
}

body {
  font-family: 'MiSans' ;
}
/*字体引入*/
/*@font-face {
	font-family: "futura";
	src: url("../font/Futura\ Md\ BT\ Bold.ttf");
}

/* CSS Document */
/*公共头部*/

.head {
	position: absolute;
	top: 0;
	width: 100%;
	left: 0;
	z-index: 2;
	height: 115px;
	z-index: 999;
}

.head .head-con {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
}

.head .head-con .logo {
	position: relative;
	top: 6px;
	margin-left: 3%;
}

.head .head-con .logo img {
	width: 65%;
}

.head .head-nav ul {
	display: flex;
	width: 700px;
	justify-content: space-between;
}

.head .search {
	text-align: center;
	line-height: 115px;
	cursor: pointer;
	padding: 0 50px;
}

.head .search::before {
	position: absolute;
	content: '';
	left: 0;
	width: 0;
	transition: 0.5s;
	height: 100%;
	background-color: #3461ae;
}

.head .search-con {
	display: flex;
	align-items: center;
	height: 115px;
	background-color: #3461ae;
	justify-content: center;
	position: relative;
	padding: 10px 0;
	box-sizing: border-box;
}

.head .search-con img:nth-child(3) {
	display: none;
}

.head .search-con .input1 {
	position: absolute;
	width: 0;
	height: 48px;
	opacity: 0;
	top: 30px;
	left: -164px;
	color: #999;
	transition: 0.5s;
	border-radius: 50px;
	outline: none;
	border: none;
	padding-left: 30px;
	box-sizing: border-box;
}

/* .head .search-con:hover .search  {width: 650px;background-color: #3461ae;} */
.head .search-con .input2 {
	background: url(../images/search-icon.png) no-repeat center;
	width: 23px;
	height: 23px;
	cursor: pointer;
	outline: none;
	border: none;
}

/* .head .search:hover img {padding-right: 20px;} */
.head .search:hover::before {
	width: 270px;
	left: -270px;
}

/* .head .search-con::before:hover .search input {left: -250px;  opacity: 1;  width: 283px;height: 48px;} */
.head .head-nav ul li {
	position: relative;
	height: 85px;
	top: 30px;
}

.head .search:hover .input1 {
	left: -250px;
	opacity: 1;
	width: 283px;
}

.head .head-nav ul li a {
	position: relative;
	display: block;
	font-size: 17px;
	color: #333;
}

.head .head-nav ul li a::after {
	position: absolute;
	content: '';
	width: 0;
	height: 5px;
	background: #428acb;
	bottom: -10px;
	left: 50%;
	border-radius: 5px;
}

.head .head-nav ul li:hover a {
	color: #3461ae;
}

.head .head-nav ul .on a {
	color: #3461ae;
}

.head .head-nav ul li:hover a::after {
	width: 100%;
	left: 0;
	transition: 0.6s;
}

.head .head-nav ul .on a::after {
	width: 100%;
	left: 0;
	transition: 0.6s;
}

.ny-head {
	position: relative;
}

/* .head-zw {display: none;} */


.search_box {
	position: relative;
	/* margin: 0 3.78vw 0 1.5vw; */
	font-size: 16px;
	font-weight: 700;
	color: #0d1c27;
	text-align: center;
	z-index: 2;
	pointer-events: auto;
}

.search_case {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background-color: rgba(255, 255, 255, 1);
	padding: 20px;
	width: 200px;
	position: absolute;
	left: -10px;
	top: 37px;
	opacity: 0;
	transform: translateY(50px);
	-webkit-box-shadow: 0 0 99px rgba(29, 56, 75, .4);
	-moz-box-shadow: 0 0 99px rgba(29, 56, 75, .4);
	box-shadow: 0 0 99px rgba(29, 56, 75, .4);
	pointer-events: none;

}

.pul_initial .search_case {
	top: 64px;
}

.search_case::after {
	content: '';
	display: block;
	width: 18px;
	height: 18px;
	transform: rotate(45deg);
	top: -8px;
	left: 30px;
	background-color: #fff;
	position: absolute;

}

.sea_inp_box {
	border-bottom: 1px solid #e1e1e1;
	font-size: 14px;
}

.sea_lab_box a {
	display: inline-block;
	float: left;
	margin: 5px;
	color: #999999;
	line-height: 1;
	padding: 10px;
	font-weight: 400;
	/* transition: all .5s ease .3s; */
	position: relative;
	overflow: hidden;
	display: none;
}

.head .head-nav ul li .sea_lab_box a {
	color: #333;
}

.head .head-nav ul li .sea_lab_box a:hover {
	color: #3461ae;
}

.head .head-nav ul li:hover .search_case {
	opacity: 1;
	transform: translateY(0);
	transition: all .5s ease;
	pointer-events: auto;
}

/* .navfixed {
	background-color: #fff;
} */

.header-up {
	position: fixed;
	top: -140px;
	transition: all .8s;
	box-shadow: 1px 1px 10px rgb(0 0 0 / 10%);
}

.header-upfix {
	top: 0;
}

/* 手机端头部 */
.wap-header .logo img {
	display: block;
	width: 50%;
	margin-left: 10%;
}

.wap-header {
	display: none;
	background-color: #fafafa;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 99;
}

.wap-search {
	position: relative;
}

.header-con {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.wap-header .wap-click {
	display: flex;
	align-items: center;
}

.wap-header .wap-click .wap-nav-show {
	background-color: #3461ae;
	width: 50px;
	height: 60px;
}

.header-con .wap-search-con {
	width: 20px;
	padding: 0 15px;
	height: 60px;
	border-left: 1px solid #efefef;
	line-height: 77px;
}

.header-con .wap-search-con .wap-input1 {
	width: 23px;
	height: 23px;
	cursor: pointer;
	outline: none;
	border: none;
	background: url(../images/wap-search.png) no-repeat center;
}

.header-con .wap-search-con .wap-input2 {
	position: absolute;
	top: 16%;
	left: -385%;
	width: 190px;
	height: 40px;
	border-radius: 50px;
	outline: none;
	border: none;
	padding-left: 30px;
	box-sizing: border-box;
}

.wap-click span {
	width: 34px;
	height: 2px;
	background: #fff;
	display: block;
	margin: 10px auto;
	transition: all 277ms ease-in-out;
	position: relative;
}

.wap-click span:nth-child(1) {
	margin-top: 15px;
}

.active span.cl-1 {
	transform: rotate(-45deg);
	top: 12px;

}

.active span.cl-2 {
	opacity: 0;
}

.active span.cl-3 {
	transform: rotate(45deg);
	top: -12px;
}

.wap-nav {
	background: #3461ae;
	z-index: 20;
	left: 0;
	width: 100%;
	display: none;
	position: absolute;
	top: 60px;
	padding: 10px 0;
}

.wap-nav ul li a {
	display: block;
	font-size: 15px;
	line-height: 50px;
	color: #fff;
	text-indent: 40px;
	transition: all 0.6s;
}

.wap-nav ul li a:hover,
.wap-nav ul li.on>a {
	background: #fff;
	color: #333;
}

/* banner */
/* .banner .banner-img {display: block; width: 100%;height: 100%;} */
.banner .banner-img {
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
	animation: bannermove 20s infinite;
	o-animation: bannermove 20s infinite;
}

/* .banner .swiper-slide-active .banner-img {  transform: scale3d(1.2, 1.2, 1);  transition: all 3s cubic-bezier(0.04, 0.79, 1, 1);} */
@keyframes bannermove {
	0% {
		transform: scale(1);
	}

	25% {
		transform: scale(1.05);
	}

	50% {
		transform: scale(1);
	}

	75% {
		transform: scale(1.05);
	}

	100% {
		transform: scale(1);
	}
}

.banner .swiper-slide {
	transition: 1s;
}

.banner .banner-con {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
}

/* .banner .banner-con h1 {
	color: #fff;
	font-size: 80px;
	font-weight: bold;
	transition: all .5s;
} */

.banner .banner-con span {
	color: #333;
	font-size: 33px;
	position: relative;
	z-index: 10;
	display: block;
	transition: all .5s;
}

.banner .banner-con a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 200px;
	height: 60px;
	margin-top: 72px;
	background-color: #3461ae;
	border-radius: 50px;
	box-shadow: 2px 5px 0px #ced7e8;
	text-align: center;
	line-height: 60px;
	position: relative;
	overflow: hidden;
	transition: all .5s;
}

.banner .banner-con a:after {
	width: 400px;
	height: 400px;
	background: #f19903;
	content: '';
	display: block;
	position: absolute;
	top: -60%;
	right: 200%;
	z-index: 9;
	transition: all .5s;
}

.banner .banner-con a .banner-jt2 {
	display: block;
	position: relative;
	z-index: 10;
}

.banner .banner-con a:hover:after {
	right: -55%;
	width: 400px;
	transition: 0.5s;
}

.banner .banner-con a span {
	font-size: 20px;
	color: #fff;
	margin-right: 20px;
}



.banner .banner-con a:hover img {
	padding-left: 10px;
	transition: 0.5s;
}

#banner .swiper-pagination {
	position: absolute;
	left: 8%;
	bottom: 35px;
	text-align: center;
	transition: .3s opacity;
	transform: translate3d(0, 0, 0);
	z-index: 10;
}

#banner .swiper-button-prev {
	width: 86px;
	height: 86px;
	border-radius: 100%;
	background: rgba(0, 0, 0, .35);
	;
	left: 65px;
	overflow: hidden;
	opacity: 0;
	transition: all .5s;
}

#banner .swiper-button-next {
	width: 86px;
	height: 86px;
	border-radius: 100%;
	background: rgba(0, 0, 0, .35);
	right: 65px;
	overflow: hidden;
	opacity: 0;
	transition: all .5s;
}

#banner .swiper-button-next:hover,
#banner .swiper-button-prev:hover {
	background: rgba(0, 0, 0, .55);
}

.banner:hover #banner-jt {
	opacity: 1;
}

/* .banner:hover .swiper-button-next {opacity: 1;} */
/* 手机端banner */
.wap-banner {
	display: none;
}

.wap-banner .swiper-container2 {
	overflow: hidden;
	position: relative;
}

.wap-banner .swiper-container2 .swiper-slide img {
	display: block;
	width: 100%;
}

.wap-banner .swiper-pagination {
	bottom: 10px;
	margin: 0 auto;
	left: 0;
	width: 100%;
}

.wap-banner .swiper-pagination span:last-child {
	margin-right: 0;
}

.wap-banner .swiper-button-prev {
	width: 50px;
	height: 50px;
	border-radius: 100%;
	background: rgba(168, 170, 172, .9);
	left: 10px;
	overflow: hidden;
}

.wap-banner .swiper-button-next {
	width: 50px;
	height: 50px;
	border-radius: 100%;
	background: rgba(168, 170, 172, .9);
	right: 10px;
	overflow: hidden;
}