@media screen and (min-width: 1200px){

.flexIm {
	position: fixed;
	top: 55%;
	right: 0;
	z-index: 999
}

.flexIm .backTop {
	position: absolute;
	bottom: -30px;
	right: 10px;
	width: 27px;
	right: 7px;
	cursor: pointer
}

.flexIm .dom {
	float: left;
	width: 145px;
	height: 150px;
	margin-top: 15px;
	background-color: #e7e7e7;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	text-align: center;
	display: none
}

.flexIm .dom p {
	text-align: center;
	margin-top: 5px;
	font-size: 13px
}

.flexIm .dom .title {
	font-size: 24px;
	font-weight: 500;
	margin-top: 35px
}

.flexIm .dom a {
	cursor: pointer;
	background-color: #d61929;
	color: #fff;
	border-radius: 3px;
	margin-top: 30px;
	width: 110px;
	line-height: 30px;
	font-size: 16px;
	display: inline-block
}

.flexIm ul {
	width: 40px;
	float: left;
	background-color: #e7e7e7;
	padding: 5px 0;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px
}

.flexIm ul li {
	margin-top: 10px;
	text-align: center
}

.flexIm ul li img {
	width: 27px
}

.flexIm ul li .qqIcon:hover {
	content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAACm0lEQVRYheXWXYhVVRQH8N/cmXwYbXQmcYzx60HNYhAxELFSMx/0xc8CMZgnB4QogoQRHxRyVIh5CcFAKzKTgdI3wUjHr1FBGBlBNAjHFDFIMlLT0THGHva5cOd2zplzmzs+6B8uZ5+91t7rf9de+38Wzzsqvq9sKMV/NVZgVPQ+Gk/wF/rwED+hPeuGVRn9PsAa3MHPOIEL+D0iMA4zsBBL8T7OY8tgGw+WgRdxCnXYKPs/ewvbhQytRE+SYy5lk1lCai9icgnBoTMi8S26hKMricDL6EYbmkoIXIw2vIv9mFcKgR58hpYhBM+jA4twGBOyEGjH7TIFz+Ms9mDfYAReE6r99TIGz2MDarAkjUArDuLWMBCA77A5jcCrku/uGxifIchIzE+wfYl61MYR2CGo2aWYhdNwGl9lIPApTuKdGNs9/Ipvigm0CULTnbBpffQcm4FAvtInJth/wDLsJUjxKnwSGc8lLOqNntUZCFQUrSlGV/RswrmqguDwW8Kiy8L5HctAYCfu4niC/Z+C8foq2a5cL5oz+BFkuDOjb11OKLw8/qNUw4DagnFfzsBzn/oUCBRm/EYOWwsmGlMWNqAyY5ApKbY3C8atOeF7n9f9xYIYxaERP0oXozrhKr+dYB8hdFQERTxS+V6uBs7gKPpxU3wD0RNt8EUU6LrQIcEkfIhdwsfs8wQCLZiO5UKvUHJPCLPxER7gb+Hej4l+O4WMxqEa1zAXV/OT/4dAHi8It6ZCyNqjQfw7BCleUTiZtSmNw2NB17OgGTOFoxqAoRBIwmqhUA8IXfM67MYrYuS53AS2YVM0bsEhLMAc/BK3YCg1UIwq4VgKcR8vSamPtLa8VPTjj6K5j9OCDweBtbiCPwU9+LqM+z+j+BevV3+KTqJGqgAAAABJRU5ErkJggg==)
}

.flexIm ul li .callIcon:hover {
	content: url(../images/phoneRed.4ea0e69.png)
}

.flexIm ul li .wxIcon:hover {
	content: url(../images/wxRed.4e67d4e.png)
}

.flexIm ul li .phone2Icon:hover {
	content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABA0lEQVRYR+2XwW3CMBSG/xepZofScGx97wKwAFJBrdQV6A5V2x1gBSQQIHUBWIB72iOG7kAi+aFIOfQQYydpD0jPl1h5v/0+fb7YBMf4jtWzJTwAeHRlAv/PI8bq1qTTsjy5NvmK1YIJg8AmZ2PEWN6ZdFgJIImv1iDq/gUAmDfaZL1aAGxt6cJQMIqidSMAvUudxxQCkXQUC4AYEANiQAyIATEgBsSAGLhsAwy8+26/EcAWoPybZ3/PGXhrZMDXPKje5GHiafBU1Gdnc/8E8KN3aTtvnHTUAcC1E6ImwBhEI4+BfVG/8RiYaJO9VHwbtvogfgVwH3TO7tAWTB/aHD/LIicWkk0wMavQsAAAAABJRU5ErkJggg==)
}

