@charset "UTF-8";

/*
	FONT SIZE HIERARCHY
	---------------------------

    Default font-size for HTML :    16px
    blockquote                 :    1rem
    body                       :    1rem
    form                       :    0.875rem  14px
    h1                         :    3.375rem  58px
    h2                         :    2.375rem  38px
    h3                         :    1.75rem  28px
    h4                         :    1.25rem   20px
    h5                         :    1rem
    h6                         :    0.75rem  12px
	GLOBAL SPACING HIERARCHY WITH <section>
	---------------------------

    Default                    :    6.5625rem
    Large                      :    11.375rem
    Small                      :    4.8125rem
    Default (mobile)           :    4.265625rem
    Large (mobile)             :    4.265625rem
    Small (mobile)             :    2.625rem
	COLOR PALETTE
	---------------------------
    Placeholder Text Color     :    #E6E6E8
	Primary Background Color   :    transparent
	Highlight Color            :    #EC5E79, #E8588C
	Primary Text Color         :    #212121, #474747
    Heading Text Color         :    #212121
	Subordinate Text Color     :    #AEAEAE
	Dividing Line Color        :    #F4F4F4
    Button Gradient Color      :    #EC5E79, #f60, #d83ba0
	TABLE OF CONTENTS
	---------------------------

    ${{TOC}}
*/
/* Ripple Effect */
@keyframes ripple {
	0% {
		box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.1), 0 0 0 20px rgba(255, 255, 255, 0.1), 0 0 0 40px rgba(255, 255, 255, 0.1), 0 0 0 60px rgba(255, 255, 255, 0.1);
	}

	100% {
		box-shadow: 0 0 0 20px rgba(255, 255, 255, 0.1), 0 0 0 40px rgba(255, 255, 255, 0.1), 0 0 0 60px rgba(255, 255, 255, 0.1), 0 0 0 80px rgba(255, 255, 255, 0);
	}
}

/* ======================================================
    <!-- Basic -->
/* ====================================================== */
::placeholder {
	color: #E6E6E8;
}

.copyRight_box span {
	color: #666666;
}

:root {
	--blue: #007007;
	--indigo: #6610f2;
	--purple: #6f42c1;
	--pink: #e83e8c;
	--red: #dc3545;
	--orange: #fd7e14;
	--yellow: #ffc107;
	--green: #28a745;
	--teal: #20c997;
	--cyan: #17a2b8;
	--white: #fff;
	--gray: #868e96;
	--gray-dark: #343a40;
	--primary: #007bff;
	--secondary: #868e96;
	--success: #28a745;
	--info: #17a2b8;
	--warning: #ffc107;
	--danger: #dc3545;
	--light: #f8f9fa;
	--dark: #343a40;
}

::selection,
::-moz-selection,
::-webkit-selection {
	background: #1f1f1f;
	color: #fff;
}

html,
body {
	width: 100%;
	height: 100%;
}

html {
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	font-size: 16px;
	/* Required, global font size */
}

*,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
a {
	margin: 0;
	padding: 0;
}

/* 初始化 */
body,
span,
ul,
li,
ol,
h1,
h2,
h3,
h4,
h5,
h6,
input,
textarea,
select,
p,
dl,
dt,
dd,
a,
img,
button,
form,
table,
th,
tr,
td,
tbody,
article,
span,
aside,
details,
figcaption,
figure,
footer,
header,
menu,
nav,
section {
	margin: 0;
	padding: 0;
	border: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

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

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

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

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

@font-face {
	font-family: 'iconfont';
	src: url('../fonts/iconfont.woff2?t=1642579112859') format('woff2'),
		url('../fonts/iconfont.woff?t=1642579112859') format('woff'),
		url('../fonts/iconfont.ttf?t=1642579112859') format('truetype');
}

.iconfont {
	font-family: "iconfont" !important;
	font-size: 16px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

body {
	font-size: 0.16rem;
	font-weight: 400;
	line-height: 1.71428571429;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-family: "Microsoft YaHei", Arial, sans-serif;
	color: #212121;
	background-color: #ffffff;
}

a:hover {
	text-decoration: none !important
}

body,
div,
span,
ul,
li,
ol,
h1,
h2,
h3,
h4,
h5,
h6,
input,
textarea,
select,
p,
dl,
dt,
dd,
a,
img,
button,
form,
table,
th,
tr,
td,
tbody,
article,
span,
aside,
details,
figcaption,
figure,
footer,
header,
menu,
nav,
section {

	border: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

:active,
:focus {
	outline: none !important;
}

.ixBox1Data dd .divT .timer1 {
	font-size: 30px;
	color: #0601f9
}

.ixBox1Data dd .divT .timer1 i {
	font-style: normal;
	font-size: 14px
}

.ixBox1Data i {
	font-size: 15px;
	font-weight: normal;
	color: #666;
	margin-left: 5px;

	font-style: normal
}

.ixBox1Data dd:nth-child(3) .ixBox1Data i {}

p,
pre,
table,
blockquote {
	margin-bottom: 0;
}

select {
	max-width: 100%;
}

ul,
li {
	list-style-type: none;
}

blockquote {
	background: #fff;
	border: 1px solid #F8F8F8;
	border-left: 5px solid #EC5E79;
	padding: 0 1.75rem 1.25rem;
	margin-top: 1.421875rem;
	line-height: 2;
	font-size: 1rem;
}

blockquote::before {
	color: #EC5E79;
	content: open-quote;
	font-size: 5.25rem;
	line-height: 0.1;
	margin-right: 0.21875rem;
	vertical-align: -2.055rem;
	font-family: sans-serif;
	content: "\201C";
	/*Unicode for Left Double Quote*/
}

strong {
	font-weight: 600;
}

hr {
	margin: 1.421875rem 0;
	border-color: #F4F4F4;
}

hr.black {
	border-color: rgba(255, 255, 255, 0.1);
}

a img {
	border: none;
}

/*
img {
  max-width: 100%; }*/

iframe {
	border: none !important;
}


/* ======================================================
   <!-- Table -->
/* ====================================================== */
table.table-normal,
.table-normal table {
	border: 1px solid black;
	border-collapse: collapse;
	width: 100%;
}

table.table-normal th,
.table-normal table th {
	text-align: left;
}

table.table-normal td,
table.table-normal th,
.table-normal table td,
.table-normal table th {
	border: 1px solid black;
	padding: 0.6875rem;
}

/* ======================================================
   <!-- Typography -->
/* ====================================================== */
/*
 * 1. General
 * 2. Hyperlink
 * 3. Heading (h1,h2,h3,h4,h5,h6)
 * 4. Text Effect
 * 5. Table & List Effect by Default
 * 6. Drop Cap
*/
/*
 ---------------------------
 1. General
 ---------------------------
 */
a,
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
	transition: all 0.3s ease;
}

/*
 ---------------------------
 2. Hyperlink
 ---------------------------
 */
a {
	color: #474747;
}

a:hover,
a:focus,
a:active {
	color: #000;
	text-decoration: none;
	outline: none;
}

a.link {
	text-decoration: underline;
	color: #EC5E79;
}

a.link:hover {
	color: #E8588C;
}

/*
 ---------------------------
 3. Heading (h1,h2,h3,h4,h5,h6)
 ---------------------------
 */
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
	color: #212121;
	font-weight: 700;
	font-variant-ligatures: common-ligatures;
	/*Ligatures and contextual forms are ways of combining glyphs to produce more harmonized forms.*/
	margin-top: 0;

	padding: 0 0 0;
	word-wrap: break-word;
}

h1 {
	font-size: 3.375rem;
	line-height: 1.14285714286;
}

h2 {
	font-size: 22.375rem;
	line-height: 1.2;
}

h3 {
	font-size: 1.75rem;
	line-height: 1.25;
}

h4 {
	font-size: 1.25rem;
	line-height: 1.33333333333;
}

h5 {
	font-size: 1rem;
	line-height: 1.5;
	font-weight: 600;
}

h6 {
	font-size: 0.75rem;
	line-height: 2;
	font-weight: 600;
}

.h1 {
	font-size: 3.375rem !important;
	line-height: 1.14285714286 !important;
}

.h2 {
	font-size: 22.375rem !important;
	line-height: 1.2 !important;
}

.h3 {
	font-size: 1.75rem !important;
	line-height: 1.25 !important;
}

.h4 {
	font-size: 1.25rem !important;
	line-height: 1.33333333333 !important;
}

.h5 {
	font-size: 1rem !important;
	line-height: 1.5 !important;
	font-weight: 600 !important;
}

.h6 {
	font-size: 0.75rem !important;
	line-height: 2 !important;
	font-weight: 600 !important;
}

.heading-space-none {
	margin: 0 !important;
	padding: 0 !important;
}

.copyRight_box span {
	color: #666666;
}

@media all and (max-width: 768px) {
	h1 {
		font-size: 2.41071rem;
		line-height: 1.15555556;
	}

	h2 {
		font-size: 15.6625rem;
		line-height: 1.421875;
	}

	h3 {
		font-size: 1.25rem;
		line-height: 1.625;
	}

	.h1 {
		font-size: 2.41071rem !important;
		line-height: 1.15555556 !important;
	}

	.h2 {
		font-size: 15.6625rem !important;
		line-height: 1.421875 !important;
	}

	.h3 {
		font-size: 1.25rem !important;
		line-height: 1.625 !important;
	}
}

@media all and (max-width: 480px) {
	h1 {
		font-size: 1.20536rem;
		line-height: 1.38461538462;
	}

	h2 {
		font-size: 13.425rem;
		line-height: 1.28571428571;
	}

	h3 {
		font-size: 1.25rem;
		line-height: 1.5;
	}

	.h1 {
		font-size: 1.20536rem !important;
		line-height: 1.38461538462 !important;
	}

	.h2 {
		font-size: 13.425rem !important;
		line-height: 1.28571428571 !important;
	}

	.h3 {
		font-size: 1.25rem !important;
		line-height: 1.5 !important;
	}
}

/*
 ---------------------------
 4. Text Effect
 ---------------------------
 */
.font-normal {
	font-family: "Conv_AvantGardeITCbyBT-Medium", "Helvetica Neue", Helvetica, "Microsoft YaHei", STXihei, "PingFang SC", "Hiragino Sans GB", Arial, sans-serif;
	font-weight: 400 !important;
}

.font-uppercase {
	text-transform: uppercase !important;
}

.font-bold {
	font-weight: 800 !important;
}

.font-italic {
	font-style: italic !important;
}

.font-no-italic {
	font-style: normal !important;
}

.font-underline {
	text-decoration: underline !important;
}

.font-primary-color {
	color: #EC5E79 !important;
}

.font-sub-color {
	color: #AEAEAE !important;
}

.font-white {
	color: white;
}

.font-white p,
.font-white h1,
.font-white h2,
.font-white h3,
.font-white h4,
.font-white h5,
.font-white h6,
.font-white .h1,
.font-white .h2,
.font-white .h3,
.font-white .h4,
.font-white .h5,
.font-white .h6 {
	color: white;
}

/*
 ---------------------------
 5. Table & List Effect by Default
 ---------------------------
 */
/* Compatible with  Uix Shortcodes (WordPress Plugin) */
.list-normal a:not(.uix-sc-btn),
.table-normal a:not(.uix-sc-btn) {
	color: #EC5E79;
}

.list-normal a:not(.uix-sc-btn):not(.button):hover,
.table-normal a:not(.uix-sc-btn):not(.button):hover {
	color: #E8588C;
	text-decoration: underline;
}

.list-normal a:not(.uix-sc-btn):hover img,
.table-normal a:not(.uix-sc-btn):hover img {
	text-decoration: none;
}

/*
 ---------------------------
 6. Drop Cap
 ---------------------------
 */
.dropcap::first-letter,
.dropcap>p:first-of-type::first-letter {
	display: block;
	margin-right: 10px;
	float: left;
	font-size: 3.5rem;
	line-height: 1;
	margin-bottom: -2px;
}

/* ======================================================
   <!-- Spacing -->
/* ====================================================== */
section,
.section {
	position: relative;
}

section,
.section {
	padding: 6.5625rem 0;
}

section.space-sm,
.section.space-sm {
	padding: 4.8125rem 0;
}

section.space-lg,
.section.space-lg {
	padding: 11.375rem 0;
}

section.space-none,
.section.space-none {
	padding: 0 !important;
}

section.space-none-top,
.section.space-none-top {
	padding-top: 0 !important;
}

section.space-none-bottom,
.section.space-none-bottom {
	padding-bottom: 0 !important;
}

section.site-google-map,
.section.site-google-map {
	padding-top: 0 !important;
}

@media all and (max-width: 768px) {

	section,
	.section {
		padding: 4.26563rem 0;
	}

	section.space-sm,
	.section.space-sm {
		padding: 2.625rem 0;
	}

	section.space-lg,
	.section.space-lg {
		padding: 4.26563rem 0;
	}

	section.space-none,
	.section.space-none {
		padding: 0;
	}

	section.space-none-top,
	.section.space-none-top {
		padding-top: 0;
	}

	section.space-none-bottom,
	.section.space-none-bottom {
		padding-bottom: 0;
	}

	section.site-google-map,
	.section.site-google-map {
		padding-top: 0;
	}
}

.pure:before,
.pure:after {
	content: " ";
	display: table;
}

@font-face {
	font-family: 'BaronNeue';
	src: url('../font/Baron Neue.otf');
	src: local('☺'),
		url('../font/Baron Neue.otf') format('woff'),
		url('../font/Baron Neue.otf') format('truetype'),
		url('../font/Baron Neue.otf') format('svg');
}

@font-face {
	font-family: 'iconfont';
	/* project id 751094 */
	src: url("//at.alicdn.com/t/font_751094_1jwm7jx9qf8i.eot");
	src: url("//at.alicdn.com/t/font_751094_1jwm7jx9qf8i.eot?#iefix") format("embedded-opentype"), url("//at.alicdn.com/t/font_751094_1jwm7jx9qf8i.woff") format("woff"), url("//at.alicdn.com/t/font_751094_1jwm7jx9qf8i.ttf") format("truetype"), url("//at.alicdn.com/t/font_751094_1jwm7jx9qf8i.svg#iconfont") format("svg");
}

.pure:after {
	clear: both;
}

body {
	height: auto;
	overflow-x: hidden;
}

html {
	font-size: 100px;
}

.fl_l {
	float: left;
}

.fl_r {
	float: right;
}

@media screen and (max-width: 800px) {
	html {
		font-size: 90px;
	}
}

@media screen and (max-width: 600px) {
	html {
		font-size: 80px;
	}
}

a {
	text-decoration: none;
}

.newiconfont img {
	width: 100%;
	height: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.header_box {
	background-color: rgba(255, 255, 255, 0);
	transition: background-color 1s ease;
	min-height: 80px;
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 998;
}

.header_box .logo_box {
	display: block;
	margin-left: 4.167vw;
	width: 210px;
	margin-top: 20px;
}

.header_box .logo_box img {
	display: block;
	width: auto !important;
	height: 40px;
	width: 100%;
}

.header_box .pc_nav>ul {
	height: 80px;
	overflow: hidden;
	padding-left: 2.865vw;
	background-color: white;
}

.header_box .pc_nav>ul li {
	display: block;
	float: left;
	line-height: 80px;
	margin-right: 3.4375vw;
	position: relative;
}

.header_box .pc_nav>ul li a {
	text-transform: uppercase;
	color: #222222;
	font-size: 16px;
	cursor: pointer;
	position: relative;
}

.header_box .pc_nav>ul li.on {
	font-weight: bold;
}

.header_box .pc_nav>ul li a:hover {
	font-weight: bold;
}

.header_box .pc_nav>ul li.on::after,
.header_box .pc_nav>ul li:hover::after {
	content: '';
	display: block;
	height: 3px;
	background-color: #e71210;
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
}

.header_box .pc_nav>ul li.on:first-child::after,
.header_box .pc_nav>ul li:first-child:hover::after {
	content: '';
	display: block;
	height: 3px;
	background-color: #e71210;
	width: calc(100% + 1em);
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
}

.header_box .pc_nav .nav_sec_level {
	display: none;
	padding-left: 116px;
	overflow: hidden;
}

.header_box .pc_nav .nav_sec_level>ul {
	float: left;
	margin-right: 30px;
	padding-bottom: 25px;
}

.header_box .pc_nav .nav_sec_level>ul li {
	display: block;
	line-height: 36px;
	font-size: 14px;
}

.header_box .pc_nav .nav_sec_level>ul li a {
	color: #758190;
	cursor: pointer;
	text-transform: capitalize;
}

.header_box .pc_nav .nav_sec_level>ul li:hover a {
	color: #fff;
}

.header_box .lag_sel_box {
	color: #fff;
	line-height: 120px;
	position: relative;
	margin-left: 6.2%;
}

.header_box .lag_sel_box .lag_show_text {
	position: relative;
}

.header_box .lag_sel_box .lag_show_text i {
	position: absolute;
	transition: all .5s ease-in;
}

.header_box .lag_sel_box .lag_show_text i.on {
	transform: rotate(180deg);
}

.header_box .lag_sel_box .lag_box {
	display: none;
	position: absolute;
	top: 100px;
	left: 50%;
	transform: translateX(-50%);
	background-color: #fff;
	color: #758190;
	font-size: 14px;
	line-height: 32px;
	padding: 10px 20px;
}

.header_box .lag_sel_box .lag_box::after {
	content: '';
	position: absolute;
	top: -5px;
	left: 30%;
	width: 10px;
	height: 10px;
	background-color: #fff;
	transform: rotate(45deg);
}

.header_box .lag_sel_box .lag_box li {
	cursor: pointer;
	padding-right: 25px;
	border-bottom: 1px solid #758190;
}

.header_box .lag_sel_box .lag_box li:last-child {
	border-bottom: none;
}

.header_box .lag_sel_box .lag_box li:hover {
	color: #004bc6;
}

.header_box .lag_sel_box .lag_box li.on {
	color: #004bc6;
}

.header_box.on {
	background-color: white;
}

.search_box {
	position: relative;
	background-color: #0601f9;
	z-index: 1;
}

.search_box .btn_search {
	position: relative;
	float: right;
	z-index: 1;
	width: 80px;
	height: 80px;
	line-height: 80px;
	text-align: center;
	color: #ffffff;
	cursor: pointer;
	background-color: #0601f9;
	font-size: 22px;
}

.search_box .text_search_box {
	position: absolute;
	top: 0;
	right: 100%;
	width: 0;
	height: 80px;
	background-color: #0601f9;
	transition: width .5s ease;
}

.search_box .text_search_box input {
	background-color: #fff;
	padding-left: 10px;
	width: 210px;
	height: 36px;
	line-height: 36px;
	color: #222222;
	font-size: 14px;
	margin: 22px 0 0 20px;
	display: block;
}

.search_box.on .text_search_box {
	width: 230px;
}

#bloc {
	position: relative;
	min-height: 100%;
	overflow: hidden;
}

#bloc .wrapper {
	width: 100vw;
	height: 100vh;
	overflow: hidden;
}

