/*@font-face {
    font-family: 'fake';
    src: url('./FZYBXSJW.TTF');
}*/

/*@font-face {
        font-family: 'fake02';
        src: url('./FZZCHJW.TTF');
}*/

html {
    height: 100%;
    scrollbar-face-color: transparent;
    scrollbar-shadow-color: transparent;
    scrollbar-highlight-color: transparent;
    scrollbar-3dlight-color: transparent;
    scrollbar-darkshadow-color: transparent;
    scrollbar-track-color: transparent;
    scrollbar-arrow-color: transparent;
}

body {
    width: 100%;
    min-width: 1240px;
    overflow-x: auto;
}

#wrap {
    position: relative;
}


/*头部样式*/

.header {
    position: fixed;
    z-index: 20000;
    top: 0;
    padding: 0 25px;
    width: 100%;
    min-width: 1240px;
    height: 72px;
    line-height: 72px;
    background: transparent;
    -webkit-transition: all .5s;
    transition: all .5s;
    color: #fff;
}

.header.highlight {
    background: #fff;
    height: 56px;
    line-height: 56px;
    color: #808080;
    box-shadow: 0 0 5px rgba(0, 0, 0, .3);
}

.headLeft {
    position: relative;
    float: left;
}

.header.highlight li.choose {
    color: #0a79ce;
}

.header.highlight .underline {
    background: #0a79ce;
}

.header.highlight .underline:before,
.header.highlight .underline:after {
    background: #0a79ce;
}

.header.highlight .tel {
    color: #0a79ce;
}

.header.highlight .bar {
    border-color: #e2e2e2;
}

.headLeft .bar {
    display: inline-block;
    height: 30px;
    width: 0;
    top: 50%;
    margin-left: 5px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border-right: 1px solid rgba(255, 255, 255, .7);
    position: absolute;
}

.logo {
    width: 146px;
    /*width: 130px;*/
    height: 48px;
}

.headLeft p {
    display: inline-block;
    margin-left: 20px;
    color: rgba(255,255,255,0.7);
    letter-spacing: 3px;
    font-size: 16px;
    line-height: 74px;
    vertical-align: top;
    -webkit-transition: all .5s;
    transition: all .5s;
}

