@charset "utf-8";
/* CSS Document */
body{background: #fff;overflow-x: auto;min-width:1210px}
.topMobi,.footerMobi{display: none}
.hLine{display: none}
.w1100{margin: 0 auto}


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

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

.header .top .topNav{}

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

.navAndLogo{margin: 30px 0;padding: 0 50px;padding-bottom: 0;margin-bottom: 0; min-width:1320px;}

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

.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: #333333;padding: 50px 0;padding-top: 0;position: relative}

.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: #0173ca}

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

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

.navAndLogo .search{border: 1px solid #e2e2e2;border-radius: 20px;height:38px;background: #fff;}

.navAndLogo .search input[type=text]{border: 0;border-radius: 20px;margin-left: 15px;line-height: 34px;width: 150px;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: block;    opacity: .9;}
@media screen and (-webkit-min-device-pixel-ratio:0) {.subNav{top:150px} }
.subNav .row{display: block}

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

.subNav .aboutRow li{*display: inline}

.subNav .aboutRow li a{display: block}

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

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

.subNav .aboutRow li .desc{*display: inline}

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

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

.subNav .aboutRow li .navIcon{*display: inline}

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

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

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

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

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

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

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

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


.subNav .productRow>ul>li{    display: inline-block;  width: 160px;  vertical-align: top;  text-align: left; }
.subNav .productRow>ul>li{*display: inline}
.subNav .productRow>ul>li>h2{margin-bottom: 5px;  padding-bottom: 5px;}
.subNav .productRow>ul>li>h2 a{font-size: 15px;color: #fff;font-weight:normal}
.subNav .productRow>ul>li>h2 img{margin-right: 5px;vertical-align: middle}
.subNav .productRow ol{overflow: hidden;margin-right: -10px}
.subNav .productRow ol li{float: left;text-align: left;margin-right: 10px}
.subNav .productRow ol li a{padding:3px 0;padding-left:10px;background: url("img/dot-subnav.png") no-repeat 2px center;font-size: 12px;color: #fff;display: block;width:74px;overflow: hidden;white-space: nowrap;}
.subNav .productRow ol li a:hover{color: #fffc00}
.subNav .productRow ol li a:hover,.subNav .productRow>ul>li>h2 a:hover{color: #fffc00}

.subNav .warp{position:relative}
.subNav .navClosed{    position: absolute;  right: -50px;  top: -30px;}

#duewhfsf{width:37px; height:37px; background:url(img/sdadfawqdasdw_03.png) no-repeat; border:none;}
.banner{overflow: hidden}
.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;text-align: center;}

.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("img/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:46px}

.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{*display:inline}

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

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

.flashBox ul li .warp img{position: absolute}
.detail a{color:#9d9d9d;}
.detail a:hover{color:#fff;}
/*20160317 BY tanytree*/
.wxBanner .targetBtn{    margin-top: 20px;
    position: absolute;
    bottom: 120px;
    right:2px;z-index: 999}
.wxBanner .targetBtn a{float: left;width:155px;height: 43px;border:1px solid #fd710b; border-radius:40px;text-align: center;line-height:43px;color: #ff6c00;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("img/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: 155px; border:1px solid #52aef1; color:#0173ca;}
.wxBanner .targetBtn a:first-child:hover{background-position: -433px -840px}


.wxBanner{}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.wxBanner .cmsbigtext{    left:0px;
    top: 84px;}
.wxBanner .cmssmalltext{     left:694px;
    top:122px;}

.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: 62%;top: 240px}
.wxBanner .rocket{left: 4%;bottom: 80px}
.wxBanner .dajgewhfhsw{left:80%;bottom: 80px}
.wxBanner .asdghwes{left:40%;top: 80px}
.wxBanner .sdhehsgww{left:39.8%;top: 126px}

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

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

/**新增banner201607011**/
.banner-b{}
.banner-b .w1120 {height: 348px}
.banner-b img{position: absolute}
.banner-b .b-1{right:1px;top: 18px}
.banner-b .b-2{  left:1px; top: 124px;}
.banner-b .b-3{left: 1px;top:250px}
.banner-b .b-s{bottom: 0}
.banner-b .b-s-1{    width: 100px; left: 50px;}
.banner-b .b-s-2{    left: 160px;    width: 160px;}
.banner-b .b-s-3{    left: 390px;width: 58px;}
.banner-b .b-s-4{   right: 359px;  width: 103px;}
.banner-b .b-s-5{    right: 250px;width: 150px;}
.banner-b .b-s-6{    right: 0;width: 65px;}

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

.banner-xr{background-image: url("img/xr.jpg");background-repeat: no-repeat;background-position: top center;background-size: cover;}

.banner-xr .xr-1{    right: -72px;
    top: 160px;}
.banner-xr .xr-2{top: 125px;
    left: 0}
.banner-xr .xr-4{    top: 0;
    left: 50%;
    margin-left: -400px;}
.banner-xr .xr-3-1{    top: 260px;
    left: 0;}
.banner-xr .xr-3-2{    top: 232px;
    right: 0;}

.banner .flashBox .banner-xr .xr-btn{background: url("img/xr-btn.png") no-repeat;width: 282px;height: 68px;overflow: hidden;position: absolute;bottom: 20px;left: 50%;margin-left: -141px}



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

.indexTab{}

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

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

.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: #0173ca;color: #fff}

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

.indexTab .tabThis .detail>.row{padding: 30px 0;width:1200px;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.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: 370px;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}


#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:url(img/dasdasghgedaf_03.png) no-repeat;}
#sudoko-three ul>li.i0:hover .icon i{background:url(img/dasdasghgedaf.png) no-repeat;}

/*#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:url(img/llzjczjcegfwe_03.png) no-repeat; background-position:5px 0;}
#sudoko-three ul>li.i1:hover .icon i{background:url(img/llzjczjcegfwe.png) no-repeat; background-position:5px 0;}


/*#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:url(img/llzjczjcegfwe_06.png) no-repeat;background-position:5px 0;}
#sudoko-three ul>li.i2:hover .icon i{background:url(img/llzjczjcegfw.png) no-repeat;background-position:5px 0;}

/*#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:url(img/asdgashdgw1.png) no-repeat; background-position:4px 0;}
#sudoko-three ul>li.i3:hover .icon i{background:url(img/asdgashdgw2.png) no-repeat; background-position:4px 0;}

/*#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:url(img/asdgashdgw5.png) no-repeat; background-position:12px 0;}
#sudoko-three ul>li.i4:hover .icon i{background:url(img/asdgashdgw6.png) no-repeat; background-position:12px 0;}

/*#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:url(img/asdgashdgw3.png) no-repeat; background-position:10px 0;}
#sudoko-three ul>li.i5:hover .icon i{background:url(img/asdgashdgw4.png) no-repeat; background-position:10px 0;}

/*#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:url(img/asdgashdgw7.png) no-repeat; background-position:10px 0;}
#sudoko-three ul>li.i6:hover .icon i{background:url(img/asdgashdgw8.png) no-repeat; background-position:10px 0;}

#sudoko-three ul>li.i7 .icon i{background:url(img/asdgashdgw9.png) no-repeat; background-position:4px 0;}
#sudoko-three ul>li.i7:hover .icon i{background:url(img/asdgashdgw10.png) no-repeat; background-position:4px 0;}

/*#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:url(img/asdgashdgw11.png) no-repeat;}
#sudoko-three ul>li.i8:hover .icon i{background:url(img/asdgashdgw12.png) no-repeat;}

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

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

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

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



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

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

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

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

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

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

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

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

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

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

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

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

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

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

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



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



























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

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

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

.otherProducts ul>li .btInfo{background: #4c88ce;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("img/sprite.png") no-repeat}

.otherProducts ul>li .btInfo ol li.site i{background:url(img/daghfsfefdsa.png) no-repeat;width: 26px;height: 26px}

.otherProducts ul>li .btInfo ol li.demo i{background:url(img/dhasjdefjfed.png) no-repeat; background-position:3px 0; width: 29px;height: 26px}

.otherProducts ul>li .btInfo ol li.chat i{background:url(img/ashajfhwfs.png) no-repeat;width: 26px;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 #4c88ce;background:#fff}

.eufgffsgdge{background:url(img/ehahdahdudhadw_02.jpg) no-repeat center; min-height:562px; min-width:1200px; overflow:hidden;}



 .scrollBox{width:1200px;  background:url(img/scrollBg.png) ;padding:10px; position:relative; clear:both;}
	.scrollBox .piclist{ overflow:hidden; zoom:1;}
	.scrollBox .ohbox{overflow:hidden; position:relative;}
	.scrollBox {position:relative;overflow:hidden;zoom:1;}
	.scrollBox .piclist li{width:;  height:438px; display:inline; float:left;}
	.scrollBox .piclist li a:hover{color:#E8170D;}
	.scrollBox .piclist li img{width:261px; height:261px;}


	.scrollBox .pageBtn .prev{background:url(img/fvdszlfsdf1_03.png) no-repeat; top:200px;}
	.scrollBox .pageBtn .next{right:0px;top:200px; background:url(img/adnajjdak1_03.png) no-repeat; }

	.scrollBox .pageBtn .list{overflow:hidden;zoom:1;margin:10px 0 0 413px; }
	.scrollBox .pageBtn .list li{ background:url(img/bntBg.png); float:left; display:inline; width:15px;height:15px;background-position:-86px -57px ;cursor:pointer;margin-left:10px;line-height:10000px;overflow:hidden;  }
	.scrollBox .pageBtn .list li.on{background-position:-114px -57px }


	
	.scrollBox .pageBtn span{ background:url(img/bntBg.png) no-repeat; display:block;width:37px;height:59px;position:absolute;top:72px;cursor:pointer;text-indent:-999em;overflow:hidden; }
	
.dejfhgfsfe{float:left; margin: 76px 0 0 86px; overflow:hidden;}
.dejfhgfsfe img{width:261px; height:261px;}
.deuhsdfpdies{float:left; width:730px; margin:130px 0 0 46px; }
.deuhsdfpdies p{font:14px 微软雅黑; color:#333333; text-indent:2em; }
.deuhsdfpdies h3{font:18px 微软雅黑; color:#333333; margin-bottom:20px;}

.euyuyrsggsdf{width:1200px; margin:0 auto; overflow:hidden;}

.kkkjsfhesdx{width:304px; height:54px; background:url(img/asdghdgqwdad_03.png) no-repeat; margin:30px auto 0;}
.deefgsdfefsf{width:275px; height:61px; background:url(img/zjdahdgfefs5_03.png) no-repeat; margin:40px auto 0;}



.degwgfsfrfdsf{margin-top:30px; overflow:hidden; background:url(img/bcbcdgdsfgddww_03.png) bottom no-repeat; padding-bottom:26px; }
.degwgfsfrfdsf li{overflow:hidden;}
.zzjhdfwgfs{background:url(img/lzjdaegfhffsdfe_03.png) no-repeat; background-position:50px 40px; width:648px; min-height:200px; float:left;}
.lkadjedssa1{float:left; margin:0 0 0 118px; width:150px; font:13px 宋体; color:#999999; line-height:20px;}
.lkadjedssa2{float:left; margin:0 0 0 80px; width:244px; font:13px 宋体; color:#999999; line-height:20px;}
.lkadjedssa3{float:left;  width:150px; font:13px 宋体; margin-top: 96px; color:#999999; line-height:20px;}
.lkadjedssa4{float:left;  width:150px; font:13px 宋体; margin:96px 0 0 80px; color:#999999; line-height:20px;}
.lkadjedssa5{float:left;  width:150px; font:13px 宋体; margin:96px 0 0 80px; color:#999999; line-height:20px;}
.dahjefzsdes{float:right;margin:58px 68px 0 0;  overflow:hidden;}
.dahjefzsdes h3{font:24px 微软雅黑; color:#333333; font-weight:bold; margin-bottom:14px;}
.dahjefzsdes p{font:20px 微软雅黑; color:#333333; text-indent:2em;}
.dahjefzsdes1{float:left; margin-top:60px;  overflow:hidden;}
.dahjefzsdes1 h3{font:24px 微软雅黑; color:#333333; font-weight:bold; margin-bottom:14px;}
.dahjefzsdes1 p{font:20px 微软雅黑; color:#333333; text-indent:2em;}
#dejfhjsfsfe{margin-top:30px;}
.deejfghcgf{float:right; margin-right:68px;}
.deejfghcgf1{float:left; margin-left:40px;}

.zixuaddhd{width:1200px; margin:38px auto 0; overflow:hidden;}
.dazzhghcgfeasw{overflow:hidden;}
.lzjchfgwefs1{width:276px; float:left; padding-right:40px; height:339px; background:url(img/dasdahsdaghghzhfs_03.png) no-repeat right;}
.ffefhghsffe{font:14px 微软雅黑; color:#0173ca; font-weight:bold; border-bottom:1px solid #d7d7d7; padding-bottom:8px;}
.ffefhghsffe span{float:right;}
.ffefhghsffe span a{font:14px 微软雅黑; color:#666666;}
.ffefhghsffe span a:hover{color:#0173ca;}
.xcxmzcgfs{margin-top:14px; overflow:hidden;}
.xcxmzcgfs li{background:url(img/llzcxzjcgfwef_03.png) left no-repeat; padding-left:14px; line-height:34px; }
.xcxmzcgfs li a{font:12px 宋体; color:#333333;}
.xcxmzcgfs li a:hover{color:#0173ca;}




.eeuycdssf{float:left; overflow:hidden; padding-right:40px; margin-left:20px; height:339px; background:url(img/dasdahsdaghghzhfs_03.png) no-repeat right;}
.slideTxtBox{ width:440px;  text-align:left;  overflow:hidden;}
		.slideTxtBox .hd{ height:28px; line-height:24px; background:#f4f4f4;  border-bottom:1px solid #d7d7d7;     position:relative; }
		.slideTxtBox .hd ul{ float:left;  position:absolute; left:0px; top:-1px; height:32px;   }
		.slideTxtBox .hd ul li{ float:left; padding:0 7px; font:14px 微软雅黑; color:#999999; line-height:24px; font-weight:bold; cursor:pointer;  }
		.slideTxtBox .hd ul li span{margin-left:10px;}
		.slideTxtBox .hd ul li.on span{color:#999999;}
		.slideTxtBox .hd ul li.on{ height:30px;  color:#267ecd; }
		.slideTxtBox .bd ul{ padding:24px 0 0 6px;  zoom:1;  }
		.slideTxtBox .bd li{background:url(img/llzcxzjcgfwef_03.png) left no-repeat; padding-left:14px;   line-height:34px; overflow:hidden;  }
		.slideTxtBox .bd li .date{ float:right; font:12px 微软雅黑; color:#333333; line-height:34px;  }
.slideTxtBox .bd li a{font:12px 宋体; color:#333333;}
.slideTxtBox .bd li a:hover{color:#267ecd;}		
		.slideTxtBox .hd span{float:right;}
.slideTxtBox .hd span a{font:14px 微软雅黑; color:#666666;}
.slideTxtBox .hd span a:hover{color:#0173ca;}

.efhjhfsghfefs{float:left; width:362px; margin-left:20px;}
.eefhhdsjfhrss{margin:20px 0 0 14px;}

#zcdhdsfhef{margin-bottom:10px; padding-left:0px; background:none;}
.efhhjsfhefs1 a:hover{color:#0173ca;}
.efhhjsfhefs{float:left;}
.efhhjsfhefs img{width:184px; height:117px;} 
.efhhjsfhefs1{float:left; width:230px; margin-left:10px;}
.efhhjsfhefs1 h3{font:14px 微软雅黑; color:#333333; font-weight:bold; margin-bottom:4px;}
.efhhjsfhefs1 p{font:12px 微软雅黑; color:#666666; line-height:20px;}
.vccccsasw{width:1200px; margin:60px auto 60px; overflow:hidden;}
.eeefsdfjsd li{margin:10px 15px 0 15px; width:102px; float:left;}
.eeefsdfjsd li img{width:102px; height:70px; }
	.rewweruhfssed{text-align:center; margin-bottom:20px; font:16px 微软雅黑; color:#333;}
.rewweruhfssed span{font:12px 微软雅黑; color:#333;}
.mcdjgggfsew{border:1px solid #e2e2e2; margin-top:60px; background:url(img/cckzjchjsfwef_03.png);overflow:hidden; }
.ldfefwjhjfs{width:1200px; margin:0 auto; padding-bottom:30px; border-bottom:1px solid #d8d8d8; overflow:hidden;}
.dfsjfewufjsx{width:424px; height:236px; background:url(img/vdsfjhwfsf_03.png) no-repeat; float:left;}

.ccksfsfefs{min-height:44px; margin:72px 0 0 100px; background:url(img/cjhdsfgwfwf5_03.png) left no-repeat; padding-left:70px; font:18px 微软雅黑; color:#333333;}
.ccksfsfefs span{font:26px Impact; color:#0173ca;}
.xcvnbvgffs{float:left; overflow:hidden; margin:14px 0 0 160px;}
.xcvnbvgffs li{font:16px 微软雅黑; color:#333333; line-height:24px;}
.xcvnbvgffs li a{font:13px 宋体; color:#999999;}
.xcvnbvgffs li a:hover{color:#0173ca;}
.adhefdgffs{width:137px; margin:20px 0 0 160px; height:164px; float:left; background:#000; font:16px 微软雅黑; color:#fff; text-align:center;}
.adhefdgffs p{margin:7px 0 7px 0;}

.csjasjdhehewfd{width:1200px; margin:0 auto; height:54px; border-top:1px solid #fff;}
.ckzcyufregess{float:left; font:13px 宋体; color:#999999; line-height:54px; }
.ckzcyufregess a{font:13px 宋体; color:#999999; margin-right:10px;}
.ckzcyufregess a:hover{color:#0173ca;}

.ckzcyufregess1{float:right; font:13px 宋体; color:#999999; line-height:54px;}
/* .ewfjfjsfefdsx{margin-top:30px;} */
.ewfjfjsfefdsx li{width:372px; height:127px; padding-top:65px; margin:20px 0 0 20px; float:left;overflow:hidden; }
.clckxlkvlfsfe1{background:url(img/hygsadjadjw.png) #f6f6f6 no-repeat top; background-position:156px 15px;}
.clckxlkvlfsfe1:hover{background:url(img/hygsadjadjw1.png) #0173ca no-repeat top; background-position:156px 15px; color:#fff;}
.clckxlkvlfsfe222{background:url(img/daijinjuandhw.png) #f6f6f6 no-repeat top; background-position:156px 15px;}
.clckxlkvlfsfe222:hover{background:url(img/daijinjuandhw1.png) #0173ca no-repeat top; background-position:156px 15px; color:#fff;}

.clckxlkvlfsfe2{background:url(img/husafgfxcgfdewqw.png) #f6f6f6 no-repeat top; background-position:156px 15px;}
.clckxlkvlfsfe2:hover{background:url(img/husafgfxcgfdewqw1.png) #0173ca no-repeat top; background-position:156px 15px; color:#fff;}
.clckxlkvlfsfe3{background:url(img/dagshgdhasdw.png) #f6f6f6 no-repeat top; background-position:156px 15px;}
.clckxlkvlfsfe3:hover{background:url(img/dagshgdhasdw1.png) #0173ca no-repeat top; background-position:156px 15px; color:#fff;}
.clckxlkvlfsfe4{background:url(img/dasgfcfeef.png) #f6f6f6 no-repeat top; background-position:156px 15px;}
.clckxlkvlfsfe4:hover{background:url(img/dasgfcfeef1.png) #0173ca no-repeat top; background-position:156px 15px; color:#fff;}
.clckxlkvlfsfe5{background:url(img/dhxzhcghasdf.png) #f6f6f6 no-repeat top; background-position:156px 15px;}
.clckxlkvlfsfe5:hover{background:url(img/dhxzhcghasdf1.png) #0173ca no-repeat top; background-position:156px 15px; color:#fff;}
.clckxlkvlfsfe6{background:url(img/yidasdgsadw.png) #f6f6f6 no-repeat top; background-position:156px 15px;}
.clckxlkvlfsfe6:hover{background:url(img/yidasdgsadw1.png) #0173ca no-repeat top; background-position:156px 15px; color:#fff;}
.clckxlkvlfsfe7{background:url(img/sujufenasdj.png) #f6f6f6 no-repeat top; background-position:156px 15px;}
.clckxlkvlfsfe7:hover{background:url(img/sujufenasdj1.png) #0173ca no-repeat top; background-position:156px 15px; color:#fff;}
.clckxlkvlfsfe8{background:url(img/dadasffefds.png) #f6f6f6 no-repeat top; background-position:156px 15px;}
.clckxlkvlfsfe8:hover{background:url(img/dadasffefds1.png) #0173ca no-repeat top; background-position:156px 15px; color:#fff;}
.clckxlkvlfsfe9{background:url(img/jieshuanxiefe.png) #f6f6f6 no-repeat top; background-position:156px 15px;}
.clckxlkvlfsfe9:hover{background:url(img/jieshuanxiefe1.png) #0173ca no-repeat top; background-position:156px 15px; color:#fff;}
.clckxlkvlfsfe10{background:url(img/kjiefugags.png) #f6f6f6 no-repeat top; background-position:156px 15px;}
.clckxlkvlfsfe10:hover{background:url(img/kjiefugags1.png) #0173ca no-repeat top; background-position:156px 15px; color:#fff;}
.clckxlkvlfsfe11{background:url(img/caodaidasjhdw.png) #f6f6f6 no-repeat top; background-position:156px 15px;}
.clckxlkvlfsfe11:hover{background:url(img/caodaidasjhdw1.png) #0173ca no-repeat top; background-position:156px 15px; color:#fff;}
.clckxlkvlfsfe12{background:url(img/dasdayhweff.png) #f6f6f6 no-repeat top; background-position:156px 15px;}
.clckxlkvlfsfe12:hover{background:url(img/dasdayhweff1.png) #0173ca no-repeat top; background-position:156px 15px; color:#fff;}
.clckxlkvlfsfe13{background:url(img/yjdgehfawd.png) #f6f6f6 no-repeat top; background-position:156px 15px;}
.clckxlkvlfsfe13:hover{background:url(img/yjdgehfawd1.png) #0173ca no-repeat top; background-position:156px 15px; color:#fff;}
.clckxlkvlfsfe14{background:url(img/jiadsadghewfs.png) #f6f6f6 no-repeat top; background-position:156px 15px;}
.clckxlkvlfsfe14:hover{background:url(img/jiadsadghewfs1.png) #0173ca no-repeat top; background-position:156px 15px; color:#fff;}
.clckxlkvlfsfe15{background:url(img/shangpdahsdgee.png) #f6f6f6 no-repeat top; background-position:156px 15px;}
.clckxlkvlfsfe15:hover{background:url(img/shangpdahsdgee1.png) #0173ca no-repeat top; background-position:156px 15px; color:#fff;}
.clckxlkvlfsfe16{background:url(img/liansuodjasw.png) #f6f6f6 no-repeat top; background-position:156px 15px;}
.clckxlkvlfsfe16:hover{background:url(img/liansuodjasw1.png) #0173ca no-repeat top; background-position:156px 15px; color:#fff;}
.clckxlkvlfsfe17{background:url(img/djhcjvhjregs.png) #f6f6f6 no-repeat top; background-position:156px 15px;}
.clckxlkvlfsfe17:hover{background:url(img/djhcjvhjregs1.png) #0173ca no-repeat top; background-position:156px 15px; color:#fff;}
.clckxlkvlfsfe18{background:url(img/reneajasd.png) #f6f6f6 no-repeat top; background-position:156px 15px;}
.clckxlkvlfsfe18:hover{background:url(img/reneajasd1.png) #0173ca no-repeat top; background-position:156px 15px; color:#fff;}
.clckxlkvlfsfe19{background:url(img/llzjczjcegfwe55.png) #f6f6f6 no-repeat top; background-position:156px 15px;}
.clckxlkvlfsfe19:hover{background:url(img/llzjczjcegfwe551.png) #0173ca no-repeat top; background-position:156px 15px; color:#fff;}
.clckxlkvlfsfe20{background:url(img/dadrgvcxfregs.png) #f6f6f6 no-repeat top; background-position:156px 15px;}
.clckxlkvlfsfe20:hover{background:url(img/dadrgvcxfregs1.png) #0173ca no-repeat top; background-position:156px 15px; color:#fff;}
.clckxlkvlfsfe21{background:url(img/yidasgdeffe.png) #f6f6f6 no-repeat top; background-position:156px 15px;}
.clckxlkvlfsfe21:hover{background:url(img/yidasgdeffe1.png) #0173ca no-repeat top; background-position:156px 15px; color:#fff;}
.clckxlkvlfsfe22{background:url(img/jifnesaduahwsa.png) #f6f6f6 no-repeat top; background-position:156px 15px;}
.clckxlkvlfsfe22:hover{background:url(img/jifnesaduahwsa1.png) #0173ca no-repeat top; background-position:156px 15px; color:#fff;}
.clckxlkvlfsfe23{background:url(img/hydhafshfef.png) #f6f6f6 no-repeat top; background-position:156px 15px;}
.clckxlkvlfsfe23:hover{background:url(img/hydhafshfef1.png) #0173ca no-repeat top; background-position:156px 15px; color:#fff;}
.clckxlkvlfsfe24{background:url(img/dafxcljkjfwejfwfd.png) #f6f6f6 no-repeat top; background-position:156px 15px;}
.clckxlkvlfsfe24:hover{background:url(img/dafxcljkjfwejfwfd1.png) #0173ca no-repeat top; background-position:156px 15px; color:#fff;}
.clckxlkvlfsfe25{background:url(img/xaioshoudenxidaw.png) #f6f6f6 no-repeat top; background-position:156px 15px;}
.clckxlkvlfsfe25:hover{background:url(img/xaioshoudenxidaw1.png) #0173ca no-repeat top; background-position:156px 15px; color:#fff;}
.clckxlkvlfsfe26{background:url(img/hiydashgfed.png) #f6f6f6 no-repeat top; background-position:156px 15px;}
.clckxlkvlfsfe26:hover{background:url(img/hiydashgfed1.png) #0173ca no-repeat top; background-position:156px 15px; color:#fff;}

.clckxlkvlfsfe27{background:url(img/caozuojiandanw.png) #f6f6f6 no-repeat top; background-position:156px 15px;}
.clckxlkvlfsfe27:hover{background:url(img/caozuojiandanw1.png) #0173ca no-repeat top; background-position:156px 15px; color:#fff;}
.clckxlkvlfsfe28{background:url(img/dadgdwfafaw.png) #f6f6f6 no-repeat top; background-position:156px 15px;}
.clckxlkvlfsfe28:hover{background:url(img/dadgdwfafaw1.png) #0173ca no-repeat top; background-position:156px 15px; color:#fff;}
.clckxlkvlfsfe29{background:url(img/dasujidahdgw.png) #f6f6f6 no-repeat top; background-position:156px 15px;}
.clckxlkvlfsfe29:hover{background:url(img/dasujidahdgw1.png) #0173ca no-repeat top; background-position:156px 15px; color:#fff;}
.clckxlkvlfsfe30{background:url(img/kehudahdwgff.png) #f6f6f6 no-repeat top; background-position:156px 15px;}
.clckxlkvlfsfe30:hover{background:url(img/kehudahdwgff1.png) #0173ca no-repeat top; background-position:156px 15px; color:#fff;}
.clckxlkvlfsfe31{background:url(img/jzdasdfwgfw.png) #f6f6f6 no-repeat top; background-position:156px 15px;}
.clckxlkvlfsfe31:hover{background:url(img/jzdasdfwgfw1.png) #0173ca no-repeat top; background-position:156px 15px; color:#fff;}
.clckxlkvlfsfe32{background:url(img/ydsajgdhddwg.png) #f6f6f6 no-repeat top; background-position:156px 15px;}
.clckxlkvlfsfe32:hover{background:url(img/ydsajgdhddwg1.png) #0173ca no-repeat top; background-position:156px 15px; color:#fff;}
.clckxlkvlfsfe33{background:url(img/xinzhnwgahgd.png) #f6f6f6 no-repeat top; background-position:156px 15px;}
.clckxlkvlfsfe33:hover{background:url(img/xinzhnwgahgd1.png) #0173ca no-repeat top; background-position:156px 15px; color:#fff;}
.clckxlkvlfsfe34{background:url(img/jidajdagwfga.png) #f6f6f6 no-repeat top; background-position:156px 15px;}
.clckxlkvlfsfe34:hover{background:url(img/jidajdagwfga1.png) #0173ca no-repeat top; background-position:156px 15px; color:#fff;}



.dkdjdffhefsdfsd{padding:15px 20px 0 20px; }
.clckxlkvlfsfe{width:65px; height:65px; margin:0 auto;}
.clckxlkvlfsfe img{width:65px; }





.cxccvxgchgff h2{font-size: 16px;
font-weight: normal;
line-height: 30px;
padding-bottom: 10px;text-align: center;}

.cxccvxgchgff p{font-size: 12px;
line-height: 18px;
text-align: left;
display: block;
height: 35px;
overflow: hidden;}
.cxccvxgchgff p:hover{height:auto;}



















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


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


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

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



















.detail .otherProducts ul>li:hover .icon i{}

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

.otherProducts ul>li:hover h2{color: #4c88ce;}

.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("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;}
@-moz-document url-prefix(){.skillMod ul li .desc> .row0 p{width: 330px;}.rect3Box ul li .desc> .row0 p{width: 175px;}} 

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.jsRect ul li{position: absolute;}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.js3Rect ul li{position: absolute}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.feaTures{}

.feaTures .ftUl{}

.feaTures .ftUl .ftUlLi{float: left}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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









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







.videos{}
.videos ul{margin-right: -46px}
.videos ul li{float: left;margin-right: 40px;width: 280px;background: #f6f6f6;padding-bottom: 6px;    margin-top: 40px;}
.videos ul li .videoPlaceholder{background:url("img/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("img/play1disabled.png") no-repeat}
.videos ul li a{color: #fff}
.videos ul li a h2{font-size: 16px;white-space: nowrap;overflow: hidden;text-align: left;text-overflow: ellipsis;font-weight: normal;padding: 8px 10px;color: #3d3d3d}
.videos ul li a p{
    color: #333;
    height: 40px;
    line-height: 20px;
    font-size: 14px;
    overflow: hidden;
    padding: 0 10px;text-align: left;color: #9d9d9d}















.whyPig{}

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

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

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

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

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

.whyPigBd{margin-top: 30px}

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

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

.whyPigBd .lastUpdate{width: 100%}

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

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

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

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

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

.whyPigBd ul li .icon i{display: block;margin: 0 auto;width: 81px;height: 88px;background:url("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%;display:block}

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

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

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

.footer .ftUl{text-align: center}

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

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

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

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

.footer .ftUl .ftColumns .links{}

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

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

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

.footer .ftUl .last .qrCode{}

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

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

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

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

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

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

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

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

.singlePageMod .asideNav ul li i{display: none;width: 11px;height: 11px;background:#fff url("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 .newsMain .text p a{border-bottom: 1px dotted #49b44f;}
.news .newsMain .text p a:hover{border:0;text-decoration:underline}

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

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

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

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

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

.singleTab{}

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

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

.singleTab .hd ul li:hover{}

.mapAdress{padding: 20px 0}

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

.mapAdress p{padding-top: 10px}

.job{margin-top: 20px;}
.jobBorder{border: 1px solid #eee}

.job .jobHd{    padding: 0 30px;background: #f8f8f8}
.job .jobHd li{ float: left;font-size: 14px;color: #9d9d9d;text-align: center;    line-height: 40px;}
.job .jobOl li{float: left;font-size: 14px;color: #9d9d9d;text-align: center;    line-height: 50px;}


.job .jobHd li.jobTitle,.jobOl li.jobTitle{width: 220px;text-align: left}
.job .jobHd li.workPlace,.jobOl li.workPlace{width: 140px;}
.job .jobHd li.payment,.jobOl li.payment{width: 140px}
.job .jobHd li.updateTime,.jobOl li.updateTime{width: 140px}
.job .jobHd li.jobArrow,.jobOl li.jobArrow{width: 87px}

.job .jobList ul li.jobLi{margin-top: -1px}
.job .jobList ul li.jobLi .jobOl{padding: 0 30px;border-bottom:1px solid #eee;border-top:1px solid #eee }
.jobOl li{height:50px;}
.jobOl li.jobTitle h2{color: #3d3d3d;font-size: 18px;font-weight: normal;}
.jobOl li.payment em{color: #49b44f}
.jobOl li.jobArrow{text-align: center;cursor: pointer}
.jobOl li.jobArrow i{display: inline-block;width: 17px;height: 10px;background: url("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}
.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;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("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("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 li{margin: 50px 0}

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

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

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

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

.articleTimeLine li .gist{overflow: hidden}

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

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

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

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

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

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

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

.articleTimeLine li .grayDot{top: 35px}

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

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

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

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

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

.showImg{width: 730px;}

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

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

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

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

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

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

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

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

.fixedBar{width: 100px;position: fixed;bottom:115px;z-index: 999;right: 0}

.fixedBar ul>li{width: 100px;background: url("img/darkrbga.png") repeat;margin-bottom: 5px;height:80px;    overflow: hidden;}
.fixedBar ul li.video{height: 80px;background: url("img/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("img/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("img/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("img/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("img/moved.png") no-repeat top center;height: 100%}
.fixedBar ul li.anniversary-3{background: #ffdee1 url("img/anniversary-3bg.png") no-repeat}
.fixedBar ul li.anniversary-3 i{width: 26px;height: 26px;background: url("img/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("img/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("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}


.message{width: 800px;margin: 0 auto}
.message h2{font-size: 18px;color: #3d3d3d;text-align: center;font-weight: normal;padding-bottom: 10px}
.message .table table{border: 1px solid #eee}
.message .table table th,.message .table table td{border: 1px solid #eee;text-align: center;line-height: 30px}
.message .table table th{font-weight: normal}
.message .table table .buyNow{display: inline-block;padding: 0px 10px;border-radius: 10px;background: #49b44f;color: #fff;line-height: 22px;}
.message .table table .buyNow{*display: inline}
.message .table table td i{color:#49b44f}
.message .infoDesc{margin-top: 15px}
.message .infoDesc h3{font-size: 18px;color: #49b44f;font-weight: normal;padding: 10px 0}
.message .infoDesc p{color: #9d9d9d;line-height: 22px}
.txYun{width: 927px}
.txYun .topBanner{border: 1px solid #eee}
.txYun .topBanner img{width:925px}
.yunList{margin-right: -30px}
.yunList .prodOne{float: left;margin: 30px 30px 0 0;width: 287px;border: 1px solid #eee}
.prodOne p{height: 40px;line-height: 40px;text-align: center;color: #6d6d6d;border-bottom: 1px solid #eee;}
.yunList .prodOne p i{display: inline-block;background: url("img/sprite.png") no-repeat;vertical-align: middle;margin-right: 10px}
.yunList .prodOne p i{*display: inline}
.yunList .prodOne p.one i{background-position: 0 -1232px;width: 31px;height: 20px}
.yunList .prodOne p.two i{background-position: -36px -1232px;width: 25px;height: 25px}
.yunList .prodOne p.three i{background-position: -65px -1232px;width: 23px;height: 24px}
.prodOne li{line-height: 34px;font-size: 14px;color: #9d9d9d;border-bottom: 1px solid #eee;padding-left: 5px;padding-right: 5px;}
.prodOne li.zuiHou{line-height: normal;color:#49b44f;padding: 14px 5px;border-bottom: 0;font-size: 18px;}
.prodOne li span{float: right;color: #666;font-size: 14px;}
.prodOne li a.buyNow{float: right;background: #49b44f;color: #fff;padding: 0 15px;line-height: 22px;border-radius: 10px;font-size: 14px}
.payWay{width: 800px;margin: 0 auto}
.payWay .payInfo{}
.payWay .payInfo ul li{border: 1px solid #eee;margin-top: 15px}
.payWay .payInfo ul li .flImg{display: inline-block;width: 300px;border-right: 1px solid #eee}
.payWay .payInfo ul li .flImg{*display: inline}
.payWay .payInfo ul li .textDesc{display: inline-block;vertical-align: middle;margin-left: 30px}
.payWay .payInfo ul li .textDesc{*display: inline}
.payWay .payInfo ul li .textDesc p{display: inline;line-height: 22px;}
.payWay .payDesc{font-size: 14px}
.payWay .payDesc h3{font-size: 14px;color: #49b44f;font-weight: normal;padding: 15px 0}
.payWay .payDesc p{font-size: 14px;line-height: 22px}

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

 /*20160111 11 窗口滚动后导航悬浮，高度变小 BY tanytree（董林） */
 .fixedStyle {z-index:999}
.fixedStyle .top{display: none}
.fixedStyle .navAndLogo{position: fixed;padding: 0;margin: 0;background:#fff;background: rgba(255,255,255,.95);width: 100%;min-width:1210px;width:expression_r(document.body.clientWidth < 1210? "1210": "auto" );top: 0;z-index: 9;border-bottom: 1px solid #f1f1f1;*border-bottom: 1px solid #ddd;}
.fixedStyle .navAndLogo .logo{    left: 50px;}
.fixedStyle .navAndLogo .logo a{display: block;margin-top: 10px;}
.fixedStyle .navAndLogo .logo a img{height: 35px}
.fixedStyle .navAndLogo .bigNav{margin-top: 0}
.fixedStyle .navAndLogo .bigNav ul li a{padding: 15px 0}
.fixedStyle .navAndLogo .search{margin-top: 7px;    right: 50px;}
.fixedStyle .subNav{position:fixed;top:54px}
.fixedStyle .navAndLogo .bigNav ul li a i{margin-top: -7px;opacity: .5;bottom: -8px}


 /*20160111 16 回到顶部 BY tanytree（董林） */
.backTop{background: url("img/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:url(img/asdashdgwqgwqasd_03.png); margin-top:-15px; position: relative;
z-index: 1001;} */
.scrollNews {
    background: url(img/asdashdgwqgwqasd_03.png);
    margin-top: 0px;
    position: relative;
    z-index: 10;
}
.scrollNews .more{height: 40px;line-height: 40px;padding: 0 15px;font-size: 12px;color: #fff;}
.scrollNews .notificationIcon {width: 34px;height: 40px; padding-left:34px; line-height:37px; color:#fff;  margin-right:6px;background: url(img/dadhxdeadawd_03.png) no-repeat left;}
.scrollNews .scrollText{overflow: hidden;height: 40px}
.scrollNews .scrollText li a{height: 40px;display: block;line-height: 40px;font-size: 12px;color: #fff;}
.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("img/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(img/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("img/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("img/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("img/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("img/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;}
.wxBanner .dajgewhfhsw{-webkit-animation:lightSpeedIn 1s 1.2s ease both;-moz-animation:lightSpeedIn 1s 1.2s ease both;animation:lightSpeedIn 1s 1.2s ease both;}
.wxBanner .asdghwes{-webkit-animation: bounceInLeft 1.5s 0s ease both;
-moz-animation: bounceInLeft 1.5s 0s ease both;
animation: bounceInLeft 1.5s 0s ease both;}
.wxBanner .sdhehsgww{-webkit-animation:lightSpeedIn 1s 1.2s ease both;-moz-animation:lightSpeedIn 1s 1.2s ease both;animation:lightSpeedIn 1s 1.2s ease both;}

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

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

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

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

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

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


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

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

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

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

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



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

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




.banner-xr .xr-1{ -webkit-animation: bounceInLeft 2s 2s ease both;-moz-animation: bounceInLeft 2s 2s ease both;animation: bounceInLeft 2s 2s ease both;}
.banner-xr .xr-2{-webkit-animation: zoomInDown 1.5s .5s ease both;-moz-animation: zoomInDown 1.5s .5s ease both;animation: zoomInDown 1.5s .5s ease both; }
.banner-xr .xr-4{-webkit-animation: flipInY 1s 0s ease both;-moz-animation: flipInY 1s 0s ease both;animation: flipInY 1s 0s ease both;}
.banner-xr .xr-3-1{-moz-animation: moveRight 15s 0s infinite linear normal backwards;-webkit-animation: moveRight 15s 0s infinite linear normal backwards;animation: moveRight 15s 0s infinite linear normal backwards;}
.banner-xr .xr-3-2{-webkit-animation: moveLeft 15s 0s infinite linear normal both;  -moz-animation: moveLeft 15s 0s infinite linear normal both;animation: moveLeft 15s 0s infinite linear normal both;}

.banner .flashBox .banner-xr .xr-btn{-webkit-animation: bounceInUp 2s 0s  linear normal both;  -moz-animation: bounceInUp 2s 0s  linear normal both;animation: bounceInUp 2s 0s  linear normal both;}
.oowasdhagdex{background:#e8f3ff; overflow: hidden; border-bottom:1px solid #e2e2e2;}
.dqwdgdhgees{width:1200px; margin:40px auto 0; overflow: hidden;}
.dewgffifdsjfe{margin:0 auto; width:234px; background:url(img/dasdasjdhwdgahdws5_03.png) no-repeat; background-position:0px 7px; font:32px 微软雅黑; color:#0173ca; padding-left:46px;}
.dewgffifdsjf1{margin:0 auto 26px; width:130px; background:url(img/dasdasjdhwdgahdws5_03.png) no-repeat; background-position:0px 7px; font:32px 微软雅黑; color:#0173ca; padding-left:46px;}
.dfgweyfgsfex{margin-top:46px; background:url(img/xiadhdeffe_03.png) no-repeat; min-height:400px; overflow: hidden; padding-bottom:50px;}
.dfgweyfgsfex ul{margin-top:22px; overflow: hidden; }
#dehghfsdfef{margin-top:100px;}
#defhfsfdxx{margin-top:100px;}
.dfgweyfgsfex li{overflow: hidden;}
#ddgqdgwas1{float:left; background:url(img/adghdgehddewf1.png) no-repeat; background-position: 0px 8px; padding-left:72px; font:14px 微软雅黑; color:#666666; min-height:66px;}
#ddgqdgwas1 span{ color:#0173ca; font-weight:bold;}
#ddgqdgwas2{float:right; background:url(img/adghdgehddewf2.png) no-repeat; padding-left:90px; font:14px 微软雅黑; color:#666666; min-height:66px; padding-top:6px; margin-right:0px;}
#ddgqdgwas2 span{ color:#0173ca; font-weight:bold;}
#ddgqdgwas3{float:left; background:url(img/adghdgehddewf3.png) no-repeat; padding-left:72px; font:14px 微软雅黑; color:#666666; min-height:66px;}
#ddgqdgwas3 span{ color:#0173ca; font-weight:bold;}
#ddgqdgwas4{float:right; background:url(img/adghdgehddewf4.png) no-repeat; padding-left:90px; font:14px 微软雅黑; color:#666666; min-height:66px; }
#ddgqdgwas4 span{ color:#0173ca; font-weight:bold;}
#ddgqdgwas5{float:left; padding-top:8px;  background:url(img/adghdgehddewf5.png) no-repeat; padding-left:72px; font:14px 微软雅黑; color:#666666; min-height:66px;  }
#ddgqdgwas5 span{ color:#0173ca; font-weight:bold;}
#ddgqdgwas6{float:right;  background:url(img/adghdgehddewf6.png) no-repeat; background-position: 0px 12px; padding-left:90px; font:14px 微软雅黑; color:#666666; min-height:66px; }
#ddgqdgwas6 span{ color:#0173ca; font-weight:bold;}


.dede_pages {
  clear: both;
  display: block;
  padding-top: 10px;
}
.dede_pages ul{
 float:left;
}
.dede_pages ul li{
 float:left;
 font-family:Tahoma;
 margin-right:6px;
}
.dede_pages ul li a{
 float:left;
 padding:2px 4px 2px;
 color:#666;
 border-bottom:1px solid #EEE;
}
.dede_pages ul li a:hover{
 color:#690;
 text-decoration:none;
 padding:2px 4px 1px;
 border-bottom:2px solid #690;
}
.dede_pages ul li.thisclass a,.pagebox ul li.thisclass a:hover{
 color:#F63;
 padding:2px 4px 1px;
 border-bottom:2px solid #F63;
 font-weight:bold;
}
.dede_pages .pageinfo{
 float:right;
 color:#999;
}
.dede_pages .pageinfo strong{
 color:#666;
 font-weight:normal;
 margin:0px 2px;
}


















/*动画库*/
@-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}

.cenrmfnshfew{background:#F1F1F1; padding-bottom:60px; overflow:hidden;}
.eeiuqfdffsfdsfe{width:1200px; margin:0 auto; overflow:hidden;}

.wfhefrhgsdfs{text-align:center; margin:40px 0 40px 0;}
.wfhefrhgsdfs h3{color: #3d3d3d;
font-size: 30px;
font-weight: normal;
line-height: 50px;}
.wfhefrhgsdfs p{color: #999999;
font-size: 14px;
font-weight: normal;
line-height: 30px;}

.ejwjsfkjkefss{overflow:hidden;}
.xznvfgeyfjfsfge{float:left; width:185px; padding:15px 0 15px 15px; background:#EDEDED; overflow:hidden;}
.xznvfgeyfjfsfge li a{display: block; width:145px; height:54px; padding-left:40px; line-height:54px; }
.xznvfgeyfjfsfge li a:hover{background:url(img/dasdawqdwewef.png) #fff left no-repeat; color:#0173ca; background-position:8px 16px;}
#adjw{background:url(img/dasdawqdwewef.png) #fff left no-repeat; background-position:8px 16px; color:#0173ca;}
.iiiwergsfesdf{float:left; padding:35px 20px 35px 20px; width:958px; background:#fff; overflow:hidden;}
.selectnav p a{display: block; width:145px; height:54px; padding-left:40px; line-height:54px; background:url(img/dasdawqdwewef.png) left no-repeat;  background-position:8px 16px;}

.selectnav1 p a{display: block; width:145px; height:54px; padding-left:40px; line-height:54px; background:url(img/dasdawqdwewef.png) left no-repeat;  background-position:8px 16px;}

.selectnav2 p a{display: block; width:145px; height:54px; padding-left:40px; line-height:54px; background:url(img/dasdawqdwewef.png) left no-repeat;  background-position:8px 16px;}
.selectnav3 p a{display: block; width:145px; height:54px; padding-left:40px; line-height:54px; background:url(img/dasdawqdwewef.png) left no-repeat;  background-position:8px 16px;}


.iiiwergsfesdf .bd15{ /* min-height:445px;*/ }
	.iiiwergsfesdf .bd15 ul{ overflow:hidden;  }
	.iiiwergsfesdf .bd15 ul li{ width:274px; padding:0 13px;background:url(img/xajjkaskE59BAD_03.png) no-repeat bottom;float:left; overflow:hidden;  display:inline;  position:relative;}
    .iiiwergsfesdf .bd15 ul .wenbben{display:none;position:absolute; top:10px;left:13px;width:274px;height:205px;}
    .iiiwergsfesdf .bd15 ul .wenbben b{display:block;width:276px;height:192px;background:#000;filter:alpha(opacity=40);opacity:0.5;}
    .iiiwergsfesdf .bd15 ul .wenbben p{width:94%;padding:0 3%;line-height:25px;color:#fff; font:12px 微软雅黑;text-align:center;}
    .iiiwergsfesdf .bd15 ul .wenbben .wenbbens{position:absolute; top:0;left:0;border:2px solid #fff;width:250px;height:168px;margin:10px;}
    .iiiwergsfesdf .bd15 ul .wenbben .wenbbens1{position:absolute; top:8px;left:0;}
    .iiiwergsfesdf .bd15 ul .wenbben .wenbbens2{position:absolute; top:100px;left:0;}
    .iiiwergsfesdf .bd15 ul .wenbben span{display:block;width:100%;position:absolute; top:40px;left:0;padding:20px 0;background:url(img/yan.png) center no-repeat;}
    .iiiwergsfesdf .bd15 ul li a{display:block;}
    .iiiwergsfesdf .bd15 ul li a:hover .wenbben{display:block;}
	.iiiwergsfesdf .bd15 ul li img{ margin:10px 0;width:276px; height:192px; display:block;  }


.fenye{width:100%;margin:20px 0;text-align:center;}
.fenye a{display:inline-block;padding:2px 6px;border:1px solid #ddd;margin:0 6px;}
.fenye a:hover{background:#0173ca;color:#fff;border:1px solid #0173ca;}

.effsdfsdgcsdfsef{overflow:hidden;}
.effsdfsdgcsdfsef li{margin-bottom:24px; padding-bottom:16px; overflow:hidden; border-bottom:1px solid #ccc;}
.effsdfsdgcsdfsef li h3{padding-bottom:10px; }
.effsdfsdgcsdfsef li h3 a{font:18px 微软雅黑; color:#333;}
.effsdfsdgcsdfsef li h3 a:hover{color:#0173ca;}
.sadhfhjgfjfse{width:135px; float:left;}
.sadhfhjgfjfse img{width:135px; height:90px;}

.djefjhsjsfe{width:800px; float:left; margin-left:20px; font:14px 微软雅黑; line-height:20px;}
.djefjhsjsfe a{margin-left:10px;}
.djefjhsjsfe a:hover{color:#0173ca;}

.dadghfeffsafw1{float:left;}
.dadghfeffsafw1 a{font:16px 微软雅黑; color:#fff;}
.dadghfeffsafw2{font:16px 微软雅黑; color:#fff; float:left;}
.dadghfeffsafw2 a{font:16px 微软雅黑; color:#fff;}
.dadghfeffsafw3{font:16px 微软雅黑; color:#fff; float:left;}
.dadghfeffsafw3 a{font:16px 微软雅黑; color:#fff;}
.dadghfeffsafw4{font:16px 微软雅黑; color:#fff; float:left;}
.dadghfeffsafw4 a{font:16px 微软雅黑; color:#fff;}
.con {
    clear: both;
    margin: 0 auto;
    width: 958px;
}.con .n {
    float: left;
    padding-top: 10px;
    width: 958px;
}
.con .n .top {
  background-color: #ededed;
  float: left;
  height: 30px;
  line-height: 30px;
  text-indent: 10px;
  width: 958px;
}
.con .n .secn {
    color: #1c3b58;
    float: left;
    line-height: 20px;
    padding-right: 10px;
    padding-top: 10px;
    text-indent: 10px;
    width: 740px;
}.con .n .size {
    float: left;
    padding: 10px 0;
    width: 150px;
}.con .n .desc {
    float: left;
    text-indent: 10px;
    width: 900px;
}.con .n .top span {
    color: #000000;
    font-weight: bold;
}
.con .n .top span a {
  color: #0173ca;
  font-weight: normal;
}
.con .n .top a {
  color: red;
  padding-left: 15px;
}
.tit {
  background: #999999 none repeat scroll 0 0;
  color: #fff;
  float: left;
  font-family: "微软雅黑";
  font-size: 16px;
  font-weight: normal;
  height: 50px;
  line-height: 50px;
  padding-top: 5px;
  text-indent: 10px;
  width: 958px;
}
.DownLoad {
    float: left;
    padding-top: 10px;
    width: 958px;
}