@charset "utf-8";

* {
	margin: 0;
	padding: 0
}

body,
html {
	width: 100%;
	height: 100%;
	font-family: fz_gbk
}

input,
textarea {
	display: block;
	border: 0;
	background: none;
	font-family: fz_gbk
}

body {
	background-color: #fff;
	font-family: fz_gbk
}

@font-face {
	font-family: fz_gbk;
	src: url(../fonts/fz_gbk.eot);
	src: url(../fonts/fz_gbk.eot) format("embedded-opentype"), url(../fonts/fz_gbk.woff) format("woff"), url(../fonts/fz_gbk.ttf) format("truetype"), url(../fonts/fz_gbk.svg) format("svg")
}

img {
	vertical-align: top;
	max-width: 100%;
	border: 0;
	outline: none !important
}

a {
	text-decoration: none;
	outline: none
}

a,
ul li {
	font-family: fz_gbk
}

ul li {
	list-style: none
}

.hg {
	width: 100%;
	height: 2.7em
}

.homepage,
.newskv {
	margin-top: 64px
}

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

.homejdbox .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center
}

.homejdtop {
	position: absolute;
	z-index: 1;
	bottom: 0;
	left: 0
}

.homejdtop,
.swiper-slide_bg2,
.swiper-slide_mask {
	width: 100%;
	height: 100%
}

.swiper-slide_mask {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	background: #000;
	opacity: .4;
	filter: alpha(opacity=40)
}

.homejdbox .swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
	bottom: 180px;
	left: 0;
	width: 100%
}

.homejdbox .swiper-pagination-bullet {
	width: 70px;
	height: 3px;
	display: inline-block;
	border-radius: 0;
	background: #fff;
	opacity: 1
}

.homejdbox .swiper-pagination-bullet-active {
	opacity: 1;
	background: #d4281e
}

.homejdbox .swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
	right: 90px;
	left: auto;
	outline: none
}

.homejdbox .swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
	left: 90px;
	right: auto;
	outline: none
}

.homejdtext {
	width: 100%;
	position: absolute;
	z-index: 4;
	bottom: 266px;
	left: 0
}

.homejdtext h1 {
	display: block;
	font-size: 40px;
	font-weight: 400;
	margin: 0 auto
}

.homejdtext h1,
.homejdtext p {
	width: 70%;
	color: #fff;
	text-align: center
}

.homejdtext p {
	font-size: 22px;
	margin: 38px auto 0;
	line-height: normal
}

.homejdtext2 {
	width: 80%;
	position: absolute;
	z-index: 4;
	bottom: 266px;
	left: 10%
}

.homejdtext2 h1 {
	max-width: 640px;
	display: block;
	font-size: 40px;
	font-weight: 400;
	margin: 0 auto
}

.homejdtext2 h1,
.homejdtext2 p {
	width: 100%;
	color: #fff;
	text-align: center;
	font-family: 微软雅黑, PingFangSC-Regular, sans-serif
}

.homejdtext2 p {
	max-width: 890px;
	font-size: 22px;
	margin: 38px auto 0;
	line-height: 34px
}

.homejdtext2bot {
	bottom: 220px
}

.homejd_resg {
	width: 158px;
	height: 44px;
	position: relative;
	border-radius: 56px;
	-webkit-border-radius: 56px;
	-moz-border-radius: 56px;
	-ms-border-radius: 56px;
	-o-border-radius: 56px;
	overflow: hidden;
	margin: 50px auto 0
}

.homejd_resg .mask {
	z-index: 1;
	left: 0;
	background: #fff;
	opacity: .1;
	filter: alpha(opacity=10)
}

.homejd_resg .mask,
.homejd_resg a {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0
}

.homejd_resg a {
	display: block;
	z-index: 2;
	left: -12px;
	color: #fff;
	line-height: 44px;
	font-size: 18px;
	background: url(../images/icon.png) no-repeat 88%;
	background-size: 5%
}

.homejd_newsbox {
	height: 140px
}

.homejd_newsbox,
.homejd_newsbox .mask {
	width: 100%;
	position: absolute;
	z-index: 1;
	bottom: 0;
	left: 0
}

.homejd_newsbox .mask {
	height: 100%;
	background: #415f87;
	opacity: .53;
	filter: alpha(opacity=53)
}

.homejdtopcon {
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 4;
	bottom: 0;
	left: 0
}

.homejdtopaction {
	max-width: 1326px;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex
}

.homejdtopcon a {
	-prefix-box-flex: 1;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-moz-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	color: #fff;
	font-size: 16px;
	line-height: 24px;
	border-right: 1px solid #5b687f;
	padding: 36px 50px 0;
	float: left;
	font-family: 微软雅黑, PingFangSC-Regular, sans-serif
}

.homejdtopcon a span {
	display: block;
	width: 100%;
	height: 72px;
	overflow: hidden
}

.homejdtopcon a:first-child {
	border-left: 1px solid #5b687f
}

.homejd_page2 {
	width: 100%;
	height: 100%;
	position: relative;
	padding: 86px 0 154px;
	background: url(../images/bg.jpg) no-repeat top;
	background-size: 100%
}

.homejd_page2con {
	max-width: 1610px;
	margin: 0 auto;
	width: 100%
}

.homejd_page2top {
	width: 100%
}

.homejd_bt {
	font-size: 40px;
	color: #2b2b2b;
	font-weight: 400;
	text-align: center
}

.homejd_p {
	font-size: 22px;
	color: #484848;
	text-align: center;
	margin-top: 38px
}

.homejd_page2action {
	width: 100%;
	margin-top: 70px;
	box-shadow: 0 0 10px #9fb7f5;
	-webkit-box-shadow: #9fb7f5 0 0 10px;
	-moz-box-shadow: #9fb7f5 0 0 10px;
	-ms-box-shadow: #9fb7f5 0 0 10px;
	-o-box-shadow: #9fb7f5 0 0 10px
}

.homejd_page2action ul {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	background: #fff
}

.homejd_page2action li {
	-prefix-box-flex: 1;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-moz-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	padding: 44px 0
}

.homejd_page2action .homejdli {
	width: auto;
	height: auto;
	border-right: 1px solid #e4e4e4
}

.homejd_page2action .homejdli span {
	margin: 0 auto;
	display: table
}

.homejd_page2action ul li .homejdli b {
	display: block;
	text-align: center;
	margin-top: 20px;
	font-weight: 400;
	font-size: 20px;
	color: #484848
}

.homejd_page2action li:last-child {
	border-right: 0
}

.homejd_page2action li:hover {
	box-shadow: 0 0 10px #9fb7f5;
	-webkit-box-shadow: #9fb7f5 0 0 10px;
	-moz-box-shadow: #9fb7f5 0 0 10px;
	-ms-box-shadow: #9fb7f5 0 0 10px;
	-o-box-shadow: #9fb7f5 0 0 10px
}

.jdgyp_title2,
.jdhcpage1 .jdgyp_title2 {
	font-size: 20px
}

.jdgyp_title2 {
	line-height: 44px;
	color: #fff;
	text-align: center;
	margin-bottom: 24px
}

.homejd_page3 {
	width: 100%;
	height: 700px;
	background: url(../images/bg.jpg) no-repeat top;
	background-size: cover
}

.homejd_page3con {
	max-width: 1320px;
	width: 100%;
	margin: 0 auto
}

.homejd_bt2 {
	color: #fff;
	padding-top: 86px
}

.homejd_p2 {
	color: #e2e7ec
}

.homejd_page3action {
	width: 100%;
	margin-top: 48px;
	position: relative
}

.homejd_page3action ul {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	border-bottom: 1px solid #9ab2c6;
	position: relative
}

.homejd_page3action ul li {
	-prefix-box-flex: 1;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-moz-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	position: relative
}

.homejd_page3action ul li a {
	display: block;
	color: #e2e7ec;
	text-align: center;
	padding: 16px 0 26px;
	font-size: 18px
}

.method .homeactive {
	width: 19.9999%
}

.method .homeactive,
.methodshop .homeactive {
	display: block;
	height: 4px;
	background: #3c6cec;
	position: absolute;
	z-index: 1;
	bottom: -2px;
	left: 0;
	transition: .2s linear
}

.methodshop .homeactive {
	width: 33.3333333%
}

.homejd_page3action ul li.homeactiveli a {
	color: #fff
}

.homejd_page3listbox {
	width: 100%
}

.homejd_page3list {
	width: 90%;
	margin: 0 auto;
	display: none
}

.homejd_page3list h1 {
	font-size: 24px;
	color: #e2e7ec;
	font-weight: 400;
	margin: 44px 0 20px
}

.homejd_page3list span {
	display: table;
	width: auto;
	font-weight: 400;
	background-image: url(../images/borderred.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	text-align: center;
	font-size: 24px;
	color: #fff;
	padding: 4px 12px;
	margin-left: -12px;
	margin-bottom: 16px
}

.homejd_page3list p {
	font-size: 18px;
	color: #e2e7ec;
	line-height: 40px;
	width: 80%
}

.homejd_more {
	width: 108px;
	height: 36px;
	display: block;
	color: #5a5454;
	font-size: 18px;
	background: #d4d9e2;
	text-align: center;
	line-height: 36px;
	margin-top: 50px
}

.homejd_morelast {
	margin-top: 20px
}

.homejd_page4 {
	width: 100%;
	padding: 86px 0;
	background: url(../images/bg.jpg) no-repeat top;
	background-size: 100%
}

.homejd_page4con {
	max-width: 1338px;
	width: 100%;
	margin: 0 auto
}

.homejd_page4btn {
	width: 108px;
	height: 36px;
	display: block;
	color: #fff;
	font-size: 18px;
	background: #4071f7;
	text-align: center;
	line-height: 36px;
	margin: 40px auto 60px
}

.homejd_page4action {
	width: 100%;
	box-shadow: 0 0 10px #9fb7f5;
	-webkit-box-shadow: #9fb7f5 0 0 10px;
	-moz-box-shadow: #9fb7f5 0 0 10px;
	-ms-box-shadow: #9fb7f5 0 0 10px;
	-o-box-shadow: #9fb7f5 0 0 10px;
	background: #f8f9fe;
	padding: 30px 0
}

.homejd_page4action>div {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex
}

.homejd_page4action dl {
	-prefix-box-flex: 1;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-moz-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	margin: 20px 0
}

.homejd_page4action dl dt {
	width: 110px;
	float: left;
	margin: 0 5% 0 24%
}

.homejd_page4action dl dd {
	float: left;
	font-size: 20px;
	margin-top: 50px;
	color: #333
}

.homejd_page5 {
	background: url(../images/bg1.jpg) no-repeat top;
	background-size: cover
}

.homejd_page5 .homejd_page3action ul li a,
.homejd_page5 .homejd_page3list h1,
.homejd_page5 .homejd_page3list p {
	color: #fff
}

.homejd_page5 .homejd_moreshop {
	background: #fff
}

.homejd_page5.index1 {
	background: url(../images/bg1.jpg) no-repeat top;
	background-size: cover
}

.homejd_page5.index2 {
	background: url(../images/bg2.jpg) no-repeat top;
	background-size: cover
}

.homejd_page5.index3 {
	background: url(../images/bg3.jpg) no-repeat top;
	background-size: cover
}

.homejd_page6 {
	width: 100%;
	padding: 0 0 86px;
	background: #f5f8fd
}

.homejd_page6top {
	width: 100%;
	height: 294px;
	box-shadow: 0 0 10px #9fb7f5;
	-webkit-box-shadow: #9fb7f5 0 0 10px;
	-moz-box-shadow: #9fb7f5 0 0 10px;
	-ms-box-shadow: #9fb7f5 0 0 10px;
	-o-box-shadow: #9fb7f5 0 0 10px;
	padding-top: 86px;
	position: relative;
	background: #fff
}

.homejd_page6con {
	max-width: 1560px;
	width: 100%;
	margin: 54px auto 0
}

.homejd_page6topcon {
	max-width: 846px;
	width: 100%;
	position: absolute;
	z-index: 1;
	bottom: 0;
	left: 50%;
	margin: 0 auto 0 -423px
}

.homejd_page6topcon ul {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	position: relative
}

.methodenterprise .homepage6active {
	display: block;
	width: 50%;
	height: 4px;
	background: #3c6cec;
	position: absolute;
	z-index: 1;
	bottom: -2px;
	left: 0
}

.homejd_page6topcon ul li {
	-prefix-box-flex: 1;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-moz-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.homejd_page6topcon ul li>a {
	width: 200px;
	display: block;
	margin: 0 auto;
	padding: 30px 0
}

.homejd_page6topcon ul li>a>img {
	display: block;
	margin: 0 auto
}

.homejd_page6list {
	width: 100%;
	display: none
}

.homejd_page6list label {
	display: block
}

.homejd_page6list label h1 {
	font-size: 20px;
	color: #4171f7;
	font-weight: 400;
	text-align: center
}

.homejd_page6list label a {
	width: 108px;
	height: 36px;
	display: block;
	color: #fff;
	font-size: 18px;
	background: #4071f7;
	text-align: center;
	line-height: 36px;
	margin: 40px auto 60px
}

.homejd_page6listcon {
	width: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex
}

.homejd_page6listcon dl {
	-prefix-box-flex: 1;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-moz-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.homejd_page6listcon dl dt {
	width: 80px;
	float: left;
	margin-left: 28px
}

.homejd_page6listcon dl dd {
	float: left;
	margin-left: 14px;
	width: 76%;
	margin-top: 6px
}

.homejd_page6listcon dl dd b {
	display: block;
	font-size: 20px;
	color: #333;
	font-weight: 400;
	margin: 0 0 16px
}

.homejd_page6listcon dl dd span {
	font-size: 18px;
	color: #676766;
	line-height: 24px
}

.homejd_page6listplatform dl dt {
	width: 80px;
	margin-left: 28px
}

.homejd_page6listplatform dl dt img {
	display: block;
	width: 100%
}

.homejd_page6listplatform dl dd {
	float: left;
	margin-left: 14px;
	width: auto
}

.homejd_page6listplatform dl dd b {
	font-size: 20px;
	margin: 20px 0 6px
}

.homejd_page6listplatform dl dd span {
	font-size: 18px
}

.homejd_page6listplatform .homejd_page6listconbot {
	margin-bottom: 80px
}

.headerlayer {
	display: none
}

.header {
	width: 100%;
	z-index: 99;
	left: 0;
	background: #000;
	height: 64px
}

.header,
.headerbutton {
	position: absolute;
	top: 0
}

.headerbutton {
	display: block;
	width: 100px;
	height: 90px;
	z-index: 1;
	right: 13%
}

.homeicon {
	width: 60px;
	height: 60px;
	position: fixed;
	z-index: 9;
	bottom: 24%;
	right: 2%
}

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

.recode {
	width: 100px;
	position: absolute;
	z-index: 80;
	top: -27px;
	right: 53px;
	display: none
}

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

.sticky-header {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100
}

.headercon {
	width: 100%;
	height: 100%
}

.header-stader {
	justify-content: space-between;
	min-height: 64px;
	margin: 0 auto;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	min-width: 1175px;
	width: 1200px
}

.header-stader,
.logo-wrapper {
	align-items: center;
	height: 100%
}

.logo-wrapper {
	padding: 7px 0 0;
	width: 15%;
	display: flex
}

.logo-wrapper .logo {
	display: inline-block;
	box-sizing: border-box;
	width: 100%;
	align-self: center
}

.logo-wrapper .logo img {
	max-width: none;
	display: block;
	box-sizing: border-box;
	height: 46px;
}

.menu-wrapper {
	align-self: stretch;
	-prefix-box-flex: 1;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-moz-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	float: right
}

.menu {
	align-items: center;
	justify-content: center;
	padding: 0;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	float: right
}

.menu,
.menu .navlink {
	height: 100%;
	min-height: 64px
}

.menu .navlink {
	font-size: 15px;
	position: relative;
	-prefix-box-flex: 1;
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	padding: 0 16px;
	align-self: center
}

.menu .navlinkRight {
	margin-right: 0;
	padding: 0 10px
}

.menu .navlink a {
	display: block;
	color: #fff;
	min-height: 64px;
	height: 100%;
	text-align: center
}

.navactive:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 3px;
	background: #2161c3;
	box-sizing: border-box
}

.menu .navlink a span {
	display: block;
	padding: 0;
	min-height: 64px;
	height: 100%;
	line-height: 64px;
	font-family: sans-serif
}

.menu .navlink .itemIcon {
	display: inline-block;
	width: 14px;
	height: 12px;
	align-self: center
}

.right-container {
	float: right;
	padding: 0
}

.right-container a {
	display: block;
	width: 15px;
	margin-top: 22px
}

.right-container a img {
	display: block;
	width: 100%
}

.menu .navbox,
.menu li:first-child .navbox {
	width: 123px;
	position: absolute;
	z-index: 10;
	top: 64px;
	left: 0;
	display: none;
	background: linear-gradient(rgba(0, 0, 0, .8), rgba(0, 0, 0, .8))
}

.menu .navbox .sub_navbox {
	padding: 16px
}

.menu .navbox ul {
	width: 100%;
	clear: both;
	overflow: hidden
}

.menu .navbox .sub_navbox .subMenuContent {
	margin-top: 12px;
	line-height: 18px;
	font-size: 13px;
	margin-bottom: 0
}

.menu .navbox .sub_navbox .subMenuContent a {
	height: 12px;
	line-height: 18px
}

.menu .navbox ul li {
	display: block;
	width: 100%;
	line-height: 30px;
	height: 24px;
	margin-bottom: 12px
}

.menu .navbox ul li a {
	display: block;
	line-height: 30px;
	height: 30px;
	padding: 0;
	text-align: left
}

.menu .navbox ul li a:hover {
	color: #2161c3
}

.menu .navactive .navbox a {
	color: #fff
}

.container,
.page1 {
	width: 100%
}

.page1 {
	position: relative
}

.page1 .page1bg {
	display: block;
	width: 100%
}

.video-icon {
	width: 90px;
	position: relative;
	overflow: hidden;
	margin: 50px auto 0
}

.video-icon img {
	display: block;
	width: 100%
}

.page1text {
	width: 100%;
	position: absolute;
	z-index: 4;
	bottom: 25%;
	left: 0
}

.page1text h1 {
	display: block;
	font-size: 60px;
	margin-bottom: 10px
}

.page1text h1,
.page1text p {
	color: #fff;
	text-align: center
}

.page1text p {
	font-size: 36px;
	margin-bottom: 4px;
	line-height: 42px
}

.page2 {
	width: 100%;
	height: auto;
	background: #fff;
	padding: 78px 0 72px
}

.page2con {
	max-width: 1206px;
	margin: 0 auto;
	clear: both;
	overflow: hidden
}

.page2left {
	width: 33.7%;
	float: left;
	margin-top: 28px
}

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

.page2right {
	width: 53.4%;
	float: right
}

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

.page3 {
	width: 100%;
	position: relative
}

.page3 .page3bg {
	display: block;
	width: 100%
}

.page3text {
	max-width: 1330px;
	width: 100%;
	height: auto;
	position: absolute;
	z-index: 4;
	bottom: 188px;
	left: 50%;
	margin-left: -665px
}

.page3text h1 {
	display: block;
	font-size: 58px;
	margin-bottom: 30px
}

.page3text h1,
.page3text p {
	color: #fff;
	text-align: right
}

.page3text p {
	font-size: 36px;
	margin-bottom: 4px;
	line-height: 48px
}

.page4 {
	height: auto;
	background: #fff;
	padding: 100px 0
}

.page4,
.page4con {
	width: 100%;
	clear: both;
	overflow: hidden
}

.page4con {
	max-width: 1460px;
	height: 100%;
	margin: 0 auto
}

.page4con dl {
	width: 20%;
	float: left
}

.page4con dl dt {
	width: 111px;
	margin: 0 auto
}

.page4con dl dt img {
	display: block;
	width: 100%
}

.page4con dl dd b {
	display: block;
	font-size: 18px;
	font-weight: 600;
	text-align: center;
	color: #333;
	margin: 20px auto 10px;
	line-height: 28px;
	height: 68px
}

.page4con dl dd span {
	font-weight: 500;
	color: #5a5454
}

.page4con dl dd a,
.page4con dl dd span {
	display: block;
	font-size: 16px;
	text-align: center
}

.page4con dl dd a {
	width: 100px;
	height: 34px;
	background: #d4281e;
	margin: 38px auto 0;
	font-weight: 400;
	color: #fff;
	line-height: 34px
}

.page5 {
	width: 100%;
	position: relative
}

.page5 .page5bg {
	display: block;
	width: 100%
}

.page5text {
	max-width: 1330px;
	width: 100%;
	height: auto;
	position: absolute;
	z-index: 4;
	bottom: 188px;
	left: 50%;
	margin-left: -665px
}

.page5top h1 {
	display: block;
	font-size: 58px;
	margin-bottom: 30px
}

.page5top h1,
.page5top p {
	color: #fff;
	text-align: left
}

.page5top p {
	font-size: 36px;
	margin-bottom: 4px;
	line-height: 42px
}

.page5bot {
	width: 100%;
	background: #fff;
	padding: 97px 0
}

.page5bot-con {
	max-width: 1330px;
	width: 100%;
	clear: both
}

.page5bot-con,
.page5bot-con ul {
	margin: 0 auto;
	display: table
}

.page5bot-con ul li {
	float: left;
	font-size: 13px;
	margin: 0 5px;
	cursor: pointer;
	padding: 2px 6px;
	color: #fff;
	width: auto
}

.page5bot-con .page5left {
	width: auto
}

.page5bot-con .page5left span {
	display: block;
	width: 260px;
	margin: 0 auto 38px
}

.page5bot-con .page5left span img {
	display: block;
	width: 100%
}

.page5bot-con .page5left p {
	font-size: 22px;
	color: #5a5454;
	text-align: center
}

.page5bot-con .page5left a {
	display: block;
	width: 100px;
	height: 34px;
	line-height: 34px;
	font-size: 16px;
	color: #fff;
	text-align: center;
	margin: 42px auto 0;
	background: #d4281e
}

.page5bot-con .border {
	display: block;
	width: 1px;
	margin: 0 100px
}

.page5bot-con .border img {
	display: block;
	width: 100%
}

.page5bot-con .page5right span {
	width: 260px
}

.page5bot-con_2 {
	max-width: 1338px
}

.page5bot-con_2 ul li:first-child,
.page5bot-con_2 ul li:nth-child(3),
.page5bot-con_2 ul li:nth-child(5) {
	width: 270px
}

.page5bot-con_2 .page5left p {
	font-size: 22px;
	color: #5a5454;
	text-align: center;
	line-height: 36px
}

.page6 .page6text {
	bottom: 90px
}

.page6 .page6text h1,
.page6 .page6text p {
	text-align: left
}

.page6 .page6text a {
	display: block;
	width: 100px;
	height: 34px;
	line-height: 34px;
	font-size: 16px;
	color: #fff;
	text-align: center;
	margin: 48px 0 0;
	background: #d4281e
}

.page7 {
	padding: 106px 0
}

.page7 .page5bot-con .page5left span,
.page7 .page5bot-con .page5right span {
	width: 270px
}

.home-news {
	width: 100%;
	height: auto;
	padding-bottom: 100px;
	border-top: 1px solid #5a5454
}

.homenewsbox {
	max-width: 1442px;
	width: 100%;
	margin: 0 auto
}

.homenewsbox .homebt {
	display: block;
	font-size: 58px;
	color: #222;
	margin: 0 0 90px 55px;
	padding-top: 94px
}

.homenewscon {
	width: 100%;
	height: auto;
	clear: both;
	overflow: hidden;
	display: flex
}

.homenewslist {
	width: 430px;
	background: #f2f2f2;
	padding-bottom: 70px
}

.homenewstop {
	width: 100%;
	height: 490px
}

.homenewslist .spanimg {
	height: 290px;
	overflow: hidden
}

.homenewslist .spanimg,
.homenewslist .spanimg img {
	display: block;
	width: 100%
}

.homenewslist label {
	display: block;
	width: 74.8%;
	margin: 0 auto
}

.homenewslist label b {
	font-weight: 400;
	font-size: 26px;
	line-height: 38px;
	height: 78px;
	overflow: hidden;
	margin: 36px 0 26px
}

.homenewslist label b,
.homenewslist label b a {
	display: block;
	color: #222
}

.homenewslist label span {
	display: block;
	font-size: 14px;
	color: #5a5454
}

.homenewscon .homenewslist:last-child .homenewstext:first-child {
	padding-top: 37px
}

.homenewslist .homebutton {
	display: block;
	width: 100px;
	height: 34px;
	line-height: 34px;
	font-size: 16px;
	color: #fff;
	text-align: center;
	margin: 0 0 0 13%;
	background: #d4281e
}

.homenewslist .homenewstext {
	width: 74.8%;
	margin: 0 auto;
	border-bottom: 1px solid #5a5454;
	padding-bottom: 27px;
	padding-top: 27px
}

.homenewslist .homenewstext b {
	display: block;
	font-weight: 400;
	font-size: 22px;
	color: #5a5454;
	line-height: 32px;
	height: 66px;
	overflow: hidden;
	margin: 0 0 16px
}

.homenewslist .homenewstext b a {
	display: block;
	color: #5a5454
}

.homenewslist .homenewstext span {
	display: block;
	font-size: 14px;
	color: #5a5454
}

.homenewstop .homenewstext:last-child {
	border-bottom: 0
}

.homenewscon .homenewslist:nth-child(2) {
	margin: 0 76px
}

.footer {
	width: 100%;
	clear: both;
	position: relative;
	background-color: #131313
}

.footercon {
	width: auto;
	max-width: 1200px;
	position: relative;
	margin: 0 auto
}

.jdc-footer-channel {
	width: 100%;
	padding: 20px 0;
	min-height: 240px
}

.row {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	zoom: 1
}

.jdc-footer-channel-item {
	padding-right: 20px
}

.col-3 {
	width: 20%
}

.jdc-footer-channel-item dt {
	padding: 5px 10px 15px 0;
	line-height: 24px;
	font-size: 16px;
	color: #fff
}

.jdc-common-arr {
	-webkit-text-stroke-width: 0
}

.jdc-footer-channel-item dd {
	padding: 5px 5px 5px 0;
	line-height: 20px;
	font-size: 14px;
	color: #5d5e66
}

.jdc-footer-channel-item dd a {
	color: #5d5e66
}

.jdc-footer-channel-item dd a:hover {
	color: #d4281e
}

.jdc-footer a {
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	transition: all .25s ease
}

.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
	position: relative;
	min-height: 1px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left
}

.footer .jdc-footer-wrap {
	width: auto;
	max-width: 1200px;
	position: relative;
	margin: 0 auto
}

.jdc-footer-link {
	padding-top: 34px;
	font-size: 0;
	border-top: 1px solid #2d2f3a;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex
}

.jdc-footer-link a {
	display: inline-block;
	vertical-align: middle;
	color: #fff;
	font-size: 14px;
	-prefix-box-flex: 1;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-moz-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	text-align: center
}

.jdc-footer-wrap a {
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	transition: all .25s ease
}

.jdc-footer-link a:hover {
	color: #d4281e
}

.jdc-footer-link span {
	display: inline-block;
	height: 14px;
	width: 1px;
	margin: 0;
	vertical-align: middle;
	overflow: hidden;
	background: #777676
}

.jdc-footer-copy {
	box-sizing: border-box;
	padding-top: 18px;
	padding-bottom: 24px;
	margin: auto;
	max-width: 1200px;
	color: #777676;
	line-height: 24px;
	font-size: 15px;
	text-align: center
}

.newsbox {
	width: 100%
}

.newspageNav {
	width: 100%;
	height: 30px;
	background: #f9f9f9;
	margin: 0 auto
}

.newskv {
	width: 100%;
	position: relative
}

.newspageNav ul {
	max-width: 1200px;
	margin: 0 auto
}

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

.newstext {
	max-width: 1200px;
	position: absolute;
	z-index: 1;
	bottom: 148px;
	left: 40%;
	margin-left: -600px
}

.newstext h1 {
	font-size: 50px;
	color: #000;
	font-weight: 700;
	margin-bottom: 8px
}

.newstext p {
	font-size: 40px;
	color: #fff;
	line-height: 50px
}

.newstext h1 b {
	display: block;
	width: 205px;
	height: 80px;
	background-size: 100%;
	margin-left: -28px;
	line-height: 80px
}

.newstext h1 b,
.solutioncolorred span {
	font-weight: 400;
	/*background-image: url(../images/borderred.png);*/
	background: #fa2c19;
	background-repeat: no-repeat;
	text-align: center
}

.solutioncolorred span {
	display: table;
	width: auto;
	background-size: 100% 100%;
	font-size: 48px;
	color: #fff;
	padding: 0 32px;
	/*margin-left: -32px*/
}

.solutionbtcolor h1 b {
	display: block;
	width: 302px;
	height: 80px;
	font-weight: 400;
	background-image: url(../images/borderred.png);
	background-repeat: no-repeat;
	background-size: 100%;
	margin-left: -28px;
	text-align: center;
	line-height: 80px
}

.newsaction {
	max-width: 1200px;
	margin: 46px auto 0
}

.newstop {
	width: 100%;
	height: auto;
	clear: both;
	overflow: hidden;
	margin-bottom: 36px
}

.newstop ul li {
	float: left;
	height: 30px;
	line-height: 30px
}

.newstop ul li b {
	float: left;
	font-size: 14px;
	font-weight: 400
}

.newstop ul li b,
.newstop ul li b a {
	display: block;
	color: #5a5454
}

.newstop ul li span {
	font-size: 14px;
	color: #969ca2;
	display: block;
	float: left;
	margin: 0 8px
}

.newstop ul li.active_blue b {
	color: #d4281e
}

.newscon {
	clear: both
}

.newscon,
.newslist {
	width: 100%
}

.newslist dl {
	width: 45.79%;
	float: left;
	margin-bottom: 70px;
	background: #f2f2f2
}

.newslist dl:nth-child(2n) {
	float: right
}

.newslist dl dt {
	width: 100%;
	height: 369px;
	overflow: hidden
}

.newslist dl dt img {
	display: block;
	width: 100%;
	height: 100%
}

.newstop ul li.active_blue b a {
	color: #e1251b
}

.newslist dl dd {
	width: 100%;
	height: 130px;
	background: #f2f2f2;
	overflow: hidden
}

.newslist dl dd .ddtext {
	width: 90.3%;
	height: 100%;
	margin: 0 auto
}

.newslist dl dd .ddtext span {
	display: block;
	font-size: 16px;
	color: #5a5454;
	margin-top: 16px
}

.newslist dl dd .ddtext b {
	display: block;
	font-size: 24px;
	color: #222;
	font-weight: 400;
	margin-top: 18px;
	line-height: 38px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2
}

.newslist dl dd .ddtext b a {
	display: block;
	color: #222
}

.newslist dl dd .ddtext b a,
.newslist dl dd .ddtext p {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.newslist dl dd .ddtext p {
	display: block;
	font-size: 18px;
	color: #5a5454;
	margin-top: 22px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	display: inline-block;
	width: 100%
}

.newsactionmargin {
	margin: 60px auto 0;
	min-height: 910px
}

.newsactionmargin .newstop {
	margin-bottom: 20px
}

.newspagebox {
	max-width: 1200px;
	margin: 0 auto;
	padding-bottom: 50px;
	position: relative;
	top: 0;
	left: 0
}

.newspageleft {
	width: 65.9%;
	float: left
}

.newspageleft .nbt {
	font-size: 28px;
	font-weight: 400;
	margin: 42px 0 26px;
	color: #222
}

.newspageleft .time {
	display: block;
	font-size: 14px;
	color: #5a5454;
	margin-bottom: 20px
}

.newspageright {
	width: 30%;
	max-width: 350px;
	height: auto;
	position: absolute;
	background: #f2f2f2;
	top: 48px;
	padding-bottom: 24px;
	right: 0
}

.newspageright.fixed {
	position: fixed;
	right: calc((100% - 1200px)/2);
	width: 360px
}

.newspagecon {
	width: 63.75%;
	margin: 0 auto
}

.newspagetext {
	width: 100%;
	border-bottom: 1px solid #707070
}

.newspagetext b {
	display: block;
	font-size: 16px;
	color: #5a5454;
	font-weight: 400;
	margin: 12px 0;
	line-height: 28px;
	text-align: justify
}

.newspagetext span {
	display: block;
	font-size: 12px;
	color: #5a5454;
	margin-bottom: 18px
}

.newspagecon .newspagetext:first-child {
	margin: 40px 0 16px
}

.newspagecon .newspagetext:last-child {
	border-bottom: 0
}

.newspage {
	height: auto;
	clear: both
}

.newspage,
.newspage-list {
	width: 100%
}

.newspage-list p {
	font-size: 16px;
	line-height: 28px;
	text-align: justify;
	margin: 16px 0;
	text-indent: 34px
}

.newspage2list h2 {
	display: block;
	font-size: 16px;
	color: #333
}

.newspage-list span {
	margin: 0 auto 34px
}

.newspage-list span,
.newspage-list span img {
	display: block;
	width: 100%
}

.jdhcaction {
	max-width: 100%;
	margin-top: 0
}

.hcbttop {
	bottom: auto;
	top: 46%;
	transform: translateY(-50%);
}

.jdhcaction .newstop {
	width: 100%;
	background: #f9f9f9;
	height: 30px
}

.jdhcaction .newstop ul {
	max-width: 1200px;
	margin: 0 auto
}

.jdhcbox {
	width: 100%;
	height: auto
}

.newstophc {
	margin-bottom: 0
}

.jdlistbox {
	width: 100%;
	height: auto;
	clear: both;
	overflow: hidden;
	border-bottom: 1px solid #ccc;
	background: #fff;
	transition: transform .3s;
	transform-origin: top center
}

.jdlistbox_replace {
	width: 100%;
	display: none
}

.jdlist {
	max-width: 1200px;
	margin: 0 auto;
	width: 100%
}

.jdlist li {
	float: left
}

.jdlist li a {
	display: block;
	font-size: 16px;
	color: #5a5454;
	margin: 0 10px;
	padding: 10px 0
}

.jdlist li:first-child a {
	margin-left: 0
}

.jdlist li.liactive a {
	border-bottom: 2px solid #d4291f
}

.jdhcpage1 {
	max-width: 1066px;
	width: 100%;
	margin: 0 auto
}

.jdhcpage1 .hcbt {
	display: block;
	width: 100%;
	font-size: 36px;
	line-height: 46px;
	color: #5a5454;
	text-align: center;
	font-weight: 400;
	padding: 50px 0 30px
}

.jdhcpage1 .hcbt span {
	display: block;
	width: 70px;
	height: 1px;
	background: #df5f56;
	margin: 4px auto 0
}

.jdhcpage1 p {
	line-height: 44px;
	font-size: 16px;
	color: #5a5454;
	text-align: center
}

.jdhcdl {
	width: 100%;
	height: auto;
	clear: both;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	margin: 100px 0 0
}

.jdhcdl dl {
	background: #f8f8f8;
	-prefix-box-flex: 1;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-moz-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	height: 300px;
	width: 300px
}

.jdhcdl dl:hover {
	box-shadow: 0 0 10px #a29999;
	-webkit-box-shadow: #a29999 0 0 10px;
	-moz-box-shadow: #a29999 0 0 10px;
	-ms-box-shadow: #a29999 0 0 10px;
	-o-box-shadow: #a29999 0 0 10px;
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1)
}

.jdhcdl dl dt {
	width: 80px;
	margin: 62px auto 34px
}

.jdhcdl dl dt img {
	display: block;
	width: 100%
}

.jdhcdl dl dd {
	display: block;
	font-size: 16px;
	text-align: center;
	width: 90%;
	margin: 0 auto;
	color: #5a5454
}

.jdhcdl dl:nth-child(2) {
	margin: 0 83px
}

.jdhcpage2 {
	width: 100%;
	height: auto;
	clear: both;
	overflow: hidden;
	background: #f8f8f8;
	margin-top: 90px;
	padding-bottom: 70px
}

.jdhcpage2 .hcbt {
	display: block;
	width: 100%;
	font-size: 36px;
	line-height: 46px;
	color: #5a5454;
	text-align: center;
	font-weight: 400;
	padding: 62px 0 48px
}

.jdpage2box {
	max-width: 1200px;
	width: 100%;
	margin: 0 auto;
	overflow: hidden
}

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

.jdhcleft {
	-prefix-box-flex: 1;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-moz-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	width: 500px;
	position: relative
}

.jdpage2box .jdhcleft:first-child {
	margin-right: 7%
}

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

.jdhclayerbot {
	width: 100%;
	height: 70px;
	position: absolute;
	z-index: 2;
	bottom: 0;
	left: 0
}

.facstoretext,
.hcul .li1,
.jdanimatebot,
.jdanimatebotbjd,
.jdanimatebotcy {
	transition: .2s linear
}

.jdhclayerbot .mask {
	width: 100%;
	background: #000;
	opacity: .5;
	filter: alpha(opacity=50);
	z-index: 4;
	left: 0
}

.jdhclayerbot .mask,
.jdhctextbox {
	height: 100%;
	position: absolute;
	bottom: 0
}

.jdhctextbox {
	width: 80%;
	z-index: 6;
	left: 10%
}

.jdhctextbox h3 {
	font-size: 20px;
	color: #fff;
	float: left;
	font-weight: 400;
	line-height: 70px
}

.jdhctextbox i {
	float: right;
	width: 20px;
	margin-top: 26px
}

.jdhctextbox i img {
	display: block;
	width: 100%
}

.jdhctextbox p {
	font-size: 16px;
	color: #fff;
	clear: both;
	line-height: 26px;
	text-align: justify
}

.jdhcpage3 {
	max-width: 1200px;
	width: 100%;
	height: auto;
	clear: both;
	overflow: hidden;
	margin: 0 auto
}

.jdhcpage3 .hcbt {
	display: block;
	width: 100%;
	font-size: 36px;
	line-height: 62px;
	color: #5a5454;
	text-align: center;
	font-weight: 400;
	padding: 50px 10px 30px
}

.jdhcpage3_1 {
	width: 100%
}

.jdhcpage3_1 h2 {
	width: auto;
	display: table;
	font-size: 20px;
	color: #5a5454;
	border-bottom: 1px solid #d4281e;
	font-weight: 700;
	padding-bottom: 4px
}

.jdhcpage3_action {
	width: 100%;
	height: auto;
	margin: 40px auto;
	overflow: hidden;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex
}

.jdhcpage3_action dl {
	-prefix-box-flex: 1;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-moz-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	width: 300px;
	border: 1px solid #ccc;
	padding: 26px 0
}

.jdhcpage3_action dl:hover {
	box-shadow: 0 0 10px #a29999;
	-webkit-box-shadow: #a29999 0 0 10px;
	-moz-box-shadow: #a29999 0 0 10px;
	-ms-box-shadow: #a29999 0 0 10px;
	-o-box-shadow: #a29999 0 0 10px;
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	position: relative;
	z-index: 99;
	background: #fff
}

.jdhcpage3_action dl dt {
	width: 80px;
	margin: 0 auto
}

.jdhcpage3_action dl dt img {
	display: block;
	width: 100%
}

.jdhcpage3_action dl dd {
	display: block;
	text-align: center;
	font-size: 16px;
	color: #5a5454;
	margin-top: 20px
}

.jdhcpage3_action dl:nth-child(2) {
	margin: 0 6px
}

.jdhcpage3_2 {
	width: 100%
}

.jdhcpage3_2 h2 {
	width: auto;
	display: table;
	font-size: 20px;
	color: #5a5454;
	border-bottom: 1px solid #d4281e;
	font-weight: 700;
	padding-bottom: 4px
}

.jdhcpage3_action_2 {
	width: 100%;
	margin: 40px auto
}

.jdhcpage3_action_2 ul {
	width: 100%;
	overflow: hidden;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex
}

.jdhcpage3_action_2 li {
	-prefix-box-flex: 1;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-moz-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	position: relative;
	margin-bottom: 20px
}

.jdhcpage3_action_2 li span,
.jdhcpage3_action_2 li span img {
	display: block;
	width: 100%
}

.jdhcpage3_action_2 li .li1 {
	display: block;
	width: 100%;
	height: 70px;
	position: absolute;
	z-index: 1;
	bottom: 0;
	left: 0
}

.jdhcpage3_action_2 li .li1 .mask {
	width: 100%;
	height: 100%;
	background: #000;
	opacity: .5;
	filter: alpha(opacity=50);
	position: absolute;
	z-index: 4;
	bottom: 0;
	left: 0
}

.jdhcpage3_action_2 li:first-child {
	margin-right: 2%
}

.jdhcpage4 {
	width: 100%;
	background: #f8f8f8;
	padding: 70px 0
}

.jdhcpage4con {
	max-width: 1200px;
	width: 100%;
	margin: 0 auto
}

.jdhcpage4con h2 {
	width: auto;
	display: table;
	font-size: 20px;
	color: #5a5454;
	border-bottom: 1px solid #d4281e;
	font-weight: 700;
	padding-bottom: 4px
}

.jdhcpage4list {
	width: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	margin-top: 50px
}

.jdhcpage4list dl {
	-prefix-box-flex: 1;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-moz-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	background: #fff;
	margin: 0 10px 0 0;
	padding: 16px 0
}

.jdhcpage4list dl:hover {
	box-shadow: 0 0 10px #a29999;
	-webkit-box-shadow: #a29999 0 0 10px;
	-moz-box-shadow: #a29999 0 0 10px;
	-ms-box-shadow: #a29999 0 0 10px;
	-o-box-shadow: #a29999 0 0 10px;
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1)
}

