@charset "UTF-8";
* {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

body {
	background-color: white;
	color: #333;
	font-family: '微软雅黑';
	font-size: 14px;
}

header {
	height: 100px;
	position: fixed;
	z-index: 1000;
	top: 0px;
	width: 100%;
	border-bottom: 1px solid #ebebeb;
	background: white;
}

header>div {
	width: 1200px;
	margin: 0 auto;
}

header img {
	display: block;
	float: left;
	height: 85px;
	margin-top: 7px;
}

header menu {
	float: right;
	margin-right: 100px;
	font-size: 15px;
}

header menu li {
	float: left;
	line-height: 100px;
	font-weight: bold;
	margin-right: 36px;
	cursor: pointer;
}

header menu li:last-child {
	margin-right: 0px;
}

header menu li:hover {
	color: #3181DD;
}

header .active {
	color: #3181dd!important;
}

footer {
	height: 270px;
	background: #535353;
}

footer>div {
	width: 1200px;
	margin: 0 auto;
}

footer menu {
	overflow: auto;
}

footer menu li {
	float: left;
	padding-top: 48px;
	height: 222px;
}

footer menu li:first-child img {
	height: 140px;
	display: block;
}

footer menu li:nth-child(2) div:first-child {
	color: #dadada;
}

footer menu li:nth-child(2) div:nth-child(2) {
	color: #3181dd;
	margin-top: 30px;
	margin-bottom: 24px;
	font-size: 24px;
	font-weight: bold;
}

footer menu li>div:nth-child(1) span {
	display: block;
	width: 25px;
	height: 2px;
	background: #8e8e8e;
	margin-top: 10px;
}

footer menu li:nth-child(2) div span {
	font-size: 16px;
}

footer menu li:nth-child(2) div:nth-child(3) {
	color: #c8c8c8;
}

footer menu li:nth-child(3) {
	color: #c8c8c8;
}

footer menu li:nth-child(3) div:nth-child(1) {
	color: #dadada;
}

footer menu li:nth-child(3) div:nth-child(2) {
	margin-top: 22px;
	margin-bottom: 12px;
}

footer menu li:nth-child(3) div:nth-child(4) {
	margin-top: 22px;
	margin-bottom: 22px;
}

footer menu li:nth-child(4) {
	color: #c8c8c8;
}

footer menu li:nth-child(4) div:nth-child(1) {
	color: #dadada;
}

footer menu li:nth-child(4) img {
	margin-top: 16px;
	margin-bottom: 12px;
	width: 108px;
}

footer menu li:first-child {
	margin-right: 140px;
}

footer menu li:nth-child(2) {
	margin-right: 110px;
}

footer menu li:nth-child(3) {
	margin-right: 172px;
}

.banner,.index-page-banner {
	position: relative;
	overflow: hide;
	text-align: center;
	height: auto!important;
}

.banner ul li,.index-page-banner ul li {
	float: left;
}

.banner .dots,.index-page-banner .dots {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 20px;
}

.banner .dots li,.index-page-banner .dots li {
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 0 4px;
	text-indent: -999em;
	border: 2px solid #fff;
	border-radius: 6px;
	cursor: pointer;
	opacity: .4;
	-webkit-transition: background .5s, opacity .5s;
	-moz-transition: background .5s, opacity .5s;
	transition: background .5s, opacity .5s;
}

.banner .dots li.active ,.index-page-banner .dots li.active {
	background: #fff;
	opacity: 1;
}

.copy {
	height: 54px;
	line-height: 54px;
	background: #434343;
	color: #c8c8c8;
	text-align: center;
	font-size: 12px;
}
.copy span{
	    cursor: pointer;
}
.page {
	margin-top: 100px;
	overflow: auto;
}

.banner img ,.index-page-banner img{
	display: block;
	width: 100%;
}

.right-menu {
	position: fixed;
	right: 10px;
	bottom: 54px;
}

.right-menu>div {
	height: 62px;
	width: 62px;
	margin-bottom: 10px;
	color: white;
	font-size: 14px;
	cursor: pointer;
	background: #6e879d;
	text-align: center;
}

.right-menu>div:first-child:hover {
	background: #1e79e1;
}

.right-menu>div:nth-child(2):hover {
	background: #1e79e1;
}

.right-menu>div:last-child {
	background: #1e79e1;
	font-size: 16px;
	padding-top: 10px;
	height: 52px;
	display: none;
	margin-bottom: 0px;
}

.right-menu>div img {
	margin-top: 10px;
}

.qrcode {
	position: fixed;
	right: 72px;
	bottom: 126px;
	width: 86px;
	display: none;
	-webkit-transition: all 0.2s 0s ease-in-out;
	-ms-transition: all 0.2s 0s ease-in-out;
	-moz-transition: all 0.2s 0s ease-in-out;
	transition: all 0.2s 0s ease-in-out;
}


/*滚动条垂直方向的宽度*/

::-webkit-scrollbar {
	width: 5px;
}


/* 垂直滚动条的滑动块 */

::-webkit-scrollbar-thumb:vertical {
	border-radius: 4px;
	-webkit-box-shadow: #999999;
	background-color: #999999;
}

.head-mask {
	left: 0px;
	height: 185px;
	position: absolute;
	top: 100px;
	width: 100%;
	background: black;
	opacity: 0.8;
	display: none;
}

.head-dl dd {
	color: white;
}

.head-dl {
	width: 682px;
	position: fixed;
	z-index: 1;
	top: 100px;
	display: none;
	left: calc((100% - 1200px)/2);
}

.head-dl dl {
	width: 178px;
	float: left;
	margin-left: 74px;
	font-size: 14px;
}

.head-dl dl:first-child {
	margin-left: 0px;
}

.head-dl dt {
	color: #a2a2a2;
	padding-top: 26px;
	padding-bottom: 12px;
	border-bottom: 1px solid #545c65;
	margin-bottom: 12px;
	text-indent: 10px;
	line-height: normal;
	font-weight: normal;
}

.head-dl dd {
	margin-bottom: 13px;
	cursor: pointer;
	line-height: normal;
	font-weight: normal;
}

.head-dl dd:last-child {
	margin-bottom: 0px;
}

.head-dl span {
	display: inline-block;
	width: 0;
	height: 0;
	border-width: 4px 0 4px 4px;
	border-style: solid;
	border-color: transparent transparent transparent white;
	margin-right: 10px;
}


/*关于我们*/

.about-us-area>div {
	width: 1200px;
	margin: 0 auto;
	padding-top: 52px;
	overflow: auto;
	padding-bottom: 80px;
}

.about-us-area menu {
	float: left;
	width: 178px;
}

.about-us-area menu li {
	height: 56px;
	line-height: 56px;
	text-align: center;
	position: relative;
	font-size: 16px;
	border-top: 1px solid #ebebeb;
	cursor: pointer;
}

.about-us-area menu li:first-child {
	height: 50px;
	line-height: 50px;
	color: white;
	background: #3189ed;
	font-size: 18px;
	border: none;
	cursor: auto;
}

.about-us-area menu span {
	position: absolute;
	font-weight: normal;
	left: 20px;
	color: #5399e8;
}

.about-us-area menu li:first-child span {
	color: white;
}

.about-us-area .menu-active {
	color: #5399e8;
	font-weight: bold;
}

.about-us-area .title div {
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 10px;
}

.about-us-area .title p {
	color: #666666;
	font-size: 16px;
	padding-bottom: 8px;
	border-bottom: 1px solid #ebebeb;
}

.about-us-area .show-area {
	width: 978px;
	float: left;
	margin-left: 44px;
}

.about-us-area .box {
	margin-top: 30px;
	padding-bottom: 38px;
	color: #333333;
	overflow: auto;
	border-bottom: 1px solid #ebebeb;
}

.about-us-area .show-area .box:nth-child(2) img {
	float: right;
}

.about-us-area .show-area .box:nth-child(2) div {
	float: left;
	width: calc(100% - 393px);
	line-height: 22px;
}

.about-us-area .show-area .box:nth-child(3) {
	margin-top: 40px;
}

.about-us-area .show-area .box:nth-child(3)>div {
	padding-top: 30px;
}

.about-us-area .show-area .box:nth-child(3) img {
	float: left;
	margin-right: 30px;
}

.about-us-area .show-area .box:nth-child(3) label {
	font-size: 20px;
	font-weight: bold;
}

.about-us-area .show-area .box:nth-child(3) span {
	font-size: 14px;
	margin-bottom: 22px;
}

.about-us-area .show-area .box:nth-child(3)>div>div {
	margin-top: 13px;
	margin-bottom: 42px;
	font-size: 12px;
	line-height: 18px;
}

.about-us-area .title-image {
	display: block;
	margin: 0 auto;
	margin-top: 40px;
	margin-bottom: 40px;
}

.about-us-area .images img {
	float: left;
}

.about-us-area .images img:nth-child(2) {
	margin-right: 6px;
	margin-left: 6px;
	margin-bottom: 6px;
}

.about-us-area .images img:nth-child(4) {
	margin-right: 6px;
	margin-left: 6px;
}

.about-us-area .images img:nth-child(3) {
	margin-bottom: 6px;
}


/*客户案例*/

.case-area>div {
	width: 1200px;
	margin: 0 auto;
	padding-top: 52px;
	overflow: auto;
	padding-bottom: 110px;
}

.case-area menu {
	float: left;
	width: 178px;
}

.case-area menu li {
	height: 56px;
	line-height: 56px;
	text-align: center;
	position: relative;
	font-size: 16px;
	border-top: 1px solid #ebebeb;
	cursor: pointer;
}

.case-area menu li:first-child {
	height: 50px;
	line-height: 50px;
	color: white;
	background: #3189ed;
	font-size: 18px;
	border: none;
	cursor: auto;
}

.case-area menu span {
	position: absolute;
	font-weight: normal;
	left: 20px;
	color: #5399e8;
}

.case-area menu li:first-child span {
	color: white;
}

.case-area .menu-active {
	color: #5399e8;
	font-weight: bold;
}

.case-area .title div {
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 10px;
}

.case-area .title p {
	color: #666666;
	font-size: 16px;
	padding-bottom: 8px;
	border-bottom: 1px solid #ebebeb;
}

.case-area .show-area {
	width: 978px;
	float: left;
	margin-left: 44px;
}

.case-area .box {
	color: #333333;
	overflow: auto;
	position: relative;
}

.case-area .box ul {
	float: left;
	width: 190px;
	margin-top: 118px;
}

.case-area .box ul li {
	height: 32px;
	line-height: 32px;
	position: relative;
	text-indent: 22px;
	font-size: 14px;
	color: #666;
	cursor: pointer;
}

.case-area .box ul li span {
	width: 6px;
	height: 32px;
	position: absolute;
	left: 0px;
	top: 0px;
	background: #5399e8;
}

.case-area .image-list {
	width: calc(100% - 190px);
	margin-top: 24px;
	float: left;
	background: #7bb4f5;
	position: relative;
	padding-top: 34px;
	padding-bottom: 34px;
}

.case-area .image-list>img {
	position: absolute;
	top: 200px;
	cursor: pointer;
}
.case-area .image-list>img:nth-child(3){
	right: 0px;
}
.case-area .image-list>div {
	width: 717px;
	overflow: hidden;
	margin-left: 35px;
}

.case-area .image-list>div>div {
	width: 1275px;
}

.case-area .image-list>div img {
    float: left;
    width: 234px;
    height: 390px;
    margin-right: 8px;
}
.case-area .image-list img:first-child {
	-webkit-transition: all 0.2s 0s ease-in-out;
	-ms-transition: all 0.2s 0s ease-in-out;
	-moz-transition: all 0.2s 0s ease-in-out;
	transition: all 0.2s 0s ease-in-out;
}

.case-area .box ul .active {
	color: #5399e8!important;
}

.case-area .project-list {
	float: left;
	width: calc(100% - 190px);
}

.case-area .project-list>div {
	float: left;
	width: calc((100% - 3px)/4);
	height: 118px;
	border-bottom: 1px dashed #e3e3e3;
	text-align: center;
	cursor: pointer;
	position: relative;
}

.case-area .project-list>div:nth-child(2) {
	border-left: 1px dashed #e3e3e3;
	border-right: 1px dashed #e3e3e3;
}
.case-area .project-list span{
    width: 0;
    height: 0;
    border-width: 0 24px 24px;
    border-style: solid;
    border-color: transparent transparent #7bb4f5;
    position: absolute;
    bottom: -25px;
    left: calc((100% - 48px)/2);
}
.case-area .project-list>div:nth-child(3) {
	border-right: 1px dashed #e3e3e3;
}

.case-area .project-list>div img {
	margin-top: 29px;
}

.case-area .project-qrcode {
	width: calc(100% - 190px);
	float: right;
	text-align: center;
	margin-top: 68px;
}

.case-area .project-qrcode>img {
	vertical-align: middle;
}

.case-area .project-qrcode>img:nth-child(1) {
	border: 3px solid #5399e8;
}

.case-area .project-qrcode>div {
	display: inline-block;
	margin-left: 46px;
	margin-right: 46px;
	font-size: 16px;
	vertical-align: middle;
}


/*连锁*/

.chain-area {
	padding-bottom: 160px;
}

.chain-area .banner-box {
	position: relative;
	height: 530px;
	background: url(../images/ls2.png);
	text-align: center;
	background-size: 100%;
}

.chain-area .banner-box img:first-child {
	margin-top: 176px;
	vertical-align: top;
}

.chain-area .banner-box img:last-child {
	margin-top: 84px;
	margin-left: 144px;
}

.chain-area .box label {
	display: block;
	margin-top: 80px;
	text-align: center;
	font-size: 34px;
	margin-bottom: 12px;
}

.chain-area .box span {
	display: block;
	margin: 0 auto;
	margin-bottom: 38px;
	width: 42px;
	height: 4px;
	background: #3189ED;
}

.mKeBanner,
.mKeBanner div {
	text-align: center;
}

.imageflow img {
	-webkit-box-shadow: 2px 2px 2px 2px hsla(0, 0%, 0%, 0.1);
	box-shadow: 2px 2px 2px 2px hsla(0, 0%, 0%, 0.1);
}

.imageflow {
	overflow: hidden;
	position: relative;
	text-align: left;
	visibility: hidden;
	width: 1200px;
	margin: 0 auto
}

.imageflow img {
	border: none;
	position: absolute;
	top: 0px;
	visibility: hidden;
	-ms-interpolation-mode: bicubic
}

.imageflow p {
	margin: 0 auto;
	text-align: center
}

.imageflow .loading {
	border: 1px solid #ccc;
	height: 15px;
	left: 50%;
	margin-left: -106px;
	padding: 5px;
	position: relative;
	visibility: visible;
	width: 200px
}

.imageflow .loading_bar {
	background: #ccc;
	height: 15px;
	visibility: visible;
	width: 1%
}

.imageflow .caption {
	font-weight: bold;
	position: relative;
	text-align: center;
	z-index: 10000
}

.imageflow .scrollbar {
	border-bottom: 1px solid #b3b3b3;
	position: relative;
	visibility: hidden;
	z-index: 10001;
	height: 1px
}

.imageflow .images {
	overflow: hidden;
	white-space: nowrap
}

.imageflow .button {
	cursor: pointer;
	height: 17px;
	position: relative;
	width: 17px
}

#LoopDiv {
	background: #c8c8c8;
}

