body,
html {
	font-size: 100%;
	padding: 0;
	margin: 0;
}

@font-face {
	font-family: "webfont";
	font-display: swap;
	src: url('../fonts/webfont.eot');
	/* IE9 */
	src: url('../fonts/webfont.eot?#iefix') format('embedded-opentype'),
		/* IE6-IE8 */
		url('../fonts/webfont.woff2') format('woff2'),
		url('../fonts/webfont.woff') format('woff'),
		/* chrome、firefox */
		url('../fonts/webfont.ttf') format('truetype'),
		/* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
		url('../fonts/webfont.svg#webfont') format('svg');
	/* iOS 4.1- */
}

/** 清除内外边距 **/
body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
/* structural elements 结构元素 */
dl,
dt,
dd,
ul,
ol,
li,
/* list elements 列表元素 */
pre,
/* text formatting elements 文本格式元素 */
form,
fieldset,
legend,
button,
input,
textarea,
/* form elements 表单元素 */
th,
td

/* table elements 表格元素 */
	{
	margin: 0;
	padding: 0;
	border: 0
}

/** 设置默认字体 **/
body,
button,
input,
select,
textarea

/* for ie */
	{
	font: 12px/1.5 tahoma, arial, \5b8b\4f53, sans-serif;

}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%;
}

address,
cite,
dfn,
em,
var {
	font-style: normal;
}

/* 将斜体扶正 */
code,
kbd,
pre,
samp {
	font-family: courier new, courier, monospace;
}

/* 统一等宽字体 */
small {
	font-size: 12px;
}

/* 小于 12px 的中文很难阅读，让 small 正常化 */

/** 重置列表元素 **/
ul,
ol {
	list-style: none;
}

/** 重置文本格式元素 **/
a {
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}


/** 重置表单元素 **/
legend {
	color: #000;
}

/* for ie6 */
fieldset,
img {
	border: 0;
	width: 100%
}

/* img 搭车：让链接里的 img 无边框 */
button,
input,
select,
textarea {
	font-size: 100%;
}

/* 使得表单元素在 ie 下能继承字体大小 */
/* 注：optgroup 无法扶正 */

/** 重置表格元素 **/
table {
	border-collapse: collapse;
	border-spacing: 0;
}

body {
	font-family: "webfont" !important;
}

.max_width {
	max-width: 100%;
	min-width: calc(1300rem / 100);
	margin: 0 auto;
}

.text_center {
	text-align: center;
}

.base_color {
	color: #bd2e0d !important
}



.clearfix {
	display: block;
	clear: both;
	float: none;
}



.bg_425466 {
	background: #425466;
}

.fl {
	float: left;
}

.fr {
	float: right;
}



.clear {
	clear: both;
}

.m_top40 {
	margin-top: calc(40rem/100) !important
}

.w1300 {
	width: calc(1300rem/100);
	margin: 0 auto
}


/*触发点*/
.swiper-pagination {
	width: calc(15rem/100)
}

.swiper-pagination:hover {
	width: calc(395rem/100)
}

.swiper-pagination-bullet {
	width: calc(15rem/100);
	height: calc(50rem/100);
	float: right;
	clear: both;
	background: #2f3942;
	border-radius: 0;
	opacity: 1;
	color: #fff;
	line-height: calc(50rem/100);
	font-size: calc(20rem/100)
}

.swiper-pagination-bullet a {
	opacity: 0
}

.swiper-pagination:hover a {
	opacity: 1
}

.swiper-pagination:hover .swiper-pagination-bullet:nth-of-type(1) {
	width: calc(120rem/100);
}

.swiper-pagination:hover .swiper-pagination-bullet:nth-of-type(2) {
	width: calc(220rem/100);
}

.swiper-pagination:hover .swiper-pagination-bullet:nth-of-type(3) {
	width: calc(395rem/100);
}

.swiper-pagination:hover .swiper-pagination-bullet:nth-of-type(4) {
	width: calc(212rem/100);
}

.swiper-pagination-bullet-active {
	width: calc(15rem/100);
	height: calc(50rem/100);
	background: #bd2e0d
}

/*banner*/
.banner_top {
	background-color: rgba(66, 84, 102, 0.5);
	height: calc(298rem/100);
	width: 100%;
	min-width: calc(1300rem/100);
	position: absolute;
	bottom: 7.56%;
}

.banner_top_bg {
	width: calc(365rem/100);
	height: calc(220rem/100);
	background: url(../img/banner_top_bg.png) no-repeat top center;
	color: #fff;
}

.banner_top_bg p {
	font-size: calc(36rem/100);
	padding-top: calc(30rem/100)
}

.banner_top_bg em {
	font-size: calc(16rem/100)
}

.banner_top_bg_right {
	padding-top: calc(30rem/100);
}