.jdhcpage4list dl:last-child {
	margin: 0
}

.jdhcpage4list dl dt {
	width: 100px;
	margin: 0 auto
}

.jdhcpage4list dl dt img {
	display: block;
	width: 100%
}

.jdhcpage4list dl dd {
	display: block;
	text-align: center;
	font-size: 16px;
	color: #5a5454;
	margin-top: 4px
}

.jdhcpage5 {
	width: 100%
}

.jdhcpage5 h1 {
	display: block;
	width: 100%;
	font-size: 36px;
	line-height: 62px;
	color: #5a5454;
	text-align: center;
	font-weight: 400;
	padding: 50px 0 30px
}

.jdhcpage5con {
	width: 100%;
	position: relative
}

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

.jdhcpage5layer {
	width: 50%;
	height: 100%;
	position: absolute;
	z-index: 1;
	right: 0;
	top: 0
}

.jdhcpage5layer_marginTop {
	margin-top: 20px
}

.jdhcpage5layer .mask {
	width: 100%;
	height: 100%;
	background: #000;
	opacity: .6;
	filter: alpha(opacity=60);
	position: absolute;
	z-index: 4;
	bottom: 0;
	left: 0
}

.jdhcpage5layer_con {
	width: 86%;
	height: 100%;
	position: absolute;
	z-index: 6;
	left: 5%;
	top: 0
}

.jdhcpage5layer_con span {
	display: block;
	font-size: 20px;
	color: #fff;
	margin: 60px 0 46px
}

.jdhcpage5layer_con p {
	font-size: 16px;
	color: #f2f2f2;
	text-align: justify;
	line-height: 32px;
	margin-top: 20px
}

.jdhcpage6 {
	width: 100%;
	margin-bottom: 50px
}

.jdhcpage6 h1 {
	display: block;
	width: 100%;
	font-size: 36px;
	line-height: 62px;
	color: #5a5454;
	text-align: center;
	font-weight: 400;
	padding: 50px 0 30px
}

.jdhcpage6con div {
	max-width: 860px;
	width: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	margin: 40px auto 0
}

.jdhcpage6con span {
	-prefix-box-flex: 1;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-moz-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	display: block;
	margin: 0 30px
}

.jdhcpage6con span img {
	display: block;
	width: 100%
}

.jdhclayerbotactive {
	height: 100% !important
}

.jdhcversion .jdhcleftver {
	margin: 0 6px
}

.jdhcversion .jdhcleftver:first-child {
	margin-right: 6px
}

.jdhcleftver .jdhctextbox .verh3 {
	line-height: 24px;
	margin-top: 14px;
	margin-bottom: 50px
}

.jdhcleftver .jdhctextbox p {
	line-height: 24px;
	margin-bottom: 20px
}

.versionbox {
	max-width: 1200px;
	margin: 0 auto 100px;
	width: 100%
}

.versionbox .hcbt {
	display: block;
	width: 100%;
	font-size: 36px;
	line-height: 46px;
	color: #5a5454;
	text-align: center;
	font-weight: 400;
	padding: 50px 0 30px
}

.versioncon {
	width: 70%;
	margin: 0 auto
}

.versionlist {
	width: 100%;
	position: relative;
	margin: 20px 0
}

.versionlist>span,
.versionlist img {
	display: block;
	width: 100%
}

.versionlist>span {
	text-align: center;
	font-size: 16px;
	color: #fff;
	position: absolute;
	z-index: 1;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%)
}

.versioncon .iconup {
	width: 40px;
	margin: 0 auto
}

.versioncon .iconup img {
	display: block;
	width: 100%
}

.versionpagebox {
	width: 100%;
	background: #f8f8f8
}

.versionpagebox .hcbt {
	display: block;
	width: 100%;
	font-size: 36px;
	line-height: 46px;
	color: #5a5454;
	text-align: center;
	font-weight: 400;
	padding: 50px 0 30px
}

.versionpagebot {
	max-width: 1200px;
	width: 100%;
	margin: 0 auto
}

.versionpagebot>ul {
	width: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex
}

.versionpagebot>ul:nth-child(3) {
	width: 50%
}

.versionpagebot>ul li {
	-prefix-box-flex: 1;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-moz-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	margin: 0 50px 50px
}

.versionpagebot>ul li img {
	display: block;
	width: 100%
}

.jdsurvey_cy {
	width: 100%;
	height: auto;
	clear: both;
	overflow: hidden;
	margin-top: 50px
}

.jdsurvey_cy dl {
	float: left
}

.jdsurvey_cy dl dt {
	width: 76px;
	float: left;
	margin-top: 10px
}

.jdsurvey_cy dl dt img {
	display: block;
	width: 100%
}

.jdsurvey_cy dl dd {
	display: block;
	float: left;
	font-size: 16px;
	color: #333;
	margin-left: 30px;
	line-height: 28px;
	margin-top: 24px
}

.jdsurvey_cy .line {
	float: left;
	width: 1px;
	height: 100px;
	background: #919191;
	margin: 0 50px
}

.jdcypage2 {
	width: 100%;
	height: auto;
	clear: both;
	overflow: hidden;
	background: #f8f8f8;
	margin-top: 90px;
	padding-bottom: 70px
}

.jdcypage2 .hcbt {
	display: block;
	width: 100%;
	font-size: 36px;
	line-height: 46px;
	color: #5a5454;
	text-align: center;
	font-weight: 400;
	padding: 62px 0 48px
}

.jdhcpage2con {
	max-width: 1200px;
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex
}

.jdcypage2 .jdcypage2left {
	-prefix-box-flex: 1;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-moz-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	width: 33%;
	position: relative;
	overflow: hidden
}

.jdcypage2 .jdcypage2left:nth-child(2) {
	margin: 0 10px
}

.jdcypage2 .jdcypage2left .jdhclayer {
	width: 100%;
	height: 70px;
	position: absolute;
	z-index: 2;
	bottom: 0;
	left: 0
}

.jdcypage2 .jdcypage2left .jdhclayer .jdhcmask {
	width: 100%;
	height: 100%;
	background: #000;
	opacity: .4;
	filter: alpha(opacity=40);
	position: absolute;
	z-index: 4;
	bottom: 0;
	left: 0
}

.jdcypage2 .jdcypage2left .jdhclayer .jdhctextbox {
	width: 80%;
	height: 100%;
	position: absolute;
	z-index: 6;
	bottom: 0;
	left: 10%
}

.jdcypage2 .jdcypage2left .jdhclayer .jdhctextbox h3 {
	font-size: 20px;
	color: #fff;
	float: left;
	font-weight: 400;
	line-height: 30px;
	margin-top: 5px
}

.jdcypage2 .jdcypage2left .jdhclayer .jdhctextbox p {
	font-size: 16px;
	color: #fff;
	clear: both;
	line-height: 39px;
	text-align: justify
}

.jdcypage2 .jdcypage2left .jdhclayer .jdhctextbox i {
	float: right;
	width: 20px;
	margin-top: 26px
}

.jdcypage2 .jdcypage2left .jdhclayer .jdhctextbox i img {
	display: block;
	width: 100%
}

.jdcypage3 {
	max-width: 1200px;
	width: 100%;
	height: auto;
	clear: both;
	margin: 0 auto
}

.jdcypage3 .hcbt {
	display: block;
	width: 100%;
	font-size: 36px;
	line-height: 62px;
	color: #5a5454;
	text-align: center;
	font-weight: 400;
	padding: 50px 10px 30px
}

.jdcypage3_1 {
	width: 100%
}

.jdcypage3_1 h2 {
	width: auto;
	display: table;
	font-size: 20px;
	color: #5a5454;
	border-bottom: 1px solid #d4281e;
	font-weight: 700;
	padding-bottom: 4px
}

.jdcypage3_1action {
	width: 100%;
	height: auto;
	margin: 40px auto
}

.jdcypage3_1action div {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex
}

.jdcypage3_1action_2 {
	width: 67.223%;
	margin: 0 auto
}

.jdcypage3_1action label {
	display: block;
	-prefix-box-flex: 1;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-moz-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	background: #f8f8f8;
	padding: 26px 0;
	margin: 0 8px 14px
}

.jdcypage3_1action label:hover {
	box-shadow: 0 0 10px #a29999;
	-webkit-box-shadow: #a29999 0 0 10px;
	-moz-box-shadow: #a29999 0 0 10px;
	-ms-box-shadow: #a29999 0 0 10px;
	-o-box-shadow: #a29999 0 0 10px;
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1)
}

.jdcypage3_1action label span {
	display: block;
	float: left;
	margin-left: 10%
}

.jdcypage3_1action label b {
	display: block;
	float: left;
	font-size: 16px;
	color: #333;
	margin-left: 30px;
	line-height: 80px;
	font-weight: 400
}

.jdcypage3_2 {
	width: 100%
}

.jdcypage3_2 h2 {
	width: auto;
	display: table;
	font-size: 20px;
	color: #5a5454;
	border-bottom: 1px solid #d4281e;
	font-weight: 700;
	padding-bottom: 4px
}

.jdcypage4_action {
	width: 100%;
	margin: 40px auto
}

.jdcypage4_action ul {
	overflow: hidden;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex
}

.jdcypage4_action ul li {
	-prefix-box-flex: 1;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-moz-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	position: relative;
	margin: 0 10px 0 0;
	width: 300px;
	overflow: hidden;
	cursor: default
}

.jdcypage4_action ul li:last-child {
	margin: 0
}

.jdcypage4_action ul li>img {
	display: block;
	width: 100%;
	cursor: default;
	transition: all .6s;
	-webkit-transition: all .6s;
	-moz-transition: all .6s;
	-ms-transition: all .6s;
	-o-transition: all .6s
}

.jdcypage4_action ul li:hover>img {
	transform: scale(1.4);
	-webkit-transform: scale(1.4);
	-moz-transform: scale(1.4);
	-ms-transform: scale(1.4);
	-o-transform: scale(1.4)
}

.jdcypage4_action ul li b {
	display: block;
	width: 100%;
	font-size: 20px;
	text-align: center;
	position: absolute;
	z-index: 1;
	top: 50%;
	left: 0;
	color: #fff;
	font-weight: 400;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%)
}

.jdcypage4_p {
	line-height: 44px;
	font-size: 16px;
	color: #5a5454;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: center;
	margin-bottom: 60px
}

.solutionpage5con {
	width: 100%;
	margin: 40px 0
}

.solutionpage5con ul {
	width: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 10px
}

.solutionpage5con ul li {
	width: 100%;
	padding: 40px 0;
	-prefix-box-flex: 1;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-moz-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	border: 1px solid #a9a6a6;
	border-right-width: 6px;
	font-size: 16px;
	text-align: center;
	color: #5a5454;
	margin: 0 5px
}

.solutionpage5con ul li .solutionpage5li {
	width: 100%
}

.solutionpage5concy ul li span {
	display: block;
	float: left;
	width: 80px;
	margin-left: 18%
}

.solutionpage5concy ul li span img {
	width: 100%
}

.solutionpage5concy ul li {
	padding: 20px 0
}

.solutionpage5concy ul li b {
	display: block;
	float: left;
	font-weight: 400;
	margin: 20px 0 0 30px
}

.jdsurvey_jl .dltop_jl dd {
	margin-top: -5px
}

.jdjlpage3 {
	max-width: 1200px;
	width: 100%;
	height: auto;
	clear: both;
	margin: 0 auto
}

.jdjlpage3 .hcbt {
	display: block;
	width: 100%;
	font-size: 36px;
	line-height: 62px;
	color: #5a5454;
	text-align: center;
	font-weight: 400;
	padding: 50px 10px 30px
}

.jdjlpage3action {
	width: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	margin: 40px auto
}

.jdjlpage3action dl {
	background: #f8f8f8;
	-prefix-box-flex: 1;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-moz-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	width: 285px;
	height: 285px;
	margin-left: 20px
}

.jdjlpage3action dl:hover {
	box-shadow: 0 0 10px #a29999;
	-webkit-box-shadow: #a29999 0 0 10px;
	-moz-box-shadow: #a29999 0 0 10px;
	-ms-box-shadow: #a29999 0 0 10px;
	-o-box-shadow: #a29999 0 0 10px;
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1)
}

.jdjlpage3action dl:first-child {
	margin-left: 0
}

.jdjlpage3action dl dt {
	width: 110px;
	margin: 64px auto 34px
}

.jdjlpage3action dl dt img {
	display: block;
	width: 100%
}

.jdjlpage3action dl dd {
	display: block;
	font-size: 16px;
	text-align: center;
	width: 90%;
	margin: 0 auto;
	color: #5a5454
}

.jdjlpage3 h2 {
	width: auto;
	display: table;
	font-size: 20px;
	color: #5a5454;
	border-bottom: 1px solid #d4281e;
	font-weight: 700;
	padding-bottom: 4px
}

.solutionjlbox .solutionjlboxcon {
	width: 100%;
	margin: 40px 0 0
}

.solutionjlbox .solutionjlboxcon ul {
	width: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 10px
}

.solutionjlbox .solutionjlboxcon ul li {
	width: 100%;
	padding: 20px 0;
	-prefix-box-flex: 1;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-moz-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	border: 1px solid #a9a6a6;
	border-right-width: 6px;
	font-size: 16px;
	text-align: center;
	color: #5a5454;
	margin: 0 5px;
	cursor: pointer
}

.solutionjlbox .solutionjlboxcon ul li.activeli {
	border-left: 6px solid #e1251b;
	border-right: 1px solid #a9a6a6
}

.solutionjlbox .solutionjlboxcon ul li .solutionjldiv {
	width: 80%;
	margin: 0 auto;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex
}

.solutionjlbox .solutionjlboxcon ul li .solutionjldiv label {
	display: block;
	-prefix-box-flex: 1;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-moz-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	cursor: pointer
}

.solutionjlbox .solutionjlboxcon ul li .solutionjldiv label span {
	display: block;
	width: 80px;
	float: left
}

.solutionjlbox .solutionjlboxcon ul li .solutionjldiv label span img {
	display: block;
	width: 100%
}

.solutionjlbox .solutionjlboxcon ul li .solutionjldiv label b {
	display: block;
	float: left;
	font-size: 16px;
	line-height: 60px;
	font-weight: 400;
	margin-left: 10px
}

.solutionjlbox .solutionjlboxcon ul li .solutionjldiv i {
	display: block;
	width: 30px;
	margin-top: 16px
}

.solutionjlbox .solutionjlboxcon ul li .solutionjldiv i img {
	display: block;
	width: 100%
}

.solutionjlbox .solutionjlboxcon ul li .solutionjltext {
	width: 66%;
	clear: both;
	font-size: 16px;
	text-align: left;
	margin-left: 25%;
	display: none
}

.jdjxtop dl dt {
	margin: 64px auto 20px
}

.jdhctextbox p b {
	display: block;
	font-weight: 400
}

.jdjxlist ul {
	margin-bottom: 20px
}

.jdjxlist ul li {
	margin: 0 20px 0 0
}

.jdjxlist ul li b {
	line-height: normal
}

.jdjxlist ul li b i {
	display: block;
	width: 70px;
	float: left;
	margin: 0 0 0 25%
}

.jdjxlist ul li b i img {
	display: block;
	width: 100%
}

.jdjxlist ul li b em {
	display: block;
	float: left;
	font-style: normal;
	margin: 24px 0 0 16%
}

.jxpage4box {
	width: 100%;
	background: #f8f8f8;
	padding: 60px 0
}

.jxpage4box .jxpage4con {
	max-width: 1200px;
	width: 100%;
	height: auto;
	clear: both;
	margin: 0 auto
}

.jxpage4box .jxpage4con h2 {
	width: auto;
	display: table;
	font-size: 20px;
	color: #5a5454;
	border-bottom: 1px solid #d4281e;
	font-weight: 700;
	padding-bottom: 4px
}

.jxpage4list {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	margin: 40px auto
}

.jxpage4list dl {
	-prefix-box-flex: 1;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-moz-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	width: 180px;
	height: 200px;
	background: #fff;
	margin: 0 20px 0 0
}

.jxpage4list dl:hover {
	box-shadow: 0 0 10px #a29999;
	-webkit-box-shadow: #a29999 0 0 10px;
	-moz-box-shadow: #a29999 0 0 10px;
	-ms-box-shadow: #a29999 0 0 10px;
	-o-box-shadow: #a29999 0 0 10px;
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1)
}

.jxpage4list dl:last-child {
	margin: 0
}

.jxpage4list dl dt {
	width: 100px;
	margin: 18px auto 0
}

.jxpage4list dl dt img {
	display: block;
	width: 100%
}

.jxpage4list dl dd {
	display: block;
	font-size: 16px;
	text-align: center;
	width: 90%;
	margin: 0 auto;
	color: #5a5454
}

.sloutionp p {
	font-size: 16px;
	text-align: left;
	color: #5a5454;
	display: none
}

.jxpage4list2 {
	width: 83%;
	margin: 0 auto
}

.jxp p:last-child {
	margin-top: 20px
}

.jxpage6 div span:first-child {
	width: 240px
}

.jxpage6 div span:nth-child(2) {
	width: 440px
}

.jxpage6 div span:nth-child(3) {
	width: 300px
}

.jdjx .jdcypage4_action ul {
	margin-bottom: 10px
}

.returnbox {
	height: auto;
	position: fixed;
	z-index: 99;
	bottom: 20%;
	right: 2%;
	display: none
}

.returnbox .returnlist {
	display: block;
	width: 48px;
	height: 48px
}

.returnbox .returnlist img {
	display: block;
	width: 100%
}

.homeiconbtn {
	display: block;
	width: 48px;
	height: 48px;
	margin-bottom: 2px
}

.returnbox .homeiconbtn img {
	display: block;
	width: 100%
}

.homeiconbtn_zx {
	display: block;
	width: 48px;
	height: 48px;
	margin-bottom: 2px
}

.returnbox .homeiconbtn_zx img {
	display: block;
	width: 100%
}

.returntop {
	display: block;
	width: 48px;
	height: 48px
}

.returnbox .returntop img {
	display: block;
	width: 100%
}

.jdvop_b ul li b {
	line-height: 11
}

.jdvop_p {
	line-height: 44px;
	font-size: 16px;
	color: #5a5454;
	text-align: center;
	margin-bottom: 60px
}

.jdvoplist dl {
	margin: 0 70px 0 0
}

.jdvopbot div span {
	width: 300px
}

.jdjxconbg {
	width: 71.8%;
	margin: 0 auto 50px
}

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

.hcpc {
	display: block !important
}

.hcmob {
	display: none !important
}

.page7pc {
	display: block !important
}

.page7mob {
	display: none !important
}

.page4pc {
	display: block !important
}

.page4mob {
	display: none !important
}

.servicetop h1 {
	margin-bottom: 8px
}

.servicepage1 {
	width: 100%;
	clear: both;
	overflow: hidden;
	background: #f8f8f8;
	padding: 40px 0
}

.servicepage1con {
	max-width: 1200px;
	margin: 0 auto;
	height: auto
}

.servicepage1left {
	float: left;
	width: 34%
}

.servicepage1left h1 {
	font-size: 28px;
	font-weight: 400;
	color: #222;
	margin: 138px 0 20px
}

.servicepage1left p {
	line-height: 40px;
	font-size: 16px;
	color: #5a5454
}

.servicepage1right {
	float: right;
	width: 60%
}

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