#LoopDiv>div {
	width: 1200px;
	margin: 0 auto;
	position: relative;
}

#LoopDiv>div>img:first-child {
	position: absolute;
	top: 50%;
	left: -10px;
	;
	cursor: pointer;
	z-index: 100;
}

#LoopDiv>div>img:last-child {
	position: absolute;
	right: -10px;
	top: 50%;
	cursor: pointer;
	z-index: 100;
}

.chain-area .box:nth-child(4) {
	background-image: url(../images/lsy.png);
	height: 890px;
	background-size: 100% 100%;
}

.chain-area .box:nth-child(4) {
	padding-top: 80px;
}

.chain-area .box:nth-child(4) label {
	color: white!important;
	margin-top: 0px;
}

.chain-area .box:nth-child(4) span {
	background: white;
	margin-bottom: 0px;
}

.chain-area .box:nth-child(4) p {
	color: white;
	text-align: center;
	font-size: 16px;
	margin-top: 18px;
	margin-bottom: 44px;
}

.chain-area .box:nth-child(4) label span {
	background: #5399E8;
	display: inline-block;
	height: 34px;
	line-height: 34px;
	width: 110px;
	text-align: center;
	border-radius: 5px;
	margin-left: 10px;
	font-size: 16px;
	margin-top: -5px;
	vertical-align: middle;
}

