@import '../iconfont/iconfont.css';
@font-face {
	font-family:'FuturaBold';src:url('/style/fonts/Futura-Maxi-CG-Bold.otf') format('opentype')
}
@font-face {
	font-family:'FuturaBook';src:url('/style/fonts/Futura-Maxi-CG-Book.otf') format('opentype')
}
h1,h2,h3,h4,h5 {
	margin: 0
}

bady{font-family:'Source Han Sans'，'Roboto',Arial,sans-serif;}
.flex {
	display: -webkit-flex;
	display: flex;
	display: -webkit-box;
	display: box;
	position: relative
}

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

.flex-x-center {
	display: -webkit-flex;
	display: flex;
	display: -webkit-box;
	display: box;
	position: relative;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-align: center;
	box-align: center;
	-webkit-box-pack: center;
	box-pack: center;
	-webkit-justify-content: center;
	justify-content: center
}

.flex-between {
	display: -webkit-flex;
	display: flex;
	display: -webkit-box;
	display: box;
	position: relative;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-align: center;
	box-align: center;
	-webkit-box-pack: justify;
	box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between
}

.flex-between-t {
	display: -webkit-flex;
	display: flex;
	display: -webkit-box;
	display: box;
	position: relative;
	-webkit-box-pack: justify;
	box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between
}

.flex-x-bottom {
	display: -webkit-flex;
	display: flex;
	display: -webkit-box;
	display: box;
	position: relative;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-align: center;
	box-align: center;
	-webkit-box-align: end;
	box-align: end;
	-webkit-align-items: flex-end;
	align-items: flex-end
}

.flex-x-tb {
	display: -webkit-flex;
	display: flex;
	display: -webkit-box;
	display: box;
	position: relative;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-align: center;
	box-align: center;
	-webkit-box-align: stretch;
	box-align: stretch;
	-webkit-align-items: stretch;
	align-items: stretch
}

.flex-y {
	display: -webkit-flex;
	display: flex;
	display: -webkit-box;
	display: box;
	position: relative;
	-webkit-box-orient: vertical;
	box-orient: vertical;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column
}

.flex-y-center {
	display: -webkit-flex;
	display: flex;
	display: -webkit-box;
	display: box;
	position: relative;
	-webkit-box-orient: vertical;
	box-orient: vertical;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-pack: center;
	box-pack: center
}

.flex-y-b {
	display: -webkit-flex;
	display: flex;
	display: -webkit-box;
	display: box;
	position: relative;
	-webkit-box-orient: vertical;
	box-orient: vertical;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column
}

.flex-grow-0 {
	min-width: 0;
	-webkit-box-flex: 0;
	-webkit-flex-grow: 0;
	-ms-flex-positive: 0;
	flex-grow: 0;
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0
}

.flex-grow-1 {
	min-width: 0;
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	-webkit-flex-shrink: 1;
	-ms-flex-negative: 1;
	flex-shrink: 1
}

.right0 {
	position: absolute;
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%)
}

.ver>* {
	display: inline-block;
	vertical-align: middle
}

.myrow {
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	word-wrap: break-word;
	white-space: normal !important;
	-webkit-box-orient: vertical
}

.clearfix:after {
    clear: both;
    display: block;
    content: "";
}

.clearfix {
    zoom: 1;
}
.row1 {
	overflow: hidden;
	white-space: nowrap;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis
}

.row2 {
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	word-wrap: break-word;
	white-space: normal !important;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2
}

.row3 {
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	word-wrap: break-word;
	white-space: normal !important;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3
}

.hv-scale {
	overflow: hidden
}

.hv-scale img {
	-webkit-transition: .5s;
	-o-transition: .5s;
	-moz-transition: .5s;
	transition: .5s
}

.hv-scale:hover img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1)
}

.hv-scale-xs {
	overflow: hidden
}

.hv-scale-xs img {
	-webkit-transition: .3s;
	-o-transition: .3s;
	-moz-transition: .3s;
	transition: .3s
}

.hv-scale-xs:hover img {
	-webkit-transform: scale(.96);
	-moz-transform: scale(.96);
	-ms-transform: scale(.96);
	-o-transform: scale(.96);
	transform: scale(.96)
}

dl,dt,dd,ol,ul,li {
	list-style: none;
	margin: 0;
	padding: 0
}

P {
	margin-bottom: 0
}

em {
	font-style: normal
}

body {
	-webkit-overflow-scrolling: touch
}

a:Hover,a {
	color: #333
}

.xs {
	font-size: 12px
}

.shadow {
	box-shadow: 0 0 20px rgba(0,0,0,0.2)
}

img {
	max-width: 100%
}

.ic {
	background-repeat: no-repeat;
	background-position: center;
	display: inline-block
}

.text-info {
	color: #666
}

a {
	text-decoration: none !important
}

.row-pv10 {
	margin-left: -5px;
	margin-right: -5px
}

.row-pv10>* {
	padding-left: 5px;
	padding-right: 5px;
	margin-bottom: 10px
}

.row-pv0 {
	margin-left: 0;
	margin-right: 0
}

.row-pv0>* {
	padding-left: 0;
	padding-right: 0
}

.row-pv12 {
	margin-left: -6px;
	margin-right: -6px
}

.row-pv12>* {
	padding-left: 6px;
	padding-right: 6px;
	margin-bottom: 12px
}

.row-pv20 {
	margin-left: -10px;
	margin-right: -10px
}

.row-pv20>* {
	padding-left: 10px;
	padding-right: 10px
}

.mv0 {
	margin-left: 0!important;
	margin-right: 0!important
}

.pv0 {
	padding-left: 0!important;
	padding-right: 0!important
}

.pt0 {
	padding-top: 0px !important
}

.pb0 {
	padding-bottom: 0px !important
}

.mb0 {
	margin-bottom: 0 !important
}