.servicepage1right p {
	line-height: 44px;
	font-size: 16px;
	color: #5a5454;
	text-align: center;
	margin-top: 20px
}

.servicepage2 {
	width: 100%;
	height: auto;
	clear: both;
	overflow: hidden;
	padding-bottom: 80px
}

.servicepage2con {
	max-width: 1200px;
	margin: 0 auto;
	height: auto
}

.servicepage2con h1 {
	display: block;
	width: 100%;
	font-size: 36px;
	line-height: 46px;
	color: #5a5454;
	text-align: center;
	font-weight: 400;
	padding: 80px 0 50px
}

.servicepage2list {
	height: auto;
	clear: both
}

.servicepage2list,
.servicepage2list ul {
	width: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex
}

.servicepage2list ul li {
	position: relative;
	-prefix-box-flex: 1;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-moz-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	margin: 0 10px;
	box-shadow: 0 0 10px #a29999;
	-webkit-box-shadow: #a29999 0 0 10px;
	-moz-box-shadow: #a29999 0 0 10px;
	-ms-box-shadow: #a29999 0 0 10px;
	-o-box-shadow: #a29999 0 0 10px
}

.servicepage2list ul li .spanimg,
.servicepage2list ul li .spanimg img {
	display: block;
	width: 100%
}

.facstorelayer {
	z-index: 1;
	display: none
}

.facstorelayer,
.facstorelayer .mask {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0
}

.facstorelayer .mask {
	z-index: 2;
	background: #000;
	opacity: .5;
	filter: alpha(opacity=50)
}

.facstorelayer p {
	width: 80%;
	height: auto;
	position: absolute;
	z-index: 6;
	top: 50%;
	left: 10%;
	font-size: 16px;
	text-align: center;
	color: #fff;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	line-height: 24px
}

.servicelist {
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0
}

.servicelist span {
	display: block;
	width: 80px;
	transform: translateY(-40%);
	-webkit-transform: translateY(-40%);
	-moz-transform: translateY(-40%);
	-ms-transform: translateY(-40%);
	-o-transform: translateY(-40%);
	position: absolute;
	top: 40%;
	left: 50%;
	margin: 0 auto 0 -40px
}

.servicelist b,
.servicelist span img {
	display: block;
	width: 100%
}

.servicelist b {
	height: 84px;
	background: #fff;
	position: absolute;
	z-index: 2;
	bottom: 0;
	left: 0
}

.servicepage2 .servicelist b em {
	display: table;
	font-size: 16px;
	text-align: center;
	color: #212121;
	border-bottom: 2px solid #d4281e;
	font-style: normal;
	font-weight: 400;
	margin: 30px auto 0;
	padding-bottom: 4px
}

.servicepage3 {
	width: 100%;
	height: auto;
	clear: both;
	overflow: hidden;
	background: #222;
	padding-bottom: 200px
}

.servicepage3con {
	max-width: 1360px;
	margin: 0 auto
}

.servicepage3con h1 {
	display: block;
	width: 100%;
	font-size: 36px;
	line-height: 46px;
	color: #fff;
	text-align: center;
	font-weight: 400;
	padding: 80px 0 50px
}

.servicescroll {
	width: 100%;
	height: 615px;
	position: relative
}

.swiper-container {
	width: 100%;
	height: 100%;
	margin-left: auto;
	margin-right: auto
}

.swiper-slide {
	text-align: center;
	font-size: 18px;
	background: none;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center
}

.servicescroll .swiper-pagination {
	width: 100%;
	margin-top: 30px;
	left: 0
}

.servicescroll .swiper-pagination-bullet {
	width: 50px;
	height: 3px;
	display: inline-block;
	border-radius: 0;
	background: #a5a5a5;
	opacity: 1;
	margin: 0 5px
}

.servicescroll .swiper-pagination-bullet-active {
	opacity: 1;
	background: #fff
}

.jshcversionbt .jdhcdlser {
	margin: 40px 0 0
}

.servicescroll .swiper-button-next,
.servicescroll .swiper-button-prev {
	width: 50px;
	height: 50px;
	outline: none
}

.servicescroll .swiper-button-next img,
.servicescroll .swiper-button-prev img {
	display: block;
	width: 100%
}

.serviceswiper {
	position: relative;
	width: 1200px;
	height: 100%
}

.serviceswiper dl {
	width: 100%;
	height: 100%
}

.serviceswiper dl dt {
	float: left;
	width: 36%;
	height: 100%;
	background: #fff
}

.serviceswiper dl dt .servicedt {
	width: 72%;
	height: auto;
	margin: 0 auto
}

.serviceswiper dl dt .servicedt>b {
	display: block;
	font-size: 26px;
	color: #222;
	font-weight: 400;
	margin: 64px 0 20px;
	text-align: left
}

.serviceswiper dl dt .servicedt p {
	font-size: 18px;
	color: #3b3b3b;
	text-align: justify;
	line-height: 34px;
	margin-bottom: 30px
}

.serviceswiper dl dd {
	float: left;
	width: 64%
}

.serviceswiper dl dd img {
	display: block;
	width: 100%
}

.serviceswiper dl dt .servicedt label {
	display: block;
	width: 100%;
	margin-top: 120px
}

.serviceswiper dl dt .servicedt label span {
	display: block;
	float: left;
	width: 50%;
	font-size: 18px;
	color: #3b3b3b;
	line-height: 34px;
	text-align: left
}

.serviceswiper dl dt .servicedt .label3 span {
	width: 100%
}

.serviceswiper dl dt .servicedt .label4 {
	margin-top: 30px
}

.serviceswiper dl dt .servicedt .label4 b {
	display: block;
	font-size: 18px;
	color: #222;
	font-weight: 400;
	text-align: left;
	font-weight: 700;
	margin: 0 0 10px
}

.serviceswiper dl dt .servicedt .label4 span {
	color: #3b3b3b;
	margin: 0 0 10px
}

.servicelayer {
	width: 80%;
	position: absolute;
	z-index: 2;
	top: 50%;
	left: 10%;
	font-size: 16px;
	color: #fff;
	line-height: 24px;
	text-align: justify;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	display: none
}

.jlbox {
	width: 73%
}

.jlbox dl {
	height: 256px
}

.jlbox dl dt {
	width: 110px;
	margin: 43px auto 28px
}

.facstoretop h1 {
	margin-bottom: 8px
}

.facstoretop span {
	display: block;
	font-size: 16px;
	color: #fff;
	margin-top: 18px
}

.facstorebt {
	max-width: 1200px
}

.facstorebt .hcbtbot {
	padding: 10px 0 !important
}

.facstorebt h3 {
	display: block;
	width: 100%;
	font-size: 22px;
	line-height: 46px;
	color: #5a5454;
	text-align: center;
	font-weight: 400
}

.facstorebt .linefac {
	display: block;
	width: 400px;
	height: 1px;
	background: #d4281e;
	margin: 50px auto
}

.facstorebt .hcbtbot {
	margin-bottom: 10px
}

.facstorepage1 {
	width: 100%;
	height: auto;
	clear: both;
	margin: 50px 0 80px
}

.facstorepage1con {
	max-width: 1200px;
	width: 100%;
	margin: 0 auto
}

.facstorepage1con ul {
	width: 100%;
	margin: 0 auto;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex
}

.facstorepage1con ul li {
	-prefix-box-flex: 1;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-moz-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	position: relative;
	margin: 0 4px 20px
}

.solutionfacstore>ul>li {
	overflow: hidden
}

.facstorepage1con ul li>span {
	display: block;
	width: 100%
}

.facstorepage1con ul li:hover {
	box-shadow: 0 0 10px #a29999;
	-webkit-box-shadow: #a29999 0 0 10px;
	-moz-box-shadow: #a29999 0 0 10px;
	-ms-box-shadow: #a29999 0 0 10px;
	-o-box-shadow: #a29999 0 0 10px;
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1)
}

.dou_cswrap .facstorepage1con ul li:hover {
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-ms-box-shadow: none;
	-o-box-shadow: none;
	transform: none;
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	-o-transform: none
}

.facstorepage1con ul li>span img {
	display: block;
	width: 100%
}

.facstorepage1con ul li .faclist {
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0
}

.facstorepage1con ul li .faclist b {
	display: block;
	font-size: 26px;
	position: absolute;
	z-index: 3;
	top: 50%;
	left: 0;
	width: 100%;
	text-align: center;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	color: #fff;
	font-weight: 400
}

.facstorepage1con ul li .faclist i {
	display: block;
	width: 20px;
	position: absolute;
	z-index: 3;
	right: 14px;
	bottom: 14px
}

.facstorepage1con ul li .faclist i img {
	display: block;
	width: 100%
}

.facstoretext {
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 1;
	top: 100%;
	left: 0
}

.facstoretext b {
	display: block;
	font-weight: 400;
	font-size: 20px;
	text-align: center;
	color: #fff;
	margin: 27px auto 14px
}

.facstoretext span {
	display: block;
	width: 90%;
	margin: 0 auto;
	font-size: 16px;
	text-align: left;
	color: #fff;
	line-height: 22px
}

.facstorepage1con ul:nth-child(2) {
	max-width: 900px
}

.facstorepage2 {
	max-width: 1200px;
	margin: 0 auto;
	clear: both;
	overflow: hidden;
	position: relative
}

.facstorepage2pc {
	max-width: 1000px
}

.facstoreleft {
	width: 42%;
	float: left;
	position: relative;
	overflow: hidden
}

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

.facsbot .jdhctextbox {
	width: 90%;
	left: 5%
}

.facstoreright {
	float: right;
	width: 56%
}

.facstorelisttop {
	position: relative;
	overflow: hidden
}

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

.facstoreright .facstorelisttop:nth-child(2) {
	margin-top: 23px
}

.facstorepage3 {
	width: 100%;
	height: auto;
	clear: both;
	overflow: hidden
}

.facstorepage3con {
	max-width: 1200px;
	margin: 0 auto;
	clear: both;
	overflow: hidden;
	padding-bottom: 80px
}

.facstorepage3con h1 {
	display: block;
	width: 100%;
	font-size: 36px;
	line-height: 46px;
	color: #5a5454;
	text-align: center;
	font-weight: 400;
	padding: 62px 0 48px
}

.facstorepage3action {
	width: 100%
}

.facstorepage3action .servicelist b {
	display: block;
	width: 100%;
	height: 40px;
	background: #fff;
	position: absolute;
	z-index: 2;
	bottom: 0;
	left: 0
}

.facstorepage3action .servicelist span {
	display: block;
	width: 60px;
	transform: translateY(-28%);
	-webkit-transform: translateY(-28%);
	-moz-transform: translateY(-28%);
	-ms-transform: translateY(-28%);
	-o-transform: translateY(-28%);
	position: absolute;
	top: 28%;
	left: 50%;
	margin: 0 auto 0 -30px
}

.servicelist b em {
	display: table;
	font-size: 20px;
	text-align: center;
	color: #212121;
	border-bottom: 2px solid #d4281e;
	font-style: normal;
	font-weight: 400;
	margin: 6px auto 0;
	padding-bottom: 4px
}

.producepage1 {
	max-width: 1200px;
	width: 100%;
	margin-top: 30px
}

.producepage1 ul {
	width: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex
}

.producepage1 ul li {
	position: relative;
	-prefix-box-flex: 1;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-moz-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	margin: 0 10px;
	overflow: hidden
}

.producepage1 ul li>img {
	display: block;
	width: 100%;
	transition: all .6s;
	-webkit-transition: all .6s;
	-moz-transition: all .6s;
	-ms-transition: all .6s;
	-o-transition: all .6s
}

.producepage1 ul li:hover>img {
	transform: scale(1.4);
	-webkit-transform: scale(1.4);
	-moz-transform: scale(1.4);
	-ms-transform: scale(1.4);
	-o-transform: scale(1.4)
}

.producetext {
	width: 100%;
	position: absolute;
	z-index: 1;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%)
}

.producetext label {
	display: table;
	width: auto;
	margin: 0 auto;
	clear: both;
	overflow: hidden
}

.producetext label span {
	font-size: 70px;
	color: #fff;
	display: block;
	float: left;
	font-weight: 600
}

.producetext label i {
	display: block;
	float: left;
	font-size: 40px;
	font-style: normal;
	color: #fff;
	margin: 20px 0 0 6px
}

.producetext b {
	display: block;
	font-size: 26px;
	color: #fff;
	font-weight: 400;
	text-align: center;
	width: 100%;
	margin-top: 10px
}

.producepage2 {
	max-width: 1200px;
	margin: 100px auto
}

.producepage2con {
	width: 100%;
	margin: 0 auto;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex
}

.producepage2con dl {
	-prefix-box-flex: 1;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-moz-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	margin: 0 10px
}

.producepage2con dl dt {
	width: 80px;
	margin: 0 auto
}

.producepage2con dl dt img {
	display: block;
	width: 100%
}

.producepage2con dl dd {
	font-size: 16px;
	text-align: center;
	margin-top: 10px
}

.producepage2 .producepage2con:nth-child(2),
.producepage2 .producepage2con:nth-child(3) {
	margin-top: 60px
}

.productpage3 {
	width: 100%;
	height: auto;
	clear: both;
	overflow: hidden;
	background: #222;
	padding-bottom: 80px
}

.productpage3 .hcbt {
	display: block;
	width: 100%;
	font-size: 36px;
	line-height: 46px;
	color: #fff;
	text-align: center;
	font-weight: 400;
	padding: 62px 0 48px
}

.productpage3 .jdgyphcbt {
	padding: 62px 0 18px
}

.productpage3con {
	max-width: 1200px;
	width: 100%;
	margin: 0 auto
}

.productlist {
	visibility: hidden
}

.clearfix {
	*zoom: 1
}

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

.card-list {
	max-width: 1200px;
	width: 100%;
	margin: 0 auto;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex
}

.card-list .card {
	-prefix-box-flex: 1;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-moz-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	float: left;
	position: relative;
	margin: 0 5px;
	-webkit-perspective: 600px;
	-moz-perspective: 600px;
	-ms-perspective: 600px;
	perspective: 600px
}

.card-list .card-back,
.card-list .card-face {
	left: 0;
	top: 0;
	-webkit-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
	-webkit-transform-style: perspective-3d;
	-moz-transform-style: perspective-3d;
	-ms-transform-style: perspective-3d;
	transform-style: perspective-3d;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden
}

.card-list .card-face {
	z-index: 2
}

.card-list .card-back {
	position: absolute;
	width: 100%;
	height: 98.5%;
	background: #f2f2f2;
	border-bottom: 6px solid #d4281e
}

.card-list .card-back,
.card-list .card:hover .card-face {
	z-index: 1;
	-webkit-transform: rotateY(-180deg);
	-ms-transform: rotateY(-180deg);
	-o-transform: rotateY(-180deg);
	transform: rotateY(-180deg)
}

.card-list .card:hover .card-back {
	z-index: 2;
	-webkit-transform: rotateY(0);
	-ms-transform: rotateY(0);
	-o-transform: rotateY(0);
	transform: rotateY(0)
}

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

.card-back .cardlayer {
	width: 100%;
	position: absolute;
	z-index: 1;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%)
}

.card-back .cardlayer span {
	display: block;
	width: 90px;
	margin: 0 auto
}

.card-back .cardlayer span img {
	display: block;
	width: 100%
}

.card-back .cardlayer b {
	display: block;
	font-size: 16px;
	font-weight: 400;
	text-align: center;
	color: #5a5454;
	margin-top: 20px;
	line-height: 24px
}

.productlistlayer {
	width: 100%;
	height: auto;
	position: absolute;
	z-index: 1;
	bottom: 12%;
	left: 0
}

.productlistlayer span {
	display: block;
	font-size: 14px;
	color: #fff;
	text-align: center
}

.productlistlayer b {
	display: block;
	font-weight: 400;
	font-size: 18px;
	color: #fff;
	text-align: center
}

.productpage4 {
	width: 100%;
	height: auto;
	clear: both;
	overflow: hidden
}

.productpage4 .hcbt {
	display: block;
	width: 100%;
	font-size: 36px;
	line-height: 46px;
	color: #5a5454;
	text-align: center;
	font-weight: 400;
	padding: 62px 0 48px
}

.productpage4 .littletitle {
	font-size: 20px
}

.productpage4con {
	max-width: 1200px;
	width: 100%;
	height: auto;
	margin: 0 auto 100px
}

.productpage4con ul {
	width: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex
}

.productpage4con ul li {
	position: relative;
	-prefix-box-flex: 1;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-moz-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	margin: 0 10px;
	overflow: hidden
}

.productpage4con ul li img {
	display: block;
	width: 100%;
	transition: all .6s;
	-webkit-transition: all .6s;
	-moz-transition: all .6s;
	-ms-transition: all .6s;
	-o-transition: all .6s
}

.productpage4con ul li:hover>img {
	transform: scale(1.4);
	-webkit-transform: scale(1.4);
	-moz-transform: scale(1.4);
	-ms-transform: scale(1.4);
	-o-transform: scale(1.4)
}

.productpage4con ul li .productspan {
	position: absolute;
	z-index: 1;
	top: 50%;
	left: 0;
	width: 100%;
	text-align: center;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-mz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	font-size: 22px;
	color: #fff;
	line-height: 34px
}

.productpage4con ul li .newproductspan {
	font-size: 20px
}

.commerpage2 {
	width: 100%;
	height: auto;
	clear: both;
	overflow: hidden;
	background: #222;
	padding-bottom: 80px
}

.commerpage2 .hcbt {
	font-size: 36px;
	line-height: 46px;
	padding: 62px 0 48px
}

.commerpage2 .hcbt,
.commerpage2 h3 {
	display: block;
	width: 100%;
	color: #fff;
	text-align: center;
	font-weight: 400
}

.commerpage2 h3 {
	font-size: 18px;
	margin-bottom: 50px
}

.commerpage2con {
	max-width: 1300px;
	margin: 0 auto
}

.commerpage2con ul {
	width: 100%;
	margin: 0 auto;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex
}

.commerpage2con ul li {
	-prefix-box-flex: 1;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-moz-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	position: relative;
	margin: 0 5px 20px;
	overflow: hidden
}

.commerpage2con ul li>img {
	display: block;
	width: 100%;
	transition: all .6s;
	-webkit-transition: all .6s;
	-moz-transition: all .6s;
	-ms-transition: all .6s;
	-o-transition: all .6s
}

.commerpage2con ul li:hover>img {
	transform: scale(1.4);
	-webkit-transform: scale(1.4);
	-moz-transform: scale(1.4);
	-ms-transform: scale(1.4);
	-o-transform: scale(1.4)
}

.commerpage2con ul li .commerlist {
	width: 100%;
	position: absolute;
	z-index: 1;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-mz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	left: 0
}

.commerpage2con ul li .commerlist span {
	display: block;
	width: 80px;
	margin: 0 auto
}

.commerpage2con ul li .commerlist span img {
	display: block;
	width: 100%
}

.commerpage2con ul li .commerlist b {
	display: block;
	width: 100%;
	text-align: center;
	color: #fff;
	font-weight: 400;
	margin-top: 30px
}

.commerpage3 {
	width: 100%;
	height: auto;
	clear: both;
	overflow: hidden;
	padding-bottom: 80px
}

.commerpage3 h3 {
	display: block;
	width: 100%;
	font-size: 18px;
	color: #5a5454;
	text-align: center;
	font-weight: 400;
	padding: 70px 0 50px
}

.commerpage2 .newh3title,
.commerpage3 .newh3title {
	font-size: 20px
}

.commerpage3con {
	max-width: 1200px;
	margin: 0 auto
}

.commerpage3con ul {
	width: 100%;
	margin: 0 auto;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex
}

.commerpage3con ul li {
	-prefix-box-flex: 1;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-moz-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	position: relative;
	margin: 0 10px 20px
}

.commerpage3con ul li:hover {
	box-shadow: 0 0 10px #a29999;
	-webkit-box-shadow: #a29999 0 0 10px;
	-moz-box-shadow: #a29999 0 0 10px;
	-ms-box-shadow: #a29999 0 0 10px;
	-o-box-shadow: #a29999 0 0 10px;
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1)
}

.commerpage3con ul li span {
	width: 100%;
	display: block;
	position: absolute;
	z-index: 1;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-mz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	left: 0;
	text-align: center;
	color: #fff
}

.aboutusbt {
	max-width: 1066px;
	width: 100%;
	margin: 0 auto
}

.aboutusbt .hcbt {
	display: block;
	width: 100%;
	font-size: 36px;
	line-height: 46px;
	color: #5a5454;
	text-align: center;
	font-weight: 400;
	padding: 50px 0 0
}

.aboutusbt p {
	line-height: 44px;
	font-size: 16px;
	color: #5a5454;
	text-align: left;
	margin-top: 20px
}

.aboutuspage1 {
	width: 100%;
	height: auto;
	clear: both;
	overflow: hidden;
	background: #f8f8f8;
	margin: 80px 0 0
}

.aboutuspage1 .hcbt {
	display: block;
	width: 100%;
	font-size: 36px;
	line-height: 46px;
	color: #5a5454;
	text-align: center;
	font-weight: 400;
	padding: 62px 0 48px
}

.aboutuspage1con {
	max-width: 1200px;
	margin: 0 auto
}

.aboutuspage1con h2 {
	width: auto;
	display: table;
	font-size: 20px;
	color: #5a5454;
	border-bottom: 1px solid #d4281e;
	font-weight: 700;
	padding-bottom: 4px
}

.aboutuspage1list {
	width: 1160px;
	margin: 40px auto;
	padding: 20px
}

.aboutpage1list_con {
	width: 1160px;
	height: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex
}

.aboutpage1list_con dl {
	-prefix-box-flex: 1;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-moz-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	margin: 0 4px;
	background: #fff;
	padding-bottom: 33px
}

.aboutuspage1list_hover>.aboutpage1list_con>dl:hover,
.aboutuspage1list_hover>.aboutpage1list_ul>dl:hover {
	box-shadow: 0 0 10px #a29999;
	-webkit-box-shadow: #a29999 0 0 10px;
	-moz-box-shadow: #a29999 0 0 10px;
	-ms-box-shadow: #a29999 0 0 10px;
	-o-box-shadow: #a29999 0 0 10px;
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1)
}

.aboutpage1list_con dl dt {
	width: 80px;
	margin: 24px auto 0
}

.aboutpage1list_con dl dt img {
	display: block;
	width: 100%
}

.aboutpage1list_con dl dd {
	width: 100%;
	font-size: 16px;
	text-align: center;
	margin: 12px auto 0;
	color: #5a5454
}

.aboutpage1list_ul {
	width: 1160px;
	height: 100%
}

.aboutpage1list_ul ul {
	width: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex
}

.aboutpage1list_ul ul:first-child {
	margin-bottom: 10px
}

.aboutpage1list_ul ul li {
	-prefix-box-flex: 1;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-moz-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	margin: 0 4px;
	background: #fff;
	position: relative
}

.aboutpage1list_ul ul li img {
	display: block;
	width: 100%
}

.aboutpage1list_ul ul li b {
	display: block;
	width: 100%;
	font-size: 20px;
	text-align: center;
	position: absolute;
	z-index: 1;
	top: 50%;
	left: 0;
	color: #fff;
	font-weight: 400;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%)
}

.aboutuspage2 {
	width: 100%;
	height: auto;
	clear: both;
	overflow: hidden
}

.aboutuspage2 .hcbt {
	display: block;
	width: 100%;
	font-size: 36px;
	line-height: 46px;
	color: #5a5454;
	text-align: center;
	font-weight: 400;
	padding: 62px 0 48px
}

.aboutuspage2con_action {
	max-width: 1200px;
	margin: 0 auto
}

.aboutuspage2list {
	width: 100%
}

.aboutuspage2list h2 {
	width: auto;
	display: table;
	font-size: 20px;
	color: #5a5454;
	border-bottom: 1px solid #d4281e;
	font-weight: 700;
	padding-bottom: 4px
}

.aboutuspage2_ul {
	width: 100%;
	margin: 40px 0
}

.aboutuspage2_ul,
.aboutuspage2_ul .usscroll {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex
}

.aboutuspage2_ul .usscroll .jdhcleft {
	width: auto
}

.aboutuspage2_ul .aboutusli {
	margin: 0 5px;
	overflow: hidden
}

.aboutuspage2_ul .jdhclayerbot {
	height: 60px
}

.aboutuspage2_ul .jdhclayerbot h3 {
	font-size: 20px;
	color: #fff;
	float: left;
	font-weight: 400;
	line-height: 60px
}

.aboutuspage2_ul i {
	float: right;
	width: 20px;
	margin-top: 20px
}

.aboutuspage2_ul p {
	font-size: 16px;
	color: #fff;
	clear: both;
	line-height: 24px;
	text-align: justify
}

.aboutuspage3 {
	width: 100%;
	height: auto;
	clear: both;
	overflow: hidden;
	margin: 60px 0 0;
	background: #f8f8f8;
	padding-bottom: 100px
}

.aboutuspage3 .hcbt {
	display: block;
	width: 100%;
	font-size: 36px;
	line-height: 46px;
	color: #5a5454;
	text-align: center;
	font-weight: 400;
	padding: 62px 0 48px
}

.aboutuspage3con {
	max-width: 84%
}

.aboutuspage3con .aboutpage3year {
	width: 80%;
	float: right
}

.aboutuspage3con .aboutpage3year:first-child {
	border-top: 1px solid #645e5e;
	border-right: 1px solid #645e5e;
	width: 18%;
	margin-right: 1%;
	float: left
}

.aboutuspage3con .aboutpage3year .aboutlist {
	width: 100%
}

.aboutuspage3con .aboutpage3year .aboutlist li {
	width: 100%;
	border-bottom: 1px solid #645e5e
}

.aboutuspage3con .aboutpage3year .aboutlist li a {
	display: block;
	width: 96%;
	height: 100%;
	font-size: 18px;
	color: #5a5454;
	text-align: right;
	padding: 16px 4% 16px 0;
	cursor: default
}

.aboutpage3right {
	width: 1000px;
	float: left;
	margin-left: 20px
}

.aboutpage3yearaction .aboutyearlist {
	width: 94%;
	height: 400px;
	margin: 10px 0;
	padding: 0 20px;
	overflow-y: scroll
}

.aboutpage3yearaction .aboutyearlistcon {
	position: relative
}

.aboutyearlistcon li {
	width: 100%;
	position: relative;
	border-left: 2px solid #5a5454;
	padding-bottom: 20px;
	line-height: 26px
}

.aboutyearlistcon li .node-icon {
	position: absolute;
	left: -7px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	border: 2px solid #5a5454;
	background: #f8f8f8
}

.aboutyearlistcon li .text {
	width: 100%;
	height: auto;
	clear: both;
	overflow: hidden
}

.aboutyearlistcon li .text span {
	display: inline-block;
	float: left;
	font-size: 18px;
	width: 9%;
	text-align: left;
	margin-left: 2%;
	color: #5a5454
}

.aboutyearlistcon li .text p {
	float: left;
	font-size: 16px;
	width: 84%;
	text-align: justify;
	display: inline-block;
	color: #5a5454
}

.aboutuspage3con .aboutpage3year .aboutlist .aboutclick {
	background: #e8e7e7;
	border-bottom: 2px solid #e1251b
}

.aboutpage3yearaction .aboutyearlist::-webkit-scrollbar {
	width: 3px;
	height: 3px;
	background-color: #f8f8f8
}

.aboutpage3yearaction .aboutyearlist::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
	border-radius: 10px;
	background-color: #f8f8f8;
	border: 1px solid #a9a6a6
}

.aboutpage3yearaction .aboutyearlist::-webkit-scrollbar-thumb {
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
	background-color: #5a5454
}

.platpurchase {
	max-width: 1200px;
	width: 100%;
	margin: 0 auto
}

.platpurchase .hcbt {
	display: block;
	width: 100%;
	font-size: 36px;
	line-height: 46px;
	color: #5a5454;
	text-align: center;
	font-weight: 400;
	padding: 50px 0 30px
}

.platpurchase p {
	line-height: 44px;
	font-size: 16px;
	color: #5a5454;
	text-align: center
}

.platpage1 {
	width: 100%;
	height: auto;
	clear: both;
	overflow: hidden;
	background: #f8f8f8;
	margin-top: 80px;
	padding-bottom: 80px
}

.platpage1con {
	max-width: 1200px;
	width: 100%;
	margin: 0 auto 8px
}

.platpage1action {
	width: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex
}

.platpage1action .facstorelisttop {
	-prefix-box-flex: 1;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-moz-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	margin: 0 4px
}

.platpage1 .hcbt {
	font-size: 36px;
	padding: 50px 0 10px
}

.platpage1 .h3bt,
.platpage1 .hcbt {
	display: block;
	width: 100%;
	line-height: 46px;
	color: #5a5454;
	text-align: center;
	font-weight: 400
}

.platpage1 .h3bt {
	font-size: 16px;
	padding: 0 0 40px
}

.platpage2 {
	width: 100%;
	height: auto;
	clear: both;
	overflow: hidden
}

.platpage2 .hcbt {
	display: block;
	width: 100%;
	font-size: 36px;
	line-height: 46px;
	color: #5a5454;
	text-align: center;
	font-weight: 400;
	padding: 100px 0 60px
}

.platpage2con {
	max-width: 1200px;
	margin: 0 auto 100px
}

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

.jdcypage4_action dl {
	-prefix-box-flex: 1;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-moz-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.jdcypage4_action dl dt {
	width: 110px;
	margin: 0 auto
}

.jdcypage4_action dl dd,
.jdcypage4_action dl dt img {
	display: block;
	width: 100%
}

.jdcypage4_action dl dd {
	font-size: 16px;
	text-align: center;
	margin: 16px auto 0;
	color: #5a5454
}

.jbdpage4dl,
.jbdpage4dl2 {
	max-width: 900px;
	margin: 50px auto 0
}

.jbdpage4dlwidth {
	max-width: 1200px
}

.jbdpage4dl dl dd b {
	display: block;
	font-size: 20px;
	font-weight: 400;
	clear: both
}

.jbdpage4dl dl dd span {
	display: block;
	font-size: 14px;
	clear: both;
	margin-top: 4px
}

.platpage5 {
	width: 100%;
	height: auto;
	clear: both;
	overflow: hidden;
	position: relative
}

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

.platpage5text {
	width: 100%;
	height: auto;
	position: absolute;
	z-index: 1;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	left: 0;
	text-align: center;
	color: #fff
}

.platpage5text b {
	display: block;
	font-weight: 400;
	font-size: 30px
}

.platpage5text span {
	display: block;
	font-size: 16px;
	margin-top: 40px
}

.page1mob {
	display: none !important
}

.servicetopsmallbt p {
	font-size: 20px;
	line-height: 36px
}

.botfoter {
	width: 100%;
	height: 118px;
	background: #f2f2f2;
	position: relative
}

.botfotercon {
	width: auto;
	display: table;
	margin: 0 auto;
	position: absolute;
	z-index: 1;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%)
}

