/*main-body*/
.it {
    background: #fafafa url(../img/index-1-bg.jpg) no-repeat 50% 0;
    height: 600px;
    overflow: visible;
}

.apple {
    background: url(../img/index-1-phone.png) no-repeat 50% 50%;
    height: 480px;
    width: 230px;
    position: absolute;
    bottom: 50px;
    right: 20px;
    z-index: 2;
}

.aSlide {
    background: #111;
    height: 340px;
    margin: 72px 0 0 21px;
    overflow: hidden;
    position: relative;
    width: 192px;
}

.aSlideUl {
    width: 729px;
    overflow: hidden;
    clear: both;
    height: 428px;
}

.aSlideUl li {
    float: left;
    width: 192px;
}

.aSlideUl li img {
    display: block;
    height: 340px;
}

.aSlide .prev, .aSlide .next {
    position: absolute;
    top: 0;
    display: none;
}

.one-txt-left {
    position: absolute;
    top: 64px;
    left: 372px;
    font-weight: normal;
    font: 48px/60px 'minijianxiyuan';
    color: #333;
}

.one-txt-right {
    position: absolute;
    top: 125px;
    right: 294px;
    font: 56px/60px 'Microsoft YaHei';
    color: #e94c2b;
}

.banner-txt {
    font-size: 44px;
    line-height: 70px;
    margin-top: 5px;
    display: inline-block;
}

.one-txt-bottom {
    height: 125px;
    padding: 15px 30px 10px 20px;
    position: absolute;
    right: 295px;
    top: 270px;
    width: 290px;
}

.one-txt-bottom span {
    color: #666;
    display: block;
    float: left;
    font: 24px/60px "SimHei";
    text-align: center;
    width: 145px;
}

.one-txt-bottom em {
    position: absolute;
    display: block;
    width: 60px;
    height: 60px;
}

.one-txt-bottom em.em-top {
    top: 0;
    left: 0;
}

.one-txt-bottom em.em-bottom {
    right: 0;
    bottom: 0;
}

.one-txt-bottom-btn {
    position: absolute;
    right: 367px;
    text-align: center;
    top: 485px;
}

.one-txt-bottom-btn a {
    background-color: #e94c2b;
    display: inline-block;
    width: 240px;
    height: 64px;
    border: 2px solid #e94c2b;
    color: #fff;
    font: 24px/60px 'Microsoft YaHei';
}

.one-txt-bottom-btn a:hover {
    text-decoration: none;
    color: #fff;
    background-color: #e94c2b;
}

.i-common-header .i-c-icon, .case-box .jj-box ul li {
    background: url("../img/nxb-icon.png") no-repeat 0 0;
}

/* os */
.os {
    height: 865px;
    overflow: visible;
}

.two-header {
    padding: 82px 50px 51px;
    height: 80px;
    text-align: center;
}

.two-title {
    text-align: center;
    font-weight: normal;
    font-size: 32px;
    line-height: 50px;
    color: #333;
    text-align: center;
}

.two-header span {
    display: inline-block;
    height: 8px;
    width: 115px;
    border-bottom: 1px solid #ccc;
}

.two-list-infor li {
    width: 25%;
    float: left;
}

.two-list-infor li .box-in {
    padding: 0 40px;
    text-align: center;
}

.two-list-infor li span {
    width: 174px;
    height: 174px;
    display: block;
    transition: .5s;
    -moz-animation: .5s;
    -webkit-animation: .5s;
    -o-animation: .5s;
    margin: 0 auto;
}

.two-list-infor li:hover span {
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
}
.two-list-infor li span {width: 128px;height: 200px;}
.two-list-infor li .s1 {
    background: url(../img/mobile.png) no-repeat center center;
    -webkit-background-size: 100%;
    background-size:100%;
}

.two-list-infor li:hover .s1 {
    background: url(../img/mobile_cho.png) no-repeat center center;
    -webkit-background-size: 100%;
    background-size:100%;
}

.two-list-infor li .s2 {
    background: url(../img/gene.png) no-repeat center center;
    -webkit-background-size: 100%;
    background-size:100%;
}

.two-list-infor li:hover .s2 {
    background: url(../img/gene_cho.png) no-repeat center center;
    -webkit-background-size: 100%;
    background-size:100%;
}

.two-list-infor li .s3 {
    background: url(../img/tissue.png) no-repeat center center;
    -webkit-background-size: 100%;
    background-size:100%;
}

.two-list-infor li:hover .s3 {
    background: url(../img/tissue_cho.png) no-repeat center center;
    -webkit-background-size: 100%;
    background-size:100%;
}

.two-list-infor li .s4 {
    background: url(../img/promote.png) no-repeat center center;
    -webkit-background-size: 100%;
    background-size:100%;
}

.two-list-infor li:hover .s4 {
    background: url(../img/promote_cho.png) no-repeat center center;
    -webkit-background-size: 100%;
    background-size:100%;
}

/* dw */
.dw {
    height: 600px;
    overflow: visible;
    margin-top: 30px;
}

.three-down {
    position: absolute;
    width: 38px;
    height: 42px;
    top: 0;
    left: 50%;
    margin-left: -19px;
}

.three-down img {
    display: block;
    width: 38px;
    height: 42px;
}

.three-left {
    width: 165px;
    height: 161px;
    position: absolute;
    top: 95px;
    left: 145px;
}

.three-left img {
    display: block;
    width: 165px;
    height: 161px;
}

.three-font {
    width: 710px;
    height: 250px;
    position: absolute;
    top: 210px;
    left: 300px;
}

.font-box {
    padding-bottom: 10px;
    border-bottom: 1px solid #928583;
}

.font-box p {
    line-height: 54px;
    font-weight: bold;
}

.font-box-2 {
    margin-top: 30px;
}

.font-box-2 p {
    font-size: 16px;
    line-height: 26px;
    color: #f8f8f8;
    text-align: left;
}

/* oi */
.oi {
    height: 700px;
    overflow: visible;
    background: rgba(0, 0, 0, 0) url("../img/i-banner2.jpg") no-repeat fixed 50% 50% / 100% 100%;
}

.lt-ie9 .oi, .lt-ie9.lt-ie8 .oi {
    background: url("../img/i-banner2.jpg") no-repeat 0 0;
}
/* al */
.six-box h2 {
    text-align: center;
    line-height: 60px;
    padding: 75px 0 30px;
}

.six-list {
    width: 1200px;
    height: 150px;
}

.six-list-in ul li {
    width: 33.3%;
    float: left;
    text-align: center;
}

.six-list-in ul li a {
    display: block;
    padding: 14px 0;
    background: #fff;
    margin: 24px auto 0;
    width: 90%;
    height: 70px;
    transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
}

.six-list-in ul li a:hover {
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.05);
    transform: translateY(-3px);
}

.six-list-in ul li a img {
    width: 230px;
    height: auto;
    max-width: 88%;
}
/* --------------Upgrade style----------- */
.DT-arrow {
    cursor: default;
    position: absolute;
    right: -9px;
    top: 11px;
}

