@charset "gb2312";
/* CSS Document */
* {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 14px;
	color: #333;
	font-family: '微软雅黑';
}
img,
input {
	border: none;
}

input{
	outline: none;
}

img{
	display: block;
}
.w1180 {
	width: 1180px;
	margin: 0 auto;
}
.auto{
	overflow: hidden;
}
a {
	color: #fff;
	text-decoration: none;
}
a:hover{
	color:#f8b600;
}
.wrap{
	width: 100%;
	min-width: 1180px;
	overflow: hidden;
}
.headerWrap{
	width: 100%;
	position: absolute;
	left: 0;
	height: 109px;
	top: 0px;
	z-index: 2;
}
.headerCon{
	height: 109px;
	width: 100%;
}
.headerCen{
	width: 1180px;
	margin:0 auto;
	
}
.bannerWrap{
	width: 100%;
	height: 680px;
	position: relative;
}
.bannerWrap ul{
	width: 100%;
	height: 690px;
	position: absolute;
	left: 0;
	top: 0;
}
.bannerWrap ul li{
	height: 680px;
	position: relative;
	float: left;
}
.bannerImg{
	width: 2000px;
	position: absolute;
	left: 50%;
	top: 0;
	height: 680px;
	margin-left: -1000px;
	cursor: pointer;
}
.bannerImg div{
	width: 100%;
}
.bannerImg div img{
	width: 100%;
}
/*二级页面banner*/
.bannerWrap2{
	width: 100%;
	height: 400px;
	position: relative;
	margin-top:109px;
}
.bannerWrap2 ul{
	width: 100%;
	height: 400px;
	position: absolute;
	left: 0;
	top: 0;
}
.bannerWrap2 ul li{
	width: 100%;
	height: 400px;
	position: relative;
	float: left;
}
.bannerImg2{
	width: 1920px;
	height: 400px;
	position: absolute;
	left: 50%;
	top: 0;
	margin-left: -960px;
	cursor: pointer;
}
.bannerImg2 div{
	width: 100%;
}
.bannerImg2 div img{
	width: 100%;
}
.left,.right{
	display: block;
	width: 53px;
	height: 53px;
	position: absolute;
	top: 50%;
	margin-top: -26.5px;
	z-index: 2;
	display: none;
}
.left{
	left: 50%;
	margin-left: -590px;
}
.right{
	right: 50%;
	margin-right: -590px;
}
.logo{
	float: left;
	margin: 32px 40px 0 0;
}
.nav{
	float: left;
	margin-top: 50px;
	
}
.nav li{
	float: left;
	height: 59px;
	
}
.firstNav{
	width: 100px;
	text-align: center;
	font-size: 16px;
	display: block;
	height: 47px;
}
.firstNavCur{
	color:#f8b600 ;
}
.firstNav span{
	font-size: 16px;
	color: #fff;
	display: block;
	height: 47px;
}
.navProduct{
	background: url(../images/arrow.png) no-repeat 95px 11px;
	text-align: left;
	padding-left: 10px;
	width: 110px;
}
.navSolute{
	background: url(../images/arrow.png) no-repeat 81px 11px;
	text-align: left;
	padding-left: 10px;
	width: 90px;
}
.navDianShang{
	background: url(../images/arrow.png) no-repeat 81px 11px;
	text-align: left;
	padding-left: 10px;
	width: 90px;
}
.navProductCur{
	background: url(../images/arrowHov.png) no-repeat 95px 11px;
}
.navProductCur span{
	color:#f8b600;
	background: url(../images/arrow3.png) no-repeat 30px bottom;
}
.navSolute.navSoluteCur{
	background: url(../images/arrowHov.png) no-repeat 81px 11px;
}
.navSolute.navSoluteCur span{
	color:#f8b600;
	background: url(../images/arrow3.png) no-repeat 30px bottom;
}
.navDianShang.navDianShangCur{
	background: url(../images/arrowHov.png) no-repeat 81px 11px;
}
.navDianShang.navDianShangCur span{
	color:#f8b600;
	background: url(../images/arrow3.png) no-repeat 30px bottom;
}
/*产品与服务*/
.navBot{
	display: none;
	position: absolute;
	left: 0;
	top: 97px;
	width: 100%;
	height: 249px;
	background: url(../images/black.png) repeat-x left top;
}
.navBotCen{
	margin: 0 auto;
	width: 1180px;
}
.navBotCon{
	margin: 26px 0 0 120px;
}
.navBotCon li{
	float: left;
	width: 180px;
	height: 209px;
	margin-right: 20px;
}
.navBotCon a{
	display: block;
	margin-bottom: 8px;
	color: #000;
}
.navBotCon a h3{
	display: block;
	margin-bottom: 8px;
	color: #000;font-weight:normal;
}
.navBotCon a:hover{
	color:#f8b600;
}
.navBotCon a.cur{
	display: block;
	margin-bottom: 8px;
	color: #000;
	font-weight:bold;
	font-size:15px;
}
.navBotCon a.cur h3{
	display: block;
	margin-bottom: 8px;
	color: #000;
	font-weight:bold;
	font-size:16px;
}
.navBotCon a.cur:hover{
	color:#f8b600;
}
/*电商学院*/
.navBot2{
	display: none;
	position: absolute;
	left: 0;
	top: 97px;
	width: 100%;
	height: 276px;
	background: url(../images/black1.png) repeat-x left top;
}
.navBotCen2{
	margin: 0 auto;
	width: 1180px;
}
.navBotCon2{
	margin: 26px 0 0 840px;
}
.navBotCon2 li{
	float: left;
	width: 219px;
	height: 236px;
	margin-right: 20px;
}
.navBotCon2 li span{
	display: block;
	margin-bottom: 8px;
	color: #000;
	font-weight:bold;
	font-size:16px;
}
.navBotCon2 a{
	display: block;
	margin-bottom: 15px;
	font-weight:bold;
	font-size:16px;
	color: #000;
}
.navBotCon2 a:hover{
	color:#f8b600;
}

/*解决方案*/
.navBot1{
	display: none;
	position: absolute;
	left: 0;
	top: 97px;
	width: 100%;
	height: 236px;
	background: url(../images/black1.png) repeat-x left top;
}
.navBotCen1{
	margin: 0 auto;
	width: 1180px;
}
.navBotCon1{
	margin: 26px 0 0 222px;
}
.navBotCon1 li{
	float: left;
	width: 219px;
	height: 236px;
	margin-right: 20px;
}
.navBotCon1 li.rightcur{
	float: left;
	width: 149px;
	height: 236px;
	margin-right: 20px;
	margin-left: 60px;
}
.navBotCon1 li.rightcur2{
	float: left;
	width: 179px;
	height: 236px;
	margin-right: 20px;
}
.navBotCon1 li span{
	display: block;
	margin-bottom: 8px;
	color: #000;
	font-weight:bold;
	font-size:16px;
}
.navBotCon1 a{
	display: block;
	margin-bottom: 8px;
	color: #000;
}
.navBotCon1 a:hover{
	color:#f8b600;
}
.headerRight{
	float: right;
}
.headerRight p{
	display: block;
	margin-bottom: 6px;
	margin-top: 14px;
}
.headerRight a{
	display: block;
	width: 143px;
	height: 32px;
	line-height: 32px;
	transition: 1s all;
	-webkit-transition: 1s all;
	background: url(../images/gk.png) no-repeat left top;
}
.headerRight a:hover{
	background: url(../images/gkhov.png) no-repeat left top;
}
.firstNav2{
	width: 100px;
	text-align: center;
	font-size: 16px;
	display: block;
	height: 59px;
	color: #000;
}
.firstNav2 span{
	font-size: 16px;
	color: #000;
	display: block;
	height: 59px;
}
.navProduct2{
	background: url(../images/arrow2.png) no-repeat 95px 11px;
	text-align: left;
	padding-left: 10px;
	width: 110px;
}
.navSolute2{
	background: url(../images/arrow2.png) no-repeat 81px 11px;
	text-align: left;
	padding-left: 10px;
	width: 90px;
}
.navDianShang2{
	background: url(../images/arrow2.png) no-repeat 81px 11px;
	text-align: left;
	padding-left: 10px;
	width: 90px;
}
.navProductCur2{
	background: url(../images/arrowHov.png) no-repeat 95px 11px;
}
.navProductCur2 span{
	color:#f8b600;
	background: url(../images/arrow4.png) no-repeat 30px bottom;
}
.navSolute2.navSoluteCur2{
	background: url(../images/arrowHov.png) no-repeat 81px 11px;
}
.navSolute2.navSoluteCur2 span{
	color:#f8b600;
	background: url(../images/arrow4.png) no-repeat 30px bottom;
}
.navDianShang2.navDianShangCur2{
	background: url(../images/arrowHov.png) no-repeat 81px 11px;
}
.navDianShang2.navDianShangCur2 span{
	color:#f8b600;
	background: url(../images/arrow4.png) no-repeat 30px bottom;
}
/*固定导航*/
.fixScrollWrap{
	width: 100%;
	height: 109px;
	background: #fff;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 10;
	display: none;
}
.fixScrollWrap2{
	width: 100%;
	height: 109px;
	background: #fff;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 10;
}
.fixScrollCen{
	width: 1180px;
	margin: 0 auto;
	height: 109px;
}
.headerRight2{
	float: right;
}
.headerRight2 p{
	display: block;
	margin-bottom: 6px;
	margin-top: 14px;
}
.headerRight2 a{
	display: block;
	width: 143px;
	height: 32px;
	line-height: 32px;
	transition: 1s all;
	-webkit-transition: 1s all;
	background: url(../images/gk.png) no-repeat left top;
}
.headerRight2 a:hover{
	background: url(../images/gkhov.png) no-repeat left top;
}
.navBot4{
	top: 109px;
	/*background: url(../images/white.png);
	border-top: 1px solid #f8b600;*/
}

/*第一部分*/
.main1Wrap{
	width: 100%;
	height: 639px;
	background: #ecf7fa;
}
.main1{
	width:1180px;
	margin: 0 auto;
}
.main1Tit{
	font-size: 45px;
	color: #28689d;
	text-align: center;
	margin: 62px 0 25px 0;
	transition: 1s all;
	-webkit-transition: 1s all;
}
.main1TitSub{
	color: #666;
	text-align: center;
	margin-bottom: 63px;
	font-size: 16px;
	transition: 1s all;
	-webkit-transition: 1s all;
	line-height: 30px;
}
.main1Bot{
	position:relative;
	width: 1180px;
	height: 330px;
}
.main1Bot ul {
	width: 1200px;
	height: 330px;
	position: absolute;
	left: 0;
	top: 0;
	transition: 1s all;
	-webkit-transition: 1s all;
}
.main1Bot ul li{
	width: 182px;
	height: 240px;
	margin-left: 12px;
	position: absolute;
	float: left;
	/*height: 192px;*/
	left: 0;
	top: 0;
	margin-left: -200px;
	transition: 1s all;
	-webkit-transition: 1s all;
	background: #ecf7fa;
}
.main1Link{
	width: 146px;
	/*height: 146px;*/
	text-align: center;
	transition:1s all;
	-webkit-transition:1s all;
	background: url(../images/main1Bg1.png) no-repeat;
	margin: 45px auto 0;
	cursor: pointer;
}
.main1Link span{
	 display: block;
	 width: 146px;
	 height: 146px;
	 border-radius: 72px;
	 -webkit-border-radius: 72px;
	 margin-bottom: 28px;
	 transition:1s all;
	 -webkit-transition:1s all;
	 text-align: center;
}
.main1Link span img{
	 display: block;
	 padding-top: 38px;
	 margin: 0 auto;
	 width: 126px;
}
.main1Link p{
	font-size: 16px;
}
.main1Link h3{
	font-size: 16px; font-weight:normal;
}
.main1Link2{
	background: url(../images/main1Bg2.png) no-repeat;
}
.main1Link3{
	background: url(../images/main1Bg3.png) no-repeat;
}
.main1Link4{
	background: url(../images/main1Bg4.png) no-repeat;
}
.main1Link5{
	background: url(../images/main1Bg5.png) no-repeat;
}
.main1Link6{
	background: url(../images/main1Bg6.png) no-repeat;
}
.main1Hov{
	position: absolute;
	left: 0;
	top: 0;
	background: #f0c261;
	width: 182px;
	height: 330px;
	top: 300%;
	cursor: pointer;
}
.main1Hov2{
	background: #4daf26;
}
.main1Hov3{
	background: #da3a15;
}
.main1Hov4{
	background: #1c7dd8;
}
.main1Hov5{
	background: #d8511c;
}
.main1Hov6{
	background: #11ab77;
}
.main1LeftTit{
	font-size: 16px;
	color: #fff;
	text-align: center;
	margin: 34px 0 18px 0;
}
.main1LeftSub{
	color: #fff;
	margin: 16px 10px 10px 15px; line-height:26px;
}
.guanKan a{
	display: block;
	width: 103px;
	height: 28px;
	line-height: 28px;
	transition: 1s all;
	-webkit-transition: 1s all;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	margin: 0 auto;
	border: 1px solid #fff;
}
.guanKan a span{
	display: block;
	background: url(../images/icon2.png) no-repeat 9px center;
	height: 28px;
	line-height: 28px;
	padding-left: 38px;
	transition: 1s all;
	-webkit-transition: 1s all;
	color: #fff;
}
.guanKan a:hover{
	background: #fff;
}
.guanKan a:hover span{
	background: url(../images/icon.png) no-repeat 9px center;
	color: #000;
}
.main1RightCen a:hover span{
	background: #f0c261;
}
.main2Wrap{
	width: 100%;
	height: 659px;
	position: relative;
}
.main2WrapBg{
	width: 2000px;
	height: 659px;
	position: absolute;
	left: 50%;
	top:0;
	margin-left: -1000px;
}
.main2WrapBg div{
	height: 66px;
	width: 2000px;
	margin: 0 auto;
}
.main2{
	width: 1180px;
	margin: 0 auto;
	height: 659px;
	position: absolute;
	left: 50%;
	margin-left: -590px;
}
.main2Tit{
	width: 290px;
	height: 110px;
	position: absolute;
	left: 50%;
	margin-left: -120px;
	top: 64px;
	text-align: center;
	transition: 1s all;
	-webkit-transition: 1s all;
}
.main2Tit span{
	font-size: 40px;
	color: #fff;
	display: block;
	margin-bottom: 10px;
	transition: 1s all;
	-webkit-transition: 1s all;
	margin-left: -300%;
}
.main2Tit p{
	color: #fff;
	line-height: 22px;
	transition: 1s all;
	-webkit-transition: 1s all;
	margin-left: -300%;
}
.main2Bot{
	width: 990px;
	height: 440px;
	margin: 108px auto 0;
	position: relative;
	transition: 1s all;
	-webkit-transition: 1s all;
}
.main2BotList{
	width: 990px;
	height: 440px;
	position: relative;
	transition: 1s all;
	-webkit-transition: 1s all;
	margin-left: -100%;
}
.main2List{
	cursor: pointer;
	transition:1s all;
	-webkit-transition:1s all;
}
.main2List a{
	display: block;
	transition:1s all;
	-webkit-transition:1s all;
}
.main2List a:hover{
	background: #f0c261;
	color: #fff;
}
.main2List span{
	display: block;
}
.main2List span img{
	display: block;
	margin: 0 auto;
}