.botfotercon span {
	display: block;
	width: 30px;
	margin-top: 8px;
	float: left
}

.botfotercon span img {
	display: block;
	width: 100%
}

.botfotercon b {
	font-weight: 400;
	color: #5a5454;
	margin: 0 18px 0 12px
}

.botfotercon a,
.botfotercon b {
	display: inline-block;
	font-size: 30px
}

.botfotercon a {
	color: #fff;
	text-align: center;
	background: #e1251b;
	padding: 2px 16px 6px
}

.jdbutton {
	position: relative;
	margin-bottom: 100px
}

.jdbuttoncon {
	width: 464px;
	height: 77px;
	position: absolute;
	z-index: 1;
	right: 0;
	top: 0;
	background: #595454
}

.jdbuttoncon a {
	display: block;
	float: left;
	color: #fff;
	font-size: 30px;
	text-align: center;
	line-height: 77px;
	width: 50%;
	height: 100%
}

.jdbuttoncon a b {
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	font-weight: 400
}

.jdbuttoncon a b em,
.jdbuttoncon a b img {
	display: block;
	width: 100%
}

.jdbuttoncon a b em {
	height: 100%;
	text-align: center;
	position: absolute;
	z-index: 4;
	top: 6px;
	left: 0;
	font-style: normal;
	font-size: 38px
}

.jdbuttoncon2 a b {
	left: 0;
	right: auto
}

.jdbuttoncon2 a b em {
	left: -10px
}

.jdhc_text p {
	max-width: 1200px;
	margin: 0 auto;
	line-height: 44px;
	font-size: 16px;
	color: #5a5454;
	text-align: center
}

.botact {
	position: fixed;
	z-index: 90;
	bottom: 0
}

.jdsolutionversion {
	width: 100%;
	position: relative
}

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

.jdsolutionversioncon {
	max-width: 1200px;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 1;
	top: 0;
	left: 50%;
	margin: 0 auto 0 -600px
}

.jdsolutionversioncon h1 {
	display: block;
	width: 100%;
	font-size: 36px;
	line-height: 46px;
	color: #fff;
	text-align: left;
	font-weight: 400;
	padding: 10% 0 50px
}

.jdsolutionversioncon p {
	text-align: left;
	font-size: 16px;
	color: #fff;
	line-height: 60px
}

.jdsolutionversioncon a {
	display: block;
	font-size: 30px;
	color: #fff;
	position: absolute;
	z-index: 1;
	bottom: 11%;
	right: 0;
	background: #e1251b;
	text-align: center;
	padding: 6px 20px
}

.usimgicon {
	width: 172px;
	margin: 0 auto 30px
}

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

.codehc a {
	width: 100px;
	padding: 0;
	cursor: default;
	background: none
}

.codehc a img {
	display: block;
	width: 100%
}

.codehc span {
	margin-top: 34px
}

.codehc b {
	font-size: 30px;
	margin: 0 20px 0 10px;
	float: left;
	line-height: 100px
}

.home_newsbox_action {
	width: 100%;
	padding: 100px 0 150px
}

.home_newsboxcon {
	max-width: 1460px;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	clear: both
}

.home_newsboxcontop {
	width: 90%;
	clear: both;
	overflow: hidden;
	margin: 0 auto 60px
}

.home_newsboxcontop h1 {
	display: block;
	font-size: 60px;
	color: #5a5454;
	text-align: left;
	float: left
}

.home_newsboxcontop a {
	width: 156px;
	height: 42px;
	background: #d4281e;
	margin: 13px auto 0;
	display: block;
	float: right;
	font-size: 24px;
	font-weight: 400;
	text-align: center;
	color: #fff;
	line-height: 42px
}

.home_newsboxconswiper {
	width: 100%;
	height: 500px
}

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

.home_newsboxconswiper .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: none;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center
}

.home_newsboxconswiper .swiper-pagination {
	width: 100%;
	margin-top: 50px;
	left: 0
}

.home_newsboxconswiper .swiper-pagination-bullet {
	width: 50px;
	height: 30px;
	display: inline-block;
	border-radius: 0;
	background: none;
	border-top: 3px solid #919191;
	opacity: 1;
	margin: 0 5px
}

.home_newsboxconswiper .swiper-pagination-bullet-active {
	opacity: 1;
	border-top: 3px solid #d4281e
}

.home_newssliderbox {
	width: 100%;
	height: 96%;
	position: relative
}

.home_newsslidercon {
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex
}

.home_newssliderlist {
	-prefix-box-flex: 1;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-moz-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	background: #fff;
	box-shadow: 0 0 10px #a29999;
	-webkit-box-shadow: #a29999 0 0 10px;
	-moz-box-shadow: #a29999 0 0 10px;
	-ms-box-shadow: #a29999 0 0 10px;
	-o-box-shadow: #a29999 0 0 10px;
	margin: 0 18px
}

.home_newssliderlist a {
	display: block;
	width: 100%;
	height: 100%;
	cursor: pointer
}

.home_newssliderlist a .spanimg {
	display: block;
	width: 100%;
	height: 260px;
	overflow: hidden
}

.home_newssliderlist a .spanimg img {
	display: block;
	width: 100%;
	height: 100%;
	transition: all .6s;
	-webkit-transition: all .6s;
	-moz-transition: all .6s;
	-ms-transition: all .6s;
	-o-transition: all .6s
}

.home_newssliderlist a .spanimg:hover>img {
	transform: scale(1.4);
	-webkit-transform: scale(1.4);
	-moz-transform: scale(1.4);
	-ms-transform: scale(1.4);
	-o-transform: scale(1.4)
}

.home_newssliderlist>a>label {
	display: block;
	width: 80%;
	margin: 0 auto;
	cursor: pointer
}

.home_newssliderlist>a>label>b {
	display: block;
	font-weight: 400;
	font-size: 24px;
	color: #5a5454;
	line-height: 33px;
	height: 67px;
	overflow: hidden;
	margin: 24px 0 16px;
	text-align: left
}

.home_newssliderlist>a>label>span {
	display: block;
	font-size: 14px;
	color: #5a5454;
	text-align: left;
	margin-bottom: 20px
}

.home_newssliderlist>a .home_newsbutton {
	width: 80%;
	margin: 0 auto
}

.home_newssliderlist>a .home_newsbutton span {
	display: block;
	width: 100px;
	height: 34px;
	line-height: 34px;
	font-size: 16px;
	color: #fff;
	text-align: center;
	background: #d4281e
}

.footcode {
	width: auto;
	position: absolute;
	z-index: 1;
	top: 20%;
	right: -83px
}

.footcode img {
	display: block;
	width: 70px
}

.footcode p {
	font-size: 12px;
	color: #fff;
	margin-top: 4px
}

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

