ul,ol,li,p,dl,dt,dd{margin:0; padding:0; list-style:none;}


@font-face {font-family: "icon";
    src: url('../fonts/iconfont.eot');
    src: url('../fonts/iconfont.eot') format('embedded-opentype'),
    url('../fonts/iconfont.woff') format('woff'),
    url('../fonts/iconfont.ttf') format('truetype'),
    url('../fonts/iconfont.svg') format('svg');
}
.fa {
    font-family:"icon" !important;
    font-size:16px;
    font-style:normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

.fa-all:before { content: "\e696"; }
.fa-back:before { content: "\e697"; }
.fa-cart:before { content: "\e698"; }
.fa-category:before { content: "\e699"; }
.fa-close:before { content: "\e69a"; }
.fa-comments:before { content: "\e69b"; }
.fa-cry:before { content: "\e69c"; }
.fa-delete:before { content: "\e69d"; }
.fa-edit:before { content: "\e69e"; }
.fa-email:before { content: "\e69f"; }
.fa-favorite:before { content: "\e6a0"; }
.fa-form:before { content: "\e6a2"; }
.fa-help:before { content: "\e6a3"; }
.fa-information:before { content: "\e6a4"; }
.fa-less:before { content: "\e6a5"; }
.fa-moreunfold:before { content: "\e6a6"; }
.fa-more:before { content: "\e6a7"; }
.fa-pic:before { content: "\e6a8"; }
.fa-qrcode:before { content: "\e6a9"; }
.fa-refresh:before { content: "\e6aa"; }
.fa-rfq:before { content: "\e6ab"; }
.fa-search:before { content: "\e6ac"; }
.fa-selected:before { content: "\e6ad"; }
.fa-set:before { content: "\e6ae"; }
.fa-smile:before { content: "\e6af"; }
.fa-success:before { content: "\e6b1"; }
.fa-survey:before { content: "\e6b2"; }
.fa-training:before { content: "\e6b3"; }
.fa-viewgallery:before { content: "\e6b4"; }
.fa-viewlist:before { content: "\e6b5"; }
.fa-warning:before { content: "\e6b6"; }
.fa-wrong:before { content: "\e6b7"; }
.fa-account:before { content: "\e6b8"; }
.fa-add:before { content: "\e6b9"; }
.fa-atm:before { content: "\e6ba"; }
.fa-clock:before { content: "\e6bb"; }
.fa-remind:before { content: "\e6bc"; }
.fa-calendar:before { content: "\e6bf"; }
.fa-attachment:before { content: "\e6c0"; }
.fa-discount:before { content: "\e6c5"; }
.fa-service:before { content: "\e6c7"; }
.fa-print:before { content: "\e6c9"; }
.fa-box:before { content: "\e6cb"; }
.fa-process:before { content: "\e6ce"; }
.fa-beauty:before { content: "\e6d2"; }
.fa-electrical:before { content: "\e6d4"; }
.fa-home:before { content: "\e6d7"; }
.fa-electronics:before { content: "\e6da"; }
.fa-gifts:before { content: "\e6db"; }
.fa-lights:before { content: "\e6de"; }
.fa-sports:before { content: "\e6e0"; }
.fa-toys:before { content: "\e6e1"; }
.fa-auto:before { content: "\e6e3"; }
.fa-jewelry:before { content: "\e6e4"; }
.fa-trade-assurance:before { content: "\e6e5"; }
.fa-browse:before { content: "\e6e6"; }
.fa-rfqqm:before { content: "\e6e7"; }
.fa-rfqquantity:before { content: "\e6e8"; }
.fa-atmaway:before { content: "\e6e9"; }
.fa-rfq1:before { content: "\e6eb"; }
.fa-scanning:before { content: "\e6ec"; }
.fa-compare:before { content: "\e6ee"; }
.fa-filter:before { content: "\e6f1"; }
.fa-pin:before { content: "\e6f2"; }
.fa-history:before { content: "\e6f3"; }
.fa-productfeatures:before { content: "\e6f4"; }
.fa-supplierfeatures:before { content: "\e6f5"; }
.fa-similarproduct:before { content: "\e6f6"; }
.fa-link:before { content: "\e6f7"; }
.fa-cut:before { content: "\e6f8"; }
.fa-navlist:before { content: "\e6fa"; }
.fa-imagetext:before { content: "\e6fb"; }
.fa-text:before { content: "\e6fc"; }
.fa-move:before { content: "\e6fd"; }
.fa-subtract:before { content: "\e6fe"; }
.fa-dollar:before { content: "\e702"; }
.fa-raw:before { content: "\e704"; }
.fa-office:before { content: "\e705"; }
.fa-agriculture:before { content: "\e707"; }
.fa-machinery:before { content: "\e709"; }
.fa-assessedbadge:before { content: "\e70a"; }
.fa-gerenzhongxin:before { content: "\e70b"; }
.fa-jifen:before { content: "\e70c"; }
.fa-operation:before { content: "\e70e"; }
.fa-remind1:before { content: "\e713"; }
.fa-icondownload:before { content: "\e714"; }
.fa-map:before { content: "\e715"; }
.fa-iconfont5:before { content: "\e63a"; }
.fa-bad:before { content: "\e716"; }
.fa-good:before { content: "\e717"; }
.fa-skip:before { content: "\e718"; }
.fa-iconfontplay2:before { content: "\e719"; }
.fa-iconfontstop:before { content: "\e71a"; }
.fa-compass:before { content: "\e71b"; }
.fa-security:before { content: "\e71c"; }
.fa-share:before { content: "\e71d"; }
.fa-store:before { content: "\e722"; }
.fa-manageorder:before { content: "\e723"; }
.fa-rejectedorder:before { content: "\e724"; }
.fa-phone:before { content: "\e725"; }
.fa-bussinessman:before { content: "\e726"; }
.fa-shoes:before { content: "\e728"; }
.fa-mobilephone:before { content: "\e72a"; }
.fa-emailfilling:before { content: "\e72d"; }
.fa-favoritesfilling:before { content: "\e730"; }
.fa-accountfilling:before { content: "\e732"; }
.fa-creditlevel:before { content: "\e735"; }
.fa-creditlevelfilling:before { content: "\e736"; }
.fa-wxbbaobiao:before { content: "\e618"; }
.fa-wxbbiaowang:before { content: "\e619"; }
.fa-wxbgongju:before { content: "\e61b"; }
.fa-wxbmingxingdianpu:before { content: "\e61c"; }
.fa-wxbpinpaibao:before { content: "\e61d"; }
.fa-wxbzhanghu:before { content: "\e61e"; }
.fa-wxbzhuye:before { content: "\e61f"; }
.fa-wxbsousuotuiguang:before { content: "\e620"; }
.fa-wxbdingwei:before { content: "\e624"; }
.fa-exl:before { content: "\e73f"; }
.fa-pdf:before { content: "\e740"; }
.fa-zip:before { content: "\e741"; }
.fa-gouwuche:before { content: "\e63f"; }
.fa-gouwuchetianjia:before { content: "\e640"; }
.fa-cuowu:before { content: "\e641"; }
.fa-erweima:before { content: "\e642"; }
.fa-jushoucang:before { content: "\e643"; }
.fa-lajixiang:before { content: "\e645"; }
.fa-sorting:before { content: "\e743"; }
.fa-lianjie:before { content: "\e646"; }
.fa-naozhong:before { content: "\e648"; }
.fa-saoyisao:before { content: "\e649"; }
.fa-shangfan:before { content: "\e64a"; }
.fa-shezhi:before { content: "\e64b"; }
.fa-shengyin:before { content: "\e64c"; }
.fa-shijian:before { content: "\e64d"; }
.fa-shouhuodizhi:before { content: "\e64e"; }
.fa-shouye:before { content: "\e64f"; }
.fa-shuaxin:before { content: "\e650"; }
.fa-sousuo:before { content: "\e651"; }
.fa-suo:before { content: "\e652"; }
.fa-tishi:before { content: "\e653"; }
.fa-wancheng:before { content: "\e654"; }
.fa-wodedingdan:before { content: "\e655"; }
.fa-wodefankui:before { content: "\e656"; }
.fa-wodehongbao:before { content: "\e657"; }
.fa-wodejuhuasuan:before { content: "\e659"; }
.fa-wodeyouhuiquan:before { content: "\e65a"; }
.fa-xiafan:before { content: "\e65b"; }
.fa-xiala:before { content: "\e65c"; }
.fa-xiangshangjiantou:before { content: "\e65d"; }
.fa-xiangxiajiantou:before { content: "\e65e"; }
.fa-xiangyoujiantou:before { content: "\e65f"; }
.fa-xiangzuojiantou:before { content: "\e660"; }
.fa-yanjing:before { content: "\e661"; }
.fa-yijianfankui:before { content: "\e662"; }
.fa-zhaoxiangji:before { content: "\e663"; }
.fa-zhengque:before { content: "\e664"; }
.fa-xiaoxizhongxin:before { content: "\e665"; }
.fa-lingcunwei:before { content: "\e666"; }
.fa-new:before { content: "\e667"; }
.fa-ju:before { content: "\e668"; }
.fa-suan:before { content: "\e669"; }
.fa-hua:before { content: "\e66a"; }
.fa-ju1:before { content: "\e66b"; }
.fa-huo:before { content: "\e66c"; }
.fa-copy:before { content: "\e744"; }
.fa-save:before { content: "\e747"; }
.fa-inquirytemplate:before { content: "\e749"; }
.fa-templatedefault:before { content: "\e74a"; }
.fa-juzhuanchang:before { content: "\e626"; }
.fa-iconfontyouhuiquan:before { content: "\e627"; }
.fa-iconfontxingxing:before { content: "\e628"; }
.fa-iconfontmingpian:before { content: "\e629"; }
.fa-iconfontshouji:before { content: "\e62a"; }
.fa-iconfontriyongbaihuo:before { content: "\e62c"; }
.fa-iconfontphone:before { content: "\e634"; }
.fa-iconfontqicheyongpin:before { content: "\e636"; }
.fa-iconfontjingxihuaxue:before { content: "\e637"; }
.fa-iconfontjiafangjiashi:before { content: "\e638"; }
.fa-iconfontjixieqimo:before { content: "\e639"; }
.fa-iconfontshumajiadian:before { content: "\e63b"; }
.fa-iconfontmeizhuangrihua:before { content: "\e63c"; }
.fa-iconfonthuangguan:before { content: "\e63d"; }
.fa-iconfontshipin:before { content: "\e63e"; }
.fa-iconfonthuagongyuanliao:before { content: "\e644"; }
.fa-iconfonttongzhuangmuying:before { content: "\e647"; }
.fa-iconfontwujingongju:before { content: "\e658"; }
.fa-iconfontxiangjiaosuliao:before { content: "\e66d"; }
.fa-iconfontxiebaopeishi:before { content: "\e66e"; }
.fa-iconfontyejinkuangchan:before { content: "\e66f"; }
.fa-iconfontyiqiyibiao:before { content: "\e670"; }
.fa-iconfontyundonghuwai:before { content: "\e671"; }
.fa-iconfontzhaomingdianzi:before { content: "\e672"; }
.fa-iconfontgongyichongwu:before { content: "\e673"; }
.fa-iconfontgangcai:before { content: "\e674"; }
.fa-iconfontfuzhuangneiyi:before { content: "\e675"; }
.fa-iconfontfuwushichang:before { content: "\e676"; }
.fa-iconfontfangzhipige:before { content: "\e677"; }
.fa-iconfontdiangongdianqi:before { content: "\e678"; }
.fa-iconfontbaozhuang:before { content: "\e679"; }
.fa-iconfontanquanfanghu:before { content: "\e67a"; }
.fa-gerenshimingrz:before { content: "\e67b"; }
.fa-huanhuobz:before { content: "\e67c"; }
.fa-jiaoqibz:before { content: "\e67d"; }
.fa-jingpaicaigoushang:before { content: "\e67e"; }
.fa-jinpaigongyings:before { content: "\e67f"; }
.fa-jisukuikuan:before { content: "\e680"; }
.fa-maijiabz:before { content: "\e681"; }
.fa-posunbuji:before { content: "\e682"; }
.fa-qiyeshenfenrz:before { content: "\e683"; }
.fa-ruqifahuo:before { content: "\e684"; }
.fa-shendurz:before { content: "\e685"; }
.fa-shenduyanchan:before { content: "\e686"; }
.fa-shenduyanshang:before { content: "\e687"; }
.fa-suyuanzhijianbz:before { content: "\e688"; }
.fa-tigongfapiao:before { content: "\e689"; }
.fa-yingckjian:before { content: "\e68a"; }
.fa-yuanchandipinzhibz:before { content: "\e68b"; }
.fa-yunfeixian:before { content: "\e68c"; }
.fa-zhengpinbz:before { content: "\e68d"; }
.fa-zhifubaofukuan:before { content: "\e68e"; }
.fa-zhiliangbz:before { content: "\e68f"; }
.fa-7tianbaohuan:before { content: "\e690"; }
.fa-7tiantuihuo:before { content: "\e691"; }
.fa-15tianbaohuan:before { content: "\e692"; }
.fa-21tianbaohuan:before { content: "\e693"; }
.fa-24xiaoshifahuo:before { content: "\e694"; }
.fa-48xiaoshifahuo:before { content: "\e695"; }
.fa-60tianbaohuan:before { content: "\e6a1"; }
.fa-72xiaoshifahuo:before { content: "\e6b0"; }
.fa-caigouziying:before { content: "\e6bd"; }
.fa-caizhibz:before { content: "\e6be"; }
.fa-caizhixian:before { content: "\e6c1"; }
.fa-fahuobz:before { content: "\e6c2"; }
.fa-301:before { content: "\e6c3"; }
.fa-7:before { content: "\e6c4"; }
.fa-mian:before { content: "\e6c6"; }
.fa-suyuan:before { content: "\e6c8"; }
.fa-aniukefu2:before { content: "\e6ca"; }
.fa-pinicon:before { content: "\e6cc"; }
.fa-huoqibaozhang:before { content: "\e6cd"; }
.fa-jushoucanggift:before { content: "\e6cf"; }
.fa-liwu:before { content: "\e6d0"; }
.fa-yuyin:before { content: "\e6d1"; }
.fa-libra:before { content: "\e74c"; }
.fa-survey1:before { content: "\e74e"; }
.fa-ship:before { content: "\e74f"; }
.fa-quehuobipei01:before { content: "\e6d3"; }
.fa-bussinesscard:before { content: "\e753"; }
.fa-hot:before { content: "\e756"; }
.fa-15tianbaotui01:before { content: "\e6d5"; }
.fa-zhi:before { content: "\e6d6"; }
.fa-data:before { content: "\e757"; }
.fa-trade:before { content: "\e758"; }
.fa-onepage48:before { content: "\e75a"; }
.fa-all1:before { content: "\e6d8"; }
.fa-cart1:before { content: "\e6d9"; }
.fa-set1:before { content: "\e6dc"; }
.fa-arrowdown:before { content: "\e6dd"; }
.fa-arrowleft:before { content: "\e6df"; }
.fa-arrowright:before { content: "\e6e2"; }
.fa-arrowup:before { content: "\e6ea"; }
.fa-favorite1:before { content: "\e6ed"; }
.fa-good1:before { content: "\e6ef"; }
.fa-close1:before { content: "\e6f0"; }
.fa-refresh1:before { content: "\e6f9"; }
.fa-map1:before { content: "\e6ff"; }
.fa-account1:before { content: "\e700"; }
.fa-search1:before { content: "\e701"; }
.fa-download:before { content: "\e703"; }
.fa-compass1:before { content: "\e706"; }
.fa-comments1:before { content: "\e708"; }
.fa-down:before { content: "\e70d"; }
.fa-up:before { content: "\e70f"; }
.fa-play:before { content: "\e710"; }
.fa-error:before { content: "\e711"; }
.fa-prompt:before { content: "\e712"; }
.fa-success1:before { content: "\e71e"; }

.fa-stop:before { content: "\e71f"; }
.fa-help1:before { content: "\e720"; }
.fa-time:before { content: "\e721"; }
.fa-cry1:before { content: "\e727"; }
.fa-add1:before { content: "\e729"; }
.fa-minus:before { content: "\e72b"; }
.fa-link1:before { content: "\e72c"; }
.fa-atm1:before { content: "\e72e"; }
.fa-skip1:before { content: "\e72f"; }
.fa-attachment1:before { content: "\e731"; }
.fa-browse1:before { content: "\e733"; }
.fa-phone1:before { content: "\e734"; }
.fa-bad1:before { content: "\e737"; }
.fa-text1:before { content: "\e738"; }
.fa-iconfont-shanzi:before { content: "\e739"; }
.fa-erweima1688:before { content: "\e73a"; }
.fa-renminbi1688:before { content: "\e73b"; }
.fa-7tianbaotui:before { content: "\e73c"; }
.fa-tupianbaohu:before { content: "\e73d"; }
.fa-signboard:before { content: "\e75c"; }
.fa-shuffling-banner:before { content: "\e75e"; }
.fa-component:before { content: "\e75f"; }
.fa-component-filling:before { content: "\e760"; }
.fa-color:before { content: "\e761"; }
.fa-color-filling:before { content: "\e7cd"; }
.fa-favorites:before { content: "\e7ce"; }
.fa-pic-filling:before { content: "\e802"; }
.fa-RFQ:before { content: "\e803"; }
.fa-RFQ-filling:before { content: "\e804"; }
.fa-originalimage:before { content: "\e806"; }
.fa-logistic:before { content: "\e811"; }
.fa-Calculator:before { content: "\e812"; }
.fa-video:before { content: "\e820"; }
.fa-earth:before { content: "\e828"; }
.fa-task-management:before { content: "\e829"; }
.fa-trust:before { content: "\e82a"; }
.fa-password:before { content: "\e82b"; }
.fa-column:before { content: "\e839"; }
.fa-apparel:before { content: "\e83a"; }
.fa-bags:before { content: "\e83b"; }
.fa-folder:before { content: "\e83c"; }
.fa-column1:before { content: "\e83d"; }
.fa-tuihuobaozhang:before { content: "\e73e"; }
.fa-code:before { content: "\e842"; }
.fa-RFQ-filling1:before { content: "\e843"; }
.fa-customs-clearance:before { content: "\e863"; }
.fa-zmxy:before { content: "\e742"; }
.fa-good-filling:before { content: "\e866"; }
.fa-number_:before { content: "\e77b"; }
.fa-number_1:before { content: "\e77c"; }
.fa-number_2:before { content: "\e77d"; }
.fa-number_3:before { content: "\e77e"; }
.fa-number_4:before { content: "\e77f"; }
.fa-number_5:before { content: "\e780"; }
.fa-number_6:before { content: "\e781"; }
.fa-number_7:before { content: "\e782"; }
.fa-number_punctuation:before { content: "\e783"; }
.fa-number_8:before { content: "\e78e"; }
.fa-number_9:before { content: "\e78f"; }
.fa-add2:before { content: "\e931"; }
.fa-column2:before { content: "\e932"; }
.fa-column3:before { content: "\e933"; }
.fa-air-drop:before { content: "\e934"; }
.fa-add-r:before { content: "\e935"; }
.fa-add-s:before { content: "\e936"; }
.fa-arrow-double-left:before { content: "\e937"; }
.fa-app:before { content: "\e938"; }
.fa-also-loan:before { content: "\e939"; }
.fa-ascending:before { content: "\e93a"; }
.fa-air:before { content: "\e93b"; }
.fa-arrow-double-right:before { content: "\e93c"; }
.fa-atm2:before { content: "\e93d"; }
.fa-atm-away:before { content: "\e93e"; }
.fa-bad-r:before { content: "\e93f"; }
.fa-attendance:before { content: "\e940"; }
.fa-bad2:before { content: "\e941"; }
.fa-back-r:before { content: "\e942"; }
.fa-back1:before { content: "\e943"; }
.fa-bank-card:before { content: "\e944"; }
.fa-bar-chart:before { content: "\e945"; }
.fa-box1:before { content: "\e946"; }
.fa-building:before { content: "\e947"; }
.fa-business:before { content: "\e948"; }
.fa-bill:before { content: "\e949"; }
.fa-calculator:before { content: "\e94a"; }
.fa-calendar1:before { content: "\e94b"; }
.fa-camera:before { content: "\e94c"; }
.fa-businesscard:before { content: "\e94d"; }
.fa-car:before { content: "\e94e"; }
.fa-chat:before { content: "\e94f"; }
.fa-cangneishicao:before { content: "\e950"; }
.fa-check:before { content: "\e951"; }
.fa-checkbox-selected:before { content: "\e952"; }
.fa-Chinese:before { content: "\e953"; }
.fa-checkbox:before { content: "\e954"; }
.fa-clock1:before { content: "\e955"; }
.fa-close2:before { content: "\e956"; }
.fa-commodity:before { content: "\e957"; }
.fa-colthes:before { content: "\e958"; }
.fa-compare1:before { content: "\e959"; }
.fa-compass2:before { content: "\e95a"; }
.fa-complain:before { content: "\e95b"; }
.fa-complete-r:before { content: "\e95c"; }
.fa-complete:before { content: "\e95d"; }
.fa-courier:before { content: "\e95e"; }
.fa-copy1:before { content: "\e95f"; }
.fa-CSR:before { content: "\e960"; }
.fa-create-bill:before { content: "\e961"; }
.fa-cut1:before { content: "\e962"; }
.fa-dashboard:before { content: "\e963"; }
.fa-delete1:before { content: "\e964"; }
.fa-delivery:before { content: "\e965"; }
.fa-customs:before { content: "\e966"; }
.fa-descending:before { content: "\e967"; }
.fa-dialog:before { content: "\e968"; }
.fa-diamond:before { content: "\e969"; }
.fa-download1:before { content: "\e96a"; }
.fa-ding:before { content: "\e96b"; }
.fa-drop:before { content: "\e96c"; }
.fa-dollar1:before { content: "\e96d"; }
.fa-duihua:before { content: "\e96e"; }
.fa-edit1:before { content: "\e96f"; }
.fa-electronics1:before { content: "\e970"; }
.fa-English:before { content: "\e971"; }
.fa-error-s:before { content: "\e972"; }
.fa-enclosure:before { content: "\e973"; }
.fa-error-r:before { content: "\e974"; }
.fa-exclamatory-mark-r:before { content: "\e975"; }
.fa-exchange:before { content: "\e976"; }
.fa-exclamatory-mark-t:before { content: "\e977"; }
.fa-exclamatory-mark:before { content: "\e978"; }
.fa-extend-r:before { content: "\e979"; }
.fa-extend:before { content: "\e97a"; }
.fa-exit-fullscreen:before { content: "\e97b"; }
.fa-finance:before { content: "\e97c"; }
.fa-favorites1:before { content: "\e97d"; }
.fa-filter1:before { content: "\e97e"; }
.fa-first-page:before { content: "\e97f"; }
.fa-flash-lamp-auto:before { content: "\e980"; }
.fa-flash-lamp-off:before { content: "\e981"; }
.fa-flash-lamp:before { content: "\e982"; }
.fa-forward-r:before { content: "\e983"; }
.fa-forbidden:before { content: "\e984"; }
.fa-forward-sorting:before { content: "\e985"; }
.fa-fullscreen:before { content: "\e986"; }
.fa-forward:before { content: "\e987"; }
.fa-gifts1:before { content: "\e988"; }
.fa-free:before { content: "\e989"; }
.fa-folder1:before { content: "\e98a"; }
.fa-good-r:before { content: "\e98b"; }

.fa-good2:before { content: "\e98c"; }
.fa-group:before { content: "\e98d"; }
.fa-home1:before { content: "\e98e"; }
.fa-history1:before { content: "\e98f"; }
.fa-image-text:before { content: "\e990"; }
.fa-horizontal-retractio:before { content: "\e991"; }
.fa-horizontal-expansion:before { content: "\e992"; }
.fa-horn:before { content: "\e993"; }
.fa-import:before { content: "\e994"; }
.fa-image:before { content: "\e995"; }
.fa-info-r:before { content: "\e996"; }
.fa-info:before { content: "\e997"; }
.fa-information1:before { content: "\e998"; }
.fa-key:before { content: "\e999"; }
.fa-international:before { content: "\e99a"; }
.fa-keyboard:before { content: "\e99b"; }
.fa-last-page:before { content: "\e99c"; }
.fa-increase:before { content: "\e99d"; }
.fa-left:before { content: "\e99e"; }
.fa-letter:before { content: "\e99f"; }
.fa-lefy-exchange:before { content: "\e9a0"; }
.fa-left-sorting:before { content: "\e9a1"; }
.fa-light:before { content: "\e9a2"; }
.fa-like:before { content: "\e9a3"; }
.fa-link2:before { content: "\e9a4"; }
.fa-line:before { content: "\e9a5"; }
.fa-load:before { content: "\e9a6"; }
.fa-loading-:before { content: "\e9a7"; }
.fa-loading-1:before { content: "\e9a8"; }
.fa-lock:before { content: "\e9a9"; }
.fa-loan:before { content: "\e9aa"; }
.fa-location:before { content: "\e9ab"; }
.fa-logistics:before { content: "\e9ac"; }
.fa-macbook:before { content: "\e9ad"; }
.fa-logout:before { content: "\e9ae"; }
.fa-minus-r:before { content: "\e9af"; }
.fa-map-:before { content: "\e9b0"; }
.fa-map-1:before { content: "\e9b1"; }
.fa-mic:before { content: "\e9b2"; }
.fa-minus1:before { content: "\e9b3"; }
.fa-mobile-Phone:before { content: "\e9b4"; }
.fa-minus-s:before { content: "\e9b5"; }
.fa-money:before { content: "\e9b6"; }
.fa-monitor:before { content: "\e9b7"; }
.fa-money-bill:before { content: "\e9b8"; }
.fa-moneys:before { content: "\e9b9"; }
.fa-more-transverse:before { content: "\e9ba"; }
.fa-locker:before { content: "\e9bb"; }
.fa-more-vertical:before { content: "\e9bc"; }
.fa-nav-list:before { content: "\e9bd"; }
.fa-news:before { content: "\e9be"; }
.fa-no-attendance:before { content: "\e9bf"; }
.fa-not-sign:before { content: "\e9c0"; }
.fa-navigation:before { content: "\e9c1"; }
.fa-network:before { content: "\e9c2"; }
.fa-notice:before { content: "\e9c3"; }
.fa-office1:before { content: "\e9c4"; }
.fa-operation1:before { content: "\e9c5"; }
.fa-package:before { content: "\e9c6"; }
.fa-organization:before { content: "\e9c7"; }
.fa-open-package:before { content: "\e9c8"; }
.fa-paste:before { content: "\e9c9"; }
.fa-paly:before { content: "\e9ca"; }
.fa-pause:before { content: "\e9cb"; }
.fa-phone-r:before { content: "\e9cc"; }
.fa-PDA:before { content: "\e9cd"; }
.fa-pie-chart:before { content: "\e9ce"; }
.fa-position:before { content: "\e9cf"; }
.fa-power:before { content: "\e9d0"; }
.fa-prine:before { content: "\e9d1"; }
.fa-quality:before { content: "\e9d2"; }
.fa-question-mark-r:before { content: "\e9d3"; }
.fa-process1:before { content: "\e9d4"; }
.fa-ppt:before { content: "\e9d5"; }
.fa-question-mark:before { content: "\e9d6"; }
.fa-Raidobox-selectedRai:before { content: "\e9d7"; }
.fa-red-packet:before { content: "\e9d8"; }
.fa-radar:before { content: "\e9d9"; }
.fa-refund:before { content: "\e9da"; }
.fa-register:before { content: "\e9db"; }
.fa-Raidobox:before { content: "\e9dc"; }
.fa-resource:before { content: "\e9dd"; }
.fa-refresh2:before { content: "\e9de"; }
.fa-reverse-sorting:before { content: "\e9df"; }
.fa-relationship:before { content: "\e9e0"; }
.fa-right-exchange:before { content: "\e9e1"; }
.fa-rise:before { content: "\e9e2"; }
.fa-right:before { content: "\e9e3"; }
.fa-right-sorting:before { content: "\e9e4"; }
.fa-RMB:before { content: "\e9e5"; }
.fa-satisfy:before { content: "\e9e6"; }
.fa-safe:before { content: "\e9e7"; }
.fa-rule:before { content: "\e9e8"; }
.fa-save1:before { content: "\e9e9"; }
.fa-scan:before { content: "\e9ea"; }
.fa-schedule:before { content: "\e9eb"; }
.fa-screwdriver:before { content: "\e9ec"; }
.fa-search2:before { content: "\e9ed"; }
.fa-service1:before { content: "\e9ee"; }
.fa-security1:before { content: "\e9ef"; }
.fa-settlement:before { content: "\e9f0"; }
.fa-setup:before { content: "\e9f1"; }
.fa-share1:before { content: "\e9f2"; }
.fa-setting:before { content: "\e9f3"; }
.fa-shield:before { content: "\e9f4"; }
.fa-shopping-cart:before { content: "\e9f5"; }
.fa-signed:before { content: "\e9f6"; }
.fa-shrink:before { content: "\e9f7"; }
.fa-shrink-r:before { content: "\e9f8"; }
.fa-shoppingbag:before { content: "\e9f9"; }
.fa-similar-product:before { content: "\e9fa"; }
.fa-slide:before { content: "\e9fb"; }
.fa-sort:before { content: "\e9fc"; }
.fa-stop1:before { content: "\e9fd"; }
.fa-stock:before { content: "\e9fe"; }
.fa-standard:before { content: "\e9ff"; }
.fa-sorting1:before { content: "\ea00"; }
.fa-storage:before { content: "\ea01"; }
.fa-store1:before { content: "\ea02"; }
.fa-tag-subscript:before { content: "\ea03"; }
.fa-tag-selected:before { content: "\ea04"; }
.fa-table:before { content: "\ea05"; }
.fa-survey2:before { content: "\ea06"; }
.fa-sync:before { content: "\ea07"; }
.fa-tag:before { content: "\ea08"; }
.fa-task:before { content: "\ea09"; }
.fa-top:before { content: "\ea0a"; }
.fa-time1:before { content: "\ea0b"; }
.fa-transfer-station:before { content: "\ea0c"; }
.fa-text2:before { content: "\ea0d"; }
.fa-trend-chart:before { content: "\ea0e"; }
.fa-template:before { content: "\ea0f"; }
.fa-unlock:before { content: "\ea10"; }
.fa-upload:before { content: "\ea11"; }
.fa-unsatisfy:before { content: "\ea12"; }
.fa-unseen:before { content: "\ea13"; }
.fa-user-r:before { content: "\ea14"; }
.fa-user:before { content: "\ea15"; }
.fa-usually:before { content: "\ea16"; }
.fa-vedio:before { content: "\ea17"; }
.fa-vertical-expansion:before { content: "\ea18"; }
.fa-camera1:before { content: "\e86e"; }




.solution-box{
    background: #373d41;

}
.solution-cut{width:1560px; margin:0 auto; position:relative;}
.solution-swiper{width:100%; overflow:hidden;}
.solution-box button.fa{position:absolute; top:0; bottom:0; width:50px; background:rgba(0,0,0,.1); color:rgba(255,255,255,.5);
    cursor:pointer; border:none; font-size:40px; padding:0;
    transition:.3s; -moz-transition:.3s; -ms-transition:.3s; -o-transition:.3s; -webkit-transition:.3s;}
.solution-box button.fa:hover{background:#0166ce; color:#fff;}
.solution-box .fa-back{right:100%;}
.solution-box .fa-more{left:100%;}
.solution-box ul{width:10000%;}
.solution-box ul:after{display:block; clear:both; content:'';}
.solution-box ul li{width:.2%; float:left; text-align:center; color:#fff; position:relative;}
.solution-box ul li span{display:block; position:absolute; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,.5);
    transition:.3s; -moz-transition:.3s; -ms-transition:.3s; -o-transition:.3s; -webkit-transition:.3s;}
.solution-box ul li:nth-child(2) span,
.solution-box ul li:nth-child(4) span{background:rgba(0,0,0,.75);
    transition:.3s; -moz-transition:.3s; -ms-transition:.3s; -o-transition:.3s; -webkit-transition:.3s;}
.solution-box ul li i{font-size:50px; opacity:.85; position:absolute; width:100%; left:0; bottom:53%;
    transition:.3s; -moz-transition:.3s; -ms-transition:.3s; -o-transition:.3s; -webkit-transition:.3s;}
.solution-box ul li hr{width:30px; height:2px; background:#fff; border:none; position:absolute;
    left:50%; top:50%; margin:0 0 0 -15px; padding:0;
    transition:.3s; -moz-transition:.3s; -ms-transition:.3s; -o-transition:.3s; -webkit-transition:.3s;}
.solution-box ul li h3{font-size:24px; position:absolute; width:100%; left:0; top:53%;
    transition:.3s;}
.solution-box ul li p{width:80%; position:absolute; font-size:16px; left:10%; top:70%; opacity:0;
    transition:.3s;}
.solution-box ul li a{position:absolute; top:85%; font-size:16px; line-height:32px; width:120px;
    margin:0 0 0 -60px; color:#fff; border:2px solid #fff; opacity:0;
    transition:.3s; -moz-transition:.3s; -ms-transition:.3s; -o-transition:.3s; -webkit-transition:.3s;}
.solution-box ul li a:hover{background:#fff; color:#373d41;}
.solution-box ul li img{display:block; width:100%;}
.solution-box ul li:hover span{background:rgba(48,113,255,.85);}
.solution-box ul li:hover i{bottom:63%;}
.solution-box ul li:hover hr{top:40%; opacity:0;}
.solution-box ul li:hover h3{top:38%;}
.solution-box ul li:hover p{top:50%; opacity:1;}
.solution-box ul li:hover a{top:75%; opacity:1;}
@media(max-width:1680px){
    .solution-cut{width:1480px;}
    .solution-box ul li i{font-size:46px;}
    .solution-box ul li h3{font-size:22px;}
    .solution-box ul li p{font-size:14px;}
    .solution-box ul li a{font-size:14px; line-height:28px; width:100px; margin:0 0 0 -50px; }
}
@media(max-width:1600px){
    .solution-cut{width:1300px;}
}
@media(max-width:1440px){
    .solution-cut{width:1200px;}
    .solution-box ul li i{font-size:40px;}
    .solution-box ul li h3{font-size:18px;}
    .solution-box ul li p{font-size:12px;}
}
@media(max-width:767px){
    .solution-cut{width:100%; padding:0;}
    .solution-box ul li{width:290px;}
    .solution-box button.fa{display:none;}
    .solution-box .fa-back{left:0; right:auto;}
    .solution-box .fa-more{left:auto; right:0;}
}


@charset "utf-8";
/* CSS Document */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0px;
    border: 0;
    font-size: 100%;
    outline: none;
}
html {
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}
/* always display scrollbars */


ol, ul, li {
    list-style: none;
}


a{
    text-decoration: none;
}


h1, h2, h3, h4 {
    font-weight: normal;
}
em, i {
    font-style: normal;
}
p + p, p + .lead {
    margin-top: 0;
}

/* Keyframes */
/*empty*/
@-webkit-keyframes empty {
    0% {
        opacity: 1;
    }
}
@-moz-keyframes empty {
    0% {
        opacity: 1;
    }
}
@keyframes empty {
    0% {
        opacity: 1;
    }
}
@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@-moz-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
@-moz-keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
@keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
@-webkit-keyframes backSlideOut {
    25% {
        opacity: .5;
        -webkit-transform: translateZ(-500px);
    }
    75% {
        opacity: .5;
        -webkit-transform: translateZ(-500px) translateX(-200%);
    }
    100% {
        opacity: .5;
        -webkit-transform: translateZ(-500px) translateX(-200%);
    }
}
@-moz-keyframes backSlideOut {
    25% {
        opacity: .5;
        -moz-transform: translateZ(-500px);
    }
    75% {
        opacity: .5;
        -moz-transform: translateZ(-500px) translateX(-200%);
    }
    100% {
        opacity: .5;
        -moz-transform: translateZ(-500px) translateX(-200%);
    }
}
@keyframes backSlideOut {
    25% {
        opacity: .5;
        transform: translateZ(-500px);
    }
    75% {
        opacity: .5;
        transform: translateZ(-500px) translateX(-200%);
    }
    100% {
        opacity: .5;
        transform: translateZ(-500px) translateX(-200%);
    }
}
@-webkit-keyframes backSlideIn {
    0%, 25% {
        opacity: .5;
        -webkit-transform: translateZ(-500px) translateX(200%);
    }
    75% {
        opacity: .5;
        -webkit-transform: translateZ(-500px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateZ(0) translateX(0);
    }
}
@-moz-keyframes backSlideIn {
    0%, 25% {
        opacity: .5;
        -moz-transform: translateZ(-500px) translateX(200%);
    }
    75% {
        opacity: .5;
        -moz-transform: translateZ(-500px);
    }
    100% {
        opacity: 1;
        -moz-transform: translateZ(0) translateX(0);
    }
}
@keyframes backSlideIn {
    0%, 25% {
        opacity: .5;
        transform: translateZ(-500px) translateX(200%);
    }
    75% {
        opacity: .5;
        transform: translateZ(-500px);
    }
    100% {
        opacity: 1;
        transform: translateZ(0) translateX(0);
    }
}
@-webkit-keyframes scaleToFade {
    to {
        opacity: 0;
        -webkit-transform: scale(.8);
    }
}
@-moz-keyframes scaleToFade {
    to {
        opacity: 0;
        -moz-transform: scale(.8);
    }
}
@keyframes scaleToFade {
    to {
        opacity: 0;
        transform: scale(.8);
    }
}
@-webkit-keyframes goDown {
    from {
        -webkit-transform: translateY(-100%);
    }
}
@-moz-keyframes goDown {
    from {
        -moz-transform: translateY(-100%);
    }
}
@keyframes goDown {
    from {
        transform: translateY(-100%);
    }
}
@-webkit-keyframes scaleUpFrom {
    from {
        opacity: 0;
        -webkit-transform: scale(1.5);
    }
}
@-moz-keyframes scaleUpFrom {
    from {
        opacity: 0;
        -moz-transform: scale(1.5);
    }
}
@keyframes scaleUpFrom {
    from {
        opacity: 0;
        transform: scale(1.5);
    }
}
@-webkit-keyframes scaleUpTo {
    to {
        opacity: 0;
        -webkit-transform: scale(1.5);
    }
}
@-moz-keyframes scaleUpTo {
    to {
        opacity: 0;
        -moz-transform: scale(1.5);
    }
}
@keyframes scaleUpTo {
    to {
        opacity: 0;
        transform: scale(1.5);
    }
}
@-webkit-keyframes pulsate {
    0% {
        -webkit-transform:scale(.01, .01);
        transform:scale(.01, .01);
        opacity:0
    }
    70% {
        opacity:1
    }
    100% {
        -webkit-transform:scale(1.2, 1.2);
        transform:scale(1.2, 1.2);
        opacity:0
    }
}
@keyframes pulsate {
    0% {
        -webkit-transform:scale(.01, .01);
        transform:scale(.01, .01);
        opacity:0
    }
    70% {
        opacity:1
    }
    100% {
        -webkit-transform:scale(1.2, 1.2);
        transform:scale(1.2, 1.2);
        opacity:0
    }
}



.service {
    background-color: #fff;
    zoom: 1;
    margin-bottom: 30px;
}

.service .service-list {
    position: relative;
    width: 1218px;
    margin: 0 auto;
    overflow: hidden;
    zoom: 1
}

.service ul {
    left: 0;
    top: 0;
    width: 1218px;
    padding-top: 5px;
    transition: left .8s ease-in-out
}

.service li {
    float: left;
    width: 23%;
    height: 153px;margin-left: 1%;
}

.service li a {
    position: relative;
    display: block;
    height: 130px;
    padding: 10px 0 0 40px;
    zoom: 1
}

.service .item-box {
    position: relative;
    height: 140px;
    padding: 5px 0 0 60px;
    background: url(../image/tb10tanjpxxxxblxpxxxxxxxxxx-274-186.png) 0 0 no-repeat;
    color: #00a0ff;
    zoom: 1
}

.service .overlay-start {
    position: absolute;
    bottom: -2px;
    right: -2px;
    width: 34px;
    height: 10px;
    background-color: #fff
}

.service .overlay-bottom {
    position: absolute;
    left: -2px;
    bottom: -2px;
    width: 295px;
    height: 15px;
    background-color: #fff
}

.service .overlay-left {
    position: absolute;
    left: -2px;
    top: -2px;
    width: 15px;
    height: 189px;
    background-color: #fff
}

.service .overlay-top {
    position: absolute;
    right: -2px;
    top: -2px;
    width: 280px;
    height: 15px;
    background-color: #fff
}

.service .overlay-right {
    position: absolute;
    right: -2px;
    bottom: -2px;
    width: 15px;
    height: 140px;
    background-color: #fff
}

.service .service-icon {
    position: absolute;
    left: 0;
    top: 39px;
    width: 80px;
    height: 80px;
    /* padding-top: 12px; */
    background-color: #fff;
    z-index: 11;
}

.service .service-icon .circle{
    width: 80px;
    height: 80px;
    line-height: 80px;
    text-align: center;
    color: #359EFB;
    font-size: 28px;
    background: url(../image/tb1.fjxivxxxxbqxvxxxxxxxxxx-80-80.png) 0 0 no-repeat;
}





.service .service-icon .iconfont {
    font-size: 32px;
    color: #00a0ff
}

.service .start-point {
    position: absolute;
    right: -8px;
    bottom: -3px;
    width: 0;
    height: 16px;
    background-color: #fff;
    overflow: hidden
}

.service .start-point .circle {
    float: right;
    width: 16px;
    height: 16px;
    background: url(../image/tb15pjohvxxxxcaxpxxxxxxxxxx-16-16.png) 0 0 no-repeat
}

.service h3 {
    line-height: 52px;
    font-size: 24px;
    color: #666;
}

.service h4 {
    line-height: 27px;
    font-size: 14px;
    color: #666
}

.service a:hover h3,
.service a:hover h4 {
    color:#359EFB;
}

.service a:hover .overlay-bottom {
    animation: borderslideBottom .15s linear 0s 1;
    animation-fill-mode: forwards
}

.service a:hover .overlay-left {
    animation: bordersildeLeft .2s linear .15s 1;
    animation-fill-mode: forwards
}

.service a:hover .overlay-top {
    animation: bordersildeTop .15s linear .35s 1;
    animation-fill-mode: forwards
}

.service a:hover .overlay-right {
    animation: bordersildeRight .2s linear .5s 1;
    animation-fill-mode: forwards
}

.service a:hover .start-point {
    animation: bordersildeEnd .1s linear .7s 1;
    animation-fill-mode: forwards
}

.service .arrow {
    top: 357px
}



@-moz-keyframes slogan {
    0% {
        opacity: 0;
        margin-top: 0
    }

    100% {
        opacity: 1;
        margin-top: -30px
    }
}

@-webkit-keyframes slogan {
    0% {
        opacity: 0;
        margin-top: 0
    }

    100% {
        opacity: 1;
        margin-top: -30px
    }
}

@keyframes slogan {
    0% {
        opacity: 0;
        margin-top: 0
    }

    100% {
        opacity: 1;
        margin-top: -30px
    }
}

@-moz-keyframes clickme {
    0% {
        opacity: .2;
        transform: translate3d(0, -5px, 0)
    }

    100% {
        opacity: .8;
        transform: translate3d(0, 5px, 0)
    }
}

@-webkit-keyframes clickme {
    0% {
        opacity: .2;
        transform: translate3d(0, -5px, 0)
    }

    100% {
        opacity: .8;
        transform: translate3d(0, 5px, 0)
    }
}

@keyframes clickme {
    0% {
        opacity: .2;
        transform: translate3d(0, -5px, 0)
    }

    100% {
        opacity: .8;
        transform: translate3d(0, 5px, 0)
    }
}

@-moz-keyframes borderslideBottom {
    from {
        width: 295px
    }

    to {
        width: 0
    }
}

@-webkit-keyframes borderslideBottom {
    from {
        width: 295px
    }

    to {
        width: 0
    }
}

@keyframes borderslideBottom {
    from {
        width: 295px
    }

    to {
        width: 0
    }
}

@-moz-keyframes bordersildeLeft {
    from {
        height: 189px
    }

    to {
        height: 0
    }
}

@-webkit-keyframes bordersildeLeft {
    from {
        height: 189px
    }

    to {
        height: 0
    }
}

@keyframes bordersildeLeft {
    from {
        height: 189px
    }

    to {
        height: 0
    }
}

@-moz-keyframes bordersildeTop {
    from {
        width: 295px
    }

    to {
        width: 0
    }
}

@-webkit-keyframes bordersildeTop {
    from {
        width: 295px
    }

    to {
        width: 0
    }
}

@keyframes bordersildeTop {
    from {
        width: 295px
    }

    to {
        width: 0
    }
}

@-moz-keyframes bordersildeRight {
    from {
        height: 189px
    }

    to {
        height: 0
    }
}

@-webkit-keyframes bordersildeRight {
    from {
        height: 189px
    }

    to {
        height: 0
    }
}

@keyframes bordersildeRight {
    from {
        height: 189px
    }

    to {
        height: 0
    }
}

@-moz-keyframes bordersildeEnd {
    from {
        width: 0
    }

    to {
        width: 34px
    }
}

@-webkit-keyframes bordersildeEnd {
    from {
        width: 0
    }

    to {
        width: 34px
    }
}

@keyframes bordersildeEnd {
    from {
        width: 0
    }

    to {
        width: 34px
    }
}

@media (max-width:768px) {

    .service h4,
    .overlay-start,
    .overlay-bottom,
    .overlay-left,
    .overlay-top,
    .overlay-right,
    .start-point,
    .service-icon {
        display: none;
    }

    .service .service-list,
    .service ul {
        width: 100%;
    }

    .service li {
        width: 23%;
        margin: 1% 1% 3%;
        height: auto;
    }

    .service li a {
        padding: 0;
        height: auto;
        text-align: center;
        background: none;
    }

    .service .item-box {
        padding: 0;
        height: auto;
        text-align: center;
        background: none;
    }

    .service li img {
        display: block;
        width: 80%;
    }

    .service h3 {
        font-size: 20px;
        line-height: 30px;
        height: 30px;
        overflow: hidden;
    }
}


@font-face {
    font-family: 'icomoon';
    src:  url('../fonts/icomoon.eot');
    src:  url('../fonts/icomoon.eot') format('embedded-opentype'),
    url('../fonts/icomoon.ttf') format('truetype'),
    url('../fonts/icomoon.woff') format('woff'),
    url('../fonts/icomoon.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-lock:before {
    content: "\e999";
}
.icon-mobile--phone:before {
    content: "\e997";
}
.icon-verification--code:before {
    content: "\e998";
}
.icon-product:before {
    content: "\e98a";
}
.icon-region:before {
    content: "\e98b";
}
.icon-retreat-safely:before {
    content: "\e98c";
}
.icon-return-agents:before {
    content: "\e98d";
}
.icon-sales-statistics:before {
    content: "\e98e";
}
.icon-spread-image:before {
    content: "\e98f";
}
.icon-system:before {
    content: "\e990";
}
.icon-aents-statistics:before {
    content: "\e991";
}
.icon-all-agents:before {
    content: "\e992";
}
.icon-immediate-agents:before {
    content: "\e993";
}
.icon-journal:before {
    content: "\e994";
}
.icon-my-order2:before {
    content: "\e995";
}
.icon-pending-agents:before {
    content: "\e996";
}
.icon-password:before {
    content: "\e986";
}
.icon-account-number:before {
    content: "\e987";
}
.icon-weibo:before {
    content: "\e988";
}
.icon-QQ:before {
    content: "\e989";
}
.icon-Chart-new:before {
    content: "\e985";
}
.icon-apply-agent:before {
    content: "\e900";
}
.icon-audit-agent:before {
    content: "\e901";
}
.icon-audit-order:before {
    content: "\e902";
}
.icon-authorize:before {
    content: "\e903";
}
.icon-deal:before {
    content: "\e904";
}
.icon-delivery-order:before {
    content: "\e905";
}
.icon-frequency:before {
    content: "\e906";
}
.icon-not-online:before {
    content: "\e907";
}
.icon-online-people:before {
    content: "\e908";
}
.icon-total-people:before {
    content: "\e909";
}
.icon-unit-price:before {
    content: "\e90a";
}
.icon-volume:before {
    content: "\e90b";
}
.icon-code-new:before {
    content: "\e978";
}
.icon-computer-new:before {
    content: "\e977";
}
.icon-upload-new:before {
    content: "\e973";
}
.icon-searched-new:before {
    content: "\e976";
}
.icon-choice-o-new:before {
    content: "\e971";
}
.icon-set-up-new:before {
    content: "\e975";
}
.icon-right-new:before {
    content: "\e969";
}
.icon-left-new:before {
    content: "\e96e";
}
.icon-shopping-new:before {
    content: "\e96f";
}
.icon-delete-new:before {
    content: "\e974";
}
.icon-screen-o-new:before {
    content: "\e970";
}
.icon-search-new:before {
    content: "\e972";
}
.icon-shopping-cart-new2:before {
    content: "\e96d";
}
.icon-alipay-new:before {
    content: "\e95f";
}
.icon-profile-o-new:before {
    content: "\e968";
}
.icon-sign-out-new:before {
    content: "\e962";
}
.icon-followed-o-new:before {
    content: "\e963";
}
.icon-shield-new:before {
    content: "\e95d";
}
.icon-about-new:before {
    content: "\e95e";
}
.icon-assessment-new:before {
    content: "\e960";
}
.icon-buy-new:before {
    content: "\e961";
}
.icon-location-new:before {
    content: "\e964";
}
.icon-market-new:before {
    content: "\e965";
}
.icon-order-amount-new:before {
    content: "\e966";
}
.icon-product-new:before {
    content: "\e967";
}
.icon-public-new:before {
    content: "\e96a";
}
.icon-sell-new:before {
    content: "\e96b";
}
.icon-wechat-new:before {
    content: "\e96c";
}
.icon-home-o-new:before {
    content: "\e958";
}
.icon-shopping-cart-o-new:before {
    content: "\e959";
}
.icon-shopping-cart-new:before {
    content: "\e95a";
}
.icon-people-o-new:before {
    content: "\e95b";
}
.icon-photo-o-new:before {
    content: "\e95c";
}
.icon-information:before {
    content: "\e957";
}
.icon-housekeeper:before {
    content: "\e956";
}
.icon-pass:before {
    content: "\e955";
}
.icon-fine-angle-left:before {
    content: "\e953";
}
.icon-fine-angle-right:before {
    content: "\e954";
}
.icon-petal:before {
    content: "\e952";
}
.icon-leaf:before {
    content: "\e951";
}
.icon-error:before {
    content: "\e950";
}
.icon-doubt:before {
    content: "\e94e";
}
.icon-my-order:before {
    content: "\e94f";
}
.icon-crown:before {
    content: "\e94d";
}
.icon-ailgn-justify:before {
    content: "\e912";
}
.icon-alert:before {
    content: "\e913";
}
.icon-angle-double-down:before {
    content: "\e914";
}
.icon-angle-double-left:before {
    content: "\e915";
}
.icon-angle-double-right:before {
    content: "\e916";
}
.icon-angle-double-up:before {
    content: "\e917";
}
.icon-angle-down:before {
    content: "\e918";
}
.icon-angle-left:before {
    content: "\e919";
}
.icon-angle-right:before {
    content: "\e91a";
}
.icon-angle-up:before {
    content: "\e91b";
}
.icon-arrow-1:before {
    content: "\e90c";
}
.icon-arrow-2:before {
    content: "\e90d";
}
.icon-arrow-3:before {
    content: "\e90e";
}
.icon-arrow-4:before {
    content: "\e90f";
}
.icon-arrow-5:before {
    content: "\e910";
}
.icon-arrow-6:before {
    content: "\e911";
}
.icon-arrow-7:before {
    content: "\e922";
}
.icon-arrow-8:before {
    content: "\e923";
}
.icon-arrow-9:before {
    content: "\e924";
}
.icon-cach:before {
    content: "\e925";
}
.icon-check:before {
    content: "\e926";
}
.icon-check-circle:before {
    content: "\e927";
}
.icon-check-circle-o:before {
    content: "\e928";
}
.icon-chevron-circle-down:before {
    content: "\e929";
}
.icon-chevron-circle-left:before {
    content: "\e92a";
}
.icon-chevron-circle-right:before {
    content: "\e92b";
}
.icon-chevron-circle-up:before {
    content: "\e92c";
}
.icon-chevron-down:before {
    content: "\e92d";
}
.icon-chevron-left:before {
    content: "\e91c";
}
.icon-chevron-right:before {
    content: "\e91d";
}
.icon-chevron-up:before {
    content: "\e91e";
}
.icon-chinses-coins:before {
    content: "\e91f";
}
.icon-close:before {
    content: "\e920";
}
.icon-close-circle:before {
    content: "\e921";
}
.icon-close-circle-o:before {
    content: "\e934";
}
.icon-cog:before {
    content: "\e935";
}
.icon-credit-card:before {
    content: "\e936";
}
.icon-cry-o:before {
    content: "\e937";
}
.icon-database:before {
    content: "\e938";
}
.icon-delivery:before {
    content: "\e939";
}
.icon-discount:before {
    content: "\e93a";
}
.icon-ellipsis:before {
    content: "\e93b";
}
.icon-home:before {
    content: "\e93c";
}
.icon-home-o:before {
    content: "\e93d";
}
.icon-laugh-o:before {
    content: "\e93e";
}
.icon-list:before {
    content: "\e93f";
}
.icon-long-arrow-down:before {
    content: "\e92e";
}
.icon-long-arrow-left:before {
    content: "\e92f";
}
.icon-long-arrow-right:before {
    content: "\e930";
}
.icon-long-arrow-up:before {
    content: "\e931";
}
.icon-map-marker:before {
    content: "\e932";
}
.icon-map-marker-o:before {
    content: "\e933";
}
.icon-message:before {
    content: "\e946";
}
.icon-order:before {
    content: "\e947";
}
.icon-pay:before {
    content: "\e948";
}
.icon-pencil:before {
    content: "\e949";
}
.icon-pencil-square-o:before {
    content: "\e94a";
}
.icon-people:before {
    content: "\e94b";
}
.icon-plus:before {
    content: "\e94c";
}
.icon-plus-circle:before {
    content: "\e979";
}
.icon-plus-circle-o:before {
    content: "\e97a";
}
.icon-qiang:before {
    content: "\e97b";
}
.icon-redpaper:before {
    content: "\e97c";
}
.icon-refresh:before {
    content: "\e97d";
}
.icon-reply:before {
    content: "\e940";
}
.icon-reply-circle:before {
    content: "\e941";
}
.icon-reply-circle-o:before {
    content: "\e942";
}
.icon-search:before {
    content: "\e943";
}
.icon-share:before {
    content: "\e944";
}
.icon-shopping-cart:before {
    content: "\e945";
}
.icon-shopping-cart-2:before {
    content: "\e984";
}
.icon-signin:before {
    content: "\e983";
}
.icon-signout:before {
    content: "\e982";
}
.icon-star:before {
    content: "\e981";
}
.icon-user-group:before {
    content: "\e980";
}
.icon-user-level:before {
    content: "\e97f";
}
.icon-weipay:before {
    content: "\e97e";
}

@charset"utf-8";

.main {
    min-height: 700px
}
/*公共样式*/
.fl {
    float: left;
}

.fr {
    float: right;
}

.clear {
    clear: both;
}

.clearfix:after {
    content: '';
    height: 0;
    display: block;
    clear: both;
}

.hide {
    display: none;
}

.show {
    display: block;
}

.relative {
    position: relative;
}

.overflow {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.bor {
    border: 1px solid #ddd;
}




.flexslider {
    /*position: relative;*/
    /*width: 100%;*/
    /*overflow: hidden;*/
    /*zoom: 1;*/
    /*text-align: center;*/
    /*min-width: 1200px*/
}

.newsflexslider {
    overflow: hidden
}

.flex-viewport {
    max-height: 2000px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    transition: all 1s ease;
    text-align: -webkit-center;
    text-align: -moz-center;
    text-align: 0-center
}

.flexslider .slides {
    zoom: 1
}

.flexslider .slides li {}

.flexslider .slides .img {
    max-width: 100%;
    height: 100%
}

.flexslider .slides .img img {
    width: 100%;
    display: block
}

.flex-direction-nav a {
    width: 43px;
    height: 69px;
    line-height: 99em;
    overflow: hidden;
    display: block;
    background: url(../images/ad_ctr.png) no-repeat -3px -9px;
    position: absolute;
    top: 43%;
    z-index: 10;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all .3s ease;
    margin: 0 3%
}

.flex-direction-nav .flex-next {
    background-position: -12px -100px;
    right: 0
}

.flex-direction-nav .flex-prev {
    left: 0
}

.flexslider:hover .flex-next,
.flexslider:hover .flex-prev {
    opacity: .7;
    filter: alpha(opacity=70)
}

.flexslider:hover .flex-next:hover,
.flexslider:hover .flex-prev:hover {
    opacity: 1;
    filter: alpha(opacity=100)
}

.flex-control-nav {
    width: 100%;
    position: absolute;
    bottom: 20px;
    text-align: center
}

.flex-control-nav li {
    margin: 0 4px;
    display: inline-block;
    zoom: 1;
    *display: inline
}

.flex-control-paging li a {
    background: #fff;
    display: block;
    overflow: hidden;
    text-indent: -99em;
    width: 16px;
    height: 4px;
    cursor: pointer;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, .4);
    opacity: .5;
    filter: alpha(opacity=50)
}

.flex-control-paging li a.flex-active {
    opacity: 1;
    filter: alpha(opacity=100)
}

.dataList {
    background: #c1c1c1
}

.dataList ul {
    margin: 0 auto;
    height: 130px;
    background: url(../images/datalistbg.png) no-repeat center;
    text-align: center;
    padding: 0;
    background-size: 100% 100%
}

.dataList ul li {
    width: 20%;
    height: 130px;
    float: left;
    color: #333;
    line-height: 1.5
}

.dataList ul li span {
    font-size: 30px;
    font-family: Arial;
    padding: 28px 0 2px;
    display: block
}

.dataList ul li p {
    font-size: 16px
}

.data-map {
    width: 818px;
    float: right;
}

.mapbg {
    width: 818px;
    height: 687px;
    top:20px;
    background: url(../image/jj.png) no-repeat center
}

.coordinate {
    position: absolute;
    top: 0;
    left: 0;
    width: 10px;
    height: 10px;
    background: #5ee3e7;
    border-radius: 50%
}

.coordinate:before,
.coordinate i:before,
.coordinate i:after {
    position: absolute;
    top: -37px;
    left: -37px;
    width: 80px;
    height: 80px;
    display: block;
    content: '';
    border: 2px solid #5ee3e7;
    border-radius: 50%;
    transform: scale(0);
    -webkit-animation: coordinates 4.8s linear 0s infinite;
    animation: coordinates 4.8s linear 0s infinite
}

.coordinate i:before {
    animation-delay: .8s
}

.coordinate i:after {
    animation-delay: 1.7s
}

.coordinate span {
    position: absolute;
    left: 20px;
    top: -3px;
    white-space: nowrap;
    font-size: 12px
}

.dadad:before,
.dadad i:before,
.dadad i:after {
    top: -67px;
    left: -67px;
    width: 140px;
    height: 140px;
    -webkit-animation-duration: 5.8s;
    animation-duration: 5.8s
}

.shandond:before,
.shandond i:before,
.shandond i:after {
    top: -57px;
    left: -57px;
    width: 120px;
    height: 120px
}

.mingans:before,
.mingans i:before,
.mingans i:after {
    top: -37px;
    left: -37px;
    width: 80px;
    height: 80px;
    -webkit-animation-duration: 4s;
    animation-duration: 4s
}

.minxc:before,
.minxc i:before,
.minxc i:after {
    top: -32px;
    left: -32px;
    width: 70px;
    height: 70px;
    -webkit-animation-duration: 3.8s;
    animation-duration: 3.8s
}

.module-tit {
    text-align: center;
    color: #333;
    font-size: 22px;
    margin-bottom: 32px
}

.module-tit h3 {
    font-size: 22px
}

.module-tit p {
    margin-top: 10px;
    color: #666;
    font-size: 16px
}

.proList {
    color: #666;
    text-align: center
}

.proList ul {
    padding: 30px 0 0;
    height: 600px;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex
}

.proList ul li {
    width: 25%;
    height: 550px;
    flex: 1;
    float: left;
    border: 1px solid #e3e3e3;
    background: #fff;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.proList ul li:nth-child(1n) {
    border-left: 0
}

.proList ul li:nth-child(1) {
    border-left: 1px solid #e3e3e3
}

.proList .proList-tit {
    font-size: 18px;
    color: #333;
    padding: 40px 0;
    background: #ededed
}

.proList ul li:nth-child(odd) .proList-tit {
    background: #e0e0e0
}

.proList .proList-tit .iconfont {
    display: block;
    padding-bottom: 12px
}

.proList .proList-tit .iconfont:before {
    font-size: 48px
}

.proList .proList-txt {
    font-size: 16px;
    padding-top: 15px
}

.proList .proList-txt p {
    margin-top: 40px
}

.proList .proList-txt-hover {
    display: none;
    padding: 30px 60px 0;
    background: #fff;
    line-height: 30px;
    overflow: hidden
}

.proList .proList-txt-hover div {
    height: 208px;
    overflow: hidden;
    margin-bottom: 30px;
    -webkit-animation: fadeIn .4s linear .2s forwards;
    animation: fadeIn .4s linear .2s forwards;
    opacity: 0
}

.proList .proList-txt-hover a {
    display: block;
    border-radius: 3px;
    margin-bottom: 10px;
    width: 100%;
    height: 50px;
    line-height: 50px;
    background: #5ee3e7;
    color: #fff;
    -webkit-animation: fadeIn .8s linear .2s forwards;
    animation: fadeIn .8s linear .2s forwards;
    opacity: 0
}

.proList ul li:hover {
    flex: 1.4;
    height: 580px;
    border: 1px solid #5ee3e7
}

.proList ul li:hover .proList-tit {
    margin-top: -30px;
    padding-top: 70px;
    background: #5ee3e7;
    color: #fff;
    width: calc(100% + 2px);
    margin-left: -1px
}

.proList ul li:hover .proList-txt-hover {
    display: block
}

.proList ul li:hover .proList-txt {
    display: none
}

.proList ul li:hover .proList-txt-hover a {
    display: block
}

.home-solution {
    background: #f5f5f5
}

.home-solution .conBox {
    padding-bottom: 0
}

.three-core {
    padding: 38px 0 70px
}

.three-core li {
    width: 33.333%;
    padding: 0 30px;
    float: left;
    text-align: center
}

.three-core li .iconfont {
    display: block;
    margin: 0 auto;
    width: 150px;
    height: 150px;
    line-height: 150px;
    border: 1px solid #5ee3e7;
    border-radius: 50%;
    color: #5ee3e7
}

.three-core li .iconfont:before {
    position: relative;
    top: -5px;
    font-size: 60px
}

.three-core li .icon-zengzhifuwu:before {
    font-size: 62px
}

.three-core li h3 {
    position: relative;
    top: -25px;
    width: 100%;
    height: 32px;
    line-height: 40px;
    background: #f5f5f5;
    font-size: 18px;
    color: #333
}

.three-core li p {
    overflow: hidden;
    line-height: 20px
}

.solutionbg {
    background: #323232
}

.solutionbg .conBox {
    padding-top: 0
}

.solution-list {
    width: 1400px;
    margin-left: -100px;
    text-align: center
}

.solution-list li {
    position: relative;
    width: 20%;
    height: 420px;
    float: left;
    padding: 111px 40px 0;
    color: #fff
}

.solution-list li:after {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(50, 50, 50, .7);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled="true", startColorstr="#B2000000", endColorstr="#B2000000");
    -webkit-transition: all .8s ease;
    -moz-transition: all .8s ease;
    -o-transition: all .8s ease;
    transition: all .8s ease
}

:root .solution-list li:after {
    filter: none
}

.solution-list li p {
    position: relative;
    z-index: 1;
    height: 80px
}

.solution-list li .iconfont:before {
    font-size: 70px
}

.solution-list li .icon-jixielei06:before {
    font-size: 78px
}

.solution-list li .icon-nongyeyongdi:before {
    font-size: 88px;
    position: relative;
    top: -7px
}

.solution-list li .icon-shangwu1:before {
    position: relative;
    top: 5px
}

.solution-list li .solution-tit {
    padding: 45px 0 5px;
    font-size: 18px;
    display: inline-block;
    text-align: center;
    border-bottom: 2px solid #fff
}

.solution-list li .solution-txt {
    opacity: 0;
    filter: alpha(opacity=0);
    line-height: 26px;
    margin: 36px 0 0;
    height: auto;
    font-size: 14px
}

.solution-list li .seeMore {
    opacity: 0;
    filter: alpha(opacity=0);
    height: 38px;
    -webkit-transform: scale(0);
    transform: scale(0)
}

.solution-list li .seeMore a {
    display: block;
    margin: 0 auto;
    width: 112px;
    height: 38px;
    line-height: 38px;
    border: 1px solid #fff;
    color: #fff;
    border-radius: 3px
}

.solution-list li .seeMore a:hover {
    border-color: #5ee3e7;
    background: #5ee3e7
}

.solution-list li:hover {
    padding-top: 55px
}

.solution-list li.one:hover {
    padding-top: 48px
}

.solution-list li.five:hover {
    padding-top: 40px
}

.solution-list li:hover .solution-txt,
.solution-list li:hover .seeMore {
    opacity: 1;
    filter: alpha(opacity=100)
}

.solution-list li:hover .seeMore {
    -webkit-animation: centershow .4s linear .2s forwards;
    animation: centershow .4s linear .2s forwards
}

.solution-list li:hover::after,
.ychengj ul li:hover::before {
    background: rgba(94, 227, 231, .7);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled="true", startColorstr="#B25EE3E7", endColorstr="#B25EE3E7")
}

.contant {
    text-align: center;
    font-size: 16px;
    line-height: 1.5
}

.contant .module-tit {
    margin-bottom: 10px
}

.contant .tel {
    border-bottom: 1px solid #e3e3e3;
    padding-bottom: 35px;
    margin-bottom: 35px
}

.contant .tel .iconfont {
    color: #5ee3e7
}

.contant .tel .iconfont:before {
    position: relative;
    top: 2px;
    font-size: 30px;
    margin-right: 6px;
    position: relative;
    top: 5px
}

.contant .haikeyi {
    font-size: 22px;
    padding-bottom: 15px
}

.contant .ipt-user {
    position: relative;
    margin: 12px auto 0;
    width: 465px;
    height: 48px;
    line-height: 48px;
    border-radius: 3px;
    border: 1px solid #ddd;
    padding-left: 105px;
    font-size: 14px
}

.contant .ipt-user span {
    position: absolute;
    left: 0;
    display: block;
    width: 105px;
    text-align: right
}

.contant .ipt-user .iconfont {
    position: absolute;
    left: 15px
}

.contant .ipt-user .iconfont:before {
    font-size: 22px
}

.contant .ipt-user .icon-09dianhua:before {
    position: relative;
    top: 2px
}

.contant .ipt-user .icon-lianxiren:before {
    font-size: 26px
}

.contant .ipt-user input {
    width: 100%;
    height: 100%;
    border: 0;
    background: 0 0;
    font-size: 14px;
    color: #666
}

.contant .submit258 {
    width: 234px;
    height: 50px;
    line-height: 50px;
    display: block;
    margin: 0 auto;
    background: #5ee3e7;
    color: #fff;
    border-radius: 3px;
    margin-top: 20px
}

.contant .submit258:hover {
    opacity: .9;
    filter: alpha(opacity=90)
}

.footer {
    min-width: 1200px;
    background: #333;
    padding: 20px 0 45px;
    position: relative
}

.footer .conBox {
    padding: 0;
    color: #ababab;
    font-size: 12px
}

.footer a {
    color: #bbb;
    font-size: 14px
}

.footer .btnBox {
    padding-left: 75px;
    padding-bottom: 16px;
    border-bottom: 1px solid #464646;
    line-height: 26px
}

.footer .btnBox span {
    position: absolute;
    left: 0;
    width: 75px;
    font-size: 14px
}

.footer .btnBox span+a {
    margin-left: 0
}

.footer .btnBox a {
    display: inline-block;
    padding: 0 3px;
    margin: 0 16px 0 0;
    color: #ababab
}

.footer .btnBox a:hover {
    color: #5ee3e7
}

.footer p {
    color: #bbb;
    line-height: 2
}

.footer .NavBottom {
    padding: 32px 0 10px
}

.footer .NavBottom a {
    position: relative;
    padding: 0 12px;
    font-size: 14px
}

.footer .NavBottom a:first-child {
    padding-left: 0
}

.footer .NavBottom a:hover {
    color: #5ee3e7
}

.footer .logoBox {
    position: absolute;
    bottom: -24px;
    right: 10px
}

.footer .logoBox img {
    width: 200px
}

.pagebg {
    background-color: #f5f5f5 !important;
    min-width: 1200px
}

.aboutBox {
    background: url(../images/aboutbg.png) no-repeat right;
    min-width: 1200px;
    background-size: contain
}

.aboutmax {
    max-width: 57%
}

.about-tit {
    font-size: 18px;
    color: #333;
    padding: 30px 0 20px 12px;
    font-weight: 700
}

.about-tit h1 {
    font-size: 18px
}

.about-tit:before {
    display: block;
    content: '';
    position: absolute;
    left: 0;
    top: 33px;
    width: 2px;
    height: 18px;
    background: #333
}

.about-txt {
    line-height: 2
}

.contactBox {
    padding-top: 0
}

.contactBox .daili {
    padding-bottom: 30px
}

.contactBox .daili span {
    padding-right: 38px
}

.contactBox .con-fl {
    width: 33.33%
}

.con-fl .txtArea p {
    padding-bottom: 16px;
    margin-bottom: 18px;
    border-bottom: 1px solid #ddd
}

.con-fl .txtArea p:last-child {
    border-bottom: 0
}

.con-fl .txtArea p span {
    display: block;
    font-size: 16px;
    padding-bottom: 8px
}

.contactBox .con-fr {
    width: 60%;
    height: 450px;
    margin-top: 33px;
    border: 1px solid #ddd;
    overflow: hidden
}

.contactBox .con-fr .frame {
    width: 120%;
    height: 111%;
    position: absolute;
    top: -50px;
    border: 0;
    margin-left: -68px
}

.joinbox {
    padding-top: 0
}

.tree-list {
    overflow: hidden
}

.tree-list li {
    float: left;
    width: 97px;
    min-width: 97px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    background: #ececec;
    margin-right: 2px;
    cursor: pointer
}

.tree-list li a {
    display: block
}

.tree-list li.active a,
.tree-list li a:hover {
    background: #5ee3e7;
    color: #fff
}

.join-list {
    width: 100%;
    border: 1px solid #ddd;
    margin-top: 22px
}

.join-list .w25 {
    width: 25%;
    width: 23.4%\9
}

.join-list .w15 {
    width: 15%;
    width: 12.8%\9
}

.join-list dl {
    text-align: center
}

.join-list dl.one {
    background: #ececec
}

.join-list dt,
.join-list dd {
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 0 1%;
    float: left
}

.join-list dt:last-child {
    border-right-color: #ececec
}

.join-list dd:last-child {
    border-right: 0
}

.join-list dl:last-child dd {
    border-bottom: 0
}

.join-list dt {
    height: 45px;
    line-height: 45px;
    font-weight: 400
}

.join-list dd {
    height: 50px;
    line-height: 50px;
    background: #fff
}

.join-list dd a {
    color: #5ee3e7
}

.join-time {
    font-size: 12px;
    padding-top: 15px;
    margin-left: -15px
}

.join-time span {
    padding-right: 30px
}

.join-time i.iconfont {
    font-size: 14px;
    margin-right: 5px
}

.join-time i.icon-time {
    position: relative;
    top: 2px
}

.join-detail {
    min-height: 500px;
    padding-bottom: 50px
}

.join-detail .detail-introduce {
    padding: 3px 0 15px;
    margin-bottom: 25px;
    border-bottom: 1px solid #ddd
}

.join-detail .detail-introduce span {
    padding-right: 60px
}

.join-detail .detail-txt {
    line-height: 2
}

.join-detail .detail-txt h3.tit {
    font-size: 14px;
    font-weight: 700;
    color: #333
}

.join-detail .detail-txt img {
    max-width: 100%;
    padding: 8px 0
}

.sendCV {
    display: block;
    margin-top: 28px;
    text-align: center;
    font-size: 16px;
    width: 190px;
    height: 45px;
    line-height: 45px;
    color: #5ee3e7;
    border: 1px solid #5ee3e7
}

.sendCV:hover {
    background: #5ee3e7;
    color: #fff
}

.crumbs {
    padding-top: 30px
}

.crumbs i {
    padding: 0 8px
}

.crumbs span {
    display: inline-block;
    vertical-align: top;
    max-width: 70%
}

.page {
    width: 100%;
    text-align: center;
    margin-top: 30px
}

.page ul li {
    display: inline-block;
    width: 32px;
    height: 32px;
    line-height: 32px;
    font-family: arial;
    color: #999;
    margin-right: 3px
}

.page ul li:last-child {
    margin-right: 0
}

.page ul li a {
    display: block;
    color: #999;
    border: 1px solid #ddd
}

.page ul li a:hover,
.page ul li.active a {
    background: #5ee3e7;
    color: #fff;
    border: 1px solid #5ee3e7
}

.newsList {
    overflow: hidden
}

.newsList ul {
    width: 1300px
}

.newsList li {
    margin: 0 20px 20px 0;
    background: #fff;
    width: 385px;
    display: inline-block;
    vertical-align: top;
    border: 1px solid #eaeaea
}

.newsList li a {
    display: block;
    color: #666
}

.newsList .newsImg {
    width: 100%;
    height: 220px;
    overflow: hidden
}

.newsList .newsImg img {
    width: 100%;
    -webkit-transition-duration: .7s;
    transition-duration: .7s
}

.newsList .newsImg:hover img {
    -webkit-transform: scale(1.12);
    transform: scale(1.12)
}

.newsList .newsTxt {
    padding: 20px
}

.newsList .newsTit {
    font-size: 16px;
    color: #666
}

.newsList .newsSub {
    padding: 12px 0 15px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 16px;
    color: #999
}

.newsList .txt {
    width: 100%;
    height: 70px;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}

.newsList .posts {
    position: absolute;
    top: 0;
    left: 0;
    width: 50px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    background: #5ee3e7;
    color: #fff
}

.newsList li a:hover .newsTit {
    color: #5ee3e7
}

.newsList li:hover {
    box-shadow: 1px 1px 6px rgba(0, 0, 0, .08)
}

.newsDetail {
    width: 720px
}

.newsDetail .join-time {
    border-bottom: #ddd 1px solid;
    padding-bottom: 15px;
    font-weight: 400
}

.news-nextInfo p {
    width: 39%;
    display: block;
    height: 30px;
    line-height: 30px
}

.news-nextInfo p a,
.news-nextInfo p i {
    display: block;
    float: left
}

.news-nextInfo p a {
    width: 94%
}

.news-nextInfo .news-next {
    text-align: right
}

.newsDetail .join-detail .detail-txt * {
    background: 0 0 !important
}

.notice-list {
    padding: 0 0 30px
}

.notice-list li {
    position: relative;
    padding-left: 22px;
    height: 50px;
    line-height: 50px;
    border-bottom: 1px dashed #ddd;
    overflow: hidden
}

.notice-list li:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 5px;
    width: 4px;
    height: 4px;
    background: #c7c7c7;
    margin-top: -2px
}

.notice-list li a {
    display: block
}

.notice-list li span {
    display: inline-block;
    vertical-align: top
}

.notice-list li .zhid {
    color: #5ee3e7;
    max-width: 6%
}

.notice-list li .txt {
    max-width: 80%
}

.notice-list li .time {
    font-size: 12px;
    color: #666;
    float: right
}

.product-advantage {
    background: #f5f5f5
}

.product-advantage .module-tit {
    margin-bottom: 0
}

.advantage {
    padding: 16px 120px 0 135px
}

.advantage li {
    width: 238px;
    line-height: 100px;
    display: inline-block;
    vertical-align: top;
    margin: 50px 118px 0 0
}

.advantage li.sanbox,
.advantage li.liubox {
    margin-right: 0;
    width: 220px
}

.advantage li i {
    display: inline-block;
    vertical-align: top;
    width: 100px;
    height: 100px;
    border-radius: 42px;
    background: url(../images/proyshibg.png) no-repeat 30px 28px #e8e8e8
}

.advantage li i.er {
    background-position: -416px 31px
}

.advantage li i.san {
    background-position: -185px 26px
}

.advantage li i.si {
    background-position: 24px -108px
}

.advantage li i.liu {
    background-position: -185px -106px
}

.advantage li i.wu {
    background-position: -415px -108px
}

.advantage li span {
    display: inline-block;
    vertical-align: top;
    font-size: 18px;
    color: #333;
    margin-left: 15px
}

.product-flow ul {
    padding: 40px 0 20px
}

.product-flow li {
    width: 360px;
    height: 388px;
    display: inline-block;
    vertical-align: top;
    margin-right: 55px;
    border: 1px solid #ddd;
    padding: 30px;
    text-align: center;
    line-height: 24px
}

.product-flow li:first-child i {
    padding-top: 20px
}

.product-flow li i {
    display: block;
    height: 206px;
    margin-bottom: 20px
}

.product-flow li i img {
    max-width: 100%;
    display: inline-block
}

.product-flow li p span {
    color: #5ee3e7;
    font-size: 16px
}

.product-flow li.last {
    margin-right: 0
}

.case-list {
    text-align: center
}

.case-list .list {
    display: inline-block;
    margin-top: 32px
}

.case-list .list li {
    float: left;
    width: 150px;
    height: 42px;
    line-height: 42px;
    border: 1px solid #ccc;
    border-left: 0;
    cursor: pointer
}

.case-list .list li:first-child {
    border-left: 1px solid #ddd
}

.case-list .list li.active {
    background: #5ee3e7;
    color: #fff;
    border-color: #5ee3e7
}

.case-list .openmz {
    display: inline-block;
    margin-top: 30px;
    width: 300px;
    height: 64px;
    line-height: 64px;
    background: #5ee3e7;
    color: #fff;
    font-size: 24px
}

.case-list .openmz:hover {
    opacity: .9
}

.case-img {
    width: 700px;
    margin: 70px auto 50px
}

.case-img img {
    width: 100%
}

.case-img .pcbox {
    width: 700px;
    height: 610px;
    background: url(../images/mac.png) no-repeat center
}

.case-img .mobilebox {
    position: absolute;
    bottom: 0;
    left: -40px;
    width: 127px;
    height: 268px;
    background: url(../images/mobile.png) no-repeat center
}

.case-img .pcimg {
    position: absolute;
    background: #fff;
    top: 30px;
    left: 30px;
    width: 641px;
    height: 350px;
    overflow: hidden
}

.case-img .mobileimg {
    position: absolute;
    top: 40px;
    left: 11px;
    background: #fff;
    width: 107px;
    height: 190px;
    overflow: hidden
}

.yanshang li {
    text-align: center;
    margin-top: 20px
}

.yanshang li i {
    display: block;
    margin: 0 auto;
    background-image: none
}

.yanshang li i:before {
    font-size: 52px;
    color: #5ee3e7
}

.yanshang li i.icon-zhanlvehezuo:before {
    font-size: 36px
}

.yanshang li i.icon-yingxiaoyeji:before {
    font-size: 42px
}

.yanshang li i.icon-chanpin:before {
    font-size: 48px
}

.yanshang li i.icon-yunying:before {
    position: relative;
    left: 2px;
    top: -2px;
    font-size: 54px
}

.yanshang li span {
    line-height: 1.7;
    font-size: 14px;
    margin: 15px 0 0;
    color: #666
}

.yanshang li em {
    display: block;
    font-size: 18px;
    color: #333
}

.yanshang-flow {
    text-align: center
}

.yanshang-flow li {
    padding: 20px;
    text-align: left;
    width: 348px;
    margin-right: 20px;
    overflow: hidden
}

.yanshang-flow li:first-child i {
    padding-top: 0
}

.yanshang-flow li i {
    height: 185px
}

.yanshang-flow li i img {
    width: 100%;
    height: 185px
}

.yanshang-flow li .h-tit {}

.yanshang-flow li .h-name {
    font-size: 16px;
    color: #5ee3e7;
    margin: 12px 0 3px
}

.yanshang-flow li .h-txt {
    line-height: 24px;
    height: 70px;
    overflow: hidden
}

.loginyans {
    background: #383838
}

.loginyans-list .title {
    font-size: 42px;
    color: #5ee3e7;
    text-align: center;
    margin-bottom: 30px
}

.loginyans .lingxbg {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    width: 170px;
    height: 100px;
    background: #5ee3e7
}

.loginyans-list ul {
    height: 440px;
    background: url(../images/yanshangbg.png) no-repeat center
}

.loginyans-list li {
    position: absolute;
    float: left;
    background: url(../images/proyshibg.png) no-repeat
}

.loginyans-list li p {
    position: absolute;
    overflow: hidden;
    font-size: 16px;
    color: #383838;
    text-align: center;
    line-height: 1.4
}

.loginyans-list li.one {
    top: 20px;
    left: 0;
    width: 270px;
    height: 308px;
    background-position: -598px bottom
}

.loginyans-list li.two {
    bottom: 15px;
    left: 310px;
    width: 175px;
    height: 205px;
    background-position: left bottom
}

.loginyans-list li.three {
    top: 70px;
    left: 500px;
    width: 230px;
    height: 240px;
    background-position: -277px bottom
}

.loginyans-list li.four {
    bottom: 0;
    left: 791px;
    width: 260px;
    height: 295px;
    background-position: top right
}

.loginyans-list li.five {
    top: 20px;
    right: 0;
    width: 165px;
    height: 190px;
    background-position: right bottom
}

.loginyans-list li.one p {
    top: 106px;
    left: 49px;
    width: 168px;
    height: 103px;
    font-size: 24px
}

.loginyans-list li.two p {
    width: 110px;
    top: 71px;
    left: 32px
}

.loginyans-list li.three p {
    width: 130px;
    height: 68px;
    top: 91px;
    left: 45px
}

.loginyans-list li.four p {
    width: 166px;
    height: 98px;
    top: 97px;
    left: 50px;
    font-size: 18px
}

.loginyans-list li.five p {
    width: 102px;
    height: 65px;
    top: 66px;
    left: 33px
}

.loginyans-btn {
    display: block;
    width: 300px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    background: #5ee3e7;
    color: #fff;
    font-size: 24px;
    margin: 50px auto 0
}

.loginyans-btn:hover {
    color: #fff;
    opacity: .9;
    filter: alpha(opacity=90)
}

.yunz-core-one {
    padding: 0 110px 0 120px
}

.yunz-core {
    padding: 0 0 0 48px
}

.yunz-core li {
    margin-right: 50px
}

.yunz-core li.liubox {
    white-space: nowrap
}

.yunzuan li i:before {
    position: relative;
    font-size: 46px
}

.yunzuan li i.icon-bianji:before {
    font-size: 38px
}

.yunzuan li i.icon-qq2:before {
    font-size: 40px;
    top: 2px
}

.yunzuan li i.icon-11baikeicon:before {
    font-size: 42px
}

.yunzuan li i.icon-app:before {
    font-size: 42px;
    top: 2px
}

.yunzuan li i.icon-youxi1:before {
    top: 2px;
    font-size: 44px
}

.yunzuan li i.yanshang li i:before {
    top: 2px
}

.yunzuan li i.icon-faxiaoxi:before {
    top: 3px
}

.ychengj ul {
    padding: 20px 0
}

.ychengj ul li {
    width: 285px;
    height: 405px;
    display: inline-block;
    vertical-align: top;
    margin-right: 15px;
    color: #fff;
    overflow: hidden;
    text-align: center
}

.ychengj ul li:before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    display: block;
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(50, 50, 50, .7);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled="true", startColorstr="#B2000000", endColorstr="#B2000000")
}