/*第一个图标*/
.main2Top{
	width: 220px;
	height: 110px;
	background: #a6c359;
	text-align: center;
	transition:1s all;
	-webkit-transition:1s all;
	position: absolute;
	left: 0;
	top:0;
}
.main2Top span img{
	width: 33px;
	margin-top: 35px;
	margin-bottom: 17px;
}
.main2Top a{	
	width: 108px;		
}
.main2Top:hover{
	background: #8bbf02;
}
/*第二个图标*/
.main2Top2{
	width: 220px;
	height: 110px;
	background: #a6c359;
	text-align: center;
	transition:1s all;
	-webkit-transition:1s all;
	position: absolute;
	right: 0;
	top: 0;
}
.main2Top2 span img{
	width: 33px;
	margin-top: 31px;
	margin-bottom: 17px;
}
.main2Top2 a{
	width: 108px;
}
.main2Top2:hover{
	background: #8bbf02;
}
/*第三个图标*/
.main2Top3{
	width: 110px;
	height: 110px;
	background: #03bfd8;
	text-align: center;
	transition:1s all;
	-webkit-transition:1s all;
	position: absolute;
	left: 0;
	top: 110px;
}
.main2Top3 span img{
	width: 35px;
	margin-top: 32px;
	margin-bottom: 14px;
}
.main2Top3 a{
	width: 78px;
}
.main2Top3:hover{
	background: #00b0c7;
}
/*第四个图标*/
.main2Top4{
	width: 110px;
	height: 110px;
	background: #9fd6db;
	text-align: center;
	transition:1s all;
	-webkit-transition:1s all;
	position: absolute;
	left: 110px;
	top: 110px;
}
.main2Top4 span img{
	width: 30px;
	margin-top: 32px;
	margin-bottom: 14px;
}
.main2Top4 a{
	width: 78px;
}
.main2Top4:hover{
	background: #8bc8ce;
}
/*第五个图标*/
.main2Top5{
	width: 110px;
	height: 110px;
	background: #d9b58d;
	text-align: center;
	transition:1s all;
	-webkit-transition:1s all;
	position: absolute;
	left: 220px;
	top: 110px;
}
.main2Top5 span img{
	width: 32px;
	margin-top: 32px;
	margin-bottom: 15px;
}
.main2Top5 a{
	width: 78px;
}
.main2Top5:hover{
	background: #dfa35f;
}
/*第六个图标*/
.main2Top6{
	width: 330px;
	height: 110px;
	background: #88b3e0;
	text-align: center;
	transition:1s all;
	-webkit-transition:1s all;
	position: absolute;
	left: 0;
	top: 220px;
}
.main2Top6 span img{
	width: 27px;
	margin-top: 29px;
	margin-bottom: 16px;
}
.main2Top6 a{
	width: 108px;
}
.main2Top6:hover{
	background: #5e9ee1;
}
/*第七个图标*/
.main2Top7{
	width: 110px;
	height: 110px;
	background: #bdd973;
	text-align: center;
	transition:1s all;
	-webkit-transition:1s all;
	position: absolute;
	left: 0;
	top: 330px;
}
.main2Top7 span img{
	width: 33px;
	margin-top: 37px;
	margin-bottom: 18px;
}
.main2Top7 a{
	width: 78px;
}
.main2Top7:hover{
	background: #acd739;
}
/*第八个图标*/
.main2Top8{
	width: 330px;
	height: 220px;
	background: #5aa66c;
	text-align: center;
	transition:1s all;
	-webkit-transition:1s all;
	position: absolute;
	left: 330px;
	top: 110px;
}
.main2Top8 span img{
	width: 103px;
	margin-top: 40px;
}
.main2Top8 a{
	display: block;
	width: 103px;
	height: 135px;
	margin: 40px auto 0;
}
.main2Top8:hover{
	background: #78d18d;
}
/*第八个图标*/
.main2Top9{
	width: 110px;
	height: 110px;
	background: #e8bdb4;
	text-align: center;
	transition:1s all;
	-webkit-transition:1s all;
	position: absolute;
	left: 660px;
	top: 110px;
}
.main2Top9 span img{
	width: 39px;
	margin-top: 35px;
	margin-bottom: 15px;
}
.main2Top9 a{
	width: 78px;
}
.main2Top9:hover{
	background: #e9afa3;
}
/*第十个图标*/
.main2Top10{
	width: 110px;
	height: 110px;
	background: #9fd6db;
	text-align: center;
	transition:1s all;
	-webkit-transition:1s all;
	position: absolute;
	left: 770px;
	top: 110px;
}
.main2Top10 span img{
	width: 32px;
	margin-top: 35px;
	margin-bottom: 15px;
}
.main2Top10 a{
	width: 78px;
}
.main2Top10:hover{
	background: #86ccd2;
}

/*第十一个图标*/
.main2Top11{
	width: 110px;
	height: 110px;
	background: #b2cba4;
	text-align: center;
	transition:1s all;
	-webkit-transition:1s all;
	position: absolute;
	left: 880px;
	top: 110px;
}
.main2Top11 span img{
	width: 32px;
	margin-top: 35px;
	margin-bottom: 15px;
}
.main2Top11 a{
	width: 78px;
}
.main2Top11:hover{
	background: #94ab87;
}

/*第十二个图标*/
.main2Top12{
	width: 220px;
	height: 110px;
	background: #88b3e0;
	text-align: center;
	transition:1s all;
	-webkit-transition:1s all;
	position: absolute;
	left: 660px;
	top: 220px;
}
.main2Top12 span img{
	width: 38px;
	margin-top: 35px;
	margin-bottom: 22px;
}
.main2Top12 a{
	width: 108px;
}
.main2Top12:hover{
	background: #5e9ee1;
}
/*第十四个图标*/
.main2Top13{
	width: 110px;
	height: 110px;
	background: #f2c99d;
	text-align: center;
	transition:1s all;
	-webkit-transition:1s all;
	position: absolute;
	left: 880px;
	top: 220px;
}
.main2Top13 span img{
	width: 33px;
	margin-top: 35px;
	margin-bottom: 19px;
}
.main2Top13 a{
	width: 78px;
}
.main2Top13:hover{
	background: #ddb07f;
}
/*第十四个图标*/
.main2Top14{
	width: 110px;
	height: 110px;
	background: #bdd973;
	text-align: center;
	transition:1s all;
	-webkit-transition:1s all;
	position: absolute;
	left: 880px;
	top: 330px;
}
.main2Top14 span img{
	width: 33px;
	margin-top: 35px;
	margin-bottom: 19px;
}
.main2Top14 a{
	width: 78px;
}
.main2Top14:hover{
	background: #abc761;
}
.main2List{
	transition:1s all;
	-webkit-transition:1s all;
}
.main2List span{
	margin-left: 0;
	transition:1s all;
	-webkit-transition:1s all;
}
.main2List p{
	margin-right: 0;
	transition:1s all;
	-webkit-transition:1s all;
}
.main2List a.main2Css{
	display: block;
	height: 28px;
	border: 1px solid #fff;
	text-align: center;
	line-height: 28px;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	margin: -200% auto 0;
	transition:1s all;
	-webkit-transition:1s all;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-50%);
	opacity: 0;
	filter:alpha(opacity=0);
}
.main2btn{
	width: 288px;
	position: absolute;
	left: 50%;
	bottom: 0;
	margin-left: -144px;
	height: 36px;
}
.main2btn a{
	width:118px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	color: #fff;
	border: 1px solid #fff;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	float: left;
	margin: 0 12px;
	transition: 1s all;
	-webkit-transition: 1s all;
}
.main2btn a:hover{
	background: #f2a548;
}
.main2btn a.main2btn1,.main2btn a.main2btn2{
	transition: 1s all;
	-webkit-transition: 1s all;
	margin-left: -100%;
}
.main2List a.main2Css2{
	border: none;
	background: none;
}
.main3Wrap{
	width: 100%;
	height: 628px;
	position: relative;
	background: #e9e9e9;
}
#main3Bg{
	width: 2000px;
	height: 628px;
	position: absolute;
	left: 50%;
	margin-left: -1000px;
	bottom: 0;
	bottom: -100%;
	transition: 1s all;
	-webkit-transition: 1s all;
}
.main3{
	width: 1180px;
	margin: 0 auto;
	height: 628px;
	position: absolute;
	left: 50%;
	margin-left: -590px;
	top: 0;
}
.main3Tit{
	font-size: 45px;
	color: #28689d;
	text-align: center;
	margin: 66px 0 15px 0;
	transition: 1s all;
	-webkit-transition: 1s all;
	margin-top: -100%;
}
.main3TitSub{
	color: #666;
	text-align: center;
	margin-bottom: 58px;
	font-size: 16px;
	margin-top: -80%;
	transition: 1s all;
	-webkit-transition: 1s all;
}
.main3Bot{
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 80px;
}
.main3Bot ul{
	margin-left: 78px;
	width: 1102px;
	height: 328px;
	position: relative;
	opacity: 0;
	filter:alpha(opacity=0);
	transition: 1s all;
	-webkit-transition: 1s all;
}
.main3Bot ul li{
	float: left;
	width: 211px;
	height: 328px;
	transition: 1.5s all linear;
	-webkit-transition: 1.5s all linear;
	margin-right: 58px;
	position: absolute;
	left: 50%;
	margin-left: -105.5px;
	bottom: 0;
}
.main3Bot ul li h3{
	text-align: center;
	font-weight: normal;
	font-size: 24px;
	margin: 25px 0 35px 0;
	color: #fff;
}
.main3Bot ul li .main3Img{
	width: 100%;
	height: 66px;
	text-align: center;
	margin-bottom: 50px;
}
.main3Bot ul li .main3Img img{
	margin: 0 auto;
	transition: 1s all;
	-webkit-transition: 1s all;
}
.main3Bot ul li .main3Img1 img{
	width: 67px;
}
.main3Bot ul li .main3Img2 img{
	width: 60px;
}
.main3Bot ul li .main3Img3 img{
	width: 59px;
}
.main3Bot ul li .main3Img4 img{
	width: 60px;
}
.main3Bot ul li .main3Img img.visit{
	display: block;
}
.main3Bot ul li .main3Img img.hov{
	display: none;
}
.main3Bot ul li p{
	/*color: #fff;*/
	width: 185px;
	margin-left: 13px;
	line-height: 26px;
	color: #f2edea;
	transition: 1s all;
	-webkit-transition: 1s all;
	
}
.main3Bot ul li.main3List1{
	background: #e29346;
}
.main3Bot ul li.main3List2{
	background: #90bd38;
}
.main3Bot ul li.main3List3{
	background: #3fbaaa;
}
.main3Bot ul li.main3List4{
	background: #aa4674;
}
.main3Bot ul li:hover{
	background: #fff;
}
.main3Bot ul li:hover h3,.main3Bot ul li:hover p{
	color: #000;
}
.main3Bot ul li:hover .main3Img img.visit{
	display: none;
}
.main3Bot ul li:hover .main3Img img.hov{
	display: block;
}