.jd_dl dl {
	-prefix-box-flex: 1;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-moz-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.jddl {
	width: 83%;
	height: auto;
	clear: both;
	overflow: hidden;
	margin: 50px auto 0
}

.jddl .dltop_jl dd {
	margin-top: 7px
}

@media (max-width:1700px) and (min-width:1521px) {
	.jdsolutionversioncon h1 {
		padding: 6% 0 30px
	}

	.newstext h1 {
		font-size: 50px
	}

	.solutioncolorred span {
		font-size: 48px
	}

	.jdcypage2 .hcbt,
	.jdhcpage1 .hcbt {
		font-size: 32px
	}

	.jdcypage3 .hcbt {
		font-size: 32px;
		line-height: 52px
	}

	.jdhcpage2 .hcbt {
		font-size: 32px
	}

	.jdhcpage3 .hcbt {
		font-size: 32px;
		line-height: 52px
	}

	.jdhcpage5 h1,
	.jdhcpage6 h1 {
		font-size: 32px
	}

	.versionbox .hcbt {
		font-size: 32px;
		line-height: 52px
	}

	.jdsolutionversioncon h1,
	.versionpagebox .hcbt {
		font-size: 32px
	}

	.jdsolutionversioncon a {
		font-size: 26px
	}

	.jdjlpage3 .hcbt {
		font-size: 32px;
		line-height: 52px
	}

	.solutionbtcolor h1 b {
		font-size: 48px
	}

	.facstorepage3con h1 {
		font-size: 32px
	}

	.facstorepage1con ul li .faclist b {
		font-size: 20px
	}

	.commerpage2 .hcbt,
	.productpage3 .hcbt,
	.productpage4 .hcbt,
	.servicepage2con h1,
	.servicepage3con h1 {
		font-size: 32px
	}

	.productpage4 .littletitle {
		font-size: 20px
	}

	.aboutusbt .hcbt,
	.aboutuspage1 .hcbt,
	.aboutuspage2 .hcbt,
	.aboutuspage3 .hcbt {
		font-size: 32px
	}

	.homejd_page6listconfasc dl dd {
		float: left;
		margin-left: 14px;
		width: 74%;
		margin-top: 6px
	}
}

@media (max-width:1520px) and (min-width:1400px) {
	.homejdtext2 {
		bottom: 200px
	}

	.home_newsboxcon {
		max-width: 1338px
	}

	.logo-wrapper {
		padding: 8px 0 0
	}

	.jdsolutionversioncon h1 {
		padding: 6% 0 30px
	}

	.page1text h1 {
		font-size: 46px;
		margin-bottom: 10px
	}

	.page1text p {
		font-size: 28px;
		line-height: 42px
	}

	.video-icon {
		width: 60px;
		height: 60px;
		margin: 30px auto 0
	}

	.page3text {
		max-width: 1200px;
		bottom: 136px;
		left: 50%;
		margin-left: -600px
	}

	.page3text h1 {
		font-size: 46px;
		margin-bottom: 24px
	}

	.page3text p {
		font-size: 28px;
		margin-bottom: 4px;
		line-height: 38px
	}

	.page4con dl {
		width: 20%
	}

	.page4con dl dt {
		width: 82px
	}

	.page4con dl dd b {
		font-size: 16px;
		margin: 20px auto 10px;
		line-height: 23px;
		height: 58px
	}

	.page4con dl dd span {
		font-size: 14px
	}

	.page4con dl dd a {
		width: 92px;
		height: 30px;
		margin: 38px auto 0;
		font-size: 14px;
		line-height: 30px
	}

	.page5text {
		max-width: 1200px;
		bottom: 136px;
		left: 50%;
		margin-left: -600px
	}

	.page5top h1 {
		font-size: 46px;
		margin-bottom: 24px
	}

	.page5top p {
		font-size: 28px;
		margin-bottom: 4px;
		line-height: 38px
	}

	.page5bot-con .page5left span {
		width: 190px;
		margin: 0 auto 26px
	}

	.page5bot-con .page5left p {
		font-size: 20px
	}

	.page5bot-con .page5left a {
		width: 92px;
		height: 30px;
		margin: 38px auto 0;
		font-size: 14px;
		line-height: 30px
	}

	.page5bot {
		padding: 66px 0
	}

	.page5bot-con_2 ul li:first-child,
	.page5bot-con_2 ul li:nth-child(3),
	.page5bot-con_2 ul li:nth-child(5) {
		width: 270px
	}

	.page5bot-con_2 .page5left p {
		font-size: 22px;
		color: #5a5454;
		text-align: center;
		line-height: 36px
	}

	.page5bot-con_2 .border {
		display: block;
		width: 1px;
		margin: 0 62px
	}

	.page7 .page5bot-con .page5left span {
		width: 196px
	}

	.homenewsbox {
		max-width: 1050px
	}

	.homenewsbox .homebt {
		font-size: 46px;
		margin: 0 0 60px 55px;
		padding-top: 68px
	}

	.homenewscon .homenewslist:nth-child(2) {
		margin: 0 40px
	}

	.homenewstop {
		height: 436px
	}

	.homenewslist .homenewstext b {
		font-size: 20px;
		line-height: 30px;
		height: 62px;
		margin: 0 0 16px
	}

	.homenewslist .homenewstext {
		width: 74.8%;
		margin: 0 auto;
		border-bottom: 1px solid #5a5454;
		padding-bottom: 20px;
		padding-top: 24px
	}

	.homenewslist label b {
		font-size: 22px;
		line-height: 34px;
		height: 70px;
		margin: 26px 0 14px
	}

	.homenewslist {
		padding-bottom: 40px
	}

	.homenewslist .spanimg {
		height: 218px
	}

	.platpurchase .hcbt {
		font-size: 32px;
		line-height: 36px;
		padding: 50px 0 30px
	}

	.platpurchase p {
		line-height: 44px;
		font-size: 15px
	}

	.platpage1 {
		margin-top: 70px;
		padding-bottom: 70px
	}

	.platpage1 .hcbt {
		font-size: 32px;
		line-height: 36px;
		padding: 50px 0 10px
	}

	.platpage1 .h3bt {
		font-size: 16px
	}

	.platpage2 .hcbt {
		font-size: 32px;
		line-height: 36px;
		padding: 50px 0 30px
	}

	.home_newsboxcontop h1 {
		font-size: 46px
	}

	.home_newsboxcontop a {
		width: 156px;
		height: 42px;
		margin: 6px auto 0;
		font-size: 22px
	}

	.jdbuttoncon {
		width: 336px;
		height: 50px
	}

	.jdbuttoncon a {
		font-size: 22px;
		text-align: center;
		line-height: 50px
	}

	.jdbuttoncon a b em {
		font-size: 24px;
		top: 1px
	}

	.jdbuttoncon a b {
		display: block;
		width: 50%
	}

	.newstext h1 {
		font-size: 50px
	}

	.solutioncolorred span {
		font-size: 48px
	}

	.jdcypage2 .hcbt,
	.jdhcpage1 .hcbt {
		font-size: 32px
	}

	.jdcypage3 .hcbt {
		font-size: 32px;
		line-height: 52px
	}

	.jdhcpage2 .hcbt {
		font-size: 32px
	}

	.jdhcpage3 .hcbt {
		font-size: 32px;
		line-height: 52px
	}

	.jdhcpage5 h1,
	.jdhcpage6 h1 {
		font-size: 32px
	}

	.versionbox .hcbt {
		font-size: 32px;
		line-height: 52px
	}

	.jdsolutionversioncon h1,
	.versionpagebox .hcbt {
		font-size: 32px
	}

	.jdsolutionversioncon a {
		font-size: 26px
	}

	.jdjlpage3 .hcbt {
		font-size: 32px;
		line-height: 52px
	}

	.solutionbtcolor h1 b {
		font-size: 48px
	}

	.facstorepage3con h1 {
		font-size: 32px
	}

	.facstorepage1con ul li .faclist b {
		font-size: 20px
	}

	.commerpage2 .hcbt,
	.productpage3 .hcbt,
	.productpage4 .hcbt,
	.servicepage2con h1,
	.servicepage3con h1 {
		font-size: 32px
	}

	.productpage4 .littletitle {
		font-size: 20px
	}

	.aboutusbt .hcbt,
	.aboutuspage1 .hcbt,
	.aboutuspage2 .hcbt,
	.aboutuspage3 .hcbt {
		font-size: 32px
	}

	.homejd_page6listconfasc dl dd {
		float: left;
		margin-left: 14px;
		width: 70%;
		margin-top: 6px
	}
}

@media (max-width:1300px) {
	.leftsection {
		display: none
	}
}

@media (max-width:1400px) and (min-width:769px) {

	.header,
	body {
		min-width: 1200px
	}

	.footcode {
		width: auto;
		position: absolute;
		z-index: 1;
		top: 20%;
		right: -83px
	}

	.footcode img {
		display: block;
		width: 70px;
		margin: 0 auto
	}

	.footcode p {
		font-size: 12px;
		text-align: center;
		margin-top: 10px
	}

	.homejdtext2 {
		bottom: 172px
	}

	.homejdtext2bot {
		bottom: 146px
	}

	.homejdtext h1 {
		font-size: 36px
	}

	.homejdtext p {
		font-size: 20px;
		margin-top: 34px
	}

	.homejdtext {
		bottom: 196px
	}

	.homejdbox .swiper-container-horizontal>.swiper-pagination-bullets,
	.swiper-pagination-custom,
	.swiper-pagination-fraction {
		bottom: 128px
	}

	.homejdtext2 h1 {
		font-size: 36px
	}

	.homejdtext2 p {
		font-size: 20px;
		margin-top: 34px;
		line-height: 30px
	}

	.homejd_resg {
		width: 154px;
		height: 40px;
		margin: 20px auto 0
	}

	.homejd_resg a {
		line-height: 40px
	}

	.homejdbox .swiper-button-next,
	.swiper-container-rtl .swiper-button-prev {
		right: 40px;
		left: auto;
		outline: none
	}

	.homejdbox .swiper-button-prev,
	.swiper-container-rtl .swiper-button-next {
		left: 40px;
		right: auto;
		outline: none
	}

	.homejd_newsbox {
		height: 114px
	}

	.homejdtopcon a {
		font-size: 14px;
		line-height: 24px;
		padding: 22px 38px 0
	}

	.homejd_bt {
		font-size: 36px
	}

	.homejd_p {
		font-size: 20px;
		margin-top: 34px
	}

	.homejd_page2action .homejdli span {
		width: 80px
	}

	.homejd_page2action .homejdli span img {
		display: block;
		width: 100%
	}

	.homejd_page2action ul li .homejdli b {
		margin-top: 20px;
		font-size: 18px
	}

	.homejd_page3action ul li a {
		padding: 16px 0 26px;
		font-size: 16px
	}

	.homejd_page3list h1 {
		font-size: 22px;
		margin: 44px 0 20px
	}

	.homejd_page3list span {
		font-size: 20px
	}

	.homejd_page3list p {
		font-size: 16px;
		line-height: 30px
	}

	.homejd_more {
		width: 100px;
		height: 36px;
		font-size: 16px;
		line-height: 36px;
		margin-top: 26px
	}

	.homejd_page3 {
		width: 100%;
		height: 646px
	}

	.homejd_bt2 {
		color: #fff;
		padding-top: 60px
	}

	.homejd_page3action {
		margin-top: 38px
	}

	.homejd_page4btn {
		width: 100px;
		height: 36px;
		font-size: 16px;
		line-height: 36px;
		margin: 30px auto 50px
	}

	.homejd_page4action dl dt {
		width: 86px;
		margin: 0 5% 0 24%
	}

	.homejd_page4action dl dt img {
		display: block;
		width: 100%
	}

	.homejd_page4action dl dd {
		font-size: 18px;
		margin-top: 38px
	}

	.homejd_page6list label a {
		width: 100px;
		height: 36px;
		font-size: 16px;
		line-height: 36px;
		margin: 30px auto 50px
	}

	.homejd_page6listplatform dl dt {
		width: 60px !important;
		margin-left: 0 !important
	}

	.homejd_page6listplatform dl dd b {
		font-size: 16px;
		margin: 11px 0 6px
	}

	.homejd_page6listplatform dl dd span {
		font-size: 14px
	}

	.homejd_page6listplatform dl dd {
		margin-left: 5px
	}

	.homejd_page6listcon dl dt {
		width: 60px;
		margin-left: 28px !important
	}

	.homejd_page6listcon dl dt img {
		display: block;
		width: 100%
	}

	.homejd_page6listconfasc dl dd {
		margin-left: 14px;
		width: 70%
	}

	.homejd_page6listcon dl dd b {
		font-size: 16px;
		margin: 0 0 11px
	}

	.homejd_page6listcon dl dd span {
		font-size: 14px;
		line-height: 22px
	}

	.homejd_page6listplatform dl dd {
		margin-left: 6px;
		width: 54%
	}

	.homejd_page6listplatform dl dd b {
		margin: 14px 0 6px
	}

	.jdsolutionversioncon {
		max-width: 80%;
		left: 10%;
		margin-left: 0
	}

	.jdsolutionversioncon h1 {
		padding: 6% 0 20px;
		font-size: 32px
	}

	.jdsolutionversioncon p {
		line-height: 50px
	}

	.logo-wrapper {
		padding: 4px 0 0 20px
	}

	.page1text h1 {
		font-size: 36px;
		margin-bottom: 10px
	}

	.page1text p {
		font-size: 22px;
		line-height: 30px
	}

	.video-icon {
		width: 66px;
		height: 66px;
		margin: 20px auto 0
	}

	.page2 {
		width: 100%;
		height: auto;
		background: #fff;
		padding: 50px 0 48px
	}

	.page3text {
		max-width: 1000px;
		bottom: 100px;
		left: 50%;
		margin-left: -500px
	}

	.page3text h1 {
		font-size: 36px;
		margin-bottom: 24px
	}

	.page3text p {
		font-size: 18px;
		margin-bottom: 4px;
		line-height: 24px
	}

	.page4con dl {
		width: 20%
	}

	.page4con dl:nth-child(4) {
		width: 18%
	}

	.page4con dl:first-child {
		width: 22%
	}

	.page4con dl dt {
		width: 62px
	}

	.page4con dl dd b {
		font-size: 15px;
		margin: 20px auto 10px;
		line-height: 24px;
		height: 58px
	}

	.page4con dl dd span {
		font-size: 14px
	}

	.page4con dl dd a {
		width: 80px;
		height: 26px;
		margin: 38px auto 0;
		font-size: 12px;
		line-height: 26px
	}

	.page4 {
		padding: 54px 0
	}

	.page5text {
		max-width: 1000px;
		bottom: 100px;
		left: 50%;
		margin-left: -500px
	}

	.page5top h1 {
		font-size: 36px;
		margin-bottom: 24px
	}

	.page5top p {
		font-size: 18px;
		margin-bottom: 4px;
		line-height: 24px
	}

	.page5bot-con .page5left span {
		width: 148px;
		margin: 0 auto 26px
	}

	.page5bot-con .page5left p {
		font-size: 16px
	}

	.page5bot-con .page5left a {
		width: 80px;
		height: 26px;
		margin: 38px auto 0;
		font-size: 12px;
		line-height: 26px
	}

	.page5bot-con .border {
		margin: 0 84px
	}

	.page6 .page6text a {
		width: 80px;
		height: 26px;
		margin: 30px 0 0;
		font-size: 12px;
		line-height: 26px
	}

	.page5bot {
		padding: 55px 0
	}

	.page5bot-con_2 ul li:first-child,
	.page5bot-con_2 ul li:nth-child(3),
	.page5bot-con_2 ul li:nth-child(5) {
		width: 270px
	}

	.page5bot-con_2 .page5left p {
		font-size: 16px;
		color: #5a5454;
		text-align: center;
		line-height: 28px
	}

	.newspage2list h2 {
		display: block;
		font-size: 14px;
		color: #333
	}

	.page5bot-con_2 .border {
		display: block;
		width: 1px;
		margin: 0 18px
	}

	.page7 .page5bot-con .page5left span {
		width: 154px
	}

	.homenewsbox {
		max-width: 826px
	}

	.homenewsbox .homebt {
		font-size: 36px;
		margin: 0 0 36px 55px;
		padding-top: 44px
	}

	.homenewscon .homenewslist:nth-child(2) {
		margin: 0 34px
	}

	.homenewstop {
		height: 360px
	}

	.homenewstop .spanimg {
		display: block;
		width: 100%;
		height: 170px;
		overflow: hidden
	}

	.homenewslist .homenewstext b {
		font-size: 18px;
		line-height: 26px;
		height: 52px;
		margin: 0 0 16px
	}

	.homenewslist .homenewstext span {
		font-size: 12px
	}

	.homenewslist .homenewstext {
		width: 85.8%;
		margin: 0 auto;
		border-bottom: 1px solid #5a5454;
		padding-bottom: 14px;
		padding-top: 18px
	}

	.homenewslist label {
		width: 85.8%
	}

	.homenewslist label b {
		font-size: 18px;
		line-height: 26px;
		height: 55px;
		margin: 19px 0 14px
	}

	.homenewslist label span {
		font-size: 12px
	}

	.homenewslist {
		padding-bottom: 24px
	}

	.homenewslist .homebutton {
		width: 80px;
		height: 26px;
		margin: 0 0 0 7.5%;
		font-size: 12px;
		line-height: 26px
	}

	.home-news {
		padding-bottom: 55px
	}

	.newsactionmargin,
	.newspagebox {
		max-width: 900px
	}

	.newspagebox {
		margin: 0 auto
	}

	.newspageright.fixed {
		position: fixed;
		right: calc((100% - 900px)/2);
		width: 270px
	}

	.newspageleft .nbt {
		font-size: 24px;
		margin: 42px 0 20px
	}

	.newspage-list span {
		margin: 0 auto 26px
	}

	.newspage-list p {
		font-size: 14px;
		line-height: 24px;
		margin: 10px 0;
		text-indent: 30px
	}

	.newspagetext b {
		font-size: 14px;
		margin: 9px 0;
		line-height: 24px
	}

	.newspagetext span {
		margin-bottom: 10px
	}

	.newstext {
		max-width: 900px;
		position: absolute;
		z-index: 1;
		bottom: 86px;
		left: 50%;
		margin-left: -450px
	}

	.newsactionlist {
		max-width: 900px;
		margin: 46px auto 0
	}

	.newspageNav ul {
		max-width: 900px;
		margin: 0 auto
	}

	.newslist dl dd .ddtext b {
		font-size: 18px;
		margin-top: 18px;
		line-height: 28px;
		height: 58px
	}

	.newslist dl dd .ddtext p {
		font-size: 16px;
		margin-top: 12px
	}

	.newslist dl {
		width: 45.79%;
		float: left;
		margin-bottom: 46px
	}

	.newslist dl dt {
		height: 276px
	}

	.newstext h1 {
		font-size: 40px;
		margin-bottom: 0
	}

	.solutioncolorred span {
		font-size: 38px;
		padding: 0 20px;
		/*margin-left: -20px*/
	}

	.newstext p {
		font-size: 38px;
		line-height: 50px
	}

	.solutionbtcolor h1 b {
		width: 250px
	}

	.jdhcaction .newstop ul,
	.jdhcpage1,
	.jdlist {
		max-width: 1000px
	}

	.jdhcpage1 .hcbt {
		font-size: 30px;
		line-height: 36px;
		padding: 50px 0 30px
	}

	.jdhcpage1 p {
		line-height: 44px;
		font-size: 16px
	}

	.jdsurvey_cy .line {
		margin: 0 56px;
		height: 74px
	}

	.jdsurvey_cy dl dd {
		font-size: 16px;
		margin-left: 20px;
		line-height: 28px;
		margin-top: 12px
	}

	.jdsurvey_cy dl dt {
		width: 60px;
		margin-top: 10px
	}

	.jdcypage2 .hcbt {
		font-size: 30px;
		line-height: 46px;
		padding: 45px 0 30px
	}

	.jdhcpage2con {
		max-width: 900px
	}

	.jdcypage2 .jdcypage2left:nth-child(2) {
		margin: 0 20px
	}

	.jdcypage2 .jdcypage2left .jdhclayer {
		height: 56px
	}

	.jdcypage2 .jdcypage2left .jdhclayer .jdhctextbox h3 {
		font-size: 18px;
		line-height: 24px;
		margin-top: 5px
	}

	.jdcypage2 .jdcypage2left .jdhclayer .jdhctextbox i {
		width: 16px;
		margin-top: 22px
	}

	.jdcypage2 .jdcypage2left .jdhclayer .jdhctextbox p {
		font-size: 14px;
		line-height: 24px
	}

	.jdcypage3 {
		max-width: 900px
	}

	.jdcypage3 .hcbt {
		font-size: 30px;
		line-height: 44px;
		padding: 50px 10px 30px
	}

	.jdcypage4_action ul li b {
		font-size: 18px
	}

	.jdhcpage4con {
		max-width: 900px
	}

	.jdhcleftver .jdhctextbox .verh3 {
		line-height: 18px;
		margin-top: 12px;
		margin-bottom: 50px;
		font-size: 16px
	}

	.jdhcleftver .jdhctextbox p {
		line-height: 20px;
		margin-bottom: 12px
	}

	.versionbox {
		max-width: 1000px
	}

	.versionbox .hcbt,
	.versionpagebox .hcbt {
		font-size: 30px;
		line-height: 48px;
		padding: 50px 0 30px
	}

	.jdsolutionversioncon a {
		font-size: 28px;
		padding: 6px 20px
	}

	.versionpagebot {
		max-width: 1000px
	}

	.jshcversionbt .jdhcdlser {
		margin: 40px 0 0
	}

	.jdhcpage5con {
		height: 440px;
		width: 100%;
		position: relative;
		overflow: hidden
	}

	.jdhcpage5con>img {
		width: auto;
		height: 100%
	}

	.footercon {
		max-width: 900px
	}

	.jdc-footer-channel {
		min-height: 280px
	}

	.footer .jdc-footer-wrap {
		max-width: 900px
	}

	.jdc-footer-link span {
		margin: 0
	}

	.jdpage2box {
		max-width: 1000px
	}

	.jdhclayerbot {
		height: 56px
	}

	.jdhctextbox h3 {
		font-size: 18px;
		line-height: 56px
	}

	.jdhctextbox p {
		font-size: 14px;
		line-height: 24px
	}

	.jdhctextbox i {
		width: 16px;
		margin-top: 22px
	}

	.jdhcpage2 .hcbt {
		font-size: 30px;
		line-height: 54px;
		padding: 50px 0 30px
	}

	.jdhcpage3 {
		max-width: 1000px
	}

	.jdhcpage3 .hcbt {
		font-size: 30px;
		line-height: 48px;
		padding: 50px 0 30px
	}

	.jdhcpage3_action_2 li .li1 {
		height: 56px
	}

	.jdhcpage5 h1 {
		font-size: 30px;
		line-height: 62px;
		padding: 50px 0 30px
	}

	.jdhcpage5layer_con span {
		font-size: 18px;
		color: #fff;
		margin: 40px 0 22px
	}

	.jdhcpage5layer_con p {
		font-size: 14px;
		line-height: 28px
	}

	.jdhcpage6 h1 {
		font-size: 30px;
		line-height: 62px;
		padding: 50px 0 10px
	}

	.jdhcpage4list dl dt {
		width: 80px
	}

	.jdhcpage4list dl dd {
		font-size: 14px
	}

	.jdjlpage3 .hcbt {
		font-size: 30px;
		line-height: 48px;
		padding: 50px 10px 30px
	}

	.jdjlpage3 {
		max-width: 1000px
	}

	.jdjlpage3action dl dt {
		width: 100px;
		margin: 50px auto 24px
	}

	.jdjlpage3action dl {
		height: 244px
	}

	.jxpage4box .jxpage4con {
		max-width: 1000px
	}

	.aboutusbt .hcbt {
		font-size: 30px;
		line-height: 36px;
		padding: 50px 0 10px
	}

	.aboutusbt p {
		line-height: 44px;
		font-size: 16px
	}

	.aboutuspage1 .hcbt {
		font-size: 30px;
		line-height: 54px;
		padding: 50px 10px 30px
	}

	.aboutuspage1con {
		max-width: 1000px
	}

	.aboutpage1list_con,
	.aboutpage1list_ul,
	.aboutuspage1list {
		width: 960px
	}

	.jdvop_p {
		font-size: 16px
	}

	.aboutuspage1con h2 {
		font-size: 15px
	}

	.aboutusbt {
		max-width: 960px
	}

	.aboutuspage2 .hcbt {
		font-size: 30px
	}

	.aboutuspage2list h2 {
		font-size: 15px
	}

	.aboutuspage2con_action {
		max-width: 1000px;
		margin: 0 auto
	}

	.aboutuspage3 .hcbt {
		font-size: 30px
	}

	.aboutuspage3con .aboutpage3year .aboutlist li a {
		font-size: 16px
	}

	.aboutyearlistcon li .text span {
		font-size: 16px;
		width: 9%
	}

	.aboutyearlistcon li .text p {
		font-size: 14px;
		width: 88%
	}

	.aboutuspage3con {
		max-width: 94%
	}

	.facstorepage1con ul li .faclist b {
		font-size: 20px
	}

	.commerpage2 .hcbt {
		font-size: 30px;
		line-height: 54px;
		padding: 50px 10px 20px
	}

	.commerpage2 h3 {
		margin-bottom: 40px
	}

	.commerpage2con {
		max-width: 900px;
		margin: 0 auto
	}

	.commerpage2con ul li .commerlist span {
		width: 60px
	}

	.commerpage2con ul li .commerlist b {
		margin-top: 15px;
		font-size: 15px
	}

	.commerpage3 h3 {
		padding: 60px 0 40px
	}

	.commerpage3con {
		max-width: 900px;
		margin: 0 auto
	}

	.commerpage3con ul li span {
		font-size: 15px
	}

	.facstorebt .linefac {
		margin: 30px auto
	}

	.producepage1 {
		max-width: 1000px;
		margin-top: 24px
	}

	.producepage2 {
		max-width: 1000px;
		margin: 80px auto
	}

	.producepage2 .producepage2con:nth-child(2) {
		margin-top: 50px
	}

	.productpage3 .hcbt {
		font-size: 30px;
		line-height: 46px;
		padding: 62px 0 48px
	}

	.productpage3 .jdgyphcbt {
		padding: 62px 0 18px
	}

	.card-list,
	.productpage3con {
		max-width: 1000px
	}

	.card-back .cardlayer span {
		width: 70px
	}

	.productpage4 .hcbt {
		font-size: 30px;
		line-height: 46px;
		padding: 62px 0 48px
	}

	.productpage4 .littletitle {
		font-size: 20px
	}

	.productpage4con {
		max-width: 1000px;
		margin: 0 auto 100px
	}

	.productpage4con ul li .productspan {
		font-size: 16px;
		line-height: 24px
	}

	.productlistlayer b {
		font-size: 16px
	}

	.productlistlayer span {
		font-size: 14px
	}

	.platpage1con,
	.platpage2con,
	.platpurchase {
		max-width: 1000px
	}

	.platpage2con {
		margin: 0 auto 80px
	}

	.jdcypage4_action dl dt {
		width: 80px
	}

	.jbdpage4dl2 {
		max-width: 800px;
		margin: 50px auto 0
	}

	.platpurchase .hcbt {
		font-size: 30px;
		line-height: 36px;
		padding: 50px 0 30px
	}

	.platpurchase p {
		line-height: 44px;
		font-size: 16px
	}

	.platpage1 {
		margin-top: 70px;
		padding-bottom: 70px
	}

	.platpage1 .hcbt {
		font-size: 30px;
		line-height: 36px;
		padding: 50px 0 10px
	}

	.platpage1 .h3bt {
		font-size: 16px
	}

	.platpage2 .hcbt {
		font-size: 30px;
		line-height: 36px;
		padding: 50px 0 30px
	}

	.facstorepage1con {
		max-width: 1000px
	}

	.facstorepage1con ul:nth-child(2) {
		max-width: 750px
	}

	.facstorepage1 {
		margin: 40px 0 30px
	}

	.jdcypage2 {
		margin-top: 60px;
		padding-bottom: 40px
	}

	.facstorepage2 {
		max-width: 800px
	}

	.facstorepage3con h1 {
		font-size: 30px;
		padding: 62px 0 48px
	}

	.facstorepage3con {
		max-width: 1000px
	}

	.facstoreright .facstorelisttop:nth-child(2) {
		margin-top: 16px
	}

	.servicepage1con {
		max-width: 1000px
	}

	.servicepage1left h1 {
		margin: 76px 0 20px;
		font-size: 23px
	}

	.servicepage2con h1 {
		font-size: 30px
	}

	.servicepage2con {
		max-width: 1000px
	}

	.servicepage2 .servicelist span {
		transform: translateY(-35%);
		-webkit-transform: translateY(-35%);
		-moz-transform: translateY(-35%);
		-ms-transform: translateY(-35%);
		-o-transform: translateY(-35%);
		position: absolute;
		top: 35%
	}

	.servicepage3con h1 {
		font-size: 30px
	}

	.servicepage3con {
		max-width: 1160px;
		margin: 0 auto
	}

	.serviceswiper {
		width: 980px
	}

	.serviceswiper dl dt .servicedt>b {
		font-size: 24px
	}

	.serviceswiper dl dt .servicedt label span,
	.serviceswiper dl dt .servicedt p {
		font-size: 16px;
		line-height: 28px
	}

	.servicescroll {
		height: 502px
	}

	.servicepage3 {
		padding-bottom: 150px
	}

	.servicelayer {
		font-size: 16px;
		line-height: 24px
	}

	.servicetopsmallbt p {
		font-size: 20px;
		line-height: 32px;
		margin-top: 16px
	}

	.jdbutton {
		position: relative;
		margin-bottom: 100px
	}

	.jdbuttoncon {
		width: 300px;
		height: 50px
	}

	.jdbuttoncon a {
		font-size: 20px;
		text-align: center;
		line-height: 50px
	}

	.jdbuttoncon a b em {
		font-size: 22px;
		top: 1px
	}

	.jdbuttoncon a b {
		display: block;
		width: 50%
	}

	.home_newsbox_action {
		padding: 60px 0 100px
	}

	.home_newsboxcontop {
		margin: 0 auto 40px
	}

	.home_newsboxcontop h1 {
		font-size: 36px
	}

	.home_newsboxcontop a {
		width: 134px;
		height: 36px;
		margin: 2px auto 0;
		font-size: 20px;
		line-height: 36px
	}

	.home_newsboxconswiper {
		height: 470px
	}

	.home_newssliderlist a .spanimg {
		height: 250px
	}

	.home_newssliderlist>a>label>b {
		font-size: 18px;
		line-height: 28px;
		height: 54px;
		margin: 19px 0
	}

	.home_newssliderlist>a .home_newsbutton {
		width: 80px;
		height: 26px;
		margin: 0 0 0 10%;
		font-size: 12px;
		line-height: 26px
	}

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

	.jd_dl dl {
		-prefix-box-flex: 1;
		-webkit-box-flex: 1;
		-webkit-flex: 1;
		-moz-box-flex: 1;
		-ms-flex: 1;
		flex: 1
	}

	.jddl .dltop_jl dd {
		margin-top: 0
	}

	.solutionpage5concy ul li span {
		display: block;
		float: left;
		width: 80px;
		margin-left: 10%
	}

	.solutionpage5concy ul li span img {
		width: 100%
	}

	.solutionpage5concy ul li {
		padding: 20px 0
	}

	.solutionpage5concy ul li b {
		display: block;
		float: left;
		font-weight: 400;
		margin: 20px 0 0 30px
	}
}

@media (max-width:1400px) {
	.homejd_page6listcon dl dt {
		width: 60px;
		margin-left: 50px !important
	}
}

@media (max-width:750px) and (min-width:600px) {
	.page1text {
		bottom: 3em
	}

	.page1text h1 {
		font-size: 2em;
		margin-bottom: .6em
	}

	.page1text p {
		font-size: 1.2em;
		line-height: 20px;
		margin-bottom: 0
	}

	.video-icon {
		width: 3em;
		height: 3em;
		margin: .8em auto 0
	}

	.page2con {
		max-width: 86%
	}

	.page2 {
		padding: 2em 0 3em
	}

	.page3text {
		max-width: none;
		width: 95%;
		bottom: 3em;
		left: -5%;
		margin-left: 0
	}

	.page3text h1 {
		font-size: 2em;
		margin-bottom: .6em
	}

	.page3text p {
		font-size: 1.2em;
		line-height: 1.6em;
		margin-bottom: 0
	}

	.page3text .textp {
		margin-top: .3em
	}

	.page4con {
		max-width: 86%
	}

	.page4con a {
		display: block;
		width: 100%;
		height: 100%;
		clear: both;
		overflow: hidden;
		margin-bottom: .8em
	}

	.page4con dl {
		width: 100%
	}

	.page6 .page6text {
		max-width: none;
		width: 95%;
		bottom: 3em;
		left: 5%;
		margin-left: 0
	}

	.page4con dl:first-child,
	.page4con dl:nth-child(4) {
		width: 100%
	}

	.page4con dl dt {
		width: 3em;
		float: left
	}

	.page4con dl dd {
		float: right;
		width: 80%;
		border-bottom: 1px solid #707070;
		padding-bottom: .8em
	}

	.page4con dl dd .ddleft {
		width: 94%;
		float: left
	}

	.page4con dl dd b {
		font-size: 1em;
		margin: 0 auto .5em;
		height: auto;
		line-height: normal;
		text-align: left
	}

	.page4con dl dd span {
		font-size: .8em;
		width: 100%;
		text-align: left
	}

	.page4con dl dd i {
		display: block;
		float: right;
		width: 2%;
		margin-top: 3%
	}

	.page4con dl dd i img {
		display: block;
		width: 100%
	}

	.page4 {
		padding: 3em 0
	}

	.page5text {
		max-width: none;
		width: 95%;
		bottom: 3em;
		left: 5%;
		margin-left: 0
	}

	.page5top h1 {
		font-size: 2em;
		margin-bottom: .6em
	}

	.page5top p {
		font-size: 1.2em;
		line-height: 1.6em;
		margin-bottom: 0
	}

	.page5bot-con {
		max-width: 86%
	}

	.page5bot-con ul li {
		width: 100%;
		margin: 0;
		padding: 0;
		clear: both
	}

	.page5bot-con ul li.liborder {
		width: 1px;
		margin: 0 4%;
		padding: 0
	}

	.page5bot-con ul li i {
		display: block;
		width: 5%;
		margin: 2em auto
	}

	.page5bot-con ul li i img {
		display: block;
		width: 100%
	}

	.page5bot-con .page5left {
		width: 100%
	}

	.page5bot-con .page5left span {
		width: 44%;
		margin: 0 auto 16px
	}

	.page5bot-con .page5left p {
		font-size: 1.2em
	}

	.page5bot-con a {
		display: block;
		width: 100%;
		height: 100%;
		clear: both;
		overflow: hidden
	}

	.page5bot-con .liiconup {
		width: 100%;
		float: none;
		margin: 2em auto;
		border-bottom: 1px solid #d4281e
	}

	.page5bot-con_2 {
		max-width: 86%;
		margin: 0 auto
	}

	.page5bot-con_2 ul li:first-child,
	.page5bot-con_2 ul li:nth-child(3),
	.page5bot-con_2 ul li:nth-child(5) {
		width: 100%
	}

	.page5bot-con_2 .page5left p {
		font-size: 1.2em
	}

	.page5bot-con_2 ul {
		width: 100%
	}

	.page6 .page6text a {
		display: none
	}

	.page5bot {
		padding: 2.6em 0
	}

	.page7 .page5bot-con .page5left span {
		width: 34%;
		margin-bottom: .1em
	}

	.page7 .page5bot-con ul li i {
		display: block;
		width: 3%;
		margin: 1.4em auto
	}

	.page7mob {
		padding: 2.6em 0 1.6em
	}

	.homenewsbox {
		max-width: 90%
	}

	.homenewsbox .homebt {
		font-size: 1.4em;
		margin: 0 0 .8em .4em;
		padding-top: 2em;
		color: #5a5454
	}

	.homenewscon .homenewslist:nth-child(2) {
		margin: 0 0 .8em
	}

	.homenewscon {
		display: block
	}

	.homenewscon .homenewslist {
		width: 100%;
		height: 7.6em;
		clear: both;
		margin-bottom: .8em;
		overflow: hidden;
		padding-bottom: 0;
		cursor: pointer
	}

	.homenewslist .spanimg {
		width: 48%;
		float: left
	}

	.homenewslist .spanimg a {
		display: block;
		width: 100%;
		height: 100%
	}

	.homenewscon .homenewslist:last-child {
		height: auto
	}

	.homenewscon .homenewslist:nth-child(3) {
		width: 100%;
		padding-bottom: 1em
	}

	.homenewscon .homenewslist:nth-child(3) .homenewstop,
	.homenewstop {
		height: auto
	}

	.homenewslist .homenewstext b {
		font-size: 1em;
		line-height: 1.6em;
		height: 3em;
		margin: 0 0 16px;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2
	}

	.homenewstop .homenewstext:last-child {
		border-bottom: 0
	}

	.homenewslist .homenewstext span {
		font-size: 12px
	}

	.homenewslist .homenewstext {
		width: 90%;
		margin: 0 auto;
		border-bottom: 1px solid #5a5454;
		padding-bottom: 14px;
		padding-top: 12px
	}

	.homenewslist label {
		width: 47.8%;
		float: left;
		margin-left: 2%
	}

	.homenewslist label b {
		font-size: 1em;
		line-height: 1.6em;
		height: 4.6em;
		margin: .6em 0 .8em
	}

	.homenewslist label span {
		font-size: 12px;
		position: relative
	}

	.homenewslist label span:after {
		content: "";
		background-repeat: no-repeat;
		background-size: 100%;
		position: absolute;
		width: 3%;
		height: 2.4em;
		z-index: 100;
		top: -.1em;
		right: 0
	}

	.homenewslist {
		padding-bottom: 1em
	}

	.homenewslist .homebutton {
		width: 5em;
		height: 2em;
		margin: 0 0 0 4%;
		font-size: .8em;
		line-height: 2em;
		display: none
	}

	.homenewslist:nth-child(3) .homebutton {
		display: block
	}

	.page2left {
		float: none;
		width: 50%;
		margin: 0 auto
	}

	.page2right {
		float: none;
		width: 94%;
		margin: 2em auto 0
	}

	.home-news {
		padding-bottom: 55px;
		border-top: 1px solid #707070
	}

	.newsactionmargin,
	.newspagebox {
		max-width: 600px
	}

	.newspageright.fixed {
		right: calc((100% - 600px)/2);
		width: 180px
	}

	.newspageleft .nbt {
		margin: 20px 0
	}

	.newsactionmargin,
	.newspagebox {
		max-width: 500px
	}

	.newspagebox {
		margin: 0 auto
	}

	.newspageright.fixed {
		position: fixed;
		right: calc((100% - 500px)/2);
		width: 150px
	}

	.newspageleft .nbt {
		font-size: 20px;
		margin: 26px 0 20px
	}

	.newspageright {
		clear: both;
		margin-top: 0;
		padding-bottom: 1em;
		overflow: hidden;
		position: static
	}

	.newspageleft,
	.newspageright {
		width: 100%;
		float: none
	}

	.newspage-list span {
		margin: 0 auto 26px
	}

	.newspage-list p {
		font-size: 14px;
		line-height: 24px;
		margin: 10px 0;
		text-indent: 30px
	}

	.newspage2list h2 {
		display: block;
		font-size: 14px;
		color: #333
	}

	.newspagetext b {
		font-size: 14px;
		margin: 9px 0;
		line-height: 24px
	}

	.newspagetext span {
		margin-bottom: 10px
	}

	.newstext {
		max-width: 600px;
		position: absolute;
		z-index: 1;
		bottom: 36px;
		left: 50%;
		margin-left: -300px
	}

	.newstext h1 {
		font-size: 30px;
		margin-bottom: 10px
	}

	.solutioncolorred span {
		display: table;
		width: auto;
		font-weight: 400;
		background-image: url(../images/borderred.png);
		background-repeat: no-repeat;
		background-size: 100% 100%;
		text-align: center;
		font-size: 30px;
		color: #fff;
		padding: 0 16px;
		/*margin-left: -16px*/
	}

	.solutionbtcolor h1 b {
		width: 210px;
		height: 56px;
		line-height: 56px
	}

	.newstext p {
		font-size: 28px;
		line-height: 30px
	}

	.newsactionlist {
		max-width: 500px;
		margin: 46px auto 0
	}

	.newspageNav ul {
		max-width: 500px;
		margin: 0 auto
	}

	.newslist dl dd .ddtext b {
		font-size: 16px;
		margin-top: 12px;
		line-height: 24px;
		height: 50px
	}

	.newslist dl dd .ddtext p {
		font-size: 14px;
		margin-top: 10px
	}

	.newslist dl {
		width: 45.79%;
		float: left;
		margin-bottom: 22px
	}

	.newslist dl dd .ddtext span {
		font-size: 12px;
		margin-top: 12px
	}

	.newslist dl dd {
		padding-bottom: 18px;
		height: 130px
	}

	.newslist dl dt {
		height: 154px
	}
}

@media (max-width:600px) {
	.page1text {
		bottom: 2.4em
	}

	.page1text h1 {
		font-size: 1.6em;
		margin-bottom: .6em
	}

	.page1text p {
		font-size: 1em;
		line-height: 20px;
		margin-bottom: 0
	}

	.video-icon {
		width: 3em;
		height: 3em;
		position: relative;
		overflow: hidden;
		margin: .8em auto 0
	}

	.page2con {
		max-width: 86%
	}

	.page2 {
		padding: 2em 0 3em
	}

	.page3text {
		max-width: none;
		width: 95%;
		bottom: 2.4em;
		left: 0;
		margin-left: 0
	}

	.page3text h1 {
		font-size: 1.6em;
		margin-bottom: .6em
	}

	.page3text p {
		font-size: 1em;
		line-height: 1.6em;
		margin-bottom: 0
	}

	.page3text .textp {
		margin-top: .3em
	}

	.page4con {
		max-width: 86%
	}

	.page4con a {
		display: block;
		width: 100%;
		height: 100%;
		clear: both;
		overflow: hidden;
		margin-bottom: .8em
	}

	.page4con dl {
		width: 100%
	}

	.page6 .page6text {
		max-width: none;
		width: 95%;
		bottom: 2.4em;
		left: 5%;
		margin-left: 0
	}

	.page4con dl:first-child,
	.page4con dl:nth-child(4) {
		width: 100%
	}

	.page4con dl dt {
		width: 3em;
		float: left
	}

	.page4con dl dd {
		float: right;
		width: 80%;
		border-bottom: 1px solid #707070;
		padding-bottom: .8em
	}

	.page4con dl dd .ddleft {
		width: 94%;
		float: left
	}

	.page4con dl dd b {
		font-size: 1em;
		margin: 0 auto .5em;
		height: auto;
		line-height: normal;
		text-align: left
	}

	.page4con dl dd span {
		font-size: .8em;
		width: 100%;
		text-align: left
	}

	.page4con dl dd i {
		display: block;
		float: right;
		width: 3.4%;
		margin-top: 4%
	}

	.page4con dl dd i img {
		display: block;
		width: 100%
	}

	.page4 {
		padding: 3em 0
	}

	.page5text {
		max-width: none;
		width: 95%;
		bottom: 2.4em;
		left: 5%;
		margin-left: 0
	}

	.page5top h1 {
		font-size: 1.6em;
		margin-bottom: .6em
	}

	.page5top p {
		font-size: 1em;
		line-height: 1.6em;
		margin-bottom: 0
	}

	.page5bot-con {
		max-width: 86%
	}

	.page5bot-con ul li {
		width: 100%;
		margin: 0;
		padding: 0;
		clear: both
	}

	.page5bot-con ul li.liborder {
		width: 1px;
		margin: 0 4%;
		padding: 0
	}

	.page5bot-con ul li i {
		display: block;
		width: 5%;
		margin: 2em auto
	}

	.page5bot-con ul li i img {
		display: block;
		width: 100%
	}

	.page5bot-con .page5left {
		width: 100%
	}

	.page5bot-con .page5left span {
		width: 50%;
		margin: 0 auto .4em
	}

	.page5bot-con .page5left p {
		font-size: 1.2em
	}

	.page5bot-con a {
		display: block;
		width: 100%;
		height: 100%;
		clear: both;
		overflow: hidden
	}

	.page5bot-con .liiconup {
		width: 100%;
		float: none;
		margin: 2em auto;
		border-bottom: 1px solid #d4281e
	}

	.page5bot-con_2 {
		max-width: 86%;
		margin: 0 auto
	}

	.page5bot-con_2 ul li:first-child,
	.page5bot-con_2 ul li:nth-child(3),
	.page5bot-con_2 ul li:nth-child(5) {
		width: 100%
	}

	.page5bot-con_2 .page5left p {
		font-size: 1.2em
	}

	.page5bot-con_2 ul {
		width: 100%
	}

	.page6 .page6text a {
		display: none
	}

	.page5bot {
		padding: 2.6em 0 1.6em
	}

	.page7 .page5bot-con .page5left span {
		width: 56%;
		margin-bottom: .1em
	}

	.page7 .page5bot-con ul li i {
		display: block;
		width: 5%;
		margin: 1.4em auto
	}

	.page7mob {
		padding: 2.6em 0 1.6em
	}

	.homenewsbox {
		max-width: 90%
	}

	.homenewsbox .homebt {
		font-size: 1.4em;
		margin: 0 0 .8em .4em;
		padding-top: 2em;
		color: #5a5454
	}

	.homenewscon .homenewslist:nth-child(2) {
		margin: 0 0 .8em
	}

	.homenewscon {
		display: block
	}

	.homenewscon .homenewslist {
		width: 100%;
		height: 7.6em;
		clear: both;
		margin-bottom: .8em;
		overflow: hidden;
		padding-bottom: 0;
		cursor: pointer
	}

	.homenewslist .spanimg {
		width: 48%;
		height: auto;
		float: left
	}

	.homenewslist .spanimg a {
		display: block;
		width: 100%;
		height: 100%
	}

	.homenewscon .homenewslist:last-child {
		height: auto
	}

	.homenewscon .homenewslist:nth-child(3) {
		width: 100%;
		clear: both;
		padding-bottom: 1em
	}

	.homenewscon .homenewslist:nth-child(3) .homenewstop,
	.homenewstop {
		height: auto
	}

	.homenewslist .homenewstext b {
		font-size: 1em;
		line-height: 1.6em;
		height: 3em;
		margin: 0 0 16px;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2
	}

	.homenewstop .homenewstext:last-child {
		border-bottom: 0
	}

	.homenewslist .homenewstext span {
		font-size: 12px
	}

	.homenewslist .homenewstext {
		width: 90%;
		margin: 0 auto;
		border-bottom: 1px solid #5a5454;
		padding-bottom: 14px;
		padding-top: 12px
	}

	.homenewslist label {
		width: 47.8%;
		float: left;
		margin-left: 2%
	}

	.homenewslist label b {
		font-size: 1em;
		line-height: 1.6em;
		height: 4.6em;
		margin: .6em 0 .8em
	}

	.homenewslist label span {
		font-size: 12px;
		position: relative
	}

	.homenewslist label span:after {
		content: "";
		background-repeat: no-repeat;
		background-size: 100%;
		position: absolute;
		width: 5%;
		height: 2.4em;
		z-index: 100;
		top: 0;
		right: 0
	}

	.homenewslist {
		padding-bottom: 1em
	}

	.homenewslist .homebutton {
		width: 5em;
		height: 2em;
		margin: 0 0 0 4%;
		font-size: .8em;
		line-height: 2em
	}

	.page2left {
		float: none;
		width: 54%;
		margin: 0 auto
	}

	.page2right {
		float: none;
		width: 100%;
		margin: 2em auto 0
	}

	.home-news {
		padding-bottom: 55px;
		border-top: 1px solid #707070
	}

	.newsactionmargin {
		max-width: 94%;
		margin: 1em auto 0
	}

	.newsactionmargin .newstop {
		margin-bottom: .6em
	}

	.newspagebox {
		max-width: 94%;
		margin: 0 auto
	}

	.newspageleft {
		width: 100%;
		float: auto;
		clear: both
	}

	.newspageright {
		width: 100%;
		float: none;
		clear: both;
		margin-top: 0;
		padding-bottom: 1em;
		overflow: hidden;
		position: static
	}

	.newspagecon {
		width: 94%;
		margin: 0 auto
	}

	.newspagecon .newspagetext:first-child {
		margin: 1em 0 .6em
	}

	.newspageleft .nbt {
		font-size: 18px;
		margin: 1em 0
	}

	.newspageleft .time {
		font-size: .7em;
		margin-bottom: .8em
	}

	.newstop ul li b {
		font-size: .8em
	}

	.newspage-list span {
		margin: 0 auto 26px
	}

	.newspage-list p {
		font-size: .8em;
		line-height: 1.6em;
		margin: 1em 0;
		text-indent: 2em
	}

	.newspage2list h2 {
		display: block;
		font-size: .8em;
		color: #333
	}

	.newspagetext b {
		font-size: .8em;
		margin: .8em 0;
		line-height: 1.6em
	}

	.newspagetext span {
		margin-bottom: 10px
	}

	.returnbox .returnlist {
		display: block;
		width: 2em;
		height: 2em
	}

	.returnbox .returnlist img {
		display: block;
		width: 100%
	}

	.homeiconbtn,
	.returntop {
		display: block;
		width: 2em;
		height: 2em
	}

	.homeiconbtn {
		margin-bottom: 2px
	}

	.returnbox .homeiconbtn img {
		display: block;
		width: 100%
	}

	.homeiconbtn_zx {
		display: block;
		width: 2em;
		height: 2em;
		margin-bottom: 2px
	}

	.returnbox .homeiconbtn_zx img {
		display: block;
		width: 100%
	}

	.newstext {
		max-width: 94%;
		position: absolute;
		z-index: 1;
		bottom: 2em;
		left: 5%;
		margin-left: 0
	}

	.newstext h1 {
		font-size: 2em;
		margin-bottom: .2em
	}

	.newsbt h1 {
		font-size: 18px
	}

	.solutioncolorred span {
		display: table;
		width: auto;
		font-weight: 400;
		background-image: url(../images/borderred.png);
		background-repeat: no-repeat;
		background-size: 100% 100%;
		text-align: center;
		font-size: 2em;
		color: #fff;
		padding: .1em .5em;
		/*margin-left: -.5em*/
	}

	.solutionbtcolor h1 b {
		width: 60%;
		height: 1.6em;
		line-height: 1.6em;
		margin-left: -10px
	}

	.newstext p {
		font-size: 1.8em;
		line-height: 1.2em
	}

	.newsactionlist {
		max-width: 94%;
		margin: 1.4em auto 0
	}

	.newspageNav ul {
		max-width: 94%;
		margin: 0 auto
	}

	.newsactionlist .newstop {
		margin-bottom: 1em
	}

	.newslist dl dd .ddtext b {
		font-size: .8em;
		margin-top: .4em;
		line-height: 1.6em;
		height: 3.2em
	}

	.newslist dl dd .ddtext p {
		font-size: .6em;
		margin-top: .4em
	}

	.newslist dl {
		width: 48.4%;
		float: left;
		margin-bottom: .7em
	}

	.newslist dl dd .ddtext span {
		font-size: .6em;
		margin-top: .6em
	}

	.newslist dl dd {
		padding-bottom: 1em;
		height: 3em
	}

	.newslist dl dt {
		height: 17.5vh
	}
}

@media (max-width:768px) {
	.page1pc {
		display: none !important
	}

	.headercon .page1mob {
		margin-left: 20px;
		height: 100%;
		display: flex !important;
	}

	.page1mob {
		display: block !important
	}

	.footer .jdc-footer-wrap {
		max-width: 640px;
		width: 100%;
		margin: auto
	}

	.footcode {
		width: auto;
		position: static;
		z-index: 1;
		top: 20%;
		right: -83px;
		margin: 0 auto
	}

	.footcode img {
		display: block;
		width: 70px;
		margin: 0 auto
	}

	.footcode p {
		font-size: 12px;
		text-align: center;
		margin-top: 10px
	}

	.jdc-footer-link {
		padding-top: 10px;
		width: 90%;
		margin: 0 auto;
		display: block
	}

	.jdc-footer-link span {
		display: none
	}

	.jdc-footer-link a {
		display: inline-block;
		vertical-align: middle;
		color: #fff;
		line-height: 24px;
		font-size: 12px;
		width: 33.333%;
		margin-bottom: 6px;
		text-indent: 0
	}

	.jdc-footer-copy {
		box-sizing: border-box;
		padding-top: 10px;
		padding-bottom: 24px;
		margin: auto;
		max-width: 640px;
		line-height: 1.4em;
		font-size: 15px;
		text-align: center;
		font-family: arial
	}

	.footer .jdc-footer-channel {
		padding: 0;
		min-height: 0
	}

	.footer .jdc-footer-channel .jdc-footer-channel-item {
		padding-right: 0;
		border-top: 1px solid #323440
	}

	.footer .jdc-footer-channel .jdc-footer-channel-item dt {
		padding: 0 60px 0 20px;
		line-height: 50px;
		font-size: 14px;
		color: #fff;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		position: relative
	}

	.footer .jdc-footer-channel .jdc-footer-channel-item .jdc-common-arr:after {
		top: 15px
	}

	.footer-icon-arrow-down {
		display: inline-block;
		vertical-align: middle;
		width: 10px;
		height: 6px;
		padding-left: 1px;
		padding-right: 1px;
		position: absolute;
		top: 50%;
		right: 20px;
		margin-top: -3px;
		transition: .5s
	}

	.footer-icon-arrow-down:before {
		content: "";
		display: block;
		width: 8px;
		height: 8px;
		border-bottom: 1px solid #fff;
		border-right: 1px solid #fff;
		margin-top: -3px;
		-ms-transform: rotate(45deg);
		transform: rotate(45deg)
	}

	.jdc-footer-channel dl dt.footactive .footer-icon-arrow-down {
		-ms-transform: rotateX(180deg);
		transform: rotateX(180deg)
	}

	.footer .col-xs-12 {
		width: 100%
	}

	.footer .jdc-footer-channel .jdc-footer-channel-item dd {
		display: none;
		padding: 0;
		line-height: 36px;
		font-size: 14px
	}

	.footer .jdc-footer-channel .jdc-footer-channel-item dd a {
		display: block;
		padding: 0 20px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis
	}

	.footer .jdc-footer-channel .jdc-footer-channel-item.active dt {
		border-bottom: 1px solid #323440
	}

	.header {
		width: 100%;
		background: #000
	}

	.header,
	.sticky-header {
		position: fixed;
		top: 0;
		z-index: 999;
		left: 0
	}

	.menu-wrapper {
		display: none
	}

	.headercon {
		max-width: 100%;
		width: 94%;
		margin: 0
	}

	.header-stader {
		min-height: 2.7em;
		display: block;
		min-width: 100%;
		width: 100%
	}

	.logo-wrapper .logo img {
		height: 35px;
		align-self: center
	}

	.logo-wrapper {
		padding: 0;
		float: left;
		width: 40%;
		height: 64px
	}

	.right-container a {
		margin-top: .8em
	}

	.lg-dialog-wrap {
		position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		margin: 0;
		text-align: center;
		font-size: 0;
		white-space: nowrap
	}

	.lg-dialog-wrap .lg-dialog {
		width: 89.33vw;
		border-radius: 4px;
		box-shadow: 0 0 3px 0 rgba(0, 0, 0, .25);
		overflow: hidden;
		height: 108vw;
		padding: 15vw;
		background: #fff;
		position: relative;
		max-height: 100%;
		display: inline-block;
		vertical-align: middle;
		text-align: left;
		font-size: 14px;
		white-space: normal;
		box-sizing: border-box
	}

	.lg-dialog-wrap .lg-dialog .lg-dialog-close {
		top: 3vw;
		right: 3vw;
		width: 4.2vw;
		height: 4.2vw;
		background: url(../images/3c854e83a9988029.png) no-repeat top;
		position: absolute;
		padding: 0;
		border: none;
		outline: 0;
		cursor: pointer;
		font-size: 14px
	}

	.lg-dialog-wrap .lg-dialog .lg-dialog-body {
		padding: 4vw 0 0;
		text-align: center;
		line-height: 1.5;
		color: #7c7c7c;
		word-break: break-all
	}

	.vx_code_title {
		margin-bottom: 5.3vw;
		line-height: 25px;
		font-size: 18px;
		color: #000;
		font-weight: 700
	}

	.vx_code_img {
		width: 50.6vw;
		margin: 0 auto;
		background: #eee;
		border-radius: 10px;
		box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .27)
	}

	.vx_code_img img {
		width: 100%
	}

	.vx_code_desc {
		width: 100%;
		height: 11.2vw;
		line-height: 11.2vw;
		font-size: 14px;
		color: #666
	}

	.lg-dialog-mask {
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		opacity: .65;
		background: #000
	}

	.lg-dialog-wrap:after {
		content: "";
		display: inline-block;
		height: 100%;
		vertical-align: middle
	}

	.header-menu-mb {
		display: inline-block;
		float: right;
		height: 2.7em;
		padding: 25px 10px;
		margin-left: 10px;
		font-size: 0;
		line-height: 2.7em;
		text-align: center;
		cursor: pointer;
		transition: transform .3s
	}

	.header-menu-mb span {
		display: block;
		width: 18px;
		height: 2px;
		margin-bottom: 5px;
		background: #fff;
		border-radius: 3px;
		-webkit-transform-origin: 20px;
		transform-origin: 19px;
		transition: background .5s cubic-bezier(.77, .2, .05, 1), opacity .55s ease, transform .5s cubic-bezier(.77, .2, .05, 1), width .5s
	}

	.header-menu-mb span:nth-last-child(2) {
		transform: rotate(0);
		transition: width .5s ease
	}

	.headerlayer {
		width: 100%;
		height: calc(100vh - 44px);
		padding-bottom: 550px;
		overflow-y: auto;
		position: fixed;
		z-index: 999;
		top: 58px;
		left: 0;
		background: #131313;
		display: none
	}

	.header-collapse-head a {
		position: relative;
		display: block;
		padding: 11px 20px;
		font-size: 14px;
		line-height: 22px;
		color: #fff;
		background-color: #151414
	}

	.header-collapse-head a h2 {
		display: inline-block;
		font-size: 18px;
		line-height: 1.5;
		color: #fff;
		font-weight: 400
	}

	.sub-header-collapse-head {
		height: 48px
	}

	.sub-header-collapse-head a {
		position: relative;
		display: block;
		padding: 0 15px;
		font-size: 14px;
		line-height: 48px;
		color: #fff;
		background-color: #151414
	}

	.sub_header_title {
		position: relative;
		text-align: left;
		font-size: 14px;
		color: #fff;
		border-bottom: 1px solid #4c4c4c
	}

	.mobile_nav_item a {
		width: 36px;
		height: 36px;
		margin: auto;
		padding: 0;
		background-color: #1e1e1e
	}

	mobile_nav_item {
		width: 50%;
		float: left;
		height: 48px
	}

	.item_icon {
		display: inline-block;
		height: 36px;
		width: 36px
	}

	.item_icon_box {
		align-self: center;
		background-color: #1e1e1e;
		height: 36px;
		width: 36px;
		margin: auto
	}

	.mobile_item_box {
		width: 50%;
		float: left;
		margin-top: 20px;
		display: flex;
		height: 48px
	}

	.header-collapse-head .mobile_item_box:nth-of-type(2n) .mobile_nav_item {
		margin-left: 5px;
		margin-right: 20px
	}

	.header-collapse-head .mobile_item_box:nth-of-type(odd) .mobile_nav_item {
		margin-left: 20px;
		margin-right: 5px
	}

	.mobile_item_box .mobile_nav_item {
		width: 100%;
		background-color: #1e1e1e;
		display: flex
	}

	.sub-header-collapse-head ul li a {
		padding: 0;
		font-size: 16px
	}

	.sub-header-collapse-head a h2 {
		display: inline-block;
		font-size: 18px;
		line-height: 1.5;
		color: #fff;
		font-weight: 400
	}

	.header-icon-arrow-down {
		display: inline-block;
		vertical-align: middle;
		width: 10px;
		height: 6px;
		padding-left: 1px;
		padding-right: 1px;
		position: absolute;
		top: 50%;
		right: 40px;
		margin-top: -3px;
		transition: .3s
	}

	.header-icon-arrow-down:before {
		content: "";
		display: block;
		width: 12px;
		height: 12px;
		border-bottom: 1px solid #cfcfcf;
		border-right: 1px solid #cfcfcf;
		margin-top: -3px;
		-ms-transform: rotate(45deg);
		transform: rotate(45deg)
	}

	.header-collapse-body {
		height: 0;
		overflow: hidden;
		transition: .5s
	}

	.headerlayer_list.open>.header-collapse-body {
		height: auto
	}

	.header-collapse-body ul li {
		display: flex;
		width: 100%;
		height: 48px
	}

	.header-collapse-body ul li a {
		margin: 0 36px;
		text-align: left;
		color: #a8a6a6;
		align-self: center
	}

	.header-menu-mb.show-nav span:nth-last-child(3) {
		opacity: 1;
		transform: rotate(-45deg)
	}

	.header-menu-mb.show-nav span:nth-last-child(2) {
		width: 0;
		opacity: 0;
		transform: rotate(0);
		transition: width .5s
	}

	.header-menu-mb.show-nav span {
		opacity: 1;
		transform: rotate(45deg)
	}

	.headerlayer_list.open>.header-collapse-head .header-icon-arrow-down {
		-ms-transform: rotateX(180deg);
		transform: rotateX(180deg)
	}

	.jdhcaction .newstop ul {
		max-width: 92%
	}

	.hckv {
		width: 100%;
		height: auto;
		overflow: hidden
	}

	.hckv img {
		max-width: none;
		display: block;
		width: 100%
	}

	.jdlistbox {
		display: none
	}

	.jdhcpage1 {
		max-width: 92%
	}

	.jdhcpage1 .hcbt {
		font-size: 1.6em;
		padding: 1em 0 .8em
	}

	.jdhcpage1 p {
		width: 90%;
		margin: 0 auto;
		line-height: 2em;
		font-size: .8em;
		white-space: normal
	}

	.jdhcdl {
		display: block;
		margin: 3em 0 0
	}

	.jdhcdl dl {
		display: block;
		height: auto;
		width: 100%;
		padding: 1em 0;
		margin-bottom: .4em
	}

	.jdhcdl dl dt {
		width: 3.4em;
		margin: 0 auto 1em
	}

	.jdhcdl dl dd {
		font-size: .8em;
		line-height: 1.6em
	}

	.jdhcdl dl:nth-child(2) {
		margin: 0 0 .4em
	}

	.jdhcpage2 .hcbt {
		display: block;
		width: 100%;
		font-size: 1.6em;
		padding: 1em 0 .8em
	}

	.jdpage2box {
		max-width: 100%;
		display: block;
		overflow: auto
	}

	.jdhc_text p {
		width: 90%;
		margin: 0 auto;
		line-height: 2em;
		font-size: .8em;
		text-align: justify
	}

	.jdscrollhc {
		width: 149%;
		overflow-x: hidden;
		overflow-y: hidden
	}

	.jdhcleft {
		float: left;
		width: 49%
	}

	.jdpage2box .jdhcleft:first-child {
		margin-right: 2%
	}

	.jdhclayerbot {
		height: 100%
	}

	.jdhctextbox {
		width: 90%;
		left: 5%
	}

	.jdhctextbox h3 {
		font-size: 1em;
		line-height: normal;
		padding-top: 1em;
		margin-bottom: .8em
	}

	.jdhctextbox i {
		display: none
	}

	.jdhctextbox p {
		font-size: .8em;
		line-height: 1.6em
	}

	.jdhcpage2 {
		margin-top: 3em;
		padding-bottom: 2em
	}

	.jdhcpage3 {
		max-width: 90%
	}

	.jdhcpage3 .hcbt {
		font-size: 1.6em;
		padding: 1em 0;
		line-height: 1.6em
	}

	.jdhcpage3_1 h2 {
		font-size: 1.2em
	}

	.jdhcpage3_action {
		margin: 1em auto 1.4em;
		display: block
	}

	.jdhcpage3_action dl {
		width: 99%;
		margin: 0 auto .4em;
		border: 1px solid #ccc;
		padding: 1em 0
	}

	.jdhcpage3_action dl dt {
		width: 3.4em
	}

	.jdhcpage3_action dl dd {
		font-size: .8em;
		margin-top: 1em
	}

	.jdhcpage3_action dl:nth-child(2) {
		margin: 0 auto .4em
	}

	.jdhcpage3_2 h2 {
		font-size: 1.2em
	}

	.jdhcpage3_action_2 {
		width: 100%;
		margin: 1em auto 1.4em;
		overflow-x: scroll;
		overflow-y: hidden
	}

	.jdhcpage3_action_2 li {
		margin-bottom: .4em;
		float: left;
		width: 49%
	}

	.jdhcpage3_action_2 li .li1 {
		height: 100%
	}

	.jdhcpage3_action_2 li:first-child {
		margin-right: 1%
	}

	.jdhcpage3_action_2 li:nth-child(2),
	.jdscrollhc2 .hcul:last-child {
		margin-left: 1%
	}

	.jdhcpage4con {
		max-width: 90%
	}

	.jdhcpage4con h2 {
		font-size: 1.2em
	}

	.jdscrollhc2 {
		width: 306%;
		overflow-x: hidden;
		overflow-y: hidden
	}

	.jdhcpage3_action_2 ul {
		width: 49.5%;
		overflow: auto;
		display: block;
		float: left
	}

	.jdhcpage4list {
		display: block;
		margin-top: 50px
	}

	.jdhcpage4list dl {
		width: 22.8%;
		float: left;
		margin: 0 .6em .6em 0
	}

	.jdhcpage4list dl:first-child,
	.jdhcpage4list dl:nth-child(2),
	.jdhcpage4list dl:nth-child(3) {
		width: 22.8%
	}

	.jdhcpage4list dl:first-child {
		margin-left: 15%
	}

	.jdhcpage4list dl dt {
		width: 3.4em
	}

	.jdhcpage4 {
		clear: both;
		overflow: hidden;
		padding: 2em 0
	}

	.jdhcpage4list dl dd {
		font-size: .8em
	}

	.aboutusbt {
		max-width: 750px;
		width: 100%;
		margin: 0 auto
	}

	.aboutusbt .hcbt {
		font-size: 1.6em;
		padding: 1em 0 .4em
	}

	.aboutusbt p {
		width: 92%;
		margin: 0 auto;
		line-height: 2em;
		font-size: .8em
	}

	.aboutuspage1 {
		width: 100%;
		margin: 2em auto 0
	}

	.aboutuspage1 .hcbt {
		font-size: 1.6em;
		padding: 1em 0 .4em
	}

	.aboutuspage1>.jdvop_p {
		width: 90%;
		line-height: 2em;
		font-size: .8em;
		text-align: left;
		margin: 0 auto 60px;
		white-space: normal
	}

	.aboutuspage1con {
		max-width: 750px
	}

	.aboutuspage1con h2 {
		font-size: 1.2em;
		margin: 0 auto
	}

	.aboutuspage1list {
		width: 93%;
		margin: 2em auto;
		padding: 1em;
		overflow-x: scroll;
		overflow-y: hidden;
		background: #e8e7e7
	}

	.aboutpage1list_con {
		width: 242%;
		padding-right: 1em
	}

	.aboutpage1list_con dl dt {
		width: 3em;
		margin: 1em auto 0
	}

	.aboutpage1list_con dl dd {
		font-size: 1em
	}

	.aboutpage1list_ul {
		width: 100%;
		height: 100%;
		display: block
	}

	.aboutpage1list_ul li {
		float: left;
		width: 44%;
		margin: 0
	}

	.aboutpage1list_ul ul li {
		float: left;
		width: 48.7%;
		margin: 0 0 .6em
	}

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

	.aboutpage1list_ul ul {
		width: 100%;
		display: block;
		clear: both;
		overflow: hidden
	}

	.aboutpage1list_ul ul li b {
		font-size: 1em
	}

	.aboutpage1list_ul ul:first-child {
		margin-bottom: 0
	}

	.aboutuspage2 .hcbt {
		font-size: 1.6em;
		padding: 1em 0;
		line-height: 1.4em
	}

	.aboutuspage2con_action {
		max-width: 750px;
		width: 100%;
		margin: 0 auto
	}

	.aboutuspage2list h2 {
		font-size: 1.2em;
		margin: 0 auto
	}

	.usscroll {
		width: 190%;
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex
	}

	.usscroll .jdhcleft {
		-prefix-box-flex: 1;
		-webkit-box-flex: 1;
		-webkit-flex: 1;
		-moz-box-flex: 1;
		-ms-flex: 1;
		flex: 1;
		width: auto;
		position: relative
	}

	.aboutuspage2_ulus {
		width: 100%;
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		overflow-x: scroll;
		overflow-y: hidden;
		margin: 40px 0
	}

	.aboutuspage2_ulus .jdhclayerbot {
		height: 100%
	}

	.aboutuspage2_ulus i {
		display: none !important
	}

	.aboutuspage2_ulus .jdhctextbox h3 {
		font-size: 1em;
		line-height: normal;
		padding-top: 2em;
		margin-bottom: 1em
	}

	.aboutuspage2_ulus2 {
		width: 100%;
		display: block
	}

	.aboutuspage2_ulus2 .jdhcleft {
		margin: 0;
		width: 100%;
		height: 10em;
		float: none
	}

	.aboutuspage2_ulus2 .jdhclayerbot {
		height: 100%
	}

	.aboutuspage2_ulus2 .jdhclayerbot h3 {
		font-size: 1em;
		line-height: normal;
		padding-top: 2em;
		margin-bottom: 1em
	}

	.aboutuspage2_ulus2 i {
		display: none !important
	}

	.aboutuspage3us {
		margin: 0;
		padding-bottom: 2em
	}

	.aboutuspage3 .hcbt {
		font-size: 1.6em;
		padding: 1em 0 .4em
	}

	.aboutuspage3con {
		max-width: 750px;
		width: 100%;
		margin: 0 auto;
		display: block
	}

	.aboutuspage3con .aboutpage3year {
		margin-top: 1em
	}

	.aboutuspage3con .aboutpage3year:first-child {
		border-right: none;
		width: 90%;
		margin: 0 auto;
		border-top: none;
		float: none
	}

	.aboutuspage3con .aboutpage3year:nth-child(2) {
		width: 100%;
		float: none
	}

	.aboutuspage3con .aboutpage3year .aboutlist {
		width: 100%;
		clear: both;
		overflow: hidden
	}

	.aboutuspage3con .aboutpage3year .aboutlist li {
		width: 32.8%;
		float: left;
		border: 1px solid #645e5e;
		border-right: none;
		border-left: none
	}

	.aboutuspage3con .aboutpage3year .aboutlist li:last-child {
		border-right: 1px solid #645e5e
	}

	.aboutuspage3con .aboutpage3year .aboutlist li:nth-child(2) {
		border-right: 1px solid #645e5e;
		border-left: 1px solid #645e5e
	}

	.aboutuspage3con .aboutpage3year .aboutlist li:first-child {
		border-left: 1px solid #645e5e
	}

	.aboutuspage3con .aboutpage3year .aboutlist li a {
		display: block;
		width: auto;
		height: 1.6em;
		line-height: 1.6em;
		font-size: .8em;
		text-align: center;
		padding: .4em 0
	}

	.aboutuspage3con .aboutpage3year {
		display: block
	}

	.aboutpage3yearaction .aboutyearlist {
		width: 88%;
		height: 400px;
		margin: 10px 0;
		padding: 0 4%;
		overflow-y: scroll
	}

	.aboutyearlistcon li .text span {
		display: block;
		float: none;
		font-size: .8em;
		width: auto;
		text-align: left;
		margin-left: 0;
		line-height: 1.2em;
		margin-bottom: .4em
	}

	.aboutyearlistcon li .text p {
		float: none;
		font-size: .8em;
		width: 90%;
		line-height: 1.6em
	}

	.aboutyearlistcon li .text {
		margin-left: 4%
	}

	.aboutyearlistcon li {
		padding-bottom: 1em;
		line-height: normal
	}

	.facstorepage1 {
		margin: 1em 0
	}

	.facstorepage1con {
		max-width: 750px
	}

	.facstorepage1con ul li .faclist b {
		font-size: 1em
	}

	.jdcommerbox {
		max-width: 100%
	}

	.facstorepage1con ul li {
		margin: 0 .1em .1em 0
	}

	.jdcommerbox .hcbt {
		font-size: 1.6em;
		padding: 1em 0 .4em;
		line-height: normal
	}

	.commerpage2 .hcbt {
		font-size: 1.6em;
		padding: 1em 0 .4em;
		line-height: 1.4em
	}

	.commerpage2 h3 {
		font-size: 1em;
		margin-bottom: 2em
	}

	.commerpage2con {
		max-width: 750px;
		margin: 0 auto;
		overflow-x: scroll;
		overflow-y: hidden
	}

	.commerpage2con ul {
		width: 211%;
		overflow-x: hidden;
		overflow-y: hidden
	}

	.commerpage2con ul li .commerlist span {
		width: 3em
	}

	.commerpage2con ul li .commerlist b {
		font-size: 1em;
		margin-top: 1em
	}

	.commerpage2con ul li {
		margin: 0 .1em .2em
	}

	.commerpage2 {
		padding-bottom: 2em
	}

	.commerpage3 h3 {
		font-size: 1em;
		padding: 2em 0
	}

	.commerpage3con_commer {
		max-width: 750px;
		width: 100%
	}

	.commerpage3con_commer ul {
		width: 100%;
		margin: 0 auto;
		display: block
	}

	.commerpage3con_commer ul li {
		width: 100%;
		position: relative;
		margin: 0 0 1px
	}

	.commerpage3con_commer ul li>img {
		display: block;
		width: 100%
	}

	.commerpage3 {
		padding-bottom: 2em
	}

	.commerpage3con_commer ul li span {
		font-size: 1em
	}

	.platpurchase .hcbt {
		font-size: 1.6em;
		padding: 1em 0 .8em;
		line-height: normal
	}

	.platpurchase p {
		width: 90%;
		margin: 0 auto;
		line-height: 2em;
		font-size: .8em;
		white-space: normal;
		text-align: justify
	}

	.platpage1 {
		margin-top: 0;
		padding-bottom: 0
	}

	.bjdpage1 {
		background: #fff !important
	}

	.platpage1 .hcbt {
		font-size: 1.6em;
		padding: 2em 0 .8em;
		line-height: normal
	}

	.platpage1 .h3bt {
		width: 90%;
		margin: 0 auto;
		line-height: 2em;
		font-size: .8em;
		white-space: normal;
		text-align: center
	}

	.platpage1con {
		max-width: 750px
	}

	.platpage1conmoob {
		width: 100%
	}

	.platpage1conmoob .facstorelisttop {
		position: relative;
		overflow: hidden
	}

	.platpage1conmoob .facstorelisttop .jdhclayerbot {
		height: 2.4em
	}

	.platpage1conmoob .facstorelisttop .jdhctextbox h3 {
		font-size: 1em;
		line-height: 2.4em;
		padding-top: 0;
		margin: 0
	}

	.platpage1conmoob .facstorelisttop .jdhctextbox i {
		float: right;
		width: .8em;
		margin-top: .4em
	}

	.platpage2 .hcbt {
		font-size: 1.6em;
		padding: 2em 0 1em;
		line-height: 1.4em
	}

	.platpage2con {
		max-width: 750px;
		margin: 0 auto 2em
	}

	.platpage2con .jdcypage3_2:first-child {
		margin-bottom: 1.6em
	}

	.bjdpage3 {
		width: 90% !important;
		margin: 0 auto
	}

	.jdcypage3_2 h2 {
		font-size: 1.2em;
		margin: 0 auto
	}

	.jdcypage4_actionscroll {
		margin: 1.4em auto;
		overflow-x: scroll;
		overflow-y: hidden
	}

	.jdcypage4_actionscroll ul {
		width: 240%;
		padding: 0;
		display: -webkit-box !important;
		display: -moz-box !important;
		display: box !important;
		display: -ms-flexbox !important
	}

	.jdcypage4_actionscroll ul li b {
		font-size: 1em
	}

	.platformbox {
		width: 100%;
		height: auto;
		background: #f8f8f8;
		margin: 1.4em auto;
		padding: 2em 0;
		position: relative
	}

	.platformboxswiper {
		width: 100%;
		height: 100%;
		position: relative
	}

	.platformboxswiper dl {
		width: 100%;
		margin: 0 auto
	}

	.platformboxswiper dl dt {
		width: 40%;
		margin: 0 auto
	}

	.platformboxswiper dl dd b {
		display: block;
		font-size: 16px;
		font-weight: 400;
		margin-top: .8em
	}

	.platformboxswiper dl dd span {
		display: block;
		font-size: 12px;
		margin-top: .4em
	}

	.platformbox .swiper-container {
		width: 78%;
		margin: 0 auto
	}

	.platformbox .swiper-button-next,
	.platformbox .swiper-button-prev {
		position: absolute;
		top: 50%;
		width: 16px;
		height: 30px;
		margin-top: -10px;
		z-index: 10;
		cursor: pointer;
		-moz-background-size: 16px 30px;
		-webkit-background-size: 16px 30px;
		background-size: 16px 30px;
		background-position: 50%;
		background-repeat: no-repeat;
		outline: none
	}

	.platformbox .swiper-button-next,
	.swiper-container-rtl .swiper-button-prev {
		right: 6%;
		left: auto;
		outline: none
	}

	.platformbox .swiper-button-prev,
	.swiper-container-rtl .swiper-button-next {
		left: 6%;
		right: auto;
		outline: none
	}

	.platpage5text b {
		font-size: 1.8em
	}

	.platpage5text span {
		font-size: .8em;
		margin-top: 1.2em
	}

	.facstorebt .hcbt {
		font-size: 1.6em;
		padding: 1em 0 .8em;
		line-height: normal
	}

	.facstorebt h3 {
		font-size: 1.2em;
		line-height: normal;
		margin-bottom: .4em
	}

	.facstorebt .linefac {
		width: 100%;
		margin: 1em auto
	}

	.jdcommerbox .linefac {
		width: 92%;
		margin: 1em auto
	}

	.jdcypage2 .hcbt {
		font-size: 1.6em;
		padding: 1em 0 .8em
	}

	.facstoremobbox {
		width: 100%;
		height: auto;
		background: #f2f2f2;
		padding: 1em 0 2em;
		position: relative;
		margin-top: 1em
	}

	.facstoremobbox .swiper-container {
		width: 84%;
		height: 100%
	}

	.facstoremobbox .swiper-slide {
		text-align: center;
		font-size: 18px;
		background: #fff;
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		-webkit-align-items: center;
		align-items: center;
		height: 8rem
	}

	.facstoremobbox .swiper-button-next,
	.facstoremobbox .swiper-button-prev {
		position: absolute;
		top: 50%;
		width: 16px;
		height: 30px;
		margin-top: -10px;
		z-index: 10;
		cursor: pointer;
		-moz-background-size: 16px 30px;
		-webkit-background-size: 16px 30px;
		background-size: 16px 30px;
		background-position: 50%;
		background-repeat: no-repeat;
		outline: none
	}

	.facstoremobbox .swiper-pagination {
		bottom: 3px;
		background: none;
		color: #333;
		right: 0;
		left: 0;
		margin: 0 auto;
		width: auto
	}

	.facstoreswipertext {
		width: 100%;
		height: 100%;
		position: relative;
		margin: 0 2px
	}

	.facstoreswipertext>img {
		display: block;
		width: 100%;
		height: 100%
	}

	.facstoreswiperlayer {
		width: 100%;
		height: 100%;
		position: absolute;
		z-index: 2;
		bottom: 0;
		left: 0
	}

	.facstoreswiperlayerbox {
		width: 96%;
		height: 100%;
		position: absolute;
		z-index: 6;
		bottom: 0;
		left: 2%
	}

	.facstoreswiperlayerbox h3 {
		font-size: .8em;
		color: #fff;
		float: left;
		font-weight: 400;
		line-height: 1.4em;
		margin: .6em 0
	}

	.facstoreswiperlayerbox p {
		font-size: .7em;
		color: #fff;
		clear: both;
		line-height: 1.5em;
		text-align: justify
	}

	.fastore_advantage {
		margin-top: 0;
		padding-bottom: 1em;
		background: #fff
	}

	.fastore_advantage .facstorepage2 {
		max-width: 750px;
		background: #222;
		padding: 1.2em 0
	}

	.fastore_advantagecon {
		width: 90%;
		margin: 0 auto
	}

	.fastore_advantagecon .jdhclayerbot {
		height: 46px
	}

	.fastore_advantagecon .jdhctextbox h3 {
		font-size: .8em;
		padding-top: .6em;
		margin-bottom: 0;
		line-height: 1.4em
	}

	.fastore_advantagecon .jdhctextbox i {
		float: right;
		width: 1em;
		margin-top: 1em
	}

	.fastore_advantagecon .facstoreright .facstorelisttop:nth-child(2) {
		margin-top: .2em
	}

	.facstorepage3con h1 {
		font-size: 1.6em;
		padding: 1em 0
	}

	.facstorebotbox {
		width: 90%;
		margin: 0 auto
	}

	.facstorebotbox dl {
		width: 100%;
		border: 1px solid #ccc;
		clear: both;
		overflow: hidden;
		margin-bottom: .4em
	}

	.facstorebotbox dl dt {
		display: block;
		float: left;
		width: 40%
	}

	.facstorebotbox dl dt img {
		display: block;
		width: 100%;
		height: 100%
	}

	.facstorebotbox dl dd {
		display: block;
		float: left;
		width: 60%
	}

	.facstorebotbox dl dd label {
		display: block;
		width: 90%;
		margin: 0 auto
	}

	.facstorebotbox dl dd label b {
		display: block;
		font-size: 1em;
		margin: .8em 0 .4em;
		font-weight: 400
	}

	.facstorebotbox dl dd label span {
		display: block;
		line-height: 1.6em;
		font-size: .8em;
		text-align: justify
	}

	.facstorepage3con {
		max-width: 750px;
		padding-bottom: 2em
	}

	.facstoremoblayer {
		width: 90%;
		height: 86%;
		position: absolute;
		z-index: 2;
		top: 7%;
		left: 5%;
		display: none
	}

	.facstoremoblayer .mask {
		background: #000;
		opacity: .5;
		filter: alpha(opacity=50);
		z-index: 4
	}

	.facstoremoblayer .mask,
	.fastoremobcon {
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0
	}

	.fastoremobcon {
		z-index: 10
	}

	.fastoremoblist {
		width: 100%;
		height: 100%;
		position: absolute;
		z-index: 10;
		top: 0;
		left: 0
	}

	.fastoremoblist>img {
		display: block;
		width: auto;
		height: 100%
	}

	.fastoremoblisttext {
		width: 90%;
		height: 100%;
		position: absolute;
		z-index: 20;
		top: 0;
		left: 5%
	}

	.fastoremoblisttext>h1 {
		font-size: 1em;
		padding-top: 2em;
		margin-bottom: .4em;
		line-height: 1.4em;
		color: #fff;
		font-weight: 400
	}

	.fastoremoblisttext>p {
		font-size: .8em;
		padding-top: .6em;
		margin-bottom: 0;
		line-height: 1.6em;
		color: #fff;
		text-align: justify
	}

	.servicetext b,
	.servicetext h1 {
		font-size: 2em;
		margin-bottom: .4em
	}

	.servicetext b {
		color: #fff;
		font-weight: 400
	}

	.servicepage1con {
		max-width: 750px;
		width: 100%
	}

	.servicepage1left {
		float: none;
		width: 90%;
		margin: 0 auto 1em
	}

	.servicepage1 {
		background: #fff;
		padding: 0 0 1em
	}

	.servicepage1left h1 {
		font-size: 1.6em;
		padding: 1em 0 .8em;
		line-height: normal;
		text-align: center;
		margin: 0
	}

	.servicebt h1 {
		font-size: 1.4em
	}

	.servicepage1left p {
		line-height: 1.8em;
		font-size: .8em
	}

	.servicepage1right {
		float: none;
		width: 100%;
		background: #f8f8f8;
		padding: 1em 0
	}

	.servicepage1right p {
		line-height: 2em;
		font-size: 1em;
		color: #5a5454;
		text-align: center;
		margin-top: 0
	}

	.servicepage2con {
		max-width: 750px
	}

	.servicepage2con h1 {
		font-size: 1.6em;
		line-height: normal;
		text-align: center;
		margin: 0;
		padding: 1em 0
	}

	.serviceadvance {
		width: 100%;
		height: auto;
		clear: both;
		overflow: hidden
	}

	.serviceadvance ul {
		width: 100%
	}

	.serviceadvance ul li {
		width: 100%;
		position: relative;
		margin-bottom: 1px
	}

	.serviceadvance ul li>img {
		display: block;
		width: 100%
	}

	.serviceadvance .servicelistadvance {
		width: 100%;
		height: auto;
		z-index: 1;
		top: 0;
		transform: translateY(-40%);
		-webkit-transform: translateY(-40%);
		-moz-transform: translateY(-40%);
		-ms-transform: translateY(-40%);
		-o-transform: translateY(-40%);
		position: absolute;
		top: 40%;
		left: 0
	}

	.serviceadvance .servicelistadvance span {
		display: block;
		width: 3em;
		margin: 0 auto
	}

	.serviceadvance .servicelistadvance b,
	.serviceadvance .servicelistadvance span img {
		display: block;
		width: 100%
	}

	.serviceadvance .servicelistadvance b em {
		display: table;
		font-size: .8em;
		text-align: center;
		color: #fff;
		border-bottom: 2px solid #d4281e;
		font-style: normal;
		font-weight: 400;
		margin: 1em auto 0;
		padding-bottom: 4px
	}

	.servicelayermob {
		width: 90%;
		position: absolute;
		z-index: 2;
		top: 50%;
		left: 5%;
		font-size: .8em;
		color: #fff;
		line-height: 24px;
		text-align: center;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		display: none
	}

	.servicepage2 {
		padding-bottom: 2em
	}

	.servicepage3 {
		background: #fff;
		padding-bottom: 200px
	}

	.servicepage3con {
		max-width: 750px
	}

	.servicepage3con h1 {
		font-size: 1.6em;
		padding: 1em 0 .8em;
		line-height: normal;
		text-align: center;
		margin: 0;
		color: #222
	}

	.servicescrollmob {
		width: 100%;
		height: auto;
		position: relative;
		background: #222;
		padding: 2em 0
	}

	.swiper-containermob .serviceswiper {
		position: relative;
		width: 100%;
		height: 100%
	}

	.swiper-containermob .serviceswiper dl dt {
		float: none;
		width: 100%;
		height: auto;
		padding: 3em 0
	}

	.swiper-containermob .serviceswiper dl dd {
		float: none;
		width: 100%
	}

	.servicescrollmob .swiper-container {
		width: 80%;
		height: 90%;
		background: #fff
	}

	.servicescrollmob .serviceswiper dl dt .servicedt>b {
		font-size: 1em;
		margin: 0 0 .8em;
		padding-top: 1em
	}

	.servicescrollmob .serviceswiper dl dt .servicedt p {
		font-size: .8em;
		line-height: 1.4em;
		margin-bottom: .4em
	}

	.servicescrollmob .serviceswiper dl dt .servicedt label {
		margin-top: 1em;
		clear: both;
		overflow: hidden
	}

	.servicescrollmob .serviceswiper dl dt .servicedt label span {
		font-size: .8em;
		line-height: 1.4em
	}

	.servicescrollmob .serviceswiper dl dt .servicedt .label4 b {
		font-size: .8em;
		line-height: 1.4em;
		margin: 0 0 10px
	}

	.servicepage3 {
		padding-bottom: 0
	}

	.servicescrollmob .swiper-pagination-bullet {
		width: 30px;
		height: 3px;
		display: inline-block;
		border-radius: 0;
		background: #515151;
		opacity: 1;
		margin: 0 2px
	}

	.servicescrollmob .swiper-pagination-bullet-active {
		opacity: 1;
		background: #a5a5a5
	}

	.servicescrollmob .swiper-button-next,
	.swiper-button-prev {
		position: absolute;
		top: 50%;
		width: 30px;
		height: 30px;
		margin-top: -30px;
		z-index: 10;
		cursor: pointer;
		-moz-background-size: 30px 30px;
		-webkit-background-size: 30px 30px;
		background-size: 30px 30px;
		background-position: 50%;
		background-repeat: no-repeat;
		outline: none
	}

	.servicescrollmob .swiper-button-prev,
	.swiper-container-rtl .swiper-button-next {
		left: 5px;
		outline: none
	}

	.servicescrollmob .swiper-button-next,
	.swiper-container-rtl .swiper-button-prev {
		right: 5px;
		outline: none
	}

	.solutionbox {
		max-width: 100%
	}

	.solutionbox .jdsurvey_cy {
		margin-top: 1.6em;
		background: #f8f8f8;
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		padding: 1.4em 0
	}

	.solutionbox .jdsurvey_cy dl {
		float: none;
		-prefix-box-flex: 1;
		-webkit-box-flex: 1;
		-webkit-flex: 1;
		-moz-box-flex: 1;
		-ms-flex: 1;
		flex: 1;
		width: auto;
		position: relative;
		overflow: hidden
	}

	.solutionbox .jdsurvey_cy .line {
		display: none
	}

	.solutionbox .jdsurvey_cy dl dt {
		width: 3em;
		float: none;
		margin: 0 auto
	}

	.solutionbox .jdsurvey_cy dl dd {
		width: 100%;
		font-size: .8em;
		line-height: 1.4em;
		margin: 1em auto 0;
		text-align: center
	}

	.jdcypage2 {
		width: 100%;
		height: auto;
		clear: both;
		overflow: hidden;
		background: #f8f8f8
	}

	.solutionboxpage2 {
		margin-top: 1em;
		padding-bottom: 1em;
		background: #fff
	}

	.solutionboxpage2 .solutiondiv {
		max-width: 750px;
		display: block
	}

	.solutionboxpage2 .jdcypage2left {
		width: 100%
	}

	.solutionboxpage2 .solutiondiv .jdcypage2left>img {
		display: block;
		width: 100%
	}

	.solutionboxpage2 .jdcypage2left .jdhclayer {
		width: 16%;
		height: 100%;
		position: absolute;
		z-index: 2;
		top: 0;
		left: 0
	}

	.solutionboxpage2 .jdcypage2left:nth-child(2) {
		margin: 0
	}

	.solutionboxpage2 .jdcypage2left:nth-child(2) .jdhclayer {
		right: 0;
		left: auto
	}

	.solutionboxpage2 .jdcypage2left .jdhclayer .jdhctextbox h3 {
		font-size: 1em;
		color: #fff;
		float: none;
		line-height: 1.2em;
		margin-top: 0
	}

	.solutionboxpage2 .jdcypage2left .jdhclayer .jdhctextbox h3 label {
		display: block;
		width: 100%;
		margin-bottom: .4em
	}

	.solutionboxpage2 .jdcypage2left .jdhclayer .jdhctextbox h3 label:first-child {
		margin-top: .2em
	}

	.solutionboxpage2 .jdcypage2left .jdhclayer .jdhctextbox h3 label span {
		display: block;
		width: 100%;
		text-align: center
	}

	.solutionboxpage2 .jdcypage2left .jdhclayer .jdhctextbox i {
		display: block;
		float: none;
		width: .8em;
		margin: 0 auto
	}

	.solutionboxpage2 .jdcypage2left .jdhclayer .jdhctextbox i img {
		display: block;
		width: 100%
	}

	.solutionboxpage2 .jdcypage2left .jdhclayer .jdhcmask {
		opacity: .6;
		filter: alpha(opacity=60)
	}

	.solutionpage3box {
		margin: 0 0 1.8em
	}

	.solutionpage3box .hcbt {
		font-size: 1.6em;
		padding: 1em 0;
		line-height: 1.4em
	}

	.solutionpage3box h2 {
		font-size: 1.2em;
		margin: 0 auto
	}

	.solutioncybox .jdcypage2left .solutioncy_text {
		width: 100%;
		height: 100%;
		position: absolute;
		z-index: 2;
		top: 0;
		left: -100%
	}

	.solutioncybox .jdcypage2left:nth-child(2) .solutioncy_text {
		right: -100%;
		left: auto
	}

	.solutioncy_text .jdhcmask {
		width: 100%;
		height: 100%;
		background: #000;
		opacity: .6;
		filter: alpha(opacity=60);
		position: absolute;
		z-index: 4;
		bottom: 0;
		left: 0
	}

	.solutioncy_textcon {
		width: 90%;
		height: 100%;
		position: absolute;
		z-index: 6;
		bottom: 0;
		left: 5%
	}

	.solutioncy_textcon h3 {
		font-size: 1em;
		line-height: 1.6em;
		padding-top: 0;
		color: #fff;
		float: left;
		font-weight: 400;
		margin: 2em 0 1em
	}

	.solutioncy_textcon p {
		font-size: .8em;
		line-height: 1.6em;
		color: #fff;
		clear: both;
		text-align: justify
	}

	.solutionswiperbox {
		width: 100%;
		height: auto;
		background: #f8f8f8;
		margin: 1em auto;
		padding: 2em 0;
		position: relative
	}

	.solutionswiperbox .swiper-container {
		width: 83%;
		margin: 0 auto
	}

	.solutionswiperbox .swiper-button-next,
	.solutionswiperbox .swiper-button-prev {
		position: absolute;
		top: 50%;
		width: 16px;
		height: 30px;
		margin-top: -10px;
		z-index: 10;
		cursor: pointer;
		-moz-background-size: 16px 30px;
		-webkit-background-size: 16px 30px;
		background-size: 16px 30px;
		background-position: 50%;
		background-repeat: no-repeat;
		outline: none
	}

	.solutionswiperbox .platformboxswiper dl dd b {
		display: block;
		font-size: 16px;
		font-weight: 400;
		margin-top: .4em
	}

	.solutionswiperbox .platformboxswiper dl dd span {
		display: block;
		font-size: 12px;
		margin-top: .2em
	}

	.solutionpage4box {
		width: 100%;
		margin: 1.4em auto
	}

	.solutionpage4box ul {
		overflow: hidden;
		width: 100%;
		display: block
	}

	.solutionpage4box ul li {
		position: relative;
		margin: 0 0 .4em;
		width: 49.2%;
		overflow: hidden;
		cursor: pointer;
		float: left
	}

	.solutionpage4box ul li:nth-child(2n) {
		float: right
	}

	.solutionpage4box ul li b {
		font-size: 1em
	}

	.solutionpage3box .jdcypage4_p {
		width: 94%;
		line-height: 1.6em;
		font-size: .8em;
		margin: 0 auto .6em;
		white-space: normal;
		overflow: hidden;
		text-overflow: static;
		text-align: center
	}

	.solutionpage5box {
		width: 100%
	}

	.solutionpage5box h2 {
		font-size: 1.2em;
		margin: 0 auto
	}

	.solutionpage5box .solutionpage5con {
		width: 100%;
		margin: 1.6em 0
	}

	.solutionpage5box .solutionpage5con ul {
		width: 100%;
		display: block;
		margin-bottom: 0
	}

	.solutionpage5con ul li {
		width: 100%;
		padding: 1.4em 0;
		border: 1px solid #a9a6a6;
		border-left-width: 6px;
		font-size: 1em;
		margin: 0 0 .4em
	}

	.solutionjlbt {
		max-width: 100%;
		width: 100%
	}

	.solutionjlbt p {
		text-align: justify
	}

	.jdsurvey_cy {
		width: 100%;
		height: auto;
		clear: both;
		overflow: hidden;
		margin-top: 50px
	}

	.solutionjlpage1 {
		margin-top: 1.6em;
		background: #f8f8f8;
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		padding: 1.4em 0
	}

	.solutionjlpage1 dl {
		float: none;
		-prefix-box-flex: 1;
		-webkit-box-flex: 1;
		-webkit-flex: 1;
		-moz-box-flex: 1;
		-ms-flex: 1;
		flex: 1;
		width: auto;
		position: relative;
		overflow: hidden
	}

	.jxp p:last-child {
		margin-top: 1em
	}

	.solutionjlpage1 .line {
		display: none
	}

	.solutionjlpage1 dl dt {
		width: 3em;
		float: none;
		margin: 0 auto
	}

	.solutionjlpage1 dl dt img {
		display: block;
		width: 100%
	}

	.solutionjlpage1 dl dd {
		width: 100%;
		font-size: .8em;
		line-height: 1.4em;
		margin: 1em auto 0;
		text-align: center
	}

	.solutionjlpage2 {
		max-width: 750px
	}

	.solutionjlpage2 .hcbt {
		font-size: 1.6em;
		padding: 1em 0 .8em;
		line-height: 1.4em
	}

	.solutionjlpage2 h2 {
		font-size: 1.2em;
		margin: 0 auto;
		padding-bottom: 4px
	}

	.solutionjlpage2 .jdjlpage3action {
		margin: 1em auto;
		display: block;
		clear: both;
		overflow: hidden
	}

	.solutionjlpage2 .jdjlpage3action dl {
		width: 48%;
		display: block;
		float: left;
		height: auto;
		margin: .2em;
		padding: .8em 0
	}

	.solutionjlpage2 .jdjlpage3action dl dt {
		width: 3em;
		margin: 0 0 0 10%;
		float: left
	}

	.solutionjlpage2 .jdjlpage3action dl dd {
		font-size: .8em;
		width: auto;
		float: left;
		margin: 1.2em 0 0 .8em
	}

	.solutionjlpage2 .jdjlpage3action dl:nth-child(3) dd {
		margin: .8em 0 0 .8em
	}

	.jdcypage4_action {
		margin: 1.4em auto
	}

	.jdcypage4_action ul {
		display: block
	}

	.jdcypage4_action ul li {
		display: block;
		float: left;
		margin: 0 0 .2em;
		width: 49.5%
	}

	.solutionfour ul li {
		margin: 0 .5% .2em 0
	}

	.solutionfour ul li:nth-child(2n) {
		margin: 0 0 .2em .5%
	}

	.jdcypage4_action ul li b {
		font-size: 1em
	}

	.jdcypage4_p {
		line-height: 2em;
		font-size: .8em;
		margin-bottom: 1em;
		white-space: normal
	}

	.solutionjlbox h2 {
		font-size: 1.2em;
		margin: 0 auto
	}

	.solutionjlbox .solutionjlboxcon {
		width: 90%;
		margin: 1.6em auto 0
	}

	.solutionjlbox .solutionjlboxcon ul {
		width: 100%;
		display: block;
		margin-bottom: 0
	}

	.solutionjlbox .solutionjlboxcon ul li {
		padding: 1.4em 0;
		display: block;
		font-size: .8em;
		margin: 0 0 .6em;
		border-left: 6px solid #a9a6a6;
		border-right: 1px solid #a9a6a6
	}

	.solutionjlbox .solutionjlboxcon ul li .solutionjldiv {
		width: 90%;
		margin: 0 0 0 6%
	}

	.solutionjlbox .solutionjlboxcon ul li .solutionjldiv i {
		width: 1.4em;
		margin-top: .4em
	}

	.solutionjlbox .solutionjlboxcon ul li .solutionjldiv label span {
		width: 3em
	}

	.solutionjlbox .solutionjlboxcon ul li .solutionjldiv label b {
		font-size: 1em;
		line-height: 2.4em;
		margin-left: 1em
	}

	.solutionjlbox .solutionjlboxcon ul li .solutionjltext {
		width: 70%;
		clear: both;
		font-size: 1em;
		text-align: left;
		margin-left: 23%;
		display: none;
		line-height: 1.6em
	}

	.vopdiv {
		width: 72%;
		font-size: 1em;
		line-height: 1.6em;
		margin-left: 20%;
		text-align: left;
		display: none
	}

	.vopul li.activevop {
		border-left: 6px solid #e1251b !important
	}

	.jdhcpage5 h1 {
		font-size: 1.6em;
		padding: 1em 0 .8em;
		line-height: 1.4em
	}

	.jdhcpage5layer {
		width: 100%
	}

	.jdhcpage5layer .mask {
		display: none
	}

	.hcmask .mask {
		display: block
	}

	.jdhcpage5layer_con span {
		font-size: 1em;
		margin: 2em 0 1em
	}

	.jlspan {
		margin: 1em 0 .6em !important
	}

	.jdhcpage5con {
		width: 100%;
		position: relative
	}

	.jdhcpage5layer_con p {
		font-size: .8em;
		line-height: 1.7em;
		margin-bottom: 1em
	}

	.jdhcpage6 h1 {
		font-size: 1.6em;
		padding: 1em 0 .4em;
		line-height: 1.4em
	}

	.bjdlist ul li {
		margin: 0 10px 0 0 !important
	}

	.bjdlist ul li:last-child {
		margin-right: 0 !important
	}

	.jdvopbot div span {
		width: auto;
		margin: 0
	}

	.jdjlpage3action {
		width: 88%;
		display: block;
		clear: both;
		overflow: hidden;
		margin: 1em auto
	}

	.jdjlpage3action dl {
		background: #f8f8f8;
		float: left;
		width: 49%;
		height: auto;
		margin: 0 0 .4em;
		padding: 2em 0
	}

	.jdjlpage3action dl:nth-child(2n) {
		float: right
	}

	.jdjlpage3action dl dt {
		width: 3em;
		margin: 0 auto 1em
	}

	.jdjlpage3action dl dd {
		font-size: .7em;
		line-height: 1.4em
	}

	.jdhcpage6con span {
		-prefix-box-flex: 1;
		-webkit-box-flex: 1;
		-webkit-flex: 1;
		-moz-box-flex: 1;
		-ms-flex: 1;
		flex: 1;
		display: block;
		margin: 0
	}

	.solutionlikesbox .hcbt {
		font-size: 1.6em;
		padding: 1em 0;
		line-height: 1.6em
	}

	.solutionlikesbox h2 {
		font-size: 1.2em;
		margin: 0 auto
	}

	.solutionlikesbox .jdcypage4_action ul {
		overflow: hidden;
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: flex;
		margin-bottom: .2em;
		display: -ms-flexbox
	}

	.solutionlikesbox .jdcypage4_action ul li {
		display: block;
		float: left;
		margin: 0 1% 0 0;
		width: auto
	}

	.solutionlikespage2 .jdcypage4_action ul {
		width: 90%;
		overflow: hidden;
		display: block;
		margin: 0 auto
	}

	.solutionlikespage2 .jdcypage4_action ul li {
		display: block;
		float: left;
		margin: 0 0 .2em;
		width: auto
	}

	.solutionlikespage2 .jdjxlist ul li b i {
		display: block;
		width: 3em;
		float: left;
		margin: 0 0 0 21%
	}

	.solutionlikespage2 .jdjxlist ul li b em {
		display: block;
		float: left;
		font-style: normal;
		margin: 3.5% 0 0 19%
	}

	.solutionlikespage3 {
		width: 100%
	}

	.solutionlikespage3 h2 {
		font-size: 1.2em;
		margin: 0 auto
	}

	.solutionlikespage3 .solutionswiperbox .swiper-slide {
		background: #fff
	}

	.solutionlikespage3 .solutionswiperbox dl {
		padding: 1.6em 0
	}

	.solutionlikespage3 .platformboxswiper dl dd b {
		font-size: .8em;
		margin-top: 1em
	}

	.solutionlikespage3 .platformboxswiper dl dd span {
		display: block;
		font-size: .8em;
		margin-top: .2em
	}

	.solutionlikespage3 .solutionswiperbox {
		margin: 1.4em auto 0;
		padding: 0
	}

	.solutionlikespage {
		padding: 1.4em 0
	}

	.solutionvopbt {
		max-width: 750px;
		width: 100%
	}

	.solutionvopbt p {
		text-align: justify
	}

	.solutionvopbt .jdhcdl {
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		margin: 3em 0 0
	}

	.solutionvoppage3 .hcbt {
		width: 100%;
		font-size: 1.6em;
		padding: 1em 0 .8em;
		line-height: 1.4em;
		margin: 0 auto
	}

	.solutionvoppage3 .jdjxconbg {
		width: 100%;
		margin: 0 0 2em;
		background: #f8f8f8;
		padding: 1.8em 0
	}

	.solutionvoppage4,
	.solutionvoppage4 ul,
	.solutionvoppage4 ul li {
		width: 100%
	}

	.solutionvoppage4box .jdvop_p {
		line-height: 2em;
		font-size: .8em;
		margin-bottom: 1em
	}

	.solutionvoppage5 {
		width: 100%
	}

	.solutionvoppage5 h2 {
		font-size: 1.2em !important;
		margin: 0 auto;
		padding-bottom: 4px
	}

	.productpagebox {
		max-width: 100%
	}

	.productpagebox .linefac {
		width: 92%;
		margin: 1em auto
	}

	.productpagebox .producepage1 {
		max-width: 750px;
		width: 100%;
		margin: 1em 0 0
	}

	.productpagebox .producepage1 ul li {
		margin: 0 1px
	}

	.productpagebox .producetext label span {
		font-size: 2em
	}

	.productpagebox .producetext label i {
		font-size: 1.2em;
		margin: .4em 0 0 .1em
	}

	.productpagebox .producetext b {
		font-size: 1em;
		margin-top: 10px
	}

	.productpage2box {
		width: 100%;
		position: relative;
		padding: 2em 0
	}

	.productpage2box .swiper-container {
		width: 90%;
		height: auto;
		margin-left: auto;
		margin-right: auto
	}

	.productpage2box .swiper-slide {
		text-align: center;
		font-size: 18px;
		background: #fff;
		height: 100px;
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		-webkit-align-items: center;
		align-items: center
	}

	.productpage2box .swiper-slide dl dt {
		width: 2em;
		margin: 0 auto
	}

	.productpage2box .swiper-slide dl dt img {
		display: block;
		width: 100%
	}

	.productpage2box .swiper-slide dl dd {
		font-size: .8em;
		margin-top: .4em
	}

	.productpage2box .swiper-button-next,
	.productpage2box .swiper-button-prev {
		position: absolute;
		top: 50%;
		width: 16px;
		height: 30px;
		margin-top: -10px;
		z-index: 10;
		cursor: pointer;
		-moz-background-size: 16px 30px;
		-webkit-background-size: 16px 30px;
		background-size: 16px 30px;
		background-position: 50%;
		background-repeat: no-repeat;
		outline: none
	}

	.productpage3 .hcbt {
		font-size: 1.6em;
		padding: 1em 0 .4em;
		line-height: 1.4em
	}

	.productpage4box {
		width: 100%;
		position: relative
	}

	.productpage4box .swiper-container {
		width: 80%;
		height: 100%;
		margin-left: auto;
		margin-right: auto
	}

	.productpage4box .swiper-slide {
		text-align: center;
		font-size: 18px;
		background: #fff;
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		-webkit-align-items: center;
		align-items: center
	}

	.productpage4box .productswiper {
		width: 100%
	}

	.productpage4box .productswiper img {
		display: block;
		width: 100%
	}

	.productpage4box .swiperlayerdiv {
		width: 100%;
		height: auto;
		position: absolute;
		z-index: 1;
		top: 50%;
		left: 0;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-o-transform: translateY(-50%)
	}

	.productpage4box .swiperlayerdiv>b {
		display: block;
		font-size: 1em;
		font-weight: 400;
		color: #fff;
		line-height: 1.4em
	}

	.productpage4box .swiperlayerdiv label {
		display: block;
		width: 100%;
		color: #fff
	}

	.productpage4box .swiperlayerdiv label span {
		display: block;
		font-size: 1em;
		margin-top: 5em
	}

	.productpage4box .swiperlayerdiv label b {
		display: block;
		font-size: 1em;
		font-weight: 400;
		margin-top: .2em
	}

	.productpage4box .swiper-button-next,
	.swiper-button-prev {
		position: absolute;
		top: 50%;
		width: 30px;
		height: 30px;
		margin-top: -30px;
		z-index: 10;
		cursor: pointer;
		-moz-background-size: 30px 30px;
		-webkit-background-size: 30px 30px;
		background-size: 30px 30px;
		background-position: 50%;
		background-repeat: no-repeat;
		outline: none
	}

	.productprise .hcbt {
		font-size: 1.6em;
		padding: 1em 0 .8em;
		line-height: 1.4em
	}

	.productprise .hcbt.littletitle {
		font-size: 20px;
		line-height: 44px;
		text-align: center
	}

	.productprise .productpage4con {
		max-width: 750px;
		margin: 0 auto 1em
	}

	.productprise .productpage4con ul {
		width: 100%;
		display: block
	}

	.productprise .productpage4con ul li {
		width: 49.6%;
		float: left;
		margin: .2em 0 0;
		transition: none;
		-webkit-transition: none;
		-moz-transition: none;
		-ms-transition: none;
		-o-transition: none
	}

	.productprise .productpage4con ul li:nth-child(2n) {
		float: right
	}

	.productprise .productpage4con ul li .productspan {
		font-size: 1em;
		line-height: 1.4em
	}

	.productprise .productpage4con ul li:hover>img {
		transform: scale(1);
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1)
	}

	.productmob ul li .commerlist>b {
		display: block;
		width: 100%;
		text-align: center;
		color: #fff;
		font-weight: 400;
		font-size: 1.2rem;
		margin-top: 0
	}

	.productmob .commerpage2con ul li .commerlist {
		height: 10rem
	}

	.productmob ul li .commerlist label {
		display: block;
		position: absolute;
		bottom: 0;
		width: 100%
	}

	.productmob ul li .commerlist label b,
	.productmob ul li .commerlist label span {
		display: block;
		width: 100%;
		text-align: center;
		color: #fff;
		font-weight: 400;
		font-size: 1.3rem
	}

	.productmob ul li .commerlist label b {
		margin-top: .2em
	}

	.productmob ul li {
		margin: 0 .3em .2em
	}

	.productpage3 {
		padding-bottom: 2em
	}

	.productmob {
		margin-top: 1em
	}

	.jshcversionbt {
		max-width: 100%
	}

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

	.solutionvalue {
		width: 100%
	}

	.solutionvalue .hcbt {
		font-size: 1.6em;
		padding: 1em 0 .4em;
		display: block;
		width: 100%;
		line-height: 2em;
		color: #5a5454;
		text-align: center;
		font-weight: 400
	}

	.solutionvaluecon {
		width: 100%
	}

	.versionbox .hcbt {
		font-size: 1.6em;
		padding: 1em 0 .4em
	}

	.versionmob {
		width: 84%;
		margin: 0 auto
	}

	.versionmob .versionlist>span {
		font-size: 1em
	}

	.versionmob .iconup {
		width: 1.5em;
		margin: 0 auto
	}

	.versionmob .iconup img {
		display: block;
		width: 100%
	}

	.versionlist {
		margin: .8em 0
	}

	.versionbox {
		max-width: 750px;
		margin: 2em auto;
		background: #f8f8f8;
		padding-bottom: 2em
	}

	.versionpagebox .hcbt {
		font-size: 1.6em;
		padding: 1em 0 .4em
	}

	.versionpagebox {
		width: 100%;
		background: #fff
	}

	.versionpagebot {
		max-width: 750px
	}

	.versionpagebot>ul {
		width: 80%;
		margin: 0 auto;
		display: block;
		clear: both;
		overflow: hidden
	}

	.versionpagebot>ul:nth-child(3) {
		width: 80%
	}

	.versionpagebot>ul li {
		-prefix-box-flex: 1;
		-webkit-box-flex: 1;
		-webkit-flex: 1;
		-moz-box-flex: 1;
		-ms-flex: 1;
		flex: 1;
		margin: 0 auto 2em;
		width: 50%;
		float: left
	}

	.versionpagebot>ul li img {
		display: block;
		width: 100%
	}

	.jdcypage3_1action label:hover,
	.jdhcpage3_action dl:hover,
	.jdhcpage4list dl:hover {
		box-shadow: none;
		position: relative;
		z-index: 99;
		background: #fff
	}

	.jdcypage3_1action label:hover,
	.jdcypage4_action ul li:hover>img,
	.jdhcpage3_action dl:hover,
	.jdhcpage4list dl:hover {
		transform: scale(1);
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1)
	}

	.facstorepage1con ul li:hover,
	.jdjlpage3action dl:hover,
	.jxpage4list dl:hover {
		box-shadow: none;
		transform: scale(1);
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1)
	}

	.dou_cswrap .facstorepage1con ul li:hover {
		box-shadow: none;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		-ms-box-shadow: none;
		-o-box-shadow: none;
		transform: none;
		-webkit-transform: none;
		-moz-transform: none;
		-ms-transform: none;
		-o-transform: none
	}

	.producepage1 ul li:hover>img {
		transform: scale(1);
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1)
	}

	.card-list .card:hover .card-face {
		z-index: 1;
		-webkit-transform: rotateY(-180deg);
		-ms-transform: rotateY(-180deg);
		-o-transform: rotateY(-180deg);
		transform: rotateY(-180deg)
	}

	.card-list .card:hover .card-back {
		z-index: 2;
		-webkit-transform: rotateY(0);
		-ms-transform: rotateY(0);
		-o-transform: rotateY(0);
		transform: rotateY(0)
	}

	.commerpage2con ul li:hover>img,
	.productpage4con ul li:hover>img {
		transform: scale(1);
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1)
	}

	.aboutuspage1list_hover>.aboutpage1list_con>dl:hover,
	.aboutuspage1list_hover>.aboutpage1list_ul>dl:hover,
	.commerpage3con ul li:hover,
	.jdhcdl dl:hover {
		box-shadow: none;
		transform: scale(1);
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1)
	}

	.solutioncy_text {
		transition: .2s linear
	}

	.producep p:first-child {
		margin-bottom: 1em
	}

	.producep p {
		text-align: justify
	}

	.servicetopsmallbt p {
		line-height: 1.8em;
		font-size: .8em
	}

	.jdbuttoncon {
		width: 14em;
		height: 2.1em
	}

	.jdbutton {
		position: relative;
		padding-bottom: 4em;
		margin-bottom: 0
	}

	.jdbuttoncon a {
		font-size: 1.1em;
		line-height: 1.9em;
		position: relative;
		width: 51%
	}

	.jdbuttoncon a span {
		display: inline-block;
		color: #fff
	}

	.jdbuttoncon a b {
		display: block;
		width: 100%
	}

	.jdbuttoncon a b em {
		top: .1em;
		font-size: 1.2em
	}

	.jdbuttoncon .btnclick {
		font-size: 1.1em;
		width: 49%
	}

	.jdbuttoncon2 a b em {
		left: -3%
	}

	.jdbuttoncon2 .btnclick {
		font-size: 1.1em;
		width: 57%
	}

	.jdbuttoncon2 a {
		font-size: 1.1em;
		line-height: 1.9em;
		position: relative;
		width: 43%
	}

	.jdsolutionversioncon {
		max-width: 750px;
		width: 100%;
		left: 0;
		margin-left: 0
	}

	.jdsolutionversioncon h1 {
		font-size: 1.4em;
		line-height: 1em;
		color: #fff;
		text-align: center;
		font-weight: 400;
		padding: 8% 0 1em
	}

	.jdsolutionversioncon p {
		text-align: center;
		font-size: 1em;
		line-height: 1.6em
	}

	.jdsolutionversioncon a {
		font-size: 1em;
		bottom: 6%;
		padding: .6em 1em;
		right: auto;
		left: 50%;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		-o-transform: translateX(-50%)
	}

	.solutionvopfot .solutionjlboxcon ul li .solutionjldiv label b {
		font-size: 1em;
		line-height: 3em;
		margin-left: 1em
	}

	.solutionvopfot .solutionjlboxcon ul li .solutionjldiv i {
		width: 1.4em;
		margin-top: .8em
	}

	.botfotercon span {
		width: 1.4em;
		margin-top: .3em
	}

	.botfotercon b {
		font-size: 1.2em;
		margin: .26em .4em 0
	}

	.botfotercon a {
		font-size: 1.2em;
		padding: .1em .6em .2em
	}

	.botfoter {
		height: auto;
		padding: 1em 0
	}

	.usimgicon {
		width: 34%;
		margin: 0 auto 1em
	}

	.usauto {
		display: block
	}

	.solutionjlpage2 .jlboxdl {
		width: 100%;
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex
	}

	.solutionjlpage2 .jlboxdl dl {
		width: 32%;
		-prefix-box-flex: 1;
		-webkit-box-flex: 1;
		-webkit-flex: 1;
		-moz-box-flex: 1;
		-ms-flex: 1;
		flex: 1;
		float: none;
		margin: 0 .1em
	}

	.solutionjlpage2 .jlboxdl dl dt {
		margin: 0 auto;
		float: none
	}

	.solutionjlpage2 .jlboxdl dl dd {
		margin: 1.2em auto 0;
		float: none;
		text-align: center
	}

	.codehc a {
		width: 3em;
		padding: 0
	}

	.codehc a img {
		display: block;
		width: 100%
	}

	.codehc span {
		margin-top: 1.3em
	}

	.codehc b {
		font-size: 1.2em;
		margin: 1em .4em 0;
		float: left;
		line-height: normal
	}

	.abouttop {
		margin: 40px 0
	}

	.homeicon {
		width: 2.2em;
		height: 2.2em;
		bottom: 20%
	}

	.home_newsbox_action {
		width: 100%;
		padding: 0
	}

	.home_newsmobbox {
		width: 100%;
		padding: 3em 0
	}

	.home_newsmobtop {
		width: 100%
	}

	.home_newsmobtop h1 {
		display: block;
		color: #5a5454;
		font-size: 1.6em;
		margin-bottom: .4em;
		text-align: center
	}

	.home_newsmobcon {
		width: 100%;
		height: 520px
	}

	.home_newsmobcon .swiper-container {
		width: 100%;
		height: 96%
	}

	.home_newsmobcon .swiper-slide {
		text-align: center;
		font-size: 18px;
		background: none;
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		-webkit-align-items: center;
		align-items: center
	}

	.home_newsmobcon .swiper-pagination {
		width: auto;
		margin-top: 0;
		left: 50%;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		-o-transform: translateX(-50%)
	}

	.home_newsmobcon .swiper-pagination-bullet {
		width: 8px;
		height: 8px;
		display: block;
		float: left;
		border-radius: 0;
		background: none;
		opacity: 1;
		margin: 0 5px;
		background: #969ca2;
		border-radius: 50%;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		-ms-border-radius: 50%;
		-o-border-radius: 50%
	}

	.home_newsmobcon .swiper-pagination-bullet-active {
		opacity: 1;
		width: 10px;
		height: 10px;
		background: #d4281e;
		margin-top: -1px
	}

	.home_newsmoblist {
		width: 100%;
		height: 92%;
		position: relative;
		box-shadow: 0 0 10px #a29999;
		-webkit-box-shadow: #a29999 0 0 10px;
		-moz-box-shadow: #a29999 0 0 10px;
		-ms-box-shadow: #a29999 0 0 10px;
		-o-box-shadow: #a29999 0 0 10px
	}

	.home_newsmoblist a {
		display: block;
		width: 100%;
		height: 100%
	}

	.home_newsmoblist a>.home_newsmoblistcon {
		width: 100%;
		height: 100%;
		position: absolute;
		z-index: 1;
		top: 0;
		left: 0
	}

	.home_newsmoblist a>.home_newsmoblistcon>.spanimgmob {
		display: block;
		width: 100%;
		height: 14.1em;
		overflow: hidden
	}

	.home_newsmoblist a>.home_newsmoblistcon>.spanimgmob>img {
		display: block;
		width: 100%;
		height: 100%
	}

	.home_newsmoblist a>.home_newsmoblistcon>label {
		display: block;
		width: 80%;
		margin: 0 auto;
		cursor: pointer
	}

	.home_newsmoblist a>.home_newsmoblistcon>label>b {
		display: block;
		font-weight: 400;
		font-size: 1em;
		color: #5a5454;
		line-height: 1.4em;
		height: 2.8em;
		overflow: hidden;
		margin: 1em 0;
		text-align: justify
	}

	.home_newsmoblist a>.home_newsmoblistcon>label>span {
		display: block;
		font-size: 14px;
		color: #5a5454;
		text-align: left;
		margin-bottom: 20px
	}

	.home_newsmoblist a>.home_newsmoblistcon>.home_newsbutton {
		display: block;
		width: 80%;
		margin: 1.6em auto 0;
		font-size: 1em;
		color: #222;
		text-align: left
	}

	.home_newsbuttonmob {
		width: 6em;
		height: 1.8em;
		background: #d4281e;
		margin: 1em auto 0;
		display: block;
		font-size: 1.2em;
		font-weight: 400;
		text-align: center;
		color: #fff;
		line-height: 1.8em
	}

	.botfotercon {
		width: auto;
		display: table;
		margin: 0 auto;
		position: static;
		z-index: 1;
		top: 50%;
		left: 50%;
		transform: translate(0);
		-webkit-transform: translate(0);
		-moz-transform: translate(0);
		-ms-transform: translate(0);
		-o-transform: translate(0)
	}

	.mob_box {
		max-width: 750px
	}

	.mob_box,
	.mobpage1 {
		width: 100%
	}

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

	.mobpage1 .swiper-slide {
		text-align: center;
		font-size: 18px;
		background: #fff;
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		-webkit-align-items: center;
		align-items: center
	}

	.mobpage1jdtop {
		position: absolute;
		z-index: 1;
		bottom: 0;
		left: 0
	}

	.mobpage1jdtop,
	.swiper-slide_bg2,
	.swiper-slide_mask {
		width: 100%;
		height: 100%
	}

	.swiper-slide_mask {
		position: absolute;
		z-index: 1;
		top: 0;
		left: 0;
		background: #000;
		opacity: .4;
		filter: alpha(opacity=40)
	}

	.mobpage1 .swiper-container-horizontal>.swiper-pagination-bullets,
	.swiper-pagination-custom,
	.swiper-pagination-fraction {
		bottom: 2%;
		left: 0;
		width: 100%
	}

	.mobpage1 .swiper-pagination-bullet {
		width: 40px;
		height: 3px;
		display: inline-block;
		border-radius: 0;
		background: #fff;
		opacity: 1
	}

	.mobpage1 .swiper-pagination-bullet-active {
		opacity: 1;
		background: #d4281e
	}

	.mobpage1 .swiper-button-next,
	.swiper-container-rtl .swiper-button-prev {
		right: 10px;
		left: auto;
		outline: none
	}

	.mobpage1 .swiper-button-prev,
	.swiper-container-rtl .swiper-button-next {
		left: 10px;
		right: auto;
		outline: none
	}

	.mobpage1 .swiper-button-next,
	.swiper-button-prev {
		position: absolute;
		top: 50%;
		width: 14px;
		height: 44px;
		margin-top: -22px;
		z-index: 10;
		cursor: pointer;
		background-size: 20px 44px;
		background-position: 50%;
		background-repeat: no-repeat;
		outline: none
	}

	.mobpage3box .swiper-container-horizontal>.swiper-pagination-bullets,
	.swiper-pagination-custom,
	.swiper-pagination-fraction {
		bottom: 10%;
		left: auto;
		right: 5%;
		width: 3.2em;
		background: #888c96;
		color: #fff;
		font-size: .8em;
		padding: .2em 0;
		z-index: 5
	}

	.servicescrollmob .swiper-button-next,
	.servicescrollmob .swiper-button-prev {
		width: 30px;
		height: 30px;
		margin-top: -30px;
		outline: none
	}

	.servicescrollmob .swiper-button-next img,
	.servicescrollmob .swiper-button-prev img {
		display: block;
		width: 100%
	}

	.homejdtext {
		bottom: 18%
	}

	.homejdtext h1 {
		font-size: 1.6em;
		margin-bottom: .4em
	}

	.homejdtext p {
		font-size: .8em;
		margin: 1em auto 0
	}

	.homejdtopconmob {
		width: 100%;
		background: #e7eaef
	}

	.homejdtopconmob .homejdtopactionmob {
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex
	}

	.homejdtopconmob .homejdtopactionmob a {
		width: 100%;
		display: block;
		font-size: .8em;
		color: #6e6f74;
		padding: 1em 0;
		border: 1px solid #fff;
		-prefix-box-flex: 1;
		-webkit-box-flex: 1;
		-webkit-flex: 1;
		-moz-box-flex: 1;
		-ms-flex: 1;
		flex: 1
	}

	.homejdtopconmob .homejdtopactionmob a span {
		display: block;
		width: 90%;
		margin: 0 auto;
		line-height: 2em
	}

	.homejdtopconmob .homejdtopactionmob:first-child a {
		border-top: none
	}

	.homejdtopconmob .homejdtopactionmob:nth-child(2) a {
		border-bottom: none
	}

	.mobpage2box {
		width: 100%;
		height: 100%;
		background: url(../images/page2.jpg) no-repeat top;
		background-size: 100%;
		padding: 3em 0
	}

	.homejd_bt {
		font-size: 1.6em;
		margin-bottom: .4em
	}

	.homejd_page2 {
		padding: 0
	}

	.homejd_p {
		width: 90%;
		margin: 1em auto 0;
		font-size: .8em;
		line-height: 1.6em
	}

	.homejd_page2actionmob {
		width: 90%;
		margin: 1.6em auto 0;
		box-shadow: 0 0 10px #d9e1f7;
		-webkit-box-shadow: #d9e1f7 0 0 10px;
		-moz-box-shadow: #d9e1f7 0 0 10px;
		-ms-box-shadow: #d9e1f7 0 0 10px;
		-o-box-shadow: #d9e1f7 0 0 10px
	}

	.homejd_page2actionmob li {
		padding: 1em 0;
		border-right: 1px solid #e4e4e4
	}

	.homejd_page2actionmob .homejdli span {
		width: 3em;
		margin: 0 auto;
		display: table
	}

	.homejd_page2actionmob ul li .homejdli b {
		font-size: .8em;
		margin-top: 20px
	}

	.homejd_page2actionmob ul:first-child li {
		border-bottom: 1px solid #e4e4e4
	}

	.homejd_page2actionmob li:hover {
		box-shadow: none
	}

	.homejd_page2actionmob .homejdli,
	.homejd_page2actionmob ul li:nth-child(3) .homejdli {
		border-right: none
	}

	.mobpage3box {
		width: 100%;
		background: #1f273b;
		padding: 3em 0;
		position: relative
	}

	.homejd_mobbt {
		display: block;
		color: #fff;
		text-align: center;
		font-size: 1.6em;
		font-weight: 400;
		margin: 0 0 1em;
		padding-top: 0
	}

	.mobpage3con,
	.mobpage3con .swiper-container {
		width: 100%
	}

	.mobpage3con .swiper-slide {
		width: 80%;
		position: relative;
		border-radius: 10px;
		overflow: hidden
	}

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

	.swipermob_list {
		height: 2em;
		z-index: 1
	}

	.swipermob_list,
	.swipermob_list .mask {
		width: 100%;
		position: absolute;
		bottom: 0;
		left: 0
	}

	.swipermob_list .mask {
		height: 100%;
		z-index: 2;
		background: #000;
		opacity: .5;
		filter: alpha(opacity=50)
	}

	.mobpage3con .swiper-slide span {
		width: 100%;
		height: 100%;
		display: block;
		position: absolute;
		z-index: 4;
		bottom: 0;
		left: 0;
		font-size: 1em;
		margin: 0 auto;
		color: #fff;
		line-height: 2em
	}

	.mobile_text {
		width: 90%;
		height: auto;
		margin: 1em auto 0
	}

	.mobile_text ul li {
		display: none;
		font-size: .8em;
		color: #8e94a2;
		line-height: 2em
	}

	.mobile_text ul li b {
		display: block;
		font-weight: 400;
		font-size: 1em;
		color: #fff;
		margin-bottom: 1em
	}

	.mobile_text ul li a {
		display: block;
		font-size: 1em;
		color: #fff;
		margin-top: 2em
	}

	.homejd_page6mob {
		width: 100%;
		background: #f5f8fc;
		padding: 0 0 3em
	}

	.homejd_page6moblist {
		width: 100%;
		margin: 0 auto;
		background: #fff;
		padding-top: .4em
	}

	.homejd_page2top {
		background: none
	}

	.homejd_page6mob .homejd_page2top {
		margin-top: 3em;
		background: #fff
	}

	.homejd_page6moblist ul {
		width: 90%;
		margin: 0 auto;
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex
	}

	.homejd_page6moblist ul li {
		-prefix-box-flex: 1;
		-webkit-box-flex: 1;
		-webkit-flex: 1;
		-moz-box-flex: 1;
		-ms-flex: 1;
		flex: 1;
		padding: 1em 0
	}

	.homejd_page6moblist ul li a {
		display: block;
		width: 64%;
		margin: 0 auto
	}

	.homejd_page6moblist ul li a img {
		display: block;
		width: 100%
	}

	.homejd_page6mobaction {
		width: 90%;
		margin: 0 auto;
		background: #fff
	}

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

	.homejd_page6mobdl dl {
		-prefix-box-flex: 1;
		-webkit-box-flex: 1;
		-webkit-flex: 1;
		-moz-box-flex: 1;
		-ms-flex: 1;
		flex: 1;
		padding: 2em 0
	}

	.homejd_page6mobdl dl dt {
		width: 3em;
		float: left;
		margin-left: 1.2em
	}

	.homejd_page6mobdl dl dt img {
		display: block;
		width: 100%
	}

	.homejd_page6mobdl dl dd {
		float: left;
		margin-left: 1em;
		height: 100%
	}

	.homejd_page6mobdl dl dd b {
		display: block;
		font-size: .8em;
		margin: .6em 0 .4em;
		font-weight: 400;
		color: #333
	}

	.homejd_page6mobdl dl dd span {
		display: block;
		font-size: .6em;
		color: #676766
	}

	.homejd_page6mobdl dl dd a {
		display: block;
		width: 100%;
		height: 100%;
		font-size: .8em;
		margin: .6em auto .4em;
		color: #333;
		text-align: center
	}

	.homejd_page6mobaction .homejd_page6mobdl:first-child dl {
		border-bottom: 1px solid #e7e7e7
	}

	.homejd_page6mobaction .homejd_page6mobdl dl:first-child {
		border-right: 1px solid #e7e7e7
	}

	.homejd_page6mobaction .homejd_page6mobdl:nth-child(2) dl:last-child dd {
		float: none
	}

	.homejd_page6mobcon1 p {
		font-size: .8em;
		color: #4171f7;
		font-weight: 400;
		text-align: center;
		border-bottom: 1px solid #e7e7e7;
		padding: 1.6em 0
	}

	.homejd_page6mobdl2 dl {
		padding: 1em 0
	}

	.homejd_page6mobdl2 dl dt {
		width: 3em;
		float: none;
		margin: 0 auto
	}

	.homejd_page6mobcon1 {
		display: none
	}

	.homejd_page6mobdl2 dl dd {
		float: none;
		margin: 0 auto;
		width: 90%;
		height: 100%
	}

	.homejd_page6mobdl2 dl dd a {
		display: block;
		width: 100%;
		height: 100%;
		font-size: .8em;
		margin: 27% auto .4em;
		color: #676766;
		text-align: center
	}

	.homejdtext2 {
		width: 100%;
		position: absolute;
		z-index: 4;
		bottom: 3em;
		left: 0
	}

	.homejdtext2bot {
		bottom: 1.4em
	}

	.homejdtext2 h1 {
		font-size: 1.6em;
		margin-bottom: .4em;
		width: 80%
	}

	.homejdtext2 p {
		font-size: .8em;
		line-height: 1.6em;
		width: 80%;
		text-align: center;
		margin: 1em auto 0
	}

	.homejd_resg {
		width: 5em;
		height: 1.4em;
		position: relative;
		border-radius: 10px;
		-webkit-border-radius: 56px;
		-moz-border-radius: 56px;
		-ms-border-radius: 56px;
		-o-border-radius: 56px;
		overflow: hidden;
		margin-top: .8em
	}

	.homejd_resg a {
		width: 100%;
		height: 100%;
		position: absolute;
		z-index: 2;
		top: 0;
		left: -.2em;
		line-height: 1.8em;
		background: url(../images/icon.png) no-repeat 92%;
		background-size: 7%
	}

	.homejd_page4btn,
	.homejd_resg a {
		display: block;
		color: #fff;
		font-size: .8em
	}

	.homejd_page4btn {
		width: 5.6em;
		height: 2em;
		background: #4071f7;
		text-align: center;
		line-height: 2em;
		margin: 2em auto
	}

	.mobact {
		border-bottom: 2px solid #4774f5
	}

	.mobpage1swiper .swiper-button-next,
	.mobpage1swiper .swiper-button-prev {
		width: 14px;
		height: 44px;
		margin-top: -22px;
		outline: none
	}

	.mobpage1swiper .swiper-button-next img,
	.mobpage1swiper .swiper-button-prev img {
		display: block;
		width: 100%
	}

	.solutionpage5concy ul li span {
		display: block;
		float: left;
		width: 40px;
		margin-left: 7%
	}

	.solutionpage5concy ul li span img {
		width: 100%
	}

	.solutionpage5concy ul li {
		padding: 20px 0;
		clear: both;
		overflow: hidden
	}

	.solutionpage5concy ul li b {
		display: block;
		float: left;
		font-weight: 400;
		margin: 8px 0 0 8px;
		font-size: 1em
	}

	.jdhcpage1 .jinlitext {
		text-align: justify
	}

	.newstop {
		display: none
	}

	.homepage,
	.newskv {
		margin-top: 0
	}

	.hcpc {
		display: none !important
	}

	.hcmob {
		display: block !important
	}

	.page7pc {
		display: none !important
	}

	.page7mob {
		display: block !important
	}

	.page4pc {
		display: none !important
	}

	.page4mob {
		display: block !important
	}

	.mobhg {
		width: 100%;
		height: 2.7em
	}
}

