.top-nav{
    background-image: url("../../img/customer-service-bg.png");
    background-repeat: no-repeat;
    background-position: center top;
    height:846px;
    width:100%;
    padding-top:606px;
    background-color: #fff;
}
@font-face {
    font-family: 'LanTingHei';
    src:url("../../font/FounderHei.TTF");
}
@font-face {
    font-family:'AcuminVariabl';
    src:url("../../font/acumin-semibold.ttf");
}
@font-face {
    font-family: 'LanTingZhongHei';
    src:url("../../font/FounderZhong.TTF");
}
@font-face{
    font-family:'myriad Pro';
    src:url("../../font/MyriadPro-Regular.ttf");
}
@font-face{
    font-family:'LanTingKaiHei';
    src:url("../../font/FounderkaiHei_GBK.TTF");
}
@font-face{
    font-family: 'AcuminPro';
    src:url("../../font/Acumin-Pro-Light.ttf");
}
@font-face{
    font-family: 'LanTingCuHei';
    src:url("../../font/FounderCuHei.TTF");
}
.main{
    postion:relative;
    width:100%;
    padding:0 80px;
    display:flex;
    flex-direction: row;
}
.main .view{
    width:320px;
    margin-right:40px;
    border:1px solid #ddd;
    height:240px;
    background-color: #fff;
    /*border: 10px solid #fff;*/
    overflow: hidden;
    position:relative;
    text-align: center;
    -webkit-box-shadow: 1px 1px 2px #e6e6e6;
    -moz-box-shadow: 1px 1px 2px #e6e6e6;
    box-shadow: 1px 1px 2px #e6e6e6;
    cursor: default;
}
.main .view:last-child{
    margin-right:0px;
}
.view .mask,.view .content {
    width: 100%;
    /*height: 200px;*/
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
}
.view img {
    display: block;
    position: relative;
    margin:0 auto;
}
.view .mask_front h2 {
    text-transform: uppercase;
    color: #333;
    text-align: center;
    position: relative;
    font-size: 24px;
    font-family: LanTingKaiHei;
    padding: 10px;
    /*background: rgba(0, 0, 0, 0.8);*/
    margin: 20px 0 0 0;
}
.view .mask h2{
    font-size:16px;
    color:#333;
    line-height: 1;
    margin:30px 0 16px 0;
}
.view .mask p,.view .mask ul li{
    color:#666;
    font-size:14px;
    line-height: 1.6;
    padding:0 30px;
    text-align: left;
}
.view .mask ul li{
    padding-left:50px;
    position: relative;
}
.view .mask  ul li:before{
    content:'';
    display: inline-block;
    position: absolute;
    width: 3px;
    height: 3px;
    border:1px solid #333;
    border-radius: 50%;
    background-color: #333;
    top:9px;
    left:35px;
}
.view .mask p{
    margin-bottom:12px;
}
.view p {
    /*font-family: Georgia, serif;*/
    /*font-style: italic;*/
    /*font-size: 12px;*/
    /*position: relative;*/
    /*color: #fff;*/
    /*padding: 10px 20px 20px;*/
    /*text-align: center;*/
}
.view a.info {
    display: inline-block;
    text-decoration: none;
    padding: 7px 14px;
    background: #000;
    color: #fff;
    text-transform: uppercase;
    -webkit-box-shadow: 0 0 1px #000;
    -moz-box-shadow: 0 0 1px #000;
    box-shadow: 0 0 1px #000;
}
.view a.info:hover {
    -webkit-box-shadow: 0 0 5px #000;
    -moz-box-shadow: 0 0 5px #000;
    box-shadow: 0 0 5px #000;
}
.view-fifth .mask_front {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.view-fifth .mask {
    background-color: rgba(255,255,255,1);
    -webkit-transform: translateX(-300px);
    -moz-transform: translateX(-300px);
    -o-transform: translateX(-300px);
    -ms-transform: translateX(-300px);
    transform: translateX(-300px);
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.view-fifth .mask_front{
    position:absolute;
    width:100%;
    height:100%;
    text-align: center;
    padding:60px 0px 40px 0;
}
.view-fifth h2 {
    background: rgba(255, 255, 255, 0.5);
    color: #000;
    /*-webkit-box-shadow: 0px 1px 3px rgba(159, 141, 140, 0.5);*/
    /*-moz-box-shadow: 0px 1px 3px rgba(159, 141, 140, 0.5);*/
    /*box-shadow: 0px 1px 3px rgba(159, 141, 140, 0.5);*/
}
.view-fifth p {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    color: #333;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.view-fifth:hover .mask {
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -o-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
}
.view-fifth:hover .mask_front {
    -webkit-transform: translateX(300px);
    -moz-transform: translateX(300px);
    -o-transform: translateX(300px);
    -ms-transform: translateX(300px);
    transform: translateX(300px);
}
.view-fifth:hover p {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
}
#center_service{
    padding-top:120px;
    /*height:600px;*/
}
#center_service .title{
    margin-bottom:80px;
    line-height: 1;
    font-size:30px;
    font-family: LanTingHei;
    color: #333;
}
#center_service .service_company  ul{
    width:1250px;
    margin:0 auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
