
.m-not-bg-gy{
	background-color:#f7f8fb;
	margin-top:-60px;
}
.m-not{
	padding:16px 0;
	background-color:#f7f8fb
}
.m-not a{color:#595961}
.m-not a:hover{color:#2589ff;text-decoration:underline}
.m-not a>span{vertical-align:middle}
.m-not a>img{vertical-align:middle}
.g-vam{vertical-align:middle;width: 90px;
    display: inline-block;}
.m-not-i{
	display:inline-block;
	width:370px;
	-o-text-overflow:ellipsis;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
	position:relative;
	vertical-align:middle
}
.m-not-i>i{
	background-image:url('../images/not_i.png');
	background-repeat:no-repeat;display:inline-block;vertical-align:middle;width:10px;height:10px;margin-right:10px;margin-top:-3px}
	
	
	.m-new-ul{padding:40px;width:1200px;margin:0 auto;margin-top:20px}
.m-new-ul li.f-fl{width:285px;background:#FFF;border-radius:3px;box-shadow:0 5px 10px 0 rgba(2,31,65,.05)}
.m-new-ul li.f-fl:hover{box-shadow:0 15px 20px 0 rgba(2,31,65,.1)}

	
.m-new-top1{background-position:0 0}
.m-new-top2{background-position:0 -90px}
.m-new-top3{background-position:0 -180px}
.m-new-top4{background-position:0 -270px}

.m-new-top .m-dt-t1{margin-bottom:45px}
.m-new-top p{font-size:18px;color:#FFF;margin-top:15px;margin-left:20px;font-weight:700}
.m-new-top span{
	display:inline-block;width:32px;height:18px;
	background-image:url('../../img/nweb/index_new/hot@1x.png');
	background-repeat:no-repeat;background-size:100% auto;
	vertical-align:-3px;margin-left:5px;box-shadow:0 5px 11px 0 rgba(0,82,255,.42)}
.m-new-dl1{padding-top:70px;padding-bottom:30px;background:#fafafa url('../images/bg.jpg') no-repeat;background-size:100% auto}
.m-new-child{height:290px}.m-new-childli{display:block;padding:20px;height:50px;cursor:default}
.m-new-child li .index-show{display:block;padding-top:6px}.m-new-child li .index-hide{display:none;color:#73767c}
.m-new-child li .index-hide.p1{padding-top:6px}.m-new-child li.active .index-hide{display:block}
.m-new-child li.active .index-show{display:none}.m-new-child li.active h5{width:105px}
.m-new-child li{position:relative;cursor:default}.m-new-child li.display{display:none}
.m-new-child li.visible{visibility:hidden}
.m-new-child li.active .m-new-childli{height:70px;background-image:url('../images/top@1x.png');background-repeat:no-repeat;background-size:100% auto;position:relative}
.m-new-child li.active.child-li1 .m-new-childli{background-position:0 0}
.m-new-child li.active.child-li2 .m-new-childli{background-position:0 -120px}
.m-new-child li.active.child-li3 .m-new-childli{background-position:0 -240px}
.m-new-child li.active.child-li4 .m-new-childli{background-position:0 -360px}
.m-new-child h5{color:#70747d;letter-spacing:0;line-height:24px;font-size:16px}
.m-new-child h5 span.yuan{display:inline-block;
	width:10px;height:10px;background-image:url('../images/yuan@1x.png');
	background-repeat:no-repeat;background-size:100% auto;margin-right:10px}
	span.yuan1{background-position:0 0}
	span.yuan2{background-position:0 -20px}
	span.yuan3{background-position:0 -40px}
	span.yuan4{background-position:0 -60px}
	span.yuan5{background-position:0 -80px}
	span.yuan6{background-position:0 -100px}
	span.yuan7{background-position:0 -120px}
	span.yuan8{background-position:0 -140px}
	span.yuan9{background-position:0 -160px}
	span.yuan10{background-position:0 -180px}
	span.yuan11{background-position:0 -200px}
	span.yuan12{background-position:0 -220px}
	span.yuan13{background-position:0 -240px}
	span.yuan14{background-position:0 -260px}
	span.yuan15{background-position:0 -280px}
.m-new-child p{font-size:12px;color:#979ba5;letter-spacing:0;line-height:20px;padding-left:20px}
.m-new-a{
	font-size:14px;color:#4098ff;letter-spacing:0;
	text-align:center;line-height:20px;padding:5px 12px;
	background:#fbfbfd;box-shadow:11px 3px 19px 0 rgba(0,0,0,.08);
	border-radius:3px;position:absolute;display:none;top:18px;right:20px;font-weight:700}
	.m-new-child li.active .m-new-a{display:block}
	.m-new-a:hover{background:#4299ff;color:#fff}
	.m-new-up{position:relative;visibility:hidden;height:40px;line-height:40px;margin:0 20px;border-top:1px solid #f2f3f5;font-size:12px;color:#979ba5;letter-spacing:0}
	.m-new-up.visible{visibility:visible}
	.m-new-up.active::after{transform:rotate(135deg)}
	.m-new-up:hover{background-image:linear-gradient(225deg,#f7f8fa 0%,#fcfcfc 37%,#edeef1 100%,#FFF 100%);color:#73767c;margin:0;padding:0 20px}
	.m-new-up:hover::after{border-color:#73767c;right:22px}
	.m-new-up::after{display:block;width:6px;
		height:6px;content:'';position:absolute;top:14px;right:2px;border-bottom:2px solid #d7dae1;
		border-left:2px solid #d7dae1;transform:rotate(315deg);transition:transform .3s ease-out,top .2s ease-out
	}
		
		


.m-dt-t1 {
    text-align: center;
    font-size: 30px;
}
.m-dt-t2 {
    text-align: center;
    font-size: 18px;
    margin-top: 15px;
}
	.g-box {
    width: 1200px;
    height: 100%;
    margin: 0 auto
}

.g-box1 {
    width: 1000px;
    margin: 0 auto
}

.m-new-top {
    height: 80px;
    background-image: url(../images/index/header@1x.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    overflow: hidden;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}


.retail {
    background: url(../images/01.jpg) center center no-repeat;
    background-size: cover;
}
.retail .m-ban-lnk {
    border: none;
    background: #258AFF;
}
.retail-f2-cont {
    position: relative;
    overflow: hidden;
}
.retail-f2-cont>li.active {
    position: relative;
    opacity: 1;
    filter: alpha(opacity=100);
}
.retail-f2-cont>li {
    position: absolute;
    left: 0;
    right: 0;
    opacity: 0;
    transition: opacity .3s cubic-bezier(.02,.01,.47,1);
    filter: alpha(opacity=0);
}
.retail-bg1 {
    background: #fff;
}
.retail-bg2 {
    background: #F8F9FB;
}
.retail-items {
    margin: auto;
    width: 1200px;
    overflow: hidden;
}
.retail-items>li {
    float: left;
}
.retail-items-des1{
    margin-top: 170px;
    width: 340px;
    text-align: left;
}
.retail-items-des2 {
    margin-left: 14px;
    margin-top: 141px;
    width: 375px;
    text-align: left;
}
.retail-items-des3{
    margin-top: 170px;
    width: 410px;
    text-align: left;
}
.retail-items-des4 {
    margin-left: 14px;
    margin-top: 141px;
    width: 375px;
    text-align: left;
}
.retail-items-bg1 {
    margin: 58px 68px 58px 0;
    width: 682px;
    height: 538px;
    background: url(../images/02.png) center center no-repeat;
}
.retail-items-bg2{
	margin: 64px 0px 70px 70px;
    width: 682px;
    height: 425px;
    background: url(../images/03.png) center center no-repeat;
}
.retail-items-bg3 {
    margin: 58px 68px 58px 0;
    width: 682px;
    height: 538px;
    background: url(../images/04.png) center center no-repeat;
}
.retail-items-bg4{
	margin: 64px 40px 70px 30px;
    width: 682px;
    height: 425px;
    background: url(../images/05.png) center center no-repeat;
}

.retail-items-bg5{
	margin: 64px 0px 70px 70px;
    width: 660px;
    height: 656px;
    background: url(../images/tixichuangxin.png) center center no-repeat;
}


.retail-items-bg6{
	margin: 64px 30px 70px 40px;
    width: 620px;
    height: 620px;
    background: url(../images/mobilepic.png) center center no-repeat;
}


.retail-items-bg7{
	margin: 64px 0px 70px 70px;
    width: 660px;
    height: 656px;
    background: url(../images/tixichuangxin.png) center center no-repeat;
}

.retail-items-bgmap {
    margin: 58px 68px 58px 0;
    width: 682px;
    height: 538px;
    background: url(../images/02_map.png) center center no-repeat;
}


.retail-link {
    display: block;
    margin-top: 100px;
    height: 40px;
    width: 140px;
    color: #FFF;
    line-height: 40px;
    background: #258AFF;
    border-radius: 4px;
    text-align: center;
}
.retail-link:hover {
    background: #0567FA;
}
.m-ban-lnk:hover {
    background-color: #fff;
    color: #2589ff;
}
.retail-f3-wrap {
    height: 800px;
    background: url(../images/05.jpg) center no-repeat;
    background-size: cover;
}
.retail-f-oh {
    overflow: hidden;
}
.retail-client {
    margin: 60px auto 0;
    width: 1200px;
}
.retail-client>li {
    float: left;
    margin: 0 60px 80px;
    height: 340px;
    width: 280px;
    text-align: center;
}
.retail-client-icon1 {
    background: url(../images/06.png) no-repeat center;
}
.retail-client-icon2 {
    background: url(../images/07.png) no-repeat center;
}
.retail-client-icon3 {
    background: url(../images/08.png) no-repeat center;
}


.retail-client-icona {
    background: url(../images/icon_a.png) no-repeat center;
}
.retail-client-iconb {
    background: url(../images/icon_b.png) no-repeat center;
}
.retail-client-iconc {
    background: url(../images/icon_c.png) no-repeat center;
}



.retail-client-icon {
    display: block;
    height: 140px;
}

.rongyu{ float:left; margin:30px 0px; width:280px; margin-top:0px;}


