@charset "utf-8";


html {
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-webkit-tap-highlight-color: transparent;
	-webkit-touch-callout: none;
	touch-callout: none;
	cursor: pointer
}

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

body {
	font-family: "ble";
	font-size: 22px
}

.index-slider {
	width: 100%;
	height: 100%
}

.index-slider .pic {
	display: block;
	width: 100%;
	height: 100%
}

.mtitle {
	font-size: 48px;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 30px
}

.index-prolist>ul>li {
	width: 33.3333%;
	float: left;
	text-align: center;
	margin-bottom: 40px;
	padding: 0 55px
}

.index-prolist>ul>li p.t {
	font-size: 22px;
	font-weight: bold;
	text-transform: uppercase;
	padding-top: 10px;
	height: 100px;
}

.index-prolist>ul>li .link{ overflow:hidden}

.index-prolist>ul>li .link a p {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff
}

.index-prolist>ul>li .link:hover a {
	opacity: 1;
	z-index: 10;
	top: 0
}


.index-prolist>ul>li .link img{transition: all .4s;}

.index-prolist>ul>li:hover .link img {
	transform: scale(1.1)
}



.index-story {
	background-color: #f4f4f4;
	height: 620px
}

.index-story .left,
.index-story .right {
	width: 50%;
	float: left
}

.index-story .right {

	background-size: cover;
	height: 620px
}

.index-story .left {
	padding: 50px
}

.index-story .left h1 {
	font-size: 48px;
	font-weight: bold;
	margin-bottom: 30px
}

.index-story .left .content {
	color: #768692;
	font-size: 16px
}

.index-story .left .more {
	color: #f60;
	margin-top: 30px;
	display: inline-block
}

.index-story .left .more i {
	font-size: 18px
}

.f24 {
	font-size: 24px
}

.index-bloglist {
	padding: 0 15px
}

.index-bloglist>ul>li {
	padding: 15px;
	width: 33.3333%;
	float: left
}

.index-bloglist>ul>li .pic {
	display: block;
	overflow: hidden
}

.index-bloglist>ul>li .pic img {
	width: 100%;
	object-fit: cover;
	transition: all .4s
}

.index-bloglist>ul>li p {
	background-color: #eef2f8;
	padding: 20px 20px;
	line-height: 1.2
}

.index-bloglist>ul>li p .title {
	display: block;
	height: 60px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2
}

.index-bloglist>ul>li:hover .pic img {
	transform: scale(1.1)
}

.index-bloglist>ul>li:hover p {
	background-color: #f60
}

.index-bloglist>ul>li:hover p a {
	color: #fff
}

.withus {
	background: url(../images/msbg.png) center center no-repeat;
	height: 202px;
	width: 100%;
	padding: 50px
}

.withus .txt {
	color: #fff;
	display: inline-block;
	float: left
}

.withus .txt h2 {
	font-size: 36px;
	font-weight: bold;
	text-transform: uppercase
}

.withus .form {
	display: inline-block;
	float: right;
	position: relative;
	padding-top: 20px
}

.withus .form .keys {
	height: 60px;
	width: 500px;
	border: 0;
	background-color: rgba(255, 255, 255, 0.9);
	padding-left: 15px;
	font-size: 18px
}

.withus .form .sub {
	background: url(../images/btnbg.png) left center no-repeat;
	height: 60px;
	padding: 0 30px;
	border: 0;
	color: #fff;
	text-transform: uppercase;
	font-size: 20px;
	position: absolute;
	right: 0;
	top: 20px
}

.foot-main {
	padding: 40px 30px
}

.foot-main .flogo,
.foot-main .foot-nav,
.foot-main .foot-link {
	display: inline-block
}

.foot-main .flogo {
	float: left
}

.foot-main .foot-nav,
.foot-main .foot-link {
	float: right
}

.foot-main .foot-nav>ul>li {
	margin-right: 80px;
	display: inline-block
}

.foot-main .foot-nav>ul>li h2 {
	font-size: 28px
}

.foot-main .foot-nav>ul>li a {
	display: block;
	color: #525252
}

.foot-main .foot-nav>ul>li a:hover {
	color: #f60
}

.foot-main .foot-link a {
	display: inline-block;
	margin-left: 15px
}

.foot-main .foot-link i {
	font-size: 30px
}

.copy {
	border-top: 1px solid #eee;
	padding: 15px 30px;
	font-size: 18px;
	color: #888
}

.header {
	height: 90px;
	width: 100%;
	position: fixed;
	top: 0;
	z-index: 200;
	padding: 0 30px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.12);
	transition: background-color .4s
}

.logo {
	display: inline-block;
	float: left;
	padding-top: 20px
}

.logo img {
	height: 49px
}

.logo .white {
	display: block
}

.logo .black {
	display: none
}

 

.menu {
	display: inline-block;
	float: right
}

.menu>ul>li {
	display: inline-block;
	float: left;
	font-size: 18px;
	font-weight: normal;
	margin-left: 55px
}

.menu>ul>li>a {
	display: inline-block;
	line-height: 66px;
	position: relative;
	text-transform: uppercase;
	color: #fff;
	font-size: 26px;
	font-weight: bold;
	line-height: 90px
}

.menu>ul>li>a:after {
	content: "";
	height: 3px;
	position: absolute;
	bottom: 0;
	left: 51%;
	right: 51%;
	z-index: -1;
	background-color: #f60;
	-o-transition-property: left, right;
	-moz-transition-property: left, right;
	transition-property: left, right;
	-webkit-transition-property: left, right;
	-moz-transition-duration: .3s;
	-o-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-transition-duration: .3s;
	-moz-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	-webkit-transition-timing-function: ease-out
}

.menu>ul>li>a:hover:after {
	left: 0;
	right: 0;
	z-index: 1;
	font-weight: bold;
	color: #f60
}

.menu>ul>li.cur>a {
	font-weight: bold;
	color: #df063a
}

.menu>ul>li.cur>a::after {
	left: 0;
	right: 0;
	z-index: 1;
	font-weight: bold;
	color: #df063a
}

.header:hover,
.header-black {
	background-color: #fff;
	border-bottom: 1px solid #eee
}

.header:hover .menu>ul>li>a,
.header-black .menu>ul>li>a {
	color: #000
}

.header:hover .menu>ul>li>a:hover,
.header-black .menu>ul>li>a:hover {
	color: #f60
}

.header:hover .search .key,
.header-black .search .key {
	background-color: #eef2f8
}

.header:hover .white,
.header-black .white {
	display: none
}

.header:hover .black,
.header-black .black {
	display: block
}

.menu>ul>li .pro-class {
	background-color: #eef2f8;
	position: absolute;
	top: 90px;
	left: 0;
	right: 0;
	z-index: 102;
	padding: 30px 0 50px 0;
	display: none;
	text-align: center
}

.menu>ul>li .pro-class>ul {
	display: inline-block;
	margin: 0 auto;
	margin-top: 20px
}

.menu>ul>li .pro-class>ul>li {
	display: inline-block;
	padding: 0 30px;
	float: left;
	text-align: left
}

.menu>ul>li .pro-class>ul>li h2 {
	font-size: 22px
}

.menu>ul>li .pro-class>ul>li div a {
	color: #666;
	font-size: 20px
}

.menu>ul>li .pro-class>ul>li div a:hover {
	color: #f60
}

.menu>ul>li:hover .pro-class {
	display: block
}

.page-slider {
	height: 600px
}

.loc {
	padding: 20px 50px;
	color: #999;
	font-size: 18px;
	border-bottom: 1px solid #eee
}

.loc a {
	color: #999
}

.loc a:hover {
	color: #f60
}

.page-left {
	width: 22%;
	float: left
}

.pro-menu {
	background-color: #f60;
	color: #fff;
	padding: 20px 30px;
	position: relative
}

