.mainNavBox {
	width: 100%;
	height: 100px;}

#topSection.purchaseSection {
	min-height: 180px;}

#topSection {
	width: 100%;
	/*min-height: 180px;*/
	position: relative;}

#topSection .mainNav ul li a {
	cursor: pointer;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	display: inline-block;}

#topSection .mainNav ul li.active:before {}

#topSection .mainNav ul li.active a {
	display: inline-block;
	color: #ff3232;}

#topSection .mainNav ul li:before {
	/*content: attr(data-text);*/
	color: #ff3232;
	position: absolute;
	font-weight: bold;
	font-size: 16px;
	top: 15px;
	display: inline-block;
	/*-webkit-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        opacity: 0; */
	text-shadow: 0px 0px 1px #ff3232;}

#topSection .mainNav ul li:hover:before {}

#topSection .mainNav ul li:hover a {
	display: inline-block;
	color: #ff3232;}

#topSection .mainNav .mainNavLogo {
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -27px;
	cursor: pointer;}

#topSection .mainNav .userLogin {
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	line-height: 100px;}

#topSection .mainNav .userLogin span {
	display: inline-block;
	width: 65px;
	text-align: center;}

#topSection .mainNav .userLogin span a {
	cursor: pointer;
	color: #fff;
	font-size: 14px;
	position: relative;
	top: -1.5px;
	width: 100%;
	height: 100%;
	display: inline-block;}

#topSection .mainNav .userLogin span:nth-of-type(2) {
	width: 77px;
	height: 30px;
	line-height: 30px;
	border-radius: 3px;
	border: solid 1px #ffffff;}

#topSection .mainNav .userLogin span:nth-of-type(2):hover {
	background: #fff;}

#topSection .mainNav .userLogin span:nth-of-type(2):hover a {
	color: #000;}

#topSection .mainNav .userLogin span:nth-of-type(1) a:hover {
	color: #ff3232;}

#topSection .mainNav ul {
	/*width: 620px;*/
	margin: 0 auto;}

#topSection .mainNav ul li {
	position: relative;
	padding: 0 15px;
	height: 100%;
	line-height: 100px;
	text-align: center;
	float: left;}

#topSection .mainNav ul li a {
	cursor: pointer;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	display: inline-block;}

#topSection .mainNav ul li.active:before {}

#topSection .mainNav ul li.active a {
	display: inline-block;}

#topSection .mainNav ul li:before {
	/*content: attr(data-text);*/
	color: #ff3232;
	position: absolute;
	font-weight: bold;
	font-size: 16px;

	display: inline-block;
	/*-webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    opacity: 0;*/
	text-shadow: 0px 0px 1px #ff3232;}

#topSection .mainNav ul li:hover:before {}

#topSection .mainNav ul li:hover a {
	display: inline-block;}


/* 添加解决方案标题 */

#topSection .mainNav ul li .v-secondmenu {
	display: none;
	position: absolute;
	left: -38px;
	top: 70px;
	width: 166px;
	padding-top: 8px;
	background-color: rgba(0, 0, 0, 0.7);
	border-radius: 2px;}

#topSection .mainNav ul li:hover .v-secondmenu {
	display: block;}

#topSection .mainNav ul li .v-secondmenu .v-drop-down {
	display: inline-block;
	width: 8px;
	height: 3px;
	background: url(../images/drop-down.jpg);}

#topSection .mainNav ul li .v-secondmenu li {
	display: block;
	float: none;
	height: 40px;
	line-height: 40px;}

#topSection .mainNav ul li .v-secondmenu li {
	background: url(../images/line.jpg) no-repeat 30px 39px;}

#topSection .mainNav ul li .v-secondmenu li:last-child {
	background: none;}

#topSection .mainNav ul li .v-secondmenu li a,
#topSection .mainNav ul li:hover .v-secondmenu li a {
	font-size: 14px;
	color: #999;}

#topSection .mainNav ul li .v-secondmenu li:hover a {
	color: #fff;}

#topSection .mainNav .mainNavLogo {
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -27px;
	cursor: pointer;}

#topSection .mainNav .userLogin {
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	line-height: 100px;}

#topSection .mainNav .userLogin span {
	display: inline-block;
	width: 65px;
	text-align: center;}

#topSection .mainNav .userLogin span a {
	cursor: pointer;
	color: #fff;
	font-size: 14px;
	position: relative;
	top: -1.5px;
	width: 100%;
	height: 100%;
	display: inline-block;}

.bannerSection {
	clear: both;
	width: 100%;
	height: 460px;
	bottom: 1px;
	overflow: visible !important;}

#mainSection {
	width: 100%;
	margin: 0 auto;
	height: 140px;
	background-color: #f5f5f5;}

#mainSection .mainTips {
	width: 1200px;
	margin: 0 auto;}

#mainSection .mainTips ul {
	height: 140px;}

#mainSection .mainTips ul>li {
	float: left;
	width: 25%;
	height: 100%;
	position: relative;}

#mainSection .mainTips ul>li:before {
	content: "";
	width: 1px;
	height: 80px;
	background: #dcdcdc;
	position: absolute;
	top: 50%;
	margin-top: -40px;
	right: 0;}

#mainSection .mainTips ul>li:nth-last-of-type(1) dt {
	bottom: 9px;
	right: 59px;}

#mainSection .mainTips ul>li:nth-last-of-type(1):before {
	display: none;}

#mainSection .mainTips ul>li:nth-of-type(3) dl dt {
	right: 10px;
	bottom: 5px;}

#mainSection .mainTips ul>li:nth-of-type(1) dl dt {
	bottom: 5px;}

#mainSection .mainTips ul>li:nth-of-type(2) dl dt {
	bottom: 5px;}

#mainSection .mainTips ul>li:nth-of-type(1):hover dl dt img:nth-of-type(2) {
	top: 25px;
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;}

#mainSection .mainTips ul>li:nth-of-type(2):hover dl dt img:nth-of-type(2) {
	left: 30px;
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;}

#mainSection .mainTips ul>li:nth-of-type(3):hover dl dt img:nth-of-type(2) {
	-webkit-transform: rotate(10deg);
	-o-transform: rotate(10deg);
	transform: rotate(10deg);}

#mainSection .mainTips ul>li:nth-of-type(4) dl dt img:nth-of-type(2) {
	left: 15px;}

#mainSection .mainTips ul>li:nth-of-type(4):hover dl dt img:nth-of-type(2) {
	left: -13px;}

#mainSection .mainTips ul>li:nth-of-type(3) dl dt img:nth-of-type(2) {
	top: 16px;
	right: auto;
	left: -15px;
	-webkit-transform: rotate(60deg);
	-o-transform: rotate(60deg);
	transform: rotate(60deg);
	-webkit-transform-origin: right bottom;
	-o-transform-origin: right bottom;
	transform-origin: right bottom;}

#mainSection .mainTips ul>li dl {
	padding: 48px 0px;
	padding-left: 31px;
	padding-right: 10px;}

#mainSection .mainTips ul>li dl:hover dd ol li:nth-of-type(1) a {
	color: #ff3333;}

#mainSection .mainTips ul>li dl:hover ol li:nth-of-type(1) {
	color: #ff3232;}

#mainSection .mainTips ul>li dl dt,
#mainSection .mainTips ul>li dl dt {
	float: right;}

#mainSection .mainTips ul>li dl dt {
	position: relative;
	right: 20px;}

#mainSection .mainTips ul>li dl dt img:nth-of-type(2) {
	position: absolute;
	top: 0;
	left: 0;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;}

#mainSection .mainTips ul>li dl dd ol li {
	font-size: 16px;
	color: #2b2c32;}

#mainSection .mainTips ul>li dl dd ol li a {
	display: block;}

#mainSection .mainTips ul>li dl dd ol li:nth-of-type(1) {
	font-weight: bold;}

#mainSection .mainIntro {
	width: 100%;
	height: 600px;
	background: blue;}

.centerBox {
	width: 1200px;
	height: 100%;
	margin: 0 auto;
	position: relative;}

#mainTipsBox {
	width: 100%;}

#mainTipsBox .mainTipsItem {
	width: 100%;
	height: 540px;
	background-color: #f5f5f5;
	position: relative;}

#mainTipsBox .mainTipsItem:nth-child(odd) {
	background-color: #ffffff;}

#mainTipsBox .mainTipsItem .mainTipItem-boradcast-detail {
	padding-top: 110px;}

#mainTipsBox .mainTipsItem .mainTipItem-boradcast-detail ul li {
	font-size: 18px;
	color: #969696;
	padding-bottom: 5px;}

#mainTipsBox .mainTipsItem .mainTipItem-boradcast-detail ul li:nth-of-type(1) {
	font-size: 30px;
	color: #2b2c32;
	padding-bottom: 10px;}

#mainTipsBox .mainTipsItem .mainTipItem-boradcast-detail ul li:nth-of-type(5) {
	padding: 10px 0 10px 0;}

#mainTipsBox .mainTipsItem .mainTipItem-boradcast-detail ul li:nth-of-type(5) a {
	color: #ff3333;}

#mainTipsBox .mainTipsItem .mainTipItem-boradcast-detail div dl {
	float: left;
	padding: 30px;
	text-align: center;}

#mainTipsBox .mainTipsItem .mainTipItem-boradcast-detail div dl:nth-of-type(1) {
	padding-left: 0;}

#mainTipsBox .mainTipsItem .mainTipItem-boradcast-detail div dl:nth-of-type(2) dt {
	padding-bottom: 6px;}

#mainTipsBox .mainTipsItem .mainTipItem-boradcast-detail div dl:nth-of-type(4) dt {
	padding-top: 3px;
	padding-bottom: 5px;}

#mainTipsBox .mainTipsItem .mainTipItem-high-detail {
	text-align: right;
	padding-top: 125px;}

#mainTipsBox .mainTipsItem .mainTipItem-high-detail div dl:nth-last-of-type(1) {
	padding-right: 0;}

#mainTipsBox .mainTipsItem .mainTipItem-high-detail div {
	float: right;}

#mainTipsBox .mainTipsItem .mainTipItem-admin-detail div dl dt {
	padding-bottom: 15px;}

#mainTipsBox .mainTipsItem .mainTipItem-admin-detail div dl:nth-of-type(2) dt,
#mainTipsBox .mainTipsItem .mainTipItem-admin-detail div dl:nth-of-type(3) dt {
	padding-top: 5px;
	padding-bottom: 16px;}

#mainTipsBox .mainTipsItem .mainTipItem-admin-detail div dl:nth-of-type(2) dt {
	padding-bottom: 17px;}

#mainTipsBox .mainTipsItem .mainTipItem-admin-detail div dl:nth-of-type(4) dt {
	padding-bottom: 10px;}

#mainTipsBox .mainTipsItem .mainTipItem-analysis-detail div dl dt {
	padding-bottom: 12px;}

#mainTipsBox .mainTipsItem .mainTipItem-analysis-detail div dl:nth-of-type(3) dt {
	padding-bottom: 5px;}

#mainTipsBox .mainTipsItem .mainTipItem-analysis-detail div dl:nth-of-type(4) dt {
	padding-bottom: 1px;}

#mainTipsBox .mainTipsItem-spe {
	background-color: #ffffff;
	width: 100%;
	height: 984px;
	position: relative;}

#mainTipsBox .mainTipsItem-spe h1,
#mainTipsBox .mainTipsItem-spe h3 {
	padding: 100px 0 20px 0;}

#mainTipsBox .mainTipsItem-spe h1,
#mainTipsBox .mainTipsItem-spe h3,
#mainTipsBox .mainTipsItem-spe .titleTips {
	display: block;
	width: 100%;
	text-align: center;
	font-size: 18px;
	color: #646464;}

#mainTipsBox .mainTipsItem-spe .titleTips {
	padding-bottom: 60px;
	color: transparent;
	height: 0;}

#mainTipsBox .mainTipsItem-spe ul {
	width: 100%;
	-webkit-transform: translateY(100px);
	-o-transform: translateY(100px);
	transform: translateY(100px);
	opacity: 0;}

#mainTipsBox .mainTipsItem-spe ul li {
	width: 33.3%;
	float: left;
	height: 100%;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;}

#mainTipsBox .mainTipsItem-spe ul li dl {
	width: 387px;}

#mainTipsBox .mainTipsItem-spe ul li dl:hover {
	-webkit-box-shadow: 0 0 100px #cccccc;
	-moz-box-shadow: 0 0 100px #cccccc;
	box-shadow: 0 0 100px #cccccc;
	box-shadow-top: none;
	background: #fff;
	-webkit-transition: all .3s ease-in-out;
	-mz-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;}

#mainTipsBox .mainTipsItem-spe ul li dl:hover:before {}

#mainTipsBox .mainTipsItem-spe ul li dl:hover dt img:nth-of-type(1) {
	opacity: 1;
	-webkit-transtion: all .3s ease-in-out;
	-o-transtion: all .3s ease-in-out;
	transtion: all .3s ease-in-out;}

#mainTipsBox .mainTipsItem-spe ul li dl dt {
	position: relative;}

#mainTipsBox .mainTipsItem-spe ul li dl dt img:nth-of-type(1) {
	opacity: 0;
	top: 50%;
	left: 50%;
	margin-top: -30px;
	margin-left: -30px;
	position: absolute;
	-webkit-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;}

#mainTipsBox .mainTipsItem-spe ul li:nth-of-type(2) dl {
	width: 387px;
	margin: 0 auto;}

#mainTipsBox .mainTipsItem-spe ul li:nth-of-type(3) {
	position: relative;
	right: 2px;}

#mainTipsBox .mainTipsItem-spe ul li:nth-of-type(3) dl {
	margin-left: 14px;}

#mainTipsBox .mainTipsItem-spe ul li dd h3 {
	text-align: center;
	font-size: 20px;
	color: #2b2c32;
	padding: 25px 0 30px 0;}

#mainTipsBox .mainTipsItem-spe ul li dd p {
	font-size: 16px;
	color: #969696;
	padding: 0 25px 36px 25px;}

#mainTipsBox .mainTipsItem-spe ul li:hover {
	-webkit-transform: translateY(-10px);
	-o-transform: translateY(-10px);
	transform: translateY(-10px);
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;}

#mainTipsBox .mainTipsItem-spe .moreCase {
	text-align: center;
	position: absolute;
	bottom: 100px;
	left: 50%;
	margin-left: -90.25px;
	width: 185px;
	height: 46px;
	line-height: 46px;
	border-radius: 3px;
	background-color: #ff3333;
	color: #fff;}

#mainTipsBox .plusAnimate .centerBox ul {
	-webkit-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
	-webkit-transition: all 1s ease-out 0.5s;
	-o-transition: all 1s ease-out 0.5s;
	transition: all 1s ease-out 0.5s;}

#mainTipsBox .item-big-img {
	position: absolute;
	bottom: 0;
	right: 0;
	opacity: 0;
	-webkit-transform: translateY(100px);
	-o-transform: translateY(100px);
	transform: translateY(100px);
	-webkit-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;}

#mainTipsBox .item-big-img-phone {
	right: auto;
	left: 0;}

#mainTipsBox .mainTipItem-boradcast-detail ul li {
	opacity: 0;
	-webkit-transform: translateY(100px);
	-o-transform: translateY(100px);
	transform: translateY(100px);
	-webkit-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;}

#mainTipsBox .mainTipItem-boradcast-detail>div {
	opacity: 0;
	-webkit-transform: translateY(100px);
	-o-transform: translateY(100px);
	transform: translateY(100px);
	-webkit-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;}

#mainTipsBox .mainTipsItemMove .mainTipItem-boradcast-detail ul li.moveLi1 {
	opacity: 1;
	-webkit-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);}

#mainTipsBox .mainTipsItemMove .mainTipItem-boradcast-detail ul li.moveLi2 {
	opacity: 1;
	-webkit-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition-delay: 0.15s;
	-o-transition-delay: 0.15s;
	transition-delay: 0.15s;}

#mainTipsBox .mainTipsItemMove .mainTipItem-boradcast-detail ul li.moveLi3 {
	opacity: 1;
	-webkit-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition-delay: 0.3s;
	-o-transition-delay: 0.3s;
	transition-delay: 0.3s;}

#mainTipsBox .mainTipsItemMove .mainTipItem-boradcast-detail>div {
	opacity: 1;
	-webkit-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition-delay: 0.45s;
	-o-transition-delay: 0.45s;
	transition-delay: 0.45s;}

#mainTipsBox .mainTipsItemMove .item-big-img {
	opacity: 1;
	-webkit-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition-delay: 0.45s;
	-o-transition-delay: 0.45s;
	transition-delay: 0.45s;}

.mainIntro {
	width: 100%;
	height: 770px;
	margin: 0 auto;
	position: relative;}

.mainIntro .next,
.mainIntro .prev {
	display: none;}

.mainIntro .partnerSection {
	width: 1200px;
	margin: 0 auto;}

.mainIntro .mainIntroFixBox {
	width: 800px;
	position: absolute;
	left: 50%;
	top: 76px;
	z-index: 9999999;
	margin-left: -400px;}

