.bt { width:1200px; margin:0 auto 15px;
    font: 30px/60px "microsoft yahei";
    text-align: center;
}
.bt .sub_title {position:relative;border-top:1px dashed #ddd;font:18px/40px Georgia;color:#A8A8A8;zoom:1;}
.bt .sub_title b {position:absolute;top:-20px;left:50%;margin-left:-7px;font-size:9px;}
.banners{
	height: 500px;
    overflow: hidden;
	position: relative;
}
.banners .pic{
    width: 1920px;
    height: 500px;
    position: absolute;
    left: 50%;
    margin-left: -960px;
}
.banners .zx-btn{
	position: absolute;
	display: block;
	left: 50%;
	width: 180px;
	height: 50px;
	bottom: 99px;
    margin-left: -570px;
}
.section{ width:100%; height:auto; clear:both; overflow:hidden;
	padding: 30px 0;
}
.section-grey{
	background: #f2f5f7;
}
.section h3{
	font-size: 40px;
	text-align: center;
	padding: 35px 0 10px 0;
	position: relative;
}
.section h3:before{
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -25px;
	width: 50px;
	height: 2px;
	background: #cccccc;
}
.section .what{
	text-align: center;
	padding: 20px 0;
}
.section .what>div{
	display: inline-block;
	vertical-align: middle;
}
.section .what>div>p{
	font-size: 28px;
}
.section .what>div.wx>p{
	color: #29c633;
}
.section .what>div.xcx>p{
	color: #7282da;
}
.section .what>div.contact{
	margin: 0 40px;
	width: 28px;
	height: 28px;
	background: url(../images/add-ico.png) no-repeat;
}
.what-info{
	padding: 0 135px;
	text-align: center;
}
.what-info>p{
	color: #666666;
	font-size: 15px;
	line-height: 28px; margin-bottom:20px;
}
.section .s-tit{
	padding: 5px 0;
	font-size: 16px;
	line-height: 28px;
	text-align: center;
	color: #666666;
}

.advantage1-box{
	padding: 40px 0 10px 0;
}
.advantage1-box li{
	float: left;
	width: 273px;
	margin-right: 36px;
	text-align: center;
}
.advantage1-box li.last-li{
	margin-right: 0;
}
.advantage1-box li>img{
	width: 98px;
	height: 98px;
}
.advantage1-box li>h4{
	font-size: 20px;
	line-height: 34px;
	padding: 5px 0;
}
.advantage1-box li>p{
	margin-top: 10px;
	text-align: left;
	font-size: 14px;
	line-height: 28px;
	padding: 0 10px;
	color: #666666;
}
.advantage2-box{
	padding: 28px 0;
}
.advantage2-box li{
	float: left;
	width: 130px;
	height: 130px;
	margin-right: 13px;
	margin-bottom: 13px;
	text-align: center;
}
.advantage2-box li img{
	width: 64px;
	height: 64px;
	margin-top: 18px;
}
.advantage2-box li.mr-0{
	margin-right: 0;
}
.advantage2-box li h4{
	font-size: 16px;
	color: #fff;
	line-height: 28px;
	padding: 10px 0;
}
.advantage2-box li.lg{
	width: 273px;
	height: 273px;
	margin-right: 36px;
	margin-bottom: 0;
}
.advantage2-box li.lg>p{
	padding: 20px;
	line-height: 28px;
	color: #fff;
	font-size: 15px;
	height: 56px;
	overflow: hidden;
}
.advantage2-box li.lg img{
	margin-top: 40px;
}
.advantage2-box li.li-1{
	background: url(../images/wx-bg1.jpg) no-repeat;
}
.advantage2-box li.li-2{
	background: url(../images/wx-bg2.jpg) no-repeat;
}
.advantage2-box li.li-3{
	background: url(../images/wx-bg3.jpg) no-repeat;
}
.advantage2-box li.li-4{
	background: url(../images/wx-bg4.jpg) no-repeat;
}
.advantage2-box li.li-5{
	background: url(../images/wx-bg5.jpg) no-repeat;
}
.advantage2-box li.li-6{
	background: url(../images/wx-bg6.jpg) no-repeat;
}
.advantage2-box li.li-7{
	background: url(../images/wx-bg7.jpg) no-repeat;
}
.advantage2-box>.adv-btn{
	text-align: center;
	margin-top: 50px;
}
.advantage2-box>.adv-btn>a{
	display: inline-block;
	width: 180px;
	height: 45px;
	text-align: center;
	line-height: 45px;
	border: 1px solid #3db1fa; margin-top:10PX;	
	border-radius: 25px;
	color: #3db1fa;
	font-size: 16px;
	transition: all .5s;
}
.advantage2-box>.adv-btn>a>i{
	width: 10px;
	height: 17px;
	display: inline-block;
	vertical-align: middle;
	margin-top: -2px;
	margin-left: 3px;
	background: url(../images/wx-arrow-right-ico.png) no-repeat;
	opacity: 0;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    /*-ms-transition: all .5s;*/
    transition: all .5s;
}
.advantage2-box>.adv-btn>a:hover{
	background: #3db1fa;
	color: #fff;
}
.advantage2-box>.adv-btn>a:hover>i{
	opacity: 1;
    margin-left: 20px;
    -webkit-transform: translate(10px,0);
    -moz-transform: translate(10px,0);
    -ms-transform: translate(10px,0);
    transform: translate(10px,0);
}
.section-4>.wm-1200{
	position: relative;
}
.section-4>.wm-1200:after{
	content: "";
	position: absolute;
	top: 30px;
	right: 0;
	width: 126px;
	height: 138px;
	background: url(../images/wx-after-bg.png) no-repeat;
}
.section-4>.wm-1200:before{
	content: "";
	position: absolute;
	z-index: 0;
	top: 30px;
	left: -200px;
	width: 467px;
	height: 470px;
	background: url(../images/wx-before-bg.png) no-repeat;
}
.advantage3-box{
	padding: 80px 0 30px 0;
	position: relative;
}
.advantage3-box li{
	float: left;
	width: 376px;
	height: 262px;
	background: #fff;
	margin-right: 36px;
}
.advantage3-box li.mr-0{
	margin-right: 0;
}
.advantage3-box li>h4{
	font-size: 20px;
	position: relative;
	margin-top: 50px;
	padding: 20px 0;
	text-align: center;
}
.advantage3-box li>h4:before{
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -15px;
	width: 30px;
	height: 1px;
	background: #cccccc;
}
.advantage3-box li>p{
	padding: 10px 20px;
	line-height: 28px;
	color: #666666;
	font-size: 15px;
	height: 112px;
	overflow: hidden;
}
.advantage4-box{
	text-align: center;
	padding-top: 60px;
}
.advantage4-box li{
	display: inline-block;
	margin: 0 25px;
}
.advantage4-box li img{
	width: 40px;
	height: 47px;
	transition: all ease-out .5s;
}
.advantage4-box li p{
	font-size: 16px;
	line-height: 28px;
	padding: 10px 0;
	position: relative;
}
.advantage4-box li>a{
	color: #333;
	display: block;
}
.advantage4-box li:hover img{
	-webkit-transform: translate(0px,-10px);
    -moz-transform: translate(0px,-10px);
    -ms-transform: translate(0px,-10px);
    transform: translate(0px,-10px);
}
.advantage4-box li p:after{
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -8px;
	width: 16px;
	height: 6px;
	background: url(../images/wechat-ico-bg.png) no-repeat;
	opacity: 0;
}
.advantage4-box li:hover p:after{
	opacity: 1;
}
.section-5{
	border-bottom: 1px solid #f2f5f7;
}
.advantage5-box{
	padding: 30px 0;
}
.advantage5-box>.pic{
	margin-left: 5px;
	float: left;
	width: 695px;
	height: 386px;
	background: url(../images/wx2.png) no-repeat;
}
.advantage5-box>.txt{
	float: left;
	width: 500px;
	text-align: center;
}
.advantage5-box>.txt>p{
	margin-top: 130px;
	font-size: 16px;
	line-height: 28px;
	padding-bottom: 15px;
}
.advantage5-box>.txt>.zx-btn{
	display: inline-block;
    width: 180px;
    height: 45px;
    text-align: center;
    line-height: 45px;
    border: 1px solid #c4e7fd;
    border-radius: 25px;
    color: #3db1fa;
    font-size: 16px;
    transition: all .5s;
}
.advantage5-box>.txt>.zx-btn:hover{
	background: #3db1fa;
	color: #fff;
}
.advantage6-box>div{
	float: left;	
}
.advantage6-box>div.phone-box{
	width: 246px;
	height: 492px;
	position: relative;
	background: url(../images/phone-bg.png) no-repeat;
}
.advantage6-box>div.phone-box>.con{
	position: absolute;
	top:61px;
	left: 18px;
	width: 211px;
	height: 377px;
	overflow: hidden;
}
.advantage6-box>div.app-box{
	margin-left: 50px;
}
.advantage6-box>div.app-box{
	width: 564px;
}
.advantage6-box>div.app-box>h4{
	font-size: 24px;
	text-align: center;
	line-height: 60px;
	padding-bottom: 10px;
}
.advantage6-box>div.app-box li{
	float: left;
	margin: 0 35px;
	width: 212px;
	height: 378px;
}
.advantage6-box>div.app-box li>.con{
	width: 212px;
	height: 378px;
	overflow: hidden;
	background: #f5f5f5;
}
.advantage6-box>div.code-box{
	float: right;
	width: 280px;
}
.advantage6-box>div.code-box>h4{
	font-size: 16px;
	font-weight: bold;
	padding: 20px 0 10px 0;
}
.advantage6-box>div.code-box>p{
	color: #666666;
	font-size: 14px;
	line-height: 28px;
	height: 150px;
	overflow: hidden;
}
.advantage6-box>div.code-box>.txt{
	text-align: center;
}
.advantage6-box>div.code-box>.txt>.pic>img{
	width: 120px;
	height: 120px;
}
.advantage6-box>div.code-box>.txt>.pic>p{
	font-size: 14px;
	line-height: 28px;
}
.advantage6-box>div.code-box>.txt>.zx-btn{
	display: inline-block;
    width: 180px;
    height: 45px;
    text-align: center;
    line-height: 45px;
    border: 1px solid #c4e7fd;
    border-radius: 25px;
    color: #3db1fa;
    font-size: 16px;
    transition: all .5s;
    margin-top: 20px;
}
.advantage6-box>div.code-box>.txt>.zx-btn:hover{
	background: #3db1fa;
	color: #fff;
}
.advantage7-box li{
	float: left;
	width: 50%;
	text-align: center;
}
.advantage7-box li h3{
	font-size: 24px;
	padding: 30px 0;
}

/* 应用场景入口 */
.xcx-more-block,
.xcx-more-block2{
    height: 200px;
    position: relative;
    background: url("../images/xcx-bottom-bg.jpg") center no-repeat;
}
.xcx-more-block .more-app,
.xcx-more-block2 .more-app{
    color: #ff982e;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    padding: 0 20px 0 40px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -21px 0 0 210px;
    border: 1px solid #ff972d;
    font-size: 14px;
}
.xcx-more-block .more-app .icon,
.xcx-more-block2 .more-app .icon{
    display: inline-block;
    width: 7px;
    height: 12px;
    vertical-align: middle;
    margin: -3px 0 0 16px;
    background: url("../images/xcx-page-icon.png") no-repeat 0 0;
}

/* 应用场景 */
.bg-grey-f5f5f5{
    background: #f5f5f5;
}
.bg-grey-fafafa{
    background: #fafafa;
}
.throu-wrap{
    margin-top: 70px;
}
.throu-table{
    width: 100%;
}
.throu-table td{
    padding: 20px 15px;
    border-top: 1px dotted #dcdcdc;
    border-bottom: 1px dotted #dcdcdc;
}
.throu-table .icon{
    display: inline-block;
    width: 30px;
    height: 32px;
    vertical-align: middle;
    margin: -3px 25px 0 0;
    background: url("../images/xcx-page-icon.png") no-repeat;
}
.throu-table .search-icon{
    background-position: -73px 0;
}
.throu-table .code-icon{
    background-position: -113px 0;
}
.throu-table .public-icon{
    background-position: -153px 0;
}
.throu-table .nearby-icon{
    background-position: -191px 0;
}
.throu-table .share-icon{
    background-position: -228px 0;
}
.throu-table .hd{
    color: #666;
    display: inline-block;
    vertical-align: middle;
    margin-top: -3px;
    font-size: 18px;
}
.throu-table .bd{
    color: #666;
    line-height:28px;
    font-size: 15px;
}

.commodity-wrap,
.work-wrap{
    margin-top: 70px;
}
.commodity-wrap > li,
.work-wrap > li{
    float: left;
    width: 300px;
    height: 300px;
    text-align: center;
    -webkit-transition: background .5s;
    -moz-transition: background .5s;
    /*-ms-transition: background .5s;*/
    -o-transition: background .5s;
    transition: background .5s;
}
.commodity-wrap > li:hover{
    background: #fff;
}
.commodity-wrap > li .icon,
.work-wrap > li .icon{
    display: block;
    width: 114px;
    height: 114px;
    margin: 62px auto 0;
    background: url("../images/xcx-page-icon.png") no-repeat;
}
.commodity-wrap > li .icon01{
    background-position: 0 -106px;
}
.commodity-wrap > li .icon02{
    background-position: -124px -106px;
}
.commodity-wrap > li .icon03{
    background-position: -248px -106px;
}
.commodity-wrap > li .icon04{
    background-position: -372px -106px;
}
.commodity-wrap > li .name,
.work-wrap > li .name{
    display: block;
    margin-top: 20px;
    font-size: 16px;
}

.work-wrap > li .icon01{
    background-position: 0 -230px;
}
.work-wrap > li .icon02{
    background-position: -124px -230px;
}
.work-wrap > li .icon03{
    background-position: -248px -230px;
}
.work-wrap > li .icon04{
    background-position: -372px -230px;
}
.work-wrap > li:hover{
    background: #fafafa;
}

.fit-wrap{
    margin-top: 70px;
}
.fit-wrap > li{
    float: left;
    width: 600px;
    -webkit-transition: background .5s;
    -moz-transition: background .5s;
    /*-ms-transition: background .5s;*/
    -o-transition: background .5s;
    transition: background .5s;
}
.fit-wrap > li:hover{
    background: #fff;
}
.fit-wrap > li .icon{
    float: left;
    width: 114px;
    height: 114px;
    margin: 33px 0 33px 40px;
    background: url("../images/xcx-page-icon.png") no-repeat;
}
.fit-wrap > li .icon01{
    background-position: 0 -354px ;
}
.fit-wrap > li .icon02{
    background-position: -124px -354px ;
}
.fit-wrap > li .icon03{
    background-position: -248px -354px ;
}
.fit-wrap > li .icon04{
    background-position: -372px -354px ;
}
.fit-wrap > li .nr{
    padding: 45px 0 0 194px;
}
.fit-wrap > li .nr .tit{
    padding-bottom: 10px;
    position: relative;
    font-size: 16px;
}
.fit-wrap > li .nr .tit:after{
    content: "";
    display: block;
    width: 66px;
    height: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    border-top: 1px solid #dadada;
}
.fit-wrap > li .nr .txt{
    color: #999;
    line-height:28px;
    margin-top: 10px;
    font-size: 14px;
}

.xcx-more-block2{
    background: url("../images/xcx-bottom-bg2.jpg") center no-repeat;
}
.xcx-more-block2 .more-app{
    color: #fff;
    border: 1px solid #fff;
}
.xcx-more-block2 .more-app .icon{
    background: url("../images/xcx-page-icon.png") no-repeat 0 -17px;
}

/*  */

.serve-item-wrap{
    margin-top: 80px;
}
.serve-item-wrap > li{
    float: left;
    width: 282px;
    margin-right: 24px;
}
.serve-item-wrap > li.custom{
    margin-right: 0;
}
.serve-item-wrap .hd{
    height: 90px;
    text-align: center;
    background: -moz-linear-gradient(left, #30abfd, #2bd2ff);
    background: -webkit-gradient(linear,left,from(#30abfd),to(#2bd2ff));
    background: -webkit-linear-gradient(left, #30abfd, #2bd2ff);
    background: -ms-linear-gradient(left, #30abfd, #2bd2ff);
    background: -o-linear-gradient(left, #30abfd, #2bd2ff);
}
.serve-item-wrap .custom .hd{
    height: 90px;
    text-align: center;
    background: -moz-linear-gradient(left, #41d36e, #99ef43);
    background: -webkit-gradient(linear,left,from(#41d36e),to(#99ef43));
    background: -webkit-linear-gradient(left, #41d36e, #99ef43);
    background: -ms-linear-gradient(left, #41d36e, #99ef43);
    background: -o-linear-gradient(left, #41d36e, #99ef43);
}
.serve-item-wrap .hd .zb{
    color: #fff;
    display: block;
    padding-top: 20px;
    font-size: 24px;
}
.serve-item-wrap .hd .fb{
    color: #ccf1ff;
    display: block;
    font-size: 14px;
}
.serve-item-wrap .custom .hd .fb{
    color: #fff;
}
.serve-item-wrap .md{
    width: 280px;
    height: 219px;
    text-align: center;
    border: 1px solid #eee;
    border-top: 0;
}
.serve-item-wrap .md .zw{
    line-height: 24px;
    padding-top: 75px;
    font-size: 14px;
}
.serve-item-wrap .md .bz{
    color: #ccc;
    padding-top: 40px;
}
.serve-item-wrap .bd{
    width: 280px;
    height: 90px;
    text-align: center;
    border: 1px solid #eee;
    border-top: 0;
}
.serve-item-wrap .bd .fy{
    color: #e02b41;
    min-height: 10px;
    padding: 10px 0;
    font-size: 14px;
}
.serve-item-wrap .bd .btn-link{
    color: #2fb3fd;
    display: inline-block;
    width: 126px;
    height: 34px;
    line-height: 34px;
    font-size: 14px;
    border: 1px solid #2fb3fd;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}
.serve-item-wrap .custom .bd .btn-link{
    color: #54d965;
    border: 1px solid #54d965;
}

.zx-qq{
	display: block;
	margin: 48px auto 0;
	width: 168px;
	height: 43px;
	border: 1px solid #c4e7fd;
	-webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    text-align: center;
    line-height: 43px;
    color: #3db1fa;
    font-size: 16px;
    transition: all .5s;
}
.zx-qq .ico{
	display: inline-block;
	vertical-align: middle;
	margin: -2px 5px 0 0;
	width: 17px;
	height: 17px;
	background: url(../images/wechat-qq-ico.png) no-repeat;
}
.zx-qq:hover{
	background: #3db1fa;
	color: #fff;
}
.zx-qq:hover .ico{
	background-position: 0 -21px;
}
.gb-table{
    width: 100%;
    background: #fafafa;
}
.gb-table td{
    color: #666;
    height: 58px;
    text-align: center;
    font-size: 14px;
    line-height: 24px;
    border: 1px solid #e6e6e6;
}
.gb-table td em{
	display: block;
	color: #e02b41;
}
.include-icon{
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url("../images/xcx-page-icon.png") no-repeat -17px 0;
}
.uninclude-icon{
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url("../images/xcx-page-icon.png") no-repeat -45px 0;
}

.ve-table{
    float: left;
    width: 100%;
    margin: -1px 0 0 -1px;
}
.ve-table tr:nth-child(even){
    background: #f5f5f5;
}
.ve-table td{
    border: 1px dashed #e6e6e6;
    border-right: 0;
    border-bottom: 0;
}

.gb-icon01,
.gb-icon02,
.gb-icon03{
    display: inline-block;
    width: 64px;
    height: 54px;
    background: url("../images/xcx-page-icon.png") no-repeat;
}
.gb-icon01{
    background-position: 4px -42px;
}
.gb-icon02{
    background-position: -66px -42px;
}
.gb-icon03{
    background-position:-140px -42px;
}
.gb-col-tit{
    padding: 10px 0;
    display: block;
}


/* 定位导航 */
.fix-nav-bar{
    width: 100%;
    padding: 20px 0;
    position: fixed;
    top: 100px;
    z-index: 9999;
    -webkit-transition: all .6s;
    -moz-transition: all .6s;
    -ms-transition: all .6s;
    -o-transition: all .6s;
    transition: all .6s;
    -webkit-box-shadow: 0 3px 5px rgba(207,207,207,.5);
    -moz-box-shadow: 0 3px 5px rgba(207,207,207,.5);
    box-shadow: 0 3px 5px rgba(207,207,207,.5);
    background: rgba(0,0,0,.7);
}
.fix-nav-bar .menu-list{
    width: 1200px;
    margin: 0 auto;
    text-align: right;
    font-size: 0;
}
.fix-nav-bar .menu-list a{
	color: #969696;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    padding: 0 20px;
    font-size: 14px;
}
.fix-nav-bar .menu-list a.on{
    color: #fff;
}
.fix-nav-bar .menu-list a.now-buy-btn{
    color: #fff;
    margin-left: 60px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #ff6700;
}
.fix-nav-bar .menu-list a.now-buy-btn:hover{
    background: #f80;
}
.fix-coordinate{
    display: block !important;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999;
}
.cms-xcx-wrap{
	padding-top: 50px;
}
.ams-xcx-des{
	text-align: center;
	padding-top: 30px;
	color: #666666;
	font-size: 14px;
	line-height: 26px;
}
.cms-xcx-box{
	padding-left: 199px;
	margin-top: 6px;
	position: relative;
}
.cms-xcx-box-color-1{
	background: url(../images/wechat-txt-bg1.png) repeat-y;
}
.cms-xcx-box-color-2{
	background: url(../images/wechat-txt-bg2.png) repeat-y;
}
.cms-xcx-box-color-3{
	background: url(../images/wechat-txt-bg3.png) repeat-y;
}
.cms-xcx-box:after {
    clear: both;
    content: " ";
	display: table;
}
.cms-xcx-box .layout_aside{
	float: left;
	width: 199px;
	margin-left: -199px;
	text-align: center;
	color: #fff;
	font-size: 16px;
}
.cms-xcx-box .layout_aside span{
	display: block;
	position: absolute;
	top: 50%;
	margin-top: -13px;
	height: 26px;
	line-height: 26px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space:nowrap;
	width: 199px;
	text-align: center;
}
.cms-xcx-box .layout_main{
	float: left;
	width: 100%;
	border: 1px solid #e6e6e6;
	border-left: none;
}
.cms-xcx-box .layout_main ul{
	padding: 16px 20px 8px 20px;
}
.cms-xcx-box .layout_main li{
	float: left;
	width: 160px;
	padding: 7px 0;
	position: relative;
}
.cms-xcx-box .layout_main li .item{
	display: block;
	width: 160px;
	text-align: center;
	cursor: pointer;
}
.cms-xcx-box .layout_main li .item .pic{
	width: 60px;
	height: 60px;
	overflow: hidden;
}
.cms-xcx-box .layout_main li .item .txt{
	padding: 10px 0;
	font-size: 14px;
	color: #666666;
	line-height: 26px;
}
.cms-xcx-box .layout_main li .item .pic img{
	width: 100%;
}
.cms-xcx-box .layout_main li>.xcx{
	position: absolute;
	z-index: 99;
	top: 80px;
	left: 50%;
	margin-left: -65px;
	width: 130px;
	height: 150px;
	background: #e3e6ea;
	opacity: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    -webkit-transform: scale(0.1);
    -moz-transform: scale(0.1);
    -ms-transform: scale(0.1);
    -o-transform: scale(0.1);
    transform: scale(0.1);
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    -webkit-transform-origin: center top;
    -moz-transform-origin: center top;
    -ms-transform-origin: center top;
    -o-transform-origin: center top;
    transform-origin: center top;
}
.cms-xcx-box .layout_main li:hover>.xcx{
	opacity: 1;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.cms-xcx-box .layout_main li>.xcx:before{
	content: "";
	position: absolute;
	top: -10px;
	left: 50%;
	margin-left: -10px;
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #e3e6ea;
}
.cms-xcx-box .layout_main li>.has_xcx .pic{
	width: 110px;
	height: 110px;
	overflow: hidden;
	margin: 10px;
	margin-bottom: 0;
}
.cms-xcx-box .layout_main li>.has_xcx span{
	line-height: 30px;
	text-align: center;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.cms-xcx-box .layout_main li>.has_xcx .pic img{
	width: 100%;
}
.cms-xcx-box .layout_main li>.no_xcx .hand{
	width: 110px;
	height: 95px;
	margin: 10px;
	margin-bottom: 0;
	background: url(../images/hand.png) no-repeat center center;
}
.cms-xcx-box .layout_main li>.no_xcx span{
	display: block;
	height: 36px;
	width: 96px;
	margin: 0 auto;
	line-height: 18px;
	overflow: hidden;
}
.xcx-list-wrap{
    margin-top: 20px;
}
.xcx-list-wrap li{
	float: left;
	width: 356px;
	margin: 35px 66px 35px 0;
}
.xcx-list-wrap li.mr-0{
	margin-right: 0;
}
.xcx-list-wrap li .tit{
	display: block;
	height: 26px;
	font-size: 15px;
	line-height: 26px;
	padding-bottom: 16px;
	border-bottom: 1px solid #fafafa;
	color: #444444;
	transition: all ease-out .2s;
	position: relative;
}
.xcx-list-wrap li:hover .tit{
	color: #0072d4;
}
.xcx-list-wrap li .tit:before{
	position: absolute;
    content: "";
    width: 0;
    height: 1px;
    background-color: #dddddd;
    margin-top: 42px;
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

.xcx-list-wrap li:hover .tit:before{
	width: 100%;
}
.xcx-list-wrap li .des{
	height: 48px;
	line-height: 24px;
	overflow: hidden;
	font-size: 13px;
	margin: 12px 0 24px 0;
	color: #777777;
}
.xcx-list-wrap li .more{
	width: 106px;
	height: 33px;
	line-height: 33px;
	border: 1px solid #dadada;
	display: block;
	text-align: center;
	color: #fff;
	transition: all ease-out .4s;
}
.xcx-list-wrap li:hover .more{
	background-color: #0072d4;
	border-color: #0072d4;
	color: #fff;
}
.xcx-list-wrap li .more span{
	display: inline-block;
	vertical-align: middle;
    width: 0;
    opacity: 0;
    transition: all ease-out .4s;
}
.xcx-list-wrap li:hover .more span{
	width: 50px;
	opacity: 1;
}
.xcx-list-wrap li .more .ico{
	display: inline-block;
	vertical-align: middle;
	width: 16px;
	height: 7px;
	background: url(../images/wechat-more-ico.png) no-repeat;
}
.xcx-list-wrap li:hover .more .ico{
	background-position: 0 -19px;
}
/*案例*/
.hot-xcx-wrap{
	padding: 20px 0;
}
.hot-xcx .tit{
	padding: 50px 30px;
	line-height: 48px;
}
.hot-xcx .tit h3{
	float: left;
	font-size: 30px;
}
.hot-xcx .tit .more{
	float: right;
	color: #999999;
	font-size: 13px;
}
.hot-xcx .tit .more:hover{
	color: #333;
}
.hot-xcx li{
	float: left;
	width: 11.11111%;
	text-align: center;
}
.hot-xcx li img{
	width: 60px;
	height: 60px;
}
.hot-xcx li span{
	color: #666666;
	display: block;
	padding-top: 10px;
}
.xcx-case-wrap{
	padding: 30px 0 50px 0;
}
.xcx-case-wrap h3{
	font-size: 30px;
	line-height: 48px;
	padding: 40px 30px;
}
.xcx-case-list li{
	float: left;
	width: 285px;
	height: 288px;
	margin-right: 20px;
	margin-top: 20px;
	box-shadow: 0 0 3px #ececec;
}
.xcx-case-list li:hover{
	box-shadow: 0 0 10px #ececec;
}
.xcx-case-list li.mr-0{
	margin-right: 0;
}
.xcx-case-list li .top{
	height: 189px;
	position: relative;
}
.xcx-case-list li .top .img{
	position: absolute;
	width: 97px;
	height: 97px;
	left: 50%;
	margin-left: -48px;
	top: 50%;
	margin-top: -48px;
}
.xcx-case-list li .top .ico{
	position: absolute;
	top: 15px;
	right: 19px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	background: url(../images/wechat-ico-bg2.png) no-repeat;
}
.xcx-case-list li .top .ico .xcx-code{
	position: absolute;
	z-index: 99;
	top: 53px;
	right: -6px;
	width: 130px;
	height: 150px;
	background: #227ee7;
	opacity: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    -webkit-transform: scale(0.1);
    -moz-transform: scale(0.1);
    -ms-transform: scale(0.1);
    -o-transform: scale(0.1);
    transform: scale(0.1);
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    -webkit-transform-origin: center top;
    -moz-transform-origin: center top;
    -ms-transform-origin: center top;
    -o-transform-origin: center top;
    transform-origin: center top;
}
.xcx-case-list li .top .ico:hover .xcx-code{
	opacity: 1;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.xcx-case-list li .top .ico .xcx-code:before{
	content: "";
    position: absolute;
    top: -10px;
    right: 14px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #227ee7;
}
.xcx-case-list li .top .ico .xcx-code .pic{
	width: 110px;
	height: 110px;
	overflow: hidden;
	margin: 10px;
	margin-bottom: 0;
}
.xcx-case-list li .top .ico .xcx-code .pic img{
	width: 100%;
}
.xcx-case-list li .top .ico .xcx-code span{
	line-height: 30px;
	text-align: center;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #fff;
}
.xcx-case-list li .txt{
	height: 99px;
	background: #f7f7f7;
	padding: 0 18px;
}
.xcx-case-list li .txt strong{
	font-size: 16px;
	display: block;
	padding-top: 8px;
	line-height: 30px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.xcx-case-list li:hover .txt strong{
	color: #227ee7;
}
.xcx-case-list li .txt p{
	color: #999999;
	font-size: 13px;
	line-height: 26px;
	height: 52px;
	overflow: hidden;
}
.xcx-case-des{
	padding: 40px 0 20px 0;
	text-align: center;
}
.xcx-case-des p{
	font-size: 16px;
	color: #05b5ff;
}
.xcx-case-more{
	display: block;
	height: 48px;
	font-size: 14px;
	line-height: 48px;
	text-align: center;
	background: #f6f6f6;
	color: #333;
}
.xcx-case-more:hover{
	color: #333;
}


.xiao-um{ height:auto; overflow:hidden; margin-bottom:-15px;}
.xiao-um li{float:left;margin:0 10px 20px;width:220px;padding:30px 0;background:#fff3ea;border-radius:10px}
.xiao-um li:hover{box-shadow:0px 8px 12px  rgba(0,123,223,.15)}
.xiao-um li p{font-size:16px;line-height:28px;text-align:center;color:#666;height:56px;overflow:hidden;padding:0 16px;margin-top:12px}
.xiao-um li em{display:block;border:3px solid #f87d26;border-radius:50%;height:94px;width:94px;margin:0 auto}
.xiao-um li em i{display:block;width:64px;height:64px;margin:15px;background:url(../images/xiao_ico.png) no-repeat 0 0}
.xiao-um li em i.i-2{background-position:0 -64px}
.xiao-um li em i.i-3{background-position:0 -128px}
.xiao-um li em i.i-4{background-position:0 -192px}
.xiao-um li em i.i-5{background-position:0 -256px}
.xiao-um li em i.i-6{background-position:0 -320px}
.xiao-um li em i.i-7{background-position:0 -384px}
.xiao-um li em i.i-8{background-position:0 -448px}
.xiao-um li em i.i-9{background-position:0 -512px}
.xiao-um li em i.i-10{background-position:0 -576px}
.xiao-bg{background-color:#fff}

.pg-list{ height:auto; overflow:hidden;margin-bottom:-52px;padding:0 80px}
.pg-list li{float:left;margin:0 0 60px;text-align:center;width:25%}
.pg-list h4{color:#303030;font-size:16px;font-weight:500;margin-top:20px}
.pg-list p{color:#888;font-size:14px;line-height:20px;margin-top:10px}
.xzx{ width:1004px; margin:auto; height:auto; overflow:hidden;}

.case ul{ display:flex; flex-wrap: wrap; /*justify-content: space-between;*/ }
.case ul li{ width: 223px;position: relative; background: #fff; padding-bottom: 20px; margin-bottom: 20px; text-align: center;margin-right: 18px;border: solid 1px #eaeaea;}
.case ul li:nth-child(5n),.case ul li:nth-child(10n){margin-right:0;}
.case ul li span{ width: 134px; height: 134px; overflow: hidden; display: block;  margin:30px auto 20px; border: solid 1px #e5e5e5; padding:2px; border-radius:60px;-moz-border-radius:60px;}
.case ul li span img{ width: 134px; height: 134px;border-radius:60px;-moz-border-radius:60px;}
.case ul li h3{ height: 40px; line-height:40px; font-size:14px; font-weight:bold; color: #333; overflow: hidden; padding:0 13px; }
.case ul li div.hover{ background:rgba(0,0,0,0.4);  position: absolute; left:0; top: 0;  text-align: center; overflow: hidden; width: 100%;padding:94px 0 5px;  transition: opacity 1s ease 0s; -moz-transition: background 1s ease 0s; -webkit-transition: background 1s ease 0s; -ms-transition: background 1s ease 0s; -o-transition: background 1s ease 0s;opacity:0;filter:Alpha(opacity=0)}
.case ul li:hover div.hover{opacity:1;filter:Alpha(opacity=100) /*ie8以下*/; background:rgba(0,0,0,0.4);}
.case ul li div.hover img{ width: 140px; height:140px; display: block; margin:20px auto 15px;}
.case ul li div.hover em{ display: block; font-size: 16px; color: #fff; line-height:40x; }
/*新版*/
.Modular{padding: 80px 0 0;background: #fdd000;background: linear-gradient(45deg, #fdd000, #fda085); overflow: hidden;}
.Modular-box{ position: relative;}
.Modular-box .left{width: 350px;height: 715px; position: relative; background-size: cover; float: left; margin-left: 100px; margin-bottom: -86px; box-shadow: 15px 30px 200px rgba(0,0,0,0.4),0 0 4px rgba(0,0,0,0.4) inset; border-radius: 55px;}
.Modular .swiper-container{width: 306px; height:544px; margin: 85px 0 0 22px;}
.swiper-container .swiper-slide{height:500px; width: 100%;}
.arrow-left,.arrow-right{position: absolute;top: 50%;margin-top: -15px;width: 40px;height: 40px;z-index:999;display: block;}
.arrow-left {background: url(../images/left.png) no-repeat left top;left: -60px;}
.arrow-left:hover{background: url(../images/left_hover.png) no-repeat left top;}
.arrow-right {background: url(../images/right.png) no-repeat left bottom;right: -60px;}
.arrow-right:hover{background: url(../images/right_hover.png) no-repeat left top;}
.arrow-left,.arrow-right{ opacity: 0.5;}
.arrow-left:hover,.arrow-right:hover{ opacity:1; transform: scale(1.1);}
.arrow-left:active,.arrow-right:active{ opacity:1; transform: scale(0.9);}

.Modular-box .right{margin-left:560px;padding:50px 0 0 0; color:#fff;}
.Modular-box .right h2{font-size: 56px; font-weight: bold; line-height: 100%; padding-bottom:10px;}
.Modular-box h2 i{font-style: initial;font-size:12px; line-height:26px; display: inline-block; margin-left: 20px; font-weight: normal; background:rgba(0,0,0,0.2); border-radius: 3px; vertical-align: bottom; margin-bottom: 5px; padding: 0 12px; opacity: 0.7;}
.Details-info img{max-width: 100%;display: inline-block;margin: 20px auto;}
.right-info{ margin-top: 40px;}
.Modular-box h3{ padding-left: 15px; line-height: 100%; font-size:20px; border-left: 3px solid #fff;}
.Modular-box .info-item{ padding: 30px 0 40px;}
.Modular-box .info-item:nth-child(n+2){ border-top: 1px solid rgba(255,255,255,0.2);}
.Modular-box .info-item span{padding:0 10px 0 10px; line-height: 32px; margin:10px 25px 8px 0;font-size: 16px;display: inline-block; background:rgba(0,0,0,0.1); border-radius: 3px;  color:#fff; position: relative;}
.Modular-box .info-item span:after{ content:""; display: block; width: 0; height: 0; border: 16px solid; border-color:transparent transparent transparent rgba(0,0,0,0.1); position: absolute; top: 0; right:-32px;}
.Modular-box .info-item span:before{ content: ""; display: block; width:8px; height: 8px; border-radius: 50%; position: absolute; top: 12px; right: -6px; background: rgba(0,0,0,0.1);}
.Details h2{padding: 30px 50px;font-size: 30px; background: #f5f5f5;}

/*产品介绍内容页*/
.wrap-gray {
	margin-top: 70px;
	background-color: #fffff
}
.wrap-gray .container {
	padding-bottom: 60px
}
.wrap-gray .container .kehu-case {
	height: 700px
}
.wrap-gray .container .kehu-case li {
	float: left;
	width: 80px;
	height: 80px;
	margin-right: 65px;
	margin-bottom: 60px
}
@media (max-width:1100px) {
.wrap-gray .container .kehu-case li {
	margin-right: 54px
}
}
.wrap-gray .container .kehu-case .case-icon-8 {
	border-radius: 40px;
	background: #fff;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center
}
.wrap-gray .container .kehu-case .case-icon-8 img {
	height: 51px
}
.wrap-gray .container .kehu-case .no-right {
	margin-right: 0
}
.wrap-gray .container .kehu-case .more-case a {
	margin: auto;
	display: block;
	width: 200px;
	height: 44px;
	border: 1px solid #2b90ed;
	border-radius: 2px;
	text-align: center;
	line-height: 44px;
	font-size: 14px
}
.wrap-gray.solution {
	margin-top: 0;
	padding: 20px 0px 10px 0px;
}
.wrap-gray.solution .solution-container {
	max-width: 1210px;
	margin: 0 auto
}
.wrap-gray.solution .solution-container .des-solution-slide {
	margin-bottom: 10px
}
.wrap-gray.solution .solution-container .des-solution-slide .slide-description {
	text-align: center;
	font-size: 16px;
	line-height: 24px;
	padding: 25px 10px 25px 10px;
}
.wrap-gray.solution .solution-container .list-solutions {
	width: 100%;
	margin: 0 auto;
	margin-top: 30px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-left: -15px
}
.wrap-gray.solution .solution-container .list-solutions.none-top-margin {
	margin-top: 0
}
.wrap-gray.solution .solution-container .list-solutions:after {
	content: "";
	display: block;
	clear: both
}
.wrap-gray.solution .solution-container .list-solutions .item-solution {
	float: left;
	width: 33.3%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-left: 30px
}
.wrap-gray.solution .solution-container .list-solutions .item-solution.non-top-margin {
	margin-top: 0
}
.wrap-gray.solution .solution-container .list-solutions .item-solution .item-solution-content {
	padding: 25px 40px;
	background-color: #fff
}
.wrap-gray.solution .solution-container .list-solutions .item-solution .item-solution-content img {
	width: 28px;
	height: 28px
}
.wrap-gray.solution .solution-container .list-solutions .item-solution .item-solution-content h3 {
	margin-top: 20px;
	font-size: 20px;
	color: #333
}
.wrap-gray.solution .solution-container .list-solutions .item-solution .item-solution-content .des-item-solution {
	margin-top: 5px;
	font-size: 12px;
	line-height: 22px;
	color: #666
}
.wrap-gray.solution .solution-container .list-solutions .item-solution .item-solution-content a {
	display: inline-block;
	margin-top: 10px;
	font-size: 12px;
	line-height: 22px;
	color: #38f;
	cursor: pointer
}
.wrap-gray.solution .solution-container .list-solutions .item-solution .item-solution-content a:after {
	content: "";
	width: 5px;
	height: 5px;
	display: inline-block;
	border: 1px solid #38f;
	position: relative;
	top: -1px;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	border-color: transparent #38f #38f transparent
}
.four-year-act p {
	height: 60px;
	border-bottom: 1px solid #ededed;
	text-align: center;
	font-size: 16px;
	color: #333;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 19px 0;
	letter-spacing: 0;
	background-color: #fff
}
.four-year-act p .acti_red {
	width: 40px;
	height: 22px;
	display: inline-block;
	background: #e00;
	border-radius: 2px;
	color: #fff;
	margin-top: -3px;
	font-size: 14px;
	line-height: 22px;
	vertical-align: middle;
	margin-right: 10px
}
.four-year-act p .acti-detail {
	display: inline-block;
	font-size: 16px;
	color: #08c;
	margin-left: 30px
}
.wrap {
    width: 100%;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}
.swiper-container .focus {
    display: block;
    width: 100%;
    height: 100%;
    background-origin: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.focus {
    height: 500px;
    background-position: center center;
    background-repeat: no-repeat;
}
.comm-btn:hover {
    color: #37c637;
    text-decoration: none;
    transform: translateY(-1px);
    box-shadow: 0 7px 16px rgba(50,50,93,.1), 0 3px 16px rgba(0,0,0,.08);
    opacity: 0.85;
}
.wrap-gray.solution .solution-container {
    max-width: 1210px;
    margin: 0 auto;
}

.about-section {
    background: #fff;
    box-shadow: 0 0 14px rgba(0,0,0,.1);
}
.shopslide-title {
	padding-top: 20px;
	font-size: 30px;
	text-align: center;
	line-height: 70px;
	color: #333;
	border-bottom: 3px solid #f5f5f5;
}
.shopslide-title h2 {
	border-bottom: 3px solid #f5f5f5;
}
.about-section {
	background: #fff;
	box-shadow: 0 0 14px rgba(0,0,0,.1);
}
/*客户案例*/
.index_function_kehuanli {
    width: auto;
    height: 60px;
    margin-bottom: 25px;
}
.index_function_kehuanli h1 {
    font-size: 30px;
    color: #272727;
    text-align: center;
    margin-left: 15px;
    padding-top: 20px;
}
.slide-description {
    padding-top: 10px;
    margin: 0;
    font-size: 16px;
    color: #333;
    line-height: 30px;
}
.caselist li {
	width: 190px;
	background: #fff;
	margin-right: 0.8%;
	margin-top: 2%;
	float: left;
	position: relative;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
	overflow: hidden;
}
.caselist li .grey {
	opacity: 0.6;
}
.caselist li h2, .case-use {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.case-use span {
	background: #eee;
	cursor: default;
	border-radius: 100px;
	font-size: 12px;
	padding: 3px 8px;
}
.case-use span:hover {
	background: #09BB07;
	color: #fff;
}
.casema {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 60px;
	background: #fff;
	z-index: 1;
	opacity: 0;
	transition: all ease 0.3s;
}
.casema img {
	position: absolute;
	left: 50%;
	top: 100%;
	margin: -90px 0 0 -90px;
	transition: all ease 0.3s;
}
.caselist li:hover .casema {
	opacity: 1;
}
.caselist li:hover .casema img {
	top: 50%;
}
.case {
	background: #f5f5f5;
}
.p15 {
	padding: 10px;
	text-align:center;
}
@media (max-device-width:640px) {
.caselist {
	padding: 0 4%;
}
.caselist li {
	width: 48%;
	margin-right: 4%;
	margin-top: 4%;
}
.caselist li:nth-child(2n) {
	margin-right: 0;
}
}
/*渠道合作的底部立即加盟的样式开始*/
.wrapp {
    min-width: 1200px;
    width: 100%;
    position: relative;
}
.ft-res-be {
    padding: 50px 0;
    letter-spacing: 2px;
    background-color: #2589ff;
}
.g-mt100 {
    margin-top:0px;
}
.s-fcw {
    color: #fff;
}
.s-fs30 {
    font-size: 30px;
}
.g-tac {
    text-align: center;
}
.g-box {
    width: 1200px;
    height: 100%;
    margin: 0 auto;
}
.ft-res-lnk {
    margin-left: 40px;
    border: 1px solid #fff;
    padding: 8px 42px;
    font-size: 18px;
    color: #fff;
    vertical-align: middle;
    border-radius: 2px;
    transition: background-color .2s linear,color .2s linear;
}
.wrap-gray.solution .solution-container {
	max-width: 1210px;
	margin: 0 auto
}

.wrap-gray.solution .solution-container .list-solutions .item-solution .item-solution-content a:after {
	content: "";
	width: 5px;
	height: 5px;
	display: inline-block;
	border: 1px solid #38f;
	position: relative;
	top: -1px;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	border-color: transparent #38f #38f transparent
}
.slide-title {
    font-size: 30px;
    text-align: center;
    line-height: 30px;
    color: #333;
}
.slide-description {
    text-align: center;
    font-size: 16px;
    line-height: 24px;
    padding: 25px 10px 25px 10px;
}
.indexjg_system_mainbox {
    width: 100%;
    height: 862px; overflow:hidden;
    position: relative;
}
.solution-container {
    max-width: 1210px;
    margin: 0 auto;
}.index_system_listbox {
    width: 285px; height:783px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    border: 1px solid #c7c7c7;
    background-color: #fff;
    clear: both;
}
.index_system_listbg {
    width: 100%; position:relative;
    margin: 0 auto;
}
.system_price_functionbox a:hover .Case_QrcodeWrap_Img{ display:block;}
.Case_QrcodeWrap_Img {
   width: 200px; display:none;
    height: 180px;
    overflow: hidden; border:#eee 1px solid;
    position: absolute;
    top: 140px;
    left: 50%;
    z-index: 10; 
    margin-left: -100px;
    background-color: #fff;
    text-align: center;    
}
.index_system_iconbox {
    width: 100%;
    height: 160px;
    background-color: #ff8100;
    padding-top: 24px;
}
.index_system_icon {
    width: 76px;
    height: 76px;
    background: url(../images/price_iconbox.png) no-repeat center top;
    margin: 0 auto;
}
.system_icon01 {
	width: 100%;
	height: 76px;
	background: url(../images/price_icon01.png) no-repeat center center;
	display: block;
}
.system_icon02 {
	width: 100%;
	height: 76px;
	background: url(../images/price_icon02.png) no-repeat 23px center;
	display: block;
}
.system_icon03 {
	width: 100%;
	height: 76px;
	background: url(../images/price_icon03.png) no-repeat 23px center;
	display: block;
}
.system_icon04 {
	width: 100%;
	height: 76px;
	background: url(../images/price_icon04.png) no-repeat center center;
	display: block;
}
.index_system_title {
	width: 100%;
	margin-top: 12px;
	text-align: center;
	position: relative;
}
.index_system_title a {
	font-size: 24px;
	color: #fff;
}
.index_system_title a:hover {
	font-size: 24px;
	color: #fff;
	text-decoration: underline;
}
.index_system_title p {
	font-size: 14px;
	color: #fff;
	opacity: 0.5;
	margin-top: 2px;
}
.index_system_title .note_box {
	width: auto;
	padding: 2px 4px;
	font-size: 12px;
	color: #fff;
	background-color: #f1ae1f;
	position: absolute;
	top: 7px;
	left: 245px;
}
.index_system_title .note_box em {
	display: block;
	width: 0;
	height: 0;
	border-top: 7px solid transparent;
	border-bottom: 7px solid transparent;
	border-right: 10px solid #f1ae1f;
	position: absolute;
	top: 3px;
	left: -7px;
}
.index_system_pricebox {
	width: 280px;
	padding: 0 0px;
	margin: 0 auto;
}
.index_system_price {
	width: 100%;
	border-bottom: 1px dashed #e5e5e5;
	height: 70px;
	text-align: center;
	line-height: 70px;
}
.index_system_price h2 {
	font-size: 36px;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: -1;
	font-weight: bold;
	color: #38f;
}
.index_system_price h2 i {
	font-size: 20px;
	font-weight: normal;
}
.index_system_prices {
	width: 100%;
	border-bottom: 1px dashed #e5e5e5;
	height: 30px;
	text-align: center;
	line-height: 30px;
}
.index_system_prices h8 {
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: -1;
	font-weight: bold;
	color: #38f;
}
.index_system_prices h8 i {
	font-size: 18px;
	font-weight: normal;
}
.system_price_functionbox {
	width: 100%;
	margin-top: 6px; position:relative;
}
.system_price_functionbox ul {
	width: 100%;
	overflow: hidden;
	padding: 10px 0;
}
.system_price_functionbox ul .system_price_function_uncheck{ width:258px;}
.system_price_functionbox ul li {
	float: left;
	font-size: 14px; line-height:25px; 
	color: #777;
	background: url(../images/icon_check.png) no-repeat 20px center;
	padding-left:13px;
	width: 125px;
}
.system_price_functionbox ul li.system_price_function_uncheck {
	background: url(../images/icon_uncheck.png) no-repeat 20px center;
}
.system_price_function_btn {
	width: 250px;
	height:35px; position:relative;
	margin: 0px 10px 22px 15px;
}
.system_price_function_btn .meixin_qrcode {
	width: 106px;
	height: 32px;
	border-radius: 2px;
	color: #38f;
	border: 1px solid #38f;
	line-height: 32px;
	text-align: center;
	font-size: 16px;
	display: block;
	float: left;
}
.system_price_function_btn .meixin_qrcode.system_price_function_btn_r {
	float: right;
}
.system_price_function_btn .meixin_qrcode:hover {
	background-color: #38f;
	color: #fff;
}
.index_system_list02 {
	left: 0;
	top: 0;
}
.index_system_list03 {
	left: 305px;
	top: 0;
}
.index_system_list04 {
	left: 612px;
	top: 0;
}
.index_system_list05 {
	left: 918px;
	top: 0;
}
.index_system_listbox:hover {
	border: 2px solid #38f;
	z-index: 2;
	top: -1px;
	box-shadow: 0 0 10px #38f;
}
.index_system_listbox:hover .index_system_iconbox {
	background-color: #38f;
}
.index_system_listbox:hover .index_system_icon {
	background: url(../images/price_iconbox.png) no-repeat center bottom;
}
.index_system_listbox:hover .system_icon01 {
	background: url(../images/price_icon01_hover.png) no-repeat center center;
}
.index_system_listbox:hover .system_icon02 {
	background: url(../images/price_icon02_hover.png) no-repeat 23px center;
}
.index_system_listbox:hover .system_icon03 {
	background: url(../images/price_icon03_hover.png) no-repeat 23px center;
}
.index_system_listbox:hover .system_icon04 {
	background: url(../images/price_icon04_hover.png) no-repeat center center;
}
.index_system_btn {
	width: 100%;
	margin-top: 50px;
	overflow: hidden;
}
.index_system_btn a {
	width: 228px;
	height: 44px;
	border-radius: 2px;
	border: 1px solid #38f;
	color: #38f;
	font-size: 20px;
	text-align: center;
	line-height: 44px;
	display: block;
	margin: 0 auto;
}
.index_system_btn a:hover {
	background-color: #38f;
	border: 1px solid #38f;
	color: #fff;
}
.right-info .comm-btn {
    margin-top: 20px;
    height: 36px;
    line-height: 36px;
    display: inline-block;
    background: #fff;
    padding: 0 30px;
    border-radius: 100px;
    color: #000;
    margin: 0px 10px 0px 0px;
}

.bg-grey {
    background: #ffffff;
}
.main-container {
    width: 100%; height:auto; overflow:hidden; clear:both;
}
.indexgl_function_titlebox {
    width: auto;
    margin-bottom: 25px;
}
.indexgl_function_titlebox h1 {
    font-size: 30px;
    color: #272727;
    text-align: center;
    margin-left: 15px;
    padding-top: 36px;
}
.slide-description {
    padding-top: 10px;
    margin: 0;
    font-size: 16px;
    color: #333;
    line-height: 30px;
}
.button-container {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 50px;
}
.main-container a.button {
    font-size: 14px;
    padding: 10px 42px;
    border-radius: 2px;
    display: inline-block;
}

.main-container a.blue {
    background-color: #38f;
    color: #fff;
}
.main-container a.blue-outline {
    border: 1px solid #38f;
    color: #38f;
    padding: 9px 42px;
}
.main-container .wrapper .intro-img {
    position: absolute;
}
.wm-1200 h3 {
    text-align: center;
    font-size: 28px;
    color: #333;
    line-height: 40px;
    padding-top: 50px;
}
.service {
    width: 100%;
    height: 725px;
}
.service .icon-container {
    width: 1200px;
    margin: auto;
}
.service .icon-container li {
    display: inline-block;
    text-align: center;
    width: 30%;
    margin: 0;
    padding: 50px 10px 0px 10px;
}.service .icon-container li div {
	width: 260px;
	height: 157px;
	margin: 0 auto;
	margin-bottom: 15px;
}
.service .descd {
    font-size: 20px;
    color: #333;
    line-height: 24px;
}
.service .desc {
    font-size: 14px;
    color: #999;
    line-height: 24px;
}
.service .icon-container #service-1-img {
	background-image: url(../images/dpzb.png)
}

.service .icon-container #service-2-img {
	background-image: url(../images/swts.png)
}

.service .icon-container #service-3-img {
	background-image: url(../images/spgl.png)
}

.service .icon-container #service-4-img {
	background-image: url(../images/fxgn.png)
}

.service .icon-container #service-5-img {
	background-image: url(../images/dmd020.png)
}

.service .icon-container #service-6-img {
	background-image: url(../images/daili.png)
}
.tup{ width:1200px; height:auto; overflow:hidden;}
.intro-img{ float:left; width:731px; float: left;}
.intro-text{ width:440px; float:right}
.intro-text h3{ width:100%; text-align:center; font-size:18px;}