.newsbox,
.newsbox a {
	font-family: 微软雅黑, PingFangSC-Regular, sans-serif !important
}

.newspage-list p span {
	max-width: 100% !important;
	margin-bottom: 0 !important;
	margin-top: 0 !important;
	margin-bottom: 16px !important;
	margin-top: 16px !important
}

.newspage p img {
	height: auto !important
}

.newspageleft .nbt>h2 {
	margin-top: 20px;
	font-weight: 400;
	font-size: calc(8px + 1vmin)
}

@media (max-width:600px) {
	.newspageleft .nbt>h2 {
		margin-top: inherit
	}
}

@media (min-width:960px) {

	.aboutuspage2_ul,
	.aboutuspage2_ul .usscroll {
		width: 100%
	}
}

.videobox {
	position: absolute;
	z-index: 999;
	top: 0;
	left: 0;
	display: none
}

.videobox,
.videobox_m,
.videobox_m video,
.videobox video {
	width: 100%;
	height: 100%
}

.videobox_m {
	position: fixed;
	z-index: 999;
	top: 0;
	left: 0;
	display: none;
	background: #000
}

.videoclose {
	display: block;
	width: 40px;
	position: absolute;
	z-index: 200;
	top: 20px;
	right: 20px
}

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

@media (max-width:1500px) and (min-width:1400px) {
	.jdhcpage5layer_con span {
		margin: 40px 0 26px
	}
}