.chain-area .box ul {
	width: calc(238px*5 + 8px);
	margin: 0 auto;
}

.chain-area .box li {
	width: 238px;
	padding-top: 38px;
	height: 158px;
	float: left;
	background: white;
	margin-left: 2px;
	margin-bottom: 2px;
}

.chain-area .box li:first-child {
	margin-left: 0px;
}

.chain-area .box li:nth-child(6) {
	margin-left: 0px;
}

.chain-area .box li:nth-child(7) {
	width: 718px;
	font-size: 46px;
	font-weight: bold;
	line-height: 196px;
	color: white;
	background: none;
	text-align: center;
	padding-top: 0px;
	height: 196px;
	background: url(../images/lsy-.png);
	background-size: 100%;
}

.chain-area .box li:nth-child(9) {
	margin-left: 0px;
}

.chain-area .box li img {
	display: block;
	margin: 0 auto;
}

.chain-area .box li div {
	margin-top: 24px;
	font-size: 16px;
	text-align: center;
}

.chain-area .box:nth-child(5) p {
	display: inline-block;
	height: 34px;
	line-height: 34px;
	width: 110px;
	text-align: center;
	border-radius: 5px;
	margin-left: 10px;
	font-size: 16px;
	margin-top: -5px;
	vertical-align: middle;
	background: #5399E8;
	color: white;
}