#bloc .wrapper .row {
	height: 100vh;
	background-color: #fff;
	position: absolute;
	width: 100vw;
	top: 0;
	left: 0;
	z-index: 3;
	opacity: 0;
	overflow: hidden;
}

#bloc .wrapper .row.on {
	z-index: 4;
	opacity: 1;
}

#change_page {
	position: fixed;
	right: 0px;
	bottom: 35px;
	height: auto;
	z-index: 5;
	transform: rotate(90deg);
}

#change_page button {
	font-size: 37px;
	color: #0601f9;
	background: transparent;
}

#change_page button:hover {
	cursor: pointer;
}

#bloc .wrapper .row.navInPrev {
	pointer-events: none;
	opacity: 1;
	-webkit-animation: slideInHalfFromTop 0.7s forwards ease-in-out;
	animation: slideInHalfFromTop 0.7s forwards ease-in-out;
}

#bloc .wrapper .row.navOutPrev {
	pointer-events: none;
	opacity: 1;
	-webkit-animation: slideOutBottom 0.7s forwards ease-in-out;
	animation: slideOutBottom 0.7s forwards ease-in-out;
}

#bloc .wrapper .row.navInNext {
	pointer-events: none;
	opacity: 1;
	z-index: 100;
	-webkit-animation: slideInFromBottom 0.7s forwards ease-in-out;
	animation: slideInFromBottom 0.7s forwards ease-in-out;
}

#bloc .wrapper .row.navOutNext {
	pointer-events: none;
	opacity: 1;
	-webkit-animation: slideOutHalfTop 0.7s forwards ease-in-out;
	animation: slideOutHalfTop 0.7s forwards ease-in-out;
}

.banner_box {
	width: 100%;
	height: 100vh;
	margin: 0 auto;
	position: relative;
}

.mouse img {
	width: 100%;
	animation: banner 2s infinite;
}

@keyframes banner {

	0%,
	100% {
		transform: translateY(0);
	}

	50% {
		transform: translateY(-30px);
		/* 图片向上移动10px */
	}
}

.banner_box .banner {
	width: 100%;
	height: 100vh;
	margin: 0 auto;
	position: relative;
}

.banner_box .banner .banner_sty {
	height: 100%;
	position: relative;
	overflow: hidden;
}

.banner_box .bannertxt {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 2;
	color: #fff;
	text-align:center;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	padding: 0 20px;
}

.banner_box .banner .banner_sty .banner_img {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	transform: scale(1.1);
	transition: all 5s ease;
}

.banner_box .banner .active .banner_img {
	transform: scale(1);
}

.banner_box .banner .active .banner_info {
	animation-name: fadeInUp;
}

.banner_box .banner .active .banner_mess {
	animation-name: fadeInDown;
	animation-delay: 1.1s;
}

.banner_box .banner .active .banner_mess_l {
	animation-name: fadeInDown;
	animation-delay: 1.6s;
}

.banner_box .banner .active .ying_box {
	animation-name: fadeInDown;
	animation-delay: 2.1s;
}

.banner_box .banner .swiper-pagination-bullet-active {
	background-color: #fff;
	opacity: 1;
	width: 20px;
}

.banner_box .banner.swiper-container-horizontal>.swiper-pagination-bullets {
	left: auto;
	width: 25px;
	right: 8.3%;
	top: 50%;
	transform: translateY(-50%);
	bottom: auto;
	overflow: hidden;
	text-align: right;
	font-size: 0;
}

.banner_box .banner.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
	opacity: 1;
	background-color: #fff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin: 4px 4px;
	transition: width .5s ease;
}


@media all and (max-width:950px) {
	.banner_box {
		width: 100%;
		height: auto;
	}

	.mouse {
		position: absolute;
		left: 50%;
		margin-left: -5.5px;
		bottom: 15px;
		width: 11px;
		height: 36px;
		z-index: 100;
	}

	@keyframes banner {

		0%,
		100% {
			transform: translateY(0);
		}

		50% {
			transform: translateY(-10px);
			/* 图片向上移动10px */
		}
	}

	.banner_box .banner {
		height: 400px;
	}
}

/* .banner_box {
	height: 100%;
}

.banner_box .banner {
	height: 100%;
}

.banner_box .banner .banner_sty {
	height: 100%;
	position: relative;
	overflow: hidden;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}

.banner_box .banner .banner_sty .banner_img {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	transform: scale(1.1);
	transition: all 5s ease;
}

.banner_box .banner .active .banner_img {
	transform: scale(1);
}

.banner_box .banner .active .banner_info {
	animation-name: fadeInUp;
}

.banner_box .banner .active .banner_mess {
	animation-name: fadeInDown;
	animation-delay: 1.1s;
}

.banner_box .banner .active .banner_mess_l {
	animation-name: fadeInDown;
	animation-delay: 1.6s;
}

.banner_box .banner .active .ying_box {
	animation-name: fadeInDown;
	animation-delay: 2.1s;
}

.banner_box .banner .swiper-pagination-bullet-active {
	background-color: #fff;
	opacity: 1;
	width: 20px;
}

.banner_box .banner.swiper-container-horizontal>.swiper-pagination-bullets {
	left: auto;
	width: 25px;
	right: 8.3%;
	top: 50%;
	transform: translateY(-50%);
	bottom: auto;
	overflow: hidden;
	text-align: right;
	font-size: 0;
}

.banner_box .banner.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
	opacity: 1;
	background-color: #fff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin: 4px 4px;
	transition: width .5s ease;
}

.banner_text {
	width: 80%;
	z-index: 1;
	text-align: center;
	color: #fff;
	line-height: 1;
	padding: 0 10px;
}

.banner_text .banner_info {
	font-size: 38px;
	font-weight: bold;
}

.banner_text .banner_mess {
	text-transform: uppercase;
	font-size: 20px;
	font-weight: bold;
	margin-top: 0vh;
}

.banner_text .banner_mess_l {
	text-transform: uppercase;
	font-size: 18px;
	margin-top: 2vh;
	letter-spacing: 15px;
}

.banner_text .ying_box {
	margin-top: 2.8vh;
	text-align: center;
}

.banner_text .ying_box img {
	width: 74px;
} */

.ind_news_box {
	background-color: rgba(4, 22, 51, 0.5);
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100vw;
	padding-top: 4.3vh;
	z-index: 1;
	color: #fff;
}

.ind_news_box .ind_news_case {
	width: 83.3vw;
	margin: 0 auto;
	position: relative;
	padding-bottom: 4.3vh;
}

.ind_news_box .ind_news_case .ind_news_name {
	float: left;
	font-size: 32px;
	line-height: 1;
	margin-right: 2.6vw;
}

.ind_news_box .ind_news_case .ind_news_name>i {
	margin-right: 10px;
}

.ind_news_box .ind_news_case .ind_news_info_box {
	float: left;
	width: 35.83vw;
	font-size: 0;
}

.ind_news_mes_box {
	display: inline-block;
	vertical-align: top;
	width: 52%;
}

.ind_news_mes_box>div {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	position: relative;
	font-size: 18px;
	line-height: 1.6;
	padding-top: 10px;
}

.ind_news_mes_box .ind_time_box {
	font-size: 28px;
	color: #c3c3c3;
	position: relative;
	margin-top: 20px;
	font-family: 'BaronNeue';
}

.ind_news_mes_box .ind_time_box>a {
	display: block;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	font-size: 0;
	width: 60px;
	height: 24px;
	line-height: 24px;
	text-align: center;
	color: #c3c3c3;
}

.ind_news_mes_box .ind_time_box>a i {
	vertical-align: middle;
	display: inline-block;
	font-size: 12px;
}

.ind_news_mes_box .ind_time_box>a:hover {
	background-color: #399fde;
	color: #fff;
}

.ind_news_img {
	display: inline-block;
	vertical-align: middle;
	margin-left: 8%;
	width: 39.244%;
}

.ind_news_img img {
	width: 100%;
}

.ind_com_box {
	position: absolute;
	right: 0;
	bottom: 0;
	background-color: #0601f9;
	width: 38.75%;
	padding: 1.8vw;
}

.ind_com_box .ind_com_title {
	font-size: 32px;
	line-height: 1.3;
	padding-bottom: 10px;
	border-bottom: 1px solid #fff;
}

.ind_com_box .ind_com_info {
	line-height: 1.56;
	font-size: 16px;
	margin-top: 0.78vw;
	min-height: 10vh;
}

.ind_com_box .ind_com_det {
	position: relative;
	margin-top: 0.78vw;
}

.ind_com_box .ind_com_det a {
	color: rgba(210, 218, 255, 0.5);
	font-size: 16px;
}

.ind_com_box .ind_com_det>img {
	width: 3.125vw;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}

.header_m {
	display: none;
}

.pub_title {
	color: #333333;
	margin-top: calc(5.5vh + 20px);
	text-align: center
}

.pub_title1 {
	color: #333333;
	margin-top: calc(5.5vh + 20px);
	text-align: left
}

.pub_title1 .tit i {
	font-size: 53px;
	display: block;
	font-family: Helvetica-Neue-Light-2;
	text-transform: uppercase;
	font-style: normal;
	color: #333e3a;
	line-height: 61px;
}

.pub_title1 .tit i span {
	font-size: 26px
}

.pub_title1 .tit {
	height: 160px;
	padding-left: 4px;
}

.pub_title>div:first-child {
	font-size: 53px;
	line-height: 1.2;
	text-transform: uppercase;
	background: url(../image/li.jpg) no-repeat center center;
	font-family: Barlow-Regular
}

.pub_title>div:nth-child(2) {
	font-size: 28px;
	line-height: 2.5;
	text-transform: uppercase;
	font-family: Barlow-Regular
}

.tit_place0 {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 11;
	padding: 0 1.6vw 0 4.6vw;
	background-color: #fff;
	text-align: left;
}

.mess_box {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 2;
	width: 58.854vw;
}

.mess_box .active .mess_con {
	left: 0;
	transition: left 0s;
}

.mess_box .active .slide_sha {
	width: 0;
}

.mess_box .mess_con {
	display: block;
	position: relative;
	text-align: left;
	background-color: #0601f9;
	color: #fff;
	padding-left: 8.33vw;
	padding-right: 8.33vw;
	padding-top: 8.8vh;
	padding-bottom: 8.3vh;
	left: -100%;
	transition: left .5s ease;
}