.banner_top_bg_right p {
	font-size: calc(14rem/100);
	color: #fff;
	line-height: 2;
}

.banner_top_bg_right p em {
	font-size: calc(14rem/100);
	color: #adadad;
	line-height: 2;
}


/*top*/
.top_bg {

	background: url(../img/top_bg.png) repeat-x top center;
	width: 100%;
	min-width: calc(1300rem/100);
	height: calc(40rem/100);
	position: absolute;
	top: 0;
	z-index: 6;
	opacity: 0;
	transition: opacity 2s;
}


.top_bg ol {
	float: right;
	margin: calc(10rem/100) 0 0 calc(34rem/100);
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
	cursor: pointer;
}

.top_bg ol:nth-of-type(5) {
	background-image: url('../img/top_ico_wx.png');
	width: calc(25rem/100);
	height: calc(21rem/100);
}

.top_bg ol:nth-of-type(4) {
	background-image: url('../img/top_ico_tel.png');
	width: calc(20rem/100);
	height: calc(21rem/100);
}

.top_bg ol:nth-of-type(3) {
	background-image: url('../img/top_ico_emial.png');
	width: calc(25rem/100);
	height: calc(17rem/100);
}

.top_bg ol:nth-of-type(2) {
	background-image: url('../img/top_ico_pdf.png');
	width: calc(18rem/100);
	height: calc(22rem/100);
}

.top_bg ol:nth-of-type(1) {
	/* background-image: url('../img/top_ico_yuyuan.png'); */
	width: calc(106rem/100);
	height: calc(20rem/100);
}

/*2019年12月2日15:42:18 顶部特效*/
.top_bg ol div {
	display: none
}

.top_bg ol:nth-of-type(5):hover div {
	display: block;
	width: calc(200rem/100);
	height: calc(232ren/100);
	background: rgba(255, 255, 255, 0.9);
	padding-top: calc(20rem/100);
	position: absolute;
	top: calc(38rem/100);
	left: calc(-90rem/100);
	box-shadow: 0 0 calc(10rem/100) rgba(55, 56, 57, 0.34);
	text-align: center;
}

.top_bg ol:nth-of-type(5) div:before {
	background: #fff none repeat scroll 0 0;
	box-shadow: -1px -1px 2px -1px rgba(55, 56, 57, 0.34);
	content: "";
	display: block;
	height: calc(20rem/100);
	left: calc(90rem/100);
	position: absolute;
	top: calc(-18rem/100);
	transform: rotate(45deg) translate(6px, 6px);
	width: calc(20rem/100);
}

.top_bg ol:nth-of-type(4):hover div {
	display: block;
	width: calc(300rem/100);
	height: calc(130rem/100);
	background: rgba(255, 255, 255, 0.9);
	position: absolute;
	top: calc(38rem/100);
	left: calc(-140rem/100);
	box-shadow: 0 0 calc(10rem/100) rgba(55, 56, 57, 0.34);
	text-align: center;
}

.top_bg ol:nth-of-type(4) div:before {
	background: #fff none repeat scroll 0 0;
	box-shadow: -1px -1px 2px -1px rgba(55, 56, 57, 0.34);
	content: "";
	display: block;
	height: calc(20rem/100);
	left: calc(140rem/100);
	position: absolute;
	top: calc(-18rem/100);
	transform: rotate(45deg) translate(6px, 6px);
	width: calc(20rem/100);
}

.top_bg ol:nth-of-type(4) div p:nth-of-type(1) {
	font-weight: bold;
	font-size: calc(21rem/100);
	line-height: 2;
	color: #bd2e0d;
	margin-top: calc(10rem/100);
}

.top_bg ol:nth-of-type(4) div p:nth-of-type(2),
.top_bg ol:nth-of-type(4) div p:nth-of-type(3) {
	font-size: calc(16rem/100);
	line-height: 2;
	color: #666666
}

	{
	font-size: 21px;
	line-height: 2;
	color: #bd2e0d
}

.top_bg ol:nth-of-type(3):hover div {
	display: block;
	width: calc(280rem/100);
	height: calc(68rem/100);
	background: rgba(255, 255, 255, 0.9);
	position: absolute;
	top: calc(38rem/100);
	left: calc(-130rem/100);
	box-shadow: 0 0 calc(10rem/100) rgba(55, 56, 57, 0.34);
	text-align: center;
	line-height: calc(68rem/100);
	font-size: calc(16rem/100);
	font-weight: bold;
	color: #29343f
}

.top_bg ol:nth-of-type(3) div:before {
	background: #fff none repeat scroll 0 0;
	box-shadow: -1px -1px 2px -1px rgba(55, 56, 57, 0.34);
	content: "";
	display: block;
	height: calc(20rem/100);
	left: calc(130rem/100);
	position: absolute;
	top: calc(-18rem/100);
	transform: rotate(45deg) translate(6px, 6px);
	width: calc(20rem/100);
}

