@charset "utf-8";



body{background: #fff;overflow-x: hidden;min-width:1210px}



.w1100{margin: 0 auto}



.header{position: relative;z-index: 99}



.header .top{background: #f7f7f7;color: #9d9d9d;font-size: 12px;padding: 10px 50px}



.header .top .topNav{}



.header .top .topNav a{color: #9d9d9d;font-size: 12px;margin: 0 15px}



.navAndLogo{    width: 1000px;
    margin: 30px auto;padding: 0 50px;padding-bottom: 0;margin-bottom: 0;}



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



.navAndLogo .bigNav{text-align: center;margin-top: 10px;position: relative;z-index: 1000}



.navAndLogo .bigNav ul li{display: inline-block;margin: 0 20px}



.navAndLogo .bigNav ul li{*display: inline}



.navAndLogo .bigNav ul li a{display: block;font-size: 18px;color: #3d3d3d;padding: 50px 0;padding-top: 0;position: relative}
.navAndLogo .bigNav ul li a.active{
	color:#19ce87;
}


.navAndLogo .bigNav ul li a i{display: none;position: absolute;width: 18px;height: 8px;background: url("img/navArrow.png") no-repeat;bottom: -7px;*bottom: -6px;left: 50%;margin-left: -9px;z-index: 9999999;}



.navAndLogo .bigNav ul li.on a,.navAndLogo .bigNav ul li:hover a,.navAndLogo .bigNav ul li.hover a{color: #2daa3f}

.navAndLogo .bigNav ul li.on a,.navAndLogo .bigNav ul li.x a{color: #2daa3f}

.navAndLogo .bigNav ul li.hover a i,.navAndLogo .bigNav ul li:hover a i{display: block}



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



.navAndLogo .search{border: 1px solid #49b44f;border-radius: 20px;height:38px;}



.navAndLogo .search input[type=text]{border: 0;border-radius: 20px;margin-left: 15px;line-height: 34px;width: 125px;height: 33px;*height: 30px;*line-height: 30px;display: inline-block;vertical-align: middle;*margin-top: -10px}



.navAndLogo .search input[type=text]{*display: inline}



.navAndLogo .search button{background: #49b44f;color: #fff;text-align: center;border-radius: 20px;border: 0;cursor: pointer;height: 30px;line-height: 30px;padding: 0 15px;margin: 4px 4px 0 0;}



.subNav{position: absolute;left: 0;right: 0;top: 151px;padding: 30px 0;background:url("img/subnavbg.png") repeat;text-align: center;display: none}

@media screen and (-webkit-min-device-pixel-ratio:0) {.subNav{top:150px} }

.subNav .row{display: none}



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



.subNav li{*display: inline}



.subNav li a{display: block}



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



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



.subNav li .desc{*display: inline}



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



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



.subNav li .navIcon{*display: inline}



 /*

 .subNav li .navIcon i{display: block;background: url("img/sprite.png") no-repeat;margin: 0 auto;vertical-align: middle}

**/
.subNav li .navIcon i{display: block;background: ;margin: 0 auto;vertical-align: middle}



.subNav li.wx .navIcon i{background-position: -286px -0px;width: 50px;height: 40px;}



.subNav li.o2o .navIcon i{background-position: -242px -0px;width: 44px;height: 40px;}



.subNav li.e-commerce .navIcon i{background-position: -118px -0px;width: 40px;height: 40px;}



.subNav li.other .navIcon i{background-position: -0px -0px;width: 38px;height: 40px;}



.subNav li.company .navIcon i{background-position: -199px -0px;width: 43px;height: 40px;}



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



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



.otherPage{background: #bcf1f2 url(img/banner_4.png) top center repeat-x;text-align: center;height: 300px}



/*.otherPage img{width: 100%}*/.otherPage .mianImg{width: 660px;margin: 0 auto;height: 300px;position: relative;overflow: hidden}



.otherPage .mianImg img{position: absolute;text-align: center}



.otherPage .mianImg img.pageimg0{left: 20px;top: 119px;z-index: 4;}



.otherPage .mianImg img.pageimg1{left: 50px;top: 10px;z-index: 4;}



.otherPage .mianImg img.pageimg2{top: 186px;left: 82px;z-index: 4;}



.otherPage .mianImg img.pageimg3{right: 0px;top: 38px;z-index: 4;}



.otherPage .mianImg img.pageimg4{position: static;}



.otherPage .mianImg img.pageimg5{top: 21px;left: 178px;}



.flashBox{position:relative;margin:0 auto;overflow:hidden;width: 100%;height:500px}



.flashBox ul{width:100%;position:absolute;left:0;top:0;z-index:1;}



.flashBox ul li{width:100%;height:500px;position:absolute;top:0;left:0;display:none;}



.flashBox ul li:first-child{display:block}



.flashBox ul li a{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("img/sprite.png") no-repeat -115px 0;z-index: 99;display: none}
*/
.bannerBtn a{position: absolute;width: 26px;height:51px;background: url("") 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("img/sprite.png") no-repeat 0px -1000px;text-indent: -99999px;}
*/
.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("") no-repeat 0px -1000px;text-indent: -99999px;}



.flashBox ol li{*display:inline}


/**
.flashBox ol .active{background:url("img/sprite.png") no-repeat -20px -1000px;color:#fff;}
*/
.flashBox ol .active{background:url("") no-repeat -20px -1000px;color:#fff;}

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



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



.wxBanner{}



.wxBanner .wxbigtext{left: 50%;margin-left: -269px;top: 103px}



.wxBanner .wxsmalltext{left: 50%;margin-left: -192px;top: 180px;}



.wxBanner .wxman{left: 50%;margin-left: -95px;bottom: 0;z-index: 2}



.wxBanner .wxcloud{left: 30%;top: 300px;z-index: 0;}



.wxBanner .sybigtext{left: 50%;margin-left: -359px;top: 103px}



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



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



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



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



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



.wxBanner .yellowtip{left: 50%;margin-left: -183px;top: 190px;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: 50%;margin-left: -235.5px;top: 103px}



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



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



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



.wxBanner .s0{left: 50%;margin-left: -154px;    top: 100px}

.wxBanner .s1{left: 50%;margin-left: -425.5px;top: 200px;}

.wxBanner .s2{left: 50%;margin-left: -435px;top: 280px}

.wxBanner .s3{left: 0;bottom: 0px;z-index: 5;height:190px }

.wxBanner .s4{right: 0;bottom: 0px;z-index: 0;height: 160px}





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



.indexTab{}



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



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



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



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



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



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



.indexTab .tabThis .detail>.row{padding: 30px 0;width:920px;margin: 0 auto}



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



.indexTab .tabThis .detail>.row .hd ul li{float: left;margin-right: 20px}



.indexTab .tabThis .detail>.row .hd ul li a{display: block;padding: 0px 15px 10px 15px;border-bottom:1px solid #eee;margin-bottom: -1px;font-size: 18px;color: #9d9d9d}



.indexTab .tabThis .detail>.row .hd ul li.on a{border-color: #49b44f;color: #49b44f}



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



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



.lastUpdate li{float: left;width: 150px;height:115px;background: #f2f2f2;text-align: center;position: relative;margin: 0px 30px 20px 0;color: #b9b9b9}



.lastUpdate li .icon{margin-top: 10px;}



.lastUpdate li .icon img{width: 45px;height: 45px;}



.lastUpdate li .name{display: block;font-size: 16px;line-height: 30px}



.lastUpdate li .time{display: block;font-size: 12px}



.lastUpdate li .coverQr{position: absolute;top: 0;left: 0;right: 0;bottom: 0;display: none}



.lastUpdate li .coverQr img{    margin-top: 8px;

    width: 100px;

    height: 100px;

    background: #fff;}



.detail .news .newsBigImg{height: 80px;width: 100%}



.detail .news .newsBigImg img{height: 80px;width: 100%}



.detail .news ul li{padding-left: 10px;background: url("img/dot.png") no-repeat left center;color:#9d9d9d;margin-top: 16px;}



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



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



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



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

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



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



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


/**
.fixedItems li i{background: url("img/sprite.png") no-repeat 0 -44px;display: block;margin: 0 auto;height: 50px;width: 50px;margin-top: 18px;}

*/
.fixedItems li i{background: url("") no-repeat 0 -44px;display: block;margin: 0 auto;height: 50px;width: 50px;margin-top: 18px;}



.fixedItems li.video i{background-position: -0px -52px}

.fixedItems li.video:hover i{background-position: -50px -52px}



.fixedItems li.test i{background-position: -0px -115px}

.fixedItems li.test:hover i{background-position: -50px -115px}



.fixedItems li.case i{background-position: -0px -170px}

.fixedItems li.case:hover i{background-position: -50px -170px}



.fixedItems li.chat i{background-position: -0px -220px}

.fixedItems li.chat:hover i{background-position: -50px -220px}



.fixedItems li.shop i{background-position: -0px -338px}

.fixedItems li.shop:hover i{background-position: -50px -338px}



.fixedItems li.site i{background-position: -0px -281px}

.fixedItems li.site:hover i{background-position: -50px -281px}



.fixedItems li.func i{background-position: -0px -398px}

.fixedItems li.func:hover i{background-position: -50px -398px}



.fixedItems li.distribution i{background-position: -0px -1170px}

.fixedItems li.distribution:hover i{background-position: -50px -1170px}



.fixedItems li:hover{background: #49b44f;color: #fff}



.fixedItems li:hover a{color: #fff}



.fixedItems li:hover i{background-position-x:-50px}



.fixedItems li:hover .name{color: #fff}



.WeChat .news{width: 380px;}



.WeChat .fixedItems{width: 540px;}



.otherProducts{position: static}



.otherProducts ul{position: relative;height: 612px}



.otherProducts ul>li{width: 293px;height:190px;text-align: center;background: #f6f6f6;color: #9d9d9d;position: absolute;overflow: hidden;border: 1px solid #fff;cursor: pointer}



.otherProducts ul>li .icon{margin-top: 20px;}


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




#sudoko-one ul>li.i0 .icon i{background-position: -280px -1010px;}

#sudoko-one ul>li.i0:hover .icon i{background-position: -350px -1010px;}



#sudoko-one ul>li.i1 .icon i{background-position: -280px -944px;}

#sudoko-one ul>li.i1:hover .icon i{background-position: -350px -944px;}



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

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



#sudoko-one ul>li.i3 .icon i{background-position: -280px -1465px;}

#sudoko-one ul>li.i3:hover .icon i{background-position: -350px -1465px;}



#sudoko-one ul>li.i4 .icon i{background-position: -280px -1205px;}

#sudoko-one ul>li.i4:hover .icon i{background-position: -350px -1205px;}



#sudoko-one ul>li.i5 .icon i{background-position: -280px -1075px;}

#sudoko-one ul>li.i5:hover .icon i{background-position: -350px -1075px;}



#sudoko-one ul>li.i6 .icon i{background-position: -280px -1270px;}

#sudoko-one ul>li.i6:hover .icon i{background-position: -350px -1270px;}



#sudoko-one ul>li.i7 .icon i{background-position: -280px -1400px;}

#sudoko-one ul>li.i7:hover .icon i{background-position: -350px -1400px;}



#sudoko-one ul>li.i8 .icon i{background-position: -280px -1335px;}

#sudoko-one ul>li.i8:hover .icon i{background-position: -350px -1335px;}



#sudoko-one ul>li.i9 .icon i{background-position: -280px -1465px;}

#sudoko-one ul>li.i9:hover .icon i{background-position: -350px -1465px;}



#sudoko-one ul>li.i10 .icon i{background-position: -280px -1530px;}

#sudoko-one ul>li.i10:hover .icon i{background-position: -350px -1530px;}



#sudoko-one ul>li.i11 .icon i{background-position: -280px -1595px;}

#sudoko-one ul>li.i11:hover .icon i{background-position: -350px -1595px;}



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

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





#sudoko-two ul>li.i0 .icon i{background-position: -280px -1660px;}

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



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

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



#sudoko-two ul>li.i2 .icon i{background-position: -280px -1595px;}

#sudoko-two ul>li.i2:hover .icon i{background-position: -350px -1595px;}



#sudoko-two ul>li.i3 .icon i{background-position: -280px -1205px;}

#sudoko-two ul>li.i3:hover .icon i{background-position: -350px -1205px;}



#sudoko-two ul>li.i4 .icon i{background-position: -280px -1270px;}

#sudoko-two ul>li.i4:hover .icon i{background-position: -350px -1270px;}



#sudoko-two ul>li.i5 .icon i{background-position: -280px -944px;}

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



#sudoko-two ul>li.i6 .icon i{background-position: -280px -1400px;}

#sudoko-two ul>li.i6:hover .icon i{background-position: -350px -1400px;}



#sudoko-two ul>li.i7 .icon i{background-position: -280px -1335px;}

#sudoko-two ul>li.i7:hover .icon i{background-position: -350px -1335px;}



#sudoko-two ul>li.i8 .icon i{background-position: -280px -1530px;}

#sudoko-two ul>li.i8:hover .icon i{background-position: -350px -1530px;}



#sudoko-two ul>li.i9 .icon i{background-position: -280px -1530px;}

#sudoko-two ul>li.i9:hover .icon i{background-position: -350px -1530px;}



#sudoko-two ul>li.i10 .icon i{background-position: -280px -1530px;}

#sudoko-two ul>li.i10:hover .icon i{background-position: -350px -1530px;}



#sudoko-two ul>li.i11 .icon i{background-position: -280px -1595px;}

#sudoko-two ul>li.i11:hover .icon i{background-position: -350px -1595px;}



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

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







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

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



#sudoko-three ul>li.i1 .icon i{background-position: -280px -878px;}

#sudoko-three ul>li.i1:hover .icon i{background-position: -350px -878px;}



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

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



#sudoko-three ul>li.i3 .icon i{background-position: -280px -1075px;}

#sudoko-three ul>li.i3:hover .icon i{background-position: -350px -1075px;}



#sudoko-three ul>li.i4 .icon i{background-position: -280px -1270px;}

#sudoko-three ul>li.i4:hover .icon i{background-position: -350px -1270px;}



#sudoko-three ul>li.i5 .icon i{background-position: -280px -1595px;}

#sudoko-three ul>li.i5:hover .icon i{background-position: -350px -1595px;}



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

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



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

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



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

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



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

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



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

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



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

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



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

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







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

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



#sudoko-four ul>li.i1 .icon i{background-position: -280px -1140px;}

#sudoko-four ul>li.i1:hover .icon i{background-position: -350px -1140px;}



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

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



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

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



#sudoko-four ul>li.i4 .icon i{background-position: -280px -944px;}

#sudoko-four ul>li.i4:hover .icon i{background-position: -350px -944px;}



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

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



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

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



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

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



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

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



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

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



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

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



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

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



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

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







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



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



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



.otherProducts ul>li .btInfo{background: #49b44f;text-align: center;height:60px;display: none;}



.otherProducts ul>li .btInfo ol li{display: inline-block;margin: 8px 30px;width: 30px;}



.otherProducts ul>li .btInfo ol li{*display: inline}



.otherProducts ul>li .btInfo ol li a{color: #fff;cursor: pointer}


.otherProducts ul>li .btInfo ol li i{display: block;margin: 0 auto;background: url("") no-repeat}

/*
.otherProducts ul>li .btInfo ol li i{display: block;margin: 0 auto;background: url("img/sprite.png") no-repeat}
*/


.otherProducts ul>li .btInfo ol li.site i{background-position: -142px -46px;width: 29px;height: 26px;}



.otherProducts ul>li .btInfo ol li.demo i{background-position: -173px -46px;width: 29px;height: 26px}



.otherProducts ul>li .btInfo ol li.chat i{background-position: -115px -46px;width: 24px;height: 26px}



/*.otherProducts ul>li>.position{border: 1px solid #fff;background: #fff}*//*.otherProducts ul>li>.on{position: absolute;z-index: 99999;width: 291px;border-color: #49b44f;*left:0}*/.otherProducts ul>li:hover{z-index: 999;border: 1px solid #49b44f;background:#fff}



.detail .otherProducts ul>li:hover .icon i{background-position-x: -350px!important}



.otherProducts ul>li:hover .btInfo{display: block}



.otherProducts ul>li:hover h2{color: #49b44f}



.otherProducts ul>li:hover p{height: 76px;}



.skillMod{}



.skillMod ul li{float: left;width: 50%;padding: 10px 0;height: 80px;background: #fff;overflow: hidden}



.rect3Box ul li{float: left;width: 33%;padding: 10px 0}



.skillMod ul li .icon{width: 78px;height: 78px;float: left;border: 1px solid #999;border-radius: 100%;margin-left: 10px;}



.rectBox ul li .icon,.rect3Box ul li .icon{border-radius: 0;background: #f6f6f6;border: 0}


.skillMod ul li .icon i{display: block;margin: 0 auto;background: url("") no-repeat;margin-top: 13px;}
/*
.skillMod ul li .icon i{display: block;margin: 0 auto;background: url("img/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;}



.skillMod ul li.i0 .icon i{background-position: -100px -78px;width: 36px;height: 45px;}

.skillMod ul li.i0:hover .icon i{background-position: -148px -78px;}



.skillMod ul li.i1 .icon i{background-position: -100px -123px;width: 45px;height: 42px;margin-top: 17px;}

.skillMod ul li.i1:hover .icon i{background-position: -148px -123px}



.skillMod ul li.i2 .icon i{background-position: -100px -165px;width: 35px;height: 45px}

.skillMod ul li.i2:hover .icon i{background-position: -148px -165px}



.skillMod ul li.i3 .icon i{background-position: -100px -210px;width: 45px;height: 41px;margin-top: 20px;margin-left: 18px;}

.skillMod ul li.i3:hover .icon i{background-position: -148px -210px}



.skillMod ul li.i4 .icon i{background-position: -100px -251px;width: 47px;height: 45px;margin-top: 16px;}

.skillMod ul li.i4:hover .icon i{background-position: -148px -251px}



.skillMod ul li.i5 .icon i{background-position: -100px -296px;width: 43px;height: 45px;margin-top: 16px;}

.skillMod ul li.i5:hover .icon i{background-position: -148px -296px}



.skillMod ul li.i6 .icon i{background-position: -100px -342px;width: 45px;height: 33px;margin-top: 20px;}

.skillMod ul li.i6:hover .icon i{background-position: -148px -342px}



.skillMod ul li.i7 .icon i{background-position: -100px -376px;width: 45px;height: 40px;margin-top: 21px;}

.skillMod ul li.i7:hover .icon i{background-position: -148px -376px}



.skillMod ul li.i8 .icon i{background-position: -100px -417px;width: 45px;height: 45px;margin-top: 16px;}

.skillMod ul li.i8:hover .icon i{background-position: -148px -417px}



.skillMod ul li.i9 .icon i{background-position: -100px -463px;width: 45px;height: 36px;margin-top: 21px;}

.skillMod ul li.i9:hover .icon i{background-position: -148px -463px}



.skillMod ul li.i10 .icon i{background-position: -100px -502px;width: 38px;height: 40px;margin-top: 21px;}

.skillMod ul li.i10:hover .icon i{background-position: -148px -502px}



.skillMod ul li.i11 .icon i{background-position: -100px -543px;width: 45px;height: 45px;margin-top: 17px;}

.skillMod ul li.i11:hover .icon i{background-position: -148px -543px}



.skillMod ul li.i12 .icon i{background-position: -100px -589px;width: 40px;height: 34px;margin-top: 20px;}

.skillMod ul li.i12:hover .icon i{background-position: -148px -589px}



.skillMod ul li.i13 .icon i{background-position: -100px -628px;width: 44px;height: 32px;margin-top: 23px;}

.skillMod ul li.i13:hover .icon i{background-position: -148px -628px}



.skillMod ul li.i14 .icon i{background-position: -100px -663px;width: 41px;height: 40px;margin-top: 20px;}

.skillMod ul li.i14:hover .icon i{background-position: -148px -663px}



.skillMod ul li.i15 .icon i{background-position: -100px -705px;width: 38px;height: 35px;margin-top: 22px;}

.skillMod ul li.i15:hover .icon i{background-position: -148px -705px}



.skillMod ul li.i16 .icon i{background-position: -100px -741px;width: 45px;height: 45px;margin-top: 17px;}

.skillMod ul li.i16:hover .icon i{background-position: -148px -741px}



.skillMod ul li.i17 .icon i{background-position: -100px -788px;width: 40px;height: 40px;margin-top: 17px;}

.skillMod ul li.i17:hover .icon i{background-position: -148px -788px}



.skillMod ul li.i18 .icon i{background-position: -100px -830px;width: 45px;height: 41px;margin-top: 17px;}

.skillMod ul li.i18:hover .icon i{background-position: -148px -830px}



.skillMod ul li.i19 .icon i{background-position: -100px -873px;width: 42px;height: 38px;margin-top: 21px;}

.skillMod ul li.i19:hover .icon i{background-position: -148px -873px}



.skillMod ul li.i20 .icon i{background-position: -100px -914px;width: 33px;height: 30px;margin-top: 24px;}

.skillMod ul li.i20:hover .icon i{background-position: -148px -914px}



.skillMod ul li.i21 .icon i{background-position: -100px -945px;width: 32px;height: 42px;margin-top: 19px;}

.skillMod ul li.i21:hover .icon i{background-position: -148px -945px}



.skillMod ul li.i22 .icon i{background-position: -100px -988px;width: 40px;height: 35px;margin-top: 22px;}

.skillMod ul li.i22:hover .icon i{background-position: -148px -988px}



.skillMod ul li.i23 .icon i{background-position: -100px -1024px;width: 47px;height: 35px;margin-top: 24px;}

.skillMod ul li.i23:hover .icon i{background-position: -148px -1024px}



.skillMod ul li.i24 .icon i{background-position: -100px -1061px;width: 46px;height: 50px;margin-top: 13px;}

.skillMod ul li.i24:hover .icon i{background-position: -148px -1061px}



.skillMod ul li.i25 .icon i{background-position: -100px -1112px;width: 47px;height: 47px;margin-top: 16px;}

.skillMod ul li.i25:hover .icon i{background-position: -148px -1112px}



.skillMod ul li.i26 .icon i{background-position: -100px -1161px;width: 21px;height: 50px;margin-top: 14px;}

.skillMod ul li.i26:hover .icon i{background-position: -148px -1161px}



.skillMod ul li.i27 .icon i{background-position: -100px -1214px;width: 45px;height: 39px;margin-top: 17px;}

.skillMod ul li.i27:hover .icon i{background-position: -148px -1214px}



.skillMod ul li.i28 .icon i{background-position: -100px -463px;width: 45px;height: 36px;margin-top: 21px;}

.skillMod ul li.i28:hover .icon i{background-position: -148px -463px}



.skillMod ul li.i29 .icon i{background-position: -100px -251px;width: 47px;height: 45px;margin-top: 16px;}

.skillMod ul li.i29:hover .icon i{background-position: -148px -251px}



.skillMod ul li.i30 .icon i{background-position: -100px -1390px;width: 47px;height: 45px;margin-top: 16px;}

.skillMod ul li.i30:hover .icon i{background-position: -148px -1390px}



.skillMod ul li.i31 .icon i{background-position: -100px -1254px;width: 45px;height: 45px;margin-top: 14px;}

.skillMod ul li.i31:hover .icon i{background-position: -148px -1254px}



.skillMod ul li.i32 .icon i{background-position: -100px -1344px;width: 42px;height: 45px;margin-top: 17px;}

.skillMod ul li.i32:hover .icon i{background-position: -148px -1344px}



.skillMod ul li.i33 .icon i{background-position: -100px -463px;width: 45px;height: 36px;margin-top: 21px;}

.skillMod ul li.i33:hover .icon i{background-position: -148px -463px}



.skillMod ul li.i34 .icon i{background-position: -100px -1436px;width: 42px;height: 42px;margin-top: 19px;}

.skillMod ul li.i34:hover .icon i{background-position: -148px -1436px}



.skillMod ul li.i35 .icon i{background-position: -100px -1522px;width: 45px;height: 40px;margin-top: 20px;}

.skillMod ul li.i35:hover .icon i{background-position: -148px -1522px}



.skillMod ul li.i36 .icon i{background-position: -100px -1479px;width: 42px;height: 42px;margin-top: 14px;}

.skillMod ul li.i36:hover .icon i{background-position: -148px -1479px}



.skillMod ul li.i37 .icon i{background-position: -100px -1300px;width: 43px;height: 42px;margin-top: 17px;}

.skillMod ul li.i37:hover .icon i{background-position: -148px -1300px}



.skillMod ul li.i38 .icon i{background-position: -148px -628px}

.skillMod ul li.i38:hover .icon i{background-position: -148px -628px}



.skillMod ul li:hover,.skillMod ul li.on{background: #49b44f}



.skillMod ul li:hover .icon,.skillMod ul li.on .icon{border-color: #fff;background: #fff}



.skillMod ul li:hover .icon i,.skillMod ul li.on .icon i{background-position-x:-148px}



.skillMod ul li:hover .row0,.skillMod ul li.on .row0{color: #fff}



.skillMod ul li:hover .row0 p{width: 100%;white-space: normal;line-height: 18px;color: #eee}



.jsRect ul{width: 100%;height: 300px;position: relative}



.jsRect ul li{position: absolute;}



.jsRect ul li.i0{left: 0;top: 0}



.jsRect ul li.i1{right: 0;top: 0}



.jsRect ul li.i2{left: 0;top: 100px}



.jsRect ul li.i3{right: 0;top: 100px}



.jsRect ul li.i4{left: 0;top: 200px}



.jsRect ul li.i5{right: 0;top: 200px}



.jsRect ul li.i6{left: 0;top: 0}



.jsRect ul li.i7{right: 0;top: 0}



.jsRect ul li.i8{left: 0;top: 100px}



.jsRect ul li.i9{right: 0;top: 100px}



.jsRect ul li.i10{left: 0;top: 200px}



.jsRect ul li.i11{right: 0;top: 200px}



.jsRect ul li.i21{left: 0;top: 0}



.jsRect ul li.i22{right: 0;top: 0}



.jsRect ul li.i23{left: 0;top: 100px}



.jsRect ul li.i24{right: 0;top: 100px}



.jsRect ul li.i25{left: 0;top: 200px}



.jsRect ul li.i26{right: 0;top: 200px}



.js3Rect ul{position: relative;width: 100%;height: 300px}



.js3Rect ul li{position: absolute}



.js3Rect ul li.i12{left: 0;top: 0}



.js3Rect ul li.i13{right: 33%;top: 0}



.js3Rect ul li.i14{right: 0;top: 0}



.js3Rect ul li.i15{left: 0;top: 100px}



.js3Rect ul li.i16{right: 33%;top: 100px}



.js3Rect ul li.i17{right: 0;top: 100px}



.js3Rect ul li.i18{left: 0;top: 200px}



.js3Rect ul li.i19{right: 33%;top: 200px}



.js3Rect ul li.i20{right: 0;top: 200px}



.mixed ul li.i27{left: 0;top: 0}



.mixed ul li.i28{right: 0;top: 0}



.mixed ul li.i29{left: 0;top: 100px}



.mixed ul li.i30{right: 0;top: 100px}



.mixed ul li.i31{left: 0;top: 200px}



.mixed ul li.i32{right: 0;top: 200px}



.mixed ul li.i33{left: 0;top: 0}



.mixed ul li.i34{right: 0;top: 0}



.mixed ul li.i35{left: 0;top: 100px}



.mixed ul li.i36{right: 0;top: 100px}



.mixed ul li.i37{left: 0;top: 200px}



.mixed ul li.i38{right: 0;top: 200px}



.feaTures{}



.feaTures .ftUl{}



.feaTures .ftUl .ftUlLi{float: left}



.feaTures .ftUl .ftUlLi .liwarp{width: 180px;height: 320px;background: #f6f6f6;text-align: center;display: table;margin: 0 8px;float: left;}



.feaTures .ftUl .ftUlLi .itemName{display: block;font-size: 16px;color: #9d9d9d;margin-top: 5px}



.feaTures .ftUl .ftUlLi .cell{display: table-cell;vertical-align: middle;*display: block;*margin-top: 80px}



.feaTures .tagsCell{width: 328px;height: 318px;border: 1px solid #49b44f;background: #fff;display: none;float: left;position: relative;}


/**
.feaTures .tagsCell .iarrow{display: block;display: block;width: 8px;height: 18px;top: 50%;margin-top: -9px;background: url("img/sprite.png") 0 -1023px;z-index: 999;position: absolute;left: -8px;}

*/
.feaTures .tagsCell .iarrow{display: block;display: block;width: 8px;height: 18px;top: 50%;margin-top: -9px;background: url("") 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("img/sprite01.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("img/sprite.png") no-repeat;display: block;width: 60px;height: 50px;margin: 0 auto;}
*/
.feaTures .tagsCell .tagsList ul li .icon i{background: url("") no-repeat;display: block;width: 60px;height: 50px;margin: 0 auto;}


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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



.whyPig{}

.whyPig .hd{background: url("img/whypig.png") repeat-y top center}
.whyPig .hd2{height:180px;background: url(../images/index_08.jpg)  center}
.whyPig .hd3{height:465px;background:#5fb94c;}
.whyPig .hd4{height:130px;background:#3bb276;}
.whyPig .hd h2,.whyPig .hd2 h2{display: block;width: 520px;height: 60px;line-height: 60px;text-align: center;color: #49b44f;font-size: 30px;margin: 50px auto;font-weight: normal;background: #fff;}


.whyPig .hd ul li{float: left;width: 246px;background: #fff;text-align: center;font-size: 18px;color: #9d9d9d;cursor: pointer;padding: 20px 0;margin-left: 5px;    border-bottom: 1px solid #eee;}

.whyPig .hd ul li:first-child{margin-left: 0}

.whyPig .hd ul li.on{color: #49b44f;    border-bottom-color:#fff}

.whyPigBd{margin-top: 30px}

.whyPigBd ul li{float: left;width: 50%;padding: 10px 0;}

.whyPigBd ul li .icon{width: 81px;height: 88px;float: left;margin-left: 78px;}

.whyPigBd .lastUpdate{width: 100%}

.whyPigBd .lastUpdate ul li{width: 150px;height: 115px;margin:0 0 0 14px;padding: 0;}

.whyPigBd .lastUpdate ul li:first-child{}

.whyPigBd .lastUpdate ul li .icon{margin-left: 0;float: none;width: auto;height: auto;}

.whyPigBd .lastUpdate p{margin: 50px 0 50px 0;text-align: center;font-size: 16px;color: #9d9d9d}

.whyPigBd .lastUpdate p em{color: #49b44f}

.whyPigBd ul li .icon i{display: block;margin: 0 auto;width: 81px;height: 88px;background:url("") 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 .icon i{display: block;margin: 0 auto;width: 81px;height: 88px;background:url("img/sprite.png") no-repeat;-webkit-transition:all .8s ease-in-out;-moz-transition:all .8s ease-in-out;transition:all .8s ease-in-out}
*/
.whyPigBd ul li:hover .icon i{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}

.whyPigBd ul li.i0 .icon i{background-position: -195px -1574px}

.whyPigBd ul li.i1 .icon i{background-position: -195px -518px}

.whyPigBd ul li.i2 .icon i{background-position: -195px -1486px}

.whyPigBd ul li.i3 .icon i{background-position: -195px -430px}

.whyPigBd ul li.i4 .icon i{background-position: -195px -1398px}

.whyPigBd ul li.i5 .icon i{background-position: -195px -342px}

.whyPigBd ul li.i6 .icon i{background-position: -195px -254px}

.whyPigBd ul li.i7 .icon i{background-position: -195px -1310px}

.whyPigBd ul li.i8 .icon i{background-position: -195px -694px}

.whyPigBd ul li.i9 .icon i{background-position: -195px -1222px}

.whyPigBd ul li.i10 .icon i{background-position: -195px -870px}

.whyPigBd ul li.i11 .icon i{background-position: -195px -1134px}

.whyPigBd ul li.i12 .icon i{background-position: -195px -166px}

.whyPigBd ul li.i13 .icon i{background-position: -195px -78px}

.whyPigBd ul li.i14 .icon i{background-position: -195px -1046px}

.whyPigBd ul li.i15 .icon i{background-position: -195px -606px}

.whyPigBd ul li.i16 .icon i{background-position: -195px -958px}

.whyPigBd ul li.i17 .icon i{background-position: -195px -782px}

.whyPigBd ul li .desc{overflow: hidden;display: table;height: 88px;padding-left: 20px;}

.whyPigBd ul li .desc>div{display: table-cell;vertical-align: middle;color: #3d3d3d;*margin-top: 20px;}

.whyPigBd ul li .desc> .row0 h3{font-size: 16px;font-weight: normal;line-height: 24px;}

.whyPigBd ul li .desc> .row0 p{font-size: 12px;color:#999}


.feedback{background: #f8f8f8;padding: 50px 0;margin-top: 40px;}



.feedback h2{font-size: 18px;color: #3d3d3d;text-align: center;font-weight: normal;margin-bottom: 30px;}



.fbScroll{position: relative}



.fbScroll .scrollThis{overflow: hidden}



.fbScroll ul{width: 99999px}



.fbScroll ul li{width: 470px;float: left;margin-right: 60px}



.fbScroll ul li .avatar{text-align: center}



.fbScroll ul li .avatar img{width: 100px;height: 100px;border-radius: 100%;-webkit-transition: all .8s ease-in-out;-moz-transition: all .8s ease-in-out;transition: all .8s ease-in-out;}



.fbScroll ul li .avatar:hover img{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}



.fbScroll ul li .fbText{padding-top: 25px;background: url("img/dott.png") no-repeat top left}



.fbScroll ul li .par{color:#9d9d9d}



.fbScroll ul li p{text-align: right;color: #3d3d3d;margin-top: 20px}



.fbScroll .scrollPage{width: 100%;text-align: center;margin-top: 35px;}



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



.scrollPage i{*display: inline-block}



.scrollPage i.on{background: #f60}



.ftNews{background: #fff}



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



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



.ftNews .newsUl .newsColumns .newsLsit li{width: 100%;padding-left: 10px;background: url("img/dot.png") no-repeat left center;margin-bottom: 8px}



.ftNews .newsUl .newsColumns h3{font-weight: normal;font-size: 18px;color: #3d3d3d;padding: 15px 0}



.ftNews .newsUl .newsColumns .newsLsit li a {color: #9d9d9d;font-size: 14px;width: 290px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;display: block;

} 



.ftNews .newsUl .newsColumns .newsLsit li:hover{background: url("img/dot_hover.png") no-repeat left center;}



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



.ftNews .newsUl .newsColumns .newsLsit li.first{padding: 0;background: none;height: 180px;overflow: hidden;position: relative;margin-bottom: 30px}

.ftNews .newsUl .newsColumns .newsLsit li.first a{width:auto} 

.ftNews .newsUl .newsColumns .newsLsit li.first img{height: 180px;width: 100%}



.ftNews .newsUl .newsColumns .newsLsit li.first .newsName{display: block;position: absolute;bottom: 0;left: 0;right: 0;background: #4ab450;text-align: center;color: #fff;padding: 8px 0;color: #fff}



.ftNews .newsUl .newsColumns .newsLsit li.first:hover img{webkit-transform:scale(1.2);-moz-transform:scale(1.2);transform:scale(1.2)}



.footer{padding: 40px;margin-top:40px;background: #f8f8f8}



.footer .ftUl{text-align: center}



.footer .ftUl .ftColumns{display: inline-block;float:left;text-align: left;margin-left: 40px;width: 150px;}



.footer .ftUl .ftColumns{*display: inline}



.footer .ftUl .ftColumns:first-child{margin-left: 0}



.footer .ftUl .ftColumns h2{font-size: 18px;color: #3d3d3d;font-weight: normal;padding:20px 0}



.footer .ftUl .ftColumns .links{}



.footer .ftUl .ftColumns .links li{margin-bottom: 5px}



.footer .ftUl .ftColumns .links li a{}



.footer .ftUl .last{width: 240px;}



.footer .ftUl .last .qrCode{}



.footer .ftUl .last .qrCode li{float: left;margin-left: 20px}



.footer .ftUl .last .qrCode li:first-child{margin-left: 0}



.footer .ftUl .last .qrCode li .name{display: block;text-align: center}



/********新闻********/.singlePageMod{overflow: hidden}



.singlePageMod .asideNav{width: 160px;margin-bottom:-99000px;padding-bottom:99000px;border-right: 1px solid #e3e3e3;margin-right: 50px}



.singlePageMod .asideNav ul{padding-right:20px}



.singlePageMod .asideNav ul li{position: relative;margin-bottom: 10px}



.singlePageMod .asideNav ul li a{display: block;text-align: right}



/*.singlePageMod .asideNav ul li i{display: none;width: 11px;height: 11px;background:#fff url("img/sprite.png") no-repeat -390px 0;position: absolute;right: -15px;top: 8px}*/



.singlePageMod .asideNav ul li.on a{color: #49b44f;font-size: 18px;}



.singlePageMod .asideNav ul li.on i{right: -26px;display: block}



.news .newsLsit{overflow: hidden}



.news .newsLsit li{margin-bottom: 40px}



.news .newsLsit li h2 a{font-size: 18px;color: #3d3d3d;font-weight: normal}



.news .newsLsit li:hover h2 a{color:#49b44f}



.news .newsLsit li p{font-size: 12px;color: #9d9d9d;line-height: 22px}



.news .newsLsit li p span{margin-right: 10px}



.news .newsLsit li .gist{padding: 10px 0}



.news .newsLsit li .figure{overflow: hidden}



.news .newsLsit li .figure a{margin-left: 15px;display: block;width: 220px;height: 150px;float: left;    overflow: hidden;}



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



.news .newsLsit li .figure a img{width: 220px;height: 150px}



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



.news .newsMain{}



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



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



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



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



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



.news .newsMain .text p{padding-top: 20px;text-indent: 28px;font-size: 14px;line-height: 24px}



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



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



.news .nextAndPrev a:hover{border-color: #49b44f;color: #fff;background: #49b44f}



.news .nextAndPrev a.next{border-color: #49b44f;color: #fff;background: #49b44f}



.news .nextAndPrev a.next:hover{background: #1D6D21;border-color: #1D6D21}



.singleTab{}



.singleTab .hd ul li{float: left;margin-right: 15px;background: #f6f6f6;padding: 10px 30px;cursor: pointer}



.singleTab .hd ul li.on{background: #49b44f;color: #fff}



.singleTab .hd ul li:hover{}



.mapAdress{padding: 20px 0}



.mapAdress h3{font-size: 18px;color: #3d3d3d;font-weight: normal}



.mapAdress p{padding-top: 10px}



.job{margin-top: 20px;}

.jobBorder{border: 1px solid #eee}



.job .jobHd{    padding: 0 30px;background: #f8f8f8}

.job .jobHd li{ float: left;font-size: 14px;color: #9d9d9d;text-align: center;    line-height: 40px;}

.job .jobOl li{float: left;font-size: 14px;color: #9d9d9d;text-align: center;    line-height: 50px;}





.job .jobHd li.jobTitle,.jobOl li.jobTitle{width: 220px;text-align: left}

.job .jobHd li.workPlace,.jobOl li.workPlace{width: 140px;}

.job .jobHd li.payment,.jobOl li.payment{width: 140px}

.job .jobHd li.updateTime,.jobOl li.updateTime{width: 140px}

.job .jobHd li.jobArrow,.jobOl li.jobArrow{width: 87px}



.job .jobList ul li.jobLi{margin-top: -1px}

.job .jobList ul li.jobLi .jobOl{padding: 0 30px;border-bottom:1px solid #eee;border-top:1px solid #eee }

.jobOl li{height:50px;}

.jobOl li.jobTitle h2{color: #3d3d3d;font-size: 18px;font-weight: normal;}

.jobOl li.payment em{color: #49b44f}

.jobOl li.jobArrow{text-align: center;cursor: pointer}

.jobOl li.jobArrow i{display: inline-block;width: 17px;height: 10px;background: url("img/arrow-up.png") no-repeat}

.jobOl li.jobArrow i{*display: inline}

.jobOl li.jobArrow.on i{background:url("img/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("img/sprite.png") no-repeat;vertical-align: middle;margin-right: 5px}
*/

.mailInfo span i{display: inline-block;width: 20px;height: 20px;background: url("") no-repeat;vertical-align: middle;margin-right: 5px}

.mailInfo span i{*display: inline}

.mailInfo span.eMail i{background-position: -40px -1000px;width: 20px;height: 13px}

.mailInfo span.qq i{background-position: -64px -1000px;width: 16px;height: 19px}









.culture{}



.culture h2{color: #3d3d3d;font-size: 23px;padding-bottom: 5px}



.culture .text{}



.culture .text p{padding-top: 20px;line-height: 24px}



.culture .text h3{padding-top: 30px}



.culture .text .textWord p{padding-top: 10px}



.qualification ul li{float: left;margin-right: 45px;margin-bottom:45px;width: 218px;height: 295px;}

.qualification ul li img{width: 218px;height: 295px;}

.qualification ul li h3{font-weight: normal;font-size: 14px;color: #9d9d9d;line-height: 30px;text-align: center}





/*history*/.history{background:url(img/line04.gif) repeat-y 187px 0;overflow:hidden;position:relative;}



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



.history-date h2{background:#fff url(img/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(img/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(img/icon07.gif) no-repeat 180px 0;padding-bottom:50px;zoom:1;}



.history-date ul li.last{padding-bottom:0;}



.history-date ul li:after{content:" ";display:block;height:0;clear:both;visibility:hidden;}



.history-date ul li h3{float:left;width:150px;text-align:right;padding-right:19px;color:#c3c3c3;font:normal 18px/16px Arial;}



.history-date ul li h3 span{display:block;color:#d0d0d0;font-size:12px;}



.history-date ul li dl{float:left;padding-left:41px;margin-top:-5px;font-family:微软雅黑;}



.history-date ul li dl dt{font:20px/22px 微软雅黑;color:#737373;}



.history-date ul li dl dt span{display:block;color:#787878;font-size:12px;}



.history-date ul li.green h3{color:#1db702;}



.history-date ul li.green h3 span{color:#a8dda3;}



.history-date ul li.green dl{margin-top:-8px;}



.history-date ul li.green dl dt{font-size:14px;line-height:28px;width: 575px;}



.history-date ul li.green dl dt a{display:inline-block;*display:inline;zoom:1;overflow:hidden;vertical-align:middle;margin-left:12px;}



.history-date ul li.green dl dd{padding-top:20px;display:none;}



.history-date ul li.green dl dd img{float:left;}



.history-date ul li.green dl dd p{overflow:hidden;zoom:1;line-height:21px;color:#787878;}



.history-date h2.first .more-history{font-size:16px;background:transparent;margin-left:30px;}



.history-date h2.first .more-history:hover{text-decoration:underline;}



*body .history-date ul li dl dt{_font-size:12px!important;_font-weight:bold;}



*body .history-date ul li dl dt span{_font-weight:normal!important;}



*body .history-date ul li.green dl dt a{_background:transparent!important;*background:transparent!important;*font-size:12px!important;_font-weight:normal!important;}



.productTab{height: 48px;}



.productTab li{float: left}



.productTab li{float: left;margin-right: 10px;background: #f6f6f6;cursor: pointer}



.productTab li a{color: #9d9d9d;padding: 10px 30px;display: block}



.productTab li.select{background: #49b44f;color: #fff}



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



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



.ProductList li{float: left}



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



.team .ProductList li img{width: 250px;height: 180px;transition: .1s transform;transform: translateZ(0);}



.team .ProductList li:hover{z-index: 9}



.team .ProductList li:hover img{transform: rotate(5deg) scale(1.5, 1.5);transition: .3s transform;}



.customerCase .ProductList{border: 1px solid #e3e3e3;width: 785px;overflow: hidden}



.customerCase .ProductList li{width: 157px;height: 100px;border: 1px solid #e3e3e3;margin-left: -1px;*margin-left: -2px;margin-top: -1px;border-bottom: 0;border-right: 0}



.customerCase .ProductList li img{width: 156px;height: 100px;}



.customerCase .ProductList li.gray{-webkit-filter: grayscale(80%);-moz-filter: grayscale(80%);-ms-filter: grayscale(80%);-o-filter: grayscale(80%);filter: grayscale(80%);}



/* isotope*/.isotope-item{z-index:2}



.isotope-hidden.isotope-item{pointer-events:none;z-index:1}



.isotope,.isotope .isotope-item{-webkit-transition-duration:0.8s;-moz-transition-duration:0.8s;-ms-transition-duration:0.8s;-o-transition-duration:0.8s;transition-duration:0.8s}



.isotope{-webkit-transition-property:height, width;-moz-transition-property:height, width;-ms-transition-property:height, width;-o-transition-property:height, width;transition-property:height, width}



.isotope .isotope-item{-webkit-transition-property: -webkit-transform, opacity;-moz-transition-property:-moz-transform, opacity;-ms-transition-property: -ms-transform, opacity;-o-transition-property:top, left, opacity;transition-property:transform, opacity}



.isotope.no-transition,.isotope.no-transition .isotope-item,.isotope .isotope-item.no-transition{-webkit-transition-duration:0s;-moz-transition-duration:0s;-ms-transition-duration:0s;-o-transition-duration:0s;transition-duration:0s}



.wxCase{}



.onlyHd .hd{}



.onlyHd .hd h2{color: #49b44f;font-size: 18px;font-weight: normal}



.onlyHd .hd h2 em{color: #9d9d9d;font-size: 14px;margin-left: 5px}



.wxCase .caseList{margin-top: 20px}



.wxCase .caseList li{float: left;width: 49%;text-align: left;padding-top: 15px}



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



.service{}



.service .formThis{background: #f6f6f6;margin-top: 15px;}



.formThis .formRow{padding: 20px 0;width: 400px;margin: 0 auto;}



.formThis .row{margin: 15px 0}



.formThis label{width: 80px;display: inline-block;text-align: right;margin-right: 5px}



.formThis label{*display: inline}



.formThis span{display: inline-block;}



.formThis span{*display: inline}



.formThis span input[type=text]{border: 0;height: 45px;line-height: 45px;width: 380px;padding:0 10px;font-size: 14px;}



.formThis span input[type=password]{border: 0;height: 45px;line-height: 45px;width: 380px;padding:0 10px;font-size: 14px;}



.formThis span.short input[type=text]{width: 150px;font-size: 14px;}



.formThis span.shortCode{border: 0;margin-left: 10px}



.formThis span.shortCode img{border-radius: 5px;height: 45px;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("") no-repeat -434px 0}
/**
.productCenter ul li .proImg i{display: block;width: 120px;height: 120px;background: url("img/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("") no-repeat 0 -760px}
/**
.productCenter ul li .desc .btn a i{display: inline-block;vertical-align:middle;margin-right:10px;width:32px;height: 30px;background: url("img/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("img/dotline.png") repeat-y top center}


/**
.articleTimeLine h2{width: 72px;height: 72px;background:#fff url("img/sprite.png") no-repeat 0 -852px;margin: 0 auto}
*/
.articleTimeLine h2{width: 72px;height: 72px;background:#fff url("") no-repeat 0 -852px;margin: 0 auto}


.articleTimeLine li{margin: 50px 0}



.articleTimeLine li .textWarp{width: 320px;height: 125px;position: relative}



.articleTimeLine li.left .textWarp{float: left}



.articleTimeLine li.right .textWarp{float: right}



.articleTimeLine li h3{font-size: 18px;color: #3d3d3d;font-weight: normal;padding-bottom: 10px;}



.articleTimeLine li .gist{overflow: hidden}



.articleTimeLine li .gist .pic{overflow: hidden;width: 150px;height: 85px;margin-right: 15px}



.articleTimeLine li .gist .pic img{width: 150px;height: 85px;}



.articleTimeLine li .gist .textP{font-size: 12px;color: #9d9d9d}



.articleTimeLine li .gist .textP a{display: block;text-align: left;color: #4fb755;margin-top: 5px;}



.articleTimeLine li .gist .textP a:hover{text-decoration: underline}



.articleTimeLine li .time,.articleTimeLine li .grayDot{position: absolute}



.articleTimeLine li .time{top: 30px;font-size: 20px;color: #61be66;width: 200px;}



.articleTimeLine li .grayDot{top: 35px}



.articleTimeLine li.left .time{right: -345px;}



.articleTimeLine li.right .time{left: -345px;text-align: right}



.articleTimeLine li.left .grayDot{right: -84px;}



.articleTimeLine li.right .grayDot{left: -84px}



.articleTimeLine li:hover .gist .pic img{webkit-transform:scale(1.2);-moz-transform:scale(1.2);transform:scale(1.2)}



.showImg{width: 730px;}



.showImg ul{position: relative;height: 475px}



.showImg ul li{position: absolute;top: 0;left: 0;width: 730px;height: 475px;z-index: 2;display: none}



.showImg ul li img{width: 730px;height: 475px}



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



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



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



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



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



.fixedBar{width: 100px;position: fixed;top: 50%;margin-top: -100px;z-index: 999;right: 0}



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


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


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



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



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



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



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



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





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

.qrWindow .qrMain .xClosed{position: absolute;right: -60px;top: 0;width: 53px;height: 53px;background: url("img/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}



/*/动画



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



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





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

p.fanHui{display:none}