/*****www.135k.com11-30******/ @charset 'utf-8'; a { text-decoration: none!important; } article ,aside ,dialog ,footer ,header ,section ,footer ,nav ,figure ,menu {display:block;} .width1200 {position:relative;width:1200px;margin:0 auto;padding-bottom:1px;} .width1120 {position:relative;width:1120px;margin:0 auto;padding-bottom:1px;} .width1000 {position:relative;width:1000px;margin:0 auto;padding-bottom:1px;} .header {z-index:99999999;position:relative;margin:0 auto;} .header .nav {height:36px;line-height:36px;background:#333;} .header .nav>ul>li {float:left;width:50%;font-size:12px;color:#777;} .header .nav li h2 {font-size:12px;font-weight:normal;height:36px;line-height: 36px} .header .nav li a {color:#b0b0b0;} .header .nav li.last {float:right;width:48%;text-align:right;} .header .nav li.last a {color:#b0b0b0;} .header .nav li.last p {float:left;padding-right:10px;} .header .nav li.last ol {float:left;} .header .nav li.last ol li {position:relative;float:left;width:auto;padding:0 15px;font-size:12px;color:#999;cursor:pointer;} .header .nav li.last ol li .downloadApp {z-index:1;position:absolute;top:35px;left:-210px;width:420px;min-height:160px;font-size:16px;color:#333;text-align:left;display:none;background:#fff;border:1px solid #333;border-bottom-right-radius:10px;border-bottom-left-radius:10px;} .header .nav li.last ol li .downloadApp.small span {border:0;} .header .nav li.last ol li .downloadApp.small span em {margin-top:-3px;margin-right:5px;display:inline-block;vertical-align:top;} .header .nav li.last ol li:hover {color:#fff;} .header .nav li.last ol li dl dd {margin-top:28px;font-size:0;line-height:15px;padding-left:25px;} .header .nav li.last ol li:nth-child(2) dl dd:first-child{ } .header .nav li.last ol li dl dd i {width:14px;height:14px;margin-right:10px;display:inline-block;vertical-align:top;background:url('../images/newIcon.png') -8px -18px;} .header .nav li.last ol li dl dd span {padding:0 10px;font-size:14px;line-height:15px;display:inline-block;vertical-align:top;border-left:1px solid #333;} .header .nav li.last ol li .downloadApp.small dl dd span a {color:#333!important;} .header .nav li.last ol li .downloadApp.small dl dd span:hover a {color:#01b45f!important;} .header .nav li.last ol li dl dd span:nth-child(2) {border-left:0;} .header .nav li.last ol li dl dd span:hover {color:#01b45f;} .header .nav li.last ol li .downloadApp div {display:none;} .header .nav li.last ol li .downloadApp div>i {position:absolute;top:0;right:0;width:26px;height:26px;background:#3cc782 url('../images/newIcon.png');background-position:-303px -14px;} .header .nav li.last ol li .downloadApp div {padding:2px 67px;} .header .nav li.last ol li .downloadApp div p {width:100%;font-size:14px;color:#333;line-height:63px;text-align:center;} .header .nav li.last ol li .downloadApp div span {width:140px;font-size:14px;color:#666;line-height:43px;text-align:center;display:inline-block;vertical-align:top;} .header .nav li.last ol li .downloadApp div span img {max-width:100px;margin:0 auto;display:block;} .header .nav li.last ol li a {color:#999;} .header .nav li.last ol li.active ,.header .nav li.last ol li:hover {color:#fff;background:#19af64;} .header .nav li.last ol li.active>a ,.header .nav li.last ol li:hover>a {color:#fff;} .header .fixed_header {z-index:8;position:fixed;top:0;left:0;width:100%;margin:0;padding:10px 0;display:none;background:rgba(255, 255, 255, .89);background:#fff\9;box-shadow:0px 1px 5px #afacac;} .trialTxt {float:right;width:860px;text-align:right;} .trialTxt p {min-width:434px;padding:15px 0;font-size:16px;color:#9d9d9d;line-height:25px;display:inline-block;*display:inline;*zoom:1;} .trialTxt p i {font-size:20px;color:#f1a41f;display:inline-block;} .trialTxt div {display:inline-block;vertical-align:top;*display:inline;} .trialTxt div a {width:96px;height:37px;margin-top:12px;font-size:14px;color:#fff;line-height:37px;text-align:center;display:inline-block;vertical-align:top;background:#00c568;border-radius:6px;margin-left:20px;} .trialTxt div a.a2 {background:#f1a41f;margin-left:8px;} .header .fixed_header {z-index:8;position:fixed;top:0;left:0;width:100%;margin:0;padding:10px 0;background:rgba(255, 255, 255, .89);background:#fff\9;box-shadow:0px 1px 5px #afacac;border-bottom:1px solid #afacac;} .headerMenu {margin:0;padding:17px 0;} .headerMenu .logo {float:left;width:auto;height:auto;} .headerMenu ul {float:right;line-height:55px;} .headerMenu ul li {float:left;font-size:18px;color:#333;margin-left:26px;} .headerMenu ul li a {color:#333;} .headerMenu ul li.active a ,.headerMenu ul li:hover a {color:#0fbb7c;} .headerMenu {padding:17px 0;} .newBanner ,.newBanner .bannerList>li {height:574px;overflow:hidden;background-color:#fff;} .newBanner .switchButton {width:1200px;} .newBanner .switchButton span {top:278px;left:900px;} .newBanner .bannerSpot li {*display:none;} .banner {position:relative;width:100%;background:#d5eec3;} .switchButton {position:relative;width:1120px;height:0px;margin:0 auto;display:none;} .switchButton span {z-index:6;position:absolute;top:135px;width:60px;height:60px;display:inline-block;vertical-align:top;cursor:pointer;} .switchButton span.prov {left:0;background:url(../images/prov.png);} .switchButton span.next {right:0;background:url(../images/next.png);} .banner .bannerList {height:574px;overflow:hidden;} .bannerList ol {position:relative;width:100%;height:574px;} .bannerList ol li {position:absolute;} .bannerList .l1 {background:url('../images/new/kabg1.png') center ;} .bannerList .l1 ol li.o1 {top:83px;left:102px;} .bannerList .l1 ol li.o2 {top:438px;left:258px;} .bannerList .l2 {background:url('../images/new/kabg2.png') center;} .bannerList .l2 ol li.o1 {top:98px;left:180px;} .bannerList .l2 ol li.o2 {top:214px;left:0;} .bannerList .l3 {background:url('../images/new/kabg3.png') center;} .bannerList .l3 ol li.o1 {top:41px;left:193px;} .bannerList .l3 ol li.o2 {top:292px;left:164px;} .bannerList .l4 {background:url('../images/new/kabg4.png') center;} .bannerList .l4 ol li.o1 {top:115px;left:145px;} .bannerList .l4 ol li.o2 {right:20px;bottom:0;} .bannerList .l5 {background:url('../images/new/kabg5.png') center;} .bannerList .l5 ol li.o1 {top:66px;left:79px;} .bannerList .l5 ol li.o2 {right:6px;bottom:-25px;} .bannerList .l6 .dataTableBanner {width:100%;height:574px;background:#18c66e;} .bannerList .l6 .dataTableBanner ul {position:relative;width:1120px;height:574px;margin:0 auto;} .bannerList .l6 .dataTableBanner ul li {position:absolute;} .bannerList .l6 ul li.o1 {top:107px;left:14px;-webkit-animation:bounceInDown 1s ease 1 0s both;animation:bounceInDown 1s ease 1 0s both;} .bannerList .l6 ul li.o2 {top:77px;right:-47px;-webkit-animation:bounceInRight 1s ease 1 .5s both;animation:bounceInRight 1s ease 1 .5s both;} .bannerList .l6 ul li.o3 {bottom:0;left:0;} .bannerList .l1.active ol li.o1 {-webkit-animation:bounceInDown 1s ease 0s 1 both;animation:bounceInDown 1s ease 0s 1 both;} .bannerList .l1.active ol li.o2 {-webkit-animation:bounceInUp 1s ease .5s 1 both;animation:bounceInUp 1s ease .5s 1 both;} .bannerList .l2.active ol li.o1 {-webkit-animation:zoomIn 1s ease 1s 1 both;animation:zoomIn 1s ease 1s 1 both;} .bannerList .l2.active ol li.o2 {-webkit-animation:fadeInLeft 1s ease 0s 1 both;animation:fadeInLeft 1s ease 0s 1 both;} .bannerList .l3.active ol li.o1 {-webkit-animation:fadeInDown 1s ease .5s 1 both;animation:fadeInDown 1s ease .5s 1 both;} .bannerList .l3.active ol li.o2 {-webkit-animation:fadeInLeft 1s ease 0s 1 both;animation:fadeInLeft 1s ease 0s 1 both;} .bannerList .l4.active ol li.o1 {-webkit-animation:bounceIn 1s ease 0s 1 both;animation:bounceIn 1s ease 0s 1 both;} .bannerList .l4.active ol li.o2 {-webkit-animation:bounceInRight 1s ease .5s 1 both;animation:bounceInRight 1s ease .5s 1 both;} .bannerList .l5.active ol li.o1 {-webkit-animation:fadeInUp 1s ease 0s 1 both;animation:fadeInUp 1s ease 0s 1 both;} .bannerList .l5.active ol li.o2 {-webkit-animation:fadeInRight 1s ease .5s 1 both;animation:fadeInRight 1s ease .5s 1 both;} .newBanner .bannerList .l3 {background:#16b866;} .bannerList .l3 ol li.o1 {top:147px;left:37px;} .bannerList .l3 ol li.o2 {top:139px;right:-230px;left:622px;} .newBanner .bannerList .l4 {background:#13a98b;} .bannerList .l4 ol li.o1 {top:135px;left:-23px;} .bannerList .l4 ol li.o2 {right:-14px;bottom:0;} .bannerList .l4.active ol li.o2 {-webkit-animation:bounceInUp 1s ease 0s 1 both;animation:bounceInUp 1s ease 0s 1 both;} .newBanner .bannerList .l5 {background:#17c07b;} .bannerList .l5 ol li.o1 {top:150px;right:-30px;} .bannerList .l5 ol li.o2 {top:311px;right:-64px;} .resplItems {padding-bottom:60px;} .banner .bannerSpot {z-index:9;position:absolute;top:531px;bottom:20px;left:50%\9;width:100%;width:150px\9;text-align:center;margin-left:-75px\9;margin-left: -100px;} .banner .bannerSpot li {position:relative;width:11px;height:11px;margin-right:8px;display:inline-block !important;border:1px solid #fff;border-radius:100%;cursor:pointer;} .banner .bannerSpot li.active {background:#fff;} .bannerList .l1 ol li.o1 {top:120px;left:-5px;} .bannerList .l1 ol li.o2 {top:341px;left:233px;} .bannerList .l1 ol li.o3 {top:440px;left:240px;-webkit-animation:bounceInUp 1s ease 1s 1 both;animation:bounceInUp 1s ease 1s 1 both;} .menuList {position:relative;position:absolute;bottom:-75px;width:100%;height:75px;line-height:75px;background:rgba(25, 175, 100, .82);background:rgb(25, 175, 100)\9;} .menuList.detailsMenuList {position:relative;bottom:0px;background:rgb(25, 175, 100);} .menuList ul a {color:#fff;} .menuList>ul>li {float:left;width:109px;font-size:18px;color:#fff;text-align:center;cursor:pointer;} .menuList ul li.indexActive {position:relative;width:215px;padding:0;background:#14995f;} .menuList ul li.indexActive>a {color:#fffc01;} .menuList ul li.indexActive>a>i {width:14px;height:14px;margin-top:30px;display:inline-block;vertical-align:top;background:url(../web/resource/imagess/bannerIcon.png);background-position:-210px -19px;*margin-top:0;margin-left:20px;} .menuList ul li.indexActive ol {position:absolute;top:75px;left:0;width:100%;height:500px;} .menuList ul li.indexActive ol li h3>i ,.menuList ul li.indexActive ol li em {display:inline-block;vertical-align:top;background:url(../web/resource/imagess/bannerIcon.png);} .menuList ul li.indexActive ol li {position:relative;padding:14px 15px;text-align:left;background:rgba(26, 202, 115, .8);background:url(../web/resource/imagess/shouying2_07.png)\9;border-bottom:1px solid rgba(255,255,255,.2);cursor:pointer;*border-bottom:1px solid #46d28d;} .menuList ul li.indexActive ol li:last-child {padding:16px 15px;padding-bottom:17px!important;border-bottom:0;} .menuList ul li.indexActive ol li dl {position:absolute;top:-1px;left:100%;width:300px;padding:0 0px 26px 40px;display:none;background:rgba(23, 159, 84, .91);background:url(../web/resource/imagess/shouyin1_03_03.png)\9;border:1px solid rgba(243, 245, 244, .2);border-left:0;} .menuList ul li.indexActive ol li:hover ,.menuList ul li.indexActive ol li.active {background:rgba(23, 159, 84, .91);background:url(../web/resource/imagess/shouyin1_03_03.png)\9;} .menuList ul li.indexActive ol li:hover dl {/*display:block;*/} .menuList ul li.indexActive ol li dl dd {float:left;width:120px;margin-right:20px;padding-top:30px;font-size:14px;color:#fff;line-height:25px;} .menuList ul li.indexActive ol li dl dd a {color:#fff;} .menuList ul li.indexActive ol li dl dd:hover a ,.menuList ul li.indexActive ol li.active a {color:#fffc01;} .menuList ul li.indexActive ol li dl dd i {width:10px;margin-top:-1px;margin-right:4px;font-size:10px;line-height:25px;text-align:center;display:inline-block;vertical-align:top;} .menuList ul li.indexActive ol li h3 {height:22px;font-size:16px;font-weight:normal;color:#fff;line-height:27px;} .menuList ul li.indexActive ol li:hover h3 ,.menuList ul li.indexActive ol li.active h3 {color:#fffc01;} .menuList ul li.indexActive ol li h3 i {width:30px;height:30px;margin-top:-2px;background-position:-3px -10px;} .menuList ul li.indexActive ol li.l1 h3 i {background-position:-3px -10px;} .menuList ul li.indexActive ol li.l2 h3 i {background-position:-37px -10px;} .menuList ul li.indexActive ol li.l3 h3 i {background-position:-70px -10px;} .menuList ul li.indexActive ol li.l4 h3 i {background-position:-103px -10px;} .menuList ul li.indexActive ol li.l5 h3 i {background-position:-138px -10px;} .menuList ul li.indexActive ol li.l6 h3 i {background-position:-170px -10px;} .menuList ul li.indexActive ol li.l7 h3 i {background:url('../images/newIcon.png');background-position:-265px -9px;} .menuList ul li.indexActive ol li h3 em {width:14px;height:14px;margin-top:7px;background-position:-241px -19px;margin-left:8px;} .menuList ul li.indexActive ol li:hover h3 em ,.menuList ul li.indexActive ol li.active h3 em {background-position:-275px -19px;} .menuList ul li.indexActive ol li p {height:16px;margin-top:7px;font-size:12px;line-height:16px;} .menuList ul li.indexActive ol li p span {padding-right:10px;} .menuList ul li.indexActive ol li p span a ,.menuList ul li.indexActive ol li.active a {color:#fff;} .menuList ul li.indexActive ol li p span a:hover {color:#fffc01;} .dropDownList {position:absolute;top:74px;left:0;width:100%;background:rgba(23, 159, 84, .91);background:url(http://static.pigcms.com/o2o/statics/images/shouyin/shouyin1_03_03.png)\9;border-bottom:1px solid #139755;} .menuList>ul>li span.up {position:absolute;bottom:-20px;left:50%;width:34px;height:34px;display:none;background:url(../web/resource/imagess/bannerIcon.png);background-position:-258px -92px;margin-left:-17px;} .menuList>ul>li:hover span.up {display:block;} .dropDownList {display:none;} .dropDownList ul li {float:left;} .dropDownList ul li dl {height:250px;padding:15px 17px;color:#fff;border-right:1px solid #139755;} .dropDownList ul li:first-child dl {padding-left:0;} .dropDownList ul li:last-child dl {padding-right:0;border:0;} .dropDownList ul li dl dt {margin-bottom:10px;font-size:19px;line-height:54px;text-align:center;border-bottom:1px dashed #55c086;} .dropDownList ul li dl dt i {width:34px;height:34px;margin-top:11px;margin-right:6px;display:inline-block;vertical-align:top;background:url(../web/resource/imagess/bannerIcon.png);*margin-top:0;} .dropDownList ul li dl dd {font-size:16px;line-height:35px;text-align:left;} .dropDownList ul li dl dd a {color:#fff;} .dropDownList ul li dl dd i {width:10px;margin-top:6px;margin-right:4px;font-size:10px;line-height:25px;text-align:center;display:inline-block;vertical-align:top;} /*.dropDownList ul.menuSystemList li dl {width:137px;}*/ .dropDownList ul.menuSystemList li.s1 dl i {background-position:-4px -44px;} .dropDownList ul.menuSystemList li.s2 dl i {background-position:-39px -44px;} .dropDownList ul.menuSystemList li.s3 dl i {background-position:-72px -44px;} .dropDownList ul.menuSystemList li.s4 dl i {background-position:-107px -44px;} .dropDownList ul.menuSystemList li.s5 dl i {background-position:-142px -44px;} .dropDownList ul.menuSystemList li.s6 dl i {background-position:-177px -44px;} .dropDownList ul.characteristicList {padding-left:407px;} .dropDownList ul.characteristicList li.s1 dl i {background-position:-210px -44px;} .dropDownList ul.characteristicList li.s2 dl i {background-position:-246px -44px;} .dropDownList ul.characteristicList li dl {width:273px;height:195px;} .dropDownList ul.characteristicList li dl dt {text-align:left;} .dropDownList ul.characteristicList li dl dd {float:left;width:50%;} .dropDownList ul.programmeList {padding:30px 20px;} .dropDownList ul.programmeList li {float:left;padding:0 22px;font-size:19px;color:#fff;line-height:22px;border-right:1px solid #58bd85;} .dropDownList ul.programmeList li a {color:#fff;} .dropDownList ul.programmeList li:last-child {border-right:0;} .dropDownList ul.programmeList li i {width:28px;height:28px;margin-top:-4px;margin-right:8px;display:inline-block;vertical-align:top;background:url(../web/resource/imagess/bannerIcon.png);} .dropDownList ul.programmeList li.s1 i {background-position:-4px -89px;} .dropDownList ul.programmeList li.s2 i {background-position:-38px -89px;} .dropDownList ul.programmeList li.s3 i {background-position:-76px -89px;} .dropDownList ul.programmeList li.s4 i {background-position:-113px -89px;} .dropDownList ul.programmeList li.s5 i {width:30px;background-position:-149px -89px;} .dropDownList ul.programmeList li.s6 i {background-position:-186px -89px;} .dropDownList ul.programmeList li.s7 i {background-position:-221px -89px;} .dropDownList ul.smallProgramList {padding:30px 0;line-height:22px;text-align:right;} .dropDownList ul.smallProgramList li {float:none;height:22px;padding:0 50px;font-size:19px;color:#fff;line-height:22px;display:inline-block ;border-right:1px solid #58bd85;} .dropDownList ul.smallProgramList li a {color:#fff;} .dropDownList ul.smallProgramList li:last-child {padding-right:18px;border-right:0;} .dropDownList ul.smallProgramList li i {width:28px;height:28px;margin-top:-2px;margin-right:8px;display:inline-block;vertical-align:top;background:url('../images/newIcon.png');} .dropDownList ul.smallProgramList li.s1 i {background-position:-529px -12px;} .dropDownList ul.smallProgramList li.s2 i {background-position:-566px -12px;} .dropDownList ul.smallProgramList li.s3 i {width:30px;background-position:-603px -12px;} .dropDownList ul.agentList li.s1 i {width:32px;background-position:-338px -12px;} .dropDownList ul.agentList li.s2 i {background-position:-378px -12px;} .dropDownList ul.agentList li.s3 i {width:34px;background-position:-413px -12px;} .dropDownList ul.agentList li.s4 i {width:34px;height:40px;margin-top:-5px;background-position:-451px -5px;} .dropDownList ul.agentList li.s5 i {height:29px;background-position:-490px -11px;} .menuList>ul>li>a {position:relative;width:100%;height:100%;color:#fff;display:inline-block;vertical-align:top;} .menuList ul>li a:hover ,.menuList ul li.active a ,.menuList>ul>li:hover>a {color:#fffc01;} .menuList ul li>ul {z-index:9;position:absolute;top:75px;left:-140px;width:360px;padding:10px 20px;display:none;background:rgba(25, 175, 100, .82);background:rgb(25, 175, 100)\9;border-radius:0 0 5px 5px;} .menuList ul li:hover>ul {display:block;} .menuList ul li>ul>li {width:90px;font-size:14px;line-height:25px;text-align:left;} .bannerAside {z-index:2;position:absolute;top:102px;left:50%;width:295px;height:423px;font-size:14px;background:rgba(1, 174, 87, .8);background:url(http://static.pigcms.com/o2o/statics/images/shouyin/shouying2_07.png)\9;background-position:-265px -11px;margin-left:305px;} .bannerTitle li {position:absolute;width:50%;height:52px;font-size:16px;color:#fff;line-height:52px;text-align:center;background:rgba(1, 160, 81, .8);background:rgb(1, 160, 81)\9;cursor:pointer;} .bannerTitle li p {margin:18px 0;line-height:16px;border-right:1px dashed #dbfc6c;} .bannerTitle li.active {color:#dbfc6c;} .bannerTitle li.l1 {top:0;left:0;} .bannerTitle li.l2 {top:0;right:0;} .bannerTitle li.l3 {bottom:0;left:0;} .bannerTitle li.l4 {right:0;bottom:0;} .bannerTitle li.l2 p ,.bannerTitle li.l4 p {border:0;} .bannerAside>i {z-index:1;position:absolute;top:-22px;right:-22px;width:43px;height:43px;background:url('../images/newIcon.png');background-position:-890px -6px;cursor:pointer;} .bannerArticle>li {display:none;} .bannerArticle>li ul {height:304px;margin:66px 0;overflow:hidden;} .bannerArticle>li ul li {padding:8px 30px;color:#fff;} .bannerArticle>li ul li a {color:#fff;} .bannerArticle>li ul li:last-child {text-align:right;} .bannerArticle>li ul li p {font-size:14px;color:#fff;} .bannerArticle>li ul li span {margin-top:12px;font-size:12px;color:#fff;} .bannerArticle ::-webkit-scrollbar-thumb {background:#01a353;} .sectionNav {width:100%;height:90px;background:#fff;border-bottom:1px solid #ededed;} .sectionNav ul li {float:left;width:194px;height:13px;margin:38px 0;padding:0 25px;font-size:16px;color:#999;line-height:13px;text-align:center;border-right:1px solid #e3e3e3;box-sizing: content-box} .sectionNav ul li i {width:25px;height:25px;margin-top:-6px;margin-right:12px;display:inline-block;vertical-align:top;background:url('../images/newIcon.png');} .sectionNav ul li.l1 i {background-position:-40px -14px;} .sectionNav ul li.l2 i {background-position:-79px -14px;} .sectionNav ul li.l3 i {background-position:-116px -14px;} .sectionNav ul li.l4 i {background-position:-153px -12px;} .sectionNav ul li.l5 i {width:37px;background-position:-186px -12px;} .sectionNav ul li.l5 {padding-right:0;border-right:0;} .sectionNav ul li.l2 em {color:#1abd6c;} .sectionNav ul li em {color:#fb5b58;} .sectionNav ul li.l4 em {color:#2db3ab;} .productTitle {width:100%;height:160px;background:#f8f8f8;} .productTitle div {height:65px;padding-top:48px;line-height:65px;} .productTitle ul {float:left;width:610px;} .productTitle ul li {position:relative;float:left;width:270px;margin-right:30px;font-size:22px;color:#666;text-align:center;background:#fff;border-radius:6px;cursor:pointer;} .productTitle ul li i {position:absolute;top:65px;left:104px;width:60px;height:12px;display:none;background:url('../images/newIcon.png');background-position:-640px -24px;} .productTitle ul li.active i ,.productTitle ul li:hover i {display:block;} .productTitle ul li.active ,.productTitle ul li:hover {color:#16b866;} .productTitle h3 {float:left;width:450px;height:65px;margin-left:40px;} .productTitle h3 i {float:left;width:30px;height:30px;margin-top:18px;margin-right:5px;display:inline-block;vertical-align:top;background:url('../images/newIcon.png');background-position:-227px -11px;} .productTitle h3 p {float:left;text-overflow:ellipsis;white-space:nowrap;display:none;overflow:hidden;width:410px;} .productTitle div>span {float:right;width:50px;height:20px;margin-top:22.5px;font-size:14px;color:#f59e21;line-height:20px;text-align:center;border:1px solid;border-radius:8px;cursor:pointer;} .productTitle div>span a {color:#f59e21;} .articleTable>.article {display:none;} .productArticle {padding:22px 0;} .productPropaganda {float:left;width:336px;} .productPropaganda h2 {height:64px;font-size:24px;color:#333;line-height:72px;text-align:left;} .productPropaganda h2 i {width:101px;height:31px;margin-top:21px;margin-right:10px;font-size:18px;color:#fff;line-height:31px;text-indent:14px;display:inline-block;vertical-align:top;background:url('../images/newIcon.png');background-position:-952px -628px;*margin-top:3px;} .productPropaganda .propagandaCentent {position:relative;width:100%;height:580px;background:url('../images/index/index_1_03.png');} .productPropaganda .propagandaCentent ul {position:absolute;bottom:24px;left:28px;width:292px;height:94px;} .productPropaganda .propagandaCentent ul li {float:left;width:126px;height:37px;margin-right:18px;margin-bottom:12px;font-size:16px;color:#fff;line-height:37px;text-align:center;background:#00b162;border-radius:8px;} .productPropaganda .propagandaCentent ul li a {color:#fff;} .productPropaganda .propagandaCentent ul li i {width:22px;height:22px;margin-top:9px;margin-right:12px;display:inline-block;vertical-align:top;background:url('../images/newIcon.png');*margin-top:0;} .productPropaganda .propagandaCentent ul li.l1 i {background-position:-350px -70px;} .productPropaganda .propagandaCentent ul li.l2 i {background-position:-373px -67px;} .productPropaganda .propagandaCentent ul li.l3 i {background-position:-399px -67px;} .productPropaganda .propagandaCentent ul li.l4 i {background-position:-424px -67px;} .productCentent {float:left;width:875px;margin-left:-11px;} .productCentent .productListTitle {height:57px;margin-top:21px;font-size:16px;color:#333;text-align:right;border-bottom:2px solid #01b45f;} .friendsCircle .productCentent .productListTitle { border-bottom:1px solid #e6e6e6;} .productCentent .productListTitle li { padding:0 15px;line-height:30px;display:inline-block;vertical-align:top;cursor:pointer;*display:inline; margin-top:27px;} .productCentent .productListTitle li.active ,.productCentent .productListTitle li:hover {background:#00b05d; color:#fff; } .productListCentent {height:564px;border-right:1px solid #e6e6e6;border-bottom:1px solid #ededed;} .productListCentent>li {display:none;} .productListCentent>li.systemList nav {height:80px;height:80px;background:#fff;} .productListCentent>li.systemList nav li {float:left;width:145px;height:71px;margin-top:10px;margin-bottom:-1px;font-size:16px;color:#333;line-height:71px;text-align:center;cursor:pointer;} .productListCentent>li.systemList nav li:first-child {width:149px;} .productListCentent>li.systemList nav li i {width:24px;height:24px;margin-top:26px;margin-right:6px;display:inline-block;vertical-align:top;background:url('../images/newIcon.png');*margin-top:0;} .productListCentent>li.systemList nav li.l1 i {background-position:-178px -66px;} .productListCentent>li.systemList nav li.l2 i {background-position:-205px -66px;} .productListCentent>li.systemList nav li.l3 i {background-position:-232px -66px;} .productListCentent>li.systemList nav li.l4 i {background-position:-260px -66px;} .productListCentent>li.systemList nav li.l5 i {background-position:-287px -66px;} .productListCentent>li.systemList nav li.l6 i {background-position:-313px -66px;} .productListCentent>li.systemList nav li.l1:hover i ,.productListCentent>li.systemList nav li.l1.active i {background-position:-11px -66px;} .productListCentent>li.systemList nav li.l2:hover i ,.productListCentent>li.systemList nav li.l2.active i {background-position:-38px -66px;} .productListCentent>li.systemList nav li.l3:hover i ,.productListCentent>li.systemList nav li.l3.active i {background-position:-65px -66px;} .productListCentent>li.systemList nav li.l4:hover i ,.productListCentent>li.systemList nav li.l4.active i {background-position:-93px -66px;} .productListCentent>li.systemList nav li.l5:hover i ,.productListCentent>li.systemList nav li.l5.active i {background-position:-120px -66px;} .productListCentent>li.systemList nav li.l6:hover i ,.productListCentent>li.systemList nav li.l6.active i {background-position:-146px -66px;} .productListCentent>li.systemList nav li.active ,.productListCentent>li.systemList nav li:hover {background:#f8f8f8;} .systemListCentent {background:#f8f8f8;border-left:1px solid #ededed;padding-left:19px;} .systemListCentent>li {display:none;} .iconList li:nth-child(3n) {width:285px;} .iconList {border-top:0;} .iconList li {float:left;width:283px;height:160px;font-size:18px;color:#333;text-align:center;border-right:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;} .iconList li.l7 ,.iconList li.l8 ,.iconList li.l9 {height:161px;border-bottom:0;} .iconList li.l3 ,.iconList li.l6 ,.iconList li.l9 {width:285px;border-right:0;} .iconList li a {width:99.7%;height:100%;color:#333;display:inline-block;} .iconList li i {width:50px;height:50px;margin-top:39px;margin-bottom:10px;display:inline-block;vertical-align:top;background:url('../images/newIcon.png');} .systemListCentent li.u1 .iconList li.l1 i {background-position:-16px -551px;} .systemListCentent li.u1 .iconList li.l2 i {background-position:-74px -551px;} .systemListCentent li.u1 .iconList li.l3 i {background-position:-131px -551px;} .systemListCentent li.u1 .iconList li.l4 i {background-position:-187px -551px;} .systemListCentent li.u1 .iconList li.l5 i {background-position:-243px -551px;} .systemListCentent li.u1 .iconList li.l6 i {background-position:-300px -551px;} .systemListCentent li.u1 .iconList li.l7 i {background-position:-356px -551px;} .systemListCentent li.u1 .iconList li.l8 i {background-position:-412px -551px;} .systemListCentent li.u2 .iconList li.l1 i {background-position:-463px -551px;} .systemListCentent li.u2 .iconList li.l2 i {background-position:-519px -551px;} .systemListCentent li.u2 .iconList li.l3 i {background-position:-576px -551px;} .systemListCentent li.u2 .iconList li.l4 i {background-position:-633px -551px;} .systemListCentent li.u2 .iconList li.l5 i {width:64px;background-position:-682px -551px;} .systemListCentent li.u2 .iconList li.l6 i {background-position:-744px -551px;} .systemListCentent li.u2 .iconList li.l7 i {width:56px;background-position:-800px -551px;} .systemListCentent li.u2 .iconList li.l8 i {background-position:-870px -551px;} .systemListCentent li.u3 .iconList li.l1 i {width:54px;background-position:-14px -612px;} .systemListCentent li.u3 .iconList li.l2 i {background-position:-72px -612px;} .systemListCentent li.u3 .iconList li.l3 i {background-position:-130px -612px;} .systemListCentent li.u3 .iconList li.l4 i {background-position:-186px -612px;} .systemListCentent li.u3 .iconList li.l5 i {background-position:-243px -612px;} .systemListCentent li.u3 .iconList li.l6 i {background-position:-300px -612px;} .systemListCentent li.u3 .iconList li.l7 i {background-position:-356px -612px;} .systemListCentent li.u3 .iconList li.l8 i {background-position:-414px -612px;} .systemListCentent li.u4 .iconList li.l1 i ,.industryList .iconList li.l1 i {background-position:-469px -614px;} .systemListCentent li.u4 .iconList li.l2 i ,.industryList .iconList li.l2 i {background-position:-525px -614px;} .systemListCentent li.u4 .iconList li.l3 i ,.industryList .iconList li.l3 i {background-position:-583px -614px;} .systemListCentent li.u4 .iconList li.l4 i ,.industryList .iconList li.l4 i {background-position:-639px -614px;} .systemListCentent li.u4 .iconList li.l5 i ,.industryList .iconList li.l5 i {background-position:-696px -614px;} .systemListCentent li.u4 .iconList li.l6 i ,.industryList .iconList li.l6 i {background-position:-752px -614px;} .systemListCentent li.u4 .iconList li.l7 i ,.industryList .iconList li.l7 i {background-position:-810px -614px;} .systemListCentent li.u4 .iconList li.l8 i ,.industryList .iconList li.l8 i {background-position:-866px -614px;} .systemListCentent li.u5 .iconList li.l1 i {background-position:-16px -673px;} .systemListCentent li.u5 .iconList li.l2 i {background-position:-74px -673px;} .systemListCentent li.u5 .iconList li.l3 i {background-position:-132px -673px;} .systemListCentent li.u5 .iconList li.l4 i {background-position:-188px -673px;} .systemListCentent li.u5 .iconList li.l5 i {background-position:-245px -673px;} .systemListCentent li.u5 .iconList li.l6 i {background-position:-302px -673px;} .systemListCentent li.u5 .iconList li.l7 i {background-position:-356px -673px;} .systemListCentent li.u5 .iconList li.l8 i {background-position:-413px -673px;} .systemListCentent li.u6 .iconList li.l1 i {background-position:-469px -673px;} .systemListCentent li.u6 .iconList li.l2 i {background-position:-525px -673px;} .systemListCentent li.u6 .iconList li.l3 i {background-position:-583px -673px;} .systemListCentent li.u6 .iconList li.l4 i {background-position:-639px -673px;} .systemListCentent li.u6 .iconList li.l5 i {background-position:-696px -673px;} .systemListCentent li.u6 .iconList li.l6 i {background-position:-752px -673px;} .systemListCentent li.u6 .iconList li.l7 i {width:59px;background-position:-804px -673px;} .systemListCentent li.u6 .iconList li.l8 i {background-position:-866px -673px;} .iconList li.l9 i {background-position:-879px -744px;} .advantageList {padding-left:19px;} .advantageList li {float:left;width:420px;height:140px;border-right:1px solid #ededed;border-bottom:1px solid #ededed;cursor:pointer;} .advantageList li:nth-child(2n) {border-right:0;} .advantageList li span {float:left;width:54px;height:60px;margin-top:40px;margin-right:24px;font-size:32px;color:#ccc;line-height:60px;text-align:center;display:block;background:url('../images/newIcon.png');background-position:-628px -1172px;margin-left:37px;} .advantageList li div {float:left;width:296px;margin-top:40px;} .advantageList li div h3 {font-size:14px;color:#333;} .advantageList li div p {max-height:48px;margin-top:9px;font-size:12px;color:#999;line-height:16px;overflow:hidden;} .advantageList li.l5 ,.advantageList li.l6 {border-bottom:0;} .industryList .iconList li {width:289px;height:187px;} .industryList .iconList li i {margin-top:53px;} .industryList .iconList li:nth-child(3n) {width:294px;} .upgrade {padding-top:12px;} .upgrade h3 {height:56px;padding:0 32px;font-size:16px;color:#333;line-height:56px;background:#f8f8f8;} .upgrade .upgradeCentent {float:left;width:389px;} .upgrade .upgradeCentent ul li {width:193px;height:164px;border-right:1px solid #ededed;} .upgrade .upgradeCentent ul li.l5 ,.upgrade .upgradeCentent ul li.l6 {height:165px;border-bottom:0;} .upgrade .upgradeCentent ul li i {width:55px;height:55px;margin-top:30px;margin-bottom:8px;} .upgrade .upgradeCentent ul li span {font-size:12px;color:#999;} .upgrade .upgradeCentent .iconList li.l1 i {background-position:-320px -489px;} .upgrade .upgradeCentent .iconList li.l2 i {background-position:-380px -489px;} .upgrade .upgradeCentent .iconList li.l3 i {width:50px;background-position:-434px -489px;} .upgrade .upgradeCentent .iconList li.l4 i {background-position:-481px -489px;} .upgrade .upgradeCentent .iconList li.l5 i {width:60px;background-position:-536px -489px;} .upgrade .upgradeCentent .iconList li.l6 i {background-position:-603px -489px;} .dynamicList {float:left;width:450px;} .dynamicList h3 span {float:right;} .dynamicList ul {height:493px;overflow:auto;padding-left:30px;} .dynamicList ul li {margin:40px 0;font-size:14px;color:#666;line-height:20px;} .dynamicList ul p {margin-top:10px;font-size:12px;color:#999;line-height:20px;} .dynamicList ul p span {width:350px;margin-right:12px;color:#999;display:inline-block;vertical-align:top;} .dynamicList ul p i {color:#9d9d9d;} .industryList.characteristicList li i {background:none;} .industryList.characteristicList .iconList li.l9 i {background:url('../images/newIcon.png');background-position:-1014px -1024px;} .breakthroughList li {height:187px;} .breakthroughList li span {width:70px;height:70px;margin-top:62px;margin-right:21px;background:none;border:1px solid #ccc;border-radius:50%;margin-left:31px;} .breakthroughList li i {width:50px;height:50px;margin-top:10px;display:inline-block;vertical-align:top;background:url('../images/newIcon.png');} .breakthroughList li.l1 i {background-position:-13px -492px;} .breakthroughList li.l2 i {background-position:-65px -490px;} .breakthroughList li.l3 i {background-position:-117px -490px;} .breakthroughList li.l4 i {background-position:-168px -490px;} .breakthroughList li.l5 i {background-position:-220px -490px;} .breakthroughList li.l6 i {background-position:-271px -490px;} .breakthroughList li div {width:260px;margin-top:53px;} /*******o2o*********/ .o2oCode a:hover {color:#ff9000;} .o2oCode .productPropaganda h2 i {background-position:-952px -689px;} .o2oCode .productPropaganda .propagandaCentent {background:url('../images/index/index_1_06.png');} .o2oCode .productPropaganda .propagandaCentent img {position:absolute;top:213px;left:87px;width:152px;height:152px;} .o2oCode .productCentent .productListTitle{ border-bottom: 2px solid #ff9000;} .o2oCode .productCentent .productListTitle li.active ,.o2oCode .productCentent .productListTitle li:hover { background: #ff9000;} .productListCentent .lifeList menu {margin:0;padding:0;border-bottom:1px solid #e6e6e6;} .productListCentent .lifeList menu li {float:left;width:217px;height:135px;font-size:14px;color:#666;text-align:center;border-left:1px solid #e6e6e6;} .productListCentent .lifeList menu li:first-child {border-left:0;} .productListCentent .lifeList menu li i {width:40px;height:40px;margin-top:33px;margin-bottom:15px;display:inline-block;vertical-align:top;background:url('../images/newIcon.png');} .productListCentent .lifeList menu li.l1 i {width:50px;background-position:-5px -107px;} .productListCentent .lifeList menu li.l2 i {background-position:-57px -109px;} .productListCentent .lifeList menu li.l3 i {width:41px;height:41px;background-position:-103px -109px;} .productListCentent .lifeList menu li.l4 i {background-position:-150px -109px;} .productProfitTitle {border-bottom:1px solid #e6e6e6;} .productProfitTitle li {float:left;width:290px;height:72px;font-size:18px;color:#333;line-height:72px;text-align:center;cursor:pointer;} .productProfitTitle li span {height:71px;display:inline-block;vertical-align:top;} .productProfitTitle li.active span ,.productProfitTitle li:hover span {border-bottom:2px solid #ff9000;} .productProfitCentent>li {display:none;} .productProfitCentent .advantageList {position:relative;} .productProfitCentent .advantageList.u2 ul {padding:20px 0;} .productProfitCentent .advantageList>i {position:absolute;top:22px;left:439px;height:285px;border-right:1px dashed #ededed;} .productProfitCentent .advantageList li {height:105px;border:0;} .productProfitCentent .advantageList li h3 {font-size:16px;} .productProfitCentent .advantageList li span {margin-top:12px;} .productProfitCentent .advantageList li div {margin-top:12px;} .productProfitCentent .advantageList li.l1 span {background-position:-189px -98px;} .productProfitCentent .advantageList li.l2 span {background-position:-240px -98px;} .productProfitCentent .advantageList li.l3 span {background-position:-284px -98px;} .productProfitCentent .advantageList li.l4 span {background-position:-331px -98px;} .productProfitCentent .advantageList li.l5 span {background-position:-378px -98px;} .productProfitCentent .advantageList li.l6 span {background-position:-424px -98px;} .productProfitCentent .advantageList li.l7 span {background-position:-473px -98px;} .productProfitCentent .advantageList li.l8 span {background-position:-520px -98px;} .productProfitCentent .advantageList li.l9 span {background-position:-568px -98px;} .productProfitCentent .advantageList.u1 li {width:285px;height:118px;} .productProfitCentent .advantageList.u1 li span {margin-top:28px;margin-right:15px;margin-left:10px;} .productProfitCentent .advantageList.u1 li div {width:206px;margin-top:28px;} .productProfitCentent .advantageList.u1 li div p {width:190px;;} .productProfitCentent .advantageList.u1 li div p.textOmitted3 {height:31px;display:-webkit-box;-webkit-line-clamp:2;} .productListCentent .communityList.lifeList menu {background:#f8f8f8;} .productListCentent .communityList.lifeList menu li.l1 i {background-position:-616px -109px;} .productListCentent .communityList.lifeList menu li.l2 i {background-position:-667px -109px;} .productListCentent .communityList.lifeList menu li.l3 i {background-position:-715px -109px;} .productListCentent .communityList.lifeList menu li.l4 i {background-position:-761px -109px;} .productListCentent .communityList {position:relative;} .productListCentent .communityList>span {position:absolute;top:350px;left:62px;width:733px;border-top:1px dashed #ededed;} .productListCentent .communityList .iconList li {width:209px;height:214px;border:0;} .productListCentent .communityList .iconList li i {margin-top:64px;background:none;} .developmentDynamic.advantageList {padding:20px 0;} .developmentDynamic.advantageList li {width:436px;height:102px;border-right:1px dashed #ededed;border-bottom:0;} .developmentDynamic.advantageList li a:hover h3 {color:#ff9000;} .developmentDynamic.advantageList li a span {width:85px;height:65px;margin-top:24px;overflow:hidden;background:none;border-radius:5px;margin-left:55px;} .developmentDynamic.advantageList li div {width:262px;margin-top:24px;} .developmentDynamic.advantageList li div h3 {margin-bottom:14px;} .developmentDynamic.advantageList li div p {margin-top:2px;} .developmentDynamic.advantageList li p i {font-size:12px;color:#ccc;} .advantageList li.l2 ,.advantageList li.l4 ,.advantageList li.l6 ,.advantageList li.l8 ,.advantageList li.l10 {border-right:0;} .developmentDynamic.advantageList li.l7 ,.developmentDynamic.advantageList li.l8 {height:113px;} .developmentDynamic.advantageList li.l10 a span {background:url('../images/newIcon.png');background-position:-894px -168px;} /*******o2o*********/ /*******电商*********/ .retailersCode a:hover {color:#8acaf3;} .retailersCode .productPropaganda h2 i {background-position:-952px -750px;} .retailersCode .productPropaganda .propagandaCentent {position:relative;background:url('../images/index/index_1_09.png');} .retailersCode .productPropaganda .propagandaCentent .retailersTitle {position:absolute;top:54px;left:30px;} .retailersCode .productPropaganda .propagandaCentent .retailersTitle li {float:left;width:117px;height:38px;margin-right:27px;margin-bottom:16px;font-size:18px;color:#fff;line-height:38px;text-align:center;background:#1595e7;border-radius:0;} .retailersCode .productCentent .productListTitle{ border-bottom:2px solid #1595e7; } .retailersCode .productCentent .productListTitle li.active ,.retailersCode .productCentent .productListTitle li:hover {background:#1595e7;} .retailersCode .productPropaganda .propagandaCentent ul li {background:#fff;} .retailersCode .productPropaganda .propagandaCentent ul li.l1 i {background-position:-450px -70px;} .retailersCode .productPropaganda .propagandaCentent ul li.l2 i {background-position:-477px -67px;} .retailersCode .productPropaganda .propagandaCentent ul li.l3 i {background-position:-503px -67px;} .retailersCode .productPropaganda .propagandaCentent ul li.l4 i {background-position:-529px -67px;} .retailersCode .productPropaganda .propagandaCentent ul li a {color:#666;} .retailersList .iconList li {position:relative;width:217px;height:282px;overflow:hidden;border-right:1px solid #ededed !important;cursor:pointer;} .retailersList .iconList li i {z-index:1;position:relative;width:76px;height:78px;} .retailersList .iconList li:hover {color:#1595e7;} .retailersList .iconList li p {z-index:1;position:relative;} .retailersList .iconList li:hover>p {color:#fff;} .retailersList .iconList li span:hover p {color:#fff;} .retailersList .iconList li:hover>p em {color:#fff;} .iconList li p em {margin-top:10px;font-size:12px;color:#999;line-height:17px;display:inline-block;} .retailersList .iconList li span {position:relative;width:100%;height:140px;display:inline-block;vertical-align:top;} .retailersList .iconList li span dl {padding:0;} .retailersList .iconList li span.s1 {height:141px;border-bottom:1px solid #e6e6e6;} .retailersList .iconList li.l6 i ,.retailersList .iconList li.l8 i {width:46px;height:46px;} .retailersList .iconList li.l1 i {background-position:-4px -161px;} .retailersList .iconList li.l2 i {width:75px;background-position:-80px -161px;} .retailersList .iconList li.l3 i {background-position:-155px -161px;} .retailersList .iconList li.l4 i {background-position:-231px -161px;} .retailersList .iconList li.l5 i {background-position:-301px -161px;} .retailersList .iconList li.l7 i {background-position:-376px -161px;} .retailersList .iconList li.l6 .s1 i {background-position:-682px -57px;} .retailersList .iconList li.l6 .s2 i {background-position:-728px -57px;} .retailersList .iconList li.l8 .s1 i {background-position:-773px -57px;} .retailersList .iconList li.l8 .s2 i {width:47px;background-position:-826px -57px;} .retailersList .iconList li.l1:hover i {background-position:-448px -161px;} .retailersList .iconList li.l2:hover i {background-position:-524px -161px;} .retailersList .iconList li.l3:hover i {background-position:-599px -161px;} .retailersList .iconList li.l4:hover i {background-position:-673px -161px;} .retailersList .iconList li.l5:hover i {background-position:-745px -161px;} .retailersList .iconList li.l7:hover i {background-position:-820px -161px;} .retailersList .iconList li.l6 .s1:hover i {background-position:-892px -57px;} .retailersList .iconList li.l6 .s2:hover i {background-position:-939px -57px;} .retailersList .iconList li.l8 .s1:hover i {background-position:-983px -57px;} .retailersList .iconList li.l8 .s2:hover i {width:47px;background-position:-1036px -57px;} .retailersList .iconList li.l4 ,.retailersList .iconList li.l8 {width:220px;border-right:0 !important;} .retailersList .iconList li.l5 ,.retailersList .iconList li.l6 ,.retailersList .iconList li.l7 ,.retailersList .iconList li.l8 {border-bottom:0 !important;} .retailersList .iconList li dl {position:absolute;top:0;left:0;width:100%;height:100%;padding:0 21px;padding-top:205px;display:none;background:#1ea4fc url('../images/newIcon.png');background-position:-862px -1308px;box-sizing:border-box;} .retailersList .iconList li:hover>dl {display:block;} .retailersList .iconList li span:hover dl {display:block;} .retailersList .iconList li dd {float:left;width:68px;height:25px;margin-bottom:7px;font-size:12px;color:#fff;line-height:25px;text-align:center;border:1px solid #91d3ff;border-radius:5px;margin-left:12px;} .retailersList .iconList li dd a {color:#fff;} .retailersCode .industryList .iconList li {font-size:16px;} .retailersCode .industryList .iconList li i {width:60px;height:60px;margin-top:40px;margin-bottom:10px;} .retailersCode .characteristic.industryList .iconList li {font-size:14px;} .retailersCode .characteristic.industryList .iconList li i {height:54px;margin:28px 0;} .retailersCode .characteristic.industryList .iconList li.l1 i {background-position:-573px -343px;} .retailersCode .characteristic.industryList .iconList li.l2 i {background-position:-636px -343px;} .retailersCode .characteristic.industryList .iconList li.l3 i {background-position:-695px -343px;} .retailersCode .characteristic.industryList .iconList li.l4 i {width:62px;background-position:-756px -343px;} .retailersCode .characteristic.industryList .iconList li.l5 i {background-position:-825px -343px;} .retailersCode .characteristic.industryList .iconList li.l6 i {background-position:-888px -343px;} .retailersCode .characteristic.industryList .iconList li.l7 i {background-position:-942px -343px;} .retailersCode .characteristic.industryList .iconList li.l8 i {width:74px;background-position:-1001px -343px;} .retailersCode .industryList .iconList li.l9 i {width:65px;margin-top:41px;background-position:-503px -343px;} .retailersCode .distribution.industryList .iconList li.l1 i {background-position:-0 -416px;} .retailersCode .distribution.industryList .iconList li.l2 i {background-position:-60px -416px;} .retailersCode .distribution.industryList .iconList li.l3 i {width:74px;background-position:-121px -416px;} .retailersCode .distribution.industryList .iconList li.l4 i {background-position:-197px -416px;} .retailersCode .distribution.industryList .iconList li.l5 i {background-position:-259px -416px;} .retailersCode .distribution.industryList .iconList li.l6 i {background-position:-322px -415px;} .retailersCode .distribution.industryList .iconList li.l7 i {background-position:-382px -416px;} .retailersCode .distribution.industryList .iconList li.l8 i {background-position:-442px -416px;} .retailersCode .o2oShop.industryList .iconList li.l1 i {background-position:-0 -343px;} .retailersCode .o2oShop.industryList .iconList li.l2 i {background-position:-66px -339px;} .retailersCode .o2oShop.industryList .iconList li.l3 i {width:64px;background-position:-127px -343px;} .retailersCode .o2oShop.industryList .iconList li.l4 i {background-position:-192px -340px;} .retailersCode .o2oShop.industryList .iconList li.l5 i {background-position:-255px -343px;} .retailersCode .o2oShop.industryList .iconList li.l6 i {width:64px;background-position:-316px -343px;} .retailersCode .o2oShop.industryList .iconList li.l7 i {background-position:-382px -343px;} .retailersCode .o2oShop.industryList .iconList li.l8 i {background-position:-442px -343px;} .retailersCode .retailersIndustry.industryList .iconList li.l1 i {background-position:-527px -1015px;} .retailersCode .retailersIndustry.industryList .iconList li.l2 i {background-position:-582px -1015px;} .retailersCode .retailersIndustry.industryList .iconList li.l3 i {background-position:-636px -1015px;} .retailersCode .retailersIndustry.industryList .iconList li.l4 i {background-position:-690px -1015px;} .retailersCode .retailersIndustry.industryList .iconList li.l5 i {background-position:-743px -1009px;} .retailersCode .retailersIndustry.industryList .iconList li.l6 i {width:55px;background-position:-795px -1008px;} .retailersCode .retailersIndustry.industryList .iconList li.l7 i {background-position:-849px -1015px;} .retailersCode .retailersIndustry.industryList .iconList li.l8 i {background-position:-901px -1015px;} .retailersCode .retailersIndustry.industryList .iconList li.l9 i {background-position:-952px -1015px;} .retailersCode .extension em {width:230px;font-size:12px;color:#999;display:inline-block;} .retailersCode .extension.industryList .iconList li i {margin-top:25px;} .retailersCode .extension.industryList .iconList li.l1 i {background-position:-14px -258px;} .retailersCode .extension.industryList .iconList li.l2 i {background-position:-97px -258px;} .retailersCode .extension.industryList .iconList li.l3 i {width:64px;background-position:-166px -258px;} .retailersCode .extension.industryList .iconList li.l4 i {background-position:-253px -258px;} .retailersCode .extension.industryList .iconList li.l5 i {background-position:-334px -258px;} .retailersCode .extension.industryList .iconList li.l6 i {width:64px;background-position:-408px -258px;} .retailersCode .extension.industryList .iconList li.l7 i {background-position:-491px -258px;} .retailersCode .extension.industryList .iconList li.l8 i {background-position:-571px -258px;} .retailersCode .extension.industryList .iconList li.l9 i {background-position:-652px -258px;} /*****智慧店铺****/ .wisdomShop a:hover {color:#49bf58;} .wisdomShop .productPropaganda h2 i {background-position:-733px -269px;} .wisdomShop .productPropaganda .propagandaCentent {background:url('../images/index/index_03.png') no-repeat;} .wisdomShop .productCentent .productListTitle{ border-bottom:2px solid #10cd80;} .wisdomShop .productCentent .productListTitle li.active ,.wisdomShop .productCentent .productListTitle li:hover {background:#10cd80;} .wisdomShop .productPropaganda .propagandaCentent ul li {background:#119f66;} .wisdomShop .industryList .iconList li {font-size:16px;} .wisdomShop .industryList .iconList li i {width:70px;height:70px;margin-top:45px;margin-bottom:10px;} .wisdomShop .advant.industryList .iconList li {font-size:18px;} .wisdomShop .advant.industryList .iconList li i {width:50px;height:50px;margin-top:40px;margin-bottom:10px;} .wisdomShop .industryList .iconList li p em {width:180px;} .wisdomShop .shopFunction.industryList .iconList li i {width:56px;height:56px;margin-top:28px;} .wisdomShop .shopFunction.industryList .iconList li.l1 i {background-position:2px -744px;} .wisdomShop .shopFunction.industryList .iconList li.l2 i {height:65px;background-position:-54px -744px;} .wisdomShop .shopFunction.industryList .iconList li.l3 i {width:60px;background-position:-108px -744px;} .wisdomShop .shopFunction.industryList .iconList li.l4 i {background-position:-162px -744px;} .wisdomShop .shopFunction.industryList .iconList li.l5 i {background-position:-217px -744px;} .wisdomShop .shopFunction.industryList .iconList li.l6 i {background-position:-273px -744px;} .wisdomShop .shopFunction.industryList .iconList li.l7 i {background-position:-329px -744px;} .wisdomShop .shopFunction.industryList .iconList li.l8 i {width:50px;background-position:-388px -744px;} .wisdomShop .industryList .iconList li.l9 i {width:50px;height:50px;margin-top:45px;background-position:-1013px -1024px;} .wisdomShop .shopFunction.industryList .iconList li.l1:hover i {background-position:-434px -741px;} .wisdomShop .shopFunction.industryList .iconList li.l2:hover i {background-position:-490px -741px;} .wisdomShop .shopFunction.industryList .iconList li.l3:hover i {background-position:-544px -741px;} .wisdomShop .shopFunction.industryList .iconList li.l4:hover i {background-position:-598px -741px;} .wisdomShop .shopFunction.industryList .iconList li.l5:hover i {background-position:-653px -741px;} .wisdomShop .shopFunction.industryList .iconList li.l6:hover i {background-position:-709px -741px;} .wisdomShop .shopFunction.industryList .iconList li.l7:hover i {background-position:-765px -741px;} .wisdomShop .shopFunction.industryList .iconList li.l8:hover i {background-position:-824px -741px;} .wisdomShop .industryList .iconList li.l9:hover i {background-position:-878px -744px;} .wisdomShop .cashier.industryList .iconList li.l1 i {background-position:-8px -950px;} .wisdomShop .cashier.industryList .iconList li.l2 i {height:65px;background-position:-76px -945px;} .wisdomShop .cashier.industryList .iconList li.l3 i {width:60px;background-position:-139px -942px;} .wisdomShop .cashier.industryList .iconList li.l4 i {background-position:-197px -942px;} .wisdomShop .cashier.industryList .iconList li.l5 i {background-position:-259px -942px;} .wisdomShop .cashier.industryList .iconList li.l6 i {background-position:-322px -942px;} .wisdomShop .cashier.industryList .iconList li.l7 i {background-position:-382px -942px;} .wisdomShop .cashier.industryList .iconList li.l8 i {background-position:-442px -942px;} .wisdomShop .cashier.industryList .iconList li.l1:hover i {background-position:-511px -947px;} .wisdomShop .cashier.industryList .iconList li.l2:hover i {background-position:-579px -942px;} .wisdomShop .cashier.industryList .iconList li.l3:hover i {background-position:-642px -939px;} .wisdomShop .cashier.industryList .iconList li.l4:hover i {background-position:-700px -939px;} .wisdomShop .cashier.industryList .iconList li.l5:hover i {background-position:-762px -939px;} .wisdomShop .cashier.industryList .iconList li.l6:hover i {background-position:-825px -939px;} .wisdomShop .cashier.industryList .iconList li.l7:hover i {background-position:-885px -939px;} .wisdomShop .cashier.industryList .iconList li.l8:hover i {background-position:-945px -939px;} .wisdomShop .flowList.industryList .iconList li i {margin-top:45px;} .wisdomShop .flowList.industryList .iconList li.l1 i {background-position:-11px -810px;} .wisdomShop .flowList.industryList .iconList li.l2 i {height:65px;background-position:-76px -810px;} .wisdomShop .flowList.industryList .iconList li.l3 i {width:60px;background-position:-148px -810px;} .wisdomShop .flowList.industryList .iconList li.l4 i {background-position:-210px -810px;} .wisdomShop .flowList.industryList .iconList li.l5 i {background-position:-272px -810px;} .wisdomShop .flowList.industryList .iconList li.l6 i {background-position:-338px -810px;} .wisdomShop .flowList.industryList .iconList li.l7 i {background-position:-403px -810px;} .wisdomShop .flowList.industryList .iconList li.l8 i {background-position:-470px -806px;} .wisdomShop .flowList.industryList .iconList li.l1:hover i {background-position:-11px -876px;} .wisdomShop .flowList.industryList .iconList li.l2:hover i {height:65px;background-position:-76px -876px;} .wisdomShop .flowList.industryList .iconList li.l3:hover i {width:60px;background-position:-148px -876px;} .wisdomShop .flowList.industryList .iconList li.l4:hover i {background-position:-210px -876px;} .wisdomShop .flowList.industryList .iconList li.l5:hover i {background-position:-272px -876px;} .wisdomShop .flowList.industryList .iconList li.l6:hover i {background-position:-338px -876px;} .wisdomShop .flowList.industryList .iconList li.l7:hover i {background-position:-403px -876px;} .wisdomShop .flowList.industryList .iconList li.l8:hover i {background-position:-470px -872px;} .wisdomShop .memberList.industryList .iconList li i {margin-top:45px;} .wisdomShop .memberList.industryList .iconList li.l1 i {background-position:-534px -810px;} .wisdomShop .memberList.industryList .iconList li.l2 i {height:65px;background-position:-601px -810px;} .wisdomShop .memberList.industryList .iconList li.l3 i {width:60px;background-position:-667px -810px;} .wisdomShop .memberList.industryList .iconList li.l4 i {background-position:-728px -806px;} .wisdomShop .memberList.industryList .iconList li.l5 i {width:72px;background-position:-797px -806px;} .wisdomShop .memberList.industryList .iconList li.l6 i {width:60px;background-position:-869px -810px;} .wisdomShop .memberList.industryList .iconList li.l7 i {background-position:-930px -810px;} .wisdomShop .memberList.industryList .iconList li.l8 i {background-position:-996px -810px;} .wisdomShop .memberList.industryList .iconList li.l1:hover i {background-position:-534px -876px;} .wisdomShop .memberList.industryList .iconList li.l2:hover i {height:65px;background-position:-601px -876px;} .wisdomShop .memberList.industryList .iconList li.l3:hover i {width:60px;background-position:-667px -876px;} .wisdomShop .memberList.industryList .iconList li.l4:hover i {background-position:-728px -872px;} .wisdomShop .memberList.industryList .iconList li.l5:hover i {background-position:-797px -872px;} .wisdomShop .memberList.industryList .iconList li.l6:hover i {background-position:-869px -876px;} .wisdomShop .memberList.industryList .iconList li.l7:hover i {background-position:-930px -876px;} .wisdomShop .memberList.industryList .iconList li.l8:hover i {background-position:-996px -876px;} .wisdomShop .developmentDynamic.advantageList li:hover div h3 {color:#49bf58;} .wisdomProblem li {height:187px;} .wisdomProblem li span {width:60px;height:60px;margin-top:60px;margin-right:24px;font-size:36px;color:#1abd6c;background:none;border:2px solid;border-radius:50px;margin-left:54px;} .wisdomProblem li div {width:237px;margin-top:60px;} .wisdomProblem li:hover div h3 {color:#1abd6c;} /*****收银平台*****/ .cashierPlatform a:hover {color:#43b649;} .cashierPlatform .productPropaganda h2 i {background-position:-859px -269px;} .cashierPlatform .productPropaganda .propagandaCentent {background:url('../images/index/index_07.png') no-repeat;} .cashierPlatform .productCentent .productListTitle{ border-bottom:2px solid #43b649; } .cashierPlatform .productCentent .productListTitle li.active ,.cashierPlatform .productCentent .productListTitle li:hover {background:#43b649;} .cashierPlatform .productPropaganda .propagandaCentent ul li {background:#6dd12a;} .cashierPlatform .industryList .iconList li i {margin-top:45px;} .cashierPlatform .characteristic.industryList .iconList li.l1 i {background-position:-16px -1021px;} .cashierPlatform .characteristic.industryList .iconList li.l2 i {background-position:-81px -1021px;} .cashierPlatform .characteristic.industryList .iconList li.l3 i {background-position:-145px -1021px;} .cashierPlatform .characteristic.industryList .iconList li.l4 i {background-position:-212px -1021px;} .cashierPlatform .characteristic.industryList .iconList li.l5 i {background-position:-276px -1021px;} .cashierPlatform .characteristic.industryList .iconList li.l6 i {background-position:-341px -1021px;} .cashierPlatform .characteristic.industryList .iconList li.l7 i {width:63px;background-position:-399px -1021px;} .cashierPlatform .characteristic.industryList .iconList li.l8 i {background-position:-471px -1021px;} .cashierPlatform .productFunction.industryList .iconList li i {width:70px;height:70px;margin-top:29px;margin-bottom:10px;} .cashierPlatform .productFunction.industryList .iconList li.l1 i {background-position:-3px -1082px;} .cashierPlatform .productFunction.industryList .iconList li.l2 i {background-position:-95px -1082px;} .cashierPlatform .productFunction.industryList .iconList li.l3 i {background-position:-190px -1082px;} .cashierPlatform .productFunction.industryList .iconList li.l4 i {background-position:-272px -1082px;} .cashierPlatform .productFunction.industryList .iconList li.l5 i {background-position:-378px -1082px;} .cashierPlatform .productFunction.industryList .iconList li.l6 i {background-position:-464px -1090px;} .cashierPlatform .productFunction.industryList .iconList li.l7 i {background-position:-565px -1082px;} .cashierPlatform .productFunction.industryList .iconList li.l8 i {background-position:-650px -1082px;} .cashierPlatform .productFunction.industryList .iconList li.l9 i {width:50px;height:50px;margin-top:54px;background-position:-1013px -1025px;} .cashierPlatform .cashierFunction.industryList .iconList li i {width:70px;height:70px;margin-top:29px;margin-bottom:10px;} .cashierPlatform .cashierFunction.industryList .iconList li.l1 i {background-position:0px -1162px;} .cashierPlatform .cashierFunction.industryList .iconList li.l2 i {background-position:-61px -1166px;} .cashierPlatform .cashierFunction.industryList .iconList li.l3 i {width:75px;background-position:-135px -1166px;} .cashierPlatform .cashierFunction.industryList .iconList li.l4 i {background-position:-214px -1162px;} .cashierPlatform .cashierFunction.industryList .iconList li.l5 i {background-position:-275px -1162px;} .cashierPlatform .cashierFunction.industryList .iconList li.l6 i {background-position:-345px -1162px;} .cashierPlatform .cashierFunction.industryList .iconList li.l7 i {background-position:-414px -1162px;} .cashierPlatform .cashierFunction.industryList .iconList li.l8 i {background-position:-483px -1162px;} .cashierPlatform .cashierFunction.industryList .iconList li.l9 i {background-position:-554px -1162px;} /*****游戏营销*****/ .gameMarketing a:hover {color:#ffb900;} .gameMarketing .productPropaganda h2 i {background-position:-984px -269px;} .gameMarketing .productPropaganda .propagandaCentent {background:url('../images/index/index_09.png') no-repeat;} .gameMarketing .productCentent .productListTitle{ border-bottom:2px solid #ffb900; } .gameMarketing .productCentent .productListTitle li.active ,.gameMarketing .productCentent .productListTitle li:hover {background:#ffb900;} .gameMarketing .productPropaganda .propagandaCentent ul li {background:#ffca00;} .gameMarketing .productPropaganda .propagandaCentent ul li.l1 i {background-position:-554px -70px;} .gameMarketing .productPropaganda .propagandaCentent ul li.l2 i {background-position:-582px -69px;} .gameMarketing .productPropaganda .propagandaCentent ul li.l3 i {background-position:-607px -70px;} .gameMarketing .productPropaganda .propagandaCentent ul li.l4 i {background-position:-632px -70px;} .gameMarketing .productListCentent .gameList li {float:left;} .gameMarketing .productListCentent .gameList li {float:left;width:290px;height:187px;border-right:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;} .gameMarketing .productListCentent .gameList li span {position:relative;float:left;width:94px;height:94px;margin-top:51px;margin-right:22px;overflow:hidden;border-radius:5px;margin-left:38px;} .gameMarketing .productListCentent .gameList li span em {position:absolute;top:0;left:0;width:100%;height:100%;display:none;} .gameMarketing .productListCentent .gameList li:hover span em {display:block;} .gameMarketing .productListCentent .gameList li div {float:left;width:130px;margin-top:63px;font-size:18px;color:#666;cursor:pointer;} .gameMarketing .productListCentent .gameList li div:hover {color:#ffb900;} .gameMarketing .productListCentent .gameList li div a {margin-top:14px;padding:2px 7px;font-size:12px;color:#999;display:block;display:inline-block;vertical-align:top;border:1px solid #ededed;} .gameMarketing .productListCentent .gameList li div a:hover {color:#ffb900;border:1px solid #ffb900;} .gameMarketing .productListCentent .gameList li.l9 div p {margin-top:22px;} .gameMarketing .productListCentent .gameList li.l9 span {background:url('../images/newIcon.png') -984px -151px;} .gameMarketing .productListCentent .gameList li.l3 ,.gameMarketing .productListCentent .gameList li.l6 ,.gameMarketing .productListCentent .gameList li.l9 {border-right:0;} .gameMarketing .productListCentent .gameList li.l7 ,.gameMarketing .productListCentent .gameList li.l8 ,.gameMarketing .productListCentent .gameList li.l9 {border-bottom:0;} .gameMarketing .advantageList li.l5 ,.gameMarketing .advantageList li.l6 {border-bottom:1px solid #ededed;} .gameMarketing .advantageList li.l7 ,.gameMarketing .advantageList li.l8 {border-bottom:0;} .gameMarketing .advantageList li span {width:62px;height:62px;} .gameMarketing .advantageList li.l1 span {background-position:-515px -416px;} .gameMarketing .advantageList li.l2 span {background-position:-589px -416px;} .gameMarketing .advantageList li.l3 span {background-position:-656px -416px;} .gameMarketing .advantageList li.l4 span {background-position:-726px -413px;} .gameMarketing .advantageList li.l5 span {background-position:-797px -416px;} .gameMarketing .advantageList li.l6 span {background-position:-867px -416px;} .gameMarketing .advantageList li.l7 span {background-position:-939px -416px;} .gameMarketing .advantageList li.l8 span {background-position:-1009px -416px;} /*****朋友åœ?****/ .friendsCircle a:hover {color:#65c824;} .friendsCircle .productPropaganda h2 i {background-position:-952px -565px;} .friendsCircle .productPropaganda .propagandaCentent {height:361px;background:url('../images/index/index_12.png') no-repeat;} .friendsCircle .productCentent .productListTitle li.active ,.friendsCircle .productCentent .productListTitle li:hover {color:#ffb900;} .friendsCircle .productPropaganda .propagandaCentent ul {bottom:-30px;} .friendsCircle .productPropaganda .propagandaCentent ul li {background:#51b011;} .friendsCircle .productListCentent {height:344px;border-bottom:0;} .friendsCircle .productListCentent .industryList .iconList li {height:344px;} .friendsCircle .productListCentent .industryList .iconList li i {width:95px;height:95px;margin-top:70px;margin-bottom:40px;} .friendsCircle .productListCentent .industryList .iconList li.l1 i {background-position:-761px -1068px;} .friendsCircle .productListCentent .industryList .iconList li.l2 i {background-position:-872px -1068px;} .friendsCircle .productListCentent .industryList .iconList li.l3 i {background-position:-993px -1071px;} /*******新闻资讯*******/ .newsInformation a:hover {color:#f7555e;} .newsInformation .productPropaganda h2 i {width:4px;height:22px;margin-top:27px;background:#f7555e;*margin-top:0;} .newsInformation .productPropaganda .propagandaCentent {height:398px;background:url('../images/index/index_16.png') no-repeat;} .newsInformation .productCentent .productListTitle{ border-bottom:2px solid #f7555e; margin-top: 22px;} .newsInformation .productCentent .productListTitle li.active ,.newsInformation .productCentent .productListTitle li:hover {background:#f7555e;} .newsInformation .productListCentent {position:relative;height:382px;} .newsInformationlList>i {position:absolute;top:0;left:50%;width:1px;height:100%;background:#ededed;} .newsInformationlList>span {position:absolute;right:30px;bottom:14px;font-size:14px;color:#f7555e;} .newsInformationlList>span a {color:#f7555e;} .newsInformationlList ul {padding:30px 0;} .newsInformationlList ul li {float:left;width:406px;padding:8px 30px;padding-right:0;font-size:12px;color:#222;} .newsInformationlList ul li i {color:#f7555e;display:inline-block;vertical-align:top;} .newsInformationlList ul li p {max-width:328px;text-overflow:ellipsis;white-space:nowrap;display:inline-block;vertical-align:top;overflow:hidden;} .newsInformationlList ul li:last-child p {width:100%;} .newsInformationlList ul li p span {width:100%;color:#f7555e;text-align:right;display:inline-block;vertical-align:top;} .newsInformationlList ul li a {color:#222;} .videoList {padding:14px 8px;} .videoList li {float:left;margin-top:35px;font-size:14px;color:#333;text-align:center;margin-left:63px;} .videoList span {width:203px;height:98px;margin-bottom:12px;display:block;background:#edebed;border-radius:3px;} .videoList span i {width:55px;height:55px;margin-top:25px;display:inline-block;vertical-align:top;background:url('../images/newIcon.png');background-position:-950px -0;} .videoList li.l6 span i {background-position:-1024px -0;} /*******详情页面App*******/ .bgGray {background:#f8f8f8;} .detailsArticle {padding-top:36px;padding-bottom:35px;} .detailsTitle {height:76px;font-size:20px;color:#666;background:#f8f8f8;} .detailsTitle ul li {float:left;width:200px;height:71px;margin-top:5px;line-height:76px;text-align:center;cursor:pointer;} .detailsTitle ul li a {height:100%;display:block;} .detailsTitle.environmentTitle ul li {width:133px;} .detailsTitle ul li.active ,.detailsTitle ul li:hover {color:#00c568;background:#fff;} .detailsTitle ul li.active a ,.detailsTitle ul li:hover a {color:#00c568;} .detailsArticle>h2 {margin-bottom:22px;font-size:18px;color:#666;} .detailsArticle>h2 i {width:4px;height:19px;margin-top:4px;margin-right:12px;display:inline-block;vertical-align:top;background:#00c568;*margin-top:0;} .detailsArticle .industryList .iconList li {position:relative;width:381px;height:331px;margin-right:23px;margin-bottom:36px;background:#fff;border:1px solid #ededed;} .detailsArticle .industryList .iconList>li>a:hover {color:#fff !important;background:url('../images/index/deta_03.png');} .detailsArticle .industryList .iconList>li a:hover ,.detailsArticle .industryList .iconList li a:hover p em {color:#fff;} .detailsArticle .industryList .iconList li ul {position:absolute;bottom:0;left:0;width:100%;height:60px;font-size:0;line-height:60px;border-top:1px solid #e6e6e6;} .detailsArticle .industryList .iconList li i {width:75px;height:60px;margin-top:56px;margin-bottom:38px;} .detailsArticle .industryList .iconList li ul li i {width:24px!important;height:24px!important;margin-top:21px;margin-right:5px;} .detailsArticle .industryList .iconList li.l1 i {background-position:0 -1274px;} .detailsArticle .industryList .iconList li.l2 i {background-position:-75px -1274px;} .detailsArticle .industryList .iconList li.l3 i {background-position:-145px -1274px;} .detailsArticle .industryList .iconList li.l1>a:hover>i {background-position:0 -1340px;} .detailsArticle .industryList .iconList li.l2>a:hover>i {background-position:-75px -1340px;} .detailsArticle .industryList .iconList li.l3>a:hover>i {background-position:-145px -1340px;} .detailsArticle.retailersSoftware .industryList .iconList li.l1 i {background-position:-219px -1274px;} .detailsArticle.retailersSoftware .industryList .iconList li.l2 i {background-position:-294px -1274px;} .detailsArticle.retailersSoftware .industryList .iconList li.l3 i {background-position:-364px -1274px;} .detailsArticle.retailersSoftware .industryList .iconList li.l4 i {background-position:-438px -1274px;} .detailsArticle.retailersSoftware .industryList .iconList li.l5 i {background-position:-513px -1274px;} .detailsArticle.retailersSoftware .industryList .iconList li.l6 i {background-position:-575px -1274px;} .detailsArticle.retailersSoftware .industryList .iconList li.l1>a:hover>i {background-position:-219px -1340px;} .detailsArticle.retailersSoftware .industryList .iconList li.l2>a:hover>i {background-position:-294px -1340px;} .detailsArticle.retailersSoftware .industryList .iconList li.l3>a:hover>i {background-position:-364px -1340px;} .detailsArticle.retailersSoftware .industryList .iconList li.l4>a:hover>i {background-position:-438px -1340px;} .detailsArticle.retailersSoftware .industryList .iconList li.l5>a:hover>i {background-position:-513px -1340px;} .detailsArticle.retailersSoftware .industryList .iconList li.l6>a:hover>i {background-position:-575px -1340px;} .detailsArticle.o2oSoftware .industryList .iconList li.l1 i {width:77px;background-position:-650px -1274px;} .detailsArticle.o2oSoftware .industryList .iconList li.l2 i {background-position:-726px -1274px;} .detailsArticle.o2oSoftware .industryList .iconList li.l3 i {width:60px;background-position:-802px -1274px;} .detailsArticle.o2oSoftware .industryList .iconList li.l1>a:hover>i {background-position:-650px -1340px;} .detailsArticle.o2oSoftware .industryList .iconList li.l2>a:hover>i {background-position:-726px -1340px;} .detailsArticle.o2oSoftware .industryList .iconList li.l3>a:hover>i {background-position:-802px -1340px;} .detailsArticle .industryList .iconList li ul li {width:25%;height:60px;margin:0;font-size:16px;color:#999;line-height:60px;display:inline-block;vertical-align:top;background:#fff;border:0;border-left:1px solid #e6e6e6;} .detailsArticle .industryList .iconList li ul li.s4 {width:24.819%;} .detailsArticle .industryList .iconList li ul li:first-child {border-left:0;} .detailsArticle .industryList .iconList li ul li:hover a {color:#fff;background:#00c568;} .detailsArticle .industryList .iconList li ul li.s1 i {background-position:-808px -110px !important;} .detailsArticle .industryList .iconList li ul li.s2 i {background-position:-836px -110px !important;} .detailsArticle .industryList .iconList li ul li.s3 i {background-position:-866px -110px !important;} .detailsArticle .industryList .iconList li ul li.s4 i {background-position:-896px -110px !important;} .detailsArticle .industryList .iconList li ul li.s1:hover i {background-position:-808px -138px!important;} .detailsArticle .industryList .iconList li ul li.s2:hover i {background-position:-836px -138px!important;} .detailsArticle .industryList .iconList li ul li.s3:hover i {background-position:-866px -138px!important;} .detailsArticle .industryList .iconList li ul li.s4:hover i {background-position:-896px -138px!important;} .smallProgram .detailsArticle .industryList .iconList li {height:270px;} .smallProgram .detailsArticle .industryList .iconList li i {margin-top:94px;margin-bottom:27px;} .smallProgram .detailsArticle .industryList .iconList li.l1 i {background-position:0 -1405px;} .smallProgram .detailsArticle .industryList .iconList li.l2 i {background-position:-75px -1405px;} .smallProgram .detailsArticle .industryList .iconList li.l1:hover i {background-position:0 -1476px;} .smallProgram .detailsArticle .industryList .iconList li.l2:hover i {background-position:-75px -1476px;} .smallProgram .detailsArticle.retailersProgram .industryList .iconList li.l1 i {background-position:-145px -1405px;} .smallProgram .detailsArticle.retailersProgram .industryList .iconList li.l2 i {background-position:-218px -1405px;} .smallProgram .detailsArticle.retailersProgram .industryList .iconList li.l3 i {background-position:-292px -1405px;} .smallProgram .detailsArticle.retailersProgram .industryList .iconList li.l1:hover i {background-position:-145px -1476px;} .smallProgram .detailsArticle.retailersProgram .industryList .iconList li.l2:hover i {background-position:-218px -1476px;} .smallProgram .detailsArticle.retailersProgram .industryList .iconList li.l3:hover i {background-position:-292px -1476px;} .detailsArticle.o2oProgram .industryList .iconList li.l1 i {width:77px;background-position:-650px -1274px;} .detailsArticle.o2oProgram .industryList .iconList li.l2 i {width:76px;background-position:-370px -1405px;} .detailsArticle.o2oProgram .industryList .iconList li.l1>a:hover>i {background-position:-650px -1340px;} .detailsArticle.o2oProgram .industryList .iconList li.l2>a:hover>i {background-position:-370px -1476px;} .detailsArticle.friendProgram .industryList .iconList li.l1 i {width:76px;background-position:-446px -1405px;} .detailsArticle.friendProgram .industryList .iconList li.l2 i {width:76px;background-position:-517px -1405px;} .detailsArticle.friendProgram .industryList .iconList li.l1>a:hover>i {background-position:-446px -1476px;} .detailsArticle.friendProgram .industryList .iconList li.l2>a:hover>i {background-position:-517px -1476px;} .hardware .detailsArticle .industryList .iconList li {height:300px;} .hardware .detailsArticle .industryList .iconList li i {margin-top:73px;} .hardware .detailsArticle .industryList .iconList li.l1 i {background-position:-292px -1550px;} .hardware .detailsArticle .industryList .iconList li.l2 i {background-position:-379px -1550px;} .hardware .detailsArticle .industryList .iconList li.l3 i {background-position:-443px -1550px;} .hardware .detailsArticle .industryList .iconList li.l4 i {background-position:-523px -1550px;} .hardware .detailsArticle .industryList .iconList li.l5 i {background-position:-592px -1546px;} .hardware .detailsArticle .industryList .iconList li.l6 i {background-position:-657px -1546px;} .hardware .detailsArticle .industryList .iconList li.l1:hover i {background-position:-292px -1614px;} .hardware .detailsArticle .industryList .iconList li.l2:hover i {background-position:-379px -1614px;} .hardware .detailsArticle .industryList .iconList li.l3:hover i {background-position:-443px -1614px;} .hardware .detailsArticle .industryList .iconList li.l4:hover i {background-position:-523px -1614px;} .hardware .detailsArticle .industryList .iconList li.l5:hover i {background-position:-592px -1610px;} .hardware .detailsArticle .industryList .iconList li.l6:hover i {background-position:-657px -1610px;} .detailsArticle .AppFunction.industryList .iconList li ul li {width:49.87%;cursor:pointer;} .detailsArticle .AppFunction.industryList .iconList li ul li:hover {color:#fff;background:#01bf65;} .detailsArticle .retailersApp.industryList .iconList li.l1 i {height:70px;background-position:-651px -1400px;} .detailsArticle .retailersApp.industryList .iconList li.l2 i {height:70px;background-position:-582px -1400px;} .detailsArticle .retailersApp.industryList .iconList li.l1>a:hover>i {background-position:-651px -1471px;} .detailsArticle .retailersApp.industryList .iconList li.l2>a:hover>i {background-position:-582px -1471px;} .detailsArticle .o2oApp.industryList .iconList li.l1 i {background-position:-728px -1400px;} .detailsArticle .o2oApp.industryList .iconList li.l2 i {width:60px;background-position:-803px -1400px;} .detailsArticle .o2oApp.industryList .iconList li.l1>a:hover>i {background-position:-728px -1471px;} .detailsArticle .o2oApp.industryList .iconList li.l2>a:hover>i {background-position:-803px -1471px;} .detailsArticle .o2oApp.industryList .iconList li.l3 i {background-position:8px -1544px;} .detailsArticle .o2oApp.industryList .iconList li.l4 i {background-position:-75px -1547px;} .detailsArticle .o2oApp.industryList .iconList li.l5 i {background-position:-143px -1544px;} .detailsArticle .o2oApp.industryList .iconList li.l6 i {background-position:-218px -1544px;} .detailsArticle .o2oApp.industryList .iconList li.l3:hover i {background-position:8px -1608px;} .detailsArticle .o2oApp.industryList .iconList li.l4:hover i {background-position:-75px -1611px;} .detailsArticle .o2oApp.industryList .iconList li.l5:hover i {background-position:-143px -1608px;} .detailsArticle .o2oApp.industryList .iconList li.l6:hover i {background-position:-218px -1608px;} .AppFunction.industryList .iconList li ul li.s1 i {background-position:-927px -115px!important;} .AppFunction.industryList .iconList li ul li.s1:hover i {background-position:-957px -115px!important;} .AppFunction.industryList .iconList li ul li.s2 i {margin-top:18px;background-position:-987px -115px!important;} .AppFunction.industryList .iconList li ul li.s2:hover i {background-position:-1017px -115px !important;} .AppFunction.industryList .iconList li ul li div {z-index:9;position:absolute;top:66px;left:16px;width:140px;padding:15px 0;font-size:12px;font-weight:normal;color:#49b44f;text-align:center;display:none;background:#fff;border:1px solid #49b44f;} .AppFunction.industryList .iconList li ul li:hover div {display:block;} .AppFunction.industryList .iconList li ul li div span img {width:110px;height:110px;} .AppFunction.industryList .iconList li ul li div p {margin-top:10px;line-height:15px;} .detailsArticle .AppFunction.industryList .iconList li ul li div i {position:absolute;top:-8px;left:50%;width:14px;height:8px;margin:0;background-position:-962px -319px !important;margin-left:-7px;} .detailsArticle .AppFunction.industryList .iconList li ul li:hover div i {background-position:-962px -319px !important;} .detailsArticle .industryList .iconList li.l3 ,.detailsArticle .industryList .iconList li.l6 {margin-right:0;} .message {width:1100px;} .message h2 {padding-bottom:10px;font-size:18px;font-weight:normal;color:#3d3d3d;text-align:center;} .message .table table {border:1px solid #eee;} .message .table table th ,.message .table table td {line-height:35px;text-align:center;border:1px solid #eee;} .message .table table th {font-weight:normal;} .message .table table .buyNow {padding:0px 15px;color:#fff;line-height:22px;display:inline-block;background:#49b44f;border-radius:10px;} .message .table table .buyNow {*display:inline;} .message .table table td i {color:#49b44f;} .message .infoDesc {margin-top:15px;} .message .infoDesc h3 {margin-top:20px;padding:10px 0;font-size:18px;font-weight:normal;color:#49b44f;} .message .infoDesc p {color:#9d9d9d;line-height:22px;} .txYun {width:927px;margin:0 auto;} .txYun .topBanner {border:1px solid #eee;} .txYun .topBanner img {width:925px;} .yunList {margin-right:-30px;} .yunList .prodOne {float:left;width:287px;margin:30px 30px 0 0;border:1px solid #eee;} .prodOne p {height:40px;color:#6d6d6d;line-height:40px;text-align:center;border-bottom:1px solid #eee;} .yunList .prodOne p i {margin-right:10px;display:inline-block;vertical-align:middle;background:url('../images/newIcon.png') no-repeat;} .yunList .prodOne p i {*display:inline;} .yunList .prodOne p.one i {width:31px;height:20px;background-position:-995px -311px;} .yunList .prodOne p.two i {width:25px;height:25px;background-position:-1031px -311px;} .yunList .prodOne p.three i {width:23px;height:24px;background-position:-1060px -311px;} .prodOne li {padding-right:5px;font-size:14px;color:#9d9d9d;line-height:34px;border-bottom:1px solid #eee;padding-left:5px;} .prodOne li.zuiHou {padding:14px 5px;font-size:18px;color:#49b44f;line-height:normal;border-bottom:0;} .prodOne li span {float:right;font-size:14px;color:#666;} .prodOne li a.buyNow {float:right;padding:0 15px;font-size:14px;color:#fff;line-height:22px;background:#49b44f;border-radius:10px;} .payWay {width:800px;margin:0 auto;} .payWay .payInfo ul li {margin-top:15px;border:1px solid #eee;} .payWay .payInfo ul li .flImg {width:300px;display:inline-block;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 {line-height:22px;display:inline;} .payWay .payDesc {font-size:14px;} .payWay .payDesc h3 {padding:15px 0;font-size:14px;font-weight:normal;color:#49b44f;} .payWay .payDesc p {font-size:14px;line-height:22px;} /******新闻内页******/ .newArticleCentent {float:left;width:914px;padding-right:26px;border-right:1px solid #ededed;} .newArticleCentent .newArticleList {float:left;width:928px;margin-bottom:15px;border-bottom:1px solid #ededed;} .newArticleCentent .newArticleList>h2 {height:20px;margin-top:37px;margin-bottom:22px;font-size:18px;color:#666;} .newArticleCentent .newArticleList>h2 i {width:4px;height:19px;margin-top:4px;margin-right:12px;display:inline-block;vertical-align:top;background:#00c568;} .newArticleCentent .newArticleList>h2 a {float:right;padding-right:14px;font-size:16px;color:#999;} .rectNewsBox .style1 {padding:10px 0;background:#fff;padding-left:15px;} .rectNewsBox .style1 span {float:left;font-size:14px;line-height:25px;} .rectNewsBox .style1 ul {float:left;} .rectNewsBox .style1 ul li {float:left;margin-right:10px;} .rectNewsBox .style1 ul li a {padding:0 15px;font-size:14px;color:#6d6d6d;line-height:25px;display:block;} .rectNewsBox .style1 ul li a:hover ,.rectNewsBox .style1 ul li.on a {color:#fff;background:#ff7200;} .rectNewsBox .style2 ul li {position:relative;float:left;margin-right:5px;} .rectNewsBox .style2 ul li i {position:absolute;bottom:-8px;left:50%;width:14px;height:8px;display:none;background:url('../images/sprite.png') no-repeat -140px 0;margin-left:-7px;} .rectNewsBox .style2 ul li a {width:146px;font-size:16px;color:#6d6d6d;line-height:46px;text-align:center;display:block;background:#e5e5e5;} .rectNewsBox .style2 ul li a:hover ,.rectNewsBox .style2 ul li.on a {color:#fff;background:#ff7200;} .rectNewsBox .style2 ul li.on i {display:block;} .rectNewsBox .bd ul {/*margin-left:-15px;*/} .rectNewsBox .bd li {float:left;width:220px;margin-top:14px;margin-right:12px;} .rectNewsBox .bd li .wrap {background:#fff;} .rectNewsBox .bd li .i-pic {width:100%;height:120px;overflow:hidden;} .rectNewsBox .bd li .i-pic img ,.newAisde li img {width:100%;height:100%;-webkit-transition:all .6s ease;-moz-transition:all .6s ease;-ms-transition:all .6s ease;transition:all .6s ease;} .rectNewsBox .bd li .desc {padding:0 10px;padding-bottom:15px;} .rectNewsBox .bd li h3 {width:100%;margin-top:17px;padding:5px 0;font-size:14px;color:#3d3d3d;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;} .rectNewsBox .bd li p {height:38px;font-size:12px;color:#9d9d9d;line-height:18px;overflow:hidden;} .rectNewsBox .bd li p span {padding-top:5px;font-size:12px;color:#ccc;} .rectNewsBox .bd li:hover .i-pic img ,.newAisde li:hover img {display:block;-webkit-transform:scale(1.2) rotate(5deg);-moz-transform:scale(1.2) rotate(5deg);transform:scale(1.2) rotate(5deg);} .newAisde {float:left;width:194px;padding:0 32px;border-right:1px solid #ededed;border-bottom:1px solid #ededed;} .newAisde>h2 {height:20px;margin-top:37px;margin-bottom:22px;font-size:18px;color:#666;} .newAisde>h2 i {width:4px;height:19px;margin-top:4px;margin-right:12px;display:inline-block;vertical-align:top;background:#00c568;} .newAisde li {margin:23px 0;text-align:center;border-top:1px dashed #ededed;} .newAisde li div {width:100%;height:130px;overflow:hidden;} .newAisde li:first-child {border-top:0;} .newAisde li p {margin-top:12px;font-size:12px;color:#666;} .navigation {z-index:1;position:fixed;top:50%;left:37px;width:92px;font-size:14px;color:#fafbfc;text-align:center;background:#fafbfc;border:1px solid #edebed;} i.labelCombination {width:50px;height:20px;margin-right:10px;font-size:12px;color:#fff;line-height:20px;text-align:center;display:inline-block;vertical-align:top;background:#ffab00;} i.blue {background:#73c79f;} i.gray {background:#a9a9a9;} .classRoom .rectNewsBox .bd li .desc {padding:0;} .classRoom .rectNewsBox .bd li {margin-bottom:30px;} .classRoom.newArticleCentent .newArticleList>h2 {margin-top:17px;} .newAisde.classRoomAisd li p {text-align:left;} .classRoomAisd {width:186px;} .classRoomAisd a.more {width:186px;height:35px;margin-top:10px;margin-bottom:30px;font-size:16px;color:#999;line-height:35px;text-align:center;display:inline-block;vertical-align:top;background:#f3f3f3;} .newArticleCentent .newArticleList.classNewList {border-bottom:0; margin-top:25px;} .classNewList {border-bottom:0;} .classNewList .productCentent {float:none;width:100%;margin-top:-61px;} .classNewList .productListCentent {position:relative;height:381px; border-left:1px solid #eee;} .classNewList .newsInformationlList ul li i {color:#9d9d9d;} .classNewList .newsInformationlList ul li {width:406px;padding:8px 57px;padding-right:0;} .classRoomArticle {text-align:center;} .classRoomArticle .classRoomArticleHeader {padding-top:40px;} .classRoomArticle .classRoomArticleHeader h2 { font-size:24px;color:#333;} .classRoomArticle .classRoomArticleHeader p {font-size:12px;color:#ccc;line-height:40px;} .classRoomArticle .classRoomArticleHeader a {width:100px;height:30px;margin:0 7px;margin-top:20px;font-size:14px;color:#fff;line-height:30px;display:inline-block;vertical-align:top;background:#ffbc2d;} .classRoomArticle .classRoomArticleHeader a.green {background:#00c568;} .classRoomArticle .classRoomArticleHeader a:hover{ opacity:.8; } .classRoomArticle .classRoomArticleCentent {margin:40px 0;padding:40px 0;font-size:16px;color:#666;text-align:left; border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;} .classRoomArticle .classRoomArticleCentent pre {font-family:Microsoft YaHei,Arial, Helvetica,'\534E\6587\9ED1\4F53', sans-serif;white-space:pre-line;} .classRoomArticleFooter {text-align:right;} .classRoomArticleFooter span { cursor:pointer; width:110px;height:36px;margin:0 7px;font-size:16px;color:#666;line-height:36px;text-align:center;display:inline-block;vertical-align:top;border:1px solid #e5e5e5;} .classRoomArticleFooter span.yellow {font-size:16px;color:#ffab00;border:1px solid #ffab00;} .navigation>i.close {position:absolute;top:-36px;right:0;width:26px;height:36px;background:url('../images/x.png'); cursor:pointer; } span.navigationListClose {display:none; z-index:9;position:fixed;top:50%;left:0;width:26px;margin-top:-50px;padding:12px 6px;font-size:16px;color:#fff;line-height:17px;text-align:center;display:none;background:#ffab00;border-radius:0 5px 5px 0;cursor:pointer;} span.navigationListClose i {width:22px;height:22px;margin-bottom:4px;display:inline-block;background:url(../images/xfeng.png);background-position:-837px -26px;} .sourceCode.navigation {margin-top:-149px;} .navigation dt {line-height:37px;} .navigation dt ,.technical .navigation dd.active ,.technical .navigation dd:hover {color:#fff;background:#ffab00;} .navigation dd {height:37px;font-size:12px;line-height:37px;} .navigation dd:last-child a {border-bottom:0;} .navigation dd a {width:75px;height:100%;margin:0 7px;display:inline-block;vertical-align:top;border-bottom:1px dashed #ededed;} .navigation dd a:hover {color:#ffab00;} .technical .navigation dd:hover a ,.technical .navigation dd.active a {color:#fff;} .navigation dd.active a {color:#ffab00;} .consultationList {z-index:6;position:fixed;top:50%;right:2px;margin-top:-179px;} .consultationList ul {width:69px;} .consultationList li {position:relative;float:right;width:69px;height:69px;margin-bottom:2px;font-size:0px;text-align:center;} .consultationList li.openLi {overflow:hidden;} .consultationList li.openLi a {width:170px;display:inline-block;vertical-align:top;} .consultationList li span {float:left;width:69px;line-height:15px;display:inline-block;vertical-align:top;} .consultationList li span.s2 {width:100px;height:69px;font-size:14px;line-height:69px;} .consultationList li:hover span.s2 {margin-left:-20px;} .consultationList li div {position:absolute;top:-47px;left:-182px;width:160px;height:160px;padding:5px;display:none;background:#fff;box-shadow:0 0 10px #00c568;border:1px solid #00c568;} .consultationList li div img {width:160px;height:160px;} .consultationList li p {font-size:12px;line-height:15px;} .consultationList li a {color:#fff;} .consultationList li i {width:32px;height:32px;margin-top:11px;margin-bottom:5px;display:inline-block;vertical-align:top;background:url('../images/newIcon.png');} .consultationList li.l1 {background:#7be488;} .consultationList li.l2 {background:#7be0e4;} .consultationList li.l3 {background:#f1ca80;} .consultationList li.l4 {background:#8cc3f1;} .consultationList li.l5 {background:#FF8D6E;} .consultationList li.l6 {background:#71CAF4;} .consultationList li.l6 i{background:none;} .consultationList li.l1 i {background-position:-702px -10px;} .consultationList li.l2 i {background-position:-738px -10px;} .consultationList li.l3 i {background-position:-777px -10px;} .consultationList li.l4 i {background-position:-815px -10px;} .consultationList li.l5 i {background-position:-852px -10px;} .consultationList li:hover{background:#35d28a;} .asideBanner {z-index:2;position:fixed;bottom:0;left:0;width:20px;height:133px;} .asideBanner .asideBannerIcon {position:absolute;top:0;left:0%;width:223px;height:133px;background:url('../images/newIcon.png');background-position:-863px -1165px;cursor:pointer;} .asideBanner .foorterBanner {position:absolute;top:0;left:-100%;width:100%;height:133px;background:#ffbc2d;display:none} .asideBanner .foorterBanner div {height:133px;background:url('../images/index/index_19.png');} .asideBanner .foorterBanner input {position:absolute;top:65px;left:466px;width:288px;height:16px;padding:0 5px;font-size:15px;color:#fff;line-height:16px;background:none;} .asideBanner .foorterBanner a ,.asideBanner .foorterBanner button {position:absolute;top:48px;right:258px;width:160px;height:52px;font-size:25px;color:#fff;line-height:52px;text-align:center;background:none;cursor:pointer;} .asideBanner a.a2 {right:89px;} .asideBanner .foorterBanner div>i {position:absolute;top:0;right:0;width:35px;height:35px;background:#d59305 url('../images/newIcon.png');background-position:-300px -9px;cursor:pointer;} .asideBanner input::-webkit-input-placeholder {color:#fbefe0;} .footer {width:100%;margin-top:50px;background:#242424;border-top:6px solid #242424;} .footer .footerOne {padding:28px 0;border-bottom:1px solid #464646;} .footer .footerOne ul li {float:left;margin-left:98px;} .footer .footerOne ul li:first-child {margin-left:0;} .footer .footerOne ul li span {height:44px;margin-right:15px;padding:0 12px;font-size:38px;color:#fff;line-height:44px;text-align:center;border:2px solid #fff;border-radius:10px;;} .footer .footerOne ul li .desc {color:#fff;} .footer .footerOne ul li .desc h3 {font-size:24px;} .footer .footerOne ul li .desc p {font-size:14px;color:#858585;} .footer .footerTwo {padding:25px 0;text-align:center;} .footer .footerTwo .ftColumns {width:auto;text-align:center;display:inline-block;vertical-align:top;margin-left:75px;*margin-left:20px;} .footer .footerTwo .ftColumns {*display:inline;*width:130px;} .footer .footerTwo .ftColumns:first-child {margin-left:0;} .footer .footerTwo .ftColumns h2 {margin-bottom:20px;font-size:14px;font-weight:normal;color:#fff;} .footer .footerTwo .ftColumns h2 i {width:50px;height:50px;margin:0 auto;margin-bottom:10px;display:block;background:url('../images/newIcon.png') no-repeat;} .footer .footerTwo .ftColumns h2 i.i1 {background-position:-730px -1615px;} .footer .footerTwo .ftColumns h2 i.i2 {background-position:-807px -1615px;} .footer .footerTwo .ftColumns h2 i.i3 {background-position:-883px -1615px;} .footer .footerTwo .ftColumns h2 i.i4 {background-position:-958px -1615px;} .footer .footerTwo .ftColumns h2 i.i5 {width:51px;height:51px;background-position:-732px -1553px;} .footer .footerTwo .ftColumns h2 i.i6 {background-position:-808px -1553px;} .footer .footerTwo .ftColumns .links li {position:relative;margin-bottom:5px;} .footer .footerTwo .ftColumns .links li div {display:none; z-index:2;position:absolute;top:-125px;left:-42px;width:150px;height:150px;background:#fff;box-shadow:0 0 15px #ccc;} .footer .footerTwo .ftColumns .links li div img{width:150px;height:150px;} .footer .footerTwo .ftColumns .links li:first-child div{ top:-100px;} .footer .footerTwo .ftColumns .links li:hover div{display:block;} .footer .footerTwo .ftColumns .links li a {font-size:12px;color:#898989;} .footer .footerTwo .ftColumns .links li a:hover {color:#666;} .footer .footerTwo .last {color:#858585;border-left:1px solid #eee;padding-left:75px;*padding-left:25px;*width:260px;} .footer .footerTwo .last .qq {padding:6px 25px;color:#fff;display:inline-block;background:#0c61b0;border-radius:20px;} .footer .footerTwo .last .qq {*display:inline;} .footer .footerTwo .last .qq i {width:24px;height:24px;display:inline-block;vertical-align:top;background:url('../images/newIcon.png') no-repeat -1047px -113px;} .footer .footerTwo .last h3 {font-size:26px;} .footer .footerTwo .last .phone {margin:15px 0;} .footer .footerTwo .last p {font-size:12px;} .footer .footerThree {padding:10px 0;color:#858585;background:#6b6b6b;} .footer .footerThree .fl {float:left;} .footer .footerThree .ftNav a {margin:0 10px;font-size:12px;font-size:12px;color:#b5b5b5;} .footer .footerThree .ftNav a:first-child {margin-left:0;} .footer .footerThree p a {margin-left:10px;} .footer .footerThree p span {margin-right:10px;} /*.footer .footerThree a:hover{color:#666;}*/ .w1200 {width:1200px;min-width:1200px;margin:0 auto;} .fr {float:right;} .fl {float:left;} .backTop {z-index:6;position:fixed;right:5px;bottom:20px;width:94px;height:94px;display:block;display:none;background:url('../images/newIcon.png') no-repeat -760px -1170px;} .systemListCentent li .iconList li i ,.advantageList li span ,.industryList .iconList li i ,.upgrade .upgradeCentent .iconList li i ,.productListCentent .lifeList menu li i ,.productListCentent .communityList .iconList li i {opacity:1;-webkit-transition:all .8s ease-in-out;-moz-transition:all .8s ease-in-out;transition:all .8s ease-in-out;-webkit-backface-visibility:hidden;} .systemListCentent li .iconList li:hover i ,.advantageList li:hover span ,.retailersCode .o2oShop.industryList .iconList li:hover i {-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);-webkit-animation:none;animation:none;} .upgrade .upgradeCentent .iconList li:hover i ,.productListCentent .communityList .iconList li:hover i ,.developmentDynamic.advantageList li:hover a span ,.retailersCode .extension.industryList .iconList li:hover i {-webkit-animation:pulse 1s ease 1 0s both;animation:pulse 1s ease 1 0s both;} .industryList .iconList li:hover i ,.productListCentent .lifeList menu li:hover i ,.retailersCode .distribution.industryList .iconList li:hover i {-webkit-animation:bounce 1s ease 1 0s both;animation:bounce 1s ease 1 0s both;} .breakthroughList li span {position:relative;} .breakthroughList li span:after ,.wisdomProblem li span:after {z-index:10;position:absolute;top:-1px;left:-1px;width:100%;height:100%;padding:0;display:none;border:1px dashed #cacaca;border-radius:50%;content:'';-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;} .breakthroughList li:hover span {border:1px solid transparent;} .breakthroughList li:hover span:after ,.wisdomProblem li:hover span:after {display:block;-webkit-animation:spinAround 9s linear infinite;-moz-animation:spinAround 9s linear infinite;animation:spinAround 9s linear infinite;} .wisdomProblem li:hover span:after {top:-2px;left:-2px;border:2px dashed #1abd6c;} .wisdomProblem li:hover span {border:2px solid transparent;} .wisdomShop .shopFunction.industryList .iconList li i ,.wisdomShop .industryList .iconList li.l9 i ,.wisdomShop .cashier.industryList .iconList li i ,.developmentDynamic.advantageList li:hover a span {-webkit-transition:none;-moz-transition:none;transition:none;} .wisdomShop .shopFunction.industryList .iconList li:hover i ,.detailsArticle .industryList .iconList li:hover i {-webkit-animation:none;animation:none;} @-webkit-keyframes spinAround {from {-webkit-transform:rotate(0deg);} to {-webkit-transform:rotate(360deg);}} @-moz-keyframes spinAround {from {-moz-transform:rotate(0deg);} to {-moz-transform:rotate(360deg);}} @keyframes spinAround {from {transform:rotate(0deg);} to {transform:rotate(360deg);}} /*****办公环境页面******/ .about {margin-top:50px;} .aboutNav {background:#e4e4e4;} .aboutNav li {position:relative;float:left;width:11%;} .aboutNav li a {font-size:16px;line-height:55px;text-align:center;display:block;} .aboutNav ul li i {position:absolute;bottom:-6px;left:50%;width:12px;height:6px;display:none;background:url('../images/sprite.png') no-repeat -140px -10px;margin-left:-6px;} .aboutNav li:hover a ,.aboutNav li.on a {color:#fff;background:#202020;} .aboutNav ul li:hover i ,.aboutNav ul li.on i {display:block;} .modHd {padding:50px 0;text-align:center;} .modHd h2 {padding:15px 0;font-size:48px;font-weight:normal;color:#4f5b6c;border-bottom:1px solid #d5dfe7;} .modHd p {padding:10px 0;color:#4f5b6c;} .handle-99w {width:99%;margin:0 auto;} .environment { position:relative;} .environmentButton{} .environmentButton span{ position:absolute; width:100px; height:100px; background:#ccc;top:40px; cursor:pointer;} .environmentButton span.prev{ left:-100px; background:url('../images/prev.png') 12px 23px no-repeat; background-size:66%; } .environmentButton span.next{ right:-100px; background:url('../images/next1.png') 30px 23px no-repeat; background-size:66%; } .environmentList{ width:100%; overflow:hidden;height: 185px; position: relative; } .environment .environmentList ul li{position:absolute; display: block !important;} .environment ul {margin-left:-14px;} .environment ul li {position:relative;float:left;width:289px;height:185px;margin-bottom:14px;overflow:hidden;cursor:pointer;margin-left:14px;} .environment ul li img {width:100%;height:100%;display:block;-webkit-transition:all .6s ease;transition:all .6s ease;-webkit-interpolation-mode:bicubic;} .environment ul li h3 {position:absolute;right:0;bottom:0;left:0;font-size:14px;color:#fff;line-height:40px;text-align:center;background:rgba(0,0,0,.5);background:#000/9;} .environment ul li:hover img {display:block !important;-webkit-transform:scale(1.2) rotate(5deg);-moz-transform:scale(1.2) rotate(5deg);transform:scale(1.2) rotate(5deg);} .culture h2 {padding-bottom:5px;font-size:23px;color:#3d3d3d;} .culture h2 em {color:#ff8a00;} .culture .text p {padding-top:20px;color:#7d7d7d;line-height:24px;} .culture .text h3 {padding-top:30px;} .culture .text .textWord p {padding-top:10px;} .culture .imgGroup {padding-bottom:20px;border-bottom:1px solid #eee;} /*history*/.history {position:relative;overflow:hidden;background:url(../images/line04.gif) repeat-y 187px 0;} .history-date {position:relative;overflow:hidden;} .history-date h2 {height:59px;margin-bottom:74px;font-family:微软雅黑;font-size:25px;font-weight:normal;background:#fff url(../images/icon06.gif) no-repeat 158px 0;padding-left:45px;} .history-date h2.first {z-index:99;position:absolute;top:0;left:0;width:935px;} .history-date h2 a {margin:21px 97px 0 0;padding-right:17px;color:#ff7200;display:inline-block;zoom:1;background:url(../images/icon08.gif) no-repeat right 50%;*display:inline;} .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 {padding-bottom:50px;zoom:1;background:url(../images/icon07.gif) no-repeat 180px 0;} .history-date ul li.last {padding-bottom:0;} .history-date ul li:after {height:0;display:block;visibility:hidden;clear:both;content:' ';} .history-date ul li h3 {float:left;width:150px;padding-right:19px;font:normal 18px/16px Arial;color:#c3c3c3;text-align:right;} .history-date ul li h3 span {font-size:12px;color:#d0d0d0;display:block;} .history-date ul li dl {float:left;margin-top:-5px;font-family:微软雅黑;padding-left:41px;} .history-date ul li dl dt {font:20px/22px 微软雅黑;color:#737373;} .history-date ul li dl dt span {font-size:12px;color:#787878;display:block;} .history-date ul li.green h3 {color:#ff7200;} .history-date ul li.green h3 span {color:#ffb77d;} .history-date ul li.green dl {margin-top:-8px;color:#ff7200;} .history-date ul li.green dl dt {width:575px;font-size:14px;color:#ff7200;line-height:28px;} .history-date ul li.green dl dt span {color:#ff7200;} .history-date ul li.green dl dt a {color:#ff7200;display:inline-block;vertical-align:middle;overflow:hidden;zoom:1;*display:inline;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 {color:#787878;line-height:21px;overflow:hidden;zoom:1;} .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;} .qualification ul {margin-right:-45px;overflow:hidden;} .qualification ul li {float:left;width:266px;height:295px;margin-right:45px;margin-bottom:45px;line-height:295px;text-align:center;} .qualification ul li img {display:inline;vertical-align:middle;} .qualification ul li h3 {font-size:14px;font-weight:normal;color:#9d9d9d;line-height:30px;text-align:center;} .contactUs {height:800px;} .contactUs .myMap {top:0;left:0;width:460px;height:377px;border:1px solid #eee;} .contactUs .myMap img {width:100%;height:100%;} .contactUs .myAddress {top:0;right:0;left:500px;} .contactUs .myAddress .hd li {float:left;margin-right:10px;} .contactUs .myAddress .hd li {width:180px;height:45px;font-size:18px;color:#9d9d9d;line-height:45px;text-align:center;display:block;background:#e5e5e5;cursor:pointer;} .contactUs .myAddress .hd li.on {color:#fff;background:#ff7200;} .contactUs .myAddress .bd {height:331px;border:1px solid #eee;} .contactUs .myAddress .bd .row {display:none;} .contactUs .myAddress .bd .row:first-child {display:block;} .contactUs .myAddress .bd .mapAdress {padding:0 20px;} .contactUs .myAddress .bd .mapAdress h3 {margin-top:20px;} .contactUs .myAddress .bd .mapAdress p {line-height:30px;} .service .formThis {margin-top:15px;} .formThis .formRow {width:400px;margin:0 auto;padding:20px 50px;background:#f5f5f5;} .formThis .row {margin:15px 0;} .formThis label {width:80px;margin-right:5px;text-align:right;display:inline-block;} .formThis label {*display:inline;} .formThis span {display:inline-block;} .formThis span {*display:inline;} .formThis span input[type=text] {width:380px;height:45px;padding:0 10px;font-size:14px;line-height:45px;border:0;} .formThis span input[type=password] {width:380px;height:45px;padding:0 10px;font-size:14px;line-height:45px;border:0;} .formThis span.short input[type=text] {width:150px;font-size:14px;} .formThis span.shortCode {border:0;margin-left:10px;} .formThis span.shortCode img {width:80px;border-radius:5px;} .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;font-size:25px;color:#fff;line-height:54px;text-align:center;display:block;border:0;} .formThis .lrBtn .loginBtn {background:#fa7c28;} .formThis .lrBtn .loginBtn:hover {background:#f60;} .jobs .job_list {width:240px;margin-right:40px;} .jobs .job_list h3 {height:58px;margin-bottom:2px;font-size:18px;color:#fff;line-height:58px;text-align:center;background:#ff7200;} .jobs .job_list ul li {height:50px;margin-bottom:2px;font-size:14px;color:#999;line-height:50px;background:#f7f7f7;border-left:10px solid #f7f7f7;} .jobs .job_list ul li a {height:50px;line-height:50px;display:block;padding-left:20px;} .jobs .job_list ul li.on {position:relative;color:#fff;background:#333;border-left:10px solid #ff7200;} .jobs .job_list ul li.on a {color:#fff;} .jobs .job_list ul li.on:after {position:absolute;top:0px;right:10px;color:#fff;content:'>';} .job_cont {border:1px solid #eee;} .jobs .jobDetail .bd {padding:15px 60px 40px 60px;} .jobs .jobDetail h3 {font-size:18px;font-weight:normal;color:#3d3d3d;} .jobs .jobDetail h4 {margin-top:20px;line-height:24px;} .jobs .jobDetail p {padding-top:10px;} .jobDetail .hd {padding:25px 60px;background:#f5f5f5;} .jobDetail .hd h3 {margin-bottom:5px;font-size:18px;color:#3d3d3d;} .jobDetail .hd span {margin-right:20px;font-size:14px;color:#6d6d6d;} .mailInfo {margin:30px 0;} .mailInfo h3 {font-size:18px;font-weight:normal;color:#3d3d3d;} .mailInfo span {margin-left:15px;} .mailInfo span i {width:20px;height:20px;margin-right:5px;display:inline-block;vertical-align:middle;background:url('../images/sprite.png') no-repeat;} .mailInfo span i {*display:inline;} .mailInfo span.eMail i {width:20px;height:13px;background-position:-205px -0px;} .mailInfo span.qq i {width:16px;height:19px;background-position:-229px -0px;} .technicalList {margin-top:44px;} .technicalList>.section {} .page-goumai .tip {padding:20px 25px;font-size:14px;color:#948e6d;background:#f5f1c4;border:#f5f1c4 1px solid;} .page-goumai .module1 .projectDesc ul {text-align:center;} .page-goumai .module1 .projectDesc ul li {position:relative;width:366px;height:292px;margin:0 15px;} .page-goumai .module1 .projectDesc ul li i {width:90px;height:90px;margin:40px auto 0 auto;} .page-goumai .module1 .projectDesc ul li.i1 {background:#504f5f;} .page-goumai .module1 .projectDesc ul li.i2 {background:#f24950;} .page-goumai .module1 .projectDesc ul li.i3 {background:#1cabec;} .page-goumai .module1 .projectDesc ul li.i1 i {background-position:-600px -485px;} .page-goumai .module1 .projectDesc ul li.i2 i {background-position:-690px -485px;} .page-goumai .module1 .projectDesc ul li.i3 i {background-position:-780px -485px;} .page-goumai .module1 .projectDesc ul li h3 {padding-top:5px;padding-bottom:20px;font-size:18px;color:#fff;} .page-goumai .module1 .projectDesc ul li p {position:absolute;right:0;bottom:0;left:0;height:73px;padding:10px 45px;font-size:12px;color:#fff;line-height:24px;text-align:left;background:url('../images/rbga10.png') repeat;} .projectDesc ul {text-align:center;} .projectDesc ul li {margin:0 15px;display:inline-block;vertical-align:top;} .projectDesc ul li {*display:inline;} .projectDesc ul li i {width:100px;height:100px;margin:20px auto;margin-top:50px;display:block;background:url('../images/sprite.png') no-repeat;} .projectDesc ul li h3 {padding-bottom:15px;font-size:22px;font-weight:normal;color:#525e6e;overflow:hidden;} .projectDesc ul li p {padding:0 50px;font-size:12px;color:#525e6e;line-height:20px;text-align:left;overflow:hidden;} .projectDesc ul li .btnA {margin-top:20px;margin-bottom:40px;text-align:center;display:block;} .projectDesc ul li .btnA a {-webkit-transition:all 0s ease;-moz-transition:all 0s ease;-ms-transition:all 0s ease;transition:all 0s ease;} .projectDesc ul li .btnA a {width:200px;height:55px;font-size:20px;color:#4c575c;line-height:55px;display:inline-block;background:url('../images/sprite.png') no-repeat -606px -1138px;} .projectDesc ul li .btnA a {*display:inline;} .projectDesc ul li:hover .btnA a {color:#fff;background-position:0 -1285px;} .pa {position:absolute;}.pr {position:relative;}.ofh {overflow:hidden;} /****老官网banner****/ .banner {overflow:hidden;} .otherPage {height:300px;text-align:center;background:#bcf1f2 url(../../images/www/banner/banner_4.png) top center repeat-x;} /*.otherPage img{width: 100%}*/.otherPage .mianImg {position:relative;width:660px;height:300px;margin:0 auto;overflow:hidden;} .otherPage .mianImg img {position:absolute;text-align:center;} .otherPage .mianImg img.pageimg0 {z-index:4;top:119px;left:20px;} .otherPage .mianImg img.pageimg1 {z-index:4;top:10px;left:50px;} .otherPage .mianImg img.pageimg2 {z-index:4;top:186px;left:82px;} .otherPage .mianImg img.pageimg3 {z-index:4;top:38px;right:0px;} .otherPage .mianImg img.pageimg4 {position:static;} .otherPage .mianImg img.pageimg5 {top:21px;left:178px;} .flashBox {position:relative;width:100%;height:574px;margin:0 auto;overflow:hidden;} .flashBox>ul {z-index:1;position:absolute;top:0;left:0;width:100%;} .flashBox>ul li {position:absolute;top:0;left:0;width:100%;height:574px;display:none;} .flashBox>ul li.banner-a {padding-top:74px; background:#00c568;} .flashBox>ul li:first-child {display:block;} .flashBox>ul>li a ,.flashBox ul li>div {width:100%;padding-top:74px;display:block;background-repeat:repeat;background-position:top center;background-size:cover;} .bannerBtn {z-index:3;position:absolute;top:50%;width:100%;margin-top:-25px;} .bannerBtn .w1000 {position:relative;} /*.bannerBtn a {z-index:99;position:absolute;width:26px;height:51px;padding-top:74px;display:none;background:url('../../images/www/sprite.png') no-repeat -115px 0;}*/ .bannerBtn a.prev {left:0;background-position:-0px -938px;} .bannerBtn a.next {right:0;background-position:-26px -938px;} .flashBox ol {z-index:2;position:absolute;bottom:10px;width:100%;text-align:center;} .flashBox ol li {width:15px;height:15px;margin:0 2px;color:#dd1827;line-height:20px;text-indent:-99999px;text-align:center;display:inline-block;background:#fff;background:url('../../images/www/sprite.png') no-repeat 0px -1000px;border-radius:100px;cursor:pointer;} .flashBox ol li {*display:inline;} .flashBox ol .active {color:#fff;background:url('../../images/www/sprite.png') no-repeat -20px -1000px;} .flashBox ul li .warp {position:relative;height:500px;} .flashBox ul li .warp img {position:absolute;} /*20160317 BY tanytree*/ .wxBanner .targetBtn {z-index:999;position:absolute;bottom:120px;left:100px;margin-top:20px;} .wxBanner .targetBtn a {float:left;width:170px;height:50px;margin-right:15px;padding:0;font-size:16px;color:#fff;line-height:50px;text-align:center;background:url('../images/spriteBan.png') no-repeat -433px -790px;} .wxBanner .targetBtn a {-webkit-transition:all 0s ease;-moz-transition:all 0s ease;-ms-transition:all 0s ease;transition:all 0s ease;} .wxBanner .targetBtn a i {width:31px;height:31px;margin-right:10px;display:inline-block;vertical-align:middle;background:url('../images/spriteBan.png') no-repeat -565px -750px;} .wxBanner .targetBtn a:hover {background-position:-433px -890px;} .wxBanner .targetBtn a i {*display:inline;} .wxBanner .targetBtn a:first-child {width:110px;background-position:-433px -740px;} .wxBanner .targetBtn a:first-child:hover {background-position:-433px -840px;} .wxBanner .wxbigtext {top:103px;left:50%;margin-left:-269px;} .wxBanner .wxsmalltext {top:180px;left:50%;margin-left:-192px;} .wxBanner .wxman {z-index:2;bottom:0;left:50%;margin-left:-95px;} .wxBanner .wxcloud {z-index:0;top:300px;left:30%;} .wxBanner .sybigtext {top:172px;left:50%;margin-left:-359px;} .wxBanner .sysmalltext {top:255px;left:50%;margin-left:-188.5px;} .wxBanner .syicon {z-index:2;bottom:78px;left:50%;margin-left:-307.5px;} .wxBanner .earth {z-index:2;bottom:-145px;left:36%;margin-left:-283px;} .wxBanner .o2obigtext {z-index:5;top:208px;left:36%;margin-left:-312.5px;} .wxBanner .o2osmalltext {z-index:4;top:306px;left:36%;margin-left:-268px;} .wxBanner .yellowtip {z-index:4;top:148px;left:36%;margin-left:-183px;} .wxBanner .boat {right:0;bottom:-35px;} .wxBanner .balloon0 {top:50px;right:205px;} .wxBanner .balloon1 {z-index:4;top:100px;left:50%;} .wxBanner .box {top:106px;left:40px;} .wxBanner .buliding {top:365px;right:150px;} .wxBanner .buliding1 {top:70px;left:160px;} .wxBanner .car {z-index:5;top:181px;right:315px;} .wxBanner .o2ocloud0 {z-index:6;top:210px;left:0;} .wxBanner .o2ocloud1 {top:278px;right:120px;} .wxBanner .plane {top:107px;right:155px;} .wxBanner .pylon0 {top:216px;left:-40px;} .wxBanner .pylon1 {top:34px;right:400px;} .wxBanner .tree {top:315px;left:-40px;} .wxBanner .windmill {top:4px;left:235px;width:62px;} .wxBanner .windmill1 {top:-10px;left:365px;} .wxBanner .cmsbigtext {top:170px;left:100px;} .wxBanner .cmssmalltext {top:245px;left:100px;} .wxBanner .cms0 {top:305px;right:210px;} .wxBanner .cms2 {top:200px;left:325px;} .wxBanner .cms1 {top:315px;left:162px;} .wxBanner .wsTit {top:165px;left:50%;margin-left:-140.5px;} .wxBanner .wsSubTit {top:240px;left:50%;margin-left:-132px;} .wxBanner .rocket {bottom:20px;left:10%;} .wxBanner .s0 {top:100px;left:45%;margin-left:-154px;} .wxBanner .s1 {top:200px;left:40%;margin-left:-425.5px;} .wxBanner .s2 {top:280px;left:39%;margin-left:-435px;} .wxBanner .s3 {z-index:5;bottom:0px;left:-50px;height:190px;} .wxBanner .s4 {z-index:0;right:145px;bottom:0px;height:160px;} .wxBanner .ss-floatText {top:62px;left:50%;margin-left:-340px;} .wxBanner .ss-bigText {z-index:99;top:140px;left:50%;margin-left:-366px;} .wxBanner .ss-minText {z-index:99;bottom:55px;margin-left:252px;} .wxBanner .ss-m {bottom:0;left:0;} .wxBanner .ss-plane {top:132px;right:200px;} /**新增banner201607011**/ .banner-b {background:#43cfc8;} .banner-b .w1120 {height:348px;} .banner-b img {position:absolute;} .banner-b .b-1 {top:180px;right:204px;} .banner-b .b-2 {top:180px;left:-30px;} .banner-b .b-3 {top:330px;left:50%;margin-left:-500px;} .banner-b .b-s {bottom:0;} .banner-b .b-s-1 {left:50px;width:100px;} .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 {z-index:999;position:absolute;bottom:60px;left:352px;margin-top:20px;} .banner-xr {background-image:url('../../images/www/banner/xr.jpg');background-repeat:no-repeat;background-position:top center;background-size:cover;} .banner-xr .xr-1 {top:160px;right:-72px;} .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 {position:absolute;bottom:20px;left:50%;width:282px;height:68px;overflow:hidden;background:url('../../images/www/banner/xr-btn.png') no-repeat;margin-left:-141px;} .banner-kt {background:#1fbdd9;} .banner-kt .kt_1 {z-index:1;top:148px;left:0;} .banner-kt .kt_2 {top:319px;left:0;} .banner-kt .kt_3 {z-index:0;right:0;bottom:0;} .banner-kt .kt_4 {right:0;bottom:0;} .banner-kt .kt_5 {right:86px;bottom:0;} .banner-kt .kt_6 {top:410px;left:0;} .flashBox ul li div.warp {width:1000px;} .banner-zh {background:#03c36b;} .banner-zh .zh-1 {bottom:0;left:0;} .banner-zh .zh-2 {top:170px;left:32%;margin-left:-465px;} .banner-zh .zh-3 {top:282px;left:32%;margin-left:-235px;} .banner-a {background:url(http://static.pigcms.com/statics/images/www/banner/pigBg_02.png);} .banner-a .zh-a-1 {z-index:9;top:77px;left:-50px;-webkit-animation:bounceInDown 2s .5s 1 linear both;animation:bounceInDown 2s .5s 1 linear both;} .banner-a .zh-a-2 {top:0;left:-100px;-webkit-animation:zoomIn 2s 0s 1 linear both;animation:zoomIn 2s 0s 1 linear both;} /**新增banner20161017 by 董林**/ .banner-qiu {background:#fff6cc;} .banner-qiu .q1 {top:45px;left:50%;margin-left:-350px;} .banner-qiu .q2 {top:350px;left:50%;margin-left:-300px;} .banner-qiu .q3 {top:0;left:50%;margin-left:-493px;} .banner-qiu .q4 {bottom:55px;left:50%;margin-left:-90px;} .phoneError {z-index:999;position:fixed;top:-500px;left:50%;float:left;width:300px;height:30px;padding:10px 0;color:#fff;line-height:30px;text-align:center;display:none;background:rgba(0,0,0,.8);background:#000/9;border:1px solid #aaa;border-radius:8px;cursor:pointer;margin-left:-150px;} .telNote {z-index:999;position:fixed;top:300px;left:50%;float:left;width:300px;height:30px;padding:10px 0;color:#fff;line-height:30px;text-align:center;display:none;background:#fe5842;border:1px solid #fff;border-radius:8px;cursor:pointer;margin-left:-150px;} .banner-year4{background:url('http://static.pigcms.com/statics/images/www/banner/year4-1.png')} .banner-year4 img{top: 50%;left: 50%;margin-left: -405.5px;margin-top: -215px} .warp {width:1000px;margin:0 auto;} .btn2017 a{display:block;background: url("http://static.pigcms.com/statics/images/www/year2017/smin.jpg") no-repeat;height: 100%;width: 100%;background-size:69px 69px;} .window2017{width:800px;height: 480px;top: 50%;margin-top: -240px;left: 50%;margin-left: -400px;display: none;background: url("http://static.pigcms.com/statics/images/www/year2017/bg.png") no-repeat top center;position: fixed;z-index: 1001;} .window2017 .xclosed{width: 48px;height: 48px;background: url('http://static.pigcms.com/statics/images/www/year2017/xclosed.png') no-repeat;position: absolute;right: 0;top: -40px;cursor: pointer;} .window2017 a{display: block;width: 100%;height: 100%} .act2017{background: #cf1701} .act2017 .img1{top: 20px;left: 145px;} .act2017 .img2{bottom: 53px;left: 50%;margin-left: -281px;width:575px;} .act2017 .img3{left: -60px;top: 0;} .act2017 .img2{ -webkit-animation: bounceInUp 1.5s .5s ease both;-moz-animation: bounceInUp 1.5s .5s ease both;animation: bounceInUp 1.5s .5s ease both;} .act2017 .img1{-webkit-animation: zoomInDown 1s 0s ease both;-moz-animation: zoomInDown 1s 0s ease both;animation: zoomInDown 1s 0s ease both; } .btn2017 a{display:block;background: url("http://static.pigcms.com/statics/images/www/year2017/smin.jpg") no-repeat;height: 100%;width: 100%;background-size:69px 69px;} #asideBanner{z-index:2;position:fixed;bottom:0;left:0;width:20px;height:130px;} #asideBanner .asideBannerIcon{position:absolute;top:0;left:0%;width:338px;height:130px;background:url('http://static.pigcms.com/o2o/newo2o/images/ban/year4-f-1.png');cursor:pointer;} #asideBanner .foorterBanner{position:absolute;top:0;left:-100%;width:100%;height:133px;background:#d72533;display:none} #asideBanner .foorterBanner div{height:133px;background:url('http://static.pigcms.com/o2o/newo2o/images/ban/year4-f-2.png');} #asideBanner .foorterBanner input{position: absolute;top: 65px;left: 812px;width: 226px;height: 16px;padding: 0 5px;font-size: 15px;color: #fff;line-height: 16px;background: none;} #asideBanner .foorterBanner a ,#asideBanner .foorterBanner button{position: absolute;top: 48px;right: 20px;width: 114px;height: 52px;font-size: 25px;color: #fff;line-height: 52px;text-align: center;background: none;cursor: pointer;} #asideBanner .foorterBanner a{width: 152px;border-radius: 5px} #asideBanner a.a2{right:618px;background: #ffe400;color: #000} #asideBanner a.a3{right: 452px;background: #fff;color: #ae1722} #asideBanner a em{display: inline-block;vertical-align: middle;margin-right: 3px} #asideBanner a em{*display: inline} #asideBanner a.a2 em{background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAZCAMAAADt/kXiAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAA4VBMVEUAAABBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgBBOgAAAADjiXfpAAAASXRSTlMAAU2s5O+6agwPu+dFCMb9S5DsECl9ktPbFQI9SI/xzvoDL+6UBNAbXoK90vX74/y5UHzo2jQHzBQ6QSHhY3K+Ju2z2XW81sGEysjbQgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxIAAAsSAdLdfvwAAADGSURBVCjPbdLHFoIwEEDRsTcQe0FQEXtv2Huf//8hhRiFhLfLXeRkcgaA5PH6/IiBYCgM9iJR/BYTbCzG8ZeU+HsSbaXSlDOS3TFLPedgzFMvOB2LhGWJ8RJxhWHMEVdZL3ssr7Be1Uyu6azr5gSZAHLVARpNnrHagja61YGuq/eg7+oDQBxyOkKE8njC+XQ2B2MhL9lxV+uNOdh25/T995sPeacfTxYb3P26tRQ1ejzTN8/IsiiX2OdwvYmaoN4fheerBfAG4Cl2NQnKP4gAAAAASUVORK5CYII=") no-repeat;width: 23px;height: 25px} #asideBanner a.a3 em{background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAWCAMAAADto6y6AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAA/1BMVEUAAACuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyKuFyIAAADF1YFdAAAAU3RSTlMAAoT4KA2yQNQHySlc9E7rDhAvogbYDMsK0YwFphkx/vcWSNwTqnMRtJ1HvO4I/Omv3jLfC+/5CeoPsZ9NvRWzGzsY2Y4EF6W121nzTyrNK4P2J+rMaWoAAAABYktHRACIBR1IAAAACXBIWXMAAAsSAAALEgHS3X78AAAA2UlEQVQoz3XR51LCUBAF4IN0UEmAYBAN0qQ3KQoWiihFkXLe/11gKCHJxf23+92Zu3MW0Mt2YXfgTDldpHv/wjR3eHgAr89vmF9e8QjXDOxEkmU5GCJ1CLuoRIAbGmr/hxrlLUAzxO7uAS3+kLBCkqk0kOGjFbI55oECi1aAWrKrKFeqAqBGDajzHDwBDRGarXYTz5UXK3S6fAXe+C6uW/8AeuK6sUwfGLA9hCJG4vzkCPjaZvitjY0hTjiV9NhnPzr8MjA3HMSvHKH8tzCdUPrntNt+uVqfug2mqlKvvc3zcgAAAABJRU5ErkJggg==") no-repeat;width: 24px;height: 22px} #asideBanner .foorterBanner div>i{position:absolute;top:0;right:0;width:30px;height:30px;background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAQlBMVEUAAAD////////////////////9/f39/f3////////////////////////////////////////////////T09T///8bG85OAAAAFXRSTlMA8+a0M6dKKyCSiHE/2cF+VM6eYh5kd6SPAAAAb0lEQVQoz+3QSQ6AIAxA0RYFVBTH3v+qliFsChzA+LevTZPC9zscpMy1Sl2JhjSGpGqc3CCRB9nOrqNuE1Rawn5R2UwhlVWmWbGpIxI3dxSbbhXftZp9aSiOAA0/o3IDuxHso2a/BT/Olv85+Ov2AhGUBjYiB4fUAAAAAElFTkSuQmCC') no-repeat;background-position:center center;cursor:pointer;} .asideBanner input::-webkit-input-placeholder{color:#fbefe0;} @-webkit-keyframes zoomIn {from {opacity:0;-webkit-transform:scale3d(.3, .3, .3);transform:scale3d(.3, .3, .3);} 50% {opacity:1;}} @keyframes zoomIn {from {opacity:0;-webkit-transform:scale3d(.3, .3, .3);transform:scale3d(.3, .3, .3);} 50% {opacity:1;}} .zoomIn {-webkit-animation-name:zoomIn;animation-name:zoomIn;} .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 {z-index:9;-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 ;} .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 {-webkit-animation:moveRight 15s 1.5s infinite linear normal backwards;-moz-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 {-webkit-animation:moveRight 15s .5s infinite linear normal backwards;-moz-animation:moveRight 15s .5s infinite linear normal backwards;animation:moveRight 15s .5s infinite linear normal backwards;} .wxBanner .o2ocloud1 {-webkit-animation:flying 1s .8s ease both infinite;-moz-animation:flying 1s .8s ease both infinite;animation:flying 1s .8s ease both infinite;} .wxBanner .plane {-webkit-animation:rotateInUpLeft 1s 2s ease both;-moz-animation:rotateInUpLeft 1s 2s ease both;animation:rotateInUpLeft 1s 2s ease both;} .wxBanner .pylon0 {-webkit-animation:dn50 1s 2s ease both;-moz-animation:dn50 1s 2s ease both;animation:dn50 1s 2s ease both;} .wxBanner .pylon1 {-webkit-animation:dn50 1s 2s ease both;-moz-animation:dn50 1s 2s ease both;animation:dn50 1s 2s ease both;} .wxBanner .tree {-webkit-animation:rt50 1s 2s ease both;-moz-animation:rt50 1s 2s ease both;animation:rt50 1s 2s ease both;} .wxBanner .windmill {-webkit-animation:dn50 1s 2.3s ease both;-moz-animation:dn50 1s 2.3s ease both;animation:dn50 1s 2.3s ease both;} .wxBanner .windmill1 {-webkit-animation:dn50 1s 2s ease both;-moz-animation:dn50 1s 2s ease both;animation:dn50 1s 2s ease both;} .wxBanner .cms0 {-webkit-animation:zoomInDown 1s .8s ease both;-moz-animation:zoomInDown 1s .8s ease both;animation:zoomInDown 1s .8s ease both;} .wxBanner .cms2 {-webkit-animation:zoomInDown 1s 1s ease both;-moz-animation:zoomInDown 1s 1s ease both;animation:zoomInDown 1s 1s ease both;} .wxBanner .cms1 {-webkit-animation:zoomInDown 1s 1.2s ease both;-moz-animation:zoomInDown 1s 1.2s ease both;animation:zoomInDown 1s 1.2s ease both;} .wxBanner .rocket {-webkit-animation:bounceInUp 1s .8s ease both;-moz-animation:bounceInUp 1s .8s ease both;animation:bounceInUp 1s .8s ease both;} .wxBanner .wsTit {-webkit-animation:rotateInDownRight 1s .8s ease both;-moz-animation:rotateInDownRight 1s .8s ease both;animation:rotateInDownRight 1s .8s ease both;} .wxBanner .wsSubTit {-webkit-animation:lightSpeedIn 1s 1.2s ease both;-moz-animation:lightSpeedIn 1s 1.2s ease both;animation:lightSpeedIn 1s 1.2s ease both;} .otherPage .mianImg img.pageimg0 {-webkit-animation:bounceInLeft 1s 2.2s ease both;-moz-animation:bounceInLeft 1s 2.2s ease both;animation:bounceInLeft 1s 2.2s ease both;} .otherPage .mianImg img.pageimg1 {-webkit-animation:bounceInLeft 1s 1.5s ease both;-moz-animation:bounceInLeft 1s 1.5s ease both;animation:bounceInLeft 1s 1.5s ease both;} .otherPage .mianImg img.pageimg2 {-webkit-animation:bounceInLeft 1s 1.8s ease both;-moz-animation:bounceInLeft 1s 1.8s ease both;animation:bounceInLeft 1s 1.8s ease both;} .otherPage .mianImg img.pageimg3 {-webkit-animation:fadeInRight 1s 2s ease both;-moz-animation:fadeInRight 1s 2s ease both;animation:fadeInRight 1s 2s ease both;} .otherPage .mianImg img.pageimg4 {-webkit-animation:pulse 4s .8s ease both infinite;-moz-animation:pulse 4s .8s ease both infinite;animation:pulse 4s .8s ease both infinite;} .otherPage .mianImg img.pageimg5 {-webkit-animation:zoomInUp 1.5s 1s ease both;-moz-animation:zoomInUp 1.5s .8s ease both;animation:zoomInUp 1.5s 1s ease both;} .wxBanner .s0 {-webkit-animation:zoomInDown 1.5s 0s ease both;-moz-animation:zoomInDown 1.5s 0s ease both;animation:zoomInDown 1.5s 0s ease both;} .wxBanner .s1 {-webkit-animation:bounceInLeft 1s 1s ease both;-moz-animation:bounceInLeft 1s 1s ease both;animation:bounceInLeft 1s 1s ease both;} .wxBanner .s2 {-webkit-animation:flipInY 1s .8s ease both;-moz-animation:flipInY 1s .8s ease both;animation:flipInY 1s .8s ease both;} .wxBanner .s4 {-webkit-animation:fadeInUp 2.5s 0s ease both;-moz-animation:fadeInUp 2.5s 0s ease both;animation:fadeInUp 2.5s 0s ease both;} .wxBanner .s3 {-webkit-animation:fadeInUp 2s .2s ease both;-moz-animation:fadeInUp 2s .2s ease both;animation:fadeInUp 2s .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,.banner-year4 img{-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 {-webkit-animation:moveRight 15s 4s infinite linear normal backwards;-moz-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 {-webkit-animation:moveRight 15s 0s infinite linear normal backwards;-moz-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 {-webkit-animation:moveRight 15s 0s infinite linear normal backwards;-moz-animation:moveRight 15s 0s infinite linear normal backwards;animation:moveRight 15s 0s infinite linear normal backwards;} .banner-xr .xr-3-2 {-webkit-animation:moveLeft 15s 0s infinite linear normal both;-moz-animation:moveLeft 15s 0s infinite linear normal both;animation:moveLeft 15s 0s infinite linear normal both;} .banner .flashBox .banner-xr .xr-btn {-webkit-animation:bounceInUp 2s 0s linear normal both;-moz-animation:bounceInUp 2s 0s linear normal both;animation:bounceInUp 2s 0s linear normal both;} .banner-kt .kt_1 {-webkit-animation:bounceInLeft 1.5s 0s ease both;-moz-animation:bounceInLeft 1.5s 0s ease both;animation:bounceInLeft 1.5s 0s ease both;} .banner-kt .kt_2 {-webkit-animation:bounceInLeft 1.5s .5s ease both;-moz-animation:bounceInLeft 1.5s .5s ease both;animation:bounceInLeft 1.5s .5s ease both;} .banner-kt .kt_3 {-webkit-animation:pulse 2s 0s linear normal both infinite;-moz-animation:pulse 2s 0s linear normal both infinite;animation:pulse 2s 0s linear normal both infinite;} .banner-kt .kt_4 {-webkit-animation:bounceInUp 2s 0s linear normal both ;-moz-animation:bounceInUp 2s 0s linear normal both ;animation:bounceInUp 2s 0s linear normal both ;} .banner-kt .kt_5 {-webkit-animation:bounceInRight 1.5s 0s ease both;-moz-animation:bounceInRight 1.5s 0s ease both;animation:bounceInRight 1.5s 0s ease both;} .banner-kt .kt_6 {-webkit-animation:bounceInLeft 1.5s 1s ease both;-moz-animation:bounceInLeft 1.5s 1s ease both;animation:bounceInLeft 1.5s 1s ease both;} .banner-zh .zh-2 {-webkit-animation:bounceInDown 2s 0s linear normal both ;-moz-animation:bounceInDown 2s 0s linear normal both ;animation:bounceInDown 2s 0s linear normal both ;} .banner-zh .zh-3 {-webkit-animation:bounceInUp 2s .5s linear normal both ;-moz-animation:bounceInUp 2s .5s linear normal both ;animation:bounceInUp 2s .5s linear normal both ;} .banner-qiu .q1 {-webkit-animation:bounceInDown 2s 0s linear normal both ;-moz-animation:bounceInDown 2s 0s linear normal both ;animation:bounceInDown 2s 0s linear normal both ;} .banner-qiu .q2 {-webkit-animation:bounceInUp 2s .5s linear normal both ;-moz-animation:bounceInUp 2s .5s linear normal both ;animation:bounceInUp 2s .5s linear normal both ;} .banner-qiu .q3 {-webkit-animation:pulse 4s .8s ease both infinite;-moz-animation:pulse 4s .8s ease both infinite;animation:pulse 4s .8s ease both infinite;} .banner-qiu .q4 {-webkit-animation:bounceInUp 2s .8s linear normal both ;-moz-animation:bounceInUp 2s .8s linear normal both ;animation:bounceInUp 2s .8s linear normal both ;} /*动画库*/ @-webkit-keyframes fadeInDown {from {opacity:0;-webkit-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0);} to {opacity:1;-webkit-transform:none;transform:none;}} @keyframes fadeInDown {from {opacity:0;-webkit-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0);} to {opacity:1;-webkit-transform:none;transform:none;}} @-webkit-keyframes bounceInRight {from ,60% ,75% ,90% ,to {-webkit-animation-timing-function:cubic-bezier(.215, .610, .355, 1.000);animation-timing-function:cubic-bezier(.215, .610, .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(.215, .610, .355, 1.000);animation-timing-function:cubic-bezier(.215, .610, .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(.550, .055, .675, .190);animation-timing-function:cubic-bezier(.550, .055, .675, .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(.175, .885, .320, 1);animation-timing-function:cubic-bezier(.175, .885, .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(.550, .055, .675, .190);animation-timing-function:cubic-bezier(.550, .055, .675, .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(.175, .885, .320, 1);animation-timing-function:cubic-bezier(.175, .885, .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% {left:0px;opacity:0;} 10% {opacity:1;} 100% {left:550px;opacity:1;}} @-moz-keyframes moveRight {0% {left:0px;opacity:0;} 10% {opacity:1;} 100% {left:550px;opacity:1;}} @keyframes moveRight {0% {left:0px;opacity:0;} 10% {opacity:1;} 100% {left:550px;opacity:1;}} @-webkit-keyframes rotateInUpLeft {0% {opacity:0;-webkit-transform:rotate(90deg);-webkit-transform-origin:left bottom;} 100% {opacity:1;-webkit-transform:rotate(0);-webkit-transform-origin:left bottom;}} @-moz-keyframes rotateInUpLeft {0% {opacity:0;-moz-transform:rotate(90deg);-moz-transform-origin:left bottom;} 100% {opacity:1;-moz-transform:rotate(0);-moz-transform-origin:left bottom;}} @-o-keyframes rotateInUpLeft {0% {opacity:0;-o-transform:rotate(90deg);-o-transform-origin:left bottom;} 100% {opacity:1;-o-transform:rotate(0);-o-transform-origin:left bottom;}} @keyframes rotateInUpLeft {0% {opacity:0;transform:rotate(90deg);transform-origin:left bottom;} 100% {opacity:1;transform:rotate(0);transform-origin:left bottom;}} @-webkit-keyframes flipInY {0% {opacity:0;-webkit-transform:perspective(400px) rotateY(90deg);} 40% {-webkit-transform:perspective(400px) rotateY(-10deg);} 70% {-webkit-transform:perspective(400px) rotateY(10deg);} 100% {opacity:1;-webkit-transform:perspective(400px) rotateY(0deg);}} @-moz-keyframes flipInY {0% {opacity:0;-moz-transform:perspective(400px) rotateY(90deg);} 40% {-moz-transform:perspective(400px) rotateY(-10deg);} 70% {-moz-transform:perspective(400px) rotateY(10deg);} 100% {opacity:1;-moz-transform:perspective(400px) rotateY(0deg);}} @-o-keyframes flipInY {0% {opacity:0;-o-transform:perspective(400px) rotateY(90deg);} 40% {-o-transform:perspective(400px) rotateY(-10deg);} 70% {-o-transform:perspective(400px) rotateY(10deg);} 100% {opacity:1;-o-transform:perspective(400px) rotateY(0deg);}} @keyframes flipInY {0% {opacity:0;transform:perspective(400px) rotateY(90deg);} 40% {transform:perspective(400px) rotateY(-10deg);} 70% {transform:perspective(400px) rotateY(10deg);} 100% {opacity:1;transform:perspective(400px) rotateY(0deg);}} @-webkit-keyframes moveLeft {0% {left:390px;opacity:0;} 10% {opacity:1;} 100% {left:-370px;opacity:1;}} @-moz-keyframes moveLeft {0% {left:390px;opacity:0;} 10% {opacity:1;} 100% {left:-370px;opacity:1;}} @keyframes moveLeft {0% {left:390px;opacity:0;} 10% {opacity:1;} 100% {left:-370px;opacity:1;}} @-webkit-keyframes rotateInDownLeft {0% {opacity:0;-webkit-transform:rotate(-90deg);-webkit-transform-origin:left bottom;} 100% {opacity:1;-webkit-transform:rotate(0);-webkit-transform-origin:left bottom;}} @-moz-keyframes rotateInDownLeft {0% {opacity:0;-moz-transform:rotate(-90deg);-moz-transform-origin:left bottom;} 100% {opacity:1;-moz-transform:rotate(0);-moz-transform-origin:left bottom;}} @-o-keyframes rotateInDownLeft {0% {opacity:0;-o-transform:rotate(-90deg);-o-transform-origin:left bottom;} 100% {opacity:1;-o-transform:rotate(0);-o-transform-origin:left bottom;}} @keyframes rotateInDownLeft {0% {opacity:0;transform:rotate(-90deg);transform-origin:left bottom;} 100% {opacity:1;transform:rotate(0);transform-origin:left bottom;}} .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(.550, .055, .675, .190);animation-timing-function:cubic-bezier(.550, .055, .675, .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(.175, .885, .320, 1);animation-timing-function:cubic-bezier(.175, .885, .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(.550, .055, .675, .190);animation-timing-function:cubic-bezier(.550, .055, .675, .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(.175, .885, .320, 1);animation-timing-function:cubic-bezier(.175, .885, .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% {opacity:0;-webkit-transform:rotate(90deg);-webkit-transform-origin:right bottom;} 100% {opacity:1;-webkit-transform:rotate(0);-webkit-transform-origin:right bottom;}} @-moz-keyframes rotateInDownRight {0% {opacity:0;-moz-transform:rotate(90deg);-moz-transform-origin:right bottom;} 100% {opacity:1;-moz-transform:rotate(0);-moz-transform-origin:right bottom;}} @-o-keyframes rotateInDownRight {0% {opacity:0;-o-transform:rotate(90deg);-o-transform-origin:right bottom;} 100% {opacity:1;-o-transform:rotate(0);-o-transform-origin:right bottom;}} @keyframes rotateInDownRight {0% {opacity:0;transform:rotate(90deg);transform-origin:right bottom;} 100% {opacity:1;transform:rotate(0);transform-origin:right bottom;}} @-webkit-keyframes lightSpeedIn {from {opacity:0;-webkit-transform:translate3d(100%, 0, 0) skewX(-30deg);transform:translate3d(100%, 0, 0) skewX(-30deg);} 60% {opacity:1;-webkit-transform:skewX(20deg);transform:skewX(20deg);} 80% {opacity:1;-webkit-transform:skewX(-5deg);transform:skewX(-5deg);} to {opacity:1;-webkit-transform:none;transform:none;}} @keyframes lightSpeedIn {from {opacity:0;-webkit-transform:translate3d(100%, 0, 0) skewX(-30deg);transform:translate3d(100%, 0, 0) skewX(-30deg);} 60% {opacity:1;-webkit-transform:skewX(20deg);transform:skewX(20deg);} 80% {opacity:1;-webkit-transform:skewX(-5deg);transform:skewX(-5deg);} to {opacity:1;-webkit-transform:none;transform:none;}} p.fanHui {display:none;}