/*end 2019年12月2日15:42:18 顶部特效*/
.top_nav_bg {
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.45);
	background: #fff;
	height: calc(92rem/100);
	width: 100%;
	min-width: calc(1300rem/100);
	position: absolute;
	top: calc(40rem/100);
	z-index: 5;
	opacity: 0;
	transition: opacity 2s;
}

.head:hover .top_bg {
	opacity: 1
}

.head:hover .top_nav_bg {
	opacity: 1
}

.logo1 {
	position: absolute;
	z-index: 2;
	top: calc(45rem/100)
}

.logo {
	width: calc(462rem/100);
	position: absolute;
	top: calc(-15rem/100);
	left: 0
}

/*导航特效  nav*/
.nav {
	width: calc(790rem/100);
	position: absolute;
	left: calc(462rem/100);
}

.nav .hd li {
	float: left;
	font-size: calc(16rem/100);
	color: #111111;
	margin: 0 0 0 calc(70rem/100);
	position: relative;
	height: calc(92rem/100);
	display: -webkit-box;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	flex-direction: column;
	-webkit-box-pack: center;
	justify-content: center;
}

.nav .hd li>a {
	color: #111111;
}

.nav_color>a {
	color: #bd2e0d !important
}

.nav .hd li:nth-of-type(1) {
	/*width:calc(81rem/100)*/
	;
	text-align: center;
}

.nav .bd,
.nav .bd1,
.nav .bd2 {
	position: absolute;
	top: calc(92rem/100);
	background: rgba(255, 255, 255, 0.9);
	text-align: center;
	line-height: 2;
	display: none;
	z-index: -1;
}

.nav .bd {
	left: 0;
}

.nav .hd li:hover .bd {
	display: block;
	width: calc(192rem/100);
	height: calc(130rem/100);
	background: rgba(209, 210, 212, 0.9);
	-webkit-animation: sub-nav-show .5s;
	animation: sub-nav-show .5s
}


.nav .hd li:hover .bd ol a {
	color: #111
}

.nav .hd li:hover .bd ol {

	position: relative;
	line-height: 2;
	padding-left: calc(40rem/100);
	text-align: left;
}

.nav .hd li .bd ol:hover a {
	color: #bd2e0d;

}

.nav .bd ol:hover:before {
	position: absolute;
	content: "";
	width: 0;
	height: 0;
	overflow: hidden;
	font-size: 0;
	/*是因为, 虽然宽高度为0, 但在IE6下会具有默认的 */
	line-height: 0;
	/* 字体大小和行高, 导致盒子呈现被撑开的长矩形 */
	border-width: calc(10rem/100);
	border-style: solid;
	/*ie6下会出现不透明的兼容问题*/
	border-color: transparent transparent transparent #bd2e0d;
	left: calc(20rem/100);
	top: calc(7rem/100);
}

/*第一个导航end*/

/*第二个导航*/
.nav .bd1 {
	left: calc(-810rem/100);

}

.nav .hd li:hover .bd1 {
	display: block;
	width: calc(1588rem/100);
	/*height: calc(865rem/100);*/
	padding-bottom: calc(60rem/100);
	-webkit-animation: sub-nav-show .5s;
	animation: sub-nav-show .5s
}

.nav .hd li:hover .bd1 dl {
	width: calc(173rem/100);
	margin-top: calc(50rem/100);
	float: left;
	position: relative;
}

.nav .hd li:hover .bd1 dl:before {

	height: 100%;
	position: absolute;
	content: "";
	left: 0;
	background-color: #bd2e0d;
	width: 1px;
	animation-name: topIn;
	animation-duration: 2s;
}

@keyframes topIn {
	from {
		height: 0;
	}

	to {
		height: 100%;
	}
}

.nav .hd li:hover .bd1 dl:nth-of-type(1) {

	margin-left: calc(129rem/100);
}

.nav .hd li:hover .bd1 dl dt {
	width: calc(150rem/100);
	height: calc(40rem/100);
	background: #bd2e0d;
	border-radius: calc(3rem/100);
	font-size: calc(16rem/100);
	color: #fff;
	margin: 0 auto;
	line-height: calc(40rem/100);

}

.nav .hd li:hover .bd1 dl dd a {
	position: relative;
	display: block;
	color: #111;
	text-align: left;
	padding-left: calc(40rem/100);
	font-size: calc(14rem/100);
	white-space: nowrap;
}

.nav .hd li:hover .bd1 dl dd a:hover {
	color: #bd2e0d !important
}