:root .ychengj ul li:before {
    filter: none
}

.ychengj ul li i {
    position: relative;
    z-index: 2;
    display: block;
    margin-top: 90px;
    height: 90px
}

.ychengj ul li i:before {
    font-size: 80px
}

.ychengj ul li i.icon-yonghu:before {
    font-size: 98px;
    position: relative;
    top: -6px
}

.ychengj ul li i.icon-gongzuo:before {
    position: relative;
    top: 9px;
    font-size: 62px
}

.ychengj ul li p {
    position: relative;
    z-index: 2;
    padding: 50px 0 18px;
    font-size: 18px;
    line-height: 26px;
    border-bottom: 2px solid;
    margin: 0 60px
}

.ychengj ul li.one {
    background: url(../images/yunz1.jpg) no-repeat top left
}

.ychengj ul li.two {
    background: url(../images/yunz2.jpg) no-repeat top left
}

.ychengj ul li.three {
    background: url(../images/yunz3.jpg) no-repeat top left
}

.ychengj ul li.four {
    background: url(../images/yunz4.jpg) no-repeat top left;
    margin-right: 0
}

.ychengj ul li.one p {
    line-height: 52px
}

.ychengj ul li:before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    display: block;
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(50, 50, 50, .7);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled="true", startColorstr="#B2000000", endColorstr="#B2000000")
}