#center_service .service_company ul li{
    margin-right:110px;
    margin-bottom:60px;
    position: relative;
    overflow: hidden;
    padding-left:20px;
    padding-bottom:20px;
}
#center_service .service_company ul li>a{
    display: inline-block;
    position: relative;
    z-index:3;
    font-size:0;
}
#center_service .service_company  ul li img{
    background-color: #fff;
}
#center_service .service_company ul li .mask-bg{
    /*position:absolute;*/
    /*width:0%;*/
    /*height:0%;*/
    /*background-color:#ddd ;*/
    /*top:20px;*/
    /*right:20px;*/
    /*z-index:-1;*/
    /*opacity:1;*/
    /*!*transform: scale3d(0,1,1);*!*/
    /*transition: all 0.3s cubic-bezier(0,.72,1,.76);*/

}
#center_service .service_company ul li:hover .mask-bg{
    /*width:100%;*/
    /*height:100%;*/
    /*!*transform: scale3d(1,1,1);*!*/
    /*transition: all 0.3s cubic-bezier(0,.72,1,.76);*/
}

#center_service .service_company ul li:nth-child(3n){
    margin-right:0px;
}
#center_service1{
    background-color: #fff;
    padding:120px 375px 0px;
}
#center_service1 .service_process>.title{
    margin-bottom: 40px;
    line-height: 1;
    font-size: 30px;
    font-family: LanTingHei;
    color: #333;
}
#center_service1 .service_process .tab_nav{
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-bottom:80px;
}
#center_service1 .service_process .tab_nav li{
    width:100px;
    height:30px;
    font-size: 16px;
    border:1px solid #ddd;
    line-height: 28px;
    cursor: pointer;
}
#center_service1 .service_process .tab_nav li.active{
    background-color: #e50012;
    color:#fff;
}
#center_service1 .service_process .tab_nav li:nth-child(2){
    margin:0 60px;
}
#center_service1 .process_box{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
#center_service1 .process_box .process_content_left{
    text-align: left;
    /*width:340px;*/
}
#center_service1 .process_box .process_content_left .content-list{
    margin-bottom:30px;
}
#center_service1 .process_box .process_content_left .content-list h1{
    font-size:16px;
    color:#333;
    font-weight: 500;
    line-height: 1.5;
}
#center_service1 .process_box .process_content_left .content-list h1>p.title{
    font-size:16px;
    color:#333;
    line-height:1.5;
}
#center_service1 .process_box .process_content_left .content-list h1>p.subtitle{
    margin-top:15px;
    color:#666;
    font-size: 14px;
}
#center_service1 .process_box .process_content_left .content-list h1>p.subtitle>span{
    padding-left:5px;
    color:#333;
}
#center_service1 .process_box .process_content_left .content-list h1>p.title>span{
    color:#999;
    font-size: 14px;
    padding-left:8px;
}
.border{
    padding:15px 20px;
    border:1px dashed #ddd;
}
#center_service1 .process_box .process_content_left .content-list .content-detail{
    margin-top:15px;
    margin-left:12px;
}
#center_service1 .process_box .process_content_left .content-list .content-detail p{
    color:#666;
    font-size: 14px;
    line-height: 1;
    margin-bottom:15px;
}
#center_service1 .process_box .process_content_left .content-list .content-detail p.message{
    color:#999;
}
.mouse-position-item>div{
    width: 100%;
    height: 100%;
    position: absolute;
    transition: transform 1s;
    transform: rotate(-180deg);
    transform-origin: top left;
    background-color:#ddd ;
    top:20px;
    right:20px;
    z-index:1;
}
/*设置旋转的原点  start*/
.mouse-position-item>div.top{
    transform-origin: top left;
}
.mouse-position-item>div.right{
    transform-origin: top right;
}
.mouse-position-item>div.bottom{
    transform-origin: bottom right;
}
.mouse-position-item>div.left{
    transform-origin: bottom left;
}
#center_service .service_company{
    padding-bottom:120px;
}
/*设置旋转的原点  end*/
/*.mouse-position-item>div>img{*/
    /*min-width: 440px;*/
    /*min-height: 220px;*/