.nav .hd li:hover .bd1 dl dd a:hover:before {
	/*小三角*/
	color: red;
	position: absolute;
	content: "";
	width: 0;
	height: 0;
	overflow: hidden;
	font-size: 0;
	/*是因为, 虽然宽高度为0, 但在IE6下会具有默认的 */
	line-height: 0;
	/* 字体大小和行高, 导致盒子呈现被撑开的长矩形 */
	border-width: calc(10rem/100);
	border-style: solid;
	/*ie6下会出现不透明的兼容问题*/
	border-color: transparent transparent transparent #bd2e0d;
	left: calc(20rem/100);
	top: calc(7rem/100);
}

.bd1_title {
	font-size: calc(20rem/100);
	color: #111;
	position: relative;
	clear: left;
	float: left;
	margin: calc(40rem/100) 0 calc(10rem/100) calc(20rem/100);
	padding-left: calc(30rem/100)
}

.bd1_title em {
	font-size: calc(14rem/100);
}

.bd1_title:before {
	position: absolute;
	content: "";
	width: calc(24rem/100);
	height: calc(24rem/100);
	background-image: url(../img/bd1_title.png);
	background-repeat: no-repeat;
	background-size: contain;
	left: 0;
	top: calc(5rem/100);
}

.bd1_title_con {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	width: calc(1300rem/100);
	height: calc(114rem/100)
}

.bd1_title_con span {
	width: calc(120rem/100);
	height: calc(114rem/100);
	text-align: center;
	margin: 0 calc(20rem/100);
	font-size: calc(14rem/100);
	color: #111;
}

.bd1_title_con span img {
	height: calc(80rem/100);
	box-shadow: 0 0 calc(10rem/100) #000
}

/*第二个导航end*/
/*第三个导航*/
.nav .bd2 {
	left: calc(-970rem/100);

}

.nav .hd li:hover .bd2 {
	display: block;
	width: calc(1558rem/100);
	/* height: calc(865rem/100);*/
	padding-bottom: calc(60rem/100);
	-webkit-animation: sub-nav-show .5s;
	animation: sub-nav-show .5s
}

.nav .hd li:hover .bd2 ul {
	width: calc(1300rem/100);
	margin: calc(50rem/100) auto 0 auto;
	;
	display: flex;
	flex-flow: row wrap;
	justify-content: left;
}

.nav .hd li .bd2 li {
	width: calc(206rem/100);
	height: calc(144rem/100);
	margin: calc(25rem/100);
	opacity: 0;
}

.nav .hd li .bd2 li:nth-of-type(1),
.nav .hd li .bd2 li:nth-of-type(6),
.nav .hd li .bd2 li:nth-of-type(11) {
	margin: calc(25rem/100) calc(25rem/100) calc(25rem/100) 0;
}

.nav .hd li .bd2 li:nth-of-type(5),
.nav .hd li .bd2 li:nth-of-type(10),
.nav .hd li .bd2 li:nth-of-type(15) {
	margin: calc(25rem/100) 0 calc(25rem/100) 2calc(25rem/100);
}

.nav .hd li:hover .bd2 li {
	opacity: 1
}

.nav .hd li:hover .bd2 .leftIn {
	animation-name: leftIn;
	animation-duration: 1s;
}

@keyframes leftIn {
	from {
		transform: translateX(-50px);
		opacity: 0;
	}

	to {
		transform: translateX(0px);
		opacity: 1;
	}
}


.delay200 {
	animation-delay: 100ms;
	animation-fill-mode: backwards !important;
}

.delay400 {
	animation-delay: 200ms;
	animation-fill-mode: backwards !important;
}

.delay600 {
	animation-delay: 300ms;
	animation-fill-mode: backwards !important;
}

.delay800 {
	animation-delay: 400ms;
	animation-fill-mode: backwards !important;
}

.delay1000 {
	animation-delay: 500ms;
	animation-fill-mode: backwards !important;
}

.delay1200 {
	animation-delay: 600ms;
	animation-fill-mode: backwards !important;
}

.delay1400 {
	animation-delay: 700ms;
	animation-fill-mode: backwards !important;
}

.delay1600 {
	animation-delay: 800ms;
	animation-fill-mode: backwards !important;
}

.delay1800 {
	animation-delay: 900ms;
	animation-fill-mode: backwards !important;
}

.delay2000 {
	animation-delay: 1000ms;
	animation-fill-mode: backwards !important;
}

.delay2200 {
	animation-delay: 1100ms;
	animation-fill-mode: backwards !important;
}

.delay2400 {
	animation-delay: 1200ms;
	animation-fill-mode: backwards !important;
}

.delay2600 {
	animation-delay: 1300ms;
	animation-fill-mode: backwards !important;
}

.delay2800 {
	animation-delay: 1400ms;
	animation-fill-mode: backwards !important;
}

.delay3000 {
	animation-delay: 1500ms;
	animation-fill-mode: backwards !important;
}