.guarantee {
    width: 751px;
    height: 414px;
    background: url(../images/yunzuanbg.png) no-repeat center;
    margin: 0 auto;
    color: #469a9b
}

.guarantee .list-bg {
    position: absolute;
    display: block;
    min-width: 150px
}

.guarantee .one {
    top: 20px;
    left: -114px
}

.guarantee .two {
    top: 47px;
    left: 722px
}

.guarantee .three {
    top: 223px;
    left: -69px
}

.guarantee .four {
    top: 177px;
    left: 709px
}

.guarantee .list-bg i {
    display: inline-block;
    width: 60px;
    height: 60px;
    line-height: 60px;
    vertical-align: top;
    text-align: center
}

.guarantee .list-bg em {
    display: inline-block;
    vertical-align: middle;
    line-height: 60px;
    font-size: 18px
}

.guarantee .list-bg i:before {
    font-size: 44px
}

.guarantee .one i:before {
    font-size: 48px
}

.guarantee .three i {
    background: url(data:image/png;
    base64, iVBORw0KGgoAAAANSUhEUgAAACwAAAAxCAYAAAChzEtEAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RTMzNTA3QkQ2REVDMTFFN0JCOTZFMUUxQzQ4NTc5N0QiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RTMzNTA3QkU2REVDMTFFN0JCOTZFMUUxQzQ4NTc5N0QiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFMzM1MDdCQjZERUMxMUU3QkI5NkUxRTFDNDg1Nzk3RCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFMzM1MDdCQzZERUMxMUU3QkI5NkUxRTFDNDg1Nzk3RCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Prg85JoAAAcHSURBVHjatJoLkI5VGMe/vdhdCakstjZkGeWSJN0ULa02sSaTohhRDKFStqxqqWZCpcak6UaFQYOSSwxRUUjIdJGJlW133XNdlln5ek7ze2eeOfO+33e+3a9n5j97zvee932f95zn+T8XEnLe/yBUTakh6CboKuggaCGoL0gWXBD8LfhDsF3wtWCF4ExVX5ZcDUUbCZ4RDBRcHrAmEeUNbhM8LigXfCqYJNgd60sTq6BomqBQsEcwJoKyQXKxYIhgp2C64JL/c4dbChYIWlu/nxIsFawV/CIoEVQIUgUZgmsE2YJe7LaRJMEIQU/BA4KN8Va4s2CJoI76ba9gsuATFPSTg4KfBHOx9/sEBYK2XM8UfCsYgKnEReE7cJaazMOCKYKJStHmgh6CmwRNMZ1KwV+CrYIvcTyj1CLBSOw4lQ+Zx67PjaRIggNLGEW2qJ09xRGuYH47it/p8OFmp18RfMa8vWAZDhziA+9ix6vkdCnYrKdsOQ80ytYSzBCsC1A27PPb9ezuMpx1G6dXpijS7PBlVVV4rOA6Ne8r+AHHMZw6OMK90yJc68FzsqC2ewVnuZaBX8SssNmBcWo+Vdmx2aEbo3zs6zBGkFwtWC1ogG2PUdcM7bWJVeGnOPYQR/Yi4zcFHQPu2SXII0iUCu6Hzr4IWN9EMMv4kuA9fMWTcbEobLx1kJobRjgtuFkwzGf9BeWgbxGOjRQRDfOY/+Nzb46gH88oVL/3EdRzVbgTthTCtj5mXBiw/m01NpR2Hp41SjRT15YGhONCdtmYXLFy+DxXhbXXG/48CcF3t9YdgeKeEzwkOIrdDsUuVwm+Z+07guGCXJ6ppQX0GIZFPOnmqnAHNfY48R52wXbMHBzEXL+UsJ3P2q7KtB6Frpqw1o85QoT3kOJpp0jXXI09Tw9ihRy8utQLRgGbYk5pg+AEtpxkrfOe/6v6LYvnhaMpnK7GpcqjPXlXcC4UHxmOvTZmXmLl2nUFx6MpnKbGlT5reyhmiEcBYOQixTj6BGq7KHxOKe098Ly6nhmKv1QoE0qyUteoTndEja/gb7HDS1dDazb6OdzrPf9K63SdFN6lxl6I/NGxbOqt0JmcuaHDvVv5q4uDP+1gE6SwDpFd+LvC4aWtCd0eTkJNUxzuXe4TA7a48rDmwrupw4o5clcxCfnnRMEaUdYWwfcJhGRP1rgqbHLcQ8p7BzB+2VFZ46DjqdducVg/EXbIxea9Zyx2VdjYzUwrczKKrydpjyYrsb8hDmu/Ecxhdyeo3xcR6p3Ty2mq4ZGp0ssnKHUiyVzMKDfKOhOU+hPJhqpoFw5K4iMpvN9ylrGUR6dJgrZHuHcD2VpKhDUlONh+mGiqujY7aFOilUimqv1NrV2I1x8mu5odkBs/Ing6Cl93JNVsg3N5ke6AVX3EpLCJeA+reR1quWwK0oGkgButZxbSf7BlB+lodxRrh73XVx/bXxUAVepLDLTmddghwxivsjsGrWCFjiQydYlSJVTHRrFN6qNGYnJp1sfWqE5fojsvCkFzNUlGPNmD4vMcs7ckIuALVjVuQvA+PrSYAFQeq0mk04LyaK4vu/e7Vfl+hOPMgK/bkcin0ehrxb3T2e2FlrIHMLFcProxvhOTSSSgSAPmz6vKoz3zfHV89ehRDI4hEhrq+pDneOnjsxSxI2hprXfd4dGqjFlpceJZFG7Kw4/FmEaeYTOuhXuPW9y/lg2badl3oMJtlYJlHLNf26mM3kUjCkydmlaq+Wmram7ASewM2PVBlFFZfqmArbBxqvl0FI3dPmjlxn6SqihsDRSVgnMm0C7w8pJsy2mDAspIxmPsWtJW+A2az57dfudwxBPIdyusJku5Kj7HM65l5QtBMocmZCLmk+qncB4FobbbRlBbPp7ul/+OZvwSaaKfzFSh1iRELa3rdWkZJFvF6X5YpsBWOMPKwhrSOd+nlJ9sfWACVGW49Weaf0FiItiTiosn+ZzsYWy/HP9Yp2q7AujyPwUSyQl0T7adCpe6cddFzfvT2zXKPGYVqUE59kJ1mp18qhrPbDJgkXRFv4YCk5Np1mXjZMXUc0UkJrtJATfhSIOhndoqkzMVxWZHShtLL9jQ1WuCWylym6kszeQRV1GMNlax4AZjmsmkiS0oFisDXrSKF/XBg8ezCyXKoVxkL2lkAZ3QPoprw3zQQZ9/BcjkA9KTmvXsVURmfyEKdfXmaMyRjcKUBlitJRfZTPpZm6iZQqjeQiDyq36Ocfo7XP9hcYmy0VEovoBAEKuUq2Z1lqoXl7vc7KrwUWovT04oOquKzFJ9Dq95uCyeCoesvm0+WVZVJaxozsvYtsVb4cW8yGRQ1f4vANR981XTPBxvhQ9AacNcH+5IcxWu5uBaIoWsYHEojh3LUjKyr1xv+FeAAQCvyqT2HQ2OzAAAAABJRU5ErkJggg==) no-repeat center
}