.mess_box .mess_con .mess_title {
	text-align: left;
	font-size: 32px;
	line-height: 1.1;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	text-transform: uppercase;
}

.mess_box .mess_con .mess_info {
	line-height: 2;
	font-size: 32px;
	padding: 15px 0;
	text-transform: uppercase;
	border-bottom: 1px solid white;
	position: relative;
	font-family: Barlow-Regular
}

.mess_box .mess_con .mess_info::after {
	content: '';
	display: block;
	height: 5px;
	width: 50px;
	background-color: #fff;
	position: absolute;
	left: 0;
	bottom: -2px;
}

.mess_box .mess_con .mess_com_pro {
	font-size: 16px;
	line-height: 1.8;
	margin-top: 20px;
	min-height: 20vh;
}

.mess_box .mess_con .data_box {
	margin-top: 9.26vh;
}

.mess_box .mess_con .data_box>div {
	font-size: 0;
}

.mess_box .mess_con .data_box>div>div {
	display: inline-block;
	vertical-align: bottom;
}

.mess_box .mess_con .data_box>div:first-child {
	margin-right: 60px;
}

.mess_box .mess_con .data_box .dat_name {
	line-height: 1.2;
	font-size: 18px;
}

.mess_box .mess_con .data_box .dat_num {
	line-height: 1;
	font-size: 68px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	margin-right: 10px;
}

.mess_box .swiper-pagination {
	width: 100vw;
	position: relative;
	text-align: left;
	margin-top: 5vh;
	margin-bottom: 3vh;
}

.mess_box .swiper-pagination::after {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	bottom: 12px;
	width: 100%;
	background-color: #f1f2f3;
	height: 1px;
}

.mess_box .swiper-pagination>span:first-child {
	margin-left: 7%;
}

.mess_box .swiper-pagination>span {
	width: 9%;
	height: auto;
	position: relative;
	background-color: transparent;
	opacity: 1;
}

.mess_box .swiper-pagination>span>div {
	text-align: center;
}

.mess_box .swiper-pagination>span .src2_pag_icon {
	color: rgba(6, 1, 249, 0.4);
}

.mess_box .swiper-pagination>span .src2_pag_icon i {
	display: inline-block;
	position: relative;
	vertical-align: middle;
	width: 30px;
	height: 30px;
	margin-bottom: 10px;
	opacity: 0.4;
}

.mess_box .swiper-pagination>span .src2_pag_name {
	display: inherit;
	position: relative;
	line-height: 1;
	color: rgba(6, 1, 249, 0.4);
	overflow: hidden;
	left: 50%;
	transform: translateX(-50%);
	font-size: 17px;
}

.mess_box .swiper-pagination>span .src2_pag_name::after {
	content: attr(data-mask);
	position: absolute;
	color: #0601f9;
	left: 0;
	overflow: hidden;
	width: 0;
	transition: all 0.5s cubic-bezier(0, 0.31, 0.22, 0.43);
	top: 0;
	text-align: left;
	white-space: nowrap;
}

.mess_box .swiper-pagination>span .src2_pag_dot {
	display: block;
	margin: 0 auto;
	border-radius: 100%;
	border: 6px solid transparent;
	width: 24px;
	height: 24px;
	background-color: transparent;
	position: relative;
	z-index: 2;
}

.mess_box .swiper-pagination>span .src2_pag_dot::after {
	content: '';
	display: block;
	position: absolute;
	width: 8px;
	height: 8px;
	border-radius: 100%;
	background-color: #f1f2f3;
	left: 2px;
	top: 2px;
}

.mess_box .swiper-pagination>span .src2_pag_plan {
	width: 7vw;
	height: 1px;
	position: absolute;
	left: 50%;
	bottom: 12px;
	background-color: #f1f2f3;
}

.mess_box .swiper-pagination>span .src2_pag_plan::after {
	content: '';
	display: block;
	width: 0;
	height: 1px;
	background-color: #0601f9;
	position: absolute;
	left: 0;
	top: 0;
	transition: width 2s ease-out;
	z-index: 1;
}

.mess_box .swiper-pagination>span:first-child::before {
	content: '';
	display: block;
	width: 18vw;
	height: 1px;
	position: absolute;
	right: 50%;
	bottom: 12px;
	background-color: #f1f2f3;
}

.mess_box .swiper-pagination>span.swiper-pagination-bullet-active .src2_pag_icon {
	color: #0601f9;
}

.mess_box .swiper-pagination>span.swiper-pagination-bullet-active .src2_pag_name::after {
	width: 100%;
}
.mess_box .swiper-pagination>span.swiper-pagination-bullet-active .src2_pag_icon i {
	opacity: 1;
}

.mess_box .swiper-pagination>span.swiper-pagination-bullet-active .src2_pag_dot {
	display: block;
	border-radius: 100%;
	border: 6px solid #fff;
	width: 24px;
	height: 24px;
	background-color: rgba(6, 1, 249, 0.2);
	position: relative;
	z-index: 2;
}

.mess_box .swiper-pagination>span.swiper-pagination-bullet-active .src2_pag_dot::after {
	background-color: #0601f9;
}

.mess_box .swiper-pagination>span.swiper-pagination-bullet-active .src2_pag_plan::after {
	width: 100%;
	transition: width 6s ease;
}

.slide_sha {
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 2;
	right: 0;
	top: 0;
	transition: width 1.5s ease .5s;
	background-color: #fff;
}

.mess_img_case .active .slide_sha {
	width: 0;
}

.fade_in {
	opacity: 0.2;
	transition: opacity 1.5s ease .8s;
}

.mess_box .active .fade_in {
	opacity: 1;
}

.mess_img_case .slide_sha {
	width: 120%;
	height: 120%;
	left: -10%;
	top: -10%;
}

.mess_img_case .swiper-wrapper {
	transition-timing-function: cubic-bezier(0.1, 0.7, 0.74, 0.3);
	/*transition-timing-function: ease;*/
}

.mess_img_case .active .mess_img_con img {
	transform: scale(1);
}

.mess_img_case .mess_img_con img {
	transform: scale(1.2);
	transition: all 1s ease .5s;
}

.mess_img_case .swiper-slide {
	overflow: hidden;
}

.mess_box .swiper-pagination-bullet:last-child .src2_pag_plan {
	display: none;
}

.scr2_case {
	position: relative;
	padding-top: 1px;
	height: 100%;
}

.mess_img_box {
	position: relative;
	height: 100%;
}

.mess_img_box img {
	display: block;
	width: 100%;
}

.mess_img_case {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
}

.mess_img_case .swiper-pagination {
	position: absolute;
	width: 28.645vw;
	bottom: 106%;
	left: 0;
}

.mess_img_case .swiper-pagination .on {
	font-size: 48px;
	color: #0601f9;
}

.mess_ser_num_box {
	width: 220px;
	height: 190px;
	position: absolute;
	right: 13.542%;
	top: 0;
	transform: translateY(-50%);
	z-index: 2;
}

.mess_ser_num_box .swiper-container {
	height: 100%;
}

.mess_ser_num_box .swiper-container .active .mess_ser_num_case {
	opacity: 1;
	transform: scale(1);
}

.mess_ser_num_box .mess_ser_num_case {
	opacity: 0.2;
	transform: scale(0.9);
	transition: all 1s ease-in;
	position: relative;
}

.mess_ser_num_box .mess_ser_num_case .mess_ser_num_con {
	width: 100%;
	text-align: center;
	letter-spacing: -17px;
	position: relative;
	z-index: 2;
	font-size: 190px;
	line-height: 1;
	background: linear-gradient(360deg, #004bc6, #004bc6, #00c5fb);
	/* 标准语法 */
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.mess_ser_num_box .mess_ser_num_case .mess_ser_num_con.shadow {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	text-shadow: rgba(0, 70, 198, 0.17) 1px 5px 10px;
}

.mess_box {
	background-color: #fff;
}

.mess_box .swiper-wrapper {
	transition-timing-function: ease;
}

.ind_body .screen2 {
	padding-top: 80px;
	position: relative;
	height: 100%;
}

.ind_body .view {
	display: none;
}

.ind_body .view .swiper-pagination-bullet {
	width: 30px;
	height: 3px;
	background-color: #bfc9d9;
	transition: width .5s ease;
	border-radius: 0;
	opacity: 1;
}

.ind_body .view .swiper-pagination-bullet-active {
	width: 50px;
	background-color: #004bc6;
}

.ind_body .view .swiper-container-horizontal>.swiper-pagination-bullets,
.ind_body .view .swiper-pagination-custom,
.ind_body .view .swiper-pagination-fraction {
	bottom: 0;
	font-size: 0;
}

.ind_body .view .pro_img_num {
	font-size: 0.26rem;
	color: #8d9baf;
	position: absolute;
	bottom: -10px;
	left: 0;
	z-index: -1;
}

.ind_body .view .pro_img_num>span:first-child {
	font-size: .5rem;
	color: #000000;
}

.ind_body .view0 {
	display: block;
}

.ind_body .tit_place2 {
	margin-top: 100px;
	margin-left: 13.542%;
}

.ind_body .screen3 {
	width: 93.33vw;
	margin: 0 auto;
	height: 100%;
	position: relative;
}

.scr3_pro_case {
	display: block;
	overflow: hidden;
	height: 52vh;
	position: relative;
	margin-top: 0vh;
}

.scr3_pro_case:hover .pro_hover_box {
	height: 100%;
	transition: height 0.8s ease .5s;
}

.scr3_pro_case:hover .scr3_pro_box {
	height: 100%;
	transition: height 0.5s ease;
}

.scr3_pro_case:hover .scr3_pro_box .pro_img_box {
	height: 100%;
	transition: height 2.5s ease 0.5s;
}

/*.scroll-animate{*/
/*visibility: hidden;*/
/*}*/
.pro_hover_box {
	position: absolute;
	width: 100%;
	height: 0;
	overflow: hidden;
	background-color: rgba(6, 1, 249, 0.9);
	transition: height 0.5s ease;
	color: #fff;
	text-align: center;
}

.pro_hover_box .pro_title {
	color: #fff;
}

.pro_hover_box .pro_info {
	color: #fff;
}

.pro_hover_box>div {
	position: absolute;
	width: 100%;
	left: 50%;
	top: 50%;
	transform: translate3d(-50%, -50%, 0);
	z-index: 1;
}

.pro_hover_box .pro_link_box>div {
	font-size: 0;
	padding-top: 20px;
	height: 65px;
}

.pro_hover_box .pro_link_box>div .like_line {
	display: inline-block;
	opacity: 0.8;
	font-size: 16px;
	line-height: 30px;
	position: relative;
	margin-top: 15px;
	color: #fff;
}

.pro_hover_box .pro_link_box>div .like_line::after {
	content: '';
	width: 100%;
	height: 1px;
	background-color: #fff;
	position: absolute;
	left: 0;
	bottom: 0;
}

.pro_hover_box .pro_link_box>div .like_line:hover {
	font-weight: bold;
	opacity: 1;
}

.scr3_pro_box {
	height: 47vh;
	overflow: hidden;
	position: absolute;
	left: 0;
	width: 100%;
	bottom: 0;
	transition: height 0.5s ease 1s;
}

.scr3_pro_box>.pro_img_box {
	height: 37vh;
	display: block;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	transition: height 0.5s ease 0.5s;
}

.scr3_pro_box .scr3_pro_tex_box {
	border: 1px solid #dddddd;
	padding: 0 20px;
	height: 10vh;
	position: relative;
}

.pro_title {
	font-size: 24px;
	line-height: 1.8;
	margin-top: 5%;
	color: #333333;
}

.pro_info {
	font-size: 16px;
	line-height: 1.5;
	color: #999999;
	font-family: Barlow-Regular
}

.more_sty {
	color: #999999;
	font-size: 12px;
	line-height: 3;
	position: absolute;
	right: 20px;
	bottom: 26%;
}

.more_sty::after {
	content: '';
	display: block;
	width: 50px;
	height: 1px;
	background-color: #999999;
	position: absolute;
	right: 0;
	bottom: 0;
}

#header {
	display: none;
	height: 0.6rem;
	background-color: rgba(255, 255, 255, 0.3);
	width: 100%;
	top: 0;
	left: 0;
	position: absolute;
	box-sizing: border-box;
	z-index: 5000;
	margin: auto;
	right: 0;
	padding: 0 4%;
	transition: all 0.3s cubic-bezier(0.7, 0.01, 0.3, 1);
}

#header #logo {
	height: 0.4rem;
	margin-top: 0.1rem;
	display: block;
}

#header #logo img {
	height: 100%;
	width: auto;
	display: block;
}

#header nav.app-nav {
	position: fixed;
	top: 0;
	right: 0;
	height: 0.6rem;
	line-height: 0.6rem;
	width: 0.5rem;
	z-index: 20;
}

#header nav.app-nav .getAppNav {
	font-size: 0.28rem;
	z-index: 6;
	position: absolute;
	width: 100%;
	height: 100%;
	margin: auto;
	right: 0;
	text-align: center;
	cursor: pointer;
}

#header nav.app-nav .getAppNav:before {
	content: '';
	position: absolute;
	width: 0.28rem;
	height: 2px;
	background-color: #fff;
	top: 16px;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	transition: all 0.3s ease-out;
}

#header nav.app-nav .getAppNav>span {
	position: absolute;
	width: 0.28rem;
	height: 2px;
	background-color: #fff;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	opacity: 1;
	transition: all 0.3s ease-out;
}

#header nav.app-nav .getAppNav:after {
	content: '';
	position: absolute;
	width: 0.28rem;
	height: 2px;
	background-color: #fff;
	top: -16px;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	transition: all 0.3s ease-out;
}

#header nav.app-nav .menuActive:before {
	transform: rotate(-45deg);
	transform-origin: 50% 50%;
	top: 0px !important;
}

#header nav.app-nav .menuActive>span {
	opacity: 0 !important;
}

#header nav.app-nav .menuActive:after {
	transform: rotate(45deg);
	transform-origin: 50% 50%;
	top: 0px !important;
}

#header nav.app-nav>ul {
	display: none;
	position: absolute;
	top: 100%;
	right: 0;
	border-bottom: 2px solid #d2d2d2;
}

#header nav.app-nav>ul>li {
	width: 100%;
	line-height: 0.4rem;
	text-align: center;
	background-color: white;
	transition: all 0.3s ease-out;
	border-top: 1px solid #eee;
	font-weight: bold;
}

#header nav.app-nav>ul>li>a {
	display: inline-block;
	width: 100%;
	color: rgba(0, 0, 0, 0.7);
}

#header nav.app-nav>ul>li.child-Down>.child-nav {
	padding: 0;
	overflow: hidden;
	background-color: rgba(226, 226, 226, 0.7);
}