.mainIntro h1,
.mainIntro h3,
.mainIntro .mainIntroTips {
	width: 100%;
	text-align: center;
	font-size: 18px;
	color: transparent;
	height: 0;}

.mainIntro h1,
.mainIntro h3 {
	padding-bottom: 25px;}

.mainIntro .partnerNavBox {
	width: 1200px;
	height: 100%;
	left: 50%;
	margin-left: -600px;
	position: absolute;}

.mainIntro .partnerAutoplay {
	height: 770px;
	width: 100%;}

.mainIntro .partnerAutoplay ul {
	width: 100%;
	height: 100%;
	position: absolute;}

.mainIntro .partnerAutoplay ul li.page {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;}

.mainIntro .partnerAutoplay ul li.page div.detailSection {
	width: 950px;
	height: 500px;
	top: 227px;
	right: 0px;
	position: absolute;}

.mainIntro .partnerAutoplay ul li.page div.detailSection ol {
	height: 131px;
	margin-top: 50px;}

.mainIntro .partnerAutoplay ul li.page div.detailSection ol li {
	width: 131px;
	height: 131px;
	border-radius: 500px;
	float: left;
	/* border: 1px solid #f6f6f6;
            background: #bcbcbc;*/
	margin-right: 18px;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;}

.mainIntro .partnerAutoplay ul li.page div.detailSection div {
	width: 100%;
	padding-top: 50px;
	color: #fff;}

.mainIntro .partnerAutoplay ul li.page div.detailSection div h5 {
	clear: both;
	font-size: 24px;
	font-weight: 900;
	padding-bottom: 25px;
	letter-spacing: 3px;}

.mainIntro .partnerAutoplay ul li.page div.detailSection div h5 span {
	padding-right: 15px;
	position: relative;
	top: 6px;}

.mainIntro .partnerAutoplay ul li.page div.detailSection div p {
	clear: both;
	font-size: 16px;}

.mainIntro .partnerAutoplay ul li.page div.detailSection div b {
	padding: 10px 30px;
	margin-top: 36px;
	display: inline-block;
	border-radius: 3px;
	border: solid 1px #ffffff;}

.mainIntro .partnerAutoplay ul li.page section {
	width: 1200px;
	height: 100%;
	margin: 0 auto;
	position: relative;}

.mainIntro .partnerAutoplay ul li.page .zoombg-Img {
	position: absolute;}

.mainIntro .partnerAutoplay ul li.unslider-active .zoombg-Img {
	-webkit-animation: bgZoom 4s ease-in-out;
	-o-animation: bgZoom 4s ease-in-out;
	animation: bgZoom 4s ease-in-out;
	-webkit-animation-fill-mode: forwards;
	-o-animation-fill-mode: forwards;
	animation-fill-mode: forwards;}

.mainIntro .partnerAutoplay-nav {
	background: none;
	width: 196px;
	border-right: 1px solid #fff;
	position: absolute;
	top: 239px;
	left: 0;
	z-index: 9999999;}

.mainIntro .partnerAutoplay-nav span {
	display: block;
	width: 151px;
	height: 46px;
	line-height: 46px;
	text-align: center;
	color: #fff;
	font-size: 18px;
	font-weight: bold;}

.mainIntro .partnerAutoplay-nav span:hover {
	color: #ff3333;}

.mainIntro .partnerAutoplay-nav span.active {
	background-color: #ff3333;}

.mainIntro .partnerAutoplay-nav span.active:hover {
	color: #fff;}

.mainIntro nav {
	display: none;}

.global {
	width: 100%;
	height: 530px;
	background-color: #fff;}

.global .globalTips {
	text-align: center;}

.global .globalTips img {
	padding: 100px 0 25px 0;}

.global .globalTips p {
	font-size: 17.5px;
	color: #646464;}

.global ol {
	width: 1200px;
	margin: 80px auto;}

.global ol li {
	float: left;
	width: 300px;
	border-right: 1px solid #dcdcdc;}

.global ol li:nth-last-of-type(1) {
	border: none;}

.global ol li dl {
	width: 100%;
	text-align: center;
	color: #111517;}

.global ol li dl dt {
	font-size: 85px;
	font-family: trump;}

.global ol li dl dt span {
	font-size: 85px;
	font-family: trump;}

.global ol li dl dt b {
	font-size: 24px;
	position: relative;
	bottom: 2px;
	font-weight: bold;}

.global ol li dl dt i {
	position: relative;
	bottom: 14px;
	left: 5px;}

.global ol li dl dd {
	font-weight: bold;}

.register {
	width: 100%;
	height: 309px;
	margin: 0 auto;
	background: url(../images/zhucebg.jpg) no-repeat;
	background-attachment: fixed;
	background-position: center top;
	color: #fff;
	text-align: center;
	background-size: 100% 100%;}

.register p {
	font-size: 36px;
	padding: 75px 0 50px 0;}

.register span {
	font-size: 14px;
	border: 1px solid #fff;
	border-radius: 3px;
	padding: 13px 65px;}

footer {
	width: 100%;
	height: 560px;
	background-color: #1a1c28;
	position: relative;}

footer .footerTips {
	border-bottom: 1px solid #646464;
	height: 90px;}

footer .footerTips dl {
	width: 25%;
	float: left;}

footer .footerTips dl dt {
	float: left;
	padding: 22px 0;
	margin-right: 10px;}

footer .footerTips dl dd {
	font-size: 18px;
	color: #fff;
	padding: 31px 0px;}

footer .footerTips dl:nth-of-type(2),
footer .footerTips dl:nth-of-type(3) {
	text-align: center;}

footer .footerTips dl:nth-of-type(2) dt,
footer .footerTips dl:nth-of-type(3) dt {
	position: relative;
	left: 60px;}

footer .footerTips dl:nth-last-of-type(1) dt,
footer .footerTips dl:nth-last-of-type(1) dd {
	float: right;}

footer .footerTips dl:nth-of-type(2) {
	padding-right: 10px;}

footer .footerTips dl:nth-of-type(3) {
	padding-left: 46px;
	text-align: right;}

footer .footerTips dl:nth-of-type(3) dd {
	position: relative;
	right: 25px;}

footer .footerTips dl:nth-of-type(2) dt {
	left: 50px;}

footer .footerTips dl:nth-of-type(3) dt {
	left: 60px;}

footer .footerLinkBox a {
	color: #969696;
	font-size: 14px;}

footer .footerLinkBox b {
	color: #969696;}

footer .footerLinkBox .left {
	padding-top: 25px;}

footer .footerLinkBox .left ul {
	float: left;
	padding-right: 100px;}

footer .footerLinkBox .left ul li {
	text-align: left;
	padding-bottom: 10px;}

footer .footerLinkBox .left ul li a:hover {
	color: #ff3333;}

footer .footerLinkBox .left ul li:nth-of-type(1) {
	padding-bottom: 20px;}

footer .footerLinkBox .left ul li:nth-of-type(1) a {
	font-size: 16px;
	cursor: default;
	color: #fff;}

footer .footerLinkBox .right {
	padding-top: 25px;
	text-align: center;}

footer .footerLinkBox .right a {
	font-size: 16px;
	cursor: default;}

footer .footerLinkBox .right li {
	padding-bottom: 10px;}

footer .footerLinkBox .right li i {
	padding: 0 5px 0 25px;}

footer .footerLinkBox .right .erweima {
	padding-top: 20px;}

footer .footerLinkBox .bottom {
	clear: both;
	padding-bottom: 17px;
	border-bottom: 1px solid #646464;}

footer .footerLinkBox .bottom p {
	padding: 10px 0;}

footer .footerLinkBox .bottom>a {
	display: inline-block;
	margin: 0 10px 5px 0;
	padding: 10px 0;}

footer .footerLinkBox .bottom>a:hover {
	color: #ff3333;}

footer .footerLinkBox .privacy {
	text-align: center;
	padding-top: 17px;}

footer .footerLinkBox .privacy a {
	padding: 0 20px;}

footer .footerLinkBox .privacy a:hover {
	color: #ff3333;}

footer .backtoTopBox {
	/*width:200px;*/
	height: 200px;
	position: fixed;
	right: 20px;
	bottom: 120px;
	text-align: right;
	z-index: 99999999;}

footer .backtoTopBox div {
	width: 60px;
	height: 60px;
	margin-bottom: 10px;
	border-radius: 3px;
	background-color: #fff;
	background-image: url(../images/zaixianzixun.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;
	box-shadow: 1px 1px 1px rgba(0, 0, 0, .3);
	overflow: hidden;
	position: absolute;
	top: 0;
	right: 0;}

footer .backtoTopBox div b {
	opacity: 0;
	font-size: 17px;
	padding: 12.5px;
	color: #fff;
	position: relative;}

footer .backtoTopBox div:nth-of-type(1) b {
	position: relative;
	right: 0px;
	white-space: nowrap;
	line-height: 60px;
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;}

footer .backtoTopBox div:nth-of-type(2) b {
	white-space: nowrap;
	line-height: 60px;
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;}

footer .backtoTopBox div.footerHelp:hover,
footer .backtoTopBox div.footerConnect:hover {
	width: 192px;
	line-height: 60px;
	text-align: center;
	background-color: #ff3333;
	padding-left: 40px;
	color: #fff;
	background-position: 15px center;
	-webkit-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;}

footer .backtoTopBox div.footerHelp:hover b,
footer .backtoTopBox div.footerConnect:hover b {
	opacity: 1;
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;}

footer .backtoTopBox div.footerConnect:hover {
	width: 145px;}

footer .backtoTopBox .footerHelp {
	background-image: url(../images/phonebg.jpg);
	top: 70px;}

footer .backtoTopBox .footerHelp b {
	padding: 0;
	padding-top: 14px;
	position: relative;
	top: 1px;}

footer .backtoTopBox .footerHelp:hover {
	background-image: url(../images/phonebgh.jpg);}

footer .backtoTopBox .footerBack {
	background-image: url(../images/top.jpg);
	top: 140px;}

footer .backtoTopBox .footerBack:hover {
	background-image: url(../images/topbgh.jpg);
	background-color: #ff3333;}

footer .backtoTopBox .footerConnect:hover {
	background-image: url(../images/zaixianzixunh.jpg);}

footer .backtoTopBox .footerBack {
	display: none;}


/*adjust autoplay plug style*/

.bannerSection .unslider-wrap {
	position: absolute;
	height: 100%;
	-webkit-transition: left ease-out;
	-o-transition: left ease-out;
	transition: left ease-out;}

.bannerSection .unslider-wrap li.slidePage {
	float: left;
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;}

.bannerSection .unslider-wrap li.slidePage:nth-of-type(2) {
	background-image: url(../images/applybanner.jpg);}

.bannerSection .unslider-wrap li.slidePage:nth-of-type(2) {
	background-color: #1A1C28;}

.bannerSection .unslider-wrap li.slidePage:nth-of-type(3) {
	background-color: #1A1C28;}

.bannerSection .unslider-wrap li.slidePage:nth-of-type(2) ul {
	position: absolute;
	top: 100px;}

.bannerSection .unslider-wrap li.slidePage:nth-of-type(3) ul {
	position: absolute;
	top: 100px;}

.bannerSection .unslider-wrap li.slidePage:nth-of-type(2) ul li {
	color: #fff;
	-webkit-transition: all 1s ease-out;
	-o-transition: all 1s ease-out;
	transition: all 1s ease-out;
	-webkit-transition-delay: 1s;
	-o-transition-delay: 1s;
	transition-delay: 1s;}

.bannerSection .unslider-wrap li.slidePage:nth-of-type(3) ul li {
	color: #fff;
	-webkit-transition: all 1s ease-out;
	-o-transition: all 1s ease-out;
	transition: all 1s ease-out;
	-webkit-transition-delay: 1s;
	-o-transition-delay: 1s;
	transition-delay: 1s;}

.bannerSection .unslider-wrap li.slidePage:nth-of-type(2) ul li:nth-of-type(1) {
	font-size: 48px;}

.bannerSection .unslider-wrap li.slidePage:nth-of-type(3) ul li:nth-of-type(1) {
	font-size: 48px;}

.bannerSection .unslider-wrap li.slidePage:nth-of-type(2) ul li:nth-of-type(3) {
	font-size: 26px;
	padding-bottom: 50px;}

.bannerSection .unslider-wrap li.slidePage:nth-of-type(3) ul li:nth-of-type(2) {
	font-size: 26px;
	padding-bottom: 50px;}

.bannerSection .unslider-wrap li.slidePage:nth-of-type(2) ul li:nth-of-type(4) {
	-webkit-transition-delay: 1.5s;
	-o-transition-delay: 1.5s;
	transition-delay: 1.5s;
	width: 145px;
	height: 43px;
	text-align: center;
	line-height: 43px;
	font-size: 20px;
	border-radius: 5px;
	border: solid 1px #ffffff;}

.bannerSection .unslider-wrap li.slidePage:nth-of-type(3) ul li:nth-of-type(3) {
	-webkit-transition-delay: 1.5s;
	-o-transition-delay: 1.5s;
	transition-delay: 1.5s;
	width: 145px;
	height: 43px;
	text-align: center;
	line-height: 43px;
	font-size: 20px;
	border-radius: 5px;
	border: solid 1px #ffffff;}

.bannerSection .unslider-wrap li.slidePage:nth-of-type(2) {
	background-color: #1A1C28;}

.bannerSection .unslider-wrap li.slidePage:nth-of-type(3) {
	background-color: #1A1C28;}

.bannerSection .unslider-wrap li.slidePage:nth-of-type(2) .banner3TipsBox {
	width: 1200px;
	height: 100%;
	margin: 0 auto;
	position: relative;}

.bannerSection .unslider-wrap li.slidePage:nth-of-type(3) .banner3TipsBox {
	width: 1200px;
	height: 100%;
	margin: 0 auto;
	position: relative;}

.bannerSection .unslider-wrap li.tipsAnimate .centerBox li {
	-webkit-transform: translateY(100px);
	-o-transform: translateY(100px);
	transform: translateY(100px);
	opacity: 0;}

.bannerSection~.next,
.bannerSection~.prev {
	display: none;}


/* bannerCircle spin */

.bannerRollBox {
	position: absolute;
	right: 0;
	width: 800px;
	height: 800px;
	bottom: -118px;
	z-index: 999999;}

.bannerRollBox .bannerRollPlayBtn {
	width: 63px;
	height: 63px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -31.5px;
	margin-left: -31.5px;
	background: url(../images/playbtndark.jpg) no-repeat;
	background-position: center center;
	-webkit-animation: replaceBg 2s ease-in-out infinite alternate;
	-o-animation: replaceBg 2s ease-in-out infinite alternate;
	-moz-animation: replaceBg 2s ease-in-out infinite alternate;
	animation: replaceBg 2s ease-in-out infinite alternate;}

.bannerRollBox .bannerRollPlayBtn:hover {
	-webkit-animation: none;
	-moz-animation: none;
	-o-animation: none;
	animation: none;
	background-image: url(../images/playbtnlight.jpg);}

.bannerRollBox img {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -400px;
	margin-left: -400px;
	-webkit-animation: spinAround 40s linear infinite;
	-o-animation: spinAround 40s linear infinite;
	animation: spinAround 40s linear infinite;}

.bannerRollBox img.reverse {
	-webkit-animation-direction: reverse;
	-o-animation-direction: reverse;
	animation-direction: reverse;}

.bannerRollBox img.fast {
	-webkit-animation-duration: 30s;
	-o-animation-duration: 30s;
	animation-duration: 30s;}

.bannerRollBox img.slow {
	-webkit-animation-duration: 80s;
	-o-animation-duration: 80s;
	animation-duration: 80s;}

#topSection .unslider-nav {
	width: 200px;
	position: absolute;
	bottom: 15px;
	left: 50%;
	margin-left: -100px;
	z-index: 99999999;
	color: transparent;}

#topSection .unslider-nav ol li {
	float: left;
	width: 38px;
	height: 4px;
	margin-right: 8px;
	background-color: rgba(255, 255, 255, 0.5);
	cursor: pointer;
	color: transparent;}

#topSection .unslider-nav ol li.unslider-active {
	background-color: #fff;}

.next,
.prev {
	width: 23px;
	height: 51px;
	position: absolute;
	left: 20px;
	top: 50%;
	margin-top: -25px;
	color: transparent;
	background: url(../images/arrowleft.jpg) center center no-repeat;
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;}

.next:hover,
.prev:hover {
	background-image: url(../images/arrowlefth.jpg);}

.next {
	left: auto;
	right: 30px;
	background-image: url(../images/arrowright.jpg);}

.next:hover {
	background-image: url(../images/arrowrighth.jpg);}


/*micro adjust position*/

.adjust-pos-top {
	position: relative;
	top: 3px;}


/*Maincase css style*/

.caseTopSection {
	background: url(../images/casebannerbg.jpg) no-repeat bottom center;
	height: 561px;
	position: relative;}

.caseTopSection .banner3TipsBox {
	width: 1200px;
	height: 100%;
	position: relative;
	margin: 0 auto;}

.caseTopSection .banner3TipsBox a {
	color: #fff;
	display: inline-block;
	padding-top: 380px;
	width: 830px;}

.caseTopSection .banner3Tips {
	position: absolute;
	bottom: 43px;
	left: 173px;
	width: 100%;
	color: #fff;
	font-size: 26px;
	padding-top: 380px;
	backface-visibility: hidden;
	-webkit-transition: all 1s ease-out;
	-o-transition: all 1s ease-out;
	transition: all 1s ease-out;
	-webkit-transition-delay: 1s;
	-o-transition-delay: 1s;
	transition-delay: 1s;}

.caseProSection .banner3Tips {
	bottom: 139px;}

.caseProSection~.caseMainBox {
	padding-bottom: 0;}

.caseCenterNav {
	width: 100%;
	height: 70px;
	background-color: #f5f5f5;}

.caseCenterNav ol {
	width: 1200px;
	height: 100%;
	margin: 0 auto;}

.caseCenterNav ol li {
	float: left;
	height: 100%;
	width: 200px;
	text-align: center;
	color: #2b2c32;
	cursor: pointer;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	font-weight: bold;}

.caseCenterNav ol li a {
	display: inline-block;
	width: 100%;
	height: 100%;
	line-height: 70px;
	border-radius: 5px;
	padding-left: 10px;
	background: url(../images/case-jinrong.jpg) no-repeat 47px center;
	/*  -webkit-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out; */
	color: #2b2c32;}

.caseCenterNav ol li.active a {
	/*background-color: #fff;*/
	color: #ff3333;
	background-image: url(../images/case-jinrongh.jpg);}

.caseCenterNav ol li:hover a {
	color: #ff3333;}

.caseCenterNav ol li:nth-of-type(2) a {
	background-image: url(../images/case-jiaoyu.jpg);
	padding-left: 15px;}

.caseCenterNav ol li:nth-of-type(1).active a,
.caseCenterNav ol li:nth-of-type(1):hover a {
	background-image: url(../images/case-jinrongh.jpg);}

.caseCenterNav ol li:nth-of-type(2).active a,
.caseCenterNav ol li:nth-of-type(2):hover a {
	background-image: url(../images/case-jiaoyuh.jpg);}

.caseCenterNav ol li:nth-of-type(3) a {
	background-image: url(../images/case-yiliao.jpg);}

.caseCenterNav ol li:nth-of-type(3).active a,
.caseCenterNav ol li:nth-of-type(3):hover a {
	background-image: url(../images/case-yiliaoh.jpg);}

.caseCenterNav ol li:nth-of-type(4) a {
	background-image: url(../images/case-weixin.jpg);
	padding-left: 15px;}

.caseCenterNav ol li:nth-of-type(4).active a,
.caseCenterNav ol li:nth-of-type(4):hover a {
	background-image: url(../images/case-weixinh.jpg);}

.caseCenterNav ol li:nth-of-type(5) a {
	background-image: url(../images/case-fenghui.jpg);}

.caseCenterNav ol li:nth-of-type(5).active a,
.caseCenterNav ol li:nth-of-type(5):hover a {
	background-image: url(../images/case-fenghuih.jpg);}

.caseCenterNav ol li:nth-of-type(6) a {
	background-image: url(../images/case-zhibo.jpg);
	padding-left: 15px;}

.caseCenterNav ol li:nth-of-type(6).active a,
.caseCenterNav ol li:nth-of-type(6):hover a {
	background-image: url(../images/case-zhiboh.jpg);}

#caseCenterNav-fixed {
	position: fixed;
	top: 0;
	left: 0;
	display: none;
	z-index: 999999;
	box-shadow: 1px 1px 1px rgba(0, 0, 0, .3);}

.caseMainBox {
	width: 100%;
	background: #fff;
	padding-bottom: 74px;}

.caseMainBox .caseItem {
	width: 1200px;
	height: 400px;
	margin: 0 auto;
	border-bottom: 1px solid #dcdcdc;}

.caseMainBox .caseItem dl {
	padding: 80px 0;
	height: 100%;}

.caseMainBox .caseItem:nth-child(2) dl {
	padding-top: 60px;}

.caseMainBox .caseItem dl dt {
	float: left;
	width: 360px;
	height: 237px;
	margin-right: 22px;}

.caseMainBox .caseItem dl dt a {
	display: inline-block;
	cursor: pointer;
	width: 100%;
	height: 100%;}

.caseMainBox .caseItem dl dd {
	height: 100%;
	position: relative;
	float: left;
	width: 807px;}

.caseMainBox .caseItem dl dt img {
	width: 100%;
	height: 100%;}

.caseMainBox .caseItem dl dd h1,
.caseMainBox .caseItem dl dd h3 {
	font-size: 24px;
	color: #2b2c32;
	position: relative;
	bottom: 8px;}

.caseMainBox .caseItem dl dd div {
	font-size: 16px;
	color: #2b2c32;
	padding: 7px 0;}

.caseMainBox .caseItem dl dd span:nth-of-type(1) {
	padding: 0 10px;}

.caseMainBox .caseItem dl dd p {
	font-size: 20px;
	color: #2b2c32;
	text-align: justify;
	text-justify: inter-ideograph;}

.caseMainBox .caseItem dl dd b {
	color: #ff3333;
	float: right;
	font-size: 18px;
	position: relative;
	top: 18px;
	left: 16px;}

.caseMainBox .caseItem dl dd b span {
	position: relative;
	top: 3px;}

.caseMainBox .caseItem:nth-of-type(6) {
	border: none;}

.caseMainBox .caseItemPages {
	width: 100%;
	height: 70px;}

.caseMainBox .caseItemPages ol {
	margin: 0 auto;
	width: 550px;}

.caseMainBox .caseItemPages ol li {
	width: 35px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	float: left;
	background: #f2f2f2;
	color: #C5C5C3;
	border-right: 1px solid #e2e2e2;}

.caseMainBox .caseItemPages ol li:nth-last-of-type(1) {
	border: none;}

.caseMainBox .caseItemPages ol li:nth-of-type(1),
.caseMainBox .caseItemPages ol li:nth-of-type(2),
.caseMainBox .caseItemPages ol li:nth-last-of-type(1),
.caseMainBox .caseItemPages ol li:nth-last-of-type(2) {
	color: #CF170F;
	width: 50px;}

.caseMainBox .caseItemPages ol li:hover,
.caseMainBox .caseItemPages ol li.active {
	background: #CF170F;
	color: #fff;}

.caseMainBox .casePurchase {
	width: 100%;
	min-width: 1200px;
	height: 522px;
	margin: 0 auto;
	padding-top: 60px;
	text-align: center;
	overflow: hidden;}

.caseMainBox .casePurchase p {
	padding-top: 25px;
	font-size: 18px;
	color: #646464;}

.caseMainBox .casePurchase ol {
	height: 164px;
	width: 2788px;
	overflow: hidden;}

.caseMainBox .casePurchase ol li {
	width: 164px;
	height: 164px;
	float: left;}

.caseMainBox .casePurchase span {
	display: inline-block;
	margin-top: 50px;
	width: 185px;
	text-align: center;
	height: 46px;
	line-height: 46px;
	border-radius: 3px;
	color: #fff;
	background-color: #ff3333;}

#productCenterNav-fixed {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99999999999;
	display: none;
	box-shadow: 1px 1px 1px rgba(0, 0, 0, .3);}


/*case Detail*/

.caseDetailSection {
	width: 100%;
	background-color: #fff;}

.caseDetailSection .caseDetailBox {
	margin: 0 auto;
	width: 1200px;
	position: relative;
	padding-top: 50px;
	padding-bottom: 95px;}

.caseDetailSection .caseDetail {
	width: 920px;}

.caseDetailSection .caseDetail .detailBreadCrum {
	color: #646464;
	font-size: 19px;
	margin-bottom: 30px;}

.caseDetailSection .caseDetail .caseDetailInfo {
	min-height: 500px;}

.caseDetailSection .caseDetail .detailBreadCrum span {
	padding-left: 3px;
	cursor: pointer;}

.caseDetailSection .caseDetail .detailBreadCrum span:hover a {
	color: #ff3232;}

.caseDetailSection .caseDetail .detailBreadCrum span:nth-last-of-type(1) {
	color: default;
	cursor: default;}

.caseDetailSection .caseDetail .detailBreadCrum span.curBread:hover {
	color: #646464;}

.caseDetailSection .caseDetail .caseDetailInfo h1 {
	text-align: center;
	font-size: 24px;
	color: #111517;
	padding-bottom: 53px;}

.caseDetailSection .caseDetail .caseDetailInfo p {
	font-size: 20px;
	color: #2b2c32;
	padding-bottom: 40px !important;}

.caseDetailSection .caseDetail .caseDetailInfo img {}

.caseDetailSection .caseDetail .caseDetailInfo p img {
	display: block;
	margin: 0 auto !important;}

.caseDetailSection .caseDetail .nav {
	text-align: center;
	color: #2b2c32;
	margin-top: 75px;}

.caseDetailSection .caseDetail .nav span:hover a {
	color: #ff3333;}

.caseDetailSection .caseDetail .nav .t-hand:hover {
	color: #ff3232;}

.caseDetailSection .caseDetail .nav b {
	display: inline-block;
	width: 40px;}

.caseDetailSection .caseSidebar {
	width: 250px;
	/*height: 713px;*/
	height: auto;
	background-color: #f5f5f5;
	position: absolute;
	top: 50px;
	right: 0;
	padding-bottom: 40px;}

.caseDetailSection .caseSidebar h1 {
	text-align: center;
	color: #2b2c32;
	font-size: 24px;
	padding: 10px 0;}

.caseDetailSection .caseSidebar div {
	width: 230px;
	height: 153px;
	position: relative;
	margin: 0 auto;}

.caseDetailSection .caseSidebar div img {
	width: 100%;
	height: 100%;}

.caseDetailSection .caseSidebar div p {
	width: 100%;
	height: 33px;
	line-height: 33px;
	font-size: 16px;
	position: absolute;
	bottom: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0.4);
	color: #fff;
	padding: 0 10px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	cursor: pointer;}

.caseDetailSection .caseSidebar ol {
	width: 230px;
	margin: 0 auto;
	margin-top: 9px;}

.caseDetailSection .caseSidebar ol li {
	width: 100%;
	height: 93px;
	border-bottom: 1px solid #dcdcdc;}

.caseDetailSection .caseSidebar ol li:nth-last-of-type(1) {
	border: none;}

.caseDetailSection .caseSidebar ol li dl {
	width: 100%;
	height: 100%;
	padding: 10px 0;}

.caseDetailSection .caseSidebar ol li dl dt {
	width: 108px;
	height: 72px;
	float: left;
	margin-right: 7px;}

.caseDetailSection .caseSidebar ol li dl dt img {
	width: 100%;
	height: 100%;}

.caseDetailSection .caseSidebar ol li dl dd {
	color: #2b2c32;
	float: left;
	width: 115px;}

.caseDetailSection .caseSidebar ol li dl dd a {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	width: 100%;
	height: 66px;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 3;}

.caseDetailSection .caseSidebar span {
	color: #2b2c32;
	display: block;
	margin: 0 auto;
	width: 185px;
	height: 46px;
	text-align: center;
	line-height: 46px;
	border-radius: 3px;
	border: solid 1px #ff3333;
	margin-top: 26px;}

.caseDetailSection .caseSidebar span a {
	color: #000;}

.caseDetailSection .caseSidebar span:before {
	background: rgba(255, 51, 51, 1);}

.caseDetailSection .caseSidebar span:hover a {
	color: #fff;}


/* channel */

.channelBannerSection {
	width: 100%;
	/*background-color: #1a1c28;*/
	height: 600px;
	position: relative;
	overflow: hidden;}

@media screen and (max-width: 768px) {
	.channelBannerSection {
		height: 400px;
		z-index: 0;}
}

.channelBannerSection .channelBannerSectionEle {
	height: 100%;
	color: #fff;
	position: relative;}

.channelBannerSection section {
	position: absolute;
	top: 0px;
	left: 0;
	background: rgba(26,28,40,0.8);}

.channelBannerSection .channelBannerPicBox {
	position: absolute;
	z-index: 99999999;
	right: 0;
	top: 60px;
	background: #1A1C28;
	border-radius: 1050px;
	display: none;}

.channelBannerSection .channelBannerPicBox .channelBannerPicIcon {
	position: absolute;
	top: 10px;
	left: 40px;
	-webkit-transition: all 2s ease-in-out;
	-o-transition: all 2s ease-in-out;
	transition: all 2s ease-in-out;
	-webkit-animation: iconFlow 2s ease-in-out infinite alternate;
	-o-animation: iconFlow 2s ease-in-out infinite alternate;
	animation: iconFlow 2s ease-in-out infinite alternate;}

.channelBannerSection .channelBannerPicBox .channelBannerPicIcon:nth-of-type(2) {
	top: 120px;
	left: 94px;
	-webkit-animation-delay: 1s;
	-o-animation-delay: 1s;
	animation-delay: 1s;}

.channelBannerSection .channelBannerPicBox .channelBannerPicIcon:nth-of-type(3) {
	top: 90px;
	left: 284px;
	-webkit-animation-delay: 2s;
	-o-animation-delay: 2s;
	animation-delay: 2s;}

.channelBannerSection .channelBannerTips {
	position: absolute;
	top: 104px;
	left: 0;
	z-index: 9999999;}

.channelBannerSection .channelBannerTips h3 {
	font-size: 43px;}

.channelBannerSection .channelBannerTips p {
	font-size: 25px;}

.channelBannerSection .channelBannerTips p:nth-of-type(1) {
	position: relative;
	top: 5px;}

.channelBannerSection .channelBannerTips p:nth-of-type(2) {
	position: relative;
	top: 56px;
	-webkit-transition-delay: 1.5s;
	-o-transition-delay: 1.5s;
	transition-delay: 1.5s;}

.channelBannerSection .channelBannerTips h1,
.channelBannerSection .channelBannerTips h3,
.channelBannerSection .channelBannerTips p {
	-webkit-transition: all 1s ease-out;
	-o-transition: all 1s ease-out;
	transition: all 1s ease-out;
	-webkit-transition-delay: 1s;
	-o-transition-delay: 1s;
	transition-delay: 1s;
	opacity: 1;}

.tipsAnimate .channelBannerTips h1,
.tipsAnimate .channelBannerTips h3,
.tipsAnimate .channelBannerTips p {
	-webkit-transform: translateY(100px);
	-o-transform: translateY(100px);
	transform: translateY(100px);
	opacity: 0;}

.tipsAnimate .banner3Tips {
	#fff -webkit-transform: translateY(100px);
	-o-transform: translateY(100px);
	transform: translateY(100px);}

.contentBox {
	width: 1200px;
	height: 100%;
	margin: 0 auto;
	overflow: hidden;}

.contentBox .top {
	text-align: center;
	color: #646464;
	background-position: center -417px;
	background-image: url(../images/bigtitlebg.jpg);
	height: 120px;
	margin-top: 100px;}

.contentBox .top h1 {
	font-size: 48px;
	padding: 80px 0 10px 0;}

.contentBox .top p {
	font-size: 18px;
	padding-bottom: 70px;}


/*district agency*/

.tipsBgBox {
	width: 1200px;
	height: 100px;
	margin: 0 auto;
	margin-top: 100px;
	margin-bottom: 80px;
	background: url(../images/bigtitlebg.jpg) no-repeat center center;}

.agencyTopSection {
	background-image: url(../images/agency-topbg.jpg);}

.agencyTopSection .agencyToptips {
	position: absolute;
	left: 27%;
	top: 190px;}

.agencyMain {
	width: 100%;}

.agencyMain .agencyPage {
	width: 100%;
	height: 930px;
	background-color: #f5f5f5;
	overflow: hidden;}

.agencyMain .agencyPage section {
	width: 1200px;
	height: 100%;
	margin: 100px auto;}

.agencyMain .agencyPage section.adjust-pos-top-dist {
	margin-top: 80px;}

.agencyMain .agencyPage section .chartBox .left,
.agencyMain .agencyPage section .chartBox .right {
	float: left;
	width: 600px;
	height: 500px;
	position: relative;}

.agencyMain .agencyPage section .chartBox .left h1,
.agencyMain .agencyPage section .chartBox .right h1,
.agencyMain .agencyPage section .chartBox .left h3,
.agencyMain .agencyPage section .chartBox .right h3 {
	font-size: 24px;
	color: #2b2c32;
	text-align: center;}

.agencyMain .agencyPage section .chartBox .left h2,
.agencyMain .agencyPage section .chartBox .right h2 {
	text-align: center;}

.agencyMain .agencyPage section .chartBox .left .circleCenter,
.agencyMain .agencyPage section .chartBox .right .circleCenter {
	width: 120px;
	height: 120px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -26px;
	margin-left: -60px;
	background: rgba(255, 255, 255, 0.3);
	border-radius: 500px;}

.agencyMain .agencyPage section .chartBox .left .pieLabel,
.agencyMain .agencyPage section .chartBox .right .pieLabel {
	position: absolute;
	top: 123px;
	left: 411px;}

.agencyMain .agencyPage section .chartBox .left .pie282,
.agencyMain .agencyPage section .chartBox .right .pie282 {
	left: 25px;}

.agencyMain .agencyPage section .chartBox .left {
	border-right: 1px dashed #e0e0e0;}

.agencyMain .agencyPage section .chartBox #agencyMarket,
.agencyMain .agencyPage section .chartBox #agencyMarketP {
	width: 100%;
	height: 100%;}

.agencyMain .agencyPage section .agencyTip1 {
	background-position: center -719px;}

.agencyMain .agencyPage section .agencyTip2 {
	background-position: center -822px;}

.agencyMain .agencyPage section .agencyTip3 {
	background-position: center -923px;}

.agencyMain .agencyPage section .agencyTip4 {
	background-position: center -1025px;
	margin-bottom: -80px;}

.agencyMain .agencyPage .agencyPageBtn {
	display: block;
	width: 185px;
	text-align: center;
	height: 46px;
	line-height: 46px;
	border-radius: 3px;
	background-color: #fc363b;
	color: #fff;
	margin: auto auto;}

.agencyMain .agencyPage:nth-child(odd) {
	background-color: #fff;}

.agencyMain .agencyPage:nth-of-type(2) {
	height: 816px;}

.agencyMain .agencyPage:nth-of-type(2) .agencyEffectBox {
	height: 444px;}

.agencyMain .agencyPage:nth-of-type(2) .agencyEffectBox ul li {
	width: 387px;
	height: 444px;
	background-color: #fff;
	margin-right: 18px;
	float: left;}

.agencyMain .agencyPage:nth-of-type(2) .agencyEffectBox ul li img {
	display: block;
	margin: 30px auto;}

.agencyMain .agencyPage:nth-of-type(2) .agencyEffectBox ul li:nth-last-of-type(1) {
	margin-right: 0;}

.agencyMain .agencyPage:nth-of-type(2) .agencyEffectBox p {
	padding: 0 40px;}

.agencyMain .agencyPage:nth-of-type(2) .agencyEffectBox .discribTipsBold {
	font-size: 20px;
	color: #2b2c32;}

.agencyMain .agencyPage:nth-of-type(2) .agencyEffectBox .discribTipsThin {
	font-size: 16px;
	color: #646464;
	padding-top: 15px;
	padding-bottom: 30px;}

.agencyMain .agencyPage:nth-of-type(3) {
	height: 909px;}

.agencyMain .agencyPage:nth-of-type(3) .agencyWay ul>li {
	width: 380px;
	height: 520px;
	float: left;
	background-color: #ffffff;
	border: 1px solid #dcdcdc;}

.agencyMain .agencyPage:nth-of-type(3) .agencyWay ul>li ol {
	padding-top: 30px;}

.agencyMain .agencyPage:nth-of-type(3) .agencyWay ul>li ol .getToknowBtn {
	width: 185px;
	height: 46px;
	margin: 41px 128px;
	line-height: 46px;
	text-align: center;
	font-size: 15px;
	color: #fff;
	border-radius: 3px;
	background-color: #fc363b;}

.agencyMain .agencyPage:nth-of-type(3) .agencyWay ul>li ol>li {
	text-align: center;
	line-height: 55px;
	font-size: 20px;
	color: #646464;}

.agencyMain .agencyPage:nth-of-type(3) .agencyWay ul>li dl {
	width: 100%;
	height: 140px;
	background-color: #f5f5f5;
	padding-top: 25px;}

.agencyMain .agencyPage:nth-of-type(3) .agencyWay ul>li dl dt {
	width: 100%;
	height: 55px;
	background: url(../images/agency-fuwubaozhang.jpg) no-repeat center center;}

.agencyMain .agencyPage:nth-of-type(3) .agencyWay ul>li dl dd {
	text-align: center;
	color: #2b2c32;
	font-size: 24px;
	font-weight: bold;
	padding-top: 5px;}

.agencyMain .agencyPage:nth-of-type(3) .agencyWay ul>li:nth-of-type(2) {
	border-left: none;
	border-right: none;}

.agencyMain .agencyPage:nth-of-type(3) .agencyWay ul>li:nth-of-type(2) dl {
	background-color: #e5e6e6;}

.agencyMain .agencyPage:nth-of-type(3) .agencyWay ul>li:nth-of-type(2) dl dt {
	background-image: url(../images/agency-shiyongchangjing.jpg);}

.agencyMain .agencyPage:nth-of-type(3) .agencyWay ul>li:nth-of-type(3) dl dt {
	background-image: url(../images/agency-jiazhiyuliyi.jpg);}

.agencyMain .agencyPage:nth-of-type(3) .agencyWay .hoverUl {
	position: relative;}

.agencyMain .agencyPage:nth-of-type(3) .agencyWay .hoverUl>li {
	position: absolute;
	top: -20px;
	width: 443px;
	height: 560px;
	border-color: #59b2f9;
	opacity: 0;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	-webkit-box-shadow: 0 0 50px #C3E3FE;
	-moz-box-shadow: 0 0 50px #C3E3FE;
	box-shadow: 0 0 50px #C3E3FE;}

.agencyMain .agencyPage:nth-of-type(3) .agencyWay .hoverUl>li:hover {
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;}

.agencyMain .agencyPage:nth-of-type(3) .agencyWay .hoverUl>li dl {
	background-color: #59b2f9 !important;}

.agencyMain .agencyPage:nth-of-type(3) .agencyWay .hoverUl>li dl dt {
	background-image: url(../images/agency-fuwubaozhangh.jpg);}

.agencyMain .agencyPage:nth-of-type(3) .agencyWay .hoverUl>li dl dd {
	color: #fff;}

.agencyMain .agencyPage:nth-of-type(3) .agencyWay .hoverUl>li:nth-of-type(1) {
	opacity: 1;}

.agencyMain .agencyPage:nth-of-type(3) .agencyWay .hoverUl>li:nth-of-type(2) {
	left: 380px;
	border: 1px solid #59b2f9;}

.agencyMain .agencyPage:nth-of-type(3) .agencyWay .hoverUl>li:nth-of-type(2) dl>dt {
	background-image: url(../images/agency-shiyongchangjingh.jpg);}

.agencyMain .agencyPage:nth-of-type(3) .agencyWay .hoverUl>li:nth-of-type(3) {
	right: 0;}

.agencyMain .agencyPage:nth-of-type(3) .agencyWay .hoverUl>li:nth-of-type(3) dl>dt {
	background-image: url(../images/agency-jiazhiyuliyih.jpg);}

.agencyMain .agencyPage:nth-of-type(4) {
	height: 830px;}

.agencyMain .agencyPage:nth-of-type(4) .agencyMap {
	width: 849px;
	margin: 0 auto;
	text-align: center;
	position: relative;}

.agencyMain .agencyPage:nth-of-type(4) .agencyMap i {
	position: absolute;
	width: 10px;
	height: 10px;
	border-radius: 100px;
	background-color: #2ad1eb;
	bottom: 56px;
	right: 275px;}

.agencyMain .agencyPage:nth-of-type(4) .agencyMap i b {
	font-size: 20px;
	color: #fc363b;
	position: absolute;
	background-color: #fff;
	width: 123px;
	text-align: center;
	line-height: 40px;
	height: 52px;
	top: -55px;
	background: url(../images/agency-citybg.jpg) no-repeat center center;}

.agencyMain .agencyPage:nth-of-type(4) .agencyMap i .spe {
	right: 10px;
	background-image: url(../images/agency-citybg2.jpg);}

.agencyMain .agencyPage:nth-of-type(4) .agencyMap i .spe:before {
	content: "";
	position: absolute;
	bottom: -11px;
	right: 0;
	left: auto;
	width: 1px;
	height: 1px;
	border: 10px solid transparent;
	border-right: 10px solid #fff;}

.agencyMain .agencyPage:nth-of-type(4) .agencyMap i:before {
	content: "";
	width: 1px;
	height: 1px;
	border-radius: 200px;
	border: 1px solid #2ad1eb;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -0.5px;
	margin-left: -0.5px;
	-webkit-animation: dotZoom 2s linear infinite;
	-o-animation: dotZoom 2s linear infinite;
	animation: dotZoom 2s linear infinite;}

.agencyMain .agencyPage:nth-of-type(4) .agencyMap i:after {
	content: "";
	width: 1px;
	height: 1px;
	border-radius: 200px;
	border: 1px solid #2ad1eb;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -0.5px;
	margin-left: -0.5px;
	-webkit-animation: dotZoom 2s linear 1s infinite;
	-o-animation: dotZoom 2s linear 1s infinite;
	animation: dotZoom 2s linear 1s infinite;}

.agencyMain .agencyPage:nth-of-type(4) .agencyMap i:nth-of-type(2) {
	bottom: 221px;
	right: 308px;}

.agencyMain .agencyPage:nth-of-type(4) .agencyMap i:nth-of-type(3) {
	bottom: 158px;
	right: 417px;}

.agencyMain .agencyPage:nth-of-type(4) .agencyMap i:nth-of-type(4) {
	bottom: 179px;
	right: 450px;}

.agencyMain .agencyPage:nth-of-type(4) .agencyMap i:nth-of-type(5) {
	bottom: 256px;
	right: 347px;}

.agencyMain .agencyPage:nth-of-type(4) .agencyMap i:nth-of-type(6) {
	bottom: 226px;
	right: 197px;}

.agencyMain .agencyPage:nth-of-type(4) .agencyMap i:nth-of-type(7) {
	bottom: 451px;
	right: 120px;}

.agencyMain .agencyPage:nth-of-type(4) .agencyMap i:nth-of-type(8) {
	bottom: 338px;
	right: 251px;}

.agencyMain .agencyPage:nth-of-type(5) {
	height: 223px;}


/*proReport*/

.proReport {
	height: 460px;
	background: #1A1C28;
	overflow: hidden;}

.proReport .bannerRollBox {
	/*top:-100px;*/
	right: 0;}

.proReport ul {
	height: 100%;}

.proReport .centerBoxTips {
	padding-top: 100px;}

.proReport .centerBoxTips li {
	color: #fff;
	font-size: 50px;}

.proReport .centerBoxTips li:nth-of-type(2) {
	font-size: 26px;}

.proCenterNav ol li {
	width: 300px;}

.proCenterNav ol li a {
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	background-position-x: 90px;
	color: #2b2c32;
	font-weight: bold;}

.proCenterNav ol li:hover a {
	color: #ff3333;}

.proCenterNav ol li:nth-of-type(1) a {
	background-image: url(../images/pro-jiandan.jpg);}

.proCenterNav ol li:nth-of-type(1):hover a {
	background-image: url(../images/pro-jiandanh.jpg);}

.proCenterNav ol li:nth-of-type(2) a {
	background-image: url(../images/pro-tuiguang.jpg);}

.proCenterNav ol li:nth-of-type(2):hover a {
	background-image: url(../images/pro-tuiguangh.jpg);}

.proCenterNav ol li:nth-of-type(3) a {
	background-image: url(../images/pro-guanli.jpg);}

.proCenterNav ol li:nth-of-type(3):hover a {
	background-image: url(../images/pro-guanlih.jpg);}

.proCenterNav ol li:nth-of-type(4) a {
	background-image: url(../images/pro-baogao.jpg);}

.proCenterNav ol li:nth-of-type(4):hover a {
	background-image: url(../images/pro-baogaoh.jpg);}

.proCenterNav ol li:nth-of-type(1).active a {
	background-image: url(../images/pro-jiandanh.jpg);}

.proCenterNav ol li:nth-of-type(2).active a {
	background-image: url(../images/pro-tuiguangh.jpg);}

.proCenterNav ol li:nth-of-type(3).active a {
	background-image: url(../images/pro-guanlih.jpg);}

.proCenterNav ol li:nth-of-type(4).active a {
	background-image: url(../images/pro-baogaoh.jpg);}

.proMainBox {
	background-color: transparent;
	padding-top: 120px;
	width: 1200px;
	margin: 0 auto;
	position: relative;
	z-index: 999;}

.proMainBox .proMainBoxPage {
	width: 1200px;
	height: 450px;
	margin: 0 auto;
	position: relative;}

.proMainBox .proMainBoxPage img {
	position: absolute;
	/*bottom:70px;*/
	right: 0;}

.proMainBox .proMainBoxPage:nth-child(even) img {
	right: auto;
	left: 0;}

.proMainBox .proMainBoxPage div {
	width: 600px;}

.proMainBox .proMainBoxPage h1,
.proMainBox .proMainBoxPage h3 {
	width: 100%;
	height: 65px;
	background: url(../images/pro-wenzi.jpg) no-repeat 0 0;
	margin-bottom: 30px;
	margin-top: 47px;
	font-size: 60px;
	color: transparent;}

.proMainBox .proMainBoxPage p {
	width: 100%;
	height: 77px;
	background: url(../images/pro-wenzi.jpg) no-repeat 0 -71px;
	margin-bottom: 30px;
	font-size: 33px;
	/*color:#ff3333;*/
	color: transparent;}

.proMainBox .proMainBoxPage p span {
	display: block;
	font-size: 20px;
	/*color:#969696;*/
	opacity: 1;
	color: transparent;}

.proMainBox .proMainBoxPage p:nth-of-type(2) {
	background-position: 0 -152px;}

.proMainBox .proMainBoxPage div.left p:before,
.proMainBox .proMainBoxPage div.right p:before {
	content: "";
	width: 10px;
	height: 10px;
	background: #ff3333;
	display: inline-block;
	border-radius: 100px;
	margin: 10px;
	position: relative;
	top: 4px;
	display: none;}

.proMainBox .proMainBoxPage div.right {
	text-align: right;}

.proMainBox .proMainBoxPage2 h1,
.proMainBox .proMainBoxPage2 h3 {
	background-position: 130px -232px;}

.proMainBox .proMainBoxPage2 p {
	background-position: 130px -298px;}

.proMainBox .proMainBoxPage2 p:nth-of-type(2) {
	background-position: 130px -379px;}

.proMainBox .proMainBoxPage3 .left {
	width: 540px;}

.proMainBox .proMainBoxPage3 h1,
.proMainBox .proMainBoxPage3 h3 {
	background-position: 0 -457px;}

.proMainBox .proMainBoxPage3 p {
	background-position: 0 -524px;}

.proMainBox .proMainBoxPage3 p:nth-of-type(2) {
	background-position: 0 -603px;}

.proMainBox .proMainBoxPage4 {
	height: 604px;}

.proMainBox .proMainBoxPage4 h1,
.proMainBox .proMainBoxPage4 h3 {
	background-position: 307px -683px;
	margin-top: 125px;}

.proMainBox .proMainBoxPage4 p {
	background-position: 307px -751px;}

.proMainBox .proMainBoxPage4 p:nth-of-type(2) {
	background-position: 307px -833px;}

.proBtnBox {
	width: 100%;
	height: 200px;
	background: #fff;
	overflow: hidden;}

.proBtnBox span {
	display: block;
	width: 185px;
	height: 46px;
	margin: 56px auto;
	line-height: 46px;
	text-align: center;
	color: #fff;
	border-radius: 3px;
	background-color: #ff3333;}


/*pro-manage*/

.proManageBox .proMainBoxPage {
	height: 500px;}

.proManageBox .proMainBoxPage h1,
.proManageBox .proMainBoxPage h3 {
	width: 100%;
	height: 65px;
	background: url(../images/man-wenzi.jpg) no-repeat 0 0;
	margin-bottom: 30px;
	margin-top: 47px;
	color: transparent;}

.proManageBox .proMainBoxPage p {
	width: 100%;
	height: 77px;
	background: url(../images/man-wenzi.jpg) no-repeat 0 -71px;
	margin-bottom: 30px;
	color: transparent;}

.proManageBox .proMainBoxPage p:nth-of-type(2) {
	background-position: 0 -152px;}

.proManageBox .proMainBoxPage1 {
	hegiht: 550px;}

.proManageBox .proMainBoxPage1 p:nth-of-type(1) {
	height: 107px;
	background-position: 0 -70px;}

.proManageBox .proMainBoxPage1 p:nth-of-type(2) {
	background-position: 0 -183px;}

.proManageBox .proMainBoxPage1 img {
	bottom: 20px;}

.proManageBox .proMainBoxPage2 {
	height: 630px;}

.proManageBox .proMainBoxPage2 h1,
.proManageBox .proMainBoxPage2 h3 {
	background-position: 74px -260px;}

.proManageBox .proMainBoxPage2 p:nth-of-type(1) {
	background-position: 74px -329px;}

.proManageBox .proMainBoxPage2 p:nth-of-type(2) {
	background-position: 74px -411px;}

.proManageBox .proMainBoxPage2 .right {
	padding-top: 30px;}

.proManageBox .proMainBoxPage3 {
	height: 400px;}

.proManageBox .proMainBoxPage3 h1,
.proManageBox .proMainBoxPage3 h3 {
	background-position: 0px -489px;}

.proManageBox .proMainBoxPage3 p:nth-of-type(1) {
	height: 108px;
	background-position: 0px -555px;}

.proManageBox .proMainBoxPage3 p:nth-of-type(2) {
	background-position: 0px -666px;}


/*pro-spread*/

.proSpreadBox .proMainBoxPage h1,
.proSpreadBox .proMainBoxPage h3,
.proSpreadBox .proMainBoxPage p {
	background: url(../images/prospreadtips.jpg) no-repeat 0 0;
	color: transparent;}

.proSpreadBox .proMainBoxPage1 img {
	bottom: 0;}

.proSpreadBox .proMainBoxPage1 p:nth-of-type(1) {
	height: 108px;
	background-position: 0 -71px;}

.proSpreadBox .proMainBoxPage1 p:nth-of-type(2) {
	background-position: 0 -183px;}

.proSpreadBox .proMainBoxPage2 {
	height: 570px;
	padding-top: 100px;}

.proSpreadBox .proMainBoxPage2 h1,
.proSpreadBox .proMainBoxPage2 h3 {
	background-position: 208px -262px;}

.proSpreadBox .proMainBoxPage2 p:nth-of-type(1) {
	background-position: 208px -328px;}

.proSpreadBox .proMainBoxPage2 p:nth-of-type(2) {
	background-position: 208px -409px;}

.proSpreadBox .proMainBoxPage2 p:nth-of-type(3) {
	background-position: 208px -490px;}


/*pro-easey*/

.proEasyBox .proMainBoxPage h1,
.proEasyBox .proMainBoxPage h3,
.proEasyBox .proMainBoxPage p {
	background: url(../images/easy-tips.jpg) no-repeat 0 0;
	color: transparent;}

.proEasyBox .proMainBoxPage1 {
	height: 615px;}

.proEasyBox .proMainBoxPage1 img {
	bottom: 70px;
	right: -37px;}

.proEasyBox .proMainBoxPage1 p:nth-of-type(1) {
	background-position: 0 -95px;}

.proEasyBox .proMainBoxPage1 p:nth-of-type(2) {
	background-position: 0 -197px;}

.proEasyBox .proMainBoxPage2 {
	height: 520px;}

.proEasyBox .proMainBoxPage2 h1,
.proEasyBox .proMainBoxPage2 h3 {
	background-position: 152px -275px;}

.proEasyBox .proMainBoxPage2 p:nth-of-type(1) {
	background-position: 152px -344px;}

.proEasyBox .proMainBoxPage2 p:nth-of-type(2) {
	height: 108px;
	background-position: 152px -425px;}

.proEasyBox .proMainBoxPage2 .right {
	padding-top: 100px;}

.proEasyBox .proMainBoxPage3 {
	height: 570px;}

.proEasyBox .proMainBoxPage3 img {
	bottom: 93px;}

.proEasyBox .proMainBoxPage3 .left {
	width: 608px;}

.proEasyBox .proMainBoxPage3 .right {
	width: auto;}

.proEasyBox .proMainBoxPage3 h1,
.proEasyBox .proMainBoxPage3 h3 {
	background-position: 0 -535px;}

.proEasyBox .proMainBoxPage3 p:nth-of-type(1) {
	background-position: 0 -601px;}

.proEasyBox .proMainBoxPage3 p:nth-of-type(2) {
	background-position: 0 -683px;}

.proEasyBox .proMainBoxPage3 p:nth-of-type(3) {
	background-position: 0 -763px;}

.proEasyBox .proMainBoxPage4 {
	height: 600px;}

.proEasyBox .proMainBoxPage4 h1,
.proEasyBox .proMainBoxPage4 h3 {
	background-position: 101px -842px;}

.proEasyBox .proMainBoxPage4 p:nth-of-type(1) {
	height: 108px;
	background-position: 101px -910px;}

.proEasyBox .proMainBoxPage4 p:nth-of-type(2) {
	background-position: 101px -1021px;}


/* proPage css3 animation */

.proMainBoxPage img,
.proMainBoxPage h1,
.proMainBoxPage h3,
.proMainBoxPage p {
	-webkit-transform: translateY(100px);
	-o-transform: translateY(100px);
	transform: translateY(100px);
	opacity: 0;
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;}

.proMove img,
.proMove h1,
.proMove h3,
.proMove p {
	-webkit-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
	-webkit-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;}

.proMove img {
	-webkit-transition-delay: .5s;
	-o-transition-delay: .5s;
	-transition-delay: .5s;}

.proMove p:nth-child(even) {
	-webkit-transition-delay: .5s;
	-o-transition-delay: .5s;
	-transition-delay: .5s;}

.proMove p:nth-child(odd) {
	-webkit-transition-delay: 1s;
	-o-transition-delay: 1s;
	-transition-delay: 1s;}


/*course*/

.courseMainBox {
	width: 100%;
	background: #fff;
	overflow: hidden;}

.courseMainBox .content {
	width: 1200px;
	margin: 50px auto;
	position: relative;
	min-height: 400px;}

.courseMainBox .content * {}

.courseMainBox .content .left {
	width: 220px;
	border: solid 1px #dcdcdc;
	position: absolute;
	top: 0;
	left: 0;}

.courseMainBox .content .left * {
	font-size: 16px;}

.courseMainBox .content .left i {
	position: absolute;
	width: 15px;
	height: 7px;
	right: 10px;
	top: 50%;
	margin-top: -5px;
	background: url(../images/coursearrow.jpg) no-repeat center center;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;}

.courseMainBox .content .left ul * {
	cursor: pointer;}

.courseMainBox .content .left>ul>li {
	border-bottom: 1px solid #dcdcdc;
	background-color: #fff;}

.courseMainBox .content .left>ul>li p {
	height: 56px;
	line-height: 56px;
	padding-left: 34px;
	background-color: #fff;
	background: url(../images/coursenew.jpg) no-repeat 10px center;
	position: relative;
	border-bottom: 1px solid #dcdcdc;}

.courseMainBox .content .left>ul>li:nth-of-type(2) p {
	background-image: url(../images/courseproblem.jpg);}

.courseMainBox .content .left>ul>li:nth-of-type(3) p {
	background-image: url(../images/courseteach.jpg);}

.courseMainBox .content .left>ul>li:nth-of-type(4) p {
	background-image: url(../images/courseupdate.jpg);}

.courseMainBox .content .left>ul>li:nth-last-of-type(1) {
	border: none;}

.courseMainBox .content .left>ul>li ol {
	background-color: #fff;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;}

.courseMainBox .content .left>ul>li ol ul li {
	font-size: 14px;
	line-height: 40px;
	padding: 0 57px;}

.courseMainBox .content .left>ul>li ol ul li.active a {
	color: #ff3333;}

.courseMainBox .content .left>ul>li ol ul li:hover {
	background-color: #e5e8ee;}

.courseMainBox .content .left>ul>li ol li.hasSubNav {
	position: relative;}

.courseMainBox .content .left>ul>li ol li.hasSubNav i {
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;}

.courseMainBox .content .left>ul>li ol li.close i {
	-webkit-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;}

.courseMainBox .content .left>ul>li ol li.close~ul {
	height: 0;
	overflow: hidden;}

.courseMainBox .content .left>ul>li p.close~ol {
	height: 0;
	overflow: hidden;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;}

.courseMainBox .content .left>ul>li p.close i {
	-webkit-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;}

.courseMainBox .content .left>ul>li ol>li {
	/*padding: 0 34px;*/
	line-height: 40px;
	position: relative;
	padding-left: 50px;}

.courseMainBox .content .left>ul>li ol>li:hover {
	background-color: #e5e8ee;}

.courseMainBox .content .left>ul>li ol>li a {
	width: 100%;
	height: 100%;
	display: inline-block;}

.courseMainBox .content .left>ul>li ol>li.active a {
	color: #ff3333;}

.courseMainBox .content .right {
	width: 950px;
	float: right;
	padding: 0 0 40px 14px;}

.courseMainBox .content section.level3list {
	margin-top: 60px;}

.courseMainBox .content section.level3list li {
	line-height: 40px;}

.courseMainBox .content section.level3list li a:hover {
	color: #ff3333;}

.courseMainBox .content .right h1 {
	font-size: 24px;
	text-align: center;
	padding-bottom: 50px;}

.courseMainBox .content .right p {
	padding-bottom: 30px;
	-webkit-user-select: initial;
	user-select: initial;}

.courseMainBox .content .right p img {
	display: block;
	margin: 0 auto;
	max-width: 100%;}


/*changjing*/

#fp-nav {
	right: -60px !important;}

#fp-nav ul li {
	width: auto;
	height: 50px;}

#fp-nav ul li a {
	width: 100px;
	padding-left: 45px;
	height: 48px;
	line-height: 48px;
	text-align: left;
	color: #fff;
	background-color: rgba(255, 255, 255, 0.1);
	border-radius: 30px;
	background-image: url(../images/case-jinrongh.jpg);
	background-position: 16px center;
	background-repeat: no-repeat;
	margin-bottom: 10px;
	float: right;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;}

#fp-nav ul li a span {
	display: none;}

#fp-nav ul li a.active {
	background-color: rgba(255, 255, 255, 0.2);
	width: 138px;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	color: #fff !important;}

#fp-nav ul li a:hover {
	background-color: rgba(255, 255, 255, 0.2);
	/*width:140px;*/
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	color: #fff !important;}

#fp-nav ul li:nth-of-type(2) a {
	background-image: url(../images/case-jiaoyuh.jpg);}

#fp-nav ul li:nth-of-type(3) a {
	background-image: url(../images/case-yiliaoh.jpg);}

#fp-nav ul li:nth-of-type(4) a {
	background-image: url(../images/case-fenghuih.jpg);}

#fp-nav ul li:nth-of-type(5) a {
	background-image: url(../images/case-weixinh.jpg);}

#fp-nav ul li:nth-of-type(6) a {
	background-image: url(../images/case-zhiboh.jpg);}

#fp-nav ul li .fp-tooltip {
	width: 130px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	color: #000 !important;
	position: static;
	opacity: 1;}

#fp-nav .adjust-nav-style li a {
	background-color: #fff;
	color: #000;}

#fp-nav .adjust-nav-style li a.active,
#fp-nav .adjust-nav-style li a:hover {
	color: #fff;
	background-color: rgba(43, 44, 50, .3);}


/*Arrow animate*/

.mainTipItem-boradcast-detail:hover .t-arrow,
.caseItem:hover .t-arrow {
	left: 10px;
	-webkit-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;}

.mainTipItem-boradcast-detail:hover .t-arrow i,
.caseItem:hover .t-arrow i {
	width: 130%;
	-webkit-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;}

.mainTipItem-boradcast-detail:hover .arrow-left,
.caseItem:hover .arrow-left {
	left: -10px !important;
	-webkit-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;}

.mainTipItem-boradcast-detail:hover .arrow-left:before,
.caseItem:hover .arrow-left:before,
.mainTipItem-boradcast-detail:hover .arrow-left:after,
.caseItem:hover .arrow-left:after {
	left: 17px !important;
	-webkit-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;}

.mainTipItem-boradcast-detail dl {
	cursor: pointer;}

.mainTipItem-boradcast-detail dl dt img {
	display: inline-block;
	margin: 0 auto;
	display: none;}

.mainTipItem-boradcast-detail dl dt img:nth-of-type(1) {
	display: block;}

.mainTipItem-boradcast-detail dl dd {
	padding-top: 13px;}

.mainTipItem-boradcast-detail dl:hover dt img {
	display: none;}

.mainTipItem-boradcast-detail dl:hover dt img:nth-of-type(2) {
	display: block;}

.mainTipItem-boradcast-detail dl:hover dd {
	color: #969696;}


/*choice*/

.choice-menu {
	/*position: static;*/
	height: 100px;
	background-image: none;}

.choiceBox~#fp-nav ul li a {
	background-image: url(../images/choice-weihouzhibo.jpg);}

.choiceBox~#fp-nav ul li:nth-of-type(2) a {
	background-image: url(../images/choice-hangyediwei.jpg);}

.choiceBox~#fp-nav ul li:nth-of-type(3) a {
	background-image: url(../images/choice-zhiboanli.jpg);}

.choiceBox~#fp-nav ul li:nth-of-type(4) a {
	background-image: url(../images/choice-rongyubang.jpg);}

.choiceBox~#fp-nav ul li:nth-of-type(5) a {
	background-image: url(../images/choice-lichengbei.jpg);}

.choiceBox~#fp-nav ul li:nth-of-type(6) a {
	background-image: url(../images/choice-hexintuandui.jpg);}

.choiceBox~#fp-nav ul li:nth-of-type(7) a {
	background-image: url(../images/choice-lianxiwomen.jpg);}

.choiceBox .choiceBox-status {
	position: relative;}

.choiceBox .choiceBox-status .statusDot {
	display: inline-block;
	position: absolute;
	top: 703px;
	left: -20px;
	opacity: 0;}

.choiceBox .choiceBox-status .statusDot.active {
	-webkit-animation: fadeIn .3s ease-in-out;
	-o-animation: fadeIn .3s ease-in-out;
	animation: fadeIn .3s ease-in-out;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	animation-fill-mode: forwards;}

.choiceBox .choiceBox-status .statusDot.active:nth-of-type(2) {
	-webkit-animation-delay: 1.4s;
	-moz-animation-delay: 1.4s;
	animation-delay: 1.4s;}

.choiceBox .choiceBox-status .statusDot.active:nth-of-type(3) {
	-webkit-animation-delay: 2.8s;
	-moz-animation-delay: 2.8s;
	animation-delay: 2.8s;}

.choiceBox .choiceBox-status .statusDot.active:nth-of-type(4) {
	-webkit-animation-delay: 4.5s;
	-moz-animation-delay: 4.5s;
	animation-delay: 4.5s;}

.choiceBox .choiceBox-status .statusDot:before {
	content: "";
	position: absolute;
	top: -50px;
	left: 200px;
	width: 30px;
	height: 30px;
	background: url(../images/choice-dot.jpg) no-repeat center center;}

.choiceBox .choiceBox-status .statusDot:after {
	content: "";
	position: absolute;
	top: 0;
	left: -13px;
	width: 7px;
	height: 100%;
	background: #FF3333;}

.choiceBox .choiceBox-status .statusDot p {
	font-size: 28px;
	color: rgba(255, 255, 255, 0.8);
	display: inline-block;
	background: rgba(255, 255, 255, 0.1);
	padding: 15px 10px;
	width: 378px;
	letter-spacing: 2px;
	text-align: left;
	padding-left: 22px;}

.choiceBox .choiceBox-status .statusDot p.spe {
	width: 310px;}

.choiceBox .choiceBox-status .statusDot:nth-of-type(2) {
	top: 440px;
	left: 215px;}

.choiceBox .choiceBox-status .statusDot:nth-of-type(2):before {
	top: 108px;
	left: 180px;}

.choiceBox .choiceBox-status .statusDot:nth-of-type(3) {
	top: 550px;
	left: 737px;}

.choiceBox .choiceBox-status .statusDot:nth-of-type(3):before {
	top: -51px;
	left: 83px;}

.choiceBox .choiceBox-status .statusDot:nth-of-type(4) {
	top: auto;
	left: auto;
	top: 175px;
	right: 64px;}

.choiceBox .choiceBox-status .statusDot:nth-of-type(4):before {
	top: 111px;
	left: 148px;}

.choiceBox .choiceBox-status .dotbox,
.choiceBox .choiceBox-status .lineBox {
	width: 1400px;
	height: 100%;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -700px;}

.choiceBox .choiceBox-status .lineBox {
	height: 300px;
	top: 714px;}

.choiceBox .section.active.v-high-level .choiceTips {
	width: 860px;
	height: 307px;
	background: url(../images/choice-tips.jpg) no-repeat center 0;
	top: 50%;
	left: 50%;
	margin-top: -184px;
	margin-left: -430px;
	text-align: center;
	opacity: 1;
	-webkit-animation-delay: 0s;
	-o-animation-delay: 0s;
	-moz-animation-delay: 0s;
	animation-delay: 0s;
	-moz-animation-fill-mode: both;
	-webkit-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;}

.choiceBox .section.active.v-high-level .choiceTips h1,
.choiceBox .section.active.v-high-level .choiceTips h3 {
	font-size: 90px;
	font-weight: bold;
	letter-spacing: 10px;
	height: 150px;
	/*background: url(../images/choice-tips.png) no-repeat;*/
	background-position: -251px -304px;
	color: transparent;}

.choiceBox .section.active.v-high-level .choiceTips p {
	font-size: 30px;}

.choiceBox .section.active.v-high-level .choiceTips div {
	font-size: 24px;
	background: #DBDBDB;
	color: #2A2B32;
	width: 344px;
	height: 70px;
	line-height: 70px;
	margin: 30px auto;
	position: relative;}

.choiceBox .section.active.v-high-level .choiceTips div:after {
	content: "";
	width: 364px;
	height: 90px;
	background: transparent;
	border: 1px solid #dcdcdc;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -45px;
	margin-left: -182px;}

.choiceBox .section.active.v-high-level .choiceTips div.box-spe {
	width: 400px;}

.choiceBox .section.active.v-high-level .choiceTips div.box-spe:after {
	width: 414px;
	margin-left: -207px;}

.choiceBox .section.active.v-high-level .choiceTips-sm {
	width: 410px;
	height: 290px;
	background-position: center -262px;
	background: none;
	top: 80px;
	left: 100px;
	margin: 0;
	-webkit-transform: scale(0.8);
	-o-transform: scale(0.8);
	-moz-transform: scale(0.8);
	transform: scale(0.8);}

.choiceBox .section.active.v-high-level .choiceTips-sm3 {
	background-position: center -547px;
	top: 5%;
	left: 50%;
	margin-left: -225px;
	width: 450px;}

.choiceBox .section.active.v-high-level .choiceTips-sm3 h1,
.choiceBox .section.active.v-high-level .choiceTips-sm3 h3 {
	background-position-y: -300px;}

.choiceBox .section.active.v-high-level .choiceTips-sm2 {
	top: 50px;}

.choiceBox .section.active.v-high-level .choiceTips-sm2 h1,
.choiceBox .section.active.v-high-level .choiceTips-sm2 h3 {
	width: 470px;}

.choiceBox .section.active.v-high-level .choiceTips-sm5 h1,
.choiceBox .section.active.v-high-level .choiceTips-sm5 h3 {}

.choiceBox .section.active.v-high-level .choiceTips-sm6 h1,
.choiceBox .section.active.v-high-level .choiceTips-sm6 h3 {}

.choiceBox .choiceCaseBox {
	width: 1270px;
	/*height:620px;*/
	position: absolute;
	bottom: 157px;
	left: 50%;
	margin-left: -635px;}

.choiceBox .choiceCaseBox .caseItem {
	width: 400px;
	/*height: 292px;*/
	float: left;
	margin-right: 30px;
	/*cursor: pointer;*/
	border: 1px solid #969696;
	margin-bottom: 20px;}

.choiceBox .choiceCaseBox .caseItem img {
	width: 100%;}

.choiceBox .choiceCaseBox .caseItem p {
	height: 60px;
	padding-left: 20px;
	line-height: 60px;
	text-align: left;
	background: rgba(0, 0, 0, 0.2);
	font-size: 18px;
	letter-spacing: 1px;}

.choiceBox .section.active.v-high-level .choiceTips-sm4 {
	background-position: center -834px;
	top: 50px;
	width: 333px;}

.choiceBox .section.active.v-high-level .choiceTips-sm4 h1,
.choiceBox .section.active.v-high-level .choiceTips-sm4 h3 {
	background-position-y: -460px;}

.choiceBox .section.active.v-high-level .choiceTips-sm4~.choice-price {
	width: auto;
	position: absolute;
	bottom: 240px;
	left: 50%;
	margin-left: -781px;}

.choiceBox .section.active.v-high-level .choiceTips-sm4~.choice-price2 {
	bottom: 502px;}

.choiceBox .section.active.v-high-level .choiceTips-sm5 {
	background-position: center -1118px;
	left: 100px;
	margin: 0;
	width: 342px;
	top: 50px;}

.choiceBox .section.active.v-high-level .choiceTips-sm5 h1,
.choiceBox .section.active.v-high-level .choiceTips-sm5 h3 {
	background-position-y: -610px;}

.choiceBox .section.active.v-high-level .choiceTips-sm6 {
	top: 50px;}

.choiceBox .section.active.v-high-level .choiceTips-sm6 h1,
.choiceBox .section.active.v-high-level .choiceTips-sm6 h3 {
	background-position-y: -765px;
	width: 460px;}

.choiceBox .section.active.v-high-level .choiceTips-sm7 h1,
.choiceBox .section.active.v-high-level .choiceTips-sm7 h3 {
	background-position-y: -919px;}

.choiceBox .section.active.v-high-level .choiceTips-sm6 h1 img,
.choiceBox .section.active.v-high-level .choiceTips-sm6 h3 img {
	width: 100%;}

.choiceBox .section.active.v-high-level .choiceTips-sm7 {
	background-position: center -1688px;
	left: 50%;
	margin-left: -225px;
	top: 50px;
	width: 450px;}

.choiceBox .choiceLines {
	width: 1638px;
	height: 402px;
	position: absolute;
	left: 50%;
	bottom: 200px;
	margin-left: -929px;
	background: url(../images/choice-zhexian.jpg) no-repeat center center;
	-webkit-transform: scale(1);
	-o-transform: scale(1);
	-moz-transform: scale(1);
	transform: scale(1);}

.choiceBox .choiceLines:after {
	content: '.';
	position: absolute;
	top: 50%;
	left: 50%;
	color: rgba(255, 102, 0, 0.1);}

.choiceBox .choiceLines div {
	width: 350px;
	height: 150px;
	background: url(../images/choice-licheng.jpg) no-repeat center top;
	position: absolute;
	bottom: 210px;
	left: 179px;
	opacity: 0;}

.choiceBox .choiceLines div:nth-of-type(2) {
	background-position: center -151px;
	height: 129px;
	left: 360px;
	bottom: -96px;}

.choiceBox .choiceLines div:nth-of-type(3) {
	left: 488px;
	background-position: center -280px;
	bottom: 185px;}

.choiceBox .choiceLines div:nth-of-type(4) {
	left: 667px;
	background-position: center -423px;
	height: 144px;
	top: 278px;}

.choiceBox .choiceLines div:nth-of-type(5) {
	left: 863px;
	background-position: center -563px;
	height: 117px;
	top: -65px;}

.choiceBox .choiceLines div:nth-of-type(6) {
	left: 1032px;
	background-position: center -683px;
	height: 105px;
	bottom: 116px;}

.choiceBox .choiceLines div:nth-of-type(7) {
	left: 1249px;
	background-position: center -785px;
	height: 178px;
	bottom: 327px;}

.choiceBox .choiceLines div:nth-of-type(8) {
	left: 1509px;
	background-position: center -958px;
	height: 117px;
	bottom: 283px;}

.choiceBox .choiceLines div.moveTips {
	opacity: 1;
	-webkit-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;}

.choiceBox .choiceLines div.moveTips:after {
	content: '.';
	position: absolute;
	top: 50%;
	left: 50%;
	color: rgba(255, 102, 0, 0.1);}

.choiceBox .choiceLines div.moveTips:nth-of-type(2) {
	-webkit-transition-delay: 1s;
	-o-transition-delay: 1s;
	transition-delay: 1s;}

.choiceBox .choiceLines div.moveTips:nth-of-type(3) {
	-webkit-transition-delay: 1.5s;
	-o-transition-delay: 1.5s;
	transition-delay: 1.5s;}

.choiceBox .choiceLines div.moveTips:nth-of-type(4) {
	-webkit-transition-delay: 2s;
	-o-transition-delay: 2s;
	transition-delay: 2s;}

.choiceBox .choiceLines div.moveTips:nth-of-type(5) {
	-webkit-transition-delay: 2.5s;
	-o-transition-delay: 2.5s;
	transition-delay: 2.5s;}

.choiceBox .choiceLines div.moveTips:nth-of-type(6) {
	-webkit-transition-delay: 3s;
	-o-transition-delay: 3s;
	transition-delay: 3s;}

.choiceBox .choiceLines div.moveTips:nth-of-type(7) {
	-webkit-transition-delay: 3.5s;
	-o-transition-delay: 3.5s;
	transition-delay: 3.5s;}

.choiceBox .choiceLines div.moveTips:nth-of-type(8) {
	-webkit-transition-delay: 4s;
	-o-transition-delay: 4s;
	transition-delay: 4s;}

.choiceBox .leaderBox {
	width: 100%;
	height: 100%;}

.choiceBox .leaderBox {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;}

.choiceBox .leaderBox img {
	position: absolute;
	top: 50%;
	/*right: 260px;*/
	right: 50%;
	width: 1000px;
	height: auto;
	margin-right: -588px;
	margin-top: -330.5px;}

.choiceBox .contactBox {
	width: 1400px;
	height: 360px;
	position: absolute;
	bottom: 300px;
	left: 50%;
	margin-left: -700px;}

.choiceBox .contactBox div img {
	width: auto !important;
	margin-bottom: 60px;}

.choiceBox .contactBox .erweima {}

.choiceBox .contactBox div {
	text-align: center;}

.choiceBox .moveLine .goingLine {
	position: absolute;
	bottom: 345px;
	left: 195px;
	/* width: 660px;*/
	height: 2px;
	background-color: #FF3333;
	-webkit-transform: rotate(-26.1deg);
	-o-transform: rotate(-26.1deg);
	transform: rotate(-26.1deg);
	-webkit-transform-origin: left;
	-o-transform-origin: left;
	transform-origin: left;
	-webkit-animation: lineGrow 1.5s linear;
	-o-animation: lineGrow 1.5s linear;
	animation: lineGrow 1.5s linear;
	-webkit-animation-fill-mode: forwards;
	-o-animation-fill-mode: forwards;
	animation-fill-mode: forwards;}

.choiceBox .moveLine .goingLine:nth-of-type(2) {
	-webkit-transform: rotate(-6.5deg);
	-o-transform: rotate(-6.5deg);
	transform: rotate(-6.5deg);
	bottom: 450px;
	left: 412px;
	/* width: 434px;*/
	-webkit-animation: lineGrow2 1.5s linear;
	-o-animation: lineGrow2 1.5s linear;
	animation: lineGrow2 1.5s linear;
	-webkit-animation-delay: 1.5s;
	-o-animation-delay: 1.5s;
	animation-delay: 1.5s;
	-webkit-animation-fill-mode: forwards;
	-o-animation-fill-mode: forwards;
	animation-fill-mode: forwards;}

.choiceBox .moveLine .goingLine:nth-of-type(3) {
	-webkit-transform: rotate(-40.2deg);
	-o-transform: rotate(-40.2deg);
	transform: rotate(-40.2deg);
	bottom: 497px;
	left: 835px;
	/* width: 304px;*/
	-webkit-animation: lineGrow3 1.5s linear;
	-o-animation: lineGrow3 1.5s linear;
	animation: lineGrow3 1.5s linear;
	-webkit-animation-delay: 3s;
	-o-animation-delay: 3s;
	animation-delay: 3s;
	-webkit-animation-fill-mode: forwards;
	-o-animation-fill-mode: forwards;
	animation-fill-mode: forwards;}


/*product circleBG animate */

.bg-circle {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;}

.bg-circle .circle-img {
	position: absolute;
	opacity: 0.5 !important;}

.bg-circle .circle-img_01 {
	top: 90px;
	left: 1430px;
	display: block;
	-webkit-animation: flowCircle 24s ease-in-out infinite alternate;
	animation: flowCircle 24s ease-in-out infinite alternate;}

.bg-circle .circle-img_02 {
	left: 490px;
	top: 70px;
	-webkit-animation: flowCircle 24s ease-in-out infinite alternate 2s;
	animation: flowCircle 24s ease-in-out infinite alternate 2s;}

.bg-circle .circle-img_03 {
	left: auto;
	right: -100px;
	top: 430px;
	-webkit-animation: flowCircle 24s ease-in-out infinite alternate 3s;
	animation: flowCircle 24s ease-in-out infinite alternate 3s;}

.bg-circle .circle-img_04 {
	top: 378px;
	left: -513px;
	-webkit-animation: flowCircle 24s ease-in-out infinite alternate 4s;
	animation: flowCircle 24s ease-in-out infinite alternate 4s;}

.bg-circle .circle-img_05 {
	left: 1190px;
	top: 40px;
	-webkit-animation: flowCircle 24s ease-in-out infinite alternate 2.5s;
	animation: flowCircle 24s ease-in-out infinite alternate 2.5s;}

.bg-circle .circle-img_06 {
	right: 870px;
	top: 780px;
	-webkit-animation: flowCircle 24s ease-in-out infinite alternate 1.5s;
	animation: flowCircle 24s ease-in-out infinite alternate 1.5s;}

.bg-circle .circle-img_07 {
	right: -410px;
	top: 1020px;
	-webkit-animation: flowCircle 24s ease-in-out infinite alternate 1s;
	animation: flowCircle 24s ease-in-out infinite alternate 1s;}

.bg-circle .circle-img_08 {
	right: auto;
	top: 1350px;
	left: 50px;
	-webkit-animation: flowCircle 24s ease-in-out infinite alternate 3.2s;
	animation: flowCircle 24s ease-in-out infinite alternate 3.2s;}

.bg-circle .circle-img_09 {
	left: 520px;
	right: auto;
	top: 1200PX;
	-webkit-animation: flowCircle 24s ease-in-out infinite alternate 0.5s;
	animation: flowCircle 24s ease-in-out infinite alternate 0.5s;}

.bg-circle .circle-img_10 {
	top: 1330px;
	left: 890px;
	-webkit-animation: flowCircle 24s ease-in-out infinite alternate 2s;
	animation: flowCircle 24s ease-in-out infinite alternate 2s;}

.bg-circle .circle-img_11 {
	bottom: 0px;
	top: auto;
	right: auto;
	left: 164px;
	-webkit-animation: flowCircle 24s ease-in-out infinite alternate 1.8s;
	animation: flowCircle 24s ease-in-out infinite alternate 1.8s;}

.bg-circle .circle-img_12 {
	right: 430px;
	bottom: 210px;
	-webkit-animation: flowCircle 24s ease-in-out infinite alternate 2.9s;
	animation: flowCircle 24s ease-in-out infinite alternate 2.9s;}

.bg-circle .circle-img_13 {
	right: 620px;
	bottom: 20px;
	-webkit-animation: flowCircle 24s ease-in-out infinite alternate 5s;
	animation: flowCircle 24s ease-in-out infinite alternate 5s;}

#diweiBigIMG {
	display: none !important;
	position: absolute;
	top: 0;
	left: 0;}


/*media query*/

@media screen and (max-width: 1450px) {
	#diweiBigIMG {
		display: block !important;
		-webkit-transform: scale(0.85);
		-o-transform: scale(0.85);
		transform: scale(0.85);}
	.adjust-choice-tips1-f {
		margin-bottom: -140px !important;}
	.choiceBox .section.active.v-high-level .choiceTips-sm {
		width: 205px;
		height: 145px;
		top: 224px;
		/* top: 230*0.5px; */
		left: 100px;
		margin: 0;
		-webkit-transform: scale(1);
		-o-transform: scale(1);
		-moz-transform: scale(1);
		transform: scale(1);}
	.choiceBox .section.active.v-high-level .choiceTips-sm6 h1,
	.choiceBox .section.active.v-high-level .choiceTips-sm6 h3 {
		width: 220px;}
	.choiceBox .section.active.v-high-level .choiceTips-sm3 {
		background-position: center -273.5px;
		top: 15%;
		left: 50%;
		margin-left: -102.5px;}
	.choiceBox .section.active.v-high-level .choiceTips-sm4 {
		left: 50%;
		width: 156px;}
	.choiceBox .section.active.v-high-level .choiceTips-sm-spe {
		left: 50px;}
	.choiceBox .section.active.v-high-level .choiceTips-sm2 h1,
	.choiceBox .section.active.v-high-level .choiceTips-sm2 h3 {
		width: auto;}
	.choiceBox .section.active.v-high-level .choiceTips h1,
	.choiceBox .section.active.v-high-level .choiceTips h3 {
		font-size: 45px;
		letter-spacing: 0px;}
	.choiceBox .section.active.v-high-level .choiceTips p {
		font-size: 15px;}
	.choiceBox .section.active.v-high-level .choiceTips-sm2 {
		top: 15% !important;}
	.choiceBox .section.active.v-high-level .choiceTips div {
		font-size: 12px;
		width: 172px;
		height: 35px;
		line-height: 35px;
		margin: 15px auto;}
	.choiceBox .section.active.v-high-level .choiceTips div:before {
		width: 182px;
		height: 45px;
		top: 50%;
		left: 50%;
		margin-top: -22.5px;
		margin-left: -91px;}
	.choiceBox .contactBox {
		width: 950px;
		height: 180px;
		position: absolute;
		bottom: 49%;
		left: 50%;
		margin-left: -475px;
		margin-bottom: -50px;}
	.choiceBox .contactBox .bottom {
		margin-top: 83px;}
	.choiceBox .leaderBox img {
		-webkit-transform: scale(0.8);
		-o-transform: scale(0.8);
		transform: scale(0.8);
		margin-top: -300px;
		margin-right: -190px;}
	.choiceBox .contactBox div img {
		width: 100% !important;
		margin-bottom: 20px;}
	.choiceBox .contactBox div.bottom img {
		width: 70% !important;
		position: relative;
		bottom: 20px;}
	.choiceBox .choiceBox-status .statusDot p {
		font-size: 14px;
		padding: 5px;
		width: 200px;}
	.choiceBox .choiceBox-status .statusDot {
		top: 360px;
		left: 50px;
		-webkit-transform: scale(1.4);
		-o-transform: scale(1.4);
		transform: scale(1.4);}
	.choiceBox .choiceBox-status .statusDot:before {
		display: none;}
	.choiceBox .choiceBox-status .statusDot:nth-of-type(2) {
		top: 180px;
		left: 238px;}
	.choiceBox .choiceBox-status .statusDot:nth-of-type(2):before {
		left: 80px;}
	.choiceBox .choiceBox-status .statusDot:nth-of-type(3) {
		top: 249px;
		left: 677px;}
	.choiceBox .choiceBox-status .statusDot:nth-of-type(4) {
		top: -132px;
		right: -111px;}
	.choiceBox .choiceBox-status .statusDot:nth-of-type(4):before {
		top: 33px;
		left: 233px;}
	.choiceBox .choiceBox-status .lineBox {
		display: none;
		height: 345px;
		background: url(../images/goinglinebg.jpg) no-repeat center center;
		background-size: contain;
		width: 1000px;
		top: 50%;
		left: 50%;
		margin-left: -500px;
		margin-top: -172.5px;
		-webkit-transform: scale(1.4);
		-o-transform: scale(1.4);
		transform: scale(1.4);}
	.choiceBox .choiceBox-status .lineBox .goingLine {
		display: none;}
	.choiceBox .choiceBox-status .dotbox {
		display: none;
		height: 345px;
		width: 1000px;
		top: 50%;
		left: 50%;
		margin-left: -500px;
		margin-top: -172.5px;}
	.choiceBox .choiceCaseBox {
		width: 1000px;
		height: auto;
		margin-left: -500px;
		bottom: 50%;
		margin-bottom: -250px;}
	.choiceBox .choiceCaseBox .caseItem {
		width: 305px;
		height: auto;}
	.choiceBox .choiceCaseBox .caseItem p {
		font-size: 13px;
		height: 40px;
		line-height: 40px;}
	.choiceBox .choiceLines {
		width: 1000px;
		margin-left: -601px;
		background-size: 100%;
		bottom: 50%;
		margin-bottom: -224px;
		-webkit-transform: scale(0.9);
		-o-transform: scale(0.9);
		transform: scale(0.9);}
	.choiceBox .choiceLines div {
		left: 30px;
		bottom: 200px;
		-webkit-transform: scale(0.9);
		-o-transform: scale(0.9);
		transform: scale(0.9);}
	.choiceBox .choiceLines div:nth-of-type(2) {
		left: 155px;
		bottom: -37px;}
	.choiceBox .choiceLines div:nth-of-type(3) {
		left: 248px;
		bottom: 180px;}
	.choiceBox .choiceLines div:nth-of-type(4) {
		left: 370px;
		top: 246px;}
	.choiceBox .choiceLines div:nth-of-type(5) {
		left: 505px;
		top: -11px;}
	.choiceBox .choiceLines div:nth-of-type(6) {
		left: 627px;}
	.choiceBox .choiceLines div:nth-of-type(7) {
		left: 771px;
		bottom: 277px;}
	.choiceBox .choiceLines div:nth-of-type(8) {
		left: 944px;
		bottom: 227px;}
	.choiceBox .leaderBox .leaderItem img {
		width: 164px;}
	.choiceBox .leaderBox {
		width: 100%;
		height: 400px;
		top: 47.5%;
		left: 25%;
		margin-top: -200px;}
	.choiceBox .section.active.v-high-level .choiceTips-sm4~.choice-price {
		bottom: 433px;
		width: 1100px;
		left: 50%;
		margin-left: -550px;
		top: 56%;}
	.choiceBox .section.active.v-high-level .choiceTips-sm4~.choice-price2 {
		top: 34%;}
	.choiceBox .section.active.v-high-level .choiceTips div.box-spe {
		width: 200px;}
	.choiceBox .section.active.v-high-level .choiceTips div.box-spe:after {
		height: 45px;
		width: 207px;
		margin-left: -103.5px;}
	.choiceBox .section.active.v-high-level .choiceTips div:after {
		width: 182px;
		height: 45px;
		margin-top: -23.5px;
		margin-left: -92px;}
	.choiceBox .section.v-far img.erweima {
		width: 120px;}
	.choiceBox .section.active.v-high-level .choiceTips-sm4,
	.choiceBox .section.active.v-high-level .choiceTips-sm7 {
		left: 50%;
		margin-left: -102.5px;
		top: 15%;}
	.choiceBox .section.active.v-high-level .choiceTips-sm5 {
		top: 15%;
		width: 163px;}
	.choiceBox .section.active.v-high-level .choiceTips-sm6 {
		top: 15%;}
}

.proCenterNav ol li:hover,
.caseCenterNav ol li:hover {
	background-color: #e6e6e6;}

.proCenterNav ol li.active,
.caseCenterNav ol li.active {
	background-color: #e6e6e6;}


/*purchase*/

#purchaseSection {
	background: #fff;
	width: 100%;
	overflow: hidden;}

#purchaseSection .purchaseContent {
	width: 100%;}

#purchaseSection .purchaseContent .v-center {
	width: 1200px;
	margin: 0 auto 90px;}

#purchaseSection .purchaseContent .titleBox {
	margin: 0 auto;
	width: 530px;
	height: 103px;
	background: url(../images/purchase-titletips.jpg) no-repeat center top;}

#purchaseSection .purchaseContent .v-banner-bg {
	width: 100%;
	height: 300px;
	background: url(../images/banner_bg.jpg) no-repeat center top/ cover;
	padding-top: 74px;}

#purchaseSection .purchaseContent .v-banner-title {
	margin: 0 auto;
	width: 799px;
	height: 122px;
	background: url(../images/banner_title_new.jpg) no-repeat center top/ cover;}

#purchaseSection .purchaseContent .titleBox * {
	color: transparent;}

#purchaseSection .purchaseContent .editionBox {
	width: 100%;
	margin-top: 60px;}

#purchaseSection .purchaseContent .editionBox>div {
	float: left;
	width: 363px;
	margin-right: 20px;}

#purchaseSection .purchaseContent .editionBox>div .table-title {
	text-align: center;
	background: #9fc4de;
	height: 223px;
	overflow: hidden;}

#purchaseSection .purchaseContent .editionBox>div .table-title ol {
	margin-top: 30px;}

#purchaseSection .purchaseContent .editionBox>div .table-title ol li {
	color: #fff;
	font-size: 18px;
	margin-bottom: 12px;}

#purchaseSection .purchaseContent .editionBox>div .table-title ol li:nth-of-type(1) {
	font-weigh: bold;
	font-size: 24px;}

#purchaseSection .purchaseContent .editionBox>div .table-title2 {
	background: #7ecfcf;}

#purchaseSection .purchaseContent .editionBox>div .table-title3 {
	background: #f69795;}

#purchaseSection .purchaseContent .editionBox>div .h-box {
	height: 106px;
	border: 1px solid #DCDCDC;
	border-bottom: 1px dashed #DCDCDC;
	border-top: none;}

#purchaseSection .purchaseContent .editionBox>div .h-box ul {
	padding: 15px 30px;}

#purchaseSection .purchaseContent .editionBox>div .adjust-purchase-lineheight ul {
	position: relative;
	bottom: 5px;}

#purchaseSection .purchaseContent .editionBox>div .h-box li {
	font-size: 16px;
	text-align: left;
	color: #2B2C32;
	padding-bottom: 2px;}

#purchaseSection .purchaseContent .editionBox>div .h-box li i {
	display: inline-block;
	width: 12px;
	height: 12px;
	background: url(../images/purchase-checkgray.jpg) no-repeat center center;
	border-radius: 100px;
	margin-right: 5px;}

#purchaseSection .purchaseContent .editionBox>div .h-200 {
	height: 208px;}

#purchaseSection .purchaseContent .editionBox>div .h-130 {
	height: 130px;}

#purchaseSection .purchaseContent .editionBox>div .h-160 {
	height: 160px;}

#purchaseSection .purchaseContent .editionBox>div:nth-of-type(1) {
	width: 50px;}

#purchaseSection .purchaseContent .editionBox>div:nth-of-type(1) div {
	width: 100%;
	color: #2b2c32;
	font-size: 18px;
	height: 106px;
	background: #f5f5f5;
	border-bottom: 1px solid #DCDCDC;
	text-align: center;
	padding: 12px 15px;
	line-height: 20px;}

#purchaseSection .purchaseContent .editionBox>div:nth-of-type(1) div:nth-of-type(1) {
	height: 223px;}

#purchaseSection .purchaseContent .editionBox>div:nth-of-type(1) div:nth-of-type(2) {
	height: 208px;
	padding: 63px 15px;}

#purchaseSection .purchaseContent .editionBox>div:nth-of-type(1) div:nth-of-type(6) {}

#purchaseSection .purchaseContent .editionBox>div:nth-of-type(1) div:nth-of-type(7) {
	height: 160px;
	padding: 40px 15px;}

#purchaseSection .purchaseContent .editionBox>div:nth-of-type(1) div:nth-of-type(8) {
	height: 106px !important;
	padding: 13px 15px !important;}

#purchaseSection .purchaseContent .editionBox>div:nth-of-type(1) div:nth-last-of-type(1) {
	border: none;
	height: 130px;
	padding: 24px 15px;}

#purchaseSection .purchaseContent .editionBox>div:nth-of-type(3) .h-box ul li i {
	background-image: url(../images/purchase-checkgreen.jpg);}

#purchaseSection .purchaseContent .editionBox>div:nth-of-type(4) {
	margin-right: 0;}

#purchaseSection .purchaseContent .editionBox>div:nth-of-type(4) .h-box ul li i {
	background-image: url(../images/purchase-checkred.jpg);}

#purchaseSection .purchaseContent .editionBox .t-op0 {
	color: #C8C8C8 !important;}

#purchaseSection .purchaseContent .editionBox .t-op0 i {
	opacity: 0;}

#purchaseSection .purchaseContent .purchaseOthers {
	width: 1200px;
	margin: 0 auto;
	padding-top: 90px;
	clear: both;}

#purchaseSection .purchaseContent .v-bg {
	width: 100%;
	height: 846px;
	background-color: #fff;}

#purchaseSection .purchaseContent .v-bg.v-wuji-bg {
	background-color: #f5f5f5;
	display: none;}

#purchaseSection .purchaseContent .purchaseOthers .purchaseOthersTips {
	background-position: center -108px;}

#purchaseSection .purchaseContent .purchaseOthers .purchaseOtherContent {
	padding-top: 76px;
	width: 1152px;
	margin: 0 auto;}

#purchaseSection .purchaseContent .purchaseOthers .purchaseOtherContent>div {
	width: 338px;
	height: 430px;
	border: 1px solid #dcdcdc;
	margin-right: 69px;
	float: left;
	margin-bottom: 80px;
	position: relative;}

#purchaseSection .purchaseContent .purchaseOthers .purchaseOtherContent>div {
	-webkit-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;}

#purchaseSection .purchaseContent .purchaseOthers .purchaseOtherContent>div:nth-of-type(2) ol {
	position: relative;
	top: -4px;}

