@charset "utf-8";

body{
	background: #F7F7F7;
	overflow-x: hidden;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: 5px 50px;padding-bottom: 5px;margin-bottom: 0;background-color: #fff;}

.navAndLogo .logo{position: relative;z-index: 1001; width: 212px;}

.navAndLogo .bigNav{text-align: center;margin-top: 15px;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{display: block;font-size: 18px;color: #3d3d3d;padding: 15px 0;padding-top: 0;position: relative}

.navAndLogo .bigNav ul li a i{display: none;position: absolute;width: 18px;height: 8px;background: url("../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,.navAndLogo .bigNav ul li:hover a i{display: block}

.navAndLogo .search{position: relative;z-index: 1001;}

.navAndLogo .search{border: 0px 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: 15px 0;background:url("../images/www/subnavbg.png") repeat;text-align: center;display: none}
@media screen and (-webkit-min-device-pixel-ratio:0) {.subNav{top:90px} }
.subNav .row{display: none}

.subNav li{display: inline-block;padding: 5px 35px;border-radius: 40px;cursor: pointer}

.subNav li{*display: inline}

.subNav li a{display: block}

.subNav li:hover{background: #8bcb8e}

.subNav li .desc{color: #fff;font-size: 12px;text-align: left;overflow: hidden;display: inline-block;vertical-align: middle;}

.subNav li .desc{*display: inline}

.subNav li h2{font-size:18px;font-weight: normal}

.subNav li .navIcon{width: 50px;height: auto;display:inline-block;vertical-align: middle;}

.subNav li .navIcon{*display: inline}

.subNav li .navIcon i{display: block;background: url("../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 li.company .navIcon i{background-position: -199px -0px;width: 43px;height: 40px;}

.subNav li.team .navIcon i{background-position: -158px -0px;width: 41px;height: 40px;}

.subNav li.qualification .navIcon i{background-position: -336px -0px;width: 50px;height: 40px;}
.subNav li.contantUs .navIcon i{background-position: -0px -1270px;width: 38px;height: 41px;}

.otherPage{background: #bcf1f2 url(../images/www/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("../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("../images/www/sprite.png") no-repeat 0px -1000px;text-indent: -99999px;}

.flashBox ol li{*display:inline}

.flashBox ol .active{background:url("../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: 145px;
    left: 100px;z-index: 999}
.wxBanner .targetBtn a{float: left;width:170px;height: 50px;background: url("../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("../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: 103px}

.wxBanner .sysmalltext{left: 50%;margin-left: -188.5px;top: 180px;}

.wxBanner .syicon{left: 50%;margin-left: -307.5px;bottom: 120px;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: 103px;}
.wxBanner .cmssmalltext{     left: 100px;
    top: 180px;}

.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;  }


.warp{width:1000px;margin: 0 auto;overflow: hidden;}

.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("../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("../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("../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("../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.i2 .icon i{background-position: -280px -944px;}
#sudoko-three ul>li.i2:hover .icon i{background-position: -350px -944px;}

#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.i4 .icon i{background-position: -280px -1270px;}
#sudoko-three ul>li.i4:hover .icon i{background-position: -350px -1270px;}

#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.i6 .icon i{background-position: -280px -1205px;}
#sudoko-three ul>li.i6:hover .icon i{background-position: -350px -1205px;}

#sudoko-three ul>li.i7 .icon i{background-position: -280px -1010px;}
#sudoko-three ul>li.i7:hover .icon i{background-position: -350px -1010px;}

#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.i9 .icon i{background-position: -280px -1465px;}
#sudoko-three ul>li.i9:hover .icon i{background-position: -350px -1465px;}

#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.i11 .icon i{background-position: -280px -1595px;}
#sudoko-three ul>li.i11:hover .icon i{background-position: -350px -1595px;}

#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 -1725px;}
#sudoko-four ul>li.i1:hover .icon i{background-position: -350px -1725px;}

#sudoko-four ul>li.i2 .icon i{background-position: -280px -1530px;}
#sudoko-four ul>li.i2:hover .icon i{background-position: -350px -1530px;}

#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.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.i6 .icon i{background-position: -280px -1595px;}
#sudoko-four ul>li.i6:hover .icon i{background-position: -350px -1595px;}

#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.i9 .icon i{background-position: -280px -1270px;}
#sudoko-four ul>li.i9:hover .icon i{background-position: -350px -1270px;}

#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.i11 .icon i{background-position: -280px -1010px;}
#sudoko-four ul>li.i11:hover .icon i{background-position: -350px -1010px;}

#sudoko-four ul>li.i12 .icon i{background-position: -280px -1660px;}
#sudoko-four ul>li.i12:hover .icon i{background-position: -350px -1660px;}



.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("../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}

.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("../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("../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("../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}

.whyPig{}

.whyPig .hd{background: url("../images/www/whypig.png") repeat-y top center}

.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("../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("../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: 450px;}

.ftNews .newsUl .newsColumns:first-child{margin-left: 0}

.ftNews .newsUl .newsColumns .newsLsit li{width: 100%;padding-left: 10px;background: url("../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: 270px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;display: block;
} 

.ftNews .newsUl .newsColumns .newsLsit li:hover{background: url("../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: 250px;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%}

.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: 10px 40px;margin-top:20px;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: 190px;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("../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 .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("../images/www/arrow-up.png") no-repeat}
.jobOl li.jobArrow i{*display: inline}
.jobOl li.jobArrow.on i{background:url("../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("../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(../../images/www/line04.gif) repeat-y 187px 0;overflow:hidden;position:relative;}

.history-date{overflow:hidden;position:relative;}

.history-date h2{background:#fff url(../../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(../../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(../../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("../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("../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("../images/www/dotline.png") repeat-y top center}

.articleTimeLine h2{width: 72px;height: 72px;background:#fff url("../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;top: 50%;margin-top: -130px;z-index: 999;right: 0}

.fixedBar ul li{width: 100px;background: url("../images/www/darkrbga.png") repeat;margin-bottom: 5px;padding: 20px 0}

.fixedBar ul li i{display: block;width: 40px;height: 40px;background: url("../images/www/sprite.png") no-repeat 0 -1057px;margin: 0 auto}

.fixedBar ul li.chat i{background-position: 0 -1115px}

.fixedBar ul li.phone i{background-position: 0 -1057px;}

.fixedBar ul li:hover i{background-position-x:-40px}

.fixedBar ul li .text{display: block;text-align: center;color: #fff;font-size: 14px;margin-top: 5px}

.fixedBar ul li:hover .text{color:#49b44f}

.phoneError{height: 30px;line-height: 30px;float: left;text-align: center;display: none;border: 1px solid #aaa;cursor: pointer;position: absolute;left: 50%;top: -500px;margin-left: -150px;width: 300px;color: #fff;background:url("../images/www/rgbabg.png") repeat ;padding: 10px 0;border-radius: 8px;z-index: 999;}


.qrWindow{width: 100%;height: 100%;position: fixed;top: 0;right: 0;left: 0;bottom:0;background: url("../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("../images/www/qrbg.png") no-repeat}
.qrWindow .qrMain .xClosed{position: absolute;right: -60px;top: 0;width: 53px;height: 53px;background: url("../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("../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:1000}
.fixedStyle .top{
	  /*
	  display: none; */
    display: block;
    position: fixed;
    width: 100%;
  }
  /*
.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: 35px;z-index: 9;border-bottom: 1px solid #f1f1f1;*border-bottom: 1px solid #ddd;}
*/
.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: 0px;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:50px}
.fixedStyle .navAndLogo .bigNav ul li a i{margin-top: -7px;opacity: .5;bottom: -8px}
 /*20160111 16 回到顶部 BY tanytree（董林） */
.backTop{background: url("../images/www/backtop.png") no-repeat top center;width: 94px;height: 94px;display: block;position: fixed;right: 20px;bottom: 10px;display: none}


/*/动画/*/
.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;}


/* 向下滑动*/@-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}


.top .loginRegister span {
    color: #ea6060;
}

.top .loginRegister span i {
    display: inline-block;
    width: 13px;
    height: 12px;
    vertical-align: middle;
    background: url("../images/icons.png") no-repeat 0 0;
    margin-right: 2px;
}

.top .loginRegister a {
    font-size: 14px;
    color: #666;
    border-radius: 50px;
    padding: 0 8px;
    margin: 0 5px;
    background: #fff;
}


.lrForm{padding-top: 40px}
.lrForm .imageList{width: 55%}
.lrForm .formRow{width: 40%;margin-left: 45px;}
.lrForm .formRow .row{margin: 15px 0}
.lrForm .formRow label{width: 80px;display: inline-block;text-align: right;margin-right: 5px}
.lrForm .formRow label{*display: inline}
.lrForm .formRow span{border: 1px solid #e3e3e3;display: inline-block;border-radius: 5px;}
.lrForm .formRow span{*display: inline}
.lrForm .formRow span input[type=text]{border: 0;height: 30px;line-height: 30px;width: 220px;padding:0 10px;border-radius: 5px;}
.lrForm .formRow span input[type=password]{border: 0;height: 30px;line-height: 30px;width: 220px;padding:0 10px;border-radius: 5px;}
.lrForm .formRow span.short input[type=text]{width: 80px}
.lrForm .formRow span.shortCode{border: 0;height: 32px;width: 70px;margin-left: 5px;}
.lrForm .formRow span.shortCode img{border-radius: 5px;height: 32px;width: 70px}
.lrForm .formRow span.w242{width: 242px}
.lrForm .formRow .lrBtn a{width: 242px;height: 32px;line-height: 32px;text-align: center;color: #fff;display: block;border-radius: 5px;font-size: 16px}
.lrForm .formRow .lrBtn a.loginBtn{background: #1bbc6b}
.lrForm .formRow .lrBtn a.loginBtn:hover{background: #0CAF5D}
.lrForm .formRow .lrBtn button{width: 242px;height: 32px;line-height: 32px;text-align: center;color: #fff;display: block;border-radius: 5px;font-size: 16px}
.lrForm .formRow .lrBtn button.loginBtn{background: #1bbc6b;border:none;}
.lrForm .formRow .lrBtn button.loginBtn:hover{background: #0CAF5D}
.lrForm .formRow .lrBtn a.registerBtn{background: #ea6060}
.lrForm .formRow .lrBtn a.registerBtn:hover{background: #E42828}
.lrForm .formRow span.selectPut{position: relative;cursor: pointer}
.lrForm .formRow span.selectPut input[type=text]{background: url("/tpl/Home/pigcms/common/images/newIndex/arrow0.png") no-repeat 115px 12px;cursor: pointer;width: 125px}
.lrForm .formRow span.selectPut .selectDrop{position: absolute;top: 30px;left: 0;width: 100%;border: 1px solid #e3e3e3;background: #fff;display: none;z-index: 9}
.lrForm .formRow span.selectPut .selectDrop li{text-align: left;padding:5px 10px;overflow: hidden;cursor: pointer}
.lrForm .formRow span.selectPut .selectDrop li:hover{background: #e3e3e3}
.lrForm .formRow a.changeA{color: #333;margin-left: 10px;}
.lrForm .formRow a.changeA:hover{text-decoration: underline}

.imageList .row{position: relative}
.imageList .row img{position: absolute}
.imageList .row img.l0{top: 0;left: 80px}
.imageList .row img.l1{top: 140px;left: 0}
.imageList .row img.l2{top: 255px;z-index: 9;left: 390px;opacity: 0;opacity: 1\0;}
.imageList .row img.l3{width: 5%;left: 0;top: 276px;z-index: 8;}
.imageList .row img.l3-1{right: 144px;top: 328px;z-index: 11;width: 6%;}
.imageList .row img.l3-2{top: 223px;z-index: 8;left: 77px;}
.imageList .row img.l3-3{right: 168px;top: 300px;z-index: 11;width: 10%;}
.imageList .row img.l4{top: 297px;left: 0;width: 413px;border: 0;height: 11px}
.imageList .row img.l5{left: 112px;top: 190px}
.imageList .row img.l6{left: 0;top: 225px}
.imageList .row img.l6-1{top: 287px;right: -10px;z-index: 10}
.imageList .row img.l7{top: 206px;left: 207px;}
.imageList .row img.l8{top: 257px;left: 110px;z-index: 10;}
.imageList .row img.l9{top: 75px;left: 108px}
.imageList .row img.r0{top: 91px;z-index: 5;left: 52px;}
.imageList .row img.r1{top: 0;left: 0;opacity: 0;opacity: 1\0}
.imageList .row img.r2{left: 175px;top: 0;}
.imageList .row img.r3{top: 120px;left: 0;}
.imageList .row img.r4{width: 5%;top: 197px;z-index: 6;left: 0;}
.imageList .row img.r4-l1{width: 7%;top: 176px;z-index: 5;left: 10px;}
.imageList .row img.r4-l2{top: 133px;z-index: 2;left: 23px;}
.imageList .row img.r4-l3{top: 176px;z-index: 10;left: 53px;width: 7%;}
.imageList .row img.r4-r1{width: 5%;top: 197px;z-index: 6;right: 0;}
.imageList .row img.r4-r2{width: 7%;top: 176px;z-index: 5;right: 10px;}
.imageList .row img.r4-r3{top: 133px;z-index: 2;right: 23px;}
.imageList .row img.r4-r4{top: 176px;z-index: 10;right: 53px;width: 7%;}
.imageList .row img.r5{top: 250px;z-index: 8;left: 0;}
.imageList .row img.r5-1{top: 250px;z-index: 8;right: 0;}
.imageList .row img.r6{top: 152px;left: 125px}
.imageList .row img.r7{top: 132px;left: 328px;z-index: 9;}
.imageList .row img.r6-1{top: 168px;right: 125px;z-index: 8;}
.imageList .row img.r7-1{top: 149px;left: 225px;z-index: 9;}
.imageList .row img.r8{top: 253px;left: 0;}
.imageList .row img.l9{}

/*登录页温馨提醒*/
.report{
        min-width: 1000px;
        width: 1000px;
        color: #993300;
        background-color: #fcf8e3;
        border-color: #faebcc;
        padding-right: 35px;
        padding: 10px;
        margin-bottom: 20px;
        border: 1px solid #f3ecb9;
        border-radius: 4px;
        margin:10px auto;
        text-align: center;
}

.lrForm .formRow .FormInput{
    display: inline-block;
}

.lrForm .formRow .FormInput .selectPut {
    position: relative;
    cursor: pointer;
}

.lrForm .formRow .FormInput input[type=text] {
    border: 1px solid #e3e3e3;
    border-radius: 5px;	
    height: 30px;
    line-height: 30px;
    width: 220px;
    padding: 0 10px;
}

.lrForm .formRow .FormInput input[type=password] {
    border: 1px solid #e3e3e3;
    height: 30px;
    line-height: 30px;
    width: 220px;
    padding: 0 10px;
    border-radius: 5px;
}


.lrForm .formRow p {
    border: 0;	
    display: block;
    margin-top: 5px;
    margin-bottom: 5px;
		color: #a94442;
}

.lrForm .formRow label {
    float: left;
    margin-top: 5px;	
}


.cy_product{position: relative;width: 980px;margin: 0 auto;}
.cy_product .title{height: 27px;color: #fff;margin-top: 35px;line-height: 27px;color: #373d4a;font-size: 27px;font-weight: normal;text-align: center;}
.cy_product .title .dian{font-weight: normal;}
.cy_product .title .blue{color: #2682dd;}
.cy_product .content{margin: 35px 0 35px 0;overflow: auto;}
.cy_product .content li{float: left;margin: 12px 14px;width: 460px;height: 228px;background: #fff;position: relative; border-left: 2px solid #eaebe9;}
.cy_product .content li .left{width: 50%;float: left;}
.cy_product .content li .left img{margin: 31px 0 0 25px;}
.cy_product .content li .right{width: 45%;float: left;padding-right: 5%;}
.cy_product .content li .right .title{width: 200px;text-align: left;font-size: 22px;margin: 70px auto 16px; line-height: 22px;}
.cy_product .content li .right .lvse{color:#42c23c;}
.cy_product .content li .right .lanse{color:#0594ff;}
.cy_product .content li .right .huangse{color:#f39214;}
.cy_product .content li .right .zise{color:#b558c6;}
.cy_product .content li .right .texts{width: 200px;text-align: justify;text-justify:inter-ideograph;font-size: 14px;margin: 0 auto; line-height: 22px;color: #707277;}

.chose_me{width: 100%;padding: 50px 0 0 0;border-top: 10px solid #f1f1f1;}
.chose_me .content{width: 1000px;margin: 0 auto; border: 1px solid #DFD9D9;}
.chose_me .content .title{font-size: 28px;line-height: 82px; text-align: center;color: #2d2d2d;font-weight: normal;}
.chose_me .content .title .blue{color: #2682dd;}
.chose_me .content .choses{position: relative;overflow: auto;     text-align: center;}
.chose_me .content .choses li{height: 290px;width: 250px;float: left;position: relative;}
.chose_me .content .choses li .line{background: #e5e5e5;width: 1px;height: 210px;position: absolute;right: 0px;top:36px;}
.chose_me .content .choses li img{margin: 32px auto;}
.chose_me .content .choses li .pp0{font-size: 20px;text-align: center;line-height: 36px;color: #404040;}
.chose_me .content .choses li .pp1{text-align:left; padding: 0 20px; color: #787878;}
.chose_me .content .choses li .pp2{padding-left: 49px;width: 164px;}

.fd_kf{background: url('fd_bg_sn.png') no-repeat; width: 126px; height: 340px; position: absolute;right: 20px;top:25%;text-align: center;}
.fd_kf .btn{display: block;position: relative;margin-top: 171px;}
.fd_kf .closeBtn{    position: absolute; right: 5px;top: 1px;}