html{overflow-x:hidden}
.header-nav{width:100%;height:71px;background:url(../images/support/20161130img1.png) center center no-repeat}
.banner{width:100%;height:642px;background:url(../images/support/20161130img2.png) center center no-repeat;min-width:1200px}
.container{width:1200px;margin:0 auto;position:relative;padding-top:190px}
.titletit{font-size:80px;color:#fff;line-height:85px;}
.h4ft{font-size:30px;color:#fff;margin-top:24px;line-height:30px}
.circle-wrapper{position:absolute;width:1038px;height:1038px}
.circle1{width:290px;height:290px;background:url(../images/support/4.png) no-repeat;margin:-45px 0 0 765px}
.circle2{width:453px;height:453px;background:url(../images/support/3.png) no-repeat;margin:-395px 0 0 675px}
.circle3{width:693px;height:693px;background:url(../images/support/2.png) no-repeat;margin:-557px 0 0 557px}
.circle4{width:1038px;height:1038px;background:url(../images/support/1.png) no-repeat;margin:-754px 0 0 386px}
.circle{-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-animation:rotate360 2s cubic-bezier(0,0.6,0.6,1) infinite;animation:rotate360 2s cubic-bezier(0,0.6,0.6,1) infinite}
@-webkit-keyframes rotate360{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}}
@keyframes rotate360{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
.color-back{width:100%;height:682px;background:url(../images/support/20161130img7.png) center center no-repeat}
.left-pt{width:626px;height:682px;background:url(../images/support/20161130img8.png) no-repeat}
.pull-left{float:left}
.left-ft{width:574px}
.line-one{font-size:36px;color:#333;line-height:54px}
.line-two{font-size:14px;color:#666;line-height:30px}
.mtop0{margin-top:0}
.mtop156{margin-top:156px}
.left-ftli{margin-bottom:50px}
.mbottom0{margin-bottom:0}
.grey-back{width:100%;height:636px;background:#f5f6f6;overflow:hidden;min-width:1200px}
.custumer-tit{background:url(../images/support/20161130img9.png) center center no-repeat;height:50px;width:100%;margin:0 auto;text-align:center;font-size:34px;color:#333;line-height:50px;margin-top:88px}
.customer-li.over{background:url(../images/support/20161201img2.png) repeat-x}
.customer-li.over .submit{display:inline-block}
.customer-li.out .submit{display:none}
.customer-li.over .span-ft1{display:none}
.customer-li.out .span-ft1{display:block}
.customer-li.over .ft-hover1{display:none}
.cus-icon{display:inline-block;width:78px;height:90px;background:url(../images/support/20161130img10.png)}
.icon1{background-position:0 -100px}
.icon2{background-position:-97px -100px;width:100px;}
.icon3{background-position:-217px -100px;width:88px}
.icon4{background-position:-324px -100px;width:109px}
.customer-li.over .ft-hover{color:#fff}
.customer-li.over .span-ft2{display:block;font-size:16px;color:#fff}
.customer-li.out .span-ft2{display:none}
.customer-li.over .span-ft{display:none}
.customer-li.out .span-ft{display:block}
.customer-li.over .submit{color:#fffc07;border:1px solid #fffc07}
.customer-li.over .span-ft3{display:block}
.customer-li.out .span-ft3{display:none}
.over .icon1{background-position:0 0}
.over .icon2{background-position:-97px 0;width:100px}
.over .icon3{background-position:-217px 0;width:88px}
.over .icon4{background:url(../images/support/20161201img1.png) no-repeat;width:134px;height:134px}
.customer-li.over .cus-div{animation:moveUpStepInfo .3s ease-out;-webkit-animation:moveUpStepInfo .3s ease-out;-moz-animation:moveUpStepInfo .3s ease-out;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards}
.customer-li.out .cus-div{animation:moveDownStepInfo .3s ease-out;-webkit-animation:moveDownStepInfo .3s ease-out;-moz-animation:moveDownStepInfo .3s ease-out;-ms-animation:moveDownStepInfo .3s ease-out;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;-ms-animation-fill-mode:forwards}
@-webkit-keyframes moveUpStepInfo{0%{height:210px;margin-top:90px}100%{margin-top:60px;height:200px}}
@-moz-keyframes moveUpStepInfo{0%{height:210px;margin-top:90px}100%{margin-top:60px;height:200px}}
@-ms-keyframes moveUpStepInfo{0%{height:210px;margin-top:90px}100%{margin-top:60px;height:200px}}
@keyframes moveUpStepInfo{0%{height:210px;margin-top:90px}100%{margin-top:60px;height:200px}}
@-webkit-keyframes moveDownStepInfo{0%{margin-top:60px;height:200px}100%{margin-top:90px;height:210px}}
@-moz-keyframes moveDownStepInfo{0%{margin-top:60px;height:200px}100%{margin-top:90px;height:210px}}
@-ms-keyframes moveDownStepInfo{0%{margin-top:60px;height:200px}100%{margin-top:90px;height:210px}}
@keyframes moveDownStepInfo{0%{margin-top:60px;height:200px}100%{margin-top:90px;height:210px}}
.customer-ul{width:100%;height:328px;margin-top:80px}
.customer-li{width:24.9%;height:328px;text-align:center;position:relative}
.cus-div{text-align:center;margin-top:64px;*margin-top:55px}
.ft-hover{font-size:30px;color:#333;margin-top:20px;line-height:50px}
.submit{display:inline-block;width:179px;height:36px;border-radius:50px;border:1px solid #666;text-align:center;line-height:36px;color:#666;margin-top:10px;font-size:20px}
.float-left{float:left}
.span-ft{font-size:16px;color:#666;padding-bottom:27px;display:inline-block}
.r-bor{width:1px;height:190px;background:#d5d5d5;margin-top:70px}
.span-ft1{font-size:16px;color:#666;padding-bottom:27px;display:inline-block}
.r-bor{width:1px;height:190px;background:#d5d5d5;margin-top:70px}
.ft-hover1{font-size:30px;color:#333;margin-top:20px;line-height:50px}
.span-ft3{font-size:30px;color:#fff;margin-top:20px;line-height:50px}