@charset "utf-8";
/* CSS Document */
* {
    margin: 0;
    padding: 0
}

html {
    *overflow-x: hidden
}

body {
    line-height: 20px;
    font-family:Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #333
}

body>div {
    text-align: left;
    margin-right: auto;
    margin-left: auto
}

div,form,ul,ol,li,span,dl,dt,dd,input {
    padding: 0;
    text-align: left
}

img,a img,p,fieldset {
    border: 0;
    margin: 0;
    padding: 0
}

h1,h2,h3,h4 {
    margin: 0;
    padding: 0;
    font-size: 100%
}

ul,ol,li {
    list-style: none
}

table,td,input {
    font-size: 12px
}

input[type="button"] {
    cursor: pointer;
    outline: 0
}

img {
    vertical-align: middle
}

a {
    outline-style: none;
    color: #333;
    text-decoration: none
}

a:hover {
    color: #333;
    text-decoration: underline
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,textarea,p,blockquote,th,td,iframe {
    margin: 0;
    padding: 0;
    font-weight: normal;
    font-family:Arial, Helvetica, sans-serif;
}

input,select {
    font-family:Arial, Helvetica, sans-serif;
}

input {
    -moz-box-sizing: border-box;
    font-family:Arial, Helvetica, sans-serif;
    font-size: 12px;
    vertical-align: middle;
    border: none;
    overflow: visible
}

input[type="text"],input[type="password"] {
    padding-left: 5px
}

address,caption,cite,dfn,em,var {
    font-style: normal;
    font-weight: normal
}

q:before,q:after {
    content: ''
}

abbr,acronym {
    border: 0
}

.clear {
    clear: both;
    padding: 0;
    margin: 0;
    font: 0;
    line-height: 0
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

* html .clearfix {
    height: 1%
}


.navbox{width:100%; min-width:1200px; height:75px; background:#1c1d25; position:fixed; top:0; left:0; z-index:6; -webkit-transition: padding 0.3s;
    -moz-transition: padding 0.3s;
    transition: padding 0.3s;}
.nav{width:1200px; margin:0 auto;}
.nav .logobox{float:left; width:162px; height:46px;margin-top:15px;}
.nav-right{float:right; width:556px; height:40px;margin-top:18px;}
.nav-right li{float:right; margin-left:60px; line-height:40px;}
.nav-right li a{display:block; height:38px; padding:0 18px; border-radius:3px; color:#fff; font-size:14px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; background:#1c1d25; letter-spacing:0.6px;}
.nav-right li a:hover{color:#38ffbc; text-decoration:none;}
.nav-right li a.active{/*background:#645afd;*/background:url(../images/new/nav-cur-bg.png) repeat-x;border-radius:5px;color:#1c1d25;}
.nav-right li a.active:hover{/*color:#fff; */text-decoration:none;}
.bannerout{width:100%; min-width:1200px; height:560px; padding-top:74px; background:#645afd;}
.bannerout .banner{width:1200px; height:590px; margin:0 auto; background:url(../images/new/VVbanner.jpg) no-repeat;}
.bannerout .banner .banner-right{float:right; width:573px;font-family:Arial, Helvetica, sans-serif;}
.bannerout .banner .banner-right h2{padding-top:146px; color:#fff; font-size:40px; font-weight:bold; text-align:left; line-height:46px; text-transform:uppercase; letter-spacing:1px;}
.bannerout .banner .banner-right .experts{padding-top:18px; color:#fff; font-size:22px; font-weight:bolder; text-align:left; line-height:26px; text-transform:uppercase; letter-spacing:2px;}
.bannerout .banner .banner-right .asbtn{display:block; width:278px; height:88px; margin-top:30px; background:url(../images/new/asbtn.png) no-repeat; background-size:contain;} 
.bannerout .banner .banner-right .asbtn:hover{background:url(../images/new/asbtn1.png) no-repeat; background-size:contain;}
.serviceout{width:100%; min-width:1200px; height:444px; padding-top:40px; position:relative;}
.serviceout .serviceoutbg{position:absolute; top:0; z-index:-1; width:100%; min-width:1200px; height:360px; background:#645afd;}
.serviceout .servicebox{width:1200px; height:430px; margin:0 auto; border-radius:20px; background:#fff; box-shadow:2px 2px 14px rgba(0,0,0,0.1); font-family:Arial, Helvetica, sans-serif;}
.serviceout .servicebox h3{padding-top:34px; color:#333; font-size:40px; font-weight:bold; text-transform:uppercase; text-align:center; line-height:46px; letter-spacing:0.6px;}
.serviceout .servicebox .service-intro{line-height:22px; color:#666; font-size:14px; text-align:center; letter-spacing:0.6px;}
.serviceout .servicebox .service-detail{width:1000px; margin:30px auto 0; border-top:1px dotted #b7b5cd;}
.serviceout .servicebox .service-detail dl{float:left; width:250px; margin-top:40px;}
.serviceout .servicebox .service-detail dl.middle{margin-left:124px; margin-right:124px;}
.serviceout .servicebox .service-detail dl dd{text-align:center;}
.serviceout .servicebox .service-detail dl .service-title{margin-top:30px; color:#333; font-size:18px; font-weight:bold; text-align:center; line-height:20px;}
.serviceout .servicebox .service-detail dl.middle .service-title{margin-top:10px;}
.serviceout .servicebox .service-detail dl .service-specific{margin-top:10px; color:#666; font-size:13px; text-align:center; line-height:20px; letter-spacing:0.6px;}
.appsbox{width:1200px; margin:0 auto; padding-bottom:100px; background:#fff; font-family:Arial, Helvetica, sans-serif;}
.appsbox h3{padding-top:74px; color:#3f3d56; font-size:40px; font-weight:bold; text-transform:uppercase; text-align:center; line-height:46px; letter-spacing:0.6px;}
.appsbox .apps-intro{line-height:22px; color:#666; font-size:14px; text-align:center; letter-spacing:0.6px;}
.appsbox .apps-detail{margin-top:38px;}
.appsbox .apps-detail .apps-detail-block{float:left; position:relative; width:572px; height:246px; border:3px solid #f4f4f4; border-radius:10px;cursor:pointer;}
.appsbox .apps-detail .apps-detail-block:hover{box-shadow:2px 2px 14px rgba(0,0,0,0.1);}
.appsbox .apps-detail .apps-detail-block1,.appsbox .apps-detail .apps-detail-block2{margin-bottom:30px;}
.appsbox .apps-detail .apps-detail-block1,.appsbox .apps-detail .apps-detail-block3{margin-right:40px;}
.appsbox .apps-detail .apps-detail-block1 img,.appsbox .apps-detail .apps-detail-block3 img{position:absolute; top:-3px; left:-3px;}
.appsbox .apps-detail .apps-detail-block2 img,.appsbox .apps-detail .apps-detail-block4 img{position:absolute; top:-3px; right:-3px;}
.appsbox .apps-detail .apps-detail-block .apps-detail-block-right{float:right; width:205px; height:160px; padding-right:20px;}
.appsbox .apps-detail .apps-detail-block .apps-detail-block-left{ width:205px; height:160px; margin-left:20px;}
.appsbox .apps-detail .apps-detail-block .apps-title{ padding-top:45px; color:#333; font-size:16px; text-align:left; font-weight:bold; text-transform:uppercase;}
.appsbox .apps-detail .apps-detail-block span{display:block; width:80px; height:2px; margin-top:10px; background:url(../images/new/line1.png) no-repeat;}
.appsbox .apps-detail .apps-detail-block p{margin-top:24px; color:#666; font-size:13px; line-height:20px; letter-spacing:0.6px;}
.appsbox .apps-detail .apps-detail-block a{margin-top:28px; display:block; width:128px; height:22px; padding-right:10px; border:1px solid #333; border-radius:15px; color:#333; text-align:center; line-height:22px; background:url(../images/new/app-btn.png) 102px 7px no-repeat; background-size:10px;opacity:0.8;}
.appsbox .apps-detail .apps-detail-block:hover a{opacity:1;}
.appsbox .apps-detail .apps-detail-block a:hover{text-decoration:none;}
.aboutusout{width:100%; min-width:1200px; background:#3f3d56;}
.aboutbox{width:1200px; margin:0 auto; padding-top:100px;}
.aboutleft{float:left; width:620px; margin-top:5px; margin-left:50px;}
.aboutleft h4{color:#8f8bba; font-size:100px; font-weight:bolder; line-height:104px;}
.aboutleft .about-content{margin-top:10px;}
.aboutleft .about-content p{padding-top:20px; color:#fff; font-size:14px; line-height:24px; letter-spacing:0.8px;}
.aboutleft>img{margin-top:30px;}
.aboutright{float:right; width:469px; padding-left:6px; background:url(../images/Vertical-bar.png) center left no-repeat;}
.aboutright dl{width:381px; height:78px; padding-left:35px; padding-top:30px; padding-bottom:20px; background:url(../images/aboutusboxbg1.png) no-repeat;box-shadow:5px 5px 10px rgba(40,38,57,0.7);}
.aboutright dl:hover{box-shadow:5px 5px 10px rgba(40,38,57,0.8);}
.aboutright dl dd{float:left; width:70px; height:70px; margin-right:15px;}
.aboutright dl dt{float:left; width:270px; height:70px;}
.aboutright dl dt div{color:#fff; font-size:14px; font-weight:bold; line-height:32px; letter-spacing:0.6px;}
.aboutright dl dt span{display:inline-block; height:20px; margin-top:5px; padding:0 40px 0 20px; border:1px solid #8f8bba; border-radius:10px; line-height:20px; color:#8f8bba; font-size:12px; background:url(../images/app-btn.png) no-repeat; background-size:10px;}
.aboutright dl:hover span{text-decoration:none; color:#fff; border:1px solid #fff; background-image:url(../images/app-btn2.png);}
.aboutright .aboutrightblock2,.aboutright .aboutrightblock3{margin-top:24px;}
.aboutright .aboutrightblock1 dt span{background-position:98px 6px;}
.aboutright .aboutrightblock2 dt span{background-position:139px 6px;}
.aboutright .aboutrightblock3 dt span{background-position:125px 6px;}
.copyrightbox{width:1200px; margin:83px auto 0; padding-bottom:30px; border-top:2px solid #39374e;}
.copyrightbox div{ padding-top:30px; color:#8280a9; font-size:12px;text-align:center; line-height:24px; letter-spacing:0.6px;}
.copyrightbox div a{padding:0 22px; color:#8280a9;}
.copyrightbox div a:hover{color:#fff;}
.copyrightbox p{margin-top:10px; color:#535072; font-size:12px; text-align:center; line-height:24px; letter-spacing:1px;}

.mask{display:none;width:100%; min-width:1200px; background:#fff; position:fixed; top:0;left:0; right:0; z-index:10; font-family:Arial, Helvetica, sans-serif; overflow-x:hidden; overflow-y:scroll; }
.mask-container{position:relative;display:none;}
.mask h4{padding-top:110px; color:#3f3d56; font-size:70px; font-weight:bold; text-align:center; line-height:70px;}
.mask .subtitle{ color:#3f3d56; font-size:16px; text-align:center; line-height:26px;}
.bulkimg{width:640px; margin:45px auto 0; text-align:center;}
.textbox{width:640px; margin:45px auto 0; color:#3f3d56; font-size:13px; line-height:24px; letter-spacing:0.6px;} 
.textbox p{padding-bottom:30px;}
.textbox ul{list-style:disc; margin-left:1.5em;}
.textbox ul li{padding:0 0 20px 20px;list-style:disc;}
.check{width:640px; height:50px; margin:30px auto 0; text-align:center; border-radius:10px; color:#3f3d56; font-weight:bold; font-size:15px; line-height:50px; background:#fffe00; letter-spacing:0.8px;cursor:pointer;}
.check:hover{background:#eeed00;box-shadow:1px 1px 8px rgba(0,0,0,0.1);}
.mask-close2{width:640px; margin:25px auto; color:#666; font-size:14px; text-align:center; line-height:20px; text-decoration:underline; letter-spacing:0.6px;cursor:pointer;}
.mask-close2:hover{color:#333;}
.mask-close1{position:absolute; top:100px; right:100px; width:60px; height:60px; background:url(../images/bulkclose.png) no-repeat; cursor:pointer;opacity:0.8;}
.mask-close1:hover{opacity:1;}
.modal-open {
    overflow: hidden;
}