.main4Wrap{
	width: 100%;
	background: url(../images/main4.jpg) no-repeat center top;
	height: 629px;
	position: relative;
}
.main4WrapBg{
	width: 2000px;
	height: 659px;
	position: absolute;
	left: 50%;
	top:0;
	margin-left: -1000px;
}
.main4WrapBg div{
	height: 63px;
	width: 2000px;
	margin: 0 auto;
}
.main4Tit{
	font-size: 45px;
	color: #fff;
	text-align: center;
	margin: 62px 0 15px 0;
	margin-top: -100%;
	transition: 1s all;
	-webkit-transition: 1s all;
}
.main4TitSub{
	color: #fff;
	text-align: center;
	margin-bottom: 58px;
	font-size: 16px;
	margin-top: -80%;
	transition: 1s all;
	-webkit-transition: 1s all;
}
.main4 {
	width: 1180px;
	margin: 0 auto;
	height: 629px;
	position: relative;
	transition: 1s all;
	-webkit-transition: 1s all;
}
.main4 ul{
	width: 1200px;
	height: 355px;
	position: relative;
	position: absolute;
	left: 0;
	bottom: 49px;
	transition: 1s all;
	-webkit-transition: 1s all;
}
.main4 ul li{
	width: 180px;
	height: 355px;
	float: left;
	margin-right: 20px;
	transition: 1.2s all linear;
	-webkit-transition: 1.2s all linear;
	position: absolute;
	left: 0;
	top: 0;
	margin-left: -180px;
}
.main4 ul li.main4List1{
	background: url(../images/main4Bg1.png) no-repeat;
}
.main4 ul li.main4List2{
	background: url(../images/main4Bg2.png) no-repeat;
}
.main4 ul li.main4List3{
	background: url(../images/main4Bg3.png) no-repeat;
}
.main4 ul li.main4List4{
	background: url(../images/main4Bg4.png) no-repeat;
}
.main4 ul li.main4List5{
	background: url(../images/main4Bg5.png) no-repeat;
}
.main4 ul li.main4List6{
	background: url(../images/main4Bg6.png) no-repeat;
}
.main4 ul li .main4Img{
	width: 180px;
	height: 79px;
	margin: 50px 0 24px 0;
}
.main4 ul li .main4Img img.visit{
	display: block;
}
.main4 ul li .main4Img img.hov{
	display: none;
}
.main4 ul li h3{
	font-size: 18px;
	color: #fff;
	text-align: center;
	margin-bottom: 15px;
	font-weight: normal;
	transition: 1.2s all linear;
	-webkit-transition: 1.2s all linear;
}
.main4 ul li p{
	color: #fff;
	line-height: 24px;
	overflow: hidden;
	width: 142px;
	margin: 0 auto;
	transition: 1.2s all linear;
	-webkit-transition: 1.2s all linear;
}
.main4 ul li:hover{
	background: url(../images/main4Bg2Hov.png) no-repeat;
}
.main4 ul li:hover h3,.main4 ul li:hover p{
	color: #000;
}
.main4 ul li:hover .main4Img img.visit{
	display: none;
}
.main4 ul li:hover .main4Img img.hov{
	display: block;
}
.main5Wrap{
	width: 100%;
	background: #f1f1f1;
}
.main5{
	width: 1180px;
	margin: 0 auto;
	height: 702px;
	position: relative;
}
.main5Tit{
	font-size: 45px;
	color: #13adbc;
	text-align: center;
	margin: 42px 0 15px 0;
	transition: 1s all;
	-webkit-transition: 1s all;
	margin-top: -100%;
}
.main5TitSub{
	color: #666;
	text-align: center;
	margin-bottom: 58px;
	font-size: 16px;
	transition: 1s all;
	-webkit-transition: 1s all;
	margin-top: -80%;
}
.main5Bot{
    width: 1180px;
    height: 383px;
    position: absolute;
    left: 0;
    bottom: 126px;
    transition: 1s all;
	-webkit-transition: 1s all;
	bottom: -200px;
}
.main52{
	width: 1180px;
	margin: 0 auto;
	height: 602px;
	position: relative;
}
.main5Tit2{
	font-size: 45px;
	color: #13adbc;
	text-align: center;
	margin: 42px 0 20px 0;
}
.main5TitSub2{
	width: 1180px;
    height: auto;
	color: #666;
	text-align: left;
	margin-bottom: 20px;
	line-height:30px;
	font-size: 16px;
}
.main4Wrap2{
	width: 100%;
	background: #fff;
}
.main42{
	width: 1180px;
	margin: 0 auto;
	height: 882px;
	position: relative;
}
.main423{
	width: 1180px;
	margin: 0 auto;
	height: 762px;
	position: relative;
}
.main4Tit2{
	font-size: 45px;
	color: #666;
	text-align: center;
	margin: 42px 0 15px 0;
	transition: 1s all;
	-webkit-transition: 1s all;
	margin-top: -100%;
}
.main4TitSub2{
	width: 1180px;
    height: auto;
	color: #666;
	text-align: center;
	margin-bottom: 20px;
	line-height:30px;
	font-size: 16px;
	transition: 1s all;
	-webkit-transition: 1s all;
	margin-top: -80%;
}
.main4Bot2{
    width: 1180px;
    height: auto;
    position: absolute;
	margin-top:0px;
    left: 0;
    transition: 1s all;
	-webkit-transition: 1s all;
}
.main4Bot23{
    width: 1180px;
    height: auto;
	position: absolute;
}
.main4Bot23 li {
	float:left;}