.chain-area .box:nth-child(5) span {
	margin-bottom: 0px;
}

.chain-area .box:nth-child(5) img {
	display: block;
	margin: 0 auto;
	margin-top: 60px;
}

.chain-area .box:nth-child(3) img:nth-child(3) {
	margin-top: 36px;
	vertical-align: top;
}

.chain-area .box:nth-child(3) {
	text-align: center;
	background-image: url(../images/vbj--.png);
	background-size: 100% 100%;
	padding-bottom: 80px;
}

.chain-area .box:nth-child(3) label {
	margin-top: 0px;
	padding-top: 80px;
}

.chain-area .box:nth-child(3) img:nth-child(4) {
	margin-top: 150px;
	vertical-align: top;
	margin-left: -50px;
}

.chain-area .box:nth-child(5) {
	position: relative;
}

.chain-area .box:nth-child(5) img:last-child {
	position: absolute;
	    top: 27px;
    left: calc((100% - 602px)/2);
	opacity: 0;
	-o-transform: rotate(-180deg);
	-ms-transform: rotate(-180deg);
	-webkit-transform: rotate(-180deg);
	-moz-transform: rotate(-180deg);
	transform: rotate(-180deg);
}


/*联系我们*/

.contact-area>div {
	width: 1200px;
	margin: 0 auto;
	padding-top: 52px;
	overflow: auto;
	padding-bottom: 110px;
}

.contact-area menu {
	float: left;
	width: 178px;
}

.contact-area menu li {
	height: 56px;
	line-height: 56px;
	text-align: center;
	position: relative;
	font-size: 16px;
	border-top: 1px solid #ebebeb;
	cursor: pointer;
}

.contact-area menu li:first-child {
	height: 50px;
	line-height: 50px;
	color: white;
	background: #3189ed;
	font-size: 18px;
	border: none;
	cursor: auto;
}

.contact-area menu span {
	position: absolute;
	font-weight: normal;
	left: 20px;
	color: #5399e8;
}

.contact-area menu li:first-child span {
	color: white;
}

.contact-area .menu-active {
	color: #5399e8;
	font-weight: bold;
}

.contact-area .title div {
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 10px;
}

.contact-area .title p {
	color: #666666;
	font-size: 16px;
	padding-bottom: 8px;
	border-bottom: 1px solid #ebebeb;
}

.contact-area .show-area {
	width: 978px;
	float: left;
	margin-left: 44px;
}

.contact-area .box {
	overflow: auto;
}

.contact-area .box .logo {
	float: left;
	margin-top: 68px;
	margin-left: 82px;
}

