@charset "utf-8";

body{background: #fff;overflow-x:hidden;min-width:1210px}
.topMobi,.footerMobi{display: none}
.hLine{display: none}
.w1100{margin: 0 auto}
.clearfixb {
    *zoom:1
}
.clearfixb:before,.clearfixb:after {
    display:table;
    content:"";
    line-height:0
}
a{
    text-decoration: none;
}
.clearfixb:after {
    clear:both
}
.w1000{
	width: 1000px;
    margin: 0 auto;}


.banner{overflow: hidden}
.otherPage{text-align: center;height: 380px;background-repeat: no-repeat!important;}
.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/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/sprite.png") no-repeat -20px -1000px;color:#fff;}

.flashBox ul li .warp{position: relative;height: 500px}

.flashBox ul li .warp img{position: absolute}


/*20160317 BY tanytree*/
.wxBanner .targetBtn{    margin-top: 20px;
    position: absolute;
    bottom: 120px;
    left: 100px;z-index: 999}
.wxBanner .targetBtn a{float: left;width:170px;height: 50px;background: url("../images/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/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: -433px;top: 172px}

.wxBanner .sysmalltext{left: 50%;margin-left: -307.5px;top: 255px;}

.wxBanner .syicon{left: 50%;margin-left: -307.5px;bottom: 78px;z-index: 2}

.wxBanner .earth{left: 50%;bottom: -145px;margin-left:-283px;z-index: 2;}

.wxBanner .o2obigtext{    left: 50%;
    margin-left: -312.5px;
    top: 208px;
    z-index: 5;}

.wxBanner .o2osmalltext{    left: 50%;
    margin-left: -268px;
    top: 306px;
    z-index: 4;}

.wxBanner .yellowtip{    left: 50%;
    margin-left: -183px;
    top: 148px;
    z-index: 4;}

.wxBanner .boat{bottom: -35px;right: 0}

.wxBanner .balloon0{right: 205px;top: 50px;}

.wxBanner .balloon1{left: 50%;top: 100px;z-index: 4;}

.wxBanner .box{top: 106px;left: 180px;}

.wxBanner .buliding{right: 0;top: 365px;}

.wxBanner .buliding1{top: 70px;left: 290px;}

.wxBanner .car{right: 201px;top: 181px;z-index: 5;}

.wxBanner .o2ocloud0{top: 210px;left: 0;z-index: 6}

.wxBanner .o2ocloud1{right: 120px;top: 278px;}

.wxBanner .plane{right: 0;top: 107px;}

.wxBanner .pylon0{left: 35px;top: 216px;}

.wxBanner .pylon1{right: 260px;top: 34px;}

.wxBanner .tree{top: 315px;left: 45px;}

.wxBanner .windmill{top: 4px;left: 420px;width: 62px;}

.wxBanner .windmill1{top: -10px;left: 357px;}

.wxBanner .cmsbigtext{    left: 100px;
    top: 170px;}
.wxBanner .cmssmalltext{     left: 100px;
    top: 245px;}

.wxBanner .cms0{right: 210px;top: 305px;}

.wxBanner .cms2{left: 325px;top: 200px;}

.wxBanner .cms1{left: 162px;top: 315px;}

.wxBanner .wsTit{left: 50%;margin-left: -140.5px;top: 165px}
.wxBanner .wsSubTit{left: 50%;margin-left: -132px;top: 240px}
.wxBanner .rocket{left: 11%;bottom: 20px}

.wxBanner .s0{left: 50%;margin-left: -247px;    top: 100px}
.wxBanner .s1{left: 50%;margin-left: -416.5px;top: 200px;}
.wxBanner .s2{left: 50%;margin-left: -435px;top: 280px}
.wxBanner .s3{left: 0;bottom: 0px;z-index: 5;height:190px }
.wxBanner .s4{right: 0;bottom: 0px;z-index: 0;height: 160px}

.wxBanner .ss-floatText{top: 62px;left: 50%;margin-left:-340px}
.wxBanner .ss-bigText{left: 50%;  margin-left: -366px;  top: 140px;  z-index: 99;}
.wxBanner .ss-minText{margin-left: 252px;  bottom: 55px;  z-index: 99;}
.wxBanner .ss-m{bottom: 0;left: 0;}
.wxBanner .ss-plane{  right: 200px;  top: 132px;  }

/**新增banner201607011**/
.banner-b{background: #43cfc8}
.banner-b .w1120 {height: 348px}
.banner-b img{position: absolute}
.banner-b .b-1{right: 110px;top: 180px}
.banner-b .b-2{  left: 115px; top: 180px;}
.banner-b .b-3{left: 50%;margin-left: -381px;top:330px}
.banner-b .b-s{bottom: 0}
.banner-b .b-s-1{    width: 100px; left: 50px;}
.banner-b .b-s-2{    left: 160px;    width: 160px;}
.banner-b .b-s-3{    left: 390px;width: 58px;}
.banner-b .b-s-4{   right: 359px;  width: 103px;}
.banner-b .b-s-5{    right: 250px;width: 150px;}
.banner-b .b-s-6{    right: 0;width: 65px;}

.banner-b .b-y{top: 40px}
.banner-b .b-y-1{left: 50%;margin-left: -20px}
.banner-b .b-y-2{left:0}
.banner-b .b-y-3{right: 0}
.banner-b  .targetBtn {  margin-top: 20px;  position: absolute;  bottom: 60px;  left: 352px;  z-index: 999;  }



.warp{width:1160px;margin: 0 auto;}
.warpb{width:1160px;margin: 0 auto;}

.indexTab{}

/*.indexTab .warp{border: 1px solid #eee}*/.indexTab .tabThis{}

.indexTab .tabThis .nav{background: #f6f6f6;border-bottom: 1px solid #eee;}

.indexTab .tabThis .nav ul li{float: left}

.indexTab .tabThis .nav ul li a{padding: 15px 30px;display: block;font-size: 18px;color: #9d9d9d}

.indexTab .tabThis .nav ul li.on a{background: #3c87ed;color: #fff}

.indexTab .tabThis .detail{border:1px solid #eee;border-top: 0;padding: 20px 0 0 0;}

.indexTab .tabThis .detail>.row{width:1120px;margin: 0 auto}
.indexTab .tabThis .detail>.rowb{width:1100px;}

.indexTab .tabThis .detail>.row .hd{border-bottom: 1px solid #eee;margin: 20px 0 0 0;}

.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: #f60;color: #f60}
/*新增*/
.so_topLine {
    width: 815px;
    min-width: 815px;
}
.bd_tpyeBoxs {
    width: 100%;
    height: 250px;
}
.bd_tpyeBoxs dl {
    height: 238px;
    border-right: 1px dotted #ccc;
    float: left;
    display: inline;
    padding: 0 21px;
    margin:10px 0 0 0;
    cursor: default;
}
.bd_tpyeBoxs dl{
    transition: all 0.2s ease;
    transform: scale(1);
    -webkit-transform: scale(1);
}
.bd_tpyeBoxs dl:last-child{
    border-right:0;
}
.bd_tpyeBoxs dl dt {
    width: 177px;
    height: 80px;
    margin: 15px 0 4px 0;
    transform-origin: center top 0;
    -webkit-transform-origin: center top 0;
	transition: all 0.2s ease;
    transform: scale(0.6);
    -webkit-transform: scale(0.6);
}
.bd_tpyeBoxs dl dt img {
    display: block;
    margin: 0 auto;
    height: 70px\0;
}
.bd_tpyeBoxs dl dd {
    width: 177px;
    text-align: center;
    color: #F08326;
}
.bd_tpyeBoxs dl:hover{
	transform:scale(1.2);  
}
.bd_tpyeBoxs dl dd h2 {
    font-size: 24px;
    text-shadow: 1px 1px 0px #d46200;
    transition: all 0.2s ease;
}
.bd_tpyeBoxs dl dd h3 {
    font-size: 12px;
    font-weight: normal;
    margin: 5px 0;
    white-space: nowrap;
    transition: all 0.2s ease;
}
.bd_tpyeBoxs dl dd span {
    font-size: 12px;
    font-family: Georgia, "Times New Roman", Times, serif;
    color: #F08326;
    transition: all 0.2s ease;
}
/**/

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

.lastUpdate,.detail .news{width: 540px;height:260px;overflow:hidden}

.detail .news{height:260px;overflow:hidden}

.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/dot.png") no-repeat left center;color:#9d9d9d;padding:6px 0;border-bottom:1px dotted #eee;}

.detail .news ul li a{padding-left: 10px;color:#9d9d9d;font-size:14px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display: block}  

.detail .news ul li:hover{background: url("../images/dot_hover.PNG") no-repeat left center;}

.detail .news ul li:hover a{color: #f60}

.detail .news ul li.last:hover a{color: #9d9d9d}
.detail .news ul li.last:hover .time a{color: #49b44f}

  
.ftNews .news{height:260px;overflow:hidden}

.ftNews .news .newsBigImg{width: 100%}

.ftNews .news .newsBigImg img{width: 100%}

.ftNews .news ul li{padding-left: 10px;background: url("../images/dot.png") no-repeat left center;color:#9d9d9d;padding:6px 0;border-bottom:1px dotted #eee;}

.ftNews .news ul li a{padding-left: 10px;color:#9d9d9d;font-size:14px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display: block}  

.ftNews .news ul li:hover{background: url("../images/dot_hover.PNG") no-repeat left center;}

.ftNews .news ul li:hover a{color: #f60}

.ftNews .news ul li.last:hover a{color: #9d9d9d}
.ftNews .news ul li.last:hover .time a{color: #49b44f}



.fixedItems{position: absolute;right: -30px;top: 0;width: 500px;}

.fixedItems li{float: left;width: 150px;height: 115px;background: #f2f2f2;text-align: center;margin: 0px 10px 20px 0px;color: #9d9d9d;font-size: 16px;cursor: pointer}

.fixedItems li i{background: url("../images/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: #3c87ed;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: 365px;height:190px;text-align: center;background: #f6f6f6;color: #9d9d9d;position: absolute;overflow: hidden;border: 1px solid #fff;cursor: pointer}
.hidebufen ul>li:nth-child(n+7){display:none;}
.hidebufen {
    height:440px!important;
}
.otherProducts ul>li .icon{margin-top: 20px;}

.otherProducts ul>li .icon i{width: 65px;height: 65px;display: block;margin: 0 auto;background: url("../images/sprite.png") no-repeat}


#sudoko-one ul>li.i0 .icon i{background-position: -130px -1990px;}
#sudoko-one ul>li.i0:hover .icon i{background-position: -195px -1990px;}

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

#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: -130px -1730px}
#sudoko-one ul>li.i9:hover .icon i{background-position: -195px -1730px}

#sudoko-one ul>li.i10 .icon i{background-position: -424px -2065px}
#sudoko-one ul>li.i10:hover .icon i{background-position: -494px -2065px}

#sudoko-one ul>li.i11 .icon i{background-position: -276px -1976px}
#sudoko-one ul>li.i11:hover .icon i{background-position: -346px -1976px}

#sudoko-one ul>li.i12 .icon i{background-position: -278px -1721px}
#sudoko-one ul>li.i12:hover .icon i{background-position: -348px -1721px;}

#sudoko-one ul>li.i13 .icon i{background-position: -278px -1780px}
#sudoko-one ul>li.i13:hover .icon i{background-position: -348px -1780px}

#sudoko-one ul>li.i14 .icon i{background-position: -278px -1845px;}
#sudoko-one ul>li.i14:hover .icon i{background-position: -348px -1845px;}


#sudoko-two ul>li.i0 .icon i{background-position: -280px -944px}
#sudoko-two ul>li.i0:hover .icon i{background-position: -350px -944px}

#sudoko-two ul>li.i1 .icon i{background-position: -280px -1529px;}
#sudoko-two ul>li.i1:hover .icon i{background-position: -350px -1529px}

#sudoko-two ul>li.i2 .icon i{background-position: -424px -2065px;}
#sudoko-two ul>li.i2:hover .icon i{background-position: -494px -2065px;}

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

#sudoko-two ul>li.i5 .icon i{background-position: -130px -1730px}
#sudoko-two ul>li.i5:hover .icon i{background-position: -195px -1730px}

#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: -130px -1990px;}
#sudoko-three ul>li.i0:hover .icon i{background-position:-195px -1990px;}

/*#sudoko-three ul>li.i1 .icon i{background-position: -280px -878px;}
#sudoko-three ul>li.i1:hover .icon i{background-position: -350px -878px;}*/
#sudoko-three ul>li.i1 .icon i{background-position: -430px -1780px}
#sudoko-three ul>li.i1:hover .icon i{background-position: -500px -1780px}


/*#sudoko-three ul>li.i2 .icon i{background-position: -280px -944px;}
#sudoko-three ul>li.i2:hover .icon i{background-position: -350px -944px;}*/
#sudoko-three ul>li.i2 .icon i{background-position: -280px -1270px;}
#sudoko-three ul>li.i2:hover .icon i{background-position: -350px -1270px;}

/*#sudoko-three ul>li.i3 .icon i{background-position: -280px -1075px;}
#sudoko-three ul>li.i3:hover .icon i{background-position: -350px -1075px;}*/
#sudoko-three ul>li.i3 .icon i{background-position: -278px -1780px;}
#sudoko-three ul>li.i3:hover .icon i{background-position: -348px -1780px}

/*#sudoko-three ul>li.i4 .icon i{background-position: -280px -1270px;}
#sudoko-three ul>li.i4:hover .icon i{background-position: -350px -1270px;}*/
#sudoko-three ul>li.i4 .icon i{background-position: -276px -1976px;}
#sudoko-three ul>li.i4:hover .icon i{background-position: -346px -1976px;}

/*#sudoko-three ul>li.i5 .icon i{background-position: -280px -1595px;}
#sudoko-three ul>li.i5:hover .icon i{background-position: -350px -1595px;}*/
#sudoko-three ul>li.i5 .icon i{background-position: -278px -1845px;}
#sudoko-three ul>li.i5:hover .icon i{background-position: -348px -1845px;}

/*#sudoko-three ul>li.i6 .icon i{background-position: -280px -1205px;}
#sudoko-three ul>li.i6:hover .icon i{background-position: -350px -1205px;}*/
#sudoko-three ul>li.i6 .icon i{background-position: -280px -1075px}
#sudoko-three ul>li.i6:hover .icon i{background-position: -350px -1075px;}

#sudoko-three ul>li.i7 .icon i{background-position: -424px -1997px;}
#sudoko-three ul>li.i7:hover .icon i{background-position: -494px -1997px;;}

/*#sudoko-three ul>li.i8 .icon i{background-position: -280px -1400px;}
#sudoko-three ul>li.i8:hover .icon i{background-position: -350px -1400px;}*/
#sudoko-three ul>li.i8 .icon i{background-position: -280px -1910px;}
#sudoko-three ul>li.i8:hover .icon i{background-position: -350px -1910px;}

/*#sudoko-three ul>li.i9 .icon i{background-position: -280px -1465px;}
#sudoko-three ul>li.i9:hover .icon i{background-position: -350px -1465px;}*/
#sudoko-three ul>li.i9 .icon i{background-position: -280px -1270px;}
#sudoko-three ul>li.i9:hover .icon i{background-position: -350px -1270px;}

/*#sudoko-three ul>li.i10 .icon i{background-position: -280px -1530px;}
#sudoko-three ul>li.i10:hover .icon i{background-position: -350px -1530px;}*/
#sudoko-three ul>li.i10 .icon i{background-position: -280px -1595px;}
#sudoko-three ul>li.i10:hover .icon i{background-position: -350px -1595px;}

/*#sudoko-three ul>li.i11 .icon i{background-position: -280px -1595px;}
#sudoko-three ul>li.i11:hover .icon i{background-position: -350px -1595px;}*/
#sudoko-three ul>li.i11 .icon i{background-position: -280px -1205px;}
#sudoko-three ul>li.i11:hover .icon i{background-position: -350px -1205px;}

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



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

#sudoko-four ul>li.i1 .icon i{background-position: 7px -2063px}
#sudoko-four ul>li.i1:hover .icon i{background-position: -66px -2063px;}

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

/*#sudoko-four ul>li.i3 .icon i{background-position: -280px -1205px;}
#sudoko-four ul>li.i3:hover .icon i{background-position: -350px -1205px;}*/
#sudoko-four ul>li.i3 .icon i{background-position: -130px -1666px}
#sudoko-four ul>li.i3:hover .icon i{background-position: -130px -1666px;}

#sudoko-four ul>li.i4 .icon i{background-position: -430px -1840px}
#sudoko-four ul>li.i4:hover .icon i{background-position: -500px -1840px}

/*#sudoko-four ul>li.i5 .icon i{background-position: -280px -1660px;}
#sudoko-four ul>li.i5:hover .icon i{background-position: -350px -1660px;}*/
#sudoko-four ul>li.i5 .icon i{background-position: 7px -2063px}
#sudoko-four ul>li.i5:hover .icon i{background-position:-66px -2063px;}

/*#sudoko-four ul>li.i6 .icon i{background-position: -280px -1595px;}
#sudoko-four ul>li.i6:hover .icon i{background-position: -350px -1595px;}*/
#sudoko-four ul>li.i6 .icon i{background-position: -280px -878px;}
#sudoko-four ul>li.i6:hover .icon i{background-position: -350px -878px;}

#sudoko-four ul>li.i7 .icon i{background-position: -280px -1205px;}
#sudoko-four ul>li.i7:hover .icon i{background-position: -350px -1205px;}
/*#sudoko-four ul>li.i7 .icon i{background-position: -280px -878px;}
#sudoko-four ul>li.i7:hover .icon i{background-position: -350px -878px;}*/

/*#sudoko-four ul>li.i8 .icon i{background-position: -280px -1075px;}
#sudoko-four ul>li.i8:hover .icon i{background-position: -350px -1075px;}*/
#sudoko-four ul>li.i8 .icon i{background-position: -280px -1855px;}
#sudoko-four ul>li.i8:hover .icon i{background-position: -350px -1855px;}

/*#sudoko-four ul>li.i9 .icon i{background-position: -280px -1270px;}
#sudoko-four ul>li.i9:hover .icon i{background-position: -350px -1270px;}*/
#sudoko-four ul>li.i9 .icon i{background-position: -280px -1010px;}
#sudoko-four ul>li.i9:hover .icon i{background-position: -350px -1010px;}

/*#sudoko-four ul>li.i10 .icon i{background-position: -280px -1400px;}
#sudoko-four ul>li.i10:hover .icon i{background-position: -350px -1400px;}*/
#sudoko-four ul>li.i10 .icon i{background-position: -280px -1920px;}
#sudoko-four ul>li.i10:hover .icon i{background-position: -350px -1920px;}

/*#sudoko-four ul>li.i11 .icon i{background-position: -280px -1010px;}
#sudoko-four ul>li.i11:hover .icon i{background-position: -350px -1010px;}*/
#sudoko-four ul>li.i11 .icon i{background-position: -280px -1075px;}
#sudoko-four ul>li.i11:hover .icon i{background-position: -350px -1075px;}

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

/*#sudoko-four ul>li.i12 .icon i{background-position: -280px -1790px;}
#sudoko-four ul>li.i12:hover .icon i{background-position: -350px -1790px;}*/
#sudoko-four ul>li.i12 .icon i{background-position: -280px -1595px;}
#sudoko-four ul>li.i12:hover .icon i{background-position: -350px -1595px;}
/*
#sudoko-four ul>li.i13 .icon i{background-position: -280px -1855px;}
#sudoko-four ul>li.i13:hover .icon i{background-position: -350px -1855px;}
*/
#sudoko-four ul>li.i13 .icon i{background-position: -280px -1270px;}
#sudoko-four ul>li.i13:hover .icon i{background-position: -350px -1270px;}
/*
#sudoko-four ul>li.i14 .icon i{background-position: -280px -1920px;}
#sudoko-four ul>li.i14:hover .icon i{background-position: -350px -1920px;}*/
/*#sudoko-four ul>li.i14 .icon i{background-position: -280px -1075px;}
#sudoko-four ul>li.i14:hover .icon i{background-position: -350px -1075px;}*/

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



#sudoko-five ul>li.i0 .icon i{}









.otherProducts ul>li h2{font-size: 16px;font-weight: normal;line-height: 30px;padding-bottom: 10px}

.otherProducts ul>li p{font-size: 12px;line-height: 18px;text-align: left;display: block;height: 35px;overflow: hidden;}

.otherProducts ul>li .liWarp{padding: 15px 20px;}

.otherProducts ul>li .btInfo{background: #3c87ed;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 #3c87ed;background:#fff}


/*硬件*/
.Hardware ul{margin-left: -17px;}
.Hardware ul>li{width: 360px;text-align: center;background: #f6f6f6;color: #9d9d9d;overflow: hidden;border: 1px solid #fff;cursor: pointer;float: left;margin-left: 17px;margin-bottom: 17px;}
.Hardware ul>li .position{border: 1px solid #fff}
.Hardware ul>li .liWarp{padding: 15px 20px;}
.Hardware ul>li .icon{margin-top: 20px;}
.Hardware ul>li h2{font-size: 16px;font-weight: normal;line-height: 30px;padding-bottom: 10px;}
.Hardware ul>li p{font-size: 12px;line-height: 18px;text-align: left;display: block;height: 35px;overflow: hidden;}
.Hardware .btInfo{text-align: center;padding-bottom: 20px;}
.Hardware .btInfo ol li{width: 120px;display: inline-block;background: #fff;border-radius: 5px;text-align: center;margin: 0 2px}
.Hardware .btInfo ol li{*display: inline}
.Hardware .btInfo ol li a{display: block;padding: 5px 0;color: #9e9e9e}
.Hardware .btInfo ol li a i{display: inline-block;vertical-align: middle;background: url("../images/sprite.png") no-repeat;margin-right: 5px;}
.Hardware .btInfo ol li a i{*display: inline-block;}
.Hardware .btInfo ol li.site i{background-position: -27px -1379px;width: 29px;height: 26px;}
.Hardware .btInfo ol li.chat i{background-position: -0px -1379px;width: 24px;height: 26px;}
.Hardware ul>li .icon i{width: 65px;height: 65px;display: block;margin: 0 auto;background: url("../images/sprite.png") no-repeat;}
.Hardware ul>li.i0 .icon i{background-position: 0 -1665px;}
.Hardware ul>li.i0:hover .icon i{background-position: -65px -1665px;}
.Hardware ul>li.i1 .icon i{background-position: 0 -1730px;}
.Hardware ul>li.i1:hover .icon i{background-position: -65px -1730px;}
.Hardware ul>li.i2 .icon i{background-position: 0 -1795px;}
.Hardware ul>li.i2:hover .icon i{background-position: -65px -1795px;}
.Hardware ul>li.i3 .icon i{background-position: 0 -1860px;}
.Hardware ul>li.i3:hover .icon i{background-position: -65px -1860px;}
.Hardware ul>li.i4 .icon i{background-position: 0 -1925px;}
.Hardware ul>li.i4:hover .icon i{background-position: -65px -1925px;}
.Hardware ul>li.i5 .icon i{background-position: 0 -1990px;}
.Hardware ul>li.i5:hover .icon i{background-position: -65px -1990px;}
.Hardware ul>li:hover{border-color: #3c87ed;background: #ffffff}
.Hardware ul>li:hover .btInfo ol li{background: #2a9b30}
.Hardware ul>li:hover .btInfo ol li a{color: #fff}
.Hardware ul>li:hover .btInfo ol li.site i{background-position: -27px -1410px}
.Hardware ul>li:hover .btInfo ol li.chat i{background-position: 0 -1410px}
.Hardware ul>li:hover h2{color: #3c87ed}


/*APP*/
.appRow ul{margin-left: -17px;}
.appRow ul>li{width: 265px;text-align: center;background: #f6f6f6;color: #9d9d9d;border: 1px solid #fff;cursor: pointer;float: left;margin-left: 17px;margin-bottom: 17px;}
.appRow ul>li .position{border: 1px solid #fff}
.appRow ul>li .liWarp{padding: 15px 20px;}
.appRow ul>li .icon{margin-top: 20px;}
.appRow ul>li h2{font-size: 16px;font-weight: normal;line-height: 30px;padding-bottom: 10px;}
.appRow ul>li p{font-size: 12px;line-height: 18px;text-align: left;display: block;height: 35px;overflow: hidden;}
.appRow .btInfo{text-align: center;padding-bottom: 20px;}
.appRow .btInfo ol li{width: 85px;display: inline-block;background: #fff;border-radius: 5px;text-align: center;margin: 0 2px;position: relative}
.appRow .btInfo ol li{*display: inline}
.appRow .btInfo ol li a{display: block;padding: 5px 0;color: #9e9e9e}
.appRow .btInfo ol li a i{display: inline-block;vertical-align: middle;background: url("../images/sprite.png") no-repeat;margin-right: 5px;}
.appRow .btInfo ol li a i{*display: inline-block;}
.appRow .btInfo ol li.an i{background-position: -0px -1443px;width: 15px;height: 18px;}
.appRow .btInfo ol li.ios i{background-position: -17px -1443px;width: 14px;height: 18px;}
.appRow .btInfo ol li .qrcode{position: absolute;top: 38px;left: -28px;width: 140px;text-align: center;background: #fff;border: 1px solid #3c87ed;padding: 15px 0;z-index: 9;display: none}
.appRow .btInfo ol li .qrcode img{width: 110px;height: 110px;}
.appRow .btInfo ol li .qrcode span{width:14px;height:8px;position: absolute;top: -8px;left: 50%;margin-left: -7px;background:url("../images/sprite.png") no-repeat -0 -1490px}
.appRow .btInfo ol li .qrcode h3{font-size: 12px;color: #3c87ed;font-weight: normal}


.appRow ul>li .icon i{width: 65px;height: 65px;display: block;margin: 0 auto;}
.appRow ul>li .icon i.on{display: none}

.appRow ul>li:hover{border-color: #3c87ed;background: #ffffff}
.appRow ul>li:hover .icon i{display: none}
.appRow ul>li:hover .icon i.on{display: block}
.appRow ul>li .btInfo ol li:hover .qrcode{display: block}
.appRow ul>li:hover .btInfo ol li{background: #3c87ed}
.appRow ul>li:hover .btInfo ol li a{color: #fff}
.appRow ul>li:hover .btInfo ol li.an i{background-position: -0px -1465px}
.appRow ul>li:hover .btInfo ol li.ios i{background-position: -17px -1465px}
.appRow ul>li:hover h2{color: #3c87ed}

.xitongp{
	font-family:'microsoft yahei', 宋体, tahoma, helvetica, arial, 宋体, sans-serif;box-sizing:border-box;
	margin-top:0px;
	color:#333333;
	font-size:14px;
	background-color:#ffffff;
	line-height:2;
	margin-bottom:10px;
}
.text-center{
	font-family:inherit;
	box-sizing:border-box;
	font-weight:500;
	line-height:1.1;
	color:inherit;
	font-size:24px;
	text-align:center;
	margin-top:20px;
	margin-bottom:10px;
	overflow: hidden;
}
.text-center .more{
	font-size:18px;
	color:#F79646;
}
.xitimg{
	font-family:'microsoft yahei', 宋体, tahoma, helvetica, arial, 宋体, sans-serif;box-sizing:border-box;
	color:#333333;font-size:14px;
	line-height:20px;
	background-color:#ffffff;
	position:relative;
}
.xitimg img{
	font-size:14px;
	line-height:20px;
	box-sizing:border-box;
	border:0px;vertical-align:middle;
	width:1140px;height:1700px;
}
.xicont ul{
	font-family:'microsoft yahei', 宋体, tahoma, helvetica, arial, 宋体, sans-serif;box-sizing:border-box;
	margin-top:0px;
	color:#333333;
	font-size:14px;
	line-height:20px;
	background-color:#ffffff;
	margin-bottom:10px;
}
.lineheight{width:100%;sheight:4px;background:#FF6600}














/*.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: #3c87ed}

.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/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: #3c87ed}

.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 .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/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/sprite.png") no-repeat;display: block;width: 60px;height: 50px;margin: 0 auto;}

.feaTures .tagsCell .tagsList ul li.i0 .icon i{background-position: -280px -51px;width: 50px}

.feaTures .tagsCell .tagsList ul li.i1 .icon i{background-position: -280px -105px;width: 50px;height: 45px}

.feaTures .tagsCell .tagsList ul li.i2 .icon i{background-position: -280px -155px;width: 48px;height: 48px;}

.feaTures .tagsCell .tagsList ul li.i3 .icon i{background-position: -280px -207px;width: 50px}

.feaTures .tagsCell .tagsList ul li.i4 .icon i{background-position: -280px -260px;width: 54px;height: 46px}

.feaTures .tagsCell .tagsList ul li.i5 .icon i,.feaTures .tagsCell .tagsList ul li.i11 .icon i,.feaTures .tagsCell .tagsList ul li.i17 .icon i{background-position: -280px -835px;width: 47px}

.feaTures .tagsCell .tagsList ul li.i6 .icon i{background-position: -280px -308px;width: 50px;height: 44px}

.feaTures .tagsCell .tagsList ul li.i7 .icon i{background-position: -280px -357px;width: 48px;height: 48px}

.feaTures .tagsCell .tagsList ul li.i8 .icon i{background-position: -280px -407px;width: 50px}

.feaTures .tagsCell .tagsList ul li.i9 .icon i{background-position: -280px -459px;width: 46px;height: 52px}

.feaTures .tagsCell .tagsList ul li.i10 .icon i{background-position: -280px -515px;width: 52px;height: 46px}

.feaTures .tagsCell .tagsList ul li.i12 .icon i{background-position: -280px -566px;width: 50px}

.feaTures .tagsCell .tagsList ul li.i13 .icon i{background-position: -280px -618px;width: 67px;height: 48px}

.feaTures .tagsCell .tagsList ul li.i14 .icon i{background-position: -280px -670px;width: 50px}

.feaTures .tagsCell .tagsList ul li.i15 .icon i{background-position: -280px -723px;height: 50px}

.feaTures .tagsCell .tagsList ul li.i16 .icon i{background-position: -280px -778px;width: 40px;height: 52px}

.feaTures .tagsCell .tagsList ul li.iMore .icon i{background-position: -280px -835px;width: 47px;}

.feaTures .tagsCell .tagsList ul li:hover h3{color:#49b44f}

.feaTures .tagsCell .tagsList ul li:hover .icon i{background-position-x:-365px}

.feaTures .li0 .title i{left: -8px;}

.feaTures .li2 .title i,.feaTures .li1 .title i{right: -8px;left: inherit;background-position: -10px -1023px}


.e-commerce .projectDesc ul{margin-right: -26px}
.e-commerce .projectDesc ul li{float: left;width: 139px;height: 190px;margin-right: 22px; margin-bottom: 26px;text-align: center;border: 1px solid #e5e5e5;}
.e-commerce .projectDesc ul li i{width: 70px;height:70px;margin: 0 auto;display:block;margin-top: 30px;background: url("../images/sprite.png") no-repeat}
.e-commerce .projectDesc ul li{color: #666;background: #fff}
.e-commerce .projectDesc ul li p{margin-top: 20px;color: #6d6d6d}
.e-commerce .projectDesc ul li:hover{background: #3c87ed}
.e-commerce .projectDesc ul li:hover a,.e-commerce  .projectDesc ul li:hover p{color: #fff}
.e-commerce .projectDesc ul li.i1 i{background-position: -433px -940px}
.e-commerce .projectDesc ul li.i2 i{background-position: -433px -1010px}
.e-commerce .projectDesc ul li.i3 i{background-position: -433px -1080px}
.e-commerce .projectDesc ul li.i4 i{background-position: -433px -1150px}
.e-commerce .projectDesc ul li.i5 i{background-position: -433px -1220px}
.e-commerce .projectDesc ul li.i6 i{background-position: -433px -1290px}
.e-commerce .projectDesc ul li.i7 i{background-position: -433px -1360px}
.e-commerce .projectDesc ul li.i8 i{background-position: -433px -1430px}
.e-commerce .projectDesc ul li.i9 i{background-position: -433px -1500px}
.e-commerce .projectDesc ul li.i10 i{background-position: -433px -1570px}
.e-commerce .projectDesc ul li.i11 i{background-position: -433px -1640px}
.e-commerce .projectDesc ul li.i12 i{background-position: -433px -1710px;width: 85px;}
.e-commerce .projectDesc ul li.i1:hover i{background-position: -503px -940px}
.e-commerce .projectDesc ul li.i2:hover i{background-position: -503px -1010px}
.e-commerce .projectDesc ul li.i3:hover i{background-position: -503px -1080px}
.e-commerce .projectDesc ul li.i4:hover i{background-position: -503px -1150px}
.e-commerce .projectDesc ul li.i5:hover i{background-position: -503px -1220px}

.e-commerce .projectDesc ul li.i6:hover i{background-position: -503px -1290px}
.e-commerce .projectDesc ul li.i7:hover i{background-position: -503px -1360px}
.e-commerce .projectDesc ul li.i8:hover i{background-position: -503px -1430px}
.e-commerce .projectDesc ul li.i9:hover i{background-position: -503px -1500px}
.e-commerce .projectDesc ul li.i10:hover i{background-position: -503px -1570px}
.e-commerce .projectDesc ul li.i11:hover i{background-position: -503px -1640px}
.e-commerce .projectDesc ul li.i12:hover i{background-position: -518px -1710px}
.videos ul{margin-right: -46px}
.videos ul li{float: left;margin-right: 40px;width: 280px;background: #f6f6f6;padding-bottom: 6px;    margin-top: 40px;}
.videos ul li .videoPlaceholder{background:url("../images/videoBg.png") no-repeat;height: 165px;position: relative}
.videos ul li .videoPlaceholder .playIcon{position: absolute;width: 70px;height: 71px;display: block;top: 50%;margin-top:-35px;left: 50%;margin-left: -35px;z-index: 9;background: url("../images/Play1Disabled.png") no-repeat}
.videos ul li a{color: #fff}
.videos ul li a h2{font-size: 16px;white-space: nowrap;overflow: hidden;text-align: left;text-overflow: ellipsis;font-weight: normal;padding: 8px 10px;color: #3d3d3d}
.videos ul li a p{
    color: #333;
    height: 40px;
    line-height: 20px;
    font-size: 14px;
    overflow: hidden;
    padding: 0 10px;text-align: left;color: #9d9d9d}

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

.whyPig .hd h2{display: block;width: 520px;height: 60px;line-height: 60px;text-align: center;color: #f60;font-size: 30px;margin: 50px auto;font-weight: normal;background: #fff;}

.whyPig .hd ul li{float: left;width: 286px;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: #f60;    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: 30px;}

.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/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:30px 0;margin-top: 40px;}

.feedback h2{
	width: 350px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    color: #f60;
    font-size: 30px;
    margin: 0 auto 20px;
    font-weight: normal;
    border-bottom:1px solid #f60;
}
.fbScroll{position: relative}

.fbScroll .scrollThis{overflow: hidden}

.fbScroll ul{width: 99999px}

.fbScroll ul li{
    width: 208px;
    height: 300px;
    overflow: hidden;
    position: relative;
    float: left;
	margin-right:30px;
}
.fbScroll ul li a {
    left: 0px;
    top: 36px;
    color: rgb(0, 0, 0);
    display: block;
    position: absolute;
}
.fbScroll ul li a {
    width: 208px;
    height: 300px;
    overflow: hidden;
    position: relative;
}
.fbScroll ul li a i {
    line-height: 16px;
    font-style: normal;
}
.fbScroll ul li a i span {
    color: rgb(102, 102, 102);
    font-size: 9px;
}
.fbScroll ul li a i b {
    font-size: 10px;
}
.fbScroll ul li a img {
	margin:12px 0;
	width:208px!important;
	height:225px!important;
}
.fbScroll ul li a h3 {
    height: 30px;
    text-align: center;
    padding-top: 5px;
    background-color: rgb(60,135,237);
    line-height: 30px;
    color: #FFF;
}
.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/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:20px;}

.scrollPage i{display: inline-block;width: 8px;height: 8px;background:#3c87ed;margin: 0 2px;border-radius: 50px;cursor: pointer;}

.scrollPage i{*display: inline-block}

.scrollPage i.on{background: #f60}
/*服务客端*/
.MainSeven {
    margin-bottom: 10px;
    width:1160px;
    margin-right: auto;
    margin-left: auto;
	border-bottom: 1px solid #eee;
}
.MainTwoLeftTitle, .MainTwoRightTitle, .MainSixTitle, .MainSevenTitle, .SubMainLeftTitle {
    font-size: 16px;
    font-weight: bold;
    line-height: 35px;
    background-image: url(../images/index_32.jpg);
    background-repeat: no-repeat;
    background-position: center bottom;
    padding-bottom: 5px;
    padding-left: 10px;
    margin:30px 0;
}
.SubMainLeftTitleb{
    margin:0 0 15px 0;
}
.MainSevenCtn{overflow:hidden;padding-bottom:20px;}
.MainSevenCtnLeft {
    float: left;
    width: 340px;
}
.MainSevenCtnRight {
    float: left;
    width: 820px;
}
.MainSevenCtnRight ul{
    overflow:hidden;
	margin-left: 110px;
}
.MainSevenCtnRight ul li {
    float: left;
}
.MainSevenCtnRight ul li a {
    padding: 4px;
    border: 1px solid #ededed;
    display: block;
    float: left;
    margin-left: 10px;
    margin-bottom: 10px;
}
.MainSevenCtnRight ul li a img{
    width:150px;
	height:70px;
}
/**/
.ftNews{background: #fff}

.ftNews .newsUl .newsColumns{float: left;margin-left: 50px;width: 350px;}

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

.ftNews .newsUl .newsColumns .newsLsit li{width: 100%;padding-left: 10px;background: url("../images/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 h3 span a::hover{color: #f60;}

.ftNews .newsUl .newsColumns .newsLsit li a {color: #9d9d9d;font-size: 14px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;display: block;
} 
.ftNews .newsUl .newsColumns .newsLsit li a.tit{font-size:16px;}
.ftNews .newsUl .newsColumns .newsLsit li:hover{background: url("../images/dot_hover.png") no-repeat left center;}

.ftNews .newsUl .newsColumns .newsLsit li:hover a{color: #f60}

.ftNews .newsUl .newsColumns .newsLsit li.first{padding: 0;background: none;height:90px;overflow: hidden;position: relative;margin-bottom:15px}
.ftNews .newsUl .newsColumns .newsLsit li.com{height:20px;padding-bottom:8px;border-bottom: 1px dotted #eee;}
.ftNews .newsUl .newsColumns .newsLsit li.first .tetright a.tit{width:190px;} 
.ftNews .newsUl .newsColumns .newsLsit li.first .ainfor a{width:75%;} 
.ftNews .newsUl .newsColumns .newsLsit li.first .imgleft{height:90px;width:140px;margin-right: 15px;}
.ftNews .newsUl .newsColumns .newsLsit li.first .imgleft img{height:90px;width: 140px;display:block}
.ftNews .newsUl .newsColumns .newsLsit li.first .imgcont{display:none;}
.ftNews .newsUl .newsColumns .newsLsit li.first .ainfor{display:block;}
.ftNews .newsUl .newsColumns .newsLsit li.top .imgcont{display:block;}
.ftNews .newsUl .newsColumns .newsLsit li.top .ainfor{display:none;}
.ftNews .newsUl .newsColumns .newsLsit li.first .detail{
	display: inline-block;
    width: 68px;
    height: 26px;
    background: url("../images/icons.png") no-repeat 0 -60px;
	margin:10px 0;
}

.ftNews .newsUl .newsColumns .newsLsit li.first .newsName{display: block;position: absolute;bottom: 0;left: 0;right: 0;background: #3c87ed;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)}

/********新闻********/
.singlePageMod{overflow: hidden;margin-bottom: 20px;}

.singlePageMod .asideNav{margin-top: 50px}

.singlePageMod .asideNav ul li{position: relative;margin-bottom:5px;}
.singlePageMod .newslist2 li{height:30px;line-height:30px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;}
.singlePageMod .asideNav ul li i{display: none;width: 11px;height: 11px;background:#fff url("../images/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}
/*改增*/
.smalltit {
    FONT-FAMILY: 黑体, SimHei;
    FONT-SIZE: 14px;
}
.SubMainRight {
    float: left;
    width: 210px;
    margin-left: 20px;
}
.SubMainRightOne {
    margin-bottom: 15px;
}
.SubMainRightOneTitle {
    height:47px;
    margin-bottom: 6px;
}
.SubMainRightOneTitle ul li {
    height: 47px;
    line-height:40px;
    text-align: center;
    font-size: 16px;
    background-color: #f7f7f7;
    background: url(../images/aboutus/kuang.png) no-repeat;
}
.SubMainRightOneTitle ul li a {
    color: #fff;
}
.SubMainRightOneCtn ul li a {
    line-height: 38px;
    height: 38px;
    margin-bottom: 5px;
    background-color: #f7f7f7;
    padding-left: 70px;
    display: block;
    background-repeat: no-repeat;
    background-position: 15px;
	font-size:12px;
	color:#333;
}
.SubMainRightOneCtn ul li a:hover {
    background-color: #3c87ed;
	color:#fff;
}
.SubMainRightTwo {
    margin-bottom: 15px;
}
.SubMainRightTwoTitle {
    background-image:url(../images/brand/sub_10.jpg);
    background-repeat: no-repeat;
    background-position: center bottom;
    font-size: 16px;
    line-height: 35px;
    font-weight: bold;
    margin-bottom: 10px;
    padding-bottom: 5px;
}
.more2 {
    float: right;
    font-size: 12px;
    font-weight: normal;
}
.more2 a {
    color: #3C87ED;
}
.newslist2 li {
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #ededed;
    line-height: 28px;
}
/**/
.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: 20px;display: block;width:240px;height: 160px;float: left;    overflow: hidden;}

.news .newsLsit li .figure a:first-child{margin-left: 0px;}

.news .newsLsit li .figure a img{width:240px;height:160px}

.news .newsLsit li .figure a:hover img{webkit-transform: scale(1.2);-moz-transform: scale(1.2);transform: scale(1.2);}

.news .newsMain{}

.news .newsMain h2{font-size: 25px;color: #3d3d3d;text-align: center;font-weight: normal}

.news .newsMain .newsInfo{color: #9d9d9d;font-size: 12px;text-align: center}

.news .newsMain .newsInfo span{margin-right: 15px}

.news .newsMain .textHd{background: #f8f8f8;padding: 40px 0}

.news .newsMain .text{color: #9d9d9d}

.news .newsMain .text p{padding-top: 20px;text-indent: 28px;font-size: 14px;line-height: 24px}
.news .newsMain .text p a{border-bottom: 1px dotted #49b44f;}
.news .newsMain .text p a:hover{border:0;text-decoration:underline}

.news .nextAndPrev{border-top: 1px solid #e5e5e5;padding-top: 30px}

.news .nextAndPrev em{padding: 5px 10px; float:left;}
.news .nextAndPrev a{display: block;padding: 5px 15px;border: 1px solid #e5e5e5;color: #9d9d9d; float:right;}

.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{width: 880px;
    min-height: 1145px;
    padding: 0 20px;
    margin-top: 50px;
    border-right: 1px solid #eee;}
.singleTab .singleTab{ margin-top:0px;}
	
	
.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{}
.singcont{width:840px;}
.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/arrow-up.png") no-repeat}
.jobOl li.jobArrow i{*display: inline}
.jobOl li.jobArrow.on i{background:url("../images/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/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: 235px;height: 295px;}
.qualification ul li img{width: 235px;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 20px;display: block}

.productTab li.select{background: #3c87ed;color: #fff}

.productTab li.select a{color: #fff}

.ProductList{clear: both;width: 100%;position: relative;}

.ProductList li{float: left}

.team .ProductList li{width: 240px;height: 200px;float: left;margin-right:30px;margin-top: 10px;overflow: hidden}

.team .ProductList li img{width: 240px;height: 200px;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;margin:0 auto;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: 45%;text-align: left;padding-top: 15px;margin-left:26px;}

.wxCase .caseList li a{text-decoration: underline}

.service{width:840px;}

.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/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/dotline.png") repeat-y top center}

.articleTimeLine h2{width: 72px;height: 72px;background:#fff url("../images/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: 800px;margin:0 auto;}

.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: 800px;height: 475px}

.showImg .title{text-align: center;padding: 8px 0}

.showImg .smallImg{width:800px;overflow: hidden}

.showImg ol li{float: left;width:82px;height: 62px;border: 1px solid #e3e3e3;margin-right: 5px}

.showImg ol li.on{border-color: #49b44f}

.showImg ol li img{width: 80px;height: 62px}

.fixedBar{width: 100px;position: fixed;bottom:115px;z-index: 999;right: 0}
.fixedBar ul>li{width: 100px;background: url("../images/darkrbga.png") repeat;margin-bottom: 5px;height:80px;    overflow: hidden;}
.fixedBar ul li.video{height: 80px;background: url("../images/fixedVideoBtn.png") no-repeat top center;background-size: 100% 100%;background-size: cover;text-align: center;padding: 0}
.fixedBar ul li.video a{   color: #019b09;padding-top: 10px;display: block;font-size: 14px;padding-top: 5px;}
.fixedBar ul>li i{display: block;width: 30px;height: 30px;background: url("../images/sprite.png") no-repeat 0 -1057px;margin: 0 auto}
.fixedBar ul li.chat a{padding: 0;margin: 0；    overflow: hidden;display:block}
.fixedBar ul li.chat i{background: url("../images/qqchat.gif") no-repeat;display: block;height: 80px;width: 100%;margin: 0;padding: 0}
.fixedBar ul li.phone i{background-position: 0 -1540px;}
.fixedBar ul li.phone:hover i{background-position:-30px -1540px}
.fixedBar ul li.video i{background-position: 0 -1330px;width:40px;height:40px}

.fixedBar ul li .text{display: block;text-align: center;color: #fff;font-size: 14px;margin-top: 5px;    line-height: 16px;}
.fixedBar ul li.video:hover i{background-position: -40px -1330px}
.fixedBar ul li:hover .text{color:#49b44f}
.fixedBar ul li a{padding-top: 9px;display: block;}

.fixedBar ul li.trialBtn {background:#fff9cb}
.fixedBar ul li.trialBtn a{color: #fc6120;padding-top:6px}
.fixedBar ul li.trialBtn a i{width: 39px;height: 48px;background: url("../images/trialBg.png") top center no-repeat}
.fixedBar ul li.trialBtn a .text{display: block;text-align: center;color: #fc6120}

.fixedBar ul li.moved{background: #fff;}
.fixedBar ul li.moved a{display: block;background: url("../images/moved.png") no-repeat top center;height: 100%}
.fixedBar ul li.anniversary-3{background: #ffdee1 url("../images/anniversary-3Bg.png") no-repeat}
.fixedBar ul li.anniversary-3 i{width: 26px;height: 26px;background: url("../images/year3.png") no-repeat;margin-top: 5px}
.fixedBar ul li.anniversary-3 .scrollText{height: 18px;overflow: hidden;width: 100%;text-align: center;margin-top: 10px;color: #ee3131}

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


.qrWindow{width: 100%;height: 100%;position: fixed;top: 0;right: 0;left: 0;bottom:0;background: url("../images/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/qrbg.png") no-repeat}
.qrWindow .qrMain .xClosed{position: absolute;right: -60px;top: 0;width: 53px;height: 53px;background: url("../images/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}

.indexTab{
   margin-bottom:20px;
}
.message{width: 1120px;margin: 0 auto;padding:30px 0;}
.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:#3c87ed;color: #fff;line-height: 22px;}
.message .table table .buyNow{*display: inline}
.message .table table td i{color:#f60}
.message .infoDesc{margin-top: 15px}
.message .infoDesc h3{font-size: 18px;color: #f60;font-weight: normal;padding: 10px 0}
.message .infoDesc p{color: #9d9d9d;line-height: 22px}
.txYun{width:1120px;padding:10px 0 30px 0;}
.txYun .topBanner{border: 1px solid #eee}
.txYun .topBanner img{width:100%}
.yunList{margin-right: -30px}
.yunList .prodOne{float: left;margin: 30px 30px 0 0;width:351px;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/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:#f60;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:#3c87ed;color: #fff;padding: 0 15px;line-height: 22px;border-radius: 10px;font-size: 14px}
.payWay{width: 800px;margin: 0 auto}
.payWay .payInfo{}
.payWay .payInfo ul li{border: 1px solid #eee;margin-top: 15px}
.payWay .payInfo ul li .flImg{display: inline-block;width: 300px;border-right: 1px solid #eee}
.payWay .payInfo ul li .flImg{*display: inline}
.payWay .payInfo ul li .textDesc{display: inline-block;vertical-align: middle;margin-left: 30px}
.payWay .payInfo ul li .textDesc{*display: inline}
.payWay .payInfo ul li .textDesc p{display: inline;line-height: 22px;}
.payWay .payDesc{font-size: 14px}
.payWay .payDesc h3{font-size: 14px;color: #49b44f;font-weight: normal;padding: 15px 0}
.payWay .payDesc p{font-size: 14px;line-height: 22px}

 /*20160111 新增新闻详情页升级公告提示样�?BY tanytree（董林） */
.news .newsMain .upgradeTip{line-height: 24px;font-size: 14px;padding: 10px 0;text-align: center;background: #fbf8e4;border: 1px solid #f1eab6;    margin-bottom: 15px;}
.news .newsMain .upgradeTip p{padding: 0 10px;margin: 0;color: #866037}
.news .newsMain .upgradeTip p em{color: #f60}

 /*20160111 11 窗口滚动后导航悬浮，高度变小 BY tanytree（董林） */
 .fixedStyle {z-index:999}
.fixedStyle .top{display: none}
.fixedStyle .navAndLogo{position: fixed;padding: 0;margin: 0;background:#fff;background: rgba(255,255,255,.95);width: 100%;min-width:1210px;width:expression_r(document.body.clientWidth < 1210? "1210": "auto" );top: 0;z-index: 9;border-bottom: 1px solid #f1f1f1;*border-bottom: 1px solid #ddd;}
.fixedStyle .navAndLogo .logo{left: 50px; margin-top:0px;}
.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{z-index: 1000;background: url("../images/backtop.png") no-repeat top center;width: 94px;height: 94px;display: block;position: fixed;right: 5px;bottom: 20px;display: none}

.topTip{margin-bottom: 30px}
.topTip p{text-align: center;background: #fff3c3;font-size: 14px;color: #e39b00;padding: 12px 0;}


.scrollNews{background: #fff08b}
.scrollNews .more{height: 40px;line-height: 40px;padding: 0 15px;font-size: 12px;color: #ff7e00}
.scrollNews .notificationIcon {width: 22px;height: 40px; margin-right:15px;background: url("../images/notificationIcon.png") no-repeat center center}
.scrollNews .scrollText{overflow: hidden;height: 40px}
.scrollNews .scrollText li a{height: 40px;display: block;line-height: 40px;font-size: 12px;color: #ff7e00}
.scrollNews .scrollText li a:hover{text-decoration: underline}


.year3Window{width: 700px;height: 500px;display: none;left: 50%;margin-left: -350px;top: 200px;position: fixed;cursor:pointer}
.year3Window .xClosed{position: absolute;right: 0;top: 0;width: 50px;height: 50px;background: url("../images/year3/xClosed.png") no-repeat}
.year3Window .tit3year{position: absolute;top: 16px;left: 50%;margin-left: -90px}
.year3Window .bigBg{position: absolute;top: 157px;left: 50%;margin-left: -320px}
.year3Window .upText{position: absolute;top: 161px;left: 50%;margin-left: -325px}
.year3Window .downText{position: absolute;top: 233px;left: 50%;margin-left: -320px}
.year3Window .timeSet{    position: absolute;
    width: 700px;
    top: 338px;
    left: 84px;}
.timeSet span.tit{font-size: 25px;color: #fff}




.timeIcon{ float: left; width:300px;}
.timeIcon i{ width: 41px;
    vertical-align: middle;
    height: 30px;
    display: inline-block;
    font-size: 25px;
    color: #333;
    text-align: center;
    line-height: 30px;
    font-weight: bold;
    background: url(../../images/www/year3/timeBg.png);
    word-spacing: 10px;
    letter-spacing: 7px;
    padding-left: 6px; }
.timeIcon em{display: inline-block; font-size: 13px; color:#333333;  width:22px; height:30px;text-align: center; line-height: 30px;     vertical-align: middle;}
.timeIcon em{*display: inline;}

.year3Window .places{position: absolute;width: 270px;height: 40px;line-height: 40px;background: url("../images/year3/tipBg.png") no-repeat top center;font-size: 20px;color: #460a27;text-align: center;bottom: 77px;
    left: 50%;
    margin-left: -156px;}
.year3Window .places em{color: #f30d0d}
 /*20160620  底部手机号码提示输入框 BY tanytree（董林） */

.benefit{    background: url("../images/benefitBg.png") no-repeat top center;
    width: 450px;
    height: 190px;
    position: fixed;
    top: 50%;
    z-index: 999;
    margin-top: -95px;
    left: 50%;
    margin-left: -225px;display:none}
.benefit .xclosed{width:23px;height: 23px;overflow: hidden;background: url("../images/ftClosed.png") no-repeat;position: absolute;top: 10px;right: 10px}
.benefit .row{margin-top: 120px;text-align: center}

.benefit .row input{width: 150px;height: 50px;line-height: 50px;padding-left: 14px;border-radius: 40px 0 0 40px;border: 0;font-size: 16px}
.benefit .row button{height: 50px;width: 124px;line-height: 50px;background: #ffe400;text-align: center;border-radius: 0 40px 40px 0;border: 0;  vertical-align: middle;font-size: 20px;color: #695405;cursor: pointer}

.benefit .row a{    width: 115px;  display: inline-block;  background: #10cdaa;  border: 2px solid #fff;  border-radius: 50px;  height: 46px;  line-height: 46px;  vertical-align: middle;  margin-left: 15px;  color: #fff;  font-size: 16px;}
.benefit .row a{*display: inline}
.benefit .row a i{display:inline-block;width: 25px;height: 25px;background: url("../images/benefitQQ.png") no-repeat;vertical-align: middle;margin-right: 5px}
.benefit .row a i{*display:inline}

.bounceInShow{
-webkit-animation:bounceIn 1s .2s ease both;
-moz-animation:bounceIn 1s .2s ease both;}
@-webkit-keyframes bounceIn{
0%{opacity:0;
-webkit-transform:scale(.3)}
50%{opacity:1;
-webkit-transform:scale(1.05)}
70%{-webkit-transform:scale(.9)}
100%{-webkit-transform:scale(1)}
}
@-moz-keyframes bounceIn{
0%{opacity:0;
-moz-transform:scale(.3)}
50%{opacity:1;
-moz-transform:scale(1.05)}
70%{-moz-transform:scale(.9)}
100%{-moz-transform:scale(1)}
}
.swingShow{
-webkit-animation:swing 1s .2s ease both;
-moz-animation:swing 1s .2s ease both;}
@-webkit-keyframes swing{
20%,40%,60%,80%,100%{-webkit-transform-origin:top center}
20%{-webkit-transform:rotate(15deg)}
40%{-webkit-transform:rotate(-10deg)}
60%{-webkit-transform:rotate(5deg)}
80%{-webkit-transform:rotate(-5deg)}
100%{-webkit-transform:rotate(0deg)}
}
@-moz-keyframes swing{
20%,40%,60%,80%,100%{-moz-transform-origin:top center}
20%{-moz-transform:rotate(15deg)}
40%{-moz-transform:rotate(-10deg)}
60%{-moz-transform:rotate(5deg)}
80%{-moz-transform:rotate(-5deg)}
100%{-moz-transform:rotate(0deg)}
}

    /*/动画/*/
.wxBanner .wxbigtext,.wxBanner .sybigtext,.wxBanner .o2obigtext,.wxBanner .cmsbigtext{-webkit-animation:zoomInDown 1.5s 0s ease both;-moz-animation:zoomInDown 1.5s 0s ease both;animation:zoomInDown 1.5s 0s ease both;}

.wxBanner .wxsmalltext,.wxBanner .sysmalltext,.wxBanner .o2osmalltext{-webkit-animation:bounceInDown 1s .8s ease both;-moz-animation:bounceInDown 1s .8s ease both;animation:bounceInDown 1s .8s ease both;}

.wxBanner .wxman{-webkit-animation:rotateInDownLeft 1s 1s ease both;-moz-animation:rotateInDownLeft 1s 1s ease both;animation:rotateInDownLeft 1s 1s ease both;}

.wxBanner .wxcloud{-webkit-animation: moveLeft 15s 3.5s infinite linear normal both;-moz-animation: moveLeft 15s 3.5s infinite linear normal both;animation: moveLeft 15s 3.5s infinite linear normal both;}

.wxBanner .syicon{-webkit-animation:flipInY 1s .8s ease both;-moz-animation:flipInY 1s .8s ease both;animation:flipInY 1s .8s ease both;}

.wxBanner .earth{-webkit-animation:rotate 2s 0s infinite linear normal forwards;-moz-animation:rotate 2s 0s infinite linear normal forwards;animation:rotate 2s 0s infinite linear normal forwards;}

.wxBanner .yellowtip{-webkit-animation:fadeInUp 1s 1.8s ease both;-moz-animation:fadeInUp 1s 1.8s ease both;animation:fadeInUp 1s 1.8s ease both;}

.wxBanner .boat{-webkit-animation:feichi 2s 1s infinite linear normal none ;-moz-animation:feichi 2s 1s infinite linear normal none ;animation:feichi 2s 1s infinite linear normal none ;z-index: 9}

.wxBanner .balloon0{-webkit-animation: moveLeft 15s 3.5s infinite linear normal both;-moz-animation: moveLeft 15s 3.5s infinite linear normal both;animation: moveLeft 15s 3.5s infinite linear normal both;}

.wxBanner .balloon1{-moz-animation: moveRight 15s 1.5s infinite linear normal backwards;-webkit-animation: moveRight 15s 1.5s infinite linear normal backwards;animation: moveRight 15s 1.5s infinite linear normal backwards;}

.wxBanner .box{-webkit-animation:dn50 1s 2s ease both;-moz-animation:dn50 1s 2s ease both;animation:dn50 1s 2s ease both;}

.wxBanner .buliding{-webkit-animation:lt50 1s 2s ease both;-moz-animation:lt50 1s 2s ease both;animation:lt50 1s 2s ease both;}

.wxBanner .buliding1{-webkit-animation:dn50 1s 2s ease both;-moz-animation:dn50 1s 2s ease both;animation:dn50 1s 2s ease both;}

.wxBanner .car{-webkit-animation:lt50 1s 2s ease both;-moz-animation:lt50 1s 2s ease both;animation:lt50 1s 2s ease both;}

.wxBanner .o2ocloud0{-moz-animation: moveRight 15s .5s infinite linear normal backwards;-webkit-animation: moveRight 15s .5s infinite linear normal backwards;animation: moveRight 15s .5s infinite linear normal backwards;}

.wxBanner .o2ocloud1{-webkit-animation:flying 1s .8s ease both infinite;-moz-animation:flying 1s .8s ease both infinite;animation:flying 1s .8s ease both infinite;}

.wxBanner .plane{-webkit-animation:rotateInUpLeft 1s 2s ease both;-moz-animation:rotateInUpLeft 1s 2s ease both;animation:rotateInUpLeft 1s 2s ease both;}

.wxBanner .pylon0{-webkit-animation:dn50 1s 2s ease both;-moz-animation:dn50 1s 2s ease both;animation:dn50 1s 2s ease both;}

.wxBanner .pylon1{-webkit-animation:dn50 1s 2s ease both;-moz-animation:dn50 1s 2s ease both;animation:dn50 1s 2s ease both;}

.wxBanner .tree{-webkit-animation:rt50 1s 2s ease both;-moz-animation:rt50 1s 2s ease both;animation:rt50 1s 2s ease both;}

.wxBanner .windmill{-webkit-animation:dn50 1s 2.3s ease both;-moz-animation:dn50 1s 2.3s ease both;animation:dn50 1s 2.3s ease both;}

.wxBanner .windmill1{-webkit-animation:dn50 1s 2s ease both;-moz-animation:dn50 1s 2s ease both;animation:dn50 1s 2s ease both;}

.wxBanner .cms0{-webkit-animation:zoomInDown 1s .8s ease both;-moz-animation:zoomInDown 1s .8s ease both;animation:zoomInDown 1s .8s ease both;}

.wxBanner .cms2{-webkit-animation:zoomInDown 1s 1s ease both;-moz-animation:zoomInDown 1s 1s ease both;animation:zoomInDown 1s 1s ease both;}

.wxBanner .cms1{-webkit-animation:zoomInDown 1s 1.2s ease both;-moz-animation:zoomInDown 1s 1.2s ease both;animation:zoomInDown 1s 1.2s ease both;}

.wxBanner .rocket{-webkit-animation:bounceInUp 1s .8s ease both;-moz-animation:bounceInUp 1s .8s ease both;animation:bounceInUp 1s .8s ease both;}
.wxBanner .wsTit{-webkit-animation:rotateInDownRight 1s .8s ease both;-moz-animation:rotateInDownRight 1s .8s ease both;animation:rotateInDownRight 1s .8s ease both;}
.wxBanner .wsSubTit{-webkit-animation:lightSpeedIn 1s 1.2s ease both;-moz-animation:lightSpeedIn 1s 1.2s ease both;animation:lightSpeedIn 1s 1.2s ease both;}

.otherPage .mianImg img.pageimg0{-webkit-animation:bounceInLeft 1s 2.2s ease both;-moz-animation:bounceInLeft 1s 2.2s ease both;animation:bounceInLeft 1s 2.2s ease both;}

.otherPage .mianImg img.pageimg1{-webkit-animation:bounceInLeft 1s 1.5s ease both;-moz-animation:bounceInLeft 1s 1.5s ease both;animation:bounceInLeft 1s 1.5s ease both;}

.otherPage .mianImg img.pageimg2{-webkit-animation:bounceInLeft 1s 1.8s ease both;-moz-animation:bounceInLeft 1s 1.8s ease both;animation:bounceInLeft 1s 1.8s ease both;}

.otherPage .mianImg img.pageimg3{-webkit-animation:fadeInRight 1s 2s ease both;-moz-animation:fadeInRight 1s 2s ease both;animation:fadeInRight 1s 2s ease both;}

.otherPage .mianImg img.pageimg4{-webkit-animation:pulse 4s .8s ease both infinite;-moz-animation:pulse 4s .8s ease both infinite;animation:pulse 4s .8s ease both infinite;}

.otherPage .mianImg img.pageimg5{-webkit-animation:zoomInUp 1.5s 1s ease both;-moz-animation:zoomInUp 1.5s .8s ease both;animation:zoomInUp 1.5s 1s ease both;}


.wxBanner .s0{    -webkit-animation: zoomInDown 1.5s 0s ease both;
    -moz-animation: zoomInDown 1.5s 0s ease both;
    animation: zoomInDown 1.5s 0s ease both;}
.wxBanner .s1{    -webkit-animation: bounceInLeft 1s 1s ease both;
    -moz-animation: bounceInLeft 1s 1s ease both;
    animation: bounceInLeft 1s 1s ease both;}
.wxBanner .s2{    -webkit-animation: flipInY 1s .8s ease both;
    -moz-animation: flipInY 1s .8s ease both;
    animation: flipInY 1s .8s ease both;}
.wxBanner .s4{-webkit-animation:fadeInUp 2.5s 0s ease both;-moz-animation:fadeInUp 2.5s 0s ease both;animation:fadeInUp 2.5s 0s ease both;}
.wxBanner .s3{-webkit-animation:fadeInUp 2s 0.2s ease both;-moz-animation:fadeInUp 2s 0.2s ease both;animation:fadeInUp 2s 0.2s ease both;}

.wxBanner .ss-floatText {
    -webkit-animation: feichi 10s 0s infinite linear normal none;
    -moz-animation: feichi 10s 0s infinite linear normal none;
    animation: feichi 10s 0s infinite linear normal none;
}
.wxBanner .ss-bigText{-webkit-animation:zoomInDown 1.5s .5s ease both;-moz-animation:zoomInDown 1.5s .5s ease both;animation:zoomInDown 1.5s .5s ease both;}
.wxBanner .ss-minText{-webkit-animation:fadeInUp 1s 1s ease both;-moz-animation:fadeInUp 1s 1s ease both;animation:fadeInUp 1s 1s ease both;}
.wxBanner .ss-m{-webkit-animation:bounceInUp 1s 0s ease both;-moz-animation:bounceInUp 1s 0s ease both;animation:bounceInUp 1s 0s ease both;}
.wxBanner .ss-plane{-webkit-animation:fadeInRight 2s 1.5s ease both;-moz-animation:fadeInRight 2s 1.5s ease both;animation:fadeInRight 2s 1.5s ease both;}

.wxBanner .cmssmalltext{-webkit-animation: bounceInLeft 1s 1s ease both;
    -moz-animation: bounceInLeft 1s 1s ease both;
    animation: bounceInLeft 1s 1s ease both;}
.wxBanner .targetBtn{-webkit-animation:zoomInUp 1s .5s ease both;-moz-animation:zoomInUp 1s .5s ease both;animation:zoomInUp 1s .5s ease both;}

.fixedBar ul li.anniversary-3 i{-webkit-animation:spin 2s 0s infinite linear normal forwards;-moz-animation:spin 2s 0s infinite linear normal forwards;animation:spin 2s 0s infinite linear normal forwards;}

.year3Window .tit3year{-webkit-transform-origin: top left;  transform-origin: top left;-webkit-animation:swing 1s .5s ease both;-moz-animation:swing 1s .5s ease both;animation:swing 1s .5s ease both;}
.year3Window .upText{-webkit-animation:zoomInDown 1.5s .0s ease both;-moz-animation:zoomInDown 1.5s .0s ease both;animation:zoomInDown 1.5s .0s ease both;}
.year3Window .downText{-webkit-animation:zoomInUp 1.5s 0s ease both;-moz-animation:zoomInUp 1.5s .0s ease both;animation:zoomInUp 1.5s 0s ease both;}
.year3Window .timeSet{-webkit-animation:bounceInUp 1s .0s ease both;-moz-animation:bounceInUp 1s .0s ease both;animation:bounceInUp 1s .0s ease both;}
.year3Window .places{-webkit-animation:bounceInUp 1s .5s ease both;-moz-animation:bounceInUp 1s .5s ease both;animation:bounceInUp 1s .5s ease both;}
.year3Window .bigBg{-webkit-animation:fadeInUp 5s 0s ease both;-moz-animation:fadeInUp 5s 0s ease both;animation:fadeInUp 5s 0s ease both;}



.banner-b .b-1{-webkit-animation:bounceInLeft 1.5s 0s ease both;-moz-animation:bounceInLeft 1.5s 0s ease both;animation:bounceInLeft 1.5s 0s ease both;}
.banner-b .b-2{-webkit-animation:bounceInRight 1.5s 0s ease both;-moz-animation:bounceInRight 1.5s 0s ease both;animation:bounceInRight 1.5s 0s ease both;}
.banner-b .b-3{-webkit-animation:fadeInDown 1s 0s ease both;-moz-animation:fadeInDown 1s 0s ease both;animation:fadeInDown 1s 0s ease both;}
.banner-b .b-s{-webkit-animation: zoomInDown 1.2s  ease both;animation: zoomInDown 1.2s  ease both;}
.banner-b .b-s-1{-webkit-animation-delay: 1s;animation-delay: 1s;}
.banner-b .b-s-2{-webkit-animation-delay: 0s;animation-delay: 0s;}
.banner-b .b-s-3{-webkit-animation-delay: .6s;animation-delay: .6s;}
.banner-b .b-s-4{-webkit-animation-delay: .8s;animation-delay: .8s;}
.banner-b .b-s-5{-webkit-animation-delay: 1.5s;animation-delay: 1.5s;}
.banner-b .b-s-6{-webkit-animation-delay: .5s;animation-delay: .5s;}

.banner-b .b-y-1{-moz-animation: moveRight 15s 4s infinite linear normal backwards;-webkit-animation: moveRight 15s 4s infinite linear normal backwards;animation: moveRight 15s 4s infinite linear normal backwards;}
.banner-b .b-y-2{-webkit-animation: moveLeft 15s 0s infinite linear normal both;-moz-animation: moveLeft 15s 0s infinite linear normal both;animation: moveLeft 15s 0s infinite linear normal both;}
.banner-b .b-y-3{-moz-animation: moveRight 15s 0s infinite linear normal backwards;-webkit-animation: moveRight 15s 0s infinite linear normal backwards;animation: moveRight 15s 0s infinite linear normal backwards;}



/*动画库*/
@-webkit-keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@-webkit-keyframes bounceInRight {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0);
    }

    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }

    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0);
    }

    to {
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes bounceInRight {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0);
    }

    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }

    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0);
    }

    to {
        -webkit-transform: none;
        transform: none;
    }
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg);
    }

    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg);
    }

    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg);
    }

    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg);
    }

    to {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg);
    }

    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg);
    }

    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg);
    }

    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg);
    }

    to {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
}
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotateY(0deg) rotateX(0deg);
        transform: rotateY(0deg) rotateX(0deg);
    }

    50% {
        -webkit-transform: rotateY(-180deg) rotateX(0deg);
        transform: rotateY(-180deg) rotateX(0deg);
    }

    100% {
        -webkit-transform: rotateY(-360deg) rotateX(0deg);
        transform: rotateY(-360deg) rotateX(0deg);
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotateY(0deg) rotateX(0deg);
        transform: rotateY(0deg) rotateX(0deg);
    }

    50% {
        -webkit-transform: rotateY(-180deg) rotateX(0deg);
        transform: rotateY(-180deg) rotateX(0deg);
    }

    100% {
        -webkit-transform: rotateY(-360deg) rotateX(0deg);
        transform: rotateY(-360deg) rotateX(0deg);
    }
}
@-webkit-keyframes flip{
    0%{-webkit-transform:perspective(400px) rotateY(0);
        -webkit-animation-timing-function:ease-out}
    40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg);
        -webkit-animation-timing-function:ease-out}
    50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -webkit-animation-timing-function:ease-in}
    80%{-webkit-transform:perspective(400px) rotateY(360deg) scale(1);
        -webkit-animation-timing-function:ease-in}
    100%{-webkit-transform:perspective(400px) scale(1);
        -webkit-animation-timing-function:ease-in}
}
@-moz-keyframes flip{
    0%{-moz-transform:perspective(400px) rotateY(0);
        -moz-animation-timing-function:ease-out}
    40%{-moz-transform:perspective(400px) translateZ(150px) rotateY(170deg);
        -moz-animation-timing-function:ease-out}
    50%{-moz-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -moz-animation-timing-function:ease-in}
    80%{-moz-transform:perspective(400px) rotateY(360deg) scale(1);
        -moz-animation-timing-function:ease-in}
    100%{-moz-transform:perspective(400px) scale(1);
        -moz-animation-timing-function:ease-in}
}
@-webkit-keyframes fadeInRight{0%{opacity: 0;-webkit-transform: translateX(20px);}

100%{opacity: 1;-webkit-transform: translateX(0);}}

@-moz-keyframes fadeInRight{0%{opacity: 0;-moz-transform: translateX(20px);}

100%{opacity: 1;-moz-transform: translateX(0);}}

@-o-keyframes fadeInRight{0%{opacity: 0;-o-transform: translateX(20px);}

100%{opacity: 1;-o-transform: translateX(0);}}

@keyframes fadeInRight{0%{opacity: 0;transform: translateX(20px);}

100%{opacity: 1;transform: translateX(0);}}

@-webkit-keyframes bounceInLeft{0%{opacity: 0;-webkit-transform: translateX(-2000px);}

60%{opacity: 1;-webkit-transform: translateX(30px);}

80%{-webkit-transform: translateX(-10px);}

100%{-webkit-transform: translateX(0);}}

@-moz-keyframes bounceInLeft{0%{opacity: 0;-moz-transform: translateX(-2000px);}

60%{opacity: 1;-moz-transform: translateX(30px);}

80%{-moz-transform: translateX(-10px);}

100%{-moz-transform: translateX(0);}}

@-o-keyframes bounceInLeft{0%{opacity: 0;-o-transform: translateX(-2000px);}

60%{opacity: 1;-o-transform: translateX(30px);}

80%{-o-transform: translateX(-10px);}

100%{-o-transform: translateX(0);}}

@keyframes bounceInLeft{0%{opacity: 0;transform: translateX(-2000px);}

60%{opacity: 1;transform: translateX(30px);}

80%{transform: translateX(-10px);}

100%{transform: translateX(0);}}

@-webkit-keyframes zoomInUp{0%{opacity: 0;-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);}

60%{opacity: 1;-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);}}

@keyframes zoomInUp{0%{opacity: 0;-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);}

60%{opacity: 1;-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);}}

@-webkit-keyframes pulse{0%{-webkit-transform: scale(1);}

50%{-webkit-transform: scale(1.1);}

100%{-webkit-transform: scale(1);}}

@-moz-keyframes pulse{0%{-moz-transform: scale(1);}

50%{-moz-transform: scale(1.1);}

100%{-moz-transform: scale(1);}}

@-o-keyframes pulse{0%{-o-transform: scale(1);}

50%{-o-transform: scale(1.1);}

100%{-o-transform: scale(1);}}

@keyframes pulse{0%{transform: scale(1);}

50%{transform: scale(1.1);}

100%{transform: scale(1);}}

@-webkit-keyframes dn50{0%{opacity:0;-webkit-transform:translateY(-50px);}

100%{opacity:1;-webkit-transform:translateY(0);}}

@-moz-keyframes dn50{0%{opacity:0;-moz-transform:translateY(-50px);}

100%{opacity:1;-moz-transform:translateY(0);}}

@keyframes dn50{0%{opacity:0;transform:translateY(-50px);}

100%{opacity:1;transform:translateY(0);}}

/* 向左滑动*/@-webkit-keyframes lt50{0%{opacity:0;-webkit-transform:translateX(50px);}

100%{opacity:1;-webkit-transform:translateY(0);}}

@-moz-keyframes lt50{0%{opacity:0;-moz-transform:translateX(50px);}

100%{opacity:1;-moz-transform:translateY(0);}}

@keyframes lt50{0%{opacity:0;transform:translateX(50px);}

100%{opacity:1;transform:translateY(0);}}

/* 向右滑动*/@-webkit-keyframes rt50{0%{opacity:0;-webkit-transform:translateX(-50px);}

100%{opacity:1;-webkit-transform:translateY(0);}}

@-moz-keyframes rt50{0%{opacity:0;-moz-transform:translateX(-50px);}

100%{opacity:1;-moz-transform:translateY(0);}}

@keyframes rt50{0%{opacity:0;transform:translateX(-50px);}

100%{opacity:1;transform:translateY(0);}}

@-webkit-keyframes fadeInUp{0%{opacity: 0;-webkit-transform: translateY(20px);}

100%{opacity: 1;-webkit-transform: translateY(0);}}

@-moz-keyframes fadeInUp{0%{opacity: 0;-moz-transform: translateY(20px);}

100%{opacity: 1;-moz-transform: translateY(0);}}

@-o-keyframes fadeInUp{0%{opacity: 0;-o-transform: translateY(20px);}

100%{opacity: 1;-o-transform: translateY(0);}}

@keyframes fadeInUp{0%{opacity: 0;transform: translateY(20px);}

100%{opacity: 1;transform: translateY(0);}}

@-webkit-keyframes rotate{from{-webkit-transform:rotate(0deg)}

to{-webkit-transform:rotate(360deg)}}

@-moz-keyframes rotate{from{-moz-transform:rotate(0deg)}

to{-moz-transform:rotate(360deg)}}

@-ms-keyframes rotate{from{-ms-transform:rotate(0deg)}

to{-ms-transform:rotate(360deg)}}

@-o-keyframes rotate{from{-o-transform:rotate(0deg)}

to{-o-transform:rotate(360deg)}}

@-webkit-keyframes feichi{0%{left:1000px;}

100%{left:0px;}}

@-moz-keyframes feichi{0%{left:1000px;}

100%{left:0px;}}

@keyframes feichi{0%{left:1000px;}

100%{left:0px;}}

@keyframes flying{0%{margin-top: 0px;}

50%{margin-top: 6px;}

100%{margin-top: 0px;}}

@-webkit-keyframes flying{0%{margin-top: 0px;}

50%{margin-top: 6px;}

100%{margin-top: 0px;}}

@-moz-keyframes flying{0%{margin-top: 0px;}

50%{margin-top: 6px;}

100%{margin-top: 0px;}}

@-webkit-keyframes moveRight{0%{opacity: 0;left:0px;}

10%{opacity: 1;}

100%{opacity: 1;left:550px;}}

@-moz-keyframes moveRight{0%{opacity: 0;left:0px;}

10%{opacity: 1;}

100%{opacity: 1;left:550px;}}

@keyframes moveRight{0%{opacity: 0;left:0px;}

10%{opacity: 1;}

100%{opacity: 1;left:550px;}}

@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform-origin: left bottom;-webkit-transform: rotate(90deg);opacity: 0;}

100%{-webkit-transform-origin: left bottom;-webkit-transform: rotate(0);opacity: 1;}}

@-moz-keyframes rotateInUpLeft{0%{-moz-transform-origin: left bottom;-moz-transform: rotate(90deg);opacity: 0;}

100%{-moz-transform-origin: left bottom;-moz-transform: rotate(0);opacity: 1;}}

@-o-keyframes rotateInUpLeft{0%{-o-transform-origin: left bottom;-o-transform: rotate(90deg);opacity: 0;}

100%{-o-transform-origin: left bottom;-o-transform: rotate(0);opacity: 1;}}

@keyframes rotateInUpLeft{0%{transform-origin: left bottom;transform: rotate(90deg);opacity: 0;}

100%{transform-origin: left bottom;transform: rotate(0);opacity: 1;}}

@-webkit-keyframes flipInY{0%{-webkit-transform: perspective(400px) rotateY(90deg);opacity: 0;}

40%{-webkit-transform: perspective(400px) rotateY(-10deg);}

70%{-webkit-transform: perspective(400px) rotateY(10deg);}

100%{-webkit-transform: perspective(400px) rotateY(0deg);opacity: 1;}}

@-moz-keyframes flipInY{0%{-moz-transform: perspective(400px) rotateY(90deg);opacity: 0;}

40%{-moz-transform: perspective(400px) rotateY(-10deg);}

70%{-moz-transform: perspective(400px) rotateY(10deg);}

100%{-moz-transform: perspective(400px) rotateY(0deg);opacity: 1;}}

@-o-keyframes flipInY{0%{-o-transform: perspective(400px) rotateY(90deg);opacity: 0;}

40%{-o-transform: perspective(400px) rotateY(-10deg);}


70%{-o-transform: perspective(400px) rotateY(10deg);}

100%{-o-transform: perspective(400px) rotateY(0deg);opacity: 1;}}

@keyframes flipInY{0%{transform: perspective(400px) rotateY(90deg);opacity: 0;}

40%{transform: perspective(400px) rotateY(-10deg);}

70%{transform: perspective(400px) rotateY(10deg);}

100%{transform: perspective(400px) rotateY(0deg);opacity: 1;}}

@-webkit-keyframes moveLeft{0%{opacity:0;left:390px;}

10%{opacity:1;}

100%{opacity:1;left:-370px;}}

@-moz-keyframes moveLeft{0%{opacity:0;left:390px;}

10%{opacity:1;}

100%{opacity:1;left:-370px;}}

@keyframes moveLeft{0%{opacity:0;left:390px;}

10%{opacity:1;}

100%{opacity:1;left:-370px;}}

@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform-origin: left bottom;-webkit-transform: rotate(-90deg);opacity: 0;}

100%{-webkit-transform-origin: left bottom;-webkit-transform: rotate(0);opacity: 1;}}

@-moz-keyframes rotateInDownLeft{0%{-moz-transform-origin: left bottom;-moz-transform: rotate(-90deg);opacity: 0;}

100%{-moz-transform-origin: left bottom;-moz-transform: rotate(0);opacity: 1;}}

@-o-keyframes rotateInDownLeft{0%{-o-transform-origin: left bottom;-o-transform: rotate(-90deg);opacity: 0;}

100%{-o-transform-origin: left bottom;-o-transform: rotate(0);opacity: 1;}}

@keyframes rotateInDownLeft{0%{transform-origin: left bottom;transform: rotate(-90deg);opacity: 0;}

100%{transform-origin: left bottom;transform: rotate(0);opacity: 1;}}

.rotateInDownLeft{-webkit-animation-name: rotateInDownLeft;-moz-animation-name: rotateInDownLeft;-o-animation-name: rotateInDownLeft;animation-name: rotateInDownLeft;}

@-webkit-keyframes zoomInDown{0%{opacity: 0;-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);}

60%{opacity: 1;-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);}}

@keyframes zoomInDown{0%{opacity: 0;-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);}

60%{opacity: 1;-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);}}

@-webkit-keyframes bounceInDown{0%{opacity: 0;-webkit-transform: translateY(-2000px);}

60%{opacity: 1;-webkit-transform: translateY(30px);}

80%{-webkit-transform: translateY(-10px);}

100%{-webkit-transform: translateY(0);}}

@-moz-keyframes bounceInDown{0%{opacity: 0;-moz-transform: translateY(-2000px);}

60%{opacity: 1;-moz-transform: translateY(30px);}

80%{-moz-transform: translateY(-10px);}

100%{-moz-transform: translateY(0);}}

@-o-keyframes bounceInDown{0%{opacity: 0;-o-transform: translateY(-2000px);}

60%{opacity: 1;-o-transform: translateY(30px);}

80%{-o-transform: translateY(-10px);}

100%{-o-transform: translateY(0);}}

@keyframes bounceInDown{0%{opacity: 0;transform: translateY(-2000px);}

60%{opacity: 1;transform: translateY(30px);}

80%{transform: translateY(-10px);}

100%{transform: translateY(0);}}
@-webkit-keyframes bounceInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(-30px);
    }

    80% {
        -webkit-transform: translateY(10px);
    }

    100% {
        -webkit-transform: translateY(0);
    }
}
@-moz-keyframes bounceInUp {
    0% {
        opacity: 0;
        -moz-transform: translateY(2000px);
    }

    60% {
        opacity: 1;
        -moz-transform: translateY(-30px);
    }

    80% {
        -moz-transform: translateY(10px);
    }

    100% {
        -moz-transform: translateY(0);
    }
}

@-o-keyframes bounceInUp {
    0% {
        opacity: 0;
        -o-transform: translateY(2000px);
    }

    60% {
        opacity: 1;
        -o-transform: translateY(-30px);
    }

    80% {
        -o-transform: translateY(10px);
    }

    100% {
        -o-transform: translateY(0);
    }
}

@keyframes bounceInUp {
    0% {
        opacity: 0;
        transform: translateY(2000px);
    }

    60% {
        opacity: 1;
        transform: translateY(-30px);
    }

    80% {
        transform: translateY(10px);
    }

    100% {
        transform: translateY(0);
    }
}
@-webkit-keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(0);
        opacity: 1;
    }
}

@-moz-keyframes rotateInDownRight {
    0% {
        -moz-transform-origin: right bottom;
        -moz-transform: rotate(90deg);
        opacity: 0;
    }

    100% {
        -moz-transform-origin: right bottom;
        -moz-transform: rotate(0);
        opacity: 1;
    }
}

@-o-keyframes rotateInDownRight {
    0% {
        -o-transform-origin: right bottom;
        -o-transform: rotate(90deg);
        opacity: 0;
    }

    100% {
        -o-transform-origin: right bottom;
        -o-transform: rotate(0);
        opacity: 1;
    }
}

@keyframes rotateInDownRight {
    0% {
        transform-origin: right bottom;
        transform: rotate(90deg);
        opacity: 0;
    }

    100% {
        transform-origin: right bottom;
        transform: rotate(0);
        opacity: 1;
    }
}

@-webkit-keyframes lightSpeedIn {
    from {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0;
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1;
    }

    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes lightSpeedIn {
    from {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0;
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1;
    }

    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}


p.fanHui{display:none}

/*新闻*/
.news .textHd {
    background: #f8f8f8;
    padding: 40px 0;
}
.news h2 {
    font-size: 25px;
    color: #3d3d3d;
    text-align: center;
    font-weight: normal;
}
.news .newsInfo {
    color: #9d9d9d;
    font-size: 12px;
    text-align: center;
	position:relative;}
}
.news .newsInfo span {
    margin-right: 15px;
}
.news .text p {
    padding-top: 20px;
    text-indent: 28px;
    font-size: 14px;
    line-height: 24px;
}
.news .nextAndPrev {
    border-top: 1px solid #e5e5e5;
    padding-top: 30px;
	overflow: hidden;
    margin-bottom: 30px;
}
.news .nextAndPrev a.next {
    border-color:#3c87ed;
    color: #fff;
    background: #3c87ed;
}
.news .nextAndPrev a {
    display: block;
    padding: 5px 15px;
    border: 1px solid #e5e5e5;
    color: #9d9d9d;
}
.news .nextAndPrev a:hover {
   background: #3c87ed!important;
   border-color:#3c87ed!important;
}
.mt50 {
    margin-top: 30px;
}
.smalltit{
	FONT-FAMILY: 黑体, SimHei; FONT-SIZE: 14px
}



.zixun-moudle .title h2{ font-size: 38px; color: #3e3a39; text-align:center; font-weight: normal; padding-top:40px;}
.zixun-moudle .title p{ margin-top: 20px; text-align:center; margin-bottom: 50px;}
.zixun-moudle .title p span{ margin-right: 12px;}

.zixun-moudle{font-size: 16px;padding-bottom:40px;}
.zixun-moudle .action-list li{border:0; float:left; border-bottom:solid 1px #e2e2e2;width:570px;height: 72px;line-height:72px;text-align:left;}
.zixun-moudle .action-list li:nth-child(2n-1){margin-right:60px;}
.zixun-moudle .action-list li em{display:inline-block;font-style:normal;margin-right:10px;}
.zixun-moudle .action-list li a{color:#000;}
.zixun-moudle .action-list li i{font-size:30px;float:right;color:#afafaf;}
.zixun-moudle .action-list li i:hover{color:#00a29a}