.slide {
    height: 383px;
    position: relative;
}
.slide ul{
    height: 383px;
    width: 1180px;
    position: absolute;
    top: 0;
    left: 96px;
}
.slide li {
    position: absolute;
    left: 200px;
    top: 0;
    overflow: hidden;
    /*padding-right: 62px;*/
}
.main5Imgcon{
	margin-right: 62px;
}
.slide li img {
    width: 100%;
}
.prev,.next {
    width: 53px;
    height: 53px;
    position: absolute;
    top :50%;
    margin-top: -26.5px;
    background: url(../images/prev.png) no-repeat left top ;
    transition: 1s all;
	-webkit-transition: 1s all;
}
.next {

    right: 0;
    background:url(../images/next.png) no-repeat left top ;
}
.prev:hover{
	background: url(../images/left.png) no-repeat left top ;
}
.next:hover{
	background: url(../images/right.png) no-repeat left top ;
}
.main5Txt{
    width: 288px;
    height: 74px;
    background: url(../images/bl.png);
    position: absolute;
    left: 0;
    bottom: 0;
    bottom:-150px;
}
.main5Txt strong{
	color: #fff;
	text-align: center;
	margin: 22px 0 15px 0;
	font-weight: normal;
	display: block;
}
.main5btn {
	margin-left: 5px;
}
.main5btn a{
	color: #fff;
	text-align: center;
	margin: 0 0 0 25px;
	width: 98px;
	height: 28px;
	text-align: center;
	line-height: 28px;
	border: 1px solid #fff;
	float: left;
	border-radius: 20px;
	-webkit-border-radius: 20px;
}
.main5btn a:hover{
	background: #f2a548;
}
.more {
	width: 100%;
	height: 35px;
	position: absolute;
	left: 0;
	top: 627px;	
}
.more a{
	display: block;
	width: 173px;
	height: 33px;
	margin: 0 auto;
	text-align: center;
	line-height: 33px;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	border: 1px solid #666;
	color: #666;
	transition: 1s all;
	-webkit-transition: 1s all;
}
.more a:hover{
	color: #fff;
	background: #f7ab00;
	border: 1px solid #f7ab00;
}
.main6Wrap{
	width: 100%;
	height: 628px;
	background: #e2e2e2;
}
.main6{
	width: 1180px;
	margin: 0 auto;
	height: 628px;
	position: relative;
}
.main6Tit{
	font-size: 45px;
	color: #666;
	text-align: center;
	margin: 62px 0 15px 0;
	margin-top: -100%;
	transition: 1s all;
	-webkit-transition: 1s all;
}
.main6TitSub{
	color: #666;
	text-align: center;
	margin-bottom: 78px;
	font-size: 16px;
	margin-top: -80%;
	transition: 1s all;
	-webkit-transition: 1s all;
}
.main6Bot{
	width: 1200px;
	height: 316px;
	position: absolute;
	right: -20px;
	top: 247px;
	right: -100%;
	top: -100%;
	transition: 1s all;
	-webkit-transition: 1s all;
}
.main6Tit2{
	font-size: 45px;
	color: #666;
	text-align: center;
	margin: 62px 0 15px 0;
	margin-top: -100%;
	transition: 1s all;
	-webkit-transition: 1s all;
}
.main6TitSub2{
	color: #666;
	text-align: center;
	margin-bottom: 78px;
	font-size: 16px;
	margin-top: -80%;
	transition: 1s all;
	-webkit-transition: 1s all;
}
.main6Bot2{
	width: 1200px;
	height: 316px;
	position: absolute;
	right: -20px;
	top: 247px;
	right: -100%;
	top: -100%;
	transition: 1s all;
	-webkit-transition: 1s all;
}
.main6Bot ul{
	width: 1200px;
	height: 316px;
	transition: 1s all;
	-webkit-transition: 1s all;
	position: relative;
}
.main6Bot ul li{
	float: left;
	width: 270px;
	height: 313px;	
	position: absolute;
	left: 0;
	top: 0;
	margin-left: -270px;
	transition: 1s all;
	-webkit-transition: 1s all;
}
.main6Bot ul li span{
	display: block;
	width: 103px;
	height: 103px;
	left: 94px;
	top: 53px;
	position: absolute;
	background: rgba(255,255,255,0.1);
	box-shadow: 0 0 0 2px rgba(255,255,255,0.1);
	-webkit-box-shadow: 0 0 0 2px rgba(255,255,255,0.1);
	opacity: 0;
	filter:alpha(opacity=0);
	-webkit-transform: scale(0.9);
	-moz-transform: scale(0.9);
	-ms-transform: scale(0.9);
	transform: scale(0.9);
	border-radius: 50%;
	-webkit-border-radius: 50%;
}
.main6Bot ul li .mainIm1{
	display: block;
	width: 103px;
	height: 103px;
	left: 95px;
	top: 54px;
	position: absolute;
}
.main6Bot ul li a{
	display: block;
	position: absolute;
	top: 59px;
	left:100px;
	background: url(../images/yuan1.png) no-repeat;
	width: 94px;
	height: 94px;
	text-align: center;
	line-height: 94px;
	font-size: 16px;
	font-weight: bold;
	color: #000;
	transform: rotate(0deg);
	transition: 1s all;
	-webkit-transition: 1s all;
}
.main6Bot ul li.main6List{
	background: url(../images/main6Bg1.png) no-repeat left top;
}
.main6Bot ul li.main6List:hover{
	background: url(../images/main6Bg1Hov.png) no-repeat left top;
}
.main6Bot ul li.main6List2{
	background: url(../images/main6Bg2.png) no-repeat left top;
	margin-left: -43px;
}
.main6Bot ul li.main6List2:hover{
	background: url(../images/main6Bg2Hov.png) no-repeat left top;
}
.main6Bot ul li.main6List3{
	background: url(../images/main6Bg3.png) no-repeat left top;
	margin-left: -43px;
}
.main6Bot ul li.main6List3:hover{
	background: url(../images/main6Bg3Hov.png) no-repeat left top;
}
.main6Bot ul li.main6List4{
	background: url(../images/main6Bg4.png) no-repeat left top;
	margin-left: -43px;
}
.main6Bot ul li.main6List4:hover{
	background: url(../images/main6Bg4Hov.png) no-repeat left top;
}
.main6Bot ul li.main6List5{
	background: url(../images/main6Bg5.png) no-repeat left top;
	margin-left: -43px;
}
.main6Bot ul li.main6List5:hover{
	background: url(../images/main6Bg5Hov.png) no-repeat left top;
}
.main6Bot ul li span.spanCur{
	-webkit-animation: sonarEffect 1.3s ease-out 75ms infinite;
	-moz-animation: sonarEffect 1.3s ease-out 75ms infinite;
	animation: sonarEffect 1.3s ease-out 75ms infinite;
}
@-webkit-keyframes sonarEffect {
	0% {
		opacity: 0.3;
		filter:alpha(opacity=30);
	}
	40% {
		opacity: 0.5;
		filter:alpha(opacity=50);
		box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #fff, 0 0 0 10px rgba(255,255,255,0.5);
		-webkit-box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #fff, 0 0 0 10px rgba(255,255,255,0.5);
	}
	100% {
		box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #fff, 0 0 0 10px rgba(255,255,255,0.5);
		-webkit-box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #fff, 0 0 0 10px rgba(255,255,255,0.5);
		-webkit-transform: scale(1.1);
		opacity: 0;
		filter:alpha(opacity=0);
	}
}
@-moz-keyframes sonarEffect {
		0% {
		opacity: 0.3;
		filter:alpha(opacity=30);
	}
	40% {
		opacity: 0.5;
		filter:alpha(opacity=50);
		box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #fff, 0 0 0 10px rgba(255,255,255,0.5);
		-webkit-box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #fff, 0 0 0 10px rgba(255,255,255,0.5);
	}
	100% {
		box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #fff, 0 0 0 10px rgba(255,255,255,0.5);
		-webkit-box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #fff, 0 0 0 10px rgba(255,255,255,0.5);
		-webkit-transform: scale(1.1);
		opacity: 0;
		filter:alpha(opacity=0);
	}
}
@keyframes sonarEffect {
		0% {
		opacity: 0.3;
		filter:alpha(opacity=30);
	}
	40% {
		opacity: 0.5;
		filter:alpha(opacity=50);
		box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #fff, 0 0 0 10px rgba(255,255,255,0.5);
		-webkit-box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #fff, 0 0 0 10px rgba(255,255,255,0.5);
	}
	100% {
		box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #fff, 0 0 0 10px rgba(255,255,255,0.5);
		-webkit-box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #fff, 0 0 0 10px rgba(255,255,255,0.5);
		-webkit-transform: scale(1.1);
		opacity: 0;
		filter:alpha(opacity=0);
	}
}
.main6Bot ul li:hover{
	transform: translate(5px,-5px);
	transform-origin: right top;
	-webkit-transform: translate(5px,-5px);
	-webkit-transform-origin: right top;
}
.main6e{
	width: 1180px;
	height: 466px;
	margin: 0 auto;
	border-bottom:1px solid #ccc;
}
.main6e0{
	width: 1180px;
	margin: 0 auto;
	height: 40px;
	margin-top: 45px;
}
.main6e1{
	float:left;
	width:100%;
	height: 60px;
}
.main6eleft{
	float:left;
	width:80%;
	font-size: 30px;
	color: #333;
	text-align: left;
}
.main6eleft h3{
	float:left;
	font-size: 30px;
	color: #333;
	display:inherit;
	font-weight:normal;
}
.main6eleft span{
	float:left;
	font-size: 30px;
	color: #333;
}
.main6eright{
	float:right;
	width:20%;
	text-align: right;
}
.main6eright a{
	font-size: 16px;
	color: #333;
}
.main6eright a:hover{
	text-decoration:underline;
}
.main6eCen{
	margin-top: 20px;
}
.main6eCen li{
	float: left;
	width: 32%;
	margin-right:1%;
}
.main6eCen li a{
	font-size: 15px;
	color: #666;
	text-align: left;
}
.main6eCen li a:hover{
	text-decoration:underline;
}
.main6eCen li .maint{
	float: left;
	width: 100%;
	height:34px;
}
.main6eCen li .maint .leftt{
	float: left;
	width: 6%;
	height:34px;
	line-height:34px;
	text-align:center;
	padding-top: 9px;
}
.main6eCen li .maint .leftt img{
	margin-left: 3px;
}
.main6eCen li .maint .rightt{
	float: right;
	width: 94%;
	height:34px;
	line-height:34px;
	text-align:left;
}
.main6eaCen{
	margin-top: 20px;
}
.main6eaCen li{
  margin: 0 auto;
  margin-top: 30px;
  width: 96%;
  padding:8px;
  border-radius:10px;
  box-shadow: 0px 2px 8px 2px rgba(0, 0, 0, 0.10);
}
.main6eaCen li:hover{
  margin: 0 auto;
  margin-top: 30px;
  width: 96%;
  padding:8px;
  border-radius:10px;
  box-shadow: 0px 6px 16px 3px rgba(0, 0, 0, 0.14);
}
.main6eaCen li table{
  width:98%;
  margin:0 auto;
  background: none;
}
.main6eaCen li a.inner{
	font-size: 18px;
	color: #333;
	text-align: left;
}
.main6eaCen li a.inner:hover{
	color:#f8b600;
	text-decoration:underline;
}
.main6eaCen .txt3{
	font-size: 14px;
	color: #999;
	text-align: left;
	line-height:21px;
}
.main6eaCen li a.inner2{
	font-size: 14px;
	color: #666;
	text-align: left;
}
.main6eaCen li a.inner2:hover{
	color:#f8b600;
	text-decoration:underline;
}
.main6eaCen .txt1{
	font-size: 14px;
	color: #333;
	text-align: left;
	line-height:21px;
}
.main7{
	width: 1180px;
	height: 271px;
	margin: 0 auto
}
.main7Cen{
	margin-top: 45px;
}
.main7Cen li{
	float: left;
	width: 236px;
	text-align: center;
	transition: 1s all;
	-webkit-transition: 1s all;
	opacity: 0;
	filter:alpha(opacity=0);
}
.main7Cen li span{
	display: block;
	width: 102px;
	height: 76px;
	background: url(../images/main7Bg1.png) no-repeat;
	padding-top: 23px;
	margin: 0 auto 27px;
	transition: 1s all;
	-webkit-transition: 1s all;
}
.main7Cen li span.main7Hov2{
	background: url(../images/main7Bg2.png) no-repeat;
}
.main7Cen li span.main7Hov3{
	background: url(../images/main7Bg3.png) no-repeat;
}
.main7Cen li span.main7Hov4{
	background: url(../images/main7Bg4.png) no-repeat;
}
.main7Cen li span.main7Hov5{
	background: url(../images/main7Bg5.png) no-repeat;
}
.main7Cen li span:hover{
	background: url(../images/main7Bg.png) no-repeat;
}
.main7Cen li span img{
	display: block;
	width: 96px;
	margin: 0 auto 0;
}
.main7Cen li p{
	color: #000;
	overflow: hidden;
	text-align: center;
	line-height: 24px;
}
.main8Wrap{
	width: 100%;
	padding: 5px 0 24px 0;
	background: #333333;
}
.main8{
	width: 1180px;
	margin: 0 auto;
	transition: 1s all;
	-webkit-transition: 1s all;
	opacity: 0;
	filter:alpha(opacity=0);
	margin-top: -20px;
}
.main8List{
	float: left;
}
.main8List p{
	font-size: 16px;
	color: #fff;
	background: url(../images/main8Icon1.png) no-repeat left center;
	padding-left: 25px;
	margin-bottom: 13px;
}
.main8List ul{
	margin-left: 13px;
}
.main8List ul li{
	overflow: hidden;
}
.main8List ul a{
	display: block;
	color: #fff;
	float: left;
	padding: 0 10px;
	height: 21px;
	line-height: 21px;
	text-align: center;
	border: 1px solid #333;
	margin-bottom: 10px;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	transition: 1s all;
	-webkit-transition: 1s all;
}
.main8List ul a:hover{
	border: 1px solid #fff;
}
.main8List1{
	margin-left: 15px;
	width: 138px;
}
.main8List2 p{
	background: url(../images/main8Icon2.png) no-repeat left center;
}
.main8List2{
	width: 300px;
}
.main8List2 ul{
	float: left;
}
.main8List2 ul.main2ul{
	margin-right: 15px;
}
.main8List3 p{
	background: url(../images/main8Icon3.png) no-repeat left center;
}
.main8List3{
	width: 138px;
}
.main8List4 p{
	background: url(../images/main8Icon4.png) no-repeat left center;
}
.main8List4{
	width: 152px;
}
.main8List5 p{
	background: url(../images/main8Icon5.png) no-repeat left center;	
}
.main8List5{
	width: 280px;
}
.main8List5 ul{
	float: left;
}
.main8List5 ul.main8ul{
	margin-right: 15px;
}
.main8List6{
	width: 138px;
}
.main8List6 p{
	background: url(../images/main8Icon4.png) no-repeat left center;	
}
.wx{
	width: 162px;
	float: right;
	height: 210px;
	position: relative;
}
.wx p{
	font-size: 16px;
	color: #fff;
	background: url(../images/main8Icon6.png) no-repeat left center;
	padding-left: 28px;
	margin-bottom: 13px;
}
.wx span{
	display: block;
	width: 106px;
	height: 106px;
	position: absolute;
	left: 28px;
	top: 35px;
	transform: scale(1);
	-webkit-transform: scale(1);
	transition: 1s all;
	-webkit-transition: 1s all;
}
.wx span img{
	display: block;
	float: right;
	transition: 1s all;
	-webkit-transition: 1s all;
	width: 100%;
	border-radius:5px;
	cursor: pointer;
}
.wx span:hover{
	transform: scale(1.05);
	-webkit-transform: scale(1.05);
}
.main9Wrap{
	width: 100%;
	height: 48px;
	background: #333;
	border-top: 1px solid #444;
	
}
.foot_links{
	margin:0 auto;width:100%;background:#333;
}
.foot_links_main{
	margin:0 auto;width:96%; max-width:1180px;color:#fff;
}
.foot_links_content{
	line-height: 30px;font-size:14px; color:#fff; text-align:center; padding-bottom:18px;
}
.foot_links_content a{
	border: 1px solid #333;
	font-size:14px; color:#fff;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	padding: 0 6px;
}
.foot_links_content a:hover{
	border: 1px solid #fff;
}
.main9{
	width: 1180px;
	margin: 0 auto;
	color: #fff;
	height: 48px;
	line-height: 48px;
	text-align: center;
	transition: 1s all;
	-webkit-transition: 1s all;
	opacity: 0;
	filter:alpha(opacity=0);
	margin-top: -20px;
}
.main9 a{
	color: #FFF;
	font-size: 14px;
	border: 1px solid #333;
	transition: 1s all;
	-webkit-transition: 1s all;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	padding: 0 7px;
	margin: 0 3px;
}
.main9 a:hover{
	border: 1px solid #fff;
}
.fixWrap{
	width: 70px;
	height: 284px;
	background: #f2a548;
	position: fixed;
	right: 0;
	bottom: 140px;
	z-index: 3;
}
.fixTel{
	width: 70px;
	height: 70px;
	border-bottom: 1px solid #fff;
	display: block;
	position: relative;
}
.fixTel p{
	font-size: 12px;
	color: #fff;
	width: 100%;
	text-align: center;
	position: absolute;
	left: 0;
	bottom: 10px;
}
.fixBor{
	border-bottom: 0;
}
.fixWrap a{
	transition: 1s all;
	-webkit-transition: 1s all;
	display: block;
}
.fixWrap a:hover{
	background: #f0ba75;
}
.fixqq img.visit{
	display: block;
}
.fixqq img.hov{
	display: none;
}
.fixWrap a.fixqq:hover{
	background: #fff;
}
.fixWrap a.fixqq:hover img.visit{
	display: none;
}
.fixWrap a.fixqq:hover img.hov{
	display: block;
}
.fixWrap a.fixqq:hover p{
	color:#f2a548 ;
}
.alertBg{
	background: url(../images/fixBg.png);
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	display: none;
	z-index: 10;
}
.alertCon{
	width: 444px;
	height: 514px;
	position: fixed;
	left: 50%;
	top:50%;
	margin: -257px 0 0 -222px;
	display: none;
	z-index: 10;	
}
.close{
	display: block;
	width: 32px;
	height: 32px;
	position: absolute;
	right: 0;
	top: 0;
}
.alertBot{
	background: url(../images/fixdzBg.png) no-repeat;
	width: 432px;
	height: 494px;
	margin: 10px auto 0;

}
.alertBot{
	padding: 346px 0 0 54px;
}
.alertList{
	width: 80px;
	float: left;
	margin-left: 54px;
	text-align: center;
}
.alertList a{
	background: url(../images/arc.png) no-repeat;
	width: 80px;
	height: 80px;
	display: block;	
	margin-bottom: 12px;
	overflow: hidden;
	transition: 1s all;
	-webkit-transition: 1s all;
}
.alertList a img.visit{
	display: block;
}
.alertList a img.hov{
	display: none;
}
.alertList a:hover{
	background: url(../images/arc2.png) no-repeat;
}
.alertList a:hover img.visit{
	display: none;
}
.alertList a:hover img.hov{
	display: block;
}
.fixBor{
	position: relative;
}
.fixwxImg{
	position: absolute;
	right: 70px;
	bottom: -58px;
	width: 200px;
	height: 180px;
	opacity: 0;
	filter: alpha(opacity=0);
	display: none;
}
.fixwxImg span{
	display: block;
	background: #fff;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	position: absolute;
	left: 0;
	top: 0;
}
.fixwxImg span img{
	width: 180px;
	height: 180px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
}
.fixwxImg em{
	display: block;
	width: 12px;
	height: 21px;
	position: absolute;
	left: 180px;
	top: 50%;
	margin-top: -10.5px;
}
.fixBor4{
	position: relative;
}
.fixBor6{
	position: relative;
}
.fixwxImg6{
	position: absolute;
	right: 246px;
	bottom: -132px;
	width: 200px;
	height: 180px;
	 opacity: 0; 
	filter: alpha(opacity=0);
	display: none;
	z-index:1;
}
.fixwxImg6 span{
	display: block;
	background: #fff;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	position: absolute;
	left: 0;
	top: 0;
}
.fixwxImg6 span img{
	width: 180px;
	height: 180px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
}
.fixwxImg6 em{
	display: block;
	width: 12px;
	height: 21px;
	position: absolute;
	left: 180px;
	top: 50%;
	margin-top: -10.5px;
}
/*三级页面*/
.main5Wrap_3{
	width: 100%;
	margin: 0 auto;
	height: auto;
	background: #f8f8f8;
}
.main5_3{
	width: 1180px;
	margin: 0 auto;
	height: auto;
	
}
.main5Tit_3{
	margin: 0px 0 30px 0;
	
}
.main5Bot_3{
    width: 1180px;
    height: auto;
    left: 0;
	/*background: #f1f1f1;*/
}
.slide_3 {
	width:100%;
    height: auto;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 20px;
}
.bannerWrap_3{
	width: 100%;
	height: 360px;
	position: relative;
    background:#dd646b;
}
.bannerWrap_3:hover{background-color:#e36f76}
.bannerWrap_3 ul{
	width: 100%;
	height: 360px;
	position: absolute;
	left: 0;
	top: 0;
}
.bannerWrap_3 ul li{
	width: 100%;
	height: 360px;
	position: relative;
	float: left;
}
.case-orange{padding:140px 0 90px 0;text-align:center}
.case-orange:hover{}

.case-orange h1{font-size:40px;color:#fff;}

.case-orange P{font-size: 15px;padding-top:18px;line-height: 24px;color:#fff;}
.case-orange span{margin-left:10px; margin-right:10px;color:#ddd;}
.case-orange lable{margin-right:2px;color:#fff;}
.tab_height0{
	width: 100%;
	margin: 0 auto;
	}
.tab_height{
	width: 1180px;
	margin: 0 auto;
	border-top: 1px solid #e6e6e6;
	}
.check-detail {display: inline-block;margin-left: 10px; padding: 10px 25px; border: 1px solid  #f2a548;background: #f2a548; font-size:16px;color: #fff;  margin-top: 0px;border-radius: 23px;}
.check-detail:hover {color:#fff; background: #f7bc3c;border: 1px solid  #f7bc3c}

.article{
	width:100%;
	padding:5px 0 0}

.article h1{text-align:center}
.article h1 img {margin: 0 auto;}

.article h2{width: 302px;margin:25px auto 0;font-size:14px;border-top:1px solid #666;color:#666;text-align:center;line-height:50px;}

.article .info{font-size:20px;color:#666;line-height:40px;padding:45px 80px;}

.article .linkb{text-align:center;color:#9d9d9d;font-size:14px;padding-top:40px}
.article .linkb a{width:70px;height:70px;display:inline-block;border:2px solid #f7bc3c;border-radius:100%;overflow:hidden;transition:all .3s ease-in}
.article .linkb a:hover{border:2px solid #e45f09;}

.c-body{
	width: 1178px;
	margin: 0 auto;
	border:1px solid #efefef;
	background:#fff;
	padding:30px 0;
	margin-top:45px;
	
	}
/*.c-body p{
	text-align:center;
	font-size:16px;
	font-weight:bold;
	padding-top:25px;
	padding-bottom:25px;
	line-height:30px;
	}*/

.c-bodye{
	margin: 0 auto;
	width: 94%;
	text-align:left;
	line-height:24px;
	
	}
.c-bodye p{
	text-align:left;
	font-weight:normal;
	font-size:16px;
	line-height:24px;
	}
.c-bodye p a{
	color:#333;
	font-size:16px;
	}
.c-bodye p a:hover {color: #f8b600;}
.c-bodye p img{
margin:0 auto;
display:block;
padding-top:10px;
padding-bottom:10px;
width: 100% !important;
max-width: 700px;
height: auto !important;
}
.txtaa4{
	font-size:16px;
	color: #333;
	}
.c-bodye span{
	line-height:24px;
	}
/*二级页面-解决方案*/
.bannerWrap_23{
	width: 100%;
	height: 360px;
	position: relative;
    background:#2292bb;
}
.bannerWrap_23:hover{background-color:#2da3cf}

.case-banner_23{
	
height: 130px;padding: 190px 0 40px 40px;color:#fff;
}
.case-banner_23:hover{}
.case-banner_23 h1{font-size:26px;color:#fff;}
.case-banner_23 P{font-size:14px;padding-top:15px;color:#fff;}
.case-banner_23 h2{font-size:16px;padding-top:15px;font-weight:400;color:#fff;}
.case-banner_23 p.tel{padding-top:10px;color:#fff;}
.main5Wrap_33{
	width: 100%;
	margin: 0 auto;
	height: auto;
	background: #f3f3f3;
}
.main5_33{
	width: 100%;
	margin: 0 auto;
	height: auto;
	
}
.main5Bot_33{
    width: 100%;
    margin: 0 auto;
	/*background: #f1f1f1;*/
}
.main5_33 a img.visit{
	display: block;
}
.main5_33 a img.hov{
	display: none;
}
.main5Tit_33{
	margin: 0px 0 30px 0;
	width: 100%;
}
.bannerWrap_33{
	width: 100%;
	height: 360px;
	position: relative;
    background:#54aed0;
}
.bannerWrap_33:hover{background-color:#65c1e3}

.case-orange_33{padding:170px 0 90px 0;text-align:center}
.case-orange_33:hover{}

.case-orange_33 h1{font-size:40px;color:#fff;}

.case-orange_33 P{font-size:16px;padding-top:25px;color:#fff;}

.c-body_33{
    width: 100%;
	margin: 0 auto;
	}
.c-content_33{
	background:#fff;
	width: 100%;
	margin: 0 auto;
	padding-top:80px;
	}
.c-info_43{
	width: 1180px;
	margin: 0 auto;
	}
.c-content_33_2{
	background:#f3f3f3;
	width: 100%;
	margin: 0 auto;
	padding-top:80px;
	}
.c-Tit_33{
	font-size: 36px;
	line-height: 36px;
	color: #333;
	margin: 90px 0 30px 0px;
}
.c-Tit_33s{
	font-size: 16px;
	line-height: 26px;
	color: #333;
}
.c-Tit_33s p,strong{
	font-size: 16px;
	line-height: 28px;
	color: #333;
}
.main5Bot_23{
    width: 1180px;
    height: auto;
    
    left: 0;
    bottom: 126px;
    /*transition: 1s all;
	-webkit-transition: 1s all;
	bottom: -200px;*/
}
.main52_23{
	width: 1180px;
	margin: 0 auto;
	height: auto;
}
.main5TitSub_23{
	color: #666;
	text-align: center;
	margin-bottom: 14px;
	line-height: 24px;
	font-size: 16px;
}
.main5Tit_23{
	font-size: 24px;
	line-height: 24px;
	color: #333;
	float: left;
	margin: 20px 0 28px 24px;
}
.main5Tit_23_1{
	margin-top: 14px;
}
.slide_23 {
	width:100%;
    height: auto;
}
.slide_23 ul{
    height: auto;
    width: 1180px;
}
.slide_23 li {
	float:left;
	width: 340px;
	margin-left: 24px;
	margin-bottom: 40px;
	padding-right:26px;
	
}
.main5Imgcon_23{
	/*position: relative;*/
	width: 340px;
	height:292px;
}

.slide_23 li img {
    width: 340px;
	height:184px;
	
}

.main5Txt_23{
    width: 340px;

    height: 108px;
    background: #f1f1f1;
}
.main5Txt_23 strong{
	height:auto;
	color: #333;
	font-size:16px;
	text-align: center;
	margin: 14px 0 10px 0;
	font-weight:bold;
	display: block;
}
.main5btn_23 {
	float: left;
	height:auto;
	padding: 0px 14px 0px 14px;
	color: #595959;
	line-height: 24px;
}

/*.main5btn_23 a{
	color: #595959;
	text-align: center;
	margin: 0 0 0 25px;
	width: 98px;
	height: 28px;
	text-align: center;
	line-height: 28px;
	border: 1px solid #fff;
	float: left;
	border-radius: 20px;
	-webkit-border-radius: 20px;
}*/
.main5btn_23 a:hover{
	background: #f2a548;
}
.main5Imgcon_23:hover{-moz-box-shadow:0 9px 9px rgba(0,0,0,.1);-webkit-box-shadow:0 9px 9px rgba(0,0,0,.1);box-shadow:0 9px 9px rgba(0,0,0,.1)}

/*二级页面-成功案例*/
.bannerWrap_2{
	width: 100%;
	height: 360px;
	position: relative;
    background:#64bcdd;
}
.bannerWrap_2:hover{background-color:#70c8e9}
.bannerWrap_2 ul{
	width: 100%;
	height: 360px;
	position: absolute;
	left: 0;
	top: 0;
}
.bannerWrap_2 ul li{
	width: 100%;
	height: 360px;
	position: relative;
	float: left;
}
.banner_2{
	width: 100%;
	position: absolute;
	top: 0;
	height: 360px;
	/*left: 50%;
	margin-left: -1000px;
	cursor: pointer;*/
}
.banner_2 div{
	width: 1180px;
	margin: 0 auto;
}
.case-banner{
	
height: 130px;padding: 190px 0 40px 40px;color:#fff;
}
.case-banner:hover{background-color:#70c8e9}
.case-banner h1{font-size:26px;color:#fff;}
.case-banner P{font-size:14px;padding-top:15px;color:#fff;}
.case-banner h2{font-size:16px;padding-top:15px;font-weight:400;color:#fff;}
.case-banner p.tel{padding-top:10px;color:#fff;}

.main5Wrap_2{
	width: 100%;
	margin: 0 auto;
	height: auto;
	background: #fff;
}
.main5_2{
	width: 1180px;
	margin: 0 auto;
	height: auto;
	
}
.main5Tit_2{
	font-size: 32px;
	color: #13adbc;
	text-align: center;
	margin: 42px 0 15px 0;
}
.main5TitSub_2{
	color: #666;
	text-align: center;
	margin-bottom: 58px;
	font-size: 16px;
}
.main5Bot_2{
    width: 1180px;
    height: auto;
    
    left: 0;
    bottom: 126px;
}
.main52_2{
	width: 1180px;
	margin: 0 auto;
	height: auto;
	/*position: relative;*/
}
.slide_2 {
	width:100%;
    height: auto;
    /*position: relative;*/
}
.slide_2 ul{
    height: auto;
    width: 1180px;
    /*position: absolute;
    left: 96px;*/
}
.slide_2 li {
	float:left;
	width: 288px;
	margin-left: 33px;
	margin-bottom: 106px;
	padding-right:52px;
    /*position: absolute;
    left: 200px;*/
   /* top: 0;
    overflow: hidden;*/
    /*padding-right: 62px;*/
	
}
.main5Imgcon_2{
	position: relative;
}

.slide_2 li img {
    width: 288px;
	height:380px;
	
}
.main5Tit2_2{
	font-size: 45px;
	color: #13adbc;
	text-align: center;
	margin: 42px 0 20px 0;
}
.main5TitSub2_2{
	width: 1180px;
    height: auto;
	color: #666;
	text-align: left;
	margin-bottom: 20px;
	line-height:30px;
	font-size: 16px;
}
.main5Txt_2{
    width: 288px;
    height: 74px;
    background: url(../images/bl.png);
    position: absolute;
    left: 0;
    bottom: 0;
    bottom:-50px;
	overflow: hidden;
	display: none;
}
.main5Txt_2 strong{
	color: #fff;
	text-align: center;
	margin: 22px 0 15px 0;
	font-weight: normal;
	display: block;
}
.main5btn_2 {
	margin-left: 5px;
}
.main5btn_2 a{
	color: #fff;
	text-align: center;
	margin: 0 0 0 25px;
	width: 98px;
	height: 28px;
	text-align: center;
	line-height: 28px;
	border: 1px solid #fff;
	float: left;
	border-radius: 20px;
	-webkit-border-radius: 20px;
}
.main5btn_2 a:hover{
	background: #f2a548;
}
.fenx{
	width:100%;
	height:auto;
	margin: 0 auto;
	padding-top:40px;
	}
.fenx_33{
	width:1180px;
	height:auto;
	margin: 0 auto;
	padding-top:40px;
	}
.main5_3 a img.visit{
	display: block;
}
.main5_3 a img.hov{
	display: none;
}
.main5_3 a:hover img.visit{
	display: none;
}
.main5_3 a:hover img.hov{
	display: block;
}

/*二级页面-营销体验中心*/
.bannerWrap_4{
	width: 100%;
	height: 360px;
	position: relative;
    background:#dd646b;
}
.bannerWrap_4:hover{background-color:#e36f76}
.bannerWrap_4 ul{
	width: 100%;
	height: 360px;
	position: absolute;
	left: 0;
	top: 0;
}
.bannerWrap_4 ul li{
	width: 100%;
	height: 360px;
	position: relative;
	float: left;
}
.banner_4{
	width: 100%;
	position: absolute;
	top: 0;
	height: 360px;
	/*left: 50%;
	margin-left: -1000px;
	cursor: pointer;*/
}
.banner_4 div{
	width: 1180px;
	margin: 0 auto;
}
.case-banner{
height: 130px;padding: 190px 0 40px 40px;color:#fff;
}
.case-banner:hover{}
.case-banner h1{font-size:26px;color:#fff;}
.case-banner P{font-size:14px;padding-top:15px;color:#fff;}
.case-banner h2{font-size:16px;padding-top:15px;font-weight:400;color:#fff;}
.case-banner p.tel{padding-top:10px;color:#fff;}

.yingxiao-banner{
	height: 130px;padding: 190px 0 40px 40px;color:#fff;
}
.yingxiao-banner:hover{}
.yingxiao-banner h1{font-size:26px;color:#fff;}
.yingxiao-banner P{font-size:14px;padding-top:15px;color:#fff;}
.yingxiao-banner h2{font-size:16px;padding-top:15px;font-weight:400;color:#fff;}
.yingxiao-banner p.tel{padding-top:10px;color:#fff;}

.main5Wrap_4{
	width: 100%;
	margin: 0 auto;
	height: auto;
	background: #fff;
}
.main5_4{
	width: 1180px;
	margin: 0 auto;
	height: auto;
	
}
.main5Tit_4{
	font-size: 32px;
	color: #13adbc;
	text-align: center;
	margin: 42px 0 15px 0;
}
.main5TitSub_4{
	color: #666;
	text-align: center;
	margin-bottom: 58px;
	font-size: 16px;
}
.main5Bot_4{
    width: 1180px;
    height: auto;
    
    left: 0;
    bottom: 126px;
}
.main52_4{
	width: 1180px;
	margin: 0 auto;
	height: auto;
	/*position: relative;*/
}
.slide_4 {
	width:100%;
    height: auto;
    /*position: relative;*/
}
.slide_4 ul{
    height: auto;
    width: 1180px;
    /*position: absolute;
    left: 96px;*/
}
.slide_4 li {
	float:left;
	width: 340px;
	margin-left: 14px;
	margin-bottom: 24px;
	padding-right:39px;
	
}
.main5Imgcon_4{
	position: relative;
}

.slide_4 li img {
    width: 340px;
	height:683px;
	
}
.main5Tit2_4{
	font-size: 45px;
	color: #13adbc;
	text-align: center;
	margin: 42px 0 20px 0;
}
.main5TitSub2_4{
	width: 1180px;
    height: auto;
	color: #666;
	text-align: left;
	margin-bottom: 20px;
	line-height:30px;
	font-size: 16px;
}
.main5Txt_4{
    width: 340px;
	height:683px;
    /*background: url(../images/bl.png);*/
	background: rgba(0,0,0,0.8);
	border-radius:45px;
    position: absolute;
    left: 0;
    bottom: 0;
    top:0px;
	overflow: hidden;
	display: none;
}
.main5Txt_4 strong{
	color: #fff;
	text-align: center;
	margin: 22px 10px 15px 10px;
	font-weight: normal;
	display: block;
	font-size:18px;
}
.main5btn_4{
	color: #fff;
	margin: 5px 20px 30px 20px;
	height: auto;
	line-height:28px;
	text-align: left;
	float: left;
	font-size:16px;
}
.main5ewm_4{
margin: 0px auto;
text-align: center;
}
.main5ewm_4 img{
width: 240px;
height:240px;
}
.main5txtewm_4{
	color: #fff;
	margin: 20px;
	height: 30px;
	line-height:30px;
	text-align: center;
	font-size:16px;
}
.main5title_4{
	color: #333;
	margin: 20px;
	height: 40px;
	line-height:40px;
	text-align: center;
	font-size:18px;
}
.xitong20{width:1180px;}
.gywm_detail {width:1128px;}
.gywm_detail li {line-height:25px;float:left;}

/*电商app开发*/
.main501Wrap_4{
	width: 100%;
	margin: 0 auto;
	height: auto;
	background: #fff;
}
.main501_4{
	width: 1180px;
	margin: 0 auto;
	height: auto;
	
}
.main501Tit_4{
	font-size: 32px;
	color: #333333;
	text-align: center;
	margin: 42px 0 15px 0;
}
.main501TitSub_4{
	color: #666;
	text-align: center;
	margin-bottom: 58px;
	font-size: 16px;
}
.main501Bot_4{
    width: 1180px;
    height: auto;
    left: 0;
    bottom: 56px;
}

.slide501_4 {
	width:100%;
    height: auto;
}
.slide501_4 ul{
    height: auto;
	padding-left:230px;
}
.slide501_4 li {
	float:left;
	width: 300px;
	margin-left: 20px;
	margin-bottom: 24px;
	padding-right:40px;
	
}
.main501Imgcon_4{
	position: relative;
}
.main501Img_4 img{
	margin:0 auto;
}
.slide501_4 li img {
    width: 113px;
	height:127px;
	
}
.main501title_4{
	color: #333;
	margin: 20px 20px 0px 20px;
	height: 40px;
	line-height:40px;
	text-align: center;
	font-size:28px;
}
.main501content_4{
	color: #666;
	margin: 6px 20px 20px 20px;
	height: 60px;
	line-height:26px;
	text-align: center;
	font-size:16px;
}

.bjyghd_app_order-process {
  background: #FFF;
  overflow: hidden;
}
.bjyghd_app_order-process > h1 {
  font-weight: normal;
  font-size: 32px;
  text-align: center;
  margin: 4px 0 26px 0;
  color: #333;
}
.bjyghd_app_order-process > p {
  text-align: center;
  color: #666666;
  font-size: 16px;
  margin-bottom: 26px;
}
.bjyghd_app_order-process .product-plan {
  border-radius: 4px;
  box-shadow: 0 2px 10px 1px rgba(188, 188, 188, 0.2);
  width: 1200px;
  margin: 0 auto 30px;
  height: 500px;
  background: url(../images/product/bg5.png);
  background-position: -6px -6px;
  position: relative;
}
.bjyghd_app_order-process .product-plan h1 {
  position: absolute;
  width: 80px;
  height: 500px;
  font-size: 30px;
  color: #fff;
  font-weight: normal;
  left: 24px;
  line-height: 36px;
  top: 180px;
}
.bjyghd_app_order-process .product-plan h2 {
  font-size: 24px;
  color: #333;
  text-align: center;
  padding-top: 30px;
  font-weight: normal;
}
.bjyghd_app_order-process .product-plan h2:nth-of-type(2) {
  padding-top: 36px;
}
.bjyghd_app_order-process .product-plan .analysis {
  overflow: hidden;
  padding: 66px 0 0 135px;
}
.bjyghd_app_order-process .product-plan .analysis div {
  float: left;
  box-sizing: border-box;
  width: 185px;
  padding: 0px 40px;
  text-align: center;
}
.bjyghd_app_order-process .product-plan .analysis div span {
  font-size: 18px;
  color: #333;
}
.bjyghd_app_order-process .product-plan .analysis div p {
  font-size: 14px;
  margin: 10px 0;
  line-height: 20px;
  color: #666666;
}
.bjyghd_app_order-process .product-plan .analysis-down {
  overflow: hidden;
  padding: 50px  0 0 140px;
}
.bjyghd_app_order-process .product-plan .analysis-down dl {
  float: left;
  width: 190px;
  margin: 0 25px;
  text-align: center;
}
.bjyghd_app_order-process .product-plan .analysis-down dl dt {
  padding: 20px 0;
  font-size: 18px;
  color: #333;
}
.bjyghd_app_order-process .product-plan .analysis-down dl dd {
  font-size: 14px;
  color: #666666;
  line-height: 22px;
}
.bjyghd_app_order-process .product-dev {
  height: 760px;
  width: 1200px;
  margin: 0 auto 30px;
  border-radius: 4px;
  box-shadow: 0 2px 10px 1px rgba(188, 188, 188, 0.2);background-color: #f9f9f9;
}
.bjyghd_app_order-process .product-dev > img {
  margin-top: -6px;
  margin-left: -6px;
  float: left;
  display: initial;
}
.bjyghd_app_order-process .product-dev .rightbox {
  width: 1200px;
  float: right;
  height: 760px;
}
.bjyghd_app_order-process .product-dev .rightbox .top {
  height: 200px;
}
.bjyghd_app_order-process .product-dev .rightbox .top h1 {
  padding: 42px 0;
  font-size: 24px;
  color: #333;
  text-align: center;
  font-weight: normal;
}
.bjyghd_app_order-process .product-dev .rightbox .top ul {
  padding: 0 200px;
}
.bjyghd_app_order-process .product-dev .rightbox .top ul li {
  float: left;
  margin: 0px 20px;
  width: 160px;
  font-size: 22px;
  line-height: 50px;
  background: #eeeeee;
  text-align: center;
  color: #333;
}
.bjyghd_app_order-process .product-dev .rightbox .middle {
  height: 310px;
  text-align: center;
}
.bjyghd_app_order-process .product-dev .rightbox .middle p img {
    display:initial;
}
.bjyghd_app_order-process .product-dev .rightbox .middle h1 {
  padding: 25px 0;
  font-size: 24px;
  color: #333;
  text-align: center;
  font-weight: normal;
}
.bjyghd_app_order-process .product-dev .rightbox .bottom {
  height: 250px;
}
.bjyghd_app_order-process .product-dev .rightbox .bottom h1 {
  padding: 50px 0 40px;
  font-size: 24px;
  color: #333;
  text-align: center;
  font-weight: normal;
}
.bjyghd_app_order-process .product-dev .rightbox .bottom p {
  width: 475px;
  padding-left: 80px;
  float: left;
  font-size: 18px;
  line-height: 40px;
  color: #666666;
}
.bjyghd_app_order-process .product-popularize {
  height: 450px;
  background-color: #f9f9f9;
  width: 1200px;
  margin: 0 auto 30px;
  overflow: hidden;
  border-radius: 4px;
  box-shadow: 0 2px 10px 1px rgba(188, 188, 188, 0.2);
}
.bjyghd_app_order-process .product-popularize > img {
  float: left;
  margin-top: -6px;
  margin-left: -6px;
  display: initial;
}
.bjyghd_app_order-process .product-popularize .rightbox {
  padding: 50px 0 10px 0;
  float: right;
  height: 361px;
  width: 1110px;
}
.bjyghd_app_order-process .product-popularize .rightbox dl {
  float: left;
  width: 293px;
  padding: 0 38px;
  height: 360px;
}
.bjyghd_app_order-process .product-popularize .rightbox dl dt {
  font-size: 22px;
  color: #333;
  text-align: left;
  font-weight: normal;
  margin: 22px 0 35px;
}
.bjyghd_app_order-process .product-popularize .rightbox dl dt img{
display:initial;
}
.bjyghd_app_order-process .product-popularize .rightbox dl dd {
  color: #666666;
  line-height: 26px;
  font-size: 16px;
}
.bjyghd_app_order-process .product-popularize .rightbox dl dd p {
  margin-bottom: 16px;
  font-size: 16px;
}
.bjyghd_app_order-process .product-popularize .rightbox dl:nth-of-type(2) {
  border-left: 1px solid #eee;
  border-right: 1px solid #eee;
}
.bjyghd_app_technology {
  height: 430px;
  background: url(../images/product/bg6.jpg);
  text-align: center;
  margin-bottom: 60px;
}
.bjyghd_app_technology h1 {
  width: 1200px;
  margin: auto;
  font-size: 32px;
  font-weight: normal;
  color: #fff;
  padding: 30px 0;
}
.bjyghd_app_technology .technology-list {
  width: 1200px;
  margin: auto;
  height: 300px;
  background: rgba(0, 0, 0, 0.2);
}
.bjyghd_app_technology .technology-list dl {
  float: left;
  width: 199px;
  color: #fff;
}
.bjyghd_app_technology .technology-list dl dt {
  font-size: 32px;
  font-weight: bold;
  margin: 30px;
  color:#fff;
}
.bjyghd_app_technology .technology-list dl dd {
  line-height: 30px;
  font-size: 16px;
  color:#fff;
}
.bjyghd_app_delivery-list {
  overflow: hidden;
}
.bjyghd_app_delivery-list h1 {
  width: 1200px;
  margin: auto;
  font-size: 32px;
  font-weight: normal;
  text-align: center;
  color: #333;
}
.bjyghd_app_delivery-list P {
  width: 1200px;
  text-align: center;
  margin: 30px auto 60px;
  font-size:16px;
  color: #666666;
}
.bjyghd_app_delivery-list .delivery-list-box {
  width: 1200px;
  margin: auto;
}
.bjyghd_app_delivery-list .delivery-list-box dl {
  float: left;
  width: 240px;
  height: 240px;
  text-align: center;
}
.bjyghd_app_delivery-list .delivery-list-box dl dt img{
   display:initial;
}
.bjyghd_app_delivery-list .delivery-list-box dl dd {
  font-size: 24px;
  margin: 38px 0;
  color: #626262;
}
.bjyghd_app_technical-support {
  padding-top: 50px;
}
.bjyghd_app_technical-support > h1 {
  font-size: 32px;
  font-weight: normal;
  text-align: center;
  color: #333;
  width: 1200px;
  margin: auto;
}
.bjyghd_app_technical-support > P {
  width: 1200px;
  text-align: center;
  margin: 30px auto 40px;
  font-size:16px;
  color: #666666;
}
.bjyghd_app_technical-support .show-support {
  overflow: hidden;
  width: 1200px;
  margin: auto;
}
.bjyghd_app_technical-support .show-support div {
  width: 300px;
  height: 360px;
  float: left;
  text-align: center;
}
.bjyghd_app_technical-support .show-support div img {
  margin-top: 100px;
  height: 74px;
  display: initial;
}
.bjyghd_app_technical-support .show-support div p {
  color: #fff;
  font-size: 24px;
  line-height: 40px;
  margin: 30px auto 40px;
}
.bjyghd_app_technical-support .show-support div:nth-of-type(1) {
  background: url(../images/product/app_support1.jpg);
}
.bjyghd_app_technical-support .show-support div:nth-of-type(2) {
  background: url(../images/product/app_support2.jpg);
}
.bjyghd_app_technical-support .show-support div:nth-of-type(3) {
  background: url(../images/product/app_support3.jpg);
}
.bjyghd_app_technical-support .show-support div:nth-of-type(4) {
  background: url(../images/product/app_support4.jpg);
}
.bjyghd_app_system-safety {
  width: 1200px;
  margin: auto;
  padding-bottom: 50px;
  overflow: hidden;
}
.bjyghd_app_system-safety h1 {
  font-size: 32px;
  font-weight: normal;
  text-align: center;
  color: #333;
  width: 1200px;
  margin: auto;
}
.bjyghd_app_system-safety P {
  width: 1200px;
  text-align: center;
  margin: 30px auto 40px;
  font-size:16px;
  color: #666666;
}
.bjyghd_app_system-safety dl {
  margin-bottom: 10px;
  box-shadow: 0 0 10px 2px rgba(188, 188, 188, 0.4);
  width: 270px;
  float: left;
  text-align: center;
  margin: 0 15px;background-color: #f9f9f9;
}
.bjyghd_app_system-safety dl dt {
  line-height: 60px;
  background: #1c496e;
  color: #fff;
  font-size: 24px;
  border-radius: 4px;
}
.bjyghd_app_system-safety dl dd {
  font-size: 18px;
  line-height: 60px;
  background: #eee;
  margin: 14px 0px;
  color: #666666;
}
.bjyghd_app_system-safety dl dd:last-child {
  margin-bottom: 0;
}
.bjyghd_app_system-safety dl:nth-of-type(3) dd:nth-of-type(1) {
  line-height: 26px;
  padding: 4px 0px;
}
.bjyghd_app_us-ability {
  height: 385px;
  background: #f6f6f6;
}
.bjyghd_app_us-ability h1 {
  font-size: 32px;
  font-weight: normal;
  text-align: center;
  padding: 40px 0 60px;
  color: #333;
  width: 1200px;
  margin: auto;
}
.bjyghd_app_us-ability .bjyghd_app_us-ability-content {
  width: 1200px;
  margin: auto;
}
.bjyghd_app_us-ability .bjyghd_app_us-ability-content .content-box {
  text-align: center;
  width: 300px;
  float: left;
}
.bjyghd_app_us-ability .bjyghd_app_us-ability-content .content-box img{
   display:initial;
}
.bjyghd_app_us-ability .bjyghd_app_us-ability-content .content-box h3 {
  margin-top: 25px;
  margin-bottom: 10px;
  font-size: 24px;
  font-weight: normal;
}
.bjyghd_app_us-ability .bjyghd_app_us-ability-content .content-box p {
  line-height: 24px;
  font-size:16px;
  color: #666666;
}
/*电商平台开发*/
.main502Wrap_4{
	width: 100%;
	margin: 0 auto;
	height: auto;
	background: #fff;
}
.main502_4{
	width: 1200px;
	margin: 0 auto;
	height: auto;
	
}
.main502Tit_4{
	font-size: 32px;
	color: #333333;
	text-align: center;
	margin: 42px 0 15px 0;
}
.main502TitSub_4{
	color: #666;
	text-align: center;
	margin-bottom: 58px;
	font-size: 16px;
}
.main502Bot_4{
    width: 1200px;
    height: auto;
    left: 0;
    bottom: 56px;
}

.slide502_4 {
	width:100%;
    height: auto;
}
.slide502_4 ul{
    height: auto;
}
.slide502_4 li {
	float:left;
	width: 200px;
	margin-left: 20px;
	margin-bottom: 30px;
	margin-right:20px;
	
}
.main502Imgcon_4{
	position: relative;
}
.main502Img_4 img{
	margin:0 auto;
}
.slide502_4 li img {
    width: auto;
	height:62px;
	
}
.main502title_4{
	color: #333;
	margin: 20px;
	height: 40px;
	line-height:40px;
	text-align: center;
	font-size:24px;
}

#e-commerce-describe {
  background: url(../images/product/dianshang_kaifa_100.jpg) no-repeat 0px -7px;
  background-size: cover;
  overflow: hidden;
  padding-bottom: 40px;
}
#e-commerce-describe h1 {
  padding: 40px 0;
  font-size: 32px;
  font-weight: normal;
  text-align: center;
  color: #333333;
}
#e-commerce-describe .subbox {
  box-sizing: border-box;
  border-radius: 8px;
  float: left;
  width: 272px;
  height: 406px;
  margin: 13px 14px;
  padding: 30px 30px 0px;
  background: #fff;
  position: relative;
}
#e-commerce-describe .subbox h2 {
  height: 38px;
  padding-top: 2px;
  text-indent: 50px;
  font-size: 30px;
  font-weight: normal;
  margin-bottom: 16px;
  color: #333333;
  background-size: 35px 35px;
}
#e-commerce-describe .subbox h2 img {
  margin-right: 14px;
  margin-top: -10px;
}
#e-commerce-describe .subbox p {
  color: #767676;
  line-height: 24px;
  margin-bottom: 26px;
}
#e-commerce-describe .subbox dl {
  overflow: hidden;
  margin-bottom: 60px;
}
#e-commerce-describe .subbox dl dt {
  font-size: 20px;
  color: #3e3e3e;
  margin-bottom: 18px;
}
#e-commerce-describe .subbox dl dd {
  background: url("../images/product/dianshang_kaifa_18.png") no-repeat;
  height: 16px;
  float: left;
  font-size: 14px;
  color: #A7A7A7;
  text-indent: 20px;
  margin-bottom: 10px;
  margin-right: 18px;
}
#e-commerce-describe .subbox a {
  position: absolute;
  bottom: 0px;
  margin: 10px 0 20px;
  display: block;
  width: 120px;
  height: 32px;
  border-radius: 25px;
  color: #fff;
  text-align: center;
  line-height: 30px;
  background-color:#f2a548;
  font-size:15px;
}
#e-commerce-describe .subbox a:hover {
  color: #666;
}
#e-commerce-describe .subbox:nth-of-type(1) h2 {
  background: url("../images/product/dianshang_kaifa_1.png") no-repeat;
  background-size: 35px 35px;
}
#e-commerce-describe .subbox:nth-of-type(1):hover h2 {
  background: url("../images/product/dianshang_kaifa_16.png") no-repeat;
  background-size: 35px 35px;
}
#e-commerce-describe .subbox:nth-of-type(2) h2 {
  background: url("../images/product/dianshang_kaifa_9.png") no-repeat;
  background-size: 35px 35px;
}
#e-commerce-describe .subbox:nth-of-type(2):hover h2 {
  background: url("../images/product/dianshang_kaifa_17.png") no-repeat;
  background-size: 35px 35px;
}
#e-commerce-describe .subbox:nth-of-type(3) h2 {
  background: url("../images/product/dianshang_kaifa_3.png") no-repeat;
  background-size: 35px 35px;
}
#e-commerce-describe .subbox:nth-of-type(3):hover h2 {
  background: url("../images/product/dianshang_kaifa_15.png") no-repeat;
  background-size: 35px 35px;
}
#e-commerce-describe .subbox:nth-of-type(4) h2 {
  background: url("../images/product/dianshang_kaifa_10.png") no-repeat;
  background-size: 35px 35px;
}
#e-commerce-describe .subbox:nth-of-type(4):hover h2 {
  background: url("../images/product/dianshang_kaifa_19.png") no-repeat;
  background-size: 35px 35px;
}
#e-commerce-describe .subbox:nth-of-type(5) h2 {
  background: url("../images/product/dianshang_kaifa_4.png") no-repeat;
  background-size: 35px 35px;
}
#e-commerce-describe .subbox:nth-of-type(5):hover h2 {
  background: url("../images/product/dianshang_kaifa_11.png") no-repeat;
  background-size: 35px 35px;
}
#e-commerce-describe .subbox:nth-of-type(6) h2 {
  background: url("../images/product/dianshang_kaifa_7.png") no-repeat;
  background-size: 35px 35px;
}
#e-commerce-describe .subbox:nth-of-type(6):hover h2 {
  background: url("../images/product/dianshang_kaifa_12.png") no-repeat;
  background-size: 35px 35px;
}
#e-commerce-describe .subbox:nth-of-type(7) h2 {
  background: url("../images/product/dianshang_kaifa_13.png") no-repeat;
  background-size: 35px 35px;
}
#e-commerce-describe .subbox:nth-of-type(7):hover h2 {
  background: url("../images/product/dianshang_kaifa_8.png") no-repeat;
  background-size: 35px 35px;
}
#e-commerce-describe .subbox:nth-of-type(8) h2 {
  background: url("../images/product/dianshang_kaifa_2.png") no-repeat;
  background-size: 35px 35px;
}
#e-commerce-describe .subbox:nth-of-type(8):hover h2 {
  background: url("../images/product/dianshang_kaifa_5.png") no-repeat;
  background-size: 35px 35px;
}
#e-commerce-describe .subbox:hover {
  /* Safari 5.1 - 6.0 */
  /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(#dd646b, #dd646b);
  /* Firefox 3.6 - 15 */
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#dd646b, endColorstr=#dd646b);
  /*IE<9>*/
  background: linear-gradient(#dd646b, #dd646b);
  /* 标准的语法 */
}
#e-commerce-describe .subbox:hover h2,
#e-commerce-describe .subbox:hover p,
#e-commerce-describe .subbox:hover dt,
#e-commerce-describe .subbox:hover dd,
#e-commerce-describe .subbox:hover a {
  color: #fff;
}
#e-commerce-describe .subbox:hover a {
  border-color: #fff;
  background-color: #fff;
  color: #333;
}
#e-commerce-describe .subbox:hover dl dd {
  background: url("../images/product/dianshang_kaifa_14.png") no-repeat;
}
#more {
  background: url("../images/product/dianshang_fangan.jpg") no-repeat;
  background-size: cover;
  height: 200px;
}
#more h1 {
  padding-top: 48px;
  font-size: 32px;
  color: #fff;
  text-align: center;
  font-weight: normal;
}
#more a {
  margin: 40px auto 0;
  width: 180px;
  height: 40px;
  font-size: 18px;
  border: 1px solid #fff;
  border-radius: 25px;
  display: block;
  color: #fff;
  line-height: 38px;
  text-align: center;
}
#more a:hover {
  border: 1px solid #fff;
  background-color:#fff;
  color:#333;
}
#independent-show {
  overflow: hidden;
}
#independent-show h1 {
  padding: 40px 0 20px;
  font-size: 32px;
  font-weight: normal;
  text-align: center;
  color: #333333;
}
#independent-show p {
  text-align: center;
  line-height: 26px;
  color: #767676;
}
#independent-show dl {
  box-shadow: 0 0 6px 2px rgba(160, 160, 160, 0.2);
  border-radius: 4px;
  box-sizing: border-box;
  margin: 22px 6px 36px;
  float: left;
  width: 188px;
  height: 170px;
  text-align: center;
}
#independent-show dl dt {
  padding-top: 30px;
  height: 90px;
}
#independent-show dl dd {
  font-size: 24px;
  color: #626262;
}
#sys-framework {
  height: 700px;
  background: #f8f8f8;
}
#sys-framework h1 {
  padding: 45px 0 55px;
  font-size: 32px;
  font-weight: normal;
  text-align: center;
  color: #333333;
}
#sys-framework p {
  text-align: center;
}
#distribution-sys {
  overflow: hidden;
}
#distribution-sys h1 {
  padding: 45px 0 55px;
  font-size: 32px;
  font-weight: normal;
  text-align: center;
  color: #333333;
}
#distribution-sys li {
  background: url("../images/product/dianshang_fenxiao_bg.jpg") no-repeat -5px -5px;
  float: left;
  margin: 0 14px;
  border-radius: 4px;
  width: 272px;
  height: 340px;
  text-align: center;
  overflow: hidden;
}
#distribution-sys li h3 {
  margin: 28px auto 28px;
  width: 100px;
  height: 100px;
  border-radius: 100%;
  background: #fff;
  box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.2);
}
#distribution-sys li h3 img {
  margin-top: 27px;
  display: initial;
}
#distribution-sys li h2 {
  font-size: 24px;
  color: #fff;
}
#distribution-sys li p {
  padding: 20px 45px;
  color: #fff;
  line-height: 26px;
}
#solution {
  overflow: hidden;
  background: #f8f8f8;
}
#solution .box1080 {
  padding-bottom: 40px;
  width: 1120px;
  margin: auto;
  overflow: hidden;
}
#solution .box1080 h1 {
  padding: 45px 0 55px;
  font-size: 32px;
  font-weight: normal;
  text-align: center;
  color: #333333;
}
#solution .box1080 img {
  float: left;
}
#solution .box1080 .listbox {
  float: right;
  box-sizing: border-box;
}
#solution .box1080 .listbox dl {
  box-sizing: border-box;
  padding: 22px;
  width: 360px;
  height: 118px;
  background: #FFF;
  margin-bottom: 13px;
}
#solution .box1080 .listbox dl dt {
  border-left: 4px solid #dd646b;
  padding-left: 10px;
  font-size: 22px;
  color: #dd646b;
}
#solution .box1080 .listbox dl dd {
  line-height: 24px;

  font-size: 14px;
  color: #767676;
  margin-top: 10px;
}
#solution .box1080 .listbox p {
  height: 40px;
  background: #fff;
  padding: 8px 0;
}
#solution .box1080 .listbox p a {
  display: block;
  margin-left: 8px;
  width: 140px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  border: 1px solid #f2a548;
  border-radius: 25px;
  font-size:16px;
}