.mt0 {
	margin-top: 0!important
}
.bgf9{background:#f9f9f9;}
.bgwhite{background:#fff;}
.wrap {
	margin-left: auto;
	margin-right: auto;
	position: relative
}

.wrap {
	width:100%;
	padding: 0 6.2vw;
	margin-left: auto;
	margin-right: auto
}

@media (max-width:768px) {
}

@media (max-width:640px) {
}

.ver>* {
	display: inline-block;
	vertical-align: middle
}

.container.fill {
	width: 100%
}

.menu_btn {
	width: 60px;
	height: 60px;
	z-index: 101;
	cursor: pointer;
	position: absolute;
	right: 12px;
	transform-origin: center center;
	top: 50%;
	transform: translateY(-50%) scale(.8);
	-webkit-transform: translateY(-50%) scale(.8);
	-moz-transform: translateY(-50%) scale(.8);
	-ms-transform: translateY(-50%) scale(.8);
	-o-transform: translateY(-50%) scale(.8)
}

.menu_btn i {
	position: absolute;
	width: 28px;
	height: 3px;
	background: #fff;
	left: 12px;
	display: block;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out
}

.menu_btn i:nth-of-type(1) {
	top: 20px
}

.menu_btn i:nth-of-type(2) {
	top: 30px
}

.menu_btn i:nth-of-type(3) {
	top: 40px;
	width: 14px
}

.menu_btn.active i:nth-of-type(1) {
	-webkit-transform: rotate(225deg) translate(-7px, -7px);
	-moz-transform: rotate(225deg) translate(-7px, -7px);
	-ms-transform: rotate(225deg) translate(-7px, -7px);
	-o-transform: rotate(225deg) translate(-7px, -7px);
	transform: rotate(225deg) translate(-7px, -7px)
}

.menu_btn.active i:nth-of-type(3) {
	opacity: 0
}

.menu_btn.active i:nth-of-type(2) {
	-webkit-transform: rotate(-225deg) translate(0, 0);
	-moz-transform: rotate(-225deg) translate(0, 0);
	-ms-transform: rotate(-225deg) translate(0, 0);
	-o-transform: rotate(-225deg) translate(0, 0);
	transform: rotate(-225deg) translate(0, 0)
}

.menu_btn:hover i:nth-of-type(3) {
	width: 28px
}

html {
	font-size: 100px !important
}

@media (max-width:1400px) {
	html {
		font-size: 90px !important
	}
}

@media (max-width:1200px) {
	html {
		font-size: 80px !important
	}
}

@media (max-width:992px) {
	html {
		font-size: 70px !important
	}
}

@media (max-width:768px) {
	html {
		font-size: 60px !important
	}
}

@media (max-width:480px) {
}

@media (min-width:992px) {
	a:Hover {
		color: #333
	}
}

.c-green {
	color: #000
}

.bg-gray {
	background: #e5eaf0
}

.c-red {
	color: #f00
}

.line-gray-b {
	border-bottom: 1px solid #e5eaf0
}

@font-face {
	font-family:medium;src:url('../fonts/DIN Medium.ttf'),url('../fonts/DIN Medium.eot'),url('../fonts/DIN Medium.otf')
}

.medium {
	font-family: medium
}

main {
	overflow: hidden;
	position: relative
}

main.on::after {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: rgba(0,0,0,0.6);
	z-index: 999
}



/*底部*/
footer{
    position: relative;
    background: #000;
}

.bdsharebuttonbox.bdshare-button-style0-16 a{
    width: 35px;
    height: 25px;
    padding: 0;
    margin: 0 20px 0 0;
    display: block;
    float: left;
}

.bdsharebuttonbox.bdshare-button-style0-16 a.bds_tsina{
    background: url(../images/wb_icon.png) no-repeat center left;
}
.bdsharebuttonbox.bdshare-button-style0-16 a.bds_qq{
    background: url(../images/qq_icon.png) no-repeat center left;
}
.bdsharebuttonbox.bdshare-button-style0-16 a.bds_weixin{
    background: url(../images/wx_icon.png) no-repeat center left;
}
.footer_con{
    padding: 100px 0;
}
.foot_left {
    width: 53%;
}
.foot_left .logo{
    margin-bottom: 45px;
}
.foot_left .logo img{
    width: 180px;
}
.footer_nav_list{

}
.footer_nav_list li{
    float: left;
    margin-right: 75px;
}
.footer_nav_list li>a{
    font-size: 18px;
    display: block;
    margin-bottom: 10px;
    color: #fff;
    font-weight: bold;
}
.footer_nav_list li .hide_menu a{
    line-height: 30px;
    color: #dadada;
}
.foot_right{
    width: 47%;
    justify-content: space-between;
    align-items: center;
    border-left: 1px solid #eee;
    padding-left: 80px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.foot_right .phone_list{
    padding-right: 100px;
}
.foot_right .phone_list .title{
    font-family: Montserrat-Regular;
    font-size: 30px;
    color: #fff;
    margin-bottom: 10px;
}
.foot_right .phone_list span{
    margin-top: 20px;
    color: #dadada;
    font-size: 15px;
    display: inline-block;
}
.foot_right .phone_list p{
    line-height: 24px;
    margin-top: 10px;
}
.foot_right .phone_list p.weight{
    color: #fff;
    font-size: 30px;
}
.foot_right .ewm img{
    width: 120px;
    height: 120px;
}
.foot_right .ewm p{
    margin-top: 5px;
    text-align: center;
    line-height: 24px;
    color: #dadada;
}

.copy_right{
    border-top: 1px solid #eee;
    justify-content: space-between;
    align-items: center;
    padding: 25px 0;
}

.copy_right .copy{
    line-height: 25px;
    color: #dadada;
}
.copy_right .copy a{color: #dadada;}
.copy_right .copy .gongbei_icon{
    margin-right: 3px;
}
.copy_right .go_top{
    padding-right: 40px;
    height: 25px;
    line-height: 25px;
    background: url(../images/go_top.png) no-repeat center right;
    background-size: auto 100% !important;
}

@media screen and (max-width: 1680px){
    .footer_con {
        padding: 80px 0;
    }
    .foot_left .logo img {
        width: 150px;
    }
    .foot_left .logo {
        margin-bottom: 35px;
        display: inline-block;
    }
    .footer_nav_list li {
        float: left;
        margin-right: 50px;
    }
    .foot_left {
        width: 56%;
    }
    .foot_right {
        width: 44%;
        padding-left: 55px;
    }
    .foot_right .phone_list .title {
        font-size: 28px;
        margin-bottom: 0px;
    }
    .foot_right .phone_list p.weight {
        font-size: 26px;
    }
    .foot_right .phone_list p {
        line-height: 24px;
        margin-top: 5px;
        color: #fff;
        font-size: 15px;
    }
    .foot_right .phone_list {
        padding-right: 70px;
       width: 70%;
    float: left;
    }
     .foot_right .ewm{
         width: 30%;
        float: left;
        text-align: center;
        padding-top: 100px;
     }
         
     }
    .foot_right .ewm img {
        width: 110px;
        height: 110px;
    }
    .copy_right {
        padding: 18px 0;
    }
}

footer a {
	color: #fff
}

footer .content {
	padding: 60px 0 100px
}

footer h4 {
	font-size: 20px;
	position: relative;
	margin-bottom: 20px
}

footer .item {
	float: left
}

footer .item-contact {
	float: right
}

footer .item-contact img {
	display: block;
	margin: 0 auto 6px
}

footer .item-contact .follow-tip {
	font-size: 12px
}

footer .item-nav {
	margin-right: 5%
}

footer .item-nav .icon-jia {
	float: right;
	transition: .3s;
	display: none;
	margin-right: 10px
}

footer .item-nav .info a {
	display: block;
	line-height: 2.1;
	color: rgba(255,255,255,0.6);
	transition: .3s
}

footer .item-nav .info a:hover {
	color: #fff
}

footer .ft-bottom {
	padding: 26px 0;
	border-top: 1px solid rgba(255,255,255,0.3);
	position: relative;
	font-size: 12px;
	color: rgba(255,255,255,0.6)
}

footer .ft-bottom .skill {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 5;
	right: 0
}

footer .ft-bottom a {
	color: rgba(255,255,255,0.6);
	transition: .3s
}

footer .ft-bottom a:hover {
	color: #fff
}

footer .ft-bottom .copyright>* {
	margin-right: 5px
}

footer .ft-bottom .copyright>*>* {
	display: inline-block;
	vertical-align: middle
}

footer .ft-bottom .copyright>*>* {
	display: inline-block;
	vertical-align: middle
}

@media (max-width:1680px) {
	footer h4 {
		font-size: 18px;
		margin-bottom: 14px
	}

	footer .item-nav {
		margin-right: 4.5%
	}
}

@media (max-width:1500px) {
	footer .content {
		padding: 40px 0 60px
	}

	footer h4 {
		font-size: 16px
	}

	footer .item-nav {
		margin-right: 4%
	}
}

@media (max-width:1200px) {
	footer h4 {
		font-size: 15px
	}

	footer .item-nav .info {
		font-size: 12px
	}

	footer .code {
		width: 80px
	}
}

@media (max-width:1199px) {
	footer .code {
		width: 130px
	}

	footer .content {
		padding: 30px 0
	}

	footer .item {
		float: none;
		width: 100%
	}

	footer .item .icon-jia {
		display: block
	}

	footer .item h4 {
		position: relative;
		border-bottom: 1px solid rgba(255,255,255,0.3);
		height: 46px;
		line-height: 46px;
		margin: 0
	}

	footer .item .info {
		display: none;
		font-size: 15px;
		padding: 10px 30px;
		line-height: 2
	}

	footer .item-nav h4 {
		cursor: pointer
	}

	footer .item-nav .info a {
		color: rgba(255,255,255,0.8)
	}

	footer .item-nav.active .iconfont {
		transform: rotate(135deg)
	}

	footer .item-contact {
		padding-top: 40px;
		text-align: center
	}

	footer .item-contact h4 {
		display: none
	}

	footer .item-contact .follow-tip {
		display: block;
		padding: 7px 0 0;
		opacity: .6;
		font-size: 12px
	}

	footer .ft-bottom {
		border-top: 0
	}
}

@media (max-width:900px) {
	footer .ft-bottom {
		text-align: center;
		padding-top: 10px
	}

	footer .ft-bottom .copyright {
		margin-bottom: 5px
	}

	footer .ft-bottom .copyright>* {
		display: inline-block
	}

	footer .ft-bottom .skill {
		position: relative
	}
}

.ibanner {
	height: 100vh;
	width: 100vw;
	overflow: hidden
}



.ibanner::after {
	content: '';
	display: block;
	position: absolute;
	z-index: 55;
	left: 0;
	right: 0;
	bottom: 0;
	height: 30vh;
	background:linear-gradient(transparent, rgba(0, 0, 0, 0.08));
}

.ibanner .pcShow,.ibanner .mShow {
	display: none
}

.ibanner .tool,.ibanner .info {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 88%;
	max-width: 1600px
}

.ibanner .swiper-pagination {
  z-index: 100;
}

.vscroll {
  color: #fff;
  font-size: 16px;
  position: absolute;
  transform-origin: right 0;
  right: 0.5rem;
  bottom: 0;
  z-index: 555;
  letter-spacing: 2px;
  font-family: simpel;
  transform: rotate(90deg);
  padding-right: 0.9rem;
  cursor: pointer;
}
.vscroll::after {
  content: '';
  display: block;
  width: 0.86rem;
  height: 1px;
  background: #fff;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 5;
  right: 0;
}

@media (max-width:1440px) {
	.ibanner .logo img {
		width: 4rem
	}
}

@media (min-width:992px) {
	.ibanner .inner {
		display: table;
		width: 100%
	}

	.ibanner .inner>* {
		display: table-cell;
		vertical-align: middle
	}

	.ibanner .inner>* {
		width: 50%
	}

	.ibanner .r_inner {
		max-width: 7.8rem;
		float: left;
		margin-right: 5%
	}

	.ibanner .rinfo {
		max-width: 500px
	}
}

@media (max-width:991px) {
	.ibanner {
		text-align: left;
		height: 270px;
	}

	.ibanner .info {
		top: 50%
	}

	.ibanner .rinfo {
		margin-top: 40px
	}

}

.ibanner .pagination {
	color: #fff;
	font-family: medium;
	font-size: 30px;
	line-height: 1;
	white-space: nowrap;
	text-align: left
}

.ibanner .info {
	transform: translateX(-50%) translateY(-50%) scale(1);
	opacity: 0;
	transition: all 1s ease-in 0s;
	z-index: 999;
	color: #fff
}

.ibanner .swiper_pnext {
     width: 50px;
     height: 50px;
     line-height: 50px;
     text-align: center;
     background: rgba(255,255,255,0);
     opacity: 0;
     transition: .6s;
     z-index: 112;
     outline:none;
}

.ibanner .swiper_pnext::after {
     font-size: 12px;
     color: #9c9c9c
}

.ibanner .swiper_pnext:hover {
     background-color: rgba(255,255,255,0.3)
}

.ibanner .swiper_pnext:hover::after {
     color: #fff
}

.ibanner .swiper-button-prev {
     left: 0
}

.ibanner .swiper-button-next {
     right: 0
}

.ibanner:hover .swiper-button-prev {
     opacity: 1
}

.ibanner:hover .swiper-button-next {
     opacity: 1
}

.ibanner .swiper-pagination-bullet {
     background: none;
     opacity: 1;
     width: .4rem;
     height: .4rem;
     margin: 0 .07rem !important;
     position: relative;
     transition: .6s;
     outline: none;
}

.ibanner .swiper-pagination-bullet::before {
     content: '';
     display: block;
     border: 1px solid transparent;
     width: 6px;
     height: 6px;
     position: absolute;
     left: 50%;
     top: 50%;
     transform: translateX(-50%) translateY(-50%);
     z-index: 5;
     border-radius: 50%;
     transition: .6s
}

.ibanner .swiper-pagination-bullet::after {
     content: '';
     display: block;
     width: 6px;
     height: 6px;
     background: #fff;
     border-radius: 50%;
     position: absolute;
     left: 50%;
     top: 50%;
     transform: translateX(-50%) translateY(-50%);
     z-index: 5
}

.ibanner .swiper-pagination-bullet-active {
     background: none!important
}

.ibanner .swiper-pagination-bullet-active::before {
     border-color: #fff;
     content: '';
     display: block;
     position: absolute;
     width: .2rem;
     height: .2rem
}

.ibanner .swiper-slide-active .bg {
     transform: scale(1)
}

@media (max-width:480px) {
     .ibanner .swiper-pagination {
          bottom: 6%
     }
}



.banner_page{ position:absolute; width:100%; text-align:left; left:5.6%; height:0px;  color:#aaaaaa; font-size:28px; z-index:10; bottom:86px; line-height:36px; z-index:5; /*font-style:italic;*/ font-weight:bold;}
.banner_page .num2{ height:0; color:#fff;}
.banner_page .num2 .current2{color:#fff;-webkit-text-stroke: 1px #fff;-webkit-text-fill-color: transparent;opacity:.4}
.banner_page .num2 em{margin-right:7px;font-weight: normal;}


.ibanner .dot{ margin-top: 1.5vw;}
.ibanner .dot em{ display: inline-block;width: 16px;height: 16px;border-radius: 50%; }
.ibanner .dot .d1{background: #19bf15; animation: dot1 2s linear infinite;}
.ibanner .dot .d2{background: #000;opacity: 0.8; animation: dot2 2s linear infinite;}
.ibanner .dot .more{margin-top:40px}
.ibanner .dot .more a{color:#fff; padding: 15px 10px;border: 1px #fff solid; border-radius: 5px; }
.ibanner .dot .more a i{margin-left:60px;font-size:20px;}
.ibanner .dot .more a:hover{opacity: 0.8; }
@keyframes dot1 {
	0%{transform: translateX(0);} 
    50%{transform: translateX(16px);}
	100%{transform: translateX(0px);}
}
@keyframes dot2 {
	0%{transform: translateX(0px);}
50%{transform: translateX(-16px);}
	100%{transform: translateX(0px);}
}
.ibanner h3{
    font-size: 66px;
	line-height: 76px;
    font-weight: bold;
    text-transform: uppercase;
}

.ibanner h5 {
	margin: 0;
	font-size: 66px;
	line-height: 76px;
	font-weight: bold;
	margin-top: 10px;
}
.ibanner .rinfo p{font-size:18px;color: rgba(255,255,255,.4);letter-spacing: 2.8px;}

.ibanner video {
	width: 100vw;
	height: 100vh;
	object-fit: cover
}

.ibanner .swiper-slide {
	overflow: hidden
}

.ibanner .bg {
	z-index: 1;
	position: absolute;
	left: 0;
	top: 0;
	width: 100vw;
	height: 100vh;
	background-repeat: no-repeat;
	background-position: center !important;
	background-size: cover !important
}

.ibanner .logo img {
	width: 5rem
}

.ibanner .swiper-slide-active .info {
	opacity: 1
}

@media (max-width:992px) {
	.ibanner .pagination {
		text-align: center
	}
	/*.ibanner h3{font-size:35px;line-height: 51px;}*/
	/*.ibanner h5 {font-size:36px;line-height:51px;}*/
	.ibanner .rinfo p{font-size: 14px;width: 85%;margin:10px auto;}
	.ibanner h3{font-size:16px;line-height: 20px;}
	.ibanner h5 {font-size:16px;line-height: 20px;margin-top: 5px;}
	.ibanner .rinfo p{font-size: 10px;width: 60%;margin:5px 0px 0px;letter-spacing: 0;overflow: hidden;word-break: break-word;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
	.ibanner .bg{background-position:center!important;height: 270px;}
	.ibanner .banbg1,.ibanner .banbg2{background: #000;}
	.ibanner .hban1{margin-top: 25px;height: 230px;}
	.ibanner .hban2{margin-top: 25px;height: 250px;}
}

@media (max-width:768px) {
	.ibanner .logo img {
		max-width: 40%
	}

	.ibanner .pagination {
		font-size: 15px
	}

}
@media screen and (orientation: landscape) and (max-width: 1024px), screen and (orientation: landscape) and (max-height: 1024px) {
  .ibanner h5{font-size: 64px;}
}

@media only screen and (min-width: 981px) and (max-width: 1024px) {
	.ibanner,.ibanner .bg{height: 580px;}
	.ibanner h3{font-size: 46px;    line-height: 56px;}
	.ibanner h5{font-size: 44px;}
	.ibanner .rinfo p{font-size: 12px;letter-spacing: 1.6px;}
}

@keyframes saAnia {
	0% {
		transform: translateY(0)
	}

	100% {
		transform: translateY(10px)
	}
}

@-webkit-keyframes saAnia {
	0% {
		transform: translateY(0)
	}

	100% {
		transform: translateY(10px)
	}
}

@-moz-keyframes saAnia {
	0% {
		transform: translateY(0)
	}

	100% {
		transform: translateY(10px)
	}
}

.mouse {
	background-repeat: no-repeat;
	background-position: center;
	display: inline-block;
	background-image: url(../images/icon/mouse.png);
	width: 28px;
	height: 42px;
	position: absolute;
	left: 50%;
	bottom: .4rem;
	z-index: 55;
	margin-left: -14px;
	cursor: pointer;
	z-index: 66;
	animation: saAnia 1s linear .6s infinite alternate
}

.header {
	background: rgba(255,255,255,0);
	z-index: 3;
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	font-size: 18px
}

.header .wrap {
	height:.8rem;
	line-height: .8rem;
	max-width: none;
	width: 100%;
	padding: 0 6.2vw;
	overflow: visible
}

.header .icon-sousuo1 {
	color: #fff;
	cursor: pointer
}

.header a {
	color: #fff
}

.header a:hover {
	opacity: .8
}

.header .hd-logo {
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
	display: block;
	position: absolute;
	height: 25px;
	width: 130px;
	margin-top: 30px;
}

.header .pc-menus {
	transition: .3s;
	width: 35%
}

.header .pc-menus ul {
	display: table;
	width: 100%
}

.header .pc-menus ul>* {
	display: table-cell;
	vertical-align: middle
}

.header .pc-menus li {
	transition: .3s;
	font-size: 18px;
	text-align: right;
	width: 10%
}

/*.header .pc-menus .active>a {*/
/*	color: #000;*/
/*	background-image: -webkit-linear-gradient(right, #1171b2, #48b452);*/
/*	-webkit-background-clip: text;*/
/*	-webkit-text-fill-color: transparent;*/
/*	display: inline-block;*/
/*	font-weight: bold*/
/*}*/

.header .pc-menus .active a::after,.header .pc-menus ul li a::after{content:'';display:block;height:2px;background:#fff;position: relative;left:50%;transform:translateX(-50%);z-index:5;bottom:20px;width:0;transition:.6s;}
.header .pc-menus .active a::after,.header .pc-menus ul li:hover a::after{width:20px;}
.header .pc-menus .cur a::after{background:#000;}
.header.cur .pc-menus .active a::after, .header.cur .pc-menus ul li a::after{background:#000 !important;}
.hd-dropdown a::after{display:none !important;}
.header .pc-menus .hd-search-item {
	width: 5%
}

.header .pc-menus li:last-child {
	padding-right: 0
}

/*.header .pc-menus li:hover>a {*/
/*    color: #000;*/
/*    background-image: -webkit-linear-gradient(right, #000, #38a9bf);*/
/*    -webkit-background-clip: text;*/
/*    -webkit-text-fill-color: transparent;*/
/*    display: inline-block;*/
/*    font-weight: bold;*/
/*}*/

@media (max-width:1500px) {
	.header .pc-menus li {
		font-size: 16px
	}
}

@media (max-width:480px) {
	.header .wrap {
		height: 60px
	}

	.header .hd-logo {
		background-size: 100px;
		background-position: 0 center;
		left: 15px;
		margin-top: 5px;
	}

	.header .menu_btn {
		right: 0
	}
}

.header.cur,.header.active {
	background: #fff;
	box-shadow: 0 0 10px rgba(0,0,0,0.1)
}

.header.cur a,.header.active a {
	color: #000
}

.header.cur li:hover>a {
	/*color: #000;*/
 /*   background-image: -webkit-linear-gradient(right, #000, #38a9bf);*/
 /*   -webkit-background-clip: text;*/
 /*   -webkit-text-fill-color: transparent;*/
    display: inline-block;
    /*font-weight: bold;*/
}

.header.cur .hd-search-item .ic-serach,.header.active .hd-search-item .ic-serach {
	color: #333
}

.header.cur .hd-search-item .ic-serach:hover,.header.active .hd-search-item .ic-serach:hover{
	color: #000
}

.header.cur .menu_btn i,.header.active .menu_btn i {
	background: #000
}

.hd-search-item {
	position: relative;
	z-index: 555
}

.hd-search-item .ic-close {
	display: none
}

.hd-search-item.on .ic-btn {
	display: none
}

.hd-search-item.on .ic-close {
	display: block
}

.hd-search-item .ic-serach {
	font-size: 22px;
	color: #fff;
	cursor: pointer
}

.searchform {
	display: none;
	position: absolute;
	right: 2%;
	top: 80%;
	width: 400px;
	background: #fff;
	z-index: 999;
	padding: 16px;
	border-radius: 6px
}

.searchform .closes {
	display: none
}

.searchform form {
	position: relative;
	display: block;
	overflow: hidden;
	line-height: 1
}

.searchform input {
	outline: none;
	border: 0;
	height: 40px;
	line-height: 40px
}

.searchform .key {
	width: 100%;
	border-radius: 6px;
	text-indent: 10px;
	border: 1px solid #ccc;
	font-size: 14px
}

.searchform .submit {
	text-align: center;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 5;
	right: 0;
	background:#000;
	color: #fff;
	width: 70px;
	border-radius: 0 6px 6px 0;
	font-size: 14px
}

.searchform .submit:hover {
	background:#000000;opacity: .8;
}

.searchform.on {
	display: block;
	top: 0px;
	left: 0;
	height: 100vh;
	width: 100vw;
	border-radius: 0;
	padding-top: 40vh;
	background: #000;
}

.searchform.on .closes {
	position: absolute;
	right: 5%;
	top: 5%;
	color: #fff;
	font-size: 24px;
	display: block;
	cursor: pointer
}

.searchform.on input {
	background: none;
	color: #ccc;
	font-size: 16px;
	height: 60px;
	line-height: 60px
}

.searchform.on .key {
	border: 0;
	border-bottom: 1px solid #666;
	border-radius: 0
}

.searchform.on .submit {
	background: none
}

.m-menus-top {
	height: 60px;
	background: #000;
	position: relative;
	line-height: 60px;
	padding-left: 8%
}

.m-menus-top .icon-chacha{
	color: #fff !important;
	cursor: pointer;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 5;
	right: 8%
}

.header.fixed {
	box-shadow: 0 0 15px rgba(0,0,0,0.15)
}

@media (max-width:480px) {
	.header.fixed {
		box-shadow: 0 0 5px rgba(0,0,0,0.15)
	}
}

.m-menus {
	width: 66%;
	height: 100vh;
	position: fixed;
	top: 0;
	right: -66%;
	background: #fff;
	overflow: hidden;
	line-height: 40px;
	font-size: 15px;
	z-index: 999
}

.m-menus a {
	color: #333
}

.m-menus.active {
	right: 0
}

.m-menus ul {
	height: calc((100vh - 60px ));
	overflow-y: auto;
	padding: 10px 0 50px
}

.m-menus .item {
	cursor: pointer;
	transition: .3s;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	position: relative
}

.m-menus .item .iconfont {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 5;
	right: 8%;
	font-size: 15px;
	color: #999;
	font-weight: bold;
	transition: .3s
}

.m-menus .item>a,.m-menus h5 {
	display: block;
	padding: 0 8%;
	line-height: 46px;
	color: #000;
	position: relative;
	border-bottom: 1px solid #f2f2f2;
	font-size: 15px
}

.m-menus dl {
	display: none;
	background: rgba(0,0,0,0.05);
	padding: 8px 0 12px 15%;
	font-size: 14px；
}

.m-menus .xs-memu .mnav1,.m-menus .xs-memu .mnav9{display:none;}

.m-menus dl a {
	color: #666;
	display: block;
	line-height: 36px
}

.m-menus .trans {
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease
}

.m-menus .item.active h5>* {
	color: #000;
	display: inline-block;
	font-weight: bold
}

.m-menus .open h5>a,.m-menus .open h5 p {
	color: #000;
	display: inline-block;
	font-weight: bold
}

.m-menus .open h5 .iconfont {
	transform: rotate(180deg) translateY(50%)
}

#headContent.on {
	transform: translateX(-40%)
}

.header.on,footer.on,main.on {
	transform: translateX(-60%)
}

.m-menus,#headContent,main,footer {
	transition: .5s
}


@media only screen and (min-width: 981px) and (max-width: 1024px) {
	.header .hd-logo{margin-top: 20px;}
}


/*尾部*/
.c_l{ clear:both; font-size:0;clear: both; overflow:hidden;}
.f_bg {background:#000;/*background:url(../images/keobg.jpg) no-repeat;background-size: cover;*/clear: both; font-size:14px;}

.f_bg .footer-left{float:left;width:30%;min-height:465px; }
.f_bg .footer-left .footer-logo img{width:190px;}
.f_bg .footer-left .footer-logo {position:relative}
.f_bg .footer-left .footer-wr-bottom{position:absolute;bottom:0;display: inline-block;}
.f_bg .footer-left .footer-friend-tt{display: block;color: #fff;font-size: 16px;font-weight: 700;line-height: 1; margin-bottom: 30px;}
.f_bg .footer-left .footer-share .iconfont{display: inline-block;position: relative; margin-right: 32px;line-height: 1;font-size: 18px;color: #fff; transition: .3s;}
.f_bg .footer-left .footer-share a:nth-last-child(1){margin-right:0px;}
.f_bg .footer-left .footer-share a .img1{position: absolute;bottom: 20px;opacity: 0;transition: all 0.3s cubic-bezier(0.55, 0.02, 0.1, 0.9);width: 100px;left: -12px;font-size: 18px;}
.f_bg .footer-left .footer-share a .img{position: absolute;bottom: 20px;opacity: 0;transition: all 0.3s cubic-bezier(0.55, 0.02, 0.1, 0.9);width: 100px;left: -55px;font-size: 18px;}
.f_bg .footer-left .footer-share a .img:before{position: absolute;left: 50%;margin-left: -3px;bottom: -3px;content: "";border-left: 3px solid transparent;border-right: 3px solid transparent; border-top: 3px solid #fff;}
.f_bg .footer-left .footer-share a .img img{width: 100px;}
.f_bg .footer-left .footer-share a:hover p{opacity: 1; transform: matrix(1, 0, 0, 1, 12, -10);transition: all 0.6s cubic-bezier(0.75, -0.5, 0, 1.75);}

.f_bg .footer-left .footer-address{margin-top: 40px;}
.f_bg .footer-left .explain{display: flex;margin-top: 36px; margin-bottom: 5px;}
.f_bg .footer-left .explain p{position: relative;}
/*.f_bg .footer-left .explain p:before{position: absolute;right: -16px;top: 50%;margin-top: -7.5px;content: "";width: 1px; height: 10px;background: #fff;opacity: .3;}*/
.f_bg .footer-left .explain .shuxian{margin:0px 10px;}
.f_bg .footer-left .explain a{color:#545454; float:left; }
.f_bg .footer-left .footer-copy{color:#545454;}
.f_bg .footer-right{float:right;width:40%;}
.footer-right .footer-navs{display: flex;justify-content: space-between; flex: 1;}
.footer-right .footer-navs .list{margin-right:70px; }
.footer-right .footer-navs .list li{line-height: 22px; margin-bottom: 6px;}
.footer-right .footer-navs .list li a{color:#a5a5a5}

.footer-right .footer_link{margin-top:15.6vw;}
.footer-right .footer_link .footer-friend-li a{ float:left; color:#545454; margin-right:20px; line-height:30px;}
.f_bg .title { line-height: 26px; font-size: 18px;color: #fffefe;margin-bottom: 30px;font-weight:normal; display:inline-block;}


.f_bg .foot_one{ padding-bottom:24px; border-bottom:1px solid #2c2c2c; margin-bottom:50px;}
.f_bg .foot_one .logos2{  float:left; line-height:42px; margin-top:8px; color:rgba(255,254,254,0.8); font-size:16px;}
.f_bg .foot_one .logos2 img{ float:left;height:40px;transition:all 0.3s; margin-right:30px;}
.f_bg .foot_one .logos2:hover img{opacity:0.9;filter:Alpha(opacity=90);}
.f_bg .link-list {
width:calc(98% - 280px);width:-webkit-calc(98% - 280px);width:-moz-calc(98% - 280px); max-width:900px;float: left; /*border-right:1px solid rgba(255,255,255,0.08); min-height:265px;*/}
.f_bg .link-list .list { width: 26%; float: left; max-width:234px;}
.f_bg .link-list .list.w2{ width:28%; max-width:250px;}
.f_bg .link-list ul { margin-top: 11px;}
.f_bg .link-list li {line-height: 22px; margin-bottom: 6px;}
.f_bg .link-list li a { /*opacity: 0.67;*/ /*color:rgba(255,254,254,0.6);*/ color:#ddd; }
.f_bg .link-list li a:hover {opacity: 1.0; margin-left:1px;color:#fff;}
.f_bg .contact { float: left; width:45%;}
.f_bg .contact ul{ margin-top:11px;color:rgba(255,255,255,0.6);color:rgba(255,254,254,0.6);}
.f_bg .contact ul li{ display:block; overflow:hidden; margin-bottom:5px; line-height:28px;}
.f_bg .contact ul li.bgs1{  font-weight:bold;}
.f_bg .contact ul li a{/*color:rgba(255,255,255,0.6);*/ color:#ddd;}
.f_bg .contact ul li a:hover{ color:#fff;}
.f_bg .f_div2_l{ float:right;width:120px; text-align:center; margin-left:20px; margin-top:4px;}
.f_bg .f_div2_l img{ width:100%; border-radius:6px;}
.f_bg .f_div2_l .h2{ font-weight:normal; height:30px; margin-top:7px; overflow:hidden; line-height:30px;color:rgba(255,254,254,0.6); font-size: 14px; }
.f_bg .bottom { border-top:1px solid #2c2c2c; line-height: 22px;padding: 26px 0;/*color:rgba(255,254,254,0.4);*/ color:#ddd; font-size:14px; margin-top:47px;}
.f_bg .bottom a{/*color:rgba(255,254,254,0.4);*/ color:#ddd;}
.f_bg .bottom a:hover{  color:#fff;}
.f_bg .copy {
  /*opacity: 0.8;*/
}
.f_bg .copy.l{ margin-right:10px;}
.f_bg .copy span{ padding-left:8px;}
.f_bg .support a{ display:inline-block; padding-left:16px; padding-right:16px; position:relative;}
.f_bg .support a:after{ content:""; position:absolute; right:0; top:50%; margin-top:-6px; height:12px; width:1px; background:#222339;}
.f_bg .support a:last-child{ margin-right:0; padding-right:0;}
.f_bg .support a:last-child:after{ display:none;}



.gotop{ float:right;/* position:fixed; bottom:30px; right:1%;*/ width:60px; height:60px; background:url(../images/gotop.png) no-repeat; background-size:100% 100%;
-webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out;
-o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; z-index:99; /*display:none;*/ }
/*.gotop:hover{-webkit-transform:rotate(360deg); -ms-transform:rotate(360deg); -o-transform:rotate(360deg); -moz-transform:rotate(360deg); cursor:pointer; transform:rotate(360deg);opacity:0.9;filter:Alpha(opacity=90);}*/
/*.gotop.actives{ display:block;}*/
@media screen and (max-width: 980px) {
.header .hd-logo{margin-top: 20px;background-size: 100px;}
.mouse{background-size: 60%;}
 /*尾部*/
.f_bg .footer-left{width:100%;min-height: 380px;}
.f_bg .footer-left .footer-logo{text-align:center;}
.f_bg .footer-left .footer-wr-bottom{text-align:center;}
.f_bg .footer-left .explain{display: inline-flex;text-align:center;}
.f_bg .footer-right {display:none;}
.f_bg {
    padding: 0; 
    text-align: center; font-size:14px; 
}
.f_bg .foot_one{ margin-bottom:0px; padding-bottom:0; border-bottom:0;}
.f_bg .foot_one .logos2{ display:none;}
.f_bg .title {
    height: 90px;
    line-height: 40px;
    display: block; font-weight:normal; font-size:36px; padding-top: 30px; text-align:center;
}
.f_bg .link-list {
    width: calc(100% - 0px);
    width: -webkit-calc(100% - 0px);
    width: -moz-calc(100% - 0px);max-width:none;
    float: none; border-right:0;margin-bottom:0px; min-height:inherit;
}
.f_bg .link-list .list {
    width: 100%;
    float: none;
    border-bottom: solid 1px #1c5866;   display: none;
}
.f_bg .fr{display:block;float:none;text-align:center;}
.f_bg .link-list .list.w2{ width:100%;}
.f_bg .link-list ul {
    margin: 0;
    padding-bottom: 10px;
    display: none;
}
.f_bg .link-list li {
    margin: 0;
}
.f_bg .link-list li a {
    opacity: .8;
    height: 36px;
    line-height: 36px;
    display: block;
}
.f_bg .contact {
clear:both;
    float:none; display:inline-block; vertical-align:top; width:100%;
    /*max-width: 300px;*/
    /*margin: 10px auto;*/ text-align:center;
}
.f_bg .contact ul{ display:block;}
.f_bg .f_div2_l{ float:none; display:inline-block; vertical-align:top; margin-left:2%; margin-right:2%; width:110px;}


.f_bg .social-share {
    /*margin-top: 15px;*/
}
.f_bg .social-share a {
    margin: 0 5px;
    display: inline-block;
    float: none;
}


.f_bg .bottom {
    padding: 10px 0; font-size:12px;
}
.f_bg .support,
.f_bg .copy {
    float: none;
}
.f_bg .copy.l{ margin-right:0px;}
.f_bg .l{ float:none; display:block;}
.f_bg .r{ float:none; display:block;}
.f_bg .support a{ padding-left:12px; padding-right:12px;}
.f_bg .support a:last-child{ padding-right:12px;}
.gotop{ display:none;}   
}



.iabout {
	padding-top: 2.4rem;
	background: url('../images/icon/about_bg.png') no-repeat center 0 #e5eaf0;
	background-size: contain
}

.iabout .wrap {
	max-width: 1340px
}

.iabout .pc-adv {
	width: 61%;
	position: absolute;
	left: 33%;
	top: -1.1rem;
	z-index: 2
}

.iabout .pc-adv .th {
	width: 5.6rem;
	height: 2.16rem;
	background-image: url('../images/icon/th.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
	display: block
}

.iabout .pc-adv .txt {
	position: absolute;
	right: 0;
	bottom: 0
}

.iabout .adv .txt {
	font-size: 20px;
	color: #000;
	background-image: -webkit-linear-gradient(right, #1171b2, #48b452);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	display: inline-block;
	white-space: nowrap;
	line-height: 40px
}

@media (min-width:993px) {
	.iabout .top {
		display: table;
		width: 100%
	}

	.iabout .top .m-adv {
		display: none
	}

	.iabout .top>* {
		display: table-cell;
		vertical-align: middle
	}

	.iabout .top>* {
		vertical-align: bottom
	}

	.iabout .top .imgbox {
		width: 50%;
		padding-right: 4%
	}

	.iabout .top .content {
		padding-left: 5%;
		width: 50%;
		padding-right: 5%
	}
}

.iabout .top .img {
	padding: .56rem .56rem 0 0;
	position: relative;
	display: inline-block
}

.iabout .top .img::after {
	content: '';
	display: block;
	position: absolute;
	left: .56rem;
	top: 0;
	bottom: .56rem;
	right: 0;
	background: #0b2d50;
	z-index: 1
}

.iabout .top .img img {
	position: relative;
	z-index: 3
}

.iabout .top h4 {
	font-size: .36rem;
	margin: 0
}

.iabout .top .info {
	font-size: 16px;
	color: #999;
	line-height: 1.86;
	margin: .3rem 0 .3rem;
	min-height: 170px
}

.iabout .rec-more {
	width: 2.2rem;
	height: .56rem;
	line-height: .56rem;
	display: inline-block;
	border: 1px solid #666;
	text-align: center;
	color: #666;
	font-size: 16px;
	transition: .3s
}

.iabout .rec-more:hover {
	border-color: #000;
	color: #000
}

.iabout .company-data {
	padding: 1.2rem 0
}

@media (max-width:1640px) {
	.iabout .top h4 {
		font-size: .3rem
	}

	.iabout .top .info {
		margin: .2rem 0 20px;
		font-size: 15px;
		min-height: 138px
	}

	.iabout .rec-more {
		height: .46rem;
		line-height: .46rem;
		font-size: 14px;
		width: 1.8rem
	}
}

@media (max-width:1360px) {
	.iabout .adv {
		left: 30%
	}

	.iabout .adv .th {
		height: 1.6rem
	}

	.iabout .adv .txt {
		line-height: 26px
	}

	.iabout .top .info {
		font-size: 14px
	}
}

@media (max-width:992px) {
	.iabout {
		padding-top: 1.6rem
	}

	.iabout .pc-adv {
		display: none
	}

	.iabout .m-adv {
		color: #000;
		background-image: -webkit-linear-gradient(right, #1171b2, #48b452);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		display: inline-block;
		text-transform: uppercase;
		font-size: .3rem;
		margin: .2rem 0 .5rem
	}

	.iabout .top {
		text-align: center
	}

	.iabout .top h4 {
		font-size: 22px
	}

	.iabout .content .info {
		min-height: auto;
		text-align: left;
		line-height: 1.76
	}

	.iabout .rec-more {
		height: .56rem;
		line-height: .56rem;
		width: 2.4rem
	}
}

@media (max-width:992px) {
	.iabout .company-data li {
		margin-bottom: .5rem
	}
}

@media (max-width:640px) {
	.iabout .top .img {
		padding: 0
	}

	.iabout .top .img::after {
		display: none
	}

	.iabout .company-data {
		padding-left: 15%
	}
}

@media (max-width:480px) {
	.iabout {
		padding-top: 1.4rem
	}
}

.company-data {
	font-family: medium
}

.company-data .val {
	color: #000
}

.company-data .tit {
	color: #000;
	background-image: -webkit-linear-gradient(right, #1171b2, #48b452);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	display: inline-block
}

.company-data .val {
	font-size: .4rem;
	white-space: nowrap
}

.company-data .val em {
	font-size: .48rem
}

.company-data .tip {
	font-size: 16px;
	color: #999
}

.ilogo {
	padding: .62rem 0 .22rem;
	text-align: center
}

.ilogo .wrap {
	max-width: 1380px
}

.ilogo li {
	margin-bottom: .4rem
}

.ilogo img {
	max-width: 80%
}

@media (max-width:768px) {
	.ilogo img {
		max-width: 70%
	}
}

.inews {
	padding: 1.2rem 0 1.36rem
}

.inews .wrap {
	max-width: 1280px
}

.inews .newinfo {
	font-size: 16px
}

.inews .newinfo .title {
	font-size: 20px
}

@media (min-width:769px) {
	.inews .title {
		overflow: hidden;
		white-space: nowrap;
		-o-text-overflow: ellipsis;
		text-overflow: ellipsis
	}

	.inews .leftbox {
		min-height: 300px;
		display: -webkit-flex;
		display: flex;
		display: -webkit-box;
		display: box;
		position: relative;
		-webkit-box-orient: vertical;
		box-orient: vertical;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-box-pack: center;
		box-pack: center;
		padding-right: 5%
	}

	.inews .lgimg {
		position: relative;
		overflow: hidden;
		cursor: pointer
	}

	.inews .lgimg .img {
		overflow: hidden
	}

	.inews .lgimg .img img {
		-webkit-transition: .5s;
		-o-transition: .5s;
		-moz-transition: .5s;
		transition: .5s
	}

	.inews .lgimg .img:hover img {
		-webkit-transform: scale(1.1);
		-moz-transform: scale(1.1);
		-ms-transform: scale(1.1);
		-o-transform: scale(1.1);
		transform: scale(1.1)
	}

	.inews .lgimg img {
		display: block;
		width: 100%
	}

	.inews .lgimg .time,.inews .lgimg .more {
		color: #fff
	}

	.inews .lgimg::after {
		content: '';
		display: block;
		position: absolute;
		z-index: 55;
		height: 30vh;
		background: linear-gradient(transparent, #000000);
		left: 0;
		right: 0;
		bottom: 0;
		height: 30%;
		z-index: 1
	}

	.inews .lgimg .newinfo {
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		color: #fff;
		z-index: 2;
		padding: .2rem;
		line-height: 1.8
	}

	.inews .lgimg .newinfo a {
		color: #fff
	}

	.inews .lgimg:hover .title {
		color: #000
	}

	.inews .bd {
		display: -webkit-flex;
		display: flex;
		display: -webkit-box;
		display: box;
		position: relative;
		-webkit-align-items: center;
		align-items: center;
		-webkit-box-align: center;
		box-align: center;
		-webkit-box-align: stretch;
		box-align: stretch;
		-webkit-align-items: stretch;
		align-items: stretch
	}

	.inews .box {
		position: relative;
		width: 50%
	}

	.inews .box-list li {
		height: 33.33%
	}

	.inews .box-list .newinfo {
		width: 100%
	}

	.inews .box-list::before {
		content: '';
		display: block;
		position: absolute;
		left: 5px;
		top: 15px;
		bottom: 15px;
		border-left: 1px solid #e5eaf0
	}

	.inews .box-list .newinfo {
		line-height: 1.86;
		position: relative
	}

	.inews .box-list .newinfo::before {
		content: '';
		position: absolute;
		width: 10px;
		height: 10px;
		background: #0b2d50;
		border-radius: 50%;
		left: 0
	}

	.inews .box-list .newinfo>* {
		padding-left: 10%
	}

	.inews .box-list .newinfo:hover .title a {
		color: #000;
		background-image: -webkit-linear-gradient(right, #1171b2, #48b452);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		display: inline-block;
		-font-weight: bold
	}

	.inews .box-list .newinfo:hover::before {
		background: linear-gradient(90deg, #1171b2, #48b452)
	}

	.inews .box-list li:nth-child(1) .newinfo::before {
		top: 10px
	}

	.inews .box-list li:nth-child(2) {
		display: flex
	}

	.inews .box-list li:nth-child(2) .newinfo {
		margin: auto 0
	}

	.inews .box-list li:nth-child(2) .newinfo::before {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		z-index: 5
	}

	.inews .box-list li:nth-child(3) {
		display: flex
	}

	.inews .box-list li:nth-child(3) .newinfo {
		margin: auto 0 0 0
	}

	.inews .box-list li:nth-child(3) .newinfo::before {
		bottom: 10px
	}
}

.inews .time,.inews .more {
	color: #0b2d50
}

.inews .more:hover {
	color: #000;
	background-image: -webkit-linear-gradient(right, #1171b2, #48b452);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	display: inline-block
}

@media (max-width:1440px) {
	.inews .newinfo .title {
		font-size: 18px;
		font-weight: bold
	}
}

@media (max-width:768px) {
	.inews .box-list li {
		border-top: 1px solid #e5eaf0;
		padding-top: .3rem
	}

	.inews .newinfo {
		margin-bottom: .5rem
	}

	.inews .newinfo .time {
		color: #999;
		font-size: 14px
	}

	.inews .newinfo .title {
		line-height: 29px;
		height: 58px;
		margin: 5px 0 10px;
		font-weight: normal;
		display: -webkit-box;
		overflow: hidden;
		text-overflow: ellipsis;
		word-wrap: break-word;
		white-space: normal !important;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2
	}

	.inews .newinfo .more {
		color: #666;
		font-size: 14px
	}

	.inews .leftbox {
		text-align: center
	}

	.inews .leftbox img {
		margin-bottom: .3rem
	}

	.inews .leftbox .newinfo {
		text-align: left
	}

	.inews .leftbox .title {
		color: #000;
		background-image: -webkit-linear-gradient(right, #1171b2, #48b452);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		display: inline-block;
		font-weight: bold
	}
}

@media (max-width:768px) {
	.inews .lgimg img {
		width: 100%
	}
}

.more1 {
	display: block;
	width: 2.2rem;
	height: .56rem;
	line-height: .56rem;
	color: #fff;
	background: linear-gradient(90deg, #1171b2, #48b452);
	text-align: center;
	margin: 1rem auto 0;
	font-size: 16px
}

.more1:hover {
	color: #fff
}

@media (max-width:640px) {
	.more1 {
		width: 2.6rem;
		height: .7rem;
		line-height: .7rem
	}
}

.ihd {
	text-align: center;
	margin-bottom: .9rem
}

.ihd .en {
	font-size: .6rem;
	font-family: medium;
	font-weight: bold
}

.ihd h2 {
	font-size: .32rem;
	color: #0b2d50;
	margin: 0
}

@media (max-width:480px) {
	.ihd {
		margin-bottom: .5rem
	}

	.ihd .en {
		font-size: .46rem
	}

	.ihd h2 {
		font-size: 20px
	}
}

/*团队*/
.z_team .swiper-team .item_block{width:90%; margin: 0 5%;}
.z_team .swiper-team .item_block .item_img{float:left;width:420px;height:440px}
.z_team .swiper-team .item_block .item_wrapper{float:right;width:520px;margin-right:125px;margin-top:66px}
.z_team .swiper-team .swiper-slide .item_box{display:block}
.z_team .swiper-team .swiper-slide .item_box:after{content:'';display:block;clear:both}
.z_team .swiper-team .swiper-slide .item_box .title{color:#555;font-size:30px}
.z_team .swiper-team .swiper-slide .item_box .subtitle{color:#bdbdbd;font-size:14px;margin-top:6px}
.z_team .swiper-team .swiper-slide .item_des{display:block;font-size:13px;line-height:26px;color:#999;padding-top:10px}
.z_team .item_block .item_box .item_wrapper:after{content:'More';font-size:13px;color:transparent;padding-top:4px;display:block;width:24px;height:26px;margin-top:35px;transition:all .6s cubic-bezier(.215,.61,.355,1) 0s;position:relative;left:0;text-indent:20px;}
.z_team .swiper-team .item_block:hover .item_box .item_wrapper:after{color:#555;text-indent:-40px;left:45px}
.z_team .swiper-slide .bx-wrapper .bx-controls-direction a:hover{background:#fff}
.z_team .container_content .bx-wrapper .bx-controls-direction a{width:60px;height:60px;overflow:hidden}
.z_team .container_content .bx-wrapper .bx-controls-direction a.bx-prev{left:-65px;margin-top:-75px}
.z_team .container_content .bx-wrapper .bx-controls-direction a.bx-next{right:-65px;margin-top:-75px}
.z_team .swiper-team .swiper-slide .bx-wrapper .bx-controls-direction a i{margin:22px 20px;font-size:18px}
.z_team .swiper-team .swiper-slide .bx-wrapper .bx-controls-direction a:hover i{color:#000}
.z_team .swiper-team .swiper-slide .item_box:hover .title{color:#555}
.z_team .swiper-team .swiper-slide .text_wrap{position:relative}
.z_team .swiper-team .swiper-slide .text_wrap:after{content:'';width:52px;height:1px;background:#353535;position:absolute;top:14px;left:-133px}
/*合作伙伴*/


.swiper-partner{width:90%; padding: 0 8%; overflow:hidden;}
.swiper-partner .item_block img { width: 100%;height: auto;transition: all ease-out .3s .1s;float: none; opacity: .8;}
.swiper-partner .item_block .item_img:hover img {opacity: 1}
.swiper-partner .item_block{width:16.6%;}
@media (min-width:769px) {
    .z_team{background:#f8f8f8;padding:80px 0px;}
	.swiper-team,.swiper-partner {
		--swiper-navigation-color: #fff;
		--swiper-navigation-size: 16px;
	}

	.swiper-team .swiper-button-next,.swiper-team .swiper-button-prev{
		width: 68px;
		height: 68px;
		border-radius: 50%;
		margin-top: -14px;
		color: #cdd1d7;
		transition: .3s;
		outline: none;
	}
	.swiper-partner .swiper-button-next,.swiper-partner .swiper-button-prev {
		width: 68px;
		height: 28px;
		border-radius: 50%;
		margin-top: -14px;
		color: #cdd1d7;
		transition: .3s;
		outline: none;
	}

	.swiper-team .swiper-button-prev {
		left: calc((5% - 44px - 24px))
	}

	.swiper-team .swiper-button-next {
		right: calc((5% - 44px - 24px))
	}
	.swiper-partner .swiper-button-prev {
		left: calc((5% - 44px - 24px))
	}

	.swiper-partner .swiper-button-next {
		right: calc((5% - 44px - 24px))
	}

	.swiper-team .swiper-button-next:hover,.swiper-team .swiper-button-prev:hover,.swiper-partner .swiper-button-next:hover,.swiper-partner .swiper-button-prev:hover {
		color: #000;
	}
}

.swiper-team {
	--swiper-theme-color: #000
}

.swiper-team li {
	padding: 20px 44px;
	width: 100%
}

.swiper-team li img {
	display: block;
	width: 100%;
}

.swiper-team a {
	display: block;
	position: relative;
	border-radius: 10px;
}

.swiper-team a .info {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: .68rem;
	line-height: .68rem;
	background: linear-gradient(90deg, #1171b2, #48b452);
	text-align: center;
	color: #fff;
	font-size: 24px
}

@media (max-width:1440px) {
	.swiper-team li {
		padding: 0 30px
	}

	.swiper-team .swiper-button-prev {
		left: calc((25% - 30px - 24px))
	}

	.swiper-team .swiper-button-next {
		right: calc((25% - 30px - 24px))
	}
}

@media (max-width:1200px) {
	.swiper-team li {
		padding: 0 20px
	}

	.swiper-team .swiper-button-next,.swiper-team .swiper-button-prev {
		width: 40px;
		height: 40px;
		margin-top: -20px
	}

	.swiper-team .swiper-button-prev {
		left: calc((25% - 20px - 20px))
	}

	.swiper-team .swiper-button-next {
		right: calc((25% - 20px - 20px))
	}
}

@media (max-width:992px) {
	.swiper-team a .info {font-size: 16px}
    .swiper-partner{width:100%; padding:0;}
	.swiper-partner .item_block{width:33.33%;}
	.z_team .item_block .item_box .item_wrapper:after{display:none;}
}

@media (max-width:768px) {
	.swiper-team {
		--swiper-navigation-color: #000;
		--swiper-navigation-size: 30px
	}

	.swiper-team .swiper-button-prev {
		left: 2px;
		width: auto;
		margin-top: -40px
	}

	.swiper-team .swiper-button-next {
		right: 2px;
		width: auto;
		margin-top: -40px
	}

	.swiper-team li {
		padding: 0 5px;
		width: 100%;
	}
	.z_team .swiper-team .item_block .item_img{width:100%;}
	.z_team .swiper-team .item_block{width: 100%; margin:0px;}
	.z_team .swiper-team .item_block .item_wrapper{width:100%;margin:5% 0%;}
	.swiper-team li a {	padding-bottom: 0px	}

	.swiper-team li .info {
		position: relative;
		display: block;
		font-size: 16px
	}
}

.swiper-good {
	--swiper-theme-color: #000
}

.swiper-good .swiper-pagination {
	line-height: 1;
	font-size: 0;
	bottom: 0
}

.swiper-good a {
	display: block;
	position: relative
}

.swiper-good .img {
	background: #e5eaf0;
	transition: .3s
}

.swiper-good .img img {
	display: block
}

.swiper-good .info {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 1rem;
	text-align: center;
	transition: .3s;
	padding: .2rem 0;
	line-height: 1.6
}

.swiper-good .tit {
	font-size: 24px
}

.swiper-good .type {
	font-size: 16px;
	color: #999
}

.swiper-good li {
	padding: 20px 17px 30px;
	width: 29vw
}

.swiper-good li .img {
	display: block;
	width: 100%
}

@media (min-width:992px) {
	.swiper-good li:hover .img {
		background: #fff
	}

	.swiper-good li:hover .img {
		box-shadow: 0 0 20px rgba(0,0,0,0.2)
	}

	.swiper-good li:hover .info {
		background: linear-gradient(90deg, #1171b2, #48b452);
		color: #fff
	}

	.swiper-good li:hover .info .type {
		color: #fff
	}
}

@media (max-width:1700px) {
	.swiper-good .tit {
		font-size: 20px
	}

	.swiper-good .type {
		font-size: 14px
	}
}

@media (max-width:992px) {
	.swiper-good li {
		width: 33vw;
		padding: 20px 10px 40px
	}

	.swiper-good .info {
		position: static
	}
}

@media (max-width:640px) {
	.swiper-good li {
		width: 50vw;
		padding: 20px 10px 40px
	}
}

@media (max-width:480px) {
	.swiper-good li {
		padding: 20px 6% 30px;
		width: 100vw
	}

	.swiper-good .tit {
		font-size: 14px
	}

	.swiper-good .type {
		font-size: 12px
	}
}

.icase {
	padding: 1.2rem 0 1.6rem;
	background: url('../images/icon/bg_2.png') no-repeat center #eaeef3;
	background-size: auto 80%;
	overflow: hidden
}

@media (max-width:768px) {
	.icase {
		padding-bottom: 1rem
	}
}

.igood {
	padding: 1rem 0;
	overflow: hidden;
	--swiper-navigation-color: #fff;
	--swiper-navigation-size: 16px
}

.igood .row {
	position: relative
}

.igood .col-md-4 {
	position: static
}

.igood .swiper-button-next,.igood .swiper-button-prev {
	width: 48px;
	height: 48px;
	border-radius: 50%;
	margin-top: -24px;
	background: #cdd1d7;
	transition: .3s
}

.igood .pnext {
	position: relative;
	left: auto;
	right: auto;
	margin-top: 0;
	display: inline-block;
	text-align: center;
	margin-right: 20px;
	top: 0
}

.igood .pnext::after {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	z-index: 5
}

.igood .pnext:hover {
	background: linear-gradient(90deg, #1171b2, #48b452)
}

.igood .pnext-box {
	position: absolute;
	left: 11%;
	bottom: 30px
}

.igood .good-hd {
	padding-left: 30%
}

.igood .ihd {
	text-align: left;
	margin-bottom: .4rem
}

.igood .text {
	color: #999;
	font-size: 16px;
	line-height: 1.76
}

@media (max-width:1700px) {
	.igood .text {
		font-size: 15px
	}
}

@media (max-width:1500px) {
	.igood .good-hd {
		padding-left: 20%
	}

	.igood .ihd {
		margin-bottom: 15px
	}

	.igood .text {
		line-height: 1.5
	}
}

@media (max-width:1300px) {
	.igood .pnext-box {
		bottom: 20px;
		left: 7%
	}

	.igood .pnext {
		width: 40px;
		height: 40px;
		margin-right: 10px
	}
}

@media (max-width:992px) {
	.igood .good-hd {
		padding-left: 0;
		position: relative;
		max-width: 1600px;
		width: 88%;
		margin-left: auto;
		margin-right: auto
	}

	.igood .ihd {
		text-align: center;
		margin-bottom: .5rem
	}

	.igood .tit {
		font-size: 18px
	}
}

.icase .swiper-team .swiper-slide {
	opacity: .5;
	padding-top: 20px;
	padding-bottom: 20px
}

.icase .swiper-team .swiper-slide-active {
	opacity: 1
}

.icase .swiper-team .swiper-slide-active img {
	box-shadow: 0 0 20px rgba(0,0,0,0.1)
}

.z_banner{ width: 100%; overflow: hidden; position: relative; height:100vh;background: #000; z-index:1;}
.z_banner_text{ position: absolute; left: 0; top: 50%;transition: 2s ease;  opacity: 0; transition-delay: .5s; width: 100%; padding: 0 6.2vw; box-sizing: border-box; color: #fff;}
.en{font-family: "FuturaBold"; }
.z_banner_text .en{font-size: 2.2vw;font-weight: 300; margin-bottom: 1vw;opacity: .3;}
.z_banner_text .cn{font-size: 36px;display: inline-block;position: relative;line-height: 2.08vw;text-transform: uppercase;font-weight: bold;}
.z_banner .swiper-slide-active .cn::before{width: 8.125vw}
.z_banner .swiper-slide-active .z_banner_text{ opacity: 1;transform: translateY(-50%);}
.z_banner_text .dot{ margin-top: 1.5vw;}
.z_banner_text .dot em{ display: inline-block;width: 16px;height: 16px;border-radius: 50%; }
.z_banner_text .dot .d1{background: #19bf15; animation: dot1 2s linear infinite;}
.z_banner_text .dot .d2{background: #000;opacity: 0.8; animation: dot2 2s linear infinite;}
@keyframes dot1 {
	0%{transform: translateX(0);} 
    50%{transform: translateX(16px);}
	100%{transform: translateX(0px);}
}
@keyframes dot2 {
	0%{transform: translateX(0px);}
50%{transform: translateX(-16px);}
	100%{transform: translateX(0px);}
}
.z_banner_num{ position: absolute; left: 8.3vw; bottom: 1.6vw; z-index: 2; color: #fff; font-size: 16px; font-weight: bold;font-family: "FuturaBold";}
.z_banner_num .index{ font-size: 1.66666vw;color: #fff;-webkit-text-stroke: 1px #fff;-webkit-text-fill-color: transparent;}
.z_banner_hd{ position: absolute; left: 47.5%; bottom:1.6vw; z-index: 2;}
.z_banner_hd span{ display: inline-block; cursor: pointer; height: 24px; margin-left: 5px; position: relative; width: 24px; border-radius: 50%; 
}
.z_banner_hd span::before{ content: ""; display: block; opacity: 0;animation: animtran 10s linear infinite; width: 100%; height: 100%;background-size: 100% 100%; position: absolute; left: 0; top: 0;}
.z_banner_hd span::after{ content: ""; display: block;width: 4px;height: 4px;background: #FFFFFF!important;border-radius: 50%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.z_banner_hd span.swiper-pagination-bullet-active::before{ opacity: 1;}
.z_banner_hd span.swiper-pagination-bullet-active::after{ background: #000;}
 @keyframes animtran {
            from {
                transform: rotateZ(0deg);
            }
            to {
                transform: rotateZ(360deg);
            }
        }
.z_banner_bar{ position: absolute; right: 0;  transform: translateX(-50%); bottom: 0; padding-bottom: 8vw; box-sizing: border-box; z-index: 2; color: #fff;font-family: "FuturaBold";
font-weight: bold;}
.z_banner_bar::before{ content: ""; display: block; width: 1px; height: 7vw; background: #fff; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%);}
.z_banner_arr{ width: 19.375vw; height: 19.375vw; display: flex; align-items: center; justify-content: center; background: url("../img/arr.png") no-repeat left 6vw center; position: absolute; right: -8vw; top: 50%; transform: translateY(-50%); z-index: 2;}
.z_banner_arr::before{ content: ""; display: block; width: 100%; height: 100%; background: url("../img/ew.png") no-repeat center; background-size: 100% 100%; position: absolute; left: 0; top: 0;animation: animtran 15s linear infinite;}

.imgbgs{ width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover;}
.z_case_ban{ position: relative;height: 960px; width: 100%; overflow: hidden; position: relative;}
.z_other_banner{ position: relative;height: 500px; width: 100%; overflow: hidden; position: relative;}
.z_other_banner .z_banner_text{ opacity: 1; transform: translateY(-50%);}
.z_other_banner .z_banner_text .animated .cn::before{ width: 30%; transition-delay: .2s;}
.z_other_banner .z_banner_text h1{font-size: 78px; line-height: 110px;}

/*.fade-in-words { white-space: nowrap;overflow: hidden;animation: typing 3.5s steps(30, end), blink-caret .75s step-end infinite; }*/
/*@keyframes typing {  from { width: 0 }  to { width: 100% } }*/
/*@keyframes blink-caret {  from, to { border-color: transparent }  50% { border-color: orange } }.fade-in-words > span {  display: inline-block;   opacity: 0; animation: fadeInWords 3.5s ease-in-out forwards;}*/
/*@keyframes fadeInWords {  0% {    opacity: 0;    transform: translateY(50%);  }  100% {    opacity: 1;    transform: translateY(0);  } }*/

.z_other_banner .z_banner_bar{ padding-bottom: 2vw;}
.z_other_banner .z_banner_bar::before{ height: 2vw;}
.z_page_bar{width: 100%;height: 4.6875vw;line-height: 4.6875vw;padding: 0 6.2vw;box-sizing: border-box;background: #0e0e0e69;position: absolute;bottom: 0px;color: #fff; font-family: Helvetica;font-weight: 300;}
.z_page_wz{color: #a5a5a5;}
.z_page_wz a{ display: inline-block;padding: 0 10px; padding-right: 30px; position: relative;color: #a5a5a5;}
.z_page_wz a::before{ content: "\e72a"; z-index: 1; display: block; font-family:"iconfont"; position: absolute; right: 0; top: 50%; transform:  translateY(-50%);}
.z_page_wz a:last-child::before{ display: none;}
.z_page_nav li{ display: inline-block; margin-right: 4vw; position: relative;}
.z_page_nav li::before{ content: ""; z-index: 1; display: block; width: 0; height: 3px; background: #000; transition: ease 1s; position: absolute; left: 50%; bottom: 0;}
.z_page_nav li.cur::before,.z_page_nav li:hover::before{ width: 100%; left: 0;}
.z_page_nav li a{display: block; font-size: 16px; color:#fff;}
.z_page_nav li.cur a,.z_page_nav li:hover a{ color: #000;}
.z_hezuo{width:100%; margin:0px 0px 50px;overflow:hidden;display:none;}
.z_hezuo ul li{width: 22%;float:left;padding-bottom:60px;line-height: 30px;text-align: center;background: #fbfbfb;margin:2% 4% 2% 0;padding:4% 2% 2%;}
.z_hezuo ul li:nth-child(4n){margin-right:0%}
.z_hezuo .gy2{margin-top:30px;}
.z_hezuo .gy2-1{margin-bottom:10px;}
.z_hezuo .gy2-2{font-size:18px;font-weight:bold;}
.z_hezuo .gy2-3{font-size:16px; font-weight:300px;}



.websites{background:url(../images/web/websites_bg.jpg) no-repeat center center;padding:0px 0 100px 0;text-align:center;overflow: hidden;}

.websites .i_title{margin-bottom:5%;}
.websites .liucheng_ico{width:1400px;margin:0 auto; }
.websites .link_title{margin:50px 0 62px 0}
.websites .link_title p:first-child{color:#fff;font-size:36px}
.websites .link_title p:last-child{font-size:18px;color:rgba(255,255,255,.6);margin-top:15px}
.websites .liucheng_ico ul{display:flex}
/*.websites .liucheng_ico .timexian{-webkit-animation: fadeInDown 2s ease-out 0.5s 1 both;}*/
/*.websites .liucheng_ico .icoa li{-webkit-animation: fadeInLeft 2s ease 1s 1 both;}*/
.websites .liucheng_ico ul:first-child{margin-left:170px;margin-bottom:42px}
.websites .liucheng_ico ul:first-child li{margin-right:165px}
.websites .liucheng_ico ul:first-child li:last-child{margin-right:0}
.websites .liucheng_ico ul:first-child li p{color:#000;margin-bottom:22px;text-align: center;transition:all ease-out .3s;font-size: 18px;}
.websites .liucheng_ico ul:first-child li:hover p{color:#000;transition:all ease-out .3s}
.websites .liucheng_ico ul:last-child{margin-left:290px;margin-top:38px}
.websites .liucheng_ico ul:last-child li{margin-right:165px}
.websites .liucheng_ico ul:last-child li:nth-child(5){margin-right:134px}
.websites .liucheng_ico ul:last-child li:last-child{margin-right:0}
.websites .liucheng_ico ul:last-child li p{color:#000;margin-top:22px;text-align: center;transition:all ease-out .3s;font-size: 18px;}
.websites .liucheng_ico ul:last-child li:hover p{color:#000;transition:all ease-out .3s}
.websites .liucheng_ico ul li img{transition:all ease-out .3s;width:80px;}
.websites .liucheng_ico ul li:hover img{transform:translateY(-10px);-webkit-transform:translateY(-10px);-moz-transform:translateY(-10px);transition:all ease-out .3s}


@media (max-width:980px){
.z_other_banner{ width: 100%; height: 65vw;}
.z_other_banner .z_banner_text .cn::before{ width: 40%;}
.z_page_wz{ display: none;}
.z_banner_bar{display:none;}
.z_page_bar{ height: 46px; line-height: 46px; padding: 0;display: none;}
.z_page_wz,.z_other_banner .z_banner_text{text-align:center;top: 55%;}
.z_banner_text .cn{font-size:18px;}
.z_banner_text .en{font-size:12px;}
.z_page_nav,.z_hb_about,.z_hb_js,.z_hb_honor{ width: 100%; overflow: hidden;}
.z_page_nav li{ margin-right: 0; float: left;}
.z_page_nav li a{ padding: 0 20px;}
.z_page_nav .clearfix{display: table;margin: 0 auto;}
.z_case_ban{height: 180vw;}
.z_hezuo ul li{width:32.3%;margin: .5% 1% .5% 0;}
.z_hezuo .gy2-2{font-size:14px;}
.z_hezuo .gy2-1 img{width:50%;}
.z_hezuo ul li:nth-child(3n){margin-right:0%}
.z_hezuo ul li:nth-child(4n){margin-right:1%;}
.z_hezuo .gy2-1 img{width:50px;}
.z_hezuo .gy2-3{font-size: 12px;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;text-align: center;}

.websites .liucheng_ico{width: 100%;transform: rotate(90deg);position: relative; height: 100%;}
.websites .liucheng_ico img{width:100%;}
.websites .liucheng_ico li img{transform: rotate(-90deg);position: relative;}
.websites .liucheng_ico ul:first-child,.websites .liucheng_ico ul:last-child{margin-left: 10px;}
.websites .liucheng_ico ul:first-child li{margin-right: 40px;}
.websites .liucheng_ico ul:last-child li{margin-right: 40px;}
.websites .liucheng_ico ul:last-child li p,.websites .liucheng_ico ul:first-child li p{transform: rotate(-90deg);position: relative;}
.websites{display:none}
.z_hezuo{display:block;margin: 30px 0px 50px;}

}
.public-paging{display:flex;align-items:center;justify-content:center;margin-top:60px;clear: both;}
.public-paging a{display:flex;align-items:center;justify-content:center;margin:0 15px;width:58px;height:58px;border-radius:50%;background-color:#f8f8f8;transition:all .3s}
.public-paging a.on{color:#fff;background-color:#000}
.public-paging a.on svg path{fill:#fff}
@media (max-width:767px){.public-paging a{width:38px;height:38px}
}
.public-paging a img,.public-paging a svg{width:14px;height:14px}
@media (max-width:767px){.public-paging a img,.public-paging a svg{width:20px;height:20px}
}
.public-paging a img path,.public-paging a svg path{fill:#666;transition:all .3s}
.public-paging a.c-prev img,.public-paging a.c-prev svg{transform:rotate(180deg)}
.public-paging a:hover{color:#fff;background-color:#000}
.public-paging a:hover svg path{fill:#fff}
.public-paging2{display:flex;align-items:center;justify-content:space-between}
.public-paging2 a{display:flex;align-items:center;color:#999;transition:all .3s}
.public-paging2 a .c-ico{margin-right:10px;width:20px;height:20px}
@media (max-width:767px){.public-paging2 a .c-ico{width:40px;height:40px}
}
.public-paging2 a img,.public-paging2 a svg{width:100%;height:100%}
.public-paging2 a img path,.public-paging2 a svg path{fill:#999;transition:all .3s}
.public-paging2 a img circle,.public-paging2 a svg circle{stroke:#999;transition:all .3s}
.public-paging2 a img .cls-2,.public-paging2 a svg .cls-2{transition:all .3s}
.public-paging2 a:last-child .c-ico{margin:0 0 0 10px;transform:rotate(180deg)}
.public-paging2 a:hover{color:#000}
.public-paging2 a:hover svg path{fill:#000}
.public-paging2 a:hover svg circle{stroke:#000}
.public-paging2 a:hover .cls-2{stroke:#000}
 
@media only screen and (min-width: 1024px) and (max-width: 1380px) {
  .websites .liucheng_ico{width: 100%;}
  .websites .liucheng_ico ul:first-child{margin-left: 140px;}
  .websites .liucheng_ico ul:first-child li{margin-right: 130px;}
  .websites .liucheng_ico ul:last-child{margin-left: 245px;}
  .websites .liucheng_ico ul:last-child li{margin-right:130px;}

}

/* 竖版平板 */
@media only screen and (min-width: 981px) and (max-width: 1024px) {
.websites .liucheng_ico{width: 100%;}
.websites .liucheng_ico ul:first-child{margin-left: 100px;}
.websites .liucheng_ico ul:last-child{margin-left: 175px;}
.websites .liucheng_ico ul:first-child li{margin-right: 75px;}
.websites .liucheng_ico ul:last-child li{    margin-right:75px;}
}

.banner1 {
	height: calc((100vh - 3rem));
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center
}

.banner1 img {
	display: none
}

@media (max-width:1366px) {
	.banner1 {
		height: calc((100vh - 1.4rem))
	}
}

@media (max-width:1280px) {
	.banner1 {
		height: 60vh;
		max-height: calc((100vh - 1.4rem))
	}
}

@media (max-width:640px) {
	.banner1 {
		height: 200px
	}
}

.page-nav {
	overflow: hidden;
	background: linear-gradient(90deg, #1171b2, #48b452);
	color: #fff;
	position: relative
}

.page-nav .logo_bg {
	position: absolute;
	left: 0;
	bottom: 0;
	top: 0;
	width: 100%;
	/*background: url('../images/icon/logo_bg.png') no-repeat .4rem center;*/
	background-size: contain
}

.page-nav .inner {
	max-width: 1600px;
	width: 88%;
	margin-left: auto;
	margin-right: auto;
	display: -webkit-flex;
	display: flex;
	display: -webkit-box;
	display: box;
	position: relative;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-align: center;
	box-align: center;
	-webkit-box-pack: justify;
	box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	height: 1.4rem
}

@media (max-width:768px) {
}

@media (max-width:640px) {
}

.page-nav li a {
	color: rgba(255,255,255,0.5)
}

.page-nav .en {
	margin-top: 6px;
	text-transform: uppercase
}

.page-nav ul {
	color: #fff;
	font-size: 16px
}

.page-nav.s1 .bd {
	width: 70%
}

.page-nav.s1 .bd ul {
	display: table;
	width: 100%
}

.page-nav.s1 .bd ul>* {
	display: table-cell;
	vertical-align: middle
}

.page-nav.s2 .bd {
	width: 70%;
	text-align: right
}

.page-nav.s2 .bd li {
	display: inline-block;
	margin-left: .9rem
}

.page-nav.s2 .bd li:first-child {
	margin-left: 0
}

.page-nav .bd a {
	display: inline-block;
	text-align: left
}

.page-nav .bd li {
	opacity: .6;
	text-align: center
}

.page-nav .bd li:hover a,.page-nav .bd .active a {
	color: #fff
}

.page-nav .bd li:hover .id::after,.page-nav .bd .active .id::after {
	opacity: 1
}

.page-nav .id {
	position: relative
}

.page-nav .id::after {
	content: '';
	display: inline-block;
	vertical-align: middle;
	margin-left: 10px;
	width: 30px;
	height: 1px;
	border-bottom: 1px solid #fff;
	opacity: .5
}

.page-nav h5 {
	font-size: 18px;
	margin-top: 5px
}

@media (max-width:1200px) {
	.page-nav.s1 .bd {
		width: 80%
	}

	.page-nav h2 {
		font-size: 26px
	}

	.page-nav .en {
		font-size: 12px
	}

	.page-nav .type {
		font-size: 12px
	}

	.page-nav h5 {
		font-size: 15px
	}
}

@media (max-width:992px) {
	.page-nav {
		display: none
	}
}

.compnay {
	position: relative;
	overflow: hidden;
	background: #f6fafc
}

.compnay .wrap {
	padding-bottom: 2.5rem;
	padding-top: 1rem;
	background: url(../images/icon/bg_3.jpg) no-repeat center bottom #f6fafc;
	background-size: contain;
	position: relative
}

.compnay dl {
	margin-top: 1rem
}

.compnay dt {
	font-size: 30px;
	font-weight: normal;
	margin-bottom: .4rem
}

.compnay dd {
	color: #666;
	line-height: 30/16
}

@media (max-width:1440px) {
	.compnay .inner {
		width: 96%
	}
}

@media (min-width:993px) {
	.compnay .wrap::after {
		content: '';
		position: absolute;
		bottom: .7rem;
		left: 100%;
		height: 4.19rem;
		width: .8rem;
		background-image: url('../images/icon/bg_5.png');
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center center;
		display: block;
		z-index: 555
	}

	.compnay .inner {
		width: 74%;
		margin: 0 auto
	}

	.compnay .line-bg {
		background: url(../images/icon/bg_4.png);
		position: absolute;
		top: 0;
		bottom: 0;
		width: 50%;
		left: 50%
	}
}

@media (max-width:1500px) {
	.compnay .inner {
		width: 94%;
		margin: 0 auto
	}
}

@media (max-width:1500px) and (min-width:993px) {
	.compnay .company-data .val {
		font-size: .34rem
	}

	.compnay .company-data .val em {
		font-size: .4rem
	}
}

@media (max-width:992px) {
	.compnay .wrap {
		padding-bottom: 1.5rem
	}

	.compnay .wrap {
		padding-left: 6%;
		padding-right: 6%;
		width: 100%
	}

	.compnay .inner {
		width: 100%
	}

	.compnay .company-data li {
		margin-top: 30px
	}

	.compnay dt {
		margin-bottom: .3rem
	}
}

@media (max-width:640px) {
	.compnay .wrap {
		padding-bottom: 1rem
	}

	.compnay dt {
		font-size: 22px;
		margin-bottom: .2rem
	}

	.compnay dd {
		line-height: 1.76
	}
}

@media (max-width:480px) {
	.compnay .company-data li {
		margin-top: 20px
	}
}

.hd2 {
	margin-bottom: .5rem
}

.hd2 h2 {
	font-size: 30px;
	position: relative;
	font-weight: bold
}

.hd2 h2::after {
	content: '';
	display: block;
	width: .62rem;
	height: 4px;
	background: linear-gradient(90deg, #1171b2, #48b452);
	margin-top: .26rem
}

@media (max-width:480px) {
	.hd2 h2 {
		font-size: 22px
	}
}

.hd2._center {
	text-align: center
}

.hd2._center h2::after {
	margin: .26rem auto 0
}

.zs-list {
	background: #e5eaf0;
	padding-top: 1rem;
	font-size: 16px;
	padding-bottom: 1.45rem
}

.zs-list .row {
	margin-left: -0.4rem;
	margin-right: -0.4rem
}

.zs-list .row li {
	padding-left: .4rem;
	padding-right: .4rem;
	margin-bottom: .6rem
}

.zs-list .inner {
	background: #fff;
	text-align: center;
	padding: .5rem 0;
	transition: .3s;
	cursor: default
}

.zs-list .inner:hover {
	box-shadow: 0 0 20px rgba(0,0,0,0.1);
	transform: translateY(-10px)
}

.zs-list .img {
	margin-bottom: .5rem
}

.zs-list .img img {
	display: block;
	box-shadow: 0 15px 20px rgba(0,0,0,0.1);
	margin: 0 auto;
	max-width: 70%
}

.zs-list .tit {
	margin: 0 8%
}

@media (max-width:1200px) {
	.zs-list {
		margin-left: -0.3rem;
		margin-right: -0.3rem
	}

	.zs-list li {
		padding-left: .3rem;
		padding-right: .3rem;
		margin-bottom: .5rem
	}
}

@media (min-width:993px) {
	.zs-list li:nth-child(3n+1) {
		clear: left
	}
}

@media (max-width:992px) {
	.zs-list {
		margin-left: -0.2rem;
		margin-right: -0.2rem
	}

	.zs-list li {
		padding-left: .2rem;
		padding-right: .2rem;
		margin-bottom: .3rem
	}

	.zs-list li:nth-child(2n+1) {
		clear: left
	}
}

@media (max-width:480px) {
}

.zs-list .pagination {
	margin-top: .4rem
}

.pagination {
	text-align: center;
	display: block
}

.pagination li {
	margin: 0 2px
}

.pagination li>a,.pagination li>span {
	float: none;
	display: inline-block;
	cursor: pointer;
	color: #333;
	border-radius: 0!important;
	border-color: #dddddd
}

.pagination .active>a,.pagination .active>span,.pagination .active>a:hover,.pagination .active>span:hover,.pagination .active>a:focus,.pagination .active>span:focus {
	background: linear-gradient(90deg, #1171b2, #48b452);
	color: #fff;
	border: 0
}

.case-list {
	padding: 1rem 0 1.2rem;
	background: #fff;
}

.case-list .row li {
	margin-bottom: 40px
}
.case-list .row .inner{border-radius: 10px;overflow: hidden;}
.case-list .row img {
	width: 100%;
	display: block
}

.case-list .row .content {
	padding: .2rem .2rem .2rem;
	line-height: 1.76;
	background: #fff
}

.case-list .row .tit {
	overflow: hidden;
	white-space: nowrap;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
}

.case-list .row .desc {
	font-size: 16px;
	color: #ccc;
	overflow: hidden;
	white-space: nowrap;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	text-align: center;
}

.case-list .row a {
	display: block;
	position: relative;
	overflow: hidden;
	background: #fff
}

.case-list .row a img {
	-webkit-transition: .5s;
	-o-transition: .5s;
	-moz-transition: .5s;
	transition: .5s
}

.case-list .row a:hover img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1)
}

.case-list .row .inner:hover {
	box-shadow: 0 0 10px rgba(0,0,0,0.3)
}

.case-list .row .inner:hover .content {
	background: linear-gradient(90deg, #1171b2, #48b452);
	color: #fff
}

.case-list .row .inner:hover .content .desc {
	color: #fff
}

@media (max-width:1640px) {
	.case-list .row .tit {
		font-size: 16px
	}
}

@media (max-width:1200px) {
	.case-list .row {
		margin-left: -10px;
		margin-right: -10px
	}

	.case-list .row .tit {
		height: .7rem;
		line-height: .7rem
	}

	.case-list .row>* {
		padding-left: 10px;
		padding-right: 10px
	}

	.case-list .row li {
		margin-bottom: 20px
	}
}

.project-fb {
	padding: 1.2rem 0 1.4rem;
	position: relative;
	max-width: 1600px;
	width: 88%;
	margin-left: auto;
	margin-right: auto;
	max-width: 1400px
}

@media (max-width:768px) {
}

@media (max-width:640px) {
}

.project-fb .desc {
	text-align: center;
	font-size: 16px;
	color: #999;
	max-width: 1200px;
	margin: 0 auto 1rem;
	line-height: 36/16
}

.project-fb .company-data li {
	padding-top: .3rem;
	padding-bottom: .3rem
}

.project-fb .company-data .val em {
	font-size: .4rem
}

@media (min-width:1200px) {
	.project-fb .row {
		display: table;
		width: 100%
	}

	.project-fb .row>* {
		display: table-cell;
		vertical-align: middle
	}

	.project-fb .item {
		float: none
	}

	.project-fb .img-map {
		display: block;
		width: 96%;
		margin: auto 0 auto auto
	}
}

@media (max-width:992px) {
	.project-fb .company-data .val em {
		font-size: .5rem
	}

	.project-fb .company-data li {
		padding-top: .2rem;
		padding-bottom: .2rem
	}

	.project-fb .desc {
		line-height: 1.76
	}
}

@media (max-width:768px) {
	.project-fb .desc {
		margin-bottom: .6rem;
		text-align: left;
		-text-indent: 2em
	}

	.project-fb .company-data {
		margin: 0 5%
	}
}

@media (max-width:640px) {
	.project-fb .desc {
		margin-bottom: .4rem
	}
}

@media (max-width:480px) {
	.project-fb .company-data {
		margin: 0 2%
	}
}

.news-list-box {
	padding: 1.26rem 0 1.3rem;
	position: relative;
	max-width: 1600px;
	width: 88%;
	margin-left: auto;
	margin-right: auto;
}

@media (max-width:768px) {
}

@media (max-width:640px) {
}

@media (max-width:639px) {
	.news-list-box {
		background: #fff;
		width: 100%
	}
}

@media (max-width:640px) {
	.news-list-box {
		padding-top: .8rem;
		padding-bottom: .8rem
	}
}

.news-list {
	padding-bottom: .2rem
}

@media (min-width:993px) {
	.news-list li:hover {
		box-shadow: 0 10px 20px rgba(0,0,0,0.2)
	}

	.news-list li:hover h5 {
		color: #000;
		background-image: -webkit-linear-gradient(right, #1171b2, #48b452);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		display: inline-block
	}

	.news-list li:hover .icon-right {
		background: linear-gradient(90deg, #1171b2, #48b452)
	}
}

@media (min-width:640px) {
	.news-list a {
		display: -webkit-flex;
		display: flex;
		display: -webkit-box;
		display: box;
		position: relative;
		-webkit-align-items: center;
		align-items: center;
		-webkit-box-align: center;
		box-align: center;
		padding: .3rem
	}

	.news-list .img {
		display: block;
		overflow: hidden;
		width: 224px;
		margin-right: .4rem
	}

	.news-list .img img {
		-webkit-transition: .5s;
		-o-transition: .5s;
		-moz-transition: .5s;
		transition: .5s
	}

	.news-list .img:hover img {
		-webkit-transform: scale(1.1);
		-moz-transform: scale(1.1);
		-ms-transform: scale(1.1);
		-o-transform: scale(1.1);
		transform: scale(1.1)
	}

	.news-list .content {
		min-width: 0;
		-webkit-box-flex: 1;
		-webkit-flex-grow: 1;
		-ms-flex-positive: 1;
		flex-grow: 1;
		-webkit-flex-shrink: 1;
		-ms-flex-negative: 1;
		flex-shrink: 1;
		margin-right: 0
	}

	.news-list h5 {
		line-height: 30px;
		max-height: 60px;
		margin-bottom: .1rem;
		transition: .3s;
		color: #333;
		display: -webkit-box;
		overflow: hidden;
		text-overflow: ellipsis;
		word-wrap: break-word;
		white-space: normal !important;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		display: inline-block
	}

	.news-list .desc {
		height: 48px;
		display: -webkit-box;
		overflow: hidden;
		text-overflow: ellipsis;
		word-wrap: break-word;
		white-space: normal !important;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2
	}
}

.news-list a {
	padding: .48rem .54rem
}

.news-list li {
    width: 49%;
    float: left;
    margin-right: 2%;
	background: #fff;
	border: 1px solid #d6dadf;
	margin-bottom: .5rem;
	transition: .3s;
}
.news-list li:nth-child(2n){margin-right:0px;}

.news-list .date {
	color: #999;
	font-size: 14px;
	margin-bottom: 4px
}

.news-list h5 {
	font-size: 20px;
	font-weight: bold
}

.news-list .desc {
	color: #666;
	line-height: 24px
}

.news-list .icon-right {
	background: #cdd1d7;
	transition: .3s;
	margin-left: .5rem;
	width: .48rem;
	height: .48rem;
	line-height: .48rem;
	color: #fff;
	border-radius: 50%;
	display: block;
	text-align: center
}

@media (max-width:640px) {
	.news-list .icon-right {
		display: none !important
	}
}

@media (max-width:1200px) {
	.news-list a {
		padding: .38rem .4rem
	}

	.news-list .img {
		width: 200px
	}
}

@media (max-width:992px) {
	.news-list h5 {
		display: -webkit-box;
		overflow: hidden;
		text-overflow: ellipsis;
		word-wrap: break-word;
		white-space: normal !important;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		font-size: 18px;
		line-height: 24px;
		max-height: 48px
	}
}

@media (max-width:639px) {
	.news-list li {
		padding: 0 6% 30px;
		border: 0;
		border-bottom: 1px solid #e5eaf0
	}

	.news-list h5 {
		margin-bottom: 0
	}

	.news-list .desc {
		line-height: 22px;
		height: 66px;
		display: -webkit-box;
		overflow: hidden;
		text-overflow: ellipsis;
		word-wrap: break-word;
		white-space: normal !important;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 3
	}

	.news-list a {
		display: block;
		overflow: hidden;
		padding: 0
	}

	.news-list .date {
		text-align: left;
		margin: 10px 0 10px;
		font-size: 13px;
		color: #666
	}

	.news-list .img {
		width: 100%;
		margin: 0 0 10px
	}

	.news-list .img img {
		width: 100%
	}

	.news-list .icon-right {
		margin-top: 25px;
		background: none;
		border: 1px solid #999;
		color: #999
	}
}

@media (max-width:640px) {
	.news-list li {
		margin-bottom: .3rem
	}
}

.news-article-box {
	position: relative;
	max-width: 1600px;
	width: 88%;
	margin-left: auto;
	margin-right: auto;
	max-width: 800px;
	padding: 1rem 0
}

@media (max-width:768px) {
}

@media (max-width:640px) {
}

.news-article-box h1 {
	font-size: 30px;
	font-weight: bold;
	line-height: 1.4
}

.news-article-box .description {
	font-size: 30px;
	color: #666;
	text-align: right;
	margin-top: .2rem
}

.news-article-box .date {
	font-size: 16px;
	color: #bbb;
	margin-top: .2rem;
	margin-top: .1rem
}

.news-article-box article {
	color: #666;
	line-height: 2;
	padding: .4rem 0;
	border-top: 1px solid #ced1d6;
	border-bottom: 1px solid #ced1d6;
	margin-top: .4rem
}

.news-article-box article img {
	display: block;
	margin: 10px auto
}

@media (max-width:640px) {
	.news-article-box {
		padding: .7rem 0
	}

	.news-article-box h1 {
		font-size: 22px
	}

	.news-article-box .description {
		font-size: 16px
	}

	.news-article-box .date {
		font-size: 14px
	}

	.news-article-box article {
		line-height: 1.76
	}

	.news-article-box article>* {
		margin-bottom: .3rem
	}
}

.article-pnext {
	padding-top: .4rem;
	text-align: center;
	font-size: 18px
}

.article-pnext>* {
	display: inline-block;
	margin: 0 20px
}

.article-pnext a {
	color: #999;
	transition: .3s
}

.article-pnext a:hover {
	color: #000
}

.article-pnext .pnext {
	cursor: pointer
}

.article-pnext .return {
	color: #000
}

@media (max-width:640px) {
	.article-pnext {
		font-size: 16px
	}
}

.hzbox .inner {
	position: relative;
	max-width: 1600px;
	width: 88%;
	margin-left: auto;
	margin-right: auto;
	max-width: 940px
}

@media (max-width:768px) {
}

@media (max-width:640px) {
}

.hzbox .info {
	font-size: 16px;
	line-height: 1.76
}

@media (max-width:640px) {
	.hzbox .info {
		font-size: 14px
	}
}

.hzbox1 {
	background: #fff;
	padding: .94rem 0 1.64rem
}

.hzbox1 .info {
	color: #999
}

.hzbox1 .charts {
	display: block;
	margin: 0 auto 1.2rem
}

.hzbox2 {
	padding: 1.76rem 0;
	min-height: 7.15rem;
	background: url('../images/bg_hz.jpg') no-repeat center center;
	background-size: cover;
	color: #fff
}

@media (max-width:640px) {
	.hzbox2 {
		padding: 1.3rem 0
	}
}

.recruit {
	overflow: hidden;
	background: #fff
}

.recruit .arrow {
	transition: .3s
}

@media (min-width:992px) {
	.recruit .year {
		padding-left: 50px
	}
}

@media (min-width:1200px) {
	.recruit li {
		padding-left: 35px
	}

	.recruit .year {
		padding-left: 0!important
	}
}

.recruit .hd-wrap {
	background: #9aa1a9;
	padding: 0 22px
}

.recruit .hd {
	height: 48px;
	line-height: 48px;
	font-size: 16px;
	color: #fff
}

.recruit .item {
	padding: 0 22px
}

.recruit .item-hd {
	padding-top: 20px;
	padding-bottom: 20px
}

.recruit .item-hd .position {
	font-weight: bold
}

.recruit li {
	padding-left: 30px
}

.recruit li p {
	display: inline-block
}

.recruit .item+.item {
	border-top: 1px solid #ebebeb
}

.recruit .item-hd {
	font-size: 16px;
	cursor: pointer;
	line-height: 1.8
}

.recruit .item-hd .tit {
	display: none
}

.recruit .item-bd {
	color: #999999;
	display: none;
	padding: 30px 15px
}

.recruit .active .item-bd {
	border-top: 1px solid #ebebeb
}

.recruit .active .arrow {
	transform: rotate(180deg);
	display: inline-block
}

.recruit .active .position {
	color: #000;
	background-image: -webkit-linear-gradient(right, #1171b2, #48b452);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	display: inline-block
}

.recruit .arrow {
	float: right;
	margin-right: 20%
}

.recruit dd {
	margin: 10px 0  30px;
	font-size: 12px
}

.recruit dt,.recruit dd {
	line-height: 2
}

.recruit .arrow {
	font-size: 16px;
	color: #333
}

@media (max-width:991px) {
	.recruit .item-hd li {
		margin-bottom: .1rem
	}

	.recruit .item-hd .tit {
		display: inline-block;
		margin-right: 10px;
		color: #666
	}
}

@media (max-width:768px) {
	.recruit .item {
		padding: 0
	}
}

@media (max-width:640px) {
	.recruit .item-hd {
		font-size: 15px;
		margin-left: -5px;
		margin-right: -5px
	}

	.recruit .item-hd>* {
		padding-left: 5px;
		padding-right: 5px;
		margin-bottom: 10px
	}

	.recruit .item-hd .tit {
		margin-right: 4px
	}

	.recruit .item-hd {
		padding: 10px 20px
	}

	.recruit .item-hd li {
		padding-left: 0
	}

	.recruit .item-bd {
		padding: 20px 0;
		margin: 0 20px
	}

	.recruit .arrow {
		margin-right: 10%
	}
}

@media (max-width:479px) {
	.recruit .item-hd li {
		margin-bottom: 0
	}

	.recruit dd {
		font-size: 14px;
		line-height: 1.6
	}
}

.recruit-box {
	padding: 1rem 0 .9rem;
	position: relative;
	max-width: 1600px;
	width: 88%;
	margin-left: auto;
	margin-right: auto;
	max-width: 1320px
}

@media (max-width:768px) {
}

@media (max-width:640px) {
}

.recruit-box .hd2 {
	margin-bottom: .76rem
}

@media (max-width:992px) {
	.recruit-box {
		background: #fff;
		width: 100%
	}
}

@media (max-width:640px) {
	.recruit-box .hd2 {
		margin-bottom: .5rem
	}
}

.good-data {
	position: relative;
	max-width: 1600px;
	width: 88%;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 1.1rem
}

@media (max-width:768px) {
}

@media (max-width:640px) {
}

.good-data .hd {
	background: #e5eaf0
}

.good-data .hd h2 {
	background: linear-gradient(90deg, #1171b2, #48b452);
	color: #fff;
	width: 190px;
	font-size: 24px;
	height: 54px;
	line-height: 54px;
	text-align: center
}

.good-data .bd {
	padding: .48rem .64rem 0;
	font-size: 16px;
	color: #666;
	line-height: 1.6
}

.good-data .bd li {
	margin-bottom: .28rem;
	display: -webkit-flex;
	display: flex;
	display: -webkit-box;
	display: box;
	position: relative
}

.good-data .bd b {
	color: #333;
	padding-right: .1rem
}

.good-data .bd .val {
	min-width: 0;
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	-webkit-flex-shrink: 1;
	-ms-flex-negative: 1;
	flex-shrink: 1
}

@media (max-width:992px) {
	.good-data .hd h2 {
		font-size: 20px;
		height: 40px;
		line-height: 40px;
		width: 150px
	}
}

@media (max-width:640px) {
	.good-data {
		width: 100%
	}

	.good-data .bd {
		padding: .3rem 6%;
		font-size: 14px
	}
}

.good-intro {
	padding: .8rem 0 1rem;
	position: relative;
	max-width: 1600px;
	width: 88%;
	margin-left: auto;
	margin-right: auto
}

@media (max-width:768px) {
}

@media (max-width:640px) {
}

.good-intro .swiper-container {
	--swiper-theme-color: #000
}

.good-intro .leftbox .row {
	margin-left: -5px;
	margin-right: -5px
}

.good-intro .leftbox .row>* {
	padding-left: 5px;
	padding-right: 5px;
	margin-bottom: 10px
}

@media (min-width:769px) {
	.good-intro .table {
		display: -webkit-flex;
		display: flex;
		display: -webkit-box;
		display: box;
		position: relative;
		-webkit-align-items: center;
		align-items: center;
		-webkit-box-align: center;
		box-align: center;
		-webkit-box-align: stretch;
		box-align: stretch;
		-webkit-align-items: stretch;
		align-items: stretch
	}

	.good-intro .table .item1 {
		max-width: 128px;
		width: 15%
	}

	.good-intro .table .item2 {
		min-width: 0;
		-webkit-box-flex: 1;
		-webkit-flex-grow: 1;
		-ms-flex-positive: 1;
		flex-grow: 1;
		-webkit-flex-shrink: 1;
		-ms-flex-negative: 1;
		flex-shrink: 1;
		padding-left: 10px
	}
}

.good-intro .rightbox {
	padding-left: 20px
}

.good-intro .rightbox .hd2 {
	margin-bottom: .45rem
}

.good-intro .rightbox .info {
	color: #666;
	line-height: 1.8;
	font-size: 16px
}

@media (max-width:640px) {
	.good-intro .rightbox .info {
		font-size: 14px
	}
}

@media (max-width:992px) {
	.good-intro .leftbox {
		margin-bottom: 1rem
	}
}

@media (max-width:768px) {
	.good-intro .leftbox {
		margin-bottom: .8rem
	}
}

.swiper-thumbs .swiper-slide-thumb-active {
	border: 2px solid #000
}

.swiper-thumbs .swiper-slide {
	margin-bottom: 13px
}

.swiper-thumbs .swiper-slide img {
	width: 100%;
	display: block
}

@media (min-width:769px) {
	.swiper-thumbs .swiper-wrapper {
		display: block
	}

	.swiper-thumbs .swiper-slide {
		cursor: pointer;
		width: 100%
	}
}

@media (max-width:768px) {
	.swiper-thumbs .swiper-wrapper {
		display: -webkit-flex;
		display: flex;
		display: -webkit-box;
		display: box;
		position: relative;
		-webkit-align-items: center;
		align-items: center;
		-webkit-box-align: center;
		box-align: center;
		-webkit-box-pack: center;
		box-pack: center;
		-webkit-justify-content: center;
		justify-content: center
	}

	.swiper-thumbs .swiper-slide {
		display: inline-block;
		width: 20vw
	}

	.swiper-thumbs .swiper-slide+.swiper-slide {
		margin-left: 3px
	}
}

.solve-intro {
	padding: 1.25rem 0 1.6rem;
	position: relative;
	max-width: 1600px;
	width: 88%;
	margin-left: auto;
	margin-right: auto
}

@media (max-width:768px) {
}

@media (max-width:640px) {
}

.solve-intro .info {
	line-height: 1.76;
	color: #666
}

.solve-intro .img {
	border: 1px solid #ccc;
	display: block;
	width: 100%;
	box-shadow: 0 10px 20px rgba(0,0,0,0.1)
}

@media (min-width:993px) {
	.solve-intro .inner {
		display: table;
		width: 100%
	}

	.solve-intro .inner>* {
		display: table-cell;
		vertical-align: middle
	}

	.solve-intro .imgbox {
		width: 55%
	}

	.solve-intro .infobox {
		padding-right: 5%;
		width: 45%
	}

	.solve-intro .infobox .hd2 {
		margin-bottom: .3rem
	}
}

@media (max-width:992px) {
	.solve-intro .infobox {
		margin-bottom: .6rem
	}
}

@media (max-width:768px) {
	.solve-intro .info {
		font-size: 15px
	}
}

@media (max-width:480px) {
	.solve-intro {
		padding: .8rem 0
	}

	.solve-intro .infobox .hd2 {
		margin-bottom: .2rem
	}
}

.solve-list {
	background: #e5eaf0;
	padding: .94rem 0 1.12rem
}

.solve-list ul {
	margin-left: -0.13rem;
	margin-right: -0.13rem
}

.solve-list li {
	padding-left: .13rem;
	padding-right: .13rem;
	cursor: default
}

.solve-list .inner {
	background: #fff;
	padding: .3rem .3rem .4rem;
	transition: .3s
}

.solve-list img {
	display: block;
	width: 100%
}

.solve-list dt {
	font-size: 24px;
	margin: .34rem 0 .14rem;
	color: #000;
	background-image: -webkit-linear-gradient(right, #1171b2, #48b452);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	display: inline-block
}

.solve-list dd {
	line-height: 30/14;
	color: #999
}

.solve-list dd b {
	font-weight: normal;
	color: #333
}

.solve-list .ic {
	display: block;
	margin: 0 auto;
	width: 1rem;
	height: 1rem;
	margin-top: .56rem;
	transition: .3s
}

.solve-list .ic1 {
	background-image: url('../images/icon/ic_solve_1.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
	display: block
}

.solve-list .ic2 {
	background-image: url('../images/icon/ic_solve_2.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
	display: block
}

.solve-list .ic3 {
	background-image: url('../images/icon/ic_solve_3.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
	display: block
}

.solve-list .ic4 {
	background-image: url('../images/icon/ic_solve_4.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
	display: block
}

.solve-list .ic5 {
	background-image: url('../images/icon/ic_solve_5.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
	display: block
}

.solve-list .ic6 {
	background-image: url('../images/icon/ic_solve_6.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
	display: block
}

.solve-list.s2 {
	text-align: center
}

.solve-list.s2 dd {
	min-height: 13em
}

.solve-list.s3 .inner {
	text-align: left
}

.solve-list.s3 dl {
	max-width: 440px
}

@media (min-width:992px) {
	.solve-list li:Hover .inner {
		background: linear-gradient(90deg, #1171b2, #48b452)
	}

	.solve-list li:Hover dt {
		color: #fff;
		background-image: none;
		-webkit-text-fill-color: #fff
	}

	.solve-list li:Hover dd {
		color: #fff
	}

	.solve-list li:Hover dd b {
		color: #fff
	}

	.solve-list li:Hover .ic {
		transform: rotateY(360deg)
	}

	.solve-list li:Hover .ic1 {
		background-image: url('../images/icon/ic_solve_1_on.png')
	}

	.solve-list li:Hover .ic2 {
		background-image: url('../images/icon/ic_solve_2_on.png')
	}

	.solve-list li:Hover .ic3 {
		background-image: url('../images/icon/ic_solve_3_on.png')
	}

	.solve-list li:Hover .ic4 {
		background-image: url('../images/icon/ic_solve_4_on.png')
	}

	.solve-list li:Hover .ic5 {
		background-image: url('../images/icon/ic_solve_5_on.png')
	}

	.solve-list li:Hover .ic6 {
		background-image: url('../images/icon/ic_solve_6_on.png')
	}

	.solve-list .img {
		overflow: hidden
	}

	.solve-list .img img {
		-webkit-transition: .5s;
		-o-transition: .5s;
		-moz-transition: .5s;
		transition: .5s
	}

	.solve-list .img:hover img {
		-webkit-transform: scale(1.1);
		-moz-transform: scale(1.1);
		-ms-transform: scale(1.1);
		-o-transform: scale(1.1);
		transform: scale(1.1)
	}
}

@media (max-width:1920px) {
	.solve-list .inner {
		padding: .2rem .2rem .3rem
	}
}

@media (max-width:1800px) and (min-width:993px) {
	.solve-list .row {
		margin-left: -0.1rem;
		margin-right: -0.1rem
	}

	.solve-list li {
		padding-left: .1rem;
		padding-right: .1rem
	}

	.solve-list.s2 dd {
		line-height: 1.76;
		min-height: 10em
	}
}

@media (max-width:992px) {
	.solve-list li {
		margin-bottom: .3rem
	}

	.solve-list .inner {
		padding: .3rem .3rem .4rem
	}

	.solve-list dt {
		font-size: 22px
	}

	.solve-list.s2 dd {
		min-height: 8em;
		line-height: 1.76
	}
}

@media (max-width:768px) {
	.solve-list {
		background: #fff;
		border-top: 1px solid #000
	}

	.solve-list dd {
		font-size: 15px
	}

	.solve-list.s2 {
		text-align: left
	}

	.solve-list.s2 li {
		margin-bottom: 40px
	}

	.solve-list.s2 .inner {
		padding: 0
	}

	.solve-list.s2 .ic {
		margin-left: 0
	}

	.solve-list.s2 dd {
		color: #333;
		min-height: auto
	}
}

@media (max-width:480px) {
	.solve-list ul {
		margin-left: 0;
		margin-right: 0
	}

	.solve-list ul>* {
		padding-left: 0;
		padding-right: 0
	}
}

.solve-list3 {
	background: #e5eaf0;
	padding: .94rem 0 1.12rem
}

@media (min-width:769px) {
	.solve-list3 ul {
		display: -webkit-flex;
		display: flex;
		display: -webkit-box;
		display: box;
		position: relative;
		-webkit-align-items: center;
		align-items: center;
		-webkit-box-align: center;
		box-align: center;
		-webkit-box-align: stretch;
		box-align: stretch;
		-webkit-align-items: stretch;
		align-items: stretch
	}

	.solve-list3 li {
		cursor: default;
		width: 49%;
		background: #fff;
		padding: .6rem .4rem .6rem .3rem
	}

	.solve-list3 li+li {
		margin-left: 2%
	}
}

.solve-list3 .inner {
	padding: .6rem .3rem;
	transition: .3s
}

.solve-list3 dl {
	max-width: 480px
}

.solve-list3 dt {
	font-size: 24px;
	margin-bottom: .14rem;
	color: #000;
	background-image: -webkit-linear-gradient(right, #1171b2, #48b452);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	display: inline-block
}

.solve-list3 dd {
	line-height: 30/14;
	color: #999;
	min-height: 120px
}

.solve-list3 dd b {
	font-weight: normal;
	color: #333
}

.solve-list3 .ic {
	display: block;
	margin: 0 auto;
	width: 1rem;
	height: 1rem;
	transition: .3s
}

.solve-list3 .ic5 {
	background-image: url('../images/icon/ic_solve_5.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
	display: block
}

.solve-list3 .ic6 {
	background-image: url('../images/icon/ic_solve_6.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
	display: block
}

.solve-list3 .inner {
	text-align: left
}

.solve-list3 dl {
	max-width: 440px
}

@media (min-width:992px) {
	.solve-list3 li:Hover {
		background: linear-gradient(90deg, #1171b2, #48b452)
	}

	.solve-list3 li:Hover dt {
		color: #fff;
		background-image: none;
		-webkit-text-fill-color: #fff
	}

	.solve-list3 li:Hover dd {
		color: #fff
	}

	.solve-list3 li:Hover dd b {
		color: #fff
	}

	.solve-list3 li:Hover .ic {
		transform: rotateY(360deg)
	}

	.solve-list3 li:Hover .ic5 {
		background-image: url('../images/icon/ic_solve_5_on.png')
	}

	.solve-list3 li:Hover .ic6 {
		background-image: url('../images/icon/ic_solve_6_on.png')
	}

	.solve-list3 .img {
		overflow: hidden
	}

	.solve-list3 .img img {
		-webkit-transition: .5s;
		-o-transition: .5s;
		-moz-transition: .5s;
		transition: .5s
	}

	.solve-list3 .img:hover img {
		-webkit-transform: scale(1.1);
		-moz-transform: scale(1.1);
		-ms-transform: scale(1.1);
		-o-transform: scale(1.1);
		transform: scale(1.1)
	}
}

@media (max-width:1200px) {
	.solve-list3 {
		text-align: center
	}

	.solve-list3 li {
		padding: .6rem .4rem
	}

	.solve-list3 dt {
		margin-top: .4rem
	}

	.solve-list3 dd {
		min-height: auto!important;
		line-height: 1.76
	}
}

@media (max-width:992px) {
	.solve-list3 li {
		margin-bottom: .3rem
	}

	.solve-list3 .inner {
		padding: .3rem .3rem .4rem
	}

	.solve-list3 dt {
		font-size: 22px
	}
}

@media (max-width:768px) {
	.solve-list3 {
		background: #fff;
		border-top: 1px solid #000;
		text-align: left
	}

	.solve-list3 dd {
		font-size: 15px
	}

	.solve-list3 li {
		margin-bottom: 40px
	}

	.solve-list3 .inner {
		padding: 0
	}

	.solve-list3 .ic {
		margin-left: 0
	}

	.solve-list3 dd {
		color: #333;
		min-height: auto
	}
}

@media (max-width:480px) {
	.solve-list3 ul {
		margin-left: 0;
		margin-right: 0
	}

	.solve-list3 ul>* {
		padding-left: 0;
		padding-right: 0
	}
}

.solve-list1 {
	background: #e5eaf0;
	padding: .7rem 0 1rem
}

.solve-list1 .img img {
	width: 100%
}

@media (min-width:1200px) {
	.solve-list1 ul {
		display: -webkit-flex;
		display: flex;
		display: -webkit-box;
		display: box;
		position: relative;
		-webkit-align-items: center;
		align-items: center;
		-webkit-box-align: center;
		box-align: center;
		-webkit-box-align: stretch;
		box-align: stretch;
		-webkit-align-items: stretch;
		align-items: stretch
	}

	.solve-list1 li {
		cursor: default;
		width: 23.7%
	}

	.solve-list1 li+li {
		margin-left: 1.5%
	}
}

.solve-list1 li {
	background: #fff;
	padding: .3rem .3rem .4rem
}

.solve-list1 dt {
	font-size: 24px;
	margin-bottom: .14rem;
	color: #000;
	background-image: -webkit-linear-gradient(right, #1171b2, #48b452);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	display: inline-block;
	margin-top: .3rem
}

.solve-list1 dd {
	line-height: 30/14;
	color: #999
}

.solve-list1 dd b {
	font-weight: normal;
	color: #333
}

@media (min-width:992px) {
	.solve-list1 li:Hover {
		background: linear-gradient(90deg, #1171b2, #48b452)
	}

	.solve-list1 li:Hover dt {
		color: #fff;
		background-image: none;
		-webkit-text-fill-color: #fff
	}

	.solve-list1 li:Hover dd {
		color: #fff
	}

	.solve-list1 li:Hover dd b {
		color: #fff
	}

	.solve-list1 .img {
		overflow: hidden
	}

	.solve-list1 .img img {
		-webkit-transition: .5s;
		-o-transition: .5s;
		-moz-transition: .5s;
		transition: .5s
	}

	.solve-list1 .img:hover img {
		-webkit-transform: scale(1.1);
		-moz-transform: scale(1.1);
		-ms-transform: scale(1.1);
		-o-transform: scale(1.1);
		transform: scale(1.1)
	}
}

@media (max-width:1199px) {
	.solve-list1 li {
		width: 48%;
		float: left;
		margin-bottom: .3rem;
		padding: .5rem .5rem .6rem
	}

	.solve-list1 li:nth-child(2n) {
		float: right
	}
}

@media (max-width:768px) {
	.solve-list1 {
		background: #fff;
		border-top: 1px solid #000;
		text-align: left
	}

	.solve-list1 ul li {
		width: 100%;
		padding: 0;
		margin-bottom: 60px;
		float: none
	}

	.solve-list1 dd {
		font-size: 15px
	}

	.solve-list1 li {
		margin-bottom: 40px
	}

	.solve-list1 dd {
		color: #666;
		min-height: auto
	}
}

.about-sc {
	position: relative;
	max-width: 1600px;
	width: 88%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	padding: 1rem 0 1.4rem
}

@media (max-width:768px) {
}

@media (max-width:640px) {
}

.about-sc .desc {
	font-size: 16px;
	color: #999;
	margin-bottom: .9rem;
	line-height: 1.8
}

.about-sc-swiper {
	background:#f8f8f8;
	padding: .2rem 0 1.3rem
}

.about-sc-swiper .swiper-container{margin-top:50px;}

@media (min-width:768px) {
	.about-sc-swiper li .info {
		bottom: -0.68rem;
		transition: .3s
	}

	.about-sc-swiper li a {
		overflow: hidden
	}

	.about-sc-swiper li a img {
		-webkit-transition: .5s;
		-o-transition: .5s;
		-moz-transition: .5s;
		transition: .5s
	}

	.about-sc-swiper li a:hover img {
		-webkit-transform: scale(1.1);
		-moz-transform: scale(1.1);
		-ms-transform: scale(1.1);
		-o-transform: scale(1.1);
		transform: scale(1.1)
	}

	.about-sc-swiper li a:hover .info {
		bottom: 0
	}
}

.about-wx {
	position: relative;
	max-width: 1600px;
	width: 88%;
	margin-left: auto;
	margin-right: auto;
	max-width: 1200px;
	padding: 1rem 0 0
}

@media (max-width:768px) {
.swiper-team .swiper-pagination{bottom:0;}
}

@media (max-width:640px) {
}

.about-wx .icons li {
	border: 1px solid #efefef;
	text-align: center;
	padding-top: .9rem;
	padding-bottom: 1.1rem
}

.about-wx .icons li:not(:first-child) {
	border-left: 0
}

.about-wx .icons img {
	display: block;
	margin: 0 auto;
	transition: .3s
}

.about-wx .icons h5 {
	font-size: 24px;
	color: #000;
	background-image: -webkit-linear-gradient(right, #1171b2, #48b452);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	display: inline-block;
	font-weight: bold;
	margin: .2rem 0 .16rem
}

.about-wx .icons p {
	color: #999;
	font-size: 16px
}

.about-wx .icons li:hover img {
	transform: rotateY(180deg);
	-webkit-filter: drop-shadow(10px 0 0 rgba(71,198,103,0.1));
	filter: drop-shadow(10px 0 0 rgba(71,198,103,0.1))
}

.about-wx .adv-tit {
	height: 1.03rem;
	background-image: url('../images/icon/tit.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
	display: block
}

.about-wx .about-desc {
	margin: .4rem 0 .6rem;
	text-align: center
}

@media (max-width:768px) {
	.about-wx .row {
		margin-left: 0;
		margin-right: 0
	}

	.about-wx .row>* {
		padding-left: 0;
		padding-right: 0
	}

	.about-wx .icons li {
		margin: 0 0 10px 0;
		padding: .3rem 0 .4rem;
		border-radius: 10px;
		border-left: 1px solid #efefef !important
	}

	.about-wx .icons img {
		max-width: 20%
	}
}

@media (max-width:480px) {
	.about-wx .icons p {
		font-size: 14px
	}
}

.about-desc {
	font-size: 16px;
	color: #999;
	line-height: 1.8
}

@media (max-width:480px) {
	.about-desc {
		font-size: 15px;
		line-height: 1.7
	}
}

.about-ly {
	position: relative;
	max-width: 1600px;
	width: 88%;
	margin-left: auto;
	margin-right: auto;
	max-width: 1200px;
	padding: 1rem 0 1.8rem
}

@media (max-width:768px) {
}

@media (max-width:640px) {
}

.about-ly .hd2 {
	margin-bottom: .8rem
}

.about-ly .row {
	margin-left: 0;
	margin-right: 0
}

.about-ly .row>* {
	padding-left: 0;
	padding-right: 0
}

.about-ly li {
	padding-left: 20px;
	position: relative;
	color: #fff;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	cursor: default;
	overflow: hidden
}

.about-ly .bg {
	width: 100%;
	display: block
}

.about-ly .id {
	font-size: .6rem;
	font-weight: bold;
	font-family: medium
}

.about-ly h5 {
	font-size: 24px;
	font-weight: bold;
	margin-bottom: .1rem
}

.about-ly li img {
	transition: .3s;
	opacity: 0
}

.about-ly li .id,.about-ly li h5 {
	color: #000;
	background-image: -webkit-linear-gradient(right, #1171b2, #48b452);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	display: inline-block
}

.about-ly li .en {
	color: #999
}

@media (min-width:769px) {
	.about-ly .inner {
		position: absolute;
		left: 20px
	}

	.about-ly li:nth-child(2n) .inner {
		bottom: 20%
	}

	.about-ly li:nth-child(2n+1) .inner {
		top: 20%
	}

	.about-ly li:hover {
		color: #fff
	}

	.about-ly li:hover img {
		opacity: 1
	}

	.about-ly li:hover .id,.about-ly li:hover h5 {
		color: #fff;
		background-image: -webkit-linear-gradient(#fff, #fff)
	}

	.about-ly li:hover .en {
		color: #fff
	}
}

@media (max-width:768px) {
	.about-ly .hd2 {
		margin-bottom: .5rem
	}

	.about-ly li {
		text-align: center;
		padding: .8rem .2rem;
		margin-bottom: 10px;
		border-radius: 10px
	}

	.about-ly .id {
		border: 1px solid #000;
		border-radius: 50%;
		width: 1rem;
		height: 1rem;
		line-height: 1rem;
		text-align: center;
		margin-bottom: 20px
	}

	.about-ly .en {
		text-transform: uppercase
	}

	.about-ly li:hover .id {
		border-color: #fff
	}

	.about-ly li:hover .en {
		opacity: .8
	}
}

@media (max-width:480px) {
	.about-ly {
		padding-bottom: 1rem
	}
}

.join-fz {
	position: relative;
	max-width: 1600px;
	width: 88%;
	margin-left: auto;
	margin-right: auto;
	padding: 1.4rem 0 0
}

@media (max-width:768px) {
}

@media (max-width:640px) {
}

.join-fz li {
	border: 1px solid #cfd4db;
	margin-bottom: 1rem;
	padding: 0 .6rem .8rem
}

@media (min-width:1201px) {
	.join-fz .leftbox {
		width: 47%;
		padding-right: .3rem;
		float: left
	}

	.join-fz .rightbox {
		width: 53%;
		float: right;
		position: relative;
		margin-top: -30px
	}
}

.join-fz .ids {
	font-weight: bold;
	position: relative;
	top: -25px;
	height: 50px;
	line-height: 50px;
	left: -10px
}

.join-fz .ids b {
	font-size: .6rem;
	font-family: medium
}

.join-fz .ids em {
	opacity: .5
}

.join-fz .ids .id {
	background: #e5eaf0;
	display: inline-block;
	padding: 0 10px
}

.join-fz .ids b,.join-fz .ids em {
	color: #000;
	background-image: -webkit-linear-gradient(right, #1171b2, #48b452);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	display: inline-block
}

.join-fz h3 {
	font-size: 24px;
	font-weight: bold;
	color: #000;
	background-image: -webkit-linear-gradient(right, #1171b2, #48b452);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	display: inline-block;
	margin: .26rem 0
}

.join-fz h3::after {
	content: '';
	display: block;
	width: 24px;
	height: 2px;
	background: linear-gradient(90deg, #1171b2, #48b452);
	margin-top: 10px
}

.join-fz .info {
	color: #666;
	line-height: 1.7
}

.join-fz .info p+p {
	margin-top: 10px
}

@media (max-width:1200px) {
	.join-fz .leftbox {
		margin-bottom: .5rem
	}

	.join-fz .rightbox {
		max-width: 620px;
		margin: 0 auto
	}
}

@media (max-width:640px) {
	.join-fz {
		background: #fff;
		padding-left: 6%;
		padding-right: 6%;
		width: 100%
	}

	.join-fz li {
		border: 0;
		border-top: 1px solid #e5eaf0;
		padding: 0;
		margin-bottom: 70px
	}

	.join-fz .ids .id {
		background: #fff
	}

	.join-fz .ids .id b {
		font-size: 1rem
	}

	.join-fz h3 {
		margin: -30px 0 30px
	}

	.join-fz .leftbox {
		margin-bottom: .4rem
	}
}

.swipermain {
	display: -webkit-flex;
	display: flex;
	display: -webkit-box;
	display: box;
	position: relative;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-align: center;
	box-align: center;
	-webkit-box-align: stretch;
	box-align: stretch;
	-webkit-align-items: stretch;
	align-items: stretch
}

.swipermain .swiper-container .swiper-pagination-bullet {
	background: #fff;
	opacity: 1
}

.swipermain .swiper-container .swiper-pagination-bullet-active {
	background: #000
}

.swipermain .swiper-slide img {
	width: 100%;
	display: block
}

.swipermain .item1 {
	width: 19%;
	max-width: 142px
}

.swipermain .item1 .swiper-slide {
	margin-bottom: 10px
}

.swipermain .item2 {
	min-width: 0;
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	-webkit-flex-shrink: 1;
	-ms-flex-negative: 1;
	flex-shrink: 1;
	padding-right: 10px;
	max-width: 620px
}

.contact-box .wrap {
	width: 100%;
	max-width: 100%
}

@media (min-width:1200px) {
	.contact-box .leftbox {
		width: 40%;
		float: left;
		text-align: center
	}

	.contact-box .leftbox .contact-addr {
		display: inline-block;
		text-align: left
	}

	.contact-box .rightbox {
		width: 60%;
		float: right
	}
}

@media (max-width:1199px) {
	.contact-box .leftbox {
		padding-left: 6%;
		padding-right: 6%;
		width: 100%
	}

	.contact-box .contact-form {
		padding-bottom: 1rem
	}
}

.contact-map {
	height: 8rem;
	background: #000
}

.contact-form {
	background: #e5eaf0;
	padding: .86rem .88rem 1.3rem
}

@media (max-width:1199px) {
	.contact-form {
		padding: .4rem 6%
	}
}

.contact-form .row {
	margin-left: -5px;
	margin-right: -5px
}

.contact-form .row>* {
	padding-left: 5px;
	padding-right: 5px;
	margin-bottom: 10px
}

.contact-form input,.contact-form textarea,.contact-form button {
	border: 0;
	box-shadow: none;
	outline: none;
	resize: none;
	background: none;
	font-size: 14px
}

.contact-form label {
	color: #666;
	font-weight: normal;
	margin-bottom: 0
}

.contact-form li {
	min-height: 48px;
	line-height: 48px;
	transition: .3s;
	margin-bottom: 16px
}

.contact-form li .inner {
	background: #fff;
	padding-left: 16px
}

.contact-form li input {
	min-width: 0;
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	-webkit-flex-shrink: 1;
	-ms-flex-negative: 1;
	flex-shrink: 1;
	display: block
}

.contact-form li label {
	margin-right: 20px
}

.contact-form textarea {
	display: block;
	height: 110px;
	width: 100%;
	line-height: 1.76;
	margin-bottom: 10px
}

.contact-form .submit {
	width: 2.2rem;
	height: .56rem;
	line-height: .56rem;
	background: linear-gradient(90deg, #1171b2, #48b452);
	color: #fff;
	text-align: center;
	font-size: 16px
}

@media (max-width:1199px) {
	.contact-form li label {
		width: 58px
	}
}

@media (max-width:992px) {
	.contact-form .bd {
		padding: 50px 0 70px
	}

	.contact-form li {
		margin-bottom: 20px
	}
}

@media (max-width:768px) {
	.contact-form li {
		min-height: 50px;
		line-height: 50px
	}
}

@media (max-width:640px) {
	.contact-form li {
		margin-bottom: 10px
	}

	.contact-form .submit {
		margin-top: 20px
	}
}

@media (max-width:480px) {
	.contact-form {
		font-size: 14px
	}

	.contact-form input,.contact-form textarea {
		font-size: 14px
	}

	.contact-form li {
		margin-bottom: 0
	}

	.contact-form li label {
		margin-right: 10px
	}

	.contact-form .bd {
		padding: 30px 0 40px
	}
}

.contact-addr {
	padding: 1rem 0;
	margin: 0
}

.contact-addr .addritem {
	padding-top: .6rem;
	padding-bottom: .8rem;
	cursor: pointer
}

.contact-addr .addritem.active span {
	color: #000;
	background-image: -webkit-linear-gradient(right, #1171b2, #48b452);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	display: inline-block
}

.contact-addr .addritem+.addritem {
	border-top: 1px solid #e5eaf0
}

.contact-addr h3 {
	font-size: 24px;
	margin-bottom: .3rem;
	white-space: nowrap
}

.contact-addr h3 .ic-addr {
	width: .26rem;
	height: .3rem;
	background-image: url('../images/icon/ic_addr.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
	display: block;
	display: inline-block;
	margin-right: .16rem
}

.contact-addr h3>* {
	display: inline-block;
	vertical-align: middle
}

.contact-addr h3>* {
	display: inline-block;
	vertical-align: middle
}

.contact-addr .info {
	line-height: 2.2
}

.contact-addr .info ._empty {
	color: transparent
}

@media (max-width:1200px) {
	.contact-addr {
		display: block;
		overflow: hidden;
		padding-left: 0;
		padding-right: 0
	}
}

@media (max-width:1200px) and (min-width:993px) {
	.contact-addr .addritem {
		width: 48%;
		float: left
	}

	.contact-addr .addritem {
		border-top: 0!important
	}
}

@media (max-width:640px) {
	.contact-addr {
		padding: .5rem 0
	}

	.contact-addr h3 {
		font-size: 19px;
		font-weight: bold
	}
}

.yfbox .top {
	color: #999;
	font-size: 16px;
	line-height: 1.8;
	text-align: center
}

.yfbox1 {
	max-width: 1140px;
	padding: 1rem 0
}

.yfbox1 .list {
	margin-top: .7rem
}

.yfbox1 .list img {
	border-radius: 10px;
	padding: 9px;
	border: 1px solid #d9d9d9;
	box-shadow: 0 0 10px rgba(0,0,0,0.1)
}

.yfbox1 h4 {
	font-size: 24px;
	color: #000;
	background-image: -webkit-linear-gradient(right, #1171b2, #48b452);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	display: inline-block;
	margin: .26rem 0 .16rem
}

.yfbox1 .desc {
	color: #999;
	line-height: 1.9
}

@media (min-width:992px) {
	.yfbox1 .list {
		display: -webkit-flex;
		display: flex;
		display: -webkit-box;
		display: box;
		position: relative;
		-webkit-box-pack: justify;
		box-pack: justify;
		-webkit-justify-content: space-between;
		justify-content: space-between
	}

	.yfbox1 li {
		max-width: 280px;
		width: 30%
	}
}

@media (max-width:991px) {
	.yfbox1 {
		text-align: center
	}

	.yfbox1 img {
		display: block;
		margin: 0 auto
	}

	.yfbox1 li+li {
		margin-top: .7rem
	}
}

.yfbox2 {
	padding: .8rem 1.1rem;
	background: #e5eaf0;
	padding: .8rem 0 1.1rem
}

.yfbox3 {
	padding: .9rem 0 1.6rem;
	position: relative;
	max-width: 1600px;
	width: 88%;
	margin-left: auto;
	margin-right: auto;
	max-width: 1280px
}

@media (max-width:768px) {
}

@media (max-width:640px) {
}

.yfbox3 .hd2 {
	margin-bottom: .7rem
}

@media (min-width:769px) {
	.yfbox3 .inner {
		display: table;
		width: 100%;
		position: relative
	}

	.yfbox3 .inner>* {
		display: table-cell;
		vertical-align: middle
	}

	.yfbox3 .inner h4 {
		background: #000;
		background: linear-gradient(180deg, #1171b2, #48b452);
		padding: .1rem;
		text-align: center;
		color: #fff;
		border-radius: .1rem;
		font-size: 18px;
		width: 180px
	}

	.yfbox3 .inner .content {
		padding-left: .2rem;
		font-size: 16px
	}

	.yfbox3 .inner .info {
		color: #000;
		background-image: -webkit-linear-gradient(right, #1171b2, #48b452);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		display: inline-block;
		font-weight: bold;
		padding-bottom: .1rem;
		margin-top: 5px
	}

	.yfbox3 .inner ._line {
		display: block;
		border-bottom: 1px solid #ccc
	}
}

.yfbox3 li {
	margin-bottom: .2rem
}

.yfbox3 li h4 {
	line-height: 1.5
}

.yfbox3 li .time {
	color: #777
}

@media (max-width:768px) {
	.yfbox3 li {
		padding: .24rem;
		border: 1px solid #ddd;
		border-radius: 6px
	}

	.yfbox3 h4 {
		color: #000;
		background-image: -webkit-linear-gradient(right, #1171b2, #48b452);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		display: inline-block;
		font-weight: bold;
		margin-bottom: 10px
	}

	.yfbox3 .info {
		color: #333;
		margin-top: 5px
	}
}

.yfbox4 {
	background: #e5eaf0;
	padding: .8rem 0 1.1rem
}

.yfbox4 .wrap {
	max-width: 1190px
}

.yfbox4 .img {
	margin: .4rem 0 .3rem;
	width: 100%
}

.yfbox4 h4 {
	font-size: 24px;
	font-weight: bold;
	line-height: 1.7;
	color: #000;
	background-image: -webkit-linear-gradient(to right, #38a9bf, #000);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	display: inline-block
}

@media (max-width:640px) {
	.yfbox4 .top {
		font-size: 14px
	}

	.yfbox4 h4 {
		font-size: 18px
	}
}

.swiper-teams .swiper-slide-active .inner {
	box-shadow: 0 0 20px rgba(0,0,0,0.2);
	opacity: 1
}

.swiper-teams .swiper-button-prev {
	left: calc(20%)
}

.swiper-teams .swiper-button-next {
	right: calc(20%)
}

.swiper-teams li {
	padding: 20px .34rem;
	width: 60vw
}

.swiper-teams .inner {
	transition: .3s;
	opacity: .6;
	background: #fff
}

@media (min-width:769px) {
	.swiper-teams .inner {
		display: table;
		width: 100%
	}

	.swiper-teams .inner>* {
		display: table-cell;
		vertical-align: middle
	}

	.swiper-teams .inner .img {
		width: 37%
	}

	.swiper-teams .inner .content {
		padding: .2rem 6%;
		min-width: 0;
		-webkit-box-flex: 1;
		-webkit-flex-grow: 1;
		-ms-flex-positive: 1;
		flex-grow: 1;
		-webkit-flex-shrink: 1;
		-ms-flex-negative: 1;
		flex-shrink: 1
	}
}

.swiper-teams .inner img {
	box-shadow: none;
	border: 0
}

.swiper-teams .inner h5 {
	color: #000;
	background-image: -webkit-linear-gradient(right, #1171b2, #48b452);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	display: inline-block;
	margin-bottom: .36rem
}

.swiper-teams .inner h5 span {
	font-size: 30px;
	padding-right: 10px
}

.swiper-teams .inner h5 em {
	font-size: 16px
}

.swiper-teams .inner .info {
	color: #666;
	line-height: 1.9
}

@media (min-width:1921px) {
	.swiper-teams .inner .info {
		font-size: 16px;
		line-height: 2.1
	}

	.swiper-teams .inner h5 span {
		font-size: 40px
	}
}

@media (max-width:1470px) {
	.swiper-teams .inner h5 {
		margin-bottom: .2rem
	}
}

@media (max-width:1350px) {
	.swiper-teams li {
		width: 70vw;
		padding: 10px 10px
	}

	.swiper-teams .swiper-button-prev {
		left: calc(15% - 20px)
	}

	.swiper-teams .swiper-button-next {
		right: calc(15% - 20px)
	}

	.swiper-teams .inner .info {
		font-size: 13px;
		line-height: 1.7
	}
}

@media (max-width:1060px) {
	.swiper-teams .swiper-button-prev {
		left: calc(10% - 20px)
	}

	.swiper-teams .swiper-button-next {
		right: calc(10% - 20px)
	}

	.swiper-teams li {
		width: 80vw
	}

	.swiper-teams .inner .img img {
		width: 100%
	}
}

@media (max-width:992px) {
	.swiper-teams {
		padding-bottom: .5rem
	}

	.swiper-teams .swiper-pagination {
		bottom: 0;
		line-height: 1
	}
}

@media (max-width:768px) {
	.swiper-teams li {
		width: 90vw;
		padding: .2rem 4px
	}

	.swiper-teams .inner {
		padding: .3rem;
		text-align: center
	}

	.swiper-teams .inner .img {
		max-width: 200px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: .2rem
	}

	.swiper-teams .inner h5 {
		font-weight: bold;
		margin: .2rem 0
	}

	.swiper-teams .inner h5 span {
		font-size: 20px;
		padding-right: 2px
	}

	.swiper-teams .inner h5 em {
		font-size: 14px
	}

	.swiper-teams .inner .info {
		text-align: left
	}
}

.step-box {
	padding: 1.1rem 0 4.6rem
}

.step-box .hd2 {
	margin-bottom: 1rem
}

.swiper-step li {
	padding: 0;
	width: 70vw
}

.swiper-step .swiper-button-next,.swiper-step .swiper-button-prev {
	margin-top: 0;
	top: 28%;
	left: auto;
	right: auto
}

.swiper-step .swiper-button-prev {
	right: 85vw
}

.swiper-step .swiper-button-next {
	left: 85vw
}

.swiper-step .yearbox {
	position: relative;
	font-family: medium;
	color: #cdd1d7;
	margin-bottom: .6rem;
	min-height: 15vw
}

.swiper-step .yearbox::after {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	border-top: 1px solid #e5eaf0;
	z-index: 1;
	bottom: 0;
	background: #fff
}

.swiper-step .year {
	font-size: 0;
	font-size: 15vw;
	line-height: 1;
	position: relative;
	text-align: center;
	visibility: hidden
}

.swiper-step .year>* {
	display: inline-block;
	vertical-align: top;
	line-height: 1;
	margin: 0
}

.swiper-step .year em {
	color: #000;
	background-image: -webkit-linear-gradient(bottom, #38a9bf, #000);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	display: inline-block;
	position: relative;
	z-index: 2
}

.swiper-step .year2 {
	font-size: .48rem;
	line-height: 1;
	padding-bottom: 48px;
	margin: 0;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 5;
	top: 55%
}

.swiper-step .yearbox::after,.swiper-step .year .p1::after {
	top: 65%
}

.swiper-step .swiper-slide-prev .info,.swiper-step .swiper-slide-next .info {
	display: none
}

.swiper-step .swiper-slide-prev .year2 {
	right: 0
}

.swiper-step .swiper-slide-next .year2 {
	left: 0
}

.swiper-step .swiper-slide-active .year {
	visibility: visible
}

.swiper-step .swiper-slide-active .year2 {
	display: none
}

.swiper-step .info {
	font-size: 16px;
	color: #666;
	line-height: 46/16;
	width: 80%;
	margin: 0 auto
}

.swiper-step .info p {
	padding-left: 26px;
	position: relative
}

.swiper-step .info p::after {
	content: '';
	width: 12px;
	height: 12px;
	background: #666666;
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: 17px
}

@media (max-width:1440px) {
	.swiper-step .pnext {
		width: 34px;
		height: 34px
	}
}

@media (max-width:768px) {
	.swiper-step {
		padding-bottom: .8rem
	}

	.swiper-step .swiper-pagination {
		line-height: 1;
		bottom: 0
	}

	.swiper-step .pnext {
		border-radius: 50%;
		color: #fff;
		background: #cdd1d7
	}

	.swiper-step .pnext::after {
		font-size: 14px
	}

	.swiper-step .swiper-button-prev {
		right: 90vw
	}

	.swiper-step .swiper-button-next {
		left: 90vw
	}

	.swiper-step .pnext {
		width: 26px;
		height: 26px
	}

	.swiper-step li {
		width: 80vw
	}

	.swiper-step li .yearbox {
		margin-bottom: .5rem
	}

	.swiper-step li .year2 {
		font-size: .3rem;
		padding-bottom: 26px
	}

	.swiper-step li .info {
		width: 100%;
		font-size: 14px;
		line-height: 1.76
	}

	.swiper-step li .info p {
		padding-left: 15px
	}

	.swiper-step li .info p::after {
		width: 8px;
		height: 8px;
		top: 9px
	}
}

@media (max-width:640px) {
	.swiper-step .year {
		font-size: 90px
	}

	.swiper-step .year2 {
		top: 50%
	}

	.swiper-step .pnext {
		top: 46px
	}
}

@-webkit-keyframes move1 {
	from {
		left: 0
	}

	to {
		left: -30%
	}
}

@-webkit-keyframes move2 {
	from {
		left: -30%
	}

	to {
		left: 0
	}
}

.step-box {
	position: relative;
	overflow: hidden
}

.step-box .wave {
	position: absolute;
	bottom: 0;
	z-index: -1;
	width: 130%
}

.step-box .wave {
	height: 20%;
	background-size: 100%;
	background-repeat: repeat-x;
	background-position: 0 top
}

.step-box .wave1 {
	background-image: url('../images/icon/wave1.png');
	left: 0;
	animation: move1 5s infinite alternate linear
}

.step-box .wave2 {
	background-image: url('../images/icon/wave2.png');
	left: -30%;
	animation: move2 5s infinite alternate linear
}

@media (max-width:768px) {
	.step-box {
		padding-bottom: 3rem
	}

	.step-box .wave {
		background-position: 0 bottom;
		height: 40%
	}
}

@-webkit-keyframes move {
	from {
		top: 100%
	}

	to {
		top: -100%
	}
}

.toTop {
	position: fixed;
	width: 38px;
	height: 38px;
	line-height: 38px;
	text-align: center;
	z-index: 555;
	right: 20px;
	bottom: 20px;
	color: #fff;
	cursor: pointer;
	transition: .3s;
	background:-webkit-linear-gradient(right, #000, #5f5f5f);
	border-radius:50%;
}

.toTop::before{content: '';display: block;width: 100%;height: 100%;background: #000000;opacity: .3 ;position: absolute;left: 0;top: 0;border-radius: 50%;z-index: -2;animation: consult2 linear 2s infinite;}
  @keyframes consult2{
  	0%,100%{transform:scale(1);}
  	50%{transform:scale(1.5);}	
  } 
  

.toTop .icon-top {
	font-size: 16px;
	transition: .3s;
	position: relative
}

@media (max-width:1199px) {
	.toTop {
		display: block;
		background-color: #333;
		display: inline-block;
		background-size: auto 160px;
		width: 40px;
		height: 40px;
		background-position: -600px 0;
		background-repeat: no-repeat;
		-webkit-transition: 1s;
		-moz-transition: 1s;
		transition: 1s;
		-ms-filter: "alpha(opacity=70)";
		filter: alpha(opacity=70);
		-moz-opacity: .7;
		opacity: .7;
		right: 5px;
		bottom: 5px;
	}

	.toTop .icon-ltop {
		display: none
	}

	.toTop .icon-top1 {
		display: block;
		line-height: 40px
	}
}

.c-vodeobox .vinner {
	overflow: hidden;
	position: relative
}

.c-vodeobox .poster {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 1;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center
}

.c-vodeobox .video-js {
	width: 100%;
	object-fit: cover;
	height: 40vw;
	overflow: hidden;
	position: relative
}

.c-vodeobox .video-js .vjs-big-play-button {
	width: 2em;
	height: 2em;
	border-radius: 50%;
	line-height: 2em;
	z-index: 555
}

.c-vodeobox video {
	object-fit: cover
}

@media (min-width:993px) {
	.c-vodeobox .list,.c-vodeobox .video-js {
		height: 30vw;
		max-height: 600px;
		min-height: 450px
	}

	.c-vodeobox .list li {
		height: 25%;
		display: -webkit-flex;
		display: flex;
		display: -webkit-box;
		display: box;
		position: relative;
		-webkit-box-orient: vertical;
		box-orient: vertical;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-box-pack: center;
		box-pack: center
	}
}

@media (max-width:640px) {
	.c-vodeobox .video-js {
		height: 60vw
	}

	.c-vodeobox .video-js .vjs-big-play-button {
		width: 1.4em;
		height: 1.4em;
		line-height: 1.4em;
		margin-left: -0.7em
	}

	.c-vodeobox .list {
		padding-left: 10%
	}
}

@media (max-width:480px) {
	.c-vodeobox>* {
		padding-left: 0;
		padding-right: 0
	}
}

.BMap_cpyCtrl,.anchorBL {
	display: none
}

#map {
	height: 608px
}

@media (max-width:992px) {
	#map {
		height: 400px
	}
}

@media (max-width:640px) {
	#map {
		height: 300px
	}
}

#map label,#map img {
	max-width: none
}

.search-key {
	font-size: .24rem;
	position: relative;
	top: -0.3rem
}

@media (max-width:768px) {
	.search-key {
		position: relative;
		max-width: 1600px;
		width: 88%;
		margin-left: auto;
		margin-right: auto
	}
}

.scroll-logo {
	padding: .62rem 0 .6rem;
	text-align: center
}

@media (max-width:992px) {
	.scroll-logo .wrap {
		width: 100%
	}
	
}

.scroll-swiper .swiper-wrapper {
	transition-timing-function: linear
}

.scroll-swiper li {
	width: 25%;
	text-align: center;
	float: left
}

.scroll-swiper img {
	width: 70%
}

@media (max-width:992px) {
	.scroll-swiper li {
		width: 33.33%;
		max-height: 110px
	}
}

@media (max-width:768px) {
	.scroll-swiper img {
		width: 90%
	}
}

@media (max-width:480px) {
	.scroll-swiper img {
		width: 100%
	}
}

.icase-bd .item {
	float: left;
	width: 48%;
	box-shadow: 0 0 .3rem rgba(0,0,0,0.16)
}

.icase-bd img {
	width: 100%;
	max-width: 770px;
	transition: .3s
}

.icase-bd .img:hover img {
	transform: scale(1.05)
}

.icase-bd img {
	transition: .3s
}

.icase-bd .img {
	overflow: hidden
}

.icase-bd .item:nth-child(2) {
	float: right
}

.icase-bd .content {
	padding: .26rem .36rem;
	background: #14b5ca;
	background: linear-gradient(90deg, #4ec859, #14b5ca);
	color: #fff;
	position: relative
}

.icase-bd .more {
	color: #fff;
	border: 1px solid #fff;
	width: 1.5rem;
	height: 46px;
	line-height: 46px;
	text-align: center
}

.icase-bd h4 {
	font-size: 24px;
	margin-bottom: 10px
}

.icase-bd .info {
	line-height: 1.76
}

@media (min-width:993px) {
	.icase-bd .info {
		max-width: 400px;
		width: 60%
	}

	.icase-bd .more {
		position: absolute;
		right: .4rem;
		top: 50%;
		transform: translateY(-50%);
		transition: .3s
	}

	.icase-bd .more:hover {
		background: #fff;
		color: #4ec859
	}
}

@media (max-width:992px) {
	.icase-bd .content {
		text-align: center;
		padding: 30px 20px
	}

	.icase-bd .info {
		text-align: left
	}

	.icase-bd .more {
		display: block;
		margin: 15px auto 0;
		height: 40px;
		line-height: 40px;
		width: 130px
	}
}

@media (max-width:768px) {
	.icase-bd .item {
		width: 100%;
		float: none;
		margin-bottom: 20px
	}
}

@media (max-width:480px) {
	.icase-bd .more {
		height: 32px;
		line-height: 32px;
		width: 110px
	}

	.icase-bd .info {
		font-size: 12px
	}

	.icase-bd h4 {
		font-size: 20px
	}
}

.step-box {
	padding: 1.1rem 0 2rem
}

.progress-list {
	position: relative
}

@media (min-width:769px) {
	.progress-list {
		width: 50%
	}

	.progress-list::after {
		content: '';
		display: block;
		position: absolute;
		width: 1px;
		top: 0;
		bottom: 60px;
		border-right: 1px dashed #b9ebd8;
		z-index: -1;
		right: 0
	}

	.progress-list::before {
		content: '';
		display: block;
		position: absolute;
		width: 30px;
		height: 17px;
		background: url(../images/arr.png) no-repeat center 0;
		background-size: cover;
		top: -17px;
		right: -15px
	}

	.progress-list li {
		width: 100%;
		position: relative;
		margin-top: -0.5rem
	}

	.progress-list li::before,.progress-list li::after {
		content: '';
		position: absolute;
		border-radius: 50%;
		top: 50%;
		background: #3cc792;
		transition: all .3s ease-out
	}

	.progress-list li::before {
		left: -16px;
		background: #d6eee8;
		width: 32px;
		height: 32px;
		margin-top: -16px;
		transform: scale(.5)
	}

	.progress-list li::after {
		left: -8px;
		width: 16px;
		height: 16px;
		margin-top: -8px;
		-webkit-transform: scale(0);
		transform: scale(0)
	}

	.progress-list li:nth-child(2n)::before {
		left: auto;
		right: -16px
	}

	.progress-list li:nth-child(2n)::after {
		left: auto;
		right: -8px
	}

	.progress-list li:hover::before {
		transform: scale(1)
	}

	.progress-list li:hover::after {
		transform: scale(1)
	}

	.progress-list li:nth-child(2n+1) {
		margin-left: 100%
	}

	.progress-list li:nth-child(2n+1) dl {
		margin-left: 60px
	}

	.progress-list dl {
		margin-right: 60px;
		border: 1px solid #dadada;
		padding: .3rem .7rem;
		position: relative;
		background: #fff;
		font-family: medium
	}

	.progress-list dl::before,.progress-list dl::after {
		content: '';
		position: absolute;
		width: 0;
		height: 0;
		top: 50%;
		right: -20px
	}

	.progress-list dl::before {
		transform: translateY(-50%);
		border: 10px solid;
		border-color: transparent transparent transparent #dadada
	}

	.progress-list dl::after {
		border: 9px solid;
		transform: translateY(-50%) translateX(-2px);
		border-color: transparent transparent transparent #fff
	}

	.progress-list li:nth-child(2n+1) {
		margin-left: 100%
	}

	.progress-list li:nth-child(2n+1) dl::before,.progress-list li:nth-child(2n+1) dl::after {
		right: auto;
		left: -20px
	}

	.progress-list li:nth-child(2n+1) dl::before {
		border-color: transparent #dadada transparent transparent
	}

	.progress-list li:nth-child(2n+1) dl::after {
		border-color: transparent #fff transparent transparent;
		transform: translateY(-50%) translateX(2px)
	}

	.progress-list li:hover dl {
		border-color: #3cc792;
		box-shadow: 0 0 20px rgba(0,0,0,0.1)
	}

	.progress-list li:hover dl::before {
		border-left-color: #3cc792
	}

	.progress-list li:nth-child(2n+1):hover dl::before {
		border-right-color: #3cc792;
		border-left-color: #fff
	}
}

@media (min-width:769px) and (max-width:1200px) {
	.progress-list::after {
		top: 10px
	}
}

@media (min-width:769px) and (max-width:1200px) {
	.progress-list::before {
		top: 0
	}
}

.progress-list dt {
	font-size: 24px;
	margin-bottom: 10px;
	line-height: 1;
	font-family: medium
}

.progress-list dd {
	color: #666;
	line-height: 22px;
	position: relative
}

.progress-list dd::before {
	content: '';
	display: block;
	position: absolute;
	width: 8px;
	height: 8px;
	left: -28px;
	top: 7px;
	background: #58ca61;
	border-radius: 50%;
	background: linear-gradient(to right, #58ca61, #25bbc1)
}

.progress-list dd+dd {
	margin-top: 5px
}

@media (max-width:992px) {
	.progress-list li {
		margin-top: -0.7rem
	}
}

@media (max-width:768px) {
	.progress-list {
		margin-top: -0.4rem
	}

	.progress-list li {
		padding: .4rem 0;
		margin-top: 0;
		border-bottom: 1px solid #dadada
	}

	.progress-list dl {
		padding: .3rem
	}

	.progress-list dl dt {
		color: #000;
		background-image: -webkit-linear-gradient(right, #1171b2, #48b452);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		display: inline-block;
		font-size: 34px;
		margin-bottom: 20px;
		text-align: center
	}

	.progress-list dl dd {
		padding-left: .3rem;
		line-height: 1.76
	}

	.progress-list dl dd::before {
		left: 0;
		width: 6px;
		height: 6px
	}

	.progress-list dl dd+dd {
		margin-top: 10px
	}
}

.header .pc-menus ul li {
	text-align: center
}

.hd-drop {
	position: relative
}

.hd-drop>p {
	color: #fff !important;
	cursor: pointer
}

.hd-drop:hover .hd-dropdown {
	display: block
}

.hd-dropdown {
	display: none;
	width: 142px;
	padding: 10px 0 20px;
	background: #fff;
	font-size: 14px;
	position: absolute;
	left: 50%;
	top: .94rem;
	transform: translateX(-71px);
	border-top: 5px solid #33c08f;
	box-shadow: 0 5px 10px rgba(0,0,0,0.1)
}

.hd-dropdown::before {
	content: '';
	display: block;
	position: absolute;
	top: -24px;
	left: 50%;
	margin-left: -10px;
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-bottom-color: #33c08f
}

.hd-dropdown a {
	color: #333;
	height: 46px;
	line-height: 46px;
	display: block;
	text-align: center
}

.hd-dropdown a:hover {
	color: #fff;
	background: linear-gradient(to right, #4fc858, #14b6c9)
}

.hb-chartsbox {
	position: relative;
	width: 480px;
	margin: 130px auto 70px;
	height: 480px
}

.hb-chartsbox .cinner {
	font-size: 18px;
	color: #666666
}

.hb-chartsbox .cinner p {
	line-height: 130px;
	margin: 0 10px;
	display: inline-block;
	transition: .3s
}

.hb-chartsbox .cinner li {
	position: absolute;
	width: 100%
}

.hb-chartsbox .cinner li>* {
	display: inline-block;
	vertical-align: middle
}

.hb-chartsbox .cinner li>* {
	display: inline-block;
	vertical-align: middle
}

.hb-chartsbox .cinner li:nth-child(1) {
	right: 405px;
	top: 36%;
	margin-top: -65px;
	text-align: right
}

.hb-chartsbox .cinner li:nth-child(2) {
	right: 355px;
	bottom: 0;
	text-align: right
}

.hb-chartsbox .cinner li:nth-child(3) {
	left: 355px;
	bottom: 0
}

.hb-chartsbox .cinner li:nth-child(4) {
	left: 100%;
	top: 36%;
	margin-top: -65px;
	margin-left: -75px
}

.hb-chartsbox .cinner li:nth-child(5) {
	left: 50%;
	margin-left: -65px;
	top: -65px
}

.hb-chartsbox .cinner li:nth-child(5) p {
	position: relative;
	top: -20px
}

.hb-chartsbox .ic {
	width: 130px;
	height: 130px;
	display: inline-block;
	transform: .3s
}

.hb-chartsbox .ic1 {
	background: url(../images/icon/hb1.png) no-repeat center
}

.hb-chartsbox .ic2 {
	background: url(../images/icon/hb2.png) no-repeat center
}

.hb-chartsbox .ic3 {
	background: url(../images/icon/hb3.png) no-repeat center
}

.hb-chartsbox .ic4 {
	background: url(../images/icon/hb4.png) no-repeat center
}

.hb-chartsbox .ic5 {
	background: url(../images/icon/hb5.png) no-repeat center
}

.hb-chartsbox li:hover .ic1 {
	background: url(../images/icon/hb1_on.png) no-repeat center
}

.hb-chartsbox li:hover .ic2 {
	background: url(../images/icon/hb2_on.png) no-repeat center
}

.hb-chartsbox li:hover .ic3 {
	background: url(../images/icon/hb3_on.png) no-repeat center
}

.hb-chartsbox li:hover .ic4 {
	background: url(../images/icon/hb4_on.png) no-repeat center
}

.hb-chartsbox li:hover .ic5 {
	background: url(../images/icon/hb5_on.png) no-repeat center
}

.hb-chartsbox li:hover p {
	font-size: 24px;
	color: #000;
	background-image: -webkit-linear-gradient(right, #1171b2, #48b452);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	display: inline-block
}

.hbcharts {
	width: 90%;
	display: block;
	margin: 40px auto 0
}

.good-intro .rightbox .info strong {
	background: #000 !important;
	padding: 3px;
	color: #fff !important;
	background: linear-gradient(90deg, #1171b2, #48b452) !important;
	border-radius: 2px;
	font-weight: normal;
	margin-right: 3px
}

.ilogobox {
	padding: 40px 0 0
}

.ilogobox li {
	margin-bottom: 40px;
	text-align: center;
	transition: .3s
}

.ilogobox img {
	max-width: 70%;
	border: 1px solid transparent
}
@media (max-width:992px) {
.wrap,.wrap2{padding:0px 12px;}
}
@media (min-width:993px) {
	.ilogobox li:hover {
		transform: translateY(-5px)
	}
}

@media (max-width:992px) {
	.ilogobox img {
		max-width: 80%
	}
}

@media (max-width:480px) {
	.ilogobox {
		padding-top: 20px;
		width: 96%
	}

	.ilogobox ul {
		margin-left: 0;
		margin-right: 0
	}

	.ilogobox ul>* {
		padding-left: 0;
		padding-right: 0
	}

	.ilogobox li {
		margin-bottom: 20px
	}

	.ilogobox img {
		max-width: 100%
	}
}

.about-ly .hd {
	text-align: center;
	margin-bottom: .7rem
}

.about-ly .hd .ic {
	display: block;
	margin: 0 auto;
	transition: .3s
}

@media (max-width:768px) {
	.about-ly .hd .ic {
		max-width: 20%
	}
}

.about-ly .hd:hover .ic {
	transform: rotateY(180deg);
	-webkit-filter: drop-shadow(10px 0 0 rgba(71,198,103,0.1));
	filter: drop-shadow(10px 0 0 rgba(71,198,103,0.1))
}

.about-ly .hd h2 {
	font-size: 24px;
	color: #000;
	background-image: -webkit-linear-gradient(right, #1171b2, #48b452);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	display: inline-block;
	font-weight: bold
}

@media (max-width:768px) {
	.about-ly .hd h2 {
		font-size: 24px
	}
}


/*客服*/
.youce{width: 63px;position: fixed;right: 3px;top: 50%;z-index: 101;margin-top:-189px;display:none;}
.yc_senitm{height: auto;padding-top: 8px;padding-bottom: 8px;margin-bottom: 5px;background: #000;color:#fff;font-size:12px;text-align:center;cursor:pointer;border-radius:5px;}
.yc_senitm:hover{background: #2b2b2b;}
.yc_senitm a{color:#ffffff;}
.yc_senitm span{display:block;width:100%;margin-bottom:5px;height:25px; }
.yc_tel span{background:url("../images/right_pic1.png") no-repeat center;background-size: contain;
}
.yc_zaixian span{background:url("../images/right_pic2.png") no-repeat center;background-size: contain;
}
.yc_weixin span{background:url("../images/right_pic3.png") no-repeat center;background-size: contain;
}

.yc_xq span{background:url("../images/right_pic4.png") no-repeat center;background-size: contain;
}

.yc_weixin{ position:relative;}
.yc_weixin .lx_weixin{position:absolute;right:90px;width:175px;top:-43px;display:none; z-index:50;}
.yc_weixin .lx_weixin img{display:block;}
.yc_weixin .lx_weixin i{float: left;padding-top: 74px;margin-left: -1px;}
.yc_tel{position:relative;}
.yc_tel .lx_tel{position:absolute;right: 80px;top: 0px;width: 200px;display:none;z-index:50;background: #000;padding: 0px 10px;border-radius:5px;}
.yc_tel .lx_tel p{font-size: 24px;font-weight: bold;color: #fff;line-height: 63px;width: 160px;display:block;}
.yc_tel .lx_tel i{float: right;padding-top: 22px;margin-left: -1px;}
.kf_tankuan{width: 100%;height: 100%;position: fixed;left: 0;top: 0;z-index: 150;background: rgba(0,0,0,0.5);display:none;}
.tkform{background:#fff;width:602px;height:auto;padding:40px 36px;border-radius: 5px;position: fixed;left: 50%;top: 50%;margin-left:-301px;margin-top:-171px;}
.tk_tit span{display:inline-block;font-size:18px;color:#2b2b2b;}
.tc400{font-size: 46px;margin-top:0px;font-weight:bold;letter-spacing: 2px;}
.tk_tit .kf_close{cursor: pointer;float:right;width:18px;}
.tk_tit .kf_close img{width:100%;display:block;}
.tk_bd{padding-top:30px;}
.tk_bd input{border:solid 1px #000;line-height:38px;height:38px;width:228px;font-size:16px;padding-left:20px;margin-bottom:20px;}
.tk_bd .telinput{line-height:48px;height:48px;width: 308px;}
.tk_bd textarea{border:solid 1px #000;line-height:38px;width:508px;font-size:16px;padding-left:20px;margin-bottom:20px;}
.mr30{margin-right:30px;}
.tk_bd button{background:#000;height:48px;line-height:48px;font-size:18px;width:220px;color:#fff;border:none;text-align:center;cursor:pointer;}
.tk_bd button:hover{background:#292929;}
.tel_tk .tel_wz{font-size:18px;overflow: hidden;}
.tel_tk .tel_wz .fl{width:60%;padding-top: 32px;}
.tel_tk .tel_wz .fr{width:30%;text-align: right;padding-right: 30px;}
.tel_zixun{padding-top:20px;}
.tel_zixun a{background:#000;width: 45%;height:50px;display:inline-block;line-height:50px;font-size:18px;color:#fff;text-align:center;}
.tel_zixun a:last-child{float: right;background: #ccc;}
.tel_zixun a:hover{background:#2b2b2b;}
.yc_tankuan{z-index:150;display:none;}
.tk_gg{background:#2b2b2b;padding:28px 26px !important;height: 288px;width: 550px;}
.xianbor{border:solid 1px #fff;padding:30px;text-align:center;}
.tk_gg .tk_gg_tit{font-size:40px;font-weight:600;color:#fff;line-height:55px;padding-bottom:30px;letter-spacing: 5px;}
.tk_gg .tk_gg_tit span{font-size:48px;letter-spacing: 2px;}
.tk_gg .tk_gg_a{width:100%;}
.tk_gg .tk_gg_a a{display:inline-block;height:40px;line-height:40px;border-radius:5px;border:solid 1px #fff;color:#fff;float:left;width:43.5%;text-align:center;font-size:18px;margin:0 3%;}
.tk_gg .tk_gg_a a.gg_cur{background:#fff;color:#2b2b2b;}
.tk_gg .tk_gg_zi{padding-top:30px;}
.tk_gg .tk_gg_zi a{float:left;color:#fff;font-size:16px;width: 25%;}
.gg_rtk{position:fixed;bottom:30px;right:0;display:none;height:40px;z-index:150;}
.gg_rtk .gg_r_tel{border-bottom-left-radius:5px;width:40px;height:40px;border-top-left-radius:5px;background:#d41d09 url(../images/gg_tel.png) no-repeat center;}
.gg_rtk .gg_r_zi{border-bottom-right-radius:5px;border-top-right-radius:5px;background:#2b2b2b url(../images/gg_r_t.png) no-repeat 133px center;font-size:14px;padding-left:10px;padding-right:40px;height:40px;line-height:40px;color:#fff;cursor:pointer;}

@media (max-width:980px) {
	.fdkefu {display: none;	}
	.kf_tankuan{display:none!important; opacity:0;z-index:-10;}
}