.openyunzbox {
    background: #383838;
    padding: 70px 0 50px;
    min-width: 1200px
}

.openyunz {
    text-align: center;
    padding: 0;
    height: 630px;
    color: #5ee3e7;
    background: url(../images/openyunzbg.png) no-repeat center
}

.openyunz a {
    width: 300px;
    height: 64px;
    margin: 35px auto 0;
    display: block;
    line-height: 64px;
    background: #5ee3e7;
    color: #fff;
    font-size: 24px
}

.openyunz a:hover {
    opacity: .9;
    filter: alpha(opacity=90)
}

.openyunz p {
    font-size: 40px;
    font-weight: 700;
    padding-top: 280px
}

.ying-core {
    width: 100%;
    height: 180px;
    background: url(../images/yingxbg.jpg) no-repeat center
}

.ying-core ul {
    height: auto;
    background: 0 0;
    text-align: left
}

.ying-core ul li {
    color: #fff;
    width: 28%;
    height: auto;
    line-height: 1.4
}

.ying-core ul li span {
    font-weight: 700;
    font-size: 32px;
    padding: 35px 0 10px
}

.ying-core ul li p {
    font-size: 20px
}

.ying-core ul li.two {
    width: 30%
}

.ying-core ul li.four {
    width: 25%
}