.pro-menu:after {
	position: absolute;
	right: 0;
	bottom: 0;
	background: url(http://www.kflycn.com/CN/template/defaults/images/logobg.png);
	display: inline-block;
	content: "";
	width: 102px;
	height: 72px
}

.pro-menu h1 {
	font-size: 34px
}

.page-prolist>ul>li {
	border-bottom: 1px solid #eee
}

.page-prolist>ul>li a {
	display: block;
	color: #768692;
	padding: 10px 30px;
	position: relative
}

.page-prolist>ul>li a:hover {
	color: #f60
}

.page-prolist>ul>li.cur {
	border-bottom: 1px solid #f60
}

.page-prolist>ul>li.cur a {
	font-weight: bold;
	color: #f60
}

.page-prolist>ul>li.cur a:after {
	position: absolute;
	content: "";
	right: 30px;
	top: 50%;
	margin-top: -5px;
	display: inline-block;
	width: 0;
	height: 0;
	overflow: hidden;
	vertical-align: middle;
	border-left: 8px solid #f60;
	border-top: 6px dashed transparent;
	border-bottom: 6px dashed transparent
}

.page-right {
	width: 78%;
	float: right;
	border-left: 1px solid #eee
}

.total {
	border-bottom: 1px solid #eee;
	padding: 29px;
	color: #768692
}

.page-right .index-prolist>ul>li {
	padding: 15px;
	margin-top: 0;
	margin-bottom: 0
}

.page-right .index-prolist>ul>li .t {
	padding: 20px;
	font-size: 24px
}

.pagesBox {
	padding: 20px
}

.pro-main-content {
	width: 1200px;
	margin: 0 auto
}

.pro-name {

	border-bottom: 1px solid #eee;
	padding: 0 30px;
	line-height: 70px;

}

.pro-name h1,
.pro-name .pro-tabs {
	display: inline-block
}

.pro-name h1 {
	font-size: 28px;
}

.pro-name .pro-tabs {
	float: right;
	text-align: right;
	font-family: hel
}

.pro-name .pro-tabs>ul>li {
	display: inline-block;
	font-size: 16px;
	margin-left: 30px
}

.pro-name .pro-tabs>ul>li a {
	color: #768692;
	line-height: 70px
}

.pro-name .pro-tabs>ul>li:hover a {
	color: #f60
}

.pro-name .pro-tabs>ul>li.current {
	font-weight: bold;
	position: relative
}

.pro-name .pro-tabs>ul>li.current:after {
	border-bottom: 2px solid #f60;
	position: absolute;
	bottom: 0;
	width: 100%;
	left: 0;
	display: inline-block;
	content: ""
}

.pro-name .pro-tabs>ul>li.current a {
	color: #f60
}

.ae-box {
	width: 1200px;
	margin: 0 auto;
	padding: 50px 0
}

.rel-box {
	padding: 50px 0;
	border-top: 1px solid #ddd
}

.rel-box .mtitle {
	font-size: 34px
}

.rel-prolist>ul>li {
	width: 25%
}

.rel-prolist>ul>li p.t {
	font-size: 22px
}

.blog-pagelist>ul>li .f24 {
	font-size: 20px
}

.blog-pagelist>ul>li div a.title {
	height: 78px;
	-webkit-line-clamp: 3
}

.blog-box {
	background-color: #fff
}

.blog-right {
	background-color: #fff;
	padding-top: 15px
}

.blog-left {
	border-left: 1px solid #ddd;
	padding: 30px;
	background-color: #f4f4f4
}

.blog-search {
	position: relative
}

.blog-search .keys {
	height: 60px;
	line-height: 60px;
	border-radius: 60px;
	border: 1px solid #d0d6d9;
	width: 100%;
	padding-left: 15px;
	font-size: 18px
}

.blog-search .sub {
	position: absolute;
	right: 1px;
	top: 1px;
	width: 81px;
	height: 58px;
	background: url(../images/sear2.png);
	content: "";
	display: inline-block;
	border: 0;
	cursor: pointer
}

.sidetitle {
	font-size: 34px
}

.message {
	margin-top: 50px
}

.message-form>div {
	margin-bottom: 10px
}

.message-form>div input {
	height: 50px;
	line-height: 50px;
	border: 0;
	border-bottom: 1px solid #707070;
	width: 100%;
	background-color: inherit;
	font-size: 16px
}

.message-form>div .sub {
	background-color: #f60;
	color: #fff;
	border: 0;
	font-size: 18px;
	margin-top: 10px;
	cursor: pointer
}

.fllow {
	margin-top: 80px;
	padding-bottom: 200px
}

.fllow-icon {
	margin-bottom: 20px;
	margin-top: 10px
}

.fllow-icon a {
	float: left;
	display: inline-block;
	margin-right: 15px
}

.fllow-icon a:last-child {
	margin-right: 0
}

.fllow-icon i {
	font-size: 30px
}

.blogShare>ul>li {
	width: 33.3333%;
	float: left;
	position: relative
}

.blogShare>ul>li img {
	min-height: 88px;
	object-fit: cover
}

.blogShare>ul>li .more {
	position: absolute;
	right: 5px;
	top: 0;
	z-index: 10;
	display: none
}

.blogShare>ul>li .more img {
	width: 22px;
	min-height: 22px;
	height: 22px
}

.blogShare>ul>li:hover .more {
	display: block
}

.listpage {
	text-align: center;
	margin-top: 50px
}

.listpage span,
.listpage a {
	padding: 5px 12px;
	display: inline-block;
	text-align: center;
	font-family: 18px;
	margin-left: 5px;
	margin-right: 5px;
	color: #3d4145
}

.listpage span:hover,
.listpage a:hover {
	color: #f60
}

.listpage span {
	color: #f60
}

.news-box {
	padding: 30px 50px
}

.news-box .newstitle {
	font-size: 40px
}

.news-box .dec {
	border-bottom: 1px solid #eee;
	font-size: 20px;
	padding-bottom: 15px;
	margin-top: 10px
}

.news-box .dec p {
	display: inline-block;
	margin-right: 40px
}

.news-box .dec .keys a {
	color: #f60;
	margin-right: 20px
}

.news-box .author {
	color: #768692
}

.news-box .news-content {
	padding: 40px 0;
	padding-bottom: 100px
}

.news-box .news-content p,
.news-box .news-content div {
	margin-bottom: 25px
}

.news-box .news-content img {
	display: block;
	margin: 0 auto
}

.index-slider .swiper-pagination-bullet {
	background-color: #fff;
	opacity: 1;
	width: 20px;
	border-radius: 20px
}

.index-slider .swiper-pagination-bullet-active {
	background-color: #f60
}

.swiper-container-horizontal>.swiper-pagination-bullets {
	bottom: 30px
}

.mobnav-btn {
	width: 35px;
	height: 30px;
	overflow: hidden;
	cursor: pointer;
	position: absolute;
	margin-left: 5px;
	right: 15px;
	top: 20px;
	display: none
}

.mobnav-btn.g_close span {
	opacity: 0
}

.mobnav-btn.g_close span:first-child {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	top: 17px;
	opacity: 1
}

.mobnav-btn span:first-child {
	content: "";
	top: 6px;
	left: 0
}

.mobnav-btn span:last-child {
	content: "";
	top: auto;
	bottom: 5px;
	left: 0
}

.mobnav-btn span,
.mobnav-btn span:first-child,
.mobnav-btn span:last-child,
.mobnav-btn .mobnav-btn {
	left: 5px;
	position: absolute;
	background: #373737;
	-webkit-transition: all .5s ease;
	width: 27px;
	height: 2px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-o-transition: all .5s ease;
	-moz-transition: all .5s ease;
	transition: all .5s ease
}

.mobnav-btn.g_close span:last-child {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	top: 17px;
	opacity: 1
}

.mobnav-btn span {
	top: 50%;
	margin-top: -2px
}

body,
.header {
	max-width: 1920px;
	margin: 0 auto
}

.about-content {
	width: 80%;
	margin: 0 auto;
	padding: 50px 0 100px 0
}

@media (max-width:1400px) {

	body,
	.header {
		max-width: 100%;
		min-width: 1200px
	}

	.withus .form .keys {
		width: 400px
	}

	.pro-class {
		padding: 30px
	}

	.page-left {
		width: 28%
	}

	.page-right {
		width: 72%
	}

	.page-right .index-prolist>ul>li .t {
		font-size: 20px
	}

	.fllow {
		padding-bottom: 50px
	}

	.news-box .newstitle {
		font-size: 36px
	}
}

@media (max-width:990px) {
	body {
		width: 100%
	}

	body,
	.header {
		max-width: 100%;
		min-width: 100%
	}

	.header {
		height: 68px
	}

	.logo {
		padding: 15px 0
	}

	.logo img {
		height: 38px
	}

	.about-content {
		width: 100%;
		margin: 0 auto;
		padding: 20px
	}

	.menu,
	.header-right {
		display: none
	}

	.menu {
		background-color: #fff;
		margin-left: 0;
		position: fixed;
		top: 68px;
		bottom: 0;
		left: 0;
		right: 0;
		z-index: 110
	}

	.menu>ul>li {
		width: 100%;
		margin-left: 0;
		margin-right: 0
	}

	.menu>ul>li>a {
		font-size: 18px;
		width: 100%;
		line-height: 55px;
		text-align: center;
		border-bottom: 1px solid #eee
	}

	.pro-menu h1 {
		font-size: 28px
	}

	.menu>ul>li .pro-class {
		display: block;
		top: 0;
		padding: 20px;
		position: inherit
	}

	.menu>ul>li .pro-class>ul>li {
		width: 100%;
		float: inherit;
		text-align: center
	}

	.menu>ul>li .pro-class>ul>li>div {
		display: none
	}

	.menu>ul>li .pro-class>ul>li h2 {
		font-weight: normal
	}

	.menu>ul>li .pro-class>ul {
		margin-top: 0
	}

	.m-hd {
		position: absolute;
		right: 10px;
		top: 8px;
		width: 30px;
		line-height: 10px;
		text-align: right;
		display: block
	}

	.m-hd span {
		display: inline-block;
		height: 2px;
		background-color: #666;
		width: 30px;
		margin: 0;
		overflow: hidden;
		padding: 0;
		line-height: 10px
	}

	#close {
		font-size: 24px;
		height: 24px;
		margin-top: 10px;
		display: none
	}

	.mobnav-btn {
		display: inline-block
	}



	.index-slider {
		height: 50%
	}



	.mtitle,
	.index-story .left h1 {
		font-size: 24px;
		margin-bottom: 20px
	}

	.p-lg {
		padding-top: 30px;
		padding-bottom: 30px
	}

	.index-prolist>ul>li {
		width: 100%
	}

	.index-prolist>ul>li p.t {
		font-size: 20px
	}

	.index-story .left,
	.index-story .right {
		width: 100%
	}

	.index-story .left {
		padding: 40px 20px 20px 20px
	}

	.index-story {
		height: auto
	}

	.index-story .right {
		height:auto
	}

	.index-bloglist>ul>li {
		width: 100%;
		padding-left: 0;
		padding-right: 0
	}

	.withus {
		height: auto;
		background-color: #525252;
		padding: 20px 20px 30px 20px
	}

	.withus .txt h2 {
		font-size: 24px
	}

	.withus .form {
		display: block
	}

	.withus .form .keys {
		width: 100%
	}

	.withus .form,
	.withus .txt {
		float: inherit
	}

	.foot-main .flogo,
	.foot-main .foot-nav,
	.foot-main .foot-link {
		display: block;
		float: inherit;
		width: 100%
	}

	.foot-main .flogo {
		margin-bottom: 40px
	}

	.foot-main .foot-link a {
		margin-left: 0;
		margin-right: 15px
	}

	.foot-main .foot-nav>ul>li h2 {
		font-size: 24px
	}

	.foot-main .foot-nav>ul>li {
		width: 100%;
		margin-top: 20px;
		margin-right: 0
	}

	.page-slider {
		height: 300px;
		margin-top: 0;
		background-size: cover
	}

	.loc {
		padding: 20px
	}

	.page-right,
	.page-left {
		width: 100%
	}

	.pro-name {
		padding: 0;
		margin-top: 0
	}

	.pro-name h1 {
		border-bottom: 1px solid #eee
	}

	.pro-name h1,
	.pro-name .pro-tabs {
		display: block;
		float: inherit;
		text-align: center;
		width: 100%
	}

	.pro-name .pro-tabs>ul>li {
		margin-left: 0;
		width: 33.333%;
		float: left;
		line-height: 1
	}

	.pro-name .pro-tabs>ul>li a {
		line-height: 1;
		padding: 15px 0;
		display: block;
		border-bottom: 0
	}

	.pro-name .pro-tabs>ul>li.current:after {
		display: none
	}

	.rel-box .mtitle {
		font-size: 26px
	}

	.news-box {
		padding: 20px;
		padding-bottom: 40px
	}

	.news-box .newstitle {
		font-size: 24px
	}

	.ae-box {
		width: 100%;
		padding: 30px 15px
	}
	.pro-name h1 {
		line-height: 1.2;
		padding: 15px 0;
	}
}