.contact-area .info>div {
	font-size: 16px;
	margin-top: 12px;
	margin-left: 418px;
}

.contact-area .info>div:first-child {
	color: #5399e8;
	padding-top: 50px;
	font-size: 26px;
	font-weight: bold;
	margin-bottom: 14px;
}

.contact-area .map {
	margin-top: 80px;
	display: block;
	width: 100%;
}


/*定制*/

.customize-area {
	padding-bottom: 80px;
}

.customize-area .title {
	padding-top: 80px;
	margin-bottom: 10px;
	font-size: 34px;
	font-weight: bold;
	text-align: center;
}

.customize-area .box label {
	display: block;
	width: 42px;
	height: 4px;
	margin: 0 auto;
	margin-bottom: 20px;
	background: #3181dd;
}

.customize-area .box {
	position: relative;
	width: 1200px;
	margin: 0 auto;
	clear: both;
}

.customize-area .box span {
	text-align: center;
	color: #666666;
	font-size: 16px;
	display: block;
	margin-bottom: 60px;
}

.customize-area .content .box:nth-child(1) img {
	float: left;
}

.customize-area .box>div>div {
	margin-top: 28px;
	font-size: 16px;
	line-height: 30px;
	width: 760px;
	float: right;
}

.customize-area .content .box:nth-child(2) img {
	float: right;
	margin-bottom: 70px;
}

.customize-area .content .box:nth-child(2)>div>div {
	position: absolute;
	left: 0px;
}

.customize-area .content .box:nth-child(2) span {
	margin-bottom: 42px;
}

.customize-area .item {
	background-image: url(../images/bg1.png);
	background-size: 100% 100%;
	overflow: auto;
	padding-top: 110px;
	padding-bottom: 150px;
	margin-top: 70px;
	clear: both;
}

.customize-area .item .title {
	padding-top: 0px;
}

.customize-area .item menu {
	width: 1200px;
	margin: 0 auto;
}

.customize-area .item menu li {
	float: left;
	width: calc((100% - 5px)/6);
	text-align: center;
	cursor: pointer;
	height: 76px;
	border-right: 1px solid #d0d0d0;
	-webkit-transition: all 0.2s 0s ease-in-out;
	-ms-transition: all 0.2s 0s ease-in-out;
	-moz-transition: all 0.2s 0s ease-in-out;
	transition: all 0.2s 0s ease-in-out;
}

.customize-area .item menu li:last-child {
	border: none;
}

.customize-area .item menu li:hover {
	color: #529ef5;
}

.customize-area .item span {
	text-align: center;
	color: #666666;
	font-size: 16px;
	display: block;
	margin-bottom: 80px;
}

.customize-area .item img {
	display: block;
	margin: 0 auto;
	height: 94px;
	margin-bottom: 20px;
	-webkit-transition: all 0.2s 0s ease-in-out;
	-ms-transition: all 0.2s 0s ease-in-out;
	-moz-transition: all 0.2s 0s ease-in-out;
	transition: all 0.2s 0s ease-in-out;
}

.customize-area .item label {
	display: block;
	width: 42px;
	height: 4px;
	margin: 0 auto;
	margin-bottom: 20px;
	background: #3181dd;
}

.customize-area .content .box:nth-child(4) .title {
	margin-top: 64px;
}

.customize-area .content .box:nth-child(4) ul {
	margin-top: 50px;
}

.customize-area .content .box:nth-child(4) {
	padding-bottom: 46px;
}

.customize-area .content .box ul li {
	height: 520px;
	float: left;
	margin-right: 45px;
	width: calc((100% - 90px)/3);
	-webkit-transition: all 0.2s 0s ease-in-out;
	-ms-transition: all 0.2s 0s ease-in-out;
	-moz-transition: all 0.2s 0s ease-in-out;
	transition: all 0.2s 0s ease-in-out;
}

.customize-area .content .box ul li:last-child {
	margin: 0px;
	text-align: center;
}

.customize-area .content .box:nth-child(4) ul img {
	display: block;
}

.customize-area .content .box ul li>div {
	width: 368px;
	height: 320px;
	padding-top: 10px;
	border: 1px solid #d0d0d0;
	border-top: none;
}

.customize-area .content .box ul li p {
	margin-top: 26px;
	font-size: 18px;
	text-align: center;
}

.customize-area .content .box ul li:hover {
	background: #3189ed;
	color: white;
}

.customize-area .box-flow {
	padding-top: 65px;
	background-image: url(../images/bj--.png);
	background-size: 100% 100%;
	padding-bottom: 145px;
	clear: both;
	background-repeat: no-repeat;
}

.customize-area .box-flow .title {
	font-size: 34px;
	text-align: center;
	font-weight: bold;
	margin: 0px;
	margin-bottom: 10px;
}

.customize-area .box-flow label {
	display: block;
	width: 42px;
	height: 4px;
	margin: 0 auto;
	margin-bottom: 114px;
	background: #3181dd;
}

.customize-area .box-flow img {
	display: block;
	margin: 0 auto;
}


/*首页*/

.index-area .head-menu {
	border-bottom: 1px solid #ebebeb;
}

.index-area .head-menu ul {
	width: 1200px;
	margin: 0 auto;
	overflow: auto;
}