#header nav.app-nav>ul>li.child-Down>.child-nav>li {
	width: 50%;
	float: left;
	text-align: center;
	line-height: 0.4rem;
	transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	height: 0;
}

#header nav.app-nav>ul>li.child-Down>.child-nav.on>li {
	height: 0.4rem;
}

#header nav.app-nav>ul>li.child-Down>.child-nav>li>a {
	display: inline-block;
	width: 100%;
	color: rgba(47, 47, 47, 0.7);
	height: 0.4rem;
	line-height: 0.4rem;
	overflow: hidden;
}

.disab {
	pointer-events: none;
	opacity: 0;
}

.ind_body footer {
	position: absolute;
}

footer {
	position: relative;
	left: 0;
	bottom: 0;
	width: 100%;
	background-color: #1A1A1A;
	color: #fff;
	font-size: 14px;
	padding: 10px 15px;
	line-height: 30px;
}

footer .copyRight_box {
	width: 83.33vw;
	margin: 0 auto;
	position: relative;
}

.foot_nav {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}

.foot_nav a {
	color: #666666;
}

.map_bg {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center bottom;
	background-image: url("../image/map_bg.jpg");
}

.branch-svg {
	/*width: 45%;*/
	position: absolute;
	top: 7.3vh;
}

.branch-svg svg {
	width: 750px;
	height: 650px;
}

polygon {
	fill: #e8f2ff;
	stroke: #8cb2ed;
	stroke-width: 0.5;
	opacity: 1;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.branch-svg polygon.isfill {
	fill: #5c5c5c;
}

text {
	font-size: 10px;
	fill: #e71210;
	display: none;
	font-weight: bold;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

text.show {
	display: block;
}

circle.show {
	fill: #e71210;
	stroke: #e71210;
	r: 4;
	stroke-width: 0;
	animation-play-state: paused;
	cursor: auto;
	z-index: 1;
}

circle.anim {
	animation: dotsShow ease 1s infinite;
}

circle {
	fill: #0601f9;
	stroke: #bacde7;
	stroke-width: 4;
	r: 4;
	display: block;
	opacity: 0.92;
	position: relative;
	cursor: pointer;
	z-index: 2;
}

@keyframes dotsShow {
	0% {
		stroke-width: 4;
		r: 4;
	}

	50% {
		stroke-width: 0;
		r: 2;
	}

	100% {
		stroke-width: 4;
		r: 4;
	}
}

.city_default {
	display: block !important;
	fill: #0601f9;
	font-size: 16px;
	font-weight: 400 !important;
}

circle.dot_default {
	r: 11;
	fill: #fff;
	stroke: #0601f9;
	stroke-width: 3;
	display: block;
	opacity: 1;
	position: relative;
	cursor: pointer;
	z-index: 2;
}

.branch-svg image {
	pointer-events: none;
}

.st0 {
	fill: none;
	stroke: #0601f9;
	stroke-miterlimit: 10;
}

.st1 {
	fill: none;
	stroke: #0601f9;
	stroke-miterlimit: 10;
	stroke-dasharray: 1.9951, 1.9951;
}

.st2 {
	fill: none;
	stroke: #0601f9;
	stroke-miterlimit: 10;
	stroke-dasharray: 2;
}

.st3 {
	fill: #FFFFFF;
	stroke: #0601f9;
	stroke-width: 3;
	stroke-miterlimit: 10;
}

.st4 {
	fill: #00468C;
}

.st5 {
	fill: #E51A11;
}

#line_box {
	position: absolute;
	left: 0;
	top: 0;
	pointer-events: none;
}

#line_box .anim {
	animation: lineDo 4s ease 1;
}

@keyframes lineDo {
	0% {
		stroke-dasharray: 1000;
		stroke-dashoffset: -500;
	}

	100% {
		stroke-dasharray: 2;
		stroke-dashoffset: 0;
	}
}

.branch_bg {
	position: absolute;
	opacity: 0.7;
	left: 43.1%;
	top: 70.5%;
	width: 140px;
	display: block;
	z-index: -1;
}

.branch_bg_1 {
	position: absolute;
	opacity: 1;
	left: 88.1%;
	top: 63.5%;
	width: 18%;
	display: block;
	z-index: -1;
}



.map_sel_case {
	width: 29.25%;
	right: 0;
	margin-right: 9.6%;
	position: absolute;
}

.map_sel_case .map_sel_box {
	height: 60px;
	background-color: #0601f9;
	position: relative;
	z-index: 2;
}

.map_sel_case .map_sel_box>.pure {
	font-size: 18px;
	line-height: 60px;
	color: #fff;
}

.map_sel_case .map_sel_box>.pure>div {
	width: calc(100% - 60px);
	float: left;
	padding-left: 24px;
}

.map_sel_case .map_sel_box>.pure .sel_btn {
	width: 60px;
	height: 60px;
	display: block;
	float: right;
	text-align: center;
	font-size: 12px;
	background-color: #399fde;
	position: relative;
	cursor: pointer;
}

.map_sel_case .map_sel_box>.pure .sel_btn i {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) scale(0.7);
	transition: all .5s ease;
}

.map_sel_case .map_sel_box>.pure .sel_btn.on i {
	transform: translate(-50%, -50%) scale(0.7) rotate(-180deg);
}

.map_sel_case .map_sel_box .city_sel_box {
	display: none;
	position: absolute;
	left: 0;
	top: 100%;
	width: 100%;
	height: 40vh;
	background-color: #f2f8fe;
	padding: 25px;
}

.map_sel_case .map_sel_box .city_sel_box>ul {
	height: calc(40vh - 50px);
	width: 100%;
	padding-right: 30px;
}

.map_sel_case .map_sel_box .city_sel_box>ul li {
	margin-right: 6.6%;
	display: block;
	line-height: 3;
	font-size: 14px;
	color: #7e7e7e;
	border-bottom: 1px solid #eeeeee;
	cursor: pointer;
}

.city_sel_con {
	width: 100%;
	height: 40vh;
	background-color: #f2f8fe;
	padding: 25px;
}

.city_sel_con>ul {
	height: calc(40vh - 50px);
	width: 100%;
	padding-right: 30px;
}

.city_sel_con>ul li {
	margin-right: 6.6%;
	display: block;
	line-height: 2;
	font-size: 14px;
	color: #7e7e7e;
	cursor: pointer;
}

.city_sel_con>ul li .map_field {
	border-bottom: 1px solid #eeeeee;
	position: relative;
	padding-left: 15px;
	font-size: 16px;
	line-height: 3;
	color: #399fde;
}

.city_sel_con>ul li .map_field::after {
	content: '';
	display: block;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background-color: #399fde;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -3px;
}

.city_sel_con>ul li .map_contact {
	padding: 10px 0;
}

.jspTrack {
	background-color: #e8edf1;
	border-radius: 4px;
}

.jspVerticalBar {
	background-color: transparent;
}

.jspDrag {
	background-color: #d2d2d2;
	border-radius: 4px;
}

.pub_banner_box {
	height: 46vh;
	position: relative;
	overflow: hidden;
}

.pub_banner_box .pub_banner {
	width: 100%;
	height: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	transition: all 1s ease;
	transform: scale(1.1);
	-webkit-filter: blur(10px);
	-moz-filter: blur(10px);
	-ms-filter: blur(10px);
	filter: blur(10px);
}

.pub_banner_box .on.pub_banner {
	transform: scale(1);
	-webkit-filter: blur(0px);
	-moz-filter: blur(0px);
	-ms-filter: blur(0px);
	filter: blur(0px);
}

.pub_banner_text_box {
	position: absolute;
	text-align: center;
	color: #fff;
	width: 100%;
	padding: 0 15px;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	line-height: 1;
}

.pub_banner_text_titlt {
	font-size: 32px;
	margin-top: 40px;
	text-shadow: 3px 0 10px rgba(10, 70, 144, 0.4);
}

.pub_banner_text_cn {
	font-size: 18px;
	margin-top: 18px;
	font-weight: 700;
	letter-spacing: 8px;
	text-transform: uppercase;
	text-shadow: 3px 0 10px rgba(10, 70, 144, 0.4);
}

.pub_con_case {
	width: 66.66%;
	margin: 0 auto;
	position: relative;
}

.com_nav {
	width: 100%;
	position: relative;
	transform: translateY(-50%);
	box-shadow: 25px 0 80px rgba(0, 0, 0, 0.1);
}

.com_nav>a {
	width: 20%;
	text-align: center;
	font-size: 0;
	color: #fff;
	background-color: #0d468d;
	display: block;
	padding: 20px 0;
	float: left;
	border-right: 1px solid #0b3e7e;
}

.com_nav>a>div {
	display: inline-block;
	vertical-align: middle;
	line-height: 1;
	margin: 0 8px;
}

.com_nav>a>div i {
	font-size: 0.36rem;
}

.com_nav>a>div:first-child {
	margin-left: 0;
}

.com_nav>a>div:last-child {
	margin-right: 0;
}

.com_nav>a:last-child {
	border-right: none;
}

.com_nav>a.on,
.com_nav>a:hover {
	background-color: #1378c4;
	border-right: 1px solid transparent;
}

.com_nav_title {
	font-size: 16px;
	margin-bottom: 5px;
	text-align: left;
}

.com_nav_title_cn {
	font-size: 12px;
	transform: scale(0.75);
	transform-origin: 0 50% 0;
	text-align: left;
	text-transform: uppercase;
}

.com_con_head {
	position: relative;
	text-align: center;
}

.com_con_head::after {
	content: attr(data-mark);
	display: block;
	line-height: 1;
	font-size: 86px;
	color: #f5f5f5;
	left: 50%;
	top: 50%;
	position: absolute;
	transform: translate(-50%, -50%);
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: 6px;
}

.com_con_head .com_con_title_box {
	border-radius: 100%;
	background-color: #fff;
	height: 126px;
	width: 126px;
	box-shadow: 3px 0 60px rgba(57, 122, 203, 0.29);
	position: relative;
	z-index: 1;
	margin: 0 auto;
}

