#main{overflow: hidden;width: 100%; margin: 0; padding: 0; color: #333}
.inner{overflow: hidden;width: 1200px; margin: 0 auto;}
img{ overflow:hidden;display:block;border: none;}
.e-header .header{
    background: none;
}
.web-banner{
    //overflow: hidden;
    position: relative;
    margin-top: -74px;
    width: 100%;
    height: 680px;
    background: url("//dl.cfxz123.com/source/www/aboutUs/update/banner.jpg?v0419") no-repeat center;

}
.web-banner img{
    margin: 0 auto;
    padding-top: 200px;
}
.web-banner .light-blue{
    overflow: hidden;
    position: absolute;
    top: 0;
    padding: 0;
    right: 10%;
    animation: change 5s linear infinite;
    -moz-animation: change 5s linear infinite;
    -webkit-animation: change 5s linear infinite;
    -o-animation: change 5s linear infinite;
}
@keyframes change{
    0% {transform: scale(1,1);}
    50% {transform: scale(1,1.2);}
    100% {transform: scale(1,1);}
}
@-webkit-keyframes change{
    0% {transform: scale(1,1);}
    50% {transform: scale(1,1.2);}
    100% {transform: scale(1,1);}
}
.web-banner .light-yellow{
    overflow: hidden;
    position: absolute;
    top: 360px;
    padding: 0;
    right: 22%;
    animation: change1 2s linear infinite;
    -moz-animation: change1 2s linear infinite;
    -webkit-animation: change1 2s linear infinite;
    -o-animation: change1 2s linear infinite;
}
@keyframes change1{
    0% {transform: scale(.9);opacity: .8}
    50% {transform: scale(1);opacity: 1}
    100% {transform: scale(.9);opacity: .8}
}
@-webkit-keyframes change1{
    0% {transform: scale(.9);opacity: .8}
    50% {transform: scale(1);opacity: 1}
    100% {transform: scale(.9);opacity: .8}
}
.web-page{
    overflow: hidden;
    width: 100%;
    padding: 60px 0;
}
.web-page.bg{
    background: url("//dl.cfxz123.com/source/www/aboutUs/update/neiye-bg02.jpg") no-repeat center;
    height: 718px;
}
.web-page.bg01{
    background: url("//dl.cfxz123.com/source/www/aboutUs/update/neiye-bg04.jpg") no-repeat center;
    height: 795px;
    padding-bottom: 0;
}
.web-page .title{
    overflow: hidden;
}
.web-page .title img{
    margin: 0 auto;
}
.web-page .title span{
    overflow: hidden;
    display: block;
    color: #035b83;
    font-size: 44px;
    text-align: center;
    margin-bottom: 38px;
}
.web-page.bg01 .title span{color: #fff}
.web-page .title p{
    overflow: hidden;
    display: block;
    font-size: 16px;
    line-height: 30px;
}
.web-page .title p span{
    display: inline;
    color: #035b83;
    font-size: 16px;
    text-align: left;
}
.web-page .page-nav{
    overflow: hidden;
    margin-top: 70px;
}
.web-page.bg01 .page-nav{margin-top: 42px}
.web-page .page-nav ul{
    overflow: hidden;
    list-style: none;
    display: block;
    margin: 0;
    padding: 0;
}
.web-page .page-nav ul li{
    overflow: hidden;
    list-style: none;
    width: 360px;
    float: left;
    font-size: 16px;
    line-height: 30px;
    text-align: center;
    margin-right: 60px;
    padding: 37px 10px 48px 10px;
    cursor: pointer;
    position: relative;
}
.web-page.bg01 .page-nav ul li{
    width: 20%;
    margin-right: 0;
    color: #fff;
    padding-top: 0;
    height: 452px;
}
.web-page .page-nav ul li:last-child{margin-right: 0}
.web-page .page-nav ul li.hover{
    background: #ededed;
}
.web-page.bg01 .page-nav ul li.hover{
    background: rgba(3,91,131,.7);
    margin: 0;
}
.web-page .page-nav ul li span{
    overflow: hidden;
    display: block;
    color: #035b83;
    font-size: 44px;
    text-align: center;
    line-height: normal;
    margin: 78px 0 15px 0;
}
.web-page.bg01 .page-nav ul li span{
    color: #fff;
    font-size: 24px;
    margin: 15px 0 25px 0;
}
.web-page .page-nav ul li img{
    margin: 65px auto 0 auto;
}
.web-page.bg01 .page-nav ul li img{margin: 0 auto;}
.web-page.bg01 .page-nav ul li .margintop01{
    margin-top: 61px;
}
.web-page.bg01 .page-nav ul li .margintop02{
    margin-top: 52px;
}
.web-page.bg01 .page-nav ul li .margintop03{
    margin-top: 62px;
}
.web-page.bg01 .page-nav ul li .margintop04{
    margin-top: 180px;
}
.web-page.bg01 .page-nav ul li .margintop05{
    margin-top: 64px;
}
.web-page .page-nav ul li .img-line{
    position: absolute;
    top: 44px;
    left: 82px;
    margin: 0;
}
/*.web-page .page-nav ul li.hover .img-line{
    animation: roll 10s linear infinite;
    -moz-animation: roll 10s linear infinite;
    -webkit-animation: roll 10s linear infinite;
    -o-animation: roll 10s linear infinite;
}*/
.web-page .page-nav ul li:hover .img-line{
    animation: roll .2s linear 1;
    -webkit-animation: roll .2s linear 1;
}
@keyframes roll {
    from{transform: rotate(0deg)}
    to{transform: rotate(300deg)}
}
@-webkit-keyframes roll {
    from{-webkit-transform: rotate(0deg)}
    to{-webkit-transform: rotate(300deg)}
}
.web-page .page-nav ul li .item-1{
    overflow: hidden;
    position: absolute;
    left: 75px;
    bottom: 320px;
    width:89px;
    height: 54px;
}
.web-page .page-nav ul li:hover .item-1{
    animation: item-1 1s linear 1;
    -webkit-animation: item-1 1s linear 1;
    animation-fill-mode: backwards;
    -webkit-animation-fill-mode: backwards;
}
@keyframes item-1 {
    0%{width: 89px}
    50%{width: 0}
    100%{width: 89px;}
}
@-webkit-keyframes item-1 {
    0%{width: 89px}
    50%{width: 0}
    100%{width: 89px;}
}
.web-page .page-nav ul li .item-2{
    position: absolute;
    left: 82px;
    bottom: 320px;
    width: 11px;
    height: 2px;
}
.web-page .page-nav ul li:hover .item-2{
    animation: item-2 1s linear 1;
    -webkit-animation: item-2 1s linear 1;
    animation-fill-mode: backwards;
    -webkit-animation-fill-mode: backwards;
}
@keyframes item-2 {
    0%{height: 2px}
    50%{height: 0}
    100%{height: 2px;}
}
@-webkit-keyframes item-2 {
    0%{height: 2px}
    50%{height: 0}
    100%{height: 2px;}
}
.web-page .page-nav ul li .item-3{
    position: absolute;
    left: 94px;
    bottom: 320px;
    width: 12px;
    height: 14px;
}
.web-page .page-nav ul li:hover .item-3{
    animation: item-3 1s linear 1;
    -webkit-animation: item-3 1s linear 1;
    animation-fill-mode: backwards;
    -webkit-animation-fill-mode: backwards;
}
@keyframes item-3 {
    0%{height: 14px}
    50%{height: 0}
    100%{height: 14px;}
}
@-webkit-keyframes item-3 {
    0%{height: 14px}
    50%{height: 0}
    100%{height: 14px;}
}
.web-page .page-nav ul li .item-4{
    position: absolute;
    left: 107px;
    bottom: 320px;
    width: 11px;
    height: 19px;
}
.web-page .page-nav ul li:hover .item-4{
    animation: item-4 1s linear 1;
    -webkit-animation: item-4 1s linear 1;
    animation-fill-mode: backwards;
    -webkit-animation-fill-mode: backwards;
}
@keyframes item-4 {
    0%{height: 19px}
    50%{height: 0}
    100%{height: 19px;}
}
@-webkit-keyframes item-4 {
    0%{height: 19px}
    50%{height: 0}
    100%{height: 19px;}
}
.web-page .page-nav ul li .item-5{
    position: absolute;
    left: 120px;
    bottom: 320px;
    width: 11px;
    height: 18px;
}
.web-page .page-nav ul li:hover .item-5{
    animation: item-5 1s linear 1;
    -webkit-animation: item-5 1s linear 1;
    animation-fill-mode: backwards;
    -webkit-animation-fill-mode: backwards;
}
@keyframes item-5 {
    0%{height: 18px}
    50%{height: 0}
    100%{height: 18px;}
}
@-webkit-keyframes item-5 {
    0%{height: 18px}
    50%{height: 0}
    100%{height: 18px;}
}
.web-page .page-nav ul li .item-6{
    position: absolute;
    left: 132px;
    bottom: 320px;
    width: 12px;
    height: 25px;
}
.web-page .page-nav ul li:hover .item-6{
    animation: item-6 1s linear 1;
    -webkit-animation: item-6 1s linear 1;
    animation-fill-mode: backwards;
    -webkit-animation-fill-mode: backwards;
}
@keyframes item-6 {
    0%{height: 25px}
    50%{height: 0}
    100%{height: 25px;}
}
@-webkit-keyframes item-6 {
    0%{height: 25px}
    50%{height: 0}
    100%{height: 25px;}
}
.web-page .page-nav ul li .item-7{
    position: absolute;
    left: 145px;
    bottom: 320px;
    width: 11px;
    height: 35px;
}
.web-page .page-nav ul li:hover .item-7{
    animation: item-7 1s linear 1;
    -webkit-animation: item-7 1s linear 1;
    animation-fill-mode: backwards;
    -webkit-animation-fill-mode: backwards;
}
@keyframes item-7 {
    0%{height: 35px}
    50%{height: 0}
    100%{height: 35px;}
}
@-webkit-keyframes item-7 {
    0%{height: 35px}
    50%{height: 0}
    100%{height: 35px;}
}
.web-page .page-nav ul li .item-8 {
    position: absolute;
    left: 133px;
    top: 53px;
    width: 56px;
    height: 57px;
}
.web-page .page-nav ul li:hover .item-8{
    animation: item-8 1s linear 1;
    -webkit-animation: item-8 1s linear 1;
    animation-fill-mode: backwards;
    -webkit-animation-fill-mode: backwards;
    transform-origin: 0 50%;
    -webkit-transform-origin: 0 50%;
}
@keyframes item-8 {
    0%{transform: scale(1)}
    50%{transform: scale(0)}
    100%{transform: scale(1)}
}
@-webkit-keyframes item-8 {
    0%{transform: scale(1)}
    50%{transform: scale(0)}
    100%{transform: scale(1)}
}
.web-page .page-nav ul li .item-9 {
    position: absolute;
    left: 120px;
    top: 96px;
    width: 23px;
    height: 29px;
}
.web-page .page-nav ul li:hover .item-9{
    animation: appear .3s linear 1;
    -webkit-animation: appear .3s linear 1;
    animation-fill-mode: backwards;
    -webkit-animation-fill-mode: backwards;
    animation-delay:.6s;
    -webkit-animation-delay:.6s;
}
.web-page .page-nav ul li .item-10 {
    position: absolute;
    left: 127px;
    top: 78px;
    width: 33px;
    height: 44px;
}
.web-page .page-nav ul li:hover .item-10{
    animation: appear .3s linear 1;
    -webkit-animation: appear .3s linear 1;
    animation-fill-mode: backwards;
    -webkit-animation-fill-mode: backwards;
    animation-delay:.3s;
    -webkit-animation-delay:.3s;
}
.web-page .page-nav ul li .item-11 {
    position: absolute;
    left: 135px;
    top: 59px;
    width: 43px;
    height: 61px;
}
.web-page .page-nav ul li:hover .item-11{
    animation: appear .3s linear 1;
    -webkit-animation: appear .3s linear 1;
    animation-fill-mode: backwards;
    -webkit-animation-fill-mode: backwards;
}
@keyframes appear {
    0%{opacity:1;}
    50%{opacity:0;}
    100%{opacity:1;}
}
@-webkit-keyframes appear {
    0%{opacity:1;}
    50%{opacity:0;}
    100%{opacity:1;}
}
.web-page .page-nav ul li .item-12{
    overflow: hidden;
    position: absolute;
    left: 65px;
    bottom: 320px;
    width:112px;
    height: 75px;
}
.web-page .page-nav ul li:hover .item-12{
    animation: item-12 1s linear 1;
    -webkit-animation: item-12 1s linear 1;
    animation-fill-mode: backwards;
    -webkit-animation-fill-mode: backwards;
}
@keyframes item-12 {
    0%{width: 112px;}
    50%{width: 0}
    100%{width: 112px;}
}
@-webkit-keyframes item-12 {
    0%{width: 112px;}
    50%{width: 0}
    100%{width: 112px;}
}
.web-page .page-nav ul li .item-13{
    overflow: hidden;
    position: absolute;
    left: 86px;
    bottom: 288px;
    width:29px;
    height: 39px;
}
.web-page .page-nav ul li:hover .item-13{
    animation: item-13 1s linear 1;
    -webkit-animation: item-13 1s linear 1;
    animation-fill-mode: backwards;
    -webkit-animation-fill-mode: backwards;
}
@keyframes item-13 {
    0%{height: 39px;}
    50%{height: 0}
    100%{height: 39px;}
}
@-webkit-keyframes item-13 {
    0%{height: 39px;}
    50%{height: 0}
    100%{height: 39px;}
}
.web-page .page-nav ul li .item-14{
    overflow: hidden;
    position: absolute;
    left: 122px;
    bottom: 288px;
    width:29px;
    height: 51px;
}
.web-page .page-nav ul li:hover .item-14{
    animation: item-14 1s linear 1;
    -webkit-animation: item-14 1s linear 1;
    animation-fill-mode: backwards;
    -webkit-animation-fill-mode: backwards;
}
@keyframes item-14 {
    0%{height: 51px;}
    50%{height: 0}
    100%{height: 51px;}
}
@-webkit-keyframes item-14 {
    0%{height: 51px;}
    50%{height: 0}
    100%{height: 51px;}
}
.web-page .page-nav ul li .item-15{
    overflow: hidden;
    position: absolute;
    left: 159px;
    bottom: 288px;
    width:28px;
    height: 77px;
}
.web-page .page-nav ul li:hover .item-15{
    animation: item-15 1s linear 1;
    -webkit-animation: item-15 1s linear 1;
    animation-fill-mode: backwards;
    -webkit-animation-fill-mode: backwards;
}
@keyframes item-15 {
    0%{height: 77px;}
    50%{height: 0}
    100%{height: 77px;}
}
@-webkit-keyframes item-15 {
    0%{height: 77px;}
    50%{height: 0}
    100%{height: 77px;}
}
.web-page .page-nav ul li .item-16{
    overflow: hidden;
    position: absolute;
    left: 87px;
    bottom: 328px;
    width:10px;
    height: 11px;
}
.web-page .page-nav ul li:hover .item-16{
    animation: item-16 1s linear 1;
    -webkit-animation: item-16 1s linear 1;
    animation-fill-mode: backwards;
    -webkit-animation-fill-mode: backwards;
}
@keyframes item-16 {
    0%{height: 11px;}
    50%{height: 0}
    100%{height: 11px;}
}
@-webkit-keyframes item-16 {
    0%{height: 11px;}
    50%{height: 0}
    100%{height: 11px;}
}
.web-page .page-nav ul li .item-17{
    overflow: hidden;
    position: absolute;
    left: 105px;
    bottom: 328px;
    width:9px;
    height: 14px;
}
.web-page .page-nav ul li:hover .item-17{
    animation: item-17 1s linear 1;
    -webkit-animation: item-17 1s linear 1;
    animation-fill-mode: backwards;
    -webkit-animation-fill-mode: backwards;
}
@keyframes item-17 {
    0%{height: 14px;}
    50%{height: 0}
    100%{height: 14px;}
}
@-webkit-keyframes item-17 {
    0%{height: 14px;}
    50%{height: 0}
    100%{height: 14px;}
}
.web-page .page-nav ul li .item-18{
    overflow: hidden;
    position: absolute;
    left: 123px;
    bottom: 328px;
    width:9px;
    height: 17px;
}
.web-page .page-nav ul li:hover .item-18{
    animation: item-18 1s linear 1;
    -webkit-animation: item-18 1s linear 1;
    animation-fill-mode: backwards;
    -webkit-animation-fill-mode: backwards;
}
@keyframes item-18 {
    0%{height: 17px;}
    50%{height: 0}
    100%{height: 17px;}
}
@-webkit-keyframes item-18 {
    0%{height: 17px;}
    50%{height: 0}
    100%{height: 17px;}
}
.web-page .page-nav ul li .item-19{
    overflow: hidden;
    position: absolute;
    left: 137px;
    bottom: 328px;
    width:16px;
    height: 43px;
}
.web-page .page-nav ul li:hover .item-19{
    animation: item-19 1s linear 1;
    -webkit-animation: item-19 1s linear 1;
    animation-fill-mode: backwards;
    -webkit-animation-fill-mode: backwards;
}
@keyframes item-19 {
    0%{height: 43px;}
    50%{height: 0}
    100%{height: 43px;}
}
@-webkit-keyframes item-19 {
    0%{height: 43px;}
    50%{height: 0}
    100%{height: 43px;}
}
.page-btn{
    overflow: hidden;
    display: flex;
    justify-content: center;
    margin-top: 55px;
}
.page-btn.margin{margin: 69px 0}
.page-btn a{
    overflow: hidden;
    width: 202px;
    height: 50px;
    line-height: 50px;
    margin: 0 6px;
    font-size: 24px;
    text-align: center;
    text-decoration: none;
    transition: all .25s ease-in-out;
}
.page-btn a.chat{
    background: #035b83;
    color: #fff;
}
.page-btn a.chat:hover{
    background: #043d57;
    transition: all .25s ease-in-out;
}
.page-btn a.account{
    border: solid 1px #035b83;
    color: #035b83;
}
.web-page .page-con{
    overflow: hidden;
    margin-top: 40px;
    display: flex;
    justify-content: center;
}
.web-page .page-con .con-list{
    overflow: hidden;
    width: 46%;
    float: left;
}
.web-page .page-con .con-list.width{
    width: 53%;
    border-left: solid 1px #333;
    padding-left: 3%;
}
.web-page .page-con .con-list span{
    overflow: hidden;
    display: block;
    font-size: 24px;
    color: #0d597c;
}
.web-page .page-con .con-list p{
    overflow: hidden;
    display: block;
    font-size: 16px;
    line-height: 30px;
    margin: 26px 0;
    text-align: justify;
}
.web-page .page-con .con-list.width p{margin-bottom: 0}
.web-page .page-con .con-list img{
    margin: 15px 0 0 0;
}
.web-page .page-con .con-list.width img{margin: 14px 0 30px 0}
.web-page .page-con .con-list01{
    overflow: hidden;
    /*width: 26%;
    float: left;*/
}
.web-page .page-con .con-list01.width{
    /*width: 63%;
    margin-left: 2.5%;*/
    margin-left: 160px;
}
.web-page .page-con .con-list01 span{
    overflow: hidden;
    display: block;
    font-size: 16px;
    line-height: 30px;
    text-align: center;
}
.web-page .page-con .con-list01 span.size{font-size: 12px}
.web-page .page-con .con-list01.width p{margin-bottom: 0}
.web-page .page-con .con-list01 img{
    margin:0 auto 10px auto;
}
.web-page .page-con .con-list .item{
    overflow: hidden;
    margin-bottom: 25px;
}
.web-page .page-con .con-list .item .item-list{
    overflow: hidden;
    width: 50%;
    float: left;
}
.web-page .page-con01{
    overflow: hidden;
    border: dashed 1px #bfbfbf;
    width: 100%;
    margin-top: 25px;
}
.web-page .page-con01 p{
    overflow: hidden;
    display: block;
    font-size: 16px;
    line-height: 30px;
    margin: 20px 46px;
}