.index-area .head-menu ul li {
	float: left;
	height: 118px;
	width: 25%;
}

.index-area .head-menu ul li img {
	height: 60px;
	float: left;
	margin-top: 29px;
	margin-right: 18px;
}

.index-area .head-menu ul div:nth-child(2) {
	color: #3181DD!important;
	font-size: 18px;
	margin-top: 35px;
	margin-bottom: 5px;
}

.index-area .head-menu ul li:nth-child(3) {
	margin-left: -50px;
	margin-right: 50px;
}

.index-area .content {
	width: 1200px;
	margin: 0 auto;
	padding-bottom: 80px;
}

.index-area .title {
	padding-top: 30px;
	font-size: 30px;
	font-weight: bold;
	margin-bottom: 11px;
}

.index-area .title-image {
	display: block;
	float: left;
	width: 294px;
}

.index-area .item {
	overflow: auto;
}

.index-area .box {
	float: left;
	width: calc(100% - 294px);
	padding-top: 18px;
	background-repeat: no-repeat;
	background-position-x: -1px;
	position: relative;
}

.index-area .first .box {
	background-image: url(../images/line1.png);
}

.index-area .second .box {
	background-image: url(../images/line2.png);
}

.index-area .third .box {
	background-image: url(../images/line3.png);
}

.index-area .box>div {
	width: 256px;
	padding-left: 10px;
	padding-right: 10px;
	border: 1px solid #ebebeb;
	height: 386px;
	float: left;
	margin-left: 20px;
	margin-top: 16px;
	padding-top: 30px;
	position: relative;
	-webkit-transition: all 0.2s 0s ease-in-out;
	-ms-transition: all 0.2s 0s ease-in-out;
	-moz-transition: all 0.2s 0s ease-in-out;
	transition: all 0.2s 0s ease-in-out;
}
.index-area .third .box>div:nth-child(5),.index-area .third .box>div:nth-child(6),.index-area .third .box>div:nth-child(7){
	display: none;
}
.index-area .box img {
	height: 54px;
	display: block;
	margin: 0 auto;
}

.index-area .box p {
	text-align: center;
	font-size: 26px;
	margin-top: 30px;
	padding-bottom: 30px;
	border-bottom: 1px solid #ebebeb;
}

.index-area .desc {
	font-size: 14px;
	margin-top: 20px;
	line-height: 30px;
	text-align: center;
}

.index-area .box span {
	font-size: 16px;
	font-weight: bold;
}

.index-area .box .detail {
	color: #666666;
	width: 90px;
	height: 32px;
	border-radius: 5px;
	text-align: center;
	line-height: 32px;
	border: 1px solid #ebebeb;
	position: absolute;
	bottom: 16px;
	left: calc((100% - 92px)/2);
	-webkit-transition: all 0.2s 0s ease-in-out;
	-ms-transition: all 0.2s 0s ease-in-out;
	-moz-transition: all 0.2s 0s ease-in-out;
	transition: all 0.2s 0s ease-in-out;
}

.index-area .first .box>div:hover {
	border-color: #8184eb;
}

.index-area .first .itemActive .detail {
	color: white!important;
	background: #8184eb!important;
	border-color: #8184eb;
	cursor: pointer;
}

.index-area .desc img {
	height: 98px;
}

.index-area .second .box>div:hover {
	border-color: #fc9479;
}

.index-area .second .itemActive .detail {
	color: white!important;
	background: #fc9479!important;
	border-color: #fc9479;
	cursor: pointer;
}

.index-area .third .box>div:hover {
	border-color: #49ce8c;
}

.index-area .third .itemActive .detail {
	color: white!important;
	background: #49ce8c!important;
	border-color: #49ce8c;
	cursor: pointer;
}

.index-area .box menu {
	position: absolute;
	right: 0px;
	top: -18px;
	font-size: 18px;
}

.index-area .box menu li {
	height: 36px;
	line-height: 36px;
	width: 118px;
	text-align: center;
	border-radius: 5px 5px 0px 0px;
	float: left;
	-webkit-transition: all 0.2s 0s ease-in-out;
	-ms-transition: all 0.2s 0s ease-in-out;
	-moz-transition: all 0.2s 0s ease-in-out;
	transition: all 0.2s 0s ease-in-out;
}

.index-area .boxActive {
	color: white;
	background: #49ce8c;
}


/*加盟*/

.join-area {
	padding-bottom: 80px;
}

.join-area .search {
	margin: 0 auto;
	width: 1200px;
	height: 168px;
}

.join-area .search>div {
	padding-top: 40px;
	float: left;
	margin-right: 194px;
}

.join-area .search>p {
	font-size: 16px;
	padding-top: 18px;
	line-height: 34px;
}

.join-area .search>div:nth-child(1)>div {
	font-size: 26px;
	margin-bottom: 20px;
}

.join-area .search input {
	height: 46px;
	width: 263px;
	border-radius: 10px;
	border: 1px solid #bfbfbf;
	margin-right: 44px;
	outline: none;
}

.join-area .search label {
	height: 46px;
	line-height: 46px;
	text-align: center;
	width: 96px;
	background: #5399e8;
	border-radius: 10px;
	color: white;
	display: inline-block;
}