.headLeft p .logoText {
    font-size: 29px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.header.highlight .headLeft p {
    color: #808080;
    line-height: 59px;
}

/*头部右侧*/

.headRight {
    float: right;
    /*color: #fff;*/
    margin-right: 60px;
}

.nav {
    display: inline-block;
    position: relative;
    text-align: center;
}

.nav li {
    float: left;
    margin-right: 50px;
    cursor: pointer;
}

.nav .underline {
    position: absolute;
    height: 1px;
    /*width: 58px;*/
    background: #fff;
    bottom: 15px;
    left: 2px;
    opacity: 0;
    -webkit-transition: all .5s;
    transition: all .5s;
}

.nav .underline:before,
.nav .underline:after {
    content: "";
    display: inline-block;
    height: 3px;
    width: 3px;
    background: #fff;
    border-radius: 50%;
    position: absolute;
    top: -1px;
}

.nav .underline:before {
    left: -2px;
}

.nav .underline:after {
    right: -2px;
}

.headRight p {
    float: right;
    display: inline-block;
    margin-left: 14px;
}

.headRight p .icon-dianhua {
    margin-right: 6px;
    font-size: 19px;
    margin-bottom: -4px;
}
.headRight .lang {
    margin-left: 0;
    cursor: pointer;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
}

.header.highlight .headRight p:before {
    background-position: -297px -55px;
}

.headRight a.yyapi {
    cursor: pointer;
    float: right;
    margin-left: 20px;
    padding: 5px 13px;
    border: 1px solid #fff;
    line-height: 16px;
    margin-top: 22px;
    border-radius: 30px;
    background: rgba(255,255,255,0.3);
    -webkit-transition: all .5s;
    transition: all .5s;
}
.headRight a label {
    cursor: pointer;
}
.header.highlight .headRight a{
    color: #0a79ce;
}
.header.highlight .headRight a.yyapi {
    color: #0a79ce;
    border-color: #0a79ce;
    margin-top: 20px;
}
.headRight a.yyapi:hover {
    color: #0a79ce;
    border-color: #0a79ce;
    background: white;
}
.header.highlight .headRight a.yyapi:hover {
    background: #0a79ce;
    color: #fff;
}
/*content*/

.content {}


/*所有版块的 title 和 subtitle*/

h2.title {
    padding-top: 68px;
    color: #0a79ce;
    font-size: 26px;
    font-weight: 600;
}
h2.titleg {
    color: #ea3892;
    font-size: 36px;
}

p.subTitle {
    margin-top: 14px;
    font-size: 14px !important;
    width: 60%;
    margin: 10px auto 20px;
}

section {
    width: 100%;
    /*background: #0a79ce;*/
    display: block;
    height: 561px;
    position: relative;
    overflow: hidden;
}


/*重新覆盖 swiper 的样式*/

.banner .swiper-container {
    width: 100%;
    height: 600px;
}

.swiper-button-prev,
.swiper-button-next {
    background-image: url(../img/icons.png);
    background-repeat: no-repeat;
    background-size: 540px;
    background-position: -50px -42.8px;
    /*background-color: red;*/
    width: 53px;
    border-radius: 50%;
    height: 53px;
    /*animation: rotate 2.5s infinite linear;*/
}
.swiper-button-next:hover {
    background-position: -223px -42.8px;
}

.swiper-button-next {
    background-position: -165px -42.8px;
}
.swiper-button-prev:hover {
    background-position: -107px -42.8px;
}

.swiper-pagination-bullet {
    background: rgba(255, 255, 255, .8);
    opacity: .6;
}

.swiper-pagination-bullet-active {
    width: 30px;
    border-radius: 4px;
    opacity: 1;
}
.previous,.next {
    background-image: url(../img/icons.png);
    background-repeat: no-repeat;
    background-size: 540px;
    background-position: -50px 6.5px;
    /*background-color: red;*/
    width: 53px;
    border-radius: 50%;
    height: 50px;
    /*animation: rotated 2.5s infinite linear;*/
}
.next:hover {
    background-position: -223px 6.5px;
}

.next {
    background-position: -165px 6.5px;
}
.previous:hover {
    background-position: -106px 6.5px;
    height: 50px;
}
/*=======================弹层=====================*/
.alert {
    position: fixed;
    top: -57px;
    left: 0;
    text-align: center;
    width: 100%;
    height: 56px;
    z-index: 60000;
    line-height: 56px;
    color: white;
    background: #0a79ce;
}
/*banner*/

.banner {
    height: 600px;
    background: #000101;
    color: #fff;
}

@-webkit-keyframes star {
    from {
        top: -100%;
        left: 50%
    }
    to {
        top: 100%;
        left: -50%
    }
}

@keyframes star {
    from {
        top: -100%;
        left: 50%
    }
    to {
        top: 100%;
        left: -50%
    }
}

/*流星*/
.starA,
.starB,
.starC {
    position: absolute;
    height: 75%;
    width: 70%;
    top: 0;
    left: 0;
    -webkit-animation: star 3s infinite linear;
    animation: star 3s infinite linear;
    z-index: 3;
}

.starB {
    -webkit-animation: star 4s infinite linear;
    animation: star 4s infinite linear;
}

.starC {
    -webkit-animation: star 5s infinite linear;
    animation: star 5s infinite linear;
}

.starA img,
.starB img,
.starC img {
    position: absolute;
}

.banner .slideContent {
    width: 62.5%;
    margin-top: 174px;
    margin-left: auto;
    margin-right: auto;
    -webkit-transition: all .5s;
    transition: all .5s;
    -webkit-transform: translateY(20%);
    transform: translateY(20%);
    letter-spacing: 3px;
    position: relative;
    z-index: 5;
}

.banner .slideContent h1 {
    font-size: 42px;
    /*font-family: 'fake02';*/
    font-weight: 700;
    line-height: 55px;
}

.banner .slideContent p {
    margin: 30px 0 24px 0;
    font-size: 13px;
    letter-spacing: 1px;
    /*font-family: 'fake02';*/
}
.banner .slideContent p label {
    margin-top: 10px;
    display: block;
}


.banner .slideContent span {
    display: inline-block;
    border: 2px solid #fff;
    padding: 9px 59px 9px 24px;
    position: relative;
    font-size: 13px;
    cursor: pointer;
}

.slideContent span:hover {
    border: 2px solid rgba(255,255,255,.7);
}

.banner .slideContent span .iconfont {
    content: "";
    position: absolute;
    right: 14px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

/*不同 banner 的字体样式*/
.swiper-wrapper .swiper-slide:nth-child(2) .slideContent {
    margin-top: 190px;
}
.swiper-wrapper .swiper-slide:nth-child(2) h1 {
    display: inline-block;
}
.bannerSubtitle {
    position: relative;
    display: inline-block;
    margin-right: 20px;
}
.bannerSubtitle h3 {
    font-size: 21px;
    font-weight: 600;
    letter-spacing: 18px;
}
.bannerSubtitle h4 {
    font-size: 12px;
}

.swiper-wrapper .swiper-slide:nth-child(3) .slideContent {
    margin-top: 188px;
}
.swiper-wrapper .swiper-slide:nth-child(3) .slideContent span {
    margin-top: 28px;
}


.swiper-wrapper .swiper-slide .bg {
    position: absolute;
    top: 0;
    left: 0;
    background-image: url('../img/banner1-24.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 100%;
}

.swiper-wrapper .swiper-slide img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

/*.swiper-wrapper .swiper-slide:nth-child(1) .bg {
    background-image: url('../img/banner5.jpg?i=24');
}

.swiper-wrapper .swiper-slide:nth-child(1) .bgg {
    background-image: url('../img/bannerg.jpg?i=24');
}*/

.swiper-wrapper .swiper-slide:nth-child(1) .bg {
    background-image: url('../img/bannergai1.png');
}

.swiper-wrapper .swiper-slide:nth-child(2) .bg {
    background-image: url('../img/bannergai2.png');
}
.swiper-wrapper .swiper-slide:nth-child(3) .bg {
    background-image: url('../img/bannergai3.png');
}

/* .swiper-wrapper .swiper-slide:nth-child(4) .bg {
        background-image: url('../img/banner04.jpg');
} */


/*机遇*/

.opportunities {
    background: #fff;
    text-align: center;
    color: #303030;
}

.chances {
    margin-top: 32px;
}

.chances ul {
    display: inline-block;
    margin: 0 auto;
    width: 848px;
}

.chances li {
    float: left;
    width: 200px;
    height: 120px;
    border: 1px solid #e1e1e1;
    position: relative;
    margin: 0 5px;
    overflow: hidden;
    position: relative;
}

.chances p {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.subTitle-underline {
    width: 84px;
    height: 4px;
    background-color: #0a79ce;
    display: block;
    margin: 0px auto 40px;
}

/*我们做什么*/

.weDo {
    text-align: center;
    color: #fff;
    background-image: url(../img/wedo-bg.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: relative;
    overflow: hidden;
}

#particle-canvas {
    width: 100%;
    height: 100%;
    position: absolute;
}

.weDo h2.title {
    color: #fff;
}

.weDoPic {
    display: inline-block;
    margin: 0 auto;
    margin-top: 18px;
}
.weDoPic img:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.weDoPic div {
    display: inline-block;
    position: relative;
}
.weDoPic div span {
    position: absolute;
    color: #fff;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border: 2px solid #fff;
    padding: 8px 44px 8px 14px;
    font-size: 13px;
    z-index: 5;
    cursor: pointer;
}
.weDoPic div span:hover {
    border: 2px solid rgba(255,255,255,.7);
}
.weDoPic span i {
    position: absolute;
    right: 14px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.weDo img {
    position: relative;
    width: 454px;
    height: 254px;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.loginPic {
    left: 70px;
    top: 15px;
}

.demoPic {
    left: -100px;
    top: 35px;
    z-index: 2;
}

.frontPanel {
    height: 100%;
    position: relative;
    z-index: 10;
}

.backPanel {
    z-index: 9999;
}

.frontPanel .comeInBtn,
.exitBtn {
    width: 50px;
    height: 48px;
    position: absolute;
    z-index: 5;
    bottom: 33px;
    left: 50%;
    margin-left: -25px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    cursor: pointer;

}
.weDo .comeInBtn {
    /*background-position: -51px -126px;*/
    background-image: url(../img/light-border.png);
}
.weDo .frontPanel .comeInBtn:hover {
    /*background-position: -108px -126px;*/
    background-image: url(../img/light-hover-border.png);
}
.comeInBtn {
    height: 50px !important;
    background-image: url(../img/dark-border.png);
    background-repeat: no-repeat;
    background-size: 50px;
    /*background-position: -282px -126px;*/
    animation: rotate 2.5s infinite linear;
    /*transition: all .3s;*/
}
.frontPanel .comeInBtn:hover {
    background-image: url(../img/dark-hover-border.png);
    /*background-position: -339px -126px;*/
}
.comeInBtn-child{
    width: 50px;
    height: 50px;
    position: absolute;
    z-index: 5;
    /*bottom: 33px;*/
    /*left: 50%;*/
    /*margin-left: -25px;*/
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    cursor: pointer;
    animation: rotated 2.5s infinite linear;
    background-repeat: no-repeat;
    background-size: 50px;
}
.comeInBtn-child {
    /*background-position: -51px -126px;*/
    background-image: url(../img/dark.png);
}
.comeInBtn-child:hover {
    /*background-position: -108px -126px;*/
    background-image: url(../img/dark-hover.png);
}
.weDo .comeInBtn-child {
    background-image: url(../img/light.png);
}
.weDo .frontPanel .comeInBtn-child:hover {
    background-image: url(../img/light-hover.png);
}

.exitBtn {
    width: 27px;
    height: 27px;
    line-height: 27px;
    bottom: 55px;
}

.exitBtn span {
    display: inline-block;
    width: 135%;
    height: 1px;
    background: #fff;
    position: absolute;
    left: 0;
    -webkit-transform-origin: left center;
    transform-origin: left center;
    -webkit-transition: all .5s;
    transition: all .5s;
}

.exitBtn span:nth-child(1) {
    top: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.exitBtn:hover span:nth-child(1) {
    top: 0;
    -webkit-transform: rotate(0);
    transform: rotate(0);
}

.exitBtn span:nth-child(2) {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    bottom: 0;
}

.exitBtn:hover span:nth-child(2) {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    bottom: 0;
}

.exitBtn:hover::after {
    content: "CLOSE";
    font-size: 12px;
}

.backPanel {
    width: 100%;
    height: 100%;
    position: absolute;
    right: -100%;
    top: 0;
    -webkit-transition: all .8s;
    transition: all .8s;
    background: #036fbc;
    color: #fff;
    z-index: 10;
}

.doesDetails ul {
    width: 62%;
    display: inline-block;
    margin: 40px auto;
}

.doesDetails ul li {
    float: left;
    width: 33.3%;
    /*background: red;*/
    padding: 0px 25px 11px 25px;
    box-sizing: border-box;
}

.doesDetails ul li:hover .img {
    background-image: url(../img/hexingjingzhengli1.png) !important;
}

.doesDetails li .img {
    width: 130px;
    height: 130px;
    background-image: url(../img/hexingjingzhengli2.png);
    background-size: 390px 130px;
    background-position: 0;
    margin: 10px auto;
}

.doesDetails li h3 {
    font-weight: bold;
    margin: 17px 0;
}

.doesDetails li p {
    font-size: 12px;
    color: rgba(0,0,0, .8);
}

.weDo .backPanel.comeIn,
.caseDetails.comeIn,
.opportunities .backPanel.comeIn {
    top: 0;
    right: 0;
}


/*核心竞争力*/

.chooseUs {
    text-align: center;
}


/*行业案例*/

.case {
    position: relative;
    text-align: center;
    color: #fff;
    height: 600px;
}

.case h2.title {
    color: #fff;
}

#particle-canvas02 {
    width: 100%;
    height: 100%;
    position: absolute;
}

.box {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    /*background: url("../img/bg.jpg");*/
    /*background-size: cover;*/
}

.modal {
    width: 100%;
    height: 100%;
    background: #199dc4;
    opacity: 0.8;
    position: relative;
    z-index: 4;
}

.section {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 20;
}

.section .tit {
    width: 100%;
    text-align: center;
    color: #ffffff;
    margin-bottom: 40px;
}

.tit .case {
    padding-top: 45px;
    font-size: 18px;
    font-weight: bold;
}

.tit .introduce {
    font-size: 12px;
    padding-top: 15px;
}

.main {
    /* width: 62.5%; */
	width: 80%;
    margin: 42px auto;
}

.main ul {
    /*width: 900px;*/
    margin: 0 auto;
    font-size: 0;
    text-align: center;
}

.main ul li {
    width: 20%;
    /*height: 250px;*/
    box-sizing: border-box;
    padding: 0 17px;
    float: left;
    color: #ffffff;
    /* cursor: pointer; */
    overflow: hidden;
    position: relative;
}

.main ul li span {
    display: inline-block;
    overflow: hidden;
}

.main ul li img {
    -webkit-transition: all .4s;
    transition: all .4s;
}

.main ul li:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.main ul li .word {
    background: #fff;
    color: #000;
    text-align: center;
    height: 120px;
    padding: 0 15px;
}

.main ul li .word p {
    /*width: 225px;*/
    margin: 0;
}

.main ul li .name {
    height: 21px;
    line-height: 21px;
    font-size: 14px;
    padding: 16px 0;
    font-weight: bold;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden; 
}

.caseDiscription {
    font-size: 12px;
}

.main img {
    width: 100%;
}

.main a {
    display: inline-block;
    height: 24px;
}

.main p a:last-child {
    text-align: left;
    cursor: pointer;
    background: url("../img/4.png") no-repeat right bottom;
    width: 95px;
    height: 24px;
}


.cover {
    width: calc(100% - 34px);
    height: 100%;
    position: absolute;
    top: 100%;
    transition: all 0.3s;
    padding: 50px 10px;
    box-sizing: border-box;
    background: rgba(255,255,255,0.9);
}
.cover .jump {
    position: absolute;
    width: 120px;
    height: 40px;
    background-color: #1572c1;
    color: #fff;
    font-size: 12px;
    text-align: center;
    line-height: 40px;
    left: 50%;
    margin-left: -60px;
    bottom: 50px;
    cursor: pointer;
    border: 1px solid #1572c1;
    border-radius: 5px;
}
.cover .jump:hover {
    color: #fff;
    background-color: #3191e2;
}
.cover .jump label {
    cursor: pointer;
}
.main ul li .cover .word {
    background: rgba(255,255,255,0);
}
.main ul li:hover .cover {
    top: 0;
}

.caseDetails {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #0da0ca;
    z-index: 66;
    -webkit-transition: all .8s;
    transition: all .8s;
    right: -100%;
    top: 0;
}

.caseDetails .subTitle {
    border-bottom: 2px solid #fff;
    display: inline-block;
    width: 104px;
    margin-top: 22px;
}
.caseDetailsContent {
    width: 62.5%;
    margin: 34px auto;
    text-align: left;
}
.casePic {
    float: left;
    width: 42%;
    box-sizing: border-box;
    padding-right: 28px;
}
.casePic img {
    width: 100%;
    height: 210px;
}
.caseContentDiscription {
    float: right;
    width: 58%;
    height: 280px;
    overflow-y: auto;
    background: rgba(255,255,255,0.1);
    padding: 10px;
    box-sizing: border-box;
}
.caseContentDiscription h4 {
    font-size: 20px;
}
.caseContentDiscription p {
    margin: 20px 0;
    font-size: 12px;
}

/*合作伙伴*/
.partner {
    background-image: url(../img/bg02.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    text-align: center;
    color: #fff;
    height: 700px;
}
.partner .title {
    color: #fff;
}
.partner-content {
    width: 62%;
    margin: 30px auto;
    font-size: 0;
}
.partner-logo {
    width: calc(20% - 10px);
    height: 100px;
    background: #fff;
    display: inline-block;
    margin: 5px;
    position: relative;
}
.partner-logo span {
    display: block;
    width: 80%;
    height: 80%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}
.partner-logo span:hover {
    width: 100%;
    height: 100%;
    transition: all 0.3s; 
}


/*联系我们*/

.contactUs {}

.bottom {
    position: relative;
    height: 100%;
    /*background: url(../img/0699af29d.jpg) no-repeat left top;*/
    background: url(../img/bg03.jpg) no-repeat center;
    background-size: cover;
}

.bottom_logo {
    display: block;
    color: white;
    font-size: 50px;
    line-height: 52px;
    margin-bottom: 50px;
}

.bottom_content {
    width: 62%;
    height: 320px;
    /*position: absolute;*/
    /*top: 168px;*/
    padding-top: 168px;
    /*left: 21%;*/
    margin: 0 auto;
    z-index: 2;
}

.content_left,
.content_right {
    width: 50%;
    height: 100%;
    float: left;
    padding: 42px 62px 0;
    box-sizing: border-box;
}

.content_left {
    background: rgba(255, 255, 255, .05);
    font-size: 11px;
}

.content_right {
    background: rgba(255, 255, 255, .12);
}

.content_left_wrap {
    /*width: 83%;*/
}

.content_left_text {
    display: inline-block;
    color: #989898;
    margin: 18px 0;
    height: 34px;
    overflow: hidden;
}

.phone,
.site,
.e-mail {
    margin-bottom: 6px;
    color: #FFFFFF;
}

.phone {
    margin-bottom: 7px;
}

.phone::before,
.site::before,
.e-mail::before {
    content: "";
    display: inline-block;
    width: 23px;
    height: 20px;
    margin-right: 5px;
    /*background-color: red;*/
    background-image: url(../img/icons.png);
    background-repeat: no-repeat;
    background-size: 540px;
    background-position: -354px -60px;
}

.site::before {
    background-position: -412px -60px;
}

.e-mail::before {
    background-position: -468px -60px;
}

.phone_text,
.site_text,
.e-mail_text {
    display: inline-block;
    vertical-align: top;
    /*white-space: nowrap;*/
    width: 88%;
}

.bottom input {
    -web-kit-appearance: none;
    height: 37px;
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 1px;
    padding-left: 26px;
    border: none;
}
.bottom .warp2 input {
    border-top: 1px solid #303030;
}

input::-webkit-input-placeholder {
    color: #c6c6c6;
}

.warp1,
.warp2 {
    position: relative;
}

.warp2 {
    margin-top: -2px;
}

.icon {
    font-family: 'iconfont';
    position: absolute;
    color: #c6c6c6;
    font-size: 20px;
    margin-left: 6px;
    margin-top: 4px;
}

.icon1,
.icon2 {
    top: 7px;
    left: 10px;
}

.content_right_text {
    margin-bottom: 50px;
    /*width: 75%;*/
}
.shangwu {
    width: 140px;
    display: inline-block;

}
.shangwu p {
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: 12px;
    margin-top: 10px;
}
.wechat {
    float: right;
}
.wechat img {
    margin: 0 auto;
}
.a {
    color: #FFFFFF;
    font-size: 23px;
}

.b {
    font-size: 12px;
    color: #989898;
    margin-top: 5px;
}

.confirm {
    width: 100%;
    height: 37px;
    line-height: 37px;
    margin-top: 24px;
    text-align: center;
    color: #FFFFFF;
    background: -webkit-linear-gradient(left, #0080da, #00dac8);
    background: linear-gradient(to right, #0080da, #00dac8);
    cursor: pointer;
}

.masking {
    height: 100%;
    background: rgba(0, 0, 0, .85);
}

.footer {
    height: 70px;
    line-height: 70px;
    background: rgba(0, 0, 0, .9);
    /*position: absolute;*/
    bottom: 0;
    text-align: center;
    color: rgba(255, 255, 255, .8);
}


/*动画*/
@keyframes rotate{
    from{transform: rotate(0deg);}
    to{transform: rotate(360deg);}
}
@keyframes rotated{
    from{transform: rotate(360deg);}
    to{transform: rotate(0deg);}
}

/*加入我们*/
.joinUs {
    text-align: left;
    /* background-image: url(../img/wedo-bg.jpg); */
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: relative;
    overflow: hidden;
    height: 650px;
}

#particle-canvas03 {
    width: 100%;
    height: 100%;
    position: absolute;
}

.joinContent {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 20;
    overflow: hidden;
    font-size: 0;
}

.joinContent h2{
    padding-top: 68px;
    font-size: 26px;
    font-weight: 600;
    text-align: center;
    color: #0a79ce;
}
.joinContent .subTitle {
    text-align: center;
}

.joinContent .jobContent {
    width: 62%;
    height: 100%;
    margin: 30px auto;
}
.jobicon {
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.jobicon .item {
    width: 90px;
    display: inline-block;
    vertical-align: top;
}

.jobicon .item span {
    display: block;
    margin: 0 auto;
    width: 42px;
    height: 42px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.jobicon .item p {
    font-size: 14px;
    text-align: center;
    margin: 10px 0;
    color: #303030;
}

.joinbox {
    width: 708px;
    height: 284px;
    background-image: url(../img/box.jpg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    display: block;
    margin: 30px auto;
    padding: 50px;
    box-sizing: border-box;
}
.joinbox p {
    font-size: 14px;
    text-align: center;
}
.joinbox .title {
    font-weight: 600;
    margin: 20px 0;
}
.joinbox .tolagou {
    display: block;
    width: 120px;
    height: 40px;
    background-color: #0a79ce;
    border: solid 1px #0a79ce;
    color: #fff;
    margin: 20px auto 0;
    font-size: 14px;
    text-align: center;
    line-height: 42px;
    border-radius: 5px;
}
.joinbox .tolagou:hover {
    cursor: pointer;
    background: #fff;
    color: #0a79ce;
}
.none {
    display: none !important;
}


.conn{
    width: 1200px;
    height: 463px;
    margin: 50px auto 70px;
}
.conn .connleft,.conn .connright{
    width: 600px;
    height: 463px;
    display: block;
    float: left;
}
.conn .connright{
    width: 500px;
    padding-left: 100px;
}
.conn .connright p{
    height: 29px;
    font-size: 18px;
    line-height: 29px;
    color: #1b1b1b;
    margin-bottom: 10px;
}
.conn .connright p span{
    width: 29px;
    height: 29px;
    display: inline-block;
    float: left;
    margin-right: 10px;
}
.conn .connright p.conntextcompany{
    font-size: 24px;
    margin-top: 10px;
}
.conn .connright p.conntextmobile span{  
    background-image: url(../img/conn_icon_mobile.jpg);
    background-size: cover;
}
.conn .connright p.conntextemail span{  
    background-image: url(../img/conn_icon_email.jpg);
    background-size: cover;
}
.conn .connright p.conntextlocal span{  
    background-image: url(../img/conn_icon_loca.jpg);
    background-size: cover;
}
.conn .connright p.conntextlocal{
    margin-bottom: 50px;
}

.zhongyiul li div{
	background-size: 100%;
	width: 200px;
	height: 275px;
}