@charset "utf-8";

/* base */

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

*,
*:before,
*:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

html {
	font-family: "微软雅黑", "Helvetica Neue", Helvetica, Arial, sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	font-size: 10px;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
	margin: 0;
	font-size: 14px;
	line-height: 1.42857143;
	color: #333;
	background-color: #fff;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
	color: #337ab7;
	text-decoration: none;
	-webkit-tap-highlight-color: transparent;
}

a:active,
a:hover {
	outline: 0;
	text-decoration: none;
}

a:focus {
	text-decoration: none;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: bold;
}

ol,
ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

img {
	border: 0;
	vertical-align: middle;
	max-width: 100%;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 1em 40px;
}

hr {
	height: 0;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

pre {
	overflow: auto;
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
p {
	margin: 0;
	font-weight: normal;
}

button,
input,
optgroup,
select,
textarea {
	margin: 0;
	font: inherit;
	color: inherit;
	font-family: inherit;
	line-height: inherit;
}

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
html input[disabled] {
	cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	padding: 0;
	border: 0;
}

input {
	line-height: normal;
	outline: none;
}

input[type="checkbox"],
input[type="radio"] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

input[type="search"] {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	-webkit-appearance: textfield;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

fieldset {
	padding: .35em .625em .75em;
	margin: 0 2px;
	border: 1px solid #c0c0c0;
}

legend {
	padding: 0;
	border: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

table {
	border-spacing: 0;
	border-collapse: collapse;
}

td,
th {
	padding: 0;
}

.visible-xs {
	display: none !important;
}

.container::after,
.clearfix::after {
	content: '';
	height: 0;
	display: block;
	clear: both;
}


/*flex*/

.d_flex {
	display: -webkit-box;
	display: -moz-box;
	display: -moz-flex;
	display: -ms-flexbox;
	display: -o-flex;
	display: -webkit-flex;
	display: flex;
}

.flex_wrap {
	display: -webkit-box;
	display: -moz-box;
	display: -moz-flex;
	display: -o-flex;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-o-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

.j_start {
	-o-justify-content: flex-start;
	-moz-justify-content: flex-start;
	-webkit-justify-content: flex-start;
	-ms-justify-content: flex-start;
	justify-content: flex-start;
}

.j_center {
	-o-justify-content: center;
	-ms-justify-content: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
	justify-content: center;
}

.j_between {
	-o-justify-content: space-between;
	-moz-justify-content: space-between;
	-webkit-justify-content: space-between;
	-ms-justify-content: space-between;
	justify-content: space-between;
}

.j_space_around {
	-o-justify-content: space-around;
	-ms-justify-content: space-around;
	-moz-justify-content: space-around;
	-webkit-justify-content: space-around;
	-webkit-justify-content: space-around;
	justify-content: space-around;
}

.j_end {
	-o-justify-content: flex-end;
	-ms-justify-content: flex-end;
	-moz-justify-content: flex-end;
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
}

.a_center {
	-o-align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	-ms-align-items: center;
	align-items: center;
}

.a_end {
	-o-align-items: flex-end;
	-ms-align-items: flex-end;
	-moz-align-items: flex-end;
	-webkit-align-items: flex-end;
	align-items: flex-end;
}

.flex_column {
	-o-flex-direction: column;
	-ms-flex-direction: column;
	-moz-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column;
}

.container {
	margin: auto;
	min-height: 1px;
	max-width: 1200px;
}

@media (max-width: 1360px) {
	.container {
		padding-left: 80px;
		padding-right: 80px;
	}
}

@media (max-width: 768px) {
	.container {
		width: 100%;
		padding-left: 3%;
		padding-right: 3%;
	}
	.hidden-xs {
		display: none !important;
	}
	.visible-xs {
		display: block !important;
	}
}


/* base */


/* scrollbar */

@media (min-width: 768px) {
	 ::-webkit-scrollbar-track-piece {
		width: 10px;
		background-color: #ccc;
	}
	 ::-webkit-scrollbar {
		width: 8px;
		height: 6px
	}
	 ::-webkit-scrollbar-thumb {
		height: 50px;
		background-color: #666;
	}
	 ::-webkit-scrollbar-thumb:hover {
		background: #333;
	}
	 ::selection {
		background: #ccc;
		color: #fff;
	}
}


/* scrollbar */


/* animation */


/* 
  animation: jump_down 1.8s infinite ease-in-out;
	-moz-animation: jump_down 1.8s infinite ease-in-out;
	-webkit-animation: jump_down 1.8s infinite ease-in-out;
  -o-animation: jump_down 1.8s infinite ease-in-out;
*/


/* jump_down */

@keyframes jump_down {
	0% {
		transform: translateY(3px);
		-webkit-transform: translateY(3px);
		-moz-transform: translateY(3px);
		-ms-transform: translateY(3px);
		-o-transform: translateY(3px);
	}
	50% {
		transform: translateY(-3px);
		-webkit-transform: translateY(-3px);
		-moz-transform: translateY(-3px);
		-ms-transform: translateY(-3px);
		-o-transform: translateY(-3px);
	}
	100% {
		transform: translateY(3px);
		-webkit-transform: translateY(3px);
		-moz-transform: translateY(3px);
		-ms-transform: translateY(3px);
		-o-transform: translateY(3px);
	}
}

@-moz-keyframes jump_down {
	0% {
		transform: translateY(3px);
		-webkit-transform: translateY(3px);
		-moz-transform: translateY(3px);
		-ms-transform: translateY(3px);
		-o-transform: translateY(3px);
	}
	50% {
		transform: translateY(-3px);
		-webkit-transform: translateY(-3px);
		-moz-transform: translateY(-3px);
		-ms-transform: translateY(-3px);
		-o-transform: translateY(-3px);
	}
	100% {
		transform: translateY(3px);
		-webkit-transform: translateY(3px);
		-moz-transform: translateY(3px);
		-ms-transform: translateY(3px);
		-o-transform: translateY(3px);
	}
}

@-webkit-keyframes jump_down {
	0% {
		transform: translateY(3px);
		-webkit-transform: translateY(3px);
		-moz-transform: translateY(3px);
		-ms-transform: translateY(3px);
		-o-transform: translateY(3px);
	}
	50% {
		transform: translateY(-3px);
		-webkit-transform: translateY(-3px);
		-moz-transform: translateY(-3px);
		-ms-transform: translateY(-3px);
		-o-transform: translateY(-3px);
	}
	100% {
		transform: translateY(3px);
		-webkit-transform: translateY(3px);
		-moz-transform: translateY(3px);
		-ms-transform: translateY(3px);
		-o-transform: translateY(3px);
	}
}

@-o-keyframes jump_down {
	0% {
		transform: translateY(3px);
		-webkit-transform: translateY(3px);
		-moz-transform: translateY(3px);
		-ms-transform: translateY(3px);
		-o-transform: translateY(3px);
	}
	50% {
		transform: translateY(-3px);
		-webkit-transform: translateY(-3px);
		-moz-transform: translateY(-3px);
		-ms-transform: translateY(-3px);
		-o-transform: translateY(-3px);
	}
	100% {
		transform: translateY(3px);
		-webkit-transform: translateY(3px);
		-moz-transform: translateY(3px);
		-ms-transform: translateY(3px);
		-o-transform: translateY(3px);
	}
}


/* jump_down */


/* widthC */

@keyframes widthC {
	0% {
		width: 15px;
	}
	50% {
		width: 25px;
	}
	100% {
		width: 15px;
	}
}

@-moz-keyframes widthC {
	0% {
		width: 15px;
	}
	50% {
		width: 25px;
	}
	100% {
		width: 15px;
	}
}

@-webkit-keyframes widthC {
	0% {
		width: 15px;
	}
	50% {
		width: 25px;
	}
	100% {
		width: 15px;
	}
}

@-o-keyframes widthC {
	0% {
		width: 15px;
	}
	50% {
		width: 25px;
	}
	100% {
		width: 15px;
	}
}


/* widthC */


/* animation */


/* page */


/* 
  <div class="pagination">
    <div class="page_pc hidden-xs clearfix">
      <span><a href="javascript:;">上一页</a></span>
      <span class="page_num current"><a href="javascript:;">1</a></span>
      <span class="page_num"><a href="javascript:;">2</a></span>
      <span class="page_num"><a href="javascript:;">3</a></span>
      <span><a href="javascript:;">下一页</a></span>
      <em>共10页</em>
    </div>
    <a href="javascript:;" class="page_sj visible-xs">加载更多</a>
  </div>
*/

.pagination {
	margin: 40px auto;
}

.page_pc {
	text-align: center;
	font-size: 14px;
	line-height: 40px;
	height: 40px;
}

.page_pc span a {
	color: #333;
	width: 40px;
	line-height: 40px;
	height: 40px;
	display: inline-block;
	text-decoration: none;
	background: none;
	transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	border-radius: 3px;
	font-weight: bold;
}

.page_pc span a:hover,
.page_pc span.current a {
	background: #004198;
	color: #fff;
}

.page_pc span {
	margin: 2px;
}

.page_pc em {
	font-style: normal;
	font-size: 12px;
	color: #666;
}

.page_sj {
	width: 100px;
	height: 32px;
	background: #004198;
	color: #fff;
	display: block;
	margin: 0 auto;
	line-height: 32px;
	display: none;
	text-align: center;
}


/* page */


/* common */

#video_model {
	position: fixed;
	z-index: 9999;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
	background: rgba(0, 0, 0, 0.6);
}

#video_model video {
	position: absolute;
	width: 80%;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}

#video_model img {
	width: 40px;
	cursor: pointer;
	position: absolute;
	right: 40px;
	top: 40px;
}

.common_btn {
	display: block;
	margin: auto;
	overflow: hidden;
	position: relative;
	width: 170px;
	height: 50px;
	line-height: 50px;
	border: solid 2px #094eac;
	font-size: 14px;
	color: #1a1a1a;
	text-transform: uppercase;
	text-align: center;
}

.common_btn::before {
	content: attr(data-text);
	z-index: 1;
	position: absolute;
	left: 0;
	color: #fff;
	opacity: 0;
	width: 100%;
	height: 100%;
	transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transform: translateZ(0);
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
}

.common_btn::after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	width: 140%;
	background: #094eac;
	opacity: 0;
	transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transform: translateX(100%) skew(0deg);
	-webkit-transform: translateX(100%) skew(0deg);
	-moz-transform: translateX(100%) skew(0deg);
	-ms-transform: translateX(100%) skew(0deg);
	-o-transform: translateX(100%) skew(0deg);
}

.common_btn:hover::before {
	opacity: 1;
}

.common_btn:hover::after {
	opacity: 1;
	transform: translateX(10%) skew(-20deg);
	-webkit-transform: translateX(10%) skew(-20deg);
	-moz-transform: translateX(10%) skew(-20deg);
	-ms-transform: translateX(10%) skew(-20deg);
	-o-transform: translateX(10%) skew(-20deg);
}

.common_btn span {
	transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	z-index: 1;
	display: block;
	opacity: 1;
}

.common_btn:hover span {
	opacity: 0;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
}

.common_tit {
	text-align: center;
}

.common_tit h3 {
	font-family: 'Bebas';
	font-size: 34px;
	color: #333;
}

.common_tit h3.sh {
	font-family: Arial;
	font-weight: bold;
}

.common_tit h3 span {
	color: #004098;
}

.common_tit h5 {
	font-size: 18px;
	color: #4d4d4d;
}

.common_tit h6 {
	font-size: 14px;
	color: #4d4d4d;
	line-height: 28px;
}

.common_tit h5:last-child {
	margin-top: 20px;
}

.breadcrumb {
	border-top: 1px solid #e8e8e8;
}

.breadcrumb li {
	display: inline-block;
	line-height: 60px;
}

.breadcrumb li::before {
	content: '>';
	display: inline-block;
	margin: 0 10px;
	color: #666;
}

.breadcrumb li:first-child::before {
	display: none;
}

.breadcrumb li a {
	font-size: 14px;
	color: #666;
}

.breadcrumb li:first-child a {
	color: #888;
}


/* common */


/* header */

.header {
	height: 100px;
	line-height: 100px;
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	min-width: 1200px;
}

.header_inner {
	padding: 0 45px;
}

.header.bg {
	background: #fff;
	-webkit-box-shadow: 0px 3px 10px #ccc;
	-moz-box-shadow: 0px 3px 10px #ccc;
	box-shadow: 0px 3px 10px #ccc;
}

.wrapper.inner_w {
	padding-top: 100px;
}

.header .header_inner>ul {
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	justify-content: space-between;
	width: 63%;
}

.header .header_inner>ul>li a {
	display: block;
	color: #4d4d4d;
	font-size: 16px;
	position: relative;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.header .header_inner>ul>li>a::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: 0;
	height: 3px;
	background: #004098;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.header .header_inner>ul>li a:hover {
	color: #004098;
}

.header .header_inner>ul>li a:hover::after {
	width: 100%;
}

.header .header_inner>ul>li.lang {
	text-decoration: underline;
}

.header .header_inner>ul>li.logo a::after,
.header .header_inner>ul>li.lang a::after {
	display: none;
}

.header .header_inner>ul>li>ul {
	line-height: 60px;
	background: #eee;
	text-align: center;
	max-height: 0;
	overflow: hidden;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	position: fixed;
	top: 100px;
	left: 0;
	width: 100%;
}

.header .header_inner>ul>li:hover>ul {
	max-height: 200px;
}

.header .header_inner>ul>li>ul>li {
	display: inline-block;
	margin: 0 40px;
}

.header .header_inner>ul>li .tel {
	padding-right: 38px;
	float: left;
	color: #000;
	font-size: 14px;
	line-height: 1.2;
	text-align: right;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	background: url(../images/h_tel.png) no-repeat right -10px;
}

.header .header_inner>ul>li .tel span {
	display: block;
	font-size: 24px;
	font-weight: bold;
}
.header .header_inner>ul>li.search_icon{
	cursor: pointer;
}
.header .header_inner>ul>li.search_icon>a::after{
	display: none;
}

.headerSJ {
	display: none;
}


/* header */


/* menu */


/* menu */


/* banner */

.banner {
	width: 100%;
	height: 100vh;
	position: relative;
	background: -webkit-linear-gradient(top, #f3f4f5, #e3e4e7);
	background: -o-linear-gradient(top, #f3f4f5, #e3e4e7);
	background: -moz-linear-gradient(top, #f3f4f5, #e3e4e7);
	background: linear-gradient(to bottom, #f3f4f5, #e3e4e7);
}

.banner .swiper-container {
	width: 100%;
	height: 100vh;
}

.banner .swiper-slide {
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.banner_inner {
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	justify-content: center;
	height: 100%;
}

.banner_l {
	width: 50%;
	text-align: right;
	padding-left: 10%;
}

.banner_l img {
	margin-top: 10%;
	opacity: 0;
	-webkit-transition: all 1s ease-in-out 0.2s;
	-moz-transition: all 1s ease-in-out 0.2s;
	-ms-transition: all 1s ease-in-out 0.2s;
	-o-transition: all 1s ease-in-out 0.2s;
	transition: all 1s ease-in-out 0.2s;
}

.banner_r {
	width: 45%;
	margin-left: 5%;
	padding-right: calc(45% - 500px);
}

.banner_r h3 {
	font-size: 46px;
	line-height: 65px;
	color: #333;
	opacity: 0;
	-webkit-transform: translateX(100px);
	-moz-transform: translateX(100px);
	-ms-transform: translateX(100px);
	-o-transform: translateX(100px);
	transform: translateX(100px);
	-webkit-transition: all 1s ease-in-out 0.2s;
	-moz-transition: all 1s ease-in-out 0.2s;
	-ms-transition: all 1s ease-in-out 0.2s;
	-o-transition: all 1s ease-in-out 0.2s;
	transition: all 1s ease-in-out 0.2s;
}

.banner_r h3 span {
	color: #0a3b7d;
}

.banner_r h6 {
	font-size: 18px;
	color: #666;
	margin-top: 32px;
	opacity: 0;
	-webkit-transform: translateX(100px);
	-moz-transform: translateX(100px);
	-ms-transform: translateX(100px);
	-o-transform: translateX(100px);
	transform: translateX(100px);
	-webkit-transition: all 1s ease-in-out 0.3s;
	-moz-transition: all 1s ease-in-out 0.3s;
	-ms-transition: all 1s ease-in-out 0.3s;
	-o-transition: all 1s ease-in-out 0.3s;
	transition: all 1s ease-in-out 0.3s;
}

.banner_r img {
	margin-top: 32px;
	opacity: 0;
	-webkit-transform: translateX(100px);
	-moz-transform: translateX(100px);
	-ms-transform: translateX(100px);
	-o-transform: translateX(100px);
	transform: translateX(100px);
	-webkit-transition: all 1s ease-in-out 0.4s;
	-moz-transition: all 1s ease-in-out 0.4s;
	-ms-transition: all 1s ease-in-out 0.4s;
	-o-transition: all 1s ease-in-out 0.4s;
	transition: all 1s ease-in-out 0.4s;
}

.banner_r .common_btn {
	margin: 40px 0 0;
	opacity: 0;
	-webkit-transform: translateX(100px);
	-moz-transform: translateX(100px);
	-ms-transform: translateX(100px);
	-o-transform: translateX(100px);
	transform: translateX(100px);
	-webkit-transition: all 1s ease-in-out 0.5s;
	-moz-transition: all 1s ease-in-out 0.5s;
	-ms-transition: all 1s ease-in-out 0.5s;
	-o-transition: all 1s ease-in-out 0.5s;
	transition: all 1s ease-in-out 0.5s;
}

.banner .swiper-slide.swiper-slide-active .banner_l img,
.banner .swiper-slide.swiper-slide-active .banner_r h3,
.banner .swiper-slide.swiper-slide-active .banner_r img,
.banner .swiper-slide.swiper-slide-active .banner_r h6,
.banner .swiper-slide.swiper-slide-active .banner_r .common_btn {
	opacity: 1;
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
}

.banner_btn {
	position: absolute;
	width: 60px;
	height: 60px;
	bottom: 0;
	top: 0;
	margin: auto;
	line-height: 60px;
	z-index: 9;
	text-align: center;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	cursor: pointer;
}

.bannerPrev {
	left: 108px;
	border: solid 1px #7d7d7d;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.bannerNext {
	right: 108px;
	border: solid 1px #7d7d7d;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.bannerPrev:hover,
.bannerNext:hover {
	background: #004098;
	border-color: #004098;
}

.bannerP {
	position: absolute;
	bottom: 0;
	z-index: 9;
	width: 100%;
}

.bannerP ul {
	text-align: center;
}

.bannerP ul li {
	display: inline-block;
}

.bannerP ul li a {
	color: #999;
	padding: 25px 0 50px 0;
	display: block;
	position: relative;
	margin: 0 24px;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.bannerP ul li a span {
	position: absolute;
	top: 0;
	left: 50%;
	margin: auto;
	-webkit-transform: translate(-50%, -100%);
	-moz-transform: translate(-50%, -100%);
	-o-transform: translate(-50%, -100%);
	transform: translate(-50%, -100%);
	opacity: 0;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.bannerP ul li a::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
	background: #b5b5b5;
	width: 1px;
	height: 20px;
	opacity: 0;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.bannerP ul li a::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	background: #b5b5b5;
	width: 1px;
	height: 45px;
	opacity: 0;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.bannerP ul li.active a {
	color: #4d4d4d;
}

.bannerP ul li.active a span {
	opacity: 1;
}

.bannerP ul li.active a::before {
	opacity: 1;
}

.bannerP ul li.active a::after {
	opacity: 1;
}


/* banner */


/* index */

.wrapper {
	padding: 0 20px;
	overflow: hidden;
}

.ind_sec1 {
	position: relative;
	background: #f7f8fa;
}

.ind_sec1::after {
	content: '';
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	width: calc(50% - 480px);
	background: #f0f0f2;
}

.ind_sec1_t {
	padding: 64px 0;
}

.ind_sec1_t .container {
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	position: relative;
}

.ind_sec1_t_l {
	width: 50%;
}

.ind_sec1_t_l_inner {
	position: absolute;
	top: 0;
	z-index: 1;
	opacity: 0;
	-webkit-transition: all 0.8s ease-in-out;
	-moz-transition: all 0.8s ease-in-out;
	-ms-transition: all 0.8s ease-in-out;
	-o-transition: all 0.8s ease-in-out;
	transition: all 0.8s ease-in-out;
	width: 100%;
}

.ind_sec1_t_l_inner:first-child {
	position: relative;
}

.ind_sec1_t_l_inner.active {
	opacity: 1;
	z-index: 9;
}

.ind_sec1_t_l h3 {
	font-size: 40px;
	line-height: 55px;
	color: #1a1a1a;
}

.ind_sec1_t_l h5 {
	font-size: 20px;
	color: #1a1a1a;
	margin-top: 10px;
}

.ind_sec1_t_l .common_btn {
	margin: 40px 0 0;
}

.ind_sec1_t_r {
	width: 50%;
}

.ind_sec1_t_r img {
	-webkit-transform: translateX(-120px);
	-moz-transform: translateX(-120px);
	-ms-transform: translateX(-120px);
	-o-transform: translateX(-120px);
	transform: translateX(-120px);
}

.ind_sec1_t .common_tit {
	position: absolute;
	left: 100%;
	top: 0;
	z-index: 9;
	width: 340px;
	text-align: left;
}

.ind_sec1_t .common_tit h3 {
	-webkit-transform: rotateZ(90deg);
	-moz-transform: rotateZ(90deg);
	-ms-transform: rotateZ(90deg);
	-o-transform: rotateZ(90deg);
	transform: rotateZ(90deg);
	transform-origin: top left;
}

.ind_sec1_t .common_tit h5 {
	width: 24px;
	-webkit-transform: translate(-68px, -48px);
	-moz-transform: translate(-68px, -48px);
	-ms-transform: translate(-68px, -48px);
	-o-transform: translate(-68px, -48px);
	transform: translate(-68px, -48px);
	line-height: 22px;
}

.ind_sec1_b {
	position: relative;
	z-index: 5;
}

.ind_sec1_swiper_bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 80%;
	background: #ebeced;
}

.ind_sec1_swiper_img {
	text-align: center;
	position: relative;
	z-index: 9;
}

.ind_sec1Prev {
	left: 108px;
	border: solid 1px #7d7d7d;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.ind_sec1Next {
	right: 108px;
	border: solid 1px #7d7d7d;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.ind_sec1Prev:hover,
.ind_sec1Next:hover {
	background: #004098;
	border-color: #004098;
}

.ind_sec2 {
	margin-top: 80px;
	background: #eeedeb;
}

.ind_sec2 .common_tit h6::before {
	content: '';
	display: block;
	margin: 20px auto;
	width: 15px;
	height: 6px;
	background: #004098;
}

.ind_sec2 .common_tit h6::after {
	content: '';
	display: block;
	margin: 20px auto;
	width: 1px;
	height: 95px;
	background: #004098;
}

.ind_sec2_l {
	width: 43.6%;
	background: #eeedeb;
	float: left;
	display: table;
	min-height: 1px;
	padding: 50px 0;
}

.ind_sec2_l_inner {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	padding: 0 20% 0 calc(114.5% - 600px);
}

.ind_sec2_tit {
	text-align: left;
}

.ind_sec2_tit h3 {
	font-family: 'Bebas';
	font-size: 40px;
	color: #000;
}

.ind_sec2_tit h3 {
	font-family: Arial;
	font-weight: bold;
}

.ind_sec2_tit h6 {
	font-size: 20px;
	line-height: 36px;
	color: #333;
}

.ind_sec2_tit h6::before {
	content: '';
	display: block;
	margin: 40px 0;
	width: 15px;
	height: 6px;
	background-color: #004098;
}

.ind_sec_video {
	position: relative;
	margin-top: 40px;
}

.ind_sec2 a.common_btn {
	margin: 40px auto 0;
}

.ind_sec_video_img {
	position: relative;
}

.ind_sec_video_img .video_bg {
	width: 100%;
}

.ind_sec_video img.video_sd {
	position: absolute;
	bottom: 0;
	left: 50%;
	right: 0;
	margin: auto;
	max-width: 150%;
	-webkit-transform: translate(-50%, 100%);
	-moz-transform: translate(-50%, 100%);
	-ms-transform: translate(-50%, 100%);
	-o-transform: translate(-50%, 100%);
	transform: translate(-50%, 100%);
	z-index: 1;
}

.ind_sec_video .mask {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.6);
	z-index: 5;
}

.ind_sec_video .mask a {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	width: 50px;
	height: 50px;
	overflow: hidden;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

.ind_sec2_r {
	width: 56.4%;
	background: #dedfe0;
	float: left;
	padding-top: 160px;
	text-align: center;
}

.ind_sec2_r img {
	max-width: 80%;
}

.ind_sec3 {
	padding: 100px 0;
}

.ind_sec3 a.common_btn {
	margin-top: 50px;
	color: #eeedeb;
}

.ind_sec3_tit {
	text-align: center;
}

.ind_sec3_tit h3 {
	font-size: 40px;
	color: #fff;
}

.ind_sec3_tit h3::after {
	content: '';
	display: block;
	margin: 32px auto;
	width: 15px;
	height: 6px;
	background-color: #fff;
}

.ind_sec3_tit h6 {
	font-size: 20px;
	color: #fff;
	line-height: 36px;
}

.ind_sec3 .ind_sec_video {
	width: 600px;
	margin: 72px auto 0;
}

.ind_sec3 .ind_sec_video_img .mask a {
	width: 75px;
	height: 75px;
}

.ind_sec4 {
	background: -webkit-linear-gradient(top, #f2f6f8, #e1e7ec);
	background: -o-linear-gradient(top, #f2f6f8, #e1e7ec);
	background: -moz-linear-gradient(top, #f2f6f8, #e1e7ec);
	background: linear-gradient(to bottom, #f2f6f8, #e1e7ec);
	padding: 160px 0 20px;
}

.ind_sec4_l {
	width: 50%;
	float: left;
	padding-left: calc(50% - 600px);
}

.ind_sec4_tit h3 {
	font-size: 40px;
	color: #333;
}

.ind_sec4_tit h3::after {
	content: '';
	display: block;
	margin: 32px 0;
	width: 15px;
	height: 6px;
	background-color: #004098;
}

.ind_sec4_tit h6 {
	font-size: 20px;
	color: #333;
	line-height: 36px;
}

.ind_sec4_nav {
	font-size: 0;
	letter-spacing: 0;
	margin-top: 88px;
}

.ind_sec4_nav li {
	display: inline-block;
	padding-right: 32px;
	vertical-align: top;
	width: 33.3%;
}

.ind_sec4_nav_img {
	position: relative;
	border: solid 1px #004098;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	text-align: center;
	width: 135px;
	line-height: 85px;
	height: 85px;
	margin-bottom: 20px;
}

.ind_sec4_nav_img img {
	opacity: 1;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.ind_sec4_nav_img img:nth-child(2) {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	opacity: 0;
	margin: auto;
}

.ind_sec4_nav li a:hover .ind_sec4_nav_img {
	background: #004098;
}

.ind_sec4_nav li a:hover .ind_sec4_nav_img img {
	opacity: 0;
}

.ind_sec4_nav li a:hover .ind_sec4_nav_img img:nth-child(2) {
	opacity: 1;
}

.ind_sec4_nav li p {
	font-size: 16px;
	line-height: 24px;
	color: #666;
}

.ind_sec4_r {
	width: 50%;
	float: left;
	padding-right: 80px;
}

.ind_sec5 {
	padding: 80px 0;
}

.ind_sec5 .common_tit {}

.ind_sec5 .common_tit h3 {
	color: #fff;
}

.ind_sec5 .common_tit h6 {
	color: #fff;
	max-width: 1000px;
	margin: 12px auto 0;
}

.ind_sec5 .common_tit h6:last-child {
	margin-top: 32px;
}

.ind_sec5_nav {
	margin-top: 72px;
}

.ind_sec5_nav ul {
	font-size: 0;
	letter-spacing: 0;
	text-align: center;
}

.ind_sec5_nav li {
	display: inline-block;
	margin: 0 80px;
	text-align: center;
}

.ind_sec5_nav li span {
	display: block;
	font-family: 'Bebas';
	font-size: 80px;
	color: #fff;
}

.ind_sec5_nav li p {
	font-size: 14px;
	line-height: 28px;
	color: #ccc;
}

.ind_sec6_l {
	float: left;
	width: 30%;
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	justify-content: center;
	background: #094eac;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	flex-direction: column;
}

.ind_sec6_l h4 {
	font-family: 'Bebas';
	font-size: 60px;
	text-align: center;
	color: #fff;
}

.ind_sec6_l h4::after {
	content: '';
	display: block;
	margin: 30px 0 70px;
	width: 15px;
	height: 6px;
	background-color: #fff;
}

.ind_sec6_l h5 {
	font-size: 20px;
	line-height: 28px;
	color: #e1e1e1;
}

.ind_sec6_r {
	float: left;
	width: 70%;
	padding: 50px calc(50% - 600px) 50px 160px;
}

.ind_sec6_r h3 {
	font-size: 20px;
	line-height: 28px;
	color: #333;
}

.ind_sec6_r ul {
	font-size: 0;
	letter-spacing: 0;
}

.ind_sec6_r_t {
	margin-top: 20px;
}

.ind_sec6_r_t ul li {
	display: inline-block;
	width: 50%;
	font-size: 14px;
	color: #333;
	line-height: 40px;
	vertical-align: top;
}

.ind_sec6_r ul li span {
	/*color: #808080;*/
}

.ind_sec6_r_b {
	margin-top: 40px;
	position: relative;
	padding-right: 60px;
}

.ind_sec6_r_b h4 {
	font-size: 20px;
	line-height: 28px;
	color: #094eac;
}

.ind_sec6_r_b h5 {
	font-size: 14px;
	line-height: 28px;
	color: #808080;
	margin-top: 20px;
	margin-bottom: 10px;
}

.ind_sec6_r_b ul li {
	width: calc(33.3% - 16px);
	display: inline-block;
	margin-left: 24px;
	font-size: 14px;
	color: #333;
}

.ind_sec6_r_b ul li:first-child {
	margin-left: 0;
}

.ind_sec6_r_b ul li input {
	height: 38px;
	background: #f6f8fb;
	border-radius: 3px;
	border: solid 1px #eee;
	width: calc(100% - 42px);
	padding: 0 10px;
}

.ind_sec6_r_b ul li:first-child input {
	width: calc(100% - 70px);
}

.ind_sec6_r_b ul:nth-of-type(2) {
	margin-top: 12px;
}

.ind_sec6_r_b ul:nth-of-type(2) li:last-child {
	/*width: calc(66.6% - 8px);*/
}

.ind_sec6_r_b ul:nth-of-type(2) li:last-child textarea {
	height: 38px;
	border-radius: 3px;
	border: solid 1px #eee;
	vertical-align: middle;
	display: inline-block;
	width: calc(100% - 42px);
	outline: none;
	padding: 8px 10px;
	background: #f6f8fb;
	resize: none;
}

.ind_sec6_r_b_btn {
	height: 90px;
	position: absolute;
	right: 0;
	bottom: 0;
	overflow: hidden;
}

.ind_sec6_r_b_btn a {
	display: block;
	background-color: #094eac;
	border: 1px solid #094eac;
	border-radius: 3px;
	width: 42px;
	height: 100%;
	line-height: 34px;
	padding: 8px;
	color: #fff;
	font-size: 14px;
	text-align: center;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.ind_sec6_r_b_btn a:hover {
	background: #fff;
	color: #094eac;
}


/* index */


/* news_deatil */

.news_deatil {
	background: #f6f6f6;
}

.news_deatil_tit {
	padding: 80px 0 28px;
	text-align: center;
}

.news_deatil_tit h1 {
	font-size: 24px;
	line-height: 28px;
	color: #444;
}

.news_deatil_tit h5 {
	font-size: 14px;
	line-height: 28px;
	color: #666;
	margin-top: 32px;
	position: relative;
}

.news_deatil_tit h5 span {
	position: absolute;
	right: 0;
	top: 0;
}

.news_deatil_con {
	padding: 40px 0;
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
}

.news_deatil_con p {
	font-size: 14px;
	line-height: 28px;
	color: #444;
	margin-bottom: 20px;
}

.news_deatil_con p:last-child {
	margin-bottom: 0;
}

.news_deatil_b {
	padding: 40px 0 80px;
	line-height: 40px;
}

.news_deatil_b_l {
	float: left;
}

.news_deatil_b_r {
	float: right;
}

.news_deatil_btn {
	width: 40px;
	height: 40px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	cursor: pointer;
	border: solid 1px #7d7d7d;
	position: relative;
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	justify-content: center;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.news_deatil_b a {
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	justify-content: center;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	color: #444;
}

.news_deatil_btn img {
	opacity: 1;
	height: 16px;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.news_deatil_btn img:nth-child(2) {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	opacity: 0;
}

.news_deatil_b_l .news_deatil_btn {
	margin-right: 10px;
}

.news_deatil_b_r .news_deatil_btn {
	margin-left: 10px;
}

.news_deatil_b_r img:nth-child(1),
.news_deatil_b_l img:nth-child(2) {
	-webkit-transform: rotateZ(180deg);
	-moz-transform: rotateZ(180deg);
	-ms-transform: rotateZ(180deg);
	-o-transform: rotateZ(180deg);
	transform: rotateZ(180deg);
}

.news_deatil_b a:hover {
	color: #004098;
}

.news_deatil_b a:hover .news_deatil_btn {
	border: solid 1px #004098;
	background: #004098;
}

.news_deatil_b a:hover .news_deatil_btn img {
	opacity: 0;
}

.news_deatil_b a:hover .news_deatil_btn img:nth-child(2) {
	opacity: 1;
}


/* news_deatil */


/* service_sec */

.service_sec2 {
	background: #f9f9f9;
	padding: 80px 0;
}

.service_sec2_l {
	width: 50%;
	float: left;
}

.service_sec2_l h3 {
	font-size: 22px;
	line-height: 34px;
	color: #004098;
}

.service_sec2_l ul {
	margin-top: 20px;
}

.service_sec2_l ul li {
	font-size: 14px;
	line-height: 36px;
	color: #555;
}

.service_sec2_l ul li span {
	display: inline-block;
	width: 30px;
	height: 30px;
	background-color: #fff;
	border-radius: 50%;
	line-height: 30px;
	text-align: center;
	margin-right: 10px;
}

.service_sec2_l .ewm {
	margin-top: 20px;
}

.service_sec2_l .ewm img {
	margin-bottom: 10px;
}

.service_sec2_l h5 {
	line-height: 24px;
	color: #888;
	font-size: 14px;
}

.service_sec2_r {
	width: 50%;
	float: left;
	position: relative;
}

.service_sec2_r p {
	text-align: center;
	position: absolute;
	left: -5%;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 110%;
	height: 45px;
	font-size: 18px;
	line-height: 45px;
	color: #fff;
	background-color: #004098;
}

.service_sec3 {
	padding: 80px 0;
}

.service_sec3 h4 {
	font-size: 14px;
	line-height: 36px;
	color: #333031;
	margin: 10px 0;
}

.service_sec3 h4 img {
	margin-right: 10px;
}

.service_sec3_box {
	padding: 30px;
	border: solid 1px #e1e1e1;
}

.service_sec3_box label {
	display: block;
	width: 50%;
	float: left;
	font-size: 14px;
	line-height: 42px;
	color: #555;
	margin-bottom: 20px;
}

.service_sec3_box label:nth-last-child(-n + 2) {
	margin-bottom: 0;
}

.service_sec3_box label:nth-last-child(2n + 1) {
	clear: both;
}

.service_sec3_box label:last-child {
	width: 100%;
}

.service_sec3_box label input {
	width: calc(100% - 120px);
	margin: 0 10px;
	height: 38px;
	border-radius: 3px;
	border: solid 1px #dedede;
	background: transparent;
	padding: 0 10px;
}

.service_sec3_box label span {
	color: #fd7e7e;
}

.service_sec3 textarea {
	width: 100%;
	height: 160px;
	padding: 10px;
	line-height: 28px;
	font-size: 14px;
	color: #666;
	outline: none;
	border: solid 1px #e1e1e1;
	resize: none;
	background: transparent;
}

.service_sec3 .common_btn {
	margin-top: 40px;
	width: 90px;
	height: 44px;
	line-height: 40px;
}


/* service_sec */


/* pro_sec */

.pro_sec1 {
	position: relative;
}

.pro_sec1 img {
	width: 100%;
}

.pro_sec1 .play {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 75px;
	height: 75px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	overflow: hidden;
}

.pro_sec2 {
	background: -webkit-linear-gradient(top, #f2f6f8, #e1e7ec);
	background: -o-linear-gradient(top, #f2f6f8, #e1e7ec);
	background: -moz-linear-gradient(top, #f2f6f8, #e1e7ec);
	background: linear-gradient(to bottom, #f2f6f8, #e1e7ec);
}

.pro_sec2 .swiper-slide {
	text-align: center;
	padding: 160px 0 60px;
}

.pro_sec2 .pro_sec2_inner img:nth-child(1) {
	opacity: 0;
	-webkit-transform: translateY(-100px);
	-moz-transform: translateY(-100px);
	-ms-transform: translateY(-100px);
	-o-transform: translateY(-100px);
	transform: translateY(-100px);
	-webkit-transition: all 1s ease-in-out 0.4s;
	-moz-transition: all 1s ease-in-out 0.4s;
	-ms-transition: all 1s ease-in-out 0.4s;
	-o-transition: all 1s ease-in-out 0.4s;
	transition: all 1s ease-in-out 0.4s;
}

.pro_sec2 .pro_sec2_inner p {
	font-size: 24px;
	color: #333;
	/*margin: 36px 0 60px;*/
	opacity: 0;
	-webkit-transform: translateY(-100px);
	-moz-transform: translateY(-100px);
	-ms-transform: translateY(-100px);
	-o-transform: translateY(-100px);
	transform: translateY(-100px);
	-webkit-transition: all 1s ease-in-out 0.3s;
	-moz-transition: all 1s ease-in-out 0.3s;
	-ms-transition: all 1s ease-in-out 0.3s;
	-o-transition: all 1s ease-in-out 0.3s;
	transition: all 1s ease-in-out 0.3s;
}

.pro_sec2 .pro_sec2_inner img:nth-child(3) {
	opacity: 0;
	-webkit-transition: all 1s ease-in-out 0.2s;
	-moz-transition: all 1s ease-in-out 0.2s;
	-ms-transition: all 1s ease-in-out 0.2s;
	-o-transition: all 1s ease-in-out 0.2s;
	transition: all 1s ease-in-out 0.2s;
}

.pro_sec2 .swiper-slide.swiper-slide-active .pro_sec2_inner img:nth-child(3) {}

.pro_sec2 .pro_sec2_inner h3 {
	font-size: 48px;
	line-height: 65px;
	color: #0a3b7d;
	opacity: 0;
	-webkit-transform: translateY(100px);
	-moz-transform: translateY(100px);
	-ms-transform: translateY(100px);
	-o-transform: translateY(100px);
	transform: translateY(100px);
	-webkit-transition: all 1s ease-in-out 0.5s;
	-moz-transition: all 1s ease-in-out 0.5s;
	-ms-transition: all 1s ease-in-out 0.5s;
	-o-transition: all 1s ease-in-out 0.5s;
	transition: all 1s ease-in-out 0.5s;
}

.pro_sec2 .pro_sec2_inner h4 {
	font-size: 24px;
	line-height: 1.8;
	color: #333;
	opacity: 0;
	-webkit-transform: translateY(100px);
	-moz-transform: translateY(100px);
	-ms-transform: translateY(100px);
	-o-transform: translateY(100px);
	transform: translateY(100px);
	-webkit-transition: all 1s ease-in-out 0.6s;
	-moz-transition: all 1s ease-in-out 0.6s;
	-ms-transition: all 1s ease-in-out 0.6s;
	-o-transition: all 1s ease-in-out 0.6s;
	transition: all 1s ease-in-out 0.6s;
}

.pro_sec2 .pro_sec2_inner h5 {
	font-size: 24px;
	color: #333;
	font-family: 'Bebas';
	margin-top: 32px;
	opacity: 0;
	-webkit-transform: translateY(100px);
	-moz-transform: translateY(100px);
	-ms-transform: translateY(100px);
	-o-transform: translateY(100px);
	transform: translateY(100px);
	-webkit-transition: all 1s ease-in-out 0.7s;
	-moz-transition: all 1s ease-in-out 0.7s;
	-ms-transition: all 1s ease-in-out 0.7s;
	-o-transition: all 1s ease-in-out 0.7s;
	transition: all 1s ease-in-out 0.7s;
}

.pro_sec2 .pro_sec2_inner h5::after {
	content: '';
	display: block;
	width: 15px;
	height: 6px;
	background: #004098;
	margin: 28px auto 54px;
}

.pro_sec2 .swiper-slide.swiper-slide-active .pro_sec2_inner img:nth-child(1),
.pro_sec2 .swiper-slide.swiper-slide-active .pro_sec2_inner p,
.pro_sec2 .swiper-slide.swiper-slide-active .pro_sec2_inner img:nth-child(3),
.pro_sec2 .swiper-slide.swiper-slide-active .pro_sec2_inner h3,
.pro_sec2 .swiper-slide.swiper-slide-active .pro_sec2_inner h5,
.pro_sec2 .swiper-slide.swiper-slide-active .pro_sec2_inner h4 {
	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
}

.pro_sec2 .swiper-slide.swiper-slide-active .pro_sec2_inner img:nth-child(1) {
	width: 46%;
}

.pro_sec3_inner {
	position: relative;
}

.pro_sec3_inner img {
	width: 100%;
}

.pro_sec3_inner .text {
	display: inline-block;
	position: absolute;
	z-index: 9;
	top: 50%;
	left: 60%;
	text-align: center;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	line-height: 1.8;
	font-size: 40px;
	color: #fff;
}

.pro_sec4 {
	padding: 80px 0;
	background: #f3f3f3;
}

.pro_sec4_list {
	font-size: 0;
	letter-spacing: 0;
	margin-top: 40px;
}

.pro_sec4_list>li {
	display: inline-block;
	width: 31%;
	margin-left: 1.75%;
	text-align: center;
}

.pro_sec4_list>li:last-child {
	margin-right: 1.75%;
}

.pro_sec4_list a {
	display: block;
	padding: 60px 40px;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.pro_sec4_list a:hover {
	background: #fff;
	box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.03);
	border-radius: 3px;
}

.pro_sec4_list a h4 {
	margin-bottom: 12px;
	text-align: left;
}

.pro_sec4_list a h4 span {
	display: inline-block;
	font-size: 12px;
	color: #666;
	height: 40px;
	border: solid 1px #c4c4c4;
	line-height: 40px;
	padding: 0 24px;
}

.pro_sec4_list a img {
	max-width: 75%;
}

.pro_sec4_list a h3 {
	font-size: 18px;
	color: #333;
	text-align: left;
	margin: 24px 0;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.pro_sec4_list a:hover h3 {
	color: #004098;
}

.pro_sec4_list a ul li {
	display: inline-block;
	width: 30%;
	text-align: center;
	background-color: #fff;
	border: solid 1px #dadada;
	margin-right: 3%;
	padding: 16px 0;
	vertical-align: top;
}

.pro_sec4_list a ul li img {
	max-width: 75%;
}

.pro_sec4_list a ul li p {
	font-size: 14px;
	color: #555;
	margin-top: 16px;
	line-height: 22px;
	height: 44px;
	overflow: hidden;
}


/* pro_sec */


/* intro_sec */

.intro_sec1_img {
	position: relative;
}

.intro_sec1_img img {
	width: 100%;
}

.intro_sec1_text {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	flex-direction: column;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	justify-content: center;
	text-align: center;
}

.intro_sec1_text_inner h4 {
	font-size: 36px;
	color: #fff;
}

.intro_sec1_text_inner h3 {
	font-size: 72px;
	color: #fff;
	font-weight: bold;
}

.intro_sec1_text_inner h6 {
	font-size: 18px;
	letter-spacing: 0.9px;
	color: #fff;
	font-family: Arial;
}

.intro_sec1_text_inner h6::before {
	content: '';
	display: block;
	margin: 20px auto 32px;
	width: 2px;
	height: 50px;
	background-color: #fff;
	opacity: 0.5;
}

.intro_sec2 {
	padding: 80px 0;
	position: relative;
	background: #f3f1f1;
	text-align: center;
}

.intro_sec2 .common_tit {
	position: absolute;
	top: 80px;
	width: 100%;
}

.intro_sec3 {
	margin: 80px auto;
}

.intro_sec3_swiper {
	margin-top: 40px;
}

.intro_sec3_swiper .swiper-slide>div {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	-webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);
	-ms-transform: scale(0.8);
	-o-transform: scale(0.8);
	transform: scale(0.8);
	overflow: hidden;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.intro_sec3_swiper .swiper-slide-active>div {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}

.intro_sec3_swiper .swiper-slide img {
	width: 100%;
}

.intro_sec3_swiper .swiper-slide p {
	width: 100%;
	height: 54px;
	line-height: 54px;
	background-color: #fff;
	border: solid 1px #dadada;
	text-align: center;
	font-size: 16px;
	color: #555;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.intro_sec3_swiper .swiper-slide-active>div p {
	background: #004098;
	color: #fff;
}

.intro3_p {
	text-align: center;
}

.intro3Prev {
	left: 0px;
	width: 40px;
	height: 100px;
	line-height: 100px;
	background-color: #ededed;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.intro3Next {
	right: 0px;
	width: 40px;
	height: 100px;
	line-height: 100px;
	background-color: #ededed;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-webkit-transform: translateX(50%);
	-moz-transform: translateX(50%);
	-ms-transform: translateX(50%);
	-o-transform: translateX(50%);
	transform: translateX(50%);
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.intro3Prev:hover,
.intro3Next:hover {
	background: #004098;
}


/* intro_sec */


/* news_sec */

.news_sec {
	padding: 80px 0;
}

.news_list ul li {
	width: calc(50% - 10px);
	margin-right: 20px;
	float: left;
	margin-bottom: 20px;
}

.news_list ul li:nth-child(2n) {
	margin-right: 0;
}

.news_list ul li:nth-last-child(-n + 2) {
	margin-bottom: 0;
}

.news_list ul li:nth-child(2n + 1) {
	clear: both;
}

.news_list ul li a {
	display: block;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	padding: 40px 30px;
	border-bottom: 1px solid #dcdcdc;
}

.news_list ul li a h4 {
	font-size: 22px;
	line-height: 34px;
	color: #808080;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.news_list ul li a h4 span {
	font-size: 14px;
}

.news_list ul li a h3 {
	font-size: 22px;
	line-height: 34px;
	font-weight: bold;
	color: #333;
	margin-top: 50px;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.news_list ul li a>img {
	width: 55%;
	margin-top: 20px;
}

.news_list ul li a h6 {
	font-size: 14px;
	line-height: 28px;
	color: #666;
	margin-top: 40px;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	text-overflow: ellipsis;
	height: 56px;
}

.news_list ul li a .img_outer {
	margin-top: 70px;
}

.news_list ul li a .img {
	position: relative;
}

.news_list ul li a .img img {
	display: block;
	width: auto;
	opacity: 1;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.news_list ul li a .img img:nth-child(2) {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
}

.news_list ul li a:hover {
	background: #004f98;
	border-bottom-color: #004f98;
}

.news_list ul li a:hover h4,
.news_list ul li a:hover h3 {
	color: #fff;
}

.news_list ul li a:hover h6 {
	color: #fff;
	opacity: 0.5;
}

.news_list ul li a:hover .img img {
	opacity: 0;
}

.news_list ul li a:hover .img img:nth-child(2) {
	opacity: 1;
}

.news_sec .pagination {
	margin-bottom: 0;
}


/* news_sec */


/*投资者关系*/
.company_banner{
	width: 100%;
	position: relative;
}
.company_banner .company_info{
	position: absolute;
	left: 50%;
	top: 50%;
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	color:#fff;
	text-align: center;
	width: 100%;
}
.company_banner .company_info .txt{
	font-size: 48px;
	font-weight: bold;
}
.company_banner .company_info .txt2{
	font-size: 16px;
	padding-top: 20px;
	letter-spacing: 25px;
}
.company_menu{
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 100;
	height: 60px;
	line-height: 60px;
	width: 100%;
	padding: 0 11.5%;
	box-sizing: border-box;
	border-top: 1px solid rgba(255,255,255,0.2);
}
.company_menu .company_menu_nav{
	margin-right: 90px;
	color:#fff;
	font-size: 14px;   
	position: relative;
	height: 60px;
	display: block;
}
.company_menu .company_menu_nav:last-child{
	margin-right: 0;
}
.company_menu .company_menu_nav::after {
	content: '';
	position: absolute;
	bottom: 0;
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	left: 50%;
	margin: auto;
	width: 0;
	height: 3px;
	background: #fff;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	border-radius: 10px;
}
.company_menu .company_menu_nav:hover::after{
	width: 20px;
}
.company_menu .company_menu_nav.on::after{
	width: 20px;
}
.company1_box{
	padding: 0 11.5% 80px 11.5%;
	min-width: 1200px;
}
.company1_box .company1_title{
	font-size: 22px;  
	font-weight: bold;
	text-align: center;
	line-height: 1;
	padding: 80px 0 40px 0;
}
.company1_menu{
	width: 100%;
	margin-bottom: 25px;
}
.company1_menu .company1_menu_nav{
	height: 50px;
	width: 144px;
	border-radius: 50px;
	text-align: center;
	line-height: 50px;
	font-size: 16px;  
	color:#333;
	background: #fff;
}
.company1_menu .company1_menu_nav.on{
	background: #1d4589;
	color:#fff;
}
.company1_menu .year_txt{
	border:none;  
	-ms-appearance:none; 
	-o-appearance:none; 
  -moz-appearance:none;   
  -webkit-appearance:none;  
	appearance:none;
	color:#1d4589;
	font-size: 14px;  
	padding-right: 26px;
	position: relative;
	z-index: 10;
	background: transparent;
}
.company1_menu .date_icon{
	position: relative;
	left: -16px;
}
.company1_menu .year_txt:focus{
	outline: none;
}
.company1_box .company1_content{
	width: 100%;
}
.company1_box .company1_nav{
	height: 80px;
	font-size: 14px;  
	padding: 0 20px;
	border-bottom: 1px solid #f0f0f0;  
	color:#333333;   
}
.company1_box .company1_nav:first-child{
	border-top: 1px solid #f0f0f0;
}
.company1_box .company1_nav .left{
	line-height: 30px;
}
.company1_box .company1_nav .right{
	line-height: 1px;
	color:#b3b3b3;
	white-space: nowrap;
}
.company1_box .company1_nav .company1_icon{
	width: 20px;
	height: 22px;
}
.company1_box .company1_nav .img2{
	display: none;
}
.company1_box .company1_nav:hover .img2{
	display: block;
}
.company1_box .company1_nav:hover .img1{
	display: none;
}
.company1_box .company1_nav:hover{
	color:#1d4589;
	background: #f2f4f8;
}
.company1_box .company1_nav .txt{
	width: calc(100% - 30px);
	margin-left: 10px;
}
.connect1_inner{
	height: 304px;
	margin-top: 60px;
	color:#fff;
	font-size: 14px;  
	width: 100%;
}
.connect1_content{
	padding: 0 9%;
	width: 100%;
	box-sizing: border-box;
}
.connect1_nav{
	width: 100%;
}
.connect1_nav .txt{
	margin-bottom: 40px;
}
.connect1_box .company1_title{
	border-bottom: 1px solid #f0f0f0;
}
.detail_con{
	padding: 0 8%;
}
.detail_con .detail_title{
	text-align: center;
	font-size: 24px;
	font-weight: bold;
	padding-top: 80px;
	padding-bottom: 16px;
	line-height: 30px;
}
.detail_con .detail_subtitle{
	text-align: center;
	font-size: 16px;
	color:#888;
	line-height: 1;
	padding-bottom: 20px;
}
.detail_con .detail_box{
	border-top: 1px solid #ebebeb;
	border-bottom: 1px solid #ebebeb;
	padding: 70px 0;
}
.detail_con .detail_box .detail_content p{
	color:#666;
	font-size: 16px;
	margin-bottom: 30px;
	text-indent: 32px;
	line-height: 36px;
}
.detail_con .detail_box .detail_content img{
	max-width: 100%;
	display: block;
	margin: auto;
}
.detail_con .detail_box .detail_content p:last-child{
	margin-bottom: 0;
}
.detail_con .detail_msg{
	text-align: right;
	color:#666;
	font-size: 16px;
	line-height: 36px;
	padding-top: 60px;
}
.detail_con .detail_footer{
	padding-top: 40px;
	padding-bottom: 100px;
}
.detail_con .detail_footer .detail_return{
	width: 96px;
	height: 40px;
	border-radius: 40px;
	border:1px solid #ebebeb;
	font-size: 16px;
	color:#999;
	line-height: 40px;
	text-align: center;
}
/*投资者关系*/

/* footer */

.footer {
	background: #f2f2f2;
	min-width: 1200px;
}

.footer_inner {
	margin: 0 11.5% 0 11.5%;
	padding: 108px 0 86px 0;
	overflow: hidden;
	border-bottom: 1px solid #d8d8d8;
}

.footer_inner h3 {
	text-align: center;
	margin-bottom: 40px;
}

.footer_l {
	float: left;
}

.footer_nav>li {
	display: inline-block;
	vertical-align: top;
	margin-right: 108px;
}

.footer_nav>li:last-child {
	margin-right: 0;
}

.footer_nav>li h4 a {
	font-size: 20px;
	color: #333;
	font-weight: bold;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.footer_nav>li>ul>li {
	margin-top: 20px;
}

.footer_nav>li>ul>li a {
	color: #333;
	font-size: 16px;
	line-height: 1;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.footer_nav a:hover {
	color: #094eac;
}

.footer_r {
	float: right;
}

.footer_r h5 {
	text-align: center;
	color: #808080;
	font-size: 14px;
	margin-top: 20px;
}

.footer_r h5 a {
	color: #808080;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.footer_r h5 a:hover {
	color: #fff;
}

.footer_r ul {
	font-size: 0;
	letter-spacing: 0;
}

.footer_r ul li {
	display: inline-block;
	margin-left: 10px;
}

.footer_r ul li:first-child {
	margin-left: 0;
}

.footer_r ul li a {
	display: block;
	width: 40px;
	height: 40px;
	background: #666;
	line-height: 40px;
	text-align: center;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.footer_r ul li a:hover {
	background: #094eac;
}

.footer_b {
	line-height: 95px;
	color: #808080;
	font-size: 14px;
	padding: 0 11.5%;
}

.footer_b a {
	color: inherit;
}


/* footer */

.ind_sec1_p,
.pro2_p,
.pro4_p {
	text-align: center;
	position: absolute;
	width: 100%;
	bottom: 10px;
	z-index: 9;
}

.ind_sec1_p .swiper-pagination-bullet,
.intro1_p .swiper-pagination-bullet,
.pro2_p .swiper-pagination-bullet,
.pro4_p .swiper-pagination-bullet {
	background: #004098;
	margin: 0 5px;
}

.ind_sec1_p .swiper-pagination-bullet-active,
.intro1_p .swiper-pagination-bullet-active,
.pro2_p .swiper-pagination-bullet-active,
.pro4_p .swiper-pagination-bullet-active {
	background: #004098;
}

.footer_r ul .wx {
	position: relative;
	text-align: right;
	line-height: 1;
}

.footer_r ul .ewm {
	width: 154px;
	display: inline-block;
}

.footer_r ul .wx_title {
	font-size: 20px;
	font-weight: bold;
}

.footer_r ul .wx_phone {
	font-size: 42px;
	font-weight: bold;
	margin-top: 26px;
	margin-bottom: 47px;
}

@media (max-width: 1860px) {
	.footer_nav>li {
		margin-right: 90px;
	}
}

@media (max-width: 1660px) {
	.pro_sec3_inner .text {
		font-size: 32px;
	}
	.footer_nav>li {
		margin-right: 80px;
	}
	.footer_r ul .wx_title {
		font-size: 16px;
	}
	.footer_r ul .wx_phone {
		font-size: 30px;
	}
}

@media (max-width: 1440px) {
	.ind_sec2_r {
		padding: 180px 0 20px;
	}
	.intro_sec1_text_inner h4 {
		font-size: 28px;
	}
	.intro_sec1_text_inner h3 {
		font-size: 64px;
	}
	.intro_sec1_text_inner h6 {
		font-size: 16px;
	}
	.intro_sec1_text_inner h6::before {
		margin: 16px auto 24px;
		height: 42px;
	}
	.pro_sec3_inner .text {
		left: 54%;
		font-size: 30px;
	}
	.footer_nav>li {
		margin-right: 50px;
	}
	.header .header_inner>ul{
		width: 70%;
	}
}

@media (max-width: 1366px) {
	.connect1_content{
		padding: 0 5%;
	}
	.footer_inner {
		margin-right: 80px;
		margin-left: 80px;
	}
	.footer_b {
		padding: 0 80px;
	}
	.ind_sec2_l_inner {
		padding-left: 80px;
	}
	.ind_sec4_l {
		padding-left: 80px;
	}
	.pro_sec3_inner .text {
		font-size: 26px;
	}
	.header {
		height: 80px;
		line-height: 80px;
	}
	.header .container>ul>li>ul {
		top: 80px;
	}
	.ind_sec2 .common_tit h6::after {
		display: none;
	}
	.ind_sec_video {
		margin: 20px auto;
		width: 80%;
	}
	.ind_sec1_t_l .common_btn {
		margin: 20px 0 0;
	}
	.ind_sec1_t {
		padding: 64px 0 32px;
	}
	.ind_sec2 .common_tit h6::before {
		margin: 10px auto;
	}
	.ind_sec2_tit h6::before {
		margin: 10px 0;
	}
	.ind_sec2_r {
		padding: 120px 0 20px;
	}
	.ind_sec3_tit h3::after {
		margin: 10px auto;
	}
	.ind_sec3 .ind_sec_video {
		margin: 20px auto;
		width: 400px;
	}
	.ind_sec3 a.common_btn {
		margin-top: 20px;
	}
	.ind_sec4_tit h3::after {
		margin: 10px 0;
	}
	.ind_sec4_nav {
		margin-top: 40px;
	}
	.pro_sec2 .pro_sec2_inner h5::after {
		margin: 20px auto;
	}
	.intro_sec2_img {
		width: 600px;
		margin: auto;
	}
	.intro_sec3_swiper {
		width: 80%;
		margin: 20px auto 0;
	}
	.news_list ul li a h3 {
		margin-top: 20px;
	}
	.news_list ul li a h6 {
		margin-top: 20px;
	}
	.news_list ul li a .img_outer {
		margin-top: 30px;
	}
}

@media (max-width: 1280px) {
	.ind_sec1_t {
		background: #ebeced;
	}
	.ind_sec1_t_r {
		display: none;
	}
	.ind_sec1_b {
		position: absolute;
		width: calc(100% - 380px);
		top: 0;
		left: 300px;
	}
	.ind_sec1_t .common_tit {
		top: -40px;
	}
	.ind_sec2_l {
		padding: 0;
	}
	.ind_sec2_tit h3 {
		font-size: 28px;
	}
	.ind_sec6_r {
		padding: 50px calc(50% - 600px) 50px 40px;
	}
	.pro_sec2 .pro_sec2_inner img:nth-child(3) {
		width: 50%;
	}
	.pro_sec4_list a h4 {
		float: left;
		margin-left: 10px;
	}
	.pro_sec4_list a h4:first-child {
		margin-left: 0;
	}
}

@media (max-width: 768px) {
	.company_banner .company_info .txt{
		font-size: 16px;
	}
	.company_banner .company_info .txt2{
		font-size: 12px;
		letter-spacing: 0px;
		padding-top: 5px;
	}
	.company_banner .company_info{
		top: 35%;
	}
	.company_menu{
		height: 32px;
		line-height: 32px;
	}
	.company_menu .company_menu_nav{
		font-size: 12px;
		height: 32px;
		margin-right: 20px;
	}
	.company1_box{
		min-width: auto;
	}
	.connect1_inner{
		height: auto;
		padding: 20px 0;
		margin-top: 30px;
	}
	.connect1_nav{
		display: block;
		line-height: 36px;
		font-size: 16px;
	}
	.connect1_nav .txt{
		margin-bottom: 0;
	}
	.company1_box .company1_title {
	    font-size: 18px;
	    padding: 30px 0 20px 0;
	}
	.company1_box .company1_nav{
		display: block;
		height: auto;
		font-size: 16px;
		padding: 20px 0;
	}
	.company1_box .company1_nav .left{
		width: 100%;
		line-height: 24px;
	}
	.company1_box .company1_nav .right{
		width: 100%;
		font-size: 14px;
		padding-top: 20px;
		text-align: right;
	}
	.company1_menu .company1_menu_nav {
	    height: 36px;
	    width: 90px;
	    line-height: 36px;
	    font-size: 16px;
	}
	.company1_box {
	    padding: 0 3% 30px 3%;
	}
	.company1_menu .year_txt{
		font-size: 16px;
	}
	.detail_con .detail_title {
	    font-size: 18px;
	    padding-top: 30px;
	    line-height: 26px;
	}
	.detail_con .detail_box .detail_content p{
		font-size: 14px;
		margin-bottom: 20px;
		text-indent: 28px;
		line-height: 24px;
	}
	.detail_con .detail_msg {
	    font-size: 14px;
	    line-height: 24px;
	    padding-top: 30px;
	}
	.detail_con .detail_box {
	    padding: 20px 0;
	}
	.detail_con .detail_footer {
	    padding-top: 20px;
	    padding-bottom: 30px;
	}
	#video_model video {
		width: 100%;
		height: auto;
	}
	#video_model img {
		width: 24px;
	}
	.header {
		display: none;
	}
	.headerSJ {
		display: block;
		position: fixed;
		left: 0px;
		top: 0px;
		box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.2);
		z-index: 9999;
		width: 100%;
		background-color: #fff;
		padding: 0px 0px;
	}
	.headerSJ .headerSC {
		padding: 0px 12px;
		height: 60px;
	}
	.headerSJ .logo {
		float: left;
		line-height: 60px;
	}
	.headerSJ .logo img {
		height: 22px;
	}
	.headerSJ .navbar {
		position: relative;
		float: right;
		padding: 7px 10px;
		margin-top: 15px;
		margin-right: 0px;
		margin-bottom: 8px;
		background-color: transparent;
		background-image: none;
		border: 1px solid #004098;
		border-radius: 4px;
		outline: none;
	}
	.headerSJ .navbar .icon-bar {
		display: block;
		width: 22px;
		height: 2px;
		border-radius: 1px;
		background-color: #004098;
	}
	.headerSJ .navbar .icon-bar+.icon-bar {
		margin-top: 4px;
	}
	.headerSJ .navwrap {
		position: fixed;
		top: 0px;
		left: -50%;
		width: 50%;
		height: 100%;
		z-index: 1100;
		background-color: #000;
		opacity: 0;
	}
	.headerSJ .navwrap .nav {
		padding: 10px 5% 0px 5%;
	}
	.headerSJ .navwrap .nav li {
		line-height: 42px;
		border-bottom: 1px solid #232530;
		padding: 0px 5%;
	}
	.headerSJ .navwrap .nav li a {
		display: block;
		color: #fff;
		font-size: 16px;
	}
	.headerSJ .navbg {
		position: fixed;
		left: 0px;
		top: 0px;
		width: 100%;
		height: 100%;
		background-color: rgba(0, 0, 0, 0.7);
		z-index: 1001;
		display: none;
	}
	.headerSJ .navbg .closeSJ {
		position: absolute;
		right: 20px;
		top: 20px;
	}
	.headerSJ .navwrap .nav .SJbod {
		display: none;
	}
	.headerSJ .navwrap .nav .SJbod dd a {
		height: 36px;
		line-height: 36px;
		font-size: 14px;
	}
	.headerSJ .navwrap .nav .plus a {
		background: url(../images/plus.png) right center no-repeat;
	}
	.headerSJ .navwrap .nav .minus a {
		background: url(../images/minus.jpg) right center no-repeat;
	}
	.headerSJ .navwrap .nav .lan .SJtit a {
		display: inline-block;
	}
	.headerSJ .navwrap .nav .lan .SJtit span {
		color: #fff;
		font-size: 16px;
		display: inline-block;
		padding: 0px 5px;
	}
	.common_tit h3 {
		font-size: 24px;
	}
	.common_btn {
		width: 120px;
		font-size: 12px;
		line-height: 36px;
		height: 40px;
	}
	.common_btn::before,
	.common_btn::after {
		display: none;
	}
	.common_btn:hover span {
		opacity: 1;
		transform: translateX(0%);
		-webkit-transform: translateX(0%);
		-moz-transform: translateX(0%);
		-ms-transform: translateX(0%);
		-o-transform: translateX(0%);
	}
	.wrapper {
		padding: 0;
	}
	.wrapper.inner_w {
		padding: 60px 0 0;
	}
	.banner_inner {
		flex-direction: column;
		padding: 0 3%;
	}
	.banner_l {
		padding-left: 0%;
		text-align: center;
	}
	.banner_l img {
		max-width: 80%;
		margin-top: 0;
	}
	.banner_r h3 {
		font-size: 20px;
		line-height: 32px;
	}
	.banner_r h6 {
		font-size: 14px;
		margin-top: 20px;
	}
	.banner_r img {
		max-width: 50%;
		margin-top: 20px;
	}
	.banner_r .common_btn {
		margin: 20px auto 0;
	}
	.banner_l,
	.banner_r {
		width: 100%;
		float: none;
		margin: 0;
		text-align: center;
	}
	.banner_btn {
		display: none;
	}
	.bannerP {
		bottom: 20px;
	}
	.bannerP ul li a {
		padding-bottom: 0;
	}
	.bannerP ul li a::after {
		display: none;
	}
	.ind_sec1_t {
		padding: 40px 0 0;
	}
	.ind_sec1_t .container {
		display: block;
	}
	.ind_sec1_t .common_tit {
		text-align: center;
		position: static;
		width: auto;
	}
	.ind_sec1_t .common_tit h3 {
		-webkit-transform: rotateZ(0);
		-moz-transform: rotateZ(0);
		-ms-transform: rotateZ(0);
		-o-transform: rotateZ(0);
		transform: rotateZ(0);
	}
	.ind_sec1_t .common_tit h5 {
		width: auto;
		-webkit-transform: rotateZ(0);
		-moz-transform: rotateZ(0);
		-ms-transform: rotateZ(0);
		-o-transform: rotateZ(0);
		transform: rotateZ(0);
	}
	.ind_sec1_t_l {
		width: 100%;
		margin-top: 20px;
		position: relative;
	}
	.ind_sec1_t_l h3 {
		font-size: 20px;
		line-height: 32px;
	}
	.ind_sec1_t_l h5 {
		font-size: 14px;
		margin-top: 10px;
	}
	.ind_sec1_t_l .common_btn {
		margin: 20px auto 0;
	}
	.ind_sec1_t_r {
		margin-top: 20px;
		width: 100%;
	}
	.ind_sec1_b .container {
		padding: 0;
	}
	.ind_sec2 {
		margin-top: 40px;
	}
	.common_tit h6 {
		margin-bottom: 20px;
	}
	.ind_sec2 .common_tit h6::after {
		display: none;
	}
	.ind_sec2_l {
		width: 100%;
		float: none;
		height: auto !important;
		display: block;
	}
	.ind_sec2_l_inner {
		display: block;
		padding: 40px 3%;
	}
	.ind_sec2_tit h3 {
		font-size: 24px;
	}
	.ind_sec2_tit h6 {
		font-size: 14px;
		line-height: 24px;
	}
	.ind_sec2_tit h6::before {
		margin: 20px auto;
	}
	.ind_sec_video {
		width: 80%;
		margin: 20px auto 0;
	}
	.ind_sec2_r {
		width: 100%;
		float: none;
		padding: 40px 0;
		height: auto !important;
	}
	.ind_sec3 {
		padding: 40px 3%;
	}
	.ind_sec3_tit h3 {
		font-size: 24px;
	}
	.ind_sec3_tit h3::after {
		margin: 12px auto;
	}
	.ind_sec3_tit h6 {
		font-size: 14px;
		line-height: 24px;
	}
	.ind_sec3 .ind_sec_video {
		margin-top: 40px;
		width: 80%;
	}
	.ind_sec4 {
		padding: 40px 3%;
	}
	.ind_sec4_tit h3 {
		font-size: 24px;
	}
	.ind_sec4_tit h3::after {
		margin: 12px auto;
	}
	.ind_sec4_tit h6 {
		font-size: 14px;
		line-height: 24px;
	}
	.ind_sec4_nav {
		margin-top: 20px;
	}
	.ind_sec4_l {
		width: 100%;
		float: none;
		padding: 0;
	}
	.ind_sec4_nav li {
		width: 32%;
		margin-right: 2%;
		vertical-align: top;
	}
	.ind_sec4_nav li:last-child {
		margin-right: 0;
	}
	.ind_sec4_nav li p {
		font-size: 14px;
	}
	.ind_sec4_nav_img {
		width: 100%;
		margin-bottom: 10px;
	}
	.ind_sec4_r {
		width: 100%;
		float: none;
		margin-top: 20px;
		text-align: center;
		padding-right: 0;
	}
	.ind_sec4_r img {
		width: 80%;
	}
	.ind_sec5 {
		padding: 40px 3%;
	}
	.ind_sec5_nav {
		margin-top: 0px;
	}
	.ind_sec5_nav li {
		margin-top: 20px;
	}
	.ind_sec5_nav li span {
		font-size: 40px;
	}
	.ind_sec6_l {
		width: 100%;
		float: none;
		height: auto !important;
		padding: 40px 3%;
	}
	.ind_sec6_r {
		width: 100%;
		float: none;
		padding: 40px 3%;
	}
	.ind_sec6_r_t ul li {
		width: 100%;
		line-height: 28px;
	}
	.ind_sec6_r_b {
		padding-right: 0;
	}
	.ind_sec6_r_b ul li {
		width: 100%;
		margin: 5px 0;
	}
	.ind_sec6_r_b ul:nth-of-type(1) li:nth-child(2) span,
	.ind_sec6_r_b ul:nth-of-type(1) li:nth-child(3) span,
	.ind_sec6_r_b ul:nth-of-type(2) li:nth-child(2) span {
		display: inline-block;
		text-indent: 2em;
	}
	.ind_sec6_r_b ul:nth-of-type(1) li:nth-child(2) input,
	.ind_sec6_r_b ul:nth-of-type(1) li:nth-child(3) input,
	.ind_sec6_r_b ul:nth-of-type(2) li:nth-child(2) textarea {
		width: calc(100% - 70px);
	}
	.ind_sec6_r_b ul:nth-of-type(2) li:last-child {
		width: 100%;
	}
	.ind_sec6_r_b ul:nth-of-type(2) {
		margin-top: 0;
	}
	.ind_sec6_r_b_btn {
		height: auto;
		position: static;
		margin: 20px 0 0;
	}
	.ind_sec6_r_b_btn a {
		display: block;
		width: 120px;
		height: 40px;
		line-height: 40px;
		margin: auto;
		padding: 0;
	}
	.footer{
		min-width:auto;
	}
	.footer_inner {
		padding-top: 40px;
		padding-bottom: 20px;
		display: block;
		margin: 0;
	}
	.footer_r {
		width: 100%;
		float: none;
		text-align: center;
	}
	.footer_r ul .wx{
		text-align: center;
	}
	.footer_r ul .wx_phone {
	    font-size: 18px;
	    margin-top: 20px;
	    margin-bottom: 20px;
	}
	.footer_b {
		padding: 10px 3%;
		display: block;
		line-height: 24px;
		box-sizing: border-box;
		text-align: center;
	}
	.footer_b span{
		display: block;
	}
	.pro_sec2 .swiper-slide {
		padding: 40px 0;
	}
	.pro_sec2 .pro_sec2_inner img:nth-child(1) {
		width: 50%;
	}
	.pro_sec2 .pro_sec2_inner p {
		font-size: 20px;
		margin: 20px 0;
	}
	.pro_sec2 .pro_sec2_inner img:nth-child(3) {
		width: 80%;
	}
	.pro_sec2 .pro_sec2_inner h3 {
		font-size: 24px;
		line-height: 36px;
	}
	.pro_sec2 .pro_sec2_inner h5 {
		font-size: 16px;
		margin-top: 12px;
	}
	.pro_sec2 .pro_sec2_inner h5::after {
		margin: 20px auto;
	}
	.pro_sec2 .pro_sec2_inner h4 {
		font-size: 18px;
	}
	.pro_sec4 {
		padding: 40px 0;
	}
	.pro_sec4_list {
		margin-top: 20px;
		position: relative;
	}
	.pro_sec4_list a {
		padding: 40px 3%;
		background: #fff;
		box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.03);
		border-radius: 3px;
	}
	.pro_sec4_list a h3 {
		color: #004098;
	}
	.news_sec {
		padding: 40px 0;
	}
	.news_list ul li {
		width: 100%;
		margin-right: 0;
	}
	.news_list ul li:nth-last-child(2) {
		margin-bottom: 20px;
	}
	.news_list ul li a h4 {
		font-size: 20px;
		line-height: 28px;
	}
	.news_list ul li a h3 {
		font-size: 20px;
		line-height: 28px;
		margin-top: 20px;
	}
	.news_list ul li a>img {
		width: 80%;
	}
	.news_list ul li a h6 {
		margin-top: 20px;
	}
	.news_list ul li a .img_outer {
		margin-top: 20px;
	}
	.news_deatil_tit {
		padding: 40px 0 28px;
	}
	.news_deatil_tit h1 {
		font-size: 22px;
	}
	.news_deatil_tit h5 {
		margin-top: 12px;
	}
	.news_deatil_tit h5 span {
		position: static;
		display: block;
	}
	.news_deatil_tit h5 span::after {
		content: '';
		height: 0;
		display: block;
		clear: both;
	}
	.news_deatil_tit h5 span>div {
		float: right;
	}
	.news_deatil_b {
		padding: 28px 0 28px;
		line-height: 28px;
	}
	.service_sec1 {
		padding: 40px 0;
	}
	.country .swiper-slide h3 {
		line-height: 48px;
		font-size: 22px;
	}
	.country .swiper-slide ul {
		font-size: 0;
		letter-spacing: 0;
	}
	.country .swiper-slide ul li {
		text-align: center;
		width: 25%;
		display: inline-block;
		margin-top: 10px;
		font-size: 14px;
	}
	.country .swiper-slide ul li img {
		display: block;
		margin: auto;
	}
	.service_sec2 {
		padding: 40px 0;
	}
	.service_sec2_l {
		width: 100%;
		float: none;
	}
	.service_sec2_l h3 {
		font-size: 20px;
	}
	.service_sec2_r {
		width: 100%;
		float: none;
		margin-top: 20px;
	}
	.service_sec3 {
		padding: 40px 0;
	}
	.service_sec3_box {
		padding: 20px;
	}
	.service_sec3_box label {
		width: 100%;
		float: none;
		margin-bottom: 10px;
	}
	.service_sec3_box label:nth-last-child(2) {
		margin-bottom: 10px;
	}
	.intro_sec3 {
		margin: 40px auto;
	}
	.intro_sec2 {
		padding: 80px 0 40px 0;
	}
	.intro_sec2 .common_tit {
		top: 40px;
	}
	.intro_sec1_text_inner h4 {
		font-size: 18px;
	}
	.intro_sec1_text_inner h3 {
		font-size: 22px;
		margin-top: 5px;
	}
	.intro_sec1_text_inner h6 {
		font-size: 14px;
	}
	.intro_sec1_text_inner h6::before {
		margin: 6px auto 12px;
		height: 20px;
	}
	.intro_sec3_swiper .swiper-slide>div {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
	}
	.pro_sec3_inner .text {
		font-size: 14px;
		left: 0;
		right: 0;
	}
	.ind_sec1_t_l_inner {
		text-align: center;
	}
	.ind_sec4_tit {
		text-align: center;
	}
	.ind_sec2_tit {
		text-align: center;
	}
	.ind_sec2 a.common_btn {
		margin: 40px auto 0;
	}
	.ind_sec6_l h4::after {
		margin: 30px auto;
	}
	.ind_sec1_b {
		position: relative;
		top: 0;
		left: 0;
		width: 100%;
	}
	.intro_sec2_img {
		width: 100%;
	}
	.intro_sec3_swiper {
		width: 100%;
	}
}