#purchaseSection .purchaseContent .purchaseOthers .purchaseOtherContent>div:nth-of-type(4) {
	margin-right: 0;}

#purchaseSection .purchaseContent .purchaseOthers .purchaseOtherContent>div:nth-last-of-type(1) {
	margin-right: 0;}

#purchaseSection .purchaseContent .purchaseOthers .purchaseOtherContent>div ol {
	padding: 30px 27px;}

#purchaseSection .purchaseContent .purchaseOthers .purchaseOtherContent>div ol li {
	text-align: center;
	color: #646464;
	font-size: 16px;}

#purchaseSection .purchaseContent .purchaseOthers .purchaseOtherContent>div ol li:nth-of-type(1) {
	font-size: 18px;
	padding: 20px 0;
	color: #333;}

#purchaseSection .purchaseContent .purchaseOthers .purchaseOtherContent>div ol li:nth-of-type(2) img {
	width: 126px;
	margin: 10px auto 50px;}

#purchaseSection .purchaseContent .purchaseOthers .purchaseOtherContent>div ol li:nth-of-type(3) {
	text-align: center;
	position: relative;
	left: 5px;
	font-size: 14px;
	color: #666;}

#purchaseSection .purchaseContent .purchaseOthers .purchaseOtherContent>div i {
	position: absolute;
	top: -2px;
	left: 0;
	background: #59b2f9;
	width: 0;
	height: 2px;
	-webkit-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;}