.flexIm ul li .icon-qq:hover {
	content: url(../images/qq_2.a9bbcdf.png)
}

.bannerWrap {
	width: 100%;
	max-width: 1920px;
	min-width: 1200px;
	background: url(../images/zxdtbanner.da987e1.png) no-repeat 50%;
	height: 400px;
	background-size: 100% 100%;
	margin: 82px auto 0
}

.bannerWrap .firstTitle {
	font-size: 62px;
	text-align: center;
	font-weight: 700;
	padding-top: 125px;
	color: #fff
}

.bannerWrap .sceondTitle {
	font-size: 26px;
	text-align: center;
	margin-top: 20px;
	color: #fff
}

.statement {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: rgba(0, 0, 0, .3);
	z-index: 99999;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.statement .statementContent {
	width: 1000px;
	text-align: center;
	background-color: #fff;
	position: relative
}

.statement .statementContent .statementTitle {
	text-align: center;
	color: #33342e;
	font-size: 22px;
	font-weight: 700;
	line-height: 36px;
	padding-top: 50px
}

.statement .statementContent .statementDes {
	width: 720px;
	text-align: left;
	color: #585858;
	font-size: 14px;
	margin: 50px auto;
	height: 400px;
	overflow: auto
}

.statement .statementContent .closeImg {
	position: absolute;
	top: 28px;
	right: 28px;
	width: 14px;
	height: 14px;
	cursor: pointer
}

.contentWrap {
	width: 100%;
	overflow: hidden;
	margin-bottom: 50px;
	margin-top: 50px
}

.contentWrap .tabNavLists {
	width: 1200px;
	line-height: 100px;
	margin: 0 auto;
	background-color: #f9fafe
}

.contentWrap .tabNavLists span {
	font-size: 22px;
	color: #636060;
	width: 105px;
	text-align: center;
	position: relative;
	cursor: pointer
}

.contentWrap .tabNavLists span .line {
	display: none;
	width: 90%;
	height: 2px;
	background-color: red;
	position: absolute;
	bottom: 10px
}

.contentWrap .tabNavLists span:first-child {
	float: left;
	margin-left: 16px
}

.contentWrap .tabNavLists span:last-child {
	margin-left: 160px
}

.contentWrap .tabNavLists .active {
	color: red
}

.contentWrap .tabNavLists .active .line {
	display: block
}

.contentWrap .aboutUsWrap,
.contentWrap .aboutUsWrapTwo {
	width: 1200px;
	margin: 0 auto
}

.contentWrap .aboutUsWrap .aboutUsList,
.contentWrap .aboutUsWrapTwo .aboutUsList {
	width: 100%;
	height: 268px;
	margin-top: 30px;
	-webkit-transition: all .4s ease;
	transition: all .4s ease
}

.contentWrap .aboutUsWrap .aboutUsList .contentTitle,
.contentWrap .aboutUsWrapTwo .aboutUsList .contentTitle {
	height: 100%;
	width: 404px;
	font-size: 32px;
	font-weight: 700;
	background-color: #f9fafe;
	color: #fc7d7f;
	float: left;
	line-height: 268px;
	text-align: center
}

.contentWrap .aboutUsWrap .aboutUsList img,
.contentWrap .aboutUsWrapTwo .aboutUsList img {
	float: left;
	width: 796px;
	height: 100%
}

.contentWrap .aboutUsWrap .aboutUsList:hover,
.contentWrap .aboutUsWrapTwo .aboutUsList:hover {
	-webkit-transform: scale(1.03);
	transform: scale(1.03);
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
	box-shadow: 0 0 5px rgba(0, 0, 0, .3)
}

.contentWrap .aboutUsWrap .aboutUsList:first-child,
.contentWrap .aboutUsWrapTwo .aboutUsList:first-child {
	margin-top: 0
}

.contentWrap .aboutUsWrap .active .contentTitle,
.contentWrap .aboutUsWrapTwo .active .contentTitle {
	background-color: #fc7d7f;
	color: #fff
}

.contentWrap .active {
	display: block
}

.footerWrap {
	width: 100%;
	max-width: 1920px;
	min-width: 1300px;
	margin: 0 auto;
	background-color: #15181a;
	height: 530px
}

.footerWrap p {
	margin-top: 20px
}

.footerWrap p,
.footerWrap p a {
	font-size: 14px;
	color: #adadad
}

.footerWrap p:first-child {
	margin-top: 0
}

.footerWrap .contenTitle {
	font-size: 18px;
	font-weight: 700;
	color: #fff
}

.footerWrap .footerContent {
	position: relative;
	width: 1300px;
	margin: 0 auto;
	height: 100%
}

.footerWrap .footerContent .imageLogo {
	width: 200px;
	height: 100%;
	text-align: center;
	float: left
}

.footerWrap .footerContent .imageLogo img {
	margin-top: 70px;
	width: 116px
}

.footerWrap .footerContent .business,
.footerWrap .footerContent .friendUrl,
.footerWrap .footerContent .helpCenter,
.footerWrap .footerContent .phoneNumber {
	width: 170px;
	padding-top: 70px;
	float: left;
	text-align: center
}

.footerWrap .footerContent .business .statementClick,
.footerWrap .footerContent .friendUrl .statementClick,
.footerWrap .footerContent .helpCenter .statementClick,
.footerWrap .footerContent .phoneNumber .statementClick {
	cursor: pointer
}

.footerWrap .footerContent .followYZ {
	width: 360px;
	padding-top: 70px;
	float: left;
	margin-left: 30px
}

.footerWrap .footerContent .followYZ .followQRCode {
	width: 100%;
	overflow: hidden
}

.footerWrap .footerContent .followYZ .followQRCode .App,
.footerWrap .footerContent .followYZ .followQRCode .WeiBo,
.footerWrap .footerContent .followYZ .followQRCode .Wx {
	width: 120px;
	float: left;
	margin-top: 20px;
	text-align: center
}

.footerWrap .footerContent .followYZ .followQRCode .App img,
.footerWrap .footerContent .followYZ .followQRCode .WeiBo img,
.footerWrap .footerContent .followYZ .followQRCode .Wx img {
	width: 86px;
	height: 86px
}

.footerWrap .footerContent .followYZ .followQRCode .App p,
.footerWrap .footerContent .followYZ .followQRCode .WeiBo p,
.footerWrap .footerContent .followYZ .followQRCode .Wx p {
	font-size: 12px
}

.footerWrap .footerContent .bottomText {
	position: absolute;
	bottom: 10px;
	width: 100%
}

.footerWrap .footerContent .bottomText p {
	text-align: center;
	margin-top: 10px
}

.footerWrap .footerContent .bottomText p a {
	color: #f0f8ff;
	text-decoration: underline
}

.footerWrap .footerContent .bottomText p img {
	vertical-align: sub
}


}