@media (max-width:750px) {
	.videoclose {
		display: block;
		width: 2em;
		position: absolute;
		z-index: 200;
		top: .6em;
		right: .6em
	}
}

.advisory-layer {
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 9999;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0;
	background-color: rgba(0, 0, 0, .7);
	display: none;
	font-family: 微软雅黑, arial;
	text-align: center;
	font-size: 0;
	white-space: nowrap
}

.advisory-layercon {
	top: 50%
}

.advisory-layer .advisory-layercon {
	width: 510px;
	border-radius: 5px;
	z-index: 99999;
	height: auto;
	padding: 0;
	position: relative;
	max-height: 100%;
	display: inline-block;
	vertical-align: middle;
	text-align: left;
	font-size: 14px;
	white-space: normal;
	box-shadow: 0 0 5px 0 rgba(0, 0, 0, .2);
	background: #fff;
	overflow: auto;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
}

.advisory-layer .advisory-pc {
	display: block !important
}

.advisory-layer .advisory-mob {
	display: none !important
}

.advisory-layercon .toast {
	display: none;
	position: absolute;
	width: 100%;
	top: 50%;
	left: 40%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%)
}

.advisory-layer .advisory-layercon .advisory-header {
	height: 164px;
	padding: 0;
	text-align: center;
	color: #fff
}

