@charset "utf-8";
body{background: #fff;overflow-x: auto;min-width:1210px}
.topMobi,.footerMobi{display: none}
.hLine{display: none}
.w1100{margin: 0 auto}
.header{position: relative;z-index: 99}
.header .top{background: #f7f7f7;color: #9d9d9d;font-size: 12px;padding: 10px 50px}
.header .top .topNav{}
.header .top .topNav a{color: #9d9d9d;font-size: 12px;margin: 0 15px}
.navAndLogo{margin: 30px 0;padding: 0 50px;padding-bottom: 0;margin-bottom: 0;}
.navAndLogo .logo{position: relative;z-index: 1001; width: 212px;}
.navAndLogo .bigNav{text-align: center;margin-top: 10px;position: relative;z-index: 1000}
.navAndLogo .bigNav ul li{display: inline-block;margin: 0 20px}
.navAndLogo .bigNav ul li{*display: inline}
.navAndLogo .bigNav ul li a{display: block;font-size: 18px;color: #3d3d3d;padding: 50px 0;padding-top: 0;position: relative}
.navAndLogo .bigNav ul li a i{display: none;position: absolute;width: 18px;height: 8px;background: url("http://static.pigcms.com/statics/images/www/navArrow.png") no-repeat;bottom: -7px;*bottom: -6px;left: 50%;margin-left: -9px;z-index: 9999999;}
.navAndLogo .bigNav ul li.on a,.navAndLogo .bigNav ul li:hover a,.navAndLogo .bigNav ul li.hover a{color: #2daa3f}
.navAndLogo .bigNav ul li.hover a i{display: block}
.navAndLogo .search{position: relative;z-index: 1001;}
.navAndLogo .search{border: 1px solid #49b44f;border-radius: 20px;height:38px;background: #fff;}
.navAndLogo .search input[type=text]{border: 0;border-radius: 20px;margin-left: 15px;line-height: 34px;width: 125px;height: 33px;*height: 30px;*line-height: 30px;display: inline-block;vertical-align: middle;*margin-top: -10px}
.navAndLogo .search input[type=text]{*display: inline}
.navAndLogo .search button{background: #49b44f;color: #fff;text-align: center;border-radius: 20px;border: 0;cursor: pointer;height: 30px;line-height: 30px;padding: 0 15px;margin: 4px 4px 0 0;}
.subNav{position: absolute;left: 0;right: 0;top: 151px;padding: 30px 0;background:url("http://static.pigcms.com/statics/images/www/subnavbg.png") repeat;text-align: center;display: none; opacity: .9;}
@media screen and (-webkit-min-device-pixel-ratio:0){.subNav{top:150px} }
.subNav .row{display: block}
.subNav .aboutRow li{display: inline-block;padding: 5px 35px;border-radius: 40px;cursor: pointer}
.subNav .aboutRow li{*display: inline}
.subNav .aboutRow li a{display: block}
.subNav .aboutRow li:hover{background: #8bcb8e}
.subNav .aboutRow li .desc{color: #fff;font-size: 12px;text-align: left;overflow: hidden;display: inline-block;vertical-align: middle;}
.subNav .aboutRow li .desc{*display: inline}
.subNav .aboutRow li h2{font-size:18px;font-weight: normal}
.subNav .aboutRow li .navIcon{width: 50px;height: auto;display:inline-block;vertical-align: middle;}
.subNav .aboutRow li .navIcon{*display: inline}
.subNav .aboutRow li .navIcon i{display: block;background: url("http://static.pigcms.com/statics/images/www/sprite.png") no-repeat;margin: 0 auto;vertical-align: middle}
/*.subNav li.wx .navIcon i{background-position: -286px -0px;width: 50px;height: 40px;}*/
/*.subNav li.o2o .navIcon i{background-position: -242px -0px;width: 44px;height: 40px;}*/
/*.subNav li.e-commerce .navIcon i{background-position: -118px -0px;width: 40px;height: 40px;}*/
/*.subNav li.other .navIcon i{background-position: -0px -0px;width: 38px;height: 40px;}*/
.subNav .aboutRow li.company .navIcon i{background-position: -199px -0px;width: 43px;height: 40px;}
.subNav .aboutRow li.team .navIcon i{background-position: -158px -0px;width: 41px;height: 40px;}
.subNav .aboutRow li.qualification .navIcon i{background-position: -336px -0px;width: 50px;height: 40px;}
.subNav .aboutRow li.contantUs .navIcon i{background-position: -0px -1270px;width: 38px;height: 41px;}
.subNav .productRow>ul>li{display: inline-block; width: 200px; vertical-align: top; text-align: left; margin: 0 8px;}
.subNav .productRow>ul>li{*display: inline}
.subNav .productRow>ul>li>h2{margin-bottom: 5px; border-bottom: 1px solid #C2DCCB; padding-bottom: 5px;}
.subNav .productRow>ul>li>h2 a{font-size: 16px;color: #fff;font-weight:normal}
.subNav .productRow>ul>li>h2 img{margin-right: 5px;vertical-align: middle}
.subNav .productRow ol{overflow: hidden;margin-right: -10px}
.subNav .productRow ol li{float: left;text-align: left;margin-right: 10px}
.subNav .productRow ol li a{padding:3px 0;padding-left:10px;background: url("http://static.pigcms.com/statics/images/www/dot-SubNav.png") no-repeat 2px center;font-size: 12px;color: #fff;display: block;width:74px;overflow: hidden;white-space: nowrap;}
.subNav .productRow ol li a:hover{color: #fffc00}
.subNav .productRow ol li a:hover,.subNav .productRow>ul>li>h2 a:hover{color: #fffc00}
.subNav .warp{position:relative}
.subNav .navClosed{position: absolute; right: -50px; top: -30px;}
.banner{overflow: hidden}
.otherPage{background: #bcf1f2 url(http://static.pigcms.com/statics/images/www/banner/banner_4.png) top center repeat-x;text-align: center;height: 300px}
/*.otherPage img{width: 100%}*/.otherPage .mianImg{width: 660px;margin: 0 auto;height: 300px;position: relative;overflow: hidden}
.otherPage .mianImg img{position: absolute;text-align: center}
.otherPage .mianImg img.pageimg0{left: 20px;top: 119px;z-index: 4;}
.otherPage .mianImg img.pageimg1{left: 50px;top: 10px;z-index: 4;}
.otherPage .mianImg img.pageimg2{top: 186px;left: 82px;z-index: 4;}
.otherPage .mianImg img.pageimg3{right: 0px;top: 38px;z-index: 4;}
.otherPage .mianImg img.pageimg4{position: static;}
.otherPage .mianImg img.pageimg5{top: 21px;left: 178px;}
.flashBox{position:relative;margin:0 auto;overflow:hidden;width: 100%;height:500px}
.flashBox ul{width:100%;position:absolute;left:0;top:0;z-index:1;}
.flashBox ul li{width:100%;height:500px;position:absolute;top:0;left:0;display:none;}
.flashBox ul li:first-child{display:block}
.flashBox ul li a,.flashBox ul li>div{width:100%;height:500px;display: block;background-position: top center;background-repeat: repeat;background-size: cover}
.bannerBtn{position: absolute;top:50%;margin-top: -25px;width: 100%;z-index: 3;}
.bannerBtn .w1000{position: relative}
.bannerBtn a{position: absolute;width: 26px;height:51px;background: url("http://static.pigcms.com/statics/images/www/sprite.png") no-repeat -115px 0;z-index: 99;display: none}
.bannerBtn a.prev{background-position: -0px -938px;left: 0}
.bannerBtn a.next{background-position: -26px -938px;right: 0;}
.flashBox ol{z-index:2;width:100%;text-align:center;position:absolute;bottom:10px}
.flashBox ol li{width:15px;height:15px;margin:0 2px;display:inline-block;background:#fff;color:#dd1827;line-height:20px;text-align:center;border-radius: 100px;cursor:pointer;background: url("http://static.pigcms.com/statics/images/www/sprite.png") no-repeat 0px -1000px;text-indent: -99999px;}
.flashBox ol li{*display:inline}
.flashBox ol .active{background:url("http://static.pigcms.com/statics/images/www/sprite.png") no-repeat -20px -1000px;color:#fff;}
.flashBox ul li .warp{position: relative;height: 500px}
.flashBox ul li .warp img{position: absolute}
/*20160317 BY tanytree*/
.wxBanner .targetBtn{margin-top: 20px; position: absolute; bottom: 120px; left: 100px;z-index: 999}
.wxBanner .targetBtn a{float: left;width:170px;height: 50px;background: url("http://static.pigcms.com/statics/images/www/sprite.png") no-repeat -433px -790px;text-align: center;line-height: 50px;color: #fff;font-size: 16px;margin-right: 15px}
.wxBanner .targetBtn a{transition:all 0s ease;-webkit-transition:all 0s ease;-moz-transition:all 0s ease;-ms-transition:all 0s ease;}
.wxBanner .targetBtn a i{display: inline-block;width: 31px;height: 31px;background: url("http://static.pigcms.com/statics/images/www/sprite.png") no-repeat -565px -750px;vertical-align: middle;margin-right: 10px}
.wxBanner .targetBtn a:hover{background-position: -433px -890px}
.wxBanner .targetBtn a i{*display: inline}
.wxBanner .targetBtn a:first-child{width: 110px;background-position: -433px -740px}
.wxBanner .targetBtn a:first-child:hover{background-position: -433px -840px}
.wxBanner{}
.wxBanner .wxbigtext{left: 50%;margin-left: -269px;top: 103px}
.wxBanner .wxsmalltext{left: 50%;margin-left: -192px;top: 180px;}
.wxBanner .wxman{left: 50%;margin-left: -95px;bottom: 0;z-index: 2}
.wxBanner .wxcloud{left: 30%;top: 300px;z-index: 0;}
.wxBanner .sybigtext{left: 50%;margin-left: -359px;top: 172px}
.wxBanner .sysmalltext{left: 50%;margin-left: -188.5px;top: 255px;}
.wxBanner .syicon{left: 50%;margin-left: -307.5px;bottom: 78px;z-index: 2}
.wxBanner .earth{left: 50%;bottom: -145px;margin-left:-283px;z-index: 2;}
.wxBanner .o2obigtext{left: 50%; margin-left: -312.5px; top: 208px; z-index: 5;}
.wxBanner .o2osmalltext{left: 50%; margin-left: -268px; top: 306px; z-index: 4;}
.wxBanner .yellowtip{left: 50%; margin-left: -183px; top: 148px; z-index: 4;}
.wxBanner .boat{bottom: -35px;right: 0}
.wxBanner .balloon0{right: 205px;top: 50px;}
.wxBanner .balloon1{left: 50%;top: 100px;z-index: 4;}
.wxBanner .box{top: 106px;left: 180px;}
.wxBanner .buliding{right: 0;top: 365px;}
.wxBanner .buliding1{top: 70px;left: 290px;}
.wxBanner .car{right: 201px;top: 181px;z-index: 5;}
.wxBanner .o2ocloud0{top: 210px;left: 0;z-index: 6}
.wxBanner .o2ocloud1{right: 120px;top: 278px;}
.wxBanner .plane{right: 0;top: 107px;}
.wxBanner .pylon0{left: 35px;top: 216px;}
.wxBanner .pylon1{right: 260px;top: 34px;}
.wxBanner .tree{top: 315px;left: 45px;}
.wxBanner .windmill{top: 4px;left: 420px;width: 62px;}
.wxBanner .windmill1{top: -10px;left: 357px;}
.wxBanner .cmsbigtext{left: 100px; top: 170px;}
.wxBanner .cmssmalltext{left: 100px; top: 245px;}
.wxBanner .cms0{right: 210px;top: 305px;}
.wxBanner .cms2{left: 325px;top: 200px;}
.wxBanner .cms1{left: 162px;top: 315px;}
.wxBanner .wsTit{left: 50%;margin-left: -140.5px;top: 165px}
.wxBanner .wsSubTit{left: 50%;margin-left: -132px;top: 240px}
.wxBanner .rocket{left: 10%;bottom: 20px}
.wxBanner .s0{left: 50%;margin-left: -154px; top: 100px}
.wxBanner .s1{left: 50%;margin-left: -425.5px;top: 200px;}
.wxBanner .s2{left: 50%;margin-left: -435px;top: 280px}
.wxBanner .s3{left: 0;bottom: 0px;z-index: 5;height:190px}
.wxBanner .s4{right: 0;bottom: 0px;z-index: 0;height: 160px}
.wxBanner .ss-floatText{top: 62px;left: 50%;margin-left:-340px}
.wxBanner .ss-bigText{left: 50%; margin-left: -366px; top: 140px; z-index: 99;}
.wxBanner .ss-minText{margin-left: 252px; bottom: 55px; z-index: 99;}
.wxBanner .ss-m{bottom: 0;left: 0;}
.wxBanner .ss-plane{right: 200px; top: 132px;}
/**新增banner201607011**/
.banner-b{background: #43cfc8}
.banner-b .w1120{height: 348px}
.banner-b img{position: absolute}
.banner-b .b-1{right: 72px;top: 180px}
.banner-b .b-2{left: 90px; top: 180px;}
.banner-b .b-3{left: 50%;margin-left: -381px;top:330px}
.banner-b .b-s{bottom: 0}
.banner-b .b-s-1{width: 100px; left: 50px;}
.banner-b .b-s-2{left: 160px; width: 160px;}
.banner-b .b-s-3{left: 390px;width: 58px;}
.banner-b .b-s-4{right: 359px; width: 103px;}
.banner-b .b-s-5{right: 250px;width: 150px;}
.banner-b .b-s-6{right: 0;width: 65px;}
.banner-b .b-y{top: 40px}
.banner-b .b-y-1{left: 50%;margin-left: -20px}
.banner-b .b-y-2{left:0}
.banner-b .b-y-3{right: 0}
.banner-b .targetBtn{margin-top: 20px; position: absolute; bottom: 60px; left: 352px; z-index: 999;}
.banner-xr{background-image: url("http://static.pigcms.com/statics/images/www/banner/xr.jpg");background-repeat: no-repeat;background-position: top center;background-size: cover;}
.banner-xr .xr-1{right: -72px; top: 160px;}
.banner-xr .xr-2{top: 125px; left: 0}
.banner-xr .xr-4{top: 0; left: 50%; margin-left: -400px;}
.banner-xr .xr-3-1{top: 260px; left: 0;}
.banner-xr .xr-3-2{top: 232px; right: 0;}
.banner .flashBox .banner-xr .xr-btn{background: url("http://static.pigcms.com/statics/images/www/banner/xr-btn.png") no-repeat;width: 282px;height: 68px;overflow: hidden;position: absolute;bottom: 20px;left: 50%;margin-left: -141px}
.banner-kt{background: #1fbdd9}
.banner-kt .kt_1{top: 148px; left: 0; z-index: 1;}
.banner-kt .kt_2{top: 319px; left: 0;}
.banner-kt .kt_3{right: 0; bottom: 0; z-index: 0;}
.banner-kt .kt_4{bottom: 0; right: 0;}
.banner-kt .kt_5{bottom: 0; right: 86px;}
.banner-kt .kt_6{top: 410px; left: 0;}
.flashBox ul li div.warp{ width:1000px}
.banner-zh{background: #03c36b}
.banner-zh .zh-1{bottom: 0;left: 0;}
.banner-zh .zh-2{top: 170px;left: 50%;margin-left: -465px;}
.banner-zh .zh-3{top: 282px;left: 50%;margin-left: -235px;}

.banner-a{ background:url(http://static.pigcms.com/statics/images/www/banner/pigBg_02.png)}
.banner-a .zh-a-1{     left: 60px;    top: 77px;    z-index: 9;-webkit-animation:bounceInDown 2s 0.5s 1 linear both;animation: bounceInDown 2s 0.5s 1 linear both;}
.banner-a .zh-a-2{ left:0; top:0;-webkit-animation: zoomIn 2s 0s 1 linear both;animation: zoomIn 2s 0s 1 linear both;}
@-webkit-keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }
    50% {
        opacity: 1;
    }
}

@keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }
    50% {
        opacity: 1;
    }
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
}


.warp{width:1000px;margin: 0 auto;}
.indexTab{}
/*.indexTab .warp{border: 1px solid #eee}*/.indexTab .tabThis{}
.indexTab .tabThis .nav{background: #f6f6f6;border-bottom: 1px solid #eee;}
.indexTab .tabThis .nav ul li{float: left}
.indexTab .tabThis .nav ul li a{padding: 15px 30px;display: block;font-size: 18px;color: #9d9d9d}
.indexTab .tabThis .nav ul li.on a{background: #49b44f;color: #fff}
.indexTab .tabThis .detail{border:1px solid #eee;border-top: 0}
.indexTab .tabThis .detail>.row{padding: 30px 0;width:920px;margin: 0 auto}
.indexTab .tabThis .detail>.row .hd{border-bottom: 1px solid #eee}
.indexTab .tabThis .detail>.row .hd ul li{float: left;margin-right: 20px}
.indexTab .tabThis .detail>.row .hd ul li a{display: block;padding: 0px 15px 10px 15px;border-bottom:1px solid #eee;margin-bottom: -1px;font-size: 18px;color: #9d9d9d}
.indexTab .tabThis .detail>.row .hd ul li.on a{border-color: #49b44f;color: #49b44f}
.lastUpdate,.detail .news{width: 540px;height:260px;overflow:hidden}
.detail .news{height:260px;overflow:hidden}
.lastUpdate li{float: left;width: 150px;height:115px;background: #f2f2f2;text-align: center;position: relative;margin: 0px 30px 20px 0;color: #b9b9b9}
.lastUpdate li .icon{margin-top: 10px;}
.lastUpdate li .icon img{width: 45px;height: 45px;}
.lastUpdate li .name{display: block;font-size: 16px;line-height: 30px}
.lastUpdate li .time{display: block;font-size: 12px}
.lastUpdate li .coverQr{position: absolute;top: 0;left: 0;right: 0;bottom: 0;display: none}
.lastUpdate li .coverQr img{margin-top: 8px; width: 100px; height: 100px; background: #fff;}
.detail .news .newsBigImg{height: 80px;width: 100%}
.detail .news .newsBigImg img{height: 80px;width: 100%}
.detail .news ul li{padding-left: 10px;background: url("http://static.pigcms.com/statics/images/www/dot.png") no-repeat left center;color:#9d9d9d;margin-top: 16px;}
.detail .news ul li a{color:#9d9d9d;font-size: 14px; width: 270px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display: block}
.detail .news ul li:hover{background: url("http://static.pigcms.com/statics/images/www/dot_hover.png") no-repeat left center;}
.detail .news ul li:hover a{color: #49b44f}
.detail .news ul li.last:hover a{color: #9d9d9d}
.detail .news ul li.last:hover .time a{color: #49b44f}
.fixedItems{position: absolute;right: -30px;top: 0;width: 360px;}
.fixedItems li{float: left;width: 150px;height: 115px;background: #f2f2f2;text-align: center;margin: 0px 30px 20px 0px;color: #9d9d9d;font-size: 16px;cursor: pointer}
.fixedItems li i{background: url("http://static.pigcms.com/statics/images/www/sprite.png") no-repeat 0 -44px;display: block;margin: 0 auto;height: 50px;width: 50px;margin-top: 18px;}
.fixedItems li.video i{background-position: -0px -52px}
.fixedItems li.video:hover i{background-position: -50px -52px}
.fixedItems li.test i{background-position: -0px -115px}
.fixedItems li.test:hover i{background-position: -50px -115px}
.fixedItems li.case i{background-position: -0px -170px}
.fixedItems li.case:hover i{background-position: -50px -170px}
.fixedItems li.chat i{background-position: -0px -220px}
.fixedItems li.chat:hover i{background-position: -50px -220px}
.fixedItems li.shop i{background-position: -0px -338px}
.fixedItems li.shop:hover i{background-position: -50px -338px}
.fixedItems li.site i{background-position: -0px -281px}
.fixedItems li.site:hover i{background-position: -50px -281px}
.fixedItems li.func i{background-position: -0px -398px}
.fixedItems li.func:hover i{background-position: -50px -398px}
.fixedItems li.distribution i{background-position: -0px -1170px}
.fixedItems li.distribution:hover i{background-position: -50px -1170px}
.fixedItems li:hover{background: #49b44f;color: #fff}
.fixedItems li:hover a{color: #fff}
.fixedItems li:hover i{background-position-x:-50px}
.fixedItems li:hover .name{color: #fff}
.WeChat .news{width: 380px;}
.WeChat .fixedItems{width: 540px;}
.otherProducts{position: static}
.otherProducts ul{position: relative;height: 612px}
.otherProducts ul>li{width: 293px;height:190px;text-align: center;background: #f6f6f6;color: #9d9d9d;position: absolute;overflow: hidden;border: 1px solid #fff;cursor: pointer}
.otherProducts ul>li .icon{margin-top: 20px;}
.otherProducts ul>li .icon i{width: 65px;height: 65px;display: block;margin: 0 auto;background: url("http://static.pigcms.com/statics/images/www/sprite.png") no-repeat}
#sudoko-one ul>li.i0 .icon i{background-position: -280px -1010px;}
#sudoko-one ul>li.i0:hover .icon i{background-position: -350px -1010px;}
#sudoko-one ul>li.i1 .icon i{background-position: -280px -944px;}
#sudoko-one ul>li.i1:hover .icon i{background-position: -350px -944px;}
#sudoko-one ul>li.i2 .icon i{background-position: -280px -1530px}
#sudoko-one ul>li.i2:hover .icon i{background-position: -350px -1530px;}
#sudoko-one ul>li.i3 .icon i{background-position: -280px -1465px;}
#sudoko-one ul>li.i3:hover .icon i{background-position: -350px -1465px;}
#sudoko-one ul>li.i4 .icon i{background-position: -280px -1205px;}
#sudoko-one ul>li.i4:hover .icon i{background-position: -350px -1205px;}
#sudoko-one ul>li.i5 .icon i{background-position: -280px -1075px;}
#sudoko-one ul>li.i5:hover .icon i{background-position: -350px -1075px;}
#sudoko-one ul>li.i6 .icon i{background-position: -280px -1270px;}
#sudoko-one ul>li.i6:hover .icon i{background-position: -350px -1270px;}
#sudoko-one ul>li.i7 .icon i{background-position: -280px -1400px;}
#sudoko-one ul>li.i7:hover .icon i{background-position: -350px -1400px;}
#sudoko-one ul>li.i8 .icon i{background-position: -280px -1335px;}
#sudoko-one ul>li.i8:hover .icon i{background-position: -350px -1335px;}
#sudoko-one ul>li.i9 .icon i{background-position: -280px -1465px;}
#sudoko-one ul>li.i9:hover .icon i{background-position: -350px -1465px;}
#sudoko-one ul>li.i10 .icon i{background-position: -280px -1530px;}
#sudoko-one ul>li.i10:hover .icon i{background-position: -350px -1530px;}
#sudoko-one ul>li.i11 .icon i{background-position: -280px -1595px;}
#sudoko-one ul>li.i11:hover .icon i{background-position: -350px -1595px;}
#sudoko-one ul>li.i12 .icon i{background-position: -280px -1660px;}
#sudoko-one ul>li.i12:hover .icon i{background-position: -350px -1660px;}
#sudoko-two ul>li.i0 .icon i{background-position: -280px -1660px;}
#sudoko-two ul>li.i0:hover .icon i{background-position: -350px -1660px;}
#sudoko-two ul>li.i1 .icon i{background-position: -280px -878px;}
#sudoko-two ul>li.i1:hover .icon i{background-position: -350px -878px;}
#sudoko-two ul>li.i2 .icon i{background-position: -280px -1595px;}
#sudoko-two ul>li.i2:hover .icon i{background-position: -350px -1595px;}
#sudoko-two ul>li.i3 .icon i{background-position: -280px -1205px;}
#sudoko-two ul>li.i3:hover .icon i{background-position: -350px -1205px;}
#sudoko-two ul>li.i4 .icon i{background-position: -280px -1270px;}
#sudoko-two ul>li.i4:hover .icon i{background-position: -350px -1270px;}
#sudoko-two ul>li.i5 .icon i{background-position: -280px -944px;}
#sudoko-two ul>li.i5:hover .icon i{background-position: -350px -944px;}
#sudoko-two ul>li.i6 .icon i{background-position: -280px -1400px;}
#sudoko-two ul>li.i6:hover .icon i{background-position: -350px -1400px;}
#sudoko-two ul>li.i7 .icon i{background-position: -280px -1335px;}
#sudoko-two ul>li.i7:hover .icon i{background-position: -350px -1335px;}
#sudoko-two ul>li.i8 .icon i{background-position: -280px -1530px;}
#sudoko-two ul>li.i8:hover .icon i{background-position: -350px -1530px;}
#sudoko-two ul>li.i9 .icon i{background-position: -280px -1530px;}
#sudoko-two ul>li.i9:hover .icon i{background-position: -350px -1530px;}
#sudoko-two ul>li.i10 .icon i{background-position: -280px -1530px;}
#sudoko-two ul>li.i10:hover .icon i{background-position: -350px -1530px;}
#sudoko-two ul>li.i11 .icon i{background-position: -280px -1595px;}
#sudoko-two ul>li.i11:hover .icon i{background-position: -350px -1595px;}
#sudoko-two ul>li.i12 .icon i{background-position: -280px -1660px;}
#sudoko-two ul>li.i12:hover .icon i{background-position: -350px -1660px;}
#sudoko-three ul>li.i0 .icon i{background-position: -280px -1660px;}
#sudoko-three ul>li.i0:hover .icon i{background-position: -350px -1660px;}
/*#sudoko-three ul>li.i1 .icon i{background-position: -280px -878px;}
#sudoko-three ul>li.i1:hover .icon i{background-position: -350px -878px;}*/
#sudoko-three ul>li.i1 .icon i{background-position: -280px -944px;}
#sudoko-three ul>li.i1:hover .icon i{background-position: -350px -944px;}
/*#sudoko-three ul>li.i2 .icon i{background-position: -280px -944px;}
#sudoko-three ul>li.i2:hover .icon i{background-position: -350px -944px;}*/
#sudoko-three ul>li.i2 .icon i{background-position: -280px -1790px;}
#sudoko-three ul>li.i2:hover .icon i{background-position: -350px -1790px;}
/*#sudoko-three ul>li.i3 .icon i{background-position: -280px -1075px;}
#sudoko-three ul>li.i3:hover .icon i{background-position: -350px -1075px;}*/
#sudoko-three ul>li.i3 .icon i{background-position: -280px -878px;}
#sudoko-three ul>li.i3:hover .icon i{background-position: -350px -878px;}
/*#sudoko-three ul>li.i4 .icon i{background-position: -280px -1270px;}
#sudoko-three ul>li.i4:hover .icon i{background-position: -350px -1270px;}*/
#sudoko-three ul>li.i4 .icon i{background-position: -280px -1075px;}
#sudoko-three ul>li.i4:hover .icon i{background-position: -350px -1075px;}
/*#sudoko-three ul>li.i5 .icon i{background-position: -280px -1595px;}
#sudoko-three ul>li.i5:hover .icon i{background-position: -350px -1595px;}*/
#sudoko-three ul>li.i5 .icon i{background-position: -280px -1855px;}
#sudoko-three ul>li.i5:hover .icon i{background-position: -350px -1855px;}
/*#sudoko-three ul>li.i6 .icon i{background-position: -280px -1205px;}
#sudoko-three ul>li.i6:hover .icon i{background-position: -350px -1205px;}*/
#sudoko-three ul>li.i6 .icon i{background-position: -280px -1010px;}
#sudoko-three ul>li.i6:hover .icon i{background-position: -350px -1010px;}
#sudoko-three ul>li.i7 .icon i{background-position: -280px -1205px;}
#sudoko-three ul>li.i7:hover .icon i{background-position: -350px -1205px;}
/*#sudoko-three ul>li.i8 .icon i{background-position: -280px -1400px;}
#sudoko-three ul>li.i8:hover .icon i{background-position: -350px -1400px;}*/
#sudoko-three ul>li.i8 .icon i{background-position: -280px -1920px;}
#sudoko-three ul>li.i8:hover .icon i{background-position: -350px -1920px;}
/*#sudoko-three ul>li.i9 .icon i{background-position: -280px -1465px;}
#sudoko-three ul>li.i9:hover .icon i{background-position: -350px -1465px;}*/
#sudoko-three ul>li.i9 .icon i{background-position: -280px -1270px;}
#sudoko-three ul>li.i9:hover .icon i{background-position: -350px -1270px;}
/*#sudoko-three ul>li.i10 .icon i{background-position: -280px -1530px;}
#sudoko-three ul>li.i10:hover .icon i{background-position: -350px -1530px;}*/
#sudoko-three ul>li.i10 .icon i{background-position: -280px -1595px;}
#sudoko-three ul>li.i10:hover .icon i{background-position: -350px -1595px;}
/*#sudoko-three ul>li.i11 .icon i{background-position: -280px -1595px;}
#sudoko-three ul>li.i11:hover .icon i{background-position: -350px -1595px;}*/
#sudoko-three ul>li.i11 .icon i{background-position: -280px -1205px;}
#sudoko-three ul>li.i11:hover .icon i{background-position: -350px -1205px;}
#sudoko-three ul>li.i12 .icon i{background-position: -280px -1660px;}
#sudoko-three ul>li.i12:hover .icon i{background-position: -350px -1660px;}
#sudoko-four ul>li.i0 .icon i{background-position: -280px -1270px;}
#sudoko-four ul>li.i0:hover .icon i{background-position: -350px -1270px;}
#sudoko-four ul>li.i1 .icon i{background-position: -280px -1530px;}
#sudoko-four ul>li.i1:hover .icon i{background-position: -350px -1530px;}
#sudoko-four ul>li.i2 .icon i{background-position: -280px -1725px;}
#sudoko-four ul>li.i2:hover .icon i{background-position: -350px -1725px;}
/*#sudoko-four ul>li.i3 .icon i{background-position: -280px -1205px;}
#sudoko-four ul>li.i3:hover .icon i{background-position: -350px -1205px;}*/
#sudoko-four ul>li.i3 .icon i{background-position: -280px -1660px;}
#sudoko-four ul>li.i3:hover .icon i{background-position: -350px -1660px;}
#sudoko-four ul>li.i4 .icon i{background-position: -280px -944px;}
#sudoko-four ul>li.i4:hover .icon i{background-position: -350px -944px;}
/*#sudoko-four ul>li.i5 .icon i{background-position: -280px -1660px;}
#sudoko-four ul>li.i5:hover .icon i{background-position: -350px -1660px;}*/
#sudoko-four ul>li.i5 .icon i{background-position: -280px -1790px;}
#sudoko-four ul>li.i5:hover .icon i{background-position: -350px -1790px;}
/*#sudoko-four ul>li.i6 .icon i{background-position: -280px -1595px;}
#sudoko-four ul>li.i6:hover .icon i{background-position: -350px -1595px;}*/
#sudoko-four ul>li.i6 .icon i{background-position: -280px -878px;}
#sudoko-four ul>li.i6:hover .icon i{background-position: -350px -878px;}
#sudoko-four ul>li.i7 .icon i{background-position: -280px -1205px;}
#sudoko-four ul>li.i7:hover .icon i{background-position: -350px -1205px;}
/*#sudoko-four ul>li.i7 .icon i{background-position: -280px -878px;}
#sudoko-four ul>li.i7:hover .icon i{background-position: -350px -878px;}*/
/*#sudoko-four ul>li.i8 .icon i{background-position: -280px -1075px;}
#sudoko-four ul>li.i8:hover .icon i{background-position: -350px -1075px;}*/
#sudoko-four ul>li.i8 .icon i{background-position: -280px -1855px;}
#sudoko-four ul>li.i8:hover .icon i{background-position: -350px -1855px;}
/*#sudoko-four ul>li.i9 .icon i{background-position: -280px -1270px;}
#sudoko-four ul>li.i9:hover .icon i{background-position: -350px -1270px;}*/
#sudoko-four ul>li.i9 .icon i{background-position: -280px -1010px;}
#sudoko-four ul>li.i9:hover .icon i{background-position: -350px -1010px;}
/*#sudoko-four ul>li.i10 .icon i{background-position: -280px -1400px;}
#sudoko-four ul>li.i10:hover .icon i{background-position: -350px -1400px;}*/
#sudoko-four ul>li.i10 .icon i{background-position: -280px -1920px;}
#sudoko-four ul>li.i10:hover .icon i{background-position: -350px -1920px;}
/*#sudoko-four ul>li.i11 .icon i{background-position: -280px -1010px;}
#sudoko-four ul>li.i11:hover .icon i{background-position: -350px -1010px;}*/
#sudoko-four ul>li.i11 .icon i{background-position: -280px -1075px;}
#sudoko-four ul>li.i11:hover .icon i{background-position: -350px -1075px;}
/*#sudoko-four ul>li.i12 .icon i{background-position: -280px -1660px;}*/
/*#sudoko-four ul>li.i12:hover .icon i{background-position: -350px -1660px;}*/
/*#sudoko-four ul>li.i12 .icon i{background-position: -280px -1790px;}
#sudoko-four ul>li.i12:hover .icon i{background-position: -350px -1790px;}*/
#sudoko-four ul>li.i12 .icon i{background-position: -280px -1595px;}
#sudoko-four ul>li.i12:hover .icon i{background-position: -350px -1595px;}
/*
#sudoko-four ul>li.i13 .icon i{background-position: -280px -1855px;}
#sudoko-four ul>li.i13:hover .icon i{background-position: -350px -1855px;}
*/
#sudoko-four ul>li.i13 .icon i{background-position: -280px -1270px;}
#sudoko-four ul>li.i13:hover .icon i{background-position: -350px -1270px;}
/*
#sudoko-four ul>li.i14 .icon i{background-position: -280px -1920px;}
#sudoko-four ul>li.i14:hover .icon i{background-position: -350px -1920px;}*/
/*#sudoko-four ul>li.i14 .icon i{background-position: -280px -1075px;}
#sudoko-four ul>li.i14:hover .icon i{background-position: -350px -1075px;}*/
#sudoko-four ul>li.i14 .icon i{background-position: -280px -1205px;}
#sudoko-four ul>li.i14:hover .icon i{background-position: -350px -1205px;}
#sudoko-five ul>li.i0 .icon i{}
.otherProducts ul>li h2{font-size: 16px;font-weight: normal;line-height: 30px;padding-bottom: 10px}
.otherProducts ul>li p{font-size: 12px;line-height: 18px;text-align: left;display: block;height: 35px;overflow: hidden;}
.otherProducts ul>li .liWarp{padding: 15px 20px;}
.otherProducts ul>li .btInfo{background: #49b44f;text-align: center;height:60px;display: none;}
.otherProducts ul>li .btInfo ol li{display: inline-block;margin: 8px 30px;width: 30px;}
.otherProducts ul>li .btInfo ol li{*display: inline}
.otherProducts ul>li .btInfo ol li a{color: #fff;cursor: pointer}
.otherProducts ul>li .btInfo ol li i{display: block;margin: 0 auto;background: url("http://static.pigcms.com/statics/images/www/sprite.png") no-repeat}
.otherProducts ul>li .btInfo ol li.site i{background-position: -142px -46px;width: 29px;height: 26px;}
.otherProducts ul>li .btInfo ol li.demo i{background-position: -173px -46px;width: 29px;height: 26px}
.otherProducts ul>li .btInfo ol li.chat i{background-position: -115px -46px;width: 24px;height: 26px}
/*.otherProducts ul>li>.position{border: 1px solid #fff;background: #fff}*//*.otherProducts ul>li>.on{position: absolute;z-index: 99999;width: 291px;border-color: #49b44f;*left:0}*/
.otherProducts ul>li:hover{z-index: 999;border: 1px solid #49b44f;background:#fff}
/*硬件*/
.Hardware ul{margin-left: -17px;}
.Hardware ul>li{width: 293px;text-align: center;background: #f6f6f6;color: #9d9d9d;overflow: hidden;border: 1px solid #fff;cursor: pointer;float: left;margin-left: 17px;margin-bottom: 17px;}
.Hardware ul>li .position{border: 1px solid #fff}
.Hardware ul>li .liWarp{padding: 15px 20px;}
.Hardware ul>li .icon{margin-top: 20px;}
.Hardware ul>li h2{font-size: 16px;font-weight: normal;line-height: 30px;padding-bottom: 10px;}
.Hardware ul>li p{font-size: 12px;line-height: 18px;text-align: left;display: block;height: 35px;overflow: hidden;}
.Hardware .btInfo{text-align: center;padding-bottom: 20px;}
.Hardware .btInfo ol li{width: 120px;display: inline-block;background: #fff;border-radius: 5px;text-align: center;margin: 0 2px}
.Hardware .btInfo ol li{*display: inline}
.Hardware .btInfo ol li a{display: block;padding: 5px 0;color: #9e9e9e}
.Hardware .btInfo ol li a i{display: inline-block;vertical-align: middle;background: url("http://static.pigcms.com/statics/images/www/sprite.png") no-repeat;margin-right: 5px;}
.Hardware .btInfo ol li a i{*display: inline-block;}
.Hardware .btInfo ol li.site i{background-position: -27px -1379px;width: 29px;height: 26px;}
.Hardware .btInfo ol li.chat i{background-position: -0px -1379px;width: 24px;height: 26px;}
.Hardware ul>li .icon i{width: 65px;height: 65px;display: block;margin: 0 auto;background: url("http://static.pigcms.com/statics/images/www/sprite.png") no-repeat;}
.Hardware ul>li.i0 .icon i{background-position: 0 -1665px;}
.Hardware ul>li.i0:hover .icon i{background-position: -65px -1665px;}
.Hardware ul>li.i1 .icon i{background-position: 0 -1730px;}
.Hardware ul>li.i1:hover .icon i{background-position: -65px -1730px;}
.Hardware ul>li.i2 .icon i{background-position: 0 -1795px;}
.Hardware ul>li.i2:hover .icon i{background-position: -65px -1795px;}
.Hardware ul>li.i3 .icon i{background-position: 0 -1860px;}
.Hardware ul>li.i3:hover .icon i{background-position: -65px -1860px;}
.Hardware ul>li.i4 .icon i{background-position: 0 -1925px;}
.Hardware ul>li.i4:hover .icon i{background-position: -65px -1925px;}
.Hardware ul>li.i5 .icon i{background-position: 0 -1990px;}
.Hardware ul>li.i5:hover .icon i{background-position: -65px -1990px;}
.Hardware ul>li:hover{border-color: #49b44f;background: #ffffff}
.Hardware ul>li:hover .btInfo ol li{background: #2a9b30}
.Hardware ul>li:hover .btInfo ol li a{color: #fff}
.Hardware ul>li:hover .btInfo ol li.site i{background-position: -27px -1410px}
.Hardware ul>li:hover .btInfo ol li.chat i{background-position: 0 -1410px}
.Hardware ul>li:hover h2{color: #49b44f}
/*APP*/
.appRow ul{margin-left: -17px;}
.appRow ul>li{width: 215px;text-align: center;background: #f6f6f6;color: #9d9d9d;border: 1px solid #fff;cursor: pointer;float: left;margin-left: 17px;margin-bottom: 17px;}
.appRow ul>li .position{border: 1px solid #fff}
.appRow ul>li .liWarp{padding: 15px 20px;}
.appRow ul>li .icon{margin-top: 20px;}
.appRow ul>li h2{font-size: 16px;font-weight: normal;line-height: 30px;padding-bottom: 10px;}
.appRow ul>li p{font-size: 12px;line-height: 18px;text-align: left;display: block;height: 35px;overflow: hidden;}
.appRow .btInfo{text-align: center;padding-bottom: 20px;}
.appRow .btInfo ol li{width: 85px;display: inline-block;background: #fff;border-radius: 5px;text-align: center;margin: 0 2px;position: relative}
.appRow .btInfo ol li{*display: inline}
.appRow .btInfo ol li a{display: block;padding: 5px 0;color: #9e9e9e}
.appRow .btInfo ol li a i{display: inline-block;vertical-align: middle;background: url("http://static.pigcms.com/statics/images/www/sprite.png") no-repeat;margin-right: 5px;}
.appRow .btInfo ol li a i{*display: inline-block;}
.appRow .btInfo ol li.an i{background-position: -0px -1443px;width: 15px;height: 18px;}
.appRow .btInfo ol li.ios i{background-position: -17px -1443px;width: 14px;height: 18px;}
.appRow .btInfo ol li .qrcode{position: absolute;top: 38px;left: -28px;width: 140px;text-align: center;background: #fff;border: 1px solid #49b44f;padding: 15px 0;z-index: 9;display: none}
.appRow .btInfo ol li .qrcode img{width: 110px;height: 110px;}
.appRow .btInfo ol li .qrcode span{width:14px;height:8px;position: absolute;top: -8px;left: 50%;margin-left: -7px;background:url("http://static.pigcms.com/statics/images/www/sprite.png") no-repeat -0 -1490px}
.appRow .btInfo ol li .qrcode h3{font-size: 12px;color: #49b44f;font-weight: normal}
.appRow ul>li .icon i{width: 65px;height: 65px;display: block;margin: 0 auto;}
.appRow ul>li .icon i.on{display: none}
.appRow ul>li:hover{border-color: #49b44f;background: #ffffff}
.appRow ul>li:hover .icon i{display: none}
.appRow ul>li:hover .icon i.on{display: block}
.appRow ul>li .btInfo ol li:hover .qrcode{display: block}
.appRow ul>li:hover .btInfo ol li{background: #2a9b30}
.appRow ul>li:hover .btInfo ol li a{color: #fff}
.appRow ul>li:hover .btInfo ol li.an i{background-position: -0px -1465px}
.appRow ul>li:hover .btInfo ol li.ios i{background-position: -17px -1465px}
.appRow ul>li:hover h2{color: #49b44f}
.detail .otherProducts ul>li:hover .icon i{background-position-x: -350px!important}
.otherProducts ul>li:hover .btInfo{display: block}
.otherProducts ul>li:hover h2{color: #49b44f}
.otherProducts ul>li:hover p{height: 76px;}
.skillMod{}
.skillMod ul li{float: left;width: 50%;padding: 10px 0;height: 80px;background: #fff;overflow: hidden}
.rect3Box ul li{float: left;width: 33%;padding: 10px 0}
.skillMod ul li .icon{width: 78px;height: 78px;float: left;border: 1px solid #999;border-radius: 100%;margin-left: 10px;}
.rectBox ul li .icon,.rect3Box ul li .icon{border-radius: 0;background: #f6f6f6;border: 0}
.skillMod ul li .icon i{display: block;margin: 0 auto;background: url("http://static.pigcms.com/statics/images/www/sprite.png") no-repeat;margin-top: 13px;}
.skillMod ul li .desc{overflow: hidden;display: table;height: 80px;padding-left: 20px; margin-right: 20px;}
.skillMod ul li .desc>div{display: table-cell;vertical-align: middle;color: #3d3d3d;*margin-top: 20px;}
.skillMod ul li .desc> .row0 h3{font-size: 16px;font-weight: normal;line-height: 24px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.skillMod ul li .desc> .row0 p{font-size: 12px;height: 34px;overflow: hidden;text-overflow: ellipsis;line-height: 34px;white-space: nowrap;width: 100%;color: #888}
.skillMod ul li .desc> .row0 p{width: 335px;}
.rect3Box ul li .desc> .row0 p{width: 190px;}
@-moz-document url-prefix(){.skillMod ul li .desc> .row0 p{width: 330px;}.rect3Box ul li .desc> .row0 p{width: 175px;}}
.skillMod ul li.i0 .icon i{background-position: -100px -78px;width: 36px;height: 45px;}
.skillMod ul li.i0:hover .icon i{background-position: -148px -78px;}
.skillMod ul li.i1 .icon i{background-position: -100px -123px;width: 45px;height: 42px;margin-top: 17px;}
.skillMod ul li.i1:hover .icon i{background-position: -148px -123px}
.skillMod ul li.i2 .icon i{background-position: -100px -165px;width: 35px;height: 45px}
.skillMod ul li.i2:hover .icon i{background-position: -148px -165px}
.skillMod ul li.i3 .icon i{background-position: -100px -210px;width: 45px;height: 41px;margin-top: 20px;margin-left: 18px;}
.skillMod ul li.i3:hover .icon i{background-position: -148px -210px}
.skillMod ul li.i4 .icon i{background-position: -100px -251px;width: 47px;height: 45px;margin-top: 16px;}
.skillMod ul li.i4:hover .icon i{background-position: -148px -251px}
.skillMod ul li.i5 .icon i{background-position: -100px -296px;width: 43px;height: 45px;margin-top: 16px;}
.skillMod ul li.i5:hover .icon i{background-position: -148px -296px}
.skillMod ul li.i6 .icon i{background-position: -100px -342px;width: 45px;height: 33px;margin-top: 20px;}
.skillMod ul li.i6:hover .icon i{background-position: -148px -342px}
.skillMod ul li.i7 .icon i{background-position: -100px -376px;width: 45px;height: 40px;margin-top: 21px;}
.skillMod ul li.i7:hover .icon i{background-position: -148px -376px}
.skillMod ul li.i8 .icon i{background-position: -100px -417px;width: 45px;height: 45px;margin-top: 16px;}
.skillMod ul li.i8:hover .icon i{background-position: -148px -417px}
.skillMod ul li.i9 .icon i{background-position: -100px -463px;width: 45px;height: 36px;margin-top: 21px;}
.skillMod ul li.i9:hover .icon i{background-position: -148px -463px}
.skillMod ul li.i10 .icon i{background-position: -100px -502px;width: 38px;height: 40px;margin-top: 21px;}
.skillMod ul li.i10:hover .icon i{background-position: -148px -502px}
.skillMod ul li.i11 .icon i{background-position: -100px -543px;width: 45px;height: 45px;margin-top: 17px;}
.skillMod ul li.i11:hover .icon i{background-position: -148px -543px}
.skillMod ul li.i12 .icon i{background-position: -100px -589px;width: 40px;height: 34px;margin-top: 20px;}
.skillMod ul li.i12:hover .icon i{background-position: -148px -589px}
.skillMod ul li.i13 .icon i{background-position: -100px -628px;width: 44px;height: 32px;margin-top: 23px;}
.skillMod ul li.i13:hover .icon i{background-position: -148px -628px}
.skillMod ul li.i14 .icon i{background-position: -100px -663px;width: 41px;height: 40px;margin-top: 20px;}
.skillMod ul li.i14:hover .icon i{background-position: -148px -663px}
.skillMod ul li.i15 .icon i{background-position: -100px -705px;width: 38px;height: 35px;margin-top: 22px;}
.skillMod ul li.i15:hover .icon i{background-position: -148px -705px}
.skillMod ul li.i16 .icon i{background-position: -100px -741px;width: 45px;height: 45px;margin-top: 17px;}
.skillMod ul li.i16:hover .icon i{background-position: -148px -741px}
.skillMod ul li.i17 .icon i{background-position: -100px -788px;width: 40px;height: 40px;margin-top: 17px;}
.skillMod ul li.i17:hover .icon i{background-position: -148px -788px}
.skillMod ul li.i18 .icon i{background-position: -100px -830px;width: 45px;height: 41px;margin-top: 17px;}
.skillMod ul li.i18:hover .icon i{background-position: -148px -830px}
.skillMod ul li.i19 .icon i{background-position: -100px -873px;width: 42px;height: 38px;margin-top: 21px;}
.skillMod ul li.i19:hover .icon i{background-position: -148px -873px}
.skillMod ul li.i20 .icon i{background-position: -100px -914px;width: 33px;height: 30px;margin-top: 24px;}
.skillMod ul li.i20:hover .icon i{background-position: -148px -914px}
.skillMod ul li.i21 .icon i{background-position: -100px -945px;width: 32px;height: 42px;margin-top: 19px;}
.skillMod ul li.i21:hover .icon i{background-position: -148px -945px}
.skillMod ul li.i22 .icon i{background-position: -100px -988px;width: 40px;height: 35px;margin-top: 22px;}
.skillMod ul li.i22:hover .icon i{background-position: -148px -988px}
.skillMod ul li.i23 .icon i{background-position: -100px -1024px;width: 47px;height: 35px;margin-top: 24px;}
.skillMod ul li.i23:hover .icon i{background-position: -148px -1024px}
.skillMod ul li.i24 .icon i{background-position: -100px -1061px;width: 46px;height: 50px;margin-top: 13px;}
.skillMod ul li.i24:hover .icon i{background-position: -148px -1061px}
.skillMod ul li.i25 .icon i{background-position: -100px -1112px;width: 47px;height: 47px;margin-top: 16px;}
.skillMod ul li.i25:hover .icon i{background-position: -148px -1112px}
.skillMod ul li.i26 .icon i{background-position: -100px -1161px;width: 21px;height: 50px;margin-top: 14px;}
.skillMod ul li.i26:hover .icon i{background-position: -148px -1161px}
.skillMod ul li.i27 .icon i{background-position: -100px -1214px;width: 45px;height: 39px;margin-top: 17px;}
.skillMod ul li.i27:hover .icon i{background-position: -148px -1214px}
.skillMod ul li.i28 .icon i{background-position: -100px -463px;width: 45px;height: 36px;margin-top: 21px;}
.skillMod ul li.i28:hover .icon i{background-position: -148px -463px}
.skillMod ul li.i29 .icon i{background-position: -100px -251px;width: 47px;height: 45px;margin-top: 16px;}
.skillMod ul li.i29:hover .icon i{background-position: -148px -251px}
.skillMod ul li.i30 .icon i{background-position: -100px -1390px;width: 47px;height: 45px;margin-top: 16px;}
.skillMod ul li.i30:hover .icon i{background-position: -148px -1390px}
.skillMod ul li.i31 .icon i{background-position: -100px -1254px;width: 45px;height: 45px;margin-top: 14px;}
.skillMod ul li.i31:hover .icon i{background-position: -148px -1254px}
.skillMod ul li.i32 .icon i{background-position: -100px -1344px;width: 42px;height: 45px;margin-top: 17px;}
.skillMod ul li.i32:hover .icon i{background-position: -148px -1344px}
.skillMod ul li.i33 .icon i{background-position: -100px -463px;width: 45px;height: 36px;margin-top: 21px;}
.skillMod ul li.i33:hover .icon i{background-position: -148px -463px}
.skillMod ul li.i34 .icon i{background-position: -100px -1436px;width: 42px;height: 42px;margin-top: 19px;}
.skillMod ul li.i34:hover .icon i{background-position: -148px -1436px}
.skillMod ul li.i35 .icon i{background-position: -100px -1522px;width: 45px;height: 40px;margin-top: 20px;}
.skillMod ul li.i35:hover .icon i{background-position: -148px -1522px}
.skillMod ul li.i36 .icon i{background-position: -100px -1479px;width: 42px;height: 42px;margin-top: 14px;}
.skillMod ul li.i36:hover .icon i{background-position: -148px -1479px}
.skillMod ul li.i37 .icon i{background-position: -100px -1300px;width: 43px;height: 42px;margin-top: 17px;}
.skillMod ul li.i37:hover .icon i{background-position: -148px -1300px}
.skillMod ul li.i38 .icon i{background-position: -148px -628px}
.skillMod ul li.i38:hover .icon i{background-position: -148px -628px}
.skillMod ul li:hover,.skillMod ul li.on{background: #49b44f}
.skillMod ul li:hover .icon,.skillMod ul li.on .icon{border-color: #fff;background: #fff}
.skillMod ul li:hover .icon i,.skillMod ul li.on .icon i{background-position-x:-148px}
.skillMod ul li:hover .row0,.skillMod ul li.on .row0{color: #fff}
.skillMod ul li:hover .row0 p{width: 100%;white-space: normal;line-height: 18px;color: #eee}
.jsRect ul{width: 100%;height: 300px;position: relative}
.jsRect ul li{position: absolute;}
.jsRect ul li.i0{left: 0;top: 0}
.jsRect ul li.i1{right: 0;top: 0}
.jsRect ul li.i2{left: 0;top: 100px}
.jsRect ul li.i3{right: 0;top: 100px}
.jsRect ul li.i4{left: 0;top: 200px}
.jsRect ul li.i5{right: 0;top: 200px}
.jsRect ul li.i6{left: 0;top: 0}
.jsRect ul li.i7{right: 0;top: 0}
.jsRect ul li.i8{left: 0;top: 100px}
.jsRect ul li.i9{right: 0;top: 100px}
.jsRect ul li.i10{left: 0;top: 200px}
.jsRect ul li.i11{right: 0;top: 200px}
.jsRect ul li.i21{left: 0;top: 0}
.jsRect ul li.i22{right: 0;top: 0}
.jsRect ul li.i23{left: 0;top: 100px}
.jsRect ul li.i24{right: 0;top: 100px}
.jsRect ul li.i25{left: 0;top: 200px}
.jsRect ul li.i26{right: 0;top: 200px}
.js3Rect ul{position: relative;width: 100%;height: 300px}
.js3Rect ul li{position: absolute}
.js3Rect ul li.i12{left: 0;top: 0}
.js3Rect ul li.i13{right: 33%;top: 0}
.js3Rect ul li.i14{right: 0;top: 0}
.js3Rect ul li.i15{left: 0;top: 100px}
.js3Rect ul li.i16{right: 33%;top: 100px}
.js3Rect ul li.i17{right: 0;top: 100px}
.js3Rect ul li.i18{left: 0;top: 200px}
.js3Rect ul li.i19{right: 33%;top: 200px}
.js3Rect ul li.i20{right: 0;top: 200px}
.mixed ul li.i27{left: 0;top: 0}
.mixed ul li.i28{right: 0;top: 0}
.mixed ul li.i29{left: 0;top: 100px}
.mixed ul li.i30{right: 0;top: 100px}
.mixed ul li.i31{left: 0;top: 200px}
.mixed ul li.i32{right: 0;top: 200px}
.mixed ul li.i33{left: 0;top: 0}
.mixed ul li.i34{right: 0;top: 0}
.mixed ul li.i35{left: 0;top: 100px}
.mixed ul li.i36{right: 0;top: 100px}
.mixed ul li.i37{left: 0;top: 200px}
.mixed ul li.i38{right: 0;top: 200px}
.feaTures{}
.feaTures .ftUl{}
.feaTures .ftUl .ftUlLi{float: left}
.feaTures .ftUl .ftUlLi .liwarp{width: 180px;height: 320px;background: #f6f6f6;text-align: center;display: table;margin: 0 8px;float: left;}
.feaTures .ftUl .ftUlLi .itemName{display: block;font-size: 16px;color: #9d9d9d;margin-top: 5px}
.feaTures .ftUl .ftUlLi .cell{display: table-cell;vertical-align: middle;*display: block;*margin-top: 80px}
.feaTures .tagsCell{width: 328px;height: 318px;border: 1px solid #49b44f;background: #fff;display: none;float: left;position: relative;}
.feaTures .tagsCell .iarrow{display: block;display: block;width: 8px;height: 18px;top: 50%;margin-top: -9px;background: url("http://static.pigcms.com/statics/images/www/sprite.png") 0 -1023px;z-index: 999;position: absolute;left: -8px;}
.feaTures .tagsCell .title{height: 318px;text-align: center;width: 50px;background: #59ba5e;display: table;position: relative;float: right}
.feaTures ul li:first-child .title{float: left}
.feaTures .tagsCell .title h3{font-size: 16px;color: #fff;font-weight: normal;padding: 0px 10px;display: table-cell;vertical-align: middle;*margin-top: 65px;}
.feaTures .tagsCell .title i{position: absolute;display: block;width: 8px;height: 18px;top: 50%;margin-top: -9px;background: url("../images/sprite.png") 0 -1023px;z-index: 999}
.feaTures .tagsCell .tagsList{overflow: hidden}
.feaTures .tagsCell .tagsList ul li{float: left;width: 120px;text-align: center;margin: 20px 0 0 26px;cursor: pointer}
.feaTures .tagsCell .tagsList ul li .icon{width: 60px;height: 50px;margin: 0 auto}
.feaTures .tagsCell .tagsList ul li h3{font-weight: normal;font-size: 14px;color: #9d9d9d;margin-top: 10px;}
.feaTures .tagsCell .tagsList ul li .icon i{background: url("http://static.pigcms.com/statics/images/www/sprite.png") no-repeat;display: block;width: 60px;height: 50px;margin: 0 auto;}
.feaTures .tagsCell .tagsList ul li.i0 .icon i{background-position: -280px -51px;width: 50px}
.feaTures .tagsCell .tagsList ul li.i1 .icon i{background-position: -280px -105px;width: 50px;height: 45px}
.feaTures .tagsCell .tagsList ul li.i2 .icon i{background-position: -280px -155px;width: 48px;height: 48px;}
.feaTures .tagsCell .tagsList ul li.i3 .icon i{background-position: -280px -207px;width: 50px}
.feaTures .tagsCell .tagsList ul li.i4 .icon i{background-position: -280px -260px;width: 54px;height: 46px}
.feaTures .tagsCell .tagsList ul li.i5 .icon i,.feaTures .tagsCell .tagsList ul li.i11 .icon i,.feaTures .tagsCell .tagsList ul li.i17 .icon i{background-position: -280px -835px;width: 47px}
.feaTures .tagsCell .tagsList ul li.i6 .icon i{background-position: -280px -308px;width: 50px;height: 44px}
.feaTures .tagsCell .tagsList ul li.i7 .icon i{background-position: -280px -357px;width: 48px;height: 48px}
.feaTures .tagsCell .tagsList ul li.i8 .icon i{background-position: -280px -407px;width: 50px}
.feaTures .tagsCell .tagsList ul li.i9 .icon i{background-position: -280px -459px;width: 46px;height: 52px}
.feaTures .tagsCell .tagsList ul li.i10 .icon i{background-position: -280px -515px;width: 52px;height: 46px}
.feaTures .tagsCell .tagsList ul li.i12 .icon i{background-position: -280px -566px;width: 50px}
.feaTures .tagsCell .tagsList ul li.i13 .icon i{background-position: -280px -618px;width: 67px;height: 48px}
.feaTures .tagsCell .tagsList ul li.i14 .icon i{background-position: -280px -670px;width: 50px}
.feaTures .tagsCell .tagsList ul li.i15 .icon i{background-position: -280px -723px;height: 50px}
.feaTures .tagsCell .tagsList ul li.i16 .icon i{background-position: -280px -778px;width: 40px;height: 52px}
.feaTures .tagsCell .tagsList ul li.iMore .icon i{background-position: -280px -835px;width: 47px;}
.feaTures .tagsCell .tagsList ul li:hover h3{color:#49b44f}
.feaTures .tagsCell .tagsList ul li:hover .icon i{background-position-x:-365px}
.feaTures .li0 .title i{left: -8px;}
.feaTures .li2 .title i,.feaTures .li1 .title i{right: -8px;left: inherit;background-position: -10px -1023px}
.e-commerce .projectDesc ul{margin-right: -26px}
.e-commerce .projectDesc ul li{float: left;width: 129px;height: 190px;margin-right: 26px; margin-bottom: 26px;text-align: center;border: 1px solid #e5e5e5;}
.e-commerce .projectDesc ul li i{width: 70px;height:70px;margin: 0 auto;display:block;margin-top: 30px;background: url("http://static.pigcms.com/statics/images/www/sprite.png") no-repeat}
.e-commerce .projectDesc ul li{color: #666;background: #fff}
.e-commerce .projectDesc ul li p{margin-top: 20px;color: #6d6d6d}
.e-commerce .projectDesc ul li:hover{background: #49b44f}
.e-commerce .projectDesc ul li:hover a,.e-commerce .projectDesc ul li:hover p{color: #fff}
.e-commerce .projectDesc ul li.i1 i{background-position: -433px -940px}
.e-commerce .projectDesc ul li.i2 i{background-position: -433px -1010px}
.e-commerce .projectDesc ul li.i3 i{background-position: -433px -1080px}
.e-commerce .projectDesc ul li.i4 i{background-position: -433px -1150px}
.e-commerce .projectDesc ul li.i5 i{background-position: -433px -1220px}
.e-commerce .projectDesc ul li.i6 i{background-position: -433px -1290px}
.e-commerce .projectDesc ul li.i7 i{background-position: -433px -1360px}
.e-commerce .projectDesc ul li.i8 i{background-position: -433px -1430px}
.e-commerce .projectDesc ul li.i9 i{background-position: -433px -1500px}
.e-commerce .projectDesc ul li.i10 i{background-position: -433px -1570px}
.e-commerce .projectDesc ul li.i11 i{background-position: -433px -1640px}
.e-commerce .projectDesc ul li.i12 i{background-position: -433px -1710px;width: 85px;}
.e-commerce .projectDesc ul li.i1:hover i{background-position: -503px -940px}
.e-commerce .projectDesc ul li.i2:hover i{background-position: -503px -1010px}
.e-commerce .projectDesc ul li.i3:hover i{background-position: -503px -1080px}
.e-commerce .projectDesc ul li.i4:hover i{background-position: -503px -1150px}
.e-commerce .projectDesc ul li.i5:hover i{background-position: -503px -1220px}
.e-commerce .projectDesc ul li.i6:hover i{background-position: -503px -1290px}
.e-commerce .projectDesc ul li.i7:hover i{background-position: -503px -1360px}
.e-commerce .projectDesc ul li.i8:hover i{background-position: -503px -1430px}
.e-commerce .projectDesc ul li.i9:hover i{background-position: -503px -1500px}
.e-commerce .projectDesc ul li.i10:hover i{background-position: -503px -1570px}
.e-commerce .projectDesc ul li.i11:hover i{background-position: -503px -1640px}
.e-commerce .projectDesc ul li.i12:hover i{background-position: -518px -1710px}
.videos{}
.videos ul{margin-right: -46px}
.videos ul li{float: left;margin-right: 40px;width: 280px;background: #f6f6f6;padding-bottom: 6px; margin-top: 40px;}
.videos ul li .videoPlaceholder{background:url("http://static.pigcms.com/statics/images/www/videoBg.png") no-repeat;height: 165px;position: relative}
.videos ul li .videoPlaceholder .playIcon{position: absolute;width: 70px;height: 71px;display: block;top: 50%;margin-top:-35px;left: 50%;margin-left: -35px;z-index: 9;background: url("http://static.pigcms.com/statics/images/www/Play1Disabled.png") no-repeat}
.videos ul li a{color: #fff}
.videos ul li a h2{font-size: 16px;white-space: nowrap;overflow: hidden;text-align: left;text-overflow: ellipsis;font-weight: normal;padding: 8px 10px;color: #3d3d3d}
.videos ul li a p{color: #333; height: 40px; line-height: 20px; font-size: 14px; overflow: hidden; padding: 0 10px;text-align: left;color: #9d9d9d}
.whyPig{}
.whyPig .hd{background: url("http://static.pigcms.com/statics/images/www/whypig.png") repeat-y top center;background-size: cover; -moz-background-size: cover;}
.whyPig .hd h2{display: block;width: 520px;height: 60px;line-height: 60px;text-align: center;color: #49b44f;font-size: 30px;margin: 50px auto;font-weight: normal;background: #fff;}
.whyPig .hd ul li{float: left;width: 246px;background: #fff;text-align: center;font-size: 18px;color: #9d9d9d;cursor: pointer;padding: 20px 0;margin-left: 5px; border-bottom: 1px solid #eee;}
.whyPig .hd ul li:first-child{margin-left: 0}
.whyPig .hd ul li.on{color: #49b44f; border-bottom-color:#fff}
.whyPigBd{margin-top: 30px}
.whyPigBd ul li{float: left;width: 50%;padding: 10px 0;}
.whyPigBd ul li .icon{width: 81px;height: 88px;float: left;margin-left: 78px;}
.whyPigBd .lastUpdate{width: 100%}
.whyPigBd .lastUpdate ul li{width: 150px;height: 115px;margin:0 0 0 14px;padding: 0;}
.whyPigBd .lastUpdate ul li:first-child{}
.whyPigBd .lastUpdate ul li .icon{margin-left: 0;float: none;width: auto;height: auto;}
.whyPigBd .lastUpdate p{margin: 50px 0 50px 0;text-align: center;font-size: 16px;color: #9d9d9d}
.whyPigBd .lastUpdate p em{color: #49b44f}
.whyPigBd ul li .icon i{display: block;margin: 0 auto;width: 81px;height: 88px;background:url("http://static.pigcms.com/statics/images/www/sprite.png") no-repeat;-webkit-transition:all .8s ease-in-out;-moz-transition:all .8s ease-in-out;transition:all .8s ease-in-out}
.whyPigBd ul li:hover .icon i{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}
.whyPigBd ul li.i0 .icon i{background-position: -195px -1574px}
.whyPigBd ul li.i1 .icon i{background-position: -195px -518px}
.whyPigBd ul li.i2 .icon i{background-position: -195px -1486px}
.whyPigBd ul li.i3 .icon i{background-position: -195px -430px}
.whyPigBd ul li.i4 .icon i{background-position: -195px -1398px}
.whyPigBd ul li.i5 .icon i{background-position: -195px -342px}
.whyPigBd ul li.i6 .icon i{background-position: -195px -254px}
.whyPigBd ul li.i7 .icon i{background-position: -195px -1310px}
.whyPigBd ul li.i8 .icon i{background-position: -195px -694px}
.whyPigBd ul li.i9 .icon i{background-position: -195px -1222px}
.whyPigBd ul li.i10 .icon i{background-position: -195px -870px}
.whyPigBd ul li.i11 .icon i{background-position: -195px -1134px}
.whyPigBd ul li.i12 .icon i{background-position: -195px -166px}
.whyPigBd ul li.i13 .icon i{background-position: -195px -78px}
.whyPigBd ul li.i14 .icon i{background-position: -195px -1046px}
.whyPigBd ul li.i15 .icon i{background-position: -195px -606px}
.whyPigBd ul li.i16 .icon i{background-position: -195px -958px}
.whyPigBd ul li.i17 .icon i{background-position: -195px -782px}
.whyPigBd ul li .desc{overflow: hidden;display: table;height: 88px;padding-left: 20px;}
.whyPigBd ul li .desc>div{display: table-cell;vertical-align: middle;color: #3d3d3d;*margin-top: 20px;}
.whyPigBd ul li .desc> .row0 h3{font-size: 16px;font-weight: normal;line-height: 24px;}
.whyPigBd ul li .desc> .row0 p{font-size: 12px;color:#999}
.feedback{background: #f8f8f8;padding: 50px 0;margin-top: 40px;}
.feedback h2{font-size: 18px;color: #3d3d3d;text-align: center;font-weight: normal;margin-bottom: 30px;}
.fbScroll{position: relative}
.fbScroll .scrollThis{overflow: hidden}
.fbScroll ul{width: 99999px}
.fbScroll ul li{width: 470px;float: left;margin-right: 60px}
.fbScroll ul li .avatar{text-align: center}
.fbScroll ul li .avatar img{width: 100px;height: 100px;border-radius: 100%;-webkit-transition: all .8s ease-in-out;-moz-transition: all .8s ease-in-out;transition: all .8s ease-in-out;}
.fbScroll ul li .avatar:hover img{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}
.fbScroll ul li .fbText{padding-top: 25px;background: url("http://static.pigcms.com/statics/images/www/dott.png") no-repeat top left}
.fbScroll ul li .par{color:#9d9d9d}
.fbScroll ul li p{text-align: right;color: #3d3d3d;margin-top: 20px}
.fbScroll .scrollPage{width: 100%;text-align: center;margin-top: 35px;}
.scrollPage i{display: inline-block;width: 8px;height: 8px;background: green;margin: 0 2px;border-radius: 50px;cursor: pointer;}
.scrollPage i{*display: inline-block}
.scrollPage i.on{background: #f60}
.ftNews{background: #fff}
.ftNews .newsUl .newsColumns{float: left;margin-left: 50px;width: 300px;}
.ftNews .newsUl .newsColumns:first-child{margin-left: 0}
.ftNews .newsUl .newsColumns .newsLsit li{width: 100%;padding-left: 10px;background: url("http://static.pigcms.com/statics/images/www/dot.png") no-repeat left center;margin-bottom: 8px}
.ftNews .newsUl .newsColumns h3{font-weight: normal;font-size: 18px;color: #3d3d3d;padding: 15px 0}
.ftNews .newsUl .newsColumns .newsLsit li a{color: #9d9d9d;font-size: 14px;width: 290px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;display: block;}
.ftNews .newsUl .newsColumns .newsLsit li:hover{background: url("http://static.pigcms.com/statics/images/www/dot_hover.png") no-repeat left center;}
.ftNews .newsUl .newsColumns .newsLsit li:hover a{color: #4ab450}
.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: #4ab450;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)}
.footer{padding: 40px;margin-top:40px;background: #f8f8f8}
.footer .ftUl{text-align: center}
.footer .ftUl .ftColumns{display: inline-block;float:left;text-align: left;margin-left: 40px;width: 150px;}
.footer .ftUl .ftColumns{*display: inline}
.footer .ftUl .ftColumns:first-child{margin-left: 0}
.footer .ftUl .ftColumns h2{font-size: 18px;color: #3d3d3d;font-weight: normal;padding:20px 0}
.footer .ftUl .ftColumns .links{}
.footer .ftUl .ftColumns .links li{margin-bottom: 5px}
.footer .ftUl .ftColumns .links li a{}
.footer .ftUl .last{width: 240px;}
.footer .ftUl .last .qrCode{}
.footer .ftUl .last .qrCode li{float: left;margin-left: 20px}
.footer .ftUl .last .qrCode li:first-child{margin-left: 0}
.footer .ftUl .last .qrCode li .name{display: block;text-align: center}
/********新闻********/.singlePageMod{overflow: hidden}
.singlePageMod .asideNav{width: 160px;margin-bottom:-99000px;padding-bottom:99000px;border-right: 1px solid #e3e3e3;margin-right: 50px}
.singlePageMod .asideNav ul{padding-right:20px}
.singlePageMod .asideNav ul li{position: relative;margin-bottom: 10px}
.singlePageMod .asideNav ul li a{display: block;text-align: right}
.singlePageMod .asideNav ul li i{display: none;width: 11px;height: 11px;background:#fff url("http://static.pigcms.com/statics/images/www/sprite.png") no-repeat -390px 0;position: absolute;right: -15px;top: 8px}
.singlePageMod .asideNav ul li.on a{color: #49b44f;font-size: 18px;}
.singlePageMod .asideNav ul li.on i{right: -26px;display: block}
.news .newsLsit{overflow: hidden}
.news .newsLsit li{margin-bottom: 40px}
.news .newsLsit li h2 a{font-size: 18px;color: #3d3d3d;font-weight: normal}
.news .newsLsit li:hover h2 a{color:#49b44f}
.news .newsLsit li p{font-size: 12px;color: #9d9d9d;line-height: 22px}
.news .newsLsit li p span{margin-right: 10px}
.news .newsLsit li .gist{padding: 10px 0}
.news .newsLsit li .figure{overflow: hidden}
.news .newsLsit li .figure a{margin-left: 15px;display: block;width: 220px;height: 150px;float: left; overflow: hidden;}
.news .newsLsit li .figure a:first-child{margin-left: 0px;}
.news .newsLsit li .figure a img{width: 220px;height: 150px}
.news .newsLsit li .figure a:hover img{webkit-transform: scale(1.2);-moz-transform: scale(1.2);transform: scale(1.2);}
.news .newsMain{}
.news .newsMain h2{font-size: 25px;color: #3d3d3d;text-align: center;font-weight: normal}
.news .newsMain .newsInfo{color: #9d9d9d;font-size: 12px;text-align: center}
.news .newsMain .newsInfo span{margin-right: 15px}
.news .newsMain .textHd{background: #f8f8f8;padding: 40px 0}
.news .newsMain .text{color: #9d9d9d}
.news .newsMain .text p{padding-top: 20px;text-indent: 28px;font-size: 14px;line-height: 24px}
.news .newsMain .text p a{border-bottom: 1px dotted #49b44f;}
.news .newsMain .text p a:hover{border:0;text-decoration:underline}
.news .nextAndPrev{border-top: 1px solid #e5e5e5;padding-top: 30px}
.news .nextAndPrev a{display: block;padding: 5px 15px;border: 1px solid #e5e5e5;color: #9d9d9d}
.news .nextAndPrev a:hover{border-color: #49b44f;color: #fff;background: #49b44f}
.news .nextAndPrev a.next{border-color: #49b44f;color: #fff;background: #49b44f}
.news .nextAndPrev a.next:hover{background: #1D6D21;border-color: #1D6D21}
.singleTab{}
.singleTab .hd ul li{float: left;margin-right: 15px;background: #f6f6f6;padding: 10px 30px;cursor: pointer}
.singleTab .hd ul li.on{background: #49b44f;color: #fff}
.singleTab .hd ul li:hover{}
.mapAdress{padding: 20px 0}
.mapAdress h3{font-size: 18px;color: #3d3d3d;font-weight: normal}
.mapAdress p{padding-top: 10px}
.job{margin-top: 20px;}
.jobBorder{border: 1px solid #eee}
.job .jobHd{padding: 0 30px;background: #f8f8f8}
.job .jobHd li{float: left;font-size: 14px;color: #9d9d9d;text-align: center; line-height: 40px;}
.job .jobOl li{float: left;font-size: 14px;color: #9d9d9d;text-align: center; line-height: 50px;}
.job .jobHd li.jobTitle,.jobOl li.jobTitle{width: 220px;text-align: left}
.job .jobHd li.workPlace,.jobOl li.workPlace{width: 140px;}
.job .jobHd li.payment,.jobOl li.payment{width: 140px}
.job .jobHd li.updateTime,.jobOl li.updateTime{width: 140px}
.job .jobHd li.jobArrow,.jobOl li.jobArrow{width: 87px}
.job .jobList ul li.jobLi{margin-top: -1px}
.job .jobList ul li.jobLi .jobOl{padding: 0 30px;border-bottom:1px solid #eee;border-top:1px solid #eee}
.jobOl li{height:50px;}
.jobOl li.jobTitle h2{color: #3d3d3d;font-size: 18px;font-weight: normal;}
.jobOl li.payment em{color: #49b44f}
.jobOl li.jobArrow{text-align: center;cursor: pointer}
.jobOl li.jobArrow i{display: inline-block;width: 17px;height: 10px;background: url("http://static.pigcms.com/statics/images/www/arrow-up.png") no-repeat}
.jobOl li.jobArrow i{*display: inline}
.jobOl li.jobArrow.on i{background:url("http://static.pigcms.com/statics/images/www/arrow-down.png") no-repeat}
.job .jobDetail{padding: 20px 30px;display: none}
.job .jobList ul li.jobLi h3{font-weight: normal;font-size: 18px;color: #3d3d3d}
.job .jobList ul li.jobLi h4{margin-top: 20px;line-height: 24px}
.job .jobList ul li.jobLi p{padding-top: 10px}
.mailInfo{margin: 30px 0}
.mailInfo h3{font-size: 18px;color: #3d3d3d;font-weight: normal}
.mailInfo span{margin-left: 15px;}
.mailInfo span i{display: inline-block;width: 20px;height: 20px;background: url("http://static.pigcms.com/statics/images/www/sprite.png") no-repeat;vertical-align: middle;margin-right: 5px}
.mailInfo span i{*display: inline}
.mailInfo span.eMail i{background-position: -40px -1000px;width: 20px;height: 13px}
.mailInfo span.qq i{background-position: -64px -1000px;width: 16px;height: 19px}
.culture{}
.culture h2{color: #3d3d3d;font-size: 23px;padding-bottom: 5px}
.culture .text{}
.culture .text p{padding-top: 20px;line-height: 24px}
.culture .text h3{padding-top: 30px}
.culture .text .textWord p{padding-top: 10px}
.qualification ul li{float: left;margin-right: 45px;margin-bottom:45px;width: 218px;height: 295px;}
.qualification ul li img{width: 218px;height: 295px;}
.qualification ul li h3{font-weight: normal;font-size: 14px;color: #9d9d9d;line-height: 30px;text-align: center}
/*history*/.history{background:url(http://static.pigcms.com/statics/images/www/line04.gif) repeat-y 187px 0;overflow:hidden;position:relative;}
.history-date{overflow:hidden;position:relative;}
.history-date h2{background:#fff url(http://static.pigcms.com/statics/images/www/icon06.gif) no-repeat 158px 0;height:59px;font-size:25px;font-family:微软雅黑;font-weight:normal;padding-left:45px;margin-bottom:74px;}
.history-date h2.first{position:absolute;left:0;top:0;width:935px;z-index:99;}
.history-date h2 a{color:#2aad6f;display:inline-block;*display:inline;zoom:1;background:url(http://static.pigcms.com/statics/images/www/icon08.gif) no-repeat right 50%;padding-right:17px;margin:21px 97px 0 0;}
.history-date h2 a:hover{text-decoration:none;}
.history-date h2 img{vertical-align:-5px;}
/*.history-date h2.date02{*//*background:none;*//*}*/.history-date ul li{background:url(http://static.pigcms.com/statics/images/www/icon07.gif) no-repeat 180px 0;padding-bottom:50px;zoom:1;}
.history-date ul li.last{padding-bottom:0;}
.history-date ul li:after{content:" ";display:block;height:0;clear:both;visibility:hidden;}
.history-date ul li h3{float:left;width:150px;text-align:right;padding-right:19px;color:#c3c3c3;font:normal 18px/16px Arial;}
.history-date ul li h3 span{display:block;color:#d0d0d0;font-size:12px;}
.history-date ul li dl{float:left;padding-left:41px;margin-top:-5px;font-family:微软雅黑;}
.history-date ul li dl dt{font:20px/22px 微软雅黑;color:#737373;}
.history-date ul li dl dt span{display:block;color:#787878;font-size:12px;}
.history-date ul li.green h3{color:#1db702;}
.history-date ul li.green h3 span{color:#a8dda3;}
.history-date ul li.green dl{margin-top:-8px;}
.history-date ul li.green dl dt{font-size:14px;line-height:28px;width: 575px;}
.history-date ul li.green dl dt a{display:inline-block;*display:inline;zoom:1;overflow:hidden;vertical-align:middle;margin-left:12px;}
.history-date ul li.green dl dd{padding-top:20px;display:none;}
.history-date ul li.green dl dd img{float:left;}
.history-date ul li.green dl dd p{overflow:hidden;zoom:1;line-height:21px;color:#787878;}
.history-date h2.first .more-history{font-size:16px;background:transparent;margin-left:30px;}
.history-date h2.first .more-history:hover{text-decoration:underline;}
*body .history-date ul li dl dt{_font-size:12px!important;_font-weight:bold;}
*body .history-date ul li dl dt span{_font-weight:normal!important;}
*body .history-date ul li.green dl dt a{_background:transparent!important;*background:transparent!important;*font-size:12px!important;_font-weight:normal!important;}
.productTab{height: 48px;}
.productTab li{float: left}
.productTab li{float: left;margin-right: 10px;background: #f6f6f6;cursor: pointer}
.productTab li a{color: #9d9d9d;padding: 10px 30px;display: block}
.productTab li.select{background: #49b44f;color: #fff}
.productTab li.select a{color: #fff}
.ProductList{clear: both;width: 100%;position: relative;}
.ProductList li{float: left}
.team .ProductList li{width: 250px;height: 180px;float: left;margin-right: 10px;margin-top: 10px;overflow: hidden}
.team .ProductList li img{width: 250px;height: 180px;transition: .1s transform;transform: translateZ(0);}
.team .ProductList li:hover{z-index: 9}
.team .ProductList li:hover img{transform: rotate(5deg) scale(1.5, 1.5);transition: .3s transform;}
.customerCase .ProductList{border: 1px solid #e3e3e3;width: 785px;overflow: hidden}
.customerCase .ProductList li{width: 157px;height: 100px;border: 1px solid #e3e3e3;margin-left: -1px;*margin-left: -2px;margin-top: -1px;border-bottom: 0;border-right: 0}
.customerCase .ProductList li img{width: 156px;height: 100px;}
.customerCase .ProductList li.gray{-webkit-filter: grayscale(80%);-moz-filter: grayscale(80%);-ms-filter: grayscale(80%);-o-filter: grayscale(80%);filter: grayscale(80%);}
/* isotope*/.isotope-item{z-index:2}
.isotope-hidden.isotope-item{pointer-events:none;z-index:1}
.isotope,.isotope .isotope-item{-webkit-transition-duration:0.8s;-moz-transition-duration:0.8s;-ms-transition-duration:0.8s;-o-transition-duration:0.8s;transition-duration:0.8s}
.isotope{-webkit-transition-property:height, width;-moz-transition-property:height, width;-ms-transition-property:height, width;-o-transition-property:height, width;transition-property:height, width}
.isotope .isotope-item{-webkit-transition-property: -webkit-transform, opacity;-moz-transition-property:-moz-transform, opacity;-ms-transition-property: -ms-transform, opacity;-o-transition-property:top, left, opacity;transition-property:transform, opacity}
.isotope.no-transition,.isotope.no-transition .isotope-item,.isotope .isotope-item.no-transition{-webkit-transition-duration:0s;-moz-transition-duration:0s;-ms-transition-duration:0s;-o-transition-duration:0s;transition-duration:0s}
.wxCase{}
.onlyHd .hd{}
.onlyHd .hd h2{color: #49b44f;font-size: 18px;font-weight: normal}
.onlyHd .hd h2 em{color: #9d9d9d;font-size: 14px;margin-left: 5px}
.wxCase .caseList{margin-top: 20px}
.wxCase .caseList li{float: left;width: 49%;text-align: left;padding-top: 15px}
.wxCase .caseList li a{text-decoration: underline}
.service{}
.service .formThis{background: #f6f6f6;margin-top: 15px;}
.formThis .formRow{padding: 20px 0;width: 400px;margin: 0 auto;}
.formThis .row{margin: 15px 0}
.formThis label{width: 80px;display: inline-block;text-align: right;margin-right: 5px}
.formThis label{*display: inline}
.formThis span{display: inline-block;}
.formThis span{*display: inline}
.formThis span input[type=text]{border: 0;height: 45px;line-height: 45px;width: 380px;padding:0 10px;font-size: 14px;}
.formThis span input[type=password]{border: 0;height: 45px;line-height: 45px;width: 380px;padding:0 10px;font-size: 14px;}
.formThis span.short input[type=text]{width: 150px;font-size: 14px;}
.formThis span.shortCode{border: 0;margin-left: 10px}
.formThis span.shortCode img{border-radius: 5px;width: 80px}
.formThis span.w242{width: 400px}
.formThis a.changeA{color: #333;margin-left: 10px;}
.formThis a.changeA:hover{text-decoration: underline}
.formThis .lrBtn .loginBtn{width: 400px;height: 54px;line-height: 54px;text-align: center;color: #fff;display: block;font-size: 25px;border:0}
.formThis .lrBtn .loginBtn{background: #1bbc6b}
.formThis .lrBtn .loginBtn:hover{background: #0CAF5D}
.productCenter{}
.productCenter ul li{border: 1px solid #eee;padding: 25px 20px;margin-bottom: 25px;}
.productCenter ul li .proImg{width: 120px;height: 120px;margin-right: 15px}
.productCenter ul li .proImg i{display: block;width: 120px;height: 120px;background: url("http://static.pigcms.com/statics/images/www/sprite.png") no-repeat -434px 0}
.productCenter ul li .desc{overflow: hidden}
.productCenter ul li h3 a{color:#3d3d3d;font-size: 18px;font-weight: normal;padding-bottom: 5px;display: block}
.productCenter ul li p{font-size: 12px;color: #9d9d9d;line-height: 22px}
.productCenter ul li .price{padding: 5px 0 15px 0}
.productCenter ul li .price .row{margin-top: 10px}
.productCenter ul li .price .row span{display: block;float: left;width: 200px}
.productCenter ul li .price .row span em{color: #49b44f}
.productCenter ul li .desc .btn{}
.productCenter ul li .desc .btn a{display: block;float: left;margin-right: 15px;padding: 5px 20px;background: #e7e7e7}
.productCenter ul li .desc .btn a i{display: inline-block;vertical-align:middle;margin-right:10px;width:32px;height: 30px;background: url("http://static.pigcms.com/statics/images/www/sprite.png") no-repeat 0 -760px}
.productCenter ul li .desc .btn a i{*display: inline}
.productCenter ul li .desc .btn a.buy i{background-position: 0 -760px}
.productCenter ul li .desc .btn a.detail i{background-position: 0 -807px}
.productCenter ul li:hover{border-color:#49b44f}
.productCenter ul li .desc .btn a:hover{background: #49b44f;color: #fff}
.productCenter ul li .desc .btn a:hover i{background-position-x:-46px}
.productCenter ul li.wx .proImg i{background-position: -434px -0px}
.productCenter ul li.o2o .proImg i{background-position: -434px -120px}
.productCenter ul li.ws .proImg i{background-position: -434px -240px}
.productCenter ul li.zf .proImg i{background-position: -434px -360px}
.productCenter ul li.sw .proImg i{background-position: -434px -480px}
.productCenter ul li.oa .proImg i{background-position: -434px -600px}
.productCenter ul li:hover .proImg i{background-position-x: -570px}
.productCenter ul li:hover h3 a{color: #49b44f}
.articleTimeLine{height: 900px;background: url("http://static.pigcms.com/statics/images/www/dotline.png") repeat-y top center}
.articleTimeLine h2{width: 72px;height: 72px;background:#fff url("http://static.pigcms.com/statics/images/www/sprite.png") no-repeat 0 -852px;margin: 0 auto}
.articleTimeLine li{margin: 50px 0}
.articleTimeLine li .textWarp{width: 320px;height: 125px;position: relative}
.articleTimeLine li.left .textWarp{float: left}
.articleTimeLine li.right .textWarp{float: right}
.articleTimeLine li h3{font-size: 18px;color: #3d3d3d;font-weight: normal;padding-bottom: 10px;}
.articleTimeLine li .gist{overflow: hidden}
.articleTimeLine li .gist .pic{overflow: hidden;width: 150px;height: 85px;margin-right: 15px}
.articleTimeLine li .gist .pic img{width: 150px;height: 85px;}
.articleTimeLine li .gist .textP{font-size: 12px;color: #9d9d9d}
.articleTimeLine li .gist .textP a{display: block;text-align: left;color: #4fb755;margin-top: 5px;}
.articleTimeLine li .gist .textP a:hover{text-decoration: underline}
.articleTimeLine li .time,.articleTimeLine li .grayDot{position: absolute}
.articleTimeLine li .time{top: 30px;font-size: 20px;color: #61be66;width: 200px;}
.articleTimeLine li .grayDot{top: 35px}
.articleTimeLine li.left .time{right: -345px;}
.articleTimeLine li.right .time{left: -345px;text-align: right}
.articleTimeLine li.left .grayDot{right: -84px;}
.articleTimeLine li.right .grayDot{left: -84px}
.articleTimeLine li:hover .gist .pic img{webkit-transform:scale(1.2);-moz-transform:scale(1.2);transform:scale(1.2)}
.showImg{width: 730px;}
.showImg ul{position: relative;height: 475px}
.showImg ul li{position: absolute;top: 0;left: 0;width: 730px;height: 475px;z-index: 2;display: none}
.showImg ul li img{width: 730px;height: 475px}
.showImg .title{text-align: center;padding: 8px 0}
.showImg .smallImg{width: 730px;overflow: hidden}
.showImg ol li{float: left;width: 98px;height: 62px;border: 1px solid #e3e3e3;margin-right: 5px}
.showImg ol li.on{border-color: #49b44f}
.showImg ol li img{width: 98px;height: 62px}
.fixedBar{width: 100px;position: fixed;bottom:115px;z-index: 999;right: 0}
.fixedBar ul>li{width: 100px;background: url("http://static.pigcms.com/statics/images/www/darkrbga.png") repeat;margin-bottom: 5px;height:80px; overflow: hidden;}
.fixedBar ul li.video{height: 80px;background: url("http://static.pigcms.com/statics/images/www/fixedVideoBtn.png") no-repeat top center;background-size: 100% 100%;background-size: cover;text-align: center;padding: 0}
.fixedBar ul li.video a{color: #019b09;padding-top: 10px;display: block;font-size: 14px;padding-top: 5px;}
.fixedBar ul>li i{display: block;width: 30px;height: 30px;background: url("http://static.pigcms.com/statics/images/www/sprite.png") no-repeat 0 -1057px;margin: 0 auto}
.fixedBar ul li.chat a{padding: 0;margin: 0； overflow: hidden;display:block}
.fixedBar ul li.chat i{background: url("http://static.pigcms.com/statics/images/www/qqchat.gif") no-repeat;display: block;height: 80px;width: 100%;margin: 0;padding: 0}
.fixedBar ul li.phone i{background-position: 0 -1540px;}
.fixedBar ul li.phone:hover i{background-position:-30px -1540px}
.fixedBar ul li.video i{background-position: 0 -1330px;width:40px;height:40px}
.fixedBar ul li .text{display: block;text-align: center;color: #fff;font-size: 14px;margin-top: 5px; line-height: 16px;}
.fixedBar ul li.video:hover i{background-position: -40px -1330px}
.fixedBar ul li:hover .text{color:#49b44f}
.fixedBar ul li a{padding-top: 9px;display: block;}
.fixedBar ul li.trialBtn{background:#fff9cb}
.fixedBar ul li.trialBtn a{color: #fc6120;padding-top:6px}
.fixedBar ul li.trialBtn a i{width: 39px;height: 48px;background: url("http://static.pigcms.com/statics/images/www/trialBg.png") top center no-repeat}
.fixedBar ul li.trialBtn a .text{display: block;text-align: center;color: #fc6120}
.fixedBar ul li.moved{background: #fff;}
.fixedBar ul li.moved a{display: block;background: url("http://static.pigcms.com/statics/images/www/moved.png") no-repeat top center;height: 100%}
.fixedBar ul li.agent{background: #fff;}
.fixedBar ul li.agent a{display: block;background: url("http://static.pigcms.com/kaquan/images/dy_03.png") no-repeat top center;height: 100%}
.fixedBar ul li.anniversary-3{background: #ffdee1 url("http://static.pigcms.com/statics/images/www/anniversary-3Bg.png") no-repeat}
.fixedBar ul li.anniversary-3 i{width: 26px;height: 26px;background: url("http://static.pigcms.com/statics/images/www/year3.png") no-repeat;margin-top: 5px}
.fixedBar ul li.anniversary-3 .scrollText{height: 18px;overflow: hidden;width: 100%;text-align: center;margin-top: 10px;color: #ee3131}
.phoneError{height: 30px;line-height: 30px;float: left;text-align: center;display: none;border: 1px solid #aaa;cursor: pointer;position: fixed;left: 50%;top: -500px;margin-left: -150px;width: 300px;color: #fff;background:url("http://static.pigcms.com/statics/images/www/rgbabg.png") repeat ;padding: 10px 0;border-radius: 8px;z-index: 999;}
.telNote{height: 30px;line-height: 30px;float: left;text-align: center;border: 1px solid #FFF;cursor: pointer;position: fixed;left: 50%;top: 300px;margin-left: -150px;width: 300px;color: #fff;background:#FE5842;padding: 10px 0;border-radius: 8px;z-index: 999;display: none}
.qrWindow{width: 100%;height: 100%;position: fixed;top: 0;right: 0;left: 0;bottom:0;background: url("http://static.pigcms.com/statics/images/www/rgbabg.png") repeat; z-index: 9999}
.qrWindow .qrMain{width: 400px;height: 400px;top: 50%;margin-top: -200px;left: 50%;margin-left: -200px;text-align:center;position: absolute;background: url("http://static.pigcms.com/statics/images/www/qrbg.png") no-repeat}
.qrWindow .qrMain .xClosed{position: absolute;right: -60px;top: 0;width: 53px;height: 53px;background: url("http://static.pigcms.com/statics/images/www/xclosed.png") no-repeat}
.qrWindow .qrMain h3{font-size: 18px; color: #fff; text-align: center; margin-top: 75px; font-weight: normal;}
.qrWindow .qrMain .qrCode{width: 200px;height: 200px;position: absolute;top: 120px;left: 100px;background: #fff}
.message{width: 800px;margin: 0 auto}
.message h2{font-size: 18px;color: #3d3d3d;text-align: center;font-weight: normal;padding-bottom: 10px}
.message .table table{border: 1px solid #eee}
.message .table table th,.message .table table td{border: 1px solid #eee;text-align: center;line-height: 30px}
.message .table table th{font-weight: normal}
.message .table table .buyNow{display: inline-block;padding: 0px 10px;border-radius: 10px;background: #49b44f;color: #fff;line-height: 22px;}
.message .table table .buyNow{*display: inline}
.message .table table td i{color:#49b44f}
.message .infoDesc{margin-top: 15px}
.message .infoDesc h3{font-size: 18px;color: #49b44f;font-weight: normal;padding: 10px 0}
.message .infoDesc p{color: #9d9d9d;line-height: 22px}
.txYun{width: 927px}
.txYun .topBanner{border: 1px solid #eee}
.txYun .topBanner img{width:925px}
.yunList{margin-right: -30px}
.yunList .prodOne{float: left;margin: 30px 30px 0 0;width: 287px;border: 1px solid #eee}
.prodOne p{height: 40px;line-height: 40px;text-align: center;color: #6d6d6d;border-bottom: 1px solid #eee;}
.yunList .prodOne p i{display: inline-block;background: url("http://static.pigcms.com/statics/images/www/sprite.png") no-repeat;vertical-align: middle;margin-right: 10px}
.yunList .prodOne p i{*display: inline}
.yunList .prodOne p.one i{background-position: 0 -1232px;width: 31px;height: 20px}
.yunList .prodOne p.two i{background-position: -36px -1232px;width: 25px;height: 25px}
.yunList .prodOne p.three i{background-position: -65px -1232px;width: 23px;height: 24px}
.prodOne li{line-height: 34px;font-size: 14px;color: #9d9d9d;border-bottom: 1px solid #eee;padding-left: 5px;padding-right: 5px;}
.prodOne li.zuiHou{line-height: normal;color:#49b44f;padding: 14px 5px;border-bottom: 0;font-size: 18px;}
.prodOne li span{float: right;color: #666;font-size: 14px;}
.prodOne li a.buyNow{float: right;background: #49b44f;color: #fff;padding: 0 15px;line-height: 22px;border-radius: 10px;font-size: 14px}
.payWay{width: 800px;margin: 0 auto}
.payWay .payInfo{}
.payWay .payInfo ul li{border: 1px solid #eee;margin-top: 15px}
.payWay .payInfo ul li .flImg{display: inline-block;width: 300px;border-right: 1px solid #eee}
.payWay .payInfo ul li .flImg{*display: inline}
.payWay .payInfo ul li .textDesc{display: inline-block;vertical-align: middle;margin-left: 30px}
.payWay .payInfo ul li .textDesc{*display: inline}
.payWay .payInfo ul li .textDesc p{display: inline;line-height: 22px;}
.payWay .payDesc{font-size: 14px}
.payWay .payDesc h3{font-size: 14px;color: #49b44f;font-weight: normal;padding: 15px 0}
.payWay .payDesc p{font-size: 14px;line-height: 22px} /*20160111 新增新闻详情页升级公告提示样�?BY tanytree（董林） */
.news .newsMain .upgradeTip{line-height: 24px;font-size: 14px;padding: 10px 0;text-align: center;background: #fbf8e4;border: 1px solid #f1eab6; margin-bottom: 15px;}
.news .newsMain .upgradeTip p{padding: 0 10px;margin: 0;color: #866037}
.news .newsMain .upgradeTip p em{color: #f60} /*20160111 11 窗口滚动后导航悬浮，高度变小 BY tanytree（董林） */ .fixedStyle{z-index:999}
.fixedStyle .top{display: none}
.fixedStyle .navAndLogo{position: fixed;padding: 0;margin: 0;background:#fff;background: rgba(255,255,255,.95);width: 100%;min-width:1210px;width:expression_r(document.body.clientWidth < 1210? "1210": "auto" );top: 0;z-index: 9;border-bottom: 1px solid #f1f1f1;*border-bottom: 1px solid #ddd;}
.fixedStyle .navAndLogo .logo{left: 50px;}
.fixedStyle .navAndLogo .logo a{display: block;margin-top: 10px;}
.fixedStyle .navAndLogo .logo a img{height: 35px}
.fixedStyle .navAndLogo .bigNav{margin-top: 0}
.fixedStyle .navAndLogo .bigNav ul li a{padding: 15px 0}
.fixedStyle .navAndLogo .search{margin-top: 7px; right: 50px;}
.fixedStyle .subNav{position:fixed;top:54px}
.fixedStyle .navAndLogo .bigNav ul li a i{margin-top: -7px;opacity: .5;bottom: -8px} /*20160111 16 回到顶部 BY tanytree（董林） */
.backTop{background: url("http://static.pigcms.com/statics/images/www/backtop.png") no-repeat top center;width: 94px;height: 94px;display: block;position: fixed;right: 5px;bottom: 20px;display: none}
.topTip{margin-bottom: 30px}
.topTip p{text-align: center;background: #fff3c3;font-size: 14px;color: #e39b00;padding: 12px 0;}
.scrollNews{background: #fff08b}
.scrollNews .more{height: 40px;line-height: 40px;padding: 0 15px;font-size: 12px;color: #ff7e00}
.scrollNews .notificationIcon{width: 22px;height: 40px; margin-right:15px;background: url("http://static.pigcms.com/statics/images/www/notificationIcon.png") no-repeat center center}
.scrollNews .scrollText{overflow: hidden;height: 40px}
.scrollNews .scrollText li a{height: 40px;display: block;line-height: 40px;font-size: 12px;color: #ff7e00}
.scrollNews .scrollText li a:hover{text-decoration: underline}
.year3Window{width: 700px;height: 500px;display: none;left: 50%;margin-left: -350px;top: 200px;position: fixed;cursor:pointer}
.year3Window .xClosed{position: absolute;right: 0;top: 0;width: 50px;height: 50px;background: url("http://static.pigcms.com/statics/images/www/year3/xClosed.png") no-repeat}
.year3Window .tit3year{position: absolute;top: 16px;left: 50%;margin-left: -90px}
.year3Window .bigBg{position: absolute;top: 157px;left: 50%;margin-left: -320px}
.year3Window .upText{position: absolute;top: 161px;left: 50%;margin-left: -325px}
.year3Window .downText{position: absolute;top: 233px;left: 50%;margin-left: -320px}
.year3Window .timeSet{position: absolute; width: 700px; top: 338px; left: 84px;}
.timeSet span.tit{font-size: 25px;color: #fff}
.timeIcon{float: left; width:300px;}
.timeIcon i{width: 41px; vertical-align: middle; height: 30px; display: inline-block; font-size: 25px; color: #333; text-align: center; line-height: 30px; font-weight: bold; background: url(http://static.pigcms.com/statics/images/www/year3/timeBg.png); word-spacing: 10px; letter-spacing: 7px; padding-left: 6px;}
.timeIcon em{display: inline-block; font-size: 13px; color:#333333; width:22px; height:30px;text-align: center; line-height: 30px; vertical-align: middle;}
.timeIcon em{*display: inline;}
.year3Window .places{position: absolute;width: 270px;height: 40px;line-height: 40px;background: url("http://static.pigcms.com/statics/images/www/year3/tipBg.png") no-repeat top center;font-size: 20px;color: #460a27;text-align: center;bottom: 77px; left: 50%; margin-left: -156px;}
.year3Window .places em{color: #f30d0d} /*20160620 底部手机号码提示输入框 BY tanytree（董林） */
.benefit{background: url("http://static.pigcms.com/statics/images/www/benefitBg.png") no-repeat top center; width: 450px; height: 190px; position: fixed; bottom: 5%; z-index: 999; margin-top: -95px; left: 50%; margin-left: -225px;display:none}
.benefit .xclosed{width:23px;height: 23px;overflow: hidden;background: url("http://static.pigcms.com/statics/images/www/ftClosed.png") no-repeat;position: absolute;top: 10px;right: 10px}
.benefit .row{margin-top: 120px;text-align: center}
.benefit .row input{width: 150px;height: 50px;line-height: 50px;padding-left: 14px;border-radius: 40px 0 0 40px;border: 0;font-size: 16px}
.benefit .row button{height: 50px;width: 124px;line-height: 50px;background: #ffe400;text-align: center;border-radius: 0 40px 40px 0;border: 0; vertical-align: middle;font-size: 20px;color: #695405;cursor: pointer}
.benefit .row a{width: 115px; display: inline-block; background: #10cdaa; border: 2px solid #fff; border-radius: 50px; height: 46px; line-height: 46px; vertical-align: middle; margin-left: 15px; color: #fff; font-size: 16px;}
.benefit .row a{*display: inline}
.benefit .row a i{display:inline-block;width: 25px;height: 25px;background: url("http://static.pigcms.com/statics/images/www/benefitQQ.png") no-repeat;vertical-align: middle;margin-right: 5px}
.benefit .row a i{*display:inline}
.bounceInShow{-webkit-animation:bounceIn 1s .2s ease both;
-moz-animation:bounceIn 1s .2s ease both;}
@-webkit-keyframes bounceIn{0%{opacity:0;
-webkit-transform:scale(.3)}
50%{opacity:1;
-webkit-transform:scale(1.05)}
70%{-webkit-transform:scale(.9)}
100%{-webkit-transform:scale(1)}}
@-moz-keyframes bounceIn{0%{opacity:0;
-moz-transform:scale(.3)}
50%{opacity:1;
-moz-transform:scale(1.05)}
70%{-moz-transform:scale(.9)}
100%{-moz-transform:scale(1)}}
.swingShow{-webkit-animation:swing 1s .2s ease both;
-moz-animation:swing 1s .2s ease both;}
@-webkit-keyframes swing{20%,40%,60%,80%,100%{-webkit-transform-origin:top center}
20%{-webkit-transform:rotate(15deg)}
40%{-webkit-transform:rotate(-10deg)}
60%{-webkit-transform:rotate(5deg)}
80%{-webkit-transform:rotate(-5deg)}
100%{-webkit-transform:rotate(0deg)}}
@-moz-keyframes swing{20%,40%,60%,80%,100%{-moz-transform-origin:top center}
20%{-moz-transform:rotate(15deg)}
40%{-moz-transform:rotate(-10deg)}
60%{-moz-transform:rotate(5deg)}
80%{-moz-transform:rotate(-5deg)}
100%{-moz-transform:rotate(0deg)}} 
/*/动画/*/
.wxBanner .wxbigtext,.wxBanner .sybigtext,.wxBanner .o2obigtext,.wxBanner .cmsbigtext{-webkit-animation:zoomInDown 1.5s 0s ease both;-moz-animation:zoomInDown 1.5s 0s ease both;animation:zoomInDown 1.5s 0s ease both;}
.wxBanner .wxsmalltext,.wxBanner .sysmalltext,.wxBanner .o2osmalltext{-webkit-animation:bounceInDown 1s .8s ease both;-moz-animation:bounceInDown 1s .8s ease both;animation:bounceInDown 1s .8s ease both;}
.wxBanner .wxman{-webkit-animation:rotateInDownLeft 1s 1s ease both;-moz-animation:rotateInDownLeft 1s 1s ease both;animation:rotateInDownLeft 1s 1s ease both;}
.wxBanner .wxcloud{-webkit-animation: moveLeft 15s 3.5s infinite linear normal both;-moz-animation: moveLeft 15s 3.5s infinite linear normal both;animation: moveLeft 15s 3.5s infinite linear normal both;}
.wxBanner .syicon{-webkit-animation:flipInY 1s .8s ease both;-moz-animation:flipInY 1s .8s ease both;animation:flipInY 1s .8s ease both;}
.wxBanner .earth{-webkit-animation:rotate 2s 0s infinite linear normal forwards;-moz-animation:rotate 2s 0s infinite linear normal forwards;animation:rotate 2s 0s infinite linear normal forwards;}
.wxBanner .yellowtip{-webkit-animation:fadeInUp 1s 1.8s ease both;-moz-animation:fadeInUp 1s 1.8s ease both;animation:fadeInUp 1s 1.8s ease both;}
.wxBanner .boat{-webkit-animation:feichi 2s 1s infinite linear normal none ;-moz-animation:feichi 2s 1s infinite linear normal none ;animation:feichi 2s 1s infinite linear normal none ;z-index: 9}
.wxBanner .balloon0{-webkit-animation: moveLeft 15s 3.5s infinite linear normal both;-moz-animation: moveLeft 15s 3.5s infinite linear normal both;animation: moveLeft 15s 3.5s infinite linear normal both;}
.wxBanner .balloon1{-moz-animation: moveRight 15s 1.5s infinite linear normal backwards;-webkit-animation: moveRight 15s 1.5s infinite linear normal backwards;animation: moveRight 15s 1.5s infinite linear normal backwards;}
.wxBanner .box{-webkit-animation:dn50 1s 2s ease both;-moz-animation:dn50 1s 2s ease both;animation:dn50 1s 2s ease both;}
.wxBanner .buliding{-webkit-animation:lt50 1s 2s ease both;-moz-animation:lt50 1s 2s ease both;animation:lt50 1s 2s ease both;}
.wxBanner .buliding1{-webkit-animation:dn50 1s 2s ease both;-moz-animation:dn50 1s 2s ease both;animation:dn50 1s 2s ease both;}
.wxBanner .car{-webkit-animation:lt50 1s 2s ease both;-moz-animation:lt50 1s 2s ease both;animation:lt50 1s 2s ease both;}
.wxBanner .o2ocloud0{-moz-animation: moveRight 15s .5s infinite linear normal backwards;-webkit-animation: moveRight 15s .5s infinite linear normal backwards;animation: moveRight 15s .5s infinite linear normal backwards;}
.wxBanner .o2ocloud1{-webkit-animation:flying 1s .8s ease both infinite;-moz-animation:flying 1s .8s ease both infinite;animation:flying 1s .8s ease both infinite;}
.wxBanner .plane{-webkit-animation:rotateInUpLeft 1s 2s ease both;-moz-animation:rotateInUpLeft 1s 2s ease both;animation:rotateInUpLeft 1s 2s ease both;}
.wxBanner .pylon0{-webkit-animation:dn50 1s 2s ease both;-moz-animation:dn50 1s 2s ease both;animation:dn50 1s 2s ease both;}
.wxBanner .pylon1{-webkit-animation:dn50 1s 2s ease both;-moz-animation:dn50 1s 2s ease both;animation:dn50 1s 2s ease both;}
.wxBanner .tree{-webkit-animation:rt50 1s 2s ease both;-moz-animation:rt50 1s 2s ease both;animation:rt50 1s 2s ease both;}
.wxBanner .windmill{-webkit-animation:dn50 1s 2.3s ease both;-moz-animation:dn50 1s 2.3s ease both;animation:dn50 1s 2.3s ease both;}
.wxBanner .windmill1{-webkit-animation:dn50 1s 2s ease both;-moz-animation:dn50 1s 2s ease both;animation:dn50 1s 2s ease both;}
.wxBanner .cms0{-webkit-animation:zoomInDown 1s .8s ease both;-moz-animation:zoomInDown 1s .8s ease both;animation:zoomInDown 1s .8s ease both;}
.wxBanner .cms2{-webkit-animation:zoomInDown 1s 1s ease both;-moz-animation:zoomInDown 1s 1s ease both;animation:zoomInDown 1s 1s ease both;}
.wxBanner .cms1{-webkit-animation:zoomInDown 1s 1.2s ease both;-moz-animation:zoomInDown 1s 1.2s ease both;animation:zoomInDown 1s 1.2s ease both;}
.wxBanner .rocket{-webkit-animation:bounceInUp 1s .8s ease both;-moz-animation:bounceInUp 1s .8s ease both;animation:bounceInUp 1s .8s ease both;}
.wxBanner .wsTit{-webkit-animation:rotateInDownRight 1s .8s ease both;-moz-animation:rotateInDownRight 1s .8s ease both;animation:rotateInDownRight 1s .8s ease both;}
.wxBanner .wsSubTit{-webkit-animation:lightSpeedIn 1s 1.2s ease both;-moz-animation:lightSpeedIn 1s 1.2s ease both;animation:lightSpeedIn 1s 1.2s ease both;}
.otherPage .mianImg img.pageimg0{-webkit-animation:bounceInLeft 1s 2.2s ease both;-moz-animation:bounceInLeft 1s 2.2s ease both;animation:bounceInLeft 1s 2.2s ease both;}
.otherPage .mianImg img.pageimg1{-webkit-animation:bounceInLeft 1s 1.5s ease both;-moz-animation:bounceInLeft 1s 1.5s ease both;animation:bounceInLeft 1s 1.5s ease both;}
.otherPage .mianImg img.pageimg2{-webkit-animation:bounceInLeft 1s 1.8s ease both;-moz-animation:bounceInLeft 1s 1.8s ease both;animation:bounceInLeft 1s 1.8s ease both;}
.otherPage .mianImg img.pageimg3{-webkit-animation:fadeInRight 1s 2s ease both;-moz-animation:fadeInRight 1s 2s ease both;animation:fadeInRight 1s 2s ease both;}
.otherPage .mianImg img.pageimg4{-webkit-animation:pulse 4s .8s ease both infinite;-moz-animation:pulse 4s .8s ease both infinite;animation:pulse 4s .8s ease both infinite;}
.otherPage .mianImg img.pageimg5{-webkit-animation:zoomInUp 1.5s 1s ease both;-moz-animation:zoomInUp 1.5s .8s ease both;animation:zoomInUp 1.5s 1s ease both;}
.wxBanner .s0{-webkit-animation: zoomInDown 1.5s 0s ease both; -moz-animation: zoomInDown 1.5s 0s ease both; animation: zoomInDown 1.5s 0s ease both;}
.wxBanner .s1{-webkit-animation: bounceInLeft 1s 1s ease both; -moz-animation: bounceInLeft 1s 1s ease both; animation: bounceInLeft 1s 1s ease both;}
.wxBanner .s2{-webkit-animation: flipInY 1s .8s ease both; -moz-animation: flipInY 1s .8s ease both; animation: flipInY 1s .8s ease both;}
.wxBanner .s4{-webkit-animation:fadeInUp 2.5s 0s ease both;-moz-animation:fadeInUp 2.5s 0s ease both;animation:fadeInUp 2.5s 0s ease both;}
.wxBanner .s3{-webkit-animation:fadeInUp 2s 0.2s ease both;-moz-animation:fadeInUp 2s 0.2s ease both;animation:fadeInUp 2s 0.2s ease both;}
.wxBanner .ss-floatText{-webkit-animation: feichi 10s 0s infinite linear normal none; -moz-animation: feichi 10s 0s infinite linear normal none; animation: feichi 10s 0s infinite linear normal none;}
.wxBanner .ss-bigText{-webkit-animation:zoomInDown 1.5s .5s ease both;-moz-animation:zoomInDown 1.5s .5s ease both;animation:zoomInDown 1.5s .5s ease both;}
.wxBanner .ss-minText{-webkit-animation:fadeInUp 1s 1s ease both;-moz-animation:fadeInUp 1s 1s ease both;animation:fadeInUp 1s 1s ease both;}
.wxBanner .ss-m{-webkit-animation:bounceInUp 1s 0s ease both;-moz-animation:bounceInUp 1s 0s ease both;animation:bounceInUp 1s 0s ease both;}
.wxBanner .ss-plane{-webkit-animation:fadeInRight 2s 1.5s ease both;-moz-animation:fadeInRight 2s 1.5s ease both;animation:fadeInRight 2s 1.5s ease both;}
.wxBanner .cmssmalltext{-webkit-animation: bounceInLeft 1s 1s ease both; -moz-animation: bounceInLeft 1s 1s ease both; animation: bounceInLeft 1s 1s ease both;}
.wxBanner .targetBtn{-webkit-animation:zoomInUp 1s .5s ease both;-moz-animation:zoomInUp 1s .5s ease both;animation:zoomInUp 1s .5s ease both;}
.fixedBar ul li.anniversary-3 i{-webkit-animation:spin 2s 0s infinite linear normal forwards;-moz-animation:spin 2s 0s infinite linear normal forwards;animation:spin 2s 0s infinite linear normal forwards;}
.year3Window .tit3year{-webkit-transform-origin: top left; transform-origin: top left;-webkit-animation:swing 1s .5s ease both;-moz-animation:swing 1s .5s ease both;animation:swing 1s .5s ease both;}
.year3Window .upText{-webkit-animation:zoomInDown 1.5s .0s ease both;-moz-animation:zoomInDown 1.5s .0s ease both;animation:zoomInDown 1.5s .0s ease both;}
.year3Window .downText{-webkit-animation:zoomInUp 1.5s 0s ease both;-moz-animation:zoomInUp 1.5s .0s ease both;animation:zoomInUp 1.5s 0s ease both;}
.year3Window .timeSet{-webkit-animation:bounceInUp 1s .0s ease both;-moz-animation:bounceInUp 1s .0s ease both;animation:bounceInUp 1s .0s ease both;}
.year3Window .places{-webkit-animation:bounceInUp 1s .5s ease both;-moz-animation:bounceInUp 1s .5s ease both;animation:bounceInUp 1s .5s ease both;}
.year3Window .bigBg{-webkit-animation:fadeInUp 5s 0s ease both;-moz-animation:fadeInUp 5s 0s ease both;animation:fadeInUp 5s 0s ease both;}
.banner-b .b-1{-webkit-animation:bounceInLeft 1.5s 0s ease both;-moz-animation:bounceInLeft 1.5s 0s ease both;animation:bounceInLeft 1.5s 0s ease both;}
.banner-b .b-2{-webkit-animation:bounceInRight 1.5s 0s ease both;-moz-animation:bounceInRight 1.5s 0s ease both;animation:bounceInRight 1.5s 0s ease both;}
.banner-b .b-3{-webkit-animation:fadeInDown 1s 0s ease both;-moz-animation:fadeInDown 1s 0s ease both;animation:fadeInDown 1s 0s ease both;}
.banner-b .b-s{-webkit-animation: zoomInDown 1.2s ease both;animation: zoomInDown 1.2s ease both;}
.banner-b .b-s-1{-webkit-animation-delay: 1s;animation-delay: 1s;}
.banner-b .b-s-2{-webkit-animation-delay: 0s;animation-delay: 0s;}
.banner-b .b-s-3{-webkit-animation-delay: .6s;animation-delay: .6s;}
.banner-b .b-s-4{-webkit-animation-delay: .8s;animation-delay: .8s;}
.banner-b .b-s-5{-webkit-animation-delay: 1.5s;animation-delay: 1.5s;}
.banner-b .b-s-6{-webkit-animation-delay: .5s;animation-delay: .5s;}
.banner-b .b-y-1{-moz-animation: moveRight 15s 4s infinite linear normal backwards;-webkit-animation: moveRight 15s 4s infinite linear normal backwards;animation: moveRight 15s 4s infinite linear normal backwards;}
.banner-b .b-y-2{-webkit-animation: moveLeft 15s 0s infinite linear normal both;-moz-animation: moveLeft 15s 0s infinite linear normal both;animation: moveLeft 15s 0s infinite linear normal both;}
.banner-b .b-y-3{-moz-animation: moveRight 15s 0s infinite linear normal backwards;-webkit-animation: moveRight 15s 0s infinite linear normal backwards;animation: moveRight 15s 0s infinite linear normal backwards;}
.banner-xr .xr-1{-webkit-animation: bounceInLeft 2s 2s ease both;-moz-animation: bounceInLeft 2s 2s ease both;animation: bounceInLeft 2s 2s ease both;}
.banner-xr .xr-2{-webkit-animation: zoomInDown 1.5s .5s ease both;-moz-animation: zoomInDown 1.5s .5s ease both;animation: zoomInDown 1.5s .5s ease both;}
.banner-xr .xr-4{-webkit-animation: flipInY 1s 0s ease both;-moz-animation: flipInY 1s 0s ease both;animation: flipInY 1s 0s ease both;}
.banner-xr .xr-3-1{-moz-animation: moveRight 15s 0s infinite linear normal backwards;-webkit-animation: moveRight 15s 0s infinite linear normal backwards;animation: moveRight 15s 0s infinite linear normal backwards;}
.banner-xr .xr-3-2{-webkit-animation: moveLeft 15s 0s infinite linear normal both; -moz-animation: moveLeft 15s 0s infinite linear normal both;animation: moveLeft 15s 0s infinite linear normal both;}
.banner .flashBox .banner-xr .xr-btn{-webkit-animation: bounceInUp 2s 0s linear normal both; -moz-animation: bounceInUp 2s 0s linear normal both;animation: bounceInUp 2s 0s linear normal both;}
.banner-kt .kt_1{-webkit-animation: bounceInLeft 1.5s 0s ease both; -moz-animation: bounceInLeft 1.5s 0s ease both; animation: bounceInLeft 1.5s 0s ease both;}
.banner-kt .kt_2{-webkit-animation: bounceInLeft 1.5s .5s ease both; -moz-animation: bounceInLeft 1.5s .5s ease both; animation: bounceInLeft 1.5s .5s ease both;}
.banner-kt .kt_3{-webkit-animation: pulse 2s 0s linear normal both infinite; -moz-animation: pulse 2s 0s linear normal both infinite; animation: pulse 2s 0s linear normal both infinite;}
.banner-kt .kt_4{-webkit-animation: bounceInUp 2s 0s linear normal both ; -moz-animation: bounceInUp 2s 0s linear normal both ; animation: bounceInUp 2s 0s linear normal both ;}
.banner-kt .kt_5{-webkit-animation: bounceInRight 1.5s 0s ease both; -moz-animation: bounceInRight 1.5s 0s ease both; animation: bounceInRight 1.5s 0s ease both;}
.banner-kt .kt_6{-webkit-animation: bounceInLeft 1.5s 1s ease both; -moz-animation: bounceInLeft 1.5s 1s ease both; animation: bounceInLeft 1.5s 1s ease both;}
.banner-zh .zh-2{
    -webkit-animation: bounceInDown 2s 0s linear normal both ;
    -moz-animation: bounceInDown 2s 0s linear normal both ;
    animation: bounceInDown 2s 0s linear normal both ;
}
.banner-zh .zh-3{
    -webkit-animation: bounceInUp 2s .5s linear normal both ;
    -moz-animation: bounceInUp 2s .5s linear normal both ;
    animation: bounceInUp 2s .5s linear normal both ;
}

/*动画库*/
@-webkit-keyframes fadeInDown{from{opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);} to{opacity: 1; -webkit-transform: none; transform: none;}}
@keyframes fadeInDown{from{opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);} to{opacity: 1; -webkit-transform: none; transform: none;}}
@-webkit-keyframes bounceInRight{from, 60%, 75%, 90%, to{-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);} from{opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0);} 60%{opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0);} 75%{-webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0);} 90%{-webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0);} to{-webkit-transform: none; transform: none;}}
@keyframes bounceInRight{from, 60%, 75%, 90%, to{-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);} from{opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0);} 60%{opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0);} 75%{-webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0);} 90%{-webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0);} to{-webkit-transform: none; transform: none;}}
@-webkit-keyframes swing{20%{-webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg);} 40%{-webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg);} 60%{-webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg);} 80%{-webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg);} to{-webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg);}}
@keyframes swing{20%{-webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg);} 40%{-webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg);} 60%{-webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg);} 80%{-webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg);} to{-webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg);}}
@-webkit-keyframes spin{0%{-webkit-transform: rotateY(0deg) rotateX(0deg); transform: rotateY(0deg) rotateX(0deg);} 50%{-webkit-transform: rotateY(-180deg) rotateX(0deg); transform: rotateY(-180deg) rotateX(0deg);} 100%{-webkit-transform: rotateY(-360deg) rotateX(0deg); transform: rotateY(-360deg) rotateX(0deg);}}
@keyframes spin{0%{-webkit-transform: rotateY(0deg) rotateX(0deg); transform: rotateY(0deg) rotateX(0deg);} 50%{-webkit-transform: rotateY(-180deg) rotateX(0deg); transform: rotateY(-180deg) rotateX(0deg);} 100%{-webkit-transform: rotateY(-360deg) rotateX(0deg); transform: rotateY(-360deg) rotateX(0deg);}}
@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) rotateY(0); -webkit-animation-timing-function:ease-out} 40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg); -webkit-animation-timing-function:ease-out} 50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function:ease-in} 80%{-webkit-transform:perspective(400px) rotateY(360deg) scale(1); -webkit-animation-timing-function:ease-in} 100%{-webkit-transform:perspective(400px) scale(1); -webkit-animation-timing-function:ease-in}}
@-moz-keyframes flip{0%{-moz-transform:perspective(400px) rotateY(0); -moz-animation-timing-function:ease-out} 40%{-moz-transform:perspective(400px) translateZ(150px) rotateY(170deg); -moz-animation-timing-function:ease-out} 50%{-moz-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -moz-animation-timing-function:ease-in} 80%{-moz-transform:perspective(400px) rotateY(360deg) scale(1); -moz-animation-timing-function:ease-in} 100%{-moz-transform:perspective(400px) scale(1); -moz-animation-timing-function:ease-in}}
@-webkit-keyframes fadeInRight{0%{opacity: 0;-webkit-transform: translateX(20px);}
100%{opacity: 1;-webkit-transform: translateX(0);}}
@-moz-keyframes fadeInRight{0%{opacity: 0;-moz-transform: translateX(20px);}
100%{opacity: 1;-moz-transform: translateX(0);}}
@-o-keyframes fadeInRight{0%{opacity: 0;-o-transform: translateX(20px);}
100%{opacity: 1;-o-transform: translateX(0);}}
@keyframes fadeInRight{0%{opacity: 0;transform: translateX(20px);}
100%{opacity: 1;transform: translateX(0);}}
@-webkit-keyframes bounceInLeft{0%{opacity: 0;-webkit-transform: translateX(-2000px);}
60%{opacity: 1;-webkit-transform: translateX(30px);}
80%{-webkit-transform: translateX(-10px);}
100%{-webkit-transform: translateX(0);}}
@-moz-keyframes bounceInLeft{0%{opacity: 0;-moz-transform: translateX(-2000px);}
60%{opacity: 1;-moz-transform: translateX(30px);}
80%{-moz-transform: translateX(-10px);}
100%{-moz-transform: translateX(0);}}
@-o-keyframes bounceInLeft{0%{opacity: 0;-o-transform: translateX(-2000px);}
60%{opacity: 1;-o-transform: translateX(30px);}
80%{-o-transform: translateX(-10px);}
100%{-o-transform: translateX(0);}}
@keyframes bounceInLeft{0%{opacity: 0;transform: translateX(-2000px);}
60%{opacity: 1;transform: translateX(30px);}
80%{transform: translateX(-10px);}
100%{transform: translateX(0);}}
@-webkit-keyframes zoomInUp{0%{opacity: 0;-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);}
60%{opacity: 1;-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);}}
@keyframes zoomInUp{0%{opacity: 0;-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);}
60%{opacity: 1;-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);}}
@-webkit-keyframes pulse{0%{-webkit-transform: scale(1);}
50%{-webkit-transform: scale(1.1);}
100%{-webkit-transform: scale(1);}}
@-moz-keyframes pulse{0%{-moz-transform: scale(1);}
50%{-moz-transform: scale(1.1);}
100%{-moz-transform: scale(1);}}
@-o-keyframes pulse{0%{-o-transform: scale(1);}
50%{-o-transform: scale(1.1);}
100%{-o-transform: scale(1);}}
@keyframes pulse{0%{transform: scale(1);}
50%{transform: scale(1.1);}
100%{transform: scale(1);}}
@-webkit-keyframes dn50{0%{opacity:0;-webkit-transform:translateY(-50px);}
100%{opacity:1;-webkit-transform:translateY(0);}}
@-moz-keyframes dn50{0%{opacity:0;-moz-transform:translateY(-50px);}
100%{opacity:1;-moz-transform:translateY(0);}}
@keyframes dn50{0%{opacity:0;transform:translateY(-50px);}
100%{opacity:1;transform:translateY(0);}}
/* 向左滑动*/@-webkit-keyframes lt50{0%{opacity:0;-webkit-transform:translateX(50px);}
100%{opacity:1;-webkit-transform:translateY(0);}}
@-moz-keyframes lt50{0%{opacity:0;-moz-transform:translateX(50px);}
100%{opacity:1;-moz-transform:translateY(0);}}
@keyframes lt50{0%{opacity:0;transform:translateX(50px);}
100%{opacity:1;transform:translateY(0);}}
/* 向右滑动*/@-webkit-keyframes rt50{0%{opacity:0;-webkit-transform:translateX(-50px);}
100%{opacity:1;-webkit-transform:translateY(0);}}
@-moz-keyframes rt50{0%{opacity:0;-moz-transform:translateX(-50px);}
100%{opacity:1;-moz-transform:translateY(0);}}
@keyframes rt50{0%{opacity:0;transform:translateX(-50px);}
100%{opacity:1;transform:translateY(0);}}
@-webkit-keyframes fadeInUp{0%{opacity: 0;-webkit-transform: translateY(20px);}
100%{opacity: 1;-webkit-transform: translateY(0);}}
@-moz-keyframes fadeInUp{0%{opacity: 0;-moz-transform: translateY(20px);}
100%{opacity: 1;-moz-transform: translateY(0);}}
@-o-keyframes fadeInUp{0%{opacity: 0;-o-transform: translateY(20px);}
100%{opacity: 1;-o-transform: translateY(0);}}
@keyframes fadeInUp{0%{opacity: 0;transform: translateY(20px);}
100%{opacity: 1;transform: translateY(0);}}
@-webkit-keyframes rotate{from{-webkit-transform:rotate(0deg)}
to{-webkit-transform:rotate(360deg)}}
@-moz-keyframes rotate{from{-moz-transform:rotate(0deg)}
to{-moz-transform:rotate(360deg)}}
@-ms-keyframes rotate{from{-ms-transform:rotate(0deg)}
to{-ms-transform:rotate(360deg)}}
@-o-keyframes rotate{from{-o-transform:rotate(0deg)}
to{-o-transform:rotate(360deg)}}
@-webkit-keyframes feichi{0%{left:1000px;}
100%{left:0px;}}
@-moz-keyframes feichi{0%{left:1000px;}
100%{left:0px;}}
@keyframes feichi{0%{left:1000px;}
100%{left:0px;}}
@keyframes flying{0%{margin-top: 0px;}
50%{margin-top: 6px;}
100%{margin-top: 0px;}}
@-webkit-keyframes flying{0%{margin-top: 0px;}
50%{margin-top: 6px;}
100%{margin-top: 0px;}}
@-moz-keyframes flying{0%{margin-top: 0px;}
50%{margin-top: 6px;}
100%{margin-top: 0px;}}
@-webkit-keyframes moveRight{0%{opacity: 0;left:0px;}
10%{opacity: 1;}
100%{opacity: 1;left:550px;}}
@-moz-keyframes moveRight{0%{opacity: 0;left:0px;}
10%{opacity: 1;}
100%{opacity: 1;left:550px;}}
@keyframes moveRight{0%{opacity: 0;left:0px;}
10%{opacity: 1;}
100%{opacity: 1;left:550px;}}
@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform-origin: left bottom;-webkit-transform: rotate(90deg);opacity: 0;}
100%{-webkit-transform-origin: left bottom;-webkit-transform: rotate(0);opacity: 1;}}
@-moz-keyframes rotateInUpLeft{0%{-moz-transform-origin: left bottom;-moz-transform: rotate(90deg);opacity: 0;}
100%{-moz-transform-origin: left bottom;-moz-transform: rotate(0);opacity: 1;}}
@-o-keyframes rotateInUpLeft{0%{-o-transform-origin: left bottom;-o-transform: rotate(90deg);opacity: 0;}
100%{-o-transform-origin: left bottom;-o-transform: rotate(0);opacity: 1;}}
@keyframes rotateInUpLeft{0%{transform-origin: left bottom;transform: rotate(90deg);opacity: 0;}
100%{transform-origin: left bottom;transform: rotate(0);opacity: 1;}}
@-webkit-keyframes flipInY{0%{-webkit-transform: perspective(400px) rotateY(90deg);opacity: 0;}
40%{-webkit-transform: perspective(400px) rotateY(-10deg);}
70%{-webkit-transform: perspective(400px) rotateY(10deg);}
100%{-webkit-transform: perspective(400px) rotateY(0deg);opacity: 1;}}
@-moz-keyframes flipInY{0%{-moz-transform: perspective(400px) rotateY(90deg);opacity: 0;}
40%{-moz-transform: perspective(400px) rotateY(-10deg);}
70%{-moz-transform: perspective(400px) rotateY(10deg);}
100%{-moz-transform: perspective(400px) rotateY(0deg);opacity: 1;}}
@-o-keyframes flipInY{0%{-o-transform: perspective(400px) rotateY(90deg);opacity: 0;}
40%{-o-transform: perspective(400px) rotateY(-10deg);}
70%{-o-transform: perspective(400px) rotateY(10deg);}
100%{-o-transform: perspective(400px) rotateY(0deg);opacity: 1;}}
@keyframes flipInY{0%{transform: perspective(400px) rotateY(90deg);opacity: 0;}
40%{transform: perspective(400px) rotateY(-10deg);}
70%{transform: perspective(400px) rotateY(10deg);}
100%{transform: perspective(400px) rotateY(0deg);opacity: 1;}}
@-webkit-keyframes moveLeft{0%{opacity:0;left:390px;}
10%{opacity:1;}
100%{opacity:1;left:-370px;}}
@-moz-keyframes moveLeft{0%{opacity:0;left:390px;}
10%{opacity:1;}
100%{opacity:1;left:-370px;}}
@keyframes moveLeft{0%{opacity:0;left:390px;}
10%{opacity:1;}
100%{opacity:1;left:-370px;}}
@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform-origin: left bottom;-webkit-transform: rotate(-90deg);opacity: 0;}
100%{-webkit-transform-origin: left bottom;-webkit-transform: rotate(0);opacity: 1;}}
@-moz-keyframes rotateInDownLeft{0%{-moz-transform-origin: left bottom;-moz-transform: rotate(-90deg);opacity: 0;}
100%{-moz-transform-origin: left bottom;-moz-transform: rotate(0);opacity: 1;}}
@-o-keyframes rotateInDownLeft{0%{-o-transform-origin: left bottom;-o-transform: rotate(-90deg);opacity: 0;}
100%{-o-transform-origin: left bottom;-o-transform: rotate(0);opacity: 1;}}
@keyframes rotateInDownLeft{0%{transform-origin: left bottom;transform: rotate(-90deg);opacity: 0;}
100%{transform-origin: left bottom;transform: rotate(0);opacity: 1;}}
.rotateInDownLeft{-webkit-animation-name: rotateInDownLeft;-moz-animation-name: rotateInDownLeft;-o-animation-name: rotateInDownLeft;animation-name: rotateInDownLeft;}
@-webkit-keyframes zoomInDown{0%{opacity: 0;-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);}
60%{opacity: 1;-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);}}
@keyframes zoomInDown{0%{opacity: 0;-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);}
60%{opacity: 1;-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);}}
@-webkit-keyframes bounceInDown{0%{opacity: 0;-webkit-transform: translateY(-2000px);}
60%{opacity: 1;-webkit-transform: translateY(30px);}
80%{-webkit-transform: translateY(-10px);}
100%{-webkit-transform: translateY(0);}}
@-moz-keyframes bounceInDown{0%{opacity: 0;-moz-transform: translateY(-2000px);}
60%{opacity: 1;-moz-transform: translateY(30px);}
80%{-moz-transform: translateY(-10px);}
100%{-moz-transform: translateY(0);}}
@-o-keyframes bounceInDown{0%{opacity: 0;-o-transform: translateY(-2000px);}
60%{opacity: 1;-o-transform: translateY(30px);}
80%{-o-transform: translateY(-10px);}
100%{-o-transform: translateY(0);}}
@keyframes bounceInDown{0%{opacity: 0;transform: translateY(-2000px);}
60%{opacity: 1;transform: translateY(30px);}
80%{transform: translateY(-10px);}
100%{transform: translateY(0);}}
@-webkit-keyframes bounceInUp{0%{opacity: 0; -webkit-transform: translateY(2000px);} 60%{opacity: 1; -webkit-transform: translateY(-30px);} 80%{-webkit-transform: translateY(10px);} 100%{-webkit-transform: translateY(0);}}
@-moz-keyframes bounceInUp{0%{opacity: 0; -moz-transform: translateY(2000px);} 60%{opacity: 1; -moz-transform: translateY(-30px);} 80%{-moz-transform: translateY(10px);} 100%{-moz-transform: translateY(0);}}
@-o-keyframes bounceInUp{0%{opacity: 0; -o-transform: translateY(2000px);} 60%{opacity: 1; -o-transform: translateY(-30px);} 80%{-o-transform: translateY(10px);} 100%{-o-transform: translateY(0);}}
@keyframes bounceInUp{0%{opacity: 0; transform: translateY(2000px);} 60%{opacity: 1; transform: translateY(-30px);} 80%{transform: translateY(10px);} 100%{transform: translateY(0);}}
@-webkit-keyframes rotateInDownRight{0%{-webkit-transform-origin: right bottom; -webkit-transform: rotate(90deg); opacity: 0;} 100%{-webkit-transform-origin: right bottom; -webkit-transform: rotate(0); opacity: 1;}}
@-moz-keyframes rotateInDownRight{0%{-moz-transform-origin: right bottom; -moz-transform: rotate(90deg); opacity: 0;} 100%{-moz-transform-origin: right bottom; -moz-transform: rotate(0); opacity: 1;}}
@-o-keyframes rotateInDownRight{0%{-o-transform-origin: right bottom; -o-transform: rotate(90deg); opacity: 0;} 100%{-o-transform-origin: right bottom; -o-transform: rotate(0); opacity: 1;}}
@keyframes rotateInDownRight{0%{transform-origin: right bottom; transform: rotate(90deg); opacity: 0;} 100%{transform-origin: right bottom; transform: rotate(0); opacity: 1;}}
@-webkit-keyframes lightSpeedIn{from{-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0;} 60%{-webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1;} 80%{-webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1;} to{-webkit-transform: none; transform: none; opacity: 1;}}
@keyframes lightSpeedIn{from{-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0;} 60%{-webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1;} 80%{-webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1;} to{-webkit-transform: none; transform: none; opacity: 1;}}
p.fanHui{display:none}