.mobile {
	display: none!important
}

#openlc {
	padding: 15px 15px;
	display: block;
	background: 0 0;
	position: fixed;
	right: 0;
	top: 0
}

#openlc .lcbody {
	width: 20px;
	height: 20px;
	position: relative;
	transform: translateZ(0) rotate(0);
	transition: transform 0s cubic-bezier(.4,.01,.165,.99)
}

#openlc .lcitem {
	position: absolute;
	left: 0;
	top: 0;
	transform: translateZ(0) rotate(0);
	transition: transform .25s cubic-bezier(.4,.01,.165,.99) 0s;
	-webkit-transform: translateZ(0) rotate(0);
	-webkit-transition: -webkit-transform .25s cubic-bezier(.4,.01,.165,.99) 0s;
	width: 20px;
	height: 20px
}

#openlc .lcitem .rect {
	width: 20px;
	height: 3px;
	background: #fff;
	position: absolute;
	left: 0;
	top: 10px;
	transition: transform .2s ease .2s;
	-webkit-transition: -webkit-transform .2s ease .2s;
	border-radius: 2px
}

#openlc .lcitem .rect.top {
	transform: translate3d(0,-6px,0);
	-webkit-transform: translate3d(0,-6px,0)
}

#openlc .lcitem .rect.center {
	transform: translate3d(0,0,0);
	-webkit-transform: translate3d(0,0,0)
}

#openlc .lcitem .rect.bottom {
	transform: translate3d(0,6px,0);
	-webkit-transform: translate3d(0,6px,0)
}

#openlc.show .lcbody {
	transform: translateZ(0) rotate(90deg);
	-webkit-transform: translateZ(0) rotate(90deg)
}

#openlc.show .lcbody .lcitem {
	transform: translateZ(0) rotate(45deg);
	transition: transform .25s cubic-bezier(.4,.01,.165,.99) .2s;
	-webkit-transform: translateZ(0) rotate(45deg);
	-webkit-transition: -webkit-transform .25s cubic-bezier(.4,.01,.165,.99) .2s
}

#openlc.show .lcbody .lcitem.bottom {
	transform: translateZ(0) rotate(-45deg);
	-webkit-transform: translateZ(0) rotate(-45deg);
	left: -2px
}

#openlc.show .lcbody .lcitem .rect {
	transition: transform .2s ease 0s;
	transform: translate3d(0,0,0);
	-webkit-transition: -webkit-transform .2s ease 0s;
	-webkit-transform: translate3d(0,0,0)
}

#openlc.show .lcbody .lcitem.center {
	display: none
}

