@charset "utf-8";

body,p,h1,h2,h3,h4,h5,h6,dl,dd{margin:0; font-size: 12px;
    font-family: Arial,"PingFang SC","Hiragino Sans GB",STHeiti,"Microsoft YaHei","WenQuanYi Micro Hei",sans-serif;}
body{ text-align: center; overflow-x: hidden;}
div{text-align: left; margin: 0 auto;}
ol,ul{list-style:none;padding:0;margin:0;}
a{text-decoration:none;}
img{border:none; vertical-align:top;}

.clear:after{content:'';display:block;clear:both;}
.clear{zoom:1;}


/*固定的头部*/
.fixedtop{height: 100px; width: 100%; z-index: 200;}
/*
.top{height: 60px; width: 100%; position: fixed; top:0; padding: 14px 40px; background-color: #1a1f2a;
    border-bottom: 1px solid #2a303c; box-sizing: border-box; z-index: 200;}
.top a{ vertical-align: middle; line-height: 32px;}
.top .logo{width: 108px; height: 22px; display: inline-block; margin-right: 40px; vertical-align: middle;
    background: url("../../images/product/img1/logo.png") no-repeat;background-size: cover; }
.top .backHome,.top .backHome:link    {color: #a8aaae;}
.top .backHome:hover   {color:white;}
.top .businessContact{ color: white; float: right; display: inline-block; width: 90px; height: 32px;
    border-radius: 6px; text-align: center; }
.top .businessContact:link {background-color: #3860f4;}
.top .businessContact:hover   {background-color: #1c4bfc;}
*/
/*banner条*/
.banner{text-align: center; overflow: hidden;
    background: url("../../images/product/img1/0banner1.png") no-repeat center #12161E;}
.bannerImge{ 
	opacity: 0;
    animation-name: light;  animation-delay:1.5s;  animation-duration: 3s;
    animation-timing-function: ease-in-out; animation-iteration-count: infinite;
    animation-direction: alternate;}

@keyframes light{
    from{
        opacity: 0;
    }
    to{
        opacity: 1;
    }
}
.bannerBox{margin: 0 calc(50% - 500px); width: 1000px; position: absolute; top: 112px; color: white; text-align: left;}
.bannerBox a{ vertical-align: middle; line-height: 38px; color: white;}
.bannerBox h1{font-size: 40px; font-weight: normal; line-height: 64px;}
.bannerBox p{font-size: 18px; line-height: 40px; margin-bottom: 64px;}
.bannerBox .button{margin-top: 10px; border: 1px solid white; border-radius: 6px; display: inline-block;
    width: 114px; margin-right: 20px; text-align: center; font-size: 14px; background-color: #282e3a;}
.bannerBox .button:hover {background-color: #353b4a;color:#fff;text-decoration:unset;}
.bannerBox .aPackage{color:#cedbf2;text-decoration:underline;margin-left:10px;}
.bannerBox .aPackage:hover{color:#fff}

.bannerBox .membership{border: 1px solid #04c8dc; border-radius: 6px; display: inline-block;
    width: 114px; margin-right: 20px; text-align: center; font-size: 14px; background-color: #3860f4;}
.bannerBox .membership:hover { background-color: #1c4bfc;}

.bannerBox .version{color: #97a0b1; line-height: 20px; }
/* 导航 */
.navigation{width: 100%; height: 0; position: relative;top:-45px; background-color: white; z-index: 100;}
.navigationBox{width: 1000px; height: 90px; margin: 0  calc(50% - 500px) 0  calc(50% - 500px);  position: absolute;
    background-color: white; display: flex; box-shadow: 0 4px 20px 0 rgba(74,77,84,0.2);}

.fixed_top{ height: 90px; box-shadow: 0 4px 20px 0 rgba(74,77,84,0.2); position: fixed; top:0px; }
.fixed_top .navigationBox{box-shadow: none;}
.fixed_top_padding{padding-top: 150px;}

.navigationBox a{width: 25%; float: left; line-height: 90px; text-align: center; color: #292b33; cursor: pointer;
    vertical-align: middle; font-size: 22px; box-sizing: border-box;}
.navigationBox a:last-child{border: none;}
.navigationBox a:hover { text-decoration: none; /*超链接无下划线*/ }
.navigationBox a img{vertical-align: middle; margin-right: 12px;}
.navigationBox a img[state=inactive]{display:inline-block;}
.navigationBox a img[state=active]{display: none;}
.navigationBox a:hover,.navigationBox .active { background-color: #3860f4; color: white; box-shadow: 0 16px 20px 0 rgba(56,96,244,0.26);}
.navigationBox a:hover img[state=inactive] , .navigationBox .active img[state=inactive] {display: none;}
.navigationBox a:hover img[state=active] , .navigationBox .active img[state=active] {display: inline-block;}


/*全天候在线客服*/
.customerServiceBox{width: 100%; background-color: #f6f9fd;  padding-top: 150px;}
.customerServiceBox h1{font-size: 32px; font-weight: normal; text-align: center; color: #292b33;}
.customerServiceBox .carousel{width: 1400px; overflow: hidden;}
.customerServiceBox .carousel ul{width: 200%; height: 430px; text-align: center; margin: 50px 0 80px 0;}
.customerServiceBox .carousel ul li{width: 310px; height: 330px; margin: 50px 20px; border-radius: 6px; background-color: white;
    float: left; padding: 45px 20px  20px 20px; box-sizing: border-box; font-size: 30px; position: relative; cursor: pointer;}
.customerServiceBox .carousel ul li .titleImg{width: 82px; height: 82px; margin: 0 auto;}
.customerServiceBox .carousel ul li .remote{background: url("../../images/product/img1/remote.png") no-repeat center;}
.customerServiceBox .carousel ul li .membership{background: url("../../images/product/img1/membership.png") no-repeat center;}
.customerServiceBox .carousel ul li .intelligence{background: url("../../images/product/img1/intelligence.png") no-repeat center;}
.customerServiceBox .carousel ul li .consulting{background: url("../../images/product/img1/consulting.png") no-repeat center;}
.customerServiceBox .carousel ul li .titleImg img{display: none;}
.customerServiceBox .carousel ul li h3{line-height: 20px; font-size: 18px; font-weight: normal; color: #292b33;}
.customerServiceBox .carousel ul li h4{line-height: 45px; font-size: 13px; font-weight: normal; color: #525666;}
.customerServiceBox .carousel ul li p{line-height: 22px; font-size: 12px; color: #7a8199; display: none;}
.customerServiceBox .carousel ul li .numImg{margin-top: 10px;}
.customerServiceBox .carousel ul li .button{background-color: #3860f4; color: white; font-size: 14px; height: 45px;
    position: absolute; bottom: 0; left: 0; right: 0; display: none; padding: 0 20px;
    line-height: 45px; vertical-align: middle; border-radius: 0 0 6px 6px;}
.customerServiceBox .carousel ul li .button img{float: right;  margin-top: 13px;}
.customerServiceBox .carousel ul li:hover{height: 430px; margin-top: 24px;}
.customerServiceBox .carousel ul li:hover p{line-height: 22px; font-size: 12px; color: #7a8199; display: block;}
.customerServiceBox .carousel ul li:hover .button{ display: block;}
.customerServiceBox .carousel ul li:hover .titleImg img{display: block;  animation-name: rotate;
    animation-duration: 3s; animation-iteration-count: infinite; animation-timing-function: linear;}
@keyframes rotate{
    from {
        transform:rotate(0);
    }
    to{
        transform:rotate(-360deg)
    }
}
/*财税工具箱*/
.toolBox{ background:url("../../images/product/img1/toolBoxBj.png") no-repeat center #232940; background-size: auto 863px;
    padding-top: 260px; width: 100%; height: 863px; box-sizing: border-box;}
.toolBox .toolGroup{width: 1000px; height: 440px; text-align: center; position: relative;}
.toolBox .toolBoxRotate{width: 400px; height: 400px; margin: 20px auto; border-radius: 60%;
    background:url("../../images/product/img1/toolBoxRotate.png") no-repeat center; animation-name: rotate2;
    animation-duration: 8s; animation-iteration-count: infinite;animation-timing-function: linear;}
@keyframes rotate2{
    from {
        transform:rotate(0);
    }
    to{
        transform:rotate(-360deg)
    }
}
.toolBox .toolGroup .toolBoxItem{position: absolute; width: 310px; height: 88px;
    display: flex; display: -webkit-flex;align-items:center;}
.toolBox .toolGroup .toolBoxItem img{opacity: 0;}
.toolBox .toolGroup .toolBoxItem .text{margin: 0 -16px;}
.toolBox .toolGroup .toolBoxItem .text1,.toolBox .toolGroup .toolBoxItem .text4{margin-bottom: -14px;}
.toolBox .toolGroup .toolBoxItem .text3,.toolBox .toolGroup .toolBoxItem .text6{margin-top: -14px;}
.toolBox .toolGroup .toolBox1{top: -20px; left: 20px;justify-content:flex-end; align-items:flex-end;}
.toolBox .toolGroup .toolBox2{top: 160px; left: 8px;justify-content:flex-start;}
.toolBox .toolGroup .toolBox3{bottom: 0; left: 38px; justify-content:flex-end;align-items:flex-start;}
.toolBox .toolGroup .toolBox4{top: -20px; right: 20px;justify-content:flex-start; align-items:flex-end;}
.toolBox .toolGroup .toolBox5{top: 160px; right: 8px;justify-content:flex-end;}
.toolBox .toolGroup .toolBox6{bottom: 0px; right: 38px;justify-content:flex-start;align-items:flex-start;}

/* 财务培训 */
#trainBox{ background-color:#f6f9fd;}
.trainBox{ width: 1000px; height: 1590px; margin: 0 auto; padding-top: 35px;}
.trainBox h1{font-size: 32px; font-weight: normal; text-align: center; color: #292b33; line-height: 100px;}
.trainBox p{font-size: 16px; width: 600px; color: #7a8199; line-height: 24px; margin: 0 auto 40px auto;  text-align: center}
.trainBoxIcon{margin: 20px auto; height: 200px; width: 1000px; display: flex;}
.trainBoxIcon li{width: 200px; display: inline-block;}
.trainBoxIcon li img{position: relative; top:150px; opacity: 0;}
.trainGroup1 , .trainGroup2, .trainGroup3 { width: 1000px; height: 370px; margin: 0 auto; display: flex; padding-top: 20px; box-sizing: border-box;}
.trainBox .text , .trainBox .img{width: 500px; height: 370px; box-sizing: border-box;}
.trainBox .text{padding-left: 90px; padding-top: 130px;}
.trainBox .text h1{color: #525666; font-size: 36px; line-height: 60px; font-weight: normal; text-align: left;}
.trainBox .text p{color: #7a8199; font-size: 20px; line-height: 60px; text-align: left;}
.trainBox .text p span{color: #3860f4;}
.trainBox .trainGroup1 .text{position: relative; left:-500px; opacity: 0;}
.trainBox .trainGroup1 .img{background: url("../../images/product/img1/trainImg1.png") no-repeat 95px center;position: relative; right:-500px; opacity: 0; }
.trainBox .trainGroup2 .img{background: url("../../images/product/img1/trainImg2.png") no-repeat 100px center;position: relative; left:-500px; opacity: 0; }
.trainBox .trainGroup2 .text{position: relative; right:-500px; opacity: 0;}
.trainBox .trainGroup3 .text{width: 600px; padding-left: 70px;position: relative; left:-600px; opacity: 0;}
.trainBox .trainGroup3 .img{width: 400px; background: url("../../images/product/img1/trainImg3.png") no-repeat 30px center;position: relative; right:-400px; opacity: 0;}
/* 企业综合服务 */
#serviceBox{background-color:white; width: 100%; overflow: hidden;}
.serviceBox{width: 1000px; height: 760px; margin: 0 auto; text-align: center;}
.serviceBox h1{color: #292b33; font-size: 32px; line-height: 150px; font-weight: normal;}
.serviceBox .serviceGroup{display: flex; justify-content:space-between;}
.serviceBox .serviceGroup .left,.serviceBox .serviceGroup .right{width: 460px; text-align: center;}
.serviceBox .serviceGroup .left{margin-right: 40px; position: relative; top: 550px; opacity: 0;}
/*  .serviceBox .serviceGroup .right{margin-left: 40px; position: relative; top: 700px; opacity: 0;}  */
.serviceBox .serviceGroup .right{margin: 0 auto; position: relative; top: 700px; opacity: 0;}
.serviceBox .serviceGroup .left .img,.serviceBox .serviceGroup .right .img{width: 460px; height: 310px;}
.serviceBox .serviceGroup .left .img{background: url("../../images/product/img1/serviceImg1.png") no-repeat center;}
.serviceBox .serviceGroup .right .img{background: url("../../images/product/img1/serviceImg2.png") no-repeat center;}
.serviceBox .serviceGroup h1,.serviceBox .serviceGroup p{text-align: center;}
.serviceBox .serviceGroup h1{color: #3d414c; font-size: 34px; line-height: 90px;}
.serviceBox .serviceGroup p{color: #7a8199 ; font-size: 16px; line-height: 22px; margin-bottom: 45px;}
.serviceBox .serviceGroup .button{width: 180px; height: 45px; border-radius: 6px; background-color: #3864f4;
    box-shadow: 0 10px 20px 0 rgba(56,96,244,0.26); margin: 0 auto; display: block; line-height: 45px; padding: 0 40px;
    box-sizing: border-box; color: white; vertical-align: middle; font-size: 14px;}
    .serviceBox .serviceGroup .button:hover {background-color: #1c4bfc; text-decoration: unset;}
.serviceBox .serviceGroup .smallTo{vertical-align: middle; margin-left: 16px;}
    /*下载客户端*/
.clientBox{background:url("../../images/product/img1/clientBoxBj.png") no-repeat center #161c28; width: 100%; height: 250px;
 text-align: center; color: white;}
.clientBox h1{font-size: 28px;    font-weight: normal;    padding-top: 38px;}
.clientBox p{font-size: 18px;   line-height: 48px; color:#b8bccc;}
.clientBox .buttonBox{margin: 0 auto; text-align: center; padding-top: 36px;}
.clientBox a{ vertical-align: middle; line-height: 38px; color: white;}
.clientBox .button{border: 1px solid white; border-radius: 6px; display: inline-block;
    width: 114px; margin-right: 20px; text-align: center; font-size: 14px; background-color: #282e3a;}
.clientBox .button:hover {background-color: #353b4a;}

.clientBox .membership{border: 1px solid #04c8dc; border-radius: 6px; display: inline-block;
    width: 114px; margin-right: 20px; text-align: center; font-size: 14px; background-color: #3860f4;}
.clientBox .membership:hover { background-color: #1c4bfc;}