.nav .hd li .bd2 li a:hover {
	box-shadow: 0 0 10px red
}

.nav .hd li .bd2 li a {
	display: block;
	border: 1px solid #fff;
	border-radius: 5px;
	height: 100%;
}

.bd2 li img {
	width: 100%;
	height: 100%;
	border-radius: 5px;

}

.bd2_title {
	font-size: calc(20rem/100);
	color: #111;
	position: relative;
	clear: left;
	float: left;
	margin: calc(50rem/100) 0 calc(30rem/100) 0;
	padding-left: calc(40rem/100)
}

.bd2_title em {
	font-size: calc(14rem/100);
}

.bd2_title:before {
	position: absolute;
	content: "";
	width: calc(27rem/100);
	height: calc(27rem/100);
	background-image: url(../img/bd2_title.png);
	background-repeat: no-repeat;
	background-size: contain;
	left: 0;
	top: calc(5rem/100);
}

.bd2_title_con {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	width: calc(1300rem/100);
	height: calc(114rem/100)
}

.bd2_title_con span {}


/*第三个结束*/


/*导航特效*/
@-webkit-keyframes sub-nav-show {
	0% {

		opacity: .1
	}

	to {
		transform: translateZ(0);
		opacity: 1
	}
}

@keyframes sub-nav-show {
	0% {
		transform: translate3d(0, calc(-10rem/100), 0);
		opacity: .1
	}

	to {
		transform: translateZ(0);
		opacity: 1
	}
}


/*搜索框*/
.search {
	margin-top: calc(30rem/100);
	position: relative;
	width: calc(40rem/100);
}

.mxf {
	position: absolute;
	right: calc(0rem/100);
	bottom: calc(200rem/100);
	width: calc(332rem/100);
	height: calc(64rem/100);
	background: #cecfd1;
	z-index: 2;
	opacity: 0;
	-webkit-transition: bottom 1s, opacity 1s;
	transition: bottom 1s, opacity 1s;
}

.mxf dl {
	display: -webkit-box;
	display: flex;
	color: #fff;
	border: solid calc(1rem/100) #dadcdd;
	width: calc(310rem/100);
	height: calc(42rem/100);
	border-radius: calc(4rem/100);
	background: #fff;
	margin: calc(10rem/100) 0 0 calc(10rem/100);
}

.mxf dl dt input {
	width: calc(40rem/100);
	height: calc(40rem/100);
	background: url(../img/seacher.png) no-repeat center center;
	display: inline-block;
}

.mxf dl dd input {
	width: calc(254rem/100);
	height: calc(40rem/100);
	padding-left: calc(16rem/100);
}

.search:hover .mxf {
	bottom: calc(-90rem/100);
	opacity: 1;
}

.close1,
.close2,
.close {
	cursor: pointer;
	width: calc(30rem/100);
	height: calc(30rem/100);
	border-radius: calc(5rem/100);
	border: 1px solid #c0492e;
	display: inline-block;
	position: absolute;
	right: calc(130rem/100);
	top: calc(20rem/100);
	color: #c0492e;
}

/*index css 首页样式*/
.video-back {
	width: calc(1400rem/100);
	margin-left: calc(-700rem/100);
	left: 50%;
	font-size: calc(50rem/100);
	color: #fff;
	position: absolute;
	-webkit-animation: textmove 2s 1;
	animation: textmove 2s 1;

}

.video-back p,
.index3 p {
	font-size: calc(24rem/100)
}

.swiper-container {
	width: 100%;
	/*min-width: 1300rem/100);*/
	height: 100%;
}

.swiper-slide {
	text-align: center;
	font-size: calc(18rem/100);
	background: #fff;
	/* Center slide text vertically */
	display: -webkit-box;
	display: flex;
	-webkit-box-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	align-items: center;
}

.swiper-slide>img {
	width: 100%;
	height: 100%;
	opacity: 0;
	-webkit-transform: scale(1.2, 1.2);
	transform: scale(1.2, 1.2);
	-webkit-transition: transform 30s;
	transition: transform 30 s;

}

.swiper-slide-active>img {
	opacity: 1;
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1);
	display: inline-block;
	height: 100%
}

/*2*/
.swiper-slide .index2 {
	opacity: 0
}

.swiper-slide-active .index2 {
	width: calc(502rem/100);
	height: calc(286rem/100);
	position: absolute;
	z-index: 1;
	background-color: rgba(66, 84, 102, 0.9);
	color: #fff;
	margin-left: calc(-251rem/100);
	margin-top: calc(-143rem/100);
	left: 50%;
	top: 50%;
	opacity: 1;
	-webkit-animation: textmove 2s 1;
	animation: textmove 2s 1;
}

.index2_box {
	padding: calc(30rem/100);
}