.ying-core ul li.last {
    width: 16%
}

.scheme ul {
    padding-top: 10px
}

.scheme li {
    width: 211px;
    margin-right: 110px;
    text-align: center;
    display: inline-block;
    vertical-align: top
}

.scheme li h4 {
    font-size: 18px;
    color: #333;
    margin: 12px 0
}

.scheme li p {
    line-height: 1.5;
    font-size: 16px
}

.scheme li .img {
    width: 160px;
    margin: 0 auto
}

.scheme li .img img {
    max-width: 100%
}

.scheme li.last {
    margin-right: 0
}

.worth li .img {
    width: auto;
    height: 180px;
    line-height: 180px;
    margin: 0 auto
}

.worth li .img img {
    display: inline-block;
    height: 170px;
    max-width: auto
}

.yxb-case ul li {
    width: 579px;
    display: inline-block;
    background: #fff;
    border: 1px solid #ddd;
    font-size: 16px
}

.yxb-case ul li .toubox {
    padding: 20px;
    background: #eee;
    text-align: center
}

.yxb-case ul li .toubox .img {
    width: 60px;
    height: 60px;
    overflow: hidden;
    margin: 0 auto 10px
}

.yxb-case ul li .toubox .img img {
    max-width: 100%;
    width: 100%
}