.advisory-layer .advisory-layercon .advisory-hd {
	height: 143px;
	padding-top: 26px
}

.advisory-layer .advisory-layercon .advisory-header .advisory-title {
	margin-bottom: 12px;
	line-height: 33px;
	font-size: 24px;
	font-weight: 500
}

.advisory-layer .advisory-layercon .advisory-note {
	width: 470px;
	margin: 0 auto;
	line-height: 24px;
	font-size: 16px
}

.advisory-layer .advisory-layercon .advisory_close {
	width: 14px;
	height: 14px;
	background: url(../images/3c854e83a9988029.png) no-repeat top;
	position: absolute;
	top: 14px;
	right: 30px;
	padding: 0;
	background: 0 0;
	border: none;
	outline: 0;
	cursor: pointer;
	font-size: 14px
}

.advisory-layer .advisory-layercon .advisory-body {
	padding: 30px
}

.form_content {
	width: 100%;
	box-sizing: border-box;
	padding: 10px 60px 0 0
}

.form_content .form_item {
	text-align: left;
	margin-bottom: 20px
}

.form_content .form_item .form_item_tag {
	float: left;
	min-width: 80px;
	margin-right: 30px;
	text-align: right;
	font-size: 12px;
	font-weight: 400;
	font-stretch: normal;
	line-height: 30px;
	letter-spacing: 0;
	color: #999
}

.form_content .form_item .form_item_required:before {
	content: "*";
	display: inline-block;
	margin-right: 4px;
	color: #e1251b
}

.form_content .form_item input {
	width: 280px;
	height: 30px;
	padding-left: 12px;
	color: rgba(0, 0, 0, .85)
}

.form_content .form_item input,
.form_content .form_item textarea {
	background-color: #fff;
	border-radius: 4px;
	border: 1px solid rgba(0, 0, 0, .15);
	font-size: 12px;
	box-sizing: border-box
}

.form_content .form_item textarea {
	width: 280px;
	height: 90px;
	padding: 3px 12px;
	font-family: Arial
}

.form_content .form_item_right {
	text-align: right;
	height: 1px
}

.form_content .form_link {
	line-height: 20px;
	font-size: 14px;
	color: #f83c23;
	text-decoration: underline
}

.form-btn {
	width: 252px;
	height: 38px;
	background: #f83c23;
	border-radius: 4px;
	line-height: 20px;
	font-family: PingFangSC-Regular;
	font-size: 14px;
	color: #fff;
	border: none;
	margin-left: 32%
}

.form_content .form_item:last-child {
	margin-bottom: 10px
}

.advisory-layercon .toast .content {
	background: rgba(0, 0, 0, .7);
	position: absolute;
	font-size: 15px;
	padding: 20px;
	text-align: center;
	color: #fff;
	border-radius: 10px
}

.advisory-layercon .joinus-block,
.advisory-layercon .mask {
	display: none;
	background: rgba(0, 0, 0, .7);
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 1
}

.advisory-layercon .joinus-block .content,
.advisory-layercon .mask .content {
	background: #fff;
	position: absolute;
	top: 25%;
	left: 25%;
	width: 50%;
	height: 50%;
	font-size: 15px;
	padding: 20px;
	text-align: center;
	z-index: 1
}

.advisory-layercon .joinus-block .content {
	height: auto;
	border-radius: 10px;
	padding: 0;
	width: auto;
	top: 0;
	left: 0
}

.advisory-layercon .joinus-block .content .item {
	font-size: 15px;
	text-align: center;
	z-index: 1
}

.app {
	display: none
}

.advisory-layercon .mask .content .icon {
	background: url(../images/success.png) 50% no-repeat #fff;
	width: 100%;
	background-size: contain;
	height: 80px
}

.advisory-layercon .joinus-block .content .close-icon {
	background: url(../images/close.png) 100% no-repeat transparent;
	width: 5%;
	background-size: contain;
	height: 5%;
	cursor: pointer;
	position: absolute;
	right: 5%;
	top: 5%
}

.advisory-layercon .mask .content .suctext {
	position: relative;
	font-size: 20px;
	margin: 20px auto
}

.advisory_close {
	display: block;
	width: 38px;
	float: right;
	clear: both
}

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

.advisory-layercon .advbt {
	font-size: 28px;
	text-align: center;
	font-weight: 400;
	margin: 20px 0 30px;
	color: #e1251b
}

.form_item span.tips {
	border: none;
	color: red;
	height: auto;
	position: absolute;
	left: 143px;
	font-size: 14px
}

.advisory-layercon .submit {
	display: block;
	width: 252px;
	height: 38px;
	font-size: 14px;
	margin: 10px 0 0 31%;
	text-align: center;
	line-height: 40px;
	background: #e0241b;
	color: #fff
}

.advisory-layercon .submit.disable {
	background: grey
}

.advisory-layercon p {
	width: 68%;
	text-align: justify;
	font-size: 20px;
	line-height: 30px;
	margin: 0 auto 26px
}

.advisory-layercon p.joinus span {
	position: relative;
	text-decoration: underline;
	cursor: pointer;
	color: #e1251b
}

.advisory-layercon p.joinus span:after {
	content: "";
	display: block;
	background: url(../images/clickable.png) no-repeat;
	background-size: contain;
	width: 10px;
	height: 10px;
	position: absolute;
	right: -14px;
	top: 5px
}

@media (max-width:768px) {
	.advisory-layer .advisory-pc {
		display: none !important
	}

	.advisory-layer .advisory-mob {
		display: block !important
	}

	.advisory-layer .advisory-layercon {
		width: 89.33vw;
		border-radius: 4px;
		box-shadow: 0 0 3px 0 rgba(0, 0, 0, .25);
		overflow: hidden;
		z-index: 100;
		height: auto;
		padding: 0
	}

	.advisory-layer .advisory-layercon .advisory-header {
		height: 133px;
		padding: 0
	}

	.advisory-layer .advisory-layercon .advisory-header .advisory-title {
		margin-bottom: 5px;
		line-height: 22px;
		font-size: 16px;
		color: #fff
	}

	.advisory-layer .advisory-layercon .advisory-hd {
		height: 28.8vw;
		padding: 4vw 8.8vw
	}

	.advisory-layer .advisory-layercon .advisory-note {
		width: 65vw;
		line-height: 18px;
		font-size: 12px
	}

	.advisory-layer .advisory-layercon .advisory_close {
		top: 3vw;
		right: 3vw
	}

	.advisory-layer .advisory-layercon .advisory-body {
		padding: 4vw 0 0
	}

	.form_content {
		width: 100%;
		padding: 1vw 0 0
	}

	.form_content .form_item {
		margin-bottom: 5vw
	}

	.form_content .form_item .form_item_tag {
		min-width: 20vw;
		margin-right: 1.9vw;
		font-size: 12px;
		line-height: 22px
	}

	.form_content .form_item input {
		width: 49vw;
		height: 6.4vw;
		border-radius: 4px;
		padding-left: 12px;
		font-size: 12px
	}

	.form_content .form_item textarea {
		width: 49vw;
		height: 24vw;
		border-radius: 4px;
		padding: 3px 12px
	}

	.form_item span.tips {
		position: absolute;
		width: auto;
		left: 27vw;
		font-size: 10px;
		color: #f83c23
	}

	.form_content .form_link {
		line-height: 20px;
		font-size: 12px
	}

	.advisory-layercon .submit {
		width: 100%;
		display: block;
		text-align: center;
		background: #f83c23;
		color: #fff;
		height: 32px;
		border-radius: 4px;
		line-height: 20px;
		font-family: PingFangSC-Regular;
		font-size: 14px;
		margin-left: 0
	}
}
@media (max-width:1650px) {
    .newstext{left:50%;}
}
@media (max-width:1470px) {
    .newstext{left:40%;margin-left: -450px;}
}
@media (max-width:680px) {
    .newstext{left:0%;margin-left: 0;width:100%;max-width:100%;}
    .newstext h1{text-align:center;font-size:36px;}
    .newstext h1 strong{display:block;}
    .solutioncolorred span{margin:0 auto;font-size:24px;}
}