#purchaseSection .purchaseContent .purchaseOthers .purchaseOtherContent>div i:nth-of-type(2) {
	left: 100.5%;
	/*width: 321px;*/
	-webkit-: transform:rotate(90deg);
	-o-: transform:rotate(90deg);
	-moz-: transform:rotate(90deg);
	transform: rotate(90deg);
	-webkit-transform-origin: left center;
	-o-transform-origin: left center;
	-moz-transform-origin: left center;
	transform-origin: left center;}

#purchaseSection .purchaseContent .purchaseOthers .purchaseOtherContent>div i:nth-of-type(3) {
	left: 100.5%;
	top: 100%;
	/*width: 100%;*/
	-webkit-: transform:rotate(180deg);
	-o-: transform:rotate(180deg);
	-moz-: transform:rotate(180deg);
	transform: rotate(180deg);
	-webkit-transform-origin: left center;
	-o-transform-origin: left center;
	-moz-transform-origin: left center;
	transform-origin: left center;}

#purchaseSection .purchaseContent .purchaseOthers .purchaseOtherContent>div i:nth-of-type(4) {
	left: -1px;
	top: 100%;
	/*width: 321px;*/
	-webkit-: transform:rotate(-90deg);
	-o-: transform:rotate(-90deg);
	-moz-: transform:rotate(-90deg);
	transform: rotate(-90deg);
	-webkit-transform-origin: left center;
	-o-transform-origin: left center;
	-moz-transform-origin: left center;
	transform-origin: left center;}