.yxb-case ul li .tou {
    width: 120px;
    overflow: hidden
}

.yxb-case ul li .fr {
    width: 380px;
    text-align: left
}

.yxb-case ul li .fr h4 {
    font-size: 24px;
    color: #5ee3e7;
    margin: 8px 0 13px
}

.yxb-case ul li .fr p {
    color: #999
}

.yxb-case ul li .data-list {
    padding: 20px 5px;
    text-align: center
}

.yxb-case ul li .data-list span {
    position: relative;
    width: 25%;
    display: block;
    float: left;
    overflow: hidden
}

.yxb-case ul li .data-list span i {
    display: block;
    font-size: 24px;
    color: #5ee3e7;
    padding-top: 12px
}

.yxb-case ul li .data-list span:before {
    display: block;
    content: '';
    position: absolute;
    right: 0;
    top: 5px;
    width: 2px;
    height: 50px;
    background: #dcdcdc
}

.yxb-case ul li .data-list span.last:before {
    display: none
}

.yxb-case ul li .data-txt {
    background: #5ee3e7;
    height: 50px;
    line-height: 50px;
    color: #fff
}

.yxb-case ul li .data-txt p {
    width: 50%;
    height: 50px;
    line-height: 46px;
    float: left;
    text-align: center
}

.yxb-case ul li .data-txt span {
    font-size: 24px;
    position: relative;
    top: 3px
}

.releasebox ul {
    padding: 50px 0 20px
}

.releasebox ul li {
    width: 160px;
    margin-right: 92px
}

.releasebox ul li .release {
    width: 110px;
    height: 110px;
    border-radius: 50%;
    border: 1px solid;
    color: #5ee3e7;
    font-size: 24px;
    text-align: center;
    margin: 0 auto 15px
}

.releasebox ul li .release:before {
    content: '';
    display: block;
    position: absolute;
    right: -118px;
    top: 50%;
    width: 90px;
    height: 1px;
    background: #5ee3e7
}

.releasebox ul li .release .number {
    position: absolute;
    left: 50%;
    top: -15px;
    margin: 0 0 0-10px;
    width: 20px;
    height: 30px;
    background: #f5f5f5;
    font-family: arial
}

.releasebox ul li .release em {
    padding-top: 20px;
    display: block
}

.releasebox ul li p {
    font-size: 14px
}

.releasebox ul li.last .release:before {
    display: none
}

.gongnshow ul {
    padding-top: 70px
}

.gongnshow ul li {
    float: left;
    width: 299px;
    text-align: center;
    height: 495px;
    background: url(data:image/png;
    base64, iVBORw0KGgoAAAANSUhEUgAAASwAAAHuCAYAAAAlXTHKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NUEzQzMyOUI3MTE0MTFFN0EwRkFDRjFERDAxMEI4RkQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NUEzQzMyOUM3MTE0MTFFN0EwRkFDRjFERDAxMEI4RkQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1QTNDMzI5OTcxMTQxMUU3QTBGQUNGMUREMDEwQjhGRCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1QTNDMzI5QTcxMTQxMUU3QTBGQUNGMUREMDEwQjhGRCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PmK0R98AAAcVSURBVHja7NbdbeJAFIBRE0cgqIEKwrZDP9tP6kkawDVg2ZLl9UQkAmkTRWDDjOcc6cp/83QfPnnR933xk6qqCvill2H2pwleT/NuNVxju91ePD9bCWNFqizL3XK5LFar1ceHpml2bdv+7bruTbwYw8IfFmNFarj/7+EhWCFexRCvQry45Q9LsJgkUt8RLwSLqCMlXggWSUZKvBAskoyUeCFYJBkp8UKwSDJS4oVgiVSSkRIvwRIskZoV8RIswRIp8UKwECnxQrBEymbES7AES6TEC8FCpMQLwRIpxEuwECnxEi/BEimREi8ES6QQL8FCpBAvwRIpxAvBEinES7BESqQQL8ESKcQLwRIpxEuwRArES7BECvHKOl6CJVKIl2CJFIiXYIkUZBuvnIIlUoiXYIkUiJdgiRSI1yyDJVKQQbxSDpZIQWbxSi1YIgUZxyuFYIkUiFfUwRIpEK+ogyVSIF5RB0ukQLyiDpZIgXhFHSyRAvG6OV5TBkukQLxGjdfYwRIpYLJ4jREskQLuEq9rgyVSwN3j9etgDaESKeCh8foxWCIFxBavIVpff16Lw+EgUkAS8QrB6tfrtUgBUcerruviKbzYbDZiBUQptCk0KniyDiAVggUIFoBgAYIFIFgAggUIFoBgAQgWIFgAggUgWIBgAQgWgGABggUgWACCBQgWgGABCBYgWACCBSBYgGABCBaAYAGCBSBYgGBZASBYAIIFCBaAYAEIFiBYAIIFIFiAYAEIFoBgAYIFIFgAggUIFoBgAQgWIFgAggUgWIBgAQgWgGABggUgWACCBQgWgGABggUgWACCBQgWgGABCBYgWACCBSBYgGABCBaAYAGCBSBYAIIFCBaAYAEIFiBYAIIFIFiAYAEIFoBgAYIFIFgAggUIFoBgAYIFIFgAggUIFoBgAQgWIFgAggUgWIBgAQgWgGABggUgWACCBQgWgGABCBYgWACCBSBYgGABCBaAYAGCBSBYAIIFCBaAYAGCBSBYAIIFCBaAYAEIFiBYAIIFIFiAYAEIFoBgAYIFIFgAggUIFoBgAQgWIFgAggUgWIBgAQgWgGABggUgWACCBQgWgGABggUgWACCBQgWgGABCBYgWACCBSBYgGABCBaAYAGCBSBYAIIFCBaAYAEIFiBYAIIFIFiAYAEIFoBgAYIFIFgAggUIFoBgAYIFIFgAggUIFoBgAQgWIFgAggUgWIBgAQgWgGABggUgWACCBQgWgGABCBYgWACCBSBYgGABCBaAYAGCBSBYAIIFCBaAYAGCBSBYAIIFCBaAYAEIFiBYAIIFIFiAYAEIFoBgAYIFIFgAggUIFoBgAQgWIFgAggUgWIBgAQgWgGABggUgWACCBQgWgGABggUgWACCBQgWgGABCBYgWACCBSBYgGABCBaAYAGCBSBYAIIFCBaAYAEIFiBYAIIFIFiAYAEIFoBgAYIFIFgAggUIFoBgAYIFIFgAggUIFoBgAQgWIFgAggUgWIBgAQgWgGABggUgWACCBQgWgGABCBYgWACCBSBYgGABCBaAYAGCBSBYgGBZASBYAIIFCBaAYAEIFiBYAIIFIFiAYAEIFoBgAYIFIFgAggUIFoBgAQgWIFgAggUgWIBgAQgWgGABggUgWACCBQgWgGABggUgWACCBQgWgGABCBYgWACCBSBYgGABCBaAYAGCBSBYAIIFCBaAYAEIFiBYAIIFIFiAYAEIFoBgAYIFIFgAggUIFoBgAYIFIFgAggUIFoBgAQgWIFgAggUgWIBgAQgWgGABggUgWACCBQgWgGABCBYgWACCBSBYgGABCBaAYAGCBSBYAIIFCBaAYAGCBSBYAIIFCBaAYAEIFiBYAIIFIFiAYAEIFoBgAYIFIFgAggUIFsBDg1XXddF1nW0A0QltCo0Knof5czwe92HKsnxZrVbFcrkshnubAh4WqbZti6Zpwv378Oo1zKLv+69DVVXthss+jHgBMURqu92+fZ65CNY58QIeFalhPiI1xOri/LfBOgtXuIgXcJdInbs2WOfEC5gsUmMHS7yAySI1ZbDECxg1UvcKlniBSN0cqUcES7xApG72iGCJF4hUksESLxCpJIMlXiBSSQZLvECkkgyWeEHGkUo5WOIFmUVqLsESL8ggUnMMlnjBTCM192CJF8woUjkFS7wQqcQjlWuwxAuREizxApESLPECkRIs8UKkBEu8QKQES7wQKQRLvBApwRIv8UKkBEu8ECnBEizxQqQEC/ESKZESLPFCpARLsMQLkRIsxEukECzxQqQES7DES6RESrAQL5FCsMRLvERKsARLvEQKwUK8RArBIvt4iZRgCZZ4iRSChXiJFILFLOMlUoIlWEQdL5FCsIg6XiKFYBF1vEQKwSLqeIkUgkXU8RIpBIuo4xWIFIJFEvE6PYsUowbrnwADAFcjiO/W0GESAAAAAElFTkSuQmCC) no-repeat left top
}

.gongnshow ul li h4 {
    display: inline-block;
    padding: 120px 0 36px;
    font-size: 18px;
    color: #5ee3e7
}

.gongnshow ul li h4:before,
.gongnshow ul li h4:after {
    position: relative;
    display: block;
    content: '';
    width: 100%;
    height: 1px;
    background: #5ee3e7
}

.gongnshow ul li h4:after {
    top: 9px
}

.gongnshow ul li h4:before {
    top: 39px
}

.gongnshow ul li i.iconfont {
    position: absolute;
    left: 50%;
    top: -50px;
    margin-left: -50px;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background: #5ee3e7;
    display: block;
    color: #fff;
    line-height: 100px
}

.gongnshow ul li i.iconfont:before {
    font-size: 52px;
    position: relative
}

.gongnshow ul li i.icon-pingtai:before {
    font-size: 42px
}

.gongnshow ul li i.icon-wangzhan:before {
    top: -3px
}

.gongnshow ul li i.icon-meiti:before {
    top: 2px
}

.gongnshow ul li p {
    font-size: 16px;
    line-height: 60px
}

.gongnshow ul li.last {
    width: 300px
}

.swws-coreBg {
    width: 855px;
    margin: 0 auto;
    padding-top: 35px
}

.swws-coreBg img {
    width: 100%
}

.swws-coreBg p {
    position: absolute;
    left: 50%;
    font-size: 18px;
    color: #666
}

.swws-coreBg p.one {
    top: 37px;
    margin-left: -293px
}

.swws-coreBg p.two {
    top: 37px;
    margin-left: 180px
}

.swws-coreBg p.three {
    top: 304px;
    margin-left: -388px
}

.swws-coreBg p.fout {
    top: 304px;
    margin-left: 262px
}

.swws-coreBg p.five {
    bottom: 0;
    margin-left: -58px
}

.swws-kaos {
    margin: 0 100px;
    text-align: center;
    padding-top: 30px
}

.swws-kaos li {
    width: 180px
}

.swws-kaos li.two {
    display: inline-block
}

.swws-kaos li h4 {
    width: 100%;
    height: 42px;
    line-height: 42px;
    background: #5ee3e7;
    color: #fff;
    font-size: 18px;
    margin-bottom: 30px
}

.swws-kaos li p {
    height: 60px;
    line-height: 60px
}

.swws-kaos li p img {
    display: inline-block;
    max-width: 100%
}

.swws-case-class {
    text-align: center;
    padding: 22px 0
}

.swws-case-class li {
    display: inline-block;
    margin-right: 15px;
    background: #e8e8e8;
    width: 170px;
    height: 42px;
    line-height: 42px;
    cursor: pointer
}

.swws-case-class li.active,
.swws-case-class li:hover {
    background: #f8f8f8;
    border-top: 2px solid #5ee3e7;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, .1)
}

.swws-case-list {
    padding: 20px 0 0 18px;
    overflow: hidden
}

.swws-case-list .case-list {
    width: 120%;
    display: none
}

.swws-case-list .case-list li {
    float: left;
    width: 375px;
    height: 295px;
    border: 1px solid #5ee3e7;
    margin: 0 20px 0 0;
    background: #fff
}

.swws-case-list .case-list li .fl {
    width: 230px;
    height: 100%;
    background-color: #eee;
    border-right: 1px solid #3ee5e7
}

.swws-case-list .case-list li .fl h3 {
    padding: 0 10px;
    font-size: 14px;
    background: #5ee3e7;
    line-height: 35px;
    height: 35px;
    color: #fff
}

.swws-case-list .case-list li .fl p {
    text-align: center
}

.swws-case-list .case-list li .fl .case-logo {
    display: inline-block;
    margin: 12px 0 10px;
    width: 80px;
    height: 80px;
    background: #fff;
    border-radius: 50%;
    overflow: hidden
}

.swws-case-list .case-list li .fl .case-logo img {
    width: 100%
}

.swws-case-list .case-list li .fl .case-web span,
.swws-case-list .case-list li .fl .case-time span {
    display: block;
    padding: 0 12px
}

.swws-case-list .case-list li .fl .case-time {
    padding: 10px 0 20px
}

.swws-case-list .case-list li .fl a.more {
    background-color: #5ee3e7;
    text-align: center;
    display: inline-block;
    width: 84px;
    height: 30px;
    line-height: 30px;
    color: #fff;
    font-size: 12px
}

.swws-case-list .case-list li .fl a.more:hover {
    opacity: .8;
    filter: alpha(opacity=80)
}

.swws-case-list .case-list li .fr {
    width: 141px;
    height: 100%;
    padding: 10px 12px;
    background: url(../images/case-data.png) no-repeat 10px 23px
}

.swws-case-list .case-list li .fr p {
    padding: 10px 0 0 40px;
    height: 70px;
    border-bottom: 1px solid #5ee3e7;
    text-align: left
}

.swws-case-list .case-list li .fr p:last-child {
    border-bottom: 0
}

.swws-case-list .case-list li .fr p.one {
    padding-top: 10px
}

.swws-case-list .case-list li .fr p span {
    display: block;
    line-height: 1.5
}

.swws-case-list .case-list li .fr p span.num {
    color: #5ee3e7;
    font-size: 18px
}

.solution258 {
    padding: 15px 100px
}

.solution258 li {
    width: 33.333%;
    background: #e8e8e8;
    display: block;
    float: left;
    margin: 0;
    padding: 30px 0 22px;
    line-height: 1.5
}

.solution258 li.fbg {
    background: #fff
}

.solution258 li i {
    background-color: transparent;
    height: 85px;
    line-height: 90px
}

.solution258 li i:before {
    position: relative;
    font-size: 74px
}

.solution258 li i.icon-renzheng:before {
    font-size: 64px
}

.solution258 li i.icon-wangzhan:before {
    font-size: 72px;
    top: -3px
}

.solution258 li i.icon-shangji:before {
    font-size: 70px
}

.solution258 li i.icon-caigou:before {
    font-size: 76px
}

.operate {
    text-align: center;
    padding: 12px 0
}

.operate li {
    width: 280px;
    height: 325px;
    border: 1px solid #e4e4e4;
    display: inline-block;
    margin-right: 21px;
    vertical-align: top
}

.operate li .img {
    padding: 50px 0 35px;
    height: 255px
}

.operate li .img img {
    max-width: 100%;
    display: inline-block
}

.operate li p {
    font-size: 18px
}

.operate li.last {
    margin-right: 0
}

.success-case .module-tit {
    margin-bottom: 0
}

.success-case ul {
    text-align: center;
    padding: 0 25px
}

.success-case li {
    display: inline-block;
    vertical-align: top;
    width: 380px;
    margin-top: 30px;
    padding: 0 60px
}

.success-case li .logoimg {
    width: 250px;
    height: 80px;
    margin: 0 auto 18px;
    overflow: hidden
}

.success-case li .logoimg img {
    width: 100%
}

.success-case li p {
    padding: 0 12px;
    line-height: 24px
}

.lawyer li {
    width: 287px;
    height: auto;
    margin-right: 13px;
    border: 0
}

.lawyer li .img {
    padding: 0;
    margin-bottom: 15px;
    line-height: 1.6;
    width: 100%;
    height: 400px
}

.lawyer li h4 {
    font-size: 24px;
    color: #333
}

.lawyer li p {
    font-size: 16px;
    line-height: 26px;
    color: #333
}

.core-value {
    padding: 25px
}

.core-valueImg {
    width: 454px;
    height: 454px;
    overflow: hidden
}

.core-valueImg img {
    width: 100%
}

.core-valueTxt {
    width: 640px;
    height: 454px;
    overflow: hidden
}