.com_con_head .com_con_title_box>span {
	display: inline-block;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.com_con_head .com_con_title_box>span img {
	display: block;
	margin: 0 auto;
}

.com_con_head .com_con_title_box>span img:first-child {
	height: 20px;
}

.com_con_head .com_con_title_box>span img:nth-child(2) {
	height: 14px;
	margin-top: 8px;
}

.com_con_body_his {
	position: relative;
	padding-bottom: 0.8rem;
}

.com_con_body_his::after {
	content: '';
	display: block;
	position: absolute;
	left: 50%;
	top: 0;
	width: 1px;
	height: 100%;
	background-color: #aaaaaa;
}

.com_con_body_his>div {
	position: relative;
	z-index: 1;
	padding: 1rem 0;
}

.com_con_body_his>div .his_img_box {
	width: 43.75%;
	font-size: 0;
	position: absolute;
	height: 100%;
	top: 0;
}

.com_con_body_his>div .his_img_box>div {
	display: none;
	max-width: calc(100% - 30px);
	position: absolute;
	transform: translateY(-50%);
	top: 50%;
}

.com_con_body_his>div .his_img_box>div>img {
	position: relative;
	z-index: 1;
}

.com_con_body_his>div .his_img_box>div::after {
	content: '';
	width: 80%;
	height: 80%;
	position: absolute;
	bottom: -30px;
	display: block;
	background-color: #f5f5f5;
}

.com_con_body_his>div .his_img_box>div:first-child {
	display: inline-block;
}

.com_con_body_his>div .his_info_box {
	width: 50%;
	position: relative;
	z-index: 1;
}

.com_con_body_his>div:nth-child(odd)>div {
	float: right;
}

.com_con_body_his>div:nth-child(odd) .his_img_box {
	text-align: right;
}

.com_con_body_his>div:nth-child(odd) .his_img_box>div {
	right: 0;
}

.com_con_body_his>div:nth-child(odd) .his_img_box>div::after {
	left: -30px;
}

.com_con_body_his>div:nth-child(odd) .his_info_box {
	margin-left: 6.25%;
}

.com_con_body_his>div:nth-child(odd) .his_info_box .his_deed,
.com_con_body_his>div:nth-child(odd) .his_info_box .his_time {
	padding-left: 10%;
}

.com_con_body_his>div:nth-child(odd) .his_info_box .his_mon {
	left: 0;
	transform: translateX(-50%);
}

.com_con_body_his>div:nth-child(odd) .his_info_box .his_mon::after {
	right: 100%;
}

.com_con_body_his>div:nth-child(even)>div {
	float: left;
}

.com_con_body_his>div:nth-child(even) .his_img_box {
	text-align: left;
	right: 0;
}

.com_con_body_his>div:nth-child(even) .his_img_box>div {
	left: 0;
}

.com_con_body_his>div:nth-child(even) .his_img_box>div::after {
	right: -30px;
}

.com_con_body_his>div:nth-child(even) .his_info_box {
	margin-right: 6.25%;
	text-align: right;
}

.com_con_body_his>div:nth-child(even) .his_info_box .his_deed,
.com_con_body_his>div:nth-child(even) .his_info_box .his_time {
	padding-right: 10%;
}

.com_con_body_his>div:nth-child(even) .his_info_box .his_deed {
	display: inline-block;
	max-width: 100%;
	text-align: justify;
}

.com_con_body_his>div:nth-child(even) .his_info_box .his_mon {
	right: 0;
	transform: translateX(50%);
}

.com_con_body_his>div:nth-child(even) .his_info_box .his_mon::after {
	left: 100%;
}

.his_time {
	font-size: 0.48rem;
	line-height: 2.416;
	padding-top: 0.2rem;
	color: #333333;
}

.his_text {
	margin-bottom: .2rem;
	position: relative;
}

.his_text .his_mon {
	border-radius: 100%;
	width: 0.44rem;
	height: 0.44rem;
	text-align: center;
	line-height: 0.44rem;
	font-size: 0.14rem;
	font-weight: 700;
	color: #fff;
	background-color: #d4d4d4;
	position: absolute;
	top: 0;
}

.his_text:hover .his_deed {
	color: #333333;
}

.his_text:hover .his_mon {
	background-color: #399fde;
}

.his_deed {
	color: #999999;
	font-size: 0.18rem;
	padding: 0.05rem 0;
	line-height: 0.33rem;
}

.his_text_box>div:last-child {
	margin-bottom: 0;
}

.ov_height {
	overflow: hidden;
}

.btn_more_box {
	text-align: center;
	font-size: 0;
	padding-bottom: .3rem;
	position: relative;
	z-index: 1;
}

.btn_more_box a {
	display: inline-block;
	border: 1px solid #e4e4e4;
	text-align: center;
	line-height: 1;
	padding: 0.16rem .5rem;
	font-size: .14rem;
	color: #999999;
	box-shadow: 0 -20px 50px white;
}

@media all and (max-width: 1600px) {
	.branch-svg svg {
		width: 680px;
		height: 550px;
	}

	.branch_bg {
		width: 120px;
		top: 70.5%;
	}

	.pro_title {
		font-size: 22px;
	}

	.pro_info {
		font-size: 13px;
	}

	.mess_box .mess_con {
		padding-top: 60px;
		padding-bottom: 60px;
	}

	.mess_box .mess_con .data_box {
		margin-top: 100px;
	}

	.ser_banner_box .btn_sha_sty .ser_btn_con_name span {
		margin: 0 .35rem;
	}

	.abo_com {
		width: 50%;
	}

	.abo_com .com_title {
		font-size: 0.4rem;
		color: #000;
	}

	.abo_com .com_info {
		margin-top: 0.4rem;
		min-height: 4.5rem;
	}

	.abo_com .com_motto {
		font-size: 0.24rem;
		margin-top: .4rem;
	}

	.abo_com_img {
		width: 40%;
	}

	.abo_com_img img {
		width: 100%;
		display: block;
	}
}

@media all and (max-width: 1440px) {
	.pub_title>div:first-child {
		font-size: 53px;
	}

}

@media all and (max-width: 1366px) {
	.mess_img_case .swiper-pagination {
		bottom: 99%;
	}

	.branch-svg svg {
		width: 520px;
		height: 450px;
	}

	.branch_bg {
		width: 95px;
	}

	.map_sel_case {
		top: 9%;
	}

	.pub_title>div:first-child {
		font-size: 32px;
	}

	.pub_title>div:nth-child(2) {
		font-size: 20px;
	}

	.pub_title {
		margin-top: calc(9vh + 80px);
	}

	.scr3_pro_tex_box .pro_info {
		display: none;
	}

	.more_sty {
		bottom: 50%;
		transform: translateY(50%);
	}

	.pro_title {
		/*line-height: 10vh;*/
		margin-top: 0;
		font-size: 18px;
	}

	.mess_box .mess_con .data_box {
		margin-top: 80px;
	}

	.ser_num_box {
		padding-right: 1.5rem;
		font-size: 0.16rem;
		line-height: 0.8rem;
		cursor: pointer;
	}

	.ser_num_box .ser_num {
		font-size: .6rem;
	}

	.ser_num_box .ser_num::after {
		width: 0.6rem;
		margin-left: 0;
	}

	.ser_banner_page_box {
		top: 2.8rem;
	}

	.ser_banner_page_box .active-nav .ser_num_box {
		font-size: 0.20rem;
	}

	.ser_banner_box .btn_sha_sty .ser_btn_con_name {
		font-size: 0.16rem;
	}

	.ser_banner_box .btn_sha_sty .ser_btn_con_name span {
		width: 0.6rem;
	}

	.his_time {
		padding-bottom: 0;
		font-size: .32rem;
		line-height: 2;
	}

	.his_deed {
		font-size: .14rem;
	}

	.com_nav>a>div i {
		font-size: 0.26rem;
	}

	.com_nav>a>div {
		margin: 0 4px;
	}

	.abo_com {
		width: 50%;
	}

	.abo_com .com_title {
		font-size: 0.35rem;
	}

	.abo_com .com_info {
		margin-top: 0.3rem;
		min-height: 4.5rem;
	}

	.abo_com .com_motto {
		font-size: 0.20rem;
		margin-top: .3rem;
	}

	.abo_com_img {
		width: 42%;
	}

	.at_time {
		height: 2.8rem;
	}

	.at_time>div {
		font-size: 2.8rem;
	}

	.at_time .at_time_decade,
	.at_time .at_time_unit {
		width: 1.55rem;
	}
}

@media screen and (max-width: 1350px) {
	.head ul li {
		margin-right: 2.5vw;
	}
}

@media all and (max-width: 1280px) {
	.header_box .pc_nav>ul li {
		margin-right: 2.2vw;
	}

	.mess_box .mess_con .data_box .dat_num {
		font-size: 60px;
	}

	.mess_box .swiper-pagination>span .src2_pag_name {
		font-size: 14px;
	}

	.pro_list_box .pro_nav {
		transform: translateX(-110%);
	}

	.abo_com {
		width: 50%;
	}

	.abo_com .com_title {
		font-size: 0.28rem;
	}

	.abo_com .com_info {
		min-height: 4rem;
		margin-top: .1rem;
		line-height: 1.5;
	}

	.abo_com .com_motto {
		font-size: 0.2rem;
		margin-top: .3rem;
	}

	.abo_com_img {
		width: 42%;
	}
}

.ind_body .head {
	position: fixed;
	z-index: 10;
}

.ind_body .head ul {
	padding-left: 3vw
}

@media all and (max-width: 1100px) {
	.nav_en {
		border-left: none;
	}

	.faq .title .bg {
		height: 100%;
		display: block;
	}
}

@media all and (max-width: 1024px) {
	#header nav li.active {
		background: #399FDE !important;
	}

	#change_page button {
		display: none;
	}

	footer a img {
		margin-left: 0;
		margin-right: 5px;
	}

	#header nav li.active a {
		color: #ffffff !important;
	}

	.copyRight_box {
		width: 100%;
	}

	.branch-svg {
		width: 100%;
		top: 0;
	}

	.branch-svg svg {
		width: 900px;
		height: 700px;
	}

	.branch_bg {
		width: 150px;
		left: 46%;
	}

	.map_sel_case {
		position: relative;
		width: 100%;
		margin: 7vh 0;
	}

	.ind_news_box .ind_news_case .ind_news_name {
		float: none;
		margin-bottom: 20px;
	}

	.ind_news_box .ind_news_case .ind_news_info_box {
		width: 50vw;
	}

	.ind_news_box .ind_news_case {
		width: 100vw;
		padding-left: 15px;
		padding-bottom: 3vh;
	}

	.ind_news_box {
		padding-top: 3vh;
	}

	.ind_com_box {
		width: 42vw;
	}

	.mess_box {
		width: 100%;
	}

	.mess_img_case {
		bottom: 10vh;
	}

	.mess_img_case .swiper-pagination {
		width: 100%;
		left: 0;
	}

	.tit_place0 {
		margin-right: 5%;
		padding-left: 20px;
	}

	.pub_title {
		margin-top: calc(4.5vh + 80px);
	}

	.pro_list_box .pro_nav {
		transform: translateX(-100%);
	}

	.ser_banner_box .btn_sha_sty .ser_btn_con_name span {
		margin: 0 .2rem;
	}

	.ser_sup_box .pub_title {
		padding-left: 0;
	}

	.pub_popup>div {
		padding: .3rem .6rem .6rem;
	}

	.abo_com {
		width: 50%;
	}

	.abo_com .com_title {
		font-size: 0.28rem;
	}

	.abo_com .com_info {
		min-height: 4rem;
		margin-top: .1rem;
		line-height: 1.5;
	}

	.abo_com .com_motto {
		font-size: 0.18rem;
		margin-top: .3rem;
	}

	.abo_com_img {
		width: 44%;
	}

	.abo_mod1_bg .ser_sup_img_case .ser_sup_img_box {
		padding: .5rem;
	}

	.join_box {
		width: 100%;
	}

	.join_us {
		width: 100%;
		margin-bottom: .3rem;
	}

	.abo_mod1_bg .ser_sup_img_case .ser_sup_adorn {
		transform: rotate(90deg) translate(20%, -50%);
	}

	.at_time {
		height: 1.8rem;
	}

	.at_time>div {
		font-size: 1.8rem;
	}

	.at_time .at_time_decade,
	.at_time .at_time_unit {
		width: 1.1rem;
	}

	.header_box .logo_box {
		display: none;
	}

	#bloc .wrapper {
		height: auto;
	}

	#bloc .wrapper .row {
		position: relative;
		height: auto;
		opacity: 1;
		overflow: initial;
		padding-top: 1px;
	}

	#bloc .wrapper .row.on {
		height: 100vh;
	}

	.mess_box {
		position: relative;
	}

	.mess_box .swiper-pagination>span .src2_pag_icon i {
		font-size: 32px;
	}

	.mess_box .mess_con .data_box .dat_num {
		font-size: 40px;
	}

	.ind_body .screen3 {
		height: auto;
		margin-bottom: 50px;
	}

	.ind_body footer,
	.branch-svg {
		position: relative;
	}
}

.fadeInDown0 {
	-webkit-animation-name: fadeInDown0;
	animation-name: fadeInDown0;
}

@keyframes fadeInDown0 {
	0% {
		opacity: 0;
		transform: translateY(-100%);
	}

	100% {
		opacity: 1;
		transform: translateY(-50%);
	}
}

@media all and (max-width: 768px) {
	.header_box {
		display: none;
	}

	.branch-svg svg {
		width: 100%;
		height: 547px;
	}

	.branch_bg {
		width: 19%;
		left: 43%;
	}

	.banner_text .banner_info {
		font-size: 45px;
	}

	.banner_text .banner_mess {
		font-size: 16px;
	}

	.banner_text .banner_mess_l {
		font-size: 14px;
		letter-spacing: 10px;
	}

	.ind_news_box {
		display: none;
	}

	.copyRight_box {
		font-size: 12px;
	}

	footer .copyRight_box {
		width: 100%;
	}

	.ind_body .screen2 {
		padding-top: 1px;
	}

	.pub_title {
		position: relative;
		margin-right: 0;
		margin-top: .5rem;
		padding: 0 15px;
		text-align: center !important;
	}

	.mess_box .swiper-pagination {
		width: 100%;
	}

	.mess_box .swiper-pagination>span {
		width: 25%;
	}

	.mess_box .swiper-pagination>span:first-child {
		margin-left: 0;
	}

	.mess_box .swiper-pagination>span .src2_pag_plan {
		width: 16vw;
	}

	.mess_img_box {
		left: 13.542%;
		top: 55%;
		position: absolute;
		margin-left: 0;
		margin-top: 0;
	}

	.give_a_sign {
		display: none;
	}

	.ind_body .screen3 {
		padding-top: 1px;
	}

	.ind_body .screen3 .tit_place1 {
		position: relative;
		transform: rotate(0);
		top: 0;
		right: auto;
	}

	.ind_body .screen3 .scr3_case {
		width: 100%;
		margin-top: 15px;
	}

	.scr_case {
		width: 100%;
		padding: 0 15px;
	}

	.ind_body .tit_place2 {
		margin-top: 6%;
		margin-left: 0;
	}

	.ind_body .screen5 {
		padding-bottom: 60px;
	}

	.ind_body .scr_case .sup_box {
		margin-top: 50px;
	}

	.ind_body .screen4 .scr_case {
		margin: 0 15px;
		padding: 0;
		width: auto;
	}

	.ind_body .screen4 .preview2 .pro_name_num span {
		font-size: 14px;
	}

	.ind_body .screen4 .preview2 {
		height: 45%;
	}

	.ind_body .screen4 .btn_sideslip {
		padding: 30px;
	}

	.ind_body .screen4 .btn_sideslip i {
		margin-left: 30px;
	}

	#header {
		height: 70px !important;
		display: block;
		background: #ffffff;
	}

	#header i {
		line-height: 70px !important;
	}

	#header nav {
		top: 60px !important;
	}

	.pub_banner {
		height: 3rem;
		overflow: hidden;
	}

	.banner_ad_box {
		left: 15px;
	}

	.banner_ad_box .ad_l_title::after {
		width: 100%;
	}

	.pub_page_title .pub_title .pub_small {
		width: 100%;
	}

	.pub_page_title .pub_title {
		padding: 0;
	}

	.pro_list_box .pro_nav {
		position: relative;
		transform: translateX(0);
	}

	.pro_list_box .pro_nav>div {
		margin-bottom: 0.5rem;
		width: 33.33%;
		float: left;
	}

	.pro_list_box .pro_nav>div::after {
		left: 74%;
		top: 73%;
		height: 1px;
		width: 50%;
	}

	.pro_list_box .pro_nav>div:nth-child(1) .pro_nav_box {
		bottom: auto;
		left: 50%;
		transform: translateX(-50%);
		top: 120%;
	}

	.pro_list_box .pro_nav>div:nth-child(1):hover .pro_nav_box::after {
		top: -0.12rem;
		left: 50%;
		transform: translateX(-50%) rotate(45deg);
	}

	.pro_list_box .pro_nav>div:nth-child(2) .pro_nav_box {
		bottom: auto;
		left: 50%;
		transform: translateX(-50%);
		top: 120%;
	}

	.pro_list_box .pro_nav>div:nth-child(2):hover .pro_nav_box::after {
		top: -0.12rem;
		left: 50%;
		transform: translateX(-50%) rotate(45deg);
	}

	.pro_list_box .pro_nav>div:nth-child(3) .pro_nav_box {
		bottom: auto;
		left: 50%;
		transform: translateX(-50%);
		top: 120%;
	}

	.pro_list_box .pro_nav>div:nth-child(3):hover .pro_nav_box::after {
		top: -0.12rem;
		left: 50%;
		transform: translateX(-50%) rotate(45deg);
	}

	.pro_info_box {
		padding-bottom: .9rem;
	}

	.ser_banner_page_box {
		right: 0;
	}

	.ser_banner_box {
		margin-top: 0.5rem;
	}

	.ser_mod1_bg {
		padding-bottom: 0.4rem;
	}

	.ser_sup_box {
		padding-bottom: 1.4rem;
	}

	.pop_down_list .pro_down_box .pro_down_name {
		width: calc(100% - .6rem);
		padding: .25rem 10px .25rem 0.6rem;
	}

	.pop_down_list .pro_down_box .btn_pro_down {
		width: .6rem;
	}

	.pop_down_list .pro_down_box .pro_down_name i {
		top: .25rem;
		left: .25rem;
	}

	.sol_detail_box {
		width: calc(100% - 15px);
		margin-left: 15px;
	}

	.abo_mod1_bg {
		padding: .7rem 0;
	}

	.abo_mod1_bg .ser_sup_img_case .ser_sup_img_box {
		margin-left: 0;
		width: 100%;
	}

	.join_box>div {
		padding: .1rem .2rem;
	}

	.abo_mod2_bg {
		padding: .7rem 0;
	}
	.scr3_pro_case {
		height: 246px;
		margin-top: 0;
	}
}