.DT-arrow * {
    cursor: default;
    display: block;
    font-family: "SimSun";
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    height: 18px;
    line-height: 18px;
    overflow: hidden;
}

.DT-arrow em {
    color: #e94c2a;
}

/* ----------case style-------- */
.case-banner {
    height: 400px;
    background: #1e2a44;
    overflow: hidden;
    position: relative;
}

.case-banner .font {
    position: absolute;
    top: 25px;
    right: -43px;
}

.case-banner .font img {
    max-height: 100%;
}

.case-banner .font .gxrz {
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    font: 48px/50px 'minijianxiyuan';
    color: #333;
}

.case-banner .font .xg {
    color: #4e4e4e;
    display: block;
    font: 90px/74px "SimSun";
    left: 195px;
    position: absolute;
    top: 2px;
}

.case-banner .font .eng {
    color: #e94c2a;
    display: block;
    font: 48px/50px "minijianxiyuan";
    left: 246px;
    position: absolute;
    top: 34px;
}

.case-banner .font .ft {
    display: block;
    font: 18px/20px 'Microsoft YaHei';
    color: #666;
    position: absolute;
    bottom: 10px;
    right: 0;
}

.case-banner .light {
    position: absolute;
    top: 127px;
    left: 0;
}

.case-banner .light img {
    display: block;
    max-width: 100%;
}

.case-box h3 {
    margin: 60px 0 30px 0;
    line-height: 32px;
}

.case-box-list ul {
    margin-left: -47px;
    margin-bottom: 15px;
}

.case-box-list ul li {
    float: left;
    width: 33.3%;
}

.case-box-list ul li .case-box-wrap {
    margin: 0 0 50px 47px;
    border: 1px solid #e1e1e1;
    overflow: hidden;
    position: relative;
    cursor: pointer;
}

.case-box-list ul li .img {
    display: block;
    padding: 15px;
}

.case-box-list ul li .img img {
    max-width: 100%;
}

.case-box-list .levelTips {
    background: #fafafa none repeat scroll 0 0;
    border-top: 1px solid #e1e1e1;
    display: block;
    width: 100%;
    text-align: left;
    padding-bottom: 15px;
}

.case-box-list .levelTips .nextScore {
    padding: 0 10px;
}

.case-box-list .DT-arrow {
    cursor: default;
    position: absolute;
    width: 22px;
    left: 12px;
    top: -15px;
}

.case-box-list .DT-arrow * {
    cursor: default;
    display: block;
    font-size: 26px;
    font-family: 'SimSun';
    height: 26px;
    line-height: 1.231;
    overflow: hidden;
    font-style: normal;
    font-weight: normal;
}

.case-box-list .DT-arrow em {
    color: #e1e1e1;
}

.case-box-list .DT-arrow span {
    margin: -25px 0 0;
    color: #fafafa;
}

.levelTips .title {
    font: 16px/30px 'Microsoft YaHei';
    color: #666;
    padding-top: 10px;
}

.levelTips .nr {
    font: 14px/28px 'Microsoft YaHei';
    color: #999;
}

.case-box-list ul li .hover {
    position: absolute;
    top: 410px;
    left: 0;
    z-index: 99;
    right: 0;
}

.case-box-list ul li .hover .h-img {
    display: block;
    height: 250px;
    margin: 15px 15px 21px;
    text-align: center;
    background: url(../img/org-bg.png) repeat top left;
    position: relative;
}

.case-box-list ul li .hover .h-img span {
    display: inline-block;
    width: 140px;
    height: 44px;
    border: 1px solid #fff;
    font: 14px/44px 'Microsoft YaHei';
    color: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -22px 0 0 -70px;
}

.case-box-list ul li .hover .h-img span:hover {
    background-color: #fff;
    color: #e9480a;
}

.case-box-list .hover .levelTips {
    background-color: #fff;
}

.case-box-list .hover .DT-arrow span {
    color: #fff;
}

.case-box-list .hover .nr {
    height: 84px;
    overflow: hidden;
    padding-top: 17px;
}

.case-box-list ul li:hover .case-box-wrap {
    border: 1px solid #e9480a;
}

/* ----------about us style-------- */
.about-banner {
    background-color: #1e2a44;
    height: 400px;
    overflow: hidden;
}

.about-banner .a-banner-left {
    position: absolute;
    top: 50px;
    left: 75px;
}

.about-banner .a-banner-right {
    position: absolute;
    top: 123px;
    right: 92px;
}

.about-banner .font-us .gxrz {
    color: #333;
    display: block;
    font: 32px/50px "minijianxiyuan";
    left: 0;
    position: absolute;
    top: 0;
}

.about-banner .font-us .xg {
    color: #4e4e4e;
    display: block;
    font: 40px/74px "SimSun";
    left: 150px;
    position: absolute;
    top: -10px;
}

.about-banner .font-us .eng {
    color: #e94c2a;
    display: block;
    font: 36px/50px "minijianxiyuan";
    left: 190px;
    position: absolute;
    top: 1px;
}

.about-banner .font-us .ft {
    bottom: 22px;
    color: #666;
    display: block;
    font: 18px/20px "Microsoft YaHei";
    position: absolute;
    right: 124px;
}

.case-box .jj-box {
    padding: 0 20px 50px 384px;
    position: relative;
    margin-top: 30px;
}

.case-box .jj-box ul li {
    font: 16px/34px "Microsoft YaHei";
    color: #666;
    margin-bottom: 15px;
    text-align: justify;
    padding-left: 20px;
    background-position: -373px 5px;
}

.i-box {
    padding: 36px 0 74px;
}

.map-box {
    margin-top: 30px;
}

.company-pic {
    width: 295px;
    position: absolute;
    left: 28px;
    top: 10px;
}

.zk-classify {
    margin: 30px 0 40px -80px;
}

.company-desc {
    float: left;
}

.zk-classify li {
    float: left;
}

.zx-item {
    display: inline-block;
    vertical-align: middle;
    width: 33.3%;
}

.zk-classify li .zx-itembox {
    padding: 50px 26px;
    text-align: center;
    margin-left: 80px;
    transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    background: #fff;
    box-shadow: 0 0 10px 1px rgba(8, 8, 15, 0.06)
}

.zk-classify li:hover .zx-itembox {
    transform: translate(0, -5px);
}

.zk-classify li:hover .zx-item-link h2 {
    color: #e94c2b;
}

.zx-item-pic {
    display: inline-block;
    transition: all 0.5s ease 0s;
}

.develop {
    background: url("../img/info_2.png") no-repeat 0 0;
}

.advertise {
    background: url("../img/info_3.png") no-repeat 0 0;
}

.media {
    background: url("../img/info_4.png") no-repeat 0 0;
}

.zx-item-link {
    cursor: pointer;
}

.zx-item-link:hover {
    text-decoration: none;
}

.zx-item-link h2 {
    color: #4c4c4c;
    margin: 30px 0 20px;
    font-weight: normal;
}

.service-box {
    background: #f5f5f5;
    padding: 0 0 40px 0;
}

.map-wrap {
    padding-bottom: 20px;
}

.team-pic {
    float: right;
}

.team-desc {
    float: left;
    margin-top: 25px;
}