@media screen and (max-width: 1200px){
    
    	position: fixed;
	top: 55%;
	right: 0;
	z-index: 999
}

.flexIm .backTop {
	position: absolute;
	bottom: -30px;
	right: 10px;
	width: 27px;
	right: 7px;
	cursor: pointer
}

.flexIm .dom {
	float: left;
	width: 145px;
	height: 150px;
	margin-top: 15px;
	background-color: #e7e7e7;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	text-align: center;
	display: none
}

.flexIm .dom p {
	text-align: center;
	margin-top: 5px;
	font-size: 13px
}

.flexIm .dom .title {
	font-size: 24px;
	font-weight: 500;
	margin-top: 35px
}

.flexIm .dom a {
	cursor: pointer;
	background-color: #d61929;
	color: #fff;
	border-radius: 3px;
	margin-top: 30px;
	width: 110px;
	line-height: 30px;
	font-size: 16px;
	display: inline-block
}

.flexIm ul {
	width: 40px;
	float: left;
	background-color: #e7e7e7;
	padding: 5px 0;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px
}

.flexIm ul li {
	margin-top: 10px;
	text-align: center
}

.flexIm ul li img {
	width: 27px
}

.flexIm ul li .qqIcon:hover {
	content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAACm0lEQVRYheXWXYhVVRQH8N/cmXwYbXQmcYzx60HNYhAxELFSMx/0xc8CMZgnB4QogoQRHxRyVIh5CcFAKzKTgdI3wUjHr1FBGBlBNAjHFDFIMlLT0THGHva5cOd2zplzmzs+6B8uZ5+91t7rf9de+38Wzzsqvq9sKMV/NVZgVPQ+Gk/wF/rwED+hPeuGVRn9PsAa3MHPOIEL+D0iMA4zsBBL8T7OY8tgGw+WgRdxCnXYKPs/ewvbhQytRE+SYy5lk1lCai9icgnBoTMi8S26hKMricDL6EYbmkoIXIw2vIv9mFcKgR58hpYhBM+jA4twGBOyEGjH7TIFz+Ms9mDfYAReE6r99TIGz2MDarAkjUArDuLWMBCA77A5jcCrku/uGxifIchIzE+wfYl61MYR2CGo2aWYhdNwGl9lIPApTuKdGNs9/Ipvigm0CULTnbBpffQcm4FAvtInJth/wDLsJUjxKnwSGc8lLOqNntUZCFQUrSlGV/RswrmqguDwW8Kiy8L5HctAYCfu4niC/Z+C8foq2a5cL5oz+BFkuDOjb11OKLw8/qNUw4DagnFfzsBzn/oUCBRm/EYOWwsmGlMWNqAyY5ApKbY3C8atOeF7n9f9xYIYxaERP0oXozrhKr+dYB8hdFQERTxS+V6uBs7gKPpxU3wD0RNt8EUU6LrQIcEkfIhdwsfs8wQCLZiO5UKvUHJPCLPxER7gb+Hej4l+O4WMxqEa1zAXV/OT/4dAHi8It6ZCyNqjQfw7BCleUTiZtSmNw2NB17OgGTOFoxqAoRBIwmqhUA8IXfM67MYrYuS53AS2YVM0bsEhLMAc/BK3YCg1UIwq4VgKcR8vSamPtLa8VPTjj6K5j9OCDweBtbiCPwU9+LqM+z+j+BevV3+KTqJGqgAAAABJRU5ErkJggg==)
}