@media only screen and (max-width:1024px) {
	.block {
		width: 100%;
		margin: 0;
		padding: 1px 1px 5px 15px;
	}

	.pc {
		display: none!important
	}

	.mobile {
		display: block!important
	}

	body.hiddenbody {
		overflow: hidden
	}

	#header {
		height: 50px;
		position: fixed;
		left: 0;
		top: 0;
		border: 0;
		z-index: 101;
		background: #2f6ddd
	}

	#header .logo {
		float: left;
		width: auto;
		text-align: center;
		height: 50px;
		left: 15px
	}

	#header .logo img {
		width: auto;
		height: 30px;
		display: inline-block;
		padding-top: 10px
	}

	#header .block {
		width: 100%
	}

	#header #nav {
		display: none;
		width: auto;
		vertical-align: middle;
		height: calc(100vh - 50px);
		float: none;
		position: fixed;
		top: 50px;
		width: 100%;
		left: 0;
		padding: 40px 50px 20px 50px;
		background: #fff;
		background-size: cover;
		background-position: center;
		overflow-y: auto;
		margin-right: 0;
		z-index: 101;
		margin-left: 0
	}

	#header #nav li.navitem {
		width: 100%;
		float: none;
		padding: 0;
		border: 0;
		margin: 0;
		display: block;
		min-height: auto;
		text-align: center;
		border-bottom: 1px solid rgba(255,255,255,.2);
		height: auto;
		min-height: 55px
	}

	#header #nav li.navitem a.nav_a {
		font-size: 16px;
		text-align: center;
		width: auto;
		background: 0 0;
		padding: 0;
		display: inline-block;
		height: 55px;
		float: none
	}

	#header #nav li.navitem a.nav_a span {
		border-radius: 0
	}

	#header #nav li.navitem a.nav_a span {
		color: #505050;
		transition: all 0s ease 0s;
		-webkit-transition: all 0s ease 0s;
		-moz-transition: all 0s ease 0s;
		height: 55px;
		line-height: 1;
		vertical-align: top;
		width: calc(100%);
		margin: 0;
		position: relative;
		font-size: 16px;
		line-height: 55px;
		font-weight: 400;
		display: block;
		text-align: left;
		padding: 0
	}

	#header #nav li.navitem a.nav_a span:after {
		content: '';
		position: absolute;
		width: calc(100% + 10px);
		bottom: 20px;
		height: 0;
		border-top: 2px solid #2f6ddd;
		z-index: -1;
		display: none;
		left: -5px
	}

	#header #nav li.navitem a.nav_a span:before {
		display: none
	}

	#header #nav li.navitem i {
		color: #2f6ddd;
		display: inline-block;
		font-size: 20px;
		margin: 0;
		float: none;
		line-height: 16px;
		padding-top: 0;
		text-align: right;
		font-weight: 700;
		line-height: 55px;
		width: auto;
		position: relative;
		padding-left: 5px
	}

	#header #nav li.navitem i a {
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0
	}

	#header #nav li.navitem i.icon-a-2 {
		display: none
	}

	#header #nav li.navitem .icon-bottom {
		transition: all 0s ease 0s;
		-webkit-transition: all 0s ease 0s;
		-moz-transition: all 0s ease 0s
	}

	#header #nav li.navitem a.active.nav_a span,#header #nav li.navitem a.nav_a:hover span {
		background: 0 0;
		color: #2f6ddd
	}

	#header #nav li.navitem a.nav_a.active {
		background: 0 0
	}

	#header #nav li.navitem a.nav_a.active span {
		color: #505050
	}

	#header #nav li.navitem a.nav_a.active span:after {
		display: block
	}

	#header #nav li.navitem .subnav {
		position: relative;
		top: 0;
		z-index: 1;
		visibility: hidden;
		height: 0;
		background: 0 0;
		opacity: 1;
		transition: all .36s ease;
		box-shadow: 0 0 0 0 rgba(0,0,0,.03);
		width: 100%;
		text-align: center;
		left: 0;
		transform: translateX(0);
		border-top: 1px solid #2f6ddd;
		padding: 0;
		margin: 0;
		border-top: 0
	}

	#header #nav li.navitem .subnav li {
		width: 100%;
		display: block;
		border: 0
	}

	#header #nav li.navitem .subnav a {
		display: block;
		padding: 0;
		color: #505050;
		padding: 0 20px;
		font-weight: 500;
		font-size: 12px;
		line-height: 35px;
		transition: all .2s ease-in-out;
		text-align: center;
		background: 0 0
	}

	#header #nav li.navitem .subnav a i {
		display: none
	}

	#header #nav li.navitem .subnav a span {
		height: 35px;
		line-height: 35px
	}

	#header #nav li.navitem .subnav a span:before {
		display: none
	}

	#header #nav li.navitem .subnav a.active,#header #nav li.navitem .subnav a:hover {
		text-indent: 0;
		color: #2f6ddd;
		font-weight: 700;
		background: 0 0
	}

	#header #nav li.navitem:hover a.nav_a span {
		background: 0 0;
		color: #505050
	}

	#header #nav li.navitem:hover .subnav {
		visibility: hidden;
		height: 0;
		padding: 0
	}

	#header #nav li.navitem.show {
		border: 0
	}

	#header #nav li.navitem.show a.nav_a span {
		background: 0 0;
		color: #505050
	}

	#header #nav li.navitem.show a.nav_a span:after {
		display: block
	}

	#header #nav li.navitem.show .icon-down {
		transform: rotateX(180deg)
	}

	#header #nav li.navitem.show .subnav {
		visibility: visible;
		opacity: 1;
		height: auto;
		padding: 15px 0 25px 0;
		border-top: 1px solid rgba(255,255,255,.2)
	}

	#header #nav.nav_site li.navitem {
		width: 100%
	}

	#header #nav.show {
		display: block
	}

	#header .lang {
		display: none;
		position: relative;
		top: auto;
		left: auto;
		transform: translate(0,0);
		right: auto;
		text-align: center;
		margin-top: 10px
	}

	#header .lang.show {
		display: block
	}

	.headerbg {
		height: 50px
	}

	.ibanner {
		width: 100%;
		position: relative;
		height: auto;
		margin-top: 0
	}

	.ibanner .swiper {
		overflow: hidden;
		height: auto;
		padding-top: 50px
	}

	.ibanner .swiper-wrapper .swiper-slide img {
		width: 100%
	}

	.ibanner .b_next,.ibanner .b_prev {
		position: absolute;
		left: 10px;
		top: 50%;
		width: 35px;
		height: 35px;
		text-align: center;
		z-index: 3;
		cursor: pointer;
		display: block;
		font-size: 35px;
		line-height: 1;
		color: #fff;
		display: none
	}

	.ibanner .b_next {
		left: auto;
		right: 10px
	}

	.ibanner .b_page {
		text-align: center;
		position: absolute;
		z-index: 2;
		bottom: 10px;
		left: 50%;
		transform: translate(-50%,0)
	}

	.ibanner .b_page span.swiper-pagination-bullet {
		width: 8px;
		height: 8px;
		border-radius: 50%;
		position: relative;
		margin: 0 5px 0 0;
		background: 0 0;
		opacity: 1;
		background: #fff;
		vertical-align: middle
	}

	.ibanner .b_page span.swiper-pagination-bullet-active {
		width: 8px;
		height: 8px;
		background: #040000;
		border-radius: 50%
	}

	.ibanner .b_page span:last-child {
		margin-right: 0
	}

	.banner_con {
		height: auto;
		background: 0 0!important
	}

	.banner_con .pic img {
		width: 100%;
		display: block
	}

	.title_head {
		font-size: 0
	}

	.title_head .left {
		float: left
	}

	.title_head .cn {
		font-size: 20px;
		color: #505050;
		display: inline-block;
		vertical-align: top
	}

	.title_head .en {
		font-size: 12px;
		color: #acacac;
		display: inline-block;
		padding-left: 10px;
		line-height: 14px;
		padding-top: 4px;
		vertical-align: top
	}

	.title_head .menu {
		float: right;
		font-size: 0
	}

	.title_head .menu a {
		font-size: 12px;
		color: #999;
		display: inline-block;
		margin: 0 5px;
		line-height: 28px;
		text-align: center;
		padding: 0 14px;
		border-radius: 50px
	}

	.title_head .menu a.more {
		line-height: 28px;
		border-radius: 40px;
		color: #999;
		text-align: center;
		padding: 0 26px
	}

	.title_head .menu a.active,.title_head .menu a:hover {
		color: #fff;
		background-color: #2f6ddd
	}

	.title_head .menu a.more:hover {
		color: #fff
	}

	.title_head .right {
		float: right
	}

	.title_head .right a {
		width: 80px;
		height: 28px;
		background: #2f6ddd;
		border-radius: 20px;
		opacity: 1;
		text-align: center;
		line-height: 28px;
		font-size: 14px;
		color: #fff
	}

	.title_head .right a:hover {
		letter-spacing: 1px
	}

	.title_head .pickcity,.title_head .pickcolor {
		width: 100px;
		height: 25px;
		border-radius: 14px;
		border: 1px solid #DCDCDC;
		float: right;
		position: relative;
		z-index: 3
	}

	.title_head .pickcity .top,.title_head .pickcolor .top {
		padding: 0 10px
	}

	.title_head .pickcity .top .txt,.title_head .pickcolor .top .txt {
		font-size: 12px;
		color: #acacac;
		line-height: 2
	}

	.title_head .pickcity .top .icon,.title_head .pickcolor .top .icon {
		transform: rotate(90deg)
	}

	.title_head .pickcity .top .icon i,.title_head .pickcolor .top .icon i {
		color: #2f6ddd;
		line-height: 20px;
		font-size: 12px
	}

	.title_head .pickcity .subbox,.title_head .pickcolor .subbox {
		width: calc(100vw - 30px);
		position: absolute;
		right: 0;
		top: 28px;
		display: none;
		padding-top: 8px
	}

	.title_head .pickcity .subbox .sub,.title_head .pickcolor .subbox .sub {
		background: #FFF;
		box-shadow: 0 4px 10px 0 rgba(0,0,0,.302);
		border-radius: 10px;
		padding: 10px 12px 18px 12px;
		position: relative
	}

	.title_head .pickcity .subbox .sub:before,.title_head .pickcolor .subbox .sub:before {
		content: '';
		display: inline-block;
		width: 0;
		height: 0;
		transform: rotate(0);
		border-style: solid;
		border-width: 0 8px 10px 8px;
		border-color: transparent transparent #fff transparent;
		top: -8px;
		position: absolute;
		right: 24px;
		top: -10px
	}

	.title_head .pickcity .subbox .n_list .item,.title_head .pickcolor .subbox .n_list .item {
		width: 14.28%;
		float: left;
		margin-top: 10px;
		cursor: pointer
	}

	.title_head .pickcity .subbox .n_list .item .bg,.title_head .pickcolor .subbox .n_list .item .bg {
		width: 25px;
		height: 25px;
		border-radius: 50%;
		margin: 0 auto
	}

	.title_head .pickcity .subbox .n_list .item .bg img,.title_head .pickcolor .subbox .n_list .item .bg img {
		width: 100%;
		display: block
	}

	.title_head .pickcity .subbox .n_list .item .txt,.title_head .pickcolor .subbox .n_list .item .txt {
		font-size: 12px;
		line-height: 24px;
		padding-top: 0;
		text-align: center;
		color: #acacac
	}

	.title_head .pickcity .subbox .n_list .item.active .txt,.title_head .pickcity .subbox .n_list .item:hover .txt,.title_head .pickcolor .subbox .n_list .item.active .txt,.title_head .pickcolor .subbox .n_list .item:hover .txt {
		color: #fff
	}

	.title_head .pickcity .subbox a.jsChecked.active,.title_head .pickcolor .subbox a.jsChecked.active {
		background: #2f6ddd
	}

	.title_head .pickcity .subbox a.all,.title_head .pickcity .subbox a.jsChecked,.title_head .pickcolor .subbox a.all,.title_head .pickcolor .subbox a.jsChecked {
		width: 107px;
		height: 25px;
		border-radius: 14px;
		text-align: center;
		line-height: 25px;
		font-size: 12px;
		color: #fff;
		letter-spacing: 1px;
		display: inline-block;
		margin: 0 auto;
		margin-top: 30px;
		background: #ccc;
		margin-right: 10px
	}

	.title_head .pickcity .subbox a.all,.title_head .pickcolor .subbox a.all {
		margin-right: 0
	}

	.title_head .pickcity .subbox a.all:hover,.title_head .pickcity .subbox a.jsChecked:hover,.title_head .pickcolor .subbox a.all:hover,.title_head .pickcolor .subbox a.jsChecked:hover {
		letter-spacing: 2px
	}

	.title_head .pickcity .subbox .tips,.title_head .pickcolor .subbox .tips {
		font-size: 12px;
		color: #b1b1b1;
		text-align: center;
		line-height: 1.2;
		margin-top: 10px
	}

	.title_head .pickcity.active .top .icon,.title_head .pickcolor.active .top .icon {
		transform: rotate(-90deg)
	}

	.title_head .pickcity.active .subbox,.title_head .pickcolor.active .subbox {
		display: block
	}

	.iad {
		margin-top: 25px
	}

	.iad .item {
		width: calc(47.3333% - 5px);
		float: left;
		margin-right: 15px;
		margin-bottom: 15px;
		border-radius: 5px 5px 5px 5px;
		overflow: hidden;
		transition: all 0s ease 0s
	}

	.iad .item img {
		display: block;
		width: 100%
	}

	.iad .item:hover {
		box-shadow: 0 3px 8px 0 rgba(0,0,0,.16)
	}

	.iad .item:nth-child(3n) {
		margin-right: 15px
	}

	.imore {
		width: 75px;
		height: 30px;
		font-size: 12px;
		line-height: 30px;
		margin: 0 auto;
		margin-top: 30px
	}

	.imore:hover {
		letter-spacing: 2px
	}

	.icase {
		padding: 40px 0 40px 0
	}

	.icase * {
		transition: all 0 ease 0s
	}

	.icase .title_head .left {
		float: none
	}

	.icase .title_head .cn,.icase .title_head .en {
		display: block;
		text-align: center
	}

	.icase .title_head .en {
		padding-left: 0
	}

	.icase .list {
		padding-top: 15px
	}

	.icase .list .item {
		width: calc(50% - 8px);
		margin-right: 15px;
		float: left;
		margin-top: 10px;
		background: #2f6ddd
	}

	.icase .list .item .pic img {
		transform: scale(.96);
		-webkit-transform: scale(.96);
		-moz-transform: scale(.96);
		-o-transform: scale(.96)
	}

	.icase .list .item .txt {
		padding: 15px 10px 25px 10px;
		border-bottom: 1px solid #cdcdcd
	}

	.icase .list .item .txt .title {
		font-size: 14px;
		color: #fff;
		font-weight: bolder
	}

	.icase .list .item .txt .desc {
		color: #fff;
		font-size: 12px;
		padding-top: 10px;
		line-height: 1.5;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden
	}

	.icase .list .item .bottom {
		padding: 0 12px
	}

	.icase .list .item .bottom .address {
		font-size: 12px;
		color: #fff;
		line-height: 26px
	}

	.icase .list .item .bottom .icon i {
		font-size: 12px;
		color: #fff
	}

	.icase .list .item:hover {
		background: #2f6ddd
	}

	.icase .list .item:hover .pic img {
		transform: scale(.96);
		-webkit-transform: scale(.96);
		-moz-transform: scale(.96);
		-o-transform: scale(.96)
	}

	.icase .list .item:hover .txt {
		border-color: #fff
	}

	.icase .list .item:hover .txt .title {
		color: #fff
	}

	.icase .list .item:hover .txt .desc {
		color: #fff
	}

	.icase .list .item:hover .bottom {
		padding: 0 12px
	}

	.icase .list .item:hover .bottom .address,.icase .list .item:hover .bottom .icon i {
		color: #fff
	}

	.icase .list .item:nth-of-type(4n) {
		margin-right: 15px
	}

	.icase .list .item:nth-of-type(2n) {
		margin-right: 0
	}

	.icase .imore {
		margin-top: 25px
	}

	.iabout {
		padding: 40px 0
	}

	.iabout * {
		transition: all 0s ease 0s
	}

	.iabout .title_head .left {
		float: none
	}

	.iabout .title_head .cn,.iabout .title_head .en {
		display: block;
		text-align: center
	}

	.iabout .title_head .en {
		padding-left: 0
	}

	.iabout .right {
		width: 100%;
		float: none;
		margin-top: 25px
	}

	.iabout .right .text {
		color: #505050;
		line-height: 18px;
		font-size: 14px;
		padding-top: 0
	}

	.iabout .right .text div,.iabout .right .text p {
		color: #505050;
		line-height: 18px;
		font-size: 14px
	}

	.iabout .left {
		width: 80%;
		float: none;
		margin: 0 auto;
		margin-top: 25px
	}

	.iabout .left img {
		width: 100%;
		display: block
	}

	.iabout .imore {
		margin-top: 25px;
		width: 80px
	}

	.commitment {
		padding: 40px 0
	}

	.commitment * {
		transition: all 0s ease 0s
	}

	.commitment .title_head .left {
		float: none
	}

	.commitment .title_head .cn,.commitment .title_head .en {
		display: block;
		text-align: center
	}

	.commitment .title_head .en {
		padding-left: 0
	}

	.commitment .list {
		margin-top: 10px
	}

	.commitment .list .item {
		width: calc(50% - 8px);
		float: left;
		margin-top: 15px;
		margin-right: 15px;
		padding: 25px 0;
		background: #2f6ddd
	}

	.commitment .list .item .icon {
		text-align: center
	}

	.commitment .list .item .icon i {
		color: #505050;
		font-size: 70px
	}

	.commitment .list .item .txt {
		padding-top: 8px;
		text-align: center
	}

	.commitment .list .item .txt .title {
		font-size: 14px;
		color: #505050;
		line-height: 33px;
		text-align: center
	}

	.commitment .list .item .txt .desc {
		font-size: 12px;
		color: #acacac;
		padding-top: 2px;
		text-align: center
	}

	.commitment .list .item .icon i {
		color: #fff
	}

	.commitment .list .item .txt .desc,.commitment .list .item .txt .title {
		color: #fff
	}

	.commitment .list .item:nth-child(2n) {
		margin-right: 0
	}

	.commitment .list .item:hover {
		background: #2f6ddd
	}

	.commitment .list .item:hover .icon i {
		color: #fff
	}

	.commitment .list .item:hover .txt .desc,.commitment .list .item:hover .txt .title {
		color: #fff
	}

	.inews {
		padding: 40px 0;
		background: #F8F8F8
	}

	.inews * {
		transition: all 0s ease 0s
	}

	.inews .title_head .left {
		float: none
	}

	.inews .title_head .cn,.inews .title_head .en {
		display: block;
		text-align: center
	}

	.inews .title_head .en {
		padding-left: 0
	}

	.inews .list {
		margin-top: 0
	}

	.inews .list .right {
		width: 100%;
		float: none;
		border-top: 0 solid #d8d8d8
	}

	.inews .list .right .item {
		height: auto;
		border-bottom: 1px solid #d8d8d8;
		display: flex;
		justify-content: center;
		align-items: center
	}

	.inews .list .right .item a {
		width: 100%;
		height: 110px;
		padding: 30px 5px 15px 0
	}

	.inews .list .right .item a .title {
		color: #505050;
		font-size: 14px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap
	}

	.inews .list .right .item a .desc {
		color: #999;
		font-size: 12px;
		padding-top: 20px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap
	}

	.inews .list .right .item a .time {
		font-size: 12px;
		color: #505050
	}

	.inews .list .right .item a .icon {
		border-left: 1px solid #acacac;
		text-align: right;
		margin-top: 15px
	}

	.inews .list .right .item a .icon i {
		font-size: 15px
	}

	.inews .list .right .item a .icon,.inews .list .right .item a .time,.inews .list .right .item a .title {
		color: #2f6ddd
	}

	.inews .list .right .item a:hover .icon,.inews .list .right .item a:hover .time,.inews .list .right .item a:hover .title {
		color: #2f6ddd
	}

	.ipartner {
		padding: 40px 0
	}

	.ipartner * {
		transition: all 0s ease 0s
	}

	.ipartner .title_head .left {
		float: none
	}

	.ipartner .title_head .cn,.ipartner .title_head .en {
		display: block;
		text-align: center
	}

	.ipartner .title_head .en {
		padding-left: 0
	}

	.ipartner .list {
		margin-top: 10px
	}

	.ipartner .list .item {
		width: calc(33.33% - 10px);
		margin: 15px 15px 0 0;
		overflow: hidden;
		float: left;
		height: 50px;
		border: 1px solid #d8d8d8;
		display: flex;
		justify-content: center;
		align-items: center
	}

	.ipartner .list .item img {
		width: auto;
		max-width: 100%;
		max-height: 100%;
		display: block;
		-webkit-filter: grayscale(100%);
		-moz-filter: grayscale(100%);
		-ms-filter: grayscale(100%);
		-o-filter: grayscale(100%);
		filter: grayscale(100%);
		filter: gray
	}

	.ipartner .list .item:hover {
		box-shadow: 0 3px 8px 0 rgba(0,0,0,.16)
	}

	.ipartner .list .item:hover img {
		-webkit-filter: grayscale(0);
		-moz-filter: grayscale(0);
		-ms-filter: grayscale(0);
		-o-filter: grayscale(0);
		filter: grayscale(0);
		filter: none
	}

	.ipartner .list .item:nth-child(3n) {
		margin-right: 0
	}

	.footer {
		background: #F5F6FB;
		padding: 40px 0 40px 0;
		text-transform: uppercase
	}

	.footer .left {
		width: calc(100% - 130px);
		float: left
	}

	.footer .left .logo a {
		color: #505050;
		font-size: 20px;
		line-height: 1
	}

	.footer .left .time {
		font-size: 12px;
		line-height: 18px;
		padding-top: 5px;
		color: #acacac
	}

	.footer .left .iconlist {
		font-size: 0;
		margin-top: 10px
	}

	.footer .left .iconlist a {
		font-size: 14px;
		color: #aaa;
		line-height: 28px;
		display: inline-block;
		border: 1px solid #dcdcdc;
		width: 30px;
		text-align: center;
		border-radius: 50%;
		margin-right: 8px
	}

	.footer .left .iconlist a i {
		font-size: 14px;
		color: #999;
		line-height: 28px
	}

	.footer .left .iconlist a:hover {
		color: #fff;
		background: #2f6ddd;
		border-color: #2f6ddd
	}

	.footer .left .iconlist a:hover i {
		color: #fff
	}

	.footer .left .con {
		padding-top: 30px
	}

	.footer .left .con p {
		color: #999;
		font-size: 12px;
		line-height: 1.5
	}

	.footer .left .con p a {
		color: #2f6ddd;
		font-size: 12px;
		line-height: 1.5
	}

	.footer .right {
		width: 130px;
		float: right;
		padding-left: 0;
		border-left: 0 solid #d8d8d8
	}

	.footer .right .item {
		width: 130px
	}

	.footer .right .item .title {
		font-size: 12px;
		color: #999;
		line-height: 2;
		padding-top: 6px;
		text-align: center
	}

	.footer .right .item .pic {
		padding: 6px;
		background: #fff
	}

	.footer .right .item .pic img {
		display: block;
		width: 100%
	}

	.copyright {
		background: #FDFCFB;
		line-height: 30px;
		font-size: 12px;
		color: #505050;
		text-align: center
	}

	.copyright a {
		color: #505050
	}

	.copyright a:hover {
		background: #2f6ddd
	}

	.product {
		padding: 37px 0 40px 0
	}

	.product * {
		transition: all 0s ease 0s
	}

	.product .title_head .en {
		display: block;
		padding-left: 0;
		line-height: 1;
		padding-top: 2px
	}

	.product .desc {
		padding-top: 22px;
		font-size: 14px;
		color: #acacac;
		line-height: 1.5
	}

	.product .list .item {
		width: calc(50% - 5px);
		margin-right: 10px;
		float: left;
		margin-top: 15px
	}

	.product .list .item .pic {
		overflow: hidden;
		position: relative;
		background: #000
	}

	.product .list .item .pic img {
		display: block;
		width: 100%;
		transition: all 0s ease 0s
	}

	.product .list .item .txt {
		height: auto;
		padding: 13px 4px 0 4px
	}

	.product .list .item .txt .title {
		font-size: 14px;
		color: #505050;
		text-align: center
	}

	.product .list .item .txt .catname {
		color: #acacac;
		font-size: 12px;
		padding-top: 3px;
		opacity: 1;
		line-height: 18px;
		text-align: center
	}

	.product .list .item .txt .title {
		color: #2f6ddd
	}

	.product .list .item .txt .catname {
		opacity: 1
	}

	.product .list .item .tip {
		display: none
	}

	.product .list .item:hover .pic img {
		transform: scale(1);
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-o-transform: scale(1);
		opacity: .6
	}

	.product .list .item:hover .pic .tip {
		opacity: 1
	}

	.product .list .item:hover .pic .tip .num:after {
		width: 75px
	}

	.product .list .item:nth-of-type(3n) {
		margin-right: 10px
	}

	.product .list .item:nth-of-type(2n) {
		margin-right: 0
	}

	#conbody .icase .title_head .left {
		float: left
	}

	#pages {
		padding: 20px 0 0 0;
		text-align: center
	}

	#pages li {
		display: inline-block;
		margin: 0 2px
	}

	#pages a,#pages span {
		display: inline-block;
		line-height: 36px;
		min-width: 10px;
		margin: 0 2px;
		padding: 0 15px
	}

	#pages a {
		background: 0 0;
		color: #969696
	}

	#pages a:hover,#pages li.active span {
		background: #2f6ddd;
		color: #fff;
		border-radius: 4px
	}

	#pages .disabled {
		display: none
	}

	#pages span.all,#pages span.pageindex {
		display: none
	}

	.about * {
		transition: all .4s ease 0s
	}

	.about .iabout {
		padding: 25px 0 36px 0;
		background: #fff
	}

	.about .iabout .left {
		margin-top: 0
	}

	.about .youshi {
		padding: 40px 0;
		background: #F8F8F8
	}

	.about .youshi .title_head .left {
		float: none
	}

	.about .youshi .title_head .cn,.about .youshi .title_head .en {
		display: block;
		text-align: center
	}

	.about .youshi .title_head .en {
		padding-left: 0
	}

	.about .youshi .list {
		font-size: 0
	}

	.about .youshi .list .item {
		width: 100%;
		display: block;
		float: none;
		padding: 25px 20px 20px 20px;
		margin-top: 15px;
		background: #fff
	}

	.about .youshi .list .item .icon {
		margin: 0 auto;
		position: relative;
		width: 80px;
		height: 80px;
		background: rgba(47,109,221,.3);
		text-align: center;
		border-radius: 50%
	}

	.about .youshi .list .item .icon i {
		font-size: 35px;
		color: #3d3d3d;
		line-height: 80px;
		position: relative;
		z-index: 2
	}

	.about .youshi .list .item .icon i {
		color: #fff
	}

	.about .youshi .list .item .icon:after {
		content: '';
		width: 70px;
		height: 70px;
		background: #2f6ddd;
		display: block;
		position: absolute;
		left: 5px;
		top: 5px;
		z-index: 1;
		border-radius: 50%
	}

	.about .youshi .list .item .txt .title {
		color: #2f6ddd;
		font-size: 14px;
		padding-top: 15px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		text-align: center
	}

	.about .youshi .list .item .txt .line {
		margin: 0 auto;
		width: 40px;
		height: 1px;
		background: #2f6ddd;
		margin-top: 15px
	}

	.about .youshi .list .item .txt .desc {
		font-size: 12px;
		line-height: 2;
		color: #3d3d3d;
		height: 54px;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden;
		margin-top: 15px
	}

	.about .youshi .list .item:hover {
		box-shadow: 0 2px 15px 0 transparent;
		background: #fff
	}

	.about .youshi .list .item:hover .icon {
		background: rgba(47,109,221,.3)
	}

	.about .youshi .list .item:hover .icon i {
		color: #fff
	}

	.about .youshi .list .item:hover .icon:after {
		background: #2f6ddd
	}

	.about .youshi .list .item:hover .txt .title {
		color: #2f6ddd
	}

	.about .youshi .list .item:hover .txt .line {
		background: #2f6ddd
	}

	.about .youshi .list .item:hover .txt .desc {
		color: #3d3d3d
	}

	.about .process {
		padding: 40px 0;
		border-bottom: 1px solid #d8d8d8
	}

	.about .process .title_head .left {
		float: none
	}

	.about .process .title_head .cn,.about .process .title_head .en {
		display: block;
		text-align: center
	}

	.about .process .title_head .en {
		padding-left: 0
	}

	.about .process .list {
		padding-top: 50px
	}

	.about .process .list .item {
		width: 157px;
		font-size: 0;
		float: left
	}

	.about .process .list .item .left {
		width: 100px;
		float: left
	}

	.about .process .list .item .left .icon {
		width: 100px;
		height: 100px;
		background: #e5e5e5;
		text-align: center
	}

	.about .process .list .item .left .icon i {
		font-size: 100px;
		color: #646464;
		line-height: 100px
	}

	.about .process .list .item .left .txt {
		color: #acacac;
		font-size: 18px;
		padding-top: 15px;
		text-align: center
	}

	.about .process .list .item .right {
		padding-top: 39px;
		width: 34px;
		float: left
	}

	.about .process .list .item .right i {
		font-size: 24px;
		color: #d8d8d8
	}

	.about .process .list .item:last-child {
		width: 100px;
		padding-right: 0
	}

	.about .process .list .item:last-child .right {
		display: none
	}

	.about .process .list .item:hover .left .icon {
		background: #2f6ddd
	}

	.about .process .list .item:hover .left .icon i {
		color: #fff
	}

	.about .process .list .item:hover .left .txt {
		color: #2f6ddd
	}

	.about .process .picthumb {
		padding-top: 15px
	}

	.about .process .picthumb img {
		width: 100%;
		display: block
	}

	.culture * {
		transition: all .4s ease 0s
	}

	.culture .commitment {
		padding: 25px 0
	}

	.culture .commitment .title_head .left {
		float: none
	}

	.culture .commitment .title_head .cn,.culture .commitment .title_head .en {
		display: block;
		text-align: center
	}

	.culture .commitment .title_head .en {
		padding-left: 0
	}

	.culture .title_head .left {
		float: none
	}

	.culture .title_head .cn,.culture .title_head .en {
		display: block;
		text-align: center
	}

	.culture .title_head .en {
		padding-left: 0
	}

	.culture .philosophy {
		background: #F8F8F8;
		padding: 40px 0
	}

	.culture .philosophy .list {
		padding-top: 10px
	}

	.culture .philosophy .list .item {
		width: 100%;
		display: block;
		float: none;
		margin-right: 0;
		margin-top: 15px;
		background: #fff
	}

	.culture .philosophy .list .item .pic {
		position: relative;
		overflow: hidden
	}

	.culture .philosophy .list .item .pic img {
		width: 100%
	}

	.culture .philosophy .list .item .txt {
		padding-bottom: 15px
	}

	.culture .philosophy .list .item .txt .title {
		color: #2f6ddd;
		font-size: 14px;
		padding-top: 15px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		text-align: center
	}

	.culture .philosophy .list .item .txt .desc {
		font-size: 12px;
		line-height: 1;
		color: #505050;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		text-align: center;
		padding-top: 10px
	}

	.culture .philosophy .list .item:hover {
		box-shadow: 0 4px 10px 0 transparent;
		background: #fff
	}

	.culture .philosophy .list .item:hover .pic img {
		transform: scale(1);
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-o-transform: scale(1)
	}

	.culture .philosophy .list .item:hover .txt .title {
		color: #2f6ddd
	}

	.culture .philosophy .list .item:hover .txt .desc {
		color: #505050
	}

	.culture .philosophy .list .item:nth-child(3n) {
		margin-right: 0
	}

	.culture .spirit {
		padding: 40px 0
	}

	.culture .spirit .list {
		margin-top: 10px
	}

	.culture .spirit .list .item {
		border: 1px solid #E8E8E8;
		margin-top: 15px
	}

	.culture .spirit .list .item .pic {
		width: 100%;
		float: none;
		overflow: hidden
	}

	.culture .spirit .list .item .pic img {
		width: 100%
	}

	.culture .spirit .list .item .txt {
		width: 100%;
		padding: 12px 15px 17px 15px;
		float: left
	}

	.culture .spirit .list .item .txt .title {
		font-size: 14px;
		color: #2f6ddd
	}

	.culture .spirit .list .item .txt .line {
		margin-top: 10px;
		width: 25px;
		border-top: 1px solid #acacac
	}

	.culture .spirit .list .item .txt .desc {
		width: 100%;
		margin-top: 10px;
		font-size: 12px;
		line-height: 2;
		color: #3d3d3d
	}

	.culture .spirit .list .item:hover {
		box-shadow: 0 4px 10px 0 rgba(0,0,0,.302)
	}

	.culture .spirit .list .item:hover .pic img {
		transform: scale(1.05);
		-webkit-transform: scale(1.05);
		-moz-transform: scale(1.05);
		-o-transform: scale(1.05)
	}

	.culture .spirit .list .item:hover .txt .title {
		color: #2f6ddd
	}

	.culture .spirit .list .item:hover .txt .desc {
		color: #3d3d3d
	}

	.newsbox {
		padding: 40px 0
	}

	.newsbox * {
		transition: all .4s ease 0s
	}

	.newsbox .title_head .en {
		display: block;
		padding-left: 0
	}

	.newsbox .list {
		margin-top: 10px
	}

	.newsbox .list .item {
		margin: 15px 0 0 0;
		width: 100%;
		overflow: hidden
	}

	.newsbox .list .item .pic {
		height: auto;
		overflow: hidden;
		display: flex;
		justify-content: center;
		align-items: center;
		background: #2f6ddd
	}

	.newsbox .list .item .pic img {
		width: 100%;
		transition: all .7s ease 0s;
		-webkit-transition: all .7s ease 0s;
		-moz-transition: all .7s ease 0s;
		-o-transition: all .7s ease 0s;
		display: block
	}

	.newsbox .list .item .pic img {
		transform: scale(.99);
		-webkit-transform: scale(.99);
		-moz-transform: scale(.99);
		-o-transform: scale(.99)
	}

	.newsbox .list .item .time {
		color: #2f6ddd;
		font-size: 14px;
		margin-right: 20px;
		padding-top: 10px
	}

	.newsbox .list .item .txt {
		padding-top: 10px
	}

	.newsbox .list .item .txt .title {
		font-size: 14px;
		color: #2f6ddd
	}

	.newsbox .list .item .txt .desc {
		color: #505050;
		line-height: 2;
		font-size: 12px;
		padding: 9px 0 0 0;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden
	}

	.newsbox .list .item:nth-child(2n) {
		margin-right: 0
	}

	.newsbox .list .item:hover .pic img {
		transform: scale(.99);
		-webkit-transform: scale(.99);
		-moz-transform: scale(.99);
		-o-transform: scale(.99)
	}

	.newsbox .list .item:hover .txt .title {
		font-size: 14px;
		color: #2f6ddd
	}

	.newsbox .list .item:hover .time {
		color: #2f6ddd
	}

	.contact {
		padding: 40px 0
	}

	.contact .title_head .left {
		float: none
	}

	.contact .title_head .cn,.contact .title_head .en {
		display: block;
		text-align: center
	}

	.contact .title_head .en {
		padding-left: 0
	}

	.contact .box_1 .left {
		width: 100%;
		float: none;
		height: 200px;
		margin-top: 24px
	}

	.contact .box_1 .right {
		width: 100%;
		float: none;
		margin-top: 25px
	}

	.contact .box_1 .right .left_box {
		float: left;
		width: calc(100% - 90px)
	}

	.contact .box_1 .right .title .cn {
		font-size: 14px;
		color: #3d3d3d
	}

	.contact .box_1 .right .title .en {
		font-size: 12px;
		color: #999;
		line-height: 2
	}

	.contact .box_1 .right .txt {
		font-size: 12px;
		line-height: 2;
		color: #999;
		padding-top: 14px
	}

	.contact .box_1 .right .erweima {
		padding-top: 6px;
		font-size: 12px;
		color: #999;
		line-height: 1;
		float: right;
		width: 80px;
		margin-top: 14px
	}

	.contact .box_1 .right .erweima .pic {
		padding: 0;
		background: #fff;
		display: inline-block;
		vertical-align: top;
		width: 100%
	}

	.contact .box_1 .right .erweima .pic img {
		display: block;
		width: 100%
	}

	.contact .box_1 .right .erweima span {
		display: block;
		text-align: center;
		padding-top: 5px;
		font-size: 12px
	}

	.contact .form {
		margin-top: 40px
	}

	.contact .form .title {
		height: 30px;
		background: #F8F8F8;
		line-height: 30px;
		padding-left: 10px;
		font-size: 14px;
		color: #3d3d3d
	}

	.contact .form .input {
		height: 32px;
		border-bottom: 1px solid #d8d8d8;
		margin-top: 30px
	}

	.contact .form .input input {
		color: #000;
		background: 0 0;
		width: 100%;
		border: 0
	}

	.contact .form .input input::-webkit-input-placeholder {
		color: #505050
	}

	.contact .form .input:nth-child(1),.contact .form .input:nth-child(2) {
		margin-right: 0;
		width: 100%;
		float: none
	}

	.contact .form .input:nth-child(2) {
		margin-right: 0
	}

	.contact .form .btn {
		width: 180px;
		height: 36px;
		background: #2F6DDD;
		border-radius: 25px;
		opacity: 1;
		color: #fff;
		line-height: 36px;
		text-align: center;
		letter-spacing: 1px;
		display: block;
		margin: 0 auto;
		margin-top: 30px;
		border: 0
	}

	.contact .form .btn:hover {
		letter-spacing: 2px
	}

	.help {
		padding: 40px 0 40px 0
	}

	.help * {
		transition: all .4s ease 0s
	}

	.help .title_head {
		border-bottom: 1px solid #d8d8d8;
		padding-bottom: 15px
	}

	.help .title_head .left {
		float: none
	}

	.help .title_head .cn,.help .title_head .en {
		display: block;
		text-align: center
	}

	.help .title_head .en {
		padding-left: 0
	}

	.help .list .item {
		margin-top: 50px
	}

	.help .list .item .title .icon i {
		font-size: 40px;
		color: #A1A1A1
	}

	.help .list .item .title .txt {
		font-size: 14px;
		color: #505050;
		line-height: 1
	}

	.help .list .item .desc {
		background: #EEE;
		border-radius: 8px;
		padding: 10px;
		font-size: 12px;
		line-height: 2;
		color: #999;
		position: relative
	}

	.help .list .item .desc:after {
		position: absolute;
		content: '';
		display: inline-block;
		width: 0;
		height: 0;
		transform: rotate(0);
		border-style: solid;
		border-width: 0 8px 10px 8px;
		border-color: transparent transparent #eee transparent
	}

	.help .list .item .title .icon i {
		color: #2f6ddd
	}

	.help .list .item .title .txt {
		color: #2f6ddd
	}

	.help .list .item .desc {
		color: #505050
	}

	.help .list .item:hover .title .icon i {
		color: #2f6ddd
	}

	.help .list .item:hover .title .txt {
		color: #2f6ddd
	}

	.help .list .item:hover .desc {
		color: #505050;
		box-shadow: 0 6px 5px transparent
	}

	.showcon {
		padding: 0 0 40px 0
	}

	.showcon .position {
		font-size: 14px;
		color: #3d3d3d;
		line-height: 70px
	}

	.showcon .position a {
		font-size: 14px;
		color: #3d3d3d;
		line-height: 74px
	}

	.showcon .position a:hover {
		color: #2f6ddd
	}

	.showcon h1.title_con {
		font-size: 20px;
		color: #505050;
		line-height: 1.2;
		text-align: center;
		font-weight: bolder;
		padding-top: 25px
	}

	.showcon .shortline {
		display: block;
		width: 20px;
		height: 0;
		border-top: 1px solid #505050;
		margin: 10px auto
	}

	.showcon .shorttime {
		font-size: #505050;
		font-size: 12px;
		padding-top: 10px;
		text-align: center;
		line-height: 1
	}

	.showcon .conbox {
		margin-top: 15px;
		padding-top: 20px;
		border-top: 1px solid #d8d8d8
	}

	.showcon .conbox div,.showcon .conbox p {
		font-size: 14px;
		color: #000;
		line-height: 2
	}

	.showcon .conbox img {
		width: auto;
		max-width: 100%;
		height: auto!important
	}

	.showcon .newsbox {
		border-top: 1px solid #D8D8D8;
		padding: 40px 0 0 0;
		margin-top: 48px
	}

	.showcon .newsbox .title_head .cn,.showcon .newsbox .title_head .en {
		display: block;
		text-align: center
	}

	.productcon {
		padding: 0 0 40px 0
	}

	.productcon .position {
		font-size: 14px;
		color: #3d3d3d;
		line-height: 43px;
		text-align: center
	}

	.productcon .position a {
		font-size: 14px;
		color: #3d3d3d;
		line-height: 43px
	}

	.productcon .position a:hover {
		color: #2f6ddd
	}

	.productcon .top .left {
		width: 100%;
		float: none
	}

	.productcon .top .left .piclist {
		position: relative
	}

	.productcon .top .left .piclist .b_next,.productcon .top .left .piclist .b_prev {
		position: absolute;
		left: 0;
		bottom: 15px;
		width: 30px;
		height: 30px;
		text-align: center;
		z-index: 3;
		cursor: pointer;
		display: block;
		font-size: 30px;
		line-height: 1;
		color: #505050
	}

	.productcon .top .left .piclist .b_next {
		left: auto;
		right: 0
	}

	.productcon .top .left .piclist .b_prev {
		transform: rotateY(180deg)
	}

	.productcon .top .left .piclist .b_next:hover,.productcon .top .left .piclist .b_prev:hover {
		color: #2f6ddd
	}

	.productcon .top .left .piclist .bigboxborder {
		overflow: hidden;
		border-radius: 0;
		height: 360px;
		border: 1px solid #dcdcdc;
		padding: 5px
	}

	.productcon .top .left .piclist .bigbox {
		height: 360px;
		overflow: hidden
	}

	.productcon .top .left .mySwiper2 .swiper-slide {
		height: 340px;
		display: flex;
		justify-content: center;
		align-items: center
	}

	.productcon .top .left .mySwiper2 .swiper-slide img {
		width: auto;
		max-width: 100%;
		height: auto;
		max-height: 100%
	}

	.productcon .top .left .mySwiper {
		overflow: hidden;
		margin: 0 auto;
		margin-top: 20px;
		width: calc(100% - 70px)
	}

	.productcon .top .left .mySwiper .swiper-slide {
		overflow: hidden;
		display: flex;
		justify-content: center;
		align-items: center;
		height: 60px
	}

	.productcon .top .left .mySwiper .swiper-slide img {
		width: auto;
		max-width: 100%;
		height: auto;
		max-height: 100%
	}

	.productcon .top .left .mySwiper .swiper-slide.swiper-slide-thumb-active {
		border: 2px solid #2f6ddd
	}

	.productcon .top .right {
		width: 100%;
		float: right;
		margin-top: 10px
	}

	.productcon .top .right h1.title_con {
		font-size: 16px;
		color: #505050;
		line-height: 1.2;
		text-align: left
	}

	.productcon .top .right .title_sub {
		font-size: 12px;
		color: #acacac;
		line-height: 1;
		padding-top: 3px
	}

	.productcon .top .right .txt {
		font-size: 12px;
		line-height: 2;
		color: #3d3d3d;
		padding-top: 10px
	}

	.productcon .top .right .erweima {
		padding-top: 8px;
		font-size: 16px;
		color: #3d3d3d;
		line-height: 1
	}

	.productcon .top .right .erweima .pic {
		padding: 0;
		background: #fff;
		display: inline-block;
		vertical-align: top;
		width: 140px
	}

	.productcon .top .right .erweima .pic img {
		display: block;
		width: 100%
	}

	.productcon .top .right .btn {
		margin-top: 44px;
		font-size: 0
	}

	.productcon .top .right .btn a {
		width: 180px;
		height: 40px;
		background: #2F6DDD;
		border-radius: 25px 25px 25px 25px;
		opacity: 1;
		text-align: center;
		font-size: 14px;
		line-height: 40px;
		color: #fff;
		letter-spacing: 1px;
		display: inline-block;
		margin-right: 30px
	}

	.productcon .top .right .btn a:hover {
		letter-spacing: 2px
	}

	.productcon .line {
		border-top: 1px solid #D8D8D8
	}

	.productcon .contitle {
		color: #2f6ddd;
		font-size: 16px;
		line-height: 1;
		border-top: 1px solid #D8D8D8;
		margin-top: 40px;
		text-align: center;
		padding-top: 40px
	}

	.productcon .conbox {
		padding-top: 20px
	}

	.productcon .conbox div,.productcon .conbox p {
		font-size: 14px;
		color: #000;
		line-height: 2
	}

	.productcon .conbox img {
		width: auto;
		max-width: 100%;
		height: auto!important
	}

	.productcon .product {
		border-top: 1px solid #D8D8D8;
		padding: 48px 0 0 0;
		margin-top: 48px
	}

	.productcon .product .title_head .left {
		float: none
	}

	.productcon .product .title_head .left .cn,.productcon .product .title_head .left .en {
		display: block;
		text-align: center
	}

	.productcon .icase {
		padding-bottom: 0
	}

	.productcon .icase .title_head .left {
		float: none!important
	}
}