@charset "utf-8";
/* CSS Document */

*{ margin:0;padding:0;}
ul,li,dl,ol{list-style:none;}
ul{list-style:none;}
img{border:none; display: block;}
a:link,a:hover{text-decoration:none;outline:none;color: #000;}
b{font-weight: normal;}
html {font-size: 62.5%;/*10 ÷ 16 × 100% = 62.5%*/}
html, body { width: 100%;}
body{background: #FFF;font-family:"Microsoft YaHei","微软雅黑","华文细黑",Arial, Helvetica, sans-serif;font-size:1.4rem;; user-select:none; -webkit-user-select:none; -webkit-text-size-adjust: none;*overflow-x:hidden;width:100%;}

.clb{clear:both}
.fl{float: left;}
.fr{float: right;}
.db{display: block;}
.dn{display: none;}
.ofh{overflow: hidden;}
.dl {display:inline-block;}
img{display: block; width: 100%;}

.part{position: relative;}
.partbg{width: 100%;margin: 0 auto;}
.part2{margin-bottom: 40px;}
.part6{margin-top: 15px;}
.part3 .title,.part6 .title{padding-top: 30px;}
.inner, .inner ul,.contentBig {width: 100%;}
.contentBig4, .contentBig5 {width: 1100px; margin: 0 auto; overflow: hidden;}

.title4{position: absolute;left: 0;right: 0;top:16%;margin: 0 auto;color: #FFF;}
.title6{
	position: absolute;
    left: 0;
    right: 0;
    top: 22%;
    margin: 0 auto;
    color: #FFF;
}
.title7{position: absolute;left: 0;right: 0;top:15%;margin: 0 auto;color: #FFF;}
.title{text-align: center; margin-bottom: 30px;}
.title p.cn{font-size: 36px;letter-spacing: 2px;}
.title p.en{font-size: 20px;letter-spacing: 2px;}
.main{width: 1100px; margin: 0 auto;}
/*适应手机*/
@media screen and (max-width: 800px) {
	html {font-size: 62.5%;/*10 ÷ 16 × 100% = 62.5%*/}
	body {font-size: 1.2rem;/*1.2 × 10px = 12px */}
	.top .logo{position: absolute;top: 0; left: 20%;width: 20%;z-index: 999;}
	.title{text-align: center; margin-bottom: 15px;}
	.title6{top: 10%;}
	.title p.cn{font-size: 18px;font-weight: bolder;}
	.title p.en{font-size: 12px;;margin-top: 6px;}
	.main{width: 96%; margin: 0 auto;}
	.contentBig4, .contentBig5 {width: 96%; margin: 0 auto; overflow: hidden;}
	.title4{top:10%;}
}	

/* 头部和底部 */
.header {position: fixed; width: 100%;*height:80%;height:72px;z-index: 1000;background-color:#fff;margin:0 auto;min-width: 1000px; max-width: 1440px;    left: 0;
    right: 0;}
.top{width: 100%;position: relative;}
.logo{position: absolute;top: 0; left: 20%;width: 15%;z-index: 999;}
.bannerBig{
	width: 100%;
	position: relative;
	overflow: hidden;
	margin: 0 auto;
}
.hohoho{
	width: 94%;
	position: relative;
	top: 0%;
	left: 0;
	right: 0;
	margin: 0 auto;
}
.pagination {
    position: absolute;
    left: 0;
    text-align: center;
    bottom: 12%;
    width: 100%;
    z-index: 1;
}
.pagination4{bottom: 16%;}
.swiper-pagination-switch {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 10px;
    background: transparent;
    border: 1px solid #FFF;
    /*box-shadow: 0px 1px 2px #555 inset;*/
    margin-right: 3px;
    cursor: pointer;
}
.swiper-active-switch {
    background: #fff;
}
@media screen and (max-width: 800px) {
	.pagination{
		position: absolute;
		bottom: 12%;
	    left: 0;
	    width: 100%;
	    text-align: center;
	    z-index: 10;
	}
	.pagination span{
		width: 10px;
	    height: 10px;
	    border: 1px solid #FFF;
	    border-radius: 10px;
	    display: inline-block;
	 	cursor: pointer;
	 	background: #transparent;
	 	margin-right: 3px;
	}
	.pagination span:last-child{
		margin-right: 0;
	}
	.pagination span.swiper-pagination-bullet-active{
	 	background: #fff;
	}
}
.zyanniua1 .jiaojiaoza1{
	width: 4%;
	height: 40px;
	background: url(../images/arrow_lf.png)no-repeat center center;
	background-size: 100%;
	display: block;
	position: absolute;
	top: 45%;
	z-index: 99;
	cursor: pointer;
}
.zyanniua1 .jiaojiaoaz5{
	left: 2%;
}
.zyanniua1 .jiaojiaoay5{
	background: url(../images/arrow_rg.png)no-repeat center center;
	background-size: 100%;
	right: 2%;
}
.contentBig1{position: absolute;bottom: 4.2%;left: 19%;right: 0;/*left: 0;right: 0;margin: 0 auto;*/width: 60%;}
/*.banner::after{
	display: block;
    content: '';
    width: 100%;
    height: 100%;
    background: #fff;
    top: 88%;
    transform: skewY(-9deg);
    position: absolute;
    z-index: 1;
}*/
.bannerfl{ width: 50%;}
.bannerfr{ width: 36%;margin-top: 6%; margin-left:4%; position: relative;}
.bannerfr a {width: 84%; height: 21%;position: absolute;bottom: 2%;left: 0;right: 0;opacity: 0;margin: 0 auto;z-index: 2;cursor: pointer;border: 1px solid #000;margin-left: 4%;}
.bg1_pc{display: block;}
.bg1_phone{display: none;}
@media screen and (max-width: 800px) {
	.contentBig1{position: absolute;bottom: 1%;left: 0;right: 0;margin: 0 auto;width: 90%;}
	.bannerfl{ width: 56%;}
	.bannerfr{ width: 40%;margin-top: 7%; margin-left:4%; position: relative;}
	.bannerfr a {width: 84%; height: 21%;position: absolute;bottom: 2%;left: 0;right: 0;opacity: 0;margin: 0 auto;z-index: 2;cursor: pointer;border: 1px solid #000;margin-left: 4%;}
	.bg1_pc{display: none;}
	.bg1_phone{display: block;}
}
/*解决微商四大问题*/
.problem{ width: 100%; margin: 0 auto; line-height: 30px;overflow: hidden;}
.problem ul li{ width: 22%; margin-right: 4%;float: left; margin-bottom: 15px;opacity: 0;}
.problem ul li.last{margin-right: 0;}
.problem ul li dl{background: #f5f5f5;}
.problem ul li dl dt{position: relative;padding: 15px 0 40px 0;margin-bottom: 40px;}
.problem ul li dl dt.dt1{background: #7e95f1;}
.problem ul li dl dt.dt2{background: #e55b5a;}
.problem ul li dl dt.dt3{background: #90ca87;}
.problem ul li dl dt.dt4{background: #f5bf26;}
.problem ul li dl dt p.topTitle{font-size: 18px;color: #FFF;text-align: center;}
.problem ul li dl dt img{position: absolute;left: 0;right: 0;margin-top: -40px;width: 80px;height: 80px;text-align: center;margin: 0 auto;}
.problem ul li dl dd{font-size: 16px; color: #4c4c4c; padding: 0 6px 15px 6px; margin-top: 50px;}
@media screen and (max-width: 800px) {
	.problem{ width: 100%; margin: 0 auto; font-size: 12px; line-height: 22px;overflow: hidden;}
	.problem ul li{ width: 48%; margin-right: 4%;float: left;}
	.problem ul li:nth-child(2n){margin-right: 0;}
	.problem ul li dl dt p.topTitle{font-size: 16px;color: #FFF;text-align: center;}
	.problem ul li dl dt img{position: absolute;left: 0;right: 0;margin-top: 0;width: 40%;height: auto;text-align: center;margin: 0 auto;}
	.problem ul li dl dd{font-size: 14px; color: #4c4c4c; padding: 0 6px 15px 6px; margin-top:44px; min-height: 88px;}
}
/*解决微商四大问题 end*/
/*十大功能介绍*/
.main3{overflow: hidden;}
.introduceFl{width: 100%;}
.introduceFl ul li{width: 18%;min-height: 200px;line-height: 26px;float: left;margin-right: 2%;margin-bottom: 15px;}
.text{font-size: 15px;color: #999999;text-align: center;}
.text p{font-size: 20px;font-weight:bold;color: #333333;letter-spacing: 2px;text-align: center;margin: 10px 0;}
.icon{width: 46%;text-align: center;margin: 0 auto;}
.introducePhone{display: none;}
.pagination3{display: none;}
@media screen and (max-width: 800px) {
	.introduceFl{display: none;}
	.introducePhone{width: 100%;display: block;/*white-space: nowrap;overflow-x: scroll;*/}
    .introducePhone ul li{width: 40%;min-height: 200px;line-height: 26px;float: inherit;margin-right: 0;margin-bottom: 15px;display: inline-block; vertical-align: top;}
    /*.introducePhone ul li:last-child{position: relative;left: 50%;clear:both;margin: 0 auto;margin-right: 0;margin-left: -16%;}*/
    .introducePhone .text{font-size: 12px;color: #999999; padding: 0 5px;}
	.introducePhone .text p{font-size: 14px;font-weight:bold;color: #333333;letter-spacing: 2px;text-align: center; margin: 6px 0 0 0;}
	.introducePhone .icon{width: 48%;}
	.pagination3{display: block;bottom: 0;}
	.pagination3 span{
		width: 10px;
	    height: 10px;
	    border: 1px solid #333333;
	    border-radius: 10px;
	    display: inline-block;
	 	cursor: pointer;
	 	background: #transparent;
	 	margin-right: 3px;
	}
	.pagination3 span:last-child{
		margin-right: 0;
	}
	.pagination3 span.swiper-pagination-bullet-active{
	 	background: #333333;
	}
	.main3 {padding-bottom: 15px;}
}
/*十大功能介绍 end*/
/*针对模式*/
.contentBig4{position: absolute;left: 0;right: 0;top:28%;margin: 0 auto;text-align: center;}
.contentBig4 span{ display: inline-block; vertical-align: middle;color: #FFF; font-size: 18px; line-height: 30px;text-align: left;letter-spacing:2px;}
.pattern_fl{width: 40%;margin-right: 4%;}
.pattern_fr{width: 36%;}
.pattern_title{font-size: 24px;margin-bottom: 10px;}
.bg4_pc{display: block;}
.bg4_phone{display: none;}
@media screen and (max-width: 800px) {
	.contentBig4{position: absolute;left: 0;right: 0;top:30%;margin: 0 auto;text-align: center;}
	.contentBig4 span{ display: inline-block; vertical-align: middle;color: #FFF; font-size: 14px; line-height: 22px;text-align: left;letter-spacing:0px;}
	.pattern_fl{width: 38%;margin-right: 2%;}
	.pattern_fr{width: 58%;}
	.pattern_title{font-size: 16px;margin-bottom: 10px;}
	.pagination4 {bottom: 10%;}
	.bg4_pc{display: none;}
    .bg4_phone{display: block;}
}
/*针对模式 end*/
/*四大系统*/
.systemTitle{width: 14%;margin: 0 auto;text-align: center;margin-bottom: 15px;}
.systemMain{margin: 0 auto;box-sizing: border-box;}
.systemMain img{width: 23.5%;margin-right: 2%;float:left;padding: 0;}
@media screen and (max-width: 800px) {
	.systemTitle{width: 18%;margin: 0 auto;text-align: center;margin-bottom: 15px;}
	.systemMain{width: 90%;}
	.systemMain img{width: 49%;margin-right: 2%;float:left;padding: 0 0 10px 0;}
	.systemMain img:nth-child(2n){margin-right: 0;}
}
/*四大系统 end*/
/*产品视频*/
.part6{padding-bottom: 0;}
.videoContent{
	position: relative;
	width: 100%;
	margin: 0 auto;
}
.video_box{
	padding: 10px;
	border: 2px solid #999999;
	border-radius: 10px;
	box-sizing: border-box;
	display: block;
}
.main6{
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	margin: 0 auto;
}
.video_box video{
	background: transparent;
	border-radius: 5px;
}
/*.video_box2{
	display: none;
}*/
@media screen and (max-width: 800px) {
	.part6{padding-bottom: 15px;}
	/*.video_box2{
		padding: 10px;
		border: 2px solid #999999;
		border-radius: 10px;
		box-sizing: border-box;
		display: block;
	}
	.video_box2 video{
		background: #fff;
		border-radius: 5px;
	}
	.video_box{
		display: none;
	}*/
}
/*产品视频 end*/
/*.main7{position: relative;}*/
.bg7_pc{display: block;}
.bg7_phone{display: none;}
.leftPhone{width: 20%;position: absolute;left: 26.8%;top: 26%;}
.leftPhone img{width: 100%;}
.downBig{width: auto; min-width: 20%;position: absolute;right: 28%;top: 44%;color: #fff;}
.down{width: 100%;}
.down ul li{width: 48%; cursor: pointer; font-size: 16px; margin-right: 4%; float: left; border: 2px solid #FFF; border-radius: 28px; padding: 4px 10px; box-sizing: border-box; text-align: center;}
.down ul li.last{margin-right: 0;}
.down ul li a{color: #fff;}
.down ul li i img{width: 100%; display: inline-block; vertical-align: middle;}
.down ul li span{vertical-align: middle;}
.tips1{font-size: 25px; letter-spacing:2px;}
.tips2{font-size: 36px; letter-spacing:2px; margin: 25px 0 30px 0; padding-bottom: 25px; border-bottom: 2px solid #FFF;}
.downPC{width: 26px;display: inline-block; vertical-align: middle; margin-right: 8px;}
@media screen and (max-width: 800px) {
	.part7{margin-bottom: 40px;}
	.bg7_pc{display: none;}
    .bg7_phone{display: block;}
	.leftPhone{width: 32%;position: absolute;left: 2%;top: 38%;}
	.downBig{width: 48%;position: absolute;left: 36%;top: 46%;color: #fff;}
	.down{width: 130%;padding-top: 4%;}
	.down ul li{width: 42%; cursor: pointer; font-size: 12px; margin-right: 4%; float: left; border: 1px solid #FFF; color: #FFF; border-radius: 28px; padding: 4px 6px; box-sizing: border-box; text-align: center;}
	.down ul li.last{margin-right: 0;}
	.down ul li i img{width: 100%; display: inline-block; vertical-align: middle;}
	.tips1{font-size: 14px; letter-spacing:2px;}
	.tips2{font-size: 16px; letter-spacing:2px; margin: 2px 0 2px 0; padding-bottom: 10px; border-bottom: 2px solid #FFF;}
	.downPC{width: 20%;display: inline-block; vertical-align: middle; margin-right: 4px;}
}
/*多平台一体化 start*/
.part8{margin-top: 30px;}
.integration{width: 100%;margin: 0 auto;margin-top:30px;overflow: hidden;}
.integration ul li{width: 22%;/*margin-right: 17%;*/margin:0 5%;float: left;font-size: 24px;line-height:32px;font-family:"宋体";color: #333333; text-align: center;}
.integration ul li.last{margin-right: 0;}
.integration ul li p.thumbnail{width: 54%;text-align: center;margin: 0 auto;margin-bottom: 15px;}
@media screen and (max-width: 800px) {
	.integration ul li{width: 31.33%;margin:0 3% 0 0;float: left;font-size: 12px;line-height:22px;font-family:"宋体";color: #333333; text-align: center;}
}	
/*多平台一体化 start*/
/* 底部  */
.footer{
width:100%;padding:50px 0 0 0;position: relative; margin-top: 20px;color: #333333;
/*FILTER:progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#9c1f1f,endColorStr=#fc6b6a); 
background: -ms-linear-gradient(left, #9c1f1f, #fc6b6a);
background:-moz-linear-gradient(left, #9c1f1f, #fc6b6a);	
background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#9c1f1f), to(#fc6b6a));
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#9c1f1f), to(#fc6b6a)); 
background: -webkit-linear-gradient(left, #9c1f1f, #fc6b6a);
background: -o-linear-gradient(left, #9c1f1f, #fc6b6a);*/
}
.footer_box{
	width: 100%;
	margin: 0 auto;
	text-align: center;
	font-size: 16px;
	border-bottom: 1px solid #999999;
	overflow: hidden;
	padding-bottom: 25px;
}
.footer_box ul li{
	/* float: left; */
    /* width: 25%; */
    margin-right: 12.5%;
    display: inline-block;
    vertical-align: top;
    padding: 0 15px;
    text-align: left;
}
.footer_box ul li.last{
	margin-right: 0;
}
.footer_box ul li dt{
	width: 140px;
	font-weight: bold;
	border-bottom: 1px solid #999999;
	padding: 0 0 15px 0;
}
.footer_box ul li dd p{
	padding: 24px 0 0 0;
}
.footer_box ul li dd p a{
	color: #999;
}
.footer_box ul li dd p.code{
	width: 100px;
}	
.record{
	width: 100%;
	margin: 0 auto;
	font-size: 16px;
	font-family: "微软雅黑";
	text-align: center;
	letter-spacing: 2px;
	margin-top: 15px;
	padding-bottom: 30px;
	display: block;
}
.record2{display: none;}
@media screen and (max-width: 800px) {
	.footer .main9{
		width: 88%;
	}
	.footer_box ul li dt{
		width: 130px;
		font-weight: bold;
		border-bottom: 1px solid #999999;
		padding: 0 0 15px 0;
	}
	.footer_box{
		font-size: 14px;
		padding-bottom: 15px;
	}
	.footer_box ul li{
		/* float: left; */
	    /* width: 25%; */
	    margin-right: 6%;
	    display: inline-block;
	    vertical-align: top;
	    padding: 0;
	    text-align: left;
	}
	.footer_box ul li dd p{
		padding: 15px 0 0 0;
	}
	.footer_box ul li:nth-child(2n){
		margin-right: 0;
	}
	.footer_box ul li.last{
		display: none;
	}
	.record{display: none;}
	.record2{
		width: 100%;
		margin: 0 auto;
		font-size: 12px;
		font-family: "微软雅黑";
		text-align: center;
		letter-spacing: 2px;
		margin-top: 15px;
		padding-bottom: 30px;
		display: block;
		text-align: center;
	}	
}
/* 头部和底部 结束 */


/*底部图标*/
.block-sidebar {
    position: fixed;
    display: none;
    left: 85%;
    /* margin-left: 600px; */
    bottom: 10%;
    /* width: 60px; */
    z-index: 99;
}
.block-sidebar .block-sidebar-item {
    color: rgba(204,204,204,.5);
    text-align: center;
    margin-bottom: 20px;
    cursor: pointer;
    display: block;
    width: 50px;
    height: 50px;
    border: 1px solid #E4E4E4;
    border-radius: 50px;
    background-size: 80%;
    background-position: center center;
    background-color: #E4E4E4;
    background-repeat: no-repeat;
}
.block-sidebar-item1{
	background-image: url(../static/images/iconHome.png);
}
.block-sidebar-item2{
	background-image: url(../static/images/iconTop.png);
}
.block-sidebar-item.active{
	background-color: #b5b5b5;
}

.iconfont {
    font-family: iconfont;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    vertical-align: -1px;
    -webkit-text-stroke-width: 0!important;
}
.block-sidebar .block-sidebar-item .icon-car-count {
    right: 0;
    top: -8px;
}
.icon-car-count {
    min-width: 14px;
    text-align: center;
    line-height: 14px;
    display: inline-block;
    position: absolute;
    right: -10px;
    top: -12px;
    background: red;
    color: #fff;
    border-radius: 17px;
    padding: 6px;
    font-size: 16px;
    transform: scale(.7);
    font-family: Tahoma!important;
}
.icon-car-count:before {
    content: ' ';
    position: absolute;
    left: 10px;
    top: 8px;
    opacity: .75;
    width: 0;
    height: 0;
    background-color: red;
    border-radius: 50%;
    box-shadow: 0 0 10px rgba(0,0,0,.3) inset;
    z-index: -1;
}
@media screen and (max-width: 800px) {
	.block-sidebar .block-sidebar-item{
		width: 34px;
        height: 34px;
        margin-bottom: 10px;
	}
}