.flexIm ul li .callIcon:hover {
	content: url(../images/phoneRed.4ea0e69.png)
}

.flexIm ul li .wxIcon:hover {
	content: url(../images/wxRed.4e67d4e.png)
}

.flexIm ul li .phone2Icon:hover {
	content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABA0lEQVRYR+2XwW3CMBSG/xepZofScGx97wKwAFJBrdQV6A5V2x1gBSQQIHUBWIB72iOG7kAi+aFIOfQQYydpD0jPl1h5v/0+fb7YBMf4jtWzJTwAeHRlAv/PI8bq1qTTsjy5NvmK1YIJg8AmZ2PEWN6ZdFgJIImv1iDq/gUAmDfaZL1aAGxt6cJQMIqidSMAvUudxxQCkXQUC4AYEANiQAyIATEgBsSAGLhsAwy8+26/EcAWoPybZ3/PGXhrZMDXPKje5GHiafBU1Gdnc/8E8KN3aTtvnHTUAcC1E6ImwBhEI4+BfVG/8RiYaJO9VHwbtvogfgVwH3TO7tAWTB/aHD/LIicWkk0wMavQsAAAAABJRU5ErkJggg==)
}

.flexIm ul li .icon-qq:hover {
	content: url(../images/qq_2.a9bbcdf.png)
}

.bannerWrap {
	width: 100%;
	max-width: 1920px;
	min-width: 1200px;
	background: url(../images/zxdtbanner.da987e1.png) no-repeat 50%;
	height: 400px;
	background-size: 100% 100%;
	margin: 82px auto 0
}

.bannerWrap .firstTitle {
	font-size: 62px;
	text-align: center;
	font-weight: 700;
	padding-top: 125px;
	color: #fff
}

.bannerWrap .sceondTitle {
	font-size: 26px;
	text-align: center;
	margin-top: 20px;
	color: #fff
}

