@charset "utf-8";
html{font-size:100px;}
.main-width{width:1440px;margin:0 auto;}


.header{position:fixed;left:0;top:0;width:100%;height:60px;z-index:9999;transition:all .3s;background:rgba(0,0,0,.9);}
.header .phone-menu{display:none;position:fixed;width:32px;height:22px;left:5%;top:17px;z-index:99999;cursor:pointer;}
.header .phone-menu span{display:block;width:32px;height:2px;background-color:#fff;border-radius:1px;-moz-transform-origin:6% 50%;-webkit-transform-origin:6% 50%;-o-transform-origin:6% 50%;transition:all .3s;}
.header .phone-menu .b1,.header .phone-menu .b2{margin-bottom:8px;}
.header .reser{display:none;position:fixed;right:5%;top:13px;padding:0;width:auto;line-height:30px;font-size:14px;border-bottom:none;z-index:99999;}
.header .reser a{color:#fff;}
.header .reser a:hover{color:#008ad4;}
.header .logo{float:left;}
.header .logo .pic{height:38px;margin-top:11px;}
.header .logo .pic img{width:auto;height:100%;}
.header .nav{float:right;}
.header .language{float:left;width:70px;height:23px;padding:18.5px 0;margin-left:60px;}
.header .language .select{position:relative;border:1px solid #fff;height:21px;cursor:pointer;}
.header .language .select p{padding:4px;height:13px;line-height:14px;font-size:12px; color: #fff;}
.header .language .select em{position:absolute;top:9px;right:10px;width:0;height:0;border:5px solid transparent;border-top-color:#fff;}
.header .language .select .sel-box{display:none;background-color:#fff;border:1px solid #fff;}
.header .nav .one > li{position:relative;float:left;line-height:30px;padding:15px 0;margin-left:44px;font-size:16px;letter-spacing:1px;}
.header .nav .one > li i{display:none;}
.header .nav .one > li a{color:#fff;}
.header .nav .one > li:hover{font-weight:bold;}
.header .nav .one > li:hover > a{color:#008ad4;}
.header .nav .one > li.active > a{color:#008ad4;}
.header .nav .one > .hs > a i{display:inline-block;width:10px;height:5px;margin:-2px 0 0 5px;vertical-align:middle;background:url(/images/all-icon.png) no-repeat -210px -190px;}
.header .nav .one > .hs.active > a i{background-position:-220px -190px;}
.header .nav .one > .hs:hover > a i{background-position:-220px -190px;}
.header .nav .one > .hs:hover:before{content:"";position:absolute;left:0;bottom:-2px;width:100%;height:2px;background-color:#008ad4;z-index:9;}
.header .nav .one > .hs:hover:after{content:"";position:absolute;left:50%;bottom:-14px;width:0;height:0;margin-left:-7px;border:7px solid transparent;border-top-color:#008ad4;}
.header .nav .drap{display:none;position:absolute;top:60px;left:50%;width:150px;margin-left:-85px;padding:10px;background:rgba(0,0,0,.9);}
.header .nav .drap li{width:150px;font-size:14px;font-weight:normal;}
.header .nav .drap li a{display:block;width:130px;height:40px;line-height:40px;padding:0 10px;text-align:center;}
.header .nav .drap li a:hover{background:rgba(40,40,40,.7);color:#008ad4;}
.header .nav .drap-down{display:none;position:fixed;left:0;top:60px;width:100%;background:rgba(0,0,0,.9);text-align:center;border-top:1px solid #444;}
.header .nav .drap-down h2{line-height:30px;font-size:14px;padding-left:5px;margin-bottom:10px;color:#fff;text-align:left;}
.header .nav .drap-down li{float:left;width:150px;padding:5px;font-size:14px;box-sizing:border-box;font-weight:normal;}
.header .nav .drap-down li a{display:block;width:140px;height:50px;line-height:50px;background:rgba(60,60,60,.9);}
.header .nav .drap-down li a:hover{background:rgba(40,40,40,.7);color:#008ad4;}
.header .nav .drap-down .box{display:inline-block;*display:inline;*zoom:1;width:450px;padding:30px 15px;vertical-align:top;}
.header .nav .drap-down .two{width:300px;}
.header .nav .drap-down .one{width:150px;}
.header .nav .one > li:hover .drap{display:block;}
.header .nav .one > li:hover .drap-down{display:block;}
.header.active .phone-menu .b1{transform:rotate(45deg);}
.header.active .phone-menu .b2{filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;}
.header.active .phone-menu .b3{transform:rotate(-45deg);}
.header.flow{background:rgba(0,0,0,.9);}
.header.flow.hid{top:-82px;}
.header.flow.hid .nav .one > li:hover .drap{display:none;}
.header.flow.hid .nav .one > li:hover .drap-down{display:none;}
.header:hover{background:rgba(0,0,0,.9);}



.footer{padding:40px 0 20px;background-color:#191919;overflow:hidden;}
.footer h3{line-height:25px;margin-bottom:10px;font-size:18px;color:#fff;}
.footer a{color:#767675;}
.footer a:hover{color:#008ad4;}
.footer li{line-height:25px;margin-bottom:5px;color:#767675;}
.footer .main-width{display:flex;justify-content:space-between;}
.footer .func-box{float:left;box-sizing:border-box;}
.footer .mnav{}
.footer .service{}
.footer .about{width:137px;overflow:hidden;}
.footer .about ul{width:160px;}
.footer .about li{float:left;width:57px;margin-right:23px;}
.footer .onav{}
.footer .contact{}
.footer .wechat{float:right;text-align:right;}
.footer .wechat p{margin:0 0 0 auto;width:118px;max-width:100%;margin-top:5px;text-align:center;}



.other-banner{position:relative;overflow:hidden;text-align:center;}
.other-banner img{width:100%;height:auto;}
.other-banner .text{position:absolute;width:100%;left:0;top:37.5%;}
.other-banner .text h2{line-height:0.6rem;font-size:0.48rem;text-align:center;color:#fff;font-weight:bold;}
.other-banner .text hr{border:none;width:5.74rem;height:0.02rem;margin:0.25rem auto;background:url(/images/banner-line.png) no-repeat;background-size:100% 100%;}
.other-banner .text ul{display:inline-block;*display:inline;*zoom:1;}
.other-banner .text li{float:left;height:0.3rem;margin:0 0.2rem;vertical-align:top;}
.other-banner .text li i{display:inline-block;width:0.3rem;height:0.3rem;margin-right:0.1rem;vertical-align:top}
.other-banner .text li p{display:inline-block;line-height:0.3rem;font-size:0.18rem;vertical-align:top;color:#fff;}
.other-banner .text li .i1{background:url(/images/banner-icon-01.png) no-repeat;background-size:100% 100%;}
.other-banner .text li .i2{background:url(/images/banner-icon-02.png) no-repeat;background-size:100% 100%;}
.other-banner .text li .i3{background:url(/images/banner-icon-03.png) no-repeat;background-size:100% 100%;}
.other-banner .text li .i4{background:url(/images/banner-icon-04.png) no-repeat;background-size:100% 100%;}


.erp-banner{position:relative;overflow:hidden;}
.erp-banner img{width:100%;height:auto;}
.erp-banner .text{position:absolute;left:17.96875%;top:35.17857%;}
.erp-banner .text h2{line-height:0.6rem;margin-bottom:0.1rem;font-size:0.48rem;color:#fff;font-weight:bold;}
.erp-banner .text p{line-height:0.3rem;font-size:0.18rem;color:#fff;}
.erp-banner .text a{display:block;width:1.35rem;height:0.35rem;line-height:0.35rem;margin-top:0.4rem;text-align:center;background-color:#fff;color:#008ad4;border-radius:0.175rem;font-size:0.16rem;}
.erp-banner .text .point{margin-top:0.2rem;}
.erp-banner .text .point span{position:relative;display:inline-block;*display:inline;*zoom:1;line-height:0.25rem;margin-right:0.25rem;font-size:0.18rem;padding-left:0.15rem;color:#fff;}
.erp-banner .text .point span i{font-size:0.22rem;font-weight:bold;}
.erp-banner .text .point span:after{content:"";position:absolute;left:0;top:0.08rem;width:0.09rem;height:0.09rem;background-color:#008ad4;border-radius:50%;}
.erp-banner .over p{font-size:0.24rem;}
.erp-banner .stool p{font-size:0.24rem;}





.friend{background-color:#191919;overflow:hidden;}
.friend .main-width{padding:10px 0;border-top:1px solid #464646;}
.friend span{color:#fff;margin-right:10px;}
.friend a{color:#767675;margin-right:10px;}
.friend a:hover{color:#008ad4;}



.copyright{background-color:#191919;text-align:center;}
.copyright a{color:#fff;}
.copyright a:hover{color:#008ad4;}
.copyright .main-width{padding:10px 0;line-height:30px;border-top:1px solid #464646;}



.flow-contact{position:fixed;right:-80px;;top:50%;padding:15px 10px 10px;background:url(/images/blue-bg.jpg) no-repeat;background-size:100% 100%;z-index:99999;transition:all .5s;}
.flow-contact div{width:60px;margin-bottom:10px;text-align:center;}
.flow-contact div a,.flow-contact div span{line-height:15px;font-size:12px;color:#fff;}
.flow-contact .icon{display:block;width:36px;height:36px;margin:0 auto 2px;background:url(/images/all-icon.png) no-repeat;cursor:pointer;}
.flow-contact .qq .icon{background-position:-5px -225px;}
.flow-contact .tel .icon{background-position:-41px -225px;}
.flow-contact .tel .open{display:none;position:absolute;top:50%;left:-110px;width:85px;padding:10px;margin-top:-47px;background-color:#fff;border:1px solid #aaa;}
.flow-contact .tel .open p{line-height:20px;color:#666;text-align:left;}
.flow-contact .tel:hover .open{display:block;}
.flow-contact .yuyue .icon{background-position:-77px -225px;}
.flow-contact .to-top{margin-top:15px;display:block !important;}
.flow-contact .to-top a{display:block;width:16px;height:9px;margin:0 auto;background:url(/images/all-icon.png) no-repeat -46px -145px;}
.flow-contact .close{position:fixed;width:20px;height:30px;right:0;top:50%;margin-top:-30px;cursor:pointer;background-color:#eee;transition:all .5s;}
.flow-contact .close em{position:absolute;width:15px;height:2px;background-color:#008ad4;transition:all .5s;}
.flow-contact .close .e1{right:4px;top:4px;transform-origin:right center;transform:rotate(315deg);}
.flow-contact .close .e2{right:4px;bottom:4px;transform-origin:right center;transform:rotate(-315deg);}
.flow-contact.on{right:0;}
.flow-contact.on .close{background:none;}
.flow-contact.on .close .e1{right:4px;top:13px;transform-origin:right center;transform:rotate(315deg);}
.flow-contact.on .close .e2{right:4px;bottom:4px;transform-origin:right center;transform:rotate(-315deg);}



.flow-video{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);transition:all .4s;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;z-index:-1;}
.flow-video .box{position:absolute;top:30%;left:50%;width:874px;height:500px;transform:translate(-50%,-50%);padding:10px;box-sizing:border-box;box-shadow:0 0 20px #333;transition:all .4s;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;background:#fff url(/images/loadinglit.gif) no-repeat center;}
.flow-video .box i{position:absolute;right:-40px;top:0px;width:40px;height:40px;background:url(/images/close.png);cursor:pointer;}
.flow-video .encrypt{position:absolute;top:30%;left:50%;width:240px;height:120px;margin:-60px 0 0 -120px;padding:20px;background-color:#fff;border-radius:10px;box-sizing:border-box;text-align:center;font-size:0;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;transition:all .4s;}
.flow-video .encrypt input{width:100%;height:35px;line-height:33px;margin-bottom:15px;padding:0 10px;border:1px solid #dcdcdc;border-radius:5px;box-sizing:border-box;}
.flow-video .encrypt span{display:inline-block;*display:inline;*zoom:1;width:90px;height:30px;line-height:30px;box-sizing:border-box;background-color:#aaa;color:#fff;border-radius:15px;font-size:14px;cursor:pointer;}
.flow-video .encrypt span:hover{background-color:#008ad4;}
.flow-video .encrypt .enter{margin-right:20px;}
.flow-video.on{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;z-index:99999;}
.flow-video.on .box{top:50%;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;}
.flow-video.on .encrypt{top:30%;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;}
.flow-video.on .encrypt.sh{top:50%;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;}




.com-title{text-align:center;}
.com-title h1,.com-title h2{position:relative;display:inline-block;line-height:40px;font-size:30px;}
.com-title h1 span,.com-title h2 span{color:#008ad4;}
.com-title h1:before,.com-title h2:before{content:"";position:absolute;top:50%;left:-110px;width:70px;height:1px;background-color:#fabd02;}
.com-title h1:after,.com-title h2:after{content:"";position:absolute;top:50%;right:-110px;width:70px;height:1px;background-color:#fabd02;}
.com-title p{line-height:30px;font-size:18px;color:#666;}



.categry-com{position:relative;z-index:2;background-color:#ebebeb;}
.categry-com ul{overflow:hidden;background-color:#ebebeb;}
.categry-com li{position:relative;float:left;width:16.666666%;height:55px;line-height:55px;text-align:center;font-size:18px;}
.categry-com li:after{content:"";position:absolute;right:0;top:7px;width:1px;height:41px;}
.categry-com li:nth-last-child(1):after{display:none;}
.categry-com li.active{background-color:#fff;}
.categry-com li.active a{color:#008ad4;}
.categry-com li.active:after{display:none;}
.categry-com.two li{width:50%;}
.categry-com.three li{width:33.33333%;}
.categry-com.four li{width:25%;} 



.index-main .slidebox{position:relative;width:100%;z-index:9;overflow:hidden;}
.index-main .slidebox .slideshow{width:100%;margin:0 auto;overflow:hidden;position:relative;}
.index-main .slidebox .slideshow ul{position:relative;width:4000px;overflow:hidden;}
.index-main .slidebox .slideshow ul li{position:relative;float:left;}
.index-main .slidebox .slideshow ul li img{width:100%;height:auto;}
.index-main .slidebox .slideshow ul li .text{position:absolute;}
.index-main .slidebox .slideshow ul li .text h2{line-height:0.95rem;margin-bottom:0.2rem;font-size:0.72rem;font-weight:bold;color:#fff;}
.index-main .slidebox .slideshow ul li .text p{line-height:0.4rem;font-size:0.3rem;color:#fff;}
.index-main .slidebox .slideshow ul li .text p i{color:#f8c207;}
.index-main .slidebox .slideshow ul li .text .point{margin-top:10px;}
.index-main .slidebox .slideshow ul li .text .point span{line-height:0.35rem;margin-right:0.2rem;font-size:0.24rem;color:#fff;}
.index-main .slidebox .slideshow ul li .text .point span i{color:#f8c207;font-weight:bold;}
.index-main .slidebox .slideshow ul li .text .more{display:block;width:1.75rem;height:0.44rem;line-height:0.44rem;margin-top:0.55rem;text-align:center;border-radius:0.22rem;background-color:#fff;color:#008ad4;font-size:0.18rem;}
.index-main .slidebox .slideshow ul li .t1{left:51%;top:29.487%;}
.index-main .slidebox .slideshow ul li .t2{left:51%;top:35.897%;}
.index-main .slidebox .slideshow ul li .t3{left:53.125%;top:37.179%;}
.index-main .slidebox .slidelist{position:absolute;width:100%;left:0;bottom:30px;text-align:center;}
.index-main .slidebox .slidelist ul{display:inline-block;*display:inline;*zoom:1;vertical-align:top;}
.index-main .slidebox .slidelist ul li{float:left;width:28px;height:5px;padding:1px 5px;margin:0 5px;box-sizing:border-box;transition:all .5s;}
.index-main .slidebox .slidelist ul li i{display:block;width:18px;height:3px;background:rgba(0,0,0,.4);transition:all .5s;}
.index-main .slidebox .slidelist ul .active{background-color:#fff;}
.index-main .slidebox .slidelist ul .active i{background-color:#fff;}
.index-main .slidebox .item-btn{position:absolute;width:21px;height:40px;top:50%;margin-top:-20px;background:url(/images/all-icon.png) no-repeat;cursor:pointer;}
.index-main .slidebox .prev{left:5.2%;background-position:-5px -175px;}
.index-main .slidebox .next{right:5.2%;background-position:-26px -175px;}
.index-main .slidebox .prev:hover{background-position:-47px -175px;}
.index-main .slidebox .next:hover{background-position:-68px -175px;}



.index-products{padding:90px 0 110px;}
.index-products .top{position:relative;background-color:#fff;border-bottom:1px solid #e5e5e5;}
.index-products .top .pos{position:relative;padding-top:50px;background-color:#fff;z-index:99;}
.index-products .top .com-title{margin-bottom:50px;}
.index-products .top .tab .item{position:relative;float:left;width:33%;padding:20px 0 30px;text-align:center;cursor:pointer;}
.index-products .top .tab .item p{display:inline-block;*display:inline;*zoom:1;line-height:50px;font-size:20px;;vertical-align:top;}
.index-products .top .tab .item i{display:inline-block;*display:inline;*zoom:1;width:50px;height:50px;vertical-align:top;background:url(/images/all-icon.png) no-repeat;}
.index-products .top .tab .item .erp{background-position:-5px -5px;}
.index-products .top .tab .item .overseas{background-position:-55px -5px;}
.index-products .top .tab .item .invo{background-position:-105px -5px;}
.index-products .top .tab .item .inte{background-position:-155px -5px;}
.index-products .top .tab .item a{position:absolute;left:0;top:0;width:100%;height:100%;}
.index-products .top .tab .item:hover p{color:#008ad4;}
.index-products .top .tab .item:hover .erp,.index-products .top .tab .item.on .erp{background-position:-5px -55px;}
.index-products .top .tab .item:hover .overseas,.index-products .top .tab .item.on .overseas{background-position:-55px -55px;}
.index-products .top .tab .item:hover .invo,.index-products .top .tab .item.on .invo{background-position:-105px -55px;}
.index-products .top .tab .item:hover .inte,.index-products .top .tab .item.on .inte{background-position:-155px -55px;}
.index-products .top .tab .item.on{padding-bottom:29px;border-bottom:1px solid #0071ac;background:url(/images/index-product-tab-bg.jpg) repeat-x bottom center;}
.index-products .top .tab .item.on p{font-weight:bold;color:#008ad4;}
.index-products .top .tab .item.on:after{content:"";position:absolute;width:24px;height:13px;bottom:-2px;left:50%;margin-left:-12px;background:url(/images/arrow-up.png) no-repeat;}
.index-products .top .tab:after{content:"";display:block;height:0;clear:both;}
.index-products .cont{padding:50px 0;background:#f6f7f7;border:1px solid #e5e5e5;border-top:none;}
.index-products .cont .box{display:none;overflow:hidden;}
.index-products .cont .box h3{line-height:30px;margin-bottom:10px;font-size:18px;color:#333;}
.index-products .cont .box p{color:#999;}
.index-products .cont .box p span{color:#008ad4;}
.index-products .cont .box .btn{margin-top:15px;overflow:hidden;}
.index-products .cont .box .btn a{display:block;float:left;width:110px;height:30px;margin-right:15px;line-height:28px;text-align:center;border:1px solid #fabd02;background-color:#fabd02;color:#fff;border-radius:15px;box-sizing:border-box;}
.index-products .cont .box .btn a:hover{background-color:#008ad4;border-color:#008ad4;}
.index-products .cont .box .pro{float:left;width:50%;padding-left:40px;padding-right:10px;box-sizing:border-box;}
.index-products .cont .box .adv{float:left;width:50%;padding-left:40px;padding-right:10px;box-sizing:border-box;}
.index-products .cont .box.on{display:block;}




.index-adv{padding:90px 0 45px;background:url(/images/index-adv-bg.jpg) no-repeat center;background-attachment:fixed;}
.index-adv .com-title{margin-bottom:75px;}
.index-adv .com-title h2{color:#fff;}
.index-adv .cont ul{overflow:hidden;}
.index-adv .cont li{position:relative;float:left;width:33.3333%;height:201px;padding:0 60px;margin-bottom:20px;text-align:center;box-sizing:border-box;}
.index-adv .cont li img{margin-bottom:15px;}
.index-adv .cont li h3{line-height:30px;margin-bottom:10px;font-size:18px;color:#fff;transition:all .5s;}
.index-adv .cont li h3:after{content:"";display:inline-block;vertical-align:middle;width:16px;height:8px;margin-left:10px;margin-top:-2px;background:url(/images/all-icon.png) no-repeat -210px -175px;}
.index-adv .cont li .text{height:0;border-bottom:1px solid #383f43;overflow:hidden;transition:all .5s;}
.index-adv .cont li p{color:#bbb;}
.index-adv .cont li:hover .text{height:75px;} 
.index-adv .cont li:hover h3{color:#008ad4;}
.index-adv .cont li:hover h3:after{background-position:-226px -175px;}





.index-partner{padding:50px 0 70px;}
.index-partner .com-title{margin-bottom:20px;}
.index-partner .tab{text-align:center;font-size:0;margin-bottom:35px;}
.index-partner .tab span{display:inline-block;*display:inline;*zoom:1;line-height:35px;padding:0 35px;border-bottom:1px solid #ccc;font-size:18px;cursor:pointer;}
.index-partner .tab .on{color:#008ad4;border-color:#008ad4;}
.index-partner .cont .slide-partner{display:none;position:relative;}
.index-partner .cont .slide-partner li{width:100%;border-top:1px solid #dcdcdc;border-left:1px solid #dcdcdc;box-sizing:border-box;}
.index-partner .cont .slide-partner li .pic{position:relative;float:left;width:16.66666%;text-align:center;box-sizing:border-box;border-right:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;}
.index-partner .cont .slide-partner li .pic img{width:auto;max-width:100%;height:auto;}
.index-partner .cont .slide-partner li .pic .co{position:absolute;top:50%;left:50%;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;transform:translate(-50%,-50%);transition:all .5s;}
.index-partner .cont .slide-partner li .pic:hover .co{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;}
.index-partner .cont .slide-partner li .pic:before{content:"";position:absolute;width:35px;height:35px;left:-18px;top:-18px;background:url(/images/point.png) no-repeat;z-index:2;}
.index-partner .cont .slide-partner li .pic:after{content:"";position:absolute;width:35px;height:35px;right:-18px;bottom:-18px;background:url(/images/point.png) no-repeat;z-index:2;}
.index-partner .cont .slide-partner li:after{content:"";display:block;clear:both;}
.index-partner .cont .slide-partner .btn{position:absolute;top:50%;width:18px;height:32px;background:url(/images/all-icon.png) no-repeat;cursor:pointer;}
.index-partner .cont .slide-partner .prev{left:-100px;background-position:-5px -110px;}
.index-partner .cont .slide-partner .next{right:-100px;background-position:-23px -110px;}
.index-partner .cont .slide-partner .prev:hover{background-position:-41px -110px;}
.index-partner .cont .slide-partner .next:hover{background-position:-59px -110px;}
.index-partner .cont .slide-partner.on{display:block;}



.page{text-align:center;clear:both;}
.page ul{display:inline-block;}
.page ul li{float:left;margin:0 5px;}
.page ul li a{display:block;line-height:36px;padding:0 14px;border-radius:5px;border:1px solid #ccc;box-sizing:border-box;}
.page ul li.thisclass a{background-color:#008ad4;color:#fff;}
.page ul li a:hover{background-color:#008ad4;color:#fff;}
.page .pagelistbox{overflow:hidden;font-size:0;}
.page .pagelistbox a,.page .pagelistbox strong,.page .pagelistbox span{display:inline-block;line-height:36px;margin:0 5px;padding:0 14px;border-radius:5px;border:1px solid #ccc;box-sizing:border-box;font-size:14px;}
.page .pagelistbox strong{background-color:#008ad4;color:#fff;}



.main-erp .com-title{margin-bottom:50px;}
.main-erp .why{padding:70px 0;background-color:#fafafa;overflow:hidden;}
.main-erp .why .cont{position:relative;overflow:hidden;background-color:#f5f5f5;}
.main-erp .why .cont .text{float:left;width:50%;padding:2%;box-sizing:border-box;}
.main-erp .why .cont .text p{line-height:30px;font-size:14px;color:#666;}
.main-erp .why .cont .text p span{color:#008ad4;}
.main-erp .why .cont .video{float:right;width:50%;}
.main-erp .why .cont .video video{width:100%;height:auto;}
.main-erp .benefit{padding:70px 0;overflow:hidden;background:url(/images/service/erp-benefit-bg.jpg) no-repeat center;}
.main-erp .benefit .com-title{margin-bottom:65px}
.main-erp .benefit .com-title h2{color:#fff;}
.main-erp .benefit ul{display:flex;justify-content:space-between;margin-bottom:55px;}
.main-erp .benefit li{width:12.5%;margin-bottom:15px;text-align:center;box-sizing:border-box;transition:all .5s;}
.main-erp .benefit li p{font-size:14px;color:#d4d4d4;}
.main-erp .benefit li p.adv-num{height:30px;line-height:30px;margin-bottom:15px;font-size:26px;text-align:center;overflow:hidden;font-weight:bold;color:#fff;}
.main-erp .benefit li p.adv-num span{position:relative;width:15px;height:100%;margin-right:2px;display:inline-block;vertical-align:top;}
.main-erp .benefit li p.adv-num span i{position:absolute;top:0;left:0;width:15px;word-wrap:break-word;transition:all 0.8s linear;color:#fff;} 
.main-erp .benefit a{display:block;width:170px;height:46px;line-height:46px;margin:50px auto 0;text-align:center;background-color:#fabd02;color:#fff;border-radius:23px;font-size:20px;}
.main-erp .benefit a:hover{background-color:#008ad4;}
.main-erp .benefit.on li p.adv-num span i{top:-300px;}
.main-erp .benefit.on li p.adv-num span.n1 i{top:-30px;}
.main-erp .benefit.on li p.adv-num span.n2 i{top:-60px;}
.main-erp .benefit.on li p.adv-num span.n3 i{top:-90px;}
.main-erp .benefit.on li p.adv-num span.n4 i{top:-120px;}
.main-erp .benefit.on li p.adv-num span.n5 i{top:-150px;}
.main-erp .benefit.on li p.adv-num span.n6 i{top:-180px;}
.main-erp .benefit.on li p.adv-num span.n7 i{top:-210px;}
.main-erp .benefit.on li p.adv-num span.n8 i{top:-240px;}
.main-erp .benefit.on li p.adv-num span.n9 i{top:-270px;}
.main-erp .benefit.on li p.adv-num span.r2 i{transition-delay:.2s;}
.main-erp .benefit.on li p.adv-num span.r3 i{transition-delay:.4s;}
.main-erp .structure{padding:70px 0;}
.main-erp .structure .box{position:relative;overflow:hidden;text-align:center;}
.main-erp .structure .box img{width:auto;height:7rem;max-width:100%;}
.main-erp .structure .box .item{position:absolute;}
.main-erp .structure .box .item img{position:relative;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;cursor:pointer;z-index:2;}
.main-erp .structure .box .item ul{display:none;position:absolute;top:100%;left:50%;width:200px;padding:10px 15px;margin-left:-100px;border:1px solid #008ad4;background-color:#fff;box-sizing:border-box;overflow:hidden;z-index:3;}
.main-erp .structure .box .item ul li{float:left;width:50%;line-height:25px;font-size:12px;text-align:center;}
.main-erp .structure .box .item ul li.full{width:100%;}
.main-erp .structure .box .item:hover img{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;}
.main-erp .structure .box .item:hover ul{display:block;}
.main-erp .structure .box .i1{left:21.80555%;top:13.273%;width:9.375%;}
.main-erp .structure .box .i2{left:31.80555%;top:13.273%;width:9.375%;}
.main-erp .structure .box .i3{left:41.80555%;top:13.273%;width:9.375%;}
.main-erp .structure .box .i4{left:51.80555%;top:13.273%;width:9.375%;}
.main-erp .structure .box .i5{left:61.80555%;top:13.273%;width:9.375%;}
.main-erp .structure .box .i6{left:71.80555%;top:13.273%;width:9.375%;}
.main-erp .structure .box .i7{left:21.80555%;top:24.88687%;width:9.375%;}
.main-erp .structure .box .i8{left:31.80555%;top:24.88687%;width:9.375%;}
.main-erp .structure .box .i9{left:58.88888%;top:24.88687%;width:7.3611%;}
.main-erp .structure .box .i10{left:21.80555%;top:31.975867%;width:7.3611%;}
.main-erp .structure .box .i11{left:29.375%;top:31.975867%;width:7.3611%;}
.main-erp .structure .box .i12{left:37.013888%;top:31.975867%;width:11.527777%;}
.main-erp .structure .box .i13{left:48.819444%;top:31.975867%;width:7.3611%;}
.main-erp .structure .box .i14{left:56.527777%;top:31.975867%;width:7.3611%;}
.main-erp .structure .box .i15{left:64.305555%;top:31.975867%;width:9.166666%;}
.main-erp .structure .box .i16{left:73.819444%;top:31.975867%;width:7.3611%;}
.main-erp .structure .box .i17{left:21.80555%;top:43.5897%;width:9.375%;}
.main-erp .structure .box .i18{left:31.66667%;top:43.5897%;width:9.375%;}
.main-erp .structure .box .i19{left:41.53%;top:43.5897%;width:9.375%;}
.main-erp .structure .box .i20{left:21.80555%;top:51.282%;width:9.375%;}
.main-erp .structure .box .i21{left:31.66667%;top:51.282%;width:9.375%;}
.main-erp .structure .box .i22{left:41.53%;top:51.282%;width:9.375%;}
.main-erp .structure .box .i23{left:21.80555%;top:58.52187%;width:9.375%;}
.main-erp .structure .box .i24{left:47.91666%;top:58.52187%;width:10.97222%;}
.main-erp .structure .box .i25{left:60.83333%;top:58.52187%;width:10.97222%;}
.main-erp .structure .box .i26{left:85.27777%;top:7.6923%;width:12.77777%;}
.main-erp .structure .box .i27{left:85.27777%;top:13.57466%;width:12.77777%;}
.main-erp .structure .box .i28{left:85.27777%;top:25.641%;width:12.77777%;}
.main-erp .structure .box .i29{left:85.27777%;top:41.93%;width:12.77777%;}
.main-erp .structure .box .i30{left:85.27777%;top:53.99698%;width:12.77777%;}
.main-erp .structure .box .i31{left:85.27777%;top:59.7285%;width:12.77777%;}




.main-erp .possess{padding:70px 0;background-color:#fafafa;}
.main-erp .possess .cont{overflow:hidden;border:1px solid #e9eaed;}
.main-erp .possess .tab{position:relative;float:left;width:17.36%;padding:40px 0;border-right:1px solid #e9eaed;overflow:hidden;box-sizing:border-box;}
.main-erp .possess .tab span{position:relative;display:block;height:55px;line-height:55px;border-right:5px solid #fafafa;text-align:center;box-sizing:border-box;cursor:pointer;transition:all .3s;}
.main-erp .possess .tab span i{display:inline-block;vertical-align:middle;width:34px;height:30px;margin-right:15px;background:url(/images/all-icon.png) no-repeat;background-position-y:-110px;}
.main-erp .possess .tab span .team{background-position-x:-90px;}
.main-erp .possess .tab span .product{background-position-x:-124px;}
.main-erp .possess .tab span .funds{background-position-x:-158px;}
.main-erp .possess .tab span .sale{background-position-x:-192px;}
.main-erp .possess .tab span .warehouse{background-position-x:-226px;}
.main-erp .possess .tab span .report{background-position-x:-260px;}
.main-erp .possess .tab span .logistics{background-position-x:-294px;}
.main-erp .possess .tab span .supply{background-position-x:-328px;}
.main-erp .possess .tab span .curser{background-position:-370px -140px;}
.main-erp .possess .tab span .order{background-position:-466px -5px !important;}
.main-erp .possess .tab span:hover{background-color:#f2f4f5;color:#008ad4;}
.main-erp .possess .tab span:hover .curser{background-position:-404px -140px;}
.main-erp .possess .tab span:hover .order{background-position:-466px -35px !important;}
.main-erp .possess .tab .on{color:#008ad4;border-color:#008ad4;background-color:#f2f4f5;}
.main-erp .possess .tab .on i,.main-erp .possess .tab span:hover i{background-position-y:-140px;}
.main-erp .possess .tab .on .order{background-position:-466px -35px !important;}
.main-erp .possess .tab .on .curser{background-position:-404px -140px;}
.main-erp .possess .list{position:relative;float:left;width:82.64%;padding:3.47% 0 30px 4.16%;box-sizing:border-box;}
.main-erp .possess .list .item{display:none;overflow:hidden;}
.main-erp .possess .list .item .text{float:left;width:55%;}
.main-erp .possess .list .item .text h3{line-height:35px;margin-bottom:5px;font-size:24px;font-weight:bold;}
.main-erp .possess .list .item .text p{color:#757575;}
.main-erp .possess .list .item .text span{line-height:25px;color:#757575;}
.main-erp .possess .list .item .text .info{margin-bottom:15px;}
.main-erp .possess .list .item .text .point{margin-bottom:15px;}
.main-erp .possess .list .item .text .point span{position:relative;padding-left:12px;margin-right:20px;}
.main-erp .possess .list .item .text .point span:after{content:"";position:absolute;left:0;top:7px;width:6px;height:6px;background-color:#ccc;border-radius:50%;}
.main-erp .possess .list .item .text .otab{margin-bottom:15px;overflow:hidden;}
.main-erp .possess .list .item .text .otab span{float:left;display:block;width:110px;height:30px;line-height:28px;margin-right:10px;text-align:center;border:1px solid #d4dade;box-sizing:border-box;border-radius:15px;cursor:pointer;}
.main-erp .possess .list .item .text .otab span:hover,.main-erp .possess .list .item .text .otab .on{background-color:#008ad4;border-color:#008ad4;color:#fff;}
.main-erp .possess .list .item .text .obox{display:none;}
.main-erp .possess .list .item .text .obox.on{display:block;}
.main-erp .possess .list .item .text .ttab{padding-bottom:5px;margin-bottom:10px;border-bottom:1px solid #dcdcdc;overflow:hidden;}
.main-erp .possess .list .item .text .ttab span{float:left;display:block;width:25%;line-height:25px;cursor:pointer;}
.main-erp .possess .list .item .text .ttab .on{color:#008ad4;}
.main-erp .possess .list .item .text .tbox{display:none;}
.main-erp .possess .list .item .text .tbox.on{display:block;}
.main-erp .possess .list .item .text .func li{position:relative;padding-left:18px;}
.main-erp .possess .list .item .text .func li p{position:relative;display:inline-block;*display:inline;*zoom:1;vertical-align:top;transition:all .5s;}
.main-erp .possess .list .item .text .func li p span{position:absolute;left:100%;top:0;width:600px;margin-left:20px;transform:translateX(30px);filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;transition:all .5s;}
.main-erp .possess .list .item .text .func li:after{content:"";position:absolute;left:0;top:8.5px;width:6px;height:6px;border:1px solid #008ad4;background-color:#008ad4;border-radius:4px;transition:all .5s;}
.main-erp .possess .list .item .text .func li:hover p{color:#008ad4;}
.main-erp .possess .list .item .text .func li:hover p span{transform:translateX(0);filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;color:#008ad4;}
.main-erp .possess .list .item .text .func li:hover:after{background:none;}
.main-erp .possess .list .item .pic{width:45%;float:left;text-align:center;}
.main-erp .possess .list .item .pic img{max-width:85%;height:auto;}
.main-erp .possess .list .item.on{display:block;}
.main-erp .possess .list .yuyue{display:block;width:130px;height:36px;line-height:34px;margin-top:20px;text-align:center;border-radius:18px;font-size:14px;background-color:#fabd02;color:#fff;box-sizing:border-box;}
.main-erp .possess .list .yuyue:hover{background-color:#008ad4;}
.main-erp .possess .list:after{content:"";position:absolute;top:0;left:-1px;width:1px;height:100%;background-color:#e9eaed;}




.main-overseas .com-title{margin-bottom:50px;}
.main-overseas .backdrop{padding:70px 0;overflow:hidden;background-color:#fafafa}
.main-overseas .backdrop li{position:relative;float:left;width:20%;padding:0 2%;text-align:center;box-sizing:border-box;}
.main-overseas .backdrop li img{margin-bottom:20px;transition:all .5s;}
.main-overseas .backdrop li:hover img{transform:translateY(-10px);}
.main-overseas .backdrop li:after{content:"";position:absolute;width:1px;height:90px;right:0;top:50%;margin-top:-45px;background-color:#dcdcdc;}
.main-overseas .backdrop li:nth-last-child(1):after{display:none;}
.main-overseas .why{padding:70px 0;overflow:hidden;}
.main-overseas .why li{position:relative;float:left;width:14.2857%;padding:30px 0.65% 25px;text-align:center;box-sizing:border-box;transition:all .5s;}
.main-overseas .why li a{display:block;width:170px;height:46px;line-height:46px;margin:50px auto 0;text-align:center;background-color:#008ad4;color:#fff;border-radius:23px;font-size:20px;}
.main-overseas .why li em{display:block;width:120px;height:138px;margin:0 auto 25px;transition:all .5s;}
.main-overseas .why li em.wh1{background:url(/images/service/backdrop-why-01.png) no-repeat;}
.main-overseas .why li em.wh2{background:url(/images/service/backdrop-why-02.png) no-repeat;}
.main-overseas .why li em.wh3{background:url(/images/service/backdrop-why-03.png) no-repeat;}
.main-overseas .why li em.wh4{background:url(/images/service/backdrop-why-04.png) no-repeat;}
.main-overseas .why li em.wh5{background:url(/images/service/backdrop-why-05.png) no-repeat;}
.main-overseas .why li em.wh6{background:url(/images/service/backdrop-why-06.png) no-repeat;}
.main-overseas .why li em.wh7{background:url(/images/service/backdrop-why-07.png) no-repeat;}
.main-overseas .why li p{height:75px;font-size:14px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
.main-overseas .why li p span{color:#008ad4;}
.main-overseas .why li i{position:absolute;width:0;height:0;transition:all 1s;}
.main-overseas .why li .lt{left:0;top:0;border-left:1px solid #fff;border-top:1px solid #fff;}
.main-overseas .why li .rt{right:0;top:0;border-right:1px solid #fff;border-top:1px solid #fff;}
.main-overseas .why li .lb{left:0;bottom:0;border-left:1px solid #fff;border-bottom:1px solid #fff;}
.main-overseas .why li .rb{right:0;bottom:0;border-right:1px solid #fff;border-bottom:1px solid #fff;}
.main-overseas .why li:hover{box-shadow:0 0 40px #ddd;transform:translateY(-3px);}
.main-overseas .why li:hover i{width:17px;height:17px;border-color:#008ad4;}
.main-overseas .why li:hover em.wh1{background:url(/images/service/backdrop-why-01-on.png) no-repeat;}
.main-overseas .why li:hover em.wh2{background:url(/images/service/backdrop-why-02-on.png) no-repeat;}
.main-overseas .why li:hover em.wh3{background:url(/images/service/backdrop-why-03-on.png) no-repeat;}
.main-overseas .why li:hover em.wh4{background:url(/images/service/backdrop-why-04-on.png) no-repeat;}
.main-overseas .why li:hover em.wh5{background:url(/images/service/backdrop-why-05-on.png) no-repeat;}
.main-overseas .why li:hover em.wh6{background:url(/images/service/backdrop-why-06-on.png) no-repeat;}
.main-overseas .why li:hover em.wh7{background:url(/images/service/backdrop-why-07-on.png) no-repeat;}
.main-overseas .why li.btn:hover{box-shadow:none;transform:translateY(0);}
.main-overseas .why li.btn:hover i{width:0;height:0;border-color:#fff;}
.main-overseas .possess{padding:70px 0;background:url(/images/service/overseas-possess-bg.jpg) no-repeat center;}
.main-overseas .possess .com-title h2{color:#fff;}
.main-overseas .possess .system{margin-bottom:50px;overflow:hidden;}
.main-overseas .possess .system .box{position:relative;float:left;width:50%;height:230px;padding:40px 50px 0;box-sizing:border-box;background:rgba(255,255,255,.05);text-align:center;transition:all .5s;}
.main-overseas .possess .system .box h3{line-height:30px;margin-bottom:15px;font-size:20px;color:#fff;}
.main-overseas .possess .system .box p{height:75px;color:#d0d1d2;margin-bottom:14px;}
.main-overseas .possess .system .box i{position:absolute;width:0;height:0;transition:all .5s;border-style:solid;border-width:0px;border-color:#008ad4;}
.main-overseas .possess .system .box .lt{left:0;top:0;border-right:none;border-bottom:none;}
.main-overseas .possess .system .box .rt{right:0;top:0;border-left:none;border-bottom:none;}
.main-overseas .possess .system .box .lb{left:0;bottom:0;border-right:none;border-top:none;}
.main-overseas .possess .system .box .rb{right:0;bottom:0;border-left:none;border-top:none;}
.main-overseas .possess .system .box a{display:block;width:110px;height:30px;margin:0 auto;line-height:30px;background-color:#fabd02;color:#fff;border-radius:16px;transition:all .5s;}
.main-overseas .possess .system .box:hover{box-shadow:0 0 15px #23648e inset;background:rgba(255,255,255,0);}
.main-overseas .possess .system .box:hover i{width:35px;height:35px;border-width:2px;}
.main-overseas .possess .system .box:hover a{background-color:#008ad4;}
.main-overseas .possess .process img{max-width:100%;height:auto;}
.main-overseas .different{padding:70px 0;}
.main-overseas .different .com-title{margin-bottom:65px;}
.main-overseas .different .cont{overflow:hidden;}
.main-overseas .different .cont .box{float:left;width:50%;}
.main-overseas .different .cont .title{position:relative;background-color:#fff;width:190px;height:60px;margin:2px auto;box-shadow:0 0 10px #84d1fa inset;z-index:2;}
.main-overseas .different .cont .title h2{line-height:60px;font-size:20px;;text-align:center;}
.main-overseas .different .cont .title i{position:absolute;width:0;height:0;transition:all .5s;border-style:solid;border-width:0px;border-color:#61caf7;width:16px;height:10px;border-width:2px;}
.main-overseas .different .cont .title .lt{left:-2px;top:-2px;border-right:none;border-bottom:none;}
.main-overseas .different .cont .title .rt{right:-2px;top:-2px;border-left:none;border-bottom:none;}
.main-overseas .different .cont .title .lb{left:-2px;bottom:-2px;border-right:none;border-top:none;}
.main-overseas .different .cont .title .rb{right:-2px;bottom:-2px;border-left:none;border-top:none;}
.main-overseas .different .cont ul{overflow:hidden;margin-top:-30px;}
.main-overseas .different .cont ul:before{content:"";display:block;width:66.6666%;height:1px;margin:0 auto;background:#cce8f7;}
.main-overseas .different .cont li{float:left;width:33.3333%;text-align:center;}
.main-overseas .different .cont li p{margin-top:15px;color:#666;}
.main-overseas .different .cont li em{display:block;width:120px;height:138px;margin:0 auto;background-size:100% auto !important;transition:all .5s;}
.main-overseas .different .cont li .dif1{background:url(/images/service/overseas-different-01.png) no-repeat;}
.main-overseas .different .cont li .dif2{background:url(/images/service/overseas-different-02.png) no-repeat;}
.main-overseas .different .cont li .dif3{background:url(/images/service/overseas-different-03.png) no-repeat;}
.main-overseas .different .cont li .dif4{background:url(/images/service/overseas-different-04.png) no-repeat;}
.main-overseas .different .cont li .dif5{background:url(/images/service/overseas-different-05.png) no-repeat;}
.main-overseas .different .cont li .dif6{background:url(/images/service/overseas-different-06.png) no-repeat;}
.main-overseas .different .cont li:hover .dif1{background:url(/images/service/overseas-different-01-on.png) no-repeat;}
.main-overseas .different .cont li:hover .dif2{background:url(/images/service/overseas-different-02-on.png) no-repeat;}
.main-overseas .different .cont li:hover .dif3{background:url(/images/service/overseas-different-03-on.png) no-repeat;}
.main-overseas .different .cont li:hover .dif4{background:url(/images/service/overseas-different-04-on.png) no-repeat;}
.main-overseas .different .cont li:hover .dif5{background:url(/images/service/overseas-different-05-on.png) no-repeat;}
.main-overseas .different .cont li:hover .dif6{background:url(/images/service/overseas-different-06-on.png) no-repeat;}
.main-overseas .different .cont li:before{content:"";display:block;width:1px;height:65px;margin:0 auto 5px;background-color:#cce8f7;}



.main-invoicing .com-title{margin-bottom:50px;}
.main-invoicing .status{padding:70px 0;background-color:#fafafa;overflow:hidden;}
.main-invoicing .status ul{width:101.04166%;}
.main-invoicing .status li{position:relative;float:left;width:32.3024%;margin-right:1.0309%;padding:20px 0 20px 25px;box-sizing:border-box;background-color:#fff;box-shadow:0 0 20px #dfdfdf;background:url(/images/none-bg.png) no-repeat;background-size:100% 100%;transition:all .5s;}
.main-invoicing .status li i{display:block;width:95px;height:110px;transition:all .5s;}
.main-invoicing .status li i.work{background:url(/images/service/status-01.png) no-repeat;}
.main-invoicing .status li i.manual{background:url(/images/service/status-02.png) no-repeat;}
.main-invoicing .status li i.info{background:url(/images/service/status-03.png) no-repeat;}
.main-invoicing .status li p{position:absolute;left:0;top:50%;width:100%;padding:0 40px 0 145px;box-sizing:border-box;transform:translateY(-50%);transition:all .5s;}
.main-invoicing .status li:hover{}
.main-invoicing .status li:hover p{}
.main-invoicing .status li:hover i.work{background:url(/images/service/status-01-on.png) no-repeat;}
.main-invoicing .status li:hover i.manual{background:url(/images/service/status-02-on.png) no-repeat;}
.main-invoicing .status li:hover i.info{background:url(/images/service/status-03-on.png) no-repeat;}


.main-invoicing .why{padding:70px 0;overflow:hidden;}
.main-invoicing .why .text{float:right;width:59%;padding-top:15px;}
.main-invoicing .why .text h2{position:relative;display:inline-block;line-height:40px;margin-bottom:25px;font-size:30px;}
.main-invoicing .why .text h2 span{color:#008ad4;}
.main-invoicing .why .text p{color:#666;}
.main-invoicing .why .text a{display:block;width:110px;height:30px;margin-top:30px;line-height:30px;text-align:center;background-color:#fabd02;color:#fff;border-radius:16px;transition:all .5s;}
.main-invoicing .why .text a:hover{background-color:#008ad4;}
.main-invoicing .why .pic{float:left;width:41%;}
.main-invoicing .why .pic img{max-width:80%;height:auto;transition:all .5s;}
.main-invoicing .why .pic img:hover{transform:scale(1.1,1.1);}
.main-invoicing .benefit{padding:70px 0;background-color:#fafafa;}
.main-invoicing .benefit ul{overflow:hidden;border:1px solid #dcdcdc;border-right:none;}
.main-invoicing .benefit li{float:left;width:33.3333%;height:260px;padding:25px 4.5% 0;border-right:1px solid #dcdcdc;text-align:center;box-sizing:border-box;background:url(/images/none-bg.png) no-repeat;background-size:100% 100%;transition:all .5s;}
.main-invoicing .benefit li i{display:block;width:105px;height:122px;margin:0 auto 15px;transition:all .5s;}
.main-invoicing .benefit li i.be1{background:url(/images/service/invoicing-benefit-01.png) no-repeat;}
.main-invoicing .benefit li i.be2{background:url(/images/service/invoicing-benefit-02.png) no-repeat;}
.main-invoicing .benefit li i.be3{background:url(/images/service/invoicing-benefit-03.png) no-repeat;}
.main-invoicing .benefit li p{color:#666;transition:all .5s;}
.main-invoicing .benefit li p span{font-size:18px;color:#008ad4;transition:all .5s;}
.main-invoicing .benefit li:hover{box-shadow:0 0 10px #008ad4 inset;}
.main-invoicing .benefit li:hover p{}
.main-invoicing .benefit li:hover i.be1{background:url(/images/service/invoicing-benefit-01-on.png) no-repeat;}
.main-invoicing .benefit li:hover i.be2{background:url(/images/service/invoicing-benefit-02-on.png) no-repeat;}
.main-invoicing .benefit li:hover i.be3{background:url(/images/service/invoicing-benefit-03-on.png) no-repeat;}
.main-invoicing .possess{padding:70px 0;background:url(/images/service/invoicing-possess-bg.jpg) no-repeat top center;overflow:hidden;}
.main-invoicing .possess .com-title h2{color:#fff;}
.main-invoicing .possess ul{width:100.625%;}
.main-invoicing .possess li{position:relative;float:left;width:32.712%;height:200px;margin-right:0.621%;padding:30px 25px 0;box-sizing:border-box;background:rgba(255,255,255,.05);text-align:center;transition:all .5s;}
.main-invoicing .possess li h3{line-height:30px;margin-bottom:10px;font-size:20px;color:#fff;}
.main-invoicing .possess li p{height:50px;color:#d0d1d2;margin-bottom:15px;}
.main-invoicing .possess li a{display:block;width:110px;height:30px;margin:0 auto;line-height:30px;color:#fff;background-color:#fabd02;border-radius:16px;transition:all .5s;}
.main-invoicing .possess li i{position:absolute;width:0;height:0;transition:all .5s;border-style:solid;border-width:0px;border-color:#008ad4;}
.main-invoicing .possess li .lt{left:0;top:0;border-right:none;border-bottom:none;}
.main-invoicing .possess li .rt{right:0;top:0;border-left:none;border-bottom:none;}
.main-invoicing .possess li .lb{left:0;bottom:0;border-right:none;border-top:none;}
.main-invoicing .possess li .rb{right:0;bottom:0;border-left:none;border-top:none;}
.main-invoicing .possess li:hover{box-shadow:0 0 20px #23648e inset;background:rgba(255,255,255,0);}
.main-invoicing .possess li:hover h3{color:#008ad4;}
.main-invoicing .possess li:hover p{color:#fff;}
.main-invoicing .possess li:hover i{width:35px;height:35px;border-width:2px;}
.main-invoicing .possess li:hover a{background-color:#008ad4;}
.main-invoicing .different{padding:70px 0;overflow:hidden;}
.main-invoicing .different li{position:relative;float:left;width:14.2857%;height:210px;padding:20px 15px;box-sizing:border-box;transition:all .5s;}
.main-invoicing .different li .text{text-align:center;box-sizing:border-box;transition:all .5s;}
.main-invoicing .different li em{display:block;width:95px;height:110px;margin:0 auto 10px;transition:all .5s;}
.main-invoicing .different li em.df1{background:url(/images/service/invoicing-different-01.png) no-repeat;}
.main-invoicing .different li em.df2{background:url(/images/service/invoicing-different-02.png) no-repeat;}
.main-invoicing .different li em.df3{background:url(/images/service/invoicing-different-03.png) no-repeat;}
.main-invoicing .different li em.df4{background:url(/images/service/invoicing-different-04.png) no-repeat;}
.main-invoicing .different li em.df5{background:url(/images/service/invoicing-different-05.png) no-repeat;}
.main-invoicing .different li em.df6{background:url(/images/service/invoicing-different-06.png) no-repeat;}
.main-invoicing .different li em.df7{background:url(/images/service/invoicing-different-07.png) no-repeat;}
.main-invoicing .different li h3{line-height:25px;font-size:14px;color:#666;transition:all .5s;}
.main-invoicing .different li i{position:absolute;width:0;height:0;transition:all 1s;}
.main-invoicing .different li .lt{left:0;top:0;border-left:1px solid #fff;border-top:1px solid #fff;}
.main-invoicing .different li .rt{right:0;top:0;border-right:1px solid #fff;border-top:1px solid #fff;}
.main-invoicing .different li .lb{left:0;bottom:0;border-left:1px solid #fff;border-bottom:1px solid #fff;}
.main-invoicing .different li .rb{right:0;bottom:0;border-right:1px solid #fff;border-bottom:1px solid #fff;}
.main-invoicing .different li:hover{box-shadow:0 0 40px #ddd;transform:translateY(-3px);}
.main-invoicing .different li:hover .text h3{color:#008ad4;}
.main-invoicing .different li:hover i{width:17px;height:17px;border-color:#008ad4;}
.main-invoicing .different li:hover em.df1{background:url(/images/service/invoicing-different-01-on.png) no-repeat;}
.main-invoicing .different li:hover em.df2{background:url(/images/service/invoicing-different-02-on.png) no-repeat;}
.main-invoicing .different li:hover em.df3{background:url(/images/service/invoicing-different-03-on.png) no-repeat;}
.main-invoicing .different li:hover em.df4{background:url(/images/service/invoicing-different-04-on.png) no-repeat;}
.main-invoicing .different li:hover em.df5{background:url(/images/service/invoicing-different-05-on.png) no-repeat;}
.main-invoicing .different li:hover em.df6{background:url(/images/service/invoicing-different-06-on.png) no-repeat;}
.main-invoicing .different li:hover em.df7{background:url(/images/service/invoicing-different-07-on.png) no-repeat;}
.main-invoicing .different a{display:block;width:170px;height:46px;line-height:46px;margin:32px auto 0;text-align:center;background-color:#fabd02;color:#fff;border-radius:23px;font-size:20px;transition:all .5s;}
.main-invoicing .different a:hover{background-color:#008ad4;}



.main-solution .com-title{margin-bottom:50px;}
.main-solution .status{padding:70px 0;background-color:#fafafa;overflow:hidden;}
.main-solution .status li{float:left;width:20%;text-align:center;}
.main-solution .status li p{margin-top:15px;font-size:18px;color:#666;}
.main-solution .status li em{display:block;width:105px;height:122px;margin:0 auto;background-size:100% auto !important;transition:all .5s;}
.main-solution .status li em.st1{background:url(/images/service/solution-status-01.png) no-repeat;}
.main-solution .status li em.st2{background:url(/images/service/solution-status-02.png) no-repeat;}
.main-solution .status li em.st3{background:url(/images/service/solution-status-03.png) no-repeat;}
.main-solution .status li em.st4{background:url(/images/service/solution-status-04.png) no-repeat;}
.main-solution .status li em.st5{background:url(/images/service/solution-status-05.png) no-repeat;}
.main-solution .status li:hover em.st1{background:url(/images/service/solution-status-01-on.png) no-repeat;}
.main-solution .status li:hover em.st2{background:url(/images/service/solution-status-02-on.png) no-repeat;}
.main-solution .status li:hover em.st3{background:url(/images/service/solution-status-03-on.png) no-repeat;}
.main-solution .status li:hover em.st4{background:url(/images/service/solution-status-04-on.png) no-repeat;}
.main-solution .status li:hover em.st5{background:url(/images/service/solution-status-05-on.png) no-repeat;}
.main-solution .why{padding:90px 0;background:url(/images/service/solution-why-bg.jpg) no-repeat center;}
.main-solution .why .com-title h2{color:#fff;}
.main-solution .why .com-title h2 br{display:none;}
.main-solution .why ul{overflow:hidden;}
.main-solution .why li{position:relative;float:left;width:25%;height:260px;padding:40px 40px 0;text-align:center;box-sizing:border-box;background:url(/images/none-bg.png) no-repeat;background-size:100% 100%;transition:all .5s;}
.main-solution .why li i{position:absolute;width:0;height:0;border-style:solid;border-width:0px;border-color:#008ad4;transition:all .5s;}
.main-solution .why li .lt{left:0;top:0;border-right:none;border-bottom:none;}
.main-solution .why li .rt{right:0;top:0;border-left:none;border-bottom:none;}
.main-solution .why li .lb{left:0;bottom:0;border-right:none;border-top:none;}
.main-solution .why li .rb{right:0;bottom:0;border-left:none;border-top:none;}
.main-solution .why li em{display:block;width:105px;height:122px;margin:0 auto 25px;background-size:100% auto !important;transition:all .5s;}
.main-solution .why li em.wh1{background:url(/images/service/solution-why-01.png) no-repeat;}
.main-solution .why li em.wh2{background:url(/images/service/solution-why-02.png) no-repeat;}
.main-solution .why li em.wh3{background:url(/images/service/solution-why-03.png) no-repeat;}
.main-solution .why li em.wh4{background:url(/images/service/solution-why-04.png) no-repeat;}
.main-solution .why li p{font-size:18px;color:#fff;transition:all .5s;}
.main-solution .why li:hover{box-shadow:0 0 15px #23648e inset;}
.main-solution .why li:hover i{width:35px;height:35px;border-width:2px;}
.main-solution .why li:hover p{color:#008ad4;}
.main-solution .benefit{padding:70px 0;background-color:#fafafa;overflow:hidden;}
.main-solution .benefit a{display:block;width:170px;height:46px;line-height:46px;margin:0 auto;text-align:center;background-color:#fabd02;color:#fff;border-radius:23px;font-size:20px;transition:all .5s;}
.main-solution .benefit a:hover{background-color:#008ad4;}
.main-solution .benefit ul{margin-bottom:30px;}
.main-solution .benefit li{position:relative;float:left;width:20%;height:260px;padding:30px 1% 0;text-align:center;box-sizing:border-box;transition:all .5s;}
.main-solution .benefit li em{display:block;width:95px;height:110px;margin:0 auto 15px;transition:all .5s;}
.main-solution .benefit li em.be1{background:url(/images/service/solution-benefit-01.png) no-repeat;}
.main-solution .benefit li em.be2{background:url(/images/service/solution-benefit-02.png) no-repeat;}
.main-solution .benefit li em.be3{background:url(/images/service/solution-benefit-03.png) no-repeat;}
.main-solution .benefit li em.be4{background:url(/images/service/solution-benefit-04.png) no-repeat;}
.main-solution .benefit li em.be5{background:url(/images/service/solution-benefit-05.png) no-repeat;}
.main-solution .benefit li p{min-height:75px;font-size:14px;}
.main-solution .benefit li p span{color:#008ad4;}
.main-solution .benefit li i{position:absolute;width:0;height:0;transition:all 1s;}
.main-solution .benefit li .lt{left:0;top:0;border-left:1px solid #fff;border-top:1px solid #fff;}
.main-solution .benefit li .rt{right:0;top:0;border-right:1px solid #fff;border-top:1px solid #fff;}
.main-solution .benefit li .lb{left:0;bottom:0;border-left:1px solid #fff;border-bottom:1px solid #fff;}
.main-solution .benefit li .rb{right:0;bottom:0;border-right:1px solid #fff;border-bottom:1px solid #fff;}
.main-solution .benefit li:hover{box-shadow:0 0 40px #ddd;transform:translateY(-3px);}
.main-solution .benefit li:hover i{width:17px;height:17px;border-color:#008ad4;}
.main-solution .benefit li:hover em.be1{background:url(/images/service/solution-benefit-01-on.png) no-repeat;}
.main-solution .benefit li:hover em.be2{background:url(/images/service/solution-benefit-02-on.png) no-repeat;}
.main-solution .benefit li:hover em.be3{background:url(/images/service/solution-benefit-03-on.png) no-repeat;}
.main-solution .benefit li:hover em.be4{background:url(/images/service/solution-benefit-04-on.png) no-repeat;}
.main-solution .benefit li:hover em.be5{background:url(/images/service/solution-benefit-05-on.png) no-repeat;}
.main-solution .possess{padding:70px 0;background:url(/images/service/solution-possess-bg.jpg) no-repeat center;}
.main-solution .possess .com-title h2{color:#fff;}
.main-solution .possess ul{overflow:hidden;}
.main-solution .possess li{position:relative;float:left;width:16.6666%;padding:15px;transition:all .5s;box-sizing:border-box;text-align:center;}
.main-solution .possess li em{display:block;width:90px;height:105px;margin:0 auto 10px;transition:all .5s;background-size:100% 100% !important}
.main-solution .possess li em.po1{background:url(/images/service/solution-possess-01.png) no-repeat;}
.main-solution .possess li em.po2{background:url(/images/service/solution-possess-02.png) no-repeat;}
.main-solution .possess li em.po3{background:url(/images/service/solution-possess-03.png) no-repeat;}
.main-solution .possess li em.po4{background:url(/images/service/solution-possess-04.png) no-repeat;}
.main-solution .possess li em.po5{background:url(/images/service/solution-possess-05.png) no-repeat;}
.main-solution .possess li em.po6{background:url(/images/service/solution-possess-06.png) no-repeat;}
.main-solution .possess li p{line-height:25px;font-size:16px;color:#fff;}
.main-solution .possess li i{position:absolute;width:0;height:0;transition:all .5s;border-style:solid;border-width:0px;border-color:#008ad4;}
.main-solution .possess li .lt{left:0;top:0;border-right:none;border-bottom:none;}
.main-solution .possess li .rt{right:0;top:0;border-left:none;border-bottom:none;}
.main-solution .possess li .lb{left:0;bottom:0;border-right:none;border-top:none;}
.main-solution .possess li .rb{right:0;bottom:0;border-left:none;border-top:none;}
.main-solution .possess li:hover{box-shadow:0 0 20px #23648e inset;}
.main-solution .possess li:hover p{color:#008ad4;}
.main-solution .possess li:hover i{width:35px;height:35px;border-width:2px;}
.main-solution .possess li:hover em.po1{background:url(/images/service/solution-possess-01-on.png) no-repeat;}
.main-solution .possess li:hover em.po2{background:url(/images/service/solution-possess-02-on.png) no-repeat;}
.main-solution .possess li:hover em.po3{background:url(/images/service/solution-possess-03-on.png) no-repeat;}
.main-solution .possess li:hover em.po4{background:url(/images/service/solution-possess-04-on.png) no-repeat;}
.main-solution .possess li:hover em.po5{background:url(/images/service/solution-possess-05-on.png) no-repeat;}
.main-solution .possess li:hover em.po6{background:url(/images/service/solution-possess-06-on.png) no-repeat;}
.main-solution .possess .process{margin-top:50px;text-align:right;}
.main-solution .possess .process h3{margin-bottom:35px;line-height:40px;font-size:30px;;text-align:left;color:#fff;}
.main-solution .possess .process img{max-width:100%;height:auto;}
.main-solution .show{padding:70px 0;background-color:#fafafa;}
.main-solution .show h3{line-height:40px;margin-bottom:15px;font-size:30px;text-align:left;}
.main-solution .show .device{margin-bottom:50px;}
.main-solution .show .device .slide-dev{position:relative;}
.main-solution .show .device .slide-pic{overflow:hidden;}
.main-solution .show .device .slide-pic li{float:left;width:230px;margin-right:12px;text-align:center;}
.main-solution .show .device .slide-pic li img{width:100%;height:auto;}
.main-solution .show .device .slide-pic li p{margin-top:10px;}
.main-solution .show .device .item-btn{position:absolute;top:50%;width:21px;height:40px;margin-top:-37px;background:url(/images/all-icon.png) no-repeat;cursor:pointer;}
.main-solution .show .device .prev{left:-50px;background-position:-370px -100px;}
.main-solution .show .device .next{right:-50px;background-position:-391px -100px;}
.main-solution .show .device .prev:hover{background-position:-412px -100px;}
.main-solution .show .device .next:hover{background-position:-433px -100px;}
.main-solution .show .effect .slide-effect{position:relative;}
.main-solution .show .effect .slide-pic{overflow:hidden;}
.main-solution .show .effect .slide-pic li{float:left;width:348px;margin-right:16px;}
.main-solution .show .effect .slide-pic li img{width:100%;height:auto;}
.main-solution .show .effect .item-btn{position:absolute;top:50%;width:21px;height:40px;margin-top:-20px;background:url(/images/all-icon.png) no-repeat;cursor:pointer;}
.main-solution .show .effect .prev{left:-50px;background-position:-370px -100px;}
.main-solution .show .effect .next{right:-50px;background-position:-391px -100px;}
.main-solution .show .effect .prev:hover{background-position:-412px -100px;}
.main-solution .show .effect .next:hover{background-position:-433px -100px;}
.main-solution .different{padding:70px 0;}
.main-solution .different .cont ul{overflow:hidden;border-left:1px solid #e1e1e1;border-top:1px solid #e1e1e1;}
.main-solution .different .cont li{float:left;width:20%;padding:40px 10px 10px;text-align:center;border-right:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;box-sizing:border-box;}
.main-solution .different .cont li p{height:50px;margin-top:15px;font-size:18px;}
.main-solution .different .cont li a{display:block;width:170px;height:46px;line-height:46px;margin:32px auto 47px;text-align:center;background-color:#fabd02;color:#fff;border-radius:23px;transition:all .5s;}
.main-solution .different .cont li a:hover{background-color:#008ad4;}
.main-solution .different .cont li em{display:block;width:95px;height:110px;margin:0 auto;background-size:100% auto !important;transition:all .5s;}
.main-solution .different .cont li em.dif1{background:url(/images/service/solution-different-01.png) no-repeat;}
.main-solution .different .cont li em.dif2{background:url(/images/service/solution-different-02.png) no-repeat;}
.main-solution .different .cont li em.dif3{background:url(/images/service/solution-different-03.png) no-repeat;}
.main-solution .different .cont li em.dif4{background:url(/images/service/solution-different-04.png) no-repeat;}
.main-solution .different .cont li em.dif5{background:url(/images/service/solution-different-05.png) no-repeat;}
.main-solution .different .cont li em.dif6{background:url(/images/service/solution-different-06.png) no-repeat;}
.main-solution .different .cont li em.dif7{background:url(/images/service/solution-different-07.png) no-repeat;}
.main-solution .different .cont li em.dif8{background:url(/images/service/solution-different-08.png) no-repeat;}
.main-solution .different .cont li em.dif9{background:url(/images/service/solution-different-09.png) no-repeat;}
.main-solution .different .cont li:hover em.dif1{background:url(/images/service/solution-different-01-on.png) no-repeat;}
.main-solution .different .cont li:hover em.dif2{background:url(/images/service/solution-different-02-on.png) no-repeat;}
.main-solution .different .cont li:hover em.dif3{background:url(/images/service/solution-different-03-on.png) no-repeat;}
.main-solution .different .cont li:hover em.dif4{background:url(/images/service/solution-different-04-on.png) no-repeat;}
.main-solution .different .cont li:hover em.dif5{background:url(/images/service/solution-different-05-on.png) no-repeat;}
.main-solution .different .cont li:hover em.dif6{background:url(/images/service/solution-different-06-on.png) no-repeat;}
.main-solution .different .cont li:hover em.dif7{background:url(/images/service/solution-different-07-on.png) no-repeat;}
.main-solution .different .cont li:hover em.dif8{background:url(/images/service/solution-different-08-on.png) no-repeat;}
.main-solution .different .cont li:hover em.dif9{background:url(/images/service/solution-different-09-on.png) no-repeat;}




.main-industry{padding:60px 0 0;}
.main-industry .categry{text-align:center;}
.main-industry .categry ul{display:inline-block;*display:inline;*zoom:1;}
.main-industry .categry ul li{position:relative;float:left;width:170px;height:35px;line-height:35px;font-size:18px;border-bottom:1px solid #eaeaea;}
.main-industry .categry ul li a{color:#999;}
.main-industry .categry ul li:after{content:"";position:absolute;right:0;top:9px;width:1px;height:17px;background-color:#d2d2d2;}
.main-industry .categry ul li:nth-last-child(1):after{display:none;}
.main-industry .categry ul li.active{border-color:#008ad4;}
.main-industry .categry ul li.active a{color:#008ad4;}
.main-industry .cont{position:relative;}
.main-industry .cont .item{padding:80px 0;}
.main-industry .cont .item h2{line-height:35px;font-size:30px;text-align:center;}
.main-industry .cont .item h2 span{color:#008ad4;}
.main-industry .cont .item .blogo{margin-bottom:40px;text-align:center;}
.main-industry .cont .item .blogo img{position:relative;z-index:2;}
.main-industry .cont .item .blogo .pos{position:relative;display:inline-block;*display:inline;*zoom:1;}
.main-industry .cont .item .blogo .pos:before{content:"";position:absolute;top:50%;left:-35px;width:35px;height:1px;background-color:#d2d2d2;}
.main-industry .cont .item .blogo .pos:after{content:"";position:absolute;top:50%;right:-35px;width:35px;height:1px;background-color:#d2d2d2;}
.main-industry .cont .item .info{margin-bottom:60px;overflow:hidden;}
.main-industry .cont .item .info li{float:left;width:16.66666%;text-align:center;overflow:hidden;}
.main-industry .cont .item .info li p{color:#666;}
.main-industry .cont .item .info li i{position:relative;display:block;width:105px;height:122px;margin:0 auto 10px;background-size:100% auto;background-repeat:no-repeat;transition:all .5s;}
.main-industry .cont .item .info li i:before{content:"";position:absolute;top:61px;left:50%;margin-left:52px;width:120px;height:0;border-top:1px dashed #dedede;}
.main-industry .cont .item .info li i:after{content:"";position:absolute;top:61px;right:50%;margin-right:52px;width:120px;height:0;border-top:1px dashed #dedede;}
.main-industry .cont .item .info li .ic1{background-image:url(/images/industry/industry-icon-01.png);}
.main-industry .cont .item .info li .ic2{background-image:url(/images/industry/industry-icon-02.png);}
.main-industry .cont .item .info li .ic3{background-image:url(/images/industry/industry-icon-03.png);}
.main-industry .cont .item .info li .ic4{background-image:url(/images/industry/industry-icon-04.png);}
.main-industry .cont .item .info li .ic5{background-image:url(/images/industry/industry-icon-05.png);}
.main-industry .cont .item .info li .ic6{background-image:url(/images/industry/industry-icon-06.png);}
.main-industry .cont .item .info li .ic1:hover{background-image:url(/images/industry/industry-icon-01-on.png);}
.main-industry .cont .item .info li .ic2:hover{background-image:url(/images/industry/industry-icon-02-on.png);}
.main-industry .cont .item .info li .ic3:hover{background-image:url(/images/industry/industry-icon-03-on.png);}
.main-industry .cont .item .info li .ic4:hover{background-image:url(/images/industry/industry-icon-04-on.png);}
.main-industry .cont .item .info li .ic5:hover{background-image:url(/images/industry/industry-icon-05-on.png);}
.main-industry .cont .item .info li .ic6:hover{background-image:url(/images/industry/industry-icon-06-on.png);}
.main-industry .cont .item .solution .com-title{margin-bottom:40px;}
.main-industry .cont .item .solution .list{background-size:100% auto;background-position:center;}
.main-industry .cont .item .solution h3{line-height:35px;margin-bottom:50px;font-size:24px;font-weight:bold;color:#008ad4;}
.main-industry .cont .item .solution ul{width:101.0416%;overflow:hidden;}
.main-industry .cont .item .solution li{position:relative;float:left;width:33.33333%;border-right:15px solid #fff;border-bottom:15px solid #fff;height:255px;text-align:center;box-sizing:border-box;transition:all .5s;}
.main-industry .cont .item .solution li .text{position:absolute;top:50%;left:0;width:100%;padding:0 6%;transform:translateY(-50%);box-sizing:border-box;}
.main-industry .cont .item .solution li .text h3{line-height:25px;margin-bottom:20px;font-size:18px;font-weight:bold;color:#fbbe04;}
.main-industry .cont .item .solution li .text p{min-height:75px;color:#d2d2d2;}
.main-industry .cont .item .solution li:hover{box-shadow:0 0 20px inset #008ad4;}
.main-industry .cont .item1 .list{background-image:url(/images/industry/bg-01.jpg);}
.main-industry .cont .item2{background-color:#f7f9fb;}
.main-industry .cont .item2 .list{background-image:url(/images/industry/bg-02.jpg);}
.main-industry .cont .item2 .solution li{border-color:#f7f9fb;}



.main-stool .distributed{padding:70px 0;background-color:#f8f8f8;}
.main-stool .distributed .com-title{margin-bottom:40px;}
.main-stool .distributed .tab{position:relative;margin-bottom:45px;}
.main-stool .distributed .tab .slide-pic{width:1230px;margin:0 auto;overflow:hidden;}
.main-stool .distributed .tab li{position:relative;float:left;width:126px;background-color:#fff;margin-right:12px;cursor:pointer;}
.main-stool .distributed .tab li img{width:100%;height:auto;}
.main-stool .distributed .tab li .opic{position:absolute;left:0;top:0;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;transition:all .5s;}
.main-stool .distributed .tab li:hover .opic{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;}
.main-stool .distributed .tab li.on .opic{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;}
.main-stool .distributed .tab .btn{position:absolute;width:8px;height:14px;top:50%;margin-top:-7px;background:url(/images/all-icon.png) no-repeat;cursor:pointer;}
.main-stool .distributed .tab .prev{left:70px;background-position:-120px -210px;}
.main-stool .distributed .tab .next{right:70px;background-position:-128px -210px;}
.main-stool .distributed .tab .prev:hover{background-position:-136px -210px;}
.main-stool .distributed .tab .next:hover{background-position:-144px -210px;}
.main-stool .distributed .map{position:relative;width:953px;max-width:100%;margin:0 auto;}
.main-stool .distributed .map img{width:100%;height:auto;}
.main-stool .distributed .map ul{display:none;}
.main-stool .distributed .map ul.on{display:block;}
.main-stool .distributed .map li{position:absolute;width:1px;height:1px;}
.main-stool .distributed .map li i{position:absolute;left:50%;bottom:0;width:19px;height:24px;margin-left:-9.5px;background:url(/images/all-icon.png) no-repeat -260px -175px;}
.main-stool .distributed .map li span{position:absolute;bottom:-5px;line-height:20px;color:#0a9eea;white-space:nowrap;}
.main-stool .distributed .map li .right{left:15px;}
.main-stool .distributed .map li .left{right:15px;}
.main-stool .distributed .map li em{position:absolute;left:-30px;top:-31px;width:60px;height:60px;border:2px solid #008ad4;box-sizing:border-box;border-radius:50%;animation:wave 3s;animation-iteration-count:infinite;transform:scale(1,1);filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;}
.main-stool .distributed .map li .e2{animation-delay:500ms;}
.main-stool .distributed .map li .e3{animation-delay:1000ms;}
.main-stool .distributed .map li.us{left:18.46%;top:38.56%;}
.main-stool .distributed .map li.canada{left:13.43%;top:22.46%;}
.main-stool .distributed .map li.mexico{left:19.31%;top:53.60%;}
.main-stool .distributed .map li.uk{left:45.85%;top:30.72%;}
.main-stool .distributed .map li.spain{left:46.38%;top:41.74%;}
.main-stool .distributed .map li.france{left:48.48%;top:37.29%;}
.main-stool .distributed .map li.germany{left:49.95%;top:34.32%;}
.main-stool .distributed .map li.italy{left:51.42%;top:41.95%;}
.main-stool .distributed .map li.japan{left:86.57%;top:43.43%;}
.main-stool .distributed .map li.australia{left:85.10%;top:80.30%;}
.main-stool .distributed .map li.hk{left:78.49%;top:52.33%;}
.main-stool .distributed .map li.argentina{left:28.86%;top:87.71%;}
.main-stool .distributed .map li.ireland{left:44.38%;top:33.90%;}
.main-stool .distributed .map li.austria{left:52.26%;top:37.29%;}
.main-stool .distributed .map li.brazil{left:33.16%;top:71.19%;}
.main-stool .distributed .map li.belgium{left:47.11%;top:35.81%;}
.main-stool .distributed .map li.poland{left:53.62%;top:31.57%;}
.main-stool .distributed .map li.ph{left:83.32%;top:59.11%;}
.main-stool .distributed .map li.korea{left:84.47%;top:43.22%;}
.main-stool .distributed .map li.holland{left:49.95%;top:30.08%;}
.main-stool .distributed .map li.turkey{left:58.86%;top:44.70%;}
.main-stool .distributed .map li.india{left:69.05%;top:55.08%;}
.main-stool .distributed .map li.sweden{left:52.15%;top:22.67%;}
.main-stool .distributed .map li.szland{left:50.68%;top:37.50%;}
.main-stool .distributed .map li.taiwan{left:80.69%;top:53.60%;}
.main-stool .distributed .map li.singapore{left:77.12%;top:68.43%;}
.main-stool .distributed .map li.malaysia{left:75.55%;top:63.98%;}
.main-stool .distributed .map li.newzl{left:94.65%;top:91.10%;}
.main-stool .distributed .map li.colombia{left:26.55%;top:61.01%;}
.main-stool .distributed .map li.peru{left:26.55%;top:71.18%;}
.main-stool .distributed .map li.chile{left:27.28%;top:90%;}
.main-stool .distributed .map li.panama{left:23.61%;top:59.53%;}
.main-stool .distributed .map li.indonesia{left:80.06%;top:65.46%;}
.main-stool .distributed .map li.vietnam{left:77.86%;top:56.56%;}
.main-stool .distributed .map li.thailand{left:74.82%;top:55.08%;}
.main-stool .distributed .map li.russia{left:74.81%;top:20.97%;}
.main-stool .distributed .map li.nigeria{left:50.50%;top:57.53%;}
.main-stool .distributed .map li.kenya{left:58.76%;top:65.46%;}
.main-stool .distributed .map li.morocco{left:44.91%;top:49.15%;}
.main-stool .distributed .map li.ctdw{left:45.54%;top:61.02%;}
.main-stool .distributed .map li.ghana{left:47.74%;top:61.02%;}
.main-stool .distributed .map li.egypt{left:55.30%;top:50.84%;}
.main-stool .distributed .map li.cameroon{left:50.68%;top:65.46%;}
.main-stool .distributed .map li.none{width:400px;height:80px;left:50%;top:50%;margin:-40px 0 0 -200px;}
.main-stool .feature{padding:40px 0 0;}
.main-stool .feature .tab{text-align:center;border-bottom:1px solid #f1f1f1;}
.main-stool .feature .tab span{display:inline-block;line-height:25px;padding:0 25px 25px;margin:0 10px;font-size:18px;cursor:pointer;}
.main-stool .feature .tab .on{padding:0 25px 20px;border-bottom:5px solid #008ad4;color:#008ad4;}
.main-stool .feature .cont .box{display:none;}
.main-stool .feature .cont .box.on{display:block;}
.main-stool .feature .cont .item{padding-top:120px;overflow:hidden;}
.main-stool .feature .cont .item .left{float:left;}
.main-stool .feature .cont .item .right{float:right;}
.main-stool .feature .cont .item .pic{width:50%;text-align:center;}
.main-stool .feature .cont .item .pic img{max-width:100%;height:auto;}
.main-stool .feature .cont .item .text{width:50%;padding:10px 0 0 3.5%;box-sizing:border-box;}
.main-stool .feature .cont .item .text h2{line-height:35px;margin-bottom:25px;font-size:30px;}
.main-stool .feature .cont .item .text h3{line-height:25px;font-size:16px;font-weight:bold;color:#008ad4;}
.main-stool .feature .cont .item .text p{color:#757575;}
.main-stool .feature .cont .item .text a{display:block;width:125px;height:35px;line-height:35px;border-radius:18px;background-color:#008ad4;color:#fff;text-align:center;cursor:pointer;}
.main-stool .feature .cont .item .text ul{overflow:hidden;margin-bottom:15px;}
.main-stool .feature .cont .item .text li{position:relative;float:left;width:25%;height:25px;line-height:25px;padding:0 1% 0 25px;margin-bottom:20px;box-sizing:border-box;font-size:16px;color:#757575;white-space:nowrap;}
.main-stool .feature .cont .item .text li:after{content:"";position:absolute;left:0;top:3.5px;width:18px;height:18px;background:url(/images/all-icon.png) no-repeat -300px -175px;}
.main-stool .feature .cont .item .text li.long{width:auto;margin-right:15px;}
.main-stool .feature .cont .item .text .twig{margin-bottom:20px;}
.main-stool .feature .cont .item .text .func p{position:relative;padding-left:13px;}
.main-stool .feature .cont .item .text .func p:after{content:"";position:absolute;left:0;top:9.5px;width:6px;height:6px;background-color:#008ad4;border-radius:50%;}
.main-stool .feature .cont .item .text.left{padding-left:5%;}
.main-stool .feature .cont .item .text.right{padding-right:5%;}
.main-stool .feature .cont .item:nth-child(2n){background-color:#f7f8fa;}







@keyframes wave{
from {transform:scale(0.25,0.25);filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;}
to {transform:scale(1,1);filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;}
}




.main-case{padding:70px 0 0;}
.main-case .com-title{margin-bottom:60px;}
.main-case .com-title p{margin-top:10px;font-size:14px;color:#b4b4b4;}
.main-case .partner{margin-bottom:50px;overflow:hidden;}
.main-case .partner .pos{padding:0 3%;box-sizing:border-box;}
.main-case .partner li{position:relative;float:left;width:32.558%;margin:0.38765%;overflow:hidden;}
.main-case .partner li img{width:100%;height:auto;transition:all .5s;}
.main-case .partner li .clogo{position:absolute;left:50%;top:50%;z-index:2;width:auto;margin:-40px 0 0 -110px;}
.main-case .partner li:hover .clogo{transform:scale(1.1,1.1);}
.main-case .partner li:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:url(/images/case/cover.png);}
.main-case .item{padding:80px 0;overflow:hidden;}
.main-case .item h3{position:relative;line-height:28px;margin-bottom:20px;padding-left:22px;font-size:24px;}
.main-case .item h3:after{content:"";position:absolute;left:0;top:0;width:16px;height:28px;background:url(/images/all-icon.png) no-repeat -330px -175px;}
.main-case .item p{margin-bottom:10px;font-size:16px;}
.main-case .item .pos{padding:0 3%;box-sizing:border-box;}
.main-case .item .title{width:359px;height:246px;padding-top:50px;margin-bottom:70px;box-sizing:border-box;text-align:center;background-size:100% auto !important;}
.main-case .item .title h2{font-size:36px;font-weight:bold;}
.main-case .item .left{float:left;}
.main-case .item .right{float:right;}
.main-case .item .demand{margin-bottom:50px;}
.main-case .item .demand h3{margin-bottom:40px;}
.main-case .item .demand ul{padding-top:10px;overflow:hidden;}
.main-case .item .demand li{float:left;text-align:center;}
.main-case .item .demand li img{max-width:70%;height:auto !important;transition:all .5s;}
.main-case .item .demand li img:hover{transform:scale(1.05,1.05);}
.main-case .item .demand li p{font-size:16px;margin-top:20px;}
.main-case .item .demand .three li{width:33.33333%;}
.main-case .item .demand .four li{width:25%;}
.main-case .item .income h3{margin-bottom:30px;}
.main-case .item .income li{position:relative;line-height:25px;padding-left:40px;margin-bottom:20px;font-size:16px;}
.main-case .item .income li:after{content:"";position:absolute;left:0;top:0;width:24px;height:24px;background:url(/images/case/dot-icon-blue.png) no-repeat;background-size:100% 100% !important;}
.main-case .item .situation{padding-top:45px;}

.main-case .case-a{background:url(/images/case/casea-bg.jpg) no-repeat center;}
.main-case .case-a .title{background:url(/images/case/case-title-a.png) no-repeat;}
.main-case .case-a .info{width:43%;}
.main-case .case-a .situation{width:55%;}
.main-case .case-b .title{background:url(/images/case/case-title-b.png) no-repeat;}
.main-case .case-b .title h2{color:#008ad4;}
.main-case .case-b .income li:after{background:url(/images/case/dot-icon-gray.png) no-repeat;}
.main-case .case-b .info{width:32%;}
.main-case .case-b .situation{width:60%;}
.main-case .case-c{background:url(/images/case/casec-bg.jpg) no-repeat center;}
.main-case .case-c .title{background:url(/images/case/case-title-c.png) no-repeat;}
.main-case .case-c .title h2{color:#fff;}
.main-case .case-c .info{margin-left:3%;}
.main-case .case-c .overview h3{color:#fff;}
.main-case .case-c .overview p{color:#fff;}
.main-case .case-c .info{width:32%;}
.main-case .case-c .situation{width:64%;padding:55px 8.5%;background-color:#fff;box-sizing:border-box;}





.main-about .com-title{margin-bottom:60px;}
.main-about .profile{padding:80px 0;overflow:hidden;}
.main-about .profile .text{float:right;width:49.3%;padding-top:5.5%;}
.main-about .profile .text h1{line-height:40px;font-size:30px;}
.main-about .profile .text hr{width:70px;margin:25px 0 40px;border:1px solid #008ad4;text-align:left;}
.main-about .profile .text p{color:#666;margin-bottom:20px;}
.main-about .profile .text p strong{color:#008ad4;}
.main-about .profile .text p span{color:#008ad4;}
.main-about .profile .text .ename{line-height:30px;font-size:18px;color:#999;}
.main-about .profile .pic{float:left;width:47.2%;}
.main-about .profile .pic img{width:100%;height:auto;}
.main-about .history{padding:70px 0 150px;background:url(/images/about/history-bg.jpg) no-repeat bottom center;}
.main-about .history .com-title h2{color:#fff;}
.main-about .history .list{position:relative;padding-left:3.47%;overflow:hidden;}
.main-about .history .list li{position:relative;float:left;width:9.09%;height:140px;padding:50px 0 0 25px;box-sizing:border-box;}
.main-about .history .list li i{position:absolute;top:0;left:10px;height:37px;line-height:37px;padding:0 15px;background:url(/images/about/history-icon.png) no-repeat left center;color:#f8bb03;font-size:17px;}
.main-about .history .list li p{width:200%;line-height:23px;color:#c8c8c8;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
.main-about .history .list li p span{color:#008ad4;}
.main-about .history .list li:before{content:"";position:absolute;left:0;top:18px;width:11px;height:1px;background:rgba(255,255,255,.2);}
.main-about .history .list li:after{content:"";position:absolute;left:0;top:19px;width:1px;height:121px;background:rgba(255,255,255,.2);}
.main-about .history .list li:nth-last-child(1) p{width:100%;}
.main-about .history .list .down{padding-top:40px;margin-top:140px;}
.main-about .history .list .down i{top:initial;bottom:0;}
.main-about .history .list .down p{-webkit-line-clamp:2;}
.main-about .history .list .down:before{content:"";position:absolute;left:0;top:initial;bottom:18px;width:11px;height:1px;background:rgba(255,255,255,.2);}
.main-about .history .list .down:after{content:"";position:absolute;left:0;top:initial;bottom:19px;width:1px;height:121px;background:rgba(255,255,255,.2);}
.main-about .history .list:after{content:"";position:absolute;top:50%;left:0;width:100%;height:1px;background:rgba(255,255,255,.2);}
.main-about .culture{padding:70px 0;background-color:#fafafa;}
.main-about .culture .cont{overflow:hidden;}
.main-about .culture .cont li{float:left;width:33.33333%;margin-bottom:20px;padding:0 30px;text-align:center;box-sizing:border-box;}
.main-about .culture .cont li img{max-width:70%;height:auto;margin-bottom:30px;}
.main-about .culture .cont li em{display:block;width:120px;height:139px;margin:0 auto 30px;background-size:100% 100% !important;transition:all .5s;}
.main-about .culture .cont li h3{line-height:30px;margin-bottom:10px;font-size:24px;}
.main-about .culture .cont li p{color:#999;}
.main-about .culture .cont li p span{margin:0 10px;white-space:nowrap;}
.main-about .culture .cont li .cul1{background:url(/images/about/culture-01.png) no-repeat;}
.main-about .culture .cont li .cul2{background:url(/images/about/culture-02.png) no-repeat;}
.main-about .culture .cont li .cul3{background:url(/images/about/culture-03.png) no-repeat;}
.main-about .culture .cont li .cul1:hover{background:url(/images/about/culture-01-on.png) no-repeat;}
.main-about .culture .cont li .cul2:hover{background:url(/images/about/culture-02-on.png) no-repeat;}
.main-about .culture .cont li .cul3:hover{background:url(/images/about/culture-03-on.png) no-repeat;}
.main-about .honor{padding:70px 0;}
.main-about .honor .slide-honor{position:relative;margin-bottom:60px;}
.main-about .honor .slide-pic{overflow:hidden;}
.main-about .honor .slide-pic li{float:left;width:351px;margin-right:12px;text-align:center;}
.main-about .honor .slide-pic li p{font-size:18px;color:#666;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.main-about .honor .slide-pic li .pic{margin-bottom:10px;border:1px solid #d2d2d2;}
.main-about .honor .slide-pic li .pic img{width:100%;height:auto;}
.main-about .honor .item-btn{position:absolute;top:50%;width:21px;height:40px;margin-top:-20px;background:url(/images/all-icon.png) no-repeat;cursor:pointer;}
.main-about .honor .prev{left:-80px;background-position:-370px -100px;}
.main-about .honor .next{right:-80px;background-position:-391px -100px;}
.main-about .honor .prev:hover{background-position:-412px -100px;}
.main-about .honor .next:hover{background-position:-433px -100px;}
.main-about .honor .more{display:block;width:170px;height:44px;line-height:44px;margin:0 auto;text-align:center;border:1px solid #dcdcdc;border-radius:23px;color:#999;font-size:20px;}
.main-about .honor .more:hover{border-color:#008ad4;background-color:#008ad4;color:#fff;}
.main-about .style{padding:70px 0;background-color:#fafafa;}
.main-about .style .slide-style{position:relative;margin-bottom:60px;}
.main-about .style .slide-pic{overflow:hidden;}
.main-about .style .slide-pic li{float:left;width:470px;margin-right:15px;text-align:center;}
.main-about .style .slide-pic li p{font-size:18px;color:#666;}
.main-about .style .slide-pic li .pic{margin-bottom:10px;}
.main-about .style .slide-pic li .pic img{width:100%;height:auto;}
.main-about .style .item-btn{position:absolute;top:50%;width:21px;height:40px;margin-top:-20px;background:url(/images/all-icon.png) no-repeat;cursor:pointer;}
.main-about .style .prev{left:-80px;background-position:-370px -100px;}
.main-about .style .next{right:-80px;background-position:-391px -100px;}
.main-about .style .prev:hover{background-position:-412px -100px;}
.main-about .style .next:hover{background-position:-433px -100px;}
.main-about .style .more{display:block;width:170px;height:44px;line-height:44px;margin:0 auto;text-align:center;border:1px solid #dcdcdc;border-radius:23px;color:#999;font-size:20px;}
.main-about .style .more:hover{border-color:#008ad4;background-color:#008ad4;color:#fff;}
.main-about .partner{padding:70px 0;}
.main-about .partner ul{overflow:hidden;border-left:1px solid #dcdcdc;border-top:1px solid #dcdcdc;}
.main-about .partner li{position:relative;float:left;width:16.6666%;border-right:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;box-sizing:border-box;text-align:center;}
.main-about .partner li img{max-width:100%;height:auto;transition:all .5s;}
.main-about .partner li .co{position:absolute;top:50%;left:50%;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;transform:translate(-50%,-50%);transition:all .5s;}
.main-about .partner li:hover img{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;}



.main-about-com{padding:70px 0;}
.main-about-com .com-title{margin-bottom:60px;}
.main-about-com .over-honor{overflow:hidden;}
.main-about-com .over-honor ul{width:100.83333%;}
.main-about-com .over-honor li{float:left;width:24.17355%;margin:0 0.82645% 30px 0;text-align:center;}
.main-about-com .over-honor li p{font-size:18px;color:#666;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.main-about-com .over-honor li .pic{margin-bottom:10px;border:1px solid #d2d2d2;}
.main-about-com .over-honor li .pic img{width:100%;height:auto;}
.main-about-com .over-style{overflow:hidden;}
.main-about-com .over-style ul{width:101.04166%;}
.main-about-com .over-style li{float:left;width:32.3024%;margin:0 1.0309% 30px 0;text-align:center;}
.main-about-com .over-style li p{font-size:18px;color:#666;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.main-about-com .over-style li .pic{margin-bottom:10px;}
.main-about-com .over-style li .pic img{width:100%;height:auto;}
.main-about-com .over-partner h3{line-height:25px;padding-left:10px;margin-bottom:20px;border-left:5px solid #008ad4;}
.main-about-com .over-partner ul{position:relative;border-top:1px solid #dcdcdc;border-left:1px solid #dcdcdc;margin-bottom:50px;}
.main-about-com .over-partner ul:before{content:"";position:absolute;width:35px;height:35px;right:-16px;top:-18px;background:url(/images/point.png) no-repeat;z-index:2;}
.main-about-com .over-partner ul:after{content:"";display:block;clear:both;}
.main-about-com .over-partner li{position:relative;float:left;width:16.66666%;text-align:center;box-sizing:border-box;border-right:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;}
.main-about-com .over-partner li img{max-width:100%;height:auto;transition:all .5s;}
.main-about-com .over-partner li .co{position:absolute;top:50%;left:50%;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;transform:translate(-50%,-50%);transition:all .5s;}
.main-about-com .over-partner li:hover img{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;}
.main-about-com .over-partner li:before{content:"";position:absolute;width:35px;height:35px;left:-18px;top:-18px;background:url(/images/point.png) no-repeat;z-index:2;}
.main-about-com .over-partner li:after{content:"";position:absolute;width:35px;height:35px;right:-18px;bottom:-18px;background:url(/images/point.png) no-repeat;z-index:2;}
.main-about-com .case .pic{overflow:hidden;margin-bottom:50px;}
.main-about-com .case .pic li{float:left;width:33.33333%;}
.main-about-com .case .pic li img{width:100%;height:auto;}
.main-about-com .case .detail{padding:50px;margin-bottom:40px;background-color:#f6f6f6;overflow:hidden;}
.main-about-com .case .detail h2{line-height:40px;margin-bottom:30px;font-size:30px;font-weight:bold;color:#333;}
.main-about-com .case .detail h2 span{color:#008ad4;}
.main-about-com .case .detail h2:after{content:"";display:inline-block;width:}
.main-about-com .case .detail .box{box-sizing:border-box;}
.main-about-com .case .detail .box h3{line-height:35px;margin-bottom:15px;font-size:24px;;color:#666;}
.main-about-com .case .detail .box li{position:relative;padding-left:35px;line-height:35px;color:#999;font-size:18px;}
.main-about-com .case .detail .box li:after{content:"";position:absolute;left:0;top:7px;width:20px;height:21px;background:url(/images/all-icon.png) no-repeat -5px -145px;}
.main-about-com .case .detail .state{float:left;width:50%;margin-bottom:30px;}
.main-about-com .case .detail .appeal{float:left;width:50%;padding-left:3%;margin-bottom:30px;}
.main-about-com .case .detail .solution{clear:both;padding-top:30px;border-top:1px solid #dcdcdc;}
.main-about-com .case .detail .solution h3{color:#008ad4;}
.main-about-com .join{border-bottom:1px solid #dcdcdc;}
.main-about-com .join .item{border:1px solid #dcdcdc;transition:all .5s;}
.main-about-com .join .item .info{padding:10px 30px;border-bottom:none;overflow:hidden;transition:all .5s;}
.main-about-com .join .item .info .position{position:relative;float:left;width:36%;}
.main-about-com .join .item .info .position span{position:absolute;left:145px;top:50%;line-height:30px;font-size:20px;font-weight:bold;color:#008ad4;transform:translateY(-50%);}
.main-about-com .join .item .info .opi{float:left;width:47%;padding-top:55px;overflow:hidden;}
.main-about-com .join .item .info .opi p{float:left;font-size:18px;line-height:30px;}
.main-about-com .join .item .info .opi p span{font-weight:bold;color:#333;}
.main-about-com .join .item .info .opi .add{width:35%;}
.main-about-com .join .item .info .opi .exp{width:38%;}
.main-about-com .join .item .info .opi .salary{width:27%;}
.main-about-com .join .item .info .btn{float:right;width:150px;height:40px;line-height:40px;margin-top:50px;border-radius:20px;font-size:18px;background-color:#008ad4;color:#fff;text-align:center;cursor:pointer;}
.main-about-com .join .item .info .btn i{display:inline-block;width:16px;height:9px;margin:-3px 0 0 5px;vertical-align:middle;background:url(/images/all-icon.png) no-repeat -30px -145px;}
.main-about-com .join .item .detail{display:none;position:relative;padding:45px 100px;overflow:hidden;background-color:#f5f5f5;}
.main-about-com .join .item .detail .box{float:left;width:50%;padding:0 6.5%;box-sizing:border-box;line-height:25px;color:#e6e6e6;}
.main-about-com .join .item .detail .box h3{line-height:30px;margin-bottom:20px;font-size:18px;font-weight:bold;}
.main-about-com .join .item .detail .box li{line-height:25px;color:#333;}
.main-about-com .join .item .detail:before{content:"";position:absolute;top:0;left:50%;width:0;height:0;margin-left:-10px;border:10px solid transparent;border-top-color:#fff;}
.main-about-com .join .item.on{border-color:#008ad4;}
.main-about-com .join .item.on .info .btn i{background-position:-46px -145px;}
.main-about-com .contact .com-title{margin-bottom:50px;}
.main-about-com .contact .link{margin-bottom:50px;overflow:hidden;}
.main-about-com .contact .link .time{float:left;width:19.5%;height:350px;padding-top:50px;background-color:#fafafa;text-align:center;box-sizing:border-box;}
.main-about-com .contact .link .time h3{margin:25px 0 7px;line-height:30px;font-size:24px;color:#333;font-weight:bold;}
.main-about-com .contact .link .time p{font-size:18px;color:#999;}
.main-about-com .contact .link .time p span{margin:0 6px;}
.main-about-com .contact .link .list{position:relative;float:right;width:79.5%;height:350px;background-color:#fafafa;box-sizing:border-box;}
.main-about-com .contact .link .list ul{position:absolute;left:0;top:50%;width:100%;transform:translateY(-50%);padding:0 2.2%;box-sizing:border-box;}
.main-about-com .contact .link .list li{position:relative;float:left;width:32.33333%;height:110px;padding:27px 10px 0 90px;margin:0.5%;background-color:#fff;box-sizing:border-box;}
.main-about-com .contact .link .list li img{position:absolute;left:10px;top:28px;}
.main-about-com .contact .link .list li h3{line-height:35px;font-size:18px;font-weight:bold;}
.main-about-com .contact .link .list li p{line-height:20px;color:#999;}
.main-about-com .contact .link .list li p a{color:#999;}
.main-about-com .contact .link .list li p a:hover{color:#008ad4;}
.main-about-com .contact .way{overflow:hidden;}
.main-about-com .contact .way .info{float:left;width:35%;padding-top:60px;}
.main-about-com .contact .way .info h2{line-height:40px;font-size:30px;}
.main-about-com .contact .way .info h3{line-height:30px;margin-bottom:15px;font-size:24px;font-weight:bold;}
.main-about-com .contact .way .info hr{width:70px;border:1px solid #008ad4;margin:25px 0 40px;}
.main-about-com .contact .way .info p{line-height:30px;font-size:18px;color:#999;}
.main-about-com .contact .way .info li{position:relative;padding-left:70px;line-height:30px;font-size:18px;}
.main-about-com .contact .way .info li span{position:absolute;left:0;top:0;line-height:30px;font-size:14px;}
.main-about-com .contact .way .map{float:right;width:61%;height:450px;margin-top:50px;}
.main-about-com .detail-style{text-align:center;}
.main-about-com .detail-style img{max-width:100%;height:auto;margin-bottom:15px;}




.reserve-banner{position:relative;}
.reserve-banner img{width:100%;height:auto;}
.reserve-banner .text{position:absolute;left:0;top:42.857%;left:14.583%;}
.reserve-banner .text h1{line-height:0.6rem;margin-bottom:0.1rem;font-size:0.48rem;font-weight:bold;color:#fff;}
.reserve-banner .text p{line-height:0.3rem;font-size:0.16rem;color:#fff;}
.main-reserve .cont{padding:60px 40px 80px;}
.main-reserve .cont .info{float:left;width:54.4%;box-sizing:border-box;}
.main-reserve .cont .info h3{line-height:40px;margin-bottom:15px;font-size:30px;color:#333;}
.main-reserve .cont .info ul{margin-bottom:35px;}
.main-reserve .cont .info li{position:relative;line-height:30px;padding-left:15px;font-size:16px;color:#999;}
.main-reserve .cont .info li:after{content:"";position:absolute;left:0;top:12px;width:6px;height:6px;background-color:#008ad4;border-radius:50%;}
.main-reserve .cont .info p{line-height:30px;font-size:16px;color:#999;}
.main-reserve .cont .info p span{margin:0 10px 0 5px;font-size:28px;font-style:italic;color:#008ad4;}
.main-reserve .cont .info p br{display:none;}
.main-reserve .cont .enter{position:relative;float:right;width:42.6%;padding:5.5% 2.94% 7.35%;margin-top:-22%;box-sizing:border-box;border:1px solid #dcdcdc;background-color:#fff;border-radius:10px;font-size:0;text-align:center;z-index:9;}
.main-reserve .cont .enter h2{line-height:35px;margin-bottom:60px;font-size:30px;color:#666;}
.main-reserve .cont .enter input[type="text"]{width:100%;height:58px;line-height:56px;margin-bottom:25px;padding:0 20px;border:1px solid #dcdcdc;box-sizing:border-box;font-size:18px;border-radius:8px;}
.main-reserve .cont .enter input[type="text"]::-webkit-input-placeholder{color:#ccc;}
.main-reserve .cont .enter input[type="text"]:-moz-placeholder{color:#ccc;}
.main-reserve .cont .enter input[type="text"]::-moz-placeholder{color:#ccc;}
.main-reserve .cont .enter input[type="text"]:-ms-input-placeholder{color:#ccc;}
.main-reserve .cont .enter input[type="submit"]{width:170px;height:46px;margin-top:70px;font-size:20px;color:#fff;border-radius:23px;background-color:#fabd02;cursor:pointer;transition:all .5s;}
.main-reserve .cont .enter input[type="submit"]:hover{background-color:#008ad4;}




.list-news{padding:50px 0;overflow:hidden;background-color:#f3f3f3;}
.list-news .categry{float:left;width:300px;padding:20px 0;background-color:#fff;box-shadow:0 0 20px #ddd;}
.list-news .categry li{line-height:70px;font-size:24px;}
.list-news .categry li a{display:block;padding-left:90px;}
.list-news .categry li a:hover{background-color:#ececec;}
.list-news .categry .active a{background-color:#ececec;color:#008ad4;border-right:4px solid #008ad4;}
.list-news .cont{float:right;width:1090px;padding:30px 65px;box-sizing:border-box;background-color:#fff;box-shadow:0 0 20px #ddd;}
.list-news .cont .title{position:relative;padding:0 230px 25px 0;margin-bottom:25px;border-bottom:1px solid #ededed;}
.list-news .cont .title h1{line-height:34px;font-size:24px;font-weight:bold;color:#333;}
.list-news .cont .title .search{position:absolute;right:0;top:0;width:230px;height:34px;padding-right:42px;border:1px solid #dcdcdc;box-sizing:border-box;}
.list-news .cont .title .search input[type="text"]{width:100%;height:32px;padding:0 5px;box-sizing:border-box;}
.list-news .cont .title .search input[type="submit"]{position:absolute;right:0;top:0;width:42px;height:32px;background:#eee url(/images/search-icon.png) no-repeat center;cursor:pointer;}
.list-news .cont .list li{position:relative;padding:0 0 25px 315px;margin-bottom:25px;border-bottom:1px solid #ededed;}
.list-news .cont .list li .pic{position:absolute;left:0;top:0;}
.list-news .cont .list li .pic img{width:100%;height:auto;}
.list-news .cont .list li .text{height:190px;box-sizing:border-box;padding-top:17px;}
.list-news .cont .list li .text h3{line-height:25px;margin-bottom:15px;font-size:18px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.list-news .cont .list li .text p{height:75px;margin-bottom:15px;color:#999;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
.list-news .cont .list li .text a{display:inline-block;line-height:25px;border-bottom:1px solid #008ad4;color:#008ad4;}



.main-news .cont .title{padding-bottom:15px;}
.main-news .cont .title h1{margin-bottom:15px;}
.main-news .cont .title span{line-height:25px;font-size:14px;color:#999;}
.main-news .cont .title .author{color:#008ad4;margin-right:30px;}
.main-news .cont .detail h3{line-height:30px;margin:30px 0 15px;font-size:20px;font-weight:bold;color:#333;}
.main-news .cont .detail hr{margin:30px 0;border:none;border-top:1px solid #dcdcdc;}
.main-news .cont .detail p{margin-bottom:20px;}
.main-news .cont .detail img{width:100%;height:auto;margin-bottom:15px;}



.list-resource{padding:50px 0;overflow:hidden;}
.list-resource .com-title{margin-bottom:50px;}
.list-resource .platform ul{width:101.80555%;}
.list-resource .platform li{float:left;width:23.6458375%;padding:30px 30px 45px;margin:0 1.3541625% 3% 0;text-align:center;box-sizing:border-box;background-color:#fff;border:1px solid #eee;transition:all .5s;}
.list-resource .platform li img{max-width:95%;height:auto;margin-bottom:10px;}
.list-resource .platform li h3{line-height:25px;font-size:18px;margin-bottom:10px;}
.list-resource .platform li p{height:125px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;color:#999;}
.list-resource .platform li a{display:block;width:110px;height:30px;line-height:28px;margin:15px auto 0;text-align:center;background-color:#fabd02;color:#fff;border-radius:15px;box-sizing:border-box;transition:all .5s;}
.list-resource .platform li:hover{box-shadow:0 5px 15px #ddd;transform:translateY(-5px);}
.list-resource .platform li:hover a{background-color:#008ad4;}
.list-resource .pay li{height:130px;margin-bottom:30px;padding:10px;background-color:#fff;box-shadow:0 0 20px #ccc;overflow:hidden;}
.list-resource .pay li > div{position:relative;float:left;height:130px;box-sizing:border-box;}
.list-resource .pay li > div:after{content:"";position:absolute;right:0;top:50%;width:1px;height:80px;margin-top:-40px;background-color:#dcdcdc;}
.list-resource .pay li .pic{width:24.6%;}
.list-resource .pay li .pic img{position:absolute;width:100%;height:auto;top:50%;transform:translateY(-50%);}
.list-resource .pay li .title{width:13%;}
.list-resource .pay li .title h3{position:absolute;width:100%;top:50%;transform:translateY(-50%);padding:0 10px;box-sizing:border-box;text-align:center;font-size:18px;}
.list-resource .pay li .text{width:49.3%;}
.list-resource .pay li .text p{position:absolute;width:100%;top:50%;transform:translateY(-50%);padding:0 20px;box-sizing:border-box;color:#999;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;}
.list-resource .pay li .link{width:13.1%;}
.list-resource .pay li .link a{display:block;position:absolute;left:50%;top:50%;width:110px;height:30px;line-height:30px;margin:-15px 0 0 -55px;text-align:center;border-radius:15px;background-color:#fabd02;color:#fff;transition:all .5s;}
.list-resource .pay li .link a:hover{background-color:#008ad4;}
.list-resource .pay li .link:after{display:none;}



.main-resource{padding:50px 0;overflow:hidden;background-color:#f3f3f3;}
.main-resource .categry{float:left;width:300px;padding:20px 0;background-color:#fff;box-shadow:0 0 20px #ddd;}
.main-resource .categry li{line-height:70px;font-size:24px;}
.main-resource .categry li a{display:block;padding-left:90px;}
.main-resource .categry li a:hover{background-color:#ececec;}
.main-resource .categry .active a{background-color:#ececec;color:#008ad4;border-right:4px solid #008ad4;}
.main-resource .cont{float:right;width:1090px;padding:30px 65px;box-sizing:border-box;background-color:#fff;box-shadow:0 0 20px #ddd;}
.main-resource .cont .title{padding-bottom:20px;margin-bottom:40px;border-bottom:1px solid #dcdcdc;overflow:hidden;}
.main-resource .cont .title h1{float:left;line-height:48px;font-size:24px;font-weight:bold;}
.main-resource .cont .title .enter{float:right;display:block;width:170px;height:48px;line-height:48px;text-align:center;background-color:#008ad4;color:#fff;font-size:20px;border-radius:24px;cursor:pointer;}
.main-resource .cont .text h2{line-height:30px;margin-bottom:15px;font-size:22px;color:#008ad4;}
.main-resource .cont .text h3{line-height:25px;margin-bottom:5px;font-size:18px;color:#666;}
.main-resource .cont .text p{color:#999;}
.main-resource .cont .text p span{margin-right:50px;}
.main-resource .cont .text .item{margin-bottom:35px;}
.main-resource .cont .text .part{margin-bottom:25px;}
.main-resource .cont .text .part span{margin:0 15px;}
.main-resource .non{padding:100px 0;text-align:center;}



.enrolment{position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.5);transition:all .4s;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;z-index:-1;}
.enrolment .box{position:absolute;left:50%;top:30%;width:720px;height:500px;padding:30px;box-sizing:border-box;transform:translate(-50%,-50%);background-color:#fff;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;overflow-y:auto;transition:all .4s;}
.enrolment .box em{position:absolute;right:5px;top:5px;width:37px;height:37px;background:url(/images/all-icon.png) no-repeat -460px -100px;cursor:pointer;}
.enrolment .box h2{line-height:30px;margin-bottom:15px;font-size:22px;color:#008ad4;}
.enrolment .box .ibox{width:102.3%;font-size:0;margin-bottom:15px;}
.enrolment .box .ibox input{width:47.7517%;height:42px;line-height:40px;padding:0 10px;border:1px solid #dcdcdc;border-radius:5px;margin:0 2.2483% 2.2483% 0;box-sizing:border-box;transition:all .5s;}
.enrolment .box .ibox input:focus{border-color:#008ad4;}
.enrolment .box .sbox{margin-bottom:20px;overflow:hidden;}
.enrolment .box .sbox h3{line-height:25px;margin-bottom:5px;font-size:18px;}
.enrolment .box .sbox li{position:relative;float:left;height:25px;padding-left:20px;margin-right:40px;margin-bottom:2px;box-sizing:border-box;}
.enrolment .box .sbox li i{position:absolute;left:0;top:7px;width:11px;height:11px;border:1px solid #ccc;box-sizing:border-box;}
.enrolment .box .sbox li input{position:absolute;left:0;top:7px;width:11px;height:11px;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;cursor:pointer;z-index:2;}
.enrolment .box .sbox li input:checked+i{background-color:#008ad4;border-color:#008ad4;}
.enrolment .box .sbox li label{line-height:27px;font-size:14px;color:#888;}
.enrolment .box .sbox .two li{width:50%;margin-right:0;}
.enrolment .box .sbox .five li{width:20%;margin-right:0;}
.enrolment .box .sub{width:170px;height:46px;border-radius:23px;background-color:#008ad4;color:#fff;font-size:20px;cursor:pointer;}
.enrolment.on{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;z-index:99999;}
.enrolment.on .box{top:50%;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;}



.list-video{padding:50px 0;}
.list-video .com-title{margin-bottom:25px;}
.list-video .categry{margin-bottom:65px;text-align:center;}
.list-video .categry ul{display:inline-block;*display:inline;*zoom:1;}
.list-video .categry ul li{position:relative;float:left;width:170px;height:35px;line-height:35px;font-size:18px;border-bottom:1px solid #eaeaea;}
.list-video .categry ul li:after{content:"";position:absolute;right:0;top:9px;width:1px;height:17px;background-color:#d2d2d2;}
.list-video .categry ul li:nth-last-child(1):after{display:none;}
.list-video .categry ul li.active{border-color:#008ad4;}
.list-video .categry ul li.active a{color:#008ad4;}
.list-video .cont{overflow:hidden;}
.list-video .cont ul{width:101.85185%;}
.list-video .cont li{float:left;width:23.181818%;margin:0 1.818182% 30px 0;}
.list-video .cont li .pic{position:relative;overflow:hidden;}
.list-video .cont li .pic img{width:100%;height:auto;}
.list-video .cont li .pic i{position:absolute;left:50%;top:50%;width:66px;height:66px;margin:-33px 0 0 -33px;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;transform:scale(1.5,1.5);transition:all .5s;z-index:2;cursor:pointer;background:url(/images/video/play-icon.png) no-repeat;}
.list-video .cont li .pic:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0);transition:all .5s;}
.list-video .cont li .pic:hover i{transform:scale(1,1);filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;}
.list-video .cont li .pic:hover:after{background:rgba(0,0,0,0.6);}
.list-video .cont li .text{padding:15px;text-align:center;}
.list-video .cont li .text h3{line-height:25px;margin-bottom:10px;font-size:18px;}
.list-video .cont li .text p{display:none !important;height:75px;color:#999;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
.list-video .cont .non{padding:100px 0;text-align:center;}
.list-video .cont .non p{font-size:20px;}



#terp,#tover,.tpos{display:block;position:relative;height:0;top:-82px;}
.stpos{display:block;position:relative;height:0;top:-120px;}



.an-overall .animate{transform:translateY(80px);filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;transition:transform .8s ease,opacity .8s ease;}
.an-overall .t1{transition-delay:.2s;}
.an-overall .t2{transition-delay:.4s;}
.an-overall .t3{transition-delay:.6s;}
.an-overall .t4{transition-delay:.8s;}
.an-overall .t5{transition-delay:1s;}
.an-overall .t6{transition-delay:1.2s;}
.an-overall .t7{transition-delay:1.4s;}
.an-overall .t8{transition-delay:1.6s;}
.an-overall.action .animate{transform:translateY(0);filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;}





.main-workflow .an-overall .mt { margin-top: 20px;float: left;}
.main-workflow .an-overall .com-title .title{font-size: 16px;}
.main-workflow .status .title{font-weight: bold;font-size: 16px; color: #0a9eea;}
.main-workflow .status li i.advantage1{background:url(/images/workflow/advantage-1.png) no-repeat;}
.main-workflow .status li i.advantage2{background:url(/images/workflow/advantage-2.png) no-repeat;}
.main-workflow .status li i.advantage3{background:url(/images/workflow/advantage-3.png) no-repeat;}
.main-workflow .status li i.advantage4{background:url(/images/workflow/advantage-4.png) no-repeat;}
.main-workflow .status li i.advantage5{background:url(/images/workflow/advantage-5.png) no-repeat;}
.main-workflow .status li i.advantage6{background:url(/images/workflow/advantage-6.png) no-repeat;}

.main-workflow .status li:hover i.advantage1{background:url(/images/workflow/advantage-1-on.png) no-repeat;}
.main-workflow .status li:hover i.advantage2{background:url(/images/workflow/advantage-2-on.png) no-repeat;}
.main-workflow .status li:hover i.advantage3{background:url(/images/workflow/advantage-3-on.png) no-repeat;}
.main-workflow .status li:hover i.advantage4{background:url(/images/workflow/advantage-4-on.png) no-repeat;}
.main-workflow .status li:hover i.advantage5{background:url(/images/workflow/advantage-5-on.png) no-repeat;}
.main-workflow .status li:hover i.advantage6{background:url(/images/workflow/advantage-6-on.png) no-repeat;}
.main-workflow .possess{padding:70px 0;background:url(/images/service/invoicing-possess-bg.jpg) no-repeat top center;overflow:hidden;}
.main-workflow .possess .rate{box-sizing:border-box;background: rgba(255,255,255,.2);overflow: hidden;border-radius: 18px;height: 114px; padding: 0 20px 0 20px;width: 860px;}
.main-workflow .possess .com-title .com-title-msg{font-size: 20px;color:#ffffff;}

.main-workflow .erp-banner {position: relative;}

.main-workflow .erp-banner-msg{
    position: absolute;
    z-index: 999;
}

.main-workflow .possess .rate .item{
    width: 80px;
    float: left;
    height: 90px;
    position: relative;
    margin: 10px 11px;
    transition: all .5s;
}

.main-workflow .possess .rate .item i{
    position: absolute;
    display: block;
    width: 60px;
    height: 60px;
    transition: all .5s;
    top: 10px;
    left: 14px;
}

.main-workflow .possess .rate .itemselected{
    border-bottom: 5px solid #F6BB06;
}

.main-workflow .possess .rate .item span{
    position: absolute;
    display: inline-block;
    top: 65px;
    left: 7px;
    color:#ffffff;
    width: 64px;
    text-align: center;
}


.main-workflow .ratecontent{
    width: 860px;
    margin: 0 auto;
    overflow: hidden;
    box-sizing: border-box;
    transition: all .5s;
}
.main-workflow .ratecontent .wrapper{
    overflow: hidden;width: 600px;margin: 0 auto; box-sizing: border-box;display: none;
}

.main-workflow .ratecontent .selected{
    display: block;
}

.main-workflow .ratecontent .wrapper .img{
    float: left;width:300px
}

.main-workflow .ratecontent .describe{
    float: left;width: 300px;color: #ffffff;padding:30px 0
}

.main-workflow .ratecontent .describe h3{color:#ffffff;}

.main-workflow .possess .rate i.step1{background:url(/images/workflow/step-1-on.png) no-repeat;}
.main-workflow .possess .rate i.step2{background:url(/images/workflow/step-2.png) no-repeat;}
.main-workflow .possess .rate i.step3{background:url(/images/workflow/step-3.png) no-repeat;}
.main-workflow .possess .rate i.step4{background:url(/images/workflow/step-4.png) no-repeat;}
.main-workflow .possess .rate i.step5{background:url(/images/workflow/step-5.png) no-repeat;}
.main-workflow .possess .rate i.step6{background:url(/images/workflow/step-6.png) no-repeat;}
.main-workflow .possess .rate i.step7{background:url(/images/workflow/step-7.png) no-repeat;}
.main-workflow .possess .rate i.step8{background:url(/images/workflow/step-8.png) no-repeat;}

/* .main-workflow .possess .rate .item:hover{border-bottom: 5px solid #F6BB06;} */
/* .main-workflow .possess .rate .item:hover i.step1{background:url(/images/workflow/step-1-on.png) no-repeat;}
.main-workflow .possess .rate .item:hover i.step2{background:url(/images/workflow/step-2-on.png) no-repeat;}
.main-workflow .possess .rate .item:hover i.step3{background:url(/images/workflow/step-3-on.png) no-repeat;}
.main-workflow .possess .rate .item:hover i.step4{background:url(/images/workflow/step-4-on.png) no-repeat;}
.main-workflow .possess .rate .item:hover i.step5{background:url(/images/workflow/step-5-on.png) no-repeat;}
.main-workflow .possess .rate .item:hover i.step6{background:url(/images/workflow/step-6-on.png) no-repeat;}
.main-workflow .possess .rate .item:hover i.step7{background:url(/images/workflow/step-7-on.png) no-repeat;}
.main-workflow .possess .rate .item:hover i.step8{background:url(/images/workflow/step-8-on.png) no-repeat;} */