.index2_box p,
.index2_box em {
	font-size: calc(16rem/100);
	text-align: left;
	display: block;
}

.index2_box span {
	text-align: left;
	font-size: calc(50rem/100);
	display: block;
	position: relative;
	line-height: 1
}

.index2_box span:after {
	content: "";
	position: absolute;
	height: calc(2rem/100);
	width: calc(250rem/100);
	background: #fff;
	left: 0;
	bottom: calc(-30rem/100)
}

.index2_box p {
	padding-top: calc(10rem/100);
	line-height: 2
}

.index2_box p>a {
	color: #fff
}

.swiper-slide-active .index3 {
	width: calc(770rem/100);
	height: calc(389rem/100);
	left: 50%;
	top: 50%;
	margin-left: calc(-385rem/100);
	margin-top: calc(-195rem/100);
	font-size: calc(50rem/100);
	color: #fff;
	position: absolute;
	z-index: 5;
	background-image: url(../img/index3_bg.png);
	background-size: cover;
	background-repeat: no-repeat;
}

.index3 h1 {
	margin-top: calc(120rem/100)
}

.index3 ul {
	position: relative;
}

.index3 li {
	width: calc(164rem/100);
	height: calc(50rem/100);
	position: absolute;
	opacity: 1;
	background-repeat: no-repeat;
	background-size: cover;

}

.index3 li:hover {
	box-shadow: 0 0 calc(20rem/100) #FF4040;
	border-radius: calc(2rem/100);
	-webkit-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
}

.swiper-slide-active .index3 li:nth-of-type(1) {
	top: calc(-216rem/100);
	left: calc(-114rem/100);
	background-image: url('../img/hezuo1.png');
	-webkit-animation: hezuo1 2s 1;
	animation: hezuo1 2s 1;
}

.swiper-slide-active .index3 li:nth-of-type(2) {
	top: calc(-280rem/100);
	left: calc(135rem/100);
	background-image: url('../img/hezuo2.png');
	-webkit-animation: hezuo2 2s 1;
	animation: hezuo2 2s 1;
}

.swiper-slide-active .index3 li:nth-of-type(3) {
	top: calc(-260rem/100);
	left: calc(478rem/100);
	background-image: url('../img/hezuo3.png');
	-webkit-animation: hezuo3 2s 1;
	animation: hezuo3 2s 1;
}

.swiper-slide-active .index3 li:nth-of-type(4) {
	top: calc(-76rem/100);
	left: calc(770rem/100);
	background-image: url('../img/hezuo4.png');
	-webkit-animation: hezuo4 2s 1;
	animation: hezuo4 2s 1;
}

.swiper-slide-active .index3 li:nth-of-type(5) {
	top: calc(146rem/100);
	left: calc(482rem/100);
	background-image: url('../img/hezuo5.png');
	-webkit-animation: hezuo5 2s 1;
	animation: hezuo5 2s 1;
	width: calc(221rem/100);
	height: calc(50rem/100);
}

.swiper-slide-active .index3 li:nth-of-type(6) {
	top: calc(158rem/100);
	left: calc(82rem/100);
	background-image: url('../img/hezuo6.png');
	-webkit-animation: hezuo6 2s 1;
	animation: hezuo6 2s 1;
	width: calc(238rem/100);
	height: calc(50rem/100);
}

.swiper-slide-active .index3 li:nth-of-type(7) {
	top: calc(87rem/100);
	left: calc(-182rem/100);
	background-image: url('../img/hezuo7.png');
	-webkit-animation: hezuo7 2s 1;
	animation: hezuo7 2s 1;
	width: calc(182rem/100);
	height: calc(50rem/100);
}

.swiper-slide-active .index3 li:nth-of-type(8) {
	top: calc(-65rem/100);
	left: calc(-240rem/100);
	background-image: url('../img/hezuo8.png');
	-webkit-animation: hezuo8 2s 1;
	animation: hezuo8 2s 1;
	width: calc(182rem/100);
	height: calc(50rem/100);
}

.index3_box {
	position: relative;
	opacity: 0;
	transform: rotate(0deg);
	transition: transform 1s, opacity 1s;

}

.swiper-slide-active .index3 .index3_box {

	transform: rotate(360deg);
	opacity: 1;
}

@-webkit-keyframes textmove {
	from {
		left: 0;
		opacity: 0;

	}

	to {
		left: 50%;
		opacity: 1;
	}
}

@keyframes textmove {
	from {
		left: 0;
	}

	to {
		left: 50%;
	}
}

/*合作动画*/
@-webkit-keyframes hezuo1 {
	from {
		top: calc(0rem/100);
		left: calc(0rem/100);
		opacity: 0
	}

	to {
		top: calc(-216rem/100);
		left: calc(-114rem/100);
		opacity: 1
	}
}