.core-valueTxt h2 {
    color: #5ee3e7;
    font-size: 24px
}

.core-valueTxt ul {
    padding: 15px 0 30px;
    font-size: 16px;
    line-height: 1.7
}

.core-valueTxt ul li {}

.cooperation ul {
    text-align: center
}

.cooperation ul li {
    display: inline-block;
    width: 33.3333%;
    margin: 16px 0 0
}

.cooperation ul li h4 {
    font-size: 22px;
    color: #5ee3e7
}

.partner {
    padding-top: 20px
}

.partner li {
    width: 24%;
    margin: 0 10px 10px 0;
    float: left
}

.partner li img {
    width: 100%;
    display: block
}

.xiuke-core-one {
    padding: 60px 0 65px
}

.xiuke-core-one li {
    width: 24.3%;
    height: 157px;
    height: 157px;
    color: #fff;
    text-align: center;
    margin-right: .8%;
    float: left
}

.xiuke-core-one li.one {
    background: url(../images/zhuc1.png) no-repeat top left
}

.xiuke-core-one li.two {
    background: url(../images/zhuc2.png) no-repeat top left
}

.xiuke-core-one li.three {
    background: url(../images/zhuc3.png) no-repeat top left
}

.xiuke-core-one li.four {
    margin-right: 0;
    background: url(../images/zhuc4.png) no-repeat top left
}

.xiuke-core-one li i {
    display: block;
    height: 100px;
    line-height: 110px
}

.xiuke-core-one li i:before {
    font-size: 56px
}

.xiuke-core-one li i.icon-zhuchiren:before {
    font-size: 50px
}

.xiuke-core-one li i.icon-diannaoshouji:before {
    font-size: 64px
}

.xiuke-core-one li span {
    font-size: 18px
}

.xiuke-flow ul {
    position: relative;
    height: 210px;
    overflow: hidden
}

.xiuke-flow ul li {
    position: absolute
}

.xiuke-flow ul li .img-xke {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    overflow: hidden
}

.xiuke-flow ul li .img-xke img {
    width: 100%
}

.xiuke-flow ul li p {
    opacity: 0;
    filter: alpha(opacity=0);
    text-align: center;
    padding-top: 12px
}

.xiuke-flow ul li.a {
    left: -120px;
    top: 55px;
    z-index: 2
}

.xiuke-flow ul li.b {
    left: 0;
    top: 44px
}

.xiuke-flow ul li.c {
    left: 140px;
    top: 30px
}

.xiuke-flow ul li.d {
    left: 315px;
    top: 10px
}

.xiuke-flow ul li.e {
    left: 510px
}

.xiuke-flow ul li.f {
    left: 725px;
    top: 10px
}

.xiuke-flow ul li.g {
    left: 930px;
    top: 30px
}

.xiuke-flow ul li.h {
    left: 1110px;
    top: 44px
}

.xiuke-flow ul li.t {
    left: 1250px;
    top: 55px
}

.xiuke-flow ul li.a .img-xke {
    width: 70px;
    height: 70px
}

.xiuke-flow ul li.b .img-xke {
    width: 90px;
    height: 90px
}

.xiuke-flow ul li.c .img-xke {
    width: 120px;
    height: 120px
}

.xiuke-flow ul li.d .img-xke {
    width: 160px;
    height: 160px
}

.xiuke-flow ul li.e .img-xke {
    width: 180px;
    height: 180px
}

.xiuke-flow ul li.e p {
    opacity: 1;
    filter: alpha(opacity=1)
}

.xiuke-flow ul li.f .img-xke {
    width: 160px;
    height: 160px
}

.xiuke-flow ul li.g .img-xke {
    width: 120px;
    height: 120px
}

.xiuke-flow ul li.h .img-xke {
    width: 90px;
    height: 90px
}

.xiuke-flow ul li.t .img-xke {
    width: 70px;
    height: 70px
}

.xiuke-flow ul li.none {
    display: none
}

.xiuke-flow .prev_next {
    position: absolute;
    top: 50%;
    margin-top: -16px;
    opacity: .6;
    filter: alpha(opacity=60);
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease
}

.xiuke-flow .prev_next:before {
    font-size: 66px;
    color: #999
}

.xiuke-flow .prev_next:hover {
    opacity: 1;
    filter: alpha(opacity=100)
}

.xiuke-flow .prev_next.icon-zuo {
    left: -100px
}

.xiuke-flow .prev_next.icon-you {
    right: -100px
}

.hyyx {
    background: url(../images/hyyx.jpg) no-repeat center;
    background-size: cover;
    height: 420px;
    text-align: center;
    display: block
}

.hyyx .con {
    padding-top: 155px
}

.hyyx .con h3 {
    font-size: 30px;
    color: #333
}

.hyyx .con p {
    font-size: 18px;
    color: #999;
    line-height: 1.6;
    padding-top: 10px
}

.side {
    position: fixed;
    right: -1px;
    bottom: 150px;
    z-index: 99
}

.side ul li .showbox {
    padding-right: 8px;
    display: none;
    position: absolute;
    left: -166px;
    top: 0
}

.side ul li:hover .showbox {
    display: block
}

.side ul li .showbox>div {
    overflow: hidden;
    height: 160px
}

.side ul li .imgshow {
    border: 1px solid #ddd;
    width: 154px;
    height: 0;
    background: #fff;
    padding: 28px 15px
}

.side ul li {
    position: relative;
    width: 46px;
    height: 46px;
    text-align: center;
    cursor: pointer;
    color: #5ee3e7;
    border: 1px solid #ddd;
    z-index: 1;
    margin-bottom: 4px;
    background: #fff
}

.side ul li .imgshow .imgb {
    width: 100%;
    overflow: hidden;
    float: left;
    color: #969696
}

.side ul li .imgshow img {
    width: 82px;
    border: 1px solid #ddd
}

.side ul li a {
    display: block;
    width: 100%;
    height: 100%;
    color: #969696;
    font-size: 12px;
    line-height: 1.5;
    padding: 5px 6px 6px;
    overflow: hidden
}

.side ul li a:before {
    display: block;
    font-size: 24px
}

.side ul li:hover a {
    color: #fff;
    background: #5ee3e7
}

.side ul li.ones {
    z-index: 2
}

.side ul li .phone {
    z-index: 1;
    width: 280px;
    height: 0;
    padding: 14px 18px;
    color: #666;
    text-align: left;
    background: #fff;
    border: 1px solid #ddd;
    cursor: initial
}

.side ul li .phone .pp {
    border-bottom: 1px solid #ddd;
    margin-bottom: 16px;
    padding-bottom: 12px
}

.side ul li .phone .pp em {
    font-size: 20px;
    display: inline-block;
    color: #5ee3e7
}

.side ul li .phone .pp sup {
    position: absolute;
    top: 20px;
    left: 68px;
    font-size: 12px;
    color: #969696
}

.side ul li .phone i.icon-dianhua:before {
    font-size: 44px;
    color: #5ee3e7
}

.side ul li .phone .pt span {
    display: inline-block;
    width: 48%;
    color: #969696;
    padding-bottom: 8px
}

.side ul li .phone .pt span:nth-child(even) {
    padding-left: 5%
}

.side ul li .msgbox {
    left: -348px;
    overflow: hidden
}

.side ul li .showbox>.msg {
    width: 340px;
    height: 310px
}

.side ul li .msg-frame {
    width: 100%;
    height: 150%;
    position: absolute;
    left: -9px;
    top: -80px
}

#top {
    opacity: 0;
    filter: alpha(opacity=0)
}

#top.fadeIn {
    opacity: 1;
    filter: alpha(opacity=100)
}

@-webkit-keyframes coordinates {
    form {
        -webkit-transform: scale(.1)
    }

    to {
        -webkit-transform: scale(1);
        opacity: 0
    }
}

@keyframes coordinates {
    form {
        transform: scale(.1)
    }

    to {
        transform: scale(1);
        opacity: 0
    }
}

@-webkit-keyframes minxc {
    form {
        width: 10px;
        height: 10px;
        opacity: 1
    }

    to {
        width: 60px;
        height: 60px;
        top: -25px;
        left: -25px;
        opacity: 0
    }
}

@keyframes minxc {
    form {
        width: 10px;
        height: 10px;
        opacity: 1
    }

    to {
        width: 60px;
        height: 60px;
        top: -25px;
        left: -25px;
        opacity: 0
    }
}

@-webkit-keyframes centershow {
    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes centershow {
    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes fadeIn {
    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    to {
        opacity: 1
    }
}

@-webkit-keyframes navshow {
    to {
        opacity: 1
    }
}

@keyframes navshow {
    to {
        opacity: 1
    }
}

@media screen and (max-width:1410px) {
    .solution-list {
        width: 100%;
        margin-left: 0
    }
}

@media screen and (max-width:1420px) {
    .xiuke-flow .prev_next {
        z-index: 9;
        width: 136px;
        height: 136px;
        background: #fff;
        opacity: 1;
        margin-top: -48px
    }

    .xiuke-flow .prev_next:before {
        line-height: 138px
    }

    .xiuke-flow .prev_next.icon-zuo {
        left: 0
    }

    .xiuke-flow .prev_next.icon-you {
        right: -10px
    }
}

@media screen and (max-width:1400px) {
    .main {
        min-height: 600px
    }

    .openyunz {
        width: 100%
    }
}

@media screen and (max-width:1300px) {

    .conBox,
    .headNav {
        width: 1100px
    }

    .headNav {
        margin-left: -550px
    }

    .pagebg,
    .headNavbox {
        min-width: 1100px
    }

    .flexslider,
    .footer {
        min-width: 1100px
    }

    .solutionbg .conBox {
        width: 1200px
    }

    .advantage li {
        margin-right: 69px
    }

    .product-flow li {
        width: 350px;
        margin-right: 20px
    }

    .releasebox ul li {
        margin-right: 70px
    }

    .releasebox ul li .release:before {
        right: -98px;
        width: 70px
    }

    .swws-case-list .case-list li {
        width: 347px
    }

    .swws-case-list .case-list li .fl {
        width: 204px
    }

    .scheme li {
        margin-right: 80px
    }

    .yxb-case ul li {
        width: 540px
    }

    .yxb-case ul li .fr {
        width: 355px
    }

    .solution258 {
        padding: 0 30px
    }

    .solution258 li {
        margin-right: 0
    }

    .operate li {
        width: 260px;
        margin-right: 15px
    }

    .success-case ul {
        padding: 0
    }

    .success-case li {
        padding: 0;
        width: 330px
    }

    .newsList li {
        width: 352px
    }

    .newsList .newsImg {
        height: 200px
    }

    .core-valueTxt {
        width: 550px
    }

    .lawyer li {}

    .lawyer li .img {
        height: 365px
    }

    .yunz-core {
        padding-left: 0
    }

    .yunz-core li {
        margin-right: 40px
    }

    .ychengj ul li {
        width: 260px;
        height: 360px
    }

    .loginyans-list li {
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }

    .loginyans-list li.two {
        left: 255px
    }

    .loginyans-list li.three {
        left: 450px
    }

    .loginyans-list li.four {
        left: 685px;
    ]
    }

    .loginyans-list li.five {
        right: 12px
    }

    .loginyans-list ul {
        background-size: cover
    }

    .aboutBox {
        min-width: 1100px
    }

    .gongnshow ul {
        padding-left: 54px
    }

    .gongnshow ul li {
        background: url(data:image/png;
        base64, iVBORw0KGgoAAAANSUhEUgAAAPsAAAGdCAYAAADUqAVVAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAAsSAAALEgHS3X78AAAJSklEQVR42u3au25bZxaG4SXLJN0YOU2rW8g9jBO7TJzC001uLd0UFpIBZi4giZNcyQZy7gwXoibSFJLMbYZbsSSS+/A9T81iicCLRS38B0WEpmk+qKrPqupZVX1YVf+pquOq+vro6OiPvudj9w76HoDdWQv80WKxuL9YLOrw8LCWy2Utl8s6PT39vaq+KuFPntgnpivw2Wy28fPn5+d1cnIi/ABin4CbBt5F+NMm9pG6DPxpXQT+0W0D7yL86RH7iKwF/mixWMy2GXgX4U+D2Aeur8C7rIX/W63C/0b4wyb2ARpa4F3Ozs7aV33hD5zYB2IsgXcR/vCJvUdjD7yL8IdJ7HvWNM379eYVfRKBdxH+cIh9D9IC79IR/vOq+lb4uyf2HRH49dbC/7VWG1/4OyL2LRL47Qh/P8R+RwLfLuHvjthvoWma92r1Fl3gOyL87RL7W7oM/GldBP6xwPdL+Hcn9msIfJg2hP9lXYT/QvjdxL5G4OOyFv4vtdr4wl8j9hL4VAj/erGxC3zahP9nUbFfBv5pVf2jBB5D+BcmH3sr8KsNPhd4ruTwJxn7psDn83nN5/O+R2NANoR/ddX/borhTyZ2gXMXa+H/XKuNP5nwRx27wNmFqYY/utgFzj5NKfxRxN40zbv15hVd4Ozd2MMfbOytwJ9V1WOBMyTXhP/i6OjorO/5NhlU7AJnjDaE377qDyb83mMXOFMy5PB7iV3gJBha+HuLXeAkG0L4O439MvBPahX4QuCk6yv8rcfeFfhsNquDg95PBDAoHeE/r6rvtx3+VuoTONzdWvg/1WrjbyX8W5cocNidXYR/oyoFDvu3rfD/stCmad6pN6/oAoee3CX8jbVeBn61wZ8IHIbnpuG/LlfgMF4d4T+vqh+uwj9omuafJXCYjLXwf6yL8L84aJrm/OHDhwKHCboK/9WrV/+6X1VetMFE3bt37/USv9f3MMB+iB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1C3KuqWi6XdX5+3vcswJadnZ29bvt+VX3+8uXLZ1X1ZLFYLObzec1mszo4OOh7TuAWzs7Oarlc1nK5rNPT0x+r6suq+uJ10U3TvFNVn1SV8GFk1gL/qS4Cf15VPxwdHZ1VVW2sWPgwfB2BH1fV91eBt/1luU3TvFur8B8LH/pz08DbblSr8GH/7hJ4260LFT7szrYCb9tKlV3hz+fzvr8zGI21wH+u1ZHt1oG3bX0Fr4X/5KJ74cMmHYEfV9V32wi8bae/ty/D/7RWG1/4xNtn4G17++da+CTrK/C2Xi5pwifBEAJv6/1sLnymZEPgX9XFka2XwNt6j71N+IxRR+BXG/yPvue7MqjY25qmea9W4X8sfIZkLIG3DTb2NuEzBGMMvG0UsbcJn30ae+Bto4u9Tfjswlrgv9SbR7ZRBd426tjb1sJ/vFgsZovFomazWd+jMQIdgR9X1YsxB942mdjbLsN/WquNL3z+JCHwtknG3iZ82tICb5t87G3Cz5QceFtU7G3Cn7a1wH+t1VPVqMDbYmNvE/40bAj8aoN/mxp4m9jXNE3zfq3C/0j4wybwtyf2awh/mAR+O2J/S8Lvl8DvTuy3IPz9WAv8t1q9ZBP4LYj9joS/XR2BH1fVNwK/G7FvUdM0H9Qq/EfCfzsC3w+x74jwryfw/RP7Hgj/wvn5eZ2cnAi8J2Lfs7Tw1wL/vVYv2QS+Z2Lv0VTD3xD41Qb/WuD9EftAXIb/Wa3Cvz+m8AU+fGIfoLGEL/BxEfvADS18gY+X2Eekr/A3BP7vunjJJvAREftIrYf/4MGD+/P5fGvhdwR+tcH/1/ffz82JfQKapvlbrcL/+23DF/i0iX1ibhq+wHOIfcK6wj88PKzT09M6OTkReBCxh1gL/8Oq+m+tjmwCD/B/jRqIdVYcqWoAAAAASUVORK5CYII=);
        width: 250px;
        height: 413px
    }

    .gongnshow ul li h4 {
        padding-top: 86px
    }

    .gongnshow ul li.last {
        width: 251px
    }

    .gongnshow ul li p {
        line-height: 50px
    }

    .xiuke-flow ul li.c {
        left: 92px;
        z-index: 11
    }

    .xiuke-flow ul li.d {
        left: 242px
    }

    .xiuke-flow ul li.e {
        left: 430px
    }

    .xiuke-flow ul li.f {
        left: 640px
    }

    .xiuke-flow ul li.g {
        left: 830px
    }
}

@media screen and (max-height:700px) {
    .openyunz {
        height: 550px;
        background-size: contain
    }

    .openyunz p {
        font-size: 36px;
        padding-top: 246px
    }

    .openyunz a {
        width: 240px;
        height: 56px;
        line-height: 56px;
        font-size: 20px
    }
}
@charset "UTF-8";


html, body, figure, dl, dd, img, form, div, ul, ol, li, h1, h2, h3, h4, h5, h6, p, button, input, textarea, a, span, em {
    margin: 0;
    padding: 0;
    border: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
}



ul, ol, li {
    list-style-type: none;
}

@keyframes linewidth {
    from {
        width: 0;
    }

    to {
        width: 100%;
    }
}

@-moz-keyframes linewidth {
    from {
        width: 0;
    }

    to {
        width: 100%;
    }
}

@-webkit-keyframes linewidth {
    from {
        width: 0;
    }

    to {
        width: 100%;
    }
}

@-o-keyframes linewidth {
    from {
        width: 0;
    }

    to {
        width: 100%;
    }
}





.index-news {
    width:100%;
    background:#fff;
    overflow:hidden;
    margin-bottom: 50px;
}
.index-news-title {
    font-size:36px;
    line-height:1;
    color:#000;
    font-weight:bold;
}
.index-news-more {
    font-family: 'sheepsansbold';
    font-size: 16px;
    line-height: 36px;
    color: #000;
    background: url(../image/icon21_1.png) right center no-repeat;
    padding-right: 35px;
    display: block;
    position: absolute;
    right: 5px;
    top: 30px;
}
.index-news-menu {
    width:100%;
    margin-top:30px;
    display:table;
}
.index-news-menu li {
    float:left;
    margin-right:10px;
}
.index-news-menu li a {
    display:block;
    line-height:26px;
    padding:0 20px;
    border:1px solid #666;
    font-size:14px;
    color:#666;
    border-radius:14px;
    transition:all ease .3s;
}
.index-news-menu li:hover a {
    color:#fff;
    background:#222;
    border-color:#222;
}
.index-news-menu li.on a {
    color:#fff;
    background:#02B09B;
    border-color:white;
}
.index-news .index-box {
    max-width:1610px;
    overflow:hidden;
    padding:0 5px;
    margin: auto;
}
.index-news-more:hover{
    color:  #02B09B;
}
.index-news-list {
    width:calc(700% + 70px);
    margin-top:40px;
    display:inline-block;
    left:0;
    position:relative;
    transition:all ease 1s;
}
.index-news-list .lbox {
    width:calc(100% / 7);
    display:inline-block;
    float:left;
    padding-right:10px;
}
.index-news-list .lbox .box1 {
    width:30%;
    margin-right:0.625%;
    float:left;
    transition:all ease .3s;
}
.index-news-list .lbox .box1 a {
    display:inline-block;
    width:100%;
}
.index-news-list .lbox .box1 .img {
    width:100%;
    height:280px;
}
.index-news-list .lbox .box1 .tbox {
    width:100%;
    height:270px;
    box-sizing:border-box;
    background:#f7f7f7;
    padding:0 30px;
}
.index-new-border{
    width: 100%;
    height: 80px;
    border-bottom: 1px #C6C6C6 solid;
}.index-new-div2{
     width: 1200px;
     height: 80px;
     margin: auto;
 }
.index-new-div-pa{
    width: 70px;
    height: 2px;
    background: #01A48F;
    text-align: center;
    position: absolute;
    left: 47.7%;
}
 .index-new-div-p{
     text-align: center;
     color:#01A48F;
     font-size: 30px;
     line-height: 80px;
 }
.index-news-list .lbox .box1:hover {
    box-shadow:0 0 10px 0 rgba(0,0,0,.3);
}
.index-news-list .lbox .box1 .tbox .time {
    color:#999;
    font-family: 'sheepsansbold';
    font-weight:bold;
    font-size:48px;
    line-height:50px;
    border-bottom:1px solid #dbdbdb;
    padding:22px 0 16px;
    background:url(../image/icon20_1.png) right 54px no-repeat;
    transition:all ease .3s;
}
.index-news-list .lbox .box1 .tbox:hover .time {
    color:#222;
}
.index-news-list .lbox .box1 .tbox .time span {
    font-size:16px;
    line-height:20px;
    font-weight:initial;
    display:block;
}
.index-news-list .lbox .box1 .tbox .titles {
    font-size:16px;
    line-height:36px;
    color:#000;
    margin-top:30px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.index-news-list .lbox .box1 .tbox .txts {
    font-size:14px;
    line-height:24px;
    color:#666;
    margin-top:14px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.index-news-list .lbox .box2 {
    width:30%;
    margin-right:0.625%;
    float:left;
}
.index-news-list .lbox .box2 .tbox {
    width:100%;
    height:270px;
    background:#f4f4f4;
    box-sizing:border-box;
    padding:0 30px;
    margin-bottom:10px;
    transition:all ease .3s;
}
.index-news-list .lbox .box2 .tbox:hover {
    box-shadow:0 0 10px 0 rgba(0,0,0,.3);
}
.index-news-list .lbox .box2 .tbox a {
    display:inline-block;
    width:100%;
}
.index-news-list .lbox .box2 .tbox .time {
    font-size:48px;
    font-weight:bold;
    line-height:50px;
    font-family: 'sheepsansbold';
    color:#999;
    padding:22px 0 15px;
    background:url(../image/icon20_1.png) right 54px no-repeat;
    border-bottom:1px solid #dbdbdb;
    transition:all ease .3s;
}
.index-news-list .lbox .box2 .tbox .time span {
    font-size:16px;
    line-height:20px;
    display:block;
}
.index-news-list .lbox .box2 .tbox:hover .time {
    color:#222;
}
.index-news-list .lbox .box2 .tbox .titles {
    font-size:16px;
    line-height:36px;
    color:#000;
    margin-top:30px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.index-news-list .lbox .box2 .tbox .txts {
    font-size:14px;
    line-height:24px;
    color:#666;
    margin-top:10px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.index-news-list .lbox .box3 {
    width:38.75%;
    float:left;
}
.index-news-list .lbox .box3 .tbox {
    width:100%;
    height:130px;
    margin-bottom:10px;
    box-sizing:border-box;
    padding:30px;
    background:#f4f4f4 url(../image/icon20_1.png) 95% 60px no-repeat;
    transition:all ease .3s;
}
.index-news-list .lbox .box3 .tbox:hover {
    box-shadow:0 0 10px 0 rgba(0,0,0,.3);
}
.index-news-list .lbox .box3 .tbox a {
    display:inline-block;
}
.index-news-list .lbox .box3 .tbox .time {
    font-size:48px;
    font-weight:bold;
    line-height:50px;
    font-family: 'sheepsansbold';
    color:#999;
    float:left;
    margin-right:30px;
    transition:all ease .3s;
}
.index-news-list .lbox .box3 .tbox:hover .time {
    color:#222;
}
.index-news-list .lbox .box3 .tbox .time span {
    font-size:16px;
    display:block;
    line-height:20px;
}
.index-news-list .lbox .box3 .tbox .titles {
    width:410px;
    float:left;
    font-size:16px;
    line-height:26px;
    color:#000;
    padding-top:10px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}




@media(max-width:1630px) {
    .index-box {
        width:100%;
        padding:0 40px;
    }
    .index-news {
        overflow:hidden;
        padding:0 40px;
    }

    .advantage-list li {
        width:23%;
        margin:0 1.125% 0 0.5%;
        padding:60px 20px 20px 20px
    }

    .index-case .mores,.index-news-more {
        right:40px;
    }

    .index-solution-box .tbox {
        padding:4.5% 20px 0 40px;
    }

    .index-news-list .lbox .box3 .tbox .titles {
        width:calc(100% - 110px);
    }
    .index-client-tbox {
        padding:100px 20px 0;
    }


}


.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
}

@-webkit-keyframes bounce {
    0%,100%,20%,53%,80% {
        -webkit-transition-timing-function: cubic-bezier(0.215,.61,.355,1);
        transition-timing-function: cubic-bezier(0.215,.61,.355,1);
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }

    40%,43% {
        -webkit-transition-timing-function: cubic-bezier(0.755,.050,.855,.060);
        transition-timing-function: cubic-bezier(0.755,.050,.855,.060);
        -webkit-transform: translate3d(0,-30px,0);
        transform: translate3d(0,-30px,0);
    }

    70% {
        -webkit-transition-timing-function: cubic-bezier(0.755,.050,.855,.060);
        transition-timing-function: cubic-bezier(0.755,.050,.855,.060);
        -webkit-transform: translate3d(0,-15px,0);
        transform: translate3d(0,-15px,0);
    }

    90% {
        -webkit-transform: translate3d(0,-4px,0);
        transform: translate3d(0,-4px,0);
    }
}

@keyframes bounce {
    0%,100%,20%,53%,80% {
        -webkit-transition-timing-function: cubic-bezier(0.215,.61,.355,1);
        transition-timing-function: cubic-bezier(0.215,.61,.355,1);
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }

    40%,43% {
        -webkit-transition-timing-function: cubic-bezier(0.755,.050,.855,.060);
        transition-timing-function: cubic-bezier(0.755,.050,.855,.060);
        -webkit-transform: translate3d(0,-30px,0);
        transform: translate3d(0,-30px,0);
    }

    70% {
        -webkit-transition-timing-function: cubic-bezier(0.755,.050,.855,.060);
        transition-timing-function: cubic-bezier(0.755,.050,.855,.060);
        -webkit-transform: translate3d(0,-15px,0);
        transform: translate3d(0,-15px,0);
    }

    90% {
        -webkit-transform: translate3d(0,-4px,0);
        transform: translate3d(0,-4px,0);
    }
}

.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom;
}

@-webkit-keyframes flash {
    0%,100%,50% {
        opacity: 1;
    }

    25%,75% {
        opacity: 0;
    }
}

@keyframes flash {
    0%,100%,50% {
        opacity: 1;
    }

    25%,75% {
        opacity: 0;
    }
}

.flash {
    -webkit-animation-name: flash;
    animation-name: flash;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1);
    }

    50% {
        -webkit-transform: scale3d(1.05,1.05,1.05);
        transform: scale3d(1.05,1.05,1.05);
    }

    100% {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1);
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1);
    }

    50% {
        -webkit-transform: scale3d(1.05,1.05,1.05);
        transform: scale3d(1.05,1.05,1.05);
    }

    100% {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1);
    }
}