@media all and (max-width: 640px) {
	.ind_body .map_bg .screen3 {
		margin-bottom: 0;
	}

	.branch_bg {
		width: 20.5%;
	}

	.screen1 {
		height: 40vh;
	}

	.branch-svg svg {
		height: 300px;
	}

	.banner_text .banner_info {
		font-size: 20px;
	}

	.banner_text .banner_mess {
		font-size: 14px;
	}

	.banner_text .banner_mess_l {
		font-size: 12px;
		letter-spacing: 5px;
	}

	.banner_box .banner .swiper-pagination-bullet {
		font-size: 13px;
		margin: 0 7px;
	}

	.mess_img_box {
		display: none;
	}

	.mess_box {
		width: 100%;
	}

	.mess_box .swiper-pagination>span .src2_pag_name {
		font-size: 12px;
	}

	.mess_box .mess_con .mess_info {
		font-size: 18px;
	}

	.mess_box .mess_con .mess_com_pro {
		font-size: 12px;
	}

	.pub_title>div:first-child {
		font-size: 22px;
	}

	.pub_title>div:nth-child(2) {
		font-size: 14px;
	}

	.icon-icon-test8 {
		font-size: 60px;
	}

	.mess_box .mess_con {
		padding: 20px;
		padding-bottom: 30px;
	}

	.mess_box .mess_con .data_box .dat_num {
		font-size: 30px;
	}

	.mess_box .mess_con .data_box>div:first-child {
		margin-right: 20px;
	}

	.mess_box .mess_con .data_box .dat_name {
		font-size: 12px;
	}

	.mess_box .mess_con .mess_title {
		font-size: 28px;
	}

	.mess_box .mess_con .data_box {
		margin-top: 25px;
	}

	.ind_body .screen3 .scr3_case .pro_case>div {
		display: none;
	}

	.ind_body .screen3 .scr3_case .pro_case>div:first-child {
		width: 100%;
		display: block;
	}

	.foot_nav {
		position: relative;
		transform: translateY(0);
	}

	footer {
		line-height: 1.5;
	}

	.pro_case>div .pro_hot .pro_h_name {
		font-size: 24px;
	}

	.ind_body .scr_case .sup_box>div {
		width: 50%;
	}

	.ind_body .scr_case .sup_box>div .sup_name {
		font-size: 16px;
		margin: 20px;
	}

	.screen6 {
		padding: 50px 0 40px;
	}

	.logo_f_box {
		float: left !important;
	}

	.screen6 .foot_box .w_d0 {
		width: 100%;
	}

	.screen6 .foot_box .w_d1 {
		width: 100%;
	}

	.screen6 .foot_box .w_d2 {
		width: 100%;
	}

	.screen6 .foot_box>div>span {
		height: auto;
		margin-top: 20px;
		margin-bottom: 15px;
	}

	.screen6 .foot_box>.w_d2 {
		margin-top: 0px;
	}

	.mess_box .mess_con .btns_box .btn_mess i {
		font-size: 24px;
	}

	.ind_body .screen4 {
		padding-bottom: 40px;
	}

	.ind_body .screen4 .scr_case {
		padding-top: 60px;
	}

	.ind_body .screen4 .preview2 {
		height: auto;
		top: 0;
		overflow: hidden;
	}

	.ind_body .screen4 .preview2>div {
		float: left;
		width: 30px;
		height: 60px;
		overflow: hidden;
	}

	.ind_body .screen4 .preview2 .pro_name_num>span:first-child {
		display: none;
	}

	.ind_body .screen4 .preview2>.active-nav {
		width: auto;
	}

	.ind_body .screen4 .preview2>.active-nav .pro_name_num>span:first-child {
		display: inline-block;
	}

	.view .pro_img_num {
		font-size: 0.13rem;
	}

	.view .pro_img_num>span:first-child {
		font-size: .24rem;
	}

	.ind_body .screen4 .btn_sideslip {
		font-size: 12px;
		padding: 15px;
	}

	.ind_body .screen4 .btn_sideslip i {
		margin-left: 10px;
	}

	.ind_body .screen4 .sideslip_box {
		width: calc(100% - 60px);
	}

	.ind_body .screen4 .sideslip_box .pro_sid_title {
		font-size: 20px;
		padding-top: 50px;
		padding-bottom: 25px;
	}

	.ind_body .screen4 .sideslip_box .pro_more {
		font-size: 18px;
	}

	.ind_body .screen4 .sideslip_box .ind_pro_list_box .ind_pro_list_case .pro_img_case {
		width: 100px;
		height: 120px;
		line-height: 120px;
		margin-right: 15px;
	}

	.ind_body .screen4 .sideslip_box .ind_pro_list_box .ind_pro_list_case .pro_info_case .sys_name {
		font-size: 16px;
	}

	.ind_body .screen4 .sideslip_box .ind_pro_list_box .ind_pro_list_case .pro_info_case .sys_info {
		font-size: 12px;
	}

	.ind_body .screen4 .sideslip_box .ind_pro_list_box .ind_pro_list_case .pro_info_case a {
		font-size: 12px;
		padding-right: 0;
	}

	.ind_body .screen4 .sideslip_box .sid_con {
		padding-left: 15px;
	}

	.ind_body .screen4 .sideslip_box .ind_pro_list_box .ind_pro_list_case .pro_info_case {
		width: calc(100% - 120px);
		margin-top: 22px;
	}

	.ind_body .screen4 .sideslip_box .pro_num_box {
		width: 60px;
	}

	.ind_body .screen4 .sideslip_box .pro_num_box .pro_at_present,
	.ind_body .screen4 .sideslip_box .pro_num_box .pro_sum {
		margin: 0 10px;
	}

	.ind_body .screen4 .sideslip_box .pro_num_box .pro_at_present {
		font-size: 30px;
	}

	.ind_body .screen4 .sideslip_box .pro_num_box .btn_close {
		font-size: 14px;
		padding: 5px 0;
		line-height: 1.5;
	}

	.ind_body .screen4 .sideslip_box .scroll-pane {
		height: calc(100% - 100px);
	}

	.banner_ad_box {
		bottom: 0.5rem;
		font-size: 0.4rem;
	}

	.pro_list_box .pro_case>div {
		width: 80%;
		margin-left: 10%;
	}

	.pro_list_box .pro_nav>div:hover .pro_nav_box {
		width: 300%;
	}

	.pro_list_box .pro_nav>div:nth-child(1) .pro_nav_box {
		bottom: auto;
		left: 0;
		top: 130%;
		transform: translateX(0);
	}

	.pro_list_box .pro_nav>div:nth-child(1):hover .pro_nav_box::after {
		top: -0.12rem;
		left: 16%;
		transform: translateX(-50%) rotate(45deg);
	}

	.pro_list_box .pro_nav>div:nth-child(2) .pro_nav_box {
		bottom: auto;
		left: 50%;
		transform: translateX(-50%);
		top: 130%;
	}

	.pro_list_box .pro_nav>div:nth-child(2):hover .pro_nav_box::after {
		top: -0.12rem;
		left: 50%;
		transform: translateX(-50%) rotate(45deg);
	}

	.pro_list_box .pro_nav>div:nth-child(3) .pro_nav_box {
		bottom: auto;
		left: auto;
		right: 0;
		transform: translateX(0%);
		top: 130%;
	}

	.pro_list_box .pro_nav>div:nth-child(3):hover .pro_nav_box::after {
		top: -0.12rem;
		left: auto;
		right: 16%;
		transform: translateX(-50%) rotate(45deg);
	}

	.pro_down_box .pro_down_name {
		padding: 0.3rem 10px .3rem .6rem;
	}

	.pro_down_box .pro_down_name i {
		top: .3rem;
		left: .2rem;
	}

	.pro_info_img_box {
		width: 100%;
		position: relative;
		height: 30vh;
	}

	.pro_info_text_box {
		width: 100%;
	}

	.pro_info_box .pro_info_mod:first-child {
		padding-bottom: 0.35rem;
	}

	.pro_info_text_box p {
		margin-top: 0.15rem;
		margin-bottom: 0.4rem;
	}

	.ser_banner_box {
		width: 100%;
		margin-top: 1.2rem;
	}

	.ser_banner_page_box {
		height: .8rem;
		top: .8rem;
		width: 100%;
	}

	.ser_banner_page_box .swiper-container {
		height: 100%;
	}

	.ser_num_box {
		padding-right: 1rem;
		font-size: 0.14rem;
	}

	.ser_num_box .ser_num {
		font-size: .4rem;
	}

	.ser_num_box .ser_num::after {
		width: .4rem;
	}

	.ser_banner_page_box .active-nav .ser_num_box {
		font-size: 0.18rem;
	}

	.ser_banner_box .btn_sha_sty .ser_btn_con_name span {
		width: .3rem;
	}

	.ser_body .banner_ad_box {
		bottom: .45rem;
	}

	.ser_sup_img_case .ser_sup_adorn {
		font-size: 1rem;
	}

	.ser_sup_img_case {
		margin-top: 0.45rem;
	}

	.ser_sup_img_case .ser_sup_img_box {
		width: 90%;
		overflow: hidden;
		left: 10%;
	}

	.ser_sup_img_case .ser_sup_img_box>img {
		width: 150%;
		max-width: 150%;
		margin-left: -25%;
	}

	.ser_sup_box {
		padding-bottom: .9rem;
	}

	.pub_popup>div {
		width: 90%;
		padding: 20px 15px;
	}

	.list_page_box {
		padding: 0;
		padding-bottom: .4rem;
	}

	.list_page_box>* {
		margin-top: .1rem;
		font-size: .16rem;
	}

	.list_page_box .list_pages {
		margin-left: 0;
		margin-right: 0;
		display: block;
		margin-top: 0;
	}

	.sol_detail_box .sol_nav_l_box {
		width: 30%;
		position: absolute;
		right: 0;
		top: 2rem;
	}

	.sol_detail_box .sol_det_show_box_bg {
		width: 100%;
		padding: 15px;
		padding-bottom: 0;
	}

	.sol_detail_box .sol_det_show_box_bg .sol_det_show_box {
		width: 100%;
	}

	.sol_detail_box .sol_det_show_box_bg .swiper-slide {
		text-align: center;
		width: 100%;
	}

	.sol_detail_box .sol_det_show_box_bg .sol_det_show_box .sol_det_img_box .swiper-button-prev {
		transform: translateX(0);
	}

	.sol_detail_box .sol_det_show_box_bg .sol_det_show_box .sol_det_img_box .swiper-button-next {
		transform: translateX(0);
	}

	.sol_mess_l .sol_ind_img {
		width: 100%;
	}

	.sol_mess_l .sol_text_box {
		width: 100%;
	}

	.vide_btn {
		right: 0;
		top: auto;
		bottom: -.4rem;
	}

	.abo_com {
		width: 100%;
	}

	.abo_com .com_title {
		font-size: 0.28rem;
	}

	.abo_com .com_info {
		min-height: 4rem;
		margin-top: .1rem;
		line-height: 1.5;
	}

	.abo_com .com_motto {
		font-size: 0.18rem;
		margin-top: .3rem;
	}

	.abo_com_img {
		width: 100%;
	}

	.join_box>div .join_con>div {
		width: 100%;
	}

	.at_time {
		height: .9rem;
	}

	.at_time>div {
		font-size: .9rem;
	}

	.at_time .at_time_decade,
	.at_time .at_time_unit {
		width: 0.49rem;
	}

	.time_sel_box .btn_next_box>.obj_time_box,
	.time_sel_box .btn_prev_box>.obj_time_box {
		font-size: .2rem;
		line-height: .2rem;
		height: .2rem;
	}

	.time_sel_box .btn_next_box,
	.time_sel_box .btn_prev_box {
		bottom: calc(32% - 21px);
		width: .6rem;
	}

	.time_con {
		margin-left: 0;
		width: 100%;
	}
}

@media all and (max-width: 375px) {
	.mess_box .mess_con .data_box {
		margin-top: 40px;
	}

	.branch-svg svg {
		height: 272px;
	}
}

@media all and (max-width: 320px) {
	.branch-svg svg {
		height: 230px;
	}

	.ind_com_box .ind_com_info {
		height: 40px;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box !important;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
	}

	.ser_banner_page_box .active-nav .ser_num_box {
		font-size: 0.16rem;
	}

	.ser_banner_box .btn_sha_sty .ser_btn_con_name span {
		margin: 0 .1rem;
		width: .2rem;
	}

	.abo_mod1_bg .ser_sup_img_case .ser_sup_img_box {
		padding: .15rem;
	}

	.join_box>div .join_title>span:first-child {
		padding-left: .2rem;
	}

	.join_box>div .join_title>span:first-child i {
		left: -.2rem;
		padding-right: .1rem;
	}

	.join_box>div .join_con {
		padding-left: .2rem;
	}

	.mess_box .mess_con .mess_title {
		font-size: 18px;
	}

	.mess_box .mess_con .mess_info {
		font-size: 14px;
		padding: 5px 0;
	}

	.mess_box .mess_con .mess_com_pro {
		margin-top: 10px;
	}

	.mess_box .mess_con .data_box {
		margin-top: 30px;
	}

	.mess_box .mess_con .data_box .dat_num {
		font-size: 36px;
	}

	.mess_box .swiper-pagination>span .src2_pag_name {
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		transform: scale(0.8) translateX(-50%);
		transform-origin: 0% 50%;
	}

	.mess_box .mess_con .data_box .dat_name {
		font-size: 12px;
	}

	.ind_body .screen4 .preview2 .pro_name_num span {
		margin: 0 15px;
	}

	.ind_body .screen4 .preview2 .active-nav span:last-child::before {
		width: 30px;
	}

	.ind_body .screen4 .preview2 .pro_name_num span:last-child::before {
		margin-right: 10px;
	}
}

.header_box {
	background-color: rgba(255, 255, 255, 1);
}

.search_box input[type='submit'] {
	position: absolute;
	left: 0;
	top: 0;
	width: 80px;
	height: 80px;
	background: transparent;
}