@keyframes hezuo1 {
	from {
		top: calc(0rem/100);
		left: calc(0rem/100);
		opacity: 0
	}

	to {
		top: calc(-216rem/100);
		left: calc(-114rem/100);
		opacity: 1
	}
}

@-webkit-keyframes hezuo2 {
	from {
		top: calc(0rem/100);
		left: calc(0rem/100);
		opacity: 0
	}

	to {
		top: calc(-280rem/100);
		left: calc(135rem/100);
		opacity: 1
	}
}

@keyframes hezuo2 {
	from {
		top: calc(0rem/100);
		left: calc(0rem/100);
		opacity: 0
	}

	to {
		top: calc(-280rem/100);
		left: calc(135rem/100);
		opacity: 1
	}
}

@-webkit-keyframes hezuo3 {
	from {
		top: calc(0rem/100);
		left: calc(0rem/100);
		opacity: 0
	}

	to {
		top: calc(-260rem/100);
		left: calc(478rem/100);
		opacity: 1
	}
}

@keyframes hezuo3 {
	from {
		top: calc(0rem/100);
		left: calc(0rem/100);
		opacity: 0
	}

	to {
		top: calc(-260rem/100);
		left: calc(478rem/100);
		opacity: 1
	}
}

@-webkit-keyframes hezuo4 {
	from {
		top: calc(0rem/100);
		left: calc(0rem/100);
		opacity: 0
	}

	to {
		top: calc(-76rem/100);
		left: calc(770rem/100);
		opacity: 1
	}
}

@keyframes hezuo4 {
	from {
		top: calc(0rem/100);
		left: calc(0rem/100);
		opacity: 0
	}

	to {
		top: calc(-76rem/100);
		left: calc(770rem/100);
		opacity: 1
	}
}

@-webkit-keyframes hezuo5 {
	from {
		top: calc(0rem/100);
		left: calc(0rem/100);
		opacity: 0
	}

	to {
		top: calc(146rem/100);
		left: calc(482rem/100);
		opacity: 1
	}
}

@keyframes hezuo5 {
	from {
		top: calc(0rem/100);
		left: calc(0rem/100);
		opacity: 0
	}

	to {
		top: calc(146rem/100);
		left: calc(482rem/100);
		opacity: 1
	}
}

@-webkit-keyframes hezuo6 {
	from {
		top: calc(0rem/100);
		left: calc(0rem/100);
		opacity: 0
	}

	to {
		top: calc(158rem/100);
		left: calc(82rem/100);
		opacity: 1
	}
}

@keyframes hezuo6 {
	from {
		top: calc(0rem/100);
		left: calc(0rem/100);
		opacity: 0
	}

	to {
		top: calc(158rem/100);
		left: calc(82rem/100);
		opacity: 1
	}
}

@-webkit-keyframes hezuo7 {
	from {
		top: calc(0rem/100);
		left: calc(0rem/100);
		opacity: 0
	}

	to {
		top: calc(87rem/100);
		left: calc(-182rem/100);
		opacity: 1
	}
}

@keyframes hezuo7 {
	from {
		top: calc(0rem/100);
		left: calc(0rem/100);
		opacity: 0
	}

	to {
		top: calc(87rem/100);
		left: calc(-182rem/100);
		opacity: 1
	}
}

@-webkit-keyframes hezuo8 {
	from {
		top: calc(0rem/100);
		left: calc(0rem/100);
		opacity: 0
	}

	to {
		top: calc(-65rem/100);
		left: calc(-240rem/100);
		opacity: 1
	}
}

@keyframes hezuo8 {
	from {
		top: calc(0rem/100);
		left: calc(0rem/100);
		opacity: 0
	}

	to {
		top: calc(-65rem/100);
		left: calc(-240rem/100);
		opacity: 1
	}
}

.index4 {
	width: calc(1130rem/100);
	height: calc(450rem/100);
	left: 50%;
	top: 50%;
	margin-left: calc(-615rem/100);
	margin-top: calc(-180rem/100);
	color: #fff;
	position: absolute;
	z-index: 5;
	display: flex;
	flex-flow: row wrap;
	justify-content: center;

}

.index4_box {
	width: calc(330rem/100);
	height: calc(190rem/100);
	border-radius: calc(5rem/100)
}

.index4_box:nth-of-type(1) {
	background: url(../img/index4_1.png) no-repeat center center, rgba(66, 84, 102, 0.75);
	background-size: 70%;
}

.index4_box:nth-of-type(2) {
	background: url(../img/index4_2.png) no-repeat center center, rgba(66, 84, 102, 0.75);
	margin: 0 calc(70rem/100);
	background-size: 70%;

}

.index4_box:nth-of-type(3) {
	background: url(../img/index4_3.png) no-repeat center center, rgba(66, 84, 102, 0.75);
	background-size: 70%;
}

