body{width:100%;text-align:left;} .header{ margin:0 auto;} .header .nav{ background:#333333; height:40px; line-height:40px;} .header .nav li{ float:left; width:50%; font-size:12px; color:#b0b0b0;} .header .nav li h1{font-weight:normal; font-size:12px;} .header .nav li a{ color:#b0b0b0;} .header .nav li.last{ text-align:right;} .header .nav li.last a{ color:#ffffff;} .header .fixed_header { background:rgba(255, 255, 255, 0.89); background:#fff\9; width: 100%; padding: 10px 0; position: fixed; top:0; left: 0; z-index:8; margin: 0; box-shadow: 0px 1px 5px #AFACAC;} .headerMenu{padding:23px 0;} .headerMenu .logo{ float:left; width:260px; height:55px;} .headerMenu ul{ float:right; line-height:55px;} .headerMenu ul li{ float:left;margin-left:26px; color:#333333; font-size:18px;} .headerMenu ul li a{color:#333333; } .headerMenu ul li.active a,.headerMenu ul li:hover a{ color:#0fbb7c;} /******头部*******/ /* CSS Document */ .width1000{ width:1000px; margin:0 auto; padding-bottom: 1px; position:relative;} /******顶部导航*****/ .header{ margin:0 auto; position: relative; z-index: 8;} .header .nav{ background:#333; height:40px; line-height:40px;} .header .nav>ul> li{ float:left; width:50%; font-size:12px; color:#777;} .header .nav li h2{font-weight:normal; font-size:12px;} .header .nav li a{ color:#b0b0b0;} .header .nav li.last{ width: 45%; float: right;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{ float:left; width:auto; font-size:12px; color:#999;padding: 0 10px;} .header .nav li.last ol li a{ color:#999;} .header .nav li.last ol li.active ,.header .nav li.last ol li:hover { background:#19af64;} .header .nav li.last ol li.active a,.header .nav li.last ol li:hover a{ color:#fff;} .header .fixed_header { display: none; background:rgba(255, 255, 255, 0.89); background:#fff\9; width: 100%; padding: 10px 0; position: fixed; top:0; left: 0; z-index:8; margin: 0; box-shadow: 0px 1px 5px #AFACAC;} .icon { background: url(/xiaochengxu/images/main/icon.png);} .contact{z-index: 9;position: fixed; right:0; top:50%; margin-top: -315px; background:#fff;text-align: center; width:140px;} .contact i{ display: inline-block; vertical-align: top;} .contact .close_contact{ cursor: pointer;width:16px; height:16px; position:absolute; right:5px; top:5px; background-position: -17px 325px;} span.tel{ display:none; right: 0;position: fixed; z-index: 9;text-align: center; width: 26px; padding: 12px 6px; top: 50%; margin-top: -50px; border-radius: 5px 0 0 5px; line-height: 15px;background:#FFA800; color: #fff; font-size: 14px;} span.tel a{ color:#fff;} span.tel i{ width:22px; height:22px; background-position: -16px 294px; margin-bottom: 4px; display: inline-block;*display: inline;*zoom:1;} .contact .goTop{ display:none;} .contact .goTop p{ margin: 0 auto;width:100%; cursor:pointer; color:#fff; background:#ffa800; line-height: 25px; height:25px; font-size: 16px; text-align: center; padding-top: 10px;} .contact .goTop p i{ margin-top: 5px; width:16px; height:16px; background:url(/xiaochengxu/images/main/jiantou1.png); } .contact .goTop p:last-child{ padding-bottom:10px; padding-top: 0;} .contact .goTop p a{ color:#fff} .contact ul{ padding:0 16px;} .contact ul li{ border-bottom: 1px solid #eef0f1; padding: 8px 0;} .contact ul li:last-child{ border:0;} .contact ul li.qq{} .contact ul li.qq i{ width:76px; height:76px; background-position: -79px 326px; margin-top: 25px; margin-bottom: 10px;} .contact ul li.qq p{ font-size: 16px; color:#3d3d3d;} .contact ul li.qq button{ cursor: pointer; line-height: 20px; padding:0 10px; color:#fff; border:0; background:#ffa800; font-size: 14px; height:20px; margin-top: 10px; border-radius: 20px;} .contact ul li.tel{} .contact ul li.tel i{width:22px; height:22px; background-position: -16px 265px; margin-top: 2px; margin-right: 2px;} .contact ul li.tel p{ font-size: 16px; line-height: 26px; color:#f92b32;} .contact ul li.tel p span{ line-height: 30px; color:#3d3d3d; font-size: 16px;} .goto{ text-align:center;} .goto .imgIcon{ width:100%; } .goto p{ font-size:14px; line-height:25px;} .goto.trial p { color:#1abd6c;} .goto.watch p { color:#ffa800;} .goto.scanCode p { color:#3d3d3d; font-size:12px;} /*********顶部导航**********/ .trialTxt{ float:right; width: 660px; text-align: right;} .trialTxt p{ display:inline-block; *display:inline;*zoom:1; color:#9d9d9d; font-size:16px;line-height:25px; padding:15px 0;width: 434px;} .trialTxt p i{ display:inline-block; color:#f1a41f; font-size:20px;} .trialTxt button{ width:96px; line-height:30px; height:30px; text-align:center; border-radius:30px; color:#fff; background:#f1a41f; cursor: pointer;} .trialTxt button a{ color:#fff;} .header .fixed_header { background:rgba(255, 255, 255, 0.89); background:#fff\9; width: 100%; padding: 10px 0; position: fixed; top:0; left: 0; z-index:8; margin: 0; box-shadow: 0px 1px 5px #AFACAC;} .header .fixed_header2 { width: 100%; position: fixed; top: 76px; left: 0; z-index: 8; margin: 0; box-shadow: 0px 1px 5px #AFACAC; } .headerMenu{padding:17px 0; margin: 0;} .headerMenu .logo{ float:left; width:auto; height:auto;} .headerMenu ul{ float:right; line-height:55px;} .headerMenu ul li{ float:left;margin-left:26px; color:#333333; font-size:18px;} .headerMenu ul li a{color:#333333; } .headerMenu ul li.active a,.headerMenu ul li:hover a{ color:#0fbb7c;} /*******导航********/ .menuList{ position:relative; width:100%; height:75px; line-height:75px; background:rgba(25, 175, 100, .82); background:rgb(25, 175, 100)\9; position:absolute; bottom: -75px;} .menuList.detailsMenuList{ background:rgb(25, 175, 100); position:relative; bottom: 0px;}} .menuList ul a{ color:#fff;} .menuList >ul >li{ float:left; width: 112px;color:#fff; font-size:18px; text-align: center; cursor: pointer; } .menuList ul li.indexActive{width:215px; padding: 0;background:#14995f;position: relative; } .menuList ul li.indexActive >a { color:#fffc01;} .menuList ul li.indexActive >a>i{ display:inline-block; vertical-align:top; width:14px; height:14px; margin-top: 30px; *margin-top: 0; margin-left: 20px;background:url(/xiaochengxu/images/main/bannerIcon.png); background-position:-210px -19px;} .menuList ul li.indexActive ol{ display:none; 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(/xiaochengxu/images/main/bannerIcon.png);} .menuList ul li.indexActive ol li{ position:relative; padding:15px; width: 185px;text-align: left;border-bottom: 1px solid rgba(255,255,255,.2);*border-bottom:1px solid #46d28d;background: rgba(26, 202, 115, 0.8);background:url(/xiaochengxu/images/main/shouying2_07.png)\9; cursor: pointer;} .menuList ul li.indexActive ol li:last-child{ border-bottom:0; padding: 16px 15px;} .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, 0.91); background:url(/xiaochengxu/images/main/shouyin1_03_03.png)\9; border: 1px solid rgba(243, 245, 244, 0.2);border-left: 0;} .menuList ul li.indexActive ol li:hover{ background: rgba(23, 159, 84, 0.91);background:url(/xiaochengxu/images/main/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; color:#fff; font-size:14px; padding-top:30px; width:120px; margin-right:20px; line-height: 25px;} .menuList ul li.indexActive ol li dl dd a{ color:#fff;} .menuList ul li.indexActive ol li dl dd:hover a{ color:#fffc01;} .menuList ul li.indexActive ol li dl dd i{ display: inline-block; width: 10px; text-align: center; line-height: 25px; font-size: 10px; vertical-align: top; margin-right: 4px; margin-top: -1px;} .menuList ul li.indexActive ol li h3{ font-weight:normal; font-size:16px; color:#fff; line-height: 30px;} .menuList ul li.indexActive ol li:hover h3{color:#fffc01;} .menuList ul li.indexActive ol li h3 i{ width:30px; height:30px;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 h3 em{ width:14px; height:14px; background-position:-241px -19px; margin-top: 8px; margin-left: 8px;} .menuList ul li.indexActive ol li:hover h3 em{ background-position: -275px -19px;} .menuList ul li.indexActive ol li p{ font-size:12px; margin-top:2px; line-height: 20px;} .menuList ul li.indexActive ol li p span{ padding-right:10px;} .menuList ul li.indexActive ol li p span 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, 0.91);background:url(/xiaochengxu/images/main/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; margin-left:-17px; display:none; background:url(/xiaochengxu/images/main/bannerIcon.png); background-position: -258px -92px;} .menuList >ul >li:hover span.up{ display:block;} .dropDownList {display:none;} .dropDownList ul{ } .dropDownList ul li{ float:left;} .dropDownList ul li dl{ height: 250px;border-right:1px solid #139755; padding:15px 17px; color:#fff;} .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; line-height:54px; font-size:19px; text-align:center; border-bottom:1px dashed #55c086;} .dropDownList ul li dl dt i{ width: 34px; height: 34px; margin-top: 11px; *margin-top: 0; margin-right: 6px;display:inline-block;vertical-align:top; background:url(/xiaochengxu/images/main/bannerIcon.png);} .dropDownList ul li dl dd{ font-size:16px; line-height:35px; text-align: left;} .dropDownList ul li dl dt a,.dropDownList ul li dl dd a{color:#fff;} .dropDownList ul li dl dd i{ display: inline-block; width: 10px; text-align: center; line-height: 25px; font-size: 10px; vertical-align: top; margin-right: 4px; margin-top: 6px;} .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{ width:50%; float: left;} .dropDownList ul.programmeList{ padding:30px 20px; } .dropDownList ul.programmeList li{ float:left; padding:0 28px; line-height:22px; font-size:19px; color:#fff; 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-right: 8px; margin-top: -2px; display:inline-block;vertical-align:top; background:url(/xiaochengxu/images/main/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{ background-position: -149px -89px; width: 30px; } .dropDownList ul.programmeList li.s6 i{ background-position: -186px -89px; } .dropDownList ul.programmeList li.s7 i{ background-position: -221px -89px; } .menuList >ul >li> a{ position: relative; color:#fff; display:inline-block; width:100%; height:100%; vertical-align:top; } .menuList ul> li a:hover,.menuList ul li.active a,.menuList> ul> li:hover> a{ color:#fffc01;} .menuList ul li >ul{ display:none; position:absolute; border-radius:0 0 5px 5px;width:360px; padding:10px 20px; left:-140px; top: 75px; background: rgba(25, 175, 100, 0.82);background:rgb(25, 175, 100)\9;z-index: 9; } .menuList ul li:hover> ul{ display:block;} .menuList ul li>ul> li{ width:90px; font-size: 14px;line-height: 25px; text-align: left;} .appWindow{background: url("images/videorgba.png")repeat;position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 1100;display:none;} .appWindow .appBox{width: 380px;position: absolute;left: 50%;margin-left: -190px;z-index: 1110;top: 50%;margin-top: -246px} .appWindow .appBox .appHd{background: url("images/appHd.png") no-repeat;width: 380px;height: 171px} .appWindow .appBox .appQRcode{text-align: center;background: #fff;padding-bottom: 30px} .appWindow .appBox .appQRcode h3{font-size: 18px;color: #000;font-weight: normal;padding: 15px 0} .appWindow .appBox .appQRcode p{padding: 5px 0} .appWindow .appBox .appBtn{background: #fff;border-top: 1px solid #e0e0e0;text-align: center;border-radius: 0 0 5px 5px;overflow: hidden} .appWindow .appBox .appBtn a{color: #01bb91;font-size: 24px;display: block;border: 0;border-radius: 0 0 5px 5px;padding: 10px 0} .warp { width: 1000px; margin: 0 auto;} /*.footer{height:auto;padding: 40px;margin-top:40px;background: #f8f8f8;} .footer .ftUl{text-align: center} .footer .ftUl .ftColumns{display: inline-block;float:left;text-align: left;margin-left: 40px;width: 150px;} .footer .ftUl .ftColumns{*display: inline} .footer .ftUl .ftColumns:first-child{margin-left: 0} .footer .ftUl .ftColumns h2{font-size: 18px;color: #3d3d3d;font-weight: normal;padding:20px 0} .footer .ftUl .ftColumns .links{} .footer .ftUl .ftColumns .links li{margin-bottom: 5px} .footer .ftUl .ftColumns .links li a{} .footer .ftUl .last{width: 240px;} .footer .ftUl .last .qrCode{} .footer .ftUl .last .qrCode li{float: left;margin-left: 20px} .footer .ftUl .last .qrCode li:first-child{margin-left: 0} .footer .ftUl .last .qrCode li .name{display: block;text-align: center}*/ /*******头部******/ .banner{ width:100%; position:relative; background: #D5EEC3;} .switchButton{ height:0px; width:1120px; margin:0 auto; position: relative; display:none; } .switchButton span{ display:inline-block;vertical-align:top; width:60px; height:60px; z-index: 6; position:absolute; top:261px; cursor:pointer;} .switchButton span.prov{ background:url(/xiaochengxu/images/main/prov.png); left:0;} .switchButton span.next{ background:url(/xiaochengxu/images/main/next.png); right:0;} .banner .bannerList{ height: 574px; overflow: hidden;} .banner .bannerList> li .bannerCentent{ position:relative;} .banner .bannerList> li{ display:none; text-align:center; color:#fff; font-size:14px; width:100%; height:100%; height:574px; overflow: hidden;} .banner .bannerList> li.active{ display:block;} .banner .bannerList li.first{ background:url(/xiaochengxu/images/main/bannerbg1.png) no-repeat; background-size:cover; } .banner .bannerList li.two{ background:url(/xiaochengxu/images/main/bannerbg2.png) no-repeat; background-size:cover;} .banner .bannerList li.three{ background:url(/xiaochengxu/images/main/bannerbg3.png) no-repeat; background-size:cover;} .banner .bannerList li.four{ background:url(/xiaochengxu/images/main/bannerbg4.png) no-repeat; background-size:cover;} .banner .bannerList li.five{ background:url(/xiaochengxu/images/main/bannerbg5.png) no-repeat; background-size:cover;} .banner .bannerList li a{ color:#fff;} .bannerList h1{ font-weight:normal;} .bannerList p{ font-weight:normal; } .banner .bannerList li h1{ padding-top:70px; font-size:50px;} .banner .bannerList li h2{ line-height:35px; padding-top:10px;font-size:28px;} .banner .bannerList li p{ padding-top:30px; font-size:16px ;line-height:25px;} .banner .bannerList li .bannerImg li{ position:absolute;} .banner .bannerList li .bannerImg{ position:relative; float:left; width:450px; height:321px; } .banner .bannerList li .bannertTxt{ text-align: left; float:left; margin-left:75px; width:670px;} .banner .bannerList li.first h1{ padding-top:100px; font-size:39px;} .banner .bannerList li.first p{ padding-top:0; font-size:22px;} .banner .bannerList li.first ul{ display:table; margin:30px auto;font-size:22px;} .banner .bannerList li.first ul li{ float:left; width:150px; height:42px; line-height: 42px; background:#fff; border-radius:42px; font-size:22px; color:#60cf95; margin-right:14px;} .banner .bannerList li.first.active h1{ -webkit-animation: bounceInDown 1s 0s 1 linear both ; animation: bounceInDown 1s 0s 1 linear both;} .banner .bannerList li.first.active ul{ -webkit-animation: bounceInLeft 2s 0.5s 1 linear both ; animation: bounceInLeft 2s 0.5s 1 linear both;} .banner .bannerList li.first.active p{ -webkit-animation: bounceInUp 2s 1s 1 linear both ; animation: bounceInUp 2s 1s 1 linear both;} .banner .bannerList li.two .bannerImg{ width:375px; height:350px;} .banner .bannerList li.two .bannerImg .bannerImg1{ right: -214px; top: 40px;} .banner .bannerList li.two .bannerImg .bannerImg2{ left: -906px; top: 153px;} .banner .bannerList li.two .bannerImg .bannerImg3{ right: -215px; top: 149px;} .banner .bannerList li.two .bannerImg .bannerImg4{ left: -52px; top: 212px; z-index:1;} .banner .bannerList li.two .bannerImg .bannerImg5{ left: 86px; bottom: 107px;} .banner .bannerList li.two .bannerImg .bannerImg6{ left: 12px; top: 123px;} .banner .bannerList li.two .bannerImg .bannerImg7{ left: 274px; top: 197px;} .banner .bannerList li.two.active .bannertTxt,.banner-year4 img{-webkit-animation: zoomIn 1s 0s 1 linear both;animation: zoomIn 1s 0s 1 linear both;} .banner .bannerList li.two.active .bannerImg1{-webkit-animation: slideInLeft 4.5s 0s infinite linear both ; animation: slideInLeft 4s 0s infinite linear both;} .banner .bannerList li.two.active .bannerImg2{-webkit-animation: slideInRight 4s 0s infinite linear both ; animation: slideInRight 4s 0s infinite linear both;} .banner .bannerList li.two.active .bannerImg3{-webkit-animation: slideInLeft 3s 0s infinite linear both ; animation: slideInLeft 4s 0s infinite linear both;} .banner .bannerList li.two.active .bannerImg5{-webkit-animation: fadeIn 2s 0.5s 1 linear both ; animation: fadeIn 2s 0.5s 1 linear both;} .banner .bannerList li.two.active .bannerImg4{-webkit-animation: fadeIn 2s 1s 1 linear both ; animation: fadeIn 2s 1s 1 linear both;} .banner .bannerList li.two.active .bannerImg7{-webkit-animation: fadeIn 2s 1.5s 1 linear both ; animation: fadeIn 2s 1.5s 1 linear both;} .banner .bannerList li.three .bannerImg{ width:360px; height:350px;} .banner .bannerList li.three .bannerImg .bannerImg1{ left: 0; top: 40px;} .banner .bannerList li.three .bannerImg .bannerImg2{ left: 107px; top: 87px;} .banner .bannerList li.three .bannerImg .bannerImg3{ left:209px; top: 129px;} .banner .bannerList li.three .bannerImg .bannerImg4{ left: -132px; top: 162px; z-index: 9;} .banner .bannerList li.three .bannerImg .bannerImg5{ left: 228px; bottom: 11px;} .banner .bannerList li.three .bannerImg .bannerImg6{ right: -182px; top:20px;} .banner .bannerList li.three .bannerImg .bannerImg7{ left: -131px; top: 74px;} .banner .bannerList li.three.active .bannertTxt{-webkit-animation: zoomInLeft 1s 0s 1 linear both ; animation: zoomInLeft 1s 0s 1 linear both;} .banner .bannerList li.three.active .bannerImg1{-webkit-animation: fadeIn 1s 0.5s 1 linear both ; animation: fadeIn 1s 0.5s 1 linear both;} .banner .bannerList li.three.active .bannerImg2{-webkit-animation: fadeInLeft 1s 1s 1 linear both ; animation: fadeInLeft 1s 1s 1 linear both;} .banner .bannerList li.three.active .bannerImg3{-webkit-animation: fadeInLeft 1s 1.5s 1 linear both ; animation: fadeInLeft 1s 1.5s 1 linear both;} .banner .bannerList li.four .bannertTxt{ width:630px !important;} .banner .bannerList li.four .bannerImg{ margin-top: 29px; margin-right:-35px; background:url(/xiaochengxu/images/main/banner4-1_06.png);} .banner .bannerList li.four .bannerImg .bannerImg1{ left: 71px; top: 54px;} .banner .bannerList li.four .bannerImg .bannerImg2{ left: 174px; top: 54px;} .banner .bannerList li.four .bannerImg .bannerImg3{ right: 41px; top: 54px;} .banner .bannerList li.four.active .bannertTxt{-webkit-animation: fadeInLeft 1s 0s 1 linear both ; animation: fadeInLeft 1s 0s 1 linear both;} .banner .bannerList li.four.active .bannerImg{-webkit-animation: slideInUp 1s 0.5s 1 linear both ; animation: slideInUp 1s 0.5s 1 linear both;} .banner .bannerList li.four.active .bannerImg1{-webkit-animation: fadeInRight 1.5s 1s 1 linear both ; animation: fadeInRight 1s 1.5s 1 linear both;} .banner .bannerList li.four.active .bannerImg2{-webkit-animation: fadeIn 1s 1s 1 linear both ; animation: fadeIn 1s 1s 1 linear both;} .banner .bannerList li.four.active .bannerImg3{-webkit-animation: fadeInLeft 1s 1.5s 1 linear both ; animation: fadeInLeft 1s 1.5s 1 linear both;} .banner .bannerList li.five .bannerImg{ position:relative; float:left; width:408px; height:350px; margin-right:-35px;} .banner .bannerList li.five .bannerImg .bannerImg2{ position:absolute; left: 120px; top: 43px;} .banner .bannerList li.five .bannerBottom{ position:absolute; left:-20px; bottom:0;} .banner .bannerList li.five.active .bannertTxt{-webkit-animation: bounceInLeft 1s 0s 1 linear both ; animation: bounceInLeft 1s 0s 1 linear both;} .banner .bannerList li.five.active .bannerImg{-webkit-animation: zoomIn 1s 0.5s 1 linear both ; animation: zoomIn 1s 0.5s 1 linear both;} /*.banner .bannerList li.five.active .bannerImg1{-webkit-animation: rotateIn 4s 0s infinite linear both ; animation: rotateIn 4s 0s linear infinite both;} */.banner .bannerList li.five.active .bannerImg2{-webkit-animation: zoomIn 1s 1s 1 linear both ; animation: zoomIn 1s 1s 1 linear both;} .banner .bannerSpot {position:absolute; width:100%;bottom:20px; text-align:center; width:150px\9; left: 50%\9; margin-left: -75px\9;} .banner .bannerSpot li{ display:inline-block; width:11px; height:11px; margin-right:8px; border:1px solid #fff; cursor: pointer;border-radius:100%} .banner .bannerSpot li.active{ background:#fff;} .width1120{ margin: 0 auto;position:relative;width:1120px; } .bgGray{ background:#f1f1f1;} .article{ } .article .notice{padding:16px 0;} .article .notice .noticeTxt{ float:left; width:90%; line-height:20px; } .article .notice .noticeTxt ul{ float:left;} .article .notice .noticeTxt li{display:none; position: relative; padding-top: 10px; margin-top: -10px;} .article .notice .noticeTxt li a:nth-child(2){ margin-left:150px;} .article .notice .noticeTxt span{ float:left; width:65px; height:20px; color:#fff; background:#595b5b; display:inline-block; vertical-align: top; text-align:center;} .article .notice .noticeTxt i{display:inline-block; *display:inline!important; vertical-align: top; font-size:14px; color:#9d9d9d; margin:0 10px;text-align:center;} .article .notice .noticeTxt p{ max-width: 324px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color:#3d3d3d; font-size:14px; position:relative; display: inline-block; *display:inline!important; vertical-align: top;} .article .notice .noticeTxt em{ position: absolute; right: -32px; top: -5px; width: 34px; height: 20px; text-align: center; display: inline-block; *display:inline!important; vertical-align: top; color: #fff; background: #fc411d; font-size: 10px; -webkit-transform: scale(0.7);} .article .notice .noticeMor{ float:right; width:10%; text-align: right;} span.more{ font-size:16px; color:#11b767;display:inline-block;vertical-align:top; text-align:right;} span.more a{ color:#11b767} span.more i{ width:14px; height:14px;display:inline-block;vertical-align:top; background:url(/xiaochengxu/images/main/index23_07.png); margin-left: 2px; margin-top: 4px;} .cardTicket{ margin-bottom:40px; padding: 0;} .cardTicketList{ float:left; width:265px; height:220px; margin-right:20px; position:relative; overflow: hidden; text-align:center;} .cardTicketList:last-child{ margin-right:0;} .cardTicketList a{ display:inline-block; width:100%; height:100%;} .cardTicketList i{ position:absolute; width:144px; height:144px; background:url(/xiaochengxu/images/main/indexnum_09.png); background-size:100%; display:block;top:-10px; left:-52px;} .cardTicketList h1{ font-size:26px;font-style: italic; color:#6de37b; font-weight: bold; text-align: center; margin-top: 15px;} .cardTicket .cardTicketList h1{ text-align: left; margin-left: 68px; margin-top: 15px; margin-bottom: 5px;} .cardTicket .cardTicketList h2{ margin-bottom: 5px;} .cardTicket .cardTicketList.greenOne h1{ margin-left:47px;} .cardTicketList em{ opacity: 1;-webkit-backface-visibility: hidden;display:inline-block;vertical-align:top;} .cardTicketList:hover em{ -webkit-animation: shake 1s 0s 1 linear both ; animation: shake 1s 0s 1 linear both;} .advantageRight .cardTicketList i{ top: 26px; right: -47px; left: inherit;} .cardTicketList h2{ font-size:26px; color:#fff; font-weight:normal; margin-top: 12px; margin-bottom: 9px;} .cardTicketList p{ color:#fff; font-size:14px;} .detailsCardTicketList .cardTicketList{ height:145px; padding-top:25px;} .detailsCardTicketList .cardTicketList:hover em{ -webkit-animation: none ; animation: none;} .greenOne{ background:#4ab757;} .greenOne i{background:url(/xiaochengxu/images/main/indexnum_09.png);} .greenOne h1{} .redTwo{ background:#f85c5c;} .redTwo i{background:url(/xiaochengxu/images/main/indexnum_12.png);} .redTwo h1{ color:#ffa8a8;} .blueThree{ background:#4d87e3;} .blueThree i{background:url(/xiaochengxu/images/main/indexnum_18.png);} .blueThree h1{ color:#7cafff;} .cyanFour{ background:#2abb9b;} .cyanFour i{background:url(/xiaochengxu/images/main/indexnum_15.png);} .cyanFour h1{ color:#57e2c3;} .advantageTable{ padding: 64px 0;} .advantageTable .advantageExplain{ float:left; width:265px; height:420px; overflow:hidden; position:relative; margin-right: 0; } .advantageRight .advantageTable .advantageExplain { float:right;} .advantageTable .advantageExplain h1{ font-size:40px;font-style: italic; } .advantageTable .advantageExplain em{opacity: 1; -webkit-backface-visibility: hidden;display:inline-block;vertical-align:top;} .advantageTable .advantageExplain h2{ font-size:30px; color:#fff; font-weight:normal;} .advantageTable .advantageExplain p{ color:#fff; font-size:14px; padding: 0 5px; height: 57px; margin-bottom:14px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;} .advantageTable .advantageList{ float: left; width: 855px;} .advantageTable .advantageList li{ margin-left:23px; text-align: center;width:190px; height:170px; background:#fff; margin-bottom:20px; float:left; padding-top: 30px;} .advantageRight .advantageTable .advantageList li{margin-right:23px; margin-left: 0; background: #f1f1f1; } .advantageTable .advantageList li .advantageListImg img{ opacity: 1;-webkit-backface-visibility: hidden; -webkit-transition: all .8s ease-in-out; -moz-transition: all .8s ease-in-out; transition: all .8s ease-in-out; width:80px; height:80px; border-radius:10px; overflow:hidden; margin: 0 auto;} .advantageTable .advantageList li .advantageListImg:hover{} .advantageTable .advantageList li:hover .advantageListImg img{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)} .advantageTable .advantageList li h2{ line-height:40px; font-size:18px; color:#3d3d3d; text-align:center; font-weight:normal;} .advantageTable .advantageList li p{ width:110px; text-align:center; color:#9d9d9d; margin: 0 auto; } .advantageTable .advantageList li span.more{ margin-top: 15px;} .advantageTable .advantageList li:last-child .advantageListImg{ } .newTable{ padding:32px 0 !important ;} .newTable .newList{ float:left; width:350px; margin-right:35px;margin-bottom: 20px;} .newTable .newList:last-child{ margin-right:0;} .newTable .newList .newTitle{ padding: 15px 0;} .newTable .newList .newTitle h1{ display: inline-block;width:50%; *display:inline; text-align:right; color:#4f5b6c; font-size:18px; font-weight:normal; text-align:left;} .newTable .newList .newTitle span{ width:48%; *display:inline;} .newTable .newList ul{} .newTable .newList ul li{} .newTable .newList ul li.first{ margin-bottom:20px; padding: 0; width: 350px; height: 180px; overflow: hidden; position: relative;} .newTable .newList ul li.first p{ position:absolute; position: absolute; bottom: 0; width: 96%; overflow: hidden;text-overflow: ellipsis; white-space: nowrap; font-size: 15px; padding: 5px 2%; color: #fff; background: rgba(1, 184, 101, 0.74); text-align: center;} .newTable .newList ul li:hover img{webkit-transform:scale(1.2);-moz-transform:scale(1.2);transform:scale(1.2)} .newTable .newList ul li {font-size:12px; line-height: 25px; padding: 3px 0;} .newTable .newList ul li a{ color:#9d9d9d;} .newTable .newList ul li i{font-size: 15px; display: inline-block; *display:inline; width: 10px; margin-right:2px; vertical-align: top;} .newTable .newList ul li h1{ font-size: 13px; display:inline-block; *display:inline; vertical-align:top; font-weight:normal; width: 263px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .newTable .newList ul li span{ display:inline-block; vertical-align:top; width: 75px; text-align: right; } .agentProfit{ padding: 75px 0; padding-top: 20px;} .agentProfit> h1{ font-size:30px; color:#6d6d6d; text-align:center; line-height:40px; line-height: 100px;} .agentProfit ul{} .agentProfit ul li{ float:left; width:265px; margin-right:20px; background:#f1f1f1; height:200px; text-align:center;} .agentProfit ul li i{ display:inline-block; opacity: 1;-webkit-backface-visibility: hidden;} .agentProfit ul li:hover i{-webkit-animation: tada 1s 0s 1 linear both ; animation: tada 1s 0s 1 linear both;} .agentProfit ul li:last-child{margin-right:0;} .agentProfit ul li a{display:inline-block; width:100%; height:100%;} .agentProfit ul li i{margin-top:30px; height:100px;width:100px; display:inline-block;} .agentProfit ul li p{ font-size:16px; color:#3d3d3d;} .agentJoin{} .agentJoin ul li{ height:230px; background:#fff;} .agentJoin ul li h1{ font-size:16px; color:#3d3d3d; font-weight:normal; line-height: 37px;} .agentJoin ul li p{color:#9d9d9d;} .agentJoin ul li:hover i{ opacity: 1;-webkit-backface-visibility: hidden; -webkit-animation: bounce 1s 0s 1 linear both ; animation: bounce 1s 0s 1 linear both;} .details{ padding:50px 0;} .detailsLeft{ float:left; width:167px; padding:15px; background:#ededed; padding-right: 0;} .detailsLeft li{ line-height:44px; cursor: pointer;} .detailsLeft li.active,.detailsLeft li:hover{ background:#fff;} .detailsLeft li h1{ font-weight:normal; border-bottom:1px solid #f6f6f6; padding:8px; font-size: 16px; margin-right: 15px;} .detailsLeft li i{ display:inline-block; vertical-align:top; width:24px; height:24px; overflow:hidden; margin-right:10px; margin-top:10px;} .detailsLeft li i img{ vertical-align:top;} .detailsLeft li i span{ display:inline-block; vertical-align:top; font-size:14px; color:#3d3d3d;} .details .detailsArticle{ background:#fff;width: 862px; float: left; padding: 35px 0px 35px 75px;} .detailsArticle .section{ display:none;} .detailsArticle .section:nth-child(1){ display:block;} .detailsTop{} .detailsTop .detailsTopLeft{ float:left; width:450px; height:90px; padding:25px; background:#f5f5f5; border-radius:10px; overflow:hidden;} .detailsTop .detailsTopLeft >.detailsImg{ width:90px; height:90px; overflow:hidden; float:left; margin-right:24px;} .detailsTop .detailsTopLeft .detailsTxt{} .detailsTop h1{ font-size:16px; color:#3d3d3d; font-weight:normal; line-height:30px;} .detailsTop p{ font-size:14px; color:#9d9d9d; font-weight:normal; line-height:20px;} .detailsTop .detailsTopRight{float:left; width:190px; height:90px; padding:25px; background:#f5f5f5;border-radius:10px; margin-left: 65px;overflow:hidden;} .detailsTop .detailsTopRight .erweima{width:90px; height:90px; overflow:hidden; float:left; margin-right:24px;} .detailsTop .detailsTopRight .erweimaInfo{} .detailsInfo{ padding: 27px 0; border-bottom: 1px solid #e6e6e6;} .detailsInfo h1{ font-size:16px; color:#3d3d3d; font-weight:normal; line-height:30px;} .detailsInfo p{ font-size:14px; color:#9d9d9d; font-weight:normal;} .detailsImgList{margin-top: 25px; width: 810px; overflow: auto;} .detailsImgList h1{ font-size:16px; color:#3d3d3d; font-weight:normal; margin-bottom:25px; } .detailsImgList li{ float:left; margin:0 10px; height:400px;} .detailsImgList ul{ } .detailsImgList ul img{max-height:100%;} .purchaseTitle{ width:600px; margin:0 auto; line-height:40px; border:1px solid #0fbb7c; border-radius:5px; margin-top:40px;} .purchaseTitle li{ float:left; width:50%; color:#999; font-size:15px; text-align:center;cursor: pointer;} .purchaseTitle li.active{ background:#0fbb7c; color:#fff;} .purchaseList{} .purchaseList>li{ color:#333; padding:10px; display:none;} .layer{ width:100%; height:100%; position: fixed; left:0; top:0; background:rgba(0,0,0,.5); z-index:9; display:none;} .layerImg{ width:50%; left:25%; text-align:center; height:80%; overflow:auto; position: fixed; display:none; top: 10%; z-index: 10; text-align: center;} .icon { background: url(/xiaochengxu/images/main/icon.png);} .contact{z-index: 9;position: fixed; right:0; top:50%; margin-top: -315px; background:#fff;text-align: center; width:140px;} .contact i{ display: inline-block; vertical-align: top;} .contact .close_contact{ cursor: pointer;width:16px; height:16px; position:absolute; right:5px; top:5px; background-position: -17px 325px;} span.tel{ display:none; right: 0;position: fixed; z-index: 9;text-align: center; width: 26px; padding: 12px 6px; top: 50%; margin-top: -50px; border-radius: 5px 0 0 5px; line-height: 15px;background:#FFA800; color: #fff; font-size: 14px;} span.tel a{ color:#fff;} span.tel i{ width:22px; height:22px; background-position: -16px 294px; margin-bottom: 4px; display: inline-block;*display: inline;*zoom:1;} .contact .goTop{ display:none;} .contact .goTop p{ margin: 0 auto;width:100%; cursor:pointer; color:#fff; background:#ffa800; line-height: 25px; height:25px; font-size: 16px; text-align: center; padding-top: 10px;} .contact .goTop p i{ margin-top: 5px; width:16px; height:16px; background:url(/xiaochengxu/images/main/jiantou1.png); } .contact .goTop p:last-child{ padding-bottom:10px; padding-top: 0;} .contact .goTop p a{ color:#fff} .contact ul{ padding:0 16px;} .contact ul li{ border-bottom: 1px solid #eef0f1; padding: 8px 0;} .contact ul li:last-child{ border:0;} .contact ul li.qq{} .contact ul li.qq i{ width:76px; height:76px; background-position: -76px 326px; margin-top: 25px; margin-bottom: 10px;} .contact ul li.qq p{ font-size: 16px; color:#3d3d3d;} .contact ul li.qq button{ cursor: pointer; line-height: 20px; padding:0 10px; color:#fff; border:0; background:#ffa800; font-size: 14px; height:20px; margin-top: 10px; border-radius: 20px;} .contact ul li.tel{} .contact ul li.tel i{width:22px; height:22px; background-position: -16px 265px; margin-top: 2px; margin-right: 2px;} .contact ul li.tel p{ font-size: 16px; line-height: 26px; color:#f92b32;width: 105%;} .contact ul li.tel p span{ line-height: 30px; color:#3d3d3d; font-size: 16px;} .goto{ text-align:center;} .goto .imgIcon{ width:100%; } .goto p{ font-size:14px; line-height:25px;} .goto.trial p { color:#1abd6c;} .goto.watch p { color:#ffa800;} .goto.scanCode p { color:#3d3d3d; font-size:12px;} .articleFooter{padding: 40px;margin-top:40px;background: #fff} .articleFooter .ftUl{text-align: center} .articleFooter .ftUl .ftColumns{display: inline-block;float:left;text-align: left;margin-left: 70px;width: 150px;} .articleFooter .ftUl .ftColumns{*display: inline} .articleFooter .ftUl .ftColumns:first-child{margin-left: 0} .articleFooter .ftUl .ftColumns h2{font-size: 18px;color: #3d3d3d;font-weight: normal;padding:20px 0} .articleFooter .ftUl .ftColumns .links{} .articleFooter .ftUl .ftColumns .links li{margin-bottom: 5px} .articleFooter .ftUl .ftColumns .links li a{} .articleFooter .ftUl .last{width: 240px;} .articleFooter .ftUl .last .qrCode{} .articleFooter .ftUl .last .qrCode li{float: left;margin-left: 20px} .articleFooter .ftUl .last .qrCode li:first-child{margin-left: 0} .articleFooter .ftUl .last .qrCode li .name{display: block;text-align: center} .footer{/* height:100px;*/ background:#f8f8f8;} .footer .footer_centent{ padding-top: 22px;} .footer .footer_centent a{ color:#000000;} .footer .footer_centent .footer_txt{ } .footer .footer_centent .footer_txt .menu{ font-size: 16px; color:#fff; margin-bottom: 34px; margin-top:12px;} .footer .footer_centent .footer_txt .menu li{ border-right:1px solid #fff; line-height: 14px; *line-height: 20px;opacity: 0.5; float:left; padding-right:18px; margin-right:18px;} .footer .footer_centent .footer_txt .menu li:last-child{border:0;} .footer .footer_centent .footer_txt .menu li a{color:#000000;} .footer .footer_centent .footer_txt .menu li a:hover{color:#000000;} .footer .footer_centent .footer_txt .company{ text-align:center;} .footer .footer_centent .footer_txt .company span{ float:left; display:block;color:#fff; font-size: 12px;line-height: 10px;*line-height: 20px;} .footer .footer_centent .footer_txt ul{display:table;margin: 0 auto;} .footer .footer_centent .footer_txt .company li{ margin-bottom: 10px; color:#fff; font-size: 12px; line-height: 10px;*line-height: 20px; float:left;border-right:1px solid #000000; padding-right:12px;margin-right:12px;} .footer .footer_centent .footer_txt .company li:last-child{border:0;} .footer .footer_centent .footer_txt p{ font-size: 12px; color:#000000; line-height: 20px; text-align: center; } .footer .footer_centent .dimension{ float:right;} .footer .footer_centent .dimension li{ float:left; text-align: center; margin-left:26px;} .footer .footer_centent .dimension li img{ width:84px; height:84px;} .footer .footer_centent .dimension li p{ line-height: 34px; font-size: 14px; color:#fff; } /************卡券改版*****************/ .headerMenu{ padding:17px 0;} .newBanner,.newBanner .bannerList> li{ height:574px; overflow: hidden; background-color:#fff;} .newBanner .switchButton{ width:1200px;} .newBanner .switchButton span{ top:278px;} .newBanner .bannerSpot li{ *display:none;} .bannerList{} .bannerList ol{ width:100%; height:100%; position: relative;} .bannerList ol li{ position:absolute;} .bannerList .l1{ background:url('/xiaochengxu/images/main/kabg1.png') center ;} .bannerList .l1 ol li.o1{ left:102px; top:83px;} .bannerList .l1 ol li.o2{ left:258px; top:438px;} .bannerList .l2{ background:url('/xiaochengxu/images/main/kabg2.png') center;} .bannerList .l2 ol li.o1{ left:180px; top:98px;} .bannerList .l2 ol li.o2{ left:0; top:214px;} .bannerList .l3{ background:url('/xiaochengxu/images/main/kabg3.png') center;} .bannerList .l3 ol li.o1{ left: 193px; top: 41px;} .bannerList .l3 ol li.o2{ left: 164px; top: 292px;} .bannerList .l4{ background:url('/xiaochengxu/images/main/kabg4.png') center;} .bannerList .l4 ol li.o1{ left: 145px; top: 115px;} .bannerList .l4 ol li.o2{ right: 20px; bottom: 0;} .bannerList .l5{ background:url('/xiaochengxu/images/main/kabg5.png') center;} .bannerList .l5 ol li.o1{ left: 79px; top: 66px;} .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{ left:14px; top:107px; animation:bounceInDown 1s ease 1 0s both; -webkit-animation:bounceInDown 1s ease 1 0s both;} .bannerList .l6 ul li.o2{ right:-47px; top:77px;animation:bounceInRight 1s ease 1 0.5s both; -webkit-animation:bounceInRight 1s ease 1 0.5s both;} .bannerList .l6 ul li.o3{ left:0; bottom:0;} .bannerList .l1.active ol li.o1{ animation:bounceInDown 1s ease 0s 1 both; -webkit-animation:bounceInDown 1s ease 0s 1 both;} .bannerList .l1.active ol li.o2{ animation:bounceInUp 1s ease 0.5s 1 both; -webkit-animation:bounceInUp 1s ease 0.5s 1 both;} .bannerList .l2.active ol li.o1{ animation:zoomIn 1s ease 1s 1 both; -webkit-animation:zoomIn 1s ease 1s 1 both;} .bannerList .l2.active ol li.o2{ animation:fadeInLeft 1s ease 0s 1 both; -webkit-animation:fadeInLeft 1s ease 0s 1 both;} .bannerList .l3.active ol li.o1{ animation:fadeInDown 1s ease .5s 1 both; -webkit-animation:fadeInDown 1s ease .5s 1 both;} .bannerList .l3.active ol li.o2{ animation:fadeInLeft 1s ease 0s 1 both; -webkit-animation:fadeInLeft 1s ease 0s 1 both;} .bannerList .l4.active ol li.o1{ animation:bounceIn 1s ease 0s 1 both; -webkit-animation:bounceIn 1s ease 0s 1 both;} .bannerList .l4.active ol li.o2{ animation:bounceInRight 1s ease .5s 1 both; -webkit-animation:bounceInRight 1s ease .5s 1 both;} .bannerList .l5.active ol li.o1{ animation:fadeInUp 1s ease 0s 1 both; -webkit-animation:fadeInUp 1s ease 0s 1 both;} .bannerList .l5.active ol li.o2{ animation:fadeInRight 1s ease .5s 1 both; -webkit-animation:fadeInRight 1s ease .5s 1 both;} /***choujiang***/ .carDetailsBanner>ul { width: 1120px; margin: 0 auto; height: 580px; position: relative; text-align:center;} .luckDrawBanner{background:url('/xiaochengxu/images/main/choujiangBg_02.png') no-repeat top; padding-bottom: 47px; overflow: hidden;} .carDetailsBanner>ul li{ position: absolute} .luckDrawBanner ul li.c1 { left: 149px; top: 105px;-webkit-animation: zoomIn 2s 0s 1 linear both;animation: zoomIn 2s 0s 1 linear both;} .luckDrawBanner ul li.c2 { right: 346px; top: 333px;-webkit-animation: fadeInUp 1.5s 0s 1 linear both;animation: fadeInUp 1.5s 0s 1 linear both;} .borderTitle{padding:50px 0;} .borderTitle h2{font-weight:normal;font-size:40px;line-height:100px;color:#2d4433;border-bottom:1px solid #dae3ea;text-align:center;} .applicationList li{float:left;width:260px;height:290px;margin:10px;text-align:center;background:#fff;} .applicationList li i{width:100px;height:100px;display:inline-block;vertical-align:top;margin-top: 46px;margin-bottom: 10px;background:url('/xiaochengxu/images/main/kalakaICon.png');transform:rotate(0deg);transition:transform ease 1s;-webkit-transform:rotate(0deg);-webkit-transition:transform ease 1s;} .applicationList li:hover i,.luckDrawIcon li:hover .industry i{transform:rotate(360deg);-webkit-transform:rotate(360deg);} .applicationList li h3{font-weight:normal;color:#525e6e;font-size:20px;margin-bottom:15px;} .applicationList li p{width:180px;font-weight:normal;color:#9d9d9d;font-size:12px;line-height: 20px;display:inline-block;} .luckDraw{ margin-top:-30px;} .luckDrawList{margin-top: -10px;padding-bottom: 60px;} .luckDrawList li{ margin:13px; margin-right:26px; margin-left:0; } .luckDrawList li:nth-child(4n){ margin-right:0;} .luckDrawList li i{ background: url('/xiaochengxu/images/main/weixinIcon.png');} .luckDrawList li.c1 i{background-position: -10px -15px;} .luckDrawList li.c2 i{background-position:-106px -17px;} .luckDrawList li.c3 i{background-position:-200px -15px;} .luckDrawList li.c4 i{background-position:-294px -13px;} .luckDrawList li.c5 i{background-position:-392px -15px} .luckDrawList li.c6 i{background-position:-485px -15px;} .luckDrawList li.c7 i{background-position:-585px -14px} .luckDrawList li.c8 i{background-position:-680px -15px;} .luckDrawList li.c9 i{background-position:-776px -15px;} .luckDrawList li.c10 i{background-position:-872px -15px;} .luckDrawList li.c11 i{background-position:-967px -15px;} .luckDrawList li.c12 i{background-position:-1064px -15px;} .luckDrawArticle{ padding-top: 35px;} .luckDrawIcon{} .luckDrawIcon{ width:1140px; margin:30px auto; margin-bottom: 80px;} .luckDrawIcon li{text-align:center;position:relative;float:left;width:170px;height:170px;border:1px solid #dbe3ea;margin-right:18px;margin-bottom:18px;} .luckDrawIcon li .industry{width:100%;margin-top:30px; font-size: 16px; color: #6d6d6d;} .luckDrawIcon li .industry i{display:inline-block;width:90px;height:90px; background: url('/xiaochengxu/images/main/weixinIcon.png');transform:rotate(0deg);transition:transform ease 1s;-webkit-transform:rotate(0deg);-webkit-transition:transform ease 1s;} .luckDrawIcon li .erweima{ display:none; z-index: 2; position:absolute; left:0; top:0; width:100%; height:100%; background:#44b549;} .luckDrawIcon li:hover .erweima{ display:block; animation:fadeIn 1s ease 1 0s both;} .luckDrawIcon li .erweima em{ display:inline-block; vertical-align:top; margin: 30px; margin-top: 20px; margin-bottom: 0;} .luckDrawIcon li .erweima p{ color:#fff; font-size:15px; line-height:40px;} .luckDrawIcon li.c1 i{background-position: -8px -118px;} .luckDrawIcon li.c2 i{background-position: -82px -118px;} .luckDrawIcon li.c3 i{background-position: -158px -118px;} .luckDrawIcon li.c4 i{background-position: -243px -122px; width: 80px; height: 80px; margin-bottom: 10px;} .luckDrawIcon li.c5 i{background-position: -318px -122px; width: 80px; height: 80px; margin-bottom: 10px; } .luckDrawIcon li.c6 i{background-position: -392px -117px;} .luckDrawIcon li.c7 i{background-position: -474px -117px; width: 80px;} .luckDrawIcon li.c8 i{background-position: -545px -118px;} .luckDrawIcon li.c9 i{background-position: -629px -117px; width: 80px;} .luckDrawIcon li.c10 i{background-position:-699px -117px;} .luckDrawIcon li.c11 i{background-position: -779px -118px;} .luckDrawIcon li.c12 i{background-position: -854px -118px;} .luckDrawIcon li:hover{} /***choujiang***/ /****chanying***/ .width1140 { width: 1140px; margin: 0 auto; padding-bottom: 1px; position: relative;} .article .notice{padding:20px 0;font-size:16px;} .article .notice .noticeTxt{float:left;width:300px;line-height:20px;padding-left: 10px;border-left:2px solid #999999;margin-top: 5px;height: 14px;} .article .notice .noticeTxt ul{height:20px;color:#999999;overflow: hidden;margin-top: -3px;} .article .notice .noticeTxt li{padding-top: 10px;margin-top: -10px;} .article .notice .noticList{float:right;width: 770px;margin-top: 8px;} .article .notice .noticList li{padding-left:43px;padding-right:70px;border-left:1px solid #c8c8c8;line-height:28px;height: 11px;float: left;} .article .notice .noticList li a{display:inline-block;margin-top:-9px;vertical-align: top;} .article .notice .noticList li:first-child{border-left:0;} .article .notice .noticList li i{width:28px;height:28px;vertical-align:top;display:inline-block;} .article .notice .noticList li.first a{color:#4ab757;} .article .notice .noticList li.two a{color:#f85c5c;} .article .notice .noticList li.three a{color:#2abb9b;} .article .notice .noticList li.four{padding-right: 10px;} .article .notice .noticList li.four a{color:#4d87e3;} .article .notice .noticList li.first i{background:url(/xiaochengxu/images/main/web_12.png);} .article .notice .noticList li.two i{background:url(/xiaochengxu/images/main/web_14.png);} .article .notice .noticList li.three i{background:url(/xiaochengxu/images/main/web_16.png);} .article .notice .noticList li.four i{background:url(/xiaochengxu/images/main/web_09.png);} .restaurantBanner{} .restaurantBanner{background:url('/xiaochengxu/images/main/chanyingBg_02.png') center; overflow: hidden;} .restaurantBanner ul li.c1 { left: 130px; top: 133px;-webkit-animation: zoomInUp 2s 0s 1 linear both;animation: zoomInUp 2s 0s 1 linear both;} .restaurantBanner ul li.c2 { right: 283px; top: 280px;-webkit-animation: fadeInUp 1.5s 0.5s 1 linear both;animation: fadeInUp 1.5s 0.5s 1 linear both;} .restaurantBanner ul li.c3 { right: -232px; top: 74px; width: auto; left: 801px;-webkit-animation: fadeInDown 2s 1s 1 linear both;animation: fadeInDown 2s 1s 1 linear both;} .restaurantBanner ul li.c4 { right: -381px; top: 259px;-webkit-animation: fadeInRight 1.5s 1.5s 1 linear both;animation: fadeInRight 1.5s 1.5s 1 linear both;} .solve{ padding-top: 10px; border-top:1px solid #dddddd;} .solveList{ width: 1147px; margin: 0 auto; margin-bottom: 80px; } .solveList li{ float:left; width:330px; height:490px; border:1px solid #dddddd; margin:25px;} .solveList li .solveImg{ height: 230px; margin-top:35px; margin-bottom: 20px; text-align:center;} .solveList li:hover .solveImg{ -webkit-animation: tada 1s 0s 1 linear both; animation: tada 1s 0s 1 linear both;} .solveList li h3{ padding:11px 22px; width:246px; height:52px; margin:0 auto; color:#fff; font-weight:normal; font-size:18px; line-height:25px; background:#67cfc7; } .solveList li.l1{} .solveList li.l2 h3{ line-height:52px; text-align:center; background:#f1b400; } .solveList li.l3 h3{background:#8fd84e; } .solveList li p{ width:294px; margin: 0 auto;margin-top:23px; font-size:14px; color:#999999; line-height:20px;} .solveList li.l1 p span{ color:#67cfc7;} .solveList li.l2 p span{ color:#f1b400;} .solveList li.l3 p span{ color:#8fd84e;} .businessModelSection{ height:680px; margin-bottom: 65px;} .businessModel{ width: 1134px; margin: 0 auto; margin-top: 12px;} .businessModel li{ position:relative; float:left; width:366px; height:76px; margin:0 6px; background:#fff;} .businessModel li.active,.businessModel li:hover{ background:#87ce4c;} .businessModel li.active p,.businessModel li:hover p{ border:1px dashed #fff; color:#fff;} .businessModel li p{ margin:8px; height: 58px; line-height: 58px;font-size:24px; color:#999999; text-align:center; border: 1px solid transparent; cursor:pointer;} .businessModel li i,.businessModel li em{ width:44px; height:44px; display:inline-block; vertical-align:top; background:url('/xiaochengxu/images/main/weixinIcon.png');} .businessModel li em{ position: absolute; left: 50%; top: 64px; width: 52px; margin-left: -26px; display:none; background-position: -1101px -246px;} .businessModel li.active em,.businessModel li:hover em{ display:block;} .businessModel li i{ margin-top: 7px; margin-left: -33px; margin-right: 6px;} .businessModel li.b1 i{background-position: -655px -243px;} .businessModel li.b2 i{background-position: -729px -244px;} .businessModel li.b3 i{background-position: -798px -244px; width:54px;} .businessModel li.active.b1 i,.businessModel li:hover.b1 i{background-position: -874px -243px;} .businessModel li.active.b2 i,.businessModel li:hover.b2 i{background-position: -948px -244px;} .businessModel li.active.b3 i,.businessModel li:hover.b3 i{background-position: -1017px -244px; width:54px;} .businessModelTable{ width:1116px; margin-top:92px; padding-top: 92px;margin:0 auto;} .businessModelTable li{ position:relative; width:100%; display:none; background:#fff; text-align:center; height:564px; border:1px dashed #87ce4c;} .businessModelTable li h3{position: absolute; top: -38px; left: 109px; width:684px; padding:22px 116px ; font-weight:normal; font-size:18px; color:#7bca3a; text-align:center; background:#fff; border:1px dashed #87ce4c;border-radius:20px; overflow: hidden;} .businessModelTable li .businessModelImg{ margin-top:74px;} .characteristicTitle.article .title h2{ margin-bottom: 10px;font-size:30px; color:#3d3d3d;} .characteristic{} .characteristic ul{width: 1147px; margin: 0 auto; margin-top: -10px;margin-bottom: 54px;} .characteristic ul li{ position:relative; float:left; width:348px; height:265px; margin:16px; text-align:center; border:1px solid #dadada;} .characteristic ul li i{ width:120px; height:120px; margin:9px 0; display:inline-block; vertical-align:top; background:url('/xiaochengxu/images/main/weixinIcon.png');} .characteristic ul li em{ z-index:2; position: absolute; width: 100px; height: 100px; display:none; left: 127px; top: 31px; background: #70C02B; } .characteristic ul li:hover{background: #70C02B; border:1px solid #70C02B; box-shadow: 0 0 8px #8BC35B;} .characteristic ul li:hover em{ } .characteristic ul li:hover i{-webkit-animation: zoomIn .5s 0s 1 linear both; animation: zoomIn .5s 0s 1 linear both;} .characteristic ul li:hover h3{ color:#fff;} .characteristic ul li:hover p{ color:#fff;} .characteristic ul li h3{ font-size:18px; font-weight:normal; color:#3d3d3d;} .characteristic ul li p{width: 282px; margin: 0 auto; margin-top:10px; font-size:12px; color:#999999; line-height:20px;} .characteristic ul li.c1 i{ background-position:4px -204px;} .characteristic ul li.c2 i{ background-position:-102px -204px;} .characteristic ul li.c3 i{ background-position:-207px -204px;} .characteristic ul li.c4 i{ background-position:-313px -204px;} .characteristic ul li.c5 i{ background-position:-421px -204px;} .characteristic ul li.c6 i{ background-position:-525px -204px;} .characteristic ul li:hover.c1 i{ background-position:4px -1158px;} .characteristic ul li:hover.c2 i{ background-position:-102px -1158px;} .characteristic ul li:hover.c3 i{ background-position:-207px -1158px;} .characteristic ul li:hover.c4 i{ background-position:-313px -1158px;} .characteristic ul li:hover.c5 i{ background-position:-421px -1158px;} .characteristic ul li:hover.c6 i{ background-position:-525px -1158px;} .support.article .title h2{ font-size:30px; color:#666;} .supportList{ width:1134px; margin:0 auto;} .supportList li{ position:relative; float:left; width:189px; text-align:center; font-size:22px; color:#999999; border-bottom:2px solid #dcdcdc; cursor:pointer;} .supportList li i{ position:absolute; left:50%; top:60px; width:16px; height:10px; margin-left:-8px; display:none; background:url('/xiaochengxu/images/main/weixinIcon.png'); background-position:-1164px -1048px;} .supportList li p{ margin: 28px 0;line-height:12px; border-right:1px solid #dddddd;} .supportList li.last p{ border:0;} .supportList li.active,.supportList li:hover{ border-bottom:2px solid #87ce4c; color:#87ce4c;} .supportList li.active i,.supportList li:hover i{ display:block;} .supportTable{ width:1140px; margin:0 auto;margin-top:46px; padding-bottom: 100px;} .supportTable>li{ display:none;} .supportTable>li.s1{} .supportTable>li.s2{ } .supportTable>li.s2,.supportTable>li.s6 { width: 1041px; margin: 0 auto;} .supportTable>li.s2 ol li ,.supportTable>li.s6 ol li { width:327px; } .supportTable>li ol{} .supportTable>li ol li{ float:left; width:265px; height:330px; margin:10px; border-radius:5px; color:#fff; text-align:center; background:#ffc147;} .supportTable>li ol li i{opacity: 1; -webkit-backface-visibility: hidden; -webkit-transition: all .8s ease-in-out; -moz-transition: all .8s ease-in-out; transition: all .8s ease-in-out; width:125px; height:125px; margin: 35px 0;display:inline-block; vertical-align:top; background:url('/xiaochengxu/images/main/weixinIcon.png');} .supportTable>li ol li:hover i{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)} .supportTable>li ol li h3{ font-size:22px; font-weight:normal;color:#fff;} .supportTable>li ol li p{ width: 224px; margin: 0 auto; margin-top: 14px;font-size:14px; font-weight:normal; line-height:20px;color:#fff;} .supportTable>li.s1 ol li.o1{ background:#ffc147;} .supportTable>li.s1 ol li.o2{ background:#1088d5;} .supportTable>li.s1 ol li.o3{ background:#64d6bc;} .supportTable>li.s1 ol li.o4{ background:#8d80ef;} .supportTable>li.s1 ol li.o5{ background:#13cad6;} .supportTable>li.s1 ol li.o6{ background:#67adee;} .supportTable>li.s1 ol li.o7{ background:#feb822;} .supportTable>li.s1 ol li.o8{ background:#82d802;} .supportTable>li.s2 ol li.o1{ background:#a159de;} .supportTable>li.s2 ol li.o2{ background:#82cc3f;} .supportTable>li.s2 ol li.o3{ background:#02bcd8;} .supportTable>li.s2 ol li.o4{ background:#6c8aef;} .supportTable>li.s2 ol li.o5{ background:#ffaa22;} .supportTable>li.s2 ol li.o6{ background:#4ca6ed;} .supportTable>li.s3 ol li.o1{ background:#1dada1;} .supportTable>li.s3 ol li.o2{ background:#82d802;} .supportTable>li.s3 ol li.o3{ background:#e9754d;} .supportTable>li.s3 ol li.o4{ background:#8d80ef;} .supportTable>li.s3 ol li.o5{ background:#ad46ee;} .supportTable>li.s3 ol li.o6{ background:#67adee;} .supportTable>li.s3 ol li.o7{ background:#feb822;} .supportTable>li.s3 ol li.o8{ background:#82d802;} .supportTable>li.s4 ol li.o1{ background:#8d80ef;} .supportTable>li.s4 ol li.o2{ background:#ad46ee;} .supportTable>li.s4 ol li.o3{ background:#feb822;} .supportTable>li.s4 ol li.o4{ background:#02bcd8;} .supportTable>li.s4 ol li.o5{ background:#ee8946; width:356px;} .supportTable>li.s4 ol li.o6{ background:#82d802; width:356px;} .supportTable>li.s4 ol li.o7{ background:#67adee; width:356px;} .supportTable>li.s4 ol li.o5 p,.supportTable>li.s4 ol li.o6 p,.supportTable>li.s4 ol li.o7 p{ width:305px;} .supportTable>li.s5 ol li.o1{ background:#ad46ee;} .supportTable>li.s5 ol li.o2{ background:#feb822;} .supportTable>li.s5 ol li.o3{ background:#7ec415;} .supportTable>li.s5 ol li.o4{ background:#4b8ed3;} .supportTable>li.s5 ol li.o5{ background:#4baed3;} .supportTable>li.s5 ol li.o6{ background:#5b61d9;} .supportTable>li.s5 ol li.o7{ background:#e9754d;} .supportTable>li.s5 ol li.o8{ background:#2db979;} .supportTable>li.s6 ol li.o1{ background:#0ccfbb;} .supportTable>li.s6 ol li.o2{ background:#82cc3f;} .supportTable>li.s6 ol li.o3{ background:#8b5eb9;} .supportTable>li.s6 ol li.o4{ background:#6c8aef;} .supportTable>li.s6 ol li.o5{ background:#f05a8f;} .supportTable>li.s6 ol li.o6{ background:#4ca6ed;} .supportTable>li.s1 ol li.o1 i{background-position: -11px -321px;} .supportTable>li.s1 ol li.o2 i{background-position: -158px -321px;} .supportTable>li.s1 ol li.o3 i{background-position: -305px -321px;} .supportTable>li.s1 ol li.o4 i{background-position: -450px -321px;} .supportTable>li.s1 ol li.o5 i{background-position: -591px -321px; width:140px;} .supportTable>li.s1 ol li.o6 i{background-position: -745px -321px;} .supportTable>li.s1 ol li.o7 i{background-position: -892px -321px;} .supportTable>li.s1 ol li.o8 i{background-position: -1039px -321px;} .supportTable>li.s2 ol li.o1 i{background-position: -11px -442px;} .supportTable>li.s2 ol li.o2 i{background-position: -158px -442px;} .supportTable>li.s2 ol li.o3 i{background-position: -305px -442px;} .supportTable>li.s2 ol li.o4 i{background-position: -452px -442px;} .supportTable>li.s2 ol li.o5 i{background-position: -600px -442px;} .supportTable>li.s2 ol li.o6 i{background-position: -745px -442px;} .supportTable>li.s3 ol li.o1 i{background-position: -893px -442px;} .supportTable>li.s3 ol li.o2 i{background-position: -1037px -442px;width: 130px;} .supportTable>li.s3 ol li.o3 i{background-position: -8px -579px; width:130px;} .supportTable>li.s3 ol li.o4 i{background-position: -158px -579px;} .supportTable>li.s3 ol li.o5 i{background-position: -1083px -113px;} .supportTable>li.s3 ol li.o6 i{background-position: -745px -321px} .supportTable>li.s3 ol li.o7 i{background-position: -305px -579px;} .supportTable>li.s3 ol li.o8 i{background-position: -950px -110px;} .supportTable>li.s4 ol li.o1 i{background-position: -452px -579px;} .supportTable>li.s4 ol li.o2 i{background-position: -597px -579px;} .supportTable>li.s4 ol li.o3 i{background-position: -745px -579px;} .supportTable>li.s4 ol li.o4 i{background-position: -892px -579px;width: 130px;} .supportTable>li.s4 ol li.o5 i{background-position: -1036px -579px;width: 130px;} .supportTable>li.s4 ol li.o6 i{background-position: -160px -733px} .supportTable>li.s4 ol li.o7 i{background-position: -11px -733px;} .supportTable>li.s5 ol li.o1 i{background-position: -306px -733px;} .supportTable>li.s5 ol li.o2 i{background-position: -453px -733px} .supportTable>li.s5 ol li.o3 i{background-position: -596px -733px; width:130px} .supportTable>li.s5 ol li.o4 i{background-position: -746px -736px} .supportTable>li.s5 ol li.o5 i{background-position: -892px -733px;} .supportTable>li.s5 ol li.o6 i{background-position: -1040px -733px;} .supportTable>li.s5 ol li.o7 i{background-position: -12px -879px;} .supportTable>li.s5 ol li.o8 i{background-position: -160px -878px;} .supportTable>li.s6 ol li.o1 i{background-position:-305px -879px;} .supportTable>li.s6 ol li.o2 i{background-position: -453px -879px} .supportTable>li.s6 ol li.o3 i{background-position:-598px -877px;} .supportTable>li.s6 ol li.o4 i{background-position: -746px -879px} .supportTable>li.s6 ol li.o5 i{background-position: -892px -879px;} .supportTable>li.s6 ol li.o6 i{background-position: -1040px -879px;} .programmeArticle{ margin-top:30px;} .programmeListLi{ position: relative; width:100%; overflow:hidden;} .programme{ position:relative; width:1000px; margin:0 auto; margin-top: 20px; margin-bottom: 90px;} .programmeButton{ width:1120px; cursor:pointer;} .programmeButton span{ position:absolute; width:40px; height:40px; top:0; display:block; background:url('/xiaochengxu/images/main/weixinIcon.png');} .programmeButton span.prov{ top: 50%; left:-50px; margin-top:-20px; background-position:-1058px -1034px;} .programmeButton span.next{ top: 50%; right:-50px; margin-top:-20px; background-position:-1105px -1035px;} .programme ul{ height: 104px;} .programme ul li{ position:absolute; width:104px; height:104px; margin:0 10px; text-align:center; font-size:16px; color:#999999;} .programme ul li .erweima{ position:absolute; left:0; top:0; display:none; width:80px; height:80px; margin:12px; text-align:center;} .programme ul li:hover{ background:#77CE5A;} .programme ul li:hover .erweima{ display:block;} .programme ul li i{ width:70px; height:70px; display:inline-block; vertical-align:top;background:url('/xiaochengxu/images/main/weixinIcon.png');} .programme ul li.l1 i{ background-position:-13px -1026px;} .programme ul li.l2 i{ background-position:-91px -1026px;} .programme ul li.l3 i{ background-position:-166px -1026px;} .programme ul li.l4 i{ background-position:-236px -1026px;} .programme ul li.l5 i{ background-position:-312px -1026px;} .programme ul li.l6 i{ background-position:-388px -1026px;} .programme ul li.l7 i{ background-position:-465px -1026px;} .programme ul li.l8 i{ background-position:-532px -1026px;} .programme ul li.l9 i{ background-position:-15px -1094px;} .programme ul li.l10 i{ background-position:-90px -1094px;} .programme ul li.l11 i{ background-position:-164px -1094px;} .programme ul li.l12 i{ background-position:-238px -1094px;} .programme ul li.l13 i{ background-position:-311px -1094px;} .programme ul li.l14 i{ background-position:-387px -1094px;} .programme ul li.l15 i{ background-position:-460px -1094px;} .programme ul li.l16 i{ background-position:-536px -1094px;} .programme ul li.l17 i{ background-position:-618px -1026px;} .programme ul li.l18 i{ background-position:-693px -1026px;} .programme ul li.l19 i{ background-position:-765px -1026px;} .programme ul li.l20 i{ background-position:-838px -1026px;} .programme ul li.l21 i{ background-position:-915px -1026px;} .programme ul li.l22 i{ background-position:-986px -1026px;} /****chanying****/ .width1000 { width: 1000px; margin: 0 auto; padding-bottom: 1px; position: relative;} .bgGray{ padding-top:1px;} .article .title{ padding:30px 0; padding-top: 60px; text-align:center;} .article .title h2{ color:#3d3d3d; font-size:30px; font-weight:normal; line-height:50px;} .article .title p{ color:#999999; font-size:14px; font-weight:normal;line-height:30px;} .article .notice .noticeTxt li{} .article .notice .noticeTxt p{ *display:inline; *zoom:1;} .exhibitionTitle{ margin-top:34px;} .exhibitionTitle{ height:50px; line-height:50px; color:#666666; font-size:16px; background: #fff; } .exhibitionTitle li{ position:relative; float:left; width:186px; background:#fff; text-align: center; cursor:pointer;} .exhibitionTitle li:after{display: table; content: ""; position: absolute; top: 50px; left: 64px; } .exhibitionTitle li:hover.l1,.exhibitionTitle li.active.l1{ background:#4ab757; color:#fff;} .exhibitionTitle li:hover.l2,.exhibitionTitle li.active.l2{ background:#f0a914; color:#fff;} .exhibitionTitle li:hover.l3,.exhibitionTitle li.active.l3{ background:#fb5b58; color:#fff;} .exhibitionTitle li:hover.l4,.exhibitionTitle li.active.l4{ background:#4a85e6; color:#fff;} .exhibitionTitle li:hover.l5,.exhibitionTitle li.active.l5{ background:#ea603b; color:#fff;} .exhibitionTitle li:hover.l6,.exhibitionTitle li.active.l6{ background:#1bbc9b; color:#fff;} .exhibitionTitle li i{width:42px; height:42px; margin-left:-21px; margin-right: 3px; margin-top: 3px; *margin-top: -10px; display:inline-block; vertical-align:top; background:url(/xiaochengxu/images/main/new/shouyincon.png);} .exhibitionTitle li em{ position:absolute; left:50%; top:35px; width:42px; height:42px; margin-left:-21px; margin-right: 3px; margin-top: 3px; display:none; vertical-align:top; background:url(/xiaochengxu/images/main/new/shouyincon.png);} .exhibitionTitle li:hover em,.exhibitionTitle li.active em{ display:block;} .exhibitionTitle li:hover.l1 em,.exhibitionTitle li.active.l1 em{ background-position:-523px 0;} .exhibitionTitle li:hover.l2 em,.exhibitionTitle li.active.l2 em{ background-position:-571px 0;} .exhibitionTitle li:hover.l3 em,.exhibitionTitle li.active.l3 em{ background-position:-615px 0;} .exhibitionTitle li:hover.l4 em,.exhibitionTitle li.active.l4 em{ background-position:-659px 0;} .exhibitionTitle li:hover.l5 em,.exhibitionTitle li.active.l5 em{ background-position:-703px 0;} .exhibitionTitle li:hover.l6 em,.exhibitionTitle li.active.l6 em{ background-position:-750px 0;} .exhibitionTitle li.l1 i{ background-position:0 0;} .exhibitionTitle li.l2 i{ background-position:-44px 0;} .exhibitionTitle li.l3 i{ background-position:-89px 0;} .exhibitionTitle li.l4 i{ background-position:-130px 0;} .exhibitionTitle li.l5 i{ background-position:-174px 0;} .exhibitionTitle li.l6 i{ background-position:-216px 0;} .exhibitionTitle li:hover.l1 i,.exhibitionTitle li.active.l1 i{ background-position:-264 0;} .exhibitionTitle li:hover.l2 i,.exhibitionTitle li.active.l2 i{ background-position:-304px 0;} .exhibitionTitle li:hover.l3 i,.exhibitionTitle li.active.l3 i{ background-position:-349px 0;} .exhibitionTitle li:hover.l4 i,.exhibitionTitle li.active.l4 i{ background-position:-389px 0;} .exhibitionTitle li:hover.l5 i,.exhibitionTitle li.active.l5 i{ background-position:-432px 0;} .exhibitionTitle li:hover.l6 i,.exhibitionTitle li.active.l6 i{ background-position:-474px 0;} .newAdvantageTable{ padding:33px 0; padding-bottom: 43px; display:none;} .listDisplay{} .listDisplay .advantageExplain{ display:none} .listDisplay.newAdvantageTable .advantageList{ width:1070px; margin:0 auto; float:none;} .newAdvantageTable.greenOne{ background:none;} .newAdvantageTable.greenOne .advantageExplain{ background: #4ab757;} .newAdvantageTable.orangeTwo .advantageExplain{ background: #ffaa22; margin-left: 9px; margin-right: 0;} .newAdvantageTable.redThree .advantageExplain{ background: #f85c5c;} .newAdvantageTable.blueFour .advantageExplain{ background: #4d87e3; margin-left: 9px; margin-right: 0;} .newAdvantageTable.redFive .advantageExplain{ background: #e86142;} .newAdvantageTable.blueSix .advantageExplain{ background: #2abb9b;} .newAdvantageTable .advantageExplain{ height:500px; margin-right:9px;} .newAdvantageTable .advantageExplain h2{ margin-top:35px;font-size: 40px; font-style: italic; font-weight: bold; margin-bottom: 0;} .newAdvantageTable.greenOne .advantageExplain h2{ color:#6de37b;} .newAdvantageTable.orangeTwo .advantageExplain h2{ margin-top: 58px;color:#fff;} .newAdvantageTable.redThree .advantageExplain h2{color:#ffa8a8;} .newAdvantageTable.blueFour .advantageExplain h2{color:#7cafff; font-size: 35px;} .newAdvantageTable.redFive .advantageExplain h2{ margin-top: 30px; color:#fff; } .newAdvantageTable.blueSix .advantageExplain h2{ margin-right: 39px; color:#fff; } .newAdvantageTable .advantageExplain i{ background:url(/xiaochengxu/images/main/shouyincon.png); background-position:27px -713px;} .newAdvantageTable.orangeTwo .advantageExplain i{ background-position: -96px -713px; left: 160px; top: 8px; width: 120px;} .newAdvantageTable.redThree .advantageExplain i{ background-position: -267px -713px; left: -60px; top: -18px;} .newAdvantageTable.blueFour .advantageExplain i{ background-position: -374px -713px; left: 161px; top: 26px; } .newAdvantageTable.redFive .advantageExplain i{ background-position: -538px -718px; top: 89px; left: -30px; } .newAdvantageTable.blueSix .advantageExplain i{ background-position: -655px -718px; left: 173px; top: -10px; } .newAdvantageTable .advantageExplain em{ width:160px; height:160px; display:inline-block; vertical-align:top; background:url(/xiaochengxu/images/main/shouyincon.png); background-position:27px -547px;} .newAdvantageTable.orangeTwo .advantageExplain em{ width: 120px; height: 150px; background-position: -125px -552px;} .newAdvantageTable.redThree .advantageExplain em{ width: 130px; background-position: -240px -552px;} .newAdvantageTable.blueFour .advantageExplain em{ width: 130px; background-position: -363px -552px;} .newAdvantageTable.redFive .advantageExplain em{ width: 120px; background-position: -482px -552px;} .newAdvantageTable.blueSix .advantageExplain em{ width: 160px; margin-top: 10px; background-position: -598px -552px;} .newAdvantageTable .advantageExplain h3{font-size: 30px; color: #fff; font-weight: normal;} .newAdvantageTable .advantageExplain p{ width: 225px; margin: 0 auto; line-height: 22px; } .newAdvantageTable .advantageExplain .advantageExplainImg{ position: absolute; left: 0; bottom: 0; width: 100%; text-align: center; } .newAdvantageTable .advantageExplain.greenOne .advantageExplainImg{ bottom: -1px; } .newAdvantageTable .advantageList{ width: 846px;} .newAdvantageTable .advantageList li{ width:198px; height:245px; margin-left:13px; margin-bottom:12px;padding: 0;} .newAdvantageTable.orangeTwo .advantageList li:hover a{color: #ffaa22;} .newAdvantageTable.redThree .advantageList li:hover a{color: #f85c5c;} .newAdvantageTable.blueFour .advantageList li:hover a{color: #4d87e3;} .newAdvantageTable.redFive .advantageList li:hover a{color: #e86142;} .newAdvantageTable.blueSix .advantageList li:hover a{color: #2abb9b;} .newAdvantageTable.orangeTwo .advantageList li,.newAdvantageTable.blueFour .advantageList li,.newAdvantageTable.blueSix .advantageList li{ margin-left: 0; margin-right: 13px;} .newAdvantageTable .advantageList li .advantageListImg{ padding-top: 30px; margin-bottom: 15px;} .newAdvantageTable .advantageList li .advantageListImg i{ width:78px; height:78px;background:url(/xiaochengxu/images/main/shouyincon.png); display:inline-block; vertical-align:top; opacity: 1;-webkit-backface-visibility: hidden; -webkit-transition: all .8s ease-in-out; -moz-transition: all .8s ease-in-out; transition: all .8s ease-in-out; } .newAdvantageTable .advantageList li:hover .advantageListImg i{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)} .newAdvantageTable .advantageList li .advantageListImg i.n1 { background-position:-7px -58px;} .newAdvantageTable .advantageList li .advantageListImg i.n2 { background-position:-95px -58px;} .newAdvantageTable .advantageList li .advantageListImg i.n3 { background-position:-183px -58px;} .newAdvantageTable .advantageList li .advantageListImg i.n4 { width: 87px; background-position:-267px -58px;} .newAdvantageTable .advantageList li .advantageListImg i.n5 { background-position:-363px -54px;} .newAdvantageTable .advantageList li .advantageListImg i.n6 { background-position:-456px -55px;} .newAdvantageTable .advantageList li .advantageListImg i.n7 { background-position:-535px -58px;} .newAdvantageTable .advantageList li .advantageListImg i.n8 { background-position:-624px -58px;} .newAdvantageTable.orangeTwo .advantageList li .advantageListImg i.n1 { background-position:-7px -132px;} .newAdvantageTable.orangeTwo .advantageList li .advantageListImg i.n2 { background-position:-95px -132px;} .newAdvantageTable.orangeTwo .advantageList li .advantageListImg i.n3 { background-position:-183px -132px;} .newAdvantageTable.orangeTwo .advantageList li .advantageListImg i.n4 { width: 94px;background-position:-263px -132px;} .newAdvantageTable.orangeTwo .advantageList li .advantageListImg i.n5 { background-position:-363px -132px;} .newAdvantageTable.orangeTwo .advantageList li .advantageListImg i.n6 { background-position:-456px -132px;} .newAdvantageTable.orangeTwo .advantageList li .advantageListImg i.n7 { background-position:-535px -132px;} .newAdvantageTable.orangeTwo .advantageList li .advantageListImg i.n8 { background-position:-624px -132px;} .newAdvantageTable.redThree .advantageList li .advantageListImg i.n1 { background-position:-7px -212px;} .newAdvantageTable.redThree .advantageList li .advantageListImg i.n2 { width: 88px; background-position:-91px -212px;} .newAdvantageTable.redThree .advantageList li .advantageListImg i.n3 { width: 90px;background-position:-178px -212px;} .newAdvantageTable.redThree .advantageList li .advantageListImg i.n4 { width: 80px;background-position:-273px -210px;} .newAdvantageTable.redThree .advantageList li .advantageListImg i.n5 { background-position:-359px -210px;} .newAdvantageTable.redThree .advantageList li .advantageListImg i.n6 { background-position:-448px -209px;} .newAdvantageTable.redThree .advantageList li .advantageListImg i.n7 { background-position:-535px -212px;} .newAdvantageTable.redThree .advantageList li .advantageListImg i.n8 { background-position:-623px -210px;} .newAdvantageTable.blueFour .advantageList li .advantageListImg i.n1 { background-position:-8px -298px;} .newAdvantageTable.blueFour .advantageList li .advantageListImg i.n2 { background-position:-94px -298px;} .newAdvantageTable.blueFour .advantageList li .advantageListImg i.n3 { background-position:-181px -295px;} .newAdvantageTable.blueFour .advantageList li .advantageListImg i.n4 { width: 80px;background-position:-270px -298px;} .newAdvantageTable.blueFour .advantageList li .advantageListImg i.n5 { background-position:-359px -298px;} .newAdvantageTable.blueFour .advantageList li .advantageListImg i.n6 { background-position:-448px -298px;} .newAdvantageTable.blueFour .advantageList li .advantageListImg i.n7 { background-position:-535px -298px;} .newAdvantageTable.blueFour .advantageList li .advantageListImg i.n8 { background-position:-623px -298px;} .newAdvantageTable.redFive .advantageList li .advantageListImg i.n1 { background-position:-8px -390px;} .newAdvantageTable.redFive .advantageList li .advantageListImg i.n2 { background-position:-94px -390px;} .newAdvantageTable.redFive .advantageList li .advantageListImg i.n3 { background-position:-181px -390px;} .newAdvantageTable.redFive .advantageList li .advantageListImg i.n4 { width: 80px;background-position:-272px -390px;} .newAdvantageTable.redFive .advantageList li .advantageListImg i.n5 { background-position:-359px -390px;} .newAdvantageTable.redFive .advantageList li .advantageListImg i.n6 { background-position:-448px -390px;} .newAdvantageTable.redFive .advantageList li .advantageListImg i.n7 { background-position:-535px -390px;} .newAdvantageTable.redFive .advantageList li .advantageListImg i.n8 { background-position:-624px -390px;} .newAdvantageTable.blueSix .advantageList li .advantageListImg i.n1 { background-position:-8px -471px;} .newAdvantageTable.blueSix .advantageList li .advantageListImg i.n2 { background-position:-94px -471px;} .newAdvantageTable.blueSix .advantageList li .advantageListImg i.n3 { background-position:-184px -470px;} .newAdvantageTable.blueSix .advantageList li .advantageListImg i.n4 { width: 80px;background-position:-273px -471px;} .newAdvantageTable.blueSix .advantageList li .advantageListImg i.n5 { background-position:-359px -471px;} .newAdvantageTable.blueSix .advantageList li .advantageListImg i.n6 { background-position:-448px -471px;} .newAdvantageTable.blueSix .advantageList li .advantageListImg i.n7 { background-position:-535px -471px;} .newAdvantageTable.blueSix .advantageList li .advantageListImg i.n8 { background-position:-624px -471px;} .newAdvantageTable .advantageList li h4{ line-height: 35px; font-size: 18px; text-align: center; font-weight: normal;color:#666;} .newAdvantageTable .advantageList li p { width: 158px; font-size: 12px;} .industrySchemeList{ margin:30px 0;} .industrySchemeList li{ text-align:center; position:relative; float:left; width:220px; height:204px; border:1px solid #dfdfdf; margin-right:36px; margin-bottom:33px;} .industrySchemeList li .industry{ width:100%; margin-top:40px;} .industrySchemeList li .industry i{ display:inline-block; width:90px; height:90px; background:url(/xiaochengxu/images/main/hangyeIcon.png);} .industrySchemeList li .industry:hover i{-webkit-animation: tada 1s 0s 1 linear both; animation: tada 1s 0s 1 linear both;} .industrySchemeList li.l1 .industry i{ background-position:-8px -3px;} .industrySchemeList li.l2 .industry i{ background-position:-96px -3px;} .industrySchemeList li.l3 .industry i{ background-position:-182px -3px;} .industrySchemeList li.l4 .industry i{ background-position:-265px -3px;} .industrySchemeList li.l5 .industry i{ width: 94px;background-position:-357px -3px;} .industrySchemeList li.l6 .industry i{ background-position:-456px -3px;} .industrySchemeList li.l7 .industry i{ background-position:-542px -3px;} .industrySchemeList li.l8 .industry i{ background-position:-628px -2px;} .industrySchemeList li.l1:hover .industry i{ background-position:-8px -97px;} .industrySchemeList li.l2:hover .industry i{ background-position:-96px -97px;} .industrySchemeList li.l3:hover .industry i{ background-position:-182px -97px;} .industrySchemeList li.l4:hover .industry i{ background-position:-265px -97px;} .industrySchemeList li.l5:hover .industry i{ background-position:-357px -97px;} .industrySchemeList li.l6:hover .industry i{ background-position:-456px -97px;} .industrySchemeList li.l7:hover .industry i{ background-position:-542px -97px;} .industrySchemeList li.l8:hover .industry i{ background-position:-628px -97px;} .industrySchemeList li .industry em{ display:none;} .industrySchemeList li .industry p{ color:#9d9d9d; font-size:22px; line-height:40px;} .industrySchemeList li:hover .code{ display:block; background:#1abd6c;-webkit-animation: zoomIn .5s 0s 1 linear both; animation: zoomIn .5s 0s 1 linear both;} .industrySchemeList li:nth-child(4n){ margin-right:0;} .industrySchemeListICon{ margin-bottom: 80px;} .industrySchemeListICon li:hover{ background:#1abd6c;} .industrySchemeListICon li:hover .industry i{display:block;} .industrySchemeListICon li:hover{ background:#1abd6c;} .industrySchemeListICon li:hover .industry p{ color:#fff;} .newNewTable{ padding: 69px 0;} .newNewTable span.more i{ background:none;} .newNewTable .newList ul li.first{ height:122px;} .newNewTable .newList ul li:hover h1{ color:#0b8;} .newNewTable .newList ul li h1{ *display:inline; *zoom:1;} .resplItems{} .resplItems li{ text-align: center; float:left; width:158px; height:82px; ; border:1px solid #ebeaea; margin-right:8px; margin-bottom: 5px;} .resplItems li:hover{ border:1px solid #50bc5c} .resplItems li:nth-child(6n){ margin-right:0;} .resplItems li:last-child{ background:#f1f1f1;} .resplItems li i{ padding-top:15px; display: inline-block;} .resplItems li p{ color:#b6b6b6; font-size:14px;} /************卡券改版*****************/ /***拓客***/ .expandTitle{padding-top: 45px; padding-bottom:30; border-bottom:1px solid #d5dfe7; text-align:center;} .expandTitle h2{ font-size:40px; color:#333333; line-height: 72px;} .expandTitle p{ font-size:20px; color:#6f6f6f; line-height:20px;} .clerkExpand{height: 551px;padding-top:110px;} .clerkExpand li{ float:left; width:38%; height:382px; padding: 0 5.9%; text-align:right;} .clerkExpand li img{ margin-top:-50px;} .clerkExpand li.last{ text-align:left; border-left:1px solid #e6e6e6;} .peopleExpand{ padding-top: 40px; padding-bottom: 90px;} .peopleExpand ul{ float:left; width:40%; margin-top:100px; margin-left:10%;} .peopleExpand ul h3{ font-size:32px; color:#18c66e; line-height:97px;} .peopleExpand ul h3 i{ display: inline-block; vertical-align: top; line-height: 88px; margin-right: 5px;} .peopleExpand ul p{ width:365px; margin-left: 23px; font-size:18px; color:#414141;line-height: 25px;} .peopleExpand .peopleExpandImg{ float:left; width:50%; margin-top:61px;} /***拓客***/ /********首页改版********/ .bannerList .l1 ol li.o1 { left: -5px; top: 120px;} .bannerList .l1 ol li.o2 { left: 233px; top: 341px;} .bannerList .l1 ol li.o3 { left: 240px; top: 440px; animation: bounceInUp 1s ease 1s 1 both; -webkit-animation: bounceInUp 1s ease 1s 1 both;} .exhibitionTitle { margin-top: 20px;} .solveProblem{ margin-top:20px;} .solveProblem ul{ width:1080px; margin: 0 auto; margin-top: 5px; margin-bottom: 70px;} .solveProblem li{ position:relative; float:left; width:326px; height:290px; margin:24px 17px; text-align:center; box-shadow:0 0 10px #EAE9E9;} .solveProblem li em{ position:absolute; top:0; left:145px; width:32px; height:2px; display:inline-block; background:#29bc6f;} .solveProblem li i{ position:relative; width:75px; height:75px; margin-top:45px; margin-bottom:32px; display:inline-block; font-size:43px; color:#29bc6f; line-height:75px; border:2px solid #29bc6f; border-radius:50%;} .solveProblem li h3{ font-size:18px; font-weight:normal; color:#313c40;} .solveProblem li p{ width:250px; margin:0 auto; margin-top: 20px; line-height: 22px; font-size:14px; font-weight:normal; color:#999999;} .solveProblem li i{-webkit-transition: all .8s ease-in-out; -moz-transition: all .8s ease-in-out; transition: all .8s ease-in-out; } .solveProblem li:hover i{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)} .solveProblem li i:after { position: absolute; top: -2px; left: -2px; padding: 0; z-index: 10; display: none; width: 100%; height: 100%;border: 2px dashed #29bc6f; border-radius: 50%; content: ''; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .solveProblem li:hover i {border:2px solid transparent;} .solveProblem li:hover i:after {display: block;-webkit-animation: spinAround 9s linear infinite; -moz-animation: spinAround 9s linear infinite; animation: spinAround 9s linear infinite;} @-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); } } /********首页改版********/ /******dataTable*********/ .dataTableBanner{ width:100%; height:574px; background:#18c66e;} .dataTableBanner ul{ position:relative; width:1120px; height:574px; margin:0 auto;} .dataTableBanner ul li{ position:absolute;} .dataTableBanner ul li.l1{ left:14px; top:107px; animation:bounceInDown 1s ease 1 0s both; -webkit-animation:bounceInDown 1s ease 1 0s both;} .dataTableBanner ul li.l2{ right:-47px; top:77px;animation:bounceInRight 1s ease 1 0.5s both; -webkit-animation:bounceInRight 1s ease 1 0.5s both;} .dataTableBanner ul li.l3{ left:0; bottom:0;} .dataTitle h2{padding-bottom: 25px;} .userInfo{ padding-bottom: 148px;} .userInfo li{ float:left; width:33.33%;} .userInfo li.l1{ text-align:left;} .userInfo li.l2{ position:relative; text-align:center;} .userInfo li.l2 span{ position:absolute; display:block;} .userInfo li.l2 span.s1 { left: 237px; top: 21px;} .userInfo li.l2 span.s2 { left: 268px; top: 58px;} .userInfo li.l3{ text-align:right;} .userInfo section.active li.l1{animation:fadeInLeft 1.5s ease 1 0s both; -webkit-animation:fadeInLeft 1.5s ease 1 0s both} .userInfo section.active li.l2{animation:fadeIn 1.5s ease 1 0s both; -webkit-animation:fadeIn 1.5s ease 1 0s both} .userInfo section.active li.l3{animation:fadeInRight 1.5s ease 1 0s both; -webkit-animation:fadeInRight 1.5s ease 1 0s both} .userInfo section.active li span.s1{animation:zoomIn 1s ease infinite 0s both; -webkit-animation:zoomIn 1s ease infinite 0s both} .userInfo section.active li span.s2{animation:zoomIn 1.5s ease infinite 0s both; -webkit-animation:zoomIn 1.5s ease infinite 0s both} .userEquipment{position:relative; height:746px; background:url(/xiaochengxu/images/main/data/data_22.png); background-position: 15px 24px; } .userEquipment li{ position:absolute;} .userEquipment li.l1{ left:25px; top:300px;} .userEquipment li.l2{ right:104px; top:85px;} .userEquipment li.l3{ left: 125px; top: 485px;} .userEquipment li.l4{ right:15px; top: 357px;} .userEquipment.active li.l1{animation:fadeIn 1s ease 1 0s both; -webkit-animation:fadeIn 1s ease 1 0s both} .userEquipment.active li.l2{animation:fadeIn 1s ease 1 0.5s both; -webkit-animation:fadeIn 1.5s ease 1 0.5s both} .userEquipment.active li.l3{animation:fadeIn 1s ease 1 1s both; -webkit-animation:fadeIn 1s ease 1 1s both} .userEquipment.active li.l4{animation:fadeIn 1s ease 1 1.5s both; -webkit-animation:fadeIn 1s ease 1 1.5s both} .userGrade{ height:944px; background:url(/xiaochengxu/images/main/data1_56.png) center no-repeat} .userGrade ul{} .userGrade ul li{ position:absolute;} .userGrade ul li.l1{left:188px; top:728px;} .userGrade ul li.l2{left:43px; top:501px;} .userGrade ul li.l3{left:106px; top:193px;} .userGrade ul li.l4{left:450px; top:100px;} .userGrade ul li.l5{left:840px; top:116px;} .userGrade ul li.l6{left:900px; top:404px;} .userGrade ul li.l7{left:748px; top:671px;} .userGrade.active ul li:nth-child(1){animation:zoomIn 1s ease 1 0.3s both; -webkit-animation:fadeIn 1s ease 1 0.3s both} .userGrade.active ul li:nth-child(2){animation:zoomIn 1s ease 1 0.6s both; -webkit-animation:fadeIn 1s ease 1 0.6s both} .userGrade.active ul li:nth-child(3){animation:zoomIn 1s ease 1 0.9s both; -webkit-animation:fadeIn 1s ease 1 0.9s both} .userGrade.active ul li:nth-child(4){animation:zoomIn 1s ease 1 1.2s both; -webkit-animation:fadeIn 1s ease 1 1.2s both} .userGrade.active ul li:nth-child(5){animation:zoomIn 1s ease 1 1.5s both; -webkit-animation:fadeIn 1s ease 1 1.5s both} .userGrade.active ul li:nth-child(6){animation:zoomIn 1s ease 1 1.8s both; -webkit-animation:fadeIn 1s ease 1 1.8s both} .userGrade.active ul li:nth-child(7){animation:zoomIn 1s ease 1 2.1s both; -webkit-animation:fadeIn 1s ease 1 2.1s both} .userPreference{ padding-top: 30px; padding-bottom: 20px;} .titleH3{ width:258px; height:55px; margin:0 auto; font-size:24px; font-weight:normal; color:#fff; line-height:55px; text-align:center; background:#ffaf2e;} .userPreference li{ float:left; width:520px; height:500px; margin:20px; margin-bottom: 85px; text-align:center; background:#fff;} .userPreference li .titleH3{ margin-top:-18px; ;} .userPreference li.l1 .titleH3{ margin-bottom: 60px} .userPreference.active li:nth-child(1){animation:fadeInLeft 1s ease 1 0s both; -webkit-animation:fadeInLeft 1s ease 1 0s both} .userPreference.active li:nth-child(2){animation:fadeInRight 1s ease 1 0s both; -webkit-animation:fadeInRight 1s ease 1 0s both} .userPreference.active li:nth-child(3){animation:fadeInLeft 1s ease 1 0.5s both; -webkit-animation:fadeInLeft 1s ease 1 0.5s both} .userPreference.active li:nth-child(4){animation:fadeInRight 1s ease 1 0.5s both; -webkit-animation:fadeInRight 1s ease 1 0.5s both} .userBehavior{} .userBehavior ul{} .userBehavior ul>li{ float:left; width:50%;} .userBehavior ul>li.shopTime{ position:relative;} .userBehavior ul>li.shopTime .timeHr{ width:20px; height:1056px; margin-left: 178px; margin-top: 30px;display:block; background:url(/xiaochengxu/images/main/data_69.png);} .userBehavior ul>li.shopTime ol{ position: absolute; top: 179px; left: -21px; width: 100%;} .userBehavior ul>li.shopTime ol li{ height: 99px; margin-bottom: 37px; } .userBehavior ul>li.shopTime ol li div{ float: left; width:177px; height: 70px;text-align: right; margin-right:68px;} .userBehavior ul>li.shopTime ol li div h4{ font-size:24px; color:#000;} .userBehavior ul>li.shopTime ol li div p{ font-size:18px; color:#000;} .userBehavior ul>li.shopTime ol li span{ display: block; float: left; padding-left: 15px; margin-top: 11px; border-radius: 40px; width:200px; height:40px; line-height:40px; background:#1bcd75; color:#fff;font-size:20px;} .consumption li{ text-align:center;} .consumption li img{ margin-top:83px; } .userBehavior.active ul>li.shopTime ol li:nth-child(1){animation:fadeIn 1s ease 1 0s both; -webkit-animation:fadeIn 1s ease 1 0s both} .userBehavior.active ul>li.shopTime ol li:nth-child(2){animation:fadeIn 1s ease 1 0.3s both; -webkit-animation:fadeIn 1s ease 1 0.3s both} .userBehavior.active ul>li.shopTime ol li:nth-child(3){animation:fadeIn 1s ease 1 0.6s both; -webkit-animation:fadeIn 1s ease 1 0.6s both} .userBehavior.active ul>li.shopTime ol li:nth-child(4){animation:fadeIn 1s ease 1 0.9s both; -webkit-animation:fadeIn 1s ease 1 0.9s both} .userBehavior.active ul>li.shopTime ol li:nth-child(5){animation:fadeIn 1s ease 1 1.2s both; -webkit-animation:fadeIn 1s ease 1 1.2s both} .userBehavior.active ul>li.shopTime ol li:nth-child(6){animation:fadeIn 1s ease 1 1.5s both; -webkit-animation:fadeIn 1s ease 1 1.5s both} .userBehavior.active ul>li.shopTime ol li:nth-child(7){animation:fadeIn 1s ease 1 1.8s both; -webkit-animation:fadeIn 1s ease 1 1.8s both} .consumptionData{ padding:10px 20px; margin-bottom: 58px; background:#fff;} .consumptionData li{float:left; width:365px ; margin-left: 113px; line-height:76px; font-size:24px; color:#333; } .consumptionData li i{ width:40px; height:40px; margin-top:24px; margin-right: 23px; display:inline-block; vertical-align:top; background:url(/xiaochengxu/images/main/dataIcon.png);} .consumptionData li.l1 i{ background-position:-596px -17px;} .consumptionData li.l2 i{ background-position:-644px -17px;} .consumptionData li.l3 i{ background-position:-691px -17px;} .consumptionData li.l4 i{ background-position:-739px -17px;} .consumptionData li em{ font-size:32px; color:#ffaf2e;} .consumptionContrast{} .consumptionContrast li{ float:left; width:339px; height: 483px;margin:17px; margin-bottom: 110px; padding-bottom:30px; text-align:center; background:#fff;} .consumptionContrast li h3{ margin-top:-17px;} .consumptionContrast li img{ margin-top:20px;} .active .consumptionContrast li:nth-child(1){animation:fadeInLeft 1s ease 1 0s both; -webkit-animation:fadeInLeft 1s ease 1 0s both} .active .consumptionContrast li:nth-child(2){animation:fadeIn 1s ease 1 0s both; -webkit-animation:fadeIn 1s ease 1 0s both} .active .consumptionContrast li:nth-child(3){animation:fadeInRight 1s ease 1 0s both; -webkit-animation:fadeInRight 1s ease 1 0s both} .consumptionData li i,.twoIncrease ul>li ol li i{opacity: 1; -webkit-backface-visibility: hidden; -webkit-transition: all .8s ease-in-out; -moz-transition: all .8s ease-in-out; transition: all .8s ease-in-out;} .consumptionData li i:hover,.twoIncrease ul>li ol li i:hover{-webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg);} .twoIncrease{ padding-bottom: 167px;} .twoIncrease ul{} .twoIncrease ul>li{ float:left; width:50%;margin-top: 30px;} .twoIncrease ul>li ol{width:502px; margin: 0 auto; margin-top: 55px; border-bottom:1px solid #e6e6e6; border-left:1px solid #e6e6e6; } .twoIncrease ul>li ol li{ float:left; width:250px; height:212px;border-top:1px solid #e6e6e6;border-right:1px solid #e6e6e6; text-align:center;} .twoIncrease ul>li ol li i{ width:80px; height:80px; margin-top:50px; margin-bottom:14px; display:inline-block; background:url(/xiaochengxu/images/main/dataIcon.png);} .twoIncrease ul>li.l1 ol li.o1 i{ background-position:-8px -69px;} .twoIncrease ul>li.l1 ol li.o2 i{ background-position:-87px -69px;} .twoIncrease ul>li.l1 ol li.o3 i{ background-position:-166px -69px;} .twoIncrease ul>li.l1 ol li.o4 i{ background-position:-243px -68px;} .twoIncrease ul>li.l1 ol li.o5 i{ background-position:-322px -68px;} .twoIncrease ul>li.l1 ol li.o6 i{ background-position:-400px -68px;} .twoIncrease ul>li.l2 ol li.o1 i{ background-position:-477px -69px;} .twoIncrease ul>li.l2 ol li.o2 i{ background-position:-557px -69px;} .twoIncrease ul>li.l2 ol li.o3 i{ background-position:-634px -69px;} .twoIncrease ul>li.l2 ol li.o4 i{ background-position:-711px -68px;} .twoIncrease ul>li.l2 ol li.o5 i{ background-position:-791px -68px;} .twoIncrease ul>li.l2 ol li.o6 i{ background-position:-870px -68px;} .twoIncrease ul>li ol li p{ font-size:24px; color:#333333;} .navigationList{ z-index: 9; position:fixed; left:50px;top:50%; width:180px; height:552px; margin-top:-275px;*opacity:0; border:1px solid #e6e6e6; border-bottom:0; background:#fff; } .navigationList.active{ top:50%; margin-top:-276px} .navigationList li{ border-bottom:1px solid #e6e6e6; cursor:pointer;} .navigationList li a{ padding:15px; height:48px; display:block;} .navigationList li.active,.navigationList li:hover{ background:#18c66e; } .navigationList li.active p,.navigationList li:hover p{color:#fff;} .navigationList li i{width:35px; height:35px; margin-top: 4px; display:inline-block;*display:inline;*zoom:1; vertical-align:top; background:url(/xiaochengxu/images/main/dataIcon.png);} .navigationList li.active i{animation:wobble 1s ease 1 0s both; -webkit-animation:wobble 1s ease 1 0s both} .navigationList li.l1 i{ background-position:-311px -20px;} .navigationList li.l2 i{ background-position:-350px -19px;} .navigationList li.l3 i{ background-position:-389px -22px;} .navigationList li.l4 i{ background-position:-429px -19px;} .navigationList li.l5 i{ background-position:-467px -19px;} .navigationList li.l6 i{ background-position:-506px -19px;} .navigationList li.l7 i{ background-position:-546px -19px;} .closeData{ position:absolute; top:-35px; right:0; width:26px; height:26px; background:url(/xiaochengxu/images/main/dataIcon.png); background-position:-797px -26px; cursor:pointer;} .closeData em{position: absolute; top: 25px; left: 13px; width:1px; height:10px; display:inline-block; background:#e6e6e6;} .navigationList li.active.l1 i,.navigationList li.l1:hover i{ background-position:-21px -20px;} .navigationList li.active.l2 i,.navigationList li.l2:hover i{ background-position:-60px -19px;} .navigationList li.active.l3 i,.navigationList li.l3:hover i{ background-position:-99px -22px;} .navigationList li.active.l4 i,.navigationList li.l4:hover i{ background-position:-139px -19px;} .navigationList li.active.l5 i,.navigationList li.l5:hover i{ background-position:-177px -19px;} .navigationList li.active.l6 i,.navigationList li.l6:hover i{ background-position:-216px -19px;} .navigationList li.active.l7 i,.navigationList li.l7:hover i{ background-position:-256px -19px;} .navigationList li p{ width: 100px; margin-left: 10px; line-height: 39px;display:inline-block;*display:inline;*zoom:1; font-size:16px; color:#333333;} span.navigationListClose{ left: 0;position: fixed; z-index: 9;text-align: center; display:none; width: 26px; padding: 12px 6px; top: 50%; margin-top: -50px; border-radius: 0 5px 5px 0 ; line-height: 17px;background:#00ca80; color: #fff; font-size: 16px;cursor:pointer;} span.navigationListClose a{ color:#fff;} span.navigationListClose i{ width:22px; height:22px; background:url(/xiaochengxu/images/main/dataIcon.png); background-position:-837px -26px ;margin-bottom: 4px; display: inline-block;*display: inline;*zoom:1;} /******dataTable*********/ /*******hotel*********/ .hotelAside{ width:160px; height: 492px;} .hotelAside .closeData{background:url(/xiaochengxu/images/main/hotel.png);background-position:-18px -469px;} .hotelAside li:hover,.hotelAside li.active{background:#87ce4c;} .hotelAside li a{ padding:5px; height:30px;} .hotelAside li i{ width:20px; height:20px; margin-right:5px; background:url(/xiaochengxu/images/main/hotel.png);} .hotelAside li p{ width:113px; margin-left:5px; font-size: 14px; line-height: 30px; } .hotelAside li.l1 i{background-position:-19px -514px;width: 26px;} .hotelAside li.l2 i{background-position:-47px -514px;width: 26px;} .hotelAside li.l3 i{background-position:-73px -514px;width: 26px;} .hotelAside li.l4 i{background-position:-101px -514px;width: 26px;} .hotelAside li.l5 i{background-position:-130px -514px;width: 26px;} .hotelAside li.l6 i{background-position:-156px -514px;width: 26px;} .hotelAside li.l7 i{background-position:-184px -514px;width: 26px;} .hotelAside li.l8 i{background-position:-211px -514px;width: 26px;} .hotelAside li.l9 i{background-position: -238px -512px; height: 26px; width: 26px;} .hotelAside li.l10 i{background-position:-267px -514px;width: 26px;} .hotelAside li.l11 i{background-position: -294px -514px; height: 22px; width: 26px;} .hotelAside li.l12 i{background-position: -321px -514px; height: 22px; width: 26px;} .hotelAside li.l1:hover i,.hotelAside li.active.l1 i{background-position:-19px -549px;} .hotelAside li.l2:hover i,.hotelAside li.active.l2 i{background-position:-47px -549px;} .hotelAside li.l3:hover i,.hotelAside li.active.l3 i{background-position:-73px -549px;} .hotelAside li.l4:hover i,.hotelAside li.active.l4 i{background-position:-101px -549px;} .hotelAside li.l5:hover i,.hotelAside li.active.l5 i{background-position:-130px -549px;} .hotelAside li.l6:hover i,.hotelAside li.active.l6 i{background-position:-156px -549px;} .hotelAside li.l7:hover i,.hotelAside li.active.l7 i{background-position:-184px -549px;} .hotelAside li.l8:hover i,.hotelAside li.active.l8 i{background-position:-211px -549px;} .hotelAside li.l9:hover i,.hotelAside li.active.l9 i{background-position:-238px -545px;} .hotelAside li.l10:hover i,.hotelAside li.active.l10 i{background-position:-267px -549px;} .hotelAside li.l11:hover i,.hotelAside li.active.l11 i{background-position:-294px -549px;} .hotelAside li.l12:hover i,.hotelAside li.active.l12 i{background-position:-321px -547px;} .hotelSupport{border-top: 2px solid #f3f6ff;margin-top: 80px;padding-top: 10px;} span.hotelClose{background:#87ce4c;} .hotelBanner{ width: 100%;height:574px;background:#89d44a;overflow: hidden;} .hotelBanner ul{position:relative;height:574px;width:1120px;margin:0 auto;} .hotelBanner ul .l1{position:absolute;left:167px;top:156px;animation: bounceIn 1s ease 1 0s both;-webkit-animation: bounceIn 1s ease 1 0s both;} .hotelBanner ul .l2{position:absolute;left:-93px;right:-93px;bottom:0px;animation: bounceInUp 1s ease 1 0s both;-webkit-animation: bounceInUp 1s ease 1 0s both;} .article{} .article .titleBorder{padding:50px 0;text-align:center;} .article .titleBorder h2{color:#333;font-size:40px;} .article .titleBorder i{width:70px;height:2px;margin:0 auto;margin-top:16px;display: block;background:#000;} .hotelSolve{margin-top: 10px;margin-bottom: 60px;} .hotelSolve li{float:left;width:315px;height:300px;margin: 0 27px;margin-bottom: 30px;text-align:center;} .hotelSolve li a{width:100%;height:100%;display:inline-block;} .hotelSolve li:hover{box-shadow: 0 0 15px #f0f0f0;} .hotelSolve li i{width:140px;height:140px;margin-top: 20px;display:inline-block;background:url(/xiaochengxu/images/main/hotel.png);} .hotelSolve li:hover i{animation: bounce 1s ease 1 0s both;-webkit-animation: bounce 1s ease 1 0s both;} .hotelSolve li.c1 i{background-position:0 0;} .hotelSolve li.c2 i{background-position:-184px 0;} .hotelSolve li.c3 i{background-position:-355px 0;} .hotelSolve li.c4 i{background-position:-13px -126px;} .hotelSolve li.c5 i{background-position:-183px -126px;} .hotelSolve li.c6 i{background-position:-363px -126px;} .hotelSolve li h3{margin-bottom: 10px;font-size:20px;font-weight:normal;color:#333;line-height:40px;} .hotelSolve li p{width:310px;margin:0 auto;font-size:14px;font-weight:normal;color:#999;line-height:22px;} .hotelBusiness{width:100%;height:949px;background:url(/xiaochengxu/images/main/hotel_11.png) center;} .hotelBusiness.article .titleBorder{padding-top:80px;} .hotelCharacteristic{width:1140px;margin: 0 auto;margin-top: 10px;position:relative;} .hotelCharacteristic dd{display:none;} .hotelTitle{position: absolute;left: 630px;bottom:10px;width:140px;} .hotelTitle span{width:54px;height:25px;margin-right:8px;display:inline-block;background:#87ce4c url(/xiaochengxu/images/main/hotel.png) -80px -470px;cursor: pointer;} .hotelTitle span.next{background-position:-120px -470px;} .hotelTitle span.active{background-color:#d7d7d7;} .hotelCharacteristic .hotelImg{float:left;width:473px;height:468px;margin-left:-152px;margin-right: 40px;background:url(/xiaochengxu/images/main/hotel.png);background-position:-487px 0;} .hotelCharacteristic .hotelList{float:left;width:778px;} .hotelCharacteristic .hotelList li{float:left;width:388px;height:135px;} .hotelCharacteristic .hotelList li:hover{box-shadow:0 0 15px #f0f0f0;;} .hotelCharacteristic .hotelList li:hover i{animation: pulse 1s ease 1 0s both;-webkit-animation: pulse 1s ease 1 0s both;} .hotelCharacteristic .hotelList li i{float:left;width:70px;height:70px;margin-left:15px;display:block;margin-top:30px;margin-top: 28px;background:url(/xiaochengxu/images/main/hotel.png);} .hotelCharacteristic .hotelList li.l1 i{background-position:-9px -276px;} .hotelCharacteristic .hotelList li.l2 i{background-position:-91px -276px;} .hotelCharacteristic .hotelList li.l3 i{background-position:-173px -276px;} .hotelCharacteristic .hotelList li.l4 i{background-position:-253px -276px;} .hotelCharacteristic .hotelList li.l5 i{background-position:-335px -276px;} .hotelCharacteristic .hotelList li.l6 i{background-position:-416px -276px;} .hotelCharacteristic .hotelList li.l7 i{background-position:-12px -368px;} .hotelCharacteristic .hotelList li.l8 i{background-position:-91px -368px;} .hotelCharacteristic .hotelList li.l9 i{background-position:-170px -368px;width:74px;margin-left:11px;} .hotelCharacteristic .hotelList li.l10 i{background-position:-253px -368px;} .hotelCharacteristic .hotelList li.l11 i{background-position:-335px -368px;} .hotelCharacteristic .hotelList li.l12 i{background-position:-416px -368px;} .hotelCharacteristic .hotelList li .hotelInfo{float:left;width:273px;margin-left:10px;margin-top: 30px;} .hotelCharacteristic .hotelList li .hotelInfo h3{font-size:20px;color:#333333;line-height:30px;} .hotelCharacteristic .hotelList li .hotelInfo p{font-size:14px;color:#999999;line-height:23px;} .borderTop{border-top:1px solid #eeeeee;} .depthList{margin-top: 70px;margin-bottom: 105px;padding-top: 10px;} .depthList li{float:left;width:330px;height:290px;margin:0 21px;text-align:center;} .depthList li:hover{box-shadow:0 0 15px #f0f0f0;} .depthList li i{width:85px;height:85px;margin-top:66px;display:inline-block;background:url('/xiaochengxu/images/main/hotel.png');} .depthList li i{-webkit-transition: all .8s ease-in-out; -moz-transition: all .8s ease-in-out; transition: all .8s ease-in-out; } .depthList li:hover i{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)} .depthList li:nth-child(1) i{background-position:-413px -513px;} .depthList li:nth-child(2) i{background-position:-543px -513px;} .depthList li:nth-child(3) i{background-position:-670px -513px;} .depthList li h3{ margin-top: 10px;font-size:20px;color:#333333;} .depthList li p{margin-top:10px;font-size:14px;color:#999999;} .flowConversion{} .flowConversionTable{margin-top:80px; margin-bottom:100px;} .flowConversionTable>li{ display:none;} .flowConversionTable .flowInfo{float:left;width:522px;} .flowConversionTable .flowInfo h3{font-size:35px;line-height:40px;color:#51b33a;} .flowConversionTable .flowInfo h3 i{width:40px;height:40px;margin-right:18px;display: inline-block;vertical-align:top;color:#fff;text-align:center;line-height:40px;background:#51b33a;} .flowConversionTable .flowInfo h4{margin-top:32px;font-size:30px;color:#0f0f0f;} .flowConversionTable .flowInfo h4 i{width:13px;height:13px;vertical-align: top;margin-top: 14px;margin-right: 10px;display:inline-block;border:1px solid #51b33a;border-radius:50%;} .flowConversionTable .flowInfo p{width:419px;margin-top:36px;font-size:24px;color:#999999;line-height:45px;} .flowConversionTable .f2 .flowInfo p{width: 490px;} .flowConversionTable .f3 .flowInfo p{width: 461px;margin-top: 16px;padding-left:20px;} .flowConversionTable .f4 .flowInfo p{width: 100%;margin-top: 16px;} .flowConversionTable .f5 .flowInfo{width: 626px;} .flowConversionTable .f6 .flowInfo{width: 100%;} .flowConversionTable .f5 .flowInfo p{width: 626px;margin-top: 16px;} .flowConversionTable .flowImg{float:left;} .flowConversionTable .f2 .flowImg{ margin-left: -42px;margin-top: -38px;} .flowConversionTable .f3 .flowImg{margin-top: 15px;} .flowConversionTable .f4 .flowImg{margin-top: -53px;} .flowConversionTable .f6 .flowImg{width:100%;margin-top: 53px;text-align: center;} .newMarketing{} .newMarketing .supportList{} .newMarketing .supportList li{width:33.33%;} .radioSystem .supportList li{width: 225px;} .newMarketingTable{} .newMarketingTable .flowInfo{float: right;width: 374px;} .newMarketingTable .f1 .flowInfo{ width: 474px;} .newMarketingTable .f1 .flowInfo p{ width: 100%;} .newMarketingTable .f2 .flowInfo{width: 531px;} .newMarketingTable .f3 .flowInfo{width: 476px;} .newMarketingTable .f3 .flowInfo p{width:480px;padding:0;} .newMarketingTable .flowInfo h4{margin-top: 39px;font-size:24px;color:#0f0f0f;} .newMarketingTable .flowInfo h5{margin-top: 37px;margin-bottom: 5px;font-size:24px;color:#0f0f0f;} .newMarketingTable .flowInfo p{margin-top:0;} .newMarketingTable .f3 .flowImg{margin-top:-10px;margin-left:-40px;} .storeChainTable .f1 .flowInfo{margin-top:50px;} .storeChainTable .f3 .flowInfo{width:592px;} .storeChainTable .f3 .flowInfo p{width: 472px;padding:0;} .storeChainTable .f1 .flowImg{margin-top:-50px;} .storeChainTable .f2 .flowImg{width: 598px;text-align: right;} .storeChainTable .f3 .flowImg{width: 525px;margin-top: -30px;text-align: right;} .radioSystemTable{} .radioSystemTable .f1 .flowInfo{width: 408px;margin-top: 97px;} .radioSystemTable .f1 .flowInfo h3{line-height: 50px;} .radioSystemTable .f1 .flowInfo h3 i{margin-top: 7px;} .radioSystemTable .f2 .flowInfo{width: 396px;margin-top: 113px;} .radioSystemTable .f3 .flowInfo{margin-top: 90px;} .radioSystemTable .f4 .flowInfo{margin-top: 60px; width: 490px;} .radioSystemTable .f5 .flowInfo{width: 451px;margin-top: 140px;} .radioSystemTable .f5 .flowInfo p{width: 100%;} .radioSystemTable .f2 .flowImg{margin:0;} .radioSystemTable .f3 .flowImg{margin:0;} .radioSystemTable .f4 .flowImg{margin:0;} .industrySchemeList{ width: 1024px; margin-top: 65px; padding-bottom: 0;} .industrySchemeList li{ text-align:center; position:relative; float:left; width:220px; height:204px; background:#fff; border:0; margin:0 18px; margin-bottom:33px;} .industrySchemeList li .industry{ width:100%; margin-top:40px; } .industrySchemeList li .industry p{ margin-top: 10px; color:#9d9d9d; font-size:22px;} .industrySchemeList li .industry i{ display:inline-block; width:90px; height:80px; background:url('/xiaochengxu/images/main/yingyongICon.png');} .industrySchemeList li .industry:hover i{-webkit-animation: tada 1s 0s 1 linear both; animation: tada 1s 0s 1 linear both;} .industrySchemeList li:hover{ background:#44b549; box-shadow: 0 0 15px #44b549;} .industrySchemeList li:hover p{ color:#fff;} .industrySchemeList li.l1 .industry i{ background-position:8px -89px} .industrySchemeList li.l2 .industry i{ background-position:-72px -89px;} .industrySchemeList li.l3 .industry i{ background-position:-148px -89px} .industrySchemeList li.l4 .industry i{ background-position:-231px -89px; width:70px;} .industrySchemeList li.l5 .industry i{ background-position:-299px -89px; width: 90px;} .industrySchemeList li.l6 .industry i{ background-position:-384px -89px;width:70px;} .industrySchemeList li.l7 .industry i{ background-position:-450px -89px;} .industrySchemeList li.l8 .industry i{ background-position:-528px -84px;} .industrySchemeList li:hover.l1 .industry i{ background-position:8px -167px} .industrySchemeList li:hover.l2 .industry i{ background-position:-72px -167px;} .industrySchemeList li:hover.l3 .industry i{ background-position:-148px -167px} .industrySchemeList li:hover.l4 .industry i{ background-position:-231px -167px; width:70px;} .industrySchemeList li:hover.l5 .industry i{ background-position:-299px -167px;} .industrySchemeList li:hover.l6 .industry i{ background-position:-384px -167px;width:70px;} .industrySchemeList li:hover.l7 .industry i{ background-position:-450px -167px;} .industrySchemeList li:hover.l8 .industry i{ background-position:-528px -162px;} /*******hotel*********/ /*******scenic********/ .scenicBanner{height:574px;background:#f8fcf7;overflow: hidden;} .scenicBanner ul{position:relative;height:574px;width:1120px;margin:0 auto;} .scenicBanner ul .l1{position:absolute;left:308px;top:147px;animation: slideInDown 1.5 ease 1 0s both;-webkit-animation: slideInDown 1.5s ease 1 0s both;} .scenicBanner ul .l2{position:absolute;left:-402px;right:-402px;bottom:0px;animation: slideInUp 1.5s ease 1 0s both;-webkit-animation: slideInUp 1.5s ease 1 0s both;} .scenicBanner ul .l3{position:absolute;left:-32px;top:152px;animation: fadeInRightBig 10s linear infinite 0s both;-webkit-animation: fadeInRightBig 10s linear infinite 0s both;} .scenicBanner ul .l4{position:absolute;right:-202px;top:232px;animation: bounceInUp 1s ease 1 0s both;-webkit-animation: bounceInUp 1s ease 1 0s both;} .scenicProblemList{ margin-bottom: 80px;} .scenicProblemList.article .titleBorder h2{ padding-top:10px;} .scenicProblemList ul{} .scenicProblemList ul li{ float:left; width:310px; height:292px; margin:10px 31px; text-align:center;} .scenicProblemList ul li i{ width:85px; height:90px; margin:36px 0 10px 0; display:inline-block; vertical-align:top; background:url(/xiaochengxu/images/main/scenic.png);} .scenicProblemList ul li:hover i{ animation: pulse 1s ease 1 0s both;-webkit-animation: pulse 1s ease 1 0s both;} .scenicProblemList ul li.l1 i{ background-position:-5px -11px;width:70px;} .scenicProblemList ul li.l2 i{ background-position:-83px -11px;} .scenicProblemList ul li.l3 i{ background-position:-158px -11px; width: 78px;} .scenicProblemList ul li.l4 i{ background-position:-238px -11px;} .scenicProblemList ul li.l5 i{ background-position:-337px -11px; width: 50px;} .scenicProblemList ul li.l6 i{ background-position:-402px -11px;} .scenicProblemList ul li.l1:hover i{ background-position:-479px -11px;} .scenicProblemList ul li.l2:hover i{ background-position:-557px -11px;} .scenicProblemList ul li.l3:hover i{ background-position:-632px -11px;} .scenicProblemList ul li.l4:hover i{ background-position:-713px -11px;} .scenicProblemList ul li.l5:hover i{ background-position:-811px -11px;} .scenicProblemList ul li.l6:hover i{ background-position:-876px -11px;} .scenicProblemList ul li h3{ font-size:20px; color:#333333; line-height:33px;} .scenicProblemList ul li p{ padding:0 10px; font-size:14px; color:#999999; line-height:20px;} .scenicProblemList ul li:hover{ box-shadow:0 0 15px #f1f1f1;} .scenicService{ width:100%; height:941px; background:url('/xiaochengxu/images/main/scenic_17.png') center;} .scenicFeature{} .scenicFeature ol>li{ float:left; width:49%;} .scenicFeature ol>li.o1{border-right:1px solid #efefef;} .scenicFeature ol>li li{ width:420px; height:135px; margin:0 70px 20px 70px ;} .scenicFeature ol>li li i{ float:left; width:60px; height:60px; margin:20px 30px;background:url('/xiaochengxu/images/main/scenic.png');} .scenicFeature ol>li li:hover i{ animation: flash 1s ease 1 0s both;-webkit-animation: flash 1s ease 1 0s both;} .scenicFeature ol>li.o1 li.l1 i{ background-position:-10px -128px;} .scenicFeature ol>li.o1 li.l2 i{ background-position:-132px -128px;} .scenicFeature ol>li.o1 li.l3 i{ background-position:-256px -128px;} .scenicFeature ol>li.o1 li.l4 i{ background-position:-379px -128px;} .scenicFeature ol>li.o2 li.l1 i{ background-position:-72px -128px;} .scenicFeature ol>li.o2 li.l2 i{ background-position:-195px -128px;} .scenicFeature ol>li.o2 li.l3 i{ background-position:-316px -128px;} .scenicFeature ol>li.o2 li.l4 i{ background-position:-440px -128px;} .scenicFeature ol>li li div { float:left; width:280px; } .scenicFeature ol>li li div h3{ font-size:20px; color:#333333; margin-top: 20px; margin-bottom:8px;} .scenicFeature ol>li li div p{font-size:14px; color:#999999; line-height:25px;} .scenicFeature ol>li li:hover{ box-shadow:0 0 15px #f1f1f1;} .scenicSales{ position:relative; background:#f5f5f5; padding-bottom: 120px;} .scenicSales .titleBorder{ position:relative; margin-top: 50px; margin-bottom: 10px;} .scenicSales.article .titleBorder h2{ color:#fff;} .scenicSales.article .titleBorder i{ background:#fff;} .scenicBg{ position:absolute; left:0; top:0; width:100%; height:470px; background:url('/xiaochengxu/images/main/scenic_19.png') fixed;} .scenicSales ul{ position:relative;} .scenicSales ul li{ float:left; width:351px; height:384px; background:#fff; margin:0 10px; border:1px solid #e6e6e6; text-align:center;} .scenicSales ul li i{ width:100px; height:100px;margin: 80px 0 20px 0; display:inline-block; vertical-align:top; background:url('/xiaochengxu/images/main/scenic.png');} .scenicSales ul li:hover i{ animation: bounce 1s ease 1 0s both;-webkit-animation: bounce 1s ease 1 0s both;} .scenicSales ul li.l1{ border-bottom:2px solid #51b33a;} .scenicSales ul li.l2{ border-bottom:2px solid #00b1af;} .scenicSales ul li.l3{ border-bottom:2px solid #1b77d5;} .scenicSales ul li.l1 i{ background-position:-556px -110px;} .scenicSales ul li.l2 i{ background-position:-668px -110px;} .scenicSales ul li.l3 i{ background-position:-779px -110px;} .scenicSales ul li h3{ font-size:30px;color:#333333; margin-bottom:20px;} .scenicSales ul li p{ font-size:14px;color:#999999; line-height: 22px; padding: 0 25px;} .scenicSystem.radioSystem .supportList li { width: 283px;} .scenicAside{ height: 451px;} .scenicAside li p{width: 113px; margin-left: 0;} .scenicAside li i{ width:26px; margin-right: 0px;} .scenicAside li.l2 i{ background:url('/xiaochengxu/images/main/scenic.png');background-position:-49px -217px;} .scenicAside li.l3 i{ background:url('/xiaochengxu/images/main/scenic.png');background-position:-81px -217px;} .scenicAside li.l4 i{ background:url('/xiaochengxu/images/main/scenic.png');background-position:-109px -214px;height: 26px; width:26px;} .scenicAside li.l5 i{ background:url('/xiaochengxu/images/main/scenic.png');background-position:-142px -216px;} .scenicAside li.l2.active i,.scenicAside li.l2:hover i{background-position:-428px -217px;} .scenicAside li.l3.active i,.scenicAside li.l3:hover i{background-position:-461px -217px;} .scenicAside li.l4.active i,.scenicAside li.l4:hover i{background-position:-492px -214px;} .scenicAside li.l5.active i,.scenicAside li.l5:hover i{background-position:-522px -216px;} /*******scenic********/ /*******ktv********/ .ktvBanner{ position:relative; height:574px; background:url('/xiaochengxu/images/main/ktvBg_03.png') center;} .ktvBanner .l1{ position:absolute; left: 254px; top: 138px;animation: zoomInDown 2s ease 1 0s both;-webkit-animation: zoomInDown 2s ease 1 0s both;} .ktvBanner .l2{ position:absolute; left: 33px; top: 237px;animation: zoomIn 2s ease 1 1s both;-webkit-animation: zoomIn 2s ease 1 1s both;} .ktvSolve{} .ktvSolve li i{ background:url('/xiaochengxu/images/main/ktv.png');} .ktvSolve li.c1 i{ background-position:6px 0;} .ktvSolve li.c2 i{ background-position:-141px 0;} .ktvSolve li.c3 i{ background-position:-256px 0;} .ktvSolve li.c4 i{ background-position:-423px 0;} .ktvSolve li.c5 i{ background-position:-574px 0;} .ktvSolve li.c6 i{ background-position:-708px 0;} .ktvBusiness{ height:800px;} .ktvBusiness>p{ width:1120px; height:710px; margin:0 auto; margin-top:83px; border-radius:5px; background:#fff; box-shadow:0 0 15px #ABABAB; border:1px solid #ababab\9; text-align:center;} .ktvFeature{ position:relative; padding-top:170px;} .borderSpan{ display:block; position:absolute;left:0; width: 100%; top: 712px; height: 1px; background:#eeeeee; } .ktvFeature ul{} .ktvFeature ul.ktvFeatureList >li{ display:none;} .ktvFeature ul li ol{ width:1120px; margin:0 auto;} .ktvFeature ul li ol li{float:left; width:242px; height:264px; text-align:center; margin: 70px 19px;} .ktvFeature ul li ol li:hover{box-shadow:0 0 15px #f1f1f1;} .ktvFeature ul li ol li i{ width:40px;height:40px; margin-top:67px; margin-bottom:40px; display:inline-block; background:url('/xiaochengxu/images/main/ktv.png');} .ktvFeature ul li ol li i{-webkit-transition: all .8s ease-in-out; -moz-transition: all .8s ease-in-out; transition: all .8s ease-in-out; } .ktvFeature ul li ol li:hover i{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)} .ktvFeature ul li ol li h3{font-size:20px; color:#333; margin-bottom:20px;} .ktvFeature ul li ol li p{font-size:12px; color:#999999; line-height:20px; padding:0 12px;} .ktvFeature ul li.l1 ol li.o1 i{background-position:-22px -158px;} .ktvFeature ul li.l1 ol li.o2 i{background-position:-72px -158px;} .ktvFeature ul li.l1 ol li.o3 i{background-position:-124px -158px;} .ktvFeature ul li.l1 ol li.o4 i{background-position:-175px -158px;} .ktvFeature ul li.l1 ol li.o5 i{background-position:-226px -158px;} .ktvFeature ul li.l1 ol li.o6 i{background-position:-277px -159px;} .ktvFeature ul li.l1 ol li.o7 i{background-position:-328px -158px;} .ktvFeature ul li.l1 ol li.o8 i{background-position:-379px -156px;} .ktvFeature ul li.l2 ol li.o1 i{background-position:-430px -155px; height: 44px;} .ktvFeature ul li.l2 ol li.o2 i{background-position: -481px -156px; height: 44px;} .ktvFeature ul li.l2 ol li.o3 i{background-position:-532px -158px;} .ktvFeature ul li.l2 ol li.o4 i{background-position:-583px -158px;} .ktvFeature ul li.l2 ol li.o5 i{background-position:-634px -158px;} .ktvFeature ul li.l2 ol li.o6 i{background-position:-685px -158px;} .ktvFeature ul li.l2 ol li.o7 i{background-position:-735px -158px;} .ktvFeature ul li.l2 ol li.o8 i{background-position:-787px -158px;} .ktvSopt{ width:1120px; margin:0 auto; margin-bottom:30px; text-align:center;} .ktvSopt li{ width:10px; height:10px; margin:0 5px; display:inline-block; background:#12bbb9; border-radius:10px;} .ktvSopt li.active{ width:66px;} .ktvBg{ background:url('/xiaochengxu/images/main/ktv_03.png');} .ktvAside{ width: 206px; height: 410px;} .ktvAside li p { width: 155px;} .ktvAside li.l4 i{background: url(/xiaochengxu/images/main/hotel.png);background-position: -101px -514px;} .ktvAside li.l4:hover i, .ktvAside li.active.l4 i { background-position: -101px -549px;} /*******ktv********/ /*******home********/ .homeBanner{ background:url('/xiaochengxu/images/main/homeBg_07.png'); overflow: hidden;} .homeBanner .l1{ left: 37px; top: 140px;animation: fadeInLeft 2s ease 1 0s both;-webkit-animation: fadeInLeft 2s ease 1 0s both;} .homeBanner .l2{ left: 170px; top: 151px;animation: fadeInUp 2s ease 1 1s both;-webkit-animation: fadeInUp 2s ease 1 1s both;} .homeProgramme{} .homeProgramme ul{ margin-bottom: 30px;} .homeProgramme ul li{ float:left; width:310px; height:280px; margin:20px 31px; text-align:center;} .homeProgramme ul li:hover{ box-shadow:0 0 15px #f1f1f1;} .homeProgramme ul li:hover i{animation: bounce 1s ease 1 0s both;-webkit-animation: bounce 1s ease 1 0s both;} .homeProgramme ul li i{ width:60px; height:60px; display:inline-block; margin-top: 60px; margin-bottom: 16px;background:url('/xiaochengxu/images/main/home.png');} .homeProgramme ul li.l1 i{background-position:-17px -4px;} .homeProgramme ul li.l2 i{background-position:-79px -4px;} .homeProgramme ul li.l3 i{background-position:-136px -4px;} .homeProgramme ul li.l4 i{background-position:-196px -4px;} .homeProgramme ul li.l5 i{background-position:-254px -4px;} .homeProgramme ul li.l6 i{background-position:-314px -4px;} .homeProgramme ul li.l1:hover i{background-position:-17px -62px;} .homeProgramme ul li.l2:hover i{background-position:-79px -62px;} .homeProgramme ul li.l3:hover i{background-position:-136px -62px;} .homeProgramme ul li.l4:hover i{background-position:-196px -62px;} .homeProgramme ul li.l5:hover i{background-position:-254px -62px;} .homeProgramme ul li.l6:hover i{background-position:-314px -62px;} .homeProgramme ul li h3{ font-size:18px; color:#333333; margin-bottom:20px;} .homeProgramme ul li:hover h3{ color:#8ed166;} .homeProgramme ul li p{ font-size:12px; color:#999999; line-height:22px; padding:0 16px;} .homeFeature{ height:800px;} .featureBorder{ position:absolute; left:58px; top: 375px; width:1000px; height:1px; border-top:1px dashed #eeeeee;} .homeFeature ul{ position:relative; height:750px; box-shadow:0 0 15px #B9B7B7; border:1px solid #ababab\9; background:#fff; border-radius:5px;} .homeFeature ul li:hover{ box-shadow:none;} .homeFeature ul li{ margin:47px 31px;} .homeFeature ul li.l1 i,.homeFeature ul li.l1:hover i{background-position:-8px -123px;} .homeFeature ul li.l2 i,.homeFeature ul li.l2:hover i{background-position:-62px -123px;} .homeFeature ul li.l3 i,.homeFeature ul li.l3:hover i{background-position:-110px -123px;} .homeFeature ul li.l4 i,.homeFeature ul li.l4:hover i{background-position:-165px -123px;} .homeFeature ul li.l5 i,.homeFeature ul li.l5:hover i{background-position:-219px -123px;width: 55px;} .homeFeature ul li.l6 i,.homeFeature ul li.l6:hover i{background-position:-269px -123px;} .homeFeature ul li:hover i{animation: pulse 1s ease 1 0s both;-webkit-animation: pulse 1s ease 1 0s both;} .homeSupport{border: 0; margin-top: 150px;} .homeAside{ height:164px; margin-top:-80px;} .homeAside li.l2 i {background: url('/xiaochengxu/images/main/home.png'); background-position: -338px -142px;} .homeAside li.l2:hover i ,.homeAside li.l2.active i {background-position: -338px -168px;} /*******home********/ /*******seven********/ .radioSystemTable .f2 .flowInfo { margin-right: 40px;} .buildingAisde{ height:369px; margin-top: -183px;} .buildingAisde li.l2 i { background: url('/xiaochengxu/images/main/main/seven.png'); background-position: -723px -37px;} .buildingAisde li.l2.active i, .buildingAisde li.l2:hover i { background-position:-840px -37px;} /*.buildingAisde li.l7 i { background: url('images/even.png'); background-position: -783px -37px;} .buildingAisde li.l7.active i, .buildingAisde li.l7:hover i { background-position:-899px -37px;}*/ .sevenBanner{position: relative; height: 574px; /*overflow:hidden;*/} .sevenBanner ul{ height:574px;overflow:hidden;} .sevenBanner li{ position: absolute;} .buildingBanner{ background:url('/xiaochengxu/images/main/seven1_08.png');} .buildingBanner li.l1{ left:294px; top:123px;animation: fadeInDown 1s ease 1 0s both;-webkit-animation: fadeInDown 1s ease 1 0s both;} .buildingBanner li.l2{ left:263px; top:254px;animation: fadeInUp 1s ease 1 0.3s both;-webkit-animation: fadeInUp 1s ease 1 0.3s both;} .buildingSolve { margin-bottom:20px;} .buildingSolve li.c2 i{background:url('/xiaochengxu/images/main/seven.png'); background-position:-1061px -96px;} .buildingSolve li.c3 i { background: url('/xiaochengxu/images/main/seven.png'); background-position: -1186px -96px;} .sevenMember{ padding-bottom: 140px; padding-top: 40px;} .sevenMember ul li ol li{margin: 5px 19px;} .sevenMember ul li ol li i{background: url('/xiaochengxu/images/main/seven.png'); } .sevenMember ul li.l1 ol li.o1 i { background-position: -39px -25px;} .sevenMember ul li.l1 ol li.o2 i { background-position: -107px -25px; width: 42px;} .sevenMember ul li.l1 ol li.o3 i { background-position: -168px -25px; width: 60px;} .sevenMember ul li.l1 ol li.o4 i { background-position: -247px -25px; width: 42px;} .sevenMember ul li.l1 ol li.o5 i { background-position: -314px -25px; } .sevenMember ul li.l1 ol li.o6 i { background-position: -382px -19px; width: 50px; height: 50px;} .sevenMember ul li.l1 ol li.o7 i { background-position: -454px -25px;} .sevenMember ul li.l1 ol li.o8 i { background-position: -522px -20px; width: 50px; height: 50px;} .sevenMember ul li.l1 ol li.o6 h3,.sevenMember ul li.l1 ol li.o8 h3{ margin-top: -6px;} .sevenFeature{ padding-top: 50px;} .sevenFeature .titleBorder{ padding-bottom:0;} .sevenFeature .borderSpan{ top: 635px; background:none; border-bottom:1px dashed #e6e6e6;} .sevenFeature .borderSpan.s1{ top: 505px;} .sevenFeature .borderSpan.s2{ top: 836px;} .sevenFeature .borderSpan.s3{ top: 1170px;} .sevenFeature ul li ol li{ margin: 35px 19px;} .sevenSales{ margin-top: 60px; background:none;} .sevenSales.article .titleBorder h2{ color: #333;} .sevenSales.article .titleBorder i { background: #000;} .sevenSales ul{ margin-top:45px;} .sevenSales ul li{ position:relative; height:300px;} .sevenSales ul li:hover{ border-top:1px solid transparent; border-left:1px solid transparent; border-right:1px solid transparent; box-shadow: 0 0 25px #E1E1E1;} .sevenSales ul li i { position:absolute; left:114px; top:-136px; width:130px; height:130px; border-radius:100%;box-shadow: 0 0 25px #E1E1E1; background-color:#fff;} .sevenSales ul li h3{ margin-top:115px;} .scenicSales ul li.l1 i { background-position: -538px -98px;} .scenicSales ul li.l2 i { background-position: -652px -103px;} .scenicSales ul li.l3 i { background-position: -762px -99px;} .userCRM{ padding-top: 50px; padding-bottom: 140px;} .userCRM ul{} .userCRM ul li{ position:relative; float:left; width:270px; height:220px; text-align:center;} .userCRM ul li em{ position:absolute; left:0; top:110px; background:#e6e6e6; height:27px; width:1px;} .userCRM ul li i{ width:100px; height:100px;margin-top: 57px; display:inline-block; vertical-align:top;background: url('/xiaochengxu/images/main/seven.png'); } .userCRM ul li:hover i{animation: pulse 1s ease 1 0s both;-webkit-animation: pulse 1s ease 1 0s both;} .userCRM ul li.l1 i{ background-position:-15px -111px;} .userCRM ul li.l2 i{ background-position:-147px -111px;} .userCRM ul li.l3 i{ background-position:-279px -111px;} .userCRM ul li.l4 i{ background-position:-412px -111px;} .userCRM ul li h3{ margin-top: 30px; font-size:26px; color:#666666;} .retailAisde{height: 410px;} .retailAisde li.l3 i { background: url('/xiaochengxu/images/main/seven.png'); background-position: -751px -37px;} .retailAisde li.l3.active i, .retailAisde li.l3:hover i { background-position:-867px -37px;} .retailAisde li.l7 i { background: url('/xiaochengxu/images/main/seven.png'); background-position: -783px -37px;} .retailAisde li.l7.active i, .retailAisde li.l7:hover i { background-position:-899px -37px;} .retailAisde li.l13 i { background: url('/xiaochengxu/images/main/seven.png'); background-position: -810px -36px; height: 22px;} .retailAisde li.l13.active i, .retailAisde li.l13:hover i { background-position:-925px -36px;} .retailBanner{ background:#00c467;} .retailBanner ul{ height: 574px;overflow:hidden;} .retailBanner li.l1{ z-index:6; left:186px; top:106px;animation: fadeInLeft 1s ease 1 0s both;-webkit-animation: fadeInLeft 1s ease 1 0s both;} .retailBanner li.l2{ z-index:6; left:186px; bottom:0;animation: fadeInRight 1s ease 1 0.3s both;-webkit-animation: fadeInRight 1s ease 1 0.3s both;} .retailBanner li.l3{ left:0; bottom:0;animation:pulse 4s ease infinite 0s both;-webkit-animation: pulse 4s ease infinite 0s both;} .seveneProblem{} .seveneProblem li i{ margin-top: 35px; margin-bottom: 25px;} .seveneProblem li p{ width: 255px;margin-top: 10px;} .sevenDistribution{} .sevenDistribution ul{} .sevenDistribution ul li{ float:left; width:243px;height:343px; text-align:center; border:1px solid #e6e6e6; margin:107px 17px;} .sevenDistribution ul li i{ width:50px; height:50px; margin-top:70px; margin-bottom:36px; display:inline-block; opacity: 1; -webkit-backface-visibility: hidden;background: url('/xiaochengxu/images/main/seven.png'); -webkit-transition: all .8s ease-in-out; -moz-transition: all .8s ease-in-out; transition: all .8s ease-in-out;} .sevenDistribution ul li:hover i{ -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg);} .sevenDistribution ul li.l1 i{ background-position:-975px -463px;} .sevenDistribution ul li.l2 i{ background-position:-1030px -463px;} .sevenDistribution ul li.l3 i{ background-position:-1080px -463px;} .sevenDistribution ul li.l4 i{ background-position:-1145px -463px;} .sevenDistribution ul li h3{ margin-bottom:20px; font-size:26px; color:#333333;} .sevenDistribution ul li p{ height:45px; padding:0 40px; font-size:14px; color:#999999;} .sevenDistribution ul li a{ width:156px; height:40px; display:inline-block; font-size:20px; color:#666666; line-height:40px; border:1px solid #e6e6e6; border-radius:10px;} .dataStatistics{} .dataStatistics ul li p{ font-size:14px; color:#999999; margin-top:10px; line-height: 20px; padding: 0 50px;} .dataStatistics ul li i{ opacity: 1; -webkit-backface-visibility: hidden; -webkit-transition: all .8s ease-in-out; -moz-transition: all .8s ease-in-out; transition: all .8s ease-in-out;} .dataStatistics ul li:hover i{animation:none; -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg);} .dataStatistics ul li.l1 i{ background-position: -543px -111px;} .dataStatistics ul li.l2 i{ background-position: -675px -111px;} .dataStatistics ul li.l3 i{ background-position: -807px -111px;} .dataStatistics ul li.l4 i{ background-position: -940px -111px;} .newMarketing { padding-top: 30px;} .flowerBanner{ background:#4bbc28;} .flowerBanner li.l1{ z-index:6; left:152px; top:147px;animation: zoomInLeft 1s ease 1 0s both;-webkit-animation: zoomInLeft 1s ease 1 0s both;} .flowerBanner li.l2{ z-index:6; left:532px; bottom:0;animation: zoomIn 1s ease 1 0.8s both;-webkit-animation: zoomIn 1s ease 1 0.8s both;} .flowerBanner li.l3{ left:137px; bottom:0;animation:pulse 4s ease infinite 0s both;-webkit-animation: pulse 4s ease infinite 0s both;} .beautygBanner{ background:#8bc831;} .beautygBanner li.l1{ z-index:6; left:110px; top:144px;animation: bounceInLeft 1s ease 1 0s both;-webkit-animation: bounceInLeft 1s ease 1 0s both;} .beautygBanner li.l2{ z-index:6; right:139px; top:155px;animation: bounceInRight 1s 1s ease 1 0.8s both;-webkit-animation: bounceInRight 1s ease 1 0.8s both;} .beautygBanner li.l3{ right:0; bottom:0;animation:pulse 4s ease infinite 0s both;-webkit-animation: pulse 4s ease infinite 0s both;} .beautySolve{} .beautySolve li.c6 i{ background: url('/xiaochengxu/images/main/seven.png'); background-position: -1312px -92px;} .beautySolve li.c4 i{ background: url('/xiaochengxu/images/main/seven.png'); background-position: -1186px -92px;} .decorationAisde { height: 246px; margin-top: -123px;} .decorationBanner{} .decorationBanner{ background:#86d048;} .decorationBanner li.l2{ z-index:6; right:-98px; top:220px;animation: bounceInRight 1s ease 1 0s both;-webkit-animation: bounceInRight 1s ease 1 0s both;} .decorationBanner li.l1{ z-index:6; left:-73px; bottom:0;animation: bounceInLeft 1s 1s ease 1 0s both;-webkit-animation: bounceInLeft 1s ease 1 0s both;} .decorationBanner li.l3{ right:32px; top:153px;animation:pulse 4s ease infinite 0s both;-webkit-animation: pulse 4s ease infinite 0s both;} .decorationProblem{} .decorationProblem ul{ width:1140px; margin-left:-10px;} .decorationProblem ul li{ width: 270px; margin: 24px 7px;} .healthBanner{} .healthBanner{ background:#87ce4c;} .healthBanner li.l1{ z-index:6; left:-1px; top:187px;animation: slideInDown 1s ease 1 0s both;-webkit-animation: slideInDown 1s ease 1 0s both;} .healthBanner li.l2{ z-index:6; right:-101px; top:173px;animation: slideInUp 1s ease 1 0s both;-webkit-animation: slideInUp 1s ease 1 0s both;} .healthBanner li.l3{ right:-101px; top:182px;animation:pulse 4s ease infinite 0s both;-webkit-animation: pulse 4s ease infinite 0s both;} .healthAside li.l2 i { background: url('/xiaochengxu/images/main/even.png'); background-position: -810px -36px; height: 22px;} .healthAside li.l2.active i, .healthAside li.l2:hover i { background-position:-925px -36px;} .barBanner{ background:#31c886;} .barBanner li.l1{ z-index:6; left:211px; top:166px;animation: slideInDown 1s ease 1 0s both;-webkit-animation: slideInDown 1s ease 1 0s both;} .barBanner li.l2{ z-index:6; right:142px; top:320px;animation: slideInUp 1s ease 1 0s both;-webkit-animation: slideInUp 1s ease 1 0s both;} .barBanner li.l3{ left:0; top:0;animation:pulse 4s ease infinite 0s both;-webkit-animation: pulse 4s ease infinite 0s both;} .barBusiness{ text-align:center; height:605px; margin-bottom:178px; background:#31c886;} .barBusiness.article .title h2{ font-size: 40px; color:#fff;} .shopSolve{} .shopSolve{ margin-top: 63px; margin-bottom: 60px;} .shopSolve li{float:left;width:33.20%;height:325px; margin-bottom: 30px; border-left:1px dashed #e6e6e6; text-align:center;} .shopSolve li:first-child{ border:0;} .shopSolve li a{width:100%;height:100%;display:inline-block;} .shopSolve li i{ margin-top:-60px; display:inline-block; vertical-align:top; } .shopSolve li:hover i{animation: bounce 1s ease 1 0s both;-webkit-animation: bounce 1s ease 1 0s both;} .shopSolve li h3{margin-bottom: 20px;font-size:24px;font-weight:normal;color:#313c40;line-height:40px;} .shopSolve li p{width:310px;margin:0 auto;font-size:14px;font-weight:normal;color:#999;line-height:22px;} .shopCRM{} .shopCRM ul li i { background: url('/xiaochengxu/images/main/shop.png');} .shopCRM ul li.l1 i{ background-position:-12px -29px;} .shopCRM ul li.l2 i{ background-position:-122px -29px;} .shopCRM ul li.l3 i{ background-position:-231px -29px;} .shopCRM ul li.l4 i{ background-position:-340px -29px;} .shopFinance ul { width:1120px; margin:0 auto; margin-bottom:70px;} .shopFinance ul li{float:left; width:20%; height:300px; text-align:center; } .shopFinance ul li a{ display:inline-block; width:100%; height:100%;} .shopFinance ul li:hover{box-shadow:0 0 15px #f1f1f1;} .shopFinance ul li i{ width:55px;height:55px; margin-top:67px; margin-bottom:40px; display:inline-block; background:url('/xiaochengxu/images/main/shop.png');} .shopFinance ul li.o1 i{ background-position:-15px -148px;} .shopFinance ul li.o2 i{ background-position:-96px -149px;} .shopFinance ul li.o3 i{ background-position:-176px -149px;} .shopFinance ul li.o4 i{ background-position:-255px -149px;} .shopFinance ul li.o5 i{ background-position:-336px -149px;} .shopFinance ul li i{-webkit-transition: all .8s ease-in-out; -moz-transition: all .8s ease-in-out; transition: all .8s ease-in-out; } .shopFinance ul li:hover i{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)} .shopFinance ul li h3{font-size:18px; color:#313c40; margin-bottom:20px;} .shopFinance ul li p{ padding:0 20px; font-size:14px; color:#999999; line-height:20px; padding:0 12px;} .newBanner .bannerList .l3{ background:#16b866} .bannerList .l3 ol li.o1{ left:37px; top:147px;} .bannerList .l3 ol li.o2{ left: 622px; top: 139px; right: -230px;} .newBanner .bannerList .l4{ background:#13a98b} .bannerList .l4 ol li.o1{ left:-23px; top:135px;} .bannerList .l4 ol li.o2{ right: -14px; bottom: 0;} .bannerList .l4.active ol li.o2 { animation: bounceInUp 1s ease 0s 1 both; -webkit-animation: bounceInUp 1s ease 0s 1 both;} .newBanner .bannerList .l5{ background:#17c07b} .bannerList .l5 ol li.o1{ right:-30px; top:150px;} .bannerList .l5 ol li.o2{ right: -64px; top: 311px;} .resplItems { padding-bottom: 60px;} /*******seven********/ /**********dongling**************/ .scrollNews{background: #fff08b} .scrollNews span{ float:left; width:70px; height: 40px; display:block; line-height: 40px;font-size: 14px;color: #F1093B} .scrollNews .notificationIcon{width: 22px;height: 40px; margin-right:15px;background: url("images/notificationIcon.png") no-repeat center center} .scrollNews .scrollText{overflow: hidden;height: 40px} .scrollNews .scrollText ul{ float:left;width: 892px;} .scrollNews .scrollText li{ width:100%; height: 40px;} .scrollNews .scrollText li p{ float:left; width:47%; padding:0 1%; height: 40px;display: block;line-height: 40px;font-size: 12px;color: #ff7e00} .fl{float: left} .fr{float: right} .vm{vertical-align:middle} .ofh{overflow: hidden;} .cl{clear: both} .dib{display:inline-block} .dib{*display:inline} img{-ms-interpolation-mode: bicubic;-moz-interpolation-mode: bicubic;-webkit-interpolation-mode: bicubic;transition: all 0.6s ease;-webkit-transition: all 0.6s ease;-moz-transition: all 0.6s ease;-ms-transition: all 0.6s ease;} .bgfa{background: #fafafa} .pagesBanner{height: 574px;overflow: hidden} .pagesBanner .width1120{position: relative;height: 100%;} .pagesBanner .width1120 img.pa{position: absolute} .qudao{background: #18c66e;} .qudao .qudao1{ z-index: 1; left: 85px; top: 206px;} .qudao .qudao2{ z-index: 0; left: 33px; bottom: 0;} .qudao .qudao3{top: 0; left: 132px;} .qudao .qudao4{ top: 117px; left: 173px;} .newqudao{background: #18c66e;} .newqudao .qudao1{ z-index: 1; left: 0px; top: 158px; -webkit-animation: fadeInDown 1s 0s 1 linear both; animation: fadeInDown 1s 0s 1 linear both;} .newqudao .qudao2{ z-index: 1; left: 85px; top: 361px;-webkit-animation: zoomIn 2s 0.5s 1 linear both; animation: zoomIn 2s 0.5s 1 linear both;} .newqudao .qudao3{bottom: 0; left: -114px;-webkit-animation: pulse 2s 0s infinite linear both; animation: pulse 2s 0s infinite linear both;} .hudong{background:#44b549;width:100%;} .hudong .hudong1{left: 0;top: 300px;} .hudong .hudong2{top: 225px;left: 162px;z-index: 6;} .hudong .hudong3{left: 120px;top: 360px;z-index: 6} .hudong .hudong4{top: -55px;left: -127px;} .hudong .hudong5{right: 120px;top: 140px} .hudong .hudong6{right: 0;top: 240px} .changjing{background:#18c66e;width:100%;} .changjing .changjing1{left: 45px;top: 245px;} .changjing .changjing2{left: -0px;top: 300px;} .changjing .changjing2{top: -135px;left: -240px;} .changjing .changjing3{top: 152px;right: 0;} .changjing .changjing4{left: 0;top: 420px;} .dianShang{background:#18c66e;width:100%;} .dianShang .dianshang1{top: 0;left: 0;} .dianShang .dianshang2{bottom: 0;} .dianShang .dianshang3{top: 175px;left: 50%;margin-left: -336px;} .dianShang .dianshang4{top: 270px;left: 50%;margin-left: -343px;} .hezi{background: #18c66e} .hezi .hz1{left: -230px;top: 0;} .hezi .hz2{top: 192px;left: 0;} .hezi .hz3{right: 0;top: 0;} .hezi .hz4{left: 0;top: 300px;} .qudao .qudao1{-webkit-animation: fadeInLeft 1s 0s 1 linear both;animation: fadeInLeft 1s 0s 1 linear both;} .qudao .qudao2{-webkit-animation: fadeInUp 1s 1s 1 linear both;animation: fadeInUp 1s 1s 1 linear both;} .qudao .qudao3{-webkit-animation:pulse 2s 0s infinite linear both;animation:pulse 2s 0s infinite linear both;} .hudong .hudong1{-webkit-animation: flash 1s 0.5s linear both;animation: flash 1s 0.5s linear both;} .hudong .hudong2{-webkit-animation: zoomInDown 1s 0.5s 1 linear both;animation: zoomInDown 1s 0.5s 1 linear both;} .hudong .hudong3{-webkit-animation: zoomInUp 2s 0.5s 1 linear both;animation: zoomInUp 2s 0.5s 1 linear both;} .hudong .hudong4{-webkit-animation: pulse 1s 0.5s linear both infinite;animation: pulse 1s 0.5s linear both infinite;} .hudong .hudong5{-webkit-animation: zoomInRight 2s 0.8s 1 linear both;animation: zoomInRight 2s 0.8s 1 linear both;} .hudong .hudong6{-webkit-animation: swing 1s 0.5s 1 linear both;animation: swing 1s 0.5s 1 linear both;} .changjing .changjing1{-webkit-animation: fadeInLeft 1s 0s 1 linear both;animation: fadeInLeft 1s 0s 1 linear both;} .changjing .changjing2{-webkit-animation: pulse 1s 0.5s linear both infinite;animation: pulse 1s 0.5s linear both infinite;} .changjing .changjing3{-webkit-animation: bounceIn 10s 0s linear both infinite;animation: bounceIn 10s 0s linear both infinite;} .changjing .changjing4{-webkit-animation: flash 1s 0.5s linear both infinite;animation: flash 1s 0.5s linear both infinite;} .dianShang .dianshang1{-webkit-animation: bounceIn 3s 0s linear both infinite;animation: bounceIn 3s 0s linear both infinite;} .dianShang .dianshang2{-webkit-animation: bounceInUp 1s 0.5s 1 linear both;animation: bounceInUp 1s 0.5s 1 linear both;} .dianShang .dianshang3{-webkit-animation: zoomInDown 1s 0.5s 1 linear both;animation: zoomInDown 1s 0.5s 1 linear both;} .dianShang .dianshang4{-webkit-animation: zoomInDown 1s 0s 1 linear both;animation: zoomInDown 1s 0s 1 linear both;} .hezi .hz1{-webkit-animation: pulse 1s 0.5s linear both infinite;animation: pulse 1s 0.5s linear both infinite;} .hezi .hz2{-webkit-animation: zoomInDown 1s 0.5s 1 linear both;animation: zoomInDown 1s 0.5s 1 linear both;} .hezi .hz3{-webkit-animation: zoomInRight 1s 0.5s 1 linear both;animation: zoomInRight 1s 0.5s 1 linear both;} .hezi .hz4{-webkit-animation: fadeInLeft 1s 0.5s 1 linear both;animation: fadeInLeft 1s 0.5s 1 linear both;} .animatePulse li:hover i{-webkit-animation:pulse 2s 0s ease both infinite;-moz-animation:pulse 2s 0s ease both infinite;animation:pulse 2s 0s ease both infinite;} .animateTada li:hover i{-webkit-animation:tada 1s 0s ease both;-moz-animation:tada 1s 0s ease both;animation:tada 1s 0s ease both;} .animateBounce li:hover i{-webkit-animation:bounce 1s 0s ease both;-moz-animation:bounce 1s 0s ease both;animation:bounce 1s 0s ease both;} .animaterubberBand li:hover i{-webkit-animation:rubberBand 1s 0s ease both;-moz-animation:rubberBand 1s 0s ease both;animation:rubberBand 1s 0s ease both;} .animateZoomIn li:hover i{-webkit-animation:zoomIn 1s 0s ease both;-moz-animation:zoomIn 1s 0s ease both;animation:zoomIn 1s 0s ease both;} .animateSwing li:hover i{-webkit-animation:swing 1s 0s ease both;-moz-animation:swing 1s 0s ease both;animation:swing 1s 0s ease both;} .modTit{margin-bottom: 80px;} .modTit h2{text-align: center;font-size: 40px;color: #383a38;padding-bottom: 30px;border-bottom: 1px solid #d5dfe7;} .modTit p{padding-top: 25px;text-align: center;font-size: 14px;color: #707c73} .modSect{padding-top: 50px;padding-bottom: 50px;} .jm_mod .jm_rect{width: 532px;height: 578px;box-shadow:#ddd 0px 2px 7px;background: #fff;border:1px solid #eee} .jm_mod .jm_rect .hd h3{font-size: 24px;color: #4f5150} .jm_mod .jm_rect .hd h3 i{width: 30px;height: 30px;background: url("images/sprite_2.png") no-repeat;vertical-align: middle;margin-right: 10px} .jm_mod .jm_rect .wrap{padding: 40px 50px} .jm_mod .rectLeft .hd h3 i{background-position: 0 0} .jm_mod .rectRight .hd h3 i{background-position: -30px 0} .contact_jm ul li{padding-left: 15px;background: url("images/dot_o.png") no-repeat left 7px;margin-top: 24px} .contact_jm ul li h4{font-size: 18px;color: #4f5150} .contact_jm ul li h4 em{font-size: 14px} .contact_jm ul li p{font-size: 14px;line-height: 45px} .contact_jm ul li p span{padding-right: 15px} .form_jm .row{margin: 32px 0 0 0} .form_jm .row label{width: 78px;line-height: 42px;text-align: left;font-size: 16px;color:#4f5150} .form_jm .row .ovh{overflow: hidden} .form_jm .row input[type=text]{width: 100%;border: 1px solid #eee;line-height: 40px;height:40px;text-indent: 15px} .form_jm .row input.focus{border-color: #fcae28} .form_jm .row select{line-height: 40px;height:40px;border: 1px solid #eee;width: 106px;float: left;height: 40px;margin-right: 18px;} .form_jm .submitBtn button{background: #fcae28;color: #fff;font-size: 16px;width: 354px;margin-left: 78px;height: 40px;line-height: 40px;cursor: pointer} .form_jm .submitBtn button:active{color: #f60} .agentCheck{border: 1px solid #eee;border-top: 0;box-shadow: #ddd 0px 2px 7px;margin-top: 55px} .agentCheck .searchAgent{width: 730px;margin: 30px auto} .agentCheck .searchAgent button{width: 198px;height: 60px;line-height: 60px;border: 0;background: #fcae28;cursor: pointer} .agentCheck .searchAgent button i{width: 30px;height: 30px;vertical-align: middle;margin-right: 10px;background: url("images/sprite_2.png") no-repeat -60px 0} .agentCheck .searchAgent button em{vertical-align: middle;color: #fff;font-size: 16px} .agentCheck .searchAgent button:active em{color: #f60} .agentCheck .searchAgent .searInput input{width: 100%;line-height: 56px;height:60px;border: 2px solid #fcae28;text-indent: 20px;font-size: 16px;color: #999} .whyPig_mod ul li{float: left;width: 50%;padding: 30px 0;} .whyPig_mod ul li .icons{width: 75px;height: 84px;float: left;margin-left: 78px;} .whyPig_mod ul li .icons i{display: block;margin: 0 auto;width: 75px;height: 84px;background:url("images/sprite_2.png") no-repeat;-webkit-transition:all .8s ease-in-out;-moz-transition:all .8s ease-in-out;transition:all .8s ease-in-out} .whyPig_mod ul li:hover .icons i{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)} .whyPig_mod ul li.i0 .icons i{background-position: -0px -30px} .whyPig_mod ul li.i1 .icons i{background-position: -75px -30px} .whyPig_mod ul li.i2 .icons i{background-position: -150px -30px} .whyPig_mod ul li.i3 .icons i{background-position: -225px -30px} .whyPig_mod ul li.i4 .icons i{background-position: -300px -30px} .whyPig_mod ul li.i5 .icons i{background-position: -375px -30px} .whyPig_mod ul li .desc{overflow: hidden;display: table;height: 88px;padding-left: 20px;} .whyPig_mod ul li .desc>div{display: table-cell;vertical-align: middle;color: #3d3d3d;*margin-top: 20px;} .whyPig_mod ul li .desc> .row0 h3{font-size: 20px;font-weight: normal;padding-bottom: 10px;color: #383a38} .whyPig_mod ul li .desc> .row0 p{font-size: 16px;color:#4f5150} .agentMap{background: url("images/agentMap.png") no-repeat left center;height: 400px} .newsRect{width: 420px;border: 1px solid #eee;border-top: 0;background: #fff;} .newsRect .hd{line-height: 60px;padding: 0 15px} .newsRect .hd h3{font-size: 24px;color: #4f5150;overflow: hidden} .newsRect .hd h3 i{width: 30px;height: 30px;background: url("images/sprite_2.png") no-repeat -90px 0;vertical-align: middle;margin-right: 10px} .newsRect .hd a{font-size: 16px;color: #c2c2c2} .newsRect .hd a:hover{color: #4ab450} .newsRect .newsLsit{padding: 0 15px} .newsRect .newsLsit li{width: 100%;padding-left: 10px;background: url("images/dot_g.png") no-repeat left center;margin-bottom: 15px} .newsRect .newsLsit li a{color: #9d9d9d;font-size: 14px;width: 290px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;display: block;} .newsRect .newsLsit li:hover{background: url("images/dot_g.png") no-repeat left center;} .newsRect .newsLsit li:hover a{color: #4ab450} .newsRect .newsLsit li.first{padding: 0;background: none;height: 220px;overflow: hidden;position: relative;margin-bottom: 15px} .newsRect .newsLsit li.first a{width:auto} .newsRect .newsLsit li.first img{height: 220px;width: 100%;display:block} .newsRect .newsLsit li.first .newsName{display: block;position: absolute;bottom: 0;left: 0;right: 0;background: #4ab450;text-align: center;color: #fff;padding: 8px 0;color: #fff} .newsRect .newsLsit li.first:hover img{webkit-transform:scale(1.2);-moz-transform:scale(1.2);transform:scale(1.2)} .columnGroup{} .columnGroup ul li{float: left;width: 25%;margin-top: 45px;} .columnGroup ul li .wrap{margin: 0 25px;background: #fafafa;padding: 25px 0;} .columnGroup ul li i{display: block;margin: 0 auto;width:70px;height: 70px;background: url("images/sprite_2.png") no-repeat} .columnGroup ul li h3{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;text-align: center;padding: 10px 0;font-size: 24px;color: #383a38} .columnGroup ul li .desc{height: 128px;overflow: hidden;padding: 0 20px;} .columnGroup ul li .desc p{line-height: 22px;font-size: 12px;color: #4f5150} .agent_columnGroup ul li.i1 i{background-position: 0 -115px} .agent_columnGroup ul li.i2 i{background-position: -70px -115px} .agent_columnGroup ul li.i3 i{background-position: -140px -115px} .agent_columnGroup ul li.i4 i{background-position: -210px -115px} .agent_columnGroup ul li.i5 i{background-position: -280px -115px} .agent_columnGroup ul li.i6 i{background-position: -350px -115px} .agent_columnGroup ul li.i7 i{background-position: -420px -115px} .agent_columnGroup ul li.i8 i{background-position: -490px -115px} .agent_columnGroup ul li.i9 i{background-position: -560px -115px} .agent_columnGroup ul li.i10 i{background-position: -630px -115px} .minNav{text-align: center} .minNav ul li{display: inline-block;padding: 10px 20px;margin:0 10px} .minNav ul li{*display: inline} .minNav ul li i{display: block;width: 40px;height: 40px;margin: 5px auto;background: url("images/sprite_2.png") no-repeat} .minNav ul li p{font-size: 14px;color: #38604e;line-height: 20px;} .minNavFixed{position: fixed;width: 100%;top: 75px;right: 0;left: 0;z-index: 99;background: #fafafa !important;} .modTab{} .modTab .hd{} .modTab .hd ol{text-align: center} .modTab .hd ol li{display: inline-block;width: 320px;height: 50px;background: #eef7f3;margin: 0 15px;line-height: 50px;font-size: 16px;color: #38604e;cursor: pointer;border-radius: 40px} .modTab .hd ol li{*display: inline} .modTab .hd ol li.on{background:#44b549;color: #fff} .interactStyle{background:#f1f8f5} .interactStyle ul li{width: 120px;padding: 10px 0} .interactStyle li.i1 i{background-position: -0px -185px} .interactStyle li.i2 i{background-position: -40px -185px} .interactStyle li.i3 i{background-position: -80px -185px} .interactStyle li.i4 i{background-position: -120px -185px} .interactStyle li.i5 i{background-position: -160px -185px} .interactStyle li.i6 i{background-position: -200px -185px} .interactStyle li.i7 i{background-position: -240px -185px} .interactStyle li:hover,.interactStyle li.current{background: #ddf5e9} .interactStyle li:hover p,.interactStyle li.current p{color: #44b549} .interactStyle li.i1:hover i,.interactStyle li.i1.current i{background-position: -0px -225px} .interactStyle li.i2:hover i,.interactStyle li.i2.current i{background-position: -40px -225px} .interactStyle li.i3:hover i,.interactStyle li.i3.current i{background-position: -80px -225px} .interactStyle li.i4:hover i,.interactStyle li.i4.current i{background-position: -120px -225px} .interactStyle li.i5:hover i,.interactStyle li.i5.current i{background-position: -160px -225px} .interactStyle li.i6:hover i,.interactStyle li.i6.current i{background-position: -200px -225px} .interactStyle li.i7:hover i,.interactStyle li.i7.current i{background-position: -240px -225px} .sceneStyle{background: #f2f8f1} .sceneStyle ul li{margin: 0;border-bottom: 3px solid #f2f8f1;padding: 10px 0} .sceneStyle ul li a{display: block;border-left: 1px solid #d4e1ea;padding: 0 30px} .sceneStyle ul li:first-child a{border-left: 0} .sceneStyle ul li i{display: inline-block;vertical-align: middle;margin-right: 5px} .sceneStyle ul li i{*display: inline} .sceneStyle ul li p{vertical-align: middle;text-align: left} .sceneStyle ul li.i1 i{background-position: -680px -185px} .sceneStyle ul li.i2 i{background-position: -720px -185px} .sceneStyle ul li.i3 i{background-position: -760px -185px} .sceneStyle ul li.i4 i{background-position: -800px -185px} .sceneStyle ul li:hover,.sceneStyle ul li.current{border-bottom-color: #18c66e} .sceneStyle ul li:hover p,.sceneStyle ul li.current p{color: #18c66e} .sceneStyle ul li.i1:hover i,.sceneStyle ul li.i1.current i{background-position: -680px -225px} .sceneStyle ul li.i2:hover i,.sceneStyle ul li.i2.current i{background-position: -720px -225px} .sceneStyle ul li.i3:hover i,.sceneStyle ul li.i3.current i{background-position: -760px -225px} .sceneStyle ul li.i4:hover i,.sceneStyle ul li.i4.current i{background-position: -800px -225px} .hdMod_1 .bd ul li{float: left;position: relative;border-radius: 5px;margin-top: 120px;} .hdMod_1 .bd ul li .wrap{padding: 0 20px} .hdMod_1 .bd ul li h3{font-size: 24px;color: #3b4b5f;margin-top: 75px;text-align: center} .hdMod_1 .bd ul li p{font-size: 14px;color: #3b4b5f;line-height: 26px;margin-top: 15px;} .hdMod_1 .bd ul li i{position: absolute;width: 100px;height: 100px;background: url("images/sprite_2.png") no-repeat;top: -50px;left: 50%;margin-left: -50px;} .hdMod_1 .bd .row_1 ul{margin-left: -25px} .hdMod_1 .bd .row_1 ul li{width: 257px;height:284px;border: 2px solid #44b549;margin-left: 25px;} .hdMod_1 .bd .row_2 ul{margin-left: -65px} .hdMod_1 .bd .row_2 ul li{width: 326px;height:284px;border: 2px solid #44b549;margin-left: 65px;} .hdMod_1 .bd .row_1 ul li.i1 i{background-position: 0 -265px} .hdMod_1 .bd .row_1 ul li.i2 i{background-position: -100px -265px} .hdMod_1 .bd .row_1 ul li.i3 i{background-position: -200px -265px} .hdMod_1 .bd .row_1 ul li.i4 i{background-position: -300px -265px} .hdMod_1 .bd .row_2 ul li.i1 i{background-position: -0px -265px} .hdMod_1 .bd .row_2 ul li.i2 i{background-position: -100px -265px} .hdMod_1 .bd .row_2 ul li.i3 i{background-position: -200px -265px} .hdMod_2 .modTab .hd ol li{width: 210px;margin: 0 5px} .hdMod_2 .bd{margin-top: 110px} .leftPhonewrap{float: left;position: relative;} .leftPhonewrap .holderPhone{background: url("/xiaochengxu/images/holderPhone.png") no-repeat top center;width: 348px;height: 651px;margin: 0 auto;position: relative;display: block;overflow: hidden;} .leftPhonewrap .anythingContent{width: 320px;height: 514px;margin: 0 auto;} .wxHd{width: 320px;height: 64px;background: url('/xiaochengxu/images/main/wxhd.png') no-repeat top center;background-size: 100%;margin: 30px auto 0;position: relative;} .phoneTitle{color: #fff;text-align: center;width: 210px;position: absolute;left: 65px;right: 0;bottom: 9px;} #actName h2{font-size: 18px;font-weight: normal;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding: 3px 0;height: 20px;line-height: 20px;} .rightWrap{margin-right: 60px} .leftPhonewrap .btn{} .leftPhonewrap .btn a{position: absolute;width: 40px;height: 61px;background: url("/xiaochengxu/images/sprite_2.png") no-repeat;top: 50%;} .leftPhonewrap .btn a{opacity: 0.8;filter: alpha(opacity=80);-moz-opacity: 0.8;-khtml-opacity: 0.8;} .leftPhonewrap .btn a:hover{opacity: 1;filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;} .leftPhonewrap .btn a.prev{background-position: -559px -37px;left: -60px} .leftPhonewrap .btn a.next{background-position: -599px -37px;right: -60px} .rightWrap{} .hdMod_2 .textDesc{width: 470px;text-align: center} .hdMod_2 .textDesc ul li{display: none} .hdMod_2 .textDesc ul li:first-child{display: block} .hdMod_2 .textDesc h3{color: #3b4b5f;font-size: 32px;padding: 30px 0} .hdMod_2 .textDesc p{text-align: left;color: #3b4b5f;font-size: 16px;line-height: 30px} .hdMod_2 .textDesc h4{font-size: 18px;color: #44b549;text-align: left;padding: 15px 0} .hdMod_2 .textDesc .imgSrc{text-align: center;} .imgHolder .imgScroll{width: 320px;height: 514px;overflow: hidden;position: relative;} .imgHolder .imgScroll ul{overflow: hidden;position: absolute;top: 0;left: 0} .imgHolder .imgScroll ul li{float: left;width: 320px;height: 514px;overflow: hidden} .imgHolder .imgScroll img{width: 100%;height: 100%;} .imgHolder .imgScroll ul>li{position: relative;background: #fff} .imgHolder .imgScroll ul>li ol{width: 100%;height: 100%;} .imgHolder .imgScroll ul>li ol li{position: absolute;top: 0;left: 0;z-index: 2} .imgHolder .imgScroll ul>li .scrollPage{position: absolute;bottom: 20px;width: 100%;text-align: center;z-index: 9;} .imgHolder .imgScroll ul>li .scrollPage i{display: inline-block;;width: 8px;height: 8px;background: green;margin: 0 2px;border-radius: 50px;cursor: pointer} .imgHolder .imgScroll ul>li .scrollPage i{*display: inline-block} .imgHolder .imgScroll ul>li .scrollPage i.on{background: #f60} .imgHolder .imgScroll ul>li .scrollBtn{} .imgHolder .imgScroll ul>li .scrollBtn a{display: none;width: 34px;height: 44px;position: absolute;z-index: 9;top: 42%;} .imgHolder .imgScroll ul>li .scrollBtn a.prev{background: url("images/bnr_btn_left1.png") no-repeat;left: 0} .imgHolder .imgScroll ul>li .scrollBtn a.next{background: url("images/bnr_btn_right1.png") no-repeat;right: 0} .projectDesc ul{text-align: center} .projectDesc ul li{margin: 0 15px;vertical-align: top;display: inline-block} .projectDesc ul li{*display: inline} .projectDesc ul li i{display: block;width: 100px;height: 100px;background: url("images/sprite_2.png") no-repeat;margin: 20px auto;margin-top: 50px} .projectDesc ul li h3{font-size:22px;color: #525e6e;font-weight: normal;padding-bottom: 15px;overflow: hidden} .projectDesc ul li p{padding: 0 50px;font-size: 12px;text-align: left;overflow: hidden;color: #525e6e;line-height: 20px} .projectDesc ul li .btnA{display: block;text-align: center;margin-bottom: 40px;margin-top: 20px} .projectDesc ul li .btnA a{transition:all 0s ease;-webkit-transition:all 0s ease;-moz-transition:all 0s ease;-ms-transition:all 0s ease;} .projectDesc ul li .btnA a{display: inline-block;width: 200px;height: 50px;line-height: 50px;background: url("images/sprite_2.png") no-repeat -606px -1138px;color: #4c575c;font-size: 20px} .projectDesc ul li .btnA a{*display: inline} .projectDesc ul li:hover .btnA a{color: #fff;background-position: 0 -1285px} .hdMod_3 .projectDesc ul{} .hdMod_3 .projectDesc ul li{width: 246px;margin: 0 15px;border-radius: 10px} .hdMod_3 .projectDesc ul li i{width: 132px;height: 132px;margin: 20px auto;margin-top: 50px} .hdMod_3 .projectDesc ul li.i1{background:#2ac699} .hdMod_3 .projectDesc ul li.i2{background:#61aae1} .hdMod_3 .projectDesc ul li.i3{background:#f9aa29} .hdMod_3 .projectDesc ul li.i4{background:#66c324} .hdMod_3 .projectDesc ul li.i5{background:#328de1} .hdMod_3 .projectDesc ul li.i1 i{background-position: -0px -365px} .hdMod_3 .projectDesc ul li.i2 i{background-position: -132px -365px} .hdMod_3 .projectDesc ul li.i3 i{background-position: -264px -365px} .hdMod_3 .projectDesc ul li.i4 i{background-position: -396px -365px} .hdMod_3 .projectDesc ul li h3{color: #fff} .hdMod_3 .projectDesc ul li p{padding: 0 20px;text-align: left;height: 80px;overflow: hidden;color: #fff;line-height: 20px} .hdMod_3 .projectDesc ul li .btnA a{color: #fff;font-size: 20px;background-position: -480px -185px} .hdMod_3 .projectDesc ul li:hover .btnA a{color: #fff;background-position: -280px -185px} .hdMod_3 .projectDesc ul li.i1:hover .btnA a{color:#2ac699} .hdMod_3 .projectDesc ul li.i2:hover .btnA a{color:#61aae1} .hdMod_3 .projectDesc ul li.i3:hover .btnA a{color:#f9aa29} .hdMod_3 .projectDesc ul li.i4:hover .btnA a{color:#66c324} .hdMod_3 .projectDesc ul li.i5:hover .btnA a{color:#328de1} .hdMod_4 .projectDesc ul{} .hdMod_4 .projectDesc ul li{width: 246px;margin: 0 15px;border-radius: 0px;background: #fff;padding-bottom: 20px} .hdMod_4 .projectDesc ul li i{width: 70px;height: 70px;margin: 20px auto;margin-top: 50px} .hdMod_4 .projectDesc ul li.i1 i{background-position: -560px -115px} .hdMod_4 .projectDesc ul li.i2 i{background-position: -630px -115px} .hdMod_4 .projectDesc ul li.i3 i{background-position: -700px -115px} .hdMod_4 .projectDesc ul li.i4 i{background-position: -770px -115px} .hdMod_4 .projectDesc ul li h3{color: #525e6e;font-size: 20px} .hdMod_4 .projectDesc ul li p{padding: 0 20px;text-align: left;height: 80px;color: #9d9d9d;} .hdMod_6 ul{text-align: center} .hdMod_6 ul>li{display: inline-block;width: 480px;vertical-align: top;background: #fff;margin: 0 36px;border-radius: 15px;height: 360px;} .hdMod_6 ul>li{*display: inline} .hdMod_6 ul>li .wrap{padding: 0 43px} .hdMod_6 ul>li h3{font-size: 28px;color: #fff;width: 358px;height: 56px;text-align: center;line-height: 56px;background: #fcae28;margin: 0 auto;margin-top: -28px;} .hdMod_6 ul>li .case_p{font-size: 16px;color: #3b4b5f;text-align: left;padding: 35px 0;} .hdMod_6 ul>li ol{overflow: hidden} .hdMod_6 ul>li ol>li{overflow: hidden;padding: 8px 0;} .hdMod_6 ul>li ol>li em{width: 20px;height: 20px;line-height: 20px;text-align: center;background: #44b549;color: #fff;border-radius: 100%;margin-right: 10px} .hdMod_6 ul>li ol>li p{overflow: hidden;text-align: left;font-size: 14px;color: #3b4b5f} .hdMod_7 .projectDesc ul{} .hdMod_7 .projectDesc ul li{width: 190px;margin: 0 15px;border-radius: 0px;background: #fafafa} .hdMod_7 .projectDesc ul li i{width: 60px;height: 60px;margin: 20px auto;margin-top: 30px} .hdMod_7 .projectDesc ul li.i1 i{background-position: -0px -497px} .hdMod_7 .projectDesc ul li.i2 i{background-position: -60px -497px} .hdMod_7 .projectDesc ul li.i3 i{background-position: -120px -497px} .hdMod_7 .projectDesc ul li.i4 i{background-position: -180px -497px} .hdMod_7 .projectDesc ul li h3{color: #525e6e;font-size: 20px} .hdMod_7 .projectDesc ul li p{padding: 0 20px;text-align: left;height: 125px;color: #9d9d9d;} .hdMod_7 .projectDesc ul li .btnA a{width: 95px;height: 30px;background: #fff;line-height: 30px;color: #44b549;border: 1px solid #44b549;border-radius: 20px;font-size: 14px} .hdMod_7 .projectDesc ul li:hover .btnA a{background: #44b549;color: #fff} .hdMod_8 ul{margin-left: -18px} .hdMod_8 ul li{float: left;margin-left: 18px;width: 207px;text-align: center;background: #fff;border: 1px solid #fff;padding: 30px 0;margin-bottom: 20px} .hdMod_8 ul li .i-pic{width: 114px;height: 114px;margin: 0 auto;position: relative;} .hdMod_8 ul li .i-pic .qrCode{background: url("images/videorgba.png") repeat;top: 0;left: 0;right: 0;bottom: 0;position: absolute;display: none} .hdMod_8 ul li .i-pic .qrCode img{width: 100px;height: 100px;margin-top: 7px} .hdMod_8 ul li h3{font-size: 20px;color: #525e6e;padding: 15px 0} .hdMod_8 ul li .tags{text-align: center} .hdMod_8 ul li .tags em{display: inline-block;width: 78px;height: 23px;line-height: 21px;border:1px solid #44b549;margin: 0 3px;color: #44b549} .hdMod_8 ul li:hover{background:#fff;border: 1px solid #efefef;box-shadow: 0 0 50px #efefef} .hdMod_8 ul li:hover .qrCode{display: block} .hdMod_8 .more{text-align: center;margin-top: 30px} .hdMod_8 .more a{display: block;margin: 0 auto;width: 250px;height: 56px;line-height: 56px;background: #fff;border-radius: 40px;color: #656565;font-size: 16px;} .hdMod_8 .more a:hover{background: #44b549;color: #fff} .readMod{padding-bottom: 0} .readMod ul{margin-left: -30px} .readMod ul li{float: left;margin-left: 31px;width: 256px;text-align: center;background: #f3f3f3;margin-bottom: 30px;} .readMod ul li .i-pic{display: block;} .readMod ul li .i-pic img{display: block;height:142px;width: 256px} .readMod ul li h3{font-size: 16px;color: #525e6e;padding: 10px 0} .cjMod_1 .projectDesc ul{} .cjMod_1 .projectDesc ul li{width: 246px;margin: 0 15px;border-radius: 10px} .cjMod_1 .projectDesc ul li i{width: 132px;height: 132px;margin: 20px auto;margin-top: 50px} .cjMod_1 .projectDesc ul li.i1{background:#2ac699} .cjMod_1 .projectDesc ul li.i2{background:#61aae1} .cjMod_1 .projectDesc ul li.i3{background:#f9aa29} .cjMod_1 .projectDesc ul li.i4{background:#66c324} .cjMod_1 .projectDesc ul li.i5{background:#328de1} .cjMod_1 .projectDesc ul li.i1 i{background-position: -0px -557px} .cjMod_1 .projectDesc ul li.i2 i{background-position: -132px -557px} .cjMod_1 .projectDesc ul li.i3 i{background-position: -264px -557px} .cjMod_1 .projectDesc ul li.i4 i{background-position: -396px -557px} .cjMod_1 .projectDesc ul li h3{color: #fff} .cjMod_1 .projectDesc ul li p{padding: 0 20px;text-align: left;height: 80px;overflow: hidden;color: #fff;line-height: 20px} .cjMod_1 .projectDesc ul li .btnA a{color: #fff;font-size: 20px;background-position: -480px -185px} .cjMod_1 .projectDesc ul li:hover .btnA a{color: #fff;background-position: -280px -185px} .cjMod_1 .projectDesc ul li.i1:hover .btnA a{color:#2ac699} .cjMod_1 .projectDesc ul li.i2:hover .btnA a{color:#61aae1} .cjMod_1 .projectDesc ul li.i3:hover .btnA a{color:#f9aa29} .cjMod_1 .projectDesc ul li.i4:hover .btnA a{color:#66c324} .cjMod_1 .projectDesc ul li.i5:hover .btnA a{color:#328de1} .cjMod_2 ul li{float: left;width: 50%;padding: 30px 0;} .cjMod_2 ul li .icons{width: 80px;height: 80px;float: left;margin-left: 78px;} .cjMod_2 ul li .icons i{display: block;margin: 0 auto;width: 80px;height: 80px;background:url("images/sprite_2.png") no-repeat;-webkit-transition:all .8s ease-in-out;-moz-transition:all .8s ease-in-out;transition:all .8s ease-in-out} .cjMod_2 ul li:hover .icons i{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)} .cjMod_2 ul li.i0 .icons i{background-position: -0px -689px} .cjMod_2 ul li.i1 .icons i{background-position: -80px -689px} .cjMod_2 ul li.i2 .icons i{background-position: -160px -689px} .cjMod_2 ul li.i3 .icons i{background-position: -240px -689px} .cjMod_2 ul li.i4 .icons i{background-position: -320px -689px} .cjMod_2 ul li.i5 .icons i{background-position: -400px -689px} .cjMod_2 ul li.i6 .icons i{background-position: -480px -689px} .cjMod_2 ul li.i7 .icons i{background-position: -560px -689px} .cjMod_2 ul li .desc{overflow: hidden;display: table;height: 80px;padding-left: 20px;} .cjMod_2 ul li .desc>div{display: table-cell;vertical-align: middle;color: #3d3d3d;*margin-top: 20px;} .cjMod_2 ul li .desc> .row0 h3{font-size: 20px;font-weight: normal;padding-bottom: 10px;color: #383a38} .cjMod_2 ul li .desc> .row0 p{font-size: 16px;color:#4f5150} .cjMod_3 .projectDesc ul{} .cjMod_3 .projectDesc ul li{width: 246px;margin: 0 15px;border-radius: 0px;background: #fff;padding-bottom: 20px;margin-bottom: 30px;} .cjMod_3 .projectDesc ul li i{width: 70px;height: 70px;margin: 20px auto;margin-top: 50px} .cjMod_3 .projectDesc ul li.i1 i{background-position: -0px -769px} .cjMod_3 .projectDesc ul li.i2 i{background-position: -70px -769px} .cjMod_3 .projectDesc ul li.i3 i{background-position: -140px -769px} .cjMod_3 .projectDesc ul li.i4 i{background-position: -210px -769px} .cjMod_3 .projectDesc ul li.i5 i{background-position: -280px -769px} .cjMod_3 .projectDesc ul li.i6 i{background-position: -350px -769px} .cjMod_3 .projectDesc ul li.i7 i{background-position: -420px -769px} .cjMod_3 .projectDesc ul li.i8 i{background-position: -490px -769px} .cjMod_3 .projectDesc ul li h3{color: #525e6e;font-size: 20px} .dsMod_1 .projectDesc ul{} .dsMod_1 .projectDesc ul li{width: 276px;margin: 0;border-radius: 0px;background: #fff;padding-bottom: 20px;border-left: 1px solid #eee} .dsMod_1 .projectDesc ul li:first-child{border: 0} .dsMod_1 .projectDesc ul li i{width: 100px;height: 100px;margin: 20px auto;margin-top: 50px} .dsMod_1 .projectDesc ul li.i1 i{background-position: -0px -839px} .dsMod_1 .projectDesc ul li.i2 i{background-position: -100px -839px} .dsMod_1 .projectDesc ul li.i3 i{background-position: -200px -839px} .dsMod_1 .projectDesc ul li.i4 i{background-position: -300px -839px} .dsMod_1 .projectDesc ul li h3{color: #525e6e;font-size: 20px} .dsMod_1 .projectDesc ul li p{text-align: center;height: 80px;overflow: hidden;color: #3b4b5f;line-height: 20px;font-size: 14px} .dsMod_2 .projectDesc ul{} .dsMod_2 .projectDesc ul li{width: 246px;margin: 0 15px;border-radius: 10px} .dsMod_2 .projectDesc ul li i{width: 132px;height: 132px;margin: 20px auto;margin-top: 50px} .dsMod_2 .projectDesc ul li.i1{background:#2ac699} .dsMod_2 .projectDesc ul li.i2{background:#61aae1} .dsMod_2 .projectDesc ul li.i3{background:#f9aa29} .dsMod_2 .projectDesc ul li.i4{background:#66c324} .dsMod_2 .projectDesc ul li.i5{background:#328de1} .dsMod_2 .projectDesc ul li.i1 i{background-position: -528px -557px} .dsMod_2 .projectDesc ul li.i2 i{background-position: -660px -557px} .dsMod_2 .projectDesc ul li.i3 i{background-position: -792px -557px} .dsMod_2 .projectDesc ul li.i4 i{background-position: -924px -557px} .dsMod_2 .projectDesc ul li h3{color: #fff} .dsMod_2 .projectDesc ul li p{padding: 0 20px;text-align: left;height: 80px;overflow: hidden;color: #fff;line-height: 20px} .dsMod_2 .projectDesc ul li .btnA a{color: #fff;font-size: 20px;background-position: -480px -185px} .dsMod_2 .projectDesc ul li:hover .btnA a{color: #fff;background-position: -280px -185px} .dsMod_2 .projectDesc ul li.i1:hover .btnA a{color:#2ac699} .dsMod_2 .projectDesc ul li.i2:hover .btnA a{color:#61aae1} .dsMod_2 .projectDesc ul li.i3:hover .btnA a{color:#f9aa29} .dsMod_2 .projectDesc ul li.i4:hover .btnA a{color:#66c324} .dsMod_2 .projectDesc ul li.i5:hover .btnA a{color:#328de1} .dsMod_3 ul li{float: left;width: 50%;padding: 30px 0;} .dsMod_3 ul li .icons{width: 90px;height: 90px;float: left;margin-left: 78px;position: relative} .dsMod_3 ul li .icons i{display: block;margin: 0 auto;width: 90px;height: 90px;background:url("images/sprite_2.png") no-repeat;-webkit-transition:all .8s ease-in-out;-moz-transition:all .8s ease-in-out;transition:all .8s ease-in-out} .dsMod_3 ul li .icons .code{position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: none} .dsMod_3 ul li .icons .code img{width: 100%;height: 100%} .dsMod_3 ul li:hover .icons .code{display: block} .dsMod_3 ul li.i0 .icons i{background-position: -640px -0px} .dsMod_3 ul li.i1 .icons i{background-position: -730px -0px} .dsMod_3 ul li.i2 .icons i{background-position: -820px -0px} .dsMod_3 ul li.i3 .icons i{background-position: -910px -0px} .dsMod_3 ul li.i4 .icons i{background-position: -1000px -0px} .dsMod_3 ul li.i5 .icons i{background-position: -1090px -0px} .dsMod_3 ul li.i6 .icons i{background-position: -1180px -0px} .dsMod_3 ul li.i7 .icons i{background-position: -1270px -0px} .dsMod_3 ul li .desc{overflow: hidden;display: table;height: 80px;padding-left: 20px;} .dsMod_3 ul li .desc>div{display: table-cell;vertical-align: middle;color: #3d3d3d;*margin-top: 20px;} .dsMod_3 ul li .desc> .row0 h3{font-size: 20px;font-weight: normal;padding-bottom: 10px;color: #383a38} .dsMod_3 ul li .desc> .row0 p{font-size: 16px;color:#4f5150} .hzMod_1 .rightImg{} .hzMod_1 .desc{width: 355px;top: 155px;position: relative;} .hzMod_1 .desc p{font-size: 24px;color: #424242;line-height: 38px;} .hzMod_1 .desc .btn{display: block;width: 200px;text-align: center;line-height: 50px;background: #fcae28;color: #fff;font-size: 24px;margin-top: 30px;} .hzMod_2 ul li{float: left;margin-right: 40px;width: 518px;} .hzMod_2 ul li.i3{clear: left} .hzMod_2 ul li h3{font-size: 24px;color: #1e1e1e;line-height: 95px;} .hzMod_2 table{} .hzMod_2 table th{border:1px solid #eee;border-left: 0;border-right: 0;padding: 20px 0;width: 150px;text-align: left;font-weight: normal;font-size: 16px;color: #565656;} .hzMod_2 table td{border: 1px solid #eee;border-right: 0;padding-left: 25px;} .fullBg{background-color: #000;left: 0;right: 0;bottom: 0;opacity: 0.8;position: fixed;top: 0;filter: alpha(opacity=80);-moz-opacity: 0.8;-khtml-opacity: 0.8;display: none;z-index: 1000;width: 100%;} .window{position: fixed;top: 50px;left: 50px;z-index: 1009;display: none;} .applyForWindow{width: 610px;height: 390px;background: #fff;top: 50%;margin-top: -195px;left: 50%;margin-left: -305px;text-align: center;border-radius: 10px;} .applyForWindow i{display: block;width: 109px;height: 109px;margin: 0 auto;background: url("images/sprite_2.png") no-repeat -450px 0;margin-top: 90px;margin-bottom: 20px;} .applyForWindow h3{font-size: 28px;color: #333;padding: 15px 0;} .applyForWindow p{font-size: 18px;color: #666} .agentListWindow{background: #fff;border-radius: 10px;width: 610px;left: 50%;margin-left: -305px;top: 150px;padding-bottom: 40px} .agentListWindow .wrap{padding: 0 30px} .agentListWindow .hd{padding: 25px 0;border-bottom: 1px solid #eee} .agentListWindow .hd h3{font-size:24px;color:#4f5150} .agentListWindow .hd i{width: 37px;height: 37px;vertical-align: middle;margin-right: 15px;background: url("images/sprite_2.png") no-repeat -565px 0} .agentListWindow .contact_jm ul{height:500px;overflow:auto} .agentListWindow .contact_jm ul>p{font-size: 20px;text-align: center;padding-top: 20px} .agentListWindow .xClosed{position: absolute;right: 40px;top: 32px;width: 20px;height: 20px;background: url("images/sprite_2.png") no-repeat -608px 0} .agentSingleWindow{background: #fff url(/xiaochengxu/images/main/daliwindowbg.jpg) no-repeat;border-radius: 10px;width: 1100px;left: 50%;margin-left: -550px;top: 50%;height: 600px;margin-top: -300px} .agentSingleWindow .wrap{margin: 0 100px;position: relative} .agentSingleWindow .wrap .name{ text-align: center; top: 282px; position: absolute; width: 100%; font-size: 30px; color: #1c2852; } .agentSingleWindow .wrap .areaSet{ text-align: center; top: 348px; position: absolute; left: 408px; font-size: 30px; width: 198px; overflow: hidden; white-space: nowrap; color: #1c2852;} /*********加盟**************/ .modSect.cooperation{ padding-bottom:0;} .cooperation li{ float:left; width:352px;height:254px; border:1px solid #ededed; margin:0 9px; margin-bottom:25px; text-align:center; } .cooperation li a{display:inline-block; width:100%; height:100%;} .cooperation li i{ width:60px; height:60px;display:inline-block; vertical-align:top; margin-top:46px; margin-bottom:15px; } .cooperation li h3{font-size:18px; color:#333; font-weight:normal;} .cooperation li p{font-size:12px; color:#666; font-weight:normal; line-height:20px; margin-top:12px;} .jmCp_mod .projectDesc ul{} .jmCp_mod .projectDesc ul li{width: 300px;margin: 0 15px;border-radius: 10px} .jmCp_mod .projectDesc ul li i{width: 150px;height: 150px;margin: 20px auto;margin-top: 50px} .jmCp_mod .projectDesc ul li.i1{background:#62d94f} .jmCp_mod .projectDesc ul li.i2{background:#ffb700} .jmCp_mod .projectDesc ul li.i3{background:#5dcaf4} .jmCp_mod .projectDesc ul li.i1 i{background-position: -528px -365px} .jmCp_mod .projectDesc ul li.i2 i{background-position: -678px -365px} .jmCp_mod .projectDesc ul li.i3 i{background-position: -828px -365px} .jmCp_mod .projectDesc ul li h3{color: #fff} .jmCp_mod .projectDesc ul li p{padding: 0 40px;text-align: left;height: 80px;overflow: hidden;color: #fff;line-height: 20px} .tabForKaQuanTit h2{text-align: center;padding: 50px 0 25px;font-size: 35px;} .article .tabForKaQuan{width: auto;text-align: center;line-height: 60px;height: 60px;display: inline-block;float: none;border-radius: 0;overflow: hidden;margin: 0;color: #fff;font-size: 20px;border: 0;} .tabForKaQuan li{width: 330px;text-align: center;line-height: 60px;height: 60px;display: inline-block;float: none;border-radius: 55px;overflow: hidden;margin: 0 25px;background: #B8B8B8;color: #fff;font-size:18px} .asideBanner{z-index:2;position:fixed;bottom:0;left:0;width:20px;height:130px;z-index:100} .asideBanner .width1200{position:relative;margin:0 auto;width:1200px} .asideBanner .asideBannerIcon{position:absolute;top:0;left:0%;width:338px;height:130px;background:url('/xiaochengxu/images/main/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('/xiaochengxu/images/main/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;} .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;}