.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse;
}

@-webkit-keyframes rubberBand {
    0% {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1);
    }

    30% {
        -webkit-transform: scale3d(1.25,.75,1);
        transform: scale3d(1.25,.75,1);
    }

    40% {
        -webkit-transform: scale3d(0.75,1.25,1);
        transform: scale3d(0.75,1.25,1);
    }

    50% {
        -webkit-transform: scale3d(1.15,.85,1);
        transform: scale3d(1.15,.85,1);
    }

    65% {
        -webkit-transform: scale3d(.95,1.05,1);
        transform: scale3d(.95,1.05,1);
    }

    75% {
        -webkit-transform: scale3d(1.05,.95,1);
        transform: scale3d(1.05,.95,1);
    }

    100% {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1);
    }
}

@keyframes rubberBand {
    0% {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1);
    }

    30% {
        -webkit-transform: scale3d(1.25,.75,1);
        transform: scale3d(1.25,.75,1);
    }

    40% {
        -webkit-transform: scale3d(0.75,1.25,1);
        transform: scale3d(0.75,1.25,1);
    }

    50% {
        -webkit-transform: scale3d(1.15,.85,1);
        transform: scale3d(1.15,.85,1);
    }

    65% {
        -webkit-transform: scale3d(.95,1.05,1);
        transform: scale3d(.95,1.05,1);
    }

    75% {
        -webkit-transform: scale3d(1.05,.95,1);
        transform: scale3d(1.05,.95,1);
    }

    100% {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1);
    }
}

.rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand;
}

@-webkit-keyframes shake {
    0%,100% {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }

    10%,30%,50%,70%,90% {
        -webkit-transform: translate3d(-10px,0,0);
        transform: translate3d(-10px,0,0);
    }

    20%,40%,60%,80% {
        -webkit-transform: translate3d(10px,0,0);
        transform: translate3d(10px,0,0);
    }
}

@keyframes shake {
    0%,100% {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }

    10%,30%,50%,70%,90% {
        -webkit-transform: translate3d(-10px,0,0);
        transform: translate3d(-10px,0,0);
    }

    20%,40%,60%,80% {
        -webkit-transform: translate3d(10px,0,0);
        transform: translate3d(10px,0,0);
    }
}

.shake {
    -webkit-animation-name: shake;
    animation-name: shake;
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate3d(0,0,1,15deg);
        transform: rotate3d(0,0,1,15deg);
    }

    40% {
        -webkit-transform: rotate3d(0,0,1,-10deg);
        transform: rotate3d(0,0,1,-10deg);
    }

    60% {
        -webkit-transform: rotate3d(0,0,1,5deg);
        transform: rotate3d(0,0,1,5deg);
    }

    80% {
        -webkit-transform: rotate3d(0,0,1,-5deg);
        transform: rotate3d(0,0,1,-5deg);
    }

    100% {
        -webkit-transform: rotate3d(0,0,1,0deg);
        transform: rotate3d(0,0,1,0deg);
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate3d(0,0,1,15deg);
        transform: rotate3d(0,0,1,15deg);
    }

    40% {
        -webkit-transform: rotate3d(0,0,1,-10deg);
        transform: rotate3d(0,0,1,-10deg);
    }

    60% {
        -webkit-transform: rotate3d(0,0,1,5deg);
        transform: rotate3d(0,0,1,5deg);
    }

    80% {
        -webkit-transform: rotate3d(0,0,1,-5deg);
        transform: rotate3d(0,0,1,-5deg);
    }

    100% {
        -webkit-transform: rotate3d(0,0,1,0deg);
        transform: rotate3d(0,0,1,0deg);
    }
}

.swing {
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing;
}

@-webkit-keyframes tada {
    0% {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1);
    }

    10%,20% {
        -webkit-transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);
        transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);
    }

    30%,50%,70%,90% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);
        transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);
    }

    40%,60%,80% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);
        transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);
    }

    100% {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1);
    }
}

@-webkit-keyframes bounceIn {
    0%,100%,20%,40%,60%,80% {
        -webkit-transition-timing-function: cubic-bezier(0.215,.61,.355,1);
        transition-timing-function: cubic-bezier(0.215,.61,.355,1);
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3);
    }

    20% {
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1);
    }

    40% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03,1.03,1.03);
        transform: scale3d(1.03,1.03,1.03);
    }

    80% {
        -webkit-transform: scale3d(.97,.97,.97);
        transform: scale3d(.97,.97,.97);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1);
    }
}

@keyframes bounceIn {
    0%,100%,20%,40%,60%,80% {
        -webkit-transition-timing-function: cubic-bezier(0.215,.61,.355,1);
        transition-timing-function: cubic-bezier(0.215,.61,.355,1);
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3);
    }

    20% {
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1);
    }

    40% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03,1.03,1.03);
        transform: scale3d(1.03,1.03,1.03);
    }

    80% {
        -webkit-transform: scale3d(.97,.97,.97);
        transform: scale3d(.97,.97,.97);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1);
    }
}

.bounceIn {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
}

@-webkit-keyframes bounceInDown {
    0%,100%,60%,75%,90% {
        -webkit-transition-timing-function: cubic-bezier(0.215,.61,.355,1);
        transition-timing-function: cubic-bezier(0.215,.61,.355,1);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-3000px,0);
        transform: translate3d(0,-3000px,0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0,25px,0);
        transform: translate3d(0,25px,0);
    }

    75% {
        -webkit-transform: translate3d(0,-10px,0);
        transform: translate3d(0,-10px,0);
    }

    90% {
        -webkit-transform: translate3d(0,5px,0);
        transform: translate3d(0,5px,0);
    }

    100% {
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes bounceInDown {
    0%,100%,60%,75%,90% {
        -webkit-transition-timing-function: cubic-bezier(0.215,.61,.355,1);
        transition-timing-function: cubic-bezier(0.215,.61,.355,1);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-3000px,0);
        transform: translate3d(0,-3000px,0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0,25px,0);
        transform: translate3d(0,25px,0);
    }

    75% {
        -webkit-transform: translate3d(0,-10px,0);
        transform: translate3d(0,-10px,0);
    }

    90% {
        -webkit-transform: translate3d(0,5px,0);
        transform: translate3d(0,5px,0);
    }

    100% {
        -webkit-transform: none;
        transform: none;
    }
}

.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
    0%,100%,60%,75%,90% {
        -webkit-transition-timing-function: cubic-bezier(0.215,.61,.355,1);
        transition-timing-function: cubic-bezier(0.215,.61,.355,1);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px,0,0);
        transform: translate3d(-3000px,0,0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px,0,0);
        transform: translate3d(25px,0,0);
    }

    75% {
        -webkit-transform: translate3d(-10px,0,0);
        transform: translate3d(-10px,0,0);
    }

    90% {
        -webkit-transform: translate3d(5px,0,0);
        transform: translate3d(5px,0,0);
    }

    100% {
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes bounceInLeft {
    0%,100%,60%,75%,90% {
        -webkit-transition-timing-function: cubic-bezier(0.215,.61,.355,1);
        transition-timing-function: cubic-bezier(0.215,.61,.355,1);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px,0,0);
        transform: translate3d(-3000px,0,0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px,0,0);
        transform: translate3d(25px,0,0);
    }

    75% {
        -webkit-transform: translate3d(-10px,0,0);
        transform: translate3d(-10px,0,0);
    }

    90% {
        -webkit-transform: translate3d(5px,0,0);
        transform: translate3d(5px,0,0);
    }

    100% {
        -webkit-transform: none;
        transform: none;
    }
}

.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
    0%,100%,60%,75%,90% {
        -webkit-transition-timing-function: cubic-bezier(0.215,.61,.355,1);
        transition-timing-function: cubic-bezier(0.215,.61,.355,1);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px,0,0);
        transform: translate3d(3000px,0,0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px,0,0);
        transform: translate3d(-25px,0,0);
    }

    75% {
        -webkit-transform: translate3d(10px,0,0);
        transform: translate3d(10px,0,0);
    }

    90% {
        -webkit-transform: translate3d(-5px,0,0);
        transform: translate3d(-5px,0,0);
    }

    100% {
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes bounceInRight {
    0%,100%,60%,75%,90% {
        -webkit-transition-timing-function: cubic-bezier(0.215,.61,.355,1);
        transition-timing-function: cubic-bezier(0.215,.61,.355,1);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px,0,0);
        transform: translate3d(3000px,0,0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px,0,0);
        transform: translate3d(-25px,0,0);
    }

    75% {
        -webkit-transform: translate3d(10px,0,0);
        transform: translate3d(10px,0,0);
    }

    90% {
        -webkit-transform: translate3d(-5px,0,0);
        transform: translate3d(-5px,0,0);
    }

    100% {
        -webkit-transform: none;
        transform: none;
    }
}

.bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
    0%,100%,60%,75%,90% {
        -webkit-transition-timing-function: cubic-bezier(0.215,.61,.355,1);
        transition-timing-function: cubic-bezier(0.215,.61,.355,1);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,3000px,0);
        transform: translate3d(0,3000px,0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0,-20px,0);
        transform: translate3d(0,-20px,0);
    }

    75% {
        -webkit-transform: translate3d(0,10px,0);
        transform: translate3d(0,10px,0);
    }

    90% {
        -webkit-transform: translate3d(0,-5px,0);
        transform: translate3d(0,-5px,0);
    }

    100% {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
}

@keyframes bounceInUp {
    0%,100%,60%,75%,90% {
        -webkit-transition-timing-function: cubic-bezier(0.215,.61,.355,1);
        transition-timing-function: cubic-bezier(0.215,.61,.355,1);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,3000px,0);
        transform: translate3d(0,3000px,0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0,-20px,0);
        transform: translate3d(0,-20px,0);
    }

    75% {
        -webkit-transform: translate3d(0,10px,0);
        transform: translate3d(0,10px,0);
    }

    90% {
        -webkit-transform: translate3d(0,-5px,0);
        transform: translate3d(0,-5px,0);
    }

    100% {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
}

.bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9);
    }

    50%,55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3);
    }
}

@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9);
    }

    50%,55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3);
    }
}

.bounceOut {
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut;
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
}

@-webkit-keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0,10px,0);
        transform: translate3d(0,10px,0);
    }

    40%,45% {
        opacity: 1;
        -webkit-transform: translate3d(0,-20px,0);
        transform: translate3d(0,-20px,0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0);
    }
}

@keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0,10px,0);
        transform: translate3d(0,10px,0);
    }

    40%,45% {
        opacity: 1;
        -webkit-transform: translate3d(0,-20px,0);
        transform: translate3d(0,-20px,0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0);
    }
}