.index4_box:nth-of-type(4) {
	background: rgba(66, 84, 102, 0.75);
}

.index4_box:hover {
	background-color: rgba(66, 84, 102, 1);
}

.index4_box_last {
	width: calc(1130rem/100);
	height: calc(410rem/100);
	margin-top: calc(30rem/100);
	display: flex;
}

.index4_box_last div:nth-of-type(1) {
	width: calc(369rem/100);
	height: calc(311rem/100);
	margin: calc(40rem/100) calc(20rem/100) 0 calc(40rem/100);
}

.index4_box_last div:nth-of-type(2) {
	width: calc(680rem/100);
	font-size: calc(14rem/100);
	text-align: left;
	line-height: 2;
	margin: calc(110rem/100) 0 0 0;
}

.index2 b {
	width: calc(80rem/100);
	height: calc(80rem/100);
	position: relative;
	top: calc(70rem/100);
	margin-left: calc(20rem/100);
	display: inline-block;
	background: #000;
}

img.index2_pic {
	position: absolute;
	right: 0;
	left: 0;
}

img.leftout {
	right: -100%;
}

img.rightin {
	right: 0%;
	transition: right 1s;
}


@media screen and (max-width: 1366px) {

	.bd1 dd a:nth-of-type(12),
	.bd1 dd a:nth-of-type(13),
	.bd1 dd a:nth-of-type(14),
	.bd1 dd a:nth-of-type(15),
	.bd1 dd a:nth-of-type(16) {
		display: none !important
	}

	/*.nav .hd li{margin-left: 50px !important ;}*/
}

/*新导航 2020年9月9日11:37:34*/
/*新导航样式 2020年9月9日10:39:57*/

.flex_nav {
	display: flex;
	justify-content: space-around;
	flex-flow: row wrap
}

.nav_box2 {
	width: calc(1300rem/100);
	padding: calc(50rem/100) 0 0 0;
	margin: 0 auto;
}

.nav_box2 a {
	transition: all 1s;
}

.nav_box2 a:hover {
	color: #fff;
	background: #bd2e0d
}

.nav_box2_1 {
	width: calc(220rem/100)
}

.nav_box2_1 span {
	width: calc(68rem/100);
	height: calc(68rem/100);
	background: #111d52;
	color: #fff;
	font-size: calc(18rem/100);
	border-radius: calc(10rem/100);
	line-height: 1.75
}

.nav_box2_1 p {
	flex-direction: column;
	text-align: left;
	font-size: calc(16rem/100);
	color: #111d52
}

.nav_box2_1 p a {
	font-size: calc(14rem/100);
	color: #666
}

.nav_box2_1 i {
	height: calc(10rem/100);
	border-bottom: solid 1px #cfd4e7;
}

.nav_box2_2 {
	width: calc(235rem/100);
}

.nav_box2_2 img {
	width: calc(198rem/100);
	height: calc(188rem/100);
}

.nav_box2_2 div {
	flex-direction: column;
	text-align: left;
}

.nav_box2_2 a {
	font-size: calc(16rem/100);
	color: #111111
}

.nav_box2_3 {
	width: calc(365rem/100);
	height: calc(480rem/100);
	justify-content: left
}

.nav_box2_3 a {
	width: calc(119rem/100);
	height: calc(119rem/100);
	border-right: solid 1px #cfd4e7;
	border-bottom: solid 1px #cfd4e7;
	display: flex;
	align-items: center;
	justify-content: center;
}

.nav_box2_3 a:nth-of-type(3),
.nav_box2_3 a:nth-of-type(6),
.nav_box2_3 a:nth-of-type(9),
.nav_box2_3 a:nth-of-type(12) {
	border-right: none;
}

.nav_box2_3 a:nth-of-type(10),
.nav_box2_3 a:nth-of-type(11),
.nav_box2_3 a:nth-of-type(12) {
	border-bottom: none;
}

.nav_box2_4 {
	width: calc(198rem/100);
	flex-direction: column;
}

.nav_box2_4 div {
	justify-content: space-around;
	background: #eceef5;
	border-radius: calc(10rem/100)
}

.nav_box2_4 div span {
	width: calc(40rem/100);
	font-size: calc(18rem/100);
	color: #fff;
	background: #111d52;
	justify-content: center;
	align-items: center;
	line-height: 1.75;
	border-radius: 10px 0 0 10px;
	letter-spacing: 5px;
}

.nav_box2_4 div:nth-of-type(3) span {
	background: #bd2e0d;
}

.nav_box2_4 div p {
	width: calc(158rem/100);
	flex-direction: column;
	text-align: left;
	text-indent: 2em
}

.nav_box2_4 div p a {
	font-size: calc(16rem/100);
	color: #666
}