.team-desc p.t-slogan {
    font-size: 24px;
    color: #4c4c4c;
}

.team-desc small {
    font-size: 16px;
    color: #888;
    font-family: "Arial";
    margin-top: 10px;
    display: block;
    margin-left: 6px;
}

.team-desc p.t-s-desc {
    font-size: 20px;
    color: #666;
    line-height: 38px;
    width: 544px;
    margin-top: 35px;
    text-indent: 2em;
}

.case-box .service-box h3 {
    margin-top: 40px;
}

.zx-itembox p {
    font-size: 16px;
    line-height: 32px;
    color: #666;
    text-align: justify;
}

.zx-item-pic-box {
    height: 100px;
}

.jj-box .box-in {
    padding-top: 50px;
}

.jj-box .box-in .map {
    width: 470px;
    height: 290px;
    border: 5px solid #e9e9e9;
    margin-left: 70px;
    float: left;
}

.jj-box .box-in .map img {
    display: block;
}

.jj-box .box-in .Contact {
    float: left;
    margin-left: 79px;
}

.Contact .name {
    font-size: 18px;
    line-height: 36px;
    color: #666;
    margin-right: 50px;
}

.Contact .nr, .Contact .nr a {
    font-size: 18px;
    line-height: 36px;
    color: #676767;
    width: 380px;
}

.Contact .nr a:hover {
    color: #e94c2b;
}

#r-result {
    width: 100%;
    margin-top: 5px;
}

p {
    font-size: 14px;
}

.apply {
    background: #f8f8f8;
    padding: 25px 0;
}

.c-title {
    border-bottom: 1px solid #e6edf4;
    height: 46px;
    line-height: 40px;
}

.c-title span {
    display: block;
    height: 37px;
    width: 202px;
    font-size: 30px;
    line-height: 50px;
    color: #666;

}

#apply {
    margin-top: 25px;
}

#apply select, #apply input, .applyDesc textarea {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    color: #555;
    font-size: 14px;
    padding: 8px 6px;
}

#apply select {
    width: 226px;
}

.ml15 {
    margin-left: 16px;
}

#apply input {
    width: 576px;
}

.applyDesc textarea {
    height: 60px;
    line-height: 24px;
    overflow-x: hidden;
    overflow-y: auto;
    width: 99%;
}

#apply select:focus, #apply input:focus, .applyDesc textarea:focus {
    border-color: #e94c2b;
}

#apply li {
    margin-bottom: 12px;
}

.suBtn {
    background: #d3d3d3 none repeat scroll 0 0;
    border: medium none;
    color: #333;
    font: 14px/22px "Microsoft YaHei";
    height: 30px;
    left: 50%;
    margin-left: -60px;
    padding: 4px 0;
    position: absolute;
    top: 8px;
    width: 120px;
}

.suBtn:hover {
    background: #e94c2b none repeat scroll 0 0;
    color: #fff;
}

.suBtn:active {
    background: #e94c2b none repeat scroll 0 0;
    color: #fff;
}

.applybtn {
    border-bottom: 1px solid #e6edf4;
    height: 25px;
    position: relative;
    margin-top: 20px;
}

.mb50 {
    margin-bottom: 50px;
}

.pro-list li {
    width: 33.3%;
    float: left;
}

.pro-list li .p-l-wrap {
    text-align: center;
    width: 80%;
    margin: 0 auto 72px;
    display: block;
    cursor: pointer;
}

.pro-box {
    width: 66px;
    height: 62px;
    display: inline-block;
}

.mt10 {
    margin-top: 10px;
}

.pro-list li .pro-box {
    transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    background: url("../img/nxb-icon1.png") no-repeat 0 0;
}

.pro-list li:hover .pro-box {
    transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
}

.pro-list li .a1 {
    background-position: -8px -11px;
}

.pro-list li .a2 {
    background-position: -7px -110px;
}

.pro-list li .a3 {
    background-position: -7px -213px;
}

.pro-list li .a4 {
    background-position: -8px -313px;
}

.pro-list li .a5 {
    background-position: -7px -403px;
}

.pro-list li .a6 {
    background-position: -8px -507px;
}

.dm {
    background: #422d1f url(../img/pic/nxb-desc1.jpg) no-repeat fixed 50% 50% / 100% 100%;
    height: 600px;
    overflow: visible;
}

.lt-ie9.lt-ie8 .dm, .lt-ie9 .dm {
    background: #422d1f url(../img/pic/nxb-desc1.jpg) no-repeat 0 0;
}

.lt-ie9.lt-ie8 .jj-box .company-desc {
    float: left;
}
.nxb-cont p {
    text-align: center;
    line-height: 36px;
}

.nxb-cont {
    position: absolute;
    bottom: 135px;
    left: 224px;
}

.cor-solution ul li {
    float: left;
    width: 25%;
    transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
}

.cor-solution ul li:hover dl {
    border: 1px solid #e94c2b;
    transform: translate(0, -10px);
    box-shadow: 0 5px 20px 1px rgba(248, 144, 122, 0.10);
    -moz-box-shadow: 0 5px 20px 1px rgba(248, 144, 122, 0.10);
    -webkit-box-shadow: 0 5px 20px 1px rgba(248, 144, 122, 0.10);
}

.cor-solution ul li:hover .i-solu-line {
    height: 0;
    margin: 10px 0 14px
}

.cor-solution ul {
    margin-left: 0;
}

.cor-solution ul li dl {
    margin: 0 auto;
    width: 92%;
    cursor: pointer;
    border: 1px solid transparent;
    box-shadow: 0 5px 20px 1px rgba(49, 49, 49, 0.15);
    -moz-box-shadow: 0 5px 20px 1px rgba(49, 49, 49, 0.15);
    -webkit-box-shadow: 0 5px 20px 1px rgba(49, 49, 49, 0.15);
    padding: 40px 0;
    transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
}

.lt-ie9.lt-ie8 .cor-solution ul li dl, .lt-ie9 .cor-solution ul li dl {
    background: #fafafa;
    border: 1px solid #eee;
}

.cor-solution ul li dl dt {
    text-align: center;
}

.cor-solution ul li dl dt span {
    background: url("../img/pro-feature.png");
    width: 55px;
    height: 52px;
    display: inline-block;
    margin-bottom: 28px;
}

.cor-solution ul li dl dt .c-s-1 {
    background-position: -7px -21px;
}

.cor-solution ul li dl dt .c-s-2 {
    background-position: -7px -103px;
}

.cor-solution ul li dl dt .c-s-3 {
    background-position: -7px -184px;
}

.cor-solution ul li dl dt .c-s-4 {
    background-position: -7px -265px;
}

.cor-solution ul li dl dt a.c-s-link {
    font-size: 26px;
    color: #333;
    line-height: 40px;
    margin-top: 10px;
    text-align: center;
    display: block;
}

.cor-solution ul li dl dt a.c-s-link:hover {
    text-decoration: none;
    opacity: 0.8;
    -moz-opacity: 0.8;
    filter: alpha(opacity=80);
}

.free-use-btn {
    margin-top: 35px;
    text-align: center;
}