@media screen and (max-width: 1024px) {
	.pub_con_case {
		width: 100%;
	}

	.copyRight_box {
		text-align: center;
	}

	.copyRight_box span {
		display: inline-block;
	}

	.scroll {
		position: absolute;
		bottom: 5px;
		left: 50%;
		transform: translateX(-50%);
		text-align: center;
	}

	.scroll span {
		display: block;
		font-size: 10px;
		font-family: 'Gotham-Book';
		font-weight: normal;
		color: rgba(255, 255, 255, 1);
		line-height: 16px;
		letter-spacing: 2px;
	}

	.scroll p {
		display: inline-block;
		width: 1px;
		height: 27px;
		background: rgba(255, 255, 255, 0.3);
		vertical-align: top;
		margin-top: 10px;
		position: relative;
		overflow: hidden;
	}

	.scroll p:nth-child(2)::after {
		content: "";
		position: absolute;
		height: 50%;
		width: 100%;
		background-color: #fff;
		bottom: 100%;
		left: 0;
		animation: rise1 1.6s linear infinite;
	}

	.scroll p:nth-child(3)::after {
		content: "";
		position: absolute;
		height: 50%;
		width: 100%;
		background-color: #fff;
		bottom: 100%;
		left: 0;
		animation: rise2 1.6s linear infinite;
	}

	@keyframes rise1 {
		0% {
			transform: translate(0);
			-webkit-transform: translate(0);
		}

		100% {
			transform: translateY(60px);
			-webkit-transform: translateY(60px);
		}
	}

	@keyframes rise2 {
		0% {
			transform: translate(0);
			-webkit-transform: translate(0);
		}

		100% {
			transform: translateY(30px);
			-webkit-transform: translateY(30px);
		}
	}

	.scroll p:nth-child(3) {
		height: 13px;
		margin-left: 8px;
	}

	.ind_news_mes_box .ind_time_box {
		margin-top: 8px;
	}

	.ind_news_box .ind_news_case .ind_news_info_box {
		width: 100%;
	}

	.banner_box {
		height: 66.5%;
	}

	.ind_news_box .ind_news_case .ind_news_name {
		display: none;
	}

	.ind_news_box .ind_news_case {
		padding: 0 10px;
	}

	.banner_text .ying_box img {
		width: 14vw;
	}

	.ind_news_box {
		display: block;
		position: relative;
		background: rgba(4, 22, 51, 0.5);
		transform: translateY(-100%);
		padding-top: 10px;
		padding-bottom: 10px;
	}

	.ind_news_mes_box>div {
		font-size: 14px;
		font-weight: 400;
		color: rgba(255, 255, 255, 1);
		line-height: 20px;
		text-align: justify;
		overflow: unset;
		text-overflow: unset;
		white-space: unset;
		padding-top: 0px;
	}

	.ind_news_img {
		width: 35%;
		margin-left: 3.5%;
		display: none;
	}

	.ind_news_mes_box .ind_time_box>a i {
		color: #ffffff;
		font-size: 10px;
		transform: scale(0.7);
		transform-origin: 65% 50%;
	}

	.ind_news_mes_box .ind_time_box>a {
		background: #399FDE;
		width: 45px;
		height: 18px;
		line-height: 18px;
	}

	.ind_news_mes_box .ind_time_box {
		line-height: 14px;
	}

	.ind_news_mes_box {
		width: 100%;
	}

	.ind_news_mes_box .ind_time_box {
		font-size: 14px;
		font-family: 'BaronNeue';
		font-weight: 400;
		color: rgba(195, 195, 195, 1);
		padding-top: 0;
	}

	.ind_com_box {
		width: 100%;
		padding: 15px;
		height: 33.5%;
		padding-top: 24px;
	}

	.ind_com_box .ind_com_title {
		font-size: 20px;
		font-weight: 400;
		padding-bottom: 8px;
		color: rgba(255, 255, 255, 1);
		border-bottom: 1px solid rgba(192, 213, 244, 1);
	}

	.ind_com_box .ind_com_info {
		font-size: 14px;
		font-weight: 400;
		color: rgba(210, 228, 255, 1);
		line-height: 20px;
		display: inline-block;
		margin-top: 8px;
		min-height: auto;
	}

	.ind_com_box .ind_com_det a {
		font-size: 14px;
		font-weight: 400;
		color: rgba(210, 228, 255, 0.5);
		line-height: 24px;
	}

	.ind_com_box .ind_com_det>img {
		width: 45px;
	}

	#header nav.app-nav>ul {
		top: 63px;
	}

	.com_nav>a>div i {
		margin-bottom: 10px;
		display: inline-block;
	}

	.com_con_body_his>div {
		padding: 0.2rem 0;
	}

	.com_con_body_his>div:nth-child(even) .his_info_box .his_deed,
	.com_con_body_his>div:nth-child(even) .his_info_box .his_time {
		padding: 0 10%;
	}

	.com_con_body_his>div .his_img_box>div {
		max-width: calc(100% - 10px);
	}

	.com_con_body_his>div .his_img_box>div::after {
		bottom: -14px;
	}

	.com_nav_title_cn {
		display: none;
	}

	.com_nav {
		transform: translateY(0);
	}

	.pub_banner_box {
		height: 45vw;
	}

	.pub_banner_text_titlt {
		font-size: 28px;
		margin-top: 20px;
	}

	.pub_banner_text_cn {
		font-size: 14px;
		margin-top: 10px;
		font-weight: 300;
		letter-spacing: 3px;
	}

	#header #logo {
		margin: auto 0px;
	}

	#header {
		height: 80px;
		display: flex;
		position: relative;
	}

	#header nav.app-nav {
		position: absolute;
		margin-top: -.3rem;
		top: 50%;
	}

	.com_nav>a {
		height: 60px;
		padding: 0;
		display: flex;
		width: 30vw;
	}

	.com_nav>a>div {
		margin-top: auto;
		margin-bottom: auto;
	}

	.com_nav>a>div:nth-child(1) {
		margin-left: auto;
	}

	.com_nav>a>div:nth-child(2) {
		margin-right: auto;
	}

	.nav_scroll {
		overflow-X: auto;
		width: 100%;
	}

	.com_nav>a>div i {
		font-size: 18px;
		margin-bottom: 0;
	}

	.com_nav_title {
		margin-bottom: 0;
	}

	.mess_img_case {
		bottom: 0 !important;
	}

	.mess_img_case .swiper-pagination {
		bottom: 100%;
	}

	.his_text:hover {
		cursor: pointer;
	}

	.header_box {
		display: none;
		background-color: rgba(255, 255, 255, 1);
	}

	#header i {
		position: absolute;
		right: 15px;
		line-height: 80px;
		font-size: 27px;
	}

	#header nav {
		position: absolute;
		text-align: center;
		left: 0;
		top: 80px;
		width: 100%;
	}

	#header nav ul {
		width: 100%;
		height: 0;
		overflow: hidden;
		background: #f5f5f5;
		transition: height 1s ease;
	}

	#header nav li {
		width: 100%;
		height: 40px;
		line-height: 40px;
		border-bottom: 1px solid #ececec;
		color: rgba(0, 0, 0, .7);
		font-size: 14px;
	}
}

.header_box {
	background-color: rgba(255, 255, 255, 1);
}

/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar {
	width: 5px;
	height: 16px;
	background-color: #d2d2d2;
}

/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track {
	border-radius: 50%;
}

/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb {
	border-radius: 50;
	background-color: #0601f9;
}

footer a img {
	margin-left: 17px;
}






header {
	width: 100%;
	height: 91px;
	z-index: 999999;
	position: fixed;
	margin: 0 auto;
	padding: 0 2.5%;
	background-color: #ffffff;
}

header .h1_1 {
	width: 20%;
	float: left;
}

header .h1_1 a {
	width: 200px;
}

header .h1_1 img {
	width: 200px;
}


/*nav*/
nav {
	width: 80%;
	float: right;
	height: 85px;
}

nav ul {
	margin-top: 0px;
	margin-bottom: 0px;
	display: flex
}

nav ul li {
	float: left;
}

nav ul li a {
	text-align: center;
	line-height: 91px;
	padding: 0 0;
	font-size: 15.3px;
	display: block;
	color: #737373;
	font-weight: 400;
	transition: all 0.3s ease;
	text-transform: uppercase;
}

nav ul li a:hover {
	color: #0601f9;
	text-decoration: none;
	font-weight: bold;
	background-image: url(../image/xx1.jpg);
	background-repeat: no-repeat;
	background-position: center 46px;
}

nav .dropdown {
	min-width: 90px;
	position: relative;
	flex: 1
}

nav ul.dropdown_menu {
	display: none;
	/* width:100%;*/
	position: absolute;
	z-index: 99;
	margin: 0;
	margin-left: -40px;
	border-bottom: 0px solid #09428a;
}

nav .dropdown_menu li {
	width: 200px;
	margin: 0;
	background-color: #f6f6f6;
	height: 0;
	/* overflow: hidden; */
	float: none;
	transition: all .3s;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	-moz-transition: all .3s;
}

nav .dropdown:hover .dropdown_menu {
	display: block;
}

nav .dropdown:hover .dropdown_menu li {
	height: 45px;
}

nav .dropdown:hover ul.dropdown_menu {
	border-bottom: 0px solid #09428a;
}

nav .dropdown .dropdown_menu li a {
	color: #1b1b1b;
	font-size: 14px;
	font-weight: normal;
	line-height: 45px;
	display: block;
	padding: 0px;
	text-align: center;
	border-bottom: 1px #dedfdf solid;
	height: 45px;
	text-transform:capitalize;
}

nav .dropdown .dropdown_menu li a:hover {
	background: #0601f9;
	color: #fff;
	padding-left: 6px;
	transition: all 0.4s;
}

.nav3 {
	width: 200px;
	position: relative;
	top: -45px;
	left: 100%;
	display: none;
	background-color: #fff;
}

.nav3 a:nth-of-type(1)::before {
	z-index: 1000000;
	position: absolute;
	left: -10px;
	top: 14px;
	width: 10px;
	height: 16px;
	content: '';
	background: url(../image/navArrowR.png);
	background-size: 100% 100%;
}

nav .dropdown_menu li:hover .nav3 {
	display: block;
}

nav .dropdown_menu li:hover .nav3 a {
	height: 45px;
	line-height: 45px;
	border-bottom: 1px #dedfdf solid;
}

nav .lili a {
	width: 37px;
	height: 37px;
	background: #0601f9;
	float: left;
	margin-top: 25px;
	line-height: 37px;
	margin-left: 20px;
	transition: All 0.4s ease-in-out;
	-webkit-transition: All 0.4s ease-in-out;
	-moz-transition: All 0.4s ease-in-out;
	-o-transition: All 0.4s ease-in-out;
	color: #fff
}

nav .lili a:hover {
	width: 38px;
	height: 38px;
	background: #0601f9;
	color: #fff;
	transition: all 0.4s;
	border-radius: 50%;
}


nav .dropdown i {
	margin: -1px 5px 0px 0px;
	transition: 0.4s cubic-bezier(0.35, 0.45, 0.55, 1);
	width: 0px;
	height: 1px;
	vertical-align: middle;
	display: inline-block;
	background-color: #0601f9;
	-webkit-transition: all .4s cubic-bezier(0.35, 0.45, 0.55, 1) 0s;
	-moz-transition: all .4s cubic-bezier(0.35, 0.45, 0.55, 1) 0s;
}

nav .dropdown:last-child i {
	background: #3f3f3f;
}

nav .dropdown.on i {
	width: 15px;
}

nav .dropdown:hover i {
	width: 15px;


}

.about {
	width: 100%;
	height: 922px;
	margin: 0 auto;
	background: url(../image/aboutbg.jpg) repeat-x;
	margin-top: 110px
}

.about .screen4 {
	width: 1277px;
	margin: 0 auto;

	position: relative;
	padding-top: 110px
}






.list3 {
	padding-top: 43px;
}

.yous {
	width: 1277px;
	margin: 0 auto;
	position: relative;
}

.ys_t1 {
	position: absolute;
	left: 0;
	top: 5px;
	width: 45%
}

.ys_t1 img {
	width: 100%
}

.ys_t1 i {
	position: absolute;
	right: -47px;
	top: -30px;
}

.ys_t2 {
	position: absolute;
	left: 1px;
	top: 659px;
}

.ys_t2 i {
	position: absolute;
	left: -43px;
	top: -35px;
}

.ys_t3 {
	position: absolute;
	right: 0px;
	top: 1049px;
}

.ys_t3 i {
	position: absolute;
	right: -40px;
	top: 28px;
}

.yous .tit {
	height: 160px;
	float: right;
	width: 50%;
}

.yous .tit i {
	font-size: 53px;
	display: block;
	font-family: Helvetica-Neue-Light-2;
	text-transform: uppercase;
	font-style: normal;
	color: #333e3a;
	line-height: 61px;
}

.yous .tit h4 {
	font-size: 30px;
	color: #343d3b;
	font-weight: normal;
	padding: 40px 0 0 167px;
	height: 47px;
	line-height: 47px;
}

.yous .tit span {
	font-size: 18px;
	color: #8b8f8e;
	height: 35px;
	line-height: 35px;
	padding-left: 167px;
}

.yous dt {
	float: left;
	width: 71px;
	height: 71px;
	text-align: center;
	background: url(../image/ys_ico1.jpg) no-repeat;
	line-height: 20px;
	font-size: 14px;
	color: #fff;
	text-transform: uppercase;
	padding-top: 10px
}

.yous dd {
	float: left;
	width: calc(100% - 90px);
	padding-left: 18px;
	/* -webkit-line-clamp: 2;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical; */
	overflow: hidden;
}

.yous dd h4 {
	font-size: 24px;
	color: #292929;
	line-height: 30px;
	margin-bottom: 24px;
	padding-left: 13px;
	font-weight: bold;
	padding-bottom: 0
}

.yous dd h4 span {
	display: block;
	font-weight: normal;
}

.yous dd li {
	padding-left: 13px;
	height: 28px;
	line-height: 28px;
	font-size: 14px;
	color: #888888;
	background: url(../image/ys_ico2.jpg) no-repeat left center;
}

.yous dd p {
	padding-top: 0px;
	font-size: 15px;
	color: #5b5b5b;
	padding-left: 13px
}

.yous dd a {
	color: #5b5b5b;
}

.yous dd p span {
	padding-left: 13px;
	background: url(../image/ys_ico3.jpg) no-repeat left center;
	margin-right: 13px;
}

.yous dd p span em {
	color: #0601f9;
	font-weight: bold
}

.ys1 {
	position: absolute;
	right: 0;
	top: 196px;
	width: 50%;
}

.ys2 {
	position: absolute;
	right: 0;
	top: 742px;
}

.ys3 {
	position: absolute;
	left: 0;
	top: 1150px;
}

.mt20 {
	margin-top: 55px;
}

.ys_z {
	padding-top: 17px;
	line-height: 30px;
	font-size: 666666;
	font-size: 14px;
}

.more2 {
	color: #0601f9
}

line {
	width: 60px;
	height: 2px;
	background: #333e3a;
	margin: 0 15px;
	display: inline-block;
	vertical-align: middle;
}