.join-area .box {
	background: #f1f1f1;
	padding-top: 80px;
	padding-bottom: 44px;
	overflow: auto;
}

.join-area .box>div {
	margin: 0 auto;
	width: 1200px;
}

.join-area .form {
	background: white;
	padding-top: 30px;
	padding-bottom: 10px;
	width: 450px;
	float: left;
}

.join-area .form p {
	text-align: center;
}

.join-area .form p:first-child {
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 10px;
}

.join-area .form p:nth-child(2) {
	color: #999999;
	font-size: 14px;
	margin-bottom: 16px;
}

.join-area .form span {
	width: 44px;
	margin-left: 16px;
	font-weight: bold;
	display: inline-block;
	height: 40px;
	line-height: 40px;
}

.join-area .form div select:nth-child(2) {
	width: 370px;
}

.join-area select,
.join-area .form input {
	height: 40px;
	border: 1px solid #e3e3e3;
	width: 368px;
	text-indent: 14px;
	font-size: 14px;
}

.join-area .form div {
	margin-bottom: 10px;
}

.join-area .form div:nth-child(5) input {
	width: 201px;
}

.join-area .form div:nth-child(5) div {
	float: right;
	width: 150px;
	color: white;
	height: 42px;
	line-height: 42px;
	text-align: center;
	background: #5399e8;
	margin-right: 16px;
	cursor: pointer;
}

.join-area .address select {
	width: 107px!important;
	margin-right: 20px;
}

.join-area .address select:last-child {
	margin-right: 0px;
}

.join-area .submit {
	text-align: center;
	color: white;
	background: #5399e8;
	height: 50px;
	line-height: 50px;
	margin: 0 auto;
	margin-top: 20px;
	border-radius: 10px;
	width: 162px;
	cursor: pointer;
}

.join-area .director {
	float: left;
	margin-left: 142px;
	margin-top: 208px;
}

.join-area .director p {
	font-weight: bold;
	font-size: 24px;
	margin-bottom: 10px;
	text-align: center;
}

.join-area .director>span {
	display: block;
	color: #999999;
	text-align: center;
	margin-bottom: 38px;
}

.join-area .director .item {
	display: inline-block;
	margin-right: 98px;
}

.join-area .director .item div {
	color: #666666;
	font-size: 16px;
	margin-bottom: 20px;
}

.join-area .director .item div span {
	margin-left: 20px;
}

.join-area .director .item img:nth-child(2) {
	margin-right: 20px;
}

.join-area .director .item:last-child {
	margin-right: 0px;
}

.join-area .bottom {
	display: block;
	width: 100%;
}


/*单店*/

.store-area {
	padding-bottom: 160px;
}

.store-area .banner-box {
	position: relative;
	height: 530px;
	background: url(../images/yellowBg.png);
	text-align: center;
	background-size: 100%;
}

.store-area .banner-box img:first-child {
	margin-top: 28px;
}

.store-area .banner-box div {
	margin-top: 8px;
	color: white;
	margin-bottom: 42px;
}

.store-area .box label {
	display: block;
	margin-top: 80px;
	text-align: center;
	font-size: 34px;
	margin-bottom: 12px;
}

.store-area .box span {
	display: block;
	margin: 0 auto;
	margin-bottom: 38px;
	width: 42px;
	height: 4px;
	background: #3189ED;
}

.store-area .box:nth-child(3) {
	background-image: url(../images/greenBg.png);
	height: 890px;
	background-size: 100% 100%;
	margin-top: 76px;
}

.store-area .box:nth-child(3) {
	padding-top: 80px;
}

.store-area .box:nth-child(3) label {
	color: white!important;
	margin-top: 0px;
}

.store-area .box:nth-child(3) span {
	background: white;
	margin-bottom: 0px;
}

.store-area .box:nth-child(3) p {
	color: white;
	text-align: center;
	font-size: 16px;
	margin-top: 18px;
	margin-bottom: 44px;
}

.store-area .box:nth-child(3) label span {
	background: #02b5a2;
	display: inline-block;
	height: 34px;
	line-height: 34px;
	width: 110px;
	text-align: center;
	border-radius: 5px;
	margin-left: 10px;
	font-size: 16px;
	margin-top: -5px;
	vertical-align: middle;
}

.store-area .box ul {
	width: calc(238px*5 + 8px);
	margin: 0 auto;
}

.store-area .box li {
	width: 238px;
	padding-top: 38px;
	height: 158px;
	float: left;
	background: white;
	margin-left: 2px;
	margin-bottom: 2px;
}

.store-area .box li:first-child {
	margin-left: 0px;
}

.store-area .box li:nth-child(6) {
	margin-left: 0px;
}

.store-area .box li:nth-child(7) {
	width: 718px;
	font-size: 46px;
	font-weight: bold;
	line-height: 196px;
	color: white;
	background: none;
	text-align: center;
	padding-top: 0px;
	height: 196px;
	background: url(../images/ddd-.png);
	background-size: 100%;
}

.store-area .box li:nth-child(9) {
	margin-left: 0px;
}

.store-area .box li img {
	display: block;
	margin: 0 auto;
}

.store-area .box li div {
	margin-top: 24px;
	font-size: 16px;
	text-align: center;
}