.statement {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: rgba(0, 0, 0, .3);
	z-index: 99999;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.statement .statementContent {
	width: 1000px;
	text-align: center;
	background-color: #fff;
	position: relative
}

.statement .statementContent .statementTitle {
	text-align: center;
	color: #33342e;
	font-size: 22px;
	font-weight: 700;
	line-height: 36px;
	padding-top: 50px
}

.statement .statementContent .statementDes {
	width: 720px;
	text-align: left;
	color: #585858;
	font-size: 14px;
	margin: 50px auto;
	height: 400px;
	overflow: auto
}

.statement .statementContent .closeImg {
	position: absolute;
	top: 28px;
	right: 28px;
	width: 14px;
	height: 14px;
	cursor: pointer
}

.contentWrap {
	width: 100%;
	overflow: hidden;
	margin-bottom: 20px;
	margin-top: 20px
}

.contentWrap .tabNavLists {
	width: 1200px;
	line-height: 100px;
	margin: 0 auto;
	background-color: #f9fafe
}

.contentWrap .tabNavLists span {
	font-size: 22px;
	color: #636060;
	width: 105px;
	text-align: center;
	position: relative;
	cursor: pointer
}

.contentWrap .tabNavLists span .line {
	display: none;
	width: 90%;
	height: 2px;
	background-color: red;
	position: absolute;
	bottom: 10px
}

.contentWrap .tabNavLists span:first-child {
	float: left;
	margin-left: 16px
}

.contentWrap .tabNavLists span:last-child {
	margin-left: 160px
}

.contentWrap .tabNavLists .active {
	color: red
}

.contentWrap .tabNavLists .active .line {
	display: block
}

.contentWrap .aboutUsWrap .aboutUsList,
.contentWrap .aboutUsWrapTwo .aboutUsList {
	width: 100%;
	height: 160px;
	margin-top: 30px;
	-webkit-transition: all .4s ease;
	transition: all .4s ease
}

.contentWrap .aboutUsWrap .aboutUsList .contentTitle,
.contentWrap .aboutUsWrapTwo .aboutUsList .contentTitle {
	height: 100%;
	width: 50%;
	font-size: 22px;
	font-weight: 700;
	background-color: #f9fafe;
	color: #fc7d7f;
	float: left;
	line-height: 160px;
	text-align: center
}
.contentWrap .aboutUsWrap .aboutUsList:hover,
.contentWrap .aboutUsWrapTwo .aboutUsList:hover {
	-webkit-transform: scale(1.03);
	transform: scale(1.03);
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
	box-shadow: 0 0 5px rgba(0, 0, 0, .3)
}

.contentWrap .aboutUsWrap .aboutUsList:first-child,
.contentWrap .aboutUsWrapTwo .aboutUsList:first-child {
	margin-top: 0
}

.contentWrap .aboutUsWrap .active .contentTitle,
.contentWrap .aboutUsWrapTwo .active .contentTitle {
	background-color: #fc7d7f;
	color: #fff
}

.contentWrap .active {
	display: block
}

.footerWrap {
	width: 100%;
	max-width: 1920px;
	min-width: 1300px;
	margin: 0 auto;
	background-color: #15181a;
	height: 530px
}

.footerWrap p {
	margin-top: 20px
}

.footerWrap p,
.footerWrap p a {
	font-size: 14px;
	color: #adadad
}

.footerWrap p:first-child {
	margin-top: 0
}

.footerWrap .contenTitle {
	font-size: 18px;
	font-weight: 700;
	color: #fff
}

.footerWrap .footerContent {
	position: relative;
	width: 1300px;
	margin: 0 auto;
	height: 100%
}

.footerWrap .footerContent .imageLogo {
	width: 200px;
	height: 100%;
	text-align: center;
	float: left
}

.footerWrap .footerContent .imageLogo img {
	margin-top: 70px;
	width: 116px
}

.footerWrap .footerContent .business,
.footerWrap .footerContent .friendUrl,
.footerWrap .footerContent .helpCenter,
.footerWrap .footerContent .phoneNumber {
	width: 170px;
	padding-top: 70px;
	float: left;
	text-align: center
}

.footerWrap .footerContent .business .statementClick,
.footerWrap .footerContent .friendUrl .statementClick,
.footerWrap .footerContent .helpCenter .statementClick,
.footerWrap .footerContent .phoneNumber .statementClick {
	cursor: pointer
}

.footerWrap .footerContent .followYZ {
	width: 360px;
	padding-top: 70px;
	float: left;
	margin-left: 30px
}

.footerWrap .footerContent .followYZ .followQRCode {
	width: 100%;
	overflow: hidden
}

.footerWrap .footerContent .followYZ .followQRCode .App,
.footerWrap .footerContent .followYZ .followQRCode .WeiBo,
.footerWrap .footerContent .followYZ .followQRCode .Wx {
	width: 120px;
	float: left;
	margin-top: 20px;
	text-align: center
}

.footerWrap .footerContent .followYZ .followQRCode .App img,
.footerWrap .footerContent .followYZ .followQRCode .WeiBo img,
.footerWrap .footerContent .followYZ .followQRCode .Wx img {
	width: 86px;
	height: 86px
}

.footerWrap .footerContent .followYZ .followQRCode .App p,
.footerWrap .footerContent .followYZ .followQRCode .WeiBo p,
.footerWrap .footerContent .followYZ .followQRCode .Wx p {
	font-size: 12px
}

.footerWrap .footerContent .bottomText {
	position: absolute;
	bottom: 10px;
	width: 100%
}

.footerWrap .footerContent .bottomText p {
	text-align: center;
	margin-top: 10px
}

.footerWrap .footerContent .bottomText p a {
	color: #f0f8ff;
	text-decoration: underline
}

.footerWrap .footerContent .bottomText p img {
	vertical-align: sub
}
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    .contentWrap .aboutUsWrap,
    .contentWrap .aboutUsWrapTwo {
	width: 100%;
	margin: 0 auto
    }
    .contentWrap .aboutUsWrap .aboutUsList img,
.contentWrap .aboutUsWrapTwo .aboutUsList img {
	float: left;
	width: 48%;
	height: 100%
    }
}