.wrap{}
.window{width: 100%;min-width: 1200px;}
.w-1200{width: 1200px;margin:0 auto;}
.f-yellow{color: #ffe032;}
.header .btn-box{line-height: 85px;}

.sliderTwoNav{position: absolute;top: 100%;z-index: 9;width: 100%;min-width: 1200px;height: auto;background: rgba(69, 72, 79, .9);}

.btn{display: inline-block;padding: 0 15px;box-sizing: content-box;min-width:  60px;line-height: 30px;font-size: 14px;color: #3591f9;font-weight: normal;border:1px solid #3591f9;border-radius: 30px;margin: 0 5px;transition: all 0.5s;text-align:  center;vertical-align: middle;}
.btn-en{line-height: 20px;}
.btn-hover:hover{background: #3591f9;color: #fff;}
.btn-default{color: #fff;background: #3591f9;}
.btn-blue{color: #69afff;border:1px solid #69afff;background: transparent;}
.btn-blue:hover{background: #69afff;color: #fff;}
.btn-white{border:1px solid #fff;color: #fff;}
.btn-white:hover{background: #fff;color: #69afff;}
/*.btn-small{padding: 0 12px;}*/
.btn-big{padding: 0 30px;line-height: 53px;font-size: 24px;}




.banner .swiper-container{width: 100%;min-width: 1200px;}
.banner .swiper-container .swiper-slide img{width: 100%;}
.banner .swiper-pagination-bullet{width: 15px;height: 15px;opacity: 1;border: 1px solid #6f8da1;background: transparent;transition: all 0.5s;}
.banner .swiper-pagination-bullet-active{border-color: #fff;}

.nav-product{display: none;}
.nav-product li{float: left;width: 16.66%;text-align: center;color: #fff;padding: 30px 0;}
.nav-product li i{display: inline-block;margin: 10px 0;font-size: 40px;}
.nav-product li p{font-size: 16px;font-weight: bold;margin-bottom: 5px;}
.nav-product li span{display: block;font-size: 14px;color: #aeb3b5;margin-bottom: 18px;}

.what{text-align: center;padding: 50px 0;}
.what h3{color: #3591f9;font-size: 32px;font-weight: bold;margin-bottom: 10px;}
.what h3 span{display: block;color: #c7e3ff;font-size: 18px;}
.what p{font-size: 16px;color: #5b6570;}
.what p em{color: #3591f9;}
.what p span{display:block;font-size: 14px;color: #d0deec;}

.bubble{height: 590px;background: url('../bubble.jpg') no-repeat center;background-size:cover;font-size: 0;background-attachment: fixed;}
.bubble li{position: relative;display: inline-block;width: 18.6%;vertical-align: top;margin-top: 250px;}
.bubble li:nth-child(1){margin-top: 100px;animation: myAni1 3s infinite;-moz-animation: myAni1 3s infinite;-webkit-animation: myAni1 3s infinite;-o-animation: myAni1 3s infinite;}
.bubble li:nth-child(2){left: -60px;;margin-top: 320px;animation: myAni2 4s infinite;-moz-animation: myAni2 4s infinite;-webkit-animation: myAni2 4s infinite;-o-animation: myAni1 4s infinite;}
.bubble li:nth-child(3){left: -20px;margin-top: 150px;animation: myAni2 5s infinite;-moz-animation: myAni2 5s infinite;-webkit-animation: myAni2 5s infinite;-o-animation: myAni1 5s infinite;}
.bubble li:nth-child(4){left: -24px;margin-top: 260px;animation: myAni1 6s infinite;-moz-animation: myAni1 6s infinite;-webkit-animation: myAni1 6s infinite;-o-animation: myAni1 6s infinite;}
.bubble li:nth-child(5){right: -10px;;margin-top: 120px;animation: myAni1 3.5s infinite;-moz-animation: myAni1 3.5s infinite;-webkit-animation: myAni1 3.5s infinite;-o-animation: myAni1 3.5s infinite;}
.bubble li:nth-child(6){margin-top: 300px;animation: myAni2 3.5s infinite;-moz-animation: myAni2 3.5s infinite;-webkit-animation: myAni2 3.5s infinite;-o-animation: myAni1 3.5s infinite;}
.bubble li:nth-child(1) img{transform: scale(1.1);}

@keyframes myAni1

{
0%   {transform:translate(0,-5px);}
50%  {transform:translate(0,5px);}
100% {transform:translate(0,-5px);}
}
@-moz-keyframes myAni1
{
0%   {transform:translate(0,-5px);}
50%  {transform:translate(0,5px);}
100% {transform:translate(0,-5px);}
}

@-webkit-keyframes myAni1
{
0%   {transform:translate(0,-5px);}
50%  {transform:translate(0,5px);}
100% {transform:translate(0,-5px);}
}

@-o-keyframes myAni1
{
0%   {transform:translate(0,-5px);}
50%  {transform:translate(0,5px);}
100% {transform:translate(0,-5px);}
}

@keyframes myAni2

{
0%   {transform:translate(0,10px);}
50%  {transform:translate(0,-10px);}
100% {transform:translate(0,10px);}
}
@-moz-keyframes myAni2
{
0%   {transform:translate(0,10px);}
50%  {transform:translate(0,-10px);}
100% {transform:translate(0,10px);}
}

@-webkit-keyframes myAni2
{
0%   {transform:translate(0,10px);}
50%  {transform:translate(0,-10px);}
100% {transform:translate(0,10px);}
}

@-o-keyframes myAni2
{
0%   {transform:translate(0,10px);}
50%  {transform:translate(0,-10px);}
100% {transform:translate(0,10px);}
}

/*动画效果背景*/
.animateBg{position: relative;}
.animateBg:before{content: '';display: block;position: absolute;top: 60%;left: 10%;width: 100px;height: 100px;background: rgba(208, 225, 248, 0.37);border-radius: 100%;z-index: -1;box-shadow: 0 0 100px 100px rgba(208, 225, 248, 0.37);}
.animateBg:after{content: '';display: block;position: absolute;bottom: 60%;right: 10%;width: 100px;height: 100px;background: rgba(213, 228, 249, 0.37);border-radius: 100%;z-index: -1;box-shadow:0 0 100px 100px rgba(213, 228, 249, 0.37)}

.icon-box{padding:20px 0;}
.icon-box li{float: left;width: 20%;text-align: center;}
.icon-box li img{display:block;margin:0 auto 15px;}
.icon-box li p{color: #5d5d5d;font-size: 16px;margin-bottom: 25px;}

.register{color: #fff;font-size: 30px;padding: 70px 0;background-size: cover;font-weight: bold;text-align: center;background: url('../register.jpg') no-repeat center;background-size:cover;}
.register a{font-size: 24px;margin-left: 50px;}
.register-en{ padding: 30px 0; }
.register-en p{ width: 60%; text-align: left; }



.technology{position: relative;padding: 40px 0;background: url('../images/technologybg.png') no-repeat center;}
/*.technology:before{content: '';display: block;position: absolute;left: 0;bottom:0;width: 507px;height: 433px;background: url('../images/technology-left.png') no-repeat left bottom;}*/
/*.technology:after{content: '';display: block;position: absolute;right: 0;top: 0;width: 581px;height: 433px;background: url('../images/technology-right.png') no-repeat right top;}*/
.technology img{display: block;margin:0 auto;}

.freeTrial{background: #398df6;padding: 60px 0;text-align: center;color: #fff;}
.freeTrial h3{font-size: 34px;font-weight: bold;margin-bottom: 10px;}
.freeTrial p{font-size: 16px;margin-bottom: 30px;}
.freeTrial input{width: 400px;color: #fff;height: 40px;line-height: 40px;padding: 0 15px;border-bottom: 1px solid #fff;}
.freeTrial input::-webkit-input-placeholder{color:#fff; }.freeTrial input::-moz-placeholder{   /* Mozilla Firefox 19+ */color:#fff;}.freeTrial input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */color:#fff;}.freeTrial input:-ms-input-placeholder{  /* Internet Explorer 10-11 */ color:#fff;}
.freeTrial button{background: transparent;border:0;vertical-align: bottom;cursor: pointer;}
.freeTrial button i{color: #fff;font-size: 30px;}

.partner{position: relative;height: 737px;background: url('../partnerbg.jpg') no-repeat center;background-size:cover;font-size: 0;background-attachment: fixed;}
.partner .title{position: absolute;top: 0;width: 100%;left: 0;height: 115px;padding:25px 0;text-align: center;font-weight: bold;background: rgba(0, 0, 0, .63);}
.partner h3{font-size: 32px;color: #fff;}
.partner span{color: #5e6469;font-size: 14px;}
.partner ul{padding-top: 115px;}
.partner ul li{float: left;margin-top: 20%;transition: all 0.5s;}
.partner ul li:hover{transform: translate(0,-10px);}
.partner ul li:nth-child(1){margin-top: 10%;}
.partner ul li:nth-child(2){margin-top: 33%;}
.partner ul li:nth-child(3){margin-top: 18%;}
.partner ul li:nth-child(4){margin-top: 27%;}
.partner ul li:nth-child(5){margin-top: 5%;}

/*海关数据*/
.customs{}
.customs .title{text-align: center;margin-bottom: 40px;}
.customs .title h3{font-size: 34px;color: #fff;font-weight: bold;}
.customs .title h3 b{color: #529fff;}
.customs .title span{font-size: 14px;color: #55606f;}

.customs .step1{position: relative;height: 525px;padding: 60px 0;color: #fff;background: url('../images/step1bg.png') no-repeat center;background-size:cover;}
.customs .step1 .font-box{text-align: center;}
.customs .font-box strong{position: relative;z-index: 1;display: block;color: #fff;font-size: 30px;margin-bottom: 30px;}
.customs .font-box strong i{position: absolute;bottom: -40px;font-family: 'Arial';font-style: italic;opacity: .25;margin-left: -30px;font-size: 103px;z-index: -1;}
/*.customs .font-box strong i.en{position: absolute;bottom: -5px;font-family: 'Arial';font-style: italic;opacity: .25;margin-left: -80px;font-size: 68px;z-index: -1;}*/


.customs .step1 .font-box ul{}
.customs .step1 .font-box ul li{position: relative;display: inline-block;width: 180px;height: 100px;font-size: 16px;margin:15px;padding:5px;border:1px solid #d9f1ff;vertical-align: middle;}
.customs .step1 .font-box ul li:hover{background: rgba(255,255,255,.07);}
.customs .step1 .font-box ul li:before{content: '';display: block;position: absolute;top:0;left: 50%;margin-left: -35px;width: 70px;height: 3px;background: #d9f1ff;}
.customs .step1 .font-box ul li .icon-box{padding:0;width: 70px;height: 60px;line-height: 60px;margin: 0 auto;}
.customs .step1 .font-box ul li .icon-box i{font-size: 42px;}

.customs .step2{position: relative;padding: 70px 0;overflow: hidden;}
.customs .step2:before{content: '';display: block;position: absolute;top: -50px;left: 20%;width: 100px;height: 100px;border-radius: 100%;background: rgba(208, 225, 248, 0.37);z-index: 0;box-shadow: 0 0 100px 100px rgba(208, 225, 248, 0.37);}
.customs .step2:after{content: '';display: block;position: absolute;right: 20%;width: 100px;height: 100px;border-radius: 100%;background: rgba(213, 228, 249, 0.37);z-index: 0;box-shadow: 0 0 100px 100px rgba(213, 228, 249, 0.37);}

.customs .step2 .w-1200{position: relative;z-index: 1;}
.customs .step2 .font-box {padding: 0 30px;}
.customs .step2 .font-box.en.customs .step3 .font-box.en{ width: 70%; }
.customs .step2 .font-box strong{color: #383838;}
.customs .step2 .font-box strong.en{ margin-bottom: 10px; font-size: 28px; }
.customs .step2 .font-box strong i{opacity: 0.2;}
.customs .font-box strong i.en01{ bottom: 14px;}
.customs .step2 .font-box p{font-size: 16px;color: #383838;margin-bottom: 20px;}
.customs .step2 .font-box p.en{ margin-bottom: 10px; }
.customs .step2 .font-box p em{color: #62a8ff;}
.customs .img-box.en{ width: 30%; padding-top: 32px;}
.customs .step3 .font-box.en{ width: 60%; }
.customs .img-box,.customs .font-box{width: 50%;}
.customs .img-box img{display: block;margin:0 auto;transform: translateZ(10px);}

.customs .step3{position: relative;height: 482px;padding: 60px 0;color: #fff;border-top: 1px solid #e0e8f1;background:#fff url('../images/step3bg.png') no-repeat center;background-size: cover;overflow: hidden;}
.customs .step3:after{bottom: 0;}
.customs .step3 strong{display: block;color: #383838;margin-bottom: 60px;text-align: left;padding-left: 40px;}
.customs .step3 strong.en{ margin-bottom: 25px; }
.customs .step3 strong i{opacity: 0.2;}
.customs .step3 ul{text-align: left;}
.customs .step3 ul li{display: inline-block;width: 160px;height: 192px;padding:30px 15px;margin: 0 15px;vertical-align: top;border-radius: 4px;text-align: left;background: #213c70;background: -webkit-linear-gradient(top right, #28437f , #143156);background: -o-linear-gradient(to top right, #28437f , #143156);background: -moz-linear-gradient(to top right, #28437f , #143156);background: linear-gradient(to top right, #28437f , #143156);}
.customs .step3 ul li.en{ width: 192px;height:232px; padding: 20px 15px;  }
.customs .step3 ul li b{display: block;position: relative;font-size: 21px;padding-bottom: 10px;margin-bottom: 30px;}
.customs .step3 ul li b.en{ margin-bottom: 15px; }
.customs .step3 ul li b:before{content: '';display: block;position: absolute;left: 0;bottom: 0;width: 33px;height: 2px;background: #80b9ff;}
.customs .step3 ul li b em{color: #80b9ff;}
.customs .step3 ul li p{font-size: 14px;}

/*展会数据*/
.exhibition{position: relative;height: 523px;padding: 60px 0;color: #fff;background: url('../images/exhibitionbg.jpg') no-repeat center;background-size:cover;}
.exhibition .img-box,.exhibition .font-box{width: 50%;}
.exhibition .font-box{padding: 50px 20px;}
.exhibition .font-box .title{margin-bottom: 40px;}
.exhibition .font-box .title h3{display: inline-block;font-size: 36px;font-weight: bold;background: url(../images/exhibitionTitle.png) no-repeat center;background-size: 100% 100%;padding: 10px 15px;}
.exhibition .font-box .title strong{display: block;font-size: 36px;padding: 0 15px;}
.exhibition .font-box p{color: #9ec2e6;font-size: 16px;font-weight: bold;padding: 5px 15px;}
.exhibition .font-box p strong{color: #fff;}

.effect{padding:50px 0;background: #f2f4f6;}
.effect .title{text-align: center;padding: 20px 0;}
.effect .title h3{color: #37414a;font-size: 30px;font-weight: bold;}
.effect .title h3 b{color: #67a0fe;}
.effect .title span{color: #d3d3d3;font-size: 14px;}
.effect .img-box{position: relative;padding: 60px;z-index: 1;box-shadow: 0 0 32px rgba(167, 204, 255, .27);height: 630px;background: #fff url(../images/effect.png) no-repeat center; background-position-y: 110px;}
.effect .img-box img{display: block;margin:0 auto;}
.effect .img-box .left{position: absolute;top: 60px;}
.effect .img-box .right{position: absolute;right: 40px;top: 230px;}
.effect .img-box p{color: #282f3b;font-size: 20px;font-weight: bold;line-height: 30px;}
.effect .img-box p b{color: #67a0fe;}
.effect .img-box .left-icon{ position: absolute;top: 158px;left: 110px;}
.effect .img-box .right-icon{position: absolute;top: 200px;right: 146px;}

.effect:before{z-index: 0;left: 0;}
.effect:after{z-index: 0;}

.icon-animate{position: relative;display:inline-block;width: 10px;height: 10px;border-radius: 100%;background: #9ac8fd;}
.icon-animate .circle{width: 18px;height: 18px;border-radius: 100%;border: 1px solid #9ac8fd;position: absolute;left: -4px;top: -4px;animation-timing-function:linear;}
.icon-animate .circle:nth-child(1){ animation: circle-opacity 3s infinite ;}
.icon-animate .circle:nth-child(2){ animation: circle-opacity 3s infinite ;animation-delay: 1s;}
.icon-animate .circle:nth-child(3){ animation: circle-opacity 3s infinite ;animation-delay: 2s;}
.icon-animate .circle:nth-child(4){ animation: circle-opacity 3s infinite ;animation-delay: 3s;}
@keyframes circle-opacity {
    from {
        opacity: 1;
        transform: scale(1);
    }
    to {
        opacity: 0;
        transform: scale(3);
    }
}
.accurateData{position: relative;height: 467px;padding: 60px 0;color: #fff;background: url('../images/accuratebg.jpg') no-repeat center;background-size:cover;}
.accurateData .title{margin-bottom: 30px;}
.accurateData .title h3{font-size: 34px;font-weight: bold;}
.accurateData .title span{font-size: 14px;color: #4f595f;}
.accurateData  ul{text-align: center;}
.accurateData  ul li{display: inline-block;width: 30%;margin: 0 10px;vertical-align: top;}

.accurateData  ul li i{display: block;text-align: left;font-size: 43px;color: #9f9f9f;opacity: .18;padding: 0 15px;}
.accurateData  ul li .problem{position: relative;padding: 0 15px;text-align: right;font-size: 22px;line-height: 60px;height: 60px;margin-bottom: 3px;background: rgba(176, 176, 176, .11);}
.accurateData  ul li .problem:before{content: '';display: block;position: absolute;left: 0;top: 0;height: 100%;width: 8px;background: #2081f8;}
.accurateData  ul li .answer{padding: 20px 15px;text-align: left;font-size: 16px;background: rgba(176, 176, 176, .11);}
.accurateData  ul li .hover:hover .problem{background: rgba(176, 176, 176, .33);}
.accurateData  ul li .hover:hover .answer{background: rgba(176, 176, 176, .33);}


.contact .header-title{position: relative;height: 242px;font-size: 36px;font-weight: bold;letter-spacing:18px;color: #fff;background: url('../images/contactbg.jpg') no-repeat center;background-size:cover;}
.middle{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}

.contact .aboutUs{padding: 60px 0;}
.case .title,.contact .aboutUs .title,.contact .honor .title,.crm .contrast .title{text-align: center;margin-bottom: 15px;}
.case .title h3,.contact .aboutUs .title h3,.contact .honor .title h3,.crm .contrast .title h3{font-size: 30px;font-weight: bold;}
.case .title h3 b,.contact .aboutUs .title h3 b,.contact .honor .title h3 b,.crm .contrast .title h3 b{color: #4c9af5;}
.case .title span,.contact .aboutUs .title span,.contact .honor .title span,.crm .contrast .title span{color: #d3d3d3;font-size: 14px;}
.contact .aboutUs .font-box{width: 670px;}
.contact .aboutUs .font-box p{color: #393939;font-size: 14px;text-indent: 2em;line-height: 26px;}
.contact .aboutUs .font-box>div{color: #393939;font-size: 14px;line-height: 25px;}
.contact .aboutUs .font-box>div strong{font-weight: bold;}
.contact .aboutUs .font-box .feedback{}
.contact .aboutUs .font-box .feedback ul{margin-right: 30px;color: #393939;}
.contact .aboutUs .font-box .feedback ul b{display: block;font-size: 24px;margin-bottom: 15px;}
.contact .aboutUs .font-box .feedback ul li{font-size: 14px;}

.contact .honor{margin-bottom: 30px;}

/*crm*/
.crm .introduce{position: relative;height: 486px;padding: 60px 0;color: #fff;background: url('../images/crmbg.jpg') no-repeat center;background-size:cover;}
.crm .introduce .title{margin-bottom: 25px;padding-left: 30px;}
.crm .introduce .title h3{position: relative;display: block;font-size: 44px;font-weight: bold;}
.crm .introduce .title h3:before{content: '';position: absolute;left: -30px;top: 21px;width: 21px;height: 21px;background: url('../images/crm_dot.png') no-repeat center;}
.crm .introduce .title span{font-size: 24px;font-weight: bold;}
.crm .introduce ul{}
.crm .introduce ul li{font-weight: bold;color: #dbdbdb;margin-bottom: 10px;}
.crm .introduce ul li i{font-size: 45px;opacity: .1;font-family: 'Arial';font-style: italic;}
.crm .introduce ul li i.en{font-size: 36px;opacity: .2;}
.crm .introduce ul li span{font-size: 20px;}
.crm .introduce ul li p{font-size: 16px;font-weight: normal;}

.crm .experience,.dataExcavate .experience{position: relative;height: 183px;padding: 60px 0;color: #fff;text-align: center;background: url('../register.jpg') no-repeat center;background-size:cover;}
.crm .experience p,.dataExcavate .experience p{display: inline-block;width: 720px;font-size: 24px;text-align: left;vertical-align: middle;margin-right: 50px;}

.crm .contrast{padding: 50px 0;background: #f2f4f6;}
.crm .contrast:before{z-index: 0;}
.crm .contrast:after{z-index: 0;}
.crm .contrast ul{}
.crm .contrast ul li{float: left;padding: 40px 50px;width: 50%;height: 290px;color: #fff;background: url('../images/contrast1.png') no-repeat center;border-radius: 4px;}
.crm .contrast ul li h3{font-size: 28px;color: #f2f4f6;padding-bottom: 15px;border-bottom: 1px solid #fff;font-weight: bold;margin-bottom: 70px;}
.crm .contrast ul li .num{font-size: 85px;font-weight: bold;display: block;font-family: 'Arial';text-align:  right;}
.crm .contrast ul li .num i{position: relative;top: -7px;font-size: 60px;}
.crm .contrast ul li:nth-child(1){background-image: url('../images/contrast1.png');}
.crm .contrast ul li:nth-child(2){background-image: url('../images/contrast2.png');}
.crm .contrast ul li:nth-child(3){background-image: url('../images/contrast3.png');}
.crm .contrast ul li:nth-child(4){background-image: url('../images/contrast4.png');}

/*数据挖掘*/
.dataExcavate .introduce{padding: 50px 0;text-align: center;background: #4c43b0;background: -webkit-linear-gradient(top, #4c268c, #4e62d7);background: -o-linear-gradient(to top, #4c268c, #4e62d7);background: -moz-linear-gradient(to top, #4c268c, #4e62d7);background: linear-gradient(to top, #4c268c, #4e62d7);}
.dataExcavate .introduce .title{color: #fff;margin-bottom: 30px;}
.dataExcavate .introduce .title h3{font-size: 32px;font-weight: bold;}
.dataExcavate .introduce .title span{font-size: 14px;opacity: .19;}
.dataExcavate .introduce p{font-size: 14px;color: #fff;}

.dataExcavate .characteristic{padding: 70px 0;}
.dataExcavate .list{text-align: center;margin-bottom: 60px;}
.dataExcavate .list .font-box{display: inline-block;vertical-align: middle;padding: 40px 30px;text-align: left;width:  510px;height: 206px;margin: 0 40px;border-radius: 4px;background:#f6f7f9;transition: all 0.5s;}
.dataExcavate .list .font-box-en{height: 300px;}
.dataExcavate .list .font-box:hover{transform: translate(0,-10px);}
.dataExcavate .list .font-box strong{display: block;font-size: 26px;margin-bottom: 20px;font-weight: bold;color: #4c9af5;}
.dataExcavate .list .font-box p{font-size: 16px;color: #333;}
.dataExcavate .list .img-box{display: inline-block;width: 250px;vertical-align: middle;}
.dataExcavate .list .img-box img{display: block;margin:0 auto;}
.dataExcavate .experience p{width: 590px;}

/*多语言*/
.lang .introduce{padding: 50px 0;text-align: center;background: #111724;text-align: center;background: -webkit-linear-gradient(top, #061538, #181818);background: -o-linear-gradient(to top, #061538, #181818);background: -moz-linear-gradient(to top, #061538, #181818);background: linear-gradient(to top, #061538, #181818);}
.lang .introduce .title,.lang .function .title,.lang .case .title{text-align: center;margin-bottom: 35px;}
.lang .introduce .title h3,.lang .function .title h3,.lang .case .title h3{font-size: 30px;color: #fff;font-weight: bold;}
.lang .introduce .title h3 b,.lang .function .title h3 b,.lang .case .title h3 b{color: #4c9af5;}
.lang .introduce .title span,.lang .function .title span,.lang .case .title span{font-size: 14px;color: #55606f;}
.lang .introduce strong{display: block;margin-bottom: 35px;color: #fff;font-size: 22px;}
.lang .introduce ul{}
.lang .introduce ul li{float: left;width: 16.6%;color: #fff;line-height: 40px;font-size: 14px;transition: all 0.5s;}
.lang .introduce ul li p{display: block;color: #363636;background: #e8e8e8;}
.lang .introduce ul li i{display: block;color: #363636;background: #fff;}
.lang .introduce ul li.google{transform: scale(1.2);box-shadow: 0 0px 20px 0px rgba(0, 0, 0, 0.2)}
.lang .introduce ul li.google p{background: #4f9bf3;color: #fff;}

.lang .function{padding: 70px 0;}
.lang .function .title h3{color: #383d42;}

.lang .function .item{text-align: center;}
.lang .function .item .d-line{display: inline-block;height: 582px;vertical-align: top;width: 14px;background-size: cover;background: url('../images/d-line.png') no-repeat center;}
.lang .function .item .d-line-en{display: inline-block;height: 760px;vertical-align: top;width: 14px;background-size: cover;background: url('../images/d-line-en.png') no-repeat center;}

.lang .function .item ul{display: inline-block;vertical-align: top;text-align: left;margin: 17px 25px;}
.lang .function .item ul li{position: relative;display: block;width: 100%;margin-bottom: 50px;}
.lang .function .item ul li:before{content: '';display: block;position: absolute;width: 16px;height: 16px;right: -44px;top: 50%;margin-top: -8px;background:#4c9af5;border-radius:  100%;}
.lang .function .item ul li i{display: inline-block;vertical-align: middle;width:93px;height: 93px;background: url('../images/lang_icon.png') no-repeat center;background-size: 93px;background-position-y:0;position: relative;z-index:  1;margin-right: 30px;box-shadow: 0 0 32px rgba(0, 29, 65, .2);border-radius:  100%;}
.lang .function .item ul li .font-box{position: relative;display: inline-block;vertical-align: middle;width: 300px;padding: 10px 25px;color: #fff;border-radius: 4px;font-weight: bold;background:#3c3c3c;box-shadow: 0 0 32px rgba(0, 29, 65, .2);}
.lang .function .item ul li .font-box:before{content: '';display: block;position: absolute;left: -44px;top: 50%;margin-top: -21px;background:url('../images/lang_back.png');width: 60px;height: 42px;}
.lang .function .item ul li .font-box:after{content: '';display: block;position: absolute;right: -10px;top: 50%;margin-top:-10px;width: 0;height: 0;border-top: 10px solid transparent;border-bottom: 10px solid transparent;border-left: 10px solid #3c3c3c;}
.lang .function .item ul li .font-box p{font-size: 18px;margin-bottom: 10px;}
.lang .function .item ul li .font-box b{font-size: 14px;font-weight: normal;}

.lang .function .item ul li:nth-child(even) i{box-shadow: 0 0 32px rgba(8, 102, 218, .2);}
.lang .function .item ul li:nth-child(even) .font-box{background: #4c9af5;color: #fff;box-shadow: 0 0 32px rgba(8, 102, 218, .2);}
.lang .function .item ul li:nth-child(even) .font-box:before{background-image: url('../images/lang_blue.png');}
.lang .function .item ul li:nth-child(even) .font-box:after{border-left: 10px solid #4c9af5;}
.lang .function .item ul li i.a{background-position-y:0;}
.lang .function .item ul li i.b{background-position-y:-93px;}
.lang .function .item ul li i.c{background-position-y:-186px;}
.lang .function .item ul li i.d{background-position-y:-279px;}
.lang .function .item ul li i.e{background-position-y:-372px;}
.lang .function .item ul li i.f{background-position-y:-465px;}
.lang .function .item ul li i.g{background-position-y:-558px;}

.lang .function .item ul.right{margin-top: 90px;}
.lang .function .item ul.right i{margin-right: 0;margin-left:  30px;}
.lang .function .item ul.right .font-box:before{left: auto;right: -50px}
.lang .function .item ul.right .font-box:after{right:auto;;left: -10px;border-left: 0;border-right: 10px solid #3c3c3c;}
.lang .function .item ul.right li:nth-child(2) .font-box:after{border-left: 0;border-right: 10px solid #4c9af5;}
.lang .function .item ul.right li:before{right: auto;left: -44px;}

.lang .chooseUs{background:#2f87ff;color: #fff;}
.lang .chooseUs .img-box{width: 45%;padding: 20px 0;}
.lang .chooseUs .font-box{width: 55%;padding: 40px 20px;}
.lang .chooseUs .img-box-em{width: 40%;padding: 60px 0 20px;}
.lang .chooseUs .font-box-em{width: 60%;padding: 40px 20px;}
.lang .chooseUs h3{font-size: 30px;font-weight: bold;margin-bottom: 40px;}
.lang .chooseUs ul{}
.lang .chooseUs ul li{position: relative;font-size: 16px;margin-bottom: 15px;padding-left: 15px;}
.lang .chooseUs ul li:before{content: '';display: block;position: absolute;left: 3px;top: 8px;width: 6px;height: 6px;border-radius: 100%;background:#fff;}

.lang .case {padding: 70px 0;}
.lang .case .title h3{color: #383d42;}
.lang .case ul{}
.lang .case ul li{float: left;width: 30%;margin-left: 5%;}
.lang .case ul li:first-child{margin-left: 0;}



/*代理加盟*/
.join .header-title{position: relative;height: 242px;font-size: 36px;font-weight: bold;letter-spacing:18px;color: #fff;background: url('../images/join.png') no-repeat center;background-size:cover;}
.join .form-box{background:#f2f4f6;padding: 70px 0;}
.join form{width: 100%;background:#fff;padding: 42px 0;text-align: center;border-radius: 4px;box-shadow: 0 0 32px rgba(167, 204, 255, .27);}
.join form p{text-align: center;font-size: 18px;color: #242a32;font-weight: bold;margin-bottom: 45px;}

.f-red{color: #ff2d2d;}
.form-group{width: 750px;margin:0 auto;margin-bottom: 10px;}
.control-label{display: block;font-size: 16px;color: #242a32;line-height: 40px;text-align: left;}
.form-control{background:#f2f4f6;width: 100%;font-size: 16px;padding: 0 15px;height: 40px;line-height: 1.42857143; border-radius: 4px;}
.join form button{cursor: pointer;margin-top: 30px;}


.banner1{height: 600px;color: #fff;background:url('../banner1.jpg') no-repeat center;text-align: center;background-size: cover;}
.banner1 .font-box{position: relative;z-index: 1;display: inline-block;width: 420px;height: 0;top: 22%;margin-top: -100px;}
.banner1 h3{font-size: 44px;margin-bottom: 15px;}
.banner1 p{font-size: 20px;margin-bottom: 30px;}
.banner1 .img-box .ing{margin-top: -20px;}

.banner2{height: 600px;color: #fff;background: #3451a0;background: -webkit-linear-gradient(top, #4d8ce8, #1a1454);background: -o-linear-gradient(to top, #4d8ce8, #1a1454);background: -moz-linear-gradient(to top, #4d8ce8, #1a1454);background: linear-gradient(to top, #4d8ce8, #1a1454);background-size: cover;}
.banner .banner-row{position: relative;max-width: 1200px;min-width: 1200px;margin:0 auto;width: 100%;height: 100%;}
.banner2 .font-box{position: relative;z-index: 1;display: inline-block;width: 420px;height: 0;top: 50%;margin-top: -100px;}
.banner2 h3{font-size: 44px;margin-bottom: 10px;}
.banner2 p{font-size: 20px;margin-bottom: 40px;}
.banner .img-box{position: absolute;left: 0;top: 0;width: 100%;height: 100%;transform-origin:left top;}
.banner .img-box .a{position: absolute;}
.banner .img-box .ing{position: absolute;}
.banner .img-box .c{position: absolute;}


.banner3{height: 600px;color: #fff;background: url('../banner3.jpg') no-repeat;background-size: 1920px;background-position: 100% 0;background-size: cover;}
.banner3 .font-box{position: absolute;right: 15%;top: 35%;}
.banner3 .font-box h3{font-size: 24px;}
.banner3 .font-box p{font-size: 37px;font-weight: bold;}
.banner3 .font-box span{font-size: 16px;display: block;margin-bottom: 20px;}

.banner4{height: 600px;color: #fff;background: url('../banner4.jpg') no-repeat;background-size: 1920px;background-position: 100% 0;background-size: cover;}
.banner4 .font-box{position: absolute;top: 35%;left: 0;}
.banner4 .font-box h3{font-size: 40px;font-weight: bold;}
.banner4 .font-box p{font-size: 25px;position: relative;padding-bottom: 10px;margin-bottom: 35px;}
.banner4 .font-box p:before{content:'';display:block;position: absolute;bottom: 0;height: 4px;width: 2em;background: #fff;}

.banner5{height: 600px;color: #fff;background: url('../banner5.jpg') no-repeat;background-size: 1920px;background-position: right;background-size: cover;}
.banner6{height: 600px;color: #fff;background: url('../banner6.jpg') no-repeat;background-size: 1920px;background-position: center;background-size: cover;}


.language{position: relative;display: inline-block;line-height: 85px;padding-left: 35px;}
.language:before{content: '';display: block;position: absolute;left: 0;top: 35px;width: 1px;height: 18px;background:#ddd;}
.language:after{content: '';display: block;position: absolute;right: -25px;top: 35px;width: 1px;height: 18px;background:#ddd;}
.language a{position: relative;vertical-align:  middle;font-size: 14px;margin-left: 10px;}
.language a:before{content: '';display: block;position: absolute;left: -24px;top: -2px;width: 18px;height: 18px;background-size:  18px;border-radius:  100%;}
.language a.en:before{background: url('../images/en.png') no-repeat center;}
.language a.cn:before{background: url('../images/cn.png') no-repeat center;}

.case .case-box{padding: 60px 0;}
.case .header-title{position: relative;height: 242px;font-size: 36px;font-weight: bold;letter-spacing:18px;color: #fff;background: url('../images/casebg.jpg') no-repeat center;background-size:cover;}

.case-item{margin-left: -40px;}
.case-item .case-list{float: left;width: 50%;padding: 0 0 40px 40px;}
.case-item .case-list .hover{transition:  all 0.5s ease;}
.case-item .case-list .hover:hover{box-shadow: 4px 4px 9px 0px rgba(0, 0, 0, 0.2);}
.case-item .case-list .img-box{position: relative;display: block;}
.case-item .case-list .img-box img{width: 100%;}
.case-item .case-list .img-box:hover .detail{opacity: 1;visibility: visible;}
.case-item .case-list .img-box .detail{opacity: 0;visibility: hidden;position:  absolute;width:  100%;height:  100%;left:  0;top: 0;background: rgba(0, 0, 0, .6);}
.case-item .case-list .img-box .detail span{color: #fff;font-size: 14px;position: absolute;top: 50%;left: 50%;display: inline-block;width: 70px;text-align: center;margin-left: -35px;}
.case-item .case-list .img-box .detail span:before{content: '';display: block;position: absolute;width: 40px;height: 1px;background: #fff;left: 50%;margin-left: -20px;top: 0;}
.case-item .case-list .img-box .detail span:after{content: '';display: block;position: absolute;width: 40px;height: 1px;background: #fff;left: 50%;margin-left: -20px;bottom: 0;}
.case-item .case-list .img-box:hover .detail span:before{top: -10px;transition: all 0.5s ease;}
.case-item .case-list .img-box:hover .detail span:after{bottom: -10px;transition: all 0.5s ease;}

.case-item .case-list .font-box{background:  #f5f5f5;}
.case-item .case-list .font-box .info{padding: 15px;}
.case-item .case-list .font-box .info .top{float: left;max-width: 80%;}
.case-item .case-list .font-box .info .top h3{font-size:  18px;font-weight:  bold;color: #333;    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} 
.case-item .case-list .font-box .info .top p{color: #aaa;}
.case-item .case-list .font-box .info .version{height: 40px;display:  inline-block;background:  #4c9af5;color: #fff;line-height:  40px;padding: 0 20px;margin-left: 15px;}
.case-item .case-list .font-box .info .version.optimization{background: #ffc000;}
.case-item .case-list .font-box .info .openTimer{color: #333;margin-right: 15px;}
.case-item .case-list .font-box .info .openTimer span{color:#86b6f8;font-weight: bold;font-size:  18px;vertical-align:  middle;}
.case-item .case-list .font-box .info .openTimer span i{display:  inline-block;font-size: 20px;margin-right:5px;}

.case-item .case-list .font-box .info .expiryTimer{color: #333;margin-right: 15px;}
.case-item .case-list .font-box .info .expiryTimer span{color:#86b6f8;font-weight: bold;font-size:  14px;vertical-align:  middle;}
.case-item .case-list .font-box .info .expiryTimer span b{font-size: 18px;}
.case-item .case-list .font-box .info .expiryTimer span i{display:  inline-block;font-size: 20px;margin-right: 5px;}
.case-item .case-list .font-box .num-box{}
.case-item .case-list .font-box .num-box li{float: left;width: 33.33%;border: 1px solid #efefef;border-left: 0;position:  relative;}
.case-item .case-list .font-box .num-box li:first-child{border-left: 1px solid #efefef;}
.case-item .case-list .font-box .num-box li .num{height: 90px;line-height:  90px;text-align:  center;font-size:  50px;font-weight:  bold;color: #86b6f8;position:  relative;z-index:  1;}
.case-item .case-list .font-box .num-box li .font{line-height:  40px;text-align:  center;background: #b2cbed;color: #fff;border-top: 1px solid #b2cbed;}
.case-item .case-list .font-box .num-box li:before{content: '\e648';display: block;position: absolute;font-family: "iconfont" !important;font-size: 100px;left: 50%;top: -10px;width: 100px;height: 100px;margin-left: -50px;color:  #f1f1f1;}
.case-item .case-list .font-box .num-box li:hover{background: #4c9af5;}
.case-item .case-list .font-box .num-box li:hover .num{color: #fff;animation: bounce 1s;transform-origin: center bottom;}
.case-item .case-list .font-box .num-box li:hover:before{color: #70aef7;}
.case-item .case-list .font-box .num-box li:hover .font{background: #4c9af5;}
.case-item .case-list .font-box .num-box li.yesterday:before{content: '\e648';}
.case-item .case-list .font-box .num-box li.pc:before{content: '\e601';}
.case-item .case-list .font-box .num-box li.m:before{content: '\e6c0';}
@keyframes bounce {0%,20%,53%,80%,to {animation-timing-function: cubic-bezier(.215,.61,.355,1);transform: translateZ(0)}40%,43% {animation-timing-function: cubic-bezier(.755,.05,.855,.06);transform: translate3d(0,-10px,0)}70% {animation-timing-function: cubic-bezier(.755,.05,.855,.06);transform: translate3d(0,-7px,0)}90% {transform: translate3d(0,-2px,0)}}

.case .case-detail{padding:60px 0;}
.case-detail h3{font-size: 24px;margin-bottom: 20px;color: #333;font-weight: bold;text-align: center;}
.case-detail .info{background: #eaeef3;padding:15px 10px;margin-bottom: 15px;}
.case-detail .info span{color: #aaa;}
.case-detail .info span i{color: #333;}
.case-detail .info span a:hover{text-decoration: underline;}


#featured-area {position: relative;height: 400px;width: 1200px;margin: 60px auto 0;}
#featured-area .roundabout-holder {list-style: none;width: 800px;height: 400px;margin: 0 auto;z-index: 1;}
#featured-area .roundabout-moveable-item { font-size: 12px; height: 400px; width: 700px; cursor: pointer; padding: 5px; border: 1px solid #aaa; -webkit-border-radius: 5px; -moz-border-radius: 5px; background: #f9f9f9;}
#featured-area .roundabout-moveable-item img {height: 100%;width: 100%;background-color: #fff;margin: 0}
#featured-area .roundabout-in-focus { cursor: auto}
#featured-area .roundabout-in-focus:hover {-webkit-box-shadow: 0 0 20px #787878;-moz-box-shadow: 0 0 20px #787878;background: #f9f9f9;}
#featured-area .roundabout-holder span {display: none}
#featured-area .roundabout-in-focus:hover span {display: inline;position: absolute;bottom: 5px;right: 5px;padding: 8px 20px;background: #f9f9f9;color: #36c;z-index: 999;-webkit-border-top-left-radius: 5px;-moz-border-radius-topleft: 5px;border-left: 1px solid #aaa;border-top: 1px solid #aaa}
#featured-area .roundabout a:active,
#featured-area .roundabout a:focus,
#featured-area .roundabout a:visited {outline: 0;text-decoration: none}
#featured-area .roundabout li {margin: 0}
#featured-area .ban_r_btn,#featured-area .ban_l_btn{position:  absolute;left: 10%;top: 50%;margin-top: -20px;z-index: 146;opacity: .75;width:  40px;height: 40px;cursor: pointer;}
#featured-area .ban_l_btn{right: 10%;left: auto;}
#featured-area .ban_r_btn i,#featured-area .ban_l_btn i{font-size: 40px;}
#featured-area .ban_r_btn:hover,#featured-area .ban_l_btn:hover{opacity: 1;}

.msg-banner{padding: 100px 0;font-size: 30px;height: 500px;background: url('../images/facebook-banner.jpg') no-repeat center;background-attachment: fixed;background-size: cover;text-align: center;color: #fff;}
.msg-banner i{color:#0eaefc;font-size: 70px;}
.msg-banner h3{color:#0eaefc;}
.msg-banner p{font-size: 60px;}
.msg-banner span{font-weight: bold;}
.messenger .out{text-align: center;padding: 40px 0 25px;}
.messenger .out .t{font-size: 24px;font-weight: bold;margin-bottom: 15px;}
.messenger .out .subt{color: #aaa;font-weight: bold;}
.messenger .out ul{margin-top: 40px;}
.messenger .out ul li{float: left;width: 25%;padding: 50px;height: 200px;}
.messenger .out ul li:hover{background: #f5f5f5;}
.messenger .out ul li i{color: #0eaefc;font-size:  60px;text-align:  center;display: block;width: 100px;height: 70px;margin: 0 auto 15px;}
.messenger .out ul li p{font-weight: bold;font-size: 14px;}
.messenger .new{background:#f5f5f5 url('../images/facebook-ct.png') no-repeat center;background-size: 490px;background-position: 80% 0;}
.messenger .new .font-box{padding: 40px 20px;width:  50%;}
.messenger .new .font-box strong{display: block;font-size: 14px;color: #1d2833;font-weight: bold;margin-bottom: 20px;}
.messenger .new .font-box h2{font-size: 24px;color: #1d2833;font-weight: bold;margin-bottom: 20px;}
.messenger .new .font-box p{color: #aaa;margin-bottom: 20px;font-size:  14px;}
.messenger .new .font-box p:last-child{margin-bottom: 0;}
.messenger .new .font-box p i{color:#0eaefc;margin-right: 5px;}

.messenger .video{height: 470px;background: url('../images/facebook-v.jpg') no-repeat center;text-align: center;color: #fff;background-size: cover;position:  relative;margin-bottom: 60px;padding-top: 30px;}
.messenger .video .macpro{height: 410px;background: url('../images/macpro.png') no-repeat center;background-size: 670px;width: 680px;position:  absolute;bottom: -70px;left: 50%;margin-left: -300px;}
.messenger .video .macpro video{background: #060606;width: 510px;height: 290px;margin-top: 25px;padding: 14px 0;box-sizing:  content-box;}
.messenger .video  span{font-size: 14px;margin-bottom:  10px;display: block;font-weight:  bold;}
.messenger .video  p{font-size:  24px;font-weight:  bold;}
.messenger .function{padding: 40px 0;}
.messenger .function h3{text-align: center;color: #1d2833;font-size: 24px;font-weight: bold;margin-bottom: 30px;}
.messenger .function ul{}
.messenger .function ul li{float: left;width: 50%;margin-bottom:  15px;padding-right: 15px;}
.messenger .function ul li i{float: left;font-size: 40px;width: 60px;height: 45px;color: #0eaefc;margin-right: 10px;transition:  all 0.5s;}
.messenger .function ul li .font-box{overflow: hidden;}
.messenger .function ul li .font-box strong{color: #0eaefc;font-weight: bold;font-size: 14px;}
.messenger .function ul li .font-box p{margin-bottom: 0;}
.messenger .function ul li:hover i{transform:rotateY(180deg);}




.en{}
.en .what p{margin-bottom: 10px;text-align: left;}
.en .what p:last-child{margin-bottom: 0;}
.en .nav-product li p{height: 40px;}
.en  .nav-product li span{height: 30px;}
.en .crm .experience{padding: 25px 0;}
.en .customs .step1 .font-box ul li span{height: 40px;}
.en .customs .step1 .font-box ul li{height: 120px;}
.en .customs .step1{height: 570px;}
.en .customs .step3 ul li{height: 250px;}
.en .banner2 h3{font-size: 24px;}
.en .register{padding:50px;}
.en .register-en p{display: inline-block;vertical-align: middle;}
.en .icon-box li p{height: 40px;}
.en .dataExcavate .experience p{font-size: 20px;}
.en .emailTrait ul li strong{height: 48px;}
.en .crm .contrast ul li h3{margin-bottom: 40px;}
.en .banner1 .font-box,.en .banner2 .font-box{width: 500px;}
.en .customs .step3 strong i{bottom: 50px;}
.en .sns .bottom ul{padding-left: 360px;}
.en .messenger1 .new{background-position: 80% bottom;}


.table{background-color: #FFF;width: 100%;margin-bottom: 10px;table-layout: fixed;}
.table thead tr th{background: rgb(80,103,139);font-size: 14px;font-weight: normal;color: #fff;padding: 6px 12px;}
.table thead tr th,.table tbody tr td{padding: 6px 12px;border: 0;border-right: 1px solid #f2f2f2;border-bottom: 1px solid #f2f2f2;vertical-align: middle;padding: 5px 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-align: center;}
.table tbody tr td:first-child{border-left: 1px solid #f2f2f2}
.text-left{text-align: left !important;}
.table-hover tr:nth-child(even) td{background: #eceff3;}
.ui-tab{}
.ui-tab li{cursor: pointer;float: left;padding: 8px 20px;background: #fff;font-size: 14px;}
.ui-tab li.active,.ui-tab li:hover{background:#eaeef3;}

.facebook{}
.facebook .fb-banner{padding: 100px 0;font-size: 30px;height: 500px;background: url(../images/fb-banner.jpg) no-repeat  top center;background-attachment: fixed;background-size: 1920px;color: #fff;}
.facebook .fb-banner .info{width: 700px;margin: 80px 160px 0 auto;text-align: left;}
.facebook .fb-banner .info h3{font-size: 24px;}
.facebook .fb-banner .info p{font-size: 34px;}
.facebook .fb-banner .info p i{color: #ffe032;}
.facebook .fb-banner .info span{font-size: 16px;}
.facebook .why{padding: 60px 0;text-align: center;}
.facebook .why h3{font-size: 24px;font-weight: bold;margin-bottom: 15px;}
.facebook .why .sub{color: #aaa;font-size: 12px; padding-bottom: 15px;}
.facebook .line{height: 1px;background: #eee;margin-bottom: 40px;position: relative;}
.facebook .line:before{content: '';display: block;position: absolute;top: -3px;left: 50%;background: url('../images/line.png') no-repeat;width: 76px;height: 7px;margin-left: -38px;}
.facebook .why ul{font-size: 0;}
.facebook .why ul li{ width: 30%;display: inline-block;font-size: 12px;margin-left: 3%;}
.facebook .why ul li .icon-box{background: #f5f5f5;padding: 10px 0;}
.facebook .why ul li .icon-box i{font-size: 80px;color: #fff;background: #6d70f1;padding: 10px 35px;border-radius: 10px;}
.facebook .why ul li .icon-box span{font-size: 100px;font-weight: bold;font-style: italic;color: #e7e7e7;background: #f5f5f5;font-family: "Times New Roman";}
.facebook .why ul li .font-box{}
.facebook .why ul li .font-box strong{font-size: 16px;line-height: 30px;}
.facebook .why ul li .font-box p{font-size: 12px;color: #aaa;line-height: 23px;}
.facebook .why ul li:nth-child(odd) .font-box{margin-top: 40px;}
.facebook .why ul li:nth-child(even) .font-box{margin-bottom: 40px;}

.facebook .why-use{background: url('../images/facebook-wu.png') no-repeat top center/1920px auto;background-size:cover;padding: 70px 0 90px;text-align: center;color: #fff;background-attachment: fixed;}
.facebook .why-use h3{font-size: 24px;line-height: 50px;}
.facebook .why-use p{font-size: 14px;line-height: 25px;}
.facebook .messenger1 .out{border-bottom: 1px solid #ddd;}
.facebook .messenger1 .out .subt{padding-bottom: 15px;display: block;}
.facebook .messenger1 .out ul li i{color: #aaa;}
.facebook .messenger1 .out ul li:hover,.facebook .messenger1 .out ul li:hover i{background: initial;color: #459dff;}
.facebook .messenger1 .video{background: initial;}
.facebook .messenger1 .video .macpro{background: url(../images/facebook-video.png) no-repeat center 0px/1920px 520px;height: 500px;margin: 0 auto;}
.facebook .messenger1 .video .macpro video{background: initial;width: 657px;height: 355px;margin: 13px -5px 0 -8px;box-sizing: content-box;padding: 0;}
.facebook .messenger1{background: #f9f9fa;}
.facebook .messenger1 .video{height: 470px;text-align: center;color: #fff;position:  relative;margin-bottom: 60px;padding-top: 30px;}
.facebook .messenger1 .video  span{font-size: 14px;margin-bottom:  10px;display: block;font-weight:  bold;}
.facebook .messenger1 .video  p{font-size:  24px;font-weight:  bold;}
.facebook .messenger1 .out ul li:first-child i::before{content: "\e624";}
.facebook .messenger1 .out ul li:first-child+li i::before{content: "\e625";}
.facebook .messenger1 .out ul li:first-child+li+li i::before{content: "\e623";}
.facebook .messenger1 .out ul li:first-child+li+li+li i::before{content: "\e631";}
.messenger1 .function{padding: 40px 0;}
.messenger1 .function h3{text-align: center;color: #1d2833;font-size: 24px;font-weight: bold;margin-bottom: 30px;}
.messenger1 .function ul{}
.messenger1 .function ul li{float: left;width: 50%;margin-bottom:  15px;padding-right: 15px;}
.messenger1 .function ul li i{float: left;font-size: 40px;width: 60px;height: 45px;color: #0eaefc;margin-right: 10px;transition:  all 0.5s;}
.messenger1 .function ul li .font-box{overflow: hidden;}
.messenger1 .function ul li .font-box strong{color: #0eaefc;font-weight: bold;font-size: 14px;}
.messenger1 .function ul li .font-box p{margin-bottom: 0;}
.messenger1 .function ul li:hover i{transform:rotateY(180deg);}
.messenger1 .out{text-align: center;padding: 40px 0 25px;}
.messenger1 .out .t{font-size: 24px;font-weight: bold;margin-bottom: 15px;}
.messenger1 .out .subt{color: #aaa;font-weight: bold;}
.messenger1 .out ul{margin-top: 40px;}
.messenger1 .out ul li{float: left;width: 25%;padding: 50px;height: 200px;position: relative;}
.messenger1 .out ul li:hover{background: #f5f5f5;}
.messenger1 .out ul li i{color: #0eaefc;font-size:  60px;text-align:  center;display: block;width: 100px;height: 70px;margin: 0 auto 15px;}
.messenger1 .out ul li p{font-weight: bold;font-size: 14px;}
.messenger1 .out ul li::after{content: "";width: 1px;height: 80px;background: #eee;position: absolute;right: 0;top: 50%;margin-top: -40px;}
.messenger1 .out ul li:last-child::after{display: none;}
.messenger1 .new{background:#f5f5f5 url('../images/facebook-ct.png') no-repeat center;background-size: 490px;background-position: 80% 0;}
.messenger1 .new .font-box{padding: 40px 20px;width:  50%;}
.messenger1 .new .font-box strong{display: block;font-size: 14px;color: #1d2833;font-weight: bold;margin-bottom: 20px;}
.messenger1 .new .font-box h2{font-size: 24px;color: #1d2833;font-weight: bold;margin-bottom: 20px;}
.messenger1 .new .font-box p{color: #aaa;margin-bottom: 20px;font-size:  14px;}
.messenger1 .new .font-box p:last-child{margin-bottom: 0;}
.messenger1 .new .font-box p i{color:#0eaefc;margin-right: 5px;}




@media (max-width: 1200px){
    .facebook .fb-banner .info{margin: 80px 0px 0 auto;}
    .banner3 .font-box{right: 50%;transform: translate(50%,0);}
    .banner .banner-row{margin:0 15px;}
    .youtube .marketing:before{right: -100px;}
}