.store-area .box:nth-child(4) p {
	display: inline-block;
	height: 34px;
	line-height: 34px;
	width: 110px;
	text-align: center;
	border-radius: 5px;
	margin-left: 10px;
	font-size: 16px;
	margin-top: -5px;
	vertical-align: middle;
	background: #5399E8;
	color: white;
}

.store-area .box:nth-child(4) span {
	margin-bottom: 0px;
}

.store-area .box:nth-child(4) img {
	display: block;
	margin: 0 auto;
	margin-top: 60px;
}

.store-area .box:nth-child(4) {
	position: relative;
}

.store-area .box:nth-child(4) img:last-child {
	position: absolute;
	top: 57px;
	left: calc((100% - 590px)/2);
}


/*商圈*/

.tradingArea-area {
	padding-bottom: 126px;
}

.tradingArea-area .banner-box {
	position: relative;
	height: 530px;
	background: url(../images/sq6.png);
	text-align: center;
	background-size: 100%;
	margin-bottom: 80px;
}

.tradingArea-area .banner-box>div {
	width: 1200px;
	margin: 0 auto;
	position: relative;
}

.tradingArea-area .banner-box img:first-child {
	margin-top: 138px;
	float: left;
	margin-left: 102px;
	margin-bottom: 24px;
}

.tradingArea-area .banner-box img:nth-child(2) {
	margin-bottom: 26px;
	display: block;
	clear: both;
	margin-left: 202px;
}

.tradingArea-area .banner-box img:nth-child(3) {
	margin-bottom: 16px;
	display: block;
	margin-left: 132px;
}

.tradingArea-area .banner-box img:nth-child(4) {
	display: block;
	margin-left: 208px;
}

.tradingArea-area .banner-box img:nth-child(5) {
	position: absolute;
	right: 82px;
	top: 80px;
}

.tradingArea-area .box label {
	display: block;
	margin: 0 auto;
	font-size: 34px;
	text-align: center;
	margin-bottom: 10px;
}

.tradingArea-area .box span {
	display: block;
	margin: 0 auto;
	width: 42px;
	height: 4px;
	background: #3189ED;
}

.tradingArea-area .box:nth-child(2) img {
	display: block;
	margin: 0 auto;
	margin-top: 46px;
	margin-bottom: 94px;
}

.tradingArea-area .box:nth-child(3) p {
	text-align: center;
	font-size: 16px;
	margin-top: 20px;
	margin-bottom: 62px;
	position: relative;
}

.tradingArea-area .box:nth-child(3) p span {
	background: #3189ED;
	display: inline-block;
	height: 20px;
	line-height: 20px;
	width: 92px;
	text-align: center;
	border-radius: 5px;
	margin-left: 10px;
	color: white;
	position: absolute;
}

.tradingArea-area .box:nth-child(3)>div {
	width: 1200px;
	margin: 0 auto;
	overflow: auto;
	position: relative;
	padding-bottom: 106px;
}

.tradingArea-area .box:nth-child(3)>div>img {
	height: 177px;
	width: 177px;
	float: left;
	margin-left: 8px;
}

.tradingArea-area .box:nth-child(3)>div>img:first-child {
	margin-left: 93px;
}

.tradingArea-area .box:nth-child(3)>div>img:nth-child(7) {
	margin-left: 0px;
}

.tradingArea-area .box:nth-child(3)>div>img:nth-child(7),
.tradingArea-area .box:nth-child(3)>div>img:nth-child(8),
.tradingArea-area .box:nth-child(3)>div>img:nth-child(9),
.tradingArea-area .box:nth-child(3)>div>img:nth-child(10),
.tradingArea-area .box:nth-child(3)>div>img:nth-child(11),
.tradingArea-area .box:nth-child(3)>div>img:nth-child(12) {
	margin-top: -85px;
}

.tradingArea-area .box:nth-child(4)>div {
	width: 1200px;
	margin: 0 auto;
	margin-top: 103px;
	position: relative;
}

.tradingArea-area .box:nth-child(4)>div .center-line {
	display: block;
	margin: 0 auto;
}

.tradingArea-area .box:nth-child(4)>div .item {
	position: absolute;
}

.tradingArea-area .item:nth-child(2) {
	top: 0px;
}

.tradingArea-area .item .tt {
	font-size: 20px;
	margin-bottom: 15px;
}

.tradingArea-area .item .text {
	font-size: 16px;
	color: #666666;
	width: 484px;
	line-height: 24px;
}

.tradingArea-area .left,
.tradingArea-area .right {
	width: 590px;
}

.tradingArea-area .left img {
	position: absolute;
	right: 32px;
	top: 60px;
}

.tradingArea-area .right {
	right: 0px;
}

.tradingArea-area .right img {
	position: absolute;
	left: 32px;
	top: 54px;
}

.tradingArea-area .item:nth-child(3) {
	top: 300px;
}

.tradingArea-area .item:nth-child(4) {
	top: 606px;
}

.tradingArea-area .right .text {
	margin-left: 106px;
}

.tradingArea-area .right .tt {
	margin-left: 106px;
}

.tradingArea-area .item:nth-child(5) {
	top: 154px;
}

.tradingArea-area .item:nth-child(6) {
	top: 457px;
}

.tradingArea-area .item:nth-child(7) {
	top: 768px;
}