.ixBox1Data {
	clear: both;
	overflow: hidden;
	margin-top: 25px;
	border-bottom: 1px #e5e5e5 solid;
	border-top: 1px #e5e5e5 solid;
	padding-top: 20px;
	padding-bottom: 20px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.ixBox1Data dd {
	float: left;
	width: 25%;
	overflow: hidden;
	padding-left: 0
}

.ixBox1Data dd .divT {
	clear: both;
	height: auto;
	overflow: hidden;
	text-align: center;
	position: relative
}

.ixBox1Data dd .divT span {
	display: inline-block;
	height: 36px;
	line-height: 36px;
	text-align: center;
	font-size: 36px;
	color: #03ab8d;
	position: relative;
	font-weight: lighter;
	font-family: "Arial"
}

.ixBox1Data dd .divT span i {
	display: block;
	width: 50px;
	height: 22px;
	line-height: 22px;
	font-style: normal;
	color: #666666;
	font-size: 14px;
	position: absolute;
	bottom: 8px;
	left: 105%;
	text-align: left
}

.ixBox1Data dd .divT2 {
	clear: both;
	height: 42px;
	line-height: 42px;
	overflow: hidden;
	text-align: center;
	font-size: 16px;
	color: #373737;
	text-transform:capitalize;
}




.rowpart {
	width: 100%;
	height: 922px;
	margin: 0 auto;
	margin-top: 30px
}




.news {
	background: url(../image/xwzx-bj.jpg);
	background-size: 100% 100%s;
	width: 100%;
	margin: 0 auto
}

.ind_body .screen4 {
	width: 93.33vw;
	margin: 0 auto;
	height: 100%;
	position: relative;
	padding-top: 50px;
	padding-bottom: 50px
}

.ind_body .screen14 {
	width: 93.33vw;
	margin: 0 auto;
	height: 100%;
	position: relative;
	padding-top: 110px;
	padding-bottom: 50px
}




.l {
	float: left;
}

.r {
	float: right;
}


.wrap {
	max-width: 1277px;
	margin-right: auto;
	margin-left: auto;
	*width: 1200px;
}

.fix:before,
.fix:after {
	display: table;
	clear: both;
	content: '';
}

/*foot*/
.foot {
	background: #1a1a1a;
	padding: 50px 0 90px 0;
	color: #fff !important;
	width: 100%;
	margin: 0 auto
}

.foot-nav {
	width: 70%;
}

.foot-nav dl {
	float: left;
	width: 12.5%;

}

.foot-nav dt {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 10px;
}

.foot-nav dd {
	line-height: 30px;
}

.foot-nav dd a {}

.foot-nav dl a {
	color: #fff;
	text-transform:capitalize;
}

.foot-nav dl dd a {
	font-size: 14px;
	color: #999;
	text-transform:capitalize;
}

.foot-nav dl a:hover {
	color: #fff;
	text-decoration: underline;
	transition: all 0.4s
}

.foot-social {
	width: 30%;
	padding-left: 30px;
	border-left: 1px solid rgba(221, 221, 221, 0.1);
	box-sizing: border-box;
}

.foot-social .botlogo {
	height: 58px;
	margin-bottom: 20px;
}

.foot-social .contentbox {
	margin-bottom: 20px;
}

.foot-social .item {
	width: 50%;
	float: left;
}

.foot-social .item .li-item {
	margin-bottom: 20px;
}

.foot-social .item .li-item span {
	display: block;
}

.foot-social .item .li-item span:nth-of-type(1) {
	color: #999;
	margin-bottom: 10px;
}

.foot-social .item .li-item .li {
	width: 30px;
	height: 30px;
	display: block;
	float: left;
	margin-right: 5px;
	cursor: pointer;
	border-radius: 50%;
	position: relative;
	transition: all .5s;
}

.foot-social .item .li-item .li img {
	width: 100%;
}

.foot-social .item .li-item .li:hover .icon-ewm {
	opacity: 1;
	transition: all 0.4s
}

.foot-social .item .li-item .li .icon-ewm {
	opacity: 0;
	position: absolute;
	width: 120px;
	height: 120px;
	left: 50%;
	bottom: 40px;
	margin-left: -60px;
	z-index: 10;
}

.foot-social .item .li-item .li .icon-ewm img {
	width: 100%;
	height: 100%;
}

.foot-social .item .li-item .ewm {
	width: 90px;
	height: 90px;
}

.foot-social .item .li-item .ewm img {
	width: 100%;
	height: 100%;
	;
}

.foot-bottom {
	background: #000;
	color: #bbb;
	line-height: 55px;
	text-align: center
}

.foot-bottom a:hover {
	color: #bbb;
	text-decoration: underline;
}

.foot-bottom .fb-left {
	text-align: center;
	display: inline-block;
}

.foot-bottom .fb-right {
	text-align: right;
	display: inline-block;
	float: right;
}

.foot-bottom .fb-right a {
	color: #666;
	transition: all .6s;
	display: inline-block;
}

.foot-bottom .fb-right a:hover {
	color: #fff;
	text-decoration: underline;
	transition: all 0.4s
}

.foot-bottom .fb-right .line {
	margin: 0 10px;
	width: 1px;
	height: 12px;
	background: #666;
	display: inline-block;
}

.fb-cygs {
	width: 230px;
	height: 30px;
	border: 1px solid #b4b4b4;
	background: #696868;
	position: relative;
	margin-top: 13px;
	cursor: pointer;
}

.fb-cygs .cygs-t {
	display: block;
	line-height: 30px;
	text-indent: 30px;
	position: relative;
}

.fb-cygs .cygs-t .ion {
	position: absolute;
	right: 10px;
}

.fb-cygs .cygs-v {
	display: none;
	width: 100%;
	left: -1px;
	position: absolute;
	bottom: 30px;
	background: #696868;
	border: 1px solid #b4b4b4;
	padding: 10px 0;
	max-height: 164px;
	overflow: auto;
}

.fb-cygs .cygs-v a {
	display: block;
	line-height: 24px;
	padding-left: 10px;
}




.bds_tsohu,
.bds_tfh,
.bds_baidu,
.bds_qq,
.bds_msn,
.bds_sohu,
.bds_qy,
.bds_leho,
.bds_ifeng,
.bds_ff,
.bds_tuita,
.bds_ms,
.bds_deli,
.bds_s51,
.bds_t163,
.bds_share189,
.bds_xg,
.bds_s139 {
	display: none
}












/*--------------------------------------------------------------------------------------------------------------------------------------550--*/
@media all and (max-width:3100px) {
	.yous {
		width: 73.33vw;
		margin: 0 auto;
		position: relative;
	}

	.yous dd {
		float: left;
		padding-left: 18px;
	}

	.ixBox1Data dd {
		float: left;
		width: 25%;
		overflow: hidden;
		padding-left: 0;
	}

	.news {
		background: url(../image/xwzx-bj.jpg);
		background-size: 100% 100%;
	}
}

@media all and (max-width:2900px) {
	.yous {
		width: 73.33vw;
		margin: 0 auto;
		position: relative;
	}

	.yous dd {
		float: left;
		padding-left: 18px;
	}

	.ixBox1Data dd {
		float: left;
		width: 25%;
		overflow: hidden;
		padding-left: 0;
	}

	.news {
		background: url(../image/xwzx-bj.jpg);
		background-size: 100% 100%;
	}
}



@media all and (max-width:2100px) {


	.yous {
		width: 93.33vw;
		margin: 0 auto;
		position: relative;
	}

	.yous dd {
		float: left;
		padding-left: 0px;
	}

	.ixBox1Data dd:nth-child(2) .divT .timer1 {
		font-size: 30px
	}

	.ixBox1Data dd {
		width: 25%
	}

	.yous dd p {
		font-size: 17px;
		line-height: 35px
	}

	nav .dropdown {
		min-width: 110px;
		position: relative;
	}


	nav ul li a {
		font-size: 17px
	}

	nav .dropdown .dropdown_menu li a {
		font-size: 16px
	}


}

@media all and (max-width:1200px) {


	nav .dropdown {
		min-width: 70px;
		position: relative;
	}

	.yous {
		width: 93.33vw;
		margin: 0 auto;
		position: relative;
	}


	.yous dd {
		float: left;
		padding-left: 0px;
	}

	.ys_t1 {
		position: absolute;
		right: -1px;
		top: 5px;
		width: 400px
	}

	.ys_t1 img {
		width: 100%
	}
}

@media all and (max-width:1440px) {




	.yous {
		width: 93.33vw;
		margin: 0 auto;
		position: relative;
	}


	.yous dd {
		float: left;
		padding-left: 0px;
	}

	.ixBox1Data dd:nth-child(2) .divT .timer1 {
		font-size: 24px
	}

	.ixBox1Data dd {
		width: 25%
	}

	.yous dd p {
		font-size: 15px;
		line-height: 35px
	}

	nav .dropdown {
		min-width: 90px;
		position: relative;
	}


	nav ul li a {
		font-size: 15px
	}

	nav .dropdown .dropdown_menu li a {
		font-size: 15px
	}

	.ixBox1Data dd .divT span {
		display: inline-block;
		height: 36px;
		line-height: 36px;
		text-align: center;
		font-size: 26px;
		color: #03ab8d;
		position: relative;
		font-weight: lighter;
		font-family: "Arial"
	}

	.ixBox1Data dd .divT span i {
		display: block;
		width: 40px;
		height: 22px;
		line-height: 22px;
		font-style: normal;
		color: #666666;
		font-size: 13px;
		position: absolute;
		bottom: 8px;
		left: 105%;
		text-align: left
	}

}



.more {
	width: 100px;
	height: 30px;
	line-height: 30px;
	background: #fff;
	color: #333;
	text-align: center
}






header {
	display: block
}

.mbdh {
	display: none
}

/*--------------------------------------------------------------------------------------------------------------------------------------550--*/

@media all and (max-width:950px) {


	header {
		display: none
	}

	.mbdh {
		display: block
	}

	.rtrtyua {
		display: none
	}

	.banner_text .banner_info img {
		width: 80%
	}

	.banner_text .banner_info {
		font-size: 18px;
		line-height: 26px
	}

	.banner_text .banner_mess {
		font-size: 24px !important;
		line-height: 30px
	}

	.ys_t1 {
		position: absolute;
		right: -1px;
		top: 5px;
		width: 400px;
		display: none;
	}

	.yous dd {
		float: none;
		width: 100%;
		padding-left: 0px;
	}

	.scr3_pro_tex_box .pro_info {
		display: block
	}

	::-webkit-scrollbar {
		width: 5px;
		height: 16px;
		background-color: #d2d2d2;
		display: none;
	}

	::-webkit-scrollbar {
		width: 5px;
		height: 16px;
		background-color: #d2d2d2;
		display: none;
	}

	.yous .tit i {
		font-size: 23px;
		display: block;
		font-family: Helvetica-Neue-Light-2;
		text-transform: uppercase;
		font-style: normal;
		color: #333e3a;
		line-height: 41px;
	}

	.list3 {
		padding-top: 0px;
	}

	.ind_body .screen14 {
		width: 93.33vw;
		margin: 0 auto;
		height: 100%;
		position: relative;
		padding-top: 70px;
		padding-bottom: 50px;
	}

	.yous .tit {
		width: 100%;
	}

	.ys1 {
		width: 100%;
		position: absolute;
		left: 0;
		top: 116px;
	}

	.yous dt {
		float: left;
		width: 20%;
		height: 71px;
		text-align: center;
		background: url(../image/ys_ico1.jpg) no-repeat;
		line-height: 20px;
		font-size: 14px;
		color: #fff;
		text-transform: uppercase;
		padding-top: 10px;
		margin-right: 5%
	}

	.yous dd h4 {
		font-size: 24px;
		color: #292929;
		line-height: 30px;
		margin-bottom: 35px;
		padding-left: 13px;
		font-weight: bold;
		padding-bottom: 0;
		padding-top: 20px;
	}

	.yous dd p {
		padding-top: 0px;
		font-size: 14px;
		color: #5b5b5b;
		padding-left: 0px;
	}

	.ixBox1Data {
		display: flex;
		flex-wrap: wrap;
	}

	.yous dd {
		float: none;
		width: 100%;
		padding-left: 0px;
	}

	.ixBox1Data dd {
		width: 50%;
	}

	.ixBox1Data dd .divT2 {
		padding-left: 0;
		font-size: 14px
	}

	.part {
		height: 600px !important
	}

	.yous {
		width: 90vw;
		margin: 0 auto;
		position: relative;
	}

	.pub_title>div:nth-child(2) {
		font-size: 18px;
	}

	.pro_title {
		/* line-height: 10vh; */
		margin-top: 5px;
		font-size: 16px;
	}

	.ixBox1Data dd .divT span {
		display: inline-block;
		height: 36px;
		line-height: 36px;
		text-align: center;
		font-size: 24px;
		color: #03ab8d;
		position: relative;
		font-weight: lighter;
		font-family: "Arial";
	}

	.ixBox1Data dd:nth-child(2) .divT .timer1 {
		font-size: 22px;
	}

	.about {
		width: 100%;
		height: 800px;
		margin: 0 auto;
		background: url(../image/aboutbg.jpg) repeat-x;
		margin-top: 110px;
	}

	.pub_title1 .tit i {
		font-size: 23px;
		display: block;
		font-family: Helvetica-Neue-Light-2;
		text-transform: uppercase;
		font-style: normal;
		color: #333e3a;
		line-height: 41px;
	}

	line {
		width: 40px;
		height: 1px;
		background: #333e3a;
		margin: 0 8px;
		display: inline-block;
		vertical-align: middle;
	}

	.pub_title1 .tit i span {
		font-size: 22px;
	}

	.pub_title1 .tit {
		height: 100px;
		padding-left: 4px;
	}

	.foot-social {
		display: none
	}

	.wrap {
		max-width: 90%;
		margin-right: auto;
		margin-left: auto;
		width: 90%;
	}

	.foot-nav dl {
		float: left;
		width: 30%;
		margin: 0 1.5%;
	}

	.foot {
		display: none
	}

	.foot-bottom .fb-left,
	.foot-bottom .fb-right {
		width: 100%;
		margin-right: 0px;
		display: block;
		text-align: center;
	}

	.foot-bottom .fb-left span {
		display: block;
	}

	.foot-bottom .fb-right {
		margin-top: 10px;
	}

	.foot-bottom {
		line-height: 24px;
		padding: 30px 0;
	}

	.foot-bottom a {
		line-height: 24px
	}



}

.foot-bottom .fb-left {
	color: rgba(255, 255, 255, 0.3);
}

@media all and (max-width:550px) {
	::-webkit-scrollbar {
		width: 5px;
		height: 16px;
		background-color: #d2d2d2;
		display: none;
	}

	::-webkit-scrollbar {
		width: 5px;
		height: 16px;
		background-color: #d2d2d2;
		display: none;
	}



	.mess_box .swiper-pagination>span .src2_pag_name::after {
		content: attr(data-mask);
		position: absolute;
		color: #0601f9;
		left: 0;
		overflow: hidden;
		width: 0;
		transition: all 0.5s cubic-bezier(0, 0.31, 0.22, 0.43);
		top: 0;
		text-align: center;
		white-space: normal !important;
		width: 100%;
		height: 60px;
	}








}