/*}*/
.current div{
    transform: rotate(0deg);
}
#center_service .choose_platform{
    font-size:16px;
    color:#999;
}
#center_service .answer_question{
    width:920px;
    margin: 0  auto;
}
#center_service .answer_question .question_item{
    border:1px solid #ddd;
    margin-bottom:10px;
    padding:0px 30px 10px 0px ;
    text-align: left;
    position:relative;
}
/*#center_service .answer_question .question_item:after{*/
    /*content:'';*/
    /*display: inline-block;*/
    /*position:absolute;*/
    /*width:30px;*/
    /*height:2px;*/
    /*background-color: #999;*/
    /*left:30px;*/
    /*top:37px;*/
/*}*/
/*#center_service .answer_question .question_item .plus{*/
    /*position:absolute;*/
    /*width:90px;*/
    /*height:100%;*/


/*}*/
/*#center_service .answer_question .question_item:before{*/
    /*content:'';*/
    /*display: inline-block;*/
    /*position:absolute;*/
    /*width:2px;*/
    /*height:30px;*/
    /*background-color: #999;*/
    /*left:45px;*/
    /*top:23px;*/
/*}*/
/*#center_service .answer_question .question_item.active:before{*/
    /*display: none;*/
/*}*/
#center_service .answer_question .question_item .question_answer{
    /*display: block;*/
}
#center_service .answer_question .question_item .question-title{
    font-size:16px;
    font-family: LanTingKaiHei;
    color:#333;
    padding:30px 0 20px 90px;
    cursor: pointer;
    position:relative;

}
#center_service .answer_question .question_item .question-title .plus{
    position:absolute;
    width:90px;
    height:100%;
    z-index:3;
    top:0px;
    left:0;
}
#center_service .answer_question .question_item .question-title .plus:after{
    content:'';
    display: inline-block;
    position:absolute;
    width:30px;
    height:2px;
    background-color: #999;
    left:30px;
    top:37px;
}
#center_service .answer_question .question_item .question-title .plus:before{
    content:'';
    display: inline-block;
    position:absolute;
    width:2px;
    height:30px;
    background-color: #999;
    left:45px;
    top:23px;
}
#center_service .answer_question .question_item.active .question-title .plus:before{
    display: none;
}
#center_service .answer_question .question_item .question_answer{
    /*margin-top:19px;*/
    font-size:14px;
    color:#999;
    line-height: 1;
    display: none;
    padding-left:90px;
}
#center_service .answer_question .question_item .question_answer p{
    margin-bottom:20px;
}
#center_service .answer_question .question_item .question_answer p a{
    text-decoration: none;
    color:#0070c9;
    padding-left:12px;
    display: inline-block;
}
#topNav ul.navTab li.has-dropdown a{
    color:#333;
}