/******wangmu by20167-21********/ .width1140{ width:1140px; margin:0 auto; padding-bottom: 1px; position:relative;} .width1000{ width:1000px; margin:0 auto; padding-bottom: 90px; position:relative;} .bgGray{ background:#f1f1f1;} .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(/tpl/Home/mocms/common/img_fx/web_12.png);} .article .notice .noticList li.two i{ background:url(/tpl/Home/mocms/common/img_fx/web_14.png);} .article .notice .noticList li.three i{ background:url(/tpl/Home/mocms/common/img_fx/web_16.png);} .article .notice .noticList li.four i{ background:url(/tpl/Home/mocms/common/img_fx/web_09.png);} .article .title{ padding: 40px 0 0 0; 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;} .systemList{ overflow:hidden;position:relative; padding-bottom:60px;} .systemList li{ width:124px; height:124px; float:left; text-align:center; margin: 6px 18px;} .systemList li:hover{ background:#fff;} .systemList li i{ width:60px; height:60px; display:inline-block; vertical-align:top; opacity: 1; -webkit-backface-visibility: hidden; margin-top: 14px;} .systemList li:hover i{-webkit-animation: bounce 1s 0s 1 linear both; animation: bounce 1s 0s 1 linear both;} .systemList li i img{ vertical-align:top;} .systemList li a{ color:#999999;} .systemList li p{ font-size:14px; line-height:20px;} .article .whiteTitle h2,.article .whiteTitle p{ color:#fff; } .advantageList{ margin-bottom:80px;} .advantageList li{ width:33.33%; float:left; text-align:center; position:relative;} .advantageList li .advantage{ width:125px; height: 45px; border-radius: 50%; padding: 40px 0;color:#ffffff; font-size:20px; margin:0 auto; border:7px solid #9bf1df; background:#2ed3b1; margin-bottom: 45px; } .advantageList li:nth-child(1) .advantage{border:7px solid #9bf1df; background:#2ed3b1; } .advantageList li:nth-child(2) .advantage{border:7px solid #80e5d0; background:#1bbc9b; } .advantageList li:nth-child(3) .advantage{border:7px solid #78cab9; background:#0fa183; } .advantageList li .advantage p{} .advantageTitle{ margin-bottom: 40px; margin-top: 10px;;} .advantageList li>p{ font-size:16px; color:#000000; line-height:28px;} .advantageList li span{ position: absolute; width:120px; top: 28%; left: 89%;} .advantageList li span i{ display:inline-block; width:10px; height:10px; border-radius:10px; margin-right:24px; background: #1bbc9b;} .videoList{ position:relative; text-align: center; overflow: hidden; margin-top: 45px;} .videoList li{ float:left; padding:4px; background:#129d81; width:347px; margin-right:37px; margin-bottom:30px;} .videoList li:nth-child(3n){ margin-right:0;} .videoList li .video{width:347px; height:228px; position:relative; background:url(/tpl/Home/mocms/common/img_fx/vidobg_05.png);} .videoList li .video i{ position:absolute; top:79px; left:130px; width:76px; height:70px; border-radius:5px; overflow: hidden; display:block; background: url(/tpl/Home/mocms/common/img_fx/web_77.png) rgba(0,0,0,.5) no-repeat center; background: url("/statics/images/shouyin") no-repeat\9;} .videoList li p{ line-height:38px; font-size:16px; color:#ffffff;} .moreButton{ width:142px; height:30px; line-height:30px; border-radius:30px; text-align:center; margin:50px auto; display: block; color:#fff; background:#1bbc9b; cursor: pointer;} .moreButton i{ display:inline-block; width:18px; height:18px; margin-left: 10px; vertical-align:top; margin-top:6px;*margin-top:0px; background:url(/tpl/Home/mocms/common/img_fx/web-1_73.png);} .moreButton.active i{ background:url(/tpl/Home/mocms/common/img_fx/web-1_74.png);} .blue .moreButton{background:#fff; color:#28B093;} .blue .moreButton i{ background:url(/tpl/Home/mocms/common/img_fx/web-2_09.png);} .blue .moreButton.active i{ background:url(/tpl/Home/mocms/common/img_fx/web-2_10.png);} .profitList{ padding:0 60px;} .profitList li{ float:left; width:340px; text-align: center; margin-bottom: 50px;} .profitList li i{ position:relative; width:100px; height:100px; opacity: 1; -webkit-backface-visibility: hidden; border:1px solid rgb(40, 176, 147); /* box-shadow: 0 0 0 2px rgba(40, 176, 147 ,1);*/border-radius:50%;box-sizing: border-box; display: inline-block; vertical-align:top; margin:20px 0;} .profitList li h3{ font-size:18px; color:#3d3d3d; font-weight:normal; padding-bottom: 5px;} .profitList li p{ font-size:14px; color:#999999;} .profitList li.first i{ background:url(/tpl/Home/mocms/common/img_fx/web_81.png) no-repeat center center ;} .profitList li.two i{ background:url(/tpl/Home/mocms/common/img_fx/web_84.png) no-repeat center center ;} .profitList li.three i{ background:url(/tpl/Home/mocms/common/img_fx/web-1_87.png) no-repeat center center ;} .profitList li.four i{ background:url(/tpl/Home/mocms/common/img_fx/web_88.png) no-repeat center center ;} .profitList li.five i{ background:url(/tpl/Home/mocms/common/img_fx/web_90.png) no-repeat center center ;} .profitList li.six i{ background:url(/tpl/Home/mocms/common/img_fx/web_93.png) no-repeat center center ;} .profitList li i{-webkit-transition: box-shadow 0.2s; -moz-transition: box-shadow 0.2s; transition: box-shadow 0.2s; cursor: pointer;} .profitList li i:before,.profitList li i:after{ content: "";} .profitList li i:before { line-height: 100px;} .profitList li i:hover:after { top: -2px; left: -2px; padding: 0; z-index: 10; border: 2px dashed rgba(40, 176, 147,1);} .profitList li i:hover { /* box-shadow: 0 0 0 0 rgba(255,255,255,0); */border:0; color: #fff;} .profitList li i:after { /* pointer-events: none; */ position: absolute; width: 100%; height: 100%; border-radius: 50%; content: ''; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .warp { width: 1000px; margin: 0 auto; } .profitList li i:nth-child(4):after { -webkit-animation: spinAround 9s linear infinite; -moz-animation: spinAround 9s linear infinite; animation: spinAround 9s linear infinite; } .profitList li i:hover:after { -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); } } .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(/tpl/Home/mocms/common/img_fx/icon.png);} .contact{z-index: 9;position: fixed; right:0; top:50%; margin-top: -315px; border:1px solid #F4F2F2; 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(/tpl/Home/mocms/common/img_fx/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;} span.more { font-size: 16px; color: #11b767; display: inline-block; vertical-align: top; text-align: right; float: right; margin-top: 5px;} span.more i { width: 14px; height: 14px; display: inline-block; vertical-align: top; background: url(/tpl/Home/mocms/common/img_fx/index23_07.png); margin-left: 2px; margin-top: 4px;} span.more a{ color:#11b767;} .trialTxt{ float:right; width: 660px; text-align: right;} .trialTxt p{ display:inline-block; color:#9d9d9d; font-size:16px;line-height:25px; padding:15px 0;width: 430px;} .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;} .trialTxt button a{ color:#fff;} /*******µ¼º½********/ .dropDownList{ position:absolute; top:74px; left:0; width: 100%;background: rgba(23, 159, 84, 0.91);background:url(/o2o/tpl/Home/mocms/common/img_fx/shouyin1_03_03.png)\9;border-bottom: 1px solid #139755;} .exhibitionTitle{ height:50px; line-height:50px; color:#666666; font-size:16px; } .exhibitionTitle li{ position:relative; float:left; width:142px; background:#f1f1f1; text-align: center; cursor:pointer;} .exhibitionTitle li:after{display: table; content: ""; position: absolute; top: 50px; left: 64px; } .exhibitionTitle li:hover:after,.exhibitionTitle li.active:after{ background: url(/tpl/Home/mocms/common/img_fx/wx_35.png); z-index: 9; width: 16px; height: 12px;} .exhibitionTitle li:hover,.exhibitionTitle li.active{ background:#0ECC1C url(/tpl/Home/mocms/common/img_fx/wx_35.png) no-repeat -12px -100px; color:#fff;} .exhibitionTitle li .thisclass{background-color:#00CC00; color:#FFFFFF;} .exhibitionTitle li a:hover{color:#FFFFFF;} .exhibitionTitle li:hover{color:#FFFFFF;} .exhibitionList{ margin-top:24px; margin-bottom: 75px;} .exhibitionList >li{ display:none;} .exhibitionList li:first-child{ display:block;} .exhibitionList li dl{ text-align:center;} .exhibitionList li dl dd{ float:left; width:122px; height:117px; margin-right:3px; margin-bottom:3px; background:#f1f1f1; color:#9d9d9d; font-size:14px; } .exhibitionList li dl dd i{margin-top: 10px; margin-bottom: 10px; width:60px;height:60px; display:inline-block; vertical-align:top;} .exhibitionList li dl dd i img{ vertical-align:top;} .exhibitionList li dl dd i{ display:inline-block; opacity: 1;-webkit-backface-visibility: hidden;filter:progid:dXImageTransform.Microsoft.Glow(color=#000000,Strength=5);} .exhibitionList li dl dd:hover i{ position:relative; /*-webkit-filter: brightness(2.3); filter: brightness(2.3);filter:progid:dXImageTransform.Microsoft.Glow(color=#000000,Strength=5);*/-webkit-animation: tada 1s 0s 1 linear both ; animation: tada 1s 0s 1 linear both;} .exhibitionList li dl dd i em{ display:none; width:100%; height:100%; position:absolute; left:0; top:0;background: #0ECC1C; } .exhibitionList li dl dd:hover i em { display:block;} .exhibitionList li dl dd:hover{ background:#0ECC1C;} .exhibitionList li dl dd:hover a{ color:#fff;} .exhibitionList li dl dd:nth-child(8n){ margin-right:0;} a{transition:all 0.6s ease;-webkit-transition:all 0.6s ease;-moz-transition:all 0.6s ease;-ms-transition:all 0.6s ease;} .relevantList{ padding-bottom: 100px;} .relevantList li{float:left; width:250px;text-align:center;} .newestTable .newestList ul li:hover i img,.relevantList li:hover i{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)} .cardTicket{ margin-bottom:80px; padding: 0;} .cardTicket .cardTicketList.greenOne h2{ margin-left:47px;} .cardTicket .cardTicketList h2{ text-align: left; margin-left: 68px; margin-top: 15px; margin-bottom: 5px;} .cardTicket .cardTicketList h3{ margin-bottom: 5px;} .cardTicket .cardTicketList.greenOne h2{ 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;} .greenOne{ background:#4ab757;} .greenOne i{background:url(/tpl/Home/mocms/common/img_fx/indexnum_09.png);} .greenOne h2{} .redTwo{ background:#f85c5c;} .redTwo i{background:url(/tpl/Home/mocms/common/img_fx/indexnum_12.png);} .redTwo h2{ color:#ffa8a8;} .blueThree{ background:#4d87e3;} .blueThree i{background:url(/tpl/Home/mocms/common/img_fx/indexnum_18.png);} .blueThree h2{ color:#7cafff;} .cyanFour{ background:#2abb9b;} .cyanFour i{background:url(/tpl/Home/mocms/common/img_fx/indexnum_15.png);} .cyanFour h2{ color:#57e2c3;} .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;} .appWindow{background: url("/tpl/Home/mocms/common/img_fx/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("/tpl/Home/mocms/common/img_fx/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} .detailsExhibitionTitle li{ background: rgb(230,230,230);} .details{ padding:30px 0;} .detailsLeft{ float:left; width:167px; padding:15px; background:#ededed; padding-right: 0; margin: 0;} .detailsLeft li{ line-height:44px; height:54px; overflow:hidden; cursor: pointer;} .detailsLeft li.active,.detailsLeft li:hover{ background:#fff;} .detailsLeft li h1{ font-weight:normal; border-bottom:1px solid #f6f6f6; padding:8px 4px; font-size: 14px; 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: 778px; float: left; padding: 35px 20px;} .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: 37px;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{width:94% ; line-height:180%; font-size:14px;} .detailsImgList ul img{max-height:800px; margin:20px auto; display:block} .skillMod{margin-bottom: 65px;} .skillMod ul li{float: left;width: 50%;padding: 10px 0;height: 80px; overflow: hidden; background: #F1F1F1;} .rect3Box ul li{float: left;width: 33%;padding: 10px 0} .skillMod ul li .icon{background: none;width: 78px;height: 78px;float: left;border: 1px solid #999;border-radius: 100%;margin-left: 10px;} .rectBox ul li .icon,.rect3Box ul li .icon{border-radius: 0;background: #f6f6f6;border: 0} .skillMod ul li .icon i{display: block;margin: 0 auto;background: url("/tpl/Home/mocms/common/img_fx/sprite.png") no-repeat;margin-top: 13px;} .skillMod ul li .desc{overflow: hidden;display: table;height: 80px;padding-left: 20px; margin-right: 20px;} .skillMod ul li .desc>div{display: table-cell;vertical-align: middle;color: #3d3d3d;*margin-top: 20px;} .skillMod ul li .desc> .row0 h3{font-size: 16px;font-weight: normal;line-height: 24px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;} .skillMod ul li .desc> .row0 p{font-size: 12px;height: 34px;overflow: hidden;text-overflow: ellipsis;line-height: 34px;white-space: nowrap;width: 100%;color: #888} .skillMod ul li .desc> .row0 p{width: 335px;} .rect3Box ul li .desc> .row0 p{width: 190px;} @-moz-document url-prefix(){.skillMod ul li .desc> .row0 p{width: 330px;}.rect3Box ul li .desc> .row0 p{width: 175px;}} .skillMod ul li.i0 .icon i{background-position: -100px -78px;width: 36px;height: 45px;} .skillMod ul li.i0:hover .icon i{background-position: -148px -78px;} .skillMod ul li.i1 .icon i{background-position: -100px -123px;width: 45px;height: 42px;margin-top: 17px;} .skillMod ul li.i1:hover .icon i{background-position: -148px -123px} .skillMod ul li.i2 .icon i{background-position: -100px -165px;width: 35px;height: 45px} .skillMod ul li.i2:hover .icon i{background-position: -148px -165px} .skillMod ul li.i3 .icon i{background-position: -100px -210px;width: 45px;height: 41px;margin-top: 20px;margin-left: 18px;} .skillMod ul li.i3:hover .icon i{background-position: -148px -210px} .skillMod ul li.i4 .icon i{background-position: -100px -251px;width: 47px;height: 45px;margin-top: 16px;} .skillMod ul li.i4:hover .icon i{background-position: -148px -251px} .skillMod ul li.i5 .icon i{background-position: -100px -296px;width: 43px;height: 45px;margin-top: 16px;} .skillMod ul li.i5:hover .icon i{background-position: -148px -296px} .skillMod ul li.i6 .icon i{background-position: -100px -342px;width: 45px;height: 33px;margin-top: 20px;} .skillMod ul li.i6:hover .icon i{background-position: -148px -342px} .skillMod ul li.i7 .icon i{background-position: -100px -376px;width: 45px;height: 40px;margin-top: 21px;} .skillMod ul li.i7:hover .icon i{background-position: -148px -376px} .skillMod ul li.i8 .icon i{background-position: -100px -417px;width: 45px;height: 45px;margin-top: 16px;} .skillMod ul li.i8:hover .icon i{background-position: -148px -417px} .skillMod ul li.i9 .icon i{background-position: -100px -463px;width: 45px;height: 36px;margin-top: 21px;} .skillMod ul li.i9:hover .icon i{background-position: -148px -463px} .skillMod ul li.i10 .icon i{background-position: -100px -502px;width: 38px;height: 40px;margin-top: 21px;} .skillMod ul li.i10:hover .icon i{background-position: -148px -502px} .skillMod ul li.i11 .icon i{background-position: -100px -543px;width: 45px;height: 45px;margin-top: 17px;} .skillMod ul li.i11:hover .icon i{background-position: -148px -543px} .skillMod ul li.i12 .icon i{background-position: -100px -589px;width: 40px;height: 34px;margin-top: 20px;} .skillMod ul li.i12:hover .icon i{background-position: -148px -589px} .skillMod ul li.i13 .icon i{background-position: -100px -628px;width: 44px;height: 32px;margin-top: 23px;} .skillMod ul li.i13:hover .icon i{background-position: -148px -628px} .skillMod ul li.i14 .icon i{background-position: -100px -663px;width: 41px;height: 40px;margin-top: 20px;} .skillMod ul li.i14:hover .icon i{background-position: -148px -663px} .skillMod ul li.i15 .icon i{background-position: -100px -705px;width: 38px;height: 35px;margin-top: 22px;} .skillMod ul li.i15:hover .icon i{background-position: -148px -705px} .skillMod ul li.i16 .icon i{background-position: -100px -741px;width: 45px;height: 45px;margin-top: 17px;} .skillMod ul li.i16:hover .icon i{background-position: -148px -741px} .skillMod ul li.i17 .icon i{background-position: -100px -788px;width: 40px;height: 40px;margin-top: 17px;} .skillMod ul li.i17:hover .icon i{background-position: -148px -788px} .skillMod ul li.i18 .icon i{background-position: -100px -830px;width: 45px;height: 41px;margin-top: 17px;} .skillMod ul li.i18:hover .icon i{background-position: -148px -830px} .skillMod ul li.i19 .icon i{background-position: -100px -873px;width: 42px;height: 38px;margin-top: 21px;} .skillMod ul li.i19:hover .icon i{background-position: -148px -873px} .skillMod ul li.i20 .icon i{background-position: -100px -914px;width: 33px;height: 30px;margin-top: 24px;} .skillMod ul li.i20:hover .icon i{background-position: -148px -914px} .skillMod ul li.i21 .icon i{background-position: -100px -945px;width: 32px;height: 42px;margin-top: 19px;} .skillMod ul li.i21:hover .icon i{background-position: -148px -945px} .skillMod ul li.i22 .icon i{background-position: -100px -988px;width: 40px;height: 35px;margin-top: 22px;} .skillMod ul li.i22:hover .icon i{background-position: -148px -988px} .skillMod ul li.i23 .icon i{background-position: -100px -1024px;width: 47px;height: 35px;margin-top: 24px;} .skillMod ul li.i23:hover .icon i{background-position: -148px -1024px} .skillMod ul li.i24 .icon i{background-position: -100px -1061px;width: 46px;height: 50px;margin-top: 13px;} .skillMod ul li.i24:hover .icon i{background-position: -148px -1061px} .skillMod ul li.i25 .icon i{background-position: -100px -1112px;width: 47px;height: 47px;margin-top: 16px;} .skillMod ul li.i25:hover .icon i{background-position: -148px -1112px} .skillMod ul li.i26 .icon i{background-position: -100px -1161px;width: 21px;height: 50px;margin-top: 14px;} .skillMod ul li.i26:hover .icon i{background-position: -148px -1161px} .skillMod ul li.i27 .icon i{background-position: -100px -1214px;width: 45px;height: 39px;margin-top: 17px;} .skillMod ul li.i27:hover .icon i{background-position: -148px -1214px} .skillMod ul li.i28 .icon i{background-position: -100px -463px;width: 45px;height: 36px;margin-top: 21px;} .skillMod ul li.i28:hover .icon i{background-position: -148px -463px} .skillMod ul li.i29 .icon i{background-position: -100px -251px;width: 47px;height: 45px;margin-top: 16px;} .skillMod ul li.i29:hover .icon i{background-position: -148px -251px} .skillMod ul li.i30 .icon i{background-position: -100px -1390px;width: 47px;height: 45px;margin-top: 16px;} .skillMod ul li.i30:hover .icon i{background-position: -148px -1390px} .skillMod ul li.i31 .icon i{background-position: -100px -1254px;width: 45px;height: 45px;margin-top: 14px;} .skillMod ul li.i31:hover .icon i{background-position: -148px -1254px} .skillMod ul li.i32 .icon i{background-position: -100px -1344px;width: 42px;height: 45px;margin-top: 17px;} .skillMod ul li.i32:hover .icon i{background-position: -148px -1344px} .skillMod ul li.i33 .icon i{background-position: -100px -463px;width: 45px;height: 36px;margin-top: 21px;} .skillMod ul li.i33:hover .icon i{background-position: -148px -463px} .skillMod ul li.i34 .icon i{background-position: -100px -1436px;width: 42px;height: 42px;margin-top: 19px;} .skillMod ul li.i34:hover .icon i{background-position: -148px -1436px} .skillMod ul li.i35 .icon i{background-position: -100px -1522px;width: 45px;height: 40px;margin-top: 20px;} .skillMod ul li.i35:hover .icon i{background-position: -148px -1522px} .skillMod ul li.i36 .icon i{background-position: -100px -1479px;width: 42px;height: 42px;margin-top: 14px;} .skillMod ul li.i36:hover .icon i{background-position: -148px -1479px} .skillMod ul li.i37 .icon i{background-position: -100px -1300px;width: 43px;height: 42px;margin-top: 17px;} .skillMod ul li.i37:hover .icon i{background-position: -148px -1300px} .skillMod ul li.i38 .icon i{background-position: -148px -628px} .skillMod ul li.i38:hover .icon i{background-position: -148px -628px} .skillMod ul li:hover,.skillMod ul li.on{background: #49b44f} .skillMod ul li:hover .icon,.skillMod ul li.on .icon{border-color: #fff;background: #fff} .skillMod ul li:hover .icon i,.skillMod ul li.on .icon i{background-position-x:-148px} .skillMod ul li:hover .row0,.skillMod ul li.on .row0{color: #fff} .skillMod ul li:hover .row0 p{width: 100%;white-space: normal;line-height: 18px;color: #eee} .jsRect ul{width: 100%;height: 300px;position: relative} .jsRect ul li{position: absolute;} .jsRect ul li.i0{left: 0;top: 0} .jsRect ul li.i1{right: 0;top: 0} .jsRect ul li.i2{left: 0;top: 100px} .jsRect ul li.i3{right: 0;top: 100px} .jsRect ul li.i4{left: 0;top: 200px} .jsRect ul li.i5{right: 0;top: 200px} .jsRect ul li.i6{left: 0;top: 0} .jsRect ul li.i7{right: 0;top: 0} .jsRect ul li.i8{left: 0;top: 100px} .jsRect ul li.i9{right: 0;top: 100px} .jsRect ul li.i10{left: 0;top: 200px} .jsRect ul li.i11{right: 0;top: 200px} .jsRect ul li.i21{left: 0;top: 0} .jsRect ul li.i22{right: 0;top: 0} .jsRect ul li.i23{left: 0;top: 100px} .jsRect ul li.i24{right: 0;top: 100px} .jsRect ul li.i25{left: 0;top: 200px} .jsRect ul li.i26{right: 0;top: 200px} .js3Rect ul{position: relative;width: 100%;height: 300px} .js3Rect ul li{position: absolute} .js3Rect ul li.i12{left: 0;top: 0} .js3Rect ul li.i13{right: 33%;top: 0} .js3Rect ul li.i14{right: 0;top: 0} .js3Rect ul li.i15{left: 0;top: 100px} .js3Rect ul li.i16{right: 33%;top: 100px} .js3Rect ul li.i17{right: 0;top: 100px} .js3Rect ul li.i18{left: 0;top: 200px} .js3Rect ul li.i19{right: 33%;top: 200px} .js3Rect ul li.i20{right: 0;top: 200px} .ulposition { position: relative;top:25px; } .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;} .industrySchemeList li .industry em{ display:none;} .industrySchemeList li .industry p{ color:#9d9d9d; font-size:22px; line-height:40px;} .industrySchemeList li .code{ display:none;width:100%; height:100%; position:absolute; left:0; top:0;} .industrySchemeList li .code i{display:inline-block; vertical-align:top; margin-top:18px; width:90px; height:90px; width:148px; height:143px; background:url(http://static.pigcms.com/o2o/tpl/Home/mocms/common/img_fx/1_03.png) no-repeat;} .industrySchemeList li .code i img{ width: 118px; height: 118px; margin-top: 12px;} .industrySchemeList li .code p{ font-size:16px; color:#fff; line-height: 47px;} .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{} .industrySchemeListICon li:hover{ background:#1abd6c;} .industrySchemeListICon li em{ background:#1abd6c; display: inline-block; width: 90px; height: 90px;} .industrySchemeListICon li:hover em{ display:inline-block;z-index: 999 } .industrySchemeListICon li:hover .industry i{display:none;} .industrySchemeListICon li:hover{ background:#1abd6c;} .industrySchemeListICon li:hover .industry p{ color:#fff;} .insidePageBanner{ height:370px; width:100%; background:url(http://static.pigcms.com/o2o/tpl/Home/mocms/common/img_fx/chi-2_06.png);} .insidePageBanner .bannerCentent{padding-top:30px; } .insidePageBanner .bannerCentent .insideIcon{ text-align:center; width:363px; height:202px; background:url(http://static.pigcms.com/o2o/tpl/Home/mocms/common/img_fx/chi-1_03.png); margin:0 auto;margin-bottom: 30px;} .insidePageBanner .bannerCentent .insideIcon i{ vertical-align: top; margin-top: 31px; width:90px; height:90px; display:inline-block;} .insidePageBanner .bannerCentent .insideIcon i img{ vertical-align:top;} .insidePageBanner .bannerCentent .insideIcon p{ font-size: 22px; color: #1abd6c;} .insidePageBanner .bannerCentent > p{ font-size:20px; line-height:30px; color:#fff; text-align:center; } .insidePageCentent{ margin-top: 50px; padding-bottom: 50px; position:relative;} .insidePageCentent h2{ font-size:40px; color:#333333; line-height: 78px} .insidePageCentent span{ width:45%; display:inline-block; text-align:left; vertical-align: top;} .insidePageCentent h2 i{ margin: 0 18px; vertical-align: top; width:78px; height:78px; line-height:78px; overflow:hidden; border-radius:50%; display:inline-block; background:#f1f1f1; color:#119f58; font-size: 47px; text-align: center; font-weight: bold;} .insidePageCentent .hr{ position:absolute; left:50%; width:2px; height:100%; background:#1abd6c;z-index: -1;} .insidePageCentent span:nth-child(1){ text-align:right;} .insidePageCentent ul{} .insidePageCentent ul li{ line-height: 50px; margin-top: 24px;} .insidePageCentent ul li i{ background: #fff; margin: 0 45px; display: inline-block; vertical-align: top; width:12px; height:12px; border:6px solid #119f58; border-radius:100%;} .insidePageCentent ul li span{ border-bottom:1px dashed #eaeaea; font-size:20px; color:#9f9f9f;} .introduce{ padding-top:56px; text-align: center;} .introduce h2{ font-size:40px; color:#333333; margin-bottom:80px; position:relative; line-height:60px;} .introduce h2:after{ content:""; width:104px; height:3px; position:absolute; left:50%; top:100%; margin-left:-52px; display: block;background: #333;} .introduce>ul{} .introduce>ul>li{ margin-bottom: 70px;} .introduce>ul>li h3{ line-height: 67px; font-size:32px; font-weight:normal; text-align:left;} .introduce>ul>li h3 i{display: inline-block; margin-right: 8px; margin-top: 15px; *margin-top: 0; vertical-align: top; width:40px; height:40px; border:2px solid #27c074; text-align:center; line-height:40px; font-size:40px; color:#1abd6c;} .introduce>ul>li p{text-align:left; font-size:16px; color:#999999; line-height: 30px;} .introduce>ul>li p span{ font-size:16px; color:#1abd6c;} .introduce>ul>li h4{ margin-bottom:67px; font-weight: normal;} .width1140{ width:1140px; margin:0 auto; padding-bottom: 1px; position:relative;} .trialTxt div{margin-top: 15px;margin-left: 3px; float:right; width:96px; line-height:30px; height:30px; text-align:center; border-radius:30px; color:#fff; background:#f1a41f;font-size: 13px;} .trialTxt div a{ color:#fff;} .realitys{ position: relative;top:73px; } .extraclass { width: 1140px; margin: 0 auto; } .ulpositions { position: relative;top:40px; } .lefts { width: 1140px; } .images img{ width: 40px; height: 40px; margin-top: 14px; } .images dd p { margin-bottom: 12px; } .exhibitionList li dl dd { float: left; width: 123px; height: 117px; margin-right: 4px; margin-bottom: 3px; background: #f1f1f1; color: #9d9d9d; font-size: 14px; } .exhibitionList li dl dd p{ font-size: 13px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;} .exhibitionList li dl dd:nth-child(8n){ margin-right:4px; } .exhibitionList li dl dd:nth-child(9n){ margin-right:0; } .contact{ z-index: 9999; } .textsmall a { font-size: 80%; } .dingni { height: 50px; } /*餐饮功能*/ .width960 { width: 100%; } .margin40 { margin: 80px auto; } #container p { border: 0px solid #AAA; font-size: 18px; line-height: 2.0em; } .margin20 { margin: 20px 20px; } .marginLeft280 { margin-left: 0px; font-size: 18px; } /*餐饮系统功能介绍*/ #container .manualList { width: 870px; margin: 0px 0px 400px 0px; clear: both; } #container .manualList h1 { margin: 40px 40px; } #container .manualList h2 { clear: both; background-color: #036bb2; width: 200px; color: #FFF; line-height: 2.0em; border-radius: 10px; border: none; margin-top: 45px; padding: 0px 0px; float: left; *margin: 20px 0px; *height: 100px; *line-height: 3.5em; font-size:20pt; } #container .manualList .styleA { background-color: #c9a063; } #container .manualList ul { height: 100px; width: 650px; color: #FFF; border-radius: 10px; margin: 20px 0px; float: right; font-size: 14pt; } #container .manualList li { list-style: none; float: left; margin: 10px 20px; *font-size: 14pt; *margin: 10px 5px; *height: 30px; *width: 95px; *overflow: hidden; } #container .manualList .styleB { background-color: #919191; } #container .manualList .oneLine { line-height: 4.1em; } #container .manualList .online { background-color: #6AB100 !important;; background-color: #B1036A; } .clearBoth { clear: both; }