#solution .box1080 .listbox p a:nth-of-type(1) {
  background: #f2a548;
  border: 1px solid #f2a548;
  color: #fff;
}
#solution .box1080 .listbox p a:nth-of-type(2) {
  background: #fff;
  color: #f2a548;
}
#solution .box1080 .listbox p a:hover {
  color: #333;
  background: #fff;
  border: 1px solid #f2a548;
}
#solution .solution-bottom {
  padding-top: 65px;
  height: 195px;
  background: url("../images/product/dianshang_fangan.jpg");
}
#solution .solution-bottom .col-6 {
  float: left;
  width: 200px;
  height: 160px;
  box-sizing: border-box;
  text-align: center;
  border-right: 1px solid #8C96E6;
}
#solution .solution-bottom .col-6 h2 {
  margin-top: -10px;
  height: 50px;
}
#solution .solution-bottom .col-6 h2 img {
	display:initial;
}
#solution .solution-bottom .col-6 h1 {
  font-size: 24px;
  color: #fff;
  margin-top: 30px;
}
#solution .solution-bottom .col-6 p {
  padding: 0 16px;
  margin-top: 24px;
  font-size: 14px;
  color: #eee;
  line-height: 24px;
}
#solution .solution-bottom .col-6:nth-of-type(1) {
  border-left: 1px solid #8C96E6;
}
#requirement {
  background-image: url(../images/product/dianshang_fangan_bg.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  padding-bottom: 30px;
}
#requirement h1 {
  font-weight: normal;
  font-size: 32px;
  text-align: center;
  width: 1250px;
  margin: auto;
  padding: 48px 0 26px 0;
  color: #333333;
}
#requirement p {
  text-align: center;
  color: #767676;
  font-size: 16px;
  width: 1250px;
  margin: auto;
  padding-bottom: 26px;
}
#requirement #stage {
  width: 1250px;
  margin: auto;
  height: 166px;
  border-bottom: 3px solid #cfd2d4;
}
#requirement #stage div.title-box {
  position: relative;
  padding-bottom: 20px;
  float: left;
  text-align: center;
  width: 171.4px;
  box-sizing: border-box;
}
#requirement #stage div.title-box div.img-box {
  height: 85px;
}
#requirement #stage div.title-box div.img-box img {
  opacity: 0.6;
  display:initial;
}
#requirement #stage div.title-box b {
  font-size: 26px;
  font-weight: normal;
  color: #111;
}
#requirement #stage div.title-box .float {
  float: left;
  margin-left: 50%;
}
#requirement #stage div.title-box .float img {
  position: relative;
  bottom: -34px;
  left: -50%;
}
#requirement #stage .title-box:nth-of-type(1) .img-box img {
  margin-top: 2px;
}
#requirement #stage .title-box:nth-of-type(5) .img-box img {
  margin-top: 5px;
}
#requirement #stage .title-box:nth-of-type(4) .img-box img {
  margin-top: 5px;
}
#requirement #stage .title-box:nth-of-type(2) .img-box img,
#requirement #stage .title-box:nth-of-type(3) .img-box img {
  margin-top: -7px;
}
#requirement #stagelist {
  width: 1250px;
  margin: auto;
  overflow: hidden;
  padding: 30px 0 25px;
  color: #767676;
  line-height: 26px;
}
#requirement #stagelist > li {
  float: left;
  width: 171.4px;
}
#requirement #stagelist > li ul.listcentent li {
  text-align: center;
  font-size: 14px;
}
.pub-1200 {
  width: 1250px;
  margin: auto;
}
#wechat-sys h1 {
  text-align: center;
  padding-top: 55px;
  font-size: 32px;
  font-weight: normal;
  color: #333333;
}
#wechat-sys .pub-1200 > p {
  text-align: center;
  line-height: 24px;
  margin-top: 22px;
  margin-bottom: 28px;
  font-size: 16px;
  color: #767676;
}
#wechat-sys ul {
  overflow: hidden;
}
#wechat-sys ul li {
  transition: all 0.2s;
  position: relative;
  float: left;
  width: 286px;
  height: 380px;
  margin: 0px 7px;
  color: #fff;
}
#wechat-sys ul li .box-4 {
  transition: all 0.2s;
  background: rgba(0, 0, 0, 0.2);
  height: 380px;
}
#wechat-sys ul li .box-4 div {
  transition: all 0.2s;
  position: relative;
  z-index: 2;
  text-align: center;
  height: 135px;
  padding-top: 105px;
}
#wechat-sys ul li .box-4 div img {
 display: initial;
}
#wechat-sys ul li .box-4 h2 {
  transition: all 0.2s;
  position: relative;
  z-index: 2;
  text-align: center;
  font-size: 24px;
  font-weight: normal;
  color: #fff;
}
#wechat-sys ul li p{
  color: #fff;
}
#wechat-sys ul li .box-4 p {
  transition: all 0.2s;
  position: absolute;
  z-index: 1;
  top: 380px;
  padding: 215px 38px;
  font-size: 14px;
  background: rgba(211, 100, 107, 0.7);
  line-height: 24px;
}
#wechat-sys ul li:hover .box-4 {
  background: none;
}
#wechat-sys ul li:hover .box-4 div {
  padding-top: 60px;
}
#wechat-sys ul li:hover .box-4 h2 {
  margin-top: -30px;
}
#wechat-sys ul li:hover .box-4 p {
  top: 0px;
}
#wechat-sys ul li:nth-of-type(1) {
  background-image: url("../images/product/weixin_sysytem1.jpg");
}
#wechat-sys ul li:nth-of-type(2) {
  background: url("../images/product/weixin_sysytem2.jpg");
}
#wechat-sys ul li:nth-of-type(3) {
  background: url("../images/product/weixin_sysytem3.jpg");
}
#wechat-sys ul li:nth-of-type(4) {
  background: url("../images/product/weixin_sysytem4.jpg");
}
#wechat-toll {
  padding-bottom: 60px;
  overflow: hidden;
  background: #EEEEEE;
}
#wechat-toll h1 {
  text-align: center;
  padding-top: 65px;
  padding-bottom: 40px;
  font-size: 32px;
  font-weight: normal;
  color: #333333;
}
#wechat-toll dl {
  border-radius: 8px;
  float: left;
  width: 370px;
  height: 260px;
  margin: 14px 15px;
  background: #fff;
  text-align: center;
}
#wechat-toll dl dt {
  padding-top: 35px;
}
#wechat-toll dl dt img {
 display: initial;
}
#wechat-toll dl dd h2 {
  padding: 24px 0 20px;
  font-size: 24px;
  font-weight: normal;
  color: #333333;
}
#wechat-toll dl dd p {
  padding: 0 32px;
  line-height: 24px;
  color: #666;
  font-size:15px;
}
#wechat-dev-flow {
  padding-bottom: 115px;
}
#wechat-dev-flow h1 {
  text-align: center;
  padding-top: 75px;
  font-size: 32px;
  font-weight: normal;
  color: #333333;
}
#wechat-dev-flow .pub-1200 > p {
  text-align: center;
  line-height: 24px;
  margin-top: 22px;
  margin-bottom: 28px;
  font-size: 16px;
  color: #767676;
}
#wechat-dev-flow .flow-title {
  width: 1120px;
  margin: 0 auto 26px;
}
#wechat-dev-flow .flow-title div {
  border-bottom: 2px solid #dd646b;
  padding-bottom: 12px;
  overflow: hidden;
}
#wechat-dev-flow .flow-title div span {
  float: left;
  width: 260px;
  margin-left: 16px;
  text-align: center;
  color: #888888;
  font-size:16px;
}
#wechat-dev-flow .flow-title i {
  margin-top: -10px;
  margin-right: 260px;
  display: block;
  float: left;
  width: 12px;
  height: 12px;
  background: #fff;
  border-radius: 100%;
  border: 2px solid #dd646b;
}
#wechat-dev-flow .flow-title i:last-child {
  margin-right: 0;
}
#wechat-dev-flow .flow-details {
  width: 1120px;
  margin: auto;
}
#wechat-dev-flow .flow-details ul {
  overflow: hidden;
}
#wechat-dev-flow .flow-details ul li {
  background: url("../images/product/weixin_liucheng_bg.png") no-repeat 13px 0;
  width: 140px;
  height: 80px;
  float: left;
  text-align: center;
}
#wechat-dev-flow .flow-details ul li p {
  height: 26px;
  width: 26px;
  margin: 6px auto 14px;
  padding: 5px;
  border: 2px solid #fff;
  background: #dd646b;
  border-radius: 100%;
  line-height: 22px;
}
#wechat-dev-flow .flow-details ul li p img {
  height: 18px;
  width: 18px;
  display: initial;
}
#wechat-dev-flow .flow-details ul li span {
  color: #333333;
  font-size:16px;
}
#wechat-dev-flow .flow-details ul li:hover {
  background: url("../images/product/weixin_liucheng_bg2.png") no-repeat 13px 0;
}
#wechat-dev-flow .flow-details ul li:hover p {
  background-color: #dd646b;
}
#wechat-dev-flow .flow-details ul li:hover span {
  color: #4D8EFA;
}