#purchaseSection .purchaseContent .purchaseOthers .purchaseOtherContent>div:hover i {
	-webkit-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;}

#purchaseSection .purchaseContent .purchaseOthers .purchaseOtherContent>div:hover i:nth-of-type(1) {
	width: 100.5%;}

#purchaseSection .purchaseContent .purchaseOthers .purchaseOtherContent>div:hover i:nth-of-type(2) {
	width: 431px;}

#purchaseSection .purchaseContent .purchaseOthers .purchaseOtherContent>div:hover i:nth-of-type(3) {
	width: 100.5%;}

#purchaseSection .purchaseContent .purchaseOthers .purchaseOtherContent>div:hover i:nth-of-type(4) {
	width: 431px;}

#purchaseSection .purchasePromoteBox {
	clear: both;
	width: 100%;
	background: #f5f5f5;
	display: none;}

#purchaseSection .purchasePromoteBox .purchaseCenterBox {
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
	padding-bottom: 80px;}

#purchaseSection .purchasePromoteBox .purchaseCenterBox .purchasePromptTips {
	margin: 0 auto;
	width: 530px;
	height: 47px;
	background: url(../fonts/d6c9e18efcb54c91a1cb397e2d47f706..jpg).agencyPage .agencyWay ul>li ol .getToknowBtn {
		margin: 22px 128px;}
	.ieBroswer #purchaseSection .purchasePromoteBox .purchaseCenterBox .promptInfo {
		padding-bottom: 0px;}
	#topSection .spe-changjing-nav ul li:nth-of-type(3):before {
		/* -webkit-transform: translatey(-16px);
    -o-transform: translatey(-16px);
    transform: translatey(-16px);
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;*/
		opacity: 1;}
	#topSection .spe-changjing-nav ul li:nth-of-type(3) a {
		display: inline-block;}
	.spe-haveBanner .bannerSection {
		height: 560px;}
	.spe-haveBanner .mainNavBox {
		position: absolute;}
	.spe-haveBanner .bannerSection .unslider-wrap li.slidePage:nth-of-type(2) ul {
		top: 200px;}
	.spe-haveBanner .bannerSection .unslider-wrap li.slidePage:nth-of-type(3) ul {
		top: 200px;}
	.spe-haveBanner .channelBannerSection {
		height: 560px;}
	.spe-haveBanner .channelBannerSection .channelBannerSectionEle {
		top: 100px;}
	.spe-haveBanner .channelBannerSection section canvas {}
	.caseMainBox .caseItem dl dd b span.arrow-detail {}
	#topSection .adjust-mainNavBox-small {
		height: 70px;}
	#topSection .adjust-mainNavBox-small ul li {
		line-height: 70px;}
	#topSection .adjust-mainNavBox-small .mainNav .adjust-mainNavLogo-small {
		position: absolute;
		top: 50%;
		left: 0;
		width: 67px;
		height: 37px;
		margin-top: -18.5px !important;
		cursor: pointer;
		display: block;}
	#topSection .adjust-mainNavBox-small .mainNav .adjust-userLogin-small {
		top: -12px;
		right: -19px!important;
		left: auto;}
	#topSection .mainNavBox {
		display: block;}
	#topSection .adjust-mainNavBox-small {
		display: none;}
	#topSection.mainNavBox-small .mainNavBox {
		display: none;}
	#topSection.mainNavBox-small .adjust-mainNavBox-small {
		display: block;}
	@media screen and (max-width:414px) {
		html {
			-webkit-transform: scale(0.345);
			-moz-transform: scale(0.345);
			transform: scale(0.345);
			-webkit-transform-origin: top left;
			-moz-transform-origin: top left;
			transform-origin: top left;}
	}
	@media screen and (max-width:375px) {
		html {
			-webkit-transform: scale(0.315);
			-moz-transform: scale(0.315);
			transform: scale(0.315);
			-webkit-transform-origin: top left;
			-moz-transform-origin: top left;
			transform-origin: top left;}
	}
	@media screen and (max-width:320px) {
		html {
			-webkit-transform: scale(0.268);
			-moz-transform: scale(0.268);
			transform: scale(0.268);
			-webkit-transform-origin: top left;
			-moz-transform-origin: top left;
			transform-origin: top left;}
	}
	.adjust-overHidden {
		overflow: hidden;}
	.fixLoadingBug {
		display: none;}
	@media screen and (max-height: 600px) {
		.choiceBox .leaderBox img {
			-webkit-transform: scale(0.75);
			-o-transform: scale(0.75);
			transform: scale(0.75);
			margin-top: -318px;}
		.choiceBox .contactBox .bottom {
			margin-top: 44px;}
	}
	footer .footerNum {
		position: absolute;
		top: -10px;
		right: -10px;
		-webkit-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;}
	footer .backtoTopBox div.footerConnect:hover~.footerNum {
		opacity: 0;
		-webkit-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;}
	/**add by nosh 2017-06-15*/
	.nosh-related-posts {
		width: 100%;
		float: left;
		clear: both;
		height: 30px;
		font-size: 14px;
		padding: 10px 0;
		color: #999999;}
	.nosh-related-posts li {
		width: 50%;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;}
	.nosh-related-posts a {
		font-size: 14px;
		color: #333333;}
	.nosh-related-posts a:hover {
		color: #cc0000;}
	.nosh-related-posts .nosh-prev {
		float: left;}
	.nosh-related-posts .nosh-next {
		float: right;
		text-align: right;}
	.nosh-sidebar {
		width: 230px;
		float: right;
		height: auto;
		padding-bottom: 30px;
		position: absolute;
		right: 0;
		top: 100px;}
	.nosh-sidebar .item {
		width: 100%;
		margin-bottom: 10px;}
	.nosh-sidebar .item h4 {
		font-size: 16px;
		color: #999999;
		line-height: 32px;
		padding: 5px 0;}
	.nosh-sidebar .item-content {
		background: #f2f2f2;
		padding: 10px 15px;}
	.nosh-sidebar .item-content li {
		padding: 5px 0;}
	.nosh-sidebar .item-content li a {
		font-size: 12px;}
	.nosh-sidebar .item-content li a:hover {
		color: #cc0000;}
	.nosh-sidebar .item-btns li a {
		display: block;
		background: #cc0000;
		line-height: 36px;
		text-align: center;
		border-radius: 3px;
		color: #ffffff;}
	.nosh-sidebar .item-btns li a:hover {
		background-color: crimson;
		color: #ffffff;}
	.nosh-crumbs {
		padding-bottom: 10px;
		font-size: 14px;}
	.nosh-crumbs li {
		display: inline;
		color: #999999;}
	.nosh-crumbs li i {
		padding: 0 6px;}
	.nosh-crumbs a {
		font-size: 14px;
		color: #333333;}
	.nosh-crumbs a:hover {
		color: #cc0000;}
	/* add by nosh 2017-06-19*/
	.nosh-footer {
		height: 460px;}
	.nosh-footer .privacy {
		border-top: 1px solid #646464;}
	.nosh-clear {
		width: 100%;
		float: left;
		clear: both;}
	.nosh-tags,
	.nosh-tags li {
		display: inline-block;}
	.nosh-tags li.t {
		padding-left: 12px;}
	.nosh-tags li::before {
		content: ',';}
	.nosh-tags li.t::before,
	.nosh-tags li:nth-child(2)::before {
		content: "";}
	/*infinite edition style*/
	.purchaseContent .editionTab {
		cursor: pointer;
		margin: 60px auto;}
	.purchaseContent .editionTab a {
		display: inline-block;
		float: left;
		width: 588px;
		height: 159px;
		border: 1px solid #2c5075;
		border-radius: 2px;
		overflow: hidden;}
	.purchaseContent .editionTab a img {
		width: 590px;
		transition: all 0.3s;}
	.purchaseContent .editionTab a img.hide {
		display: none;}
	.purchaseContent .editionTab a img.wuji:hover,
	.purchaseContent .editionTab a img.function:hover {
		transform: scale(1.05);}
	.purchaseContent .infiniteBox {
		display: none;}
	.purchaseContent .editionTab .v-wuji {
		margin-right: 19px;}
	/*.purchaseContent .editionTab .v-wuji.v-on{
    background: url(../images/wuji_on.png) no-repeat center top/ cover ;
}

.purchaseContent .editionTab .v-wuji.v-on img{
	display: none;
}

.purchaseContent .editionTab .v-function{
}
.purchaseContent .editionTab .v-function.v-on{
    background: url(../images/function_on.png) no-repeat center top/ cover ;
}
.purchaseContent .editionTab .v-function.v-on img{
	display: none;
}*/
	#purchaseSection .editionBox.v-wuji {
		height: 455px;
		margin-top: 140px;
		position: relative;}
	#purchaseSection .editionBox.v-wuji .v-wuji-table {
		width: 1200px;
		height: 435px;
		border: 1px solid #fc5659;}
	#purchaseSection .editionBox.v-wuji .v-wuji-title {
		position: absolute;
		width: 536px;
		top: -36px;
		left: 50%;
		margin-left: -268px;}
	#purchaseSection .editionBox.v-wuji .v-wuji-function {
		position: absolute;
		width: 986px;
		top: 124px;
		left: 50%;
		margin-left: -498px;}
	#purchaseSection .editionBox.v-wuji .v-wuji-buy {
		display: inline-block;
		width: 240px;
		height: 50px;
		font-size: 18px;
		line-height: 50px;
		text-align: center;
		color: #fff;
		position: absolute;
		top: 340px;
		left: 50%;
		margin-left: -120px;
		background: url(../images/wuji_buy.jpg) no-repeat center top/ cover;}
	#purchaseSection .editionBox.v-wuji .v-wuji-buy:hover {
		background: url(../images/wuji_buy_on.jpg) no-repeat center top/ cover;}
	#purchaseSection .editionBox.v-wuji .buttonAnimate {
		text-align: center;
		position: absolute;
		bottom: 70px;
		left: 50%;
		margin-left: -120px;
		width: 240px;
		height: 46px;
		line-height: 46px;
		border-radius: 3px;
		background-color: #ff3333;
		color: #fff;}
	.prechase #topSection {
		height: 100px;}
	.prechase #topSection .adjust-mainNavBox-small,
	.prechase #topSection .mainNav ul {}
	.prechase #topSection .adjust-mainNavBox-small ul li {
		line-height: 100px;}
	.prechase #topSection .adjust-mainNavBox-small .mainNav .adjust-mainNavLogo-small {
		width: 95px;
		height: 54px;
		top: 43px;}
	.prechase #topSection .adjust-mainNavBox-small .mainNav .adjust-userLogin-small {
		top: 0;}
	.infinite-container {
		margin: 126px 31px 10px 124px;
		position: relative;}
	.infinite-container .infinite-banner {
		position: absolute;
		top: -34px;
		left: 50%;
		margin-left: -200px;}
	.infinite-container table {
		text-align: left;
		margin-bottom: 40px;}
	.infinite-container table td {
		width: 33%;
		padding: 10px;}
	.infinite-container table td:nth-child(2) {
		width: 34%;}
	.infinite-container .icon-infinite {
		display: inline-block;
		height: 12px;
		margin-right: 10px;
		width: 12px;
		background: url(../images/yellow-check.jpg) no-repeat scroll center center;
		background-size: 16px;}
	/* 微信直播 wechatlive */
	.wechatTitle {
		padding-top: 45px;
		padding-bottom: 55px;
		font-size: 30px;
		color: #333;
		text-align: center;}
	.wechatMainBox {
		background-color: transparent;
		width: 100%;
		margin: 0 auto;
		position: relative;
		z-index: 999;}
	.wechatMainBox .wechatMainBoxGray {
		width: 100%;
		background-color: #f5f5f5;}
	.wechatMainBox .wechatMainBoxWhitet {
		width: 100%;
		background-color: #fff;}
	.wechatMainBox .wechatMainBoxPage {
		width: 1100px;
		height: 450px;
		margin: 0 auto;
		position: relative;}
	.wechatMainBox .wechatMainBoxPage img {
		position: absolute;
		/*bottom:70px;*/
		right: 0;}
	.wechatMainBox .wechatMainBoxPage div {
		width: 600px;}
	.wechatMainBox .wechatMainBoxPage h1,
	.wechatMainBox .wechatMainBoxPage h3 {
		width: 100%;
		margin-bottom: 30px;
		margin-top: 47px;
		font-size: 24px;
		color: #ff3333;}
	.wechatMainBox .wechatMainBoxPage p {
		width: 100%;
		height: 77px;
		margin-bottom: 30px;
		font-size: 33px;
		/*color:#ff3333;*/
		color: #ff3333;}
	.wechatMainBox .wechatMainBoxPage p span {
		display: block;
		font-size: 18px;
		/*color:#969696;*/
		opacity: 1;
		color: #969696;
		font-weight: 200;}
	.wechatMainBox .wechatMainBoxPage div.left p:before,
	.wechatMainBox .wechatMainBoxPage div.right p:before {
		content: "";
		width: 10px;
		height: 10px;
		background: #ff3333;
		display: inline-block;
		border-radius: 100px;
		margin: 10px;
		position: relative;
		top: 4px;
		display: none;}
	.wechatMainBox .wechatMainBoxPage3 .left {
		width: 540px;}
	.wechatMainBox .wechatMainBoxPage4 {
		height: 604px;}
	.wechatMainBox .wechatMainBoxPage4 h1,
	.wechatMainBox .wechatMainBoxPage4 h3 {
		margin-top: 125px;}
	.wechatBtnBox {
		width: 100%;
		height: 150px;
		background: #fff;
		overflow: hidden;}
	.wechatBtnBox span {
		display: block;
		width: 185px;
		height: 46px;
		margin: 56px auto;
		line-height: 46px;
		text-align: center;
		color: #fff;
		border-radius: 3px;
		background-color: #ff3333;}
	.wechatManageBox .wechatMainBoxPage {
		height: 500px;}
	.wechatManageBox .wechatMainBoxPage h1,
	.wechatManageBox .wechatMainBoxPage h3 {
		width: 100%;
		height: 65px;
		margin-bottom: 30px;
		margin-top: 47px;}
	.wechatManageBox .wechatMainBoxPage p {
		width: 100%;
		height: 77px;
		margin-bottom: 30px;}
	.wechatManageBox .wechatMainBoxPage1 {
		height: 550px;}
	.wechatManageBox .wechatMainBoxPage2 {
		height: 630px;}
	.wechatManageBox .wechatMainBoxPage2 .right {
		padding-top: 30px;}
	.wechatManageBox .wechatMainBoxPage3 {
		height: 400px;}
	.wechatSpreadBox .wechatMainBoxPage2 {
		height: 570px;
		padding-top: 100px;}
	.wechatEasyBox .wechatMainBoxPage1 {
		height: 615px;}
	.wechatEasyBox .wechatMainBoxPage1 img {
		bottom: 70px;
		right: -37px;}
	.wechatEasyBox .wechatMainBoxPage2 {
		height: 520px;}
	.wechatEasyBox .wechatMainBoxPage2 .right {
		padding-top: 100px;}
	.wechatEasyBox .wechatMainBoxPage3 {
		height: 570px;}
	.wechatEasyBox .wechatMainBoxPage3 .left {
		width: 608px;}
	.wechatEasyBox .wechatMainBoxPage3 .right {
		width: auto;}
	.wechatEasyBox .wechatMainBoxPage4 {
		height: 600px;}
	.wechatMainBox .wechatMainBoxPage5 {
		height: 667px;}
	.wechatMainBoxPage img,
	.wechatMainBoxPage h1,
	.wechatMainBoxPage h3,
	.wechatMainBoxPage p,
	.v-move-h1 {
		-webkit-transform: translateY(100px);
		-o-transform: translateY(100px);
		transform: translateY(100px);
		opacity: 0;
		-webkit-transition: all .3s ease-in-out;
		-o-transition: all .3s ease-in-out;
		transition: all .3s ease-in-out;}
	.wechatMove img,
	.wechatMove h1,
	.wechatMove h3,
	.wechatMove p,
	.wechatMove.v-move-h1 {
		-webkit-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0);
		opacity: 1;
		-webkit-transition: all 1s ease-in-out;
		-o-transition: all 1s ease-in-out;
		transition: all 1s ease-in-out;}
	.wechatMove img {
		-webkit-transition-delay: .5s;
		-o-transition-delay: .5s;
		-transition-delay: .5s;}
	.wechatMove p:nth-child(even) {
		-webkit-transition-delay: .5s;
		-o-transition-delay: .5s;
		-transition-delay: .5s;}
	.wechatMove p:nth-child(odd) {
		-webkit-transition-delay: 1s;
		-o-transition-delay: 1s;
		-transition-delay: 1s;}
	.wechatStep .wechatTitle,
	.wechatStep .step,
	.wechatStep .wechatBtnBox,
	.wechatStep .code_text,
	.wechatStep .code {
		-webkit-transform: translateY(100px);
		-o-transform: translateY(100px);
		transform: translateY(100px);
		opacity: 0;
		-webkit-transition: all .3s ease-in-out;
		-o-transition: all .3s ease-in-out;
		transition: all .3s ease-in-out;}
	.wechatMove .wechatTitle,
	.wechatMove .step,
	.wechatMove .wechatBtnBox,
	.wechatMove .code_text,
	.wechatMove .code {
		-webkit-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0);
		opacity: 1;
		-webkit-transition: all 1s ease-in-out;
		-o-transition: all 1s ease-in-out;
		transition: all 1s ease-in-out;}
	.wechatMove .wechatTitle {
		-webkit-transition-delay: 0.5s;
		-o-transition-delay: 0.5s;
		-transition-delay: 0.5s;}
	.wechatMove .step {
		-webkit-transition-delay: 1s;
		-o-transition-delay: 1s;
		-transition-delay: 1s;}
	.wechatMove .wechatBtnBox {
		-webkit-transition-delay: 1.5s;
		-o-transition-delay: 1.5s;
		-transition-delay: 1.5s;}
	.wechatMove .code_text {
		-webkit-transition-delay: 2s;
		-o-transition-delay: 2s;
		-transition-delay: 2s;}
	.wechatMove .code {
		-webkit-transition-delay: 2.5s;
		-o-transition-delay: 2.5s;
		-transition-delay: 2.5s;}
	.wechatEasyBox .wechatMainBoxPage1 .left {
		top: 80px;
		left: 0;}
	.wechatEasyBox .wechatMainBoxPage1 .adjust-pos-btm-60 {
		width: 486px;
		height: 401px;
		top: 0;
		right: 0;}
	.wechatMainBox .wechatMainBoxPage .share {
		width: 530px;
		height: 474px;
		top: 120px;
		left: 0;}
	.wechatEasyBox .wechatMainBoxPage2 .adjust-pos-top-10 {
		width: 440px;
		top: 180px;
		right: 0;}
	.wechatEasyBox .wechatMainBoxPage3 .left {
		margin-top: 175px;}
	.wechatMainBox .wechatMainBoxPage .embed {
		width: 580px;
		height: 279px;
		top: 156px;}
	.wechatMainBox .wechatMainBoxPage .varied {
		width: 557px;
		height: 414px;
		top: 100px;
		left: 0;}
	.wechatEasyBox .wechatMainBoxPage4 .right {
		text-align: left;
		width: 440px;
		margin-top: 105px;
		right: 0;}
	.wechatMainBox .wechatMainBoxPage .highdefinition {
		width: 503px;
		height: 412px;
		top: 120px;}
	.wechatEasyBox .wechatMainBoxPage5 .left {
		top: 195px;}
	.wechatStep {
		width: 100%;}
	.wechatStep img {
		display: block;
		margin: 0 auto;
		width: 1100px;
		height: 372px;}
	.wechatStep h1 {
		color: #333;
		font-size: 30px;
		text-align: center;}
	.wechatStep img.code {
		width: 280px;
		height: 280px;
		margin-bottom: 60px;}
	.wechatBanner {
		position: absolute;
		right: 0;
		top: -115px;}
	.wechatBtn {
		margin-top: 63px;}