.free-use-btn a {
    width: 200px;
    font-size: 20px;
    cursor: pointer;
    height: 46px;
    line-height: 46px;
    transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    text-align: center;
    border: 1px solid #e94c2b;
    color: #e94c2b;
    display: inline-block;
}

.free-use-btn a tt {  line-height: 46px;  display: inline-block;  font-size: 20px;  }
.cor-solution ul li:hover .free-use-btn a {  background: #e94c2b;  color: #fff;  }
.free-use-btn a:hover {  text-decoration: none;  opacity: 0.9;  -moz-opacity: 0.9;  filter: alpha(opacity=90)  }
.cor-solution ul li dl dd span {  font-size: 18px;  color: #666;  line-height: 32px;  padding: 8px 0;  display: block;  text-align: center;  }
.mt20 {  margin-top: 20px;  }
.qq-contact-box {  bottom: 360px;  position: fixed;  right: 0;  width: 132px;  z-index: 9999;  }
.qq-contact-box .qq-con-img {  width: 130px;  }
.qq-contact-box .qq-con-img img {  max-width: 100%;  }
.qq-con-cont {  text-align: center;  margin: -10px auto 0;  }
.qq-con-cont a {  width: 90px;  text-align: center;  line-height: 30px;  background-color: #e94c2b;  color: #fff;  font-size: 14px;  display: inline-block;  }
.qq-con-cont a:hover {  text-decoration: none;  opacity: 0.9;  -moz-opacity: 0.9;  filter: alpha(opacity=90);  }
/*----------index style start----------*/
.i-main-top {  position: relative;  }
.i-main-top .header {  position: absolute;  left: 0;  top: 0;  width: 100%;  background: url("../img/nav-b.png") repeat-x 0 0;  border-bottom: none;  }
.i-main-top .header .nav li a {  color: #fff;  padding: 0 18px;  }
.i-main-top .nav li.current a, .nav li a:hover {  border-bottom: none;  }
.i-main-top .header .logo a {  display: block;  }
.i-main-top .tel {  color: #fff;  }
.i-main-top .nav {  margin-right: 65px;  float: right;  }
/*------index style new start--------*/
.btn-wrap {  text-align: center;  margin-top: 15px;  }
.btn-wrap a {  width: 172px;  border-radius: 3px;  transition: all 0.3s ease 0s;  -webkit-transition: all 0.3s ease 0s;  -moz-transition: all 0.3s ease 0s;  -o-transition: all 0.3s ease 0s;  height: 50px;  border: 1px solid #e94c2b;  display: inline-block;  font-size: 20px;  color: #e94c2a;  text-align: center;  line-height: 50px;  }
.btn-wrap a:hover, .train-sys-box .free-use-btn a:hover {  background: #e94c2b;  color: #fff;  text-decoration: none;  }
.more-case {  margin-bottom: 35px;  }
.i-banner1-box {  height: 700px;  overflow: hidden;  background: #f5f5f5;  }
.lt-ie9 .i-ban1-wrap .i-per-wrap, .lt-ie9.lt-ie8 .i-ban1-wrap .i-per-wrap {  bottom: -10px;  }
.i-ban1-title .two-title {  color: #fff;  }
.i-ban1-wrap {  position: relative;  height: 574px;  }
.i-ban1-wrap .i-ban1-form {  width: 80%;  margin: 0 auto;  border-radius: 4px;  background: #fff;  padding: 70px 50px 70px;  box-shadow: 0 5px 20px 1px rgba(49, 49, 49, 0.15);  -moz-box-shadow: 0 5px 20px 1px rgba(49, 49, 49, 0.15);  }
#apply select:focus, #apply input:focus, .applyDesc textarea:focus {  border-color: #ccc;  box-shadow: 0 0 6px rgba(0, 0, 0, 0.08) inset;  }
.i-ban1-wrap .i-per-wrap {  background: url("../img/i-ban1-person.png") no-repeat 0 0;  position: absolute;  left: 0;  bottom: 18px;  width: 415px;  height: 592px;  }
.i-ban1-form .i-form-item {  border: 1px solid #cfcfcf;  background: #fff;  border-radius: 4px;  color: #666;  font-size: 16px;  }
.i-ban1-form .i-form-item:focus {  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1) inset;  -moz-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1) inset;  -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1) inset;  }
.main-body .i-banner1-box article {  margin: 120px auto 0;  }
.free-try-title {  font-size: 20px;  line-height: 22px;  border-left: 4px solid #e94c2a;  color: #333;  padding-left: 13px;  }
.mb20 {  margin-bottom: 30px;  }
.i-f-text {  width: 43.5%;  padding: 0 2.5%;  height: 50px;  line-height: 50px;  }
::-webkit-input-placeholder {  color: #999;  }
:-moz-placeholder {  color: #999;  }
::-moz-placeholder {  color: #999;  }
:-ms-input-placeholder {  color: #999;  }
.mt25 {  margin-top: 40px;  }
.mt15 {  margin-top: 15px;  }
.i-f-textarea {  width: 95%;  height: 80px;  padding: 1.5% 2.5%;  resize: none;  }
.commit-btn-box {  margin-top: 55px;  text-align: center;  }
.commit-btn-box a {  color: #fff;  background: #f35634;  transition: .3s;  -webkit-transition: .3s;  -moz-transition: .3s;  width: 100%;  height: 52px;  line-height: 52px;  font-size: 20px;  text-align: center;  display: inline-block;  border-radius: 4px;  }
.commit-btn-box a:hover {  text-decoration: none;  opacity: 0.9;  -moz-opacity: 0.9;  filter: alpha(opacity=90)  }
.om {  height: 635px;  position: relative;  }
.two-list-in {  margin-top: 45px;  }
.t-item-title {  font-size: 20px;  color: #333;  line-height: 30px;  }
.t-item-desc {  font-size: 17px;  color: #777;  line-height: 32px;  margin-top: 9px;  }
.work-chain {  width: 100%;  height: 507px;  background: #24272c url("../img/xq.jpg") no-repeat fixed 50% 50%;  background-size: 100% 100%  }
.lt-ie9.lt-ie8 .work-chain, .lt-ie9 .work-chain {  background: url("../img/xq.jpg") no-repeat 50% 50%;  }
.work-chain .two-title {  color: #fff;  }
.solution-pic {  width: 394px;  height: 394px;  margin: 0 auto;  }
.solution-pic img {  width: 394px;  height: 394px;  }
/*-------banner-------*/
/* slide */
.slide-main {  height: 718px;  position: relative;  }
.prev, .next {  display: block;  width: 60px;  height: 60px;  top: 50%;  margin-top: -30px;  position: absolute;  z-index: 222;  overflow: hidden;  cursor: pointer;  opacity: 0.6;  -moz-opacity: 0.6;  filter: alpha(opacity=60);  _border: 1px solid transparent;  }
.prev {  left: 70px;  }
.next {  right: 70px;  }
.prev:hover, .next:hover, .nav-main a:hover, .nav-main a.cur {  opacity: 1;  -moz-opacity: 1;  filter: alpha(opacity=100);  }
.arrow-icon {  width: 60px;  height: 60px;  display: inline-block;  vertical-align: middle;  background: url("../img/publicico.png") no-repeat 0 0;  }
.prev .arrow-icon {  background-position: 0 0;  }
.next .arrow-icon {  background-position: 0 -140px;  }
.item {  display: block;  width: 100%;  height: 5px;  position: absolute;  z-index: 124;  bottom: 40px;  left: 0;  text-align: center;  }
.item a {  display: inline-block;  width: 24px;  height: 5px;  margin-right: 11px;  background: #444;  opacity: 0.3;  -moz-opacity: 0.3;  filter: alpha(opacity=30);  overflow: hidden;  }
.item a.cur {  background: #fff;  }
.slide-box, .slide {  display: block;  width: 100%;  height: 718px;  overflow: hidden;  }
.slide-box {  position: relative;  }
.slide {  display: none;  height: 630px;  padding-top: 89px;  background: #ff6900;  position: relative;  position: absolute;  z-index: 8;  }
.banner-btn {  margin-top: 50px;  text-align: left;  margin-left: 5px;  }
.banner-btn a {  border: 1px solid #fff;  color: #fff;  background: none;  }
.oi .two-title {  color: #fff;  }
.i-solu-line {  width: 50px;  height: 2px;  display: inline-block;  margin: 20px 0 14px;  background: #e94c2b;  }
.foot-bottom {  background: #23262b;  height: 88px;  line-height: 88px;  }
.al .two-header {  padding: 82px 50px 20px;  }
.nxb-works-box {  background: #e2e2e4;  overflow: hidden;  }
.nxb-works-box ul li .nxb-wk-icon {  width: 137px;  transition: .3s;  -webkit-transition: .3s;  -moz-transition: .3s;  height: 107px;  display: inline-block;  position: absolute;  right: -10px;  bottom: -10px;  vertical-align: middle;  background: url("../img/nxb-works-icon.png") no-repeat 0 0;  }
.nxb-works-box ul li {  width: 25%;  float: left;  text-align: center; position: relative;  }
.nxb-works-box ul li.light-bg {background: #f5f5f5;}
.nxb-works-box UL LI.dark-bg {background: #ebebeb;}
.nxb-works-box ul li a {  display: block;  height: 145px;  position: relative;  overflow: hidden;  }
.nxb-works-box ul li a:hover {  text-decoration: none;  opacity: 0.9;  -moz-opacity: 0.9;  filter: alpha(opacity=90);  }
.nxb-works-box ul li .nxb-wk-1 {  background-position: 32px -1px;  }
.nxb-works-box ul li .nxb-wk-2 {  background-position: 8px -144px;  }
.nxb-works-box ul li .nxb-wk-3 {  background-position: 28px -305px;  }
.nxb-works-box ul li .nxb-wk-4 {  background-position: 38px -453px;  }
.nxb-works-box ul li .nxb-wk-title {  font-size: 24px;  color: #f35634;  vertical-align: middle;  padding-top: 40px;  display: block;  }
.nxb-works-box ul li a:hover .nxb-wk-icon {  transform: translate3d(-4px, -8px, 0px);  }
.Contact {  margin-top: 25px;  text-align: center;  }
.nxb-works-box ul li:nth-child(2n) {  background: #f5f5f5;  }
.nxb-works-box ul li:nth-child(2n+1) {  background: #ebebeb;  }
.pro-banner .pro-b-left {  float: left;  padding-top: 10px;  }
.pro-banner .pro-b-right {  float: right;  }
.pro-banner {  background: #ea4c2a;  height: 470px;  width: 100%;  }
.pro-b-wrap {  padding: 90px 0 0 18px;  }
.pro-b-wrap .banner2-btn {  margin: 68px 0 0 0;  }
.pro-exeperence {  height: 135px;  }
.pro-exeperence ul li .c-d-wrap {  display: block;  padding: 10px 22px 10px 27px;  text-align: left;  position: relative;  }
.pro-exeperence ul li .c-d-wrap .c-d-top {  line-height: 56px;  margin-top: 5px;  height: 56px;  overflow: hidden;  }
.pro-exeperence ul li .c-d-wrap .c-d-top span {  font-size: 34px;  color: #e94c2b;  font-family: "Microsoft YaHei";  }
.pro-exeperence ul li .c-d-wrap .c-d-top sub {  font-size: 36px;  vertical-align: middle;  font-family: "Microsoft YaHei";  padding-bottom: 6px;  }
#c-d-pic1 {  position: absolute;  right: 20px;  top: 15px;  width: 94px;  height: 110px;  }
#c-d-pic1 img {  width: 100%;  height: 100%;  }
#c-d-pic1 section {  -webkit-transform: translateZ(100px);  transform: translateZ(100px);  }
.c-d-wrap .c-d-bot {
    margin-top: 7px;
    line-height: 34px;
    font-size: 22px;
    color: #666;
}

.c-d-wrap .c-d-bot em {
    width: 116px;
    height: 104px;
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    right: -22px;
    bottom: -22px;
    transition: .3s;
    -moz-transition: .3s;
    -webkit--transition: .3s;
}

.c-d-pic {
    width: 115px;
    height: 115px;
    display: inline-block;
    background: url("../img/pro-icon.png") no-repeat 0 0;
}

.c-d-pic1 {
    background-position: -19px -36px;
}

.c-d-pic2 {
    background-position: -19px -180px;
}

.c-d-pic3 {
    background-position: -18px -340px;
}

.c-d-pic4 {
    background-position: -18px -482px;
}

.nxb-works-box ul li:hover .c-d-pic1 {
    background-position: -19px -1320px;
}

.nxb-works-box ul li:hover .c-d-pic2 {
    background-position: -19px -1464px;
}

.nxb-works-box ul li:hover .c-d-pic3 {
    background-position: -18px -1624px;
}

.nxb-works-box ul li:hover .c-d-pic4 {
    background-position: -18px -1766px;
}

.go-icon {
    width: 14px;
    height: 14px;
    margin-left: 2px;
    margin-top: 2px;
    display: inline-block;
    background: url("../img/p-arrow-icon.png") no-repeat 0 0;
}

.free-use-btn a:hover .go-icon {
    background-position: -26px 0;
}

.bg-blue {
    background: #edf7ff;
}

.bg-fff {
    background: #fff;
}

.bg-f8 {
    background: #f8f8f8;
}

.header-title {
    padding: 80px 0 0;
    text-align: center;
}

.header-title .two-desc {
    margin-top: 20px;
    color: #666;
    font-size: 18px;
    line-height: 40px;
}

.scenery-list li {
    width: 16.6%;
    float: left;
    height: 140px;
    overflow: hidden;
}

.scenery-list li:hover img {
    opacity: 0.9;
    -moz-opacity: 0.9;
    -webkit-opacity: 0.9;
}

.scenery-list li img {
    width: 100%;
    height: 140px;
}

.scenery-list li .scne-wrap {
    width: 100%;
    height: 140px;
    background: #f5f5f5;
    line-height: 140px;
    text-align: center;
    transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
}

.scenery-list li .scne-wrap span {
    color: #e94c29;
    font-size: 24px;
}

.scenery-list li:hover .scne-wrap {
    background: #fb6544;
}

.scenery-list li:hover .scne-wrap span {
    color: #fff;
}

.pro-btn-wrap {
    margin: 70px 0 80px;
}

.four-ends-way .btn-wrap a:hover, .banner-btn a:hover {
    text-decoration: none;
    background: #fff;
    color: #666;
}


.scenery-box {
    margin-top: 60px;
}

.train-sys-box .t-sys-box {
    margin-top: 110px;
}

.train-sys-box .multi-s-live {
    margin-top: 15px;
}

.function-box {
    height: 900px;
    background: rgba(0, 0, 0, 0) url("../img/pro-intro-banner2.jpg") no-repeat fixed 50% 50% / 100% 100%;
    overflow: visible;
}

.function-box .two-title {
    color: #fff;
}

.function-wrap ul li dl dt span {
    width: 104px;
    height: 104px;
    background: url("../img/feature-icon.png") no-repeat 0 0;
}

.function-wrap ul li dl dt .c-s-1 {
    background-position: -7px -21px;
}

.function-wrap ul li dl dt .c-s-2 {
    background-position: -7px -168px;
}

.function-wrap ul li dl dt .c-s-3 {
    background-position: -7px -316px;
}

.function-wrap ul li dl dt .c-s-4 {
    background-position: -7px -462px;
}

.function-wrap ul li dl dt .c-s-5 {
    background-position: -7px -611px;
}

.function-wrap ul li dl dt .c-s-5 {
    background-position: -7px -758px;
}

.function-wrap ul li {
    width: 16.6%;
}

.function-wrap ul li dl {
    margin-left: 86px;
}

.pro-func-header {
    padding: 75px 50px 30px;
}

.function-wrap .btn-wrap {
    margin-top: 40px;
}

.function-wrap .btn-wrap a, .four-ends-way .btn-wrap a,.advant-tec .btn-wrap a {
    color: #fff;
    border-color: #fff;
}

.market-advanced {
    background: url("../img/pro-bg2.png") no-repeat 0 center;
    position: relative;
    width: 871px;
    height: 573px;
    margin: 60px auto 0;
}

.market-advanced .m-d-desc {
    width: 144px;
    text-align: center;
    position: absolute;
    left: 45px;
    top: 195px;
}

.market-advanced .m-d-desc span {
    font-size: 18px;
    color: #e94c2a;
    line-height: 30px;
}

.market-advanced .m-d-desc p {
    font-size: 14px;
    line-height: 22px;
    color: #666;
    margin-top: 7px;
}

.market-advanced .m-d-2 {
    left: 297px;
    top: 226px;
    width: 156px;
}

.market-advanced .m-d-3 {
    left: 403px;
    top: 49px;
    width: 154px;
}

.market-advanced .m-d-4 {
    left: 615px;
    top: 192px;
    width: 196px;
}

.four-ends-way {
    height: 760px;
    background: #24272c url("../img/pro-intro-bg.jpg") no-repeat fixed 50% 50%;
    background-size: 100% 100%;
    overflow: hidden;
}

.four-ends-way .f-e-top {
    margin-top: 80px;
    padding: 80px 0;
    background: url("../img/pro-white-bg.png") no-repeat 0 center;
    width: 100%;
    height: 108px;
}

.four-ends-way .f-e-top p {
    font-size: 20px;
    line-height: 50px;
    color: #fff;
    font-family: "Microsoft YaHei";
    padding: 0 44px;
    margin-left: 104px;
}

.endsway-list li {
    width: 25%;
    float: left;
    text-align: center;
}

.endsway-list li em {
    width: 144px;
    height: 144px;
    background: url("../img/pro-icon.png") no-repeat 0 0;
    display: inline-block;
}

.endsway-list li p {
    font-size: 18px;
    line-height: 36px;
    color: #fff;
    margin-top: 6px;
}

.endsway-list li em.e-l-1 {
    background-position: -5px -621px;
}

.endsway-list li em.e-l-2 {
    background-position: -1px -788px;
}

.endsway-list li em.e-l-3 {
    background-position: -5px -955px;
}

.endsway-list li em.e-l-4 {
    background-position: -5px -1121px;
}

.endsway-list {
    margin-top: 25px;
}

.corpration-box li {
    float: left;
    width: 23%;
    cursor: pointer;
    text-align: center;
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
}

.lt-ie9.lt-ie8 .corpration-box li, .lt-ie9 .corpration-box li {
    width: 22.9%;
}

.lt-ie9.lt-ie8 .corpration-box LI.current, .lt-ie9 .corpration-box LI.current {
    width: 31%;
}

.corpration-box li.current {
    z-index: 99;
    width: 31%;
    transform: translateY(-20px);
}

.lt-ie9.lt-ie8 .corpration-box li.current, .lt-ie9 .corpration-box li.current {
    margin-top: -20px;
}

.corpration-box li.current .cor-b-top {
    background-size: 100% 100%;
    padding: 44px 0 32px;
}

.corpration-box li.current .c-b-t-1 {
    background: url("../img/pro-bg1.png") no-repeat 0 0;
}

.corpration-box li.current .c-b-t-2 {
    background: url("../img/pro-bg2.png") no-repeat 0 0;
}

.corpration-box li.current .c-b-t-3 {
    background: url("../img/pro-bg3.png") no-repeat 0 0;
}

.corpration-box li.current .c-b-t-4 {
    background: url("../img/pro-bg4.png") no-repeat 0 0;
}

.corpration-box li.current .cor-b-brief-box {
    display: none;
}

.corpration-box li .cor-b-brief-box {
    padding: 52px 0;
}

.corpration-box li .cor-b-brief-box .cor-b-item p {
    font-size: 18px;
    color: #333;
    width: 100%;
    line-height: 36px;
    text-align: center;
    margin: 0 0 21px;
    text-align: center;
    margin: 0 0 22px;
}

.corpration-box li .cor-b-top {
    background: #f1f1f1;
    padding: 28px 0;
}

.corpration-box li .cor-b-top p {
    font-size: 22px;
    color: #333;
    line-height: 30px;
    margin-top: 10px;
}

.corpration-box li.current .cor-b-top p {
    font-size: 24px;
    color: #fff;
}

.corpration-box li .cor-b-bot {
    height: 240px;
    padding-top: 55px;
    background: #fff;
    display: none;
}

.corpration-box li.current .cor-b-bot {
    display: block;
}

.corpration-box li .cor-b-bot p {
    font-size: 16px;
    color: #666;
    line-height: 30px;
    width: 209px;
    margin: 0 auto;
    text-align: justify;
}

.corpration-box li .cor-b-wrap {
    border: 1px solid #e2e2e2;
}

.corpration-box li.current .cor-b-wrap {
    border: 1px solid #ccccff;
}

.cor-b-top .cor-b-icon {
    width: 80px;
    height: 65px;
    display: inline-block;
    background: url("../img/train-icon.png") no-repeat 0 0;
}

.corpration-box li.current .cor-b-top .cor-b-icon {
    background: url("../img/train-icon2.png") no-repeat 0 0;
}

.cor-b-top .c-b-i-1, .corpration-box li.current .cor-b-top .c-b-i-1 {
    background-position: -6px -11px;
}

.cor-b-top .c-b-i-2, .corpration-box li.current .cor-b-top .c-b-i-2 {
    background-position: -12px -103px;
}

.cor-b-top .c-b-i-3, .corpration-box li.current .cor-b-top .c-b-i-3 {
    background-position: -11px -202px;
}

.cor-b-top .c-b-i-4, .corpration-box li.current .cor-b-top .c-b-i-4 {
    background-position: -7px -297px;
}

.zx-item-last {
    display: none;
}

#bgstylea {
    display: block;
}

#bgstyleb {
    display: none;
}

.i-banner-box {
    width: 100%;
    height: 580px;
    background: #1e2a44;
    position: relative;
    overflow: hidden;
}

.i-ban-left {
    position: absolute;
    left: -10px;
    top: 108px;
    width: 480px;
    height: 367px;
}

.i-ban-right {
    position: absolute;
    right: 0;
    top: 145px;
}

.ban-pic-box {
    width: 480px;
    height: 367px;
    transform-style: preserve-3d;
    background: #1e2a44;
}

.ban-pic-box img {
    position: absolute;
}

.ban-pic1 {
    left: 210px;
    top: 112px;
}

.ban-pic2 {
    left: 50px;
    top: 94px;
}

.ban-pic3 {
    left: 10px;
    top: 12px;
}

.ban-pic4 {
    left: 55px;
    top: 35px;
}

.m-banner-box {
    display: none;
}

.train-sys-box .t-f-r {
    float: right;
}

.train-sys-box .t-f-l {
    float: left;
}

.xq-main-box {
    width: 100%;
    height: 137px;
    background: url("../img/xq-arrow.png") no-repeat 0 0;
    background-size: 100%;
}
.lt-ie9.lt-ie8 .xq-main-box,.lt-ie9 .xq-main-box {background: url("../img/xq-arrow-ie.png") no-repeat 0 0;}
.xq-main-list li {
    float: left;
    width: 25%;
}

.i-banner-wrap {
    height: 580px;
    overflow: hidden;
    position: relative;
    background: url("../img/star-bg.png") repeat-x 0 0;
}

.xq-main-list li .xq-main-wrap {
    width: 170px;
}

.xq-marl {
    margin-left: 40px;
}

.xq-marl2 {
    margin-left: 73px;
}

.xq-marl3 {
    margin-left: 106px;
}

.xq-main-list .xq-pic {
    width: 170px;
    height: 120px;
}

.xq-main-list .xq-pic img {
    max-width: 100%;
    height: auto;
}

.xq-main-list p {
    font-size: 20px;
    color: #fff;
    line-height: 38px;
    text-align: center;
    width: 170px;
    margin-top: 27px;
}
.al {background: url("../img/coroperator-company.jpg") no-repeat 0 0;overflow: hidden;}
.al, .footer {
    background-size: 100% 100%;
}
.t-sys-right .free-use-btn {
    margin: 26px 0 0 4px;
    text-align: left;
}

@font-face {
    font-family: fangzhegnxiyuan;
    src: url('../font/two-font/fangzhegnxiyuan.eot');
    src: url('../font/two-font/fangzhegnxiyuan.eot?#iefix') format('embedded-opentype'),
    url('../font/two-font/fangzhegnxiyuan.ttf') format('truetype');
}

/*@font-face {
    font-family: hiragino;
    src: url('../font/two-font/Hiragino Sans GB W3.eot');
    src: url('../font/two-font/Hiragino Sans GB W3.eot?#iefix') format('embedded-opentype'),
    url('../font/two-font/Hiragino Sans GB W3.ttf') format('truetype');
}
*/
.self-page-con span {
    font-size: 48px;
    opacity: 0;
    color: #fff;
    font-family: fangzhegnxiyuan, "SimSun";
    line-height: 100px;
}

.i-common-header {
    padding: 90px 0 50px;
    text-align: center;
    line-height: 30px;
}

.i-common-header .i-c-icon {
    display: inline-block;
    height: 15px;
    width: 120px;
}

.i-common-header * {
    vertical-align: middle;
}

.i-common-header .i-c-title {
    color: #444;
    font-size: 26px;
    padding: 0 15px;
}

.i-common-header .i-c-title tt {
    color: #666;
    font-family: "Arial";
    font-size: 14px;
}

.i-common-header .i-c-left {
    background-position: -186px -5px;
}

.i-common-header .i-c-right {
    background-position: 0 -5px;
}

.map {
    border-top: 5px solid #fff;
    border-bottom: 5px solid #fff;
}

.team-pic img {
    max-width: 100%;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .container {
        width: 970px;
    }

    .logo img {
        margin-top: 19px;
        width: 130px;
    }
     .nav {
        margin-left: 30px;
    }
    .nav li a {
        font-size: 18px;
        padding: 0 8px;
    }

    .pro-exeperence ul li .c-d-wrap {
        padding: 10px 13px 10px 21px;
    }

    .c-d-pic {
        width: 80px;
        height: 102px;
        background-size: 146%;
    }

    .c-d-pic1 {
        background-position: -19px -14px;
    }

    .c-d-pic2 {
        background-position: -19px -119px;
    }

    .c-d-pic3 {
        background-position: -18px -234px;
    }

    .c-d-pic4 {
        background-position: -18px -339px;
    }

    .pro-exeperence {
        height: 122px;
    }

    .banner-title1, .ban-pic-box img, .banner-btn {
        transform: scale(0.7);
    }

    .t-sys-left img {
        width: 100%;
    }

    .banner-btn {
        margin-top: 25px;
    }

    .i-banner-box {
        height: 400px;
    }

    .i-ban-left {
        top: 30px;
    }

    .i-ban-right {
        top: 95px;
        right: 78px;
    }

    .about-banner .a-banner-left {
        left: 32px;
    }

    .about-banner .a-banner-left img, .about-banner .a-banner-right img {
        width: 90%;
    }


    .train-sys-box .t-sys-right {
        width: 440px;
    }

    .train-sys-box .multi-s-live, .train-sys-box .t-sys-right {
        margin-top: 20px;
    }

    .four-ends-way .f-e-top p {
        font-size: 18px;
        margin-left: 75px;
    }

    .footer {
        height: 450px;
    }

    .footer-list li {
        margin-left: 62px;
    }

    .case-box-list ul li .hover .h-img {
        height: 209px;
    }

    .cor-solution ul li dl dt span {
        margin-bottom: 10px;
    }

    .free-use-btn {
        margin-top: 22px;
    }

    .two-header {
        padding: 58px 30px 35px;
    }

    .two-list-infor li .box-in {
        padding: 0 30px;
    }

    .case-banner .light {
        width: 500px;
    }

    .case-banner .font {
        right: -56px;
        top: 35px;
        height: 346px;
    }

    .footer .foot-box {
        padding: 94px 0 35px;
        height: auto;
    }

    .team-desc {
        width: 56%;
    }

    .team-desc img {
        max-width: 100%;
    }

    .team-pic {
        width: 38%;
    }

    .self-page-con span {
        font-size: 32px;
        line-height: 68px;
    }

    .ban-pic2 {
        top: 70px;
    }

    .xq-marl {
        margin-left: 27px;
    }

    .xq-marl2 {
        margin-left: 63px;
    }

    .xq-marl3 {
        margin-left: 82px;
    }

    .xq-main-list .xq-pic img {
        max-width: 88%;
    }

    .xq-main-list p {
        width: 155px;
        font-size: 18px;
        line-height: 34px;
    }

    .os {
        height: auto;
        padding-bottom: 80px;
    }

    .al {
        margin-top: 40px;
    }

    .banner-btn a {
        font-size: 18px;
        height: 42px;
        line-height: 42px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .container {
        width: 750px;
    }

    .three-left {
        left: 0;
        top: 21px;
    }

    .three-font {
        top: 48px;
        left: 114px;
        width: auto;
    }

    .three-down {
        top: -15px;
    }

    .two-list-infor li .box-in {
        padding: 0 25px;
    }

    .dw {
        height: 318px
    }

    .three-left img {
        width: 110px;
        height: auto;
    }

    .font-box p {
        line-height: 40px;
    }

    .font-box p tt.fsize30 {
        font-size: 20px;
    }

    .dw {
        height: 259px
    }

    .look-up {
        right: 37%;
        bottom: 17%;
        width: 93px;
        height: 24px;
        font-size: 0.88rem;
        line-height: 24px;
    }

    .channel-pic img {
        width: 300px;
    }

    .two-os-header {
        width: auto;
        left: 0%;
    }

    .channel-pic img {
        width: 300px;
    }

    .two-cs {
        height: 600px;
    }

    .case-box-list ul {
        margin-left: -20px;
    }

    .case-box-list ul li .case-box-wrap {
        margin: 0 0 20px 20px;
    }

    .case-banner .light {
        left: 3%;
    }

    .case-banner .font {
        left: 28%;
    }

    .nxb-title {
        width: 700px;
        left: 50%;
        margin-left: -350px;
        top: 88px;
    }

    .two-header {
        margin-top: 30px;
    }

    .font-box {
        padding-bottom: 0;
    }

    .case-box-list ul li .hover .h-img {
        height: 165px;
    }

    .nav li {
        margin-left: 20px;
    }

    .nav li a {
        padding: 0;
        font-size: 18px;
    }

    .nav {
        margin-left: 30px;
    }

    .ic-sub-nav-list {
        padding-left: 124px;
    }

    .company-pic {
        margin: 48px 0 30px 0;
        width: 40%;
    }

    .zx-itembox {
        padding: 0 30px;
    }

    .zx-item-pic {
        width: 172px;
        height: 156px;
        background-size: 100% !important;
    }
    .Report {padding: 30px 0 0 20px;}
    .ft-cont-box {margin-left: 39px;width: 525px;}
    .about-banner .a-banner-left {left: 0;}
    .about-banner .a-banner-left img,.about-banner .a-banner-right img {width: 86%;}
    .about-banner .a-banner-right {right: -62px;}
    .zx-item-pic {height: 100%; width: auto;}
    .zk-classify li .zx-itembox {margin-left: 15px;padding: 40px 20px;}
    .zk-classify {margin-left: -15px;}
    .team-desc {width: 50%;}
    .team-desc img {width: 90%;}
    .team-desc p.t-s-desc {width: 418px; font-size: 16px;margin-top: 20px;}
    .team-pic {width: 40%;}
    .nav li {margin-left: 25px;}
    .free-use-btn a {width: 148px;font-size: 16px; line-height: 36px; height: 36px;}
    .free-use-btn a tt {font-size: 16px; line-height: 36px; height: 36px;}
    .train-sys-box .t-sys-right .t-sys-title {font-size: 22px;}
    .train-sys-box .t-sys-right {width: auto;}
    .t-sys-list li {font-size: 16px;line-height: 30px;}
    .t-sys-left {width: 42%;}
    .t-sys-left img {width: 100%;}
    .two-title {font-size: 28px;}
    .t-sys-line {margin: 11px 0 8px;}
    .go-icon {width: 12px; height: 12px; background-size: auto 100%;}
    .free-use-btn a:hover .go-icon {background-position: -22px 0;}
    .four-ends-way .f-e-top p {font-size: 14px; padding: 0 27px;}
    .header-title .two-desc {font-size: 16px;}
    .t-item-desc {font-size: 16px;}
    .two-list-infor li .box-in {padding: 0 10px 0 15px;}
    .xq-main-list .xq-pic {width: 115px; height: 91px;}
    .xq-marl {margin-left: 30px;}
    .xq-marl2 {margin-left: 51px;}
    .xq-marl3 {margin-left: 70px;}
    .xq-main-list p {font-size: 16px; margin-top: 17px;width: 125px;}
    .om {height: auto; padding-bottom: 55px;}
    .corpration-box li .cor-b-top p {font-size: 18px;}
    .case-banner .light img {width: 70%;}
    .case-banner .font img {width: 114%;}
    .corpration-box li.current .cor-b-top p {font-size: 20px;}
    .al {margin-top: 0;}
    .four-ends-way .f-e-top {width: 87%;padding: 52px 24px 80px 86px;background-size: 100% 100%;}
    .four-ends-way .f-e-top p {font-size: 18px; display: inline;line-height: 42px; margin: 0; padding: 0;}
    .six-list-in ul li a {height: 47px;}
    .six-list-in ul li a img {width: 96%;}
    .pro-exeperence {height: 122px;}
    .train-sys-box {padding: 60px 0;}
    .header-title {padding: 60px 0 0;}
    .endsway-list li em {width: 126px; height: 126px;background-size: 100%;}
    .endsway-list li em.e-l-1 {background-position: 7px -483px;}
    .endsway-list li em.e-l-2 {background-position: 5px -613px;}
    .endsway-list li em.e-l-3 {background-position: -3px -743px;}
    .endsway-list li em.e-l-4 {background-position: -3px -874px;}
    .four-ends-way {height: 720px;}
    .two-header {margin-top: 0;padding: 61px 50px 30px;}
    .self-page-con span {font-size: 28px; line-height: 60px;}
    .ban-pic-box img {transform: scale(0.7)}
    .i-ban-left {left: -69px;top: 15px;}
    .os {height: 825px;}
    .i-banner-box,.i-banner-wrap {height: 420px;}
    .i-ban-right {top: 98px;}
    .work-chain {height: 445px;}
    .corpration-box li .cor-b-brief-box {padding: 30px 0;}
    .corpration-box li .cor-b-bot {height: 195px;}
    .pro-btn-wrap {margin: 50px 0 65px;}
    .al .two-header {padding: 62px 50px 0;}
    .al {height: 475px;}
    .two-list-infor li span {width: 88px; height: 138px;}
    .c-d-pic {display: none;}
    .pro-exeperence ul li .c-d-wrap .c-d-top span {font-size: 30px;}
}