/*-----------INDEX PAGE START-----------*/

@-webkit-keyframes ripple{0%{opacity:0;filter:alphaopacity=0;transform:scale3d(1, 1, 1)}20%{opacity:1;filter:alphaopacity=100;transform:scale3d(1, 1, 1)}50%{opacity:0;filter:alphaopacity=0;transform:scale3d(1.6, 1.6, 1)}}@keyframes ripple{0%{opacity:0;filter:alphaopacity=0;transform:scale3d(1, 1, 1)}20%{opacity:1;filter:alphaopacity=100;transform:scale3d(1, 1, 1)}50%{opacity:0;filter:alphaopacity=0;transform:scale3d(1.6, 1.6, 1)}}
@-webkit-keyframes moveSlideshow{100%{transform:translateX(-100%)}}@keyframes moveSlideshow{100%{transform:translateX(-100%)}}

.ci-btn-hover{position:relative;display:inline-block;margin-top:20px;}
.ci-btn-hover::after{content:"";position:absolute;left:0;top:0;right:100%;height:100%;pointer-events:none;-webkit-transition:all .4s cubic-bezier(.25,.1,.25,1);transition:all .4s cubic-bezier(.25,.1,.25,1);}
.ci-btn-hover::before{position:absolute;z-index:-1;left:0;top:0;width:100%;height:100%;background-color:inherit;-webkit-transform:translateY(5px);transform:translateY(5px);}
.ci-btn-hover:hover:after{right:0;}
.ci-btn-left-bottom{overflow:hidden;background:linear-gradient(315deg, transparent 10px, #000000 0) top right;}
.ci-btn-hover-left-bottom:after{overflow:hidden;background:linear-gradient(315deg, transparent 10px, #2077d7 0) top right;}
.ci-btn-hover a{position:absolute;z-index:2;left:0;top:0;right:0;bottom:0;display:block;color:#fff;font-size:13px;line-height:40px;text-transform:uppercase;text-align:center;}
.ci-btn-hover span{display:block;width:240px;height:40px;}
.ci-btn-hover.white a{color:#222;}
.ci-btn-left-bottom.white{background:linear-gradient(315deg, transparent 10px, #fff 0) top right;}
.ci-btn-hover-left-bottom.white:after{background:linear-gradient(315deg, transparent 10px, #f4cf00 0) top right;}

.button{position:relative;display:inline-block;color:#2077d7;font-size:13px;line-height:36px;font-weight:bold;text-transform:uppercase;padding:0px 40px 1px;border:1px solid #2077d7;border-radius:3px;-webkit-transition:color 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86),border 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);transition:color 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86),border 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);}
.button:hover{color:#fff;}
.button::before{content:"";position:absolute;z-index:-1;display:block;left:0;top:0;right:0;bottom:0;width:100%;height:100%;background-color:#2077d7;-webkit-transform:scale(0, 1);transform:scale(0, 1);-webkit-transform-origin:right center;transform-origin:right center;-webkit-transition:-webkit-transform 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);transition:-webkit-transform 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);transition:transform 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);transition:transform 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86),-webkit-transform 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);}
.button:hover::before{-webkit-transform-origin:left center;transform-origin:left center;-webkit-transform:scale(1, 1);transform:scale(1, 1);}
.button.white{color:#fff;border:1px solid #fff;}
.button.white:hover{color:#222;}
.button.white::before{background-color:#fff;}
.button.gray{color:#333;border:1px solid #666;}
.button.gray:hover{color:#fff;border:1px solid #333;}
.button.gray::before{background-color:#333;}
.button.purple{color:#666;border:1px solid #666;}
.button.purple:hover{color:#fff;border:1px solid #ff3a7f;}
.button.purple::before{background-color:#ff3a7f;}

@media (max-width:991px){

.el-form-item.columns{position:relative;display:-webkit-flex;display:flex;justify-content:space-between;align-items:center;margin:0px;margin-bottom:10px;}
.el-form-item.columns label{display:inline-block;font-weight:bold;width:80px;text-align:right;padding-right:10px;}
.el-form-item.columns input{width:calc(100% - 80px);height:40px;font-size:13px;padding-left:12px;}
.el-form-item.columns select{width:calc(100% - 80px);height:40px;font-size:13px;}
.el-form-item.columns textarea{width:calc(100% - 80px);height:100px;font-size:13px;padding-top:15px;padding-bottom:15px;}
.el-form-item.columns .sub-input-wraper{width:calc(100% - 80px);display:-webkit-flex;display:flex;justify-content:space-between;align-items:center;}
.el-form-item.columns .sub-input-wraper .mod_select{width:calc(100% - 0px);}
.el-form-item.columns .tips{position:absolute;z-index:1;right:15px;top:0px;color:#333;font-size:14px;line-height:40px;font-weight:bold;}
.ci-btn-hover{margin-top:10px;}
.el-form-item.columns label{color:#111;}
.el-form-item.columns{margin-bottom:10px;}
.el-form-item.columns input{height:44px;}
.el-form-item.columns select{height:44px;}
.el-form-item.columns .tips{line-height:44px;}

.button{font-size:14px;line-height:38px;padding:0px 40px 0px;border:1px solid #2077d7;}

.m-title{position:relative;margin-bottom:20px;}
.m-title{color:#000;font-size:18px;line-height:24px;text-align:center;padding-bottom:11px;font-weight:bold;}
.m-title::after{content:"";position:absolute;left:calc(50% - 15px);bottom:0px;width:30px;height:2px;background-color:rgba(0,0,0,0.2);}
.m-title em{display:block;color:#666;font-size:12px;line-height:16px;text-align:center;margin-top:2px;font-family:"Montserrat-Regular";font-weight:normal;}
.m-wraper.software .m-title{color:#fff;}
.m-wraper.software .m-title::after{background-color:#fff;}
.m-wraper.software .m-title em{color:rgba(255,255,255,0.6);}

.m-wraper{position:relative;background-color:#fff;}
.m-wraper .container{position:relative;z-index:10;padding:30px 15px;}
.m-wraper.blue{background-color:#f4f5fc;}
.m-wraper.red{background-color:#fcf4f4;}
.m-wraper.gray{background-color:#f8f8f8;}
.m-wraper.m-num{background-image:url(../images/bg-num.jpg);background-position:center;background-repeat:no-repeat;background-size:auto 100%;}
.m-wraper.m-num:before{content:"";position:absolute;z-index:1;left:0px;top:0px;right:0px;width:100%;height:100%;background-color:rgba(0,0,0,0.03);}
.m-wraper.m-num .container{position:relative;z-index:10;padding:0px;}
.m-wraper.software{background-image:url(../images/bjtp.jpg);background-position:center;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;}
.m-wraper.software:before{content:"";position:absolute;z-index:1;left:0px;top:0px;right:0px;width:100%;height:100%;background-color:rgba(0,0,0,0.5);}
.m-wraper.mall{background-image:url(../images/bg-mall.jpg);background-position:center;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;}
.m-wraper.mall:before{content:"";position:absolute;z-index:1;left:0px;top:0px;right:0px;width:100%;height:100%;background-color:rgba(255,255,255,0.5);}
.m-wraper .tips{border:1px dotted #e2e2e4;background-color:#f8f8f9;border-radius:3px;padding:15px 20px;margin-top:10px;color:#666;font-size:13px;line-height:20px;text-align:center;}
.m-wraper.gray .tips{border:1px dotted #dbdbdb;background-color:#fff;}

.m-news .container{position:relative;z-index:10;padding:20px 15px 20px;}
.m-news .title{position:relative;float:left;width:80px;color:#000;font-size:14px;line-height:20px;font-weight:bold;padding-bottom:6px;}
.m-news .title::after{content:"";position:absolute;left:0px;bottom:0px;width:30px;height:2px;background-color:#2077d7;}
.m-news .content{float:left;width:calc(100% - 80px);overflow:hidden;}
.m-news .content a{display:inline-block;padding-left:14px;position:relative;margin-right:30px;font-size:12px;line-height:20px;}
.m-news .content a::before{content:"";position:absolute;left:2px;top:7px;width:5px;height:5px;border:rgba(0,0,0,0.4) solid 1px;-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}

.m-product{text-align:center;}
.m-product .wrap-item{margin:0px 0px 0px;}
.m-product .wrap-item .item{float:left;position:relative;width:calc(100% - 0px);margin-bottom:10px;text-align:center;overflow:hidden;}
.m-product .wrap-item .item .pic{position:relative;}
.m-product .wrap-item .item .pic img{width:100%;height:auto;}
.m-product .wrap-item .item .pic .con-pic{padding-top:55.20%;background-position:top center;background-repeat:no-repeat;background-size:104% auto;}
.m-product .wrap-item .item .pic .mask{}
.m-product .wrap-item .item .pic .mask .content h1{color:rgba(255,255,255,1);font-size:24px;font-weight:bold;}
.m-product .wrap-item .item .pic .mask .content h2{color:rgba(255,255,255,1);font-size:18px;font-weight:bold;margin-top:20px;}
.m-product .wrap-item .item .pic .mask .content p{color:rgba(255,255,255,0.8);font-size:14px;line-height:22px;margin-top:10px;}
.m-product .wrap-item .item .pic .mask .content span{display:inline-block;font-size:14px;line-height:22px;color:rgba(255,255,255,0.8);margin-right:10px;padding-right:11px;position:relative;}
.m-product .wrap-item .item .pic .mask .content span:after{content:"";position:absolute;right:0px;top:6px;width:1px;height:11px;background-color:rgba(255,255,255,0.2);}
.m-product .wrap-item .item .pic .mask .content span:last-child:after{content:"";position:absolute;right:0px;top:0px;width:0px;height:0px;}
.m-product .wrap-item .item .pic .intro{position:absolute;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";z-index:3;left:0px;top:0px;width:100%;height:100%;background-color:rgba(0,0,0,0.6);display:-webkit-flex;display:flex;justify-content:center;align-items:center;text-align:center;transition:all 800ms cubic-bezier(.25,.1,.25,1);}
.m-product .wrap-item .item .pic .intro .content{padding:20px 20px 20px;}
.m-product .wrap-item .item .pic .intro .content img{width:30px;}
.m-product .wrap-item .item .pic .intro .content h1{color:rgba(255,255,255,1);font-size:16px;font-weight:bold;margin-top:5px;}
.m-product .wrap-item .item .pic .intro .content h2{color:rgba(255,255,255,0.8);font-size:12px;line-height:15px;margin-top:5px;}
.m-product .wrap-item .item .pic .intro .content p{display:none;}
.m-product .wrap-item .item .pic .intro .content .qrcode{width:30%;margin:10px auto 0px;}
.m-product .wrap-item .item .pic .intro .content .qrcode img{width:100%;}
.m-product .wrap-item .item .link{margin-top:10px;}
.m-product .wrap-item .item .link .button{font-size:12px;line-height:32px;padding:0px 20px 1px;}
.m-product .link{margin-top:10px;}
.m-product.solution .wrap-item{margin:0px -5px;}
.m-product.solution .wrap-item .items{width:calc(100% - 10px);margin:0px 5px;}
.m-product.solution .wrap-item .item{width:calc(100% - 0px);}
.m-product.solution .wrap-item .item .pic .con-pic{padding-top:80%;background-size:auto 100%;}
.m-product.solution .wrap-item .item:hover .pic .con-pic{background-size:auto 105%;}
.m-product.solution .wrap-item .item .pic .mask{z-index:4;display:-webkit-flex;display:flex;justify-content:flex-start;align-items:flex-start;text-align:left;padding:25px 30px 25px;background-color:rgba(0,0,0,0.7);}
.m-product.solution .wrap-item .item:hover .pic .mask{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";background-color:rgba(0,0,0,0.7);}
.m-product.solution .wrap-item .item .pic .intro{opacity:0;display:-webkit-flex;display:flex;justify-content:flex-start;align-items:flex-start;text-align:left;}
.m-product.solution .wrap-item .item .pic .intro.c01{background-image:linear-gradient(-45deg, #4298f8, #77c124);}
.m-product.solution .wrap-item .item .pic .intro.c02{background-image:linear-gradient(-45deg, #eb3f0d, #f6ae00);}
.m-product.solution .wrap-item .item .pic .intro.c03{background-image:linear-gradient(-45deg, #9945fb, #3cb7f3);}
.m-product.solution .wrap-item .item .pic .intro.c04{background-image:linear-gradient(-45deg, #96c604, #f6ae00);}
.m-product.solution .wrap-item .item .pic .intro.c05{background-image:linear-gradient(-45deg, #af27f5, #796af9);}
.m-product.solution .wrap-item .item .pic .intro.c06{background-image:linear-gradient(-45deg, #9a47fb, #25b0de);}
.m-product.solution .wrap-item .item .pic .intro.c07{background-image:linear-gradient(-45deg, #e43294, #f97f98);}
.m-product.solution .wrap-item .item .pic .intro.c08{background-image:linear-gradient(-45deg, #2d9b42, #d4df23);}
.m-product.solution .wrap-item .item .pic .intro.c09{background-image:linear-gradient(-45deg, #e40c77, #f6ae00);}
.m-product.solution .wrap-item .item .pic .intro.c10{background-image:linear-gradient(-45deg, #0089d1, #01debb);}
.m-product.solution .wrap-item .item .link{display:none;}
.m-product.solution .link{margin-top:0px;}
.m-product.case .wrap-item .item{width:calc(100% - 0px);}
.m-product.case .wrap-item .item .pic .con-pic{padding-top:80%;}
.m-product.case .wrap-item .item:hover .pic .con-pic{background-size:104% auto;}
.m-product.cases .wrap-item .item{width:calc(100% - 0px);}
.m-product.cases .wrap-item .item:hover .pic .con-pic{background-size:104% auto;}
.m-product.cases .wrap-item{margin-bottom:0px;}
.m-product.honor .wrap-item .item{width:calc(100% - 0px);}
.m-product.honor .wrap-item .item .pic .con-pic{padding-top:135%;}
.m-product.honor .wrap-item .item:hover .pic .con-pic{background-size:104% auto;}
.m-product.honor .wrap-item .item .pic .intro{display:-webkit-flex;display:flex;justify-content:flex-start;align-items:flex-start;text-align:center;padding:20px 20px 30px;}
.m-product.honor .wrap-item .item .pic .intro .content p{display:block;color:rgba(255,255,255,1);font-size:13px;line-height:20px;margin-top:10px;text-align:left;}
.m-product.honor .wrap-item .item .pic .intro .content a{color:rgba(255,255,255,1);text-decoration:underline;}
.m-product.honor .wrap-item .item .pic .intro .content a:hover{text-decoration:none;}

.m-product.mall .wrap-item{margin:0px -5px;}
.m-product.mall .wrap-item .items{width:calc(100% - 10px);margin:0px 5px;}
.m-product.mall .wrap-item .item{width:calc(100% - 0px);}
.m-product.mall .wrap-item .item .pic .con-pic{padding-top:80%;background-size:cover;}
.m-product.mall .wrap-item .item .pic .mask{z-index:4;display:-webkit-flex;display:flex;justify-content:flex-start;align-items:flex-start;text-align:left;padding:35px 30px 25px;background-color:rgba(0,0,0,0.7);}
.m-product.mall .wrap-item .item:hover .pic .mask{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";background-color:rgba(0,0,0,0);}
.m-product.mall .wrap-item .item .pic .intro{opacity:0;display:-webkit-flex;display:flex;justify-content:flex-start;align-items:flex-start;text-align:left;}
.m-product.mall .wrap-item .item .pic .intro.c01{background-image:linear-gradient(-45deg, #4298f8, #77c124);}
.m-product.mall .wrap-item .item .pic .intro.c02{background-image:linear-gradient(-45deg, #eb3f0d, #f6ae00);}
.m-product.mall .wrap-item .item .pic .intro.c03{background-image:linear-gradient(-45deg, #9945fb, #3cb7f3);}
.m-product.mall .wrap-item .item .pic .intro.c04{background-image:linear-gradient(-45deg, #96c604, #f6ae00);}
.m-product.mall .wrap-item .item .pic .intro.c05{background-image:linear-gradient(-45deg, #af27f5, #796af9);}
.m-product.mall .wrap-item .item .pic .intro.c06{background-image:linear-gradient(-45deg, #9a47fb, #25b0de);}
.m-product.mall .wrap-item .item .pic .intro.c07{background-image:linear-gradient(-45deg, #e43294, #f97f98);}
.m-product.mall .wrap-item .item .pic .intro.c08{background-image:linear-gradient(-45deg, #2d9b42, #d4df23);}
.m-product.mall .wrap-item .item .pic .intro.c09{background-image:linear-gradient(-45deg, #e40c77, #f6ae00);}
.m-product.mall .wrap-item .item .pic .intro.c10{background-image:linear-gradient(-45deg, #0089d1, #01debb);}

.m-product .wrap-item .item .pic{position:relative;}
.m-product .wrap-item .item .pic img{width:100%;height:auto;}
.m-product .wrap-item .item .pic .con-pic{padding-top:55.20%;background-position:top center;background-repeat:no-repeat;background-size:100% auto;transition:all 800ms cubic-bezier(.25,.1,.25,1);}
.m-product .wrap-item .item:hover .pic .con-pic{background-size:110% auto;}
.m-product .wrap-item .item .pic .mask{position:absolute;z-index:2;left:0px;top:0px;width:100%;height:100%;background-color:rgba(0,0,0,0.6);display:-webkit-flex;display:flex;justify-content:center;align-items:center;text-align:center;padding:20px 30px 20px;transition:all 800ms cubic-bezier(.25,.1,.25,1);}
.m-product .wrap-item .item .pic .mask .content img{width:50px;}
.m-product .wrap-item .item .pic .mask .content h1{color:rgba(255,255,255,1);font-size:18px;font-weight:bold;}
.m-product .wrap-item .item .pic .mask .content h2{color:rgba(255,255,255,1);font-size:15px;font-weight:bold;margin-top:5px;}
.m-product .wrap-item .item .pic .mask .content p{color:rgba(255,255,255,0.8);font-size:13px;line-height:20px;margin-top:5px;}
.m-product .wrap-item .item .pic .mask .content span{display:inline-block;font-size:13px;line-height:20px;color:rgba(255,255,255,0.8);margin-right:5px;padding-right:6px;position:relative;}
.m-product .wrap-item .item .pic .mask .content span:after{content:"";position:absolute;right:0px;top:6px;width:1px;height:10px;background-color:rgba(255,255,255,0.2);}
.m-product .wrap-item .item .pic .mask .content span:last-child:after{content:"";position:absolute;right:0px;top:0px;width:0px;height:0px;}

.m-product .owl-controls{margin-top:-10px;margin-bottom:10px;text-align:center;}
.m-product .owl-controls .owl-page{cursor:pointer;display:inline-block;width:10px;height:1px;margin:0px 2px;background-color:rgba(0,0,0,0.2);transition:all 400ms cubic-bezier(.25,.1,.25,1);}
.m-product .owl-controls .owl-page.active{width:20px;background-color:#7fc93d;}

.m-business{text-align:center;}
.m-business .wrap-item{margin:-20px -5px 0px;display:-webkit-flex;display:flex;flex-wrap:wrap;}
.m-business .wrap-item .item{float:left;position:relative;width:calc(50% - 10px);margin-left:5px;margin-right:5px;text-align:center;background-color:#fff;padding:45px 20px 30px;margin-top:50px;box-shadow:0px 0px 10px #e8e8e8;-webkit-transition:all .4s cubic-bezier(.25,.1,.25,1);transition:all .4s cubic-bezier(.25,.1,.25,1);}
.m-business.packages .wrap-item .item{float:left;position:relative;width:calc(100% - 0px);height:auto;}
.m-business.packagess .wrap-item .item{float:left;position:relative;width:calc(100% - 0px);height:auto;}
.m-business.malls .wrap-item .item{float:left;position:relative;width:calc(100% - 0px);height:auto;}
.m-business.webs .wrap-item .item{float:left;position:relative;width:calc(100% - 0px);height:auto;}
.m-business.item05 .wrap-item{margin:-20px -5px 0px;}
.m-business.item05 .wrap-item .item{/*float:left;width:calc(20% - 20px);*/float:none;position:relative;width:calc(100% - 10px);height:240px;margin-bottom:20px;box-shadow:0px 0px 5px #e8e8e8;background-position:center bottom;background-repeat:no-repeat;background-size:100% auto;}
.m-business.item05.customized .wrap-item .item{height:290px;}
.m-business.item05 .wrap-item .item:hover{box-shadow:0px 0px 5px #bbbbbb;}
.m-business.item06 .wrap-item{margin:-20px -5px 0px;}
.m-business.item06 .wrap-item .item{float:left;width:calc(50% - 10px);position:relative;height:180px;margin-bottom:0px;box-shadow:0px 0px 5px #e8e8e8;background-position:center bottom;background-repeat:no-repeat;background-size:100% auto;}
.m-business.item06 .wrap-item .item:hover{box-shadow:0px 0px 5px #bbbbbb;}
.m-business .wrap-item .item:hover{box-shadow:0px 0px 20px #cfcfcf;-webkit-transition:all .8s cubic-bezier(.25,.1,.25,1);transition:all .8s cubic-bezier(.25,.1,.25,1);}
.m-business .wrap-item .item a{position:absolute;z-index:10;width:100%;height:100%;left:0px;top:0px;}
.m-business .wrap-item .item .icon{position:absolute;z-index:1;left:calc(50% - 30px);top:-30px;width:60px;height:60px;background-color:#fff;border-radius:100%;padding:15px;box-shadow:0px 0px 10px #e8e8e8;}
.m-business .wrap-item .item .icons{display:none;}
.m-business.packages .wrap-item .item .icon{position:absolute;z-index:1;left:calc(50% - 30px);top:-30px;width:60px;height:60px;background-color:#fff;border-radius:100%;padding:15px;box-shadow:0px 0px 10px #e8e8e8;}
.m-business .wrap-item .item .icon img{width:100%;}
.m-business .wrap-item .item .name{position:relative;color:#000;font-size:15px;line-height:20px;text-align:center;margin-bottom:10px;padding-bottom:10px;font-weight:bold;-webkit-transition:all .4s cubic-bezier(.25,.1,.25,1);transition:all .4s cubic-bezier(.25,.1,.25,1);}
.m-business .wrap-item .item .name::after{content:"";position:absolute;left:calc(50% - 10px);bottom:2px;width:20px;height:2px;background-color:#ccc;-webkit-transition:all .4s cubic-bezier(.25,.1,.25,1);transition:all .4s cubic-bezier(.25,.1,.25,1);}
.m-business .wrap-item .item .name em{display:block;color:#666;font-size:11px;line-height:13px;text-align:center;margin-bottom:5px;font-family:"Montserrat-ExtraLight";-webkit-transition:all .4s cubic-bezier(.25,.1,.25,1);transition:all .4s cubic-bezier(.25,.1,.25,1);}
.m-business .wrap-item .item .name i{display:block;color:#666;font-size:11px;line-height:13px;text-align:center;margin-bottom:5px;font-family:"Montserrat-ExtraLight";-webkit-transition:all .4s cubic-bezier(.25,.1,.25,1);transition:all .4s cubic-bezier(.25,.1,.25,1);}
.m-business .wrap-item .item .name i font{color:#666;font-size:14px;margin-left:2px;font-weight:normal;}
.m-business .wrap-item .item .names{position:relative;color:#000;font-size:15px;line-height:20px;text-align:center;margin-bottom:10px;padding-bottom:10px;font-weight:bold;-webkit-transition:all .4s cubic-bezier(.25,.1,.25,1);transition:all .4s cubic-bezier(.25,.1,.25,1);}
.m-business .wrap-item .item .names::after{content:"";position:absolute;left:calc(50% - 10px);bottom:2px;width:20px;height:2px;background-color:#ccc;-webkit-transition:all .4s cubic-bezier(.25,.1,.25,1);transition:all .4s cubic-bezier(.25,.1,.25,1);}
.m-business .wrap-item .item .names em{display:block;color:#666;font-size:11px;line-height:13px;text-align:center;margin-bottom:5px;font-family:"Montserrat-ExtraLight";-webkit-transition:all .4s cubic-bezier(.25,.1,.25,1);transition:all .4s cubic-bezier(.25,.1,.25,1);}
.m-business .wrap-item .item .names i{display:block;color:#77c124;font-size:18px;line-height:20px;text-align:center;margin-bottom:0px;font-family:"Montserrat-ExtraLight";-webkit-transition:all .4s cubic-bezier(.25,.1,.25,1);transition:all .4s cubic-bezier(.25,.1,.25,1);}
.m-business .wrap-item .item .names i font{color:#666;font-size:14px;margin-left:2px;font-weight:normal;}
.m-business .wrap-item .item:hover .name{color:#000;}
.m-business .wrap-item .item:hover .name::after{background-color:#2077d7;}
.m-business .wrap-item .item:hover .name em{color:#666;}
.m-business .wrap-item .item .text{color:#666;font-size:12px;line-height:18px;margin-top:0px;text-align:left;-webkit-transition:all .4s cubic-bezier(.25,.1,.25,1);transition:all .4s cubic-bezier(.25,.1,.25,1);}
.m-business .wrap-item .item .text h4{color:#000;font-size:12px;line-height:18px;font-weight:bold;margin-bottom:3px;}
.m-business .wrap-item .item .text span{display:inline-block;font-size:12px;line-height:18px;color:#666;margin-right:10px;padding-right:11px;position:relative;}
.m-business .wrap-item .item .text span:after{content:"";position:absolute;right:0px;top:5px;width:1px;height:9px;background-color:rgba(0,0,0,0.2);}
.m-business .wrap-item .item .text span:last-child:after{content:"";position:absolute;right:0px;top:0px;width:0px;height:0px;}
.m-business .wrap-item .item .pic{position:absolute;left:0px;bottom:0px;z-index:1;width:100%;padding-top:45%;background-position:center;background-repeat:no-repeat;background-size:50% auto;}
.m-business .wrap-item .item .link{margin-top:20px;position:relative;z-index:1;}
.m-business .wrap-item .item .link{display:block;width:calc(100% - 0px);color:#2077d7;font-size:12px;line-height:32px;text-transform:uppercase;padding:0px 0px 0px;border:1px solid #4298f8;border-radius:2px;-webkit-transition:color 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86),border 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);transition:color 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86),border 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);}
.m-business .wrap-item .item:hover .link{color:#fff;border:1px solid #4298f8;}
.m-business .wrap-item .item .link::before{content:"";position:absolute;z-index:-1;display:block;left:0;top:0;right:0;bottom:0;width:100%;height:100%;background-color:#4298f8;-webkit-transform:scale(0, 1);transform:scale(0, 1);-webkit-transform-origin:right center;transform-origin:right center;-webkit-transition:-webkit-transform 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);transition:-webkit-transform 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);transition:transform 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);transition:transform 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86),-webkit-transform 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);}
.m-business .wrap-item .item:hover .link::before{-webkit-transform-origin:left center;transform-origin:left center;-webkit-transform:scale(1, 1);transform:scale(1, 1);}
.m-business .links{margin-top:20px;}
.m-business .wrap-item.green .item .icon{color:#77c124;text-align:center;line-height:30px;font-size:24px;letter-spacing:-1px;}
.m-business .wrap-item.green .item .icons{color:#77c124;text-align:center;line-height:30px;font-size:24px;letter-spacing:-1px;}
.m-business .wrap-item.green .item:hover .icons{background-image:radial-gradient(#fff, #eff9e4);box-shadow:0px 0px 0px #eff9e4;}
.m-business .wrap-item.green .item:hover .icons::before{border:2px solid #e5f9ce;}
.m-business .wrap-item.green .item:hover .icons::after{border:2px solid #e5f9ce;}
.m-business .wrap-item.green .item:hover .name::after{background-color:#77c124;}
.m-business .wrap-item.red .item .icon{color:#ea352c;text-align:center;line-height:30px;font-size:24px;letter-spacing:-1px;}
.m-business .wrap-item.red .item .icons{color:#ea352c;text-align:center;line-height:30px;font-size:24px;letter-spacing:-1px;}
.m-business .wrap-item.red .item:hover .icons{background-image:radial-gradient(#fff, #fadedd);box-shadow:0px 0px 0px #fadedd;}
.m-business .wrap-item.red .item:hover .icons::before{border:2px solid #fadcdb;}
.m-business .wrap-item.red .item:hover .icons::after{border:2px solid #fadcdb;}
.m-business .wrap-item.red .item:hover .name::after{background-color:#ea352c;}
.m-business .wrap-item.process{margin-top:15px;}
.m-business .wrap-item.process .item{border:rgba(0,0,0,0.08) solid 1px;background-color:transparent;box-shadow:none;padding:25px 20px;margin-top:5px;margin-bottom:5px;height:auto;}
.m-business .wrap-item.process .item:hover{background-color:transparent;box-shadow:none;}
.m-business .wrap-item.process .item .icon{display:none;}
.m-business .wrap-item.process .item .icons{background-color:transparent;left:calc(0% - 0px);top:0px;width:100%;height:100%;border-radius:0px;display:-webkit-flex;display:flex;justify-content:center;align-items:center;flex-direction:column;}
.m-business .wrap-item.process .item .num{color:#ea352c;text-align:center;line-height:20px;font-size:20px;letter-spacing:-1px;}
.m-business .wrap-item.process .item .texts{color:#333;font-size:16px;line-height:20px;text-align:center;font-weight:bold;margin-bottom:0px;-webkit-transition:all .4s cubic-bezier(.25,.1,.25,1);transition:all .4s cubic-bezier(.25,.1,.25,1);}
.m-business .wrap-item.process .item .en{color:#999;font-size:13px;line-height:14px;text-align:center;margin-bottom:5px;font-family:"Montserrat-Regular";-webkit-transition:all .4s cubic-bezier(.25,.1,.25,1);transition:all .4s cubic-bezier(.25,.1,.25,1);}
.m-business .wrap-item.process .item:hover .icons{background-image:radial-gradient(#fff, #fadedd);box-shadow:0px 0px 0px #fadedd;}
.m-business .wrap-item.process .item:hover .icons::before{border:2px solid #fadcdb;}
.m-business .wrap-item.process .item:hover .icons::after{border:2px solid #fadcdb;}

.m-business .contents{width:100%;}
.m-business .owl-controls{margin-top:-20px;margin-bottom:0px;text-align:center;}
.m-business .owl-controls .owl-page{cursor:pointer;display:inline-block;width:10px;height:1px;margin:0px 2px;background-color:rgba(0,0,0,0.2);transition:all 400ms cubic-bezier(.25,.1,.25,1);}
.m-business .owl-controls .owl-page.active{width:20px;background-color:#7fc93d;}

.m-partner .container{padding-left:0px;padding-right:0px;}
.m-partner .content{margin-top:20px;height:86px;position:relative;transform:translate3d(0, 0, 0);overflow:hidden;}
.m-partner .content .slide{width:900px;height:100%;position:absolute;top:3px;left:0;transform:translate3d(0, 0, 0);-webkit-animation:moveSlideshow 60s linear infinite;animation:moveSlideshow 60s linear infinite;}
.m-partner .content .slide:last-of-type{left:900px;}
.m-partner .content .slide .item{float:left;border-radius:100%;overflow:hidden;box-shadow:0px 0px 3px #d1d1d1;}
.m-partner .content .slide .item img{width:100%;}
.m-partner .content .slide .item:nth-child(4n + 1){width:80px;height:80px;margin:0px 10px 0px;}
.m-partner .content .slide .item:nth-child(4n + 2){width:60px;height:60px;margin:15px 10px 5px;}
.m-partner .content .slide .item:nth-child(4n + 3){width:80px;height:80px;margin:0px 10px 0px;}
.m-partner .content .slide .item:nth-child(4n + 4){width:60px;height:60px;margin:5px 10px 15px;}

.m-parts{text-align:center;}
.m-parts .wrap-item{margin:-5px -5px -10px;}
.m-parts .wrap-item .item{float:left;position:relative;width:calc(50% - 10px);background-color:#fff;margin:5px;overflow:hidden;box-shadow:0px 0px 10px #e8e8e8;transition:all 400ms cubic-bezier(.25,.1,.25,1);}
.m-parts .wrap-item .item:hover{box-shadow:0px 0px 10px #f9e5e7;}
.m-parts .wrap-item .item a{position:absolute;z-index:10;width:100%;height:100%;left:0px;top:0px;}
.m-parts .wrap-item .item .pic{position:relative;background-color:rgba(0,0,0,0.0);padding:20px;}
.m-parts .wrap-item .item .pic img{width:100%;height:auto;}
.m-parts .wrap-item .item .text{background-color:#fff;padding:15px 20px;border-top:rgba(0,0,0,0.05) solid 1px;text-align:left;}
.m-parts .wrap-item .item .text .name{color:#222;font-size:15px;line-height:20px;font-weight:bold;transition:all 400ms cubic-bezier(.25,.1,.25,1);}
.m-parts .wrap-item .item .text .model{color:#666;font-size:12px;line-height:16px;margin-top:5px;transition:all 400ms cubic-bezier(.25,.1,.25,1);}
.m-parts .wrap-item .item:hover .text .name{color:#2077d7;}
.m-parts .wrap-item .item:hover .text .model{color:#222;}
.m-parts .link{margin-top:20px;}

.m-news{text-align:center;}
.m-news .container{position:relative;z-index:10;padding:30px 15px;}
.m-news .wrap-item{margin:0px 0px 0px;}
.m-news .wrap-item .item{float:left;position:relative;width:calc(100% - 0px);}
.m-news .wrap-item .item .pic{position:relative;margin-bottom:10px;padding-top:35%;background-color:#fff;background-position:center;background-repeat:no-repeat;background-size:100% auto;}
.m-news .wrap-item .item .pic .con-pic{position:absolute;z-index:2;left:0px;top:0px;width:100%;height:100%;background-color:rgba(0,0,0,0.6);display:-webkit-flex;display:flex;justify-content:center;align-items:center;color:#fff;font-size:24px;font-weight:bold;}
.m-news .link{margin-top:20px;}

.text-list{margin:-1px 0px 0px;border-top:#e6e6e6 dotted 1px;}
.text-list dd{border-bottom:#e6e6e6 dotted 1px;overflow:hidden;zoom:1;text-align:left;}
.text-list dd a{padding-top:10px;padding-bottom:10px;}
.text-list dd span{padding-top:6px;padding-bottom:6px;}
.text-list dd a{width:calc(100% - 80px);float:left;padding-left:12px;line-height:28px;font-size:14px;position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.text-list dd a:hover{color:#2077d7;}
.text-list dd a:before{content:"";position:absolute;left:0px;top:22px;width:3px;height:3px;background-color:#999999;border-radius:50%;-moz-transition:all 0.2s ease;-o-transition:all 0.2s ease;-webkit-transition:all 0.2s ease;-ms-transition:all 0.2s ease;transition:all 0.2s ease;}
.text-list dd a:hover:before{background-color:#2077d7;}
.text-list dd span{float:right;line-height:28px;font-size:13px;color:#888;padding-top:10px;}

.text-list2{margin:0px 0px 0px;border-top:#e6e6e6 dotted 1px;}
.text-list2 dd{position:relative;border-bottom:#e6e6e6 dotted 1px;padding-top:14px;padding-bottom:14px;text-align:left;padding-left:20px;line-height:20px;font-size:14px;font-weight:bold;color:#222;}
.text-list2 dd::before{content:"";position:absolute;left:0px;top:19px;width:10px;height:10px;border:#ccc solid 1px;border-radius:100%;}
.text-list2 dd::after{content:"";position:absolute;left:3px;top:22px;width:4px;height:4px;background-color:#ccc;border-radius:100%;}
.text-list2.green dd.not{color:#999;}
.text-list2.green dd.not::before{border:#ccc solid 1px;}
.text-list2.green dd.not::after{background-color:transparent;}
.text-list2 dd em{color:#0083ff;font-size:12px;font-weight:bold;line-height:18px;border:#0083ff solid 1px;border-radius:3px;padding-left:5px;padding-right:5px;margin-left:4px;}
.text-list2 dd p{display:block;color:#666;font-size:13px;font-weight:normal;line-height:16px;margin-top:5px;}
.text-list2.green dd::before{border:#77c124 solid 1px;}
.text-list2.green dd::after{background-color:#77c124;}

.m-num{}
.m-num .content{display:-webkit-flex;display:flex;justify-content:space-between;align-items:center;height:100px;}
.m-num .item{width:100%;text-align:center;}
.m-num .item .num-wraper{display:-webkit-flex;display:flex;justify-content:center;align-items:center;}
.m-num .item .num{position:relative;}
.m-num .item .num s{float:left;color:transparent;font-size:24px;line-height:30px;font-family:"Montserrat-Regular";text-decoration:none;}
.m-num .item .num i{position:absolute;left:0px;top:0px;color:#2077d7;font-size:24px;line-height:30px;font-family:"Montserrat-Regular";}
.m-num .item .num em{position:relative;float:left;color:rgba(0,0,0,0.6);font-size:12px;line-height:20px;margin-left:4px;margin-top:8px;}
.m-num .item .num em.add:before{content:"";position:absolute;left:2px;top:-3px;width:1px;height:5px;background-color:#2077d7;}
.m-num .item .num em.add:after{content:"";position:absolute;left:0px;top:-1px;width:5px;height:1px;background-color:#2077d7;}
.m-num .item .tt{color:rgba(0,0,0,1);font-size:11px;line-height:20px;}

.m-intro{overflow:hidden;}
.m-intro .s-pic{float:left;width:100%;}
.m-intro .s-pic .contents{padding-top:50%;background-position:center;background-repeat:no-repeat;background-size:100% auto;transition:all 600ms cubic-bezier(.25,.1,.25,1);}
.m-intro .s-pic:hover .contents{background-size:105% auto;transition:all 1400ms cubic-bezier(.25,.1,.25,1);}
.m-intro .s-text{float:left;width:100%;padding-top:20px;color:#000;font-size:16px;line-height:28px;}
.m-intro .s-text p{margin-bottom:10px;}
.m-intro .s-icon{margin:20px -0px 0px;}
.m-intro .s-icon .item{float:left;width:calc(100% - 40px);margin:0px 20px 40px;}
.m-intro .s-icon .item .pic img{width:60px;margin:0px auto;}
.m-intro .s-icon .item .texts{color:#000;font-size:18px;line-height:26px;text-align:center;font-weight:bold;margin-top:15px;margin-bottom:5px;}
.m-intro .s-icon .item .en{color:#999;font-size:11px;line-height:14px;text-align:center;font-family:"Montserrat-Regular";}
.m-intro .s-icon .item p{color:#333;font-size:14px;line-height:22px;margin-top:10px;}
.m-intro .links{margin-top:20px;text-align:center;}
.m-intro .links .button{padding-left:50px;padding-right:50px;font-size:14px;line-height:40px;}

.m-icon{margin:0px -10px 0px;display:-webkit-flex;display:flex;flex-wrap:wrap;justify-content:flex-start;}
.m-icon .item{margin:0px 10px 20px;}
.m-icon .item .pic img{width:50px;margin:0px auto;}
.m-icon .item .texts{color:#000;font-size:18px;line-height:26px;text-align:center;font-weight:bold;margin-top:15px;margin-bottom:5px;}
.m-icon .item .en{position:relative;color:#666;font-size:12px;line-height:18px;text-align:center;font-family:"Montserrat-Regular";font-weight:bold;margin-bottom:18px;padding-bottom:16px;}
.m-icon .item .en::after{content:"";position:absolute;left:calc(50% - 15px);bottom:2px;width:30px;height:2px;background-color:#ccc;-webkit-transition:all .4s cubic-bezier(.25,.1,.25,1);transition:all .4s cubic-bezier(.25,.1,.25,1);}
.m-icon .item p{color:#333;font-size:14px;line-height:24px;margin-top:15px;}
.m-icon.item03 .item{width:calc(50% - 20px);}
.m-icon.item04 .item{width:calc(50% - 20px);}
.m-icon.bg-back{margin:0px -5px 0px;}
.m-icon.bg-back .item{width:calc(50% - 10px);text-align:center;margin:0px 5px 10px;background-color:#fff;padding:20px 20px 30px;box-shadow:0px 0px 10px #e8e8e8;-webkit-transition:all .4s cubic-bezier(.25,.1,.25,1);transition:all .4s cubic-bezier(.25,.1,.25,1);}
.m-icon.bg-back .item .pic img{width:80px;margin:0px auto;}

.m-software{}
.m-software .s-icon{margin:20px -0px 0px;}
.m-software .s-icon .item{float:left;width:calc(100% - 40px);margin:0px 20px 40px;}
.m-software .s-icon .item .pic img{width:60px;margin:0px auto;}
.m-software .s-icon .item .texts{color:#fff;font-size:18px;line-height:26px;text-align:center;font-weight:bold;margin-top:15px;margin-bottom:5px;}
.m-software .s-icon .item .en{color:rgba(255,255,255,0.4);font-size:11px;line-height:14px;text-align:center;font-family:"Montserrat-Regular";}
.m-software .s-icon .item p{color:rgba(255,255,255,0.8);font-size:14px;line-height:22px;margin-top:10px;}
.m-software .links{margin-top:20px;text-align:center;}
.m-software .links .button{padding-left:50px;padding-right:50px;font-size:14px;line-height:40px;}

.m-iphone{}
.m-iphone .links{margin-top:20px;text-align:center;}
.m-iphone .links .button{padding-left:50px;padding-right:50px;font-size:14px;line-height:40px;}
.m-iphone .contents{position:relative;padding-top:50%;overflow:hidden;}
.m-iphone .contents .item{position:absolute;bottom:-40px;background-position:center top;background-repeat:no-repeat;background-size:100% auto;transition:all 600ms cubic-bezier(.25,.1,.25,1);}
.m-iphone .contents .item:hover{bottom:0px;transition:all 1200ms cubic-bezier(.25,.1,.25,1);}
.m-iphone .contents .item em{position:absolute;display:inline-block;left:calc(50% - 30px);top:-40px;width:60px;height:26px;color:#333;font-size:12px;line-height:24px;text-align:center;font-weight:bold;border:rgba(0,0,0,0.2) solid 1px;border-radius:60px;}
.m-iphone .contents .item.p01{z-index:10;left:35%;width:30%;height:180px;}
.m-iphone .contents .item.p02{z-index:9;left:20%;width:20%;height:160px;}
.m-iphone .contents .item.p03{z-index:8;right:20%;width:20%;height:160px;}
.m-iphone .contents .item.p04{z-index:7;left:10%;width:15%;height:140px;}
.m-iphone .contents .item.p05{z-index:6;right:10%;width:15%;height:140px;}
.m-iphone .contents .item.p06{z-index:5;left:0%;width:10%;height:120px;}
.m-iphone .contents .item.p07{z-index:4;right:0%;width:10%;height:120px;}

.m-webs{}
.m-webs .links{margin-top:20px;text-align:center;}
.m-webs .links .button{padding-left:50px;padding-right:50px;font-size:14px;line-height:40px;}
.m-webs .contents{height:300px;}

.m-solutions{}
.m-solutions .links{margin-top:20px;text-align:center;}
.m-solutions .links .button{padding-left:50px;padding-right:50px;font-size:14px;line-height:40px;}
.m-solutions .wrap-item{margin:0px -10px 0px;}
.m-solutions .wrap-item .item{float:left;position:relative;width:calc(100% - 20px);margin-left:10px;margin-right:10px;margin-bottom:20px;transition:all 800ms cubic-bezier(.25,.1,.25,1);}
.m-solutions .wrap-item .item a{position:absolute;z-index:10;width:100%;height:100%;left:0px;top:0px;}
.m-solutions .wrap-item .item .pic{background-position:center;background-repeat:no-repeat;background-size:100% auto;}
.m-solutions .wrap-item .item .pic .con-pic{position:relative;padding-top:40%;background-position:center;background-repeat:no-repeat;background-size:100% auto;}
.m-solutions .wrap-item .item .pic .con-pic.c01{background-image:linear-gradient(-45deg, #4298f8, #77c124);}
.m-solutions .wrap-item .item .pic .con-pic.c02{background-image:linear-gradient(-45deg, #eb3f0d, #f6ae00);}
.m-solutions .wrap-item .item .pic .con-pic.c03{background-image:linear-gradient(-45deg, #9945fb, #3cb7f3);}
.m-solutions .wrap-item .item .pic .con-pic.c04{background-image:linear-gradient(-45deg, #96c604, #f6ae00);}
.m-solutions .wrap-item .item .pic .con-pic.c05{background-image:linear-gradient(-45deg, #af27f5, #796af9);}
.m-solutions .wrap-item .item .pic .con-pic.c06{background-image:linear-gradient(-45deg, #9a47fb, #25b0de);}
.m-solutions .wrap-item .item .pic .con-pic.c07{background-image:linear-gradient(-45deg, #e43294, #f97f98);}
.m-solutions .wrap-item .item .pic .con-pic.c08{background-image:linear-gradient(-45deg, #2d9b42, #d4df23);}
.m-solutions .wrap-item .item .pic .con-pic.c09{background-image:linear-gradient(-45deg, #e40c77, #f6ae00);}
.m-solutions .wrap-item .item .pic .con-pic.c10{background-image:linear-gradient(-45deg, #0089d1, #01debb);}
.m-solutions .wrap-item .item .pic .con-pic.c11{background-image:linear-gradient(-45deg, #ff9569, #e92758);}
.m-solutions .wrap-item .item .pic .con-pic.c12{background-image:linear-gradient(-45deg, #29bdd9, #276ace);}
.m-solutions .wrap-item .item .pic .con-pic.c13{background-image:linear-gradient(-45deg, #2980b9, #6dd5fa);}
.m-solutions .wrap-item .item .pic .con-pic.c14{background-image:linear-gradient(-45deg, #0575e6, #021b79);}
.m-solutions .wrap-item .item .pic .con-pic.c15{background-image:linear-gradient(-45deg, #f12711, #f5af19);}
.m-solutions .wrap-item .item .pic .con-pic.c16{background-image:linear-gradient(-45deg, #1f4037, #99f2c8);}
.m-solutions .wrap-item .item .pic .con-pic.c17{background-image:linear-gradient(-45deg, #5433ff, #20bdff);}
.m-solutions .wrap-item .item .pic .con-pic.c18{background-image:linear-gradient(-45deg, #8e2de2, #4a00e0);}
.m-solutions .wrap-item .item .pic .con-pic.c19{background-image:linear-gradient(-45deg, #da4453, #89216b);}
.m-solutions .wrap-item .item .pic .con-pic.c20{background-image:linear-gradient(-45deg, #4481eb, #04befe);}
.m-solutions .wrap-item .item .pic .con-pic.c28{background-image:linear-gradient(-45deg, #1f1c2c, #928dab);}
.m-solutions .wrap-item .item .pic .con-pic.c22{background-image:linear-gradient(-45deg, #ffe259, #ffa751);}
.m-solutions .wrap-item .item .pic .con-pic.c23{background-image:linear-gradient(-45deg, #3c3b3f, #605c3c);}
.m-solutions .wrap-item .item .pic .con-pic.c24{background-image:linear-gradient(-45deg, #bdc3c7, #2c3e50);}
.m-solutions .wrap-item .item .pic .con-pic.c25{background-image:linear-gradient(-45deg, #414d0b, #727a17);}
.m-solutions .wrap-item .item .pic .con-pic.c26{background-image:linear-gradient(-45deg, #16222a, #3a6073);}
.m-solutions .wrap-item .item .pic .con-pic.c27{background-image:linear-gradient(-45deg, #ee9ca7, #ffdde1);}
.m-solutions .wrap-item .item .pic .con-pic.c21{background-image:linear-gradient(-45deg, #bc4e9c, #f80759);}
.m-solutions .wrap-item .item .pic .con-pic.c29{background-image:linear-gradient(-45deg, #0f2027,#203a43,#2c5364);}
.m-solutions .wrap-item .item .pic .con-pic.c30{background-image:linear-gradient(-45deg, #ff5f6d, #ffc371);}
.m-solutions .wrap-item .item .pic .con-pic.c31{background-image:linear-gradient(-45deg, #eecda3, #ef629f);}
.m-solutions .wrap-item .item .pic .con-pic.c32{background-image:linear-gradient(-45deg, #1d4350, #a43931);}
.m-solutions .wrap-item .item .pic .con-pic.c33{background-image:linear-gradient(-45deg, #30cfd0, #330867);}
.m-solutions .wrap-item .item .pic .con-pic.c34{background-image:linear-gradient(-45deg, #f1f2b5, #135058);}
.m-solutions .wrap-item .item .pic .con-pic.c35{background-image:linear-gradient(-45deg, #ffb199, #ff0844);}
.m-solutions .wrap-item .item .pic .con-pic.c36{background-image:linear-gradient(-45deg, #a27848, #a77e47);}
.m-solutions .wrap-item .item .pic .con-pic.c37{background-image:linear-gradient(-45deg, #5433ff, #20bdff);}
.m-solutions .wrap-item .item .pic .con-pic.c38{background-image:linear-gradient(-45deg, #659999, #f4791f);}
.m-solutions .wrap-item .item .pic .con-pic.c39{background-image:linear-gradient(-45deg, #22c1c3, #fdbb2d);}
.m-solutions .wrap-item .item .pic .con-pic.c40{background-image:linear-gradient(-45deg, #799f0c, #ffe000);}





.m-solutions .wrap-item .item .pic .con-pic .contents{position:absolute;z-index:2;left:0px;top:0px;width:100%;height:100%;display:-webkit-flex;display:flex;justify-content:center;align-items:center;color:#fff;font-size:24px;font-weight:bold;}
.m-solutions .wrap-item .item .texts{color:#222;font-size:18px;line-height:30px;font-weight:bold;margin-top:10px;}
.m-solutions .wrap-item .item .en{color:rgba(0,0,0,0.4);font-size:14px;line-height:18px;text-align:center;font-family:"Montserrat-Regular";}
.m-solutions .wrap-item .item p{color:rgba(0,0,0,0.5);font-size:14px;line-height:24px;margin-top:0px;}
.m-solutions .wrap-item .item:hover .pic .con-pic .contents{transform:scale(1.05, 1.05);}
.m-solutions .wrap-item .item:hover .texts{color:#4298f8;}
.m-solutions .wrap-item .item:hover p{color:rgba(0,0,0,0.8);}

.m-contact{}
.m-contact .form{width:100%;margin:0 auto;}
.m-contact .links{margin-top:20px;text-align:center;}
.m-contact .links .button{padding-left:50px;padding-right:50px;font-size:14px;line-height:40px;}

.m-customized{}
.m-customized .links{margin-top:20px;text-align:center;}
.m-customized .links .button{padding-left:50px;padding-right:50px;font-size:14px;line-height:40px;}
.m-customized .wrap-item{margin:0px 0px 0px;display:-webkit-flex;display:flex;flex-wrap:wrap;}
.m-customized .wrap-item .item{width:calc(100% - 0px);position:relative;margin-bottom:10px;text-align:center;background-color:#fff;padding:30px 20px 30px;box-shadow:0px 0px 10px #e8e8e8;-webkit-transition:all .4s cubic-bezier(.25,.1,.25,1);transition:all .4s cubic-bezier(.25,.1,.25,1);}
.m-customized .wrap-item .item:hover{/*transform:scale(1.01, 1.01);*/box-shadow:0px 0px 10px #cfcfcf;-webkit-transition:all .8s cubic-bezier(.25,.1,.25,1);transition:all .8s cubic-bezier(.25,.1,.25,1);}
.m-customized .wrap-item .item a{position:absolute;z-index:10;width:100%;height:100%;left:0px;top:0px;}
.m-customized .wrap-item .item .name{position:relative;color:#333;font-size:20px;line-height:30px;text-align:center;margin-bottom:15px;padding-bottom:15px;font-weight:bold;-webkit-transition:all .4s cubic-bezier(.25,.1,.25,1);transition:all .4s cubic-bezier(.25,.1,.25,1);}
.m-customized .wrap-item .item .name::after{content:"";position:absolute;left:calc(50% - 15px);bottom:2px;width:30px;height:2px;background-color:#ccc;-webkit-transition:all .4s cubic-bezier(.25,.1,.25,1);transition:all .4s cubic-bezier(.25,.1,.25,1);}
.m-customized .wrap-item .item .name em{display:block;color:#999;font-size:12px;line-height:14px;text-align:center;margin-bottom:5px;font-family:"Montserrat-ExtraLight";-webkit-transition:all .4s cubic-bezier(.25,.1,.25,1);transition:all .4s cubic-bezier(.25,.1,.25,1);}
.m-customized .wrap-item .item .name i{display:block;color:#999;font-size:12px;line-height:14px;text-align:center;margin-bottom:0px;font-family:"Montserrat-ExtraLight";-webkit-transition:all .4s cubic-bezier(.25,.1,.25,1);transition:all .4s cubic-bezier(.25,.1,.25,1);}
.m-customized .wrap-item .item .name i font{color:#666;font-size:14px;margin-left:2px;font-weight:normal;}
.m-customized .wrap-item .item:hover .name{color:#333;}
.m-customized .wrap-item .item:hover .name::after{background-color:#2077d7;}
.m-customized .wrap-item .item:hover .name em{color:#666;}
.m-customized .wrap-item .item .text{color:#666;font-size:14px;line-height:24px;margin-bottom:0px;text-align:left;-webkit-transition:all .4s cubic-bezier(.25,.1,.25,1);transition:all .4s cubic-bezier(.25,.1,.25,1);}
.m-customized .wrap-item .item .text h4{color:#000;font-size:14px;line-height:22px;font-weight:bold;margin-bottom:3px;}
.m-customized .wrap-item .item .text em{display:inline-block;font-size:13px;line-height:22px;color:#666;margin-right:10px;padding-right:11px;position:relative;}
.m-customized .wrap-item .item .text em:after{content:"";position:absolute;right:0px;top:6px;width:1px;height:11px;background-color:rgba(0,0,0,0.2);}
.m-customized .wrap-item .item .text em:last-child:after{content:"";position:absolute;right:0px;top:0px;width:0px;height:0px;}
.m-customized .wrap-item .item .text span{display:inline-block;width:50%;font-size:14px;line-height:28px;color:#666;padding-left:12px;position:relative;}
.m-customized .wrap-item .item .text span:after{content:"";position:absolute;left:0px;top:8px;width:2px;height:12px;background-color:rgba(0,0,0,0.2);}
.m-customized .wrap-item .item .pic{width:100%;padding-top:80%;background-position:center;background-repeat:no-repeat;background-size:auto 100%;}
.m-customized .tips{margin-top:0px;}

.m-process{}
.m-process .links{margin-top:20px;text-align:center;}
.m-process .links .button{padding-left:50px;padding-right:50px;font-size:14px;line-height:40px;}
.m-process .wrap-item{margin:0px -0px 0px;display:-webkit-flex;display:flex;flex-wrap:wrap;}
.m-process .wrap-item .item{width:calc(100% - 0px);margin:0px 0px 0px;position:relative;padding:0px 0px 20px;-webkit-transition:all .4s cubic-bezier(.25,.1,.25,1);transition:all .4s cubic-bezier(.25,.1,.25,1);}
.m-process .wrap-item .item .icon{margin:0px auto 10px;width:100px;height:100px;background-color:#fff;border-radius:100%;padding:20px;box-shadow:0px 0px 10px #e8e8e8;display:-webkit-flex;display:flex;justify-content:center;align-items:center;flex-direction:column;}
.m-process .wrap-item .item .icons{opacity:0;filter:alphaopacity=0;position:absolute;z-index:1;left:calc(50% - 50px);top:0px;width:100px;height:100px;background-color:#fff;border-radius:100%;padding:20px;box-shadow:0px 0px 10px #e8e8e8;display:-webkit-flex;display:flex;justify-content:center;align-items:center;flex-direction:column;-webkit-transition:all .4s cubic-bezier(.25,.1,.25,1);transition:all .4s cubic-bezier(.25,.1,.25,1);}
.m-process .wrap-item .item:hover .icons{opacity:1;filter:alphaopacity=100;box-shadow:0px 0px 0px #e9f2fa;}
.m-process .wrap-item .item:hover .icons::before{opacity:0;filter:alphaopacity=0;position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;content:"";width:100%;height:100%;border:2px solid #e0eefb;border-radius:100%;-webkit-animation-name:ripple;animation-name:ripple;-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-delay:0s;animation-delay:0s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:cubic-bezier(0.65, 0, 0.34, 1);animation-timing-function:cubic-bezier(0.65, 0, 0.34, 1);}
.m-process .wrap-item .item:hover .icons::after{opacity:0;filter:alphaopacity=0;position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;content:"";width:100%;height:100%;border:2px solid #e0eefb;border-radius:100%;-webkit-animation-name:ripple;animation-name:ripple;-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-delay:.7s;animation-delay:.7s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:cubic-bezier(0.65, 0, 0.34, 1);animation-timing-function:cubic-bezier(0.65, 0, 0.34, 1);}
.m-process .wrap-item .item .con-rights{width:calc(100% - 0px);}
.m-process .wrap-item .item .name{position:relative;text-align:center;color:#333;font-size:20px;line-height:30px;margin-bottom:15px;padding-bottom:18px;font-weight:bold;-webkit-transition:all .4s cubic-bezier(.25,.1,.25,1);transition:all .4s cubic-bezier(.25,.1,.25,1);}
.m-process .wrap-item .item .name::after{content:"";position:absolute;left:calc(50% - 15px);bottom:2px;width:30px;height:2px;background-color:#ccc;-webkit-transition:all .4s cubic-bezier(.25,.1,.25,1);transition:all .4s cubic-bezier(.25,.1,.25,1);}
.m-process .wrap-item .item .name em{display:block;color:#666;font-size:12px;line-height:14px;margin-top:3px;font-family:"Montserrat-ExtraLight";-webkit-transition:all .4s cubic-bezier(.25,.1,.25,1);transition:all .4s cubic-bezier(.25,.1,.25,1);}
.m-process .wrap-item .item .name i{display:block;color:#666;font-size:12px;line-height:14px;margin-bottom:0px;font-family:"Montserrat-ExtraLight";-webkit-transition:all .4s cubic-bezier(.25,.1,.25,1);transition:all .4s cubic-bezier(.25,.1,.25,1);}
.m-process .wrap-item .item .name i font{color:#666;font-size:14px;margin-left:2px;font-weight:normal;}
.m-process .wrap-item .item:hover .name{color:#333;}
.m-process .wrap-item .item:hover .name::after{background-color:#2077d7;}
.m-process .wrap-item .item:hover .name em{color:#666;}
.m-process .wrap-item .item .text{text-align:center;color:#666;font-size:14px;line-height:22px;overflow:hidden;margin-top:0px;text-align:left;-webkit-transition:all .4s cubic-bezier(.25,.1,.25,1);transition:all .4s cubic-bezier(.25,.1,.25,1);}
.m-process .wrap-item .item .num{color:#4298f8;text-align:center;line-height:32px;font-size:30px;letter-spacing:-1px;font-family:"Montserrat-ExtraLight";}
.m-process .wrap-item .item .en{color:#999;text-align:center;font-size:14px;line-height:16px;margin-bottom:5px;font-family:"Montserrat-Regular";-webkit-transition:all .4s cubic-bezier(.25,.1,.25,1);transition:all .4s cubic-bezier(.25,.1,.25,1);}
.m-process .wrap-item .item:hover .icons{background-image:radial-gradient(#fff, #e9f2fa);box-shadow:0px 0px 0px #e9f2fa;}
.m-process .wrap-item .item:hover .icons::before{border:2px solid #e0eefb;}
.m-process .wrap-item .item:hover .icons::after{border:2px solid #e0eefb;}

table{width:100%;border-collapse:separate;border-spacing:1px;background-color:rgba(0,0,0,0.1);}
table th{padding:6px 8px;line-height:18px;font-size:12px;color:#222;text-align:center;font-weight:bold;}
table tr:nth-child(odd){background-color:#fcfcfc;}
table tr:nth-child(even){background-color:#fff;}
table td{padding:6px 8px;line-height:18px;font-size:12px;color:#555;text-align:center;}
table td.text-left{text-align:left;}
table td .el-icon-check{font-size:16px;color:#7cbf50;}
table td .el-icon-close{font-size:16px;color:#d85855;}

.m-users{margin:0px 0px -30px;display:-webkit-flex;display:flex;flex-wrap:wrap;}
.m-users .item{width:calc(100% - 0px);margin:0px 0px 30px;position:relative;text-align:left;}
.m-users .item a{position:absolute;z-index:10;width:100%;height:100%;left:0px;top:0px;}
.m-users .item .icon{float:left;width:44px;height:44px;background-color:#4298f8;color:#fff;font-size:24px;line-height:44px;text-align:center;-webkit-transition:all .4s cubic-bezier(.25,.1,.25,1);transition:all .4s cubic-bezier(.25,.1,.25,1);}
.m-users .item .title{float:left;width:calc(100% - 44px);color:#222;font-size:16px;line-height:20px;font-weight:bold;padding-left:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .4s cubic-bezier(.25,.1,.25,1);transition:all .4s cubic-bezier(.25,.1,.25,1);}
.m-users .item .date{float:left;width:calc(100% - 44px);color:#666;font-size:13px;line-height:20px;padding-left:20px;margin-top:4px;}
.m-users .item .date em{color:#999;font-size:13px;margin-right:5px;}
.m-users .item .text{clear:both;width:100%;color:#333;font-size:14px;line-height:22px;height:56px;padding-top:12px;overflow:hidden;-webkit-transition:all .4s cubic-bezier(.25,.1,.25,1);transition:all .4s cubic-bezier(.25,.1,.25,1);}
.m-users .item:hover .icon{background-color:#7fc93d;}
.m-users .item:hover .title{color:#000;}
.m-users .item:hover .text{color:#111;}
.m-users.list{margin:10px 0px -20px 0px;}

}

@media (max-width:768px){


}

@media (max-width:480px){


}

@media (max-width:320px){


}

@media (min-width:992px){

.m-title{position:relative;margin-bottom:30px;}
.m-title{color:#000;font-size:20px;line-height:40px;text-align:center;padding-bottom:18px;font-weight:bold;}
.m-title::after{content:"";position:absolute;left:calc(50% - 20px);bottom:2px;width:40px;height:2px;background-color:rgba(0,0,0,0.2);}
.m-title em{display:block;color:#666;font-size:14px;line-height:22px;text-align:center;margin-top:3px;font-family:"Montserrat-Regular";font-weight:normal;}
.m-wraper.software .m-title{color:#fff;}
.m-wraper.software .m-title::after{background-color:#fff;}
.m-wraper.software .m-title em{color:rgba(255,255,255,0.6);}

.m-wraper{position:relative;background-color:#fff;}
.m-wraper .container{position:relative;z-index:10;padding:30px 0px 30px;}
.m-wraper.blue{background-color:#f4f5fc;}
.m-wraper.red{background-color:#fcf4f4;}
.m-wraper.gray{background-color:#f8f8f8;}
.m-wraper.m-num{background-image:url(../images/bg-num.jpg);background-position:center;background-repeat:no-repeat;background-size:cover;}
.m-wraper.m-num:before{content:"";position:absolute;z-index:1;left:0px;top:0px;right:0px;width:100%;height:100%;background-color:rgba(0,0,0,0.03);}
.m-wraper.m-num .container{position:relative;z-index:10;padding:0px;}
.m-wraper.software{background-image:url(../images/bjtp.jpg);background-position:center;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;}
.m-wraper.software:before{content:"";position:absolute;z-index:1;left:0px;top:0px;right:0px;width:100%;height:100%;background-color:rgba(0,0,0,0.5);}
.m-wraper.mall{background-image:url(../images/bg-mall.jpg);background-position:center;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;}
.m-wraper.mall:before{content:"";position:absolute;z-index:1;left:0px;top:0px;right:0px;width:100%;height:100%;background-color:rgba(255,255,255,0.5);}
.m-wraper .tips{border:1px dotted #e2e2e4;background-color:#f8f8f9;border-radius:3px;padding:30px 50px;margin-top:20px;color:#666;font-size:14px;line-height:22px;text-align:center;}
.m-wraper.gray .tips{border:1px dotted #dbdbdb;background-color:#fff;}

.m-news .container{position:relative;z-index:10;padding:40px 0px 40px;}
.m-news .title{position:relative;float:left;width:120px;color:#000;font-size:18px;line-height:20px;font-weight:bold;padding-bottom:10px;}
.m-news .title::after{content:"";position:absolute;left:0px;bottom:0px;width:40px;height:2px;background-color:#2077d7;}
.m-news .content{float:left;width:calc(100% - 120px);overflow:hidden;}
.m-news .content a{display:inline-block;padding-left:16px;position:relative;margin-right:60px;}
.m-news .content a::before{content:"";position:absolute;left:2px;top:8px;width:5px;height:5px;border:rgba(0,0,0,0.4) solid 1px;-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}

.m-product{text-align:center;}
.m-product .wrap-item{margin:0px -10px 0px;}
.m-product .wrap-item .item{float:left;position:relative;width:calc(33.333333% - 20px);margin-left:10px;margin-right:10px;margin-bottom:20px;text-align:center;overflow:hidden;}
.m-product .wrap-item .item .pic{position:relative;}
.m-product .wrap-item .item .pic img{width:100%;height:auto;}
.m-product .wrap-item .item .pic .con-pic{padding-top:55.20%;background-position:center;background-repeat:no-repeat;background-size:100% auto;transition:all 800ms cubic-bezier(.25,.1,.25,1);}
.m-product .wrap-item .item:hover .pic .con-pic{background-size:110% auto;}
.m-product .wrap-item .item .pic .mask{position:absolute;z-index:2;left:0px;top:0px;width:100%;height:100%;background-color:rgba(0,0,0,0.6);display:-webkit-flex;display:flex;justify-content:center;align-items:center;text-align:center;padding:20px 40px 40px;transition:all 800ms cubic-bezier(.25,.1,.25,1);}
.m-product .wrap-item .item .pic .mask .content img{width:50px;}
.m-product .wrap-item .item .pic .mask .content h1{color:rgba(255,255,255,1);font-size:24px;font-weight:bold;}
.m-product .wrap-item .item .pic .mask .content h2{color:rgba(255,255,255,1);font-size:18px;font-weight:bold;margin-top:20px;}
.m-product .wrap-item .item .pic .mask .content p{color:rgba(255,255,255,0.8);font-size:14px;line-height:22px;margin-top:10px;}
.m-product .wrap-item .item .pic .mask .content span{display:inline-block;font-size:14px;line-height:22px;color:rgba(255,255,255,0.8);margin-right:10px;padding-right:11px;position:relative;}
.m-product .wrap-item .item .pic .mask .content span:after{content:"";position:absolute;right:0px;top:6px;width:1px;height:11px;background-color:rgba(255,255,255,0.2);}
.m-product .wrap-item .item .pic .mask .content span:last-child:after{content:"";position:absolute;right:0px;top:0px;width:0px;height:0px;}
.m-product .wrap-item .item:hover .pic .mask{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";}
.m-product .wrap-item .item .pic .intro{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";position:absolute;z-index:3;left:0px;top:50%;width:100%;height:100%;background-image:linear-gradient(-45deg, rgba(66,152,148,0.95), rgba(127,201,61,0.95));display:-webkit-flex;display:flex;justify-content:center;align-items:center;text-align:center;padding:20px 40px 40px;transition:all 800ms cubic-bezier(.25,.1,.25,1);}
.m-product .wrap-item .item .pic .intro{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";position:absolute;z-index:3;left:0px;top:50%;width:100%;height:100%;background-image:linear-gradient(-45deg, #4298f8, #77c124);display:-webkit-flex;display:flex;justify-content:center;align-items:center;text-align:center;padding:20px 40px 40px;transition:all 800ms cubic-bezier(.25,.1,.25,1);}
.m-product .wrap-item .item:hover .pic .intro{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";top:0px;}
.m-product .wrap-item .item .pic .intro .content img{width:50px;}
.m-product .wrap-item .item .pic .intro .content h1{color:rgba(255,255,255,1);font-size:18px;font-weight:bold;margin-top:10px;}
.m-product .wrap-item .item .pic .intro .content h2{color:rgba(255,255,255,0.8);font-size:13px;line-height:16px;margin-top:6px;}
.m-product .wrap-item .item .pic .intro .content p{color:rgba(255,255,255,1);font-size:13px;line-height:22px;margin-top:10px;text-align:left;}
.m-product .wrap-item .item .pic .intro .content .qrcode{width:60%;margin:10px auto 0px;}
.m-product .wrap-item .item .pic .intro .content .qrcode img{width:100%;}
.m-product .wrap-item .item .link{margin-top:15px;}
.m-product .wrap-item .item .link .button{padding-left:30px;padding-right:30px;font-size:13px;line-height:34px;}
.m-product .link{margin-top:20px;}
.m-product .link .button{padding-left:50px;padding-right:50px;font-size:14px;line-height:40px;}
.m-product.solution .wrap-item .item{width:calc(50% - 20px);}
.m-product.solution .wrap-item .item .pic .con-pic{padding-top:66%;background-size:auto 101%;}
.m-product.solution .wrap-item .item:hover .pic .con-pic{background-size:auto 105%;}
.m-product.solution .wrap-item .item .pic .mask{z-index:4;display:-webkit-flex;display:flex;justify-content:flex-start;align-items:flex-start;text-align:left;padding:50px 60px 40px;background-color:rgba(0,0,0,0.6);}
.m-product.solution .wrap-item .item:hover .pic .mask{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";background-color:rgba(0,0,0,0);}
.m-product.solution .wrap-item .item .pic .intro{display:-webkit-flex;display:flex;justify-content:flex-start;align-items:flex-start;text-align:left;}
.m-product.solution .wrap-item .item .pic .intro.c01{background-image:linear-gradient(-45deg, #4298f8, #77c124);}
.m-product.solution .wrap-item .item .pic .intro.c02{background-image:linear-gradient(-45deg, #eb3f0d, #f6ae00);}
.m-product.solution .wrap-item .item .pic .intro.c03{background-image:linear-gradient(-45deg, #9945fb, #3cb7f3);}
.m-product.solution .wrap-item .item .pic .intro.c04{background-image:linear-gradient(-45deg, #96c604, #f6ae00);}
.m-product.solution .wrap-item .item .pic .intro.c05{background-image:linear-gradient(-45deg, #af27f5, #796af9);}
.m-product.solution .wrap-item .item .pic .intro.c06{background-image:linear-gradient(-45deg, #9a47fb, #25b0de);}
.m-product.solution .wrap-item .item .pic .intro.c07{background-image:linear-gradient(-45deg, #e43294, #f97f98);}
.m-product.solution .wrap-item .item .pic .intro.c08{background-image:linear-gradient(-45deg, #2d9b42, #d4df23);}
.m-product.solution .wrap-item .item .pic .intro.c09{background-image:linear-gradient(-45deg, #e40c77, #f6ae00);}
.m-product.solution .wrap-item .item .pic .intro.c10{background-image:linear-gradient(-45deg, #0089d1, #01debb);}
.m-product.solution .links{margin-top:20px;text-align:center;}
.m-product.solution .links .button{padding-left:50px;padding-right:50px;font-size:14px;line-height:40px;}
.m-product.case .wrap-item .item{width:calc(20% - 20px);}
.m-product.case .wrap-item .item .pic .con-pic{padding-top:216%;}
.m-product.case .wrap-item .item:hover .pic .con-pic{background-size:104% auto;}
.m-product.cases .wrap-item .item{width:calc(50% - 20px);}
.m-product.cases .wrap-item .item:hover .pic .con-pic{background-size:104% auto;}
.m-product.cases .wrap-item{margin-bottom:10px;}
.m-product.cases2 .wrap-item .item{width:calc(33.333333% - 20px);}
.m-product.cases2 .wrap-item .item .pic .con-pic{padding-top:216%;}
.m-product.cases2 .wrap-item .item:hover .pic .con-pic{background-size:104% auto;}
.m-product.cases2 .wrap-item{margin-bottom:10px;}
.m-product.honor .wrap-item .item{width:calc(50% - 20px);}
.m-product.honor .wrap-item .item .pic .con-pic{padding-top:135%;}
.m-product.honor .wrap-item .item:hover .pic .con-pic{background-size:104% auto;}
.m-product.honor .wrap-item .item .pic .intro{display:-webkit-flex;display:flex;justify-content:flex-start;align-items:flex-start;padding:40px 60px 40px;}
.m-product.honor .wrap-item .item .pic .intro .content a{color:rgba(255,255,255,1);text-decoration:underline;}
.m-product.honor .wrap-item .item .pic .intro .content a:hover{text-decoration:none;}

.m-product.mall .wrap-item .item{width:calc(50% - 20px);}
.m-product.mall .wrap-item .item .pic .con-pic{padding-top:66%;background-size:101% auto;}
.m-product.mall .wrap-item .item:hover .pic .con-pic{background-size:105% auto;}
.m-product.mall .wrap-item .item .pic .mask{z-index:4;display:-webkit-flex;display:flex;justify-content:flex-start;align-items:flex-start;text-align:left;padding:50px 60px 40px;background-color:rgba(0,0,0,0.6);}
.m-product.mall .wrap-item .item:hover .pic .mask{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";background-color:rgba(0,0,0,0);}
.m-product.mall .wrap-item .item .pic .intro{display:-webkit-flex;display:flex;justify-content:flex-start;align-items:flex-start;text-align:left;}
.m-product.mall .wrap-item .item .pic .intro.c01{background-image:linear-gradient(-45deg, #4298f8, #77c124);}
.m-product.mall .wrap-item .item .pic .intro.c02{background-image:linear-gradient(-45deg, #eb3f0d, #f6ae00);}
.m-product.mall .wrap-item .item .pic .intro.c03{background-image:linear-gradient(-45deg, #9945fb, #3cb7f3);}
.m-product.mall .wrap-item .item .pic .intro.c04{background-image:linear-gradient(-45deg, #96c604, #f6ae00);}
.m-product.mall .wrap-item .item .pic .intro.c05{background-image:linear-gradient(-45deg, #af27f5, #796af9);}
.m-product.mall .wrap-item .item .pic .intro.c06{background-image:linear-gradient(-45deg, #9a47fb, #25b0de);}
.m-product.mall .wrap-item .item .pic .intro.c07{background-image:linear-gradient(-45deg, #e43294, #f97f98);}
.m-product.mall .wrap-item .item .pic .intro.c08{background-image:linear-gradient(-45deg, #2d9b42, #d4df23);}
.m-product.mall .wrap-item .item .pic .intro.c09{background-image:linear-gradient(-45deg, #e40c77, #f6ae00);}
.m-product.mall .wrap-item .item .pic .intro.c10{background-image:linear-gradient(-45deg, #0089d1, #01debb);}

.m-product .owl-controls{margin-top:-10px;margin-bottom:20px;text-align:center;}
.m-product .owl-controls .owl-page{cursor:pointer;display:inline-block;width:14px;height:2px;margin:0px 3px;background-color:rgba(0,0,0,0.2);transition:all 400ms cubic-bezier(.25,.1,.25,1);}
.m-product .owl-controls .owl-page.active{width:24px;background-color:#7fc93d;}
.m-product .owl-controls .owl-buttons div{position:absolute;top:calc(50% - 25px);width:50px;height:50px;z-index:100;cursor:pointer;margin:0px!important;-moz-background-size:auto 16px;-webkit-background-size:auto 16px;background-size:auto 16px;background-position:center;background-repeat:no-repeat;background-color:rgba(0,0,0,0.2);border-radius:50%;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;}
.m-product .owl-controls .owl-buttons div:hover{background-color:rgba(0,0,0,0.4);}
.m-product .owl-controls .owl-buttons div.owl-prev{left:-70px;background-image:url(../images/icon-page-lefts.png);}
.m-product .owl-controls .owl-buttons div.owl-next{right:-70px;background-image:url(../images/icon-page-rights.png);}

.m-business .wrap-item{margin:-20px -10px 0px;display:-webkit-flex;display:flex;flex-wrap:wrap;}
.m-business .wrap-item .item{float:left;width:calc(25% - 20px);position:relative;height:240px;margin-left:10px;margin-right:10px;text-align:center;background-color:#fff;padding:70px 30px 40px;margin-top:50px;box-shadow:0px 0px 10px #e8e8e8;-webkit-transition:all .4s cubic-bezier(.25,.1,.25,1);transition:all .4s cubic-bezier(.25,.1,.25,1);}
.m-business.packages .wrap-item .item{float:left;position:relative;width:calc(25% - 20px);height:480px;}
.m-business.packagess .wrap-item .item{float:left;position:relative;width:calc(33.333333% - 20px);height:410px;}
.m-business.malls .wrap-item .item{float:left;position:relative;width:calc(50% - 20px);height:640px;}
.m-business.webs .wrap-item .item{float:left;position:relative;width:calc(33.333333% - 20px);height:540px;}
.m-business.item05 .wrap-item{margin:-20px -10px 0px;padding:0px 0px;}
.m-business.item05 .wrap-item .item{/*float:left;width:calc(20% - 20px);*/float:none;position:relative;width:calc(100% - 20px);height:400px;margin-bottom:20px;background-position:center bottom;background-repeat:no-repeat;background-size:100% auto;}
.m-business.item05 .wrap-item .item:hover{box-shadow:0px 0px 10px #bbbbbb;}
.m-business.item06 .wrap-item{margin:-20px -20px 0px;padding:0px 0px;}
.m-business.item06 .wrap-item .item{float:left;width:calc(16.666666% - 20px);position:relative;height:200px;margin-bottom:0px;background-position:center bottom;background-repeat:no-repeat;background-size:100% auto;}
.m-business.item06 .wrap-item .item:hover{box-shadow:0px 0px 10px #bbbbbb;}
.m-business .wrap-item .item:hover{box-shadow:0px 0px 20px #cfcfcf;-webkit-transition:all .8s cubic-bezier(.25,.1,.25,1);transition:all .8s cubic-bezier(.25,.1,.25,1);}
.m-business .wrap-item .item a{position:absolute;z-index:10;width:100%;height:100%;left:0px;top:0px;}
.m-business .wrap-item .item .icon{position:absolute;z-index:1;left:calc(50% - 45px);top:-45px;width:90px;height:90px;background-color:#fff;border-radius:100%;padding:20px;box-shadow:0px 0px 10px #e8e8e8;}
.m-business .wrap-item .item .icons{opacity:0;filter:alphaopacity=0;position:absolute;z-index:1;left:calc(50% - 45px);top:-45px;width:90px;height:90px;background-color:#fff;border-radius:100%;padding:20px;box-shadow:0px 0px 10px #e8e8e8;-webkit-transition:all .4s cubic-bezier(.25,.1,.25,1);transition:all .4s cubic-bezier(.25,.1,.25,1);}
.m-business .wrap-item .item:hover .icons{opacity:1;filter:alphaopacity=100;box-shadow:0px 0px 0px #e9f2fa;}
.m-business .wrap-item .item:hover .icons::before{opacity:0;filter:alphaopacity=0;position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;content:"";width:100%;height:100%;border:2px solid #e0eefb;border-radius:100%;-webkit-animation-name:ripple;animation-name:ripple;-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-delay:0s;animation-delay:0s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:cubic-bezier(0.65, 0, 0.34, 1);animation-timing-function:cubic-bezier(0.65, 0, 0.34, 1);}
.m-business .wrap-item .item:hover .icons::after{opacity:0;filter:alphaopacity=0;position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;content:"";width:100%;height:100%;border:2px solid #e0eefb;border-radius:100%;-webkit-animation-name:ripple;animation-name:ripple;-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-delay:.7s;animation-delay:.7s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:cubic-bezier(0.65, 0, 0.34, 1);animation-timing-function:cubic-bezier(0.65, 0, 0.34, 1);}
.m-business .wrap-item .item .icon img{width:100%;}
.m-business .wrap-item .item .icons img{width:100%;}
.m-business .wrap-item .item .name{position:relative;color:#333;font-size:18px;line-height:30px;text-align:center;margin-bottom:20px;padding-bottom:12px;font-weight:bold;-webkit-transition:all .4s cubic-bezier(.25,.1,.25,1);transition:all .4s cubic-bezier(.25,.1,.25,1);}
.m-business .wrap-item .item .name::after{content:"";position:absolute;left:calc(50% - 15px);bottom:2px;width:30px;height:2px;background-color:#ccc;-webkit-transition:all .4s cubic-bezier(.25,.1,.25,1);transition:all .4s cubic-bezier(.25,.1,.25,1);}
.m-business .wrap-item .item .name em{display:block;color:#666;font-size:12px;line-height:14px;text-align:center;margin-bottom:5px;font-family:"Montserrat-ExtraLight";-webkit-transition:all .4s cubic-bezier(.25,.1,.25,1);transition:all .4s cubic-bezier(.25,.1,.25,1);}
.m-business .wrap-item .item .name i{display:block;color:#666;font-size:12px;line-height:14px;text-align:center;margin-bottom:0px;font-family:"Montserrat-ExtraLight";-webkit-transition:all .4s cubic-bezier(.25,.1,.25,1);transition:all .4s cubic-bezier(.25,.1,.25,1);}
.m-business .wrap-item .item .name i font{color:#666;font-size:14px;margin-left:2px;font-weight:normal;}
.m-business .wrap-item .item .names{position:relative;color:#333;font-size:20px;line-height:30px;text-align:center;margin-bottom:20px;padding-bottom:12px;font-weight:bold;-webkit-transition:all .4s cubic-bezier(.25,.1,.25,1);transition:all .4s cubic-bezier(.25,.1,.25,1);}
.m-business .wrap-item .item .names::after{content:"";position:absolute;left:calc(50% - 15px);bottom:2px;width:30px;height:2px;background-color:#ccc;-webkit-transition:all .4s cubic-bezier(.25,.1,.25,1);transition:all .4s cubic-bezier(.25,.1,.25,1);}
.m-business .wrap-item .item .names em{display:block;color:#666;font-size:12px;line-height:14px;text-align:center;margin-bottom:5px;font-family:"Montserrat-ExtraLight";-webkit-transition:all .4s cubic-bezier(.25,.1,.25,1);transition:all .4s cubic-bezier(.25,.1,.25,1);}
.m-business .wrap-item .item .names i{display:block;color:#77c124;font-size:22px;line-height:24px;text-align:center;margin-bottom:0px;font-family:"Montserrat-ExtraLight";-webkit-transition:all .4s cubic-bezier(.25,.1,.25,1);transition:all .4s cubic-bezier(.25,.1,.25,1);}
.m-business .wrap-item .item .names i font{color:#666;font-size:14px;margin-left:2px;font-weight:normal;}
.m-business .wrap-item .item:hover .name{color:#333;}
.m-business .wrap-item .item:hover .name::after{background-color:#2077d7;}
.m-business .wrap-item .item:hover .name em{color:#666;}
.m-business .wrap-item .item .text{color:#666;font-size:14px;line-height:22px;height:72px;overflow:hidden;margin-top:0px;text-align:left;-webkit-transition:all .4s cubic-bezier(.25,.1,.25,1);transition:all .4s cubic-bezier(.25,.1,.25,1);}
.m-business .wrap-item .item .text h4{color:#000;font-size:14px;line-height:22px;font-weight:bold;margin-bottom:3px;}
.m-business .wrap-item .item .text em{display:inline-block;font-size:13px;line-height:22px;color:#666;margin-right:10px;padding-right:11px;position:relative;}
.m-business .wrap-item .item .text em:after{content:"";position:absolute;right:0px;top:6px;width:1px;height:11px;background-color:rgba(0,0,0,0.2);}
.m-business .wrap-item .item .text em:last-child:after{content:"";position:absolute;right:0px;top:0px;width:0px;height:0px;}
.m-business .wrap-item .item .text span{display:inline-block;width:50%;font-size:14px;line-height:28px;color:#666;padding-left:12px;position:relative;}
.m-business .wrap-item .item .text span:after{content:"";position:absolute;left:0px;top:8px;width:2px;height:12px;background-color:rgba(0,0,0,0.2);}
.m-business .wrap-item .item .pic{position:absolute;left:0px;bottom:0px;z-index:1;width:100%;padding-top:66.666666%;background-position:center;background-repeat:no-repeat;background-size:70% auto;}
.m-business .wrap-item .item .link{margin-top:20px;position:relative;z-index:1;}
.m-business .wrap-item .item .link{position:absolute;left:40px;bottom:40px;display:block;width:calc(100% - 80px);color:#2077d7;font-size:13px;line-height:36px;text-transform:uppercase;padding:0px 40px 1px;border:1px solid #4298f8;border-radius:2px;-webkit-transition:color 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86),border 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);transition:color 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86),border 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);}
.m-business .wrap-item .item:hover .link{color:#fff;border:1px solid #4298f8;}
.m-business .wrap-item .item .link::before{content:"";position:absolute;z-index:-1;display:block;left:0;top:0;right:0;bottom:0;width:100%;height:100%;background-color:#4298f8;-webkit-transform:scale(0, 1);transform:scale(0, 1);-webkit-transform-origin:right center;transform-origin:right center;-webkit-transition:-webkit-transform 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);transition:-webkit-transform 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);transition:transform 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);transition:transform 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86),-webkit-transform 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);}
.m-business .wrap-item .item:hover .link::before{-webkit-transform-origin:left center;transform-origin:left center;-webkit-transform:scale(1, 1);transform:scale(1, 1);}
.m-business .links{margin-top:30px;text-align:center;}
.m-business .links .button{padding-left:50px;padding-right:50px;font-size:14px;line-height:40px;}
.m-business .wrap-item.green .item .icon{color:#77c124;text-align:center;line-height:40px;font-size:30px;letter-spacing:-1px;padding:25px;}
.m-business .wrap-item.green .item .icons{color:#77c124;text-align:center;line-height:40px;font-size:30px;letter-spacing:-1px;padding:25px;}
.m-business .wrap-item.green .item:hover .icons{background-image:radial-gradient(#fff, #eff9e4);box-shadow:0px 0px 0px #eff9e4;}
.m-business .wrap-item.green .item:hover .icons::before{border:2px solid #e5f9ce;}
.m-business .wrap-item.green .item:hover .icons::after{border:2px solid #e5f9ce;}
.m-business .wrap-item.green .item:hover .name::after{background-color:#77c124;}
.m-business .wrap-item.greens .item .icon{color:#77c124;text-align:center;line-height:40px;font-size:30px;letter-spacing:-1px;padding:25px;}
.m-business .wrap-item.greens .item .icons{color:#77c124;text-align:center;line-height:40px;font-size:30px;letter-spacing:-1px;padding:25px;}
.m-business .wrap-item.greens .item:hover .icons{background-image:radial-gradient(#fff, #fff);box-shadow:0px 0px 0px #eff9e4;}
.m-business .wrap-item.greens .item:hover .icons::before{border:2px solid #e5f9ce;}
.m-business .wrap-item.greens .item:hover .icons::after{border:2px solid #e5f9ce;}
.m-business .wrap-item.greens .item:hover .name::after{background-color:#77c124;}
.m-business .wrap-item.red .item .icon{color:#ea352c;text-align:center;line-height:40px;font-size:30px;letter-spacing:-1px;}
.m-business .wrap-item.red .item .icons{color:#ea352c;text-align:center;line-height:40px;font-size:30px;letter-spacing:-1px;}
.m-business .wrap-item.red .item:hover .icons{background-image:radial-gradient(#fff, #fadedd);box-shadow:0px 0px 0px #fadedd;}
.m-business .wrap-item.red .item:hover .icons::before{border:2px solid #fadcdb;}
.m-business .wrap-item.red .item:hover .icons::after{border:2px solid #fadcdb;}
.m-business .wrap-item.red .item:hover .name::after{background-color:#ea352c;}
.m-business .wrap-item.purple .item .icon{color:#ec4e80;text-align:center;line-height:40px;font-size:30px;letter-spacing:-1px;}
.m-business .wrap-item.purple .item .icons{color:#ec4e80;text-align:center;line-height:40px;font-size:30px;letter-spacing:-1px;}
.m-business .wrap-item.purple .item:hover .icons{background-image:radial-gradient(#fff, #fff);box-shadow:0px 0px 0px #fceaef;}
.m-business .wrap-item.purple .item:hover .icons::before{border:2px solid #fadee8;}
.m-business .wrap-item.purple .item:hover .icons::after{border:2px solid #fadee8;}
.m-business .wrap-item.purple .item:hover .name::after{background-color:#ec4e80;}
.m-business .wrap-item.process{margin-top:-50px;}
.m-business .wrap-item.process .item{background-color:transparent;box-shadow:none;}
.m-business .wrap-item.process .item:hover{background-color:transparent;box-shadow:none;}
.m-business .wrap-item.process .item .icon{left:calc(0% - 0px);top:0px;width:100%;height:100%;border:rgba(0,0,0,0.08) solid 1px;background-color:transparent;display:-webkit-flex;display:flex;justify-content:center;align-items:center;flex-direction:column;box-shadow:none;}
.m-business .wrap-item.process .item .icons{left:calc(0% - 0px);top:0px;width:100%;height:100%;display:-webkit-flex;display:flex;justify-content:center;align-items:center;flex-direction:column;}
.m-business .wrap-item.process .item .num{color:#ea352c;text-align:center;line-height:40px;font-size:30px;letter-spacing:-1px;}
.m-business .wrap-item.process .item .texts{color:#333;font-size:18px;line-height:30px;text-align:center;font-weight:bold;margin-bottom:10px;-webkit-transition:all .4s cubic-bezier(.25,.1,.25,1);transition:all .4s cubic-bezier(.25,.1,.25,1);}
.m-business .wrap-item.process .item .en{color:#999;font-size:13px;line-height:14px;text-align:center;margin-bottom:5px;font-family:"Montserrat-Regular";-webkit-transition:all .4s cubic-bezier(.25,.1,.25,1);transition:all .4s cubic-bezier(.25,.1,.25,1);}
.m-business .wrap-item.process .item:hover .icons{background-image:radial-gradient(#fff, #fadedd);box-shadow:0px 0px 0px #fadedd;}
.m-business .wrap-item.process .item:hover .icons::before{border:2px solid #fadcdb;}
.m-business .wrap-item.process .item:hover .icons::after{border:2px solid #fadcdb;}
.m-business .wrap-item.process.blue .item .num{color:#4298f8;}
.m-business .wrap-item.process.blue .item:hover .icons{background-image:radial-gradient(#fff, #e9f2fa);box-shadow:0px 0px 0px #e9f2fa;}
.m-business .wrap-item.process.blue .item:hover .icons::before{border:2px solid #e0eefb;}
.m-business .wrap-item.process.blue .item:hover .icons::after{border:2px solid #e0eefb;}

.m-business .contents{width:100%;}
.m-business .owl-controls{margin-top:-10px;margin-bottom:0px;text-align:center;}
.m-business .owl-controls .owl-page{cursor:pointer;display:inline-block;width:14px;height:2px;margin:0px 3px;background-color:rgba(0,0,0,0.2);transition:all 400ms cubic-bezier(.25,.1,.25,1);}
.m-business .owl-controls .owl-page.active{width:24px;background-color:#7fc93d;}
.m-business .owl-controls .owl-buttons div{position:absolute;top:calc(50% - 5px);width:50px;height:50px;z-index:100;cursor:pointer;margin:0px!important;-moz-background-size:auto 16px;-webkit-background-size:auto 16px;background-size:auto 16px;background-position:center;background-repeat:no-repeat;background-color:rgba(0,0,0,0.2);border-radius:50%;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;}
.m-business .owl-controls .owl-buttons div:hover{background-color:rgba(0,0,0,0.4);}
.m-business .owl-controls .owl-buttons div.owl-prev{left:-70px;background-image:url(../images/icon-page-lefts.png);}
.m-business .owl-controls .owl-buttons div.owl-next{right:-70px;background-image:url(../images/icon-page-rights.png);}

.m-partner .container{width:100%;}
.m-partner .content{margin-top:20px;height:146px;position:relative;transform:translate3d(0, 0, 0);overflow:hidden;}
.m-partner .content .slide{width:1600px;height:100%;position:absolute;top:3px;left:0;transform:translate3d(0, 0, 0);-webkit-animation:moveSlideshow 60s linear infinite;animation:moveSlideshow 60s linear infinite;}
.m-partner .content .slide:last-of-type{left:1600px;}
.m-partner .content .slide .item{float:left;border-radius:100%;overflow:hidden;box-shadow:0px 0px 3px #d1d1d1;}
.m-partner .content .slide .item img{width:100%;}
.m-partner .content .slide .item:nth-child(4n + 1){width:140px;height:140px;margin:0px 20px 0px;}
.m-partner .content .slide .item:nth-child(4n + 2){width:100px;height:100px;margin:30px 20px 10px;}
.m-partner .content .slide .item:nth-child(4n + 3){width:140px;height:140px;margin:0px 20px 0px;}
.m-partner .content .slide .item:nth-child(4n + 4){width:100px;height:100px;margin:10px 20px 30px;}

.m-parts{text-align:center;}
.m-parts .wrap-item{margin:-10px -10px -10px;}
.m-parts .wrap-item .item{float:left;position:relative;width:calc(33.333333% - 20px);background-color:#fff;margin:10px;overflow:hidden;box-shadow:0px 0px 10px #e8e8e8;transition:all 400ms cubic-bezier(.25,.1,.25,1);}
.m-parts .wrap-item .item:hover{box-shadow:0px 0px 10px #cfcfcf;}
.m-parts .wrap-item .item a{position:absolute;z-index:10;width:100%;height:100%;left:0px;top:0px;}
.m-parts .wrap-item .item .pic{position:relative;background-color:rgba(0,0,0,0.0);padding:30px;}
.m-parts .wrap-item .item .pic img{width:100%;height:auto;}
.m-parts .wrap-item .item .text{background-color:#fff;padding:20px 30px;border-top:rgba(0,0,0,0.05) solid 1px;text-align:left;}
.m-parts .wrap-item .item .text .name{color:#222;font-size:18px;line-height:30px;font-weight:bold;transition:all 400ms cubic-bezier(.25,.1,.25,1);}
.m-parts .wrap-item .item .text .model{color:#666;font-size:13px;line-height:20px;transition:all 400ms cubic-bezier(.25,.1,.25,1);}
.m-parts .wrap-item .item:hover .text .name{color:#2077d7;}
.m-parts .wrap-item .item:hover .text .model{color:#222;}
.m-parts .link{margin-top:40px;}
.m-parts .link .button{padding-left:50px;padding-right:50px;font-size:14px;line-height:40px;}

.m-news{text-align:center;}
.m-news .container{position:relative;z-index:10;padding:30px 0px 30px;}
.m-news .wrap-item{margin:0px -10px 0px;}
.m-news .wrap-item .item{float:left;position:relative;width:calc(33.333333% - 20px);margin-left:10px;margin-right:10px;}
.m-news .wrap-item .item .pic{position:relative;margin-bottom:20px;padding-top:35%;background-color:#fff;background-position:center;background-repeat:no-repeat;background-size:100% auto;}
.m-news .wrap-item .item .pic .con-pic{position:absolute;z-index:2;left:0px;top:0px;width:100%;height:100%;background-color:rgba(0,0,0,0.6);display:-webkit-flex;display:flex;justify-content:center;align-items:center;color:#fff;font-size:24px;font-weight:bold;}
.m-news .link{margin-top:40px;}
.m-news .link .button{padding-left:50px;padding-right:50px;font-size:14px;line-height:40px;}

.text-list{margin:0px 0px 0px;border-top:#e6e6e6 dotted 1px;}
.text-list.sub-list{margin:0px 0px 20px;}
.text-list dd{border-bottom:#e6e6e6 dotted 1px;overflow:hidden;zoom:1;text-align:left;}
.text-list dd a{padding-top:10px;padding-bottom:10px;}
.text-list dd span{padding-top:6px;padding-bottom:6px;}
.text-list dd a{width:calc(100% - 80px);float:left;padding-left:12px;line-height:28px;font-size:14px;position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.text-list dd a:hover{color:#2077d7;}
.text-list dd a:before{content:"";position:absolute;left:0px;top:22px;width:3px;height:3px;background-color:#999999;border-radius:50%;-moz-transition:all 0.2s ease;-o-transition:all 0.2s ease;-webkit-transition:all 0.2s ease;-ms-transition:all 0.2s ease;transition:all 0.2s ease;}
.text-list dd a:hover:before{background-color:#2077d7;}
.text-list dd span{float:right;line-height:28px;font-size:13px;color:#888;padding-top:10px;}

.text-list2{margin:0px 0px 0px;border-top:#e6e6e6 dotted 1px;}
.text-list2 dd{position:relative;border-bottom:#e6e6e6 dotted 1px;padding-top:14px;padding-bottom:14px;text-align:left;padding-left:20px;line-height:20px;font-size:14px;font-weight:bold;color:#222;}
.text-list2 dd::before{content:"";position:absolute;left:0px;top:19px;width:10px;height:10px;border:#ccc solid 1px;border-radius:100%;}
.text-list2 dd::after{content:"";position:absolute;left:3px;top:22px;width:4px;height:4px;background-color:#ccc;border-radius:100%;}
.text-list2.green dd.not{color:#999;}
.text-list2.green dd.not::before{border:#ccc solid 1px;}
.text-list2.green dd.not::after{background-color:transparent;}
.text-list2.green dd::before{border:#77c124 solid 1px;}
.text-list2.green dd::after{background-color:#77c124;}
.text-list2 dd em{color:#0083ff;font-size:12px;font-weight:bold;line-height:18px;border:#0083ff solid 1px;border-radius:3px;padding-left:5px;padding-right:5px;margin-left:4px;}
.text-list2 dd p{display:block;color:#666;font-size:13px;font-weight:normal;line-height:16px;margin-top:5px;}

.m-num{}
.m-num .content{display:-webkit-flex;display:flex;justify-content:space-between;align-items:center;height:180px;}
.m-num .item{width:100%;text-align:center;}
.m-num .item .num-wraper{display:-webkit-flex;display:flex;justify-content:center;align-items:center;}
.m-num .item .num{position:relative;}
.m-num .item .num s{float:left;color:transparent;font-size:38px;line-height:40px;font-family:"Montserrat-Regular";text-decoration:none;letter-spacing:-1px;}
.m-num .item .num i{position:absolute;left:0px;top:0px;color:#2077d7;font-size:38px;line-height:40px;font-family:"Montserrat-Regular";letter-spacing:-1px;}
.m-num .item .num em{position:relative;float:left;color:rgba(0,0,0,0.6);font-size:13px;line-height:20px;margin-left:5px;margin-top:16px;}
.m-num .item .num em.add:before{content:"";position:absolute;left:5px;top:-11px;width:2px;height:10px;background-color:#2077d7;}
.m-num .item .num em.add:after{content:"";position:absolute;left:1px;top:-7px;width:10px;height:2px;background-color:#2077d7;}
.m-num .item .tt{color:rgba(0,0,0,1);font-size:15px;line-height:20px;margin-top:5px;}

.m-intro{}
.m-intro .s-pic{float:left;width:45%;}
.m-intro .s-pic .contents{padding-top:40%;background-position:center;background-repeat:no-repeat;background-size:100% auto;transition:all 600ms cubic-bezier(.25,.1,.25,1);}
.m-intro .s-pic:hover .contents{background-size:105% auto;transition:all 1400ms cubic-bezier(.25,.1,.25,1);}
.m-intro .s-text{float:left;width:55%;padding-left:40px;color:#000;font-size:16px;line-height:30px;margin-top:-6px;}
.m-intro .s-text p{margin-bottom:15px;}
.m-intro .s-icon{margin:30px -20px 0px;}
.m-intro .s-icon .item{float:left;width:calc(33.333333% - 40px);margin:0px 20px 30px;}
.m-intro .s-icon .item .pic img{width:70px;margin:0px auto;}
.m-intro .s-icon .item .texts{color:#000;font-size:18px;line-height:30px;text-align:center;font-weight:bold;margin-top:15px;margin-bottom:5px;}
.m-intro .s-icon .item .en{color:#666;font-size:13px;line-height:18px;text-align:center;font-family:"Montserrat-Regular";}
.m-intro .s-icon .item p{color:#333;font-size:14px;line-height:24px;margin-top:15px;}
.m-intro .links{margin-top:10px;text-align:center;}
.m-intro .links .button{padding-left:50px;padding-right:50px;font-size:14px;line-height:40px;}

.m-icon{margin:0px -20px 0px;display:-webkit-flex;display:flex;flex-wrap:wrap;justify-content:center;}
.m-icon .item{margin:0px 20px 60px;}
.m-icon .item .pic img{width:70px;margin:0px auto;}
.m-icon .item .texts{color:#000;font-size:20px;line-height:30px;text-align:center;font-weight:bold;margin-top:15px;margin-bottom:5px;}
.m-icon .item .en{position:relative;color:#666;font-size:12px;line-height:18px;text-align:center;font-family:"Montserrat-Regular";font-weight:bold;margin-bottom:18px;padding-bottom:16px;}
.m-icon .item .en::after{content:"";position:absolute;left:calc(50% - 15px);bottom:2px;width:30px;height:2px;background-color:#ccc;-webkit-transition:all .4s cubic-bezier(.25,.1,.25,1);transition:all .4s cubic-bezier(.25,.1,.25,1);}
.m-icon .item p{color:#333;font-size:14px;line-height:24px;margin-top:15px;}
.m-icon.item03 .item{width:calc(33.333333% - 40px);}
.m-icon.item04 .item{width:calc(25% - 40px);}
.m-icon.bg-back{margin:0px -10px 0px;}
.m-icon.bg-back .item{text-align:center;margin:0px 10px 20px;background-color:#fff;padding:40px 30px 40px;box-shadow:0px 0px 10px #e8e8e8;-webkit-transition:all .4s cubic-bezier(.25,.1,.25,1);transition:all .4s cubic-bezier(.25,.1,.25,1);}
.m-icon.bg-back .item:hover{box-shadow:0px 0px 10px #cfcfcf;-webkit-transition:all .8s cubic-bezier(.25,.1,.25,1);transition:all .8s cubic-bezier(.25,.1,.25,1);}
.m-icon.bg-back .item .pic img{width:120px;margin:0px auto;}

.m-software{}
.m-software .s-icon{margin:20px -20px 0px;}
.m-software .s-icon .item{float:left;width:calc(25% - 40px);margin:0px 20px 0px;}
.m-software .s-icon .item .pic img{width:70px;margin:0px auto;}
.m-software .s-icon .item .texts{color:#fff;font-size:18px;line-height:30px;text-align:center;font-weight:bold;margin-top:15px;margin-bottom:5px;}
.m-software .s-icon .item .en{color:rgba(255,255,255,0.4);font-size:14px;line-height:18px;text-align:center;font-family:"Montserrat-Regular";}
.m-software .s-icon .item p{color:rgba(255,255,255,0.8);font-size:14px;line-height:24px;margin-top:15px;}
.m-software .links{margin-top:40px;text-align:center;}
.m-software .links .button{padding-left:50px;padding-right:50px;font-size:14px;line-height:40px;}

.m-intros{}
.m-intros .s-pic{float:left;width:65%;}
.m-intros .s-pic .contents{padding-top:40%;background-position:center;background-repeat:no-repeat;background-size:100% auto;transition:all 600ms cubic-bezier(.25,.1,.25,1);}
.m-intros .s-pic:hover .contents{background-size:105% auto;transition:all 1400ms cubic-bezier(.25,.1,.25,1);}
.m-intros .s-text{float:left;width:35%;padding-left:40px;color:#000;font-size:16px;line-height:30px;margin-top:-6px;}
.m-intros .s-text p{margin-bottom:15px;}
.m-intros .links{margin-top:40px;text-align:center;}
.m-intros .links .button{padding-left:50px;padding-right:50px;font-size:14px;line-height:40px;}

.m-iphone{}
.m-iphone .links{margin-top:40px;text-align:center;}
.m-iphone .links .button{padding-left:50px;padding-right:50px;font-size:14px;line-height:40px;}
.m-iphone .contents{position:relative;padding-top:40%;overflow:hidden;}
.m-iphone .contents .item{position:absolute;bottom:-40px;background-position:center top;background-repeat:no-repeat;background-size:100% auto;transition:all 600ms cubic-bezier(.25,.1,.25,1);}
.m-iphone .contents .item:hover{bottom:0px;transition:all 1200ms cubic-bezier(.25,.1,.25,1);}
.m-iphone .contents .item em{position:absolute;display:inline-block;left:calc(50% - 45px);top:-50px;width:90px;height:36px;color:#333;font-size:14px;line-height:34px;text-align:center;font-weight:bold;border:rgba(0,0,0,0.2) solid 1px;border-radius:60px;}
.m-iphone .contents .item.p01{z-index:10;left:calc(50% - 130px);width:260px;height:440px;}
.m-iphone .contents .item.p02{z-index:9;left:calc(50% - 300px);width:220px;height:360px;}
.m-iphone .contents .item.p03{z-index:8;right:calc(50% - 300px);width:220px;height:360px;}
.m-iphone .contents .item.p04{z-index:7;left:calc(50% - 460px);width:200px;height:300px;}
.m-iphone .contents .item.p05{z-index:6;right:calc(50% - 460px);width:200px;height:300px;}
.m-iphone .contents .item.p06{z-index:5;left:calc(50% - 620px);width:200px;height:240px;}
.m-iphone .contents .item.p07{z-index:4;right:calc(50% - 620px);width:200px;height:240px;}
.m-iphone .contents .item.p01{z-index:10;left:35%;width:30%;height:440px;}
.m-iphone .contents .item.p02{z-index:9;left:20%;width:20%;height:360px;}
.m-iphone .contents .item.p03{z-index:8;right:20%;width:20%;height:360px;}
.m-iphone .contents .item.p04{z-index:7;left:8%;width:15%;height:300px;}
.m-iphone .contents .item.p05{z-index:6;right:8%;width:15%;height:300px;}
.m-iphone .contents .item.p06{z-index:5;left:0%;width:10%;height:240px;}
.m-iphone .contents .item.p07{z-index:4;right:0%;width:10%;height:240px;}

.m-webs{}
.m-webs .links{margin-top:40px;text-align:center;}
.m-webs .links .button{padding-left:50px;padding-right:50px;font-size:14px;line-height:40px;}
.m-webs .contents{height:600px;}

.m-solutions{}
.m-solutions .links{margin-top:40px;text-align:center;}
.m-solutions .links .button{padding-left:50px;padding-right:50px;font-size:14px;line-height:40px;}
.m-solutions .wrap-item{margin:0px -10px 0px;}
.m-solutions .wrap-item .item{float:left;position:relative;width:calc(33.333333% - 20px);margin-left:10px;margin-right:10px;margin-bottom:30px;transition:all 800ms cubic-bezier(.25,.1,.25,1);}
.m-solutions .wrap-item .item a{position:absolute;z-index:10;width:100%;height:100%;left:0px;top:0px;}
.m-solutions .wrap-item .item .pic{background-position:center;background-repeat:no-repeat;background-size:100% auto;}
.m-solutions .wrap-item .item .pic .con-pic{position:relative;padding-top:55.20%;background-position:center;background-repeat:no-repeat;background-size:100% auto;}
.m-solutions .wrap-item .item .pic .con-pic.c01{background-image:linear-gradient(-45deg, #4298f8, #77c124);}
.m-solutions .wrap-item .item .pic .con-pic.c02{background-image:linear-gradient(-45deg, #eb3f0d, #f6ae00);}
.m-solutions .wrap-item .item .pic .con-pic.c03{background-image:linear-gradient(-45deg, #9945fb, #3cb7f3);}
.m-solutions .wrap-item .item .pic .con-pic.c04{background-image:linear-gradient(-45deg, #96c604, #f6ae00);}
.m-solutions .wrap-item .item .pic .con-pic.c05{background-image:linear-gradient(-45deg, #af27f5, #796af9);}
.m-solutions .wrap-item .item .pic .con-pic.c06{background-image:linear-gradient(-45deg, #5433ff, #20bdff);}
.m-solutions .wrap-item .item .pic .con-pic.c07{background-image:linear-gradient(-45deg, #e43294, #f97f98);}
.m-solutions .wrap-item .item .pic .con-pic.c08{background-image:linear-gradient(-45deg, #2d9b42, #d4df23);}
.m-solutions .wrap-item .item .pic .con-pic.c09{background-image:linear-gradient(-45deg, #e40c77, #f6ae00);}
.m-solutions .wrap-item .item .pic .con-pic.c10{background-image:linear-gradient(-45deg, #0089d1, #01debb);}
.m-solutions .wrap-item .item .pic .con-pic.c11{background-image:linear-gradient(-45deg, #ff9569, #e92758);}
.m-solutions .wrap-item .item .pic .con-pic.c12{background-image:linear-gradient(-45deg, #29bdd9, #276ace);}
.m-solutions .wrap-item .item .pic .con-pic.c13{background-image:linear-gradient(-45deg, #2980b9, #6dd5fa);}
.m-solutions .wrap-item .item .pic .con-pic.c14{background-image:linear-gradient(-45deg, #0575e6, #021b79);}
.m-solutions .wrap-item .item .pic .con-pic.c15{background-image:linear-gradient(-45deg, #f12711, #f5af19);}
.m-solutions .wrap-item .item .pic .con-pic.c16{background-image:linear-gradient(-45deg, #1f4037, #99f2c8);}
.m-solutions .wrap-item .item .pic .con-pic.c17{background-image:linear-gradient(-45deg, #5433ff, #20bdff);}
.m-solutions .wrap-item .item .pic .con-pic.c18{background-image:linear-gradient(-45deg, #8e2de2, #4a00e0);}
.m-solutions .wrap-item .item .pic .con-pic.c19{background-image:linear-gradient(-45deg, #da4453, #89216b);}
.m-solutions .wrap-item .item .pic .con-pic.c20{background-image:linear-gradient(-45deg, #4481eb, #04befe);}
.m-solutions .wrap-item .item .pic .con-pic.c28{background-image:linear-gradient(-45deg, #1f1c2c, #928dab);}
.m-solutions .wrap-item .item .pic .con-pic.c22{background-image:linear-gradient(-45deg, #ffe259, #ffa751);}
.m-solutions .wrap-item .item .pic .con-pic.c23{background-image:linear-gradient(-45deg, #3c3b3f, #605c3c);}
.m-solutions .wrap-item .item .pic .con-pic.c24{background-image:linear-gradient(-45deg, #bdc3c7, #2c3e50);}
.m-solutions .wrap-item .item .pic .con-pic.c25{background-image:linear-gradient(-45deg, #414d0b, #727a17);}
.m-solutions .wrap-item .item .pic .con-pic.c26{background-image:linear-gradient(-45deg, #16222a, #3a6073);}
.m-solutions .wrap-item .item .pic .con-pic.c27{background-image:linear-gradient(-45deg, #ee9ca7, #ffdde1);}
.m-solutions .wrap-item .item .pic .con-pic.c21{background-image:linear-gradient(-45deg, #bc4e9c, #f80759);}
.m-solutions .wrap-item .item .pic .con-pic.c29{background-image:linear-gradient(-45deg, #0f2027,#203a43,#2c5364);}
.m-solutions .wrap-item .item .pic .con-pic.c30{background-image:linear-gradient(-45deg, #ff5f6d, #ffc371);}
.m-solutions .wrap-item .item .pic .con-pic.c31{background-image:linear-gradient(-45deg, #eecda3, #ef629f);}
.m-solutions .wrap-item .item .pic .con-pic.c32{background-image:linear-gradient(-45deg, #1d4350, #a43931);}
.m-solutions .wrap-item .item .pic .con-pic.c33{background-image:linear-gradient(-45deg, #30cfd0, #330867);}
.m-solutions .wrap-item .item .pic .con-pic.c34{background-image:linear-gradient(-45deg, #f1f2b5, #135058);}
.m-solutions .wrap-item .item .pic .con-pic.c35{background-image:linear-gradient(-45deg, #ffb199, #ff0844);}
.m-solutions .wrap-item .item .pic .con-pic.c36{background-image:linear-gradient(-45deg, #a27848, #a77e47);}
.m-solutions .wrap-item .item .pic .con-pic.c37{background-image:linear-gradient(-45deg, #5433ff, #20bdff);}
.m-solutions .wrap-item .item .pic .con-pic.c38{background-image:linear-gradient(-45deg, #659999, #f4791f);}
.m-solutions .wrap-item .item .pic .con-pic.c39{background-image:linear-gradient(-45deg, #22c1c3, #fdbb2d);}
.m-solutions .wrap-item .item .pic .con-pic.c40{background-image:linear-gradient(-45deg, #799f0c, #ffe000);}
















.m-solutions .wrap-item .item .pic .con-pic .contents{position:absolute;z-index:2;left:0px;top:0px;width:100%;height:100%;display:-webkit-flex;display:flex;justify-content:center;align-items:center;color:#fff;font-size:24px;font-weight:bold;-webkit-transition:all .4s cubic-bezier(.25,.1,.25,1);transition:all .4s cubic-bezier(.25,.1,.25,1);}
.m-solutions .wrap-item .item .texts{color:#222;font-size:20px;line-height:30px;font-weight:bold;margin-top:15px;-webkit-transition:all .4s cubic-bezier(.25,.1,.25,1);transition:all .4s cubic-bezier(.25,.1,.25,1);}
.m-solutions .wrap-item .item .en{color:rgba(0,0,0,0.4);font-size:14px;line-height:18px;text-align:center;font-family:"Montserrat-Regular";-webkit-transition:all .4s cubic-bezier(.25,.1,.25,1);transition:all .4s cubic-bezier(.25,.1,.25,1);}
.m-solutions .wrap-item .item p{color:rgba(0,0,0,0.5);font-size:14px;line-height:24px;margin-top:5px;-webkit-transition:all .4s cubic-bezier(.25,.1,.25,1);transition:all .4s cubic-bezier(.25,.1,.25,1);}
.m-solutions .wrap-item .item:hover .pic .con-pic .contents{transform:scale(1.05, 1.05);}
.m-solutions .wrap-item .item:hover .texts{color:#4298f8;}
.m-solutions .wrap-item .item:hover p{color:rgba(0,0,0,0.8);}

.m-contact{}
.m-contact .form{width:70%;margin:0 auto;}
.m-contact .links{margin-top:40px;text-align:center;}
.m-contact .links .button{padding-left:50px;padding-right:50px;font-size:14px;line-height:40px;}

.el-form-item.columns{position:relative;display:-webkit-flex;display:flex;justify-content:space-between;align-items:center;margin:0px;margin-bottom:10px;}
.el-form-item.columns label{display:inline-block;font-weight:bold;width:90px;text-align:right;padding-right:10px;}
.el-form-item.columns input{width:calc(100% - 90px);height:40px;font-size:13px;padding-left:12px;}
.el-form-item.columns select{width:calc(100% - 90px);height:40px;font-size:13px;}
.el-form-item.columns textarea{width:calc(100% - 90px);height:140px;font-size:13px;padding:2px 12px;font-family:"Arial","PingFang";}
.el-form-item.columns .sub-input-wraper{width:calc(100% - 90px);display:-webkit-flex;display:flex;justify-content:space-between;align-items:center;}
.el-form-item.columns .sub-input-wraper .mod_select{width:calc(100% - 0px);}
.el-form-item.columns .tips{position:absolute;z-index:1;right:15px;top:0px;color:#333;font-size:14px;line-height:40px;font-weight:bold;}
.ci-btn-hover{margin-top:20px;}
.el-form-item.columns label{color:#111;font-size:15px;}
.el-form-item.columns{margin-bottom:20px;}
.el-form-item.columns input{height:50px;}
.el-form-item.columns select{height:50px;}
.el-form-item.columns .tips{line-height:50px;}

.m-customized{}
.m-customized .links{margin-top:40px;text-align:center;}
.m-customized .links .button{padding-left:50px;padding-right:50px;font-size:14px;line-height:40px;}
.m-customized .wrap-item{margin:0px -10px 0px;display:-webkit-flex;display:flex;flex-wrap:wrap;}
.m-customized .wrap-item .item{width:calc(25% - 20px);position:relative;margin-left:10px;margin-right:10px;margin-bottom:20px;text-align:center;background-color:#fff;padding:40px 30px 40px;box-shadow:0px 0px 10px #e8e8e8;-webkit-transition:all .4s cubic-bezier(.25,.1,.25,1);transition:all .4s cubic-bezier(.25,.1,.25,1);}
.m-customized.template .wrap-item .item{width:calc(33.333333% - 20px);}
.m-customized .wrap-item .item:hover{/*transform:scale(1.01, 1.01);*/box-shadow:0px 0px 10px #cfcfcf;-webkit-transition:all .8s cubic-bezier(.25,.1,.25,1);transition:all .8s cubic-bezier(.25,.1,.25,1);}
.m-customized .wrap-item .item a{position:absolute;z-index:10;width:100%;height:100%;left:0px;top:0px;}
.m-customized .wrap-item .item .name{position:relative;color:#333;font-size:20px;line-height:30px;text-align:center;margin-bottom:20px;padding-bottom:12px;font-weight:bold;-webkit-transition:all .4s cubic-bezier(.25,.1,.25,1);transition:all .4s cubic-bezier(.25,.1,.25,1);}
.m-customized .wrap-item .item .name::after{content:"";position:absolute;left:calc(50% - 15px);bottom:2px;width:30px;height:2px;background-color:#ccc;-webkit-transition:all .4s cubic-bezier(.25,.1,.25,1);transition:all .4s cubic-bezier(.25,.1,.25,1);}
.m-customized .wrap-item .item .name em{display:block;color:#999;font-size:12px;line-height:14px;text-align:center;margin-bottom:5px;font-family:"Montserrat-ExtraLight";-webkit-transition:all .4s cubic-bezier(.25,.1,.25,1);transition:all .4s cubic-bezier(.25,.1,.25,1);}
.m-customized .wrap-item .item .name i{display:block;color:#999;font-size:12px;line-height:14px;text-align:center;margin-bottom:0px;font-family:"Montserrat-ExtraLight";-webkit-transition:all .4s cubic-bezier(.25,.1,.25,1);transition:all .4s cubic-bezier(.25,.1,.25,1);}
.m-customized .wrap-item .item .name i font{color:#666;font-size:14px;margin-left:2px;font-weight:normal;}
.m-customized .wrap-item .item:hover .name{color:#333;}
.m-customized .wrap-item .item:hover .name::after{background-color:#2077d7;}
.m-customized .wrap-item .item:hover .name em{color:#666;}
.m-customized .wrap-item .item .text{height:240px;color:#666;font-size:14px;line-height:24px;margin-bottom:0px;text-align:left;-webkit-transition:all .4s cubic-bezier(.25,.1,.25,1);transition:all .4s cubic-bezier(.25,.1,.25,1);}
.m-customized .wrap-item .item .text h4{color:#000;font-size:14px;line-height:22px;font-weight:bold;margin-bottom:3px;}
.m-customized .wrap-item .item .text em{display:inline-block;font-size:13px;line-height:22px;color:#666;margin-right:10px;padding-right:11px;position:relative;}
.m-customized .wrap-item .item .text em:after{content:"";position:absolute;right:0px;top:6px;width:1px;height:11px;background-color:rgba(0,0,0,0.2);}
.m-customized .wrap-item .item .text em:last-child:after{content:"";position:absolute;right:0px;top:0px;width:0px;height:0px;}
.m-customized .wrap-item .item .text span{display:inline-block;width:50%;font-size:14px;line-height:28px;color:#666;padding-left:12px;position:relative;}
.m-customized .wrap-item .item .text span:after{content:"";position:absolute;left:0px;top:8px;width:2px;height:12px;background-color:rgba(0,0,0,0.2);}
.m-customized .wrap-item .item .text .wrapers{margin-top:10px;font-size:13px;}
.m-customized .wrap-item .item .text .wrapers em{color:#4298f8;}
.m-customized .wrap-item .item .text .wraperss{margin-top:10px;display:-webkit-flex;display:flex;justify-content:flex-start;}
.m-customized .wrap-item .item .text .wraperss .wr-left{font-size:13px;white-space:nowrap;}
.m-customized .wrap-item .item .text .wraperss .wr-right{}
.m-customized .wrap-item .item .text .wraperss em{color:#4298f8;}
.m-customized .wrap-item .item .pic{width:100%;padding-top:80%;background-position:center;background-repeat:no-repeat;background-size:auto 100%;}
.m-customized .tips{margin-top:10px;}

.m-process{}
.m-process .links{margin-top:40px;text-align:center;}
.m-process .links .button{padding-left:50px;padding-right:50px;font-size:14px;line-height:40px;}
.m-process .wrap-item{margin:0px -40px 0px;display:-webkit-flex;display:flex;flex-wrap:wrap;}
.m-process .wrap-item .item{width:calc(33.333333% - 40px);margin:0px 20px 0px;position:relative;padding:0px 0px 50px;-webkit-transition:all .4s cubic-bezier(.25,.1,.25,1);transition:all .4s cubic-bezier(.25,.1,.25,1);}
.m-process .wrap-item .item .icon{margin:0px auto 30px;width:140px;height:140px;background-color:#fff;border-radius:100%;padding:20px;box-shadow:0px 0px 10px #e8e8e8;display:-webkit-flex;display:flex;justify-content:center;align-items:center;flex-direction:column;}
.m-process .wrap-item .item .icons{opacity:0;filter:alphaopacity=0;position:absolute;z-index:1;left:calc(50% - 70px);top:0px;width:140px;height:140px;background-color:#fff;border-radius:100%;padding:20px;box-shadow:0px 0px 10px #e8e8e8;display:-webkit-flex;display:flex;justify-content:center;align-items:center;flex-direction:column;-webkit-transition:all .4s cubic-bezier(.25,.1,.25,1);transition:all .4s cubic-bezier(.25,.1,.25,1);}
.m-process .wrap-item .item:hover .icons{opacity:1;filter:alphaopacity=100;box-shadow:0px 0px 0px #e9f2fa;}
.m-process .wrap-item .item:hover .icons::before{opacity:0;filter:alphaopacity=0;position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;content:"";width:100%;height:100%;border:2px solid #e0eefb;border-radius:100%;-webkit-animation-name:ripple;animation-name:ripple;-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-delay:0s;animation-delay:0s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:cubic-bezier(0.65, 0, 0.34, 1);animation-timing-function:cubic-bezier(0.65, 0, 0.34, 1);}
.m-process .wrap-item .item:hover .icons::after{opacity:0;filter:alphaopacity=0;position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;content:"";width:100%;height:100%;border:2px solid #e0eefb;border-radius:100%;-webkit-animation-name:ripple;animation-name:ripple;-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-delay:.7s;animation-delay:.7s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:cubic-bezier(0.65, 0, 0.34, 1);animation-timing-function:cubic-bezier(0.65, 0, 0.34, 1);}
.m-process .wrap-item .item .con-rights{width:calc(100% - 0px);}
.m-process .wrap-item .item .name{position:relative;text-align:center;color:#333;font-size:20px;line-height:30px;margin-bottom:15px;padding-bottom:18px;font-weight:bold;-webkit-transition:all .4s cubic-bezier(.25,.1,.25,1);transition:all .4s cubic-bezier(.25,.1,.25,1);}
.m-process .wrap-item .item .name::after{content:"";position:absolute;left:calc(50% - 15px);bottom:2px;width:30px;height:2px;background-color:#ccc;-webkit-transition:all .4s cubic-bezier(.25,.1,.25,1);transition:all .4s cubic-bezier(.25,.1,.25,1);}
.m-process .wrap-item .item .name em{display:block;color:#666;font-size:12px;line-height:14px;margin-top:3px;font-family:"Montserrat-ExtraLight";-webkit-transition:all .4s cubic-bezier(.25,.1,.25,1);transition:all .4s cubic-bezier(.25,.1,.25,1);}
.m-process .wrap-item .item .name i{display:block;color:#666;font-size:12px;line-height:14px;margin-bottom:0px;font-family:"Montserrat-ExtraLight";-webkit-transition:all .4s cubic-bezier(.25,.1,.25,1);transition:all .4s cubic-bezier(.25,.1,.25,1);}
.m-process .wrap-item .item .name i font{color:#666;font-size:14px;margin-left:2px;font-weight:normal;}
.m-process .wrap-item .item:hover .name{color:#333;}
.m-process .wrap-item .item:hover .name::after{background-color:#2077d7;}
.m-process .wrap-item .item:hover .name em{color:#666;}
.m-process .wrap-item .item .text{text-align:center;color:#666;font-size:14px;line-height:22px;overflow:hidden;margin-top:0px;text-align:left;-webkit-transition:all .4s cubic-bezier(.25,.1,.25,1);transition:all .4s cubic-bezier(.25,.1,.25,1);}
.m-process .wrap-item .item .num{color:#4298f8;text-align:center;line-height:42px;font-size:40px;letter-spacing:-1px;font-family:"Montserrat-ExtraLight";}
.m-process .wrap-item .item .en{color:#999;text-align:center;font-size:18px;line-height:20px;margin-bottom:5px;font-family:"Montserrat-Regular";-webkit-transition:all .4s cubic-bezier(.25,.1,.25,1);transition:all .4s cubic-bezier(.25,.1,.25,1);}
.m-process .wrap-item .item:hover .icons{background-image:radial-gradient(#fff, #e9f2fa);box-shadow:0px 0px 0px #e9f2fa;}
.m-process .wrap-item .item:hover .icons::before{border:2px solid #e0eefb;}
.m-process .wrap-item .item:hover .icons::after{border:2px solid #e0eefb;}

table{margin-bottom:15px;width:100%;border-collapse:separate;border-spacing:1px;background-color:rgba(0,0,0,0.1);}
table th{padding:10px 12px;line-height:26px;font-size:14px;color:#222;text-align:center;font-weight:bold;}
table tr:nth-child(odd){background-color:#fcfcfc;}
table tr:nth-child(even){background-color:#fff;}
table td{padding:10px 12px;line-height:26px;font-size:14px;color:#555;text-align:center;}
table td.text-left{text-align:left;}
table td .el-icon-check{font-size:24px;color:#7cbf50;}
table td .el-icon-close{font-size:24px;color:#d85855;}

.m-users{margin:0px -40px -40px;display:-webkit-flex;display:flex;flex-wrap:wrap;}
.m-users .item{width:calc(50% - 40px);margin:0px 20px 40px;position:relative;}
.m-users .item a{position:absolute;z-index:10;width:100%;height:100%;left:0px;top:0px;}
.m-users .item .icon{float:left;width:44px;height:44px;background-color:#4298f8;color:#fff;font-size:24px;line-height:44px;text-align:center;-webkit-transition:all .4s cubic-bezier(.25,.1,.25,1);transition:all .4s cubic-bezier(.25,.1,.25,1);}
.m-users .item .title{float:left;width:calc(100% - 44px);color:#222;font-size:16px;line-height:20px;font-weight:bold;padding-left:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .4s cubic-bezier(.25,.1,.25,1);transition:all .4s cubic-bezier(.25,.1,.25,1);}
.m-users .item .date{float:left;width:calc(100% - 44px);color:#666;font-size:13px;line-height:20px;padding-left:20px;margin-top:4px;}
.m-users .item .date em{color:#999;font-size:13px;margin-right:5px;}
.m-users .item .text{clear:both;width:100%;color:#333;font-size:14px;line-height:22px;height:56px;padding-top:12px;overflow:hidden;-webkit-transition:all .4s cubic-bezier(.25,.1,.25,1);transition:all .4s cubic-bezier(.25,.1,.25,1);}
.m-users .item:hover .icon{background-color:#7fc93d;}
.m-users .item:hover .title{color:#000;}
.m-users .item:hover .text{color:#111;}
.m-users.list{margin:0px -40px 0px -20px;}

}

@media (min-width:1280px){


}

.mod_select .select_box{position:relative;height:50px;text-align:left;}
.mod_select .select_box .select_txt{display:inline-block;width:100%;height:50px;border:#dddfe5 solid 1px;background-color:#fff;border-radius:4px;overflow:hidden;line-height:48px;font-size:13px;cursor:pointer;padding-left:12px;-webkit-transition:all .2s ease;transition:all .2s ease;moz-user-select:-moz-none;-moz-user-select:none;-o-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;}
.mod_select .select_box:hover .select_txt{border:#97abe6 solid 1px;}
.mod_select .select_box em{position:absolute;top:0px;right:12px;display:inline-block;width:8px;height:50px;cursor:pointer;}
.mod_select .select_box em:before{content:"";position:absolute;top:25px;left:0px;width:5px;height:1px;background-color:#97abe6;transform:rotate(40deg);-ms-transform:rotate(40deg);-moz-transform:rotate(40deg);-webkit-transform:rotate(40deg);-o-transform:rotate(40deg);-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;}
.mod_select .select_box em:after{content:"";position:absolute;top:25px;right:0px;width:5px;height:1px;background-color:#b3b3b3;transform:rotate(-40deg);-ms-transform:rotate(-40deg);-moz-transform:rotate(-40deg);-webkit-transform:rotate(-40deg);-o-transform:rotate(-40deg);-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;}
.mod_select .select_box em.on:before{transform:rotate(-40deg);-ms-transform:rotate(-40deg);-moz-transform:rotate(-40deg);-webkit-transform:rotate(-40deg);-o-transform:rotate(-40deg);}
.mod_select .select_box em.on:after{transform:rotate(40deg);-ms-transform:rotate(40deg);-moz-transform:rotate(40deg);-webkit-transform:rotate(40deg);-o-transform:rotate(40deg);}
.mod_select .select_box:hover em:before{background-color:#a6acba;}
.mod_select .select_box:hover em:after{background-color:#a6acba;}
.mod_select .select_box i{position:absolute;top:0px;right:15px;display:inline-block;width:8px;height:50px;cursor:pointer;}
.mod_select .select_box i:before{content:"";position:absolute;top:25px;left:0px;width:7px;height:1px;background-color:#97abe6;transform:rotate(40deg);-ms-transform:rotate(40deg);-moz-transform:rotate(40deg);-webkit-transform:rotate(40deg);-o-transform:rotate(40deg);-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;}
.mod_select .select_box i:after{content:"";position:absolute;top:25px;right:0px;width:7px;height:1px;background-color:#97abe6;transform:rotate(-40deg);-ms-transform:rotate(-40deg);-moz-transform:rotate(-40deg);-webkit-transform:rotate(-40deg);-o-transform:rotate(-40deg);-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;}
.mod_select .select_box .option{display:none;position:absolute;z-index:10000;top:52px;left:0px;width:100%;background-color:#fff;border:#97abe6 solid 1px;padding:5px 0px 5px;border-radius:4px;}
.mod_select .select_box .option li{font-size:12px;line-height:36px;cursor:pointer;padding-left:14px;moz-user-select:-moz-none;-moz-user-select:none;-o-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:all .1s linear;transition:all .1s linear;}
.mod_select .select_box .option li:hover{background-color:#f6f7fa;color:#4298f8;}
.mod_select .select_box .option li.selected{background-color:#fff;color:#4298f8;font-weight:bold;}
.mod_select .select_box .option.w50 li{float:left;width:50%;}
.mod_select .select_box .option.w33 li{float:left;width:33.333333%;}