.main10Wrap {
  background-image: url(../images/product/bottom_bg.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center 80%;
  height: 755px;
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: center;
}
.main8title {
  font-size: 36px;
  padding-bottom: 30px;
  color: #FFF;
  font-weight: bolder;
  letter-spacing:5px;
}
.main8btn {
  padding-bottom: 60px;
}
.main8btnz {
  height: 38px;
  text-align: center;
  color: #fff;
  font-weight: bolder;
  display: inline-block;
  border-radius: 25px;
  cursor: pointer;
  margin: 0 5px;
  letter-spacing:1px;
}
.main8Gyet {
  background-color: #f2a548;
  border: 1px solid #f2a548;
  line-height: 38px;
  padding: 0 35px;
  font-size: 16px;
  font-family: '微软雅黑';
}
.main8Gyet:hover {
  background-color: #FFF;
  border: 1px solid #FFF;
  color:#333;
}

.block{position:relative;margin:auto;max-width:1200px; margin-bottom:10px;}

.special_detail1 .list{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap;}
.special_detail1 .item{width:250px;height:250px;border:1px dashed #ddd;border-radius:100%;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;position:relative;margin:20px;}
.special_detail1 .item .f22{box-shadow:0 0 30px rgba(0,0,0,0.1);border-radius:100%;height:210px;width:210px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;text-align:center;}
.special_detail1 .item:after{content:"";background:url(../images/product/website6.png) right bottom no-repeat;background-size:50% auto;width:100%;height:100%;position:absolute;right:-7px;bottom:-7px;}
.f22{font-size:20px;line-height:1.3;}


#news-container{width:1180px;height:340px;line-height:34px;overflow:hidden;}
#news-container li{}
#news-container li a{font-size:14px; line-height:24px;}

.text_list6 {
    FONT-SIZE: 14px;
    COLOR: #414141;
    LINE-HEIGHT: 30px;
    TEXT-DECORATION: none;
}
.ts-13-2 {
	border: none;
	height: 907px;
	left: 0px;
	padding: 0px;
	position: absolute;
	top: 34px;
	width: 749px;
}
.summary {
    FONT-SIZE: 12px;
    COLOR: #191919;
    LINE-HEIGHT: 23px;
}
.summary span{
	text-wrap: inherit !important;
}
.ts-29-3 {
	width: 100%;
	position: absolute;
}

.ts-31 {
	border: none;
	height: 58px;
	margin-top: 3px;
	position: relative;
	text-align: left;
	width: 100%;
}

.ts-31-1 {
	border: none;
	height: 81px;
	left: 2px;
	line-height: 18px;
	padding: 1px;
	position: absolute;
	text-align: center;
	top: 2px;
	width: 1250px;
}

.paginator {
	TEXT-ALIGN: center; PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; WHITE-SPACE: nowrap; FONT-SIZE: 12px; PADDING-TOP: 0px
}
.paginator LI {
	MARGIN: 0px 1px; DISPLAY: inline; VERTICAL-ALIGN: middle
}
.paginator LI.current {
	LINE-HEIGHT: 34px; MARGIN: 0px 12px; HEIGHT: 34px; FONT-WEIGHT: bold
}
.paginator LI A {
	BORDER-BOTTOM: #bbb 1px solid; POSITION: relative; BORDER-LEFT: #bbb 1px solid; PADDING-BOTTOM: 0px; LINE-HEIGHT: 32px; PADDING-LEFT: 12px; PADDING-RIGHT: 12px; DISPLAY: inline-block; HEIGHT: 32px; BORDER-TOP: #bbb 1px solid; BORDER-RIGHT: #bbb 1px solid; TEXT-DECORATION: none; PADDING-TOP: 0px;color:#666;
}
.paginator LI A:hover {
	BORDER-BOTTOM-STYLE: none; PADDING-BOTTOM: 0px; LINE-HEIGHT: 34px; BORDER-RIGHT-STYLE: none; PADDING-LEFT: 13px; PADDING-RIGHT: 13px; BORDER-TOP-STYLE: none; BACKGROUND: #f8b600; HEIGHT: 34px; COLOR: #fff; BORDER-LEFT-STYLE: none; TEXT-DECORATION: none; PADDING-TOP: 0px
}
.paginator LI A.nolink {
	COLOR: #ccc; CURSOR: default
}
.paginator LI A.nolink:hover {
	BORDER-BOTTOM: #ccc 1px solid; BORDER-LEFT: #ccc 1px solid; PADDING-BOTTOM: 0px; LINE-HEIGHT: 32px; PADDING-LEFT: 12px; PADDING-RIGHT: 12px; BACKGROUND: none transparent scroll repeat 0% 0%; HEIGHT: 32px; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; PADDING-TOP: 0px
}
.Tree {color:#C81A1A;font-size:14px;border:1px #D8D8D8 solid;width:40px;height:40px; line-height:38px;cursor:hand;}
.Tree a:link          { color: #C81A1A;font-size:14px; text-decoration: none }
.Tree a:visited       { color: #C81A1A;font-size:14px; text-decoration: none }
.Tree a:active        { color: #C81A1A;font-size:14px; text-decoration: none }
.Tree a:hover         { color: #f8b600;text-decoration:underline; position:relative;}

	.content_l{width: 250px; height: auto;float: left; border: 1px solid #EEE; margin-bottom: 10px;}
		.content_lt{width: 235px; height: 32px;float: left; line-height: 32px; font-weight:bold; padding-left:15px;color:#333; font-size:14px; background-color:#eee;}
		.content_lb{width: 250px; height: auto;float: left; overflow: visible; }
	
	.about_lm{width: 240px; height: 27px; float: left; margin-left: 5px; display: inline; margin-top: 5px;}
		.about_lm dt{width: 9px; height: 14px;margin-top: 5px; float: left; margin-right: 3px; text-align: center; background: url(../images/dian2.jpg) no-repeat center 3px;}
		.about_lm dd{width: 222px; height: 20px; float: left; padding-top: 5px; font: bold 12px "宋体"}
		
.content_rb{width: 848px; height: auto; float: left; overflow: visible; padding-bottom: 15px; line-height: 23px;}
.newslist{width: 848px; height: auto;  overflow: visible; display: contents}
.newslist li{width: 868px; height: 18px; float: left; margin-top: 10px; border-bottom: 1px dotted #C1C1C1; background: url(../images/dian2.jpg) no-repeat 5px 5px; padding-left: 25px; padding-bottom: 3px; display: inline; color: #999999}
.newslist li a{font-size:14px; color:#333;}
.busreg-page{width: 100%; height: 20px; float: left; text-align: center; padding-top: 13px; padding-bottom: 40px;}
.busreg-page a:hover,.busreg-page a.ok{ text-decoration: none; background-color: #666666; color: #FFFFFF; border: 1px solid #000000}

.show_ee{line-height:21px;font-size:14px; padding-bottom:10px; color: #666666;}
.show_ee a{line-height:21px;font-size:14px;color: #666666;}
.show_ee a:hover {color: #f8b600;}

.show_weiz{line-height:30px;font-size:18px; color: #333;}
.show_weiz a{line-height:30px;font-size:18px;color: #333;}
.show_weiz a:hover {color: #f8b600;}