/*灞呬腑鍖哄煙*/
.wrap{width:85.79vw;max-width:100%;margin:0 auto}
.w1200{width:1200px;max-width:100%;margin:0 auto}
@media (max-width:1580px){ .wrap{width:88.79vw} }
@media (max-width:1440px){ .wrap{width:92.79vw} }
@media (max-width:1024px){ .w1200, .wrap{width:100%;padding:0 35px} }
@media (max-width:768px){ .w1200, .wrap{width:100%;padding:0 15px} }

/*鍏叡瀵艰埅*/
header{width:100%;height:100;position:fixed;top:0;left:0;z-index:19}
/* background-image:url(../images/navbg.png);background-repeat:no-repeat;background-position:center center;background-size:cover */
.headbot{height:100px;transition:0.5s ease 0s;-webkit-transition:0.5s ease 0s;-moz-transition:0.5s ease 0s}
.headbot:after{content:"";width:100%;height:207px;background-image:url(../images/navbg.png);position:absolute;top:0;left:0;z-index:-1;background-size:100% 100%;background-repeat:no-repeat;background-position:center center}
.headbot.cur{background-color:#fff;box-shadow:0px 4px 28px rgba(0,0,0,0.04)}
.headbot.cur:after,
.headbot.cur2:after{display:none}
.headbot.cur2{background-color:#fff;box-shadow:0px 0px 20px rgba(0,0,0,0.1)}
.headbot .logo{height:100px;padding:25px 16px 0 14px;}
.headbot .navleft{margin-left:3.28vw}
.navitem-name{position:relative;padding:0 2.44vw}
.navitem-name a{position:relative;z-index:2;overflow:hidden;text-align:center;display:block;font-size:18px;line-height:100px;color:#fff;transition:0.5s ease 0s;-webkit-transition:0.5s ease 0s;-moz-transition:0.5s ease 0s}
.headbot.cur .navitem-name a,
.headbot.cur2 .navitem-name a{color:#000}
.navitem.cur .navitem-name a{color:#ff6600}
.navright .lanbox .lanitem{display:block;color:#fff;line-height:100px;font-size:16px;;transition:0.5s ease 0s;-webkit-transition:0.5s ease 0s;-moz-transition:0.5s ease 0s}

.navright .telbox{color:#fff;line-height:102px;margin-left:1vw;font-size:16px;font-family:Arial}
.headbot.cur .navright .telbox,
.headbot.cur .quicklinkstop{color:#ff6600}
.quicklinks{position:relative}
.quicklinkstop{line-height:100px;font-size:16px;color:#fff;margin-left:1vw;cursor:pointer}
.quicklinksbot{width:140px;position:absolute;top:100px;left:50%;margin-left:-70px;background-color:#fff;padding:6px 0;z-index:-1;visibility:hidden;opacity:0}
.quicklinkslist{display:block;color:#666;line-height:32px;text-align:center; font-size:16px;}
.quicklinks.cur .quicklinksbot{z-index:3;visibility:visible;opacity:1}

.headbot.cur .navright .lanbox .lanitem,
.headbot.cur2 .navright .lanbox .lanitem{color:#000}
.navright .lanbox span.lanitem{margin:0 10px}
.navright .search .icon{width:22px;height:100px;margin-left:3.28vw;cursor:pointer;background-image:url(../images/h-searchbtn.png);background-repeat:no-repeat;background-position:center center;;transition:0.5s ease 0s;-webkit-transition:0.5s ease 0s;-moz-transition:0.5s ease 0s}
.headbot.cur .navright .search .icon,
.headbot.cur2 .navright .search .icon{background-image:url(../images/h-searchbtn_cur.png)}
.navright .searchbox{width:100%;height:280px;position:fixed;top:100px;transform:translateY(-100%) translateZ(0);-webkit-transform:translateY(-100%) translateZ(0);-moz-transform:translateY(-100%) translateZ(0);left:0;visibility:hidden;opacity:0;z-index:-1;background-color:#fff;align-items:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;justify-content:center;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;transition:0.75s cubic-bezier(.77,0,.175,1) 0s;-webkit-transition:0.75s cubic-bezier(.77,0,.175,1) 0s;-moz-transition:0.75s cubic-bezier(.77,0,.175,1) 0s}
.navright .searchbox.cur{visibility:visible;opacity:1;z-index:19;transform:translateY(0) translateZ(0);-webkit-transform:translateY(0) translateZ(0);-moz-transform:translateY(0) translateZ(0)}
.navright .searchbox .box{height:75px;border-bottom:1px solid #d9d9d9}
.navright .searchbox .input{width:1400px;margin:0 20px;height:75px}
.navright .searchbox .input input{width:100%;height:74px;font-size:20px;padding:0 20px}
.navright .searchbox .input input::-webkit-input-placeholder{color:rgba(203,203,203,1)}
.navright .searchbox .searbtn,
.navright .searchbox .close{line-height:75px;cursor:pointer}
.navright .searchbox .searbtn img,
.navright .searchbox .close img{display:initial;vertical-align:middle}
.navright .searchbox .close:hover img{transform:rotate(-180deg);-webkit-transform:rotate(-180deg);-moz-transform:rotate(-180deg)}
.navitem .childbox{width:100%;background-color:#f3f3f3;padding:20px 0 20px;position:absolute;top:100px;left:0;visibility:hidden;z-index:-1;opacity:0}
.navitem .childbox .wrap{ width:50%;}

.navitem.cur .childbox{visibility:visible;z-index:19;opacity:1;transition:0.75s ease 0s;-webkit-transition:0.75s ease 0s;-moz-transition:0.75s ease 0s}
.navitem .childbox .title{color:#000;font-size:36px;padding-bottom:26px;border-bottom:1px solid #e4e4e4}
.navitem .childbox .items{ width:20%;}
.navitem .childbox .item{margin-bottom:0px;font-size:16px;color:#666;display:block;padding-left:20px;background-image:url(../images/navchild-r.png);background-repeat:no-repeat;background-position:left center; font-weight:bold;}

.navitem .childbox .items .nav5 a{ font-size:14px;padding-left:20px; padding-top:10px;}
.navitem .childbox .items .nav5 a:hover{color:#ff6600}

.navitem .childbox .bot{margin-top:60px;}
.navitem .childbox .bot .box{cursor:pointer}
.navitem .childbox .bot .box .text{color:#000;font-size:18px;margin-right:22px;line-height:1}
.navitem .childbox .bot .box:hover img{transform:rotate(-180deg);-webkit-transform:rotate(-180deg);-moz-transform:rotate(-180deg)}
.navitem .childbox .imgitem{width:23.5%;margin-right:2%;position:relative}
.navitem .childbox .imgitem:nth-last-of-type(1){margin-right:0}
.navitem .childbox .imgitem .img{background-color:#000}
.navitem .childbox .imgitem .textbox{width:100%;position:absolute;bottom:6%;left:0;color:#fff;font-size:18px;text-align:center;max-height:24px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.navitem .childbox .imgitem:hover .textbox{bottom:45%}
.navitem .childbox .imgitem:hover .img img{opacity:0.5}
.foot {border-top: 1px solid #eee;}
.foottop{padding:5vw 0 4.52vw}
.foottop .footcon{max-width:260px}
.foottop .footcon .textbox{margin-top:30px}
.foottop .footcon .list{color:#666;line-height:1.4;margin-bottom:14px}
.foottop .footcon .list:nth-last-of-type(1){margin-bottom:0}
.foottop .footcon .tel {position: relative;padding-left: 66px;}
.foottop .footcon .tel span {display: inline-block;position: absolute;left: 0;top: 0;z-index: 10;width: 66px;}
.footmap{margin-left:160px}
.footmaplist{width:180px}
.footmaplist:nth-last-of-type(1){width:auto}
.footmaplist:nth-last-of-type(1) a.name{display:block}
.footmaplist .name{color:#4b4948;font-size:18px;margin-bottom:24px;font-weight: 700}
.footmaplist .childitem{line-height:30px;display:block;color:#666;font-size:14px;transition:0.5s ease 0s;-webkit-transition:0.5s ease 0s;-moz-transition:0.5s ease 0s}
.footmaplist .childitem:hover{color:#0068b7}
.footmaplist .childitem:nth-last-of-type(1){margin-bottom:0}
.foottop .qrcode {width: 122px;text-align: center;}
.foottop .qrcode img {width: 100%;}
.foottop .qrcode p {font-size: 14px;color: #666;line-height: 24px;margin-top: 5px;}
.copyright {text-align: center;}
.copyright,.copyright a {font-size: 14px;color: #666;line-height: 24px;}
.copyright a:hover {color: #ff6600}
.footshare{margin-right:10px}
.footslist{width:45px;height:45px;border:1px solid #d2d2d2;cursor:pointer;background-repeat:no-repeat;background-position:center center;margin-right:10px;transition:0.5s ease 0s;-webkit-transition:0.5s ease 0s;-moz-transition:0.5s ease 0s}
.footslist:hover{background-color:#0068b7;border:1px solid #0068b7}
.footslist:nth-last-of-type(1){margin-right:0}
.footslist:nth-of-type(1){background-image:url(../images/fs1.png)}
.footslist:nth-of-type(1):hover{background-image:url(../images/fs1_cur.png)}
.footslist:nth-of-type(2){background-image:url(../images/fs2.png)}
.footslist:nth-of-type(2):hover{background-image:url(../images/fs2_cur.png)}
.footslist:nth-of-type(3){background-image:url(../images/fs3.png)}
.footslist:nth-of-type(3):hover{background-image:url(../images/fs3_cur.png)}
.footbot{padding:32px 0 50px;border-top:1px solid #eee;position: relative;}
.footbotlf{margin-top:24px}
.footbotlf .list,
.footbotlr .copybox,
.footbotlr .copyboxb,
.footbotlr .copyboxb a{color:#666;margin-right:22px;text-align:right}
.footbotlf .list:nth-last-of-type(1){margin-right:0}
.footbotlr .copybox,
.footbotlr .copyboxb,
.footbotlr .copyboxb a{margin-right:0}
.footbotlf .list:hover{color:#0068b7}

.waptop{padding:15px 0;border-bottom:1px solid #e8e8e8;text-align:center;display:none}
.waptop .text{display:inline-block;font-size:22px;vertical-align:middle;}
.waptop .icon{display:inline-block;vertical-align:middle;margin-left:10px}
.waptop .icon img{width:30px}

.wapbtnbox{width:28px;height:68px;position:relative;display:none;margin-left:15px}
.wapbtnbox span{width:28px;height:2px;display:block;background-color:#000;position:absolute;left:0}
.wapbtnbox span:nth-of-type(1){top:24px}
.wapbtnbox span:nth-of-type(2){top:32px}
.wapbtnbox span:nth-of-type(3){top:40px}
.wapbtnbox.cur span:nth-of-type(2){opacity:0}
.wapbtnbox.cur span:nth-of-type(1){top:32px;transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg)}
.wapbtnbox.cur span:nth-of-type(3){top:32px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg)}

/* 鍏跺畠鍏叡 */
.pageban{position:relative}
.pageban .textbox{position:absolute;top:40%;left:75%;opacity:0;margin-left:-42.895vw;z-index:10;transition:1s cubic-bezier(0, 0, 0.03, 0.75) 0s;-webkit-transition:1s cubic-bezier(0, 0, 0.03, 0.75) 0s;-moz-transition:1s cubic-bezier(0, 0, 0.03, 0.75) 0s}
.pageban .textbox.cur{left:50%;opacity:1}
.pageban .textbox .type .line{width:50px;height:1px;margin-top:13px;margin-right:10px}
.pageban .textbox .type .text{font-size:16px;}
.pageban .textbox .title{font-size:48px;line-height:1.2;margin-top:10px}
.pageban .textbox .desc {font-size: 24px;color: #000;margin-top: 12px;text-align: left}
.pageban .textbox .more{width:56px;height:56px;margin-top:80px;display:block;font-size:18px;border:1px solid;text-align:center;line-height:56px;text-align:center;font-weight:bold;color:#000;font-family:瀹嬩綋, 'SimSun';}
.pageban .textbox .more:hover{background-color:#ff6600;border-color:#ff6600 !important;color:#fff !important;border-radius:4px}

.m-bann,
.wapother{display:none}
.m-bann img{width:100%}
.scrolltop{
    width:45px;
    height:45px;
    cursor:pointer;
    border: 1px solid #d2d2d2;
    background-image:url(../images/gotop.png);
    background-repeat:no-repeat;
    background-position:center center;
    transition:0.5s cubic-bezier(0.25, 0.1, 0.82, 0.44) 0s;
    -webkit-transition:0.5s cubic-bezier(0.25, 0.1, 0.82, 0.44) 0s;
    -moz-transition:0.5s cubic-bezier(0.25, 0.1, 0.82, 0.44) 0s;
    position: absolute;
    right: 0;
    top: 40px;
    z-index:30;
}
.scrolltop:hover{background-color:#0068b7;background-image:url(../images/scrollt_cur.png);border-radius:4px;border-color: #0068b7;}
.scrolltop.cur{opacity:1}

.pager{text-align:center}
.pager .pagerlist{display:inline-block;width:36px;height:36px;margin:0 3px;font-size:24px;text-align:center;line-height:36px;vertical-align:middle}
.pager .pagerlist.cur,
.pager .pagerlist:hover{color:#ff6600}
.pager .pagerlist.pagers{font-family:瀹嬩綋, 'SimSun';font-size:22px;font-weight:bold;}
.wappager{width:100%;height:42px;background-color:#32b400;line-height:42px;color:#fff;text-align:center;margin-top:25px;display:none}

.footline{border-top:1px solid #eee}

/* 闈㈠寘灞� */
.pageCrumb{
    width: 100%;
    height: auto;
    border-bottom: solid 1px #eaeaea;
}
.pageCrumb .pageCrumb-main{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 58px;
}
.pageCrumb .pageCrumb-main a{
    width: auto;
    font-size: 16px;
    color: #999;
    transition:0.5s ease 0s;
    -webkit-transition:0.5s ease 0s;
    -moz-transition:0.5s ease 0s;
}
.pageCrumb .pageCrumb-main a:hover{
    color: #ff6600;
}
.pageCrumb .pageCrumb-main a img{
    width: 18px;
}
.pageCrumb .pageCrumb-main em{
    margin: 0 12px;
    font-size: 16px;
    color: #999;
}
.pageCrumb .pageCrumb-main span{
    font-size: 16px;
    color: #333;
}

@media (max-width:1820px){
    .footmaplist{width:13.95vw}
}

@media (max-width:1580px){
    .footmaplist{width:12.45vw}
    .navright .searchbox .input{width:1000px}
    .pageban .textbox{margin-left:-44.395vw}
    .footshare{margin-left:3vw}
}
@media (max-width:1440px){
    .navright .searchbox .input{width:800px}
    .footmap{margin-left:4vw}
    .footshare{margin-left:12px}
    .pageban .textbox{margin-left:-46.395vw}
    .pageban .textbox .title{font-size:34px}
    .pageban .textbox .more{width:40px;height:40px;line-height:40px;margin-top:40px}
}
@media (max-width: 1366px) {
    .footmaplist{width: 13vw;}
}
@media (max-width: 1280px) {
    .navitem-name{padding:0 1.4vw}
}
@media (min-width:1024px){
    .navitem:hover .navitem-name a,
    .navright .lanbox a.lanitem:hover{color:#ff6600}
    .navitem .childbox .item:hover{color:#ff6600;background-image: url(../images/navchild-rcur.png);}
}

@media (max-width:1024px){
.navitem .childbox .wrap{ width:100%;}
    .footline{border-top:none}
    header{height:68px;background-color:#fff;background-image:none;position:relative;overflow:hidden}
    header.cur{overflow:initial}
    .headrightbox{min-width:initial}
    .headbot{height:68px;opacity:1;transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);}
    .pageright, .hsignupbtn, .navchildbox .img, .navchildbox .textbox,
    .navrightbox, .navitem-name a:after, .scrolltop, .headbot:after, .navright .telbox, .quicklinks{display:none}
    .loginbox .waptext, .wapbtnbox, .headbot .waplogo{display:block}
    .headbot .logo{height:68px;padding:15px 0}
    .headbot .logo img{width:150px}
    .loginbox{margin-right:15px}
    .loginbox .text{line-height:68px}
    .headbtnbox .icon,
    .navbox .top .name{line-height:68px}
    .headbtnbox .list{margin-right:10px}
    .navitems .navitem{width:100%}
    .navitems .navitem .navitem-name{padding:0 15px;border-bottom:1px solid #c5c5c5;padding-right:40px}
    .navitems .navitem .navitem-name:before{content:">";color:#000;font-size:22px;font-family:瀹嬩綋, 'SimSun';font-weight:bold;line-height:52px;position:absolute;top:0;right:15px;transition:0.6s ease 0s;-webkit-transition:0.6s ease 0s;-moz-transition:0.6s ease 0s}
	

	
    .navitems .navitem .navitem-name.cur:before{right:20px;color:#ff6600;transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg)}
    .navitems .navitem .navitem-name a{text-align:left;line-height:52px;font-size:20px;color:#000;display:inline-block}
    .navitems .navitem .navitem-name.cur a{color:#ff6600}
    .childnavitems .childnavitem:after{width:6px;height:6px;border-radius:6px;margin-top:-3px}
    .navchildbox{position:static;visibility:visible;opacity:1;display:none;background-image:none;background-color:#f6f6f6;box-shadow:none;z-index:8;transform:scale3d(1,1,1);-webkit-transform:scale3d(1,1,1);-moz-transform:scale3d(1,1,1);transition:0s ease 0s;-webkit-transition:0s ease 0s;-moz-transition:0 ease 0s}
    .navchildbox .w1200{padding:0}
    .childnavitems{width:100%;margin-left:0;margin-top:0;float:none}
    .navitems .navitem .childnavitems .childnavitem{width:100%;height:38px;line-height:38px;display:block;margin-right:0;margin-bottom:0;float:none}
    .foottop{padding:0 0 45px}
    .pagenav, .m-bann, .wapfootbox, .wapfoot{display:block}
    .pagernav, .indexbanner, .foottop .mapbox, .footother, .footcopybox{display:none}
    .wapother .footother, .wapother .footcopybox{display:block}
    .headbot .navleft{width:100%;height:calc(100vh - 68px);overflow-y:auto;background-color:#fff;position:fixed;top:68px;left:100%;z-index:19;margin-left:0;transition:0.5s ease 0s;-webkit-transition:0.5s ease 0s;-moz-transition:0.5s ease 0s}
    .headbot .navleft.cur{left:0}
    .navright .lanbox .lanitem{line-height:68px;display:none;color:#000}
    .navright .lanbox a.lanitem:nth-of-type(1){display:block}
    .navright .search .icon{height:68px;margin-left:20px;background-image: url(../images/h-searchbtn_cur.png);background-size:18px auto;position:relative}
    .navright .search .icon:after{content:"";width:1px;height:16px;position:absolute;top:26px;left:-10px;background-color:#e9e9e9}
    .navright .searchbox{top:68px;height:106px}
    .navright .searchbox .input{width:calc(100% - 84px);height:56px;margin:0 10px}
    .navright .searchbox .input input{height:55px;padding:0 5px;font-size:16px}
    .navright .searchbox .searbtn, .navright .searchbox .close{line-height:56px}
    .navright .searchbox .box{width:calc(100% - 30px);margin:0 auto;height:56px}
    .navright .searchbox .searbtn img, .navright .searchbox .close img{width:26px}
    .navitem .childbox{position:static;background-color:#fff;display:none;visibility:visible;z-index:10;opacity:1;padding:10px 0;top:0;transition:none;-webkit-transition:none;-moz-transition:none; overflow:hidden}
    .navitem .childbox .items{margin-top:0; width:100%;}
    .navitem .childbox .item{width:100%;margin-bottom:0;line-height:38px}
    .navitem .childbox .imgitem{width:49%;margin-right:2%;margin-bottom:10px}
    .navitem .childbox .imgitem:nth-of-type(2n){margin-right:0}
    .navitem .childbox .imgitem .textbox{font-size:16px;bottom:15px}
    .footmap{margin-left:0;float:left;width:100%}
    .footmaplist, .footmaplist:nth-last-of-type(1){width:100%;margin-left:0}
    .footmaplist .name{font-size:16px;height:50px;line-height:50px;border-bottom:1px solid #e8e8e8;position:relative;margin-bottom:0}
    .footmaplist .name:after{content:"";width:14px;height:2px;background-color:#4b4948;position:absolute;top:50%;margin-top:-1px;right:0}
    .footmaplist .name:before{content:"";width:2px;height:14px;background-color:#4b4948;position:absolute;top:50%;margin-top:-7px;right:6px;transition:0.5s ease 0s;-webkit-transition:0.5s ease 0s;-moz-transition:0.5s ease 0s}
    .footmaplist .name.cur:before{transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg)}
    .footmaplist .childitems{padding:10px 0;display:none}
    .footmaplist .childitem{padding:0 10px;font-size: 15px;}
    .foottop .wrap {display: flex;flex-flow: wrap;}
    .footmap {order: 0;}
    .foottop .qrcode {width:80px;order: 2;margin-top: 10px;}
    .foottop .footcon{max-width:100%;margin-top:25px;order: 1;}
    .foottop .footcon .textbox{margin-top:15px}
    .foottop .footcon .list{margin-bottom:8px}
    .foottop .footcon .list.name{font-size:18px;color: #333;font-weight: 700}
    .footshare{margin-left:0;margin-top:10px}
    .footslist{width:38px;height:38px}
    .footbotlf .list{margin-right:2vw}
    .footbotlf{margin-top:0}
    .footbot{padding:25px 0}
    .footbotlr{margin-top:15px}
    .footbotlr .copybox, .footbotlr .copyboxb, .footbotlr .copyboxb a{text-align:left}

    .wappager, .waptop{display:block}
    .pager, .navitem .childbox .title, .navitem .childbox .bot{display:none}

    .pageban .textbox{width:100%;top:15%;margin-left:50%;left:0;padding: 0 15px}
    .pageban .textbox.cur{left:-50%}
    .pageban .textbox .type .line{width:24px;margin-top:10px;margin-right:6px}
    .pageban .textbox .type .text{font-size:14px}
    .pageban .textbox .title{font-size:20px;margin-top:4px}
    .pageban .textbox .more{width:32px;height:32px;line-height:32px;margin-top:15px;font-size:16px}
    /* .navright .telbox{color:#333}
    .quicklinkstop{line-height:68px;color:#333}
    .quicklinksbot{top:68px} */

    /* 闈㈠寘灞� */
    .pageCrumb{
        width: 100%;
        height: auto;
        border-bottom: solid 1px #eaeaea;
    }
    .pageCrumb .pageCrumb-main{
        display: flex;
        justify-content: flex-start;
        align-items: center;
        height: 58px;
    }
    .pageCrumb .pageCrumb-main a{
        width: auto;
        font-size: 14px;
        color: #999;
        transition:0.5s ease 0s;
        -webkit-transition:0.5s ease 0s;
        -moz-transition:0.5s ease 0s;
    }
    .pageCrumb .pageCrumb-main a:hover{
        color: #ff6600;
    }
    .pageCrumb .pageCrumb-main a img{
        width: 16px;
    }
    .pageCrumb .pageCrumb-main em{
        margin: 0 10px;
        font-size: 14px;
        color: #999;
    }
    .pageCrumb .pageCrumb-main span{
        font-size: 14px;
        color: #333;
    }
}

@media (max-width:370px){
    /* .footleft .ewmlist .img{height:66px;line-height:66px} */
    .navother .lanbox .name{font-size:14px}
    .navother .lanbox{margin:0 10px 0 0}
    .navother .shop{font-size:14px;margin-right:10px}
    .headbot .waplogo{width:46%;padding:10px 0}
    .wapbtnbox span,
    .wapbtnbox{width:24px}
    .navother .shop{padding-left:24px;background-size:20px 20px}
    .headbot .waplogo .text{margin:0}
    .headbot .waplogo .icon img{width:6px;margin-top:4px}
}





.lf {
    float: left;
}
.clear {
    zoom: 1;
}

.lr {
    float: right;
}








.indexa{padding:120px 0}
.indextitle{font-size:36px;color:#000;}
.indexa-l .indextitle{line-height:1}
.indexa-lslide{margin-top:28px}
.indexa-lslide .swiper-wrapper{flex-wrap:wrap;-webkit-flex-wrap:wrap;-moz-box-flex:wrap;-ms-flex-wrap:wrap}
.indexa-lslide .swiper-slide{margin-top:8px}
.indexa-lslide .swiper-slide .text{display:inline-block;;border-bottom:2px solid transparent;font-size:16px;;cursor:pointer}
.indexa-lslide .swiper-slide.cur .text,
.indexa-lslide .swiper-slide:hover .text{border-bottom:2px solid #0068b7;color:#0068b7}
.indexa-lslide .swiper-slide:nth-last-of-type(1){margin-bottom:0}
.indexa-l{max-width:260px;margin-right:7.916vw}
.indexa-r{width:calc(100% - 260px - 7.916vw)}
.indexa-r .indexa-rlist{display:none;position:relative}
.indexa-r .indexa-rlist.cur{display:block}
.indexa-r .indexa-rlist .wapimg{display:none}
.indexa-r .indexa-rlist .textbox{max-width:450px;background-color:#fff;position:absolute;top:50%;margin-top:-11.618vw;left:60px;padding:3.2vw 5.1vw 4.062vw 4.062vw}
.indexa-r .indexa-rlist .textbox .title{font-size:24px;color:#000;line-height:30px;max-height:60px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.indexa-r .indexa-rlist .textbox .text{color:#666;margin-top:15px;line-height: 24px;max-height:96px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4}
.indexa-r .indexa-rlist .textbox .morebox{width:166px;display:block;height:56px;margin-top:88px;border:1px solid #e2e2e2;line-height:54px;color:#666;;padding-left:28px;background-image:url(../img/iamore.png);background-repeat:no-repeat;background-position:right 28px center}
.indexa-r .indexa-rlist .swiper-button-next,
.indexa-r .indexa-rlist .swiper-button-prev{width:56px;height:56px;text-align:center;line-height:54px;font-size:16px;border:1px solid #e2e2e2;right:auto;top:auto;margin-top:0;background-image:none;font-family:瀹嬩綋, 'SimSun';font-weight:bold;color:#999;bottom:0;transition:0.5s ease 0s;-webkit-transition:0.5s ease 0s;-moz-transition:0.5s ease 0s}
.indexa-r .indexa-rlist .swiper-button-next{left:calc(-7.916vw + -180px)}
.indexa-r .indexa-rlist .swiper-button-prev{left:calc(-7.916vw + -260px)}
.indexa-r .indexa-rlist .textbox .morebox:hover{background-color:#0068b7;color:#fff;border:1px solid #0068b7;background-image:url(../img/iamore_cur.png);background-position:right 18px center}
.indexb{padding:120px 0;background-color:#f4f4f4}
.indexb .swiper-button-next,
.indexb .swiper-button-prev,
.indexe .swiper-button-next,
.indexe .swiper-button-prev{width:56px;height:56px;text-align:center;position:static;line-height:54px;font-size:16px;border:1px solid #e2e2e2;right:auto;top:auto;margin-top:0;background-image:none;font-family:瀹嬩綋, 'SimSun';font-weight:bold;color:#999;bottom:0;transition:0.5s ease 0s;-webkit-transition:0.5s ease 0s;-moz-transition:0.5s ease 0s}
.indexb .swiper-button-next,
.indexe .swiper-button-next{margin-left:10px}
.indexb .more,
.indexe .more{width:56px;height:56px;;margin-left:20px;display:block;background-image:url(../img/newmore.png);background-repeat:no-repeat;background-position:center center;background-size:100% 100%}
.indexb .more:hover,
.indexe .more:hover{background-image:url(../img/newmore_cur.png)}
.indexb .swiper-button-prev:hover,
.indexb .swiper-button-next:hover,
.indexa-r .indexa-rlist .swiper-button-next:hover,
.indexa-r .indexa-rlist .swiper-button-prev:hover,
.indexe .swiper-button-next:hover,
.indexe .swiper-button-prev:hover{color:#fff;background-color:#0068b7;color:#fff;border:1px solid #0068b7}
.indexbslide{margin-top:50px;padding-left:7.105vw}
/* .indexbslide .swiper-container{} */
.indexbslide .swiper-slide{height:auto;overflow:hidden}
.indexbslide .swiper-slide .box{display:block;overflow:hidden}
.indexbslide .swiper-slide .box .img img{width:100%}
.indexbslide .textbox{padding:52px 60px 80px 60px;position:relative;background-color:#fff;transition:0.5s ease 0s;-webkit-transition:0.5s ease 0s;-moz-transition:0.5s ease 0s}
.indexbslide .textbox .title{font-size:24px;color:#000;;line-height:1.3;max-height:31px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;transition:0.5s ease 0s;-webkit-transition:0.5s ease 0s;-moz-transition:0.5s ease 0s}
.indexbslide .textbox .text{color:#666;margin-top:25px;max-height:72px;line-height: 24px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.indexbslide .textbox .morebox{opacity:0;position:absolute;left:58px;bottom:0;transition:0.5s ease 0s;-webkit-transition:0.5s ease 0s;-moz-transition:0.5s ease 0s}
.indexbslide .textbox .morebox .moretext{color:#0068b7;}
.indexbslide .textbox .morebox .icon{margin-top:9px;margin-left:10px}
.indexbslide .swiper-slide .box:hover .textbox .title{color:#0068b7}
.indexbslide .swiper-slide .box:hover .morebox{margin-top:46px;opacity:1;bottom:80px}
.indexbslide .swiper-slide .box:hover .textbox{padding:52px 66px 148px 58px;margin-top:-68px}
.indexc{padding:160px 0;background-image:url(../img/icbg.jpg);background-repeat:no-repeat;background-position:center center;background-size:100% 100%}
.indexc .box{margin-top:60px}
.indexc .bigtitle{text-align:center;color:#fff;font-size:36px;}
.indexc .list{width:25%;position:relative}
.indexc .list:after{content:"";width:1px;height:72px;background-color:rgba(255,255,255,0.3);position:absolute;top:14px;right:0}
.indexc .list:nth-of-type(4):after{display:none}
.indexc .list .numUp{color:#fff;font-size:60px;text-align:center;;line-height:1.2}
.indexc .list .text{padding:0 10px;text-align:center;color:#fff;;line-height:1.2}
.indexd{margin-top:5px}
.indexd .textbox,
.indexd .img{width:calc(25% - 1px)}
.indexd .img.mr4{margin-right:4px}
.indexd .img.mr4 img{width:100%}
.indexd .img:hover img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)}
.indexd .textbox{background-color:#f4f4f4;padding:64px 88px 0 80px}
.indexd .textbox .title{font-size:36px;color:#000;max-height:56px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.indexd .textbox .text{color:#666;max-height:66px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.indexd .textbox .morebox{width:166px;height:56px;display:block;margin-top:4.479vw;padding-left:28px;;line-height:54px;color:#666;;border:1px solid #e2e2e2;background-image:url(../img/iamore.png);background-repeat:no-repeat;background-position:right 28px center;transition:0.5s ease 0s;-webkit-transition:0.5s ease 0s;-moz-transition:0.5s ease 0s}
.indexd .textbox .morebox:hover{background-image:url(../img/iamore_cur.png);color:#fff;background-color:#ff6600;border:1px solid #ff6600}
.indexd .wapimg{display:none}
.indexe{padding:110px 0 120px}
.indexe .img img{width:100%}
.indexe .bot{margin-top:50px}
/* .indexe .bot .swiper-container{padding-right:1px} */
.indexe .bot .swiper-slide{border-right:1px solid #efefef}
.indexe .bot .box{display:block}
.indexe .bot .box .textbox{padding:45px 50px 94px 48px;border:1px solid #efefef;border-top:none;border-right:none}
.indexe .bot .box .textbox .title{color:#000;font-size:18px;}
.indexe .bot .box .textbox .desc {font-size: 14px;color: #666;line-height: 24px;height: 48px;margin-top: 16px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.indexe .bot .box .textbox .morebox{display:inline-block;margin-top:46px;padding-right:40px;color:#666;;background-image:url(../img/iamore.png);background-repeat:no-repeat;background-position:right center;transition:0.5s ease 0s;-webkit-transition:0.5s ease 0s;-moz-transition:0.5s ease 0s}
.indexe .bot .box:hover .img img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)}
.indexe .bot .box:hover .textbox .morebox{background-image:url(../img/iamore_cur2.png);color:#ff6600}

@media (max-width:1580px){
    .indexbanner .textbox{margin-left:-44.395vw}
    .bandown{padding-right:5.605vw}
    .indexban .swiper-container-horizontal>.swiper-pagination-bullets{right:5.605vw}
    .indexa-l{max-width:240px;margin-right:5vw}
    .indexa-r{width:calc(100% - 240px - 5vw)}
    .indexa-r .indexa-rlist .swiper-button-next{left:calc(-5vw + -160px)}
    .indexa-r .indexa-rlist .swiper-button-prev{left:calc(-5vw + -240px)}
    .indexa-r .indexa-rlist .textbox{margin-top:-13.118vw}
    .indexa-lslide .swiper-slide{margin-bottom:15px}
}

@media (max-width:1440px){
    .indexbanner .textbox{margin-left:-46.395vw}
    .indexbanner .textbox .title{font-size:34px}
    .indexbanner .textbox .more{width:40px;height:40px;line-height:40px;margin-top:40px}
    .bandown{padding-left:52px;padding-right:3.605vw}
    .indexban .swiper-container-horizontal>.swiper-pagination-bullets{right:3.605vw}
    .indexa-l{max-width:220px;width:220px;margin-right:4vw}
    .indexa-r{width:calc(100% - 220px - 4vw)}
    .indexa-r .indexa-rlist .swiper-button-next{left:calc(-5vw + -130px)}
    .indexa-r .indexa-rlist .swiper-button-prev{left:calc(-5vw + -210px)}
    .indexa-r .indexa-rlist .textbox{margin-top:-11.920vw}
    .indextitle{font-size:30px}
    .indexa-lslide .swiper-slide{margin-bottom:10px}
    .indexa-r .indexa-rlist .textbox .title{max-height:31px;-webkit-line-clamp:1}
    .indexa-r .indexa-rlist .textbox .text{max-height:66px;-webkit-line-clamp:3}
    .indexa{padding:85px 0}
    .indexd .textbox{padding:34px 58px 0 50px}
    .indexd .textbox .title{font-size:30px;max-height:47px}
    .indexd .textbox .morebox{margin-top:3vw}
    .indexbslide{padding-left:3.105vw}
}

@media (max-width:1367px){
    .indexd .textbox .title,
    .indexe .bot .swiper-container{padding-right:1px}
}

@media (max-width:1280px){
    .indexa-lslide .swiper-slide{margin-bottom:5px}
    .indexa-r .indexa-rlist .textbox{max-width:320px;padding:3.645vw 3.5vw 4.062vw}
    .indexa-r .indexa-rlist .swiper-button-next, .indexa-r .indexa-rlist .swiper-button-prev{width:40px;height:40px;line-height:38px}
    .indexa-r .indexa-rlist .swiper-button-next{left:calc(-5vw + -160px)}
    .indexd .textbox{padding:24px 30px}
    .indexd .textbox .morebox{margin-top:2vw}
}
@media (max-width:1024px){
    .indexe .bot .swiper-container{padding-right:0}
    .bandown{display:none}
    .indexban{background-color:#f3f3f3}
    .indexban .swiper-container-horizontal>.swiper-pagination-bullets{padding-left:15px;height:8px;right:auto;left:50%;bottom:55%;top:auto;padding-bottom:0;background-image:url(../img/baniconwap.png);background-position:left top}
    .indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px;vertical-align:top;}
    .indexban .swiper-pagination-bullet-active{height:8px;width:20px}
    .indexa{padding:60px 0 40px}
    .indextitle{font-size:24px;font-weight: 700;}
    .indexa-l{width:100%;max-width:100%;margin-right:0;padding-left:15px}
    .indexa-lslide .swiper-wrapper{flex-wrap:nowrap;-webkit-flex-wrap:nowrap;-moz-box-flex:nowrap;-ms-flex-wrap:nowrap}
    .indexa-r{width:100%;padding:0 15px;margin-top:25px}
    .indexa-lslide .swiper-slide{width:auto;margin-right:5vw}
    .indexa-lslide .swiper-slide .text{font-size:14px;word-break:break-all}
    .indexa-l .indextitle{text-align:center}
    .indexa .wrap{padding:0}
    .indexa-lslide{margin-top:15px}
    .indexa-r .indexa-rlist .wapimg{display:block}
	.indexa-r .indexa-rlist .wapimg img{ width:100%; height:auto}
	
    .indexa-r .indexa-rlist .img{display:none}
    .indexa-r .indexa-rlist .textbox{max-width:100%;padding:20px;position:static;margin-top:0}
    /* .indexa-lslide .swiper-slide{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1} */
    .indexa-r .indexa-rlist .textbox .title{font-size:20px;max-height:28px}
    .indexa-r .indexa-rlist .textbox .text{max-height:94px;-webkit-line-clamp:4;margin-top:6px}
    .indexa-r .indexa-rlist .textbox .morebox{width:126px;height:40px;margin-top:25px;line-height:38px;padding-left:15px;background-size:16px auto;background-position:right 15px center;}
    .indexa{background-color:#f3f3f3}
    .indexb{padding:0 0 100px;position:relative}
    .indexb .indextitle{width:100%;text-align:center}
    .indexbslide .textbox{padding:25px}
    .indexbslide .textbox .title{font-size:20px}
    .indexbslide{margin-top:20px;padding-left:15px}
    .indexbslide .textbox .text{max-height:125px;-webkit-line-clamp:5}
    .indexbtop-r{width:100%;text-align:center;position:absolute;bottom:50px;left:0;float:none}
    .indexbtop-r .swiper-button-next,
    .indexbtop-r .swiper-button-prev,
    .indexbtop-r .more{width:30px;height:30px;line-height:28px;display:inline-block;float:none;vertical-align:middle}
    .indexb .more{margin-left:10px}
    .indexc{padding:50px 0 40px;background-image:url(../img/icbgwap.jpg)}
    .indexc .bigtitle{font-size:20px;line-height:1.4}
    .indexc .list{width:46%;margin-right:8%;padding:20px 0}
    .indexc .list:nth-of-type(2n){margin-right:0}
    .indexc .box{margin-top:0px}
    .indexc .list .numUp{font-size:30px}
    .indexc .list:after{width:100%;height:1px;bottom:0;top:auto;background-color:rgba(255,255,255,0.1)}
    .indexc .list:nth-of-type(3):after{display:none}
    .indexc .list .text{padding:0 14px;font-size:12px}
    .indexd .textbox, .indexd .wapimg{width:50%}
    .indexd .wapimg{display:block}
    .indexd .img{display:none}
    .indexd .textbox{padding:30px 15px 20px}
    .indexd .textbox .title{font-size:20px;line-height:1.2}
    .indexd .textbox .text{margin-top:8px;line-height:1.4;-webkit-line-clamp:4;max-height:76px}
    .indexd .textbox .morebox{width:110px;font-size:13px;padding-left:10px;line-height:34px;height:36px;margin-top:22px;background-size:14px;background-position:right 10px center}
    .indexd .textbox .morebox .moretext{line-height:34px}
    .indexd .textbox .morebox .icon{margin-left:2px;width:16px}
    .indexe{padding:40px 0 110px;position:relative}
    .indexe .bot .box .textbox{padding: 30px 25px 40px}
    .indexe .bot .box .textbox .title{font-size:18px;line-height:28px;height:56px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
    .indexe .bot .box .textbox .desc {height: 66px;line-height: 22px;-webkit-line-clamp: 3;margin-top: 8px;}
    .indexe .bot .box .textbox .morebox{margin-top:15px}
    .indexe .bot{margin-top:20px}
    .indexe .indextitle{width:100%;text-align:center}
    .indexe .top,
    .indexe .wrap{position:static}
    .copyright {width: 80%;margin: 0 auto}
    .copyright, .copyright a {line-height: 20px;}
}



.index-box-4 {
  padding: 120px 0 146px;
}
.index-box-4 .box-container {
  position: relative;
  display: flex;
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.index-box-4 .info {
  width: 30.6%;
  padding-top: 10px;
}
.index-box-4 .pic {
  width: 69%;
  position: relative;
  height: 100%;
}
.index-box-4 .pic ul {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 10;
}
.index-box-4 .pic li {
  position: absolute;
  z-index: 1;
  display: inline-block;
  width: 40px;
  height: 40px;
}
.index-box-4 .pic li:before,
.index-box-4 .pic li:after {
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 0;
}
.index-box-4 .pic li:before {
  z-index: 0;
  animation: iconScale2 1.8s linear infinite;
  background-color: rgba(6, 105, 178, 0.4);
}
.index-box-4 .pic li:after {
  background-image: linear-gradient(-90deg, #0b59c3 0%, #082c7e 100%);
  background-blend-mode: normal, normal;
  z-index: 1;
  transform: scale(0.375);
  -webkit-transform: scale(0.375);
  -moz-transform: scale(0.375);
  -ms-transform: scale(0.375);
  -o-transform: scale(0.375);
}
.index-box-4 .pic li:first-child {
  left: 17%;
  top: 28%;
}
.index-box-4 .pic li:nth-child(2) {
  left: 47%;
  top: 19%;
}
.index-box-4 .pic li:nth-child(3) {
  right: 47.5%;
  top: 6%;
}
.index-box-4 .pic li:nth-child(4) {
  left: 28%;
  bottom: 27%;
}
.index-box-4 .pic li:nth-child(5) {
  right: 23%;
  bottom: 42%;
}
.index-box-4 .title {
  font-size: 36px;
  font-weight: 700;
  line-height: 62px;
  margin: 130px auto 136px;
}
.index-box-4 .title b,
.index-box-4 .title em {
  color: #082c7e;
}
.index-box-4 .title em {
  font-style: normal;
}
.index-box-4 .title b {
  font-family: "mb";
  font-size: 55px;
  margin-right: 10px;
}
.index-box-4 .data {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 10;
  width: 41.66%;
}
.index-box-4 .data ul {
  display: flex;
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.index-box-4 .data p {
  line-height:24px;
}
.index-box-4 .data .num {
  font-size: 36px;
  font-family: "mb";
  line-height: 36px;
  height:36px;

  color:#0036d6
}
.index-box-4 .data em,
.index-box-4 .data i {
  display: inline-block;
  font-style: normal;
}
.index-box-4 .data i {
  font-family: Arial;
  font-weight: 700;
  font-size: 24px;
  line-height: 20px;
  background-image: -webkit-linear-gradient(#03236b, #0036d6);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-left: 15px;
  position: relative;
  vertical-align: top;
  top: 2px;
}
.index-box-4 .data p {
  margin-top: 18px;
  line-height: 24px;
}

.box-container {
    width:85%;
    margin: 0 auto;
}

@media (max-width: 768px){
.box-container{
    width: 100%;
    padding: 0 10px;
}
.wh {
    padding: 0 4%;
}

.index-box-4 .data p {
    font-size: 14px;
}

}



@keyframes navInUp50 {
  0% {
    opacity: 0;
    visibility: hidden;
    transform: translateY(-30px);
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
  }
  100% {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
  }
}
@keyframes circle-chart-fill {
  to {
    stroke-dasharray: 0 100;
  }
}
@-webkit-keyframes circle-chart-fill {
  to {
    stroke-dasharray: 0 100;
  }
}
@-moz-keyframes circle-chart-fill {
  to {
    stroke-dasharray: 0 100;
  }
}
@-ms-keyframes circle-chart-fill {
  to {
    stroke-dasharray: 0 100;
  }
}
@keyframes shake {
  0%,
  100% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  25% {
    -webkit-transform: scale(0.9, 1.1);
    transform: scale(0.9, 1.1);
  }
  50% {
    -webkit-transform: scale(1.1, 0.9);
    transform: scale(1.1, 0.9);
  }
  75% {
    -webkit-transform: scale(0.95, 1.05);
    transform: scale(0.95, 1.05);
  }
  0%,
  100% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  25% {
    -webkit-transform: scale(0.9, 1.1);
    transform: scale(0.9, 1.1);
  }
  50% {
    -webkit-transform: scale(1.1, 0.9);
    transform: scale(1.1, 0.9);
  }
  75% {
    -webkit-transform: scale(0.95, 1.05);
    transform: scale(0.95, 1.05);
  }
}
@keyframes iconScale2 {
  from {
    transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    opacity: 1;
  }
  to {
    transform: scale(1.7);
    -webkit-transform: scale(1.7);
    -moz-transform: scale(1.7);
    -ms-transform: scale(1.7);
    -o-transform: scale(1.7);
    opacity: 0;
  }
}


.index-title-box {
  margin-bottom: 65px;
}
.index-title-box.center {
  text-align: center;
}
.index-title-box.center .line {
  margin: 0 auto;
}
.index-title-box h3 {
  font-size: 36px;
  line-height: 48px;
  font-weight: 700;
  letter-spacing: 2px;
}
.index-title-box .en {
  font-size: 18px;
  color: #d3d3d3;
  font-family: "mr";
  text-transform: uppercase;
  line-height: 24px;
  margin: 5px auto 26px;
}
.index-title-box .line {
  width:40px;
  height:5px;
  background-image: linear-gradient(-90deg, #0b59c3 0%, #082c7e 100%);
  background-blend-mode: normal, normal;
}
.index-title-box .brief {
  font-size:18px;
  line-height: 36px;
  margin-top:30px;
  color: #666;
}


@media screen and (max-width: 1004px){
.index-box-4 {
    padding-bottom: 10px; padding-top:50px;
}
.index-box-4 .box-container {
    flex-flow: wrap;
}
.index-box-4 .info {
    width: 100%;
    padding-top: 0;
}

.index-title-box {
    margin-bottom: 35px;
}

.index-title-box h3 {
    font-size: 24px;
    line-height: 30px;
}

.index-title-box .en {
    font-size: 18px;
    line-height: 30px;
    margin: 5px auto 20px;
}
.index-title-box .line {
    width: 30px;
    height: 3px;
}

.index-box-4 .title {
    font-size:24px;
    line-height: 40px;
    margin:40px auto;
}
.index-box-4 .data {
    position: static;
    width: 100%;
}

.index-box-4 .pic {
    margin-top: 30px;
    width: 100%;
}

.index-box-4 .title b {
    font-size: 33px;
    margin-right:10px;
}


.index-box-4 .data .num {
    font-size:22px;
}

.index-box-4 .data i {
    font-size: 20px;
    line-height: 32px;
    margin-left:5px;
}

.wh1 {
    padding: 0;
}
.foot_v1a .foot-v1 .fo_a2 {
    width: 100%;
    float: none;
}

.foot_v1a .foot-v1 .fo_a3 {
    display: none;
}


.foot_v1a .foot-v1 {
    padding: 2.625rem 0 2.625rem;
}

}
.data li {
    text-align: center;
}