﻿*{
    padding:0;
    margin:0;
}
.trialTxt #btn2 {background: #0ab856;color:#fff;margin-right: 20px;border-color:#0ab856;margin-left: 12px}
.trialTxt #btn2 a{color:#fff;}
.width1200 {
    position: relative;
    width: 1200px;
    margin: 0 auto;
    padding-bottom: 1px;
}

.dropDownList ul.smallProgramList li {float:none;height:22px;padding:0 50px;font-size:19px;color:#fff;line-height:22px;display:inline-block ;border-right:1px solid #58bd85;}
.dropDownList ul.smallProgramList li a {color:#fff;}
.dropDownList ul.smallProgramList li:last-child {padding-right:18px;border-right:0;}
.dropDownList ul.smallProgramList li i {width:28px;height:28px;margin-top:-2px;margin-right:8px;display:inline-block;vertical-align:top;background:url('https://pigmcsdotcom.pigcms.com/o2o/statics/test/newpage/Images/newicon.png');}
.dropDownList ul.smallProgramList li.s1 i {background-position:-529px -12px;}
.dropDownList ul.smallProgramList li.s2 i {background-position:-566px -12px;}
.dropDownList ul.smallProgramList li.s3 i {width:30px;background-position:-603px -12px;}
.dropDownList ul.agentList li.s1 i {width:32px;background-position:-338px -12px;}
.dropDownList ul.agentList li.s2 i {background-position:-378px -12px;}
.dropDownList ul.agentList li.s3 i {width:34px;background-position:-413px -12px;}
.dropDownList ul.agentList li.s4 i {width:34px;height:40px;margin-top:-5px;background-position:-451px -5px;}
.dropDownList ul.agentList li.s5 i {height:29px;background-position:-490px -11px;}
.banner .bannerSpot li {
    display: inline-block;
    width: 24px;
    height: 0px;
    margin-right: 8px;
    border: 2px solid rgba(255,255,255,.5);
    cursor: pointer;
    border-radius: 0px;
}
.banner .bannerList li img.yy01 {
    right: 300px;
    top: 131px;
    -webkit-animation: zoomIn 1s ease 2s 1 both;
    animation: zoomIn 1s ease 2s 1 both;
}
.banner .bannerList li img.yy02{
    left: 375px;
    top: 154px;
    -webkit-animation: bounceInDown 1s ease 0s 1 both;
    animation: bounceInDown 1s ease 0s 1 both;
}
.banner .bannerList li img.yy03 {
    left: 357px;
    top: 242px;
    -webkit-animation: fadeInLeft 1s ease .6s 1 both;
    animation: fadeInLeft 1s ease .6s 1 both;
}
.banner .bannerList li img.yy04 {
    left: 418px;
    top: 329px;
    -webkit-animation: bounceInLeft 1s ease 1.2s 1 both;
    animation: bounceInLeft 1s ease 1.2s 1 both;
}
.banner .bannerList li img.yy05 {
    left: 742px;
    top: 164px;
    -webkit-animation: pulse 1s ease 0s infinite both;
    animation: pulse 1s ease 0s infinite both;
}
.banner .bannerList li img.yy06 {
    left: 661px;
    bottom: 102px;
    -webkit-animation: bounceInLeft 1s ease 1.6s 1 both;
    animation: bounceInLeft 1s ease 1.6s 1 both;
}
.afterPay{
    background: url(https://pigmcsdotcom.pigcms.com/o2o/statics/test/newpage/Images/bg.png) center no-repeat;
}
.afterPay .o1{
    top:80px;
    left: -257px;
    -webkit-animation: zoomIn 1s ease 1.2s 1 both;
    animation: zoomIn 1s ease 1.2s 1 both;
}
.afterPay .o2{
    bottom:0px;
    right:0px;
    -webkit-animation: bounceInRight 0.6s ease 0.4s 1 both;
    animation: bounceInRight 0.6s ease 0.4s 1 both;
}
.afterPay .o3{
    top:150px;
    left: 200px;
    -webkit-animation: bounceInDown 1s ease 0.6s 1 both;
    animation: bounceInDown 1s ease 0.6s 1 both;
}
.afterPay .o4{
    top:340px;
    left: 250px;
    -webkit-animation: bounceInUp 1s ease 0.6s 1 both;
    animation: bounceInUp 1s ease 0.6s 1 both;
}
.clearfix .products{
    width: 200px;
    background: #14995f;
}
.triangle{
    display: inline-block;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 10px solid #fffc01;
    margin-left: 20px;
}
/*.menuList>ul li:hover{*/
    /*background: #14995f;*/
/*}*/
.menuList>ul li a:hover{
    text-decoration: none;
}
.newBanner  .bannerList .l3{
    background: url('https://pigmcsdotcom.pigcms.com/o2o/statics/test/newpage/Images/banner1_bg.png');
    background-repeat:no-repeat;
    background-size: cover;
}
.newBanner  .bannerList .l4{
    background: url('https://pigmcsdotcom.pigcms.com/o2o/statics/test/newpage/Images/newBanBg3.png');
    background-repeat:no-repeat;
    background-size: cover;
}
.bannerList .l3 ol li.o2 {
    left: 390px;
    top: 90px;
    right: -190px;
}
.bannerList .l3 ol li.o1 {
    left: 0px;
    top: 166px;
    text-align: left;
}
.bannerList .l3 ol li.o3 {
    left:0px;
    bottom: 65;
    text-align: left;
}
.bannerList .l3 ol li.o1 span{
    display: block;
    margin-top: 15px;
    font-size: 24px;
    font-weight: normal;
    margin-left: 5px;
}

.yellowLine{
    width:40px;
    border:2px solid #ffff00
}
.bannerList .testUse{
    display: block;
    background:none;
    width:140px;
    height:40px;
    line-height:40px;
    border-radius: 20px;
    text-align: center;
    bottom: 20px;
    left:0;
    position: absolute;
    z-index:9;
}
.bannerList .testUse.usenew{bottom:18px;}
.bannerList .testUse:hover{
    text-decoration: none;
}
.bannerList .l3.active ol li.o3 {
    animation: fadeInUp 1s ease .5s 1 both;
    -webkit-animation: fadeInUp 1s ease .5s 1 both;
}
.bannerList .l4 ol li.o2 {
   right:-11%;
    bottom: 20px;
    -webkit-animation: zoomIn 1s ease 0.5s 1 both !important;
    animation: zoomIn 1s ease 0.5s 1 both !important;
}
.bannerList .l4 ol li.o1 {
    left:0px;
    top:138px;
    text-align: left;
}
.bannerList .l4 ol li.o1 span{
    display: block;
    margin-top: 15px;
    font-size: 18px;
    font-weight: normal;
    margin-left: 5px;
}
.bannerList .l4 ol li.o3 img{
    transform: scale(0.8);
    -ms-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -o-transform: scale(0.8);
}
.bannerList .l4 ol li.o3 {
    text-align: left;
    left: -67px;
    bottom: 102px;
    z-index: 5;
}
.bannerList .l4 .testUse{
    margin-left: 67px;
    bottom: 27px
}
.bannerList .l4.active ol li.o3 {
    animation: bounceInLeft 1s ease 0s 1 both;
    -webkit-animation: bounceInLeft 1s ease 0s 1 both;
}
.bannerList .l4 ol li.o4 {
    left: -193px;
    top: -86px;
    animation: bounceInDown 1s ease 0s 1 both;
    -webkit-animation: bounceInDown 1s ease 0s 1 both;
}
.bannerList .l4 ol li.o5 {
    right: -286px;
    top: 152px;
    animation: bounceInDown 1s ease 1s 1 both;
    -webkit-animation: bounceInDown 1s ease 1s 1 both;
}
.newBanner  .bannerList .l5{
    background: url('https://pigmcsdotcom.pigcms.com/o2o/statics/test/newpage/Images/newBanBg1.png');
    background-repeat:no-repeat;
    background-size: cover;
}
.bannerList .l5 ol li.o1 {
    left: 0px;
    top: 122px;
    right:auto;
    text-align: left;
    z-index:4;
}
.bannerList .l5 ol li.o1 span{
    display: block;
    font-size: 18px;
}
.bannerList .l5 ol li.o2 {
    top:269px;
    left:0px;
    bottom: 90px;
    text-align: left;
    right:auto;
}
.bannerList .l5 ol li.o3 {
    top: 108px;
    right:-47px;
    -webkit-animation: zoomIn 1s ease 1.5s 1 both !important;
    animation: zoomIn 1s ease 1.5s 1 both !important;
    z-index:3;
}

.bannerList .banFour{background: url('https://pigmcsdotcom.pigcms.com/o2o/statics/test/newpage/Images/newBanBg4.png');background-repeat:no-repeat;background-size: cover;}
.bannerList .banFour ol li.o1{top:44px;left:0;animation: fadeInUp 1s ease .5s 1 both;
    -webkit-animation: fadeInUp 1s ease .5s 1 both;}
.bannerList .banFour ol li.o2{left:285px;bottom:0; -webkit-animation: zoomIn 1s ease 1.5s 1 both !important;
    animation: zoomIn 1s ease 1.5s 1 both !important;}
.bannerList .banFive{background:#0ab856 !important;/*background: url('https://pigmcsdotcom.pigcms.com/o2o/statics/test/newpage/Images/newBanBg5.png');background-repeat:no-repeat;background-size: cover;*/}
.bannerList .banFive ol li.o1{top:112px;left:0;animation: bounceInLeft 1s ease .5s 1 both;
    -webkit-animation: bounceInLeft 1s ease .5s 1 both;}
    .bannerList .banFive ol li.o2{top:44px;right:-148px;animation: bounceInRight 1s ease .5s 1 both;
    -webkit-animation: bounceInRight 1s ease .5s 1 both;}
.bannerList .banFive .testUse{position: absolute;left:0;display: block;
    background:none;
    width:140px;
    height:40px;
    line-height:40px;
    border-radius: 20px;
    text-align: center;
    bottom: 15px;
    left:0;
    z-index:9;}

.bannerList .banSix{background: url('https://pigmcsdotcom.pigcms.com/o2o/statics/test/newpage/Images/newBanBg6.png');background-repeat:no-repeat;background-size: cover;}
.bannerList .banSix ol li.o1{top:100px;left:0;animation: fadeInLeft 1s ease .5s 1 both;
    -webkit-animation: fadeInLeft 1s ease .5s 1 both;}
    .bannerList .banSix ol li.o2{top:16px;right:0px;animation: bounceInDown 1s ease .5s 1 both;
    -webkit-animation: bounceInDown 1s ease .5s 1 both;}
.bannerList .banSix .testUse{position: absolute;left:0;display: block;
    background:none;
    width:140px;
    height:40px;
    line-height:40px;
    border-radius: 20px;
    text-align: center;
    bottom: 27px;
    left:2px;
    z-index:9;}

.newBanner .bannerList .width1200{margin: 0 auto;position: relative;width:1200px;}


.solveProgram{
    padding: 0px 0 60px 0;
    margin: 0px;
    width:100%;
    background: url('https://pigmcsdotcom.pigcms.com/o2o/statics/test/newpage/Images/solvebg.png');
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
}
.title{
    font-size: 30px;
    margin-bottom: 30px;
}
.article .title .subtitle{
    font-size: 16px;
    color: #fff;
    margin-top: 20px;
}
.solveContent{
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}
.solveNav{
    width:250px;
    list-style: none;
    float: left;
}
.solveNav li{
    width:240px;
    margin:0 auto;
    background: #e4e6ee;
    cursor: pointer;
    color:#25293b
}
.solveNav li div{
    padding: 16px 2px;
}
.solveNav li:hover{
    width:250px;
    background: #20cc75;
    color:#fff;
    margin-left: -2px;
}
.solveNav .active{
    width:250px;
    background: #20cc75;
    color:#fff;
    margin-left: -2px;
    border-bottom: 1px solid rgba(255,255,255,.2);
}
.solveNav .icon{
    display: block;
    margin:0 auto;
    height: 35px;
    width: 35px;
    background-repeat: no-repeat;
}
.retail .icon{
    background-image: url('https://pigmcsdotcom.pigcms.com/o2o/statics/test/newpage/Images/retail.png');
}
.solveNav li:hover .retail .icon{
    background-image: url('https://pigmcsdotcom.pigcms.com/o2o/statics/test/newpage/Images/retail2.png');
}
.solveNav li.active .retail .icon{
    background-image: url('https://pigmcsdotcom.pigcms.com/o2o/statics/test/newpage/Images/retail2.png');
}
.food .icon{
    background-image: url('https://pigmcsdotcom.pigcms.com/o2o/statics/test/newpage/Images/food.png');
}
.solveNav li:hover .food .icon{
    background-image: url('https://pigmcsdotcom.pigcms.com/o2o/statics/test/newpage/Images/food2.png');
}
.solveNav li.active .food .icon{
    background-image: url('https://pigmcsdotcom.pigcms.com/o2o/statics/test/newpage/Images/food2.png');
}
.hotel .icon{
     background-image: url('https://pigmcsdotcom.pigcms.com/o2o/statics/test/newpage/Images/hotel.png');
 }
.solveNav li:hover .hotel .icon{
    background-image: url('https://pigmcsdotcom.pigcms.com/o2o/statics/test/newpage/Images/hotel2.png');
}
.solveNav li.active .hotel .icon{
    background-image: url('https://pigmcsdotcom.pigcms.com/o2o/statics/test/newpage/Images/hotel2.png');
}
.beauty .icon{
    background-image: url('https://pigmcsdotcom.pigcms.com/o2o/statics/test/newpage/Images/beauty.png');
}
.solveNav li:hover .beauty .icon{
    background-image: url('https://pigmcsdotcom.pigcms.com/o2o/statics/test/newpage/Images/beauty2.png');
}
.solveNav li.active .beauty .icon{
    background-image: url('https://pigmcsdotcom.pigcms.com/o2o/statics/test/newpage/Images/beauty2.png');
}
.exercise .icon{
    background-image: url('https://pigmcsdotcom.pigcms.com/o2o/statics/test/newpage/Images/exercise.png');
}
.solveNav li:hover .exercise .icon{
    background-image: url('https://pigmcsdotcom.pigcms.com/o2o/statics/test/newpage/Images/exercise2.png');
}
.solveNav li.active .exercise .icon{
    background-image: url('https://pigmcsdotcom.pigcms.com/o2o/statics/test/newpage/Images/exercise2.png');
}
.entertainment .icon{
    background-image: url('https://pigmcsdotcom.pigcms.com/o2o/statics/test/newpage/Images/entertainment.png');
}
.solveNav li:hover .entertainment .icon{
    background-image: url('https://pigmcsdotcom.pigcms.com/o2o/statics/test/newpage/Images/entertainment2.png');
}
.solveNav li.active .entertainment .icon{
    background-image: url('https://pigmcsdotcom.pigcms.com/o2o/statics/test/newpage/Images/entertainment2.png');
}
.more .icon{
    background-image: url('https://pigmcsdotcom.pigcms.com/o2o/statics/test/newpage/Images/more.png');
}
.solveNav li:hover .more .icon{
    background-image: url('https://pigmcsdotcom.pigcms.com/o2o/statics/test/newpage/Images/more2.png');
}
.solveNav li.active .more .icon{
    background-image: url('https://pigmcsdotcom.pigcms.com/o2o/statics/test/newpage/Images/more2.png');
}
.programList{
    width:77%;
    float: right;
}
.solveDetail{
    box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */
    padding:30px 25px;
    background: #fff;
}
.solveDetail h2{
    font-size: 28px;
    text-align: left;
    margin-bottom: 16px;
}
.solveDetail h2 a{
    font-size: 14px;
    color: #21d97c;
    cursor: pointer;
    float:right;
    margin-top: 10px;
}
.solveDetail .description{
    font-size: 14px;
    text-align: left;
    color: #808080;
}
.marketing{
    display: flex;
    margin-top: 25px;
    margin-bottom: 40px;
}
.marketing li{
    flex:1;
    cursor: pointer;
}
.marketing p{
    color: #585860;
    font-size: 16px;
    margin-top:10px;
    margin-bottom: 10px;
}
.marketing span{
    color: #808080;
}
.marketing .word{
    font-size: 12px;
    display: inline-block;
    width: 119px;
}
.marketIcon{
    display: block;
    width: 85px;
    height:80px;
    background: #e8f9f1;
    border-radius: 35px;
    margin: 0 auto;
}
.marketIcon img{
    margin-top: 20px;
}
.marketing li:hover img{
    transform:rotate(360deg);
    -ms-transform:rotate(360deg); 	/* IE 9 */
    -moz-transform:rotate(360deg); 	/* Firefox */
    -webkit-transform:rotate(360deg); /* Safari 和 Chrome */
    -o-transform:rotate(360deg); 	/* Opera */
}
.case{
    list-style: none;
    /* overflow: hidden; */
}
.case li{
    float: left;
    padding:0 5px;
    cursor:pointer;
}
.case .imgContent{
    position: relative;
    width: 160px;
    height: 140px;
    border:1px solid #ddd;
    border-radius: 5px;
}
.case .imgContent>img{
    margin-top: 22px;
    width: 98px;
    height: 98px;
    border-radius: 5px;
}
.case .qrCode{
    padding:16px;
    font-size: 13px;
    color: #fff;
    background: #00c767;
    text-align: left;
    position: absolute;
    top:191px;
}
.qrCode img{
    width: 130px;
    height: 130px;
}
.case .qrCode p{
    line-height: 20px;
    margin-top: 5px;
}
.case li:hover  .qrCode{
    animation: toUp 1s ease 0s 1 both;
    -webkit-animation: toUp 1s ease 0s 1 both;
}
@keyframes toUp {
    from{top:191px;}
    to{top:0px;}
}
@-webkit-keyframes toUp {
    from{top:191px;}
    to{top:1px;}
}
.support{
    background:url('https://pigmcsdotcom.pigcms.com/o2o/statics/test/newpage/Images/supportBg.png') ;
}
.applets{
    background: url('https://pigmcsdotcom.pigcms.com/o2o/statics/test/newpage/Images/appletsbg.png');
    padding-bottom: 60px;
}
.applets .title{
    color:#fff
}
.appletsContent{
    width: 1200px;
    margin:0 auto;
}
.appletsContent ul{
    display: flex;
}
.appletsContent ul li{
    flex: 1;
    text-align: center;
    height: 280px;
    background-repeat: no-repeat;
    cursor:pointer;
    padding-right: 8px;
}
.wei{
    background: url('https://pigmcsdotcom.pigcms.com/o2o/statics/test/newpage/Images/weibg.png');
}
.ecom{
    background: url('https://pigmcsdotcom.pigcms.com/o2o/statics/test/newpage/Images/ecombg.png');
}
.industry{
    /*background: url('https://pigmcsdotcom.pigcms.com/o2o/statics/test/newpage/Images/industrybg.png');*/
}
.market{
    background: url('https://pigmcsdotcom.pigcms.com/o2o/statics/test/newpage/Images/marketbg.png');
}
.formlets{
    background: url('https://pigmcsdotcom.pigcms.com/o2o/statics/test/newpage/Images/formbg.png');
}
.appletsDetail{
    width:100%;
    height: 280px;
    background: rgba(0,0,0,0.5);
    position: relative;
}
.appletsImg{
    font-size: 16px;
    color: #fff;
    position: absolute;
    top: 70px;
    left:80px;
}
.appletsImg p{
    margin-top: 20px;
}
.greenLine{
    display: inline-block;
    width: 32px;
    border:2px solid #66ff00;
    position: absolute;
    left:100px;
    bottom: 80px;
}
.note{
    color:#fff;
    font-size: 16px;
    position: absolute;
    top: 160px;
    display: none;
}
.appletsContent li:hover .appletsDetail{
    background: rgba(31,174,94,.5);
}
.appletsContent li:hover .appletsImg{
    animation: imgUp 1s ease 0s 1 both;
    -webkit-animation: imgUp 1s ease 0s 1 both;
}
.appletsContent li:hover .greenLine{
    animation: lineDown 1s ease 0s 1 both;
    -webkit-animation: lineDown 1s ease 0s 1 both;
}
@keyframes imgUp {
    from{top:70px}
    to{top:40px}
}
@keyframes lineDown {
    from{bottom:80px}
    to{bottom: 35px}
}
@-webkit-keyframes imgUp {
    from{top:70px}
    to{top:40px}
}
@-webkit-keyframes lineDown {
    from{bottom:80px}
    to{bottom: 35px}
}
.appletsContent li:hover .note{
    display: block;
    animation: zoomIn 1s ease 0s 1 both;
    -webkit-animation: zoomIn 1s ease 0s 1 both;
}
.formlets .appletsImg{
    left: 65px;
}
.ftNewsTop{background: #f1f4fd;}
.ftNewsTop .title{padding-bottom: 10px;margin-bottom: 0;}
.ftNewsTop .desc{font-size: 14px;text-align: center;margin-bottom:30px;}
.ftNews .warp{
    width: 1200px;
}
.ftNews{padding-bottom: 70px;background: #f1f4fd}
.ftNews .newsUl .newsColumns{
    float: left;
    margin-left: 50px;
    width: 360px;
}
.ftNews .newsUl .newsColumns:first-child{
    margin-left: 0
}
.ftNews .newsUl .newsColumns .newsLsit li{
    width: 100%;
    margin-bottom: 8px
}
.ftNews .newsUl .newsColumns h3{
    font-weight: normal;
    font-size: 18px;
    color: #3d3d3d;
    margin-bottom: 15px;
    border-bottom: 1px solid #ddd;
}
.ftNews .newsUl .newsColumns .newsLsit li a{
    color: #999;
    font-size: 14px;
    width: 260px;
    text-overflow: ellipsis;
    white-space: nowrap;overflow: hidden;
}
.ftNews .newsUl .newsColumns .newsLsit li span{
    float:right;
    color:#9d9d9d;
}
/*.ftNews .newsUl .newsColumns .newsLsit li:hover{background: url("https://pigmcsdotcom.pigcms.com/o2o/statics/test/newpage/Images/dot_hover.png") no-repeat left center;}*/
.ftNews .newsUl .newsColumns .newsLsit li:hover a{
    color: #18c66e
}
.ftNews .newsUl .newsColumns .newsLsit li:hover span{
    color: #18c66e
}
.ftNews .newsUl .newsColumns .newsLsit li.first{
    padding: 0;
    background: none;
    height: 180px;
    overflow: hidden;
    position: relative;
    margin-bottom: 30px
}
.ftNews .newsUl .newsColumns .newsLsit li.first a{
    width:auto
}
.ftNews .newsUl .newsColumns .newsLsit li.first img{
    height: 180px;
    width: 100%;
    display:block
}
.ftNews .newsUl .newsColumns .newsLsit li.first .newsName{
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: #1abd6c;
    text-align: center;
    color: #fff;
    padding: 8px 0;
    color: #fff
}
.ftNews .newsUl .newsColumns .newsLsit li.first:hover img{
    webkit-transform:scale(1.2);
    -moz-transform:scale(1.2);
    transform:scale(1.2)
}
.ftNews .newsUl .newsColumns .newsLsit li .spot{
    display: inline-block;
    margin-right: 5px;
    border: 2px solid #1fae5e;
    float: left !important;
    margin-top: 8px;
}
.newsColumns .newsTitle{
    display: inline-block;
    padding:8px 0;
    border-bottom: 3px solid #1fae5e;
}
.customerCase{
    background: url('https://pigmcsdotcom.pigcms.com/o2o/statics/test/newpage/Images/customer.png');
    background-repeat: no-repeat;
    background-size: cover;
}
.customerCase section{
    width: 1200px;
    margin: 0 auto;
    padding-bottom: 1px;
    position: relative;
}
.resplItems li {
    text-align: center;
    float: left;
    width: 185px;
    height: 85px;
    border: 1px solid #ebeaea;
    margin-right: 15px;
    margin-bottom: 18px;
}
.resplItems li a{
    cursor: default;
}
.customerCase .title h2{/*background: url('https://pigmcsdotcom.pigcms.com/o2o/statics/test/newpage/Images/titlebg.png');*//*background-repeat: no-repeat;background-position: 439px 20px;*/}
.footer2 {width:100%;margin-top:0px;background:#242424;border-top:6px solid #242424;}
.footer2 .footerOne {padding:28px 0;}
.footer2 .footerOne ul li {float:left;margin-left:60px;}
.footer2 .footerOne ul li:first-child {margin-left:0;}
.footer2 .footerOne ul li span {height:44px;margin-right:15px;padding:0 12px;font-size:38px;color:#fff;line-height:44px;text-align:center;border:2px solid #fff;border-radius:10px;}
.footer2 .footerOne ul li .desc {color:#fff;}
.footer2 .footerOne ul li .desc h3 {font-size:24px;}
.footer2 .footerOne ul li .desc p {font-size:14px;color:#858585;}
.footer2 .footerOne .t {margin-top: 35px;}
.footer2 .footerOne .last {color:#858585;border-left:1px solid #eee;padding-left:75px;*padding-left:25px;*width:260px;}
.footer2 .footerOne .last .qq {padding:6px 25px;color:#fff;display:inline-block;background:#0c61b0;border-radius:20px;}
.footer2 .footerOne .last .qq {*display:inline;}
.footer2 .footerOne .last .qq i {width:24px;height:24px;display:inline-block;vertical-align:top;background:url('https://pigmcsdotcom.pigcms.com/o2o/statics/test/newpage/Images/newicon.png') no-repeat -1047px -113px;}
.footer2 .footerOne .last h3 {font-size:26px;}
.footer2 .footerOne .last .phone {margin:15px 0;}
.footer2 .footerOne .last p {font-size:12px;}
.w1200 {width: 1200px;margin: 0 auto;min-width: 1200px;}
.signIn{
    padding:70px 0 60px 0;
    background:url('https://pigmcsdotcom.pigcms.com/o2o/statics/test/newpage/Images/signin.png');
    text-align: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.signIn h2{
    font-size: 34px;
    color: #fff;
    margin-bottom: 40px;
}
.immediately {
    display: inline-block;
    line-height: 45px;
    color: #0ec890;
    width: 165px;
    text-align: center;
    background: #fff;
    border-radius: 5px;
}
.moreHref{
    display: block;
    width: 100%;
}
.solveNav li:hover span{
    color: #fff;
}
.solveNav li.active a{
    color: #fff;
}
.appletsContent ul li a{
    display: block;
}
.description{
    height: 40px;
}
/*.dropDownList{
    width: 1912px !important;
    left: -356px !important;
}*/


/*2018-0402*/
.lastFoot{background:#242424;border-top: 1px solid #464646}
.lastFoot .pagewd{width: 1200px;margin: 0 auto;min-width: 1200px;}
.lastFoot .pagewd .txt{font-size:14px;color:#999;text-align: center;padding: 32px 0 25px;}

/*数字part*/
.numberPart{height:296px;background:url('https://pigmcsdotcom.pigcms.com/o2o/statics/test/newpage/Images/numBag.png');box-sizing: border-box;padding: 86px 0 132px}
.numberPart .pagewd{width: 1200px;margin: 0 auto;min-width: 1200px;}
.numberPart .numONE{float: left;color:#333;}
.numberPart .numONE .num{font-size: 45px;}
/*.numberPart .numONE .num span.danwei{font-size:18px;}*/
.numberPart .numONE p{font-size:16px;padding-left:20px;}
.numberPart .numONE.wid1{width:258px;}
.numberPart .numONE.wid2{width:290px;}
.numberPart .numONE.last{width:136px;}
.numberPart .numONE.last p{padding-left:10px;}

/*特色功能*/
.specialFuncPart{padding:80px 0 40px}
.specialFuncPart .pagewd{width: 1200px;margin: 0 auto;min-width: 1200px;}
.specialFuncPart .biaoti{font-size: 32px;color:#333;text-align: center;margin-bottom: 10px}
.specialFuncPart .desc{font-size:14px;color:#666;text-align: center;margin-bottom:40px}
.specialFuncPart .func{width:25%;float:left;text-align: center;font-size: 15px;color:#333;margin-bottom: 30px}
.specialFuncPart .func .txt{margin-top: 30px}
.specialFuncPart .func:hover img{ -webkit-animation: bounce 1s ease 0s 1 both;animation: bounce 1s ease 0s 1 both;}
.specialFuncPart .func:hover .txt{color:#1ABD6C;}