/* *{font-family: -apple-system,BlinkMacSystemFont,"SF Pro SC","SF Pro Text","Helvetica Neue",Helvetica,"PingFang SC","Segoe UI",Roboto,"Hiragino Sans GB",'arial','microsoft yahei ui',"Microsoft YaHei",SimSun,sans-serif;} */

:lang(en) {
    /* font-family: DIN, Calibri, Arial !important; */
    font-family: -apple-system, system-ui, BlinkMacSystemFont, Segoe UI, Roboto, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, sans-serif !important;
}


/* :lang(en) header .nav li>a {
    color: #333;
} */

:lang(en) header .fs-16,
:lang(en) .other .btns li.laba a {
    /* font-size: 14px !important; */
}

:lang(en) header nav {
    /* margin-left: -370px; */
    font-size: 16px !important;
}

:lang(en) .nav .clearfix>li {
    padding: 0 35px;
}

:lang(en) .join1 {
    width: 48%;
}

.declaration {
    border-top: 4px solid #0070e2;
    padding: 20px 15px 18px 20px;
    background-color: #fff;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    position: fixed;
    right: 30px;
    bottom: 7%;
    z-index: 999999999;
    box-shadow: 0 0 10px rgb(206, 206, 206);
}

.declaration a {
    color: #666;
}

.declaration a:hover {
    color: #333;
}

.declaration img {
    position: absolute;
    right: 8px;
    top: 8px;
    cursor: pointer;
}

.declaration h2 {
    margin: 0;
    margin-bottom: 10px;
    font-size: 18px;
    color: #0070e2;
}

.declaration p {
    width: 136px;
    line-height: 20px;
    font-size: 12px;
    margin: 0;
}

@media (max-width: 1440px) {
     :lang(en) header nav {
        font-size: 14px !important;
    }
     :lang(en) .nav .clearfix>li {
        padding: 0 20px;
    }
}

:lang(en) .fl-1 {
    padding: 0 35px 0 15px;
}

:lang(en) .fl-2 {
    padding: 0 15px 0 35px;
}

.mobile {
    width: 100%;
    height: 50px;
    background: #fff;
    display: none;
    position: relative;
    z-index: 999;
}


/* .tou-mobile{position: fixed; top: 0; left: 0; height: 600px; overflow: hidden; overflow-y: auto;} */

.menu {
    float: right;
    margin-top: 17px;
    cursor: pointer;
    margin-right: 20px;
}

.shoutou {
    height: 50px;
    background: #000;
}

.m-logo {
    margin-top: 15px;
}

.mobile ul {
    width: 100%;
    height: 600px;
    clear: both;
    background: rgba(0, 0, 0, 0.95);
    position: absolute;
    left: 0;
    top: 50px;
    display: none;
    overflow: hidden;
    overflow-y: auto;
    z-index: 999999;
}

.mobile ul li a {
    color: #fff;
}

.cancle {
    display: none;
    float: right;
    margin-top: 17px;
    cursor: pointer;
    margin-right: 20px;
}

.mobile .abus .join {}

.mobile ul li {
    text-align: left;
    padding-left: 20px;
    line-height: 44px;
    font-size: 14px;
    border-bottom: 1px solid rgb(60, 60, 60);
}

.mobile ul li:first-child .mobile ul li a {
    color: #fff;
    line-height: 30px;
}

body {
    max-width: 1920px;
    margin: 0 auto !important;
}

body a:link {
    text-decoration: none;
    outline: none;
}

body a:visited {
    text-decoration: none;
    outline: none;
}

header {
    font-family: "微软雅黑"
}

.abody {
    color: #666;
}

section .banner {
    width: 100%;
    padding: 0;
}

#group {
    width: 100%;
    height: 280px;
    background: url('../images/group.jpg') no-repeat center center;
    background-size: 100%;
    position: relative;
}

#news_bg {
    width: 100%;
    height: 280px;
    background: url('../images/news_bg.jpg') no-repeat center center;
    background-size: 100%;
    position: relative;
}

#rew {
    width: 100%;
    height: 280px;
    background: url('../images/rew.jpg') no-repeat center center;
    background-size: 100%;
    position: relative;
}

#dev {
    width: 100%;
    height: 280px;
    background: url('../images/dev.jpg') no-repeat center center;
    background-size: 100%;
    position: relative;
}

#contact {
    width: 100%;
    height: 280px;
    background: url('../images/contact.jpg') no-repeat center center;
    background-size: 100%;
    position: relative;
}

#about {
    width: 100%;
    height: 280px;
    background: url('../images/com.jpg') no-repeat center center;
    background-size: 100%;
    position: relative;
}

.carousel-inner>.item>img,
.carousel-inner>.item>a>img {
    margin: 0 auto;
}


/*.carousel-inner > .item:nth-child(1){background: #060d51;}
.carousel-inner > .item:nth-child(2){background: #1d0d4e;}
.carousel-inner > .item:nth-child(3){background: #1c0379;}*/

#about p {
    font-size: 26px;
    color: #017fe6;
    position: absolute;
    left: 50%;
    top: 50%;
    letter-spacing: 2px;
    margin-left: -302px;
}

#about p .i1 {
    width: 31px;
    height: 39px;
    background: url('../images/i1.png');
    display: inline-block;
    float: left;
    margin-top: -10px;
}

#about p .i2 {
    width: 31px;
    height: 39px;
    background: url('../images/i2.png');
    display: inline-block;
    margin-top: 10px;
    float: right;
}

.introduction {
    margin: 50px 0 90px;
}

.introduction h1,
.adva h1 {
    font-size: 26px;
    font-weight: 400;
    font-family: "微软雅黑";
    color: #666;
    /* letter-spacing: 2px; */
    margin-bottom: 90px;
    position: relative;
}

.introduction p {
    line-height: 30px;
    margin-bottom: 20px;
}

.adva {
    width: 100%;
    background: url('../images/adva.jpg');
    background-size: 100%;
    overflow: hidden;
    position: relative;
}

.adva .col-md-4 {
    margin-bottom: 30px;
    display: flex;
    justify-content: center;
}

.adva h1 {
    margin-top: 60px;
}

.adva ul {
    margin-top: 50px;
    float: left;
}

.adva ul li {
    width: 360px;
    height: 96px;
    border: 1px solid #e8e8e8;
    background: #fff;
    float: left;
    margin-right: 20px;
    padding: 25px;
    margin-bottom: 20px;
    cursor: pointer;
}

.adva .container {
    position: relative;
}

.adva .al1,
.adva .al2,
.adva .al3,
.adva .al4,
.adva .al5,
.adva .al6 {
    position: absolute;
    top: 51px;
    left: 0;
    width: 380px;
    height: 210px;
    background: #0080e8;
    color: #fff;
    z-index: 99;
    padding: 29px;
    line-height: 24px;
    display: none;
}

.adva .al2 {
    left: 380px;
    top: 51px;
}

.adva .al3 {
    left: 760px;
    top: 51px;
}

.adva .al4 {
    left: 0;
    top: 168px;
}

.adva .al5 {
    left: 380px;
    top: 168px;
}

.adva .al6 {
    left: 760px;
    top: 168px;
}

.adva .al1:hover,
.adva .al2:hover,
.adva .al3:hover,
.adva .al4:hover,
.adva .al5:hover,
.adva .al6:hover {
    opacity: 0.97;
}

.adva .al h4 {
    font-size: 18px;
    margin-bottom: 15px;
    font-weight: 400;
}

.adva ul li span {
    float: left;
    height: 70px;
}

.adva ul li .nei {
    margin-left: 55px;
}

.adva ul li h4 {
    font-weight: 700;
    margin: 0;
    font-size: 16px;
    margin-bottom: 5px;
}

.adva ul li p {
    margin: 0;
}

.adva ul li.no-margin {
    margin-right: 0;
}

.clear {
    clear: both;
}

.smallTitle {
    text-align: center;
    font-weight: 700 !important;
    position: relative;
    font-size: 30px !important;
    color: #666;
}

.smallTitle .lineTa {
    top: 60px !important;
}

.adCol {
    width: 312px;
    height: 360px;
    border: 1px solid #d2d2d2;
}

.adCol .top {
    width: 312px;
    height: 164px;
    color: #fff;
    font-size: 28px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.adCol .top h2 {
    margin: 0;
    line-height: 48px;
    font-size: 28px;
}

.adCol .bottom {
    height: 194px;
    padding: 20px 20px 0;
    background-color: #fff;
}

.adCol .bottom p {
    color: #666;
    line-height: 26px;
}

.advantageXin .col-md-4:nth-child(1) .top {
    width: 312px;
    height: 164px;
    background: url('../images/ada1.jpg');
    background-size: 314px auto;
    margin-left: -1px;
    margin-top: -1px;
}

.advantageXin .col-md-4:nth-child(2) .top {
    width: 312px;
    height: 164px;
    background: url('../images/ada2.jpg');
    background-size: 314px auto;
    margin-left: -1px;
    margin-top: -1px;
}

.advantageXin .col-md-4:nth-child(3) .top {
    width: 312px;
    height: 164px;
    background: url('../images/ada3.jpg');
    background-size: 314px auto;
    margin-left: -1px;
    margin-top: -1px;
}

.advantageXin .col-md-4:nth-child(4) .top {
    width: 312px;
    height: 164px;
    background: url('../images/ada4.jpg');
    background-size: 314px auto;
    margin-left: -1px;
    margin-top: -1px;
}

.advantageXin .col-md-4:nth-child(5) .top {
    width: 312px;
    height: 164px;
    background: url('../images/ada5.jpg');
    background-size: 314px auto;
    margin-left: -1px;
    margin-top: -1px;
}

.advantageXin .col-md-4:nth-child(6) .top {
    width: 312px;
    height: 164px;
    background: url('../images/ada6.jpg');
    background-size: 314px auto;
    margin-left: -1px;
    margin-top: -1px;
}

.container {
    position: relative;
}

.lineTa {
    width: 60px;
    height: 4px;
    background: #6d7ceb;
    display: inline-block;
    position: absolute;
    left: 50%;
    margin-left: -30px;
    top: 70px;
}

.introduction .lineTa,
.com-sec5 .lineTa {
    top: 50px;
}

.banner .carousel-control.left,
.banner .carousel-control.right {
    background: none;
}

.banner .carousel-control {
    top: 50%;
}

.banner .carousel-caption {
    bottom: 30%;
}

.banner .carousel-indicators li {
    width: 25px;
    height: 4px;
    border-radius: 0;
    background: #fff;
    opacity: 0.5;
    border: none;
    margin: 0;
    margin-right: 10px;
}

.banner .carousel-indicators li.active {
    opacity: 1;
}

.box3 {
    position: absolute;
    left: 241px;
    bottom: -80px;
}

.box2 {
    position: absolute;
    right: 250px;
    bottom: 141px;
}

.box4 {
    position: absolute;
    right: -30px;
    bottom: 90px;
}

.box1 {
    position: absolute;
    left: -30px;
    bottom: -40px;
}

.box1 {
    -webkit-animation: cloudy1 5s ease-in-out infinite;
    animation: cloudy1 5s ease-in-out infinite;
}

.box2 {
    -webkit-animation: cloudy1 5s ease-in-out infinite;
    animation: cloudy1 5s ease-in-out infinite;
}

.box4 {
    -webkit-animation: cloudy1 4s ease-in-out infinite;
    animation: cloudy1 4s ease-in-out infinite;
}

.box3 {
    -webkit-animation: cloudy1 6s ease-in-out infinite;
    animation: cloudy1 6s ease-in-out infinite;
}

@-webkit-keyframes cloudy1 {
    50% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px);
    }
}

@keyframes cloudy {
    50% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px);
    }
}

.event-list {
    font-family: "微软雅黑";
    padding: 80px 0;
}

.event-list a:hover {
    text-decoration: none;
}

.col1 {
    width: 20%;
    height: 263px;
    text-align: center;
    float: left;
}

.col1 h5 {
    font-size: 16px;
    color: #666;
    font-weight: 700;
}

.col1 p {
    font-size: 14px;
    color: #999;
    margin-bottom: 0;
}

.event-wrp {
    width: 110px;
    height: 80px;
    margin: 0 auto;
    position: relative;
}

.col2 .event-wrp {
    width: 80px;
}

.col3 .event-wrp {
    width: 75px;
}

.col4 .event-wrp {
    width: 95px;
}

.col5 .event-wrp {
    width: 62px;
}

.col6 .event-wrp {
    width: 73px;
}

.col7 .event-wrp {
    width: 76px;
}

.col8 .event-wrp {
    width: 86px;
}

.col9 .event-wrp {
    width: 71px;
}

.col10 .event-wrp {
    width: 89px;
}

.event-wrp #event-1-main {
    position: absolute;
    top: 0;
    left: 0;
}

.event-wrp img,
.event-wrp img {
    -webkit-transform: scale(.8);
    -moz-transform: scale(.8);
    -ms-transform: scale(.8);
    -o-transform: scale(.8);
    transform: scale(.8)
}

.event-wrp .event-dot1 img,
.event-wrp .event-dot2 img {
    -webkit-transform: scale(.8);
    -moz-transform: scale(.8);
    -ms-transform: scale(.8);
    -o-transform: scale(.8);
    transform: scale(.8)
}

#event-1-wrp .event-dot1 {
    position: absolute;
    top: 5px;
    left: 10px;
}

.col2 #event-1-wrp .event-dot1 {
    position: absolute;
    top: 10px;
    left: 5px;
}

.col4 #event-1-wrp .event-dot1 {
    position: absolute;
    top: -6px;
    left: 5px;
}

.col5 #event-1-wrp .event-dot1 {
    position: absolute;
    top: -6px;
    left: -5px;
}

.col6 #event-1-wrp .event-dot1 {
    position: absolute;
    top: 36px;
    left: 2px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg)
}

.col7 #event-1-wrp .event-dot1 {
    position: absolute;
    top: 29px;
    left: 21px;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

.col8 #event-1-wrp .event-dot1 {
    position: absolute;
    top: 0;
    left: 10px;
}

.col9 #event-1-wrp .event-dot1 {
    position: absolute;
    top: 14px;
    left: 0;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

.col1 #event-1-wrp .event-dot2 {
    position: absolute;
    top: 0;
    left: 58px;
}

.col2 #event-1-wrp .event-dot2 {
    position: absolute;
    top: 9px;
    left: 60px;
}

.col4 #event-1-wrp .event-dot2 {
    position: absolute;
    top: -8px;
    left: 74px;
}

.col6 #event-1-wrp .event-dot2 {
    position: absolute;
    top: -1px;
    right: 16px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.col5 #event-1-wrp .event-dot2 {
    position: absolute;
    top: -8px;
    left: 58;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

.col7 #event-1-wrp .event-dot2 {
    position: absolute;
    top: -9px;
    left: 41px;
}

.col8 #event-1-wrp .event-dot2 {
    position: absolute;
    top: 5px;
    left: 50px;
}

.col9 #event-1-wrp .event-dot2 {
    position: absolute;
    top: 14px;
    left: 63px;
}

#event-1-wrp .line1 {
    position: absolute;
    top: 3px;
    left: 6px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
}

#event-1-wrp .line2 {
    position: absolute;
    top: 42px;
    left: 4px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

#event-1-wrp .line3 {
    position: absolute;
    top: 6px;
    left: 45px;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg)
}

#event-1-wrp .line4 {
    position: absolute;
    top: 43px;
    left: 42px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.col10 #event-1-wrp .event-dot2 {
    position: absolute;
    top: -16px;
    left: 36px;
}

.col10 #event-1-wrp .event-dot1 {
    position: absolute;
    top: 11px;
    left: 4px;
}

.event-in #dot1 {
    animation: dot1 1.8s cubic-bezier(.455, .03, .515, .955) infinite;
    -webkit-animation-delay: 0s;
}

.event-in #dot2 {
    animation: dot2 1.8s cubic-bezier(.455, .03, .515, .955) infinite;
}

.event-in #event-1-wrp #dot1 {
    animation-delay: .15s;
    -webkit-animation-delay: .15s infinite;
}

@keyframes dot1 {
    0% {
        transform: translate(0, 0) scale(.8);
        opacity: 1;
    }
    20% {
        transform: translate(0, -40px) scale(.8);
        opacity: 0;
    }
    40% {
        transform: translate(0, 20px) scale(.8);
        opacity: 0;
    }
    70% {
        transform: translate(0, 0) scale(.8);
        opacity: 1;
    }
    100% {
        transform: translate(0, 0) scale(.8);
        opacity: 1;
    }
}

@keyframes dot2 {
    0% {
        transform: translate(0, 0) scale(.8);
        opacity: 1;
    }
    20% {
        transform: translate(0, -40px) scale(.8);
        opacity: 0;
    }
    40% {
        transform: translate(0, 20px) scale(.8);
        opacity: 0;
    }
    70% {
        transform: translate(0, 0) scale(.8);
        opacity: 1;
    }
    100% {
        transform: translate(0, 0) scale(.8);
        opacity: 1;
    }
}

.event-link {
    cursor: default;
}

.jishu-h1 {
    font-size: 26px;
    text-align: center;
    color: #898989;
    margin-bottom: 130px;
    font-family: "微软雅黑";
    position: relative;
}

.jishu-ne {
    margin-bottom: 40px;
}

.plan {
    width: 100%;
    background: url('../images/adva.jpg');
    background-size: 100%;
    font-family: "微软雅黑";
    padding: 80px 0 150px;
}

.plan .container {}

.plan1 {
    /* width: 20%;
    float: left; */
}

.plan-flex {
    display: flex;
    justify-content: space-between;
}

.plan1:hover .plan1-con {
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    transform: scale(1.1);
    background: -webkit-linear-gradient(#0056b7, #41a3ff);
    background: -o-linear-gradient(#0056b7, #41a3ff);
    background: -ms-linear-gradient(#0056b7, #41a3ff);
    background: -moz-linear-gradient(#0056b7, #41a3ff);
    background: linear-gradient(#0056b7, #41a3ff);
    transition: all 0.3s;
}

.plan1:hover .content-h {
    display: block;
}

.plan1:hover .content {
    display: none;
}

.carousel-inner>.item>img.tyr1 {
    display: none;
}

.carousel-inner>.item>img.tyr {
    display: block;
}

.plan1-con {
    width: 220px;
    height: 362px;
    /* margin-right: 8px; */
    background: url('../images/plan1.jpg');
    overflow: hidden;
    transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s;
    background-size: 100%;
}

.plan2-con {
    background: url('../images/plan2.jpg');
    background-size: 100%;
}

.plan3-con {
    background: url('../images/plan3.jpg');
    background-size: 100%;
}

.plan4-con {
    background: url('../images/plan4.jpg');
    background-size: 100%;
}

.plan5-con {
    background: url('../images/plan5.jpg');
    background-size: 100%;
}

.plan1-con .content {
    width: 163px;
    height: 150px;
    margin: 40px auto;
}

.plan1-con .content-h {
    padding: 30px 18px;
    display: none;
}

.pnn:hover {}

.plan1 .con-hid {
    display: none;
}

.con-big {
    transform: scale(1.1);
    display: block;
    background: -webkit-linear-gradient(#0056b7, #41a3ff);
    background: -o-linear-gradient(#0056b7, #41a3ff);
    background: -ms-linear-gradient(#0056b7, #41a3ff);
    background: -moz-linear-gradient(#0056b7, #41a3ff);
    background: linear-gradient(#0056b7, #41a3ff);
}

.plan1 .con-act {
    display: block;
}

.pnn:hover .con-act {
    display: none;
}

.pnn:hover .con-big {
    background: url('../images/plan1.jpg');
    background-size: 100%;
    transform: scale(1);
}

.pnn:hover .con-hid {
    display: block;
}

.plan1-con .content-h p {
    color: #fff;
    line-height: 24px;
}

.plan1-con .content-h h5 {
    text-align: center;
    color: #fff;
    font-weight: 700;
    font-size: 22px;
    margin-bottom: 15px;
    margin-top: 15px;
}

.plan1-con .content-h img {
    margin-left: 67px;
}

.plan1-con .content img {
    border-bottom: 3px solid #fff;
    padding-bottom: 15px;
    margin-left: 47px;
}

.plan1-con .content p {
    text-align: center;
    color: #fff;
    font-weight: 700;
    font-size: 24px;
    margin-top: 40px;
}

.abus {
    position: relative;
}

.abus u {
    width: 10px;
    height: 10px;
    background: url('../images/arr1.svg');
    float: right;
    margin-left: 5px;
    background-size: 100% 100%;
}

.solve-li u {
    width: 10px;
    height: 10px;
    background: url('../images/arr1.svg');
    float: right;
    margin-left: 5px;
    background-size: 100% 100%;
}

.product-li u {
    width: 10px;
    height: 10px;
    background: url('../images/arr1.svg');
    float: right;
    margin-left: 5px;
    background-size: 100% 100%;
}

.product-li u.arr-top {
    transform: rotateZ(180deg);
}

.product-li a,
.solve-li a,
.abus a {
    display: flex;
    align-items: center;
}

.solve-li u.arr-top {
    transform: rotateZ(180deg);
}

.mobile .abus u {
    margin-top: 20px;
    margin-right: 20px;
    float: right;
    margin-left: 0;
}

.abus u.arr-top {
    transform: rotateZ(180deg);
}

.chanpin .xia {
    width: 12px;
    height: 12px;
    background: url('../images/arr1.svg');
    margin-top: 20px;
    float: right;
    margin-right: 20px;
    background-size: 100% 100%;
}

.chanpin .arr-top {
    transform: rotateZ(180deg);
}

.chanlist u {
    width: 10px;
    height: 6px;
    background: url('../images/arr1.png');
    margin-top: 15px;
    float: right;
    margin-right: 20px;
}

.chanlist u.arr-top {
    transform: rotateZ(180deg);
}

.header .join {
    width: 100px;
    display: none;
    font-size: 14px;
    position: absolute;
    left: 2px;
    top: 65px;
    background: #242533;
    padding: 20px 22px 10px;
}

.header .join a {
    height: 30px;
    line-height: 30px;
    color: #b8b7b7;
}

.list {
    height: 24px;
    line-height: 24px;
    margin-bottom: 10px;
}

.mobile .join {
    display: none;
    font-size: 12px;
    padding: 0;
    background: transparent;
    padding-left: 10px;
    margin-top: 8px;
    margin-bottom: 10px;
    position: static;
}

.mobile .join .list {
    height: 30px;
    line-height: 30px;
    margin-bottom: 0;
}

.mobile .join .list a {
    height: 30px;
    line-height: 30px;
    text-align: center;
}

.pro {
    width: 100%;
    padding-top: 80px;
    font-family: "微软雅黑";
}

.pro .container {
    position: relative;
    overflow: hidden;
    height: 600px;
}

.pro .left-btn {
    left: 200px;
    top: 140px;
}

.pro .right-btn {
    right: 200px;
    top: 140px;
}

.chan1 {
    width: 25%;
    height: 310px;
    padding: 0 20px;
    border-left: 1px solid #eee;
    overflow: hidden;
    float: left;
    transition: all 0.3s;
}

.chan1:hover {
    border: 2px solid #6d7ceb;
    padding: 20px;
    box-shadow: 0 5px 15px #c6ccf7;
    transform: translateY(-20px) scale(1.1);
    transition: all 0.3s;
    background: #fff;
    height: auto;
}

.pro ul {
    float: left;
    width: 6000px;
}

.pro ul li {
    margin-top: 40px;
    float: left;
    width: 1140px;
}

.chan1 a {
    color: #999;
}

.chan1 a:hover {
    text-decoration: none;
    color: #999;
}

.chan1 h5 {
    font-size: 16px;
    font-weight: 700;
    height: 50px;
    display: inline-block;
    color: #666;
    line-height: 50px;
    overflow: hidden;
    display: block;
    text-align: center;
}

.chan1 .top {
    width: 245px;
    height: 130px;
    overflow: hidden;
}

.chan1 p {
    height: 69px;
    display: block;
    overflow: hidden;
    line-height: 24px;
}

.chan1 .bot {
    border-top: 1px solid #eee;
    padding-top: 10px;
}

.com-sec2Wrap {
    width: 100%;
    background: #f6f6f6;
    padding: 30px 0;
}

.com-sec2 {
    margin: 50px auto 70px;
}

.flan {
    height: 3775px;
    background: url('../images/f-line.png') repeat-y top center;
    position: relative;
}

.fl-1 {
    width: 460px;
    height: 79px;
    background: url('../images/kuang1.png');
    position: absolute;
    left: 50px;
    top: 40px;
    text-align: left;
    line-height: 80px;
    padding-left: 15px;
    padding-right: 35px;
    display: flex;
    justify-content: start;
}

.fl-1 span,
.fl-2 span {
    width: 90px;
}

.fl-1 p,
.fl-2 p {
    width: 330px;
    margin: 0 !important;
}

.fl-2 {
    width: 460px;
    height: 79px;
    background: url('../images/kuang2.png');
    position: absolute;
    right: 50px;
    top: 100px;
    text-align: left;
    padding-right: 15px;
    padding-left: 35px;
    line-height: 80px;
    display: flex;
    justify-content: start;
}

.fl-3 {
    top: 230px;
}

.fl-4 {
    top: 290px;
}

.fl-5 {
    top: 418px;
}

.fl-6 {
    top: 480px;
}

.fl-7 {
    top: 603px;
    line-height: 25px;
    padding-top: 15px;
}

.fl-8 {
    top: 666px;
}

.fl-9 {
    top: 790px;
}

.fl-10 {
    top: 849px;
    line-height: 25px;
    padding-top: 15px;
}

.fl-11 {
    top: 975px;
}

.fl-12 {
    top: 1039px;
}

.fl-13 {
    top: 1166px;
}

.fl-14 {
    top: 1226px;
}

.fl-15 {
    top: 1358px;
}

.fl-16 {
    top: 1410px;
}

.fl-17 {
    top: 1541px;
}

.fl-18 {
    top: 1598px;
}

.fl-19 {
    top: 1726px;
}

.fl-20 {
    top: 1786px;
}

.fl-21 {
    top: 1916px;
}

.fl-22 {
    top: 1970px;
    line-height: 25px;
    padding-top: 15px;
}

.fl-23 {
    top: 2099px;
}

.fl-24 {
    top: 2161px;
}

.fl-25 {
    top: 2291px;
}

.fl-26 {
    top: 2345px;
}

.fl-27 {
    top: 2473px;
}

.fl-28 {
    top: 2536px;
}

.fl-29 {
    top: 2666px;
}

.fl-30 {
    top: 2721px;
}

.fl-31 {
    top: 2850px;
}

.fl-32 {
    top: 2908px;
    ;
}

.fl-33 {
    top: 3036px;
}

.fl-34 {
    top: 3092px;
}

.fl-35 {
    top: 3224px;
}

.fl-36 {
    top: 3281px;
}

.fl-37 {
    top: 3409px;
}

.fl-38 {
    top: 3469px;
}

.fl-39 {
    top: 3600px;
}

.fl-40 {
    top: 3658px;
}

.lich {
    padding: 30px 0 70px;
}

.lich span {
    width: 60px;
    display: inline-block;
    margin-right: 13px;
    vertical-align: top;
    margin-top: 10px;
}

.lich .span15 {
    margin-right: 0;
}

.so-show {
    display: none;
}

.com-sec2 h1,
.com-sec5 h1 {
    font-size: 24px;
    color: #666;
    margin-bottom: 70px;
    margin-top: 10px;
    font-family: "微软雅黑";
    position: relative;
}


/* .com-sec2 h1 .lineTa,
.com-sec5 h1 .lineTa {
    top: 50px;
} */

.com-sec2 h1 span,
.com-sec5 h1 span {
    display: inline-block;
}

.contact h1 {
    margin-top: 50px;
    margin-bottom: 85px;
}

.contact .line {
    width: 100px;
    margin-left: -50px;
    border-bottom: 4px solid #1d90db;
}

.com-sec5 {
    padding-top: 35px;
}

.com-sec5 span {
    width: 290px;
    display: table;
    text-align: center;
    margin: 0 auto;
}

.com-sec5 p {
    width: 300px;
    margin: 0 auto;
    margin-top: 5px;
}

.com-sec5 .col-md-4 {
    margin-bottom: 10px;
    height: 270px;
}

.so-show {
    display: none;
}

.so-show div {
    line-height: 20px;
    border-bottom: 1px solid #eee;
    padding-top: 10px;
}

.so-show div p {
    margin-left: 15px;
    margin-top: 5px;
}

.duibi ul {
    width: 1000px;
    height: 450px;
    margin: 50px auto 0;
}

.duibi ul li {
    height: 397px;
    float: left;
    border-right: 1px solid #fff;
    transition: all 0.1s ease-in-out;
    cursor: pointer;
}

.duibi ul li:hover {
    transform: translateY(-20px);
    transition: all 0.1s ease-in-out;
}


/* #cont1 , #cont2 , #cont3 , #cont4 ,#cont5 ,#cont6 , #cont7{overflow:scroll;} */

.abody .contact {
    padding-bottom: 60px;
    border-bottom: 1px dashed #eae9e9;
}

.contact h5 {
    font-size: 18px;
    margin: 30px 0 20px;
    border-top: 1px dashed #eae9e9;
    padding-top: 30px;
}

.contact p {
    font-size: 16px;
    margin-bottom: 20px;
}

.ewm {
    border-top: 1px dashed #eae9e9;
    padding-top: 20px;
    margin-top: 20px;
    font-size: 16px;
}

.abody .con-tac {
    margin-top: 30px;
    padding-bottom: 20px;
    border-bottom: 1px dashed #eae9e9;
    margin-bottom: 30px;
    display: flex;
    align-items: center;
}

.con-tac p {
    font-size: 16px;
    margin-bottom: 20px;
}

.con-tac h5 {
    font-size: 18px;
}

.con-tac .col-md-10 img {
    margin: 15px 0;
}

.con-tac .col-md-2 img {
    float: right;
}

.f-time {
    color: #999;
    float: right;
    font-size: 12px;
    margin-top: 20px;
    margin-right: 8px;
}

.index-ul li {
    line-height: 24px;
}

.index-ul li a {
    color: #fff;
    font-size: 12px;
}

.header_en .allList .lineItems a {
    height: auto !important;
    line-height: 14px !important;
    margin: 0 0 10px !important;
}

.header_en .solve-li .proNav {
    width: 250px !important;
    left: -55px !important;
}

.header_en .fufu {
    width: 172px !important;
}

.header_en .join {
    width: 170px !important;
    left: -10px !important;
}

@media (max-width: 1440px) {
    .header_en .join {
        left: -22px !important;
    }
}


/* .index-ul li a:hover{color: rgb(235, 219, 43);} */

.index-ul0 {
    width: 133px;
    margin: 0 auto;
}

.index-ul1 {
    width: 152px;
    margin: 0 auto;
}

.index-ul2 {
    width: 100px;
    margin: 0 auto;
}

.index-ul3 {
    width: 112px;
    margin: 0 auto;
}


/* 新闻版块 */

.newsWrap {
    width: 100%;
    background: #f7f7f7;
    font-family: "微软雅黑";
    padding: 40px 0 150px;
    padding-bottom: 120px;
}

.news-title {
    text-align: center;
    font-size: 2.5em;
    margin-top: 30px;
    margin-bottom: 70px;
}

.news-title h2 {
    margin-bottom: 0;
}

.news_date {
    width: 98px;
    height: 98px;
    background: #eee;
    display: inline-block;
    text-align: center;
    margin-right: 25px;
    vertical-align: middle;
}

.news_date .news_day {
    font-size: 22px;
    color: #fead20;
    margin-top: 20px;
}

.news_date .news_month {
    font-size: 16px;
    color: #999;
}

.new_con {
    display: inline-block;
    width: 75%;
    vertical-align: middle;
}

.new_con a:link {
    text-decoration: none;
    outline: none;
}

.new_con a:visited {
    text-decoration: none;
    outline: none;
}

.new_con a:hover {
    color: #333;
    text-decoration: none;
}

.news_center {
    margin: 0 auto;
}

.new_right {
    width: 50%;
}

.new_con_tit {
    word-break: break-all;
    font-size: 18px;
    margin-bottom: 5px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #333;
}

.new_con_word {
    word-break: break-all;
    font-size: 14px;
    margin-bottom: 5px;
    line-height: 20px;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    color: #999;
}

#data-container {
    float: right;
}

.paginationjs-pages {
    float: left;
}

.pap {
    float: right;
    margin-right: 40px;
}

#pagination-container ul {
    float: left;
}

#pagination-container ul li {
    float: left;
    margin-left: 7px;
    width: 34px;
    height: 28px;
    border: 1px solid #aaa;
    line-height: 28px;
    border-radius: 5px;
    background: #fff;
    text-align: center;
    cursor: pointer;
}

.paginationjs .paginationjs-pages li a {
    color: #666;
}

.paginationjs-nav {
    float: left;
    line-height: 30px;
    margin-left: 15px;
}

#pagination-container ul li.active {
    border: none;
}

.paginationjs .paginationjs-pages li.active>a {
    background: #1d90db;
    width: 34px;
    display: inline-block;
    border-radius: 5px;
    color: #fff;
}

#pagination-container ul li.disabled a {
    color: #ccc;
}

.more {
    font-size: 16px;
    float: right;
    margin-top: 25px;
    color: #6d7ceb;
}

.djw {
    text-align: center;
    margin-bottom: 90px;
    font-family: "微软雅黑";
    color: #666;
    line-height: 30px;
}

.com-sec5 p.djw {
    width: 100%;
    margin-bottom: 80px;
}

.tdjw {
    margin-top: 50px;
    margin-bottom: 70px;
}

.comp {
    width: 1200px;
    margin: 0 auto;
}

.debtn {
    width: 240px;
    height: 48px;
    line-height: 48px;
    border-radius: 50px;
    border: none;
    background: #fb9100;
    color: #fff;
    position: absolute;
    right: 15%;
    bottom: 30%;
    margin-bottom: 60px;
    font-size: 16px;
}

.debtn:hover {
    background: #fea020;
}

.debtn1 {
    width: 240px;
    height: 48px;
    line-height: 48px;
    border-radius: 50px;
    border: none;
    background: #fb9100;
    color: #fff;
    position: absolute;
    left: 50%;
    margin-left: -120px;
    bottom: -17%;
    font-size: 16px;
}

.debtn1:hover {
    background: #fea020;
}

.news {
    margin-top: 70px;
    margin-bottom: 70px;
}

.news .jishu-h1 {
    margin-bottom: 40PX;
}

.news .container {}

.news .col-md-4 {
    cursor: pointer;
}

.news .col-md-4 a {
    text-decoration: none;
}

.more {
    text-align: right;
    margin-bottom: 50px;
    margin-right: 40px;
    width: 100%;
}

.more button {
    width: 70px;
    height: 30px;
    border-radius: 50px;
    border: 1px solid #0070e2;
    background: transparent;
}

.more button:hover {
    background: #0070e2;
    color: #FFF;
}

.news .col-md-4 a:hover .new1 {
    text-decoration: none;
    box-shadow: 0 2px 20px #ccc;
    transform: translateY(-15px);
    transition: all 0.3s;
    -webkit-transform: translateY(-15px);
    -o-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -moz-transform: translateY(-15px);
}

.new1 {
    height: 350px;
    background: #f8f8f8;
    overflow: hidden;
    border-radius: 5px;
    transition: all 0.3s;
    margin-right: 20px;
}

.new1 .top {
    height: 180px;
    overflow: hidden;
    text-align: center;
}

.new1 .top img {
    width: 355px;
    margin: 0 auto;
    display: block;
}

.new1 .bot {
    padding: 20px;
}

.new1 .bot h3 {
    font-size: 16px;
    margin-top: 10px;
    font-weight: 700;
    color: #666;
    word-break: break-all;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.new1 .bot p {
    color: #999;
    line-height: 26px;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    height: 75px;
    margin-top: 20px;
}

.cooperation {
    margin-top: 80px;
    margin-bottom: 40px;
}

.cooperation .container {
    width: 1130px;
    position: relative;
    overflow: hidden;
}

.cooperation .container ul.main-ul .li4 .col-md-3 {
    width: 25%;
}

.cooperation .col-md-3 a {
    width: 170px;
    height: 80px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 40px;
    transition: all 0.3s;
    box-shadow: 0 3px 8px #ddd;
}

.cooperation .col-md-3 a:hover {
    transition: all 0.3s;
    transform: translateY(-8px);
}

.cooperation .col-md-3 a img {
    width: 80%;
}

.coo-banner {
    width: 1100px;
    height: 500px;
    position: relative;
}

.coo-banner ul {
    width: 1100px;
    height: 500px;
    overflow: hidden;
    padding-top: 50px;
}

.coo-banner ul li {
    display: block;
    width: 1100px;
    height: 500px;
    z-index: 100;
    float: left;
    display: flex;
    justify-content: center;
}

.coo-banner ul li:nth-child(2) {
    margin-top: 50px;
}

.coo-banner ul li:nth-child(1) {
    margin-top: 80px;
}

.coo-banner ul li:nth-child(3) {
    margin-top: 50px;
}

.coo-banner ul li:nth-child(5) {
    margin-top: 50px;
}

.coo-banner ul li:nth-child(4) .col-md-3 a {
    margin-bottom: 10px;
}

.coo-banner ul li .col-md-3 {
    width: 20%;
    display: flex;
    justify-content: center;
}

.coo-banner .con {
    position: absolute;
    left: 50%;
    top: -45px;
    z-index: 99;
    width: 980px;
    background-color: #e7eafd;
    border-radius: 50px;
    margin-left: -490px;
}

.coo-banner .con a {
    float: left;
    text-align: center;
    width: 196px;
    height: 50px;
    z-index: 101;
    line-height: 50px;
    color: #333;
    font-size: 18px;
}

.coo-banner .con a.active {
    color: #fff;
    font-weight: 700;
    border-radius: 50px;
    background-color: #6d7ceb;
}

.coo-banner .u {
    width: 30px;
    height: 20px;
    background: rgba(255, 255, 255, 0.5);
    display: none;
}


/* .coo-banner .left { position:absolute; top:40%;left:2%;z-index:103;}
.coo-banner .right { position:absolute; top:40%;right:2%;z-index:103;} */

.coCol {
    width: 1000px;
    margin-left: 50px;
    float: left;
}

.coCol h1 {
    font-size: 20px;
    color: #6d7ceb;
    margin: 0;
    margin-left: 15px;
    margin-bottom: 10px;
}

.job {
    width: 100%;
    height: 260px;
    background: url('../images/join.jpg');
    background-attachment: fixed;
    overflow: hidden;
}

.job a {
    font-family: "微软雅黑";
    color: #fff;
    font-size: 50px;
    text-align: center;
    line-height: 260px;
    font-weight: 400;
}

.job a:hover {
    color: #fff;
    text-decoration: none;
}

.nede {
    margin-top: 140px;
    margin-bottom: 40px;
}

.nede h1 {
    font-size: 24px;
    text-align: center;
    margin-bottom: 30px;
}

.nede p {
    line-height: 26px;
    margin-bottom: 20px;
    text-indent: 28px;
}

.nede img {
    margin: 10px auto 20px;
}

.nede h6 {
    text-align: center;
    font-weight: 400;
}

.header .nnav {
    background: #f8f8f8;
}

.plan5-con {
    margin-right: 0;
}

footer {
    background: #0f1014;
    width: 100%;
    padding: 40px 0 30px;
    color: #a3a8af;
    font-family: "微软雅黑";
}

footer ul li {
    float: left;
}

footer ul li a {
    color: #a3a8af;
}

footer ul li a:hover {
    color: #a3a8af;
    text-decoration: none;
}

footer ul {
    float: left;
    width: 100%;
}

footer .u1 li {
    border-right: 2px solid #a3a8af;
    margin-right: 15px;
    padding-right: 15px;
    line-height: 15px;
}

footer .u1 li.no-li {
    border: none;
}

footer h4 {
    float: left;
    font-size: 14px;
    margin-top: 20px;
    width: 100%;
    margin-bottom: 20px;
}

footer .u2 li {
    margin-right: 20px;
}

footer .u2 li.mail {
    margin-top: 2px;
}

footer .u2 li.mail span {
    margin-left: 10px;
    color: #a3a8af;
}

footer p {
    padding-top: 30px;
    border-top: 1px solid #3a3934;
    float: left;
    margin-top: 30px;
    font-size: 12px;
    color: #a3a8af;
}

footer .col-md-4 {
    margin-top: 40px;
}

footer .col-md-4 img {
    float: left;
}

footer .col-md-4 span {
    margin-left: 10px;
    margin-top: 28px;
    float: left;
    color: #fff;
}

footer .col-md-4 span i {
    width: 20px;
    height: 20px;
    background: url('../images/wx.png') no-repeat;
    float: left;
    margin-right: 5px;
}

.xin {
    margin-bottom: 44px;
}

.mobile-team {
    display: none;
}

.person1,
.zi1 {
    display: none;
}

.lier {
    top: 90px;
}

.banner .carousel-caption1 {
    bottom: 23%;
}

.person {
    position: absolute;
    left: 0;
    bottom: -48px;
}

.zi {
    position: absolute;
    right: 30px;
    bottom: 190px;
}

.new_hide_pic {
    width: 40%;
    float: left;
}


/*公司介绍*/

.big-title {
    font-size: 20px;
    color: #333;
    padding-bottom: 5px;
}

.xianB {
    width: 100%;
    height: 1px;
    background-color: #d1d2d8;
    margin-bottom: 30px !important;
}

.xianB::after {
    content: "";
    width: 20px;
    height: 3px;
    background-color: #191c3d;
}

.small-title {
    font-size: 16px;
    color: #333;
}

.introduction p.marginP {
    margin-bottom: 0;
}

.about-ul {
    margin-left: 20px;
}

.about-ul li {
    line-height: 30px;
    margin-left: 15px;
}

.about-ul h4 {
    font-size: 14px;
    font-weight: normal;
    color: #1c7db9;
}

.about-ul li:before {
    content: "";
    width: 8px;
    height: 8px;
    background: #333;
    border-radius: 50px;
    float: left;
    margin: 10px 10px 0 -18px;
}

.about-ul ul li {
    margin-left: 35px;
}

.about-ul ul li:before {
    content: "";
    width: 8px;
    height: 8px;
    background: #fff;
    border: 1px solid #333;
    border-radius: 50px;
    float: left;
    margin: 11px 10px 0 -18px;
}

.intro {
    padding: 10px 0;
}

.intro:last-child {
    border-bottom: none;
}

.intro-line {
    width: 100%;
    margin: 0 auto;
    height: 1px;
    background: #eee;
    margin-top: 50px;
}

.intro .intro-tit {
    font-size: 20px;
    margin-bottom: 20px;
    font-weight: 700;
    color: #333;
}

.product-li {
    position: relative;
}


/* .product-li a.chan.active {
    color: #1d90db;
} */

.proNav {
    position: absolute;
    display: none;
    left: -370px;
    top: 65px;
    background: #242533;
    padding: 20px 35px;
    z-index: 9;
    font-family: -apple-system, BlinkMacSystemFont, "SF Pro SC", "SF Pro Text", "Helvetica Neue", Helvetica, "PingFang SC", "Segoe UI", Roboto, "Hiragino Sans GB", 'arial', 'microsoft yahei ui', "Microsoft YaHei", SimSun, sans-serif;
}

.proNav .nav-group {
    position: relative;
    overflow: hidden;
}

.pro-types {
    position: absolute;
    height: 100%;
    left: 0;
    top: 0;
    border-right: 1px solid rgb(99, 99, 99);
}

.solve-li .proNav {
    width: 165px;
    left: -26px;
    padding: 20px 0;
    display: none;
    padding-left: 25px;
}

.pro-types h2 {
    width: 160px;
    margin-bottom: 30px;
    padding-left: 40px;
    display: block;
    cursor: pointer;
    cursor: pointer;
}

.product-li h2.active {
    color: #1d90db;
}

.solve-li h2.active {
    color: #1d90db;
}

.pro-types h2 {
    color: rgb(232, 232, 232);
    font-size: 14px;
    font-weight: normal;
}

.waibaoWrap {
    background: linear-gradient(to right, #2468f2, #6498ff);
}

.waibaoWrap .col-md-5 {
    display: flex;
    justify-content: flex-end;
}

.waibaoWrap .col-md-7 {
    margin-top: -20px;
}

.waibaoWrap .try_it {
    background: #339ef3;
}

.waibaoWrap .try_it:hover {
    background: #45a2ee;
}

.waibaoWrap .alCenter {
    padding-top: 110px;
}

.waibaoWrap .alCenter .col-sm-12 {
    padding: 0;
}

.waibaoWrap .alCenter h1 {
    margin-top: 0;
}

.waibao #cont1 {
    background-color: #f7f9fc;
}

.waibao #cont1 h1 {
    margin-bottom: 40px;
}

.waibao #cont2 {
    padding-bottom: 40px;
}

.waibao #cont2 .left ul li {
    width: 160px;
    display: flex;
    align-items: center;
    line-height: 20px;
    border: 1px solid #abc7ff;
    margin-bottom: 6px;
    font-size: 16px;
    color: #2468f2;
    padding: 8px 20px;
    position: relative;
    cursor: pointer;
}

.waibao #cont2 .left ul li b {
    margin-right: 15px;
}

.waibao #cont2 .left ul li i {
    display: inline-block;
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-left: 6px solid #6196fe;
    border-bottom: 6px solid transparent;
    position: absolute;
    right: -6px;
    display: none;
}

.waibao #cont2 .left ul li:hover {
    background-image: linear-gradient(90deg, #276bf2, #6196fe);
    color: #fff;
    border: 1px solid linear-gradient(90deg, #276bf2, #6196fe);
}

.waibao #cont2 .left ul li.active {
    background-image: linear-gradient(90deg, #276bf2, #6196fe);
    color: #fff;
    border: 1px solid linear-gradient(90deg, #276bf2, #6196fe);
}

.waibao #cont2 .left ul li:hover i {
    display: block;
}

.waibao #cont2 .left ul li.active i {
    display: block;
}

.waibao #cont2 .left ul li u {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    background-color: #2468f2;
    position: absolute;
    right: -40px;
}

.waibao #cont2 .left ul li.active u::after,
.waibao #cont2 .left ul li:hover u::after {
    display: inline-block;
    content: "";
    width: 18px;
    height: 18px;
    border: 1px solid #2468f2;
    border-radius: 18px;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    -ms-border-radius: 18px;
    -o-border-radius: 18px;
    position: absolute;
    right: -4px;
    top: -4px;
}

.waibao #cont2 .mid {
    width: 1px;
    height: 310px;
    background-color: #dce7fd;
    margin-left: 33px;
    margin-top: 20px;
}

.waibao #cont2 .right {
    margin-left: 24px;
}

.waibao #cont2 .right ul li {
    display: none;
}

.waibao #cont2 .right ul li.active {
    display: block;
}

.waibao #cont2 .right dl {
    width: 572px;
    height: 350px;
    background: url('../images/waibao5.png') no-repeat center center;
    background-size: 100% 100%;
    padding: 40px;
}

.waibao #cont2 .right dt {
    display: flex;
    align-items: center;
}

.waibao #cont2 .right dt span {
    font-size: 20px;
    color: #333;
    font-weight: normal;
    margin-left: 10px;
}

.waibao #cont2 .right dd {
    color: #666;
    margin-top: 20px;
}

.waibao #cont2 .right dl dd::before {
    content: "";
    float: left;
    width: 4px;
    height: 4px;
    background: #333333;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    margin-top: 8px;
    margin-right: 10px;
}

.waibao #cont2 .main {
    display: flex;
    justify-content: space-between;
    margin-top: 40px;
}

.waibao .liucheng {
    display: flex;
    justify-content: flex-start;
}

.waibao #cont1 .col-md-3 {
    height: 370px;
    border: 1px solid #e5e5e5;
    border-right: none;
    padding: 10px 20px 0;
    background-image: linear-gradient(166deg, #f7f8fb, #fff);
    position: relative;
}

.waibao #cont1 .col-md-3:hover {
    box-shadow: 0 0 15px #ddd;
    z-index: 9;
}

.waibao #cont1 .col-md-3 img {
    position: absolute;
    bottom: 0;
    right: 0;
}

.waibao #cont1 .col-md-3:last-child {
    border-right: 1px solid #e5e5e5;
}

.waibao #cont1 .col-md-3 h6 {
    font-size: 20px;
    color: #333333;
    font-weight: normal;
    line-height: 30px;
}

.waibao #cont1 .col-md-3 p {
    font-size: 14px;
    color: #666;
    margin-top: 10px;
}

.waibao .coo-word {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
}

.waibao .coo-word .left {
    width: 1060px;
    height: 300px;
    background: url('../images/waibao8.jpg') no-repeat;
    background-size: 100% 100%;
}

.waibao .cont3 {
    padding-bottom: 0;
}

.waibao .coo-word .right {
    width: 860px;
    height: 300px;
    background: linear-gradient(to right, #2468f2, #6498ff);
    display: flex;
    align-items: center;
}

.waibao .coo-word .right>div {
    width: 700px;
    background: #fff;
    padding: 30px 35px;
    margin-left: -80px;
    color: #666;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.waibao .coo-word .right>div>img {
    margin-right: 20px;
}

.waibao .coo-word .right div p {
    padding: 10px;
    margin: 0;
    font-size: 16px;
    line-height: 30px;
    letter-spacing: 0.4px;
}

.waibao .coo-word .right div .dou1 {
    float: right;
}

.allList {
    display: flex;
    justify-content: flex-start;
}

.nav-category {
    display: none;
}

.nav-category.active {
    display: block;
}

.lineItems {
    margin-right: 75px;
    float: left;
    height: 100%;
}

.lineItems:last-child {
    margin-right: 0;
}

.lineItems h3 {
    font-size: 14px;
    color: #ededed;
    ;
    font-weight: 700;
    margin-bottom: 5px;
}

.allList .lineItems a {
    font-size: 14px;
    color: #b8b7b7;
    cursor: pointer;
    height: 28px;
    line-height: 28px;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
}

.allList .lineItems a:hover,
.allList .lineItems a.active {
    color: #1d90db;
    font-size: 12px;
    font-weight: normal;
    font-family: Arial, Helvetica, sans-serif;
}

.lineItems a::before {
    width: 0;
    height: 0;
    border: none;
}

.chanpin {}

.chanpin .mpro {
    margin-top: 10px;
    display: none;
    margin-bottom: 10px;
}

.detailpro {
    font-size: 12px;
    padding-left: 10px;
    margin-top: 8px;
    display: none;
}

.jies {
    font-size: 12px;
    padding-left: 10px;
    margin-top: 8px;
    margin-bottom: 10px;
}

.detailpro p {
    margin-bottom: 0;
}

.detailpro a {
    color: rgb(171, 171, 171) !important;
}

.detailpro p,
.jies p {
    margin: 0;
}

.chanpin span {
    font-size: 12px;
    color: #fff;
    padding-left: 10px;
}

.chanlist {
    line-height: 30px;
}

.chanlist p {
    line-height: 14px !important;
    margin-bottom: 10px;
}

.mobile-coo {
    display: none;
}

.demo1 {
    width: 250px;
    height: 150px;
    background: url('../images/list1.jpg');
    display: inline-block;
    text-align: center;
    line-height: 150px;
    font-size: 16px;
    color: #fff;
    margin-top: 30px;
}

.demo1:hover {
    color: #fff;
}

.demo2 {
    background: url('../images/list2.jpg');
}

.demo3 {
    background: url('../images/list3.jpg');
}

.demo4 {
    background: url('../images/list4.jpg');
}

.demo5 {
    background: url('../images/list5.jpg');
}

.demo6 {
    background: url('../images/list6.jpg');
}

#demo .col-md-3 {
    text-align: center;
}

.demo-btn {
    background: #9655dc;
}

.demo-btn:hover {
    background: #a764ee;
}

.videoCont h1 {
    text-align: left;
    font-size: 16px;
    margin: 20px 0 10px;
}

.videoCont video {
    width: 516px;
    height: 290px;
}

.suCase {
    font-size: 14px;
    color: #fff;
}

.suCase1 {
    font-size: 14px;
    color: rgb(56, 138, 245);
}

.bannerCenter {
    width: 1100px;
    margin: 0 auto;
    text-align: center;
    position: relative;
}

.Ibody {
    background: #f5f5f5;
}

.invite {
    width: 1000px;
    max-width: 1000px;
    margin: 20px auto 0;
    background: #fff;
    padding: 40px;
    color: #666;
}

.invite h1 {
    font-size: 30px;
    text-align: center;
    font-weight: 700;
    margin-bottom: 40px;
    color: #333;
}

.invite p {
    line-height: 28px;
    margin-left: 22px;
}

.invite h2 {
    font-size: 18px;
    margin: 10px 0;
    color: #333;
}

.invite b {
    color: #333;
}

.invite-down {
    margin-bottom: 20px;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
}

.invite-down a {
    color: #0080e8;
    margin-right: 20px;
}

@media only screen and (min-width: 1367px) and (max-width: 1680px) {
    .banner .carousel-caption {
        bottom: 22%;
    }
    .person {
        position: absolute;
        left: 0;
        bottom: 5px;
        width: 54%;
        z-index: 999;
    }
    .zi {
        position: absolute;
        right: 20px;
        width: 36%;
        bottom: 180px;
    }
    .debtn {
        width: 180px;
        height: 40px;
        line-height: 40px;
        border-radius: 50px;
        border: none;
        background: #fb9100;
        color: #fff;
        position: absolute;
        right: 15%;
        bottom: 30px;
        font-size: 14px;
    }
    .debtn1 {
        width: 180px;
        height: 40px;
        line-height: 40px;
        border-radius: 50px;
        border: none;
        background: #fb9100;
        color: #fff;
        position: absolute;
        left: 50%;
        bottom: -44px;
        font-size: 14px;
        margin-left: -90px;
    }
    .carousel-caption .word {
        width: 65%;
    }
    .carousel-caption .word1 {
        width: 80%;
    }
}

@media (max-width: 1366px) {
    /* .header .join {
        top: 60px;
    } */
    .lang,
    .logo a,
    .menu-btn .menu-btn-span,
    .nav a,
    .other .btns li,
    .user-state .identity-status,
    .user-state .link {
        height: 65px;
        line-height: 65px;
    }
    .proNav {
        top: 65px;
    }
    .abody .contact {
        padding-left: 90px;
        padding-right: 90px;
    }
    .abody .con-tac {
        padding-left: 90px;
        padding-right: 90px;
    }
    .person1,
    .zi1 {
        display: none;
    }
    .person {
        position: absolute;
        left: 0;
        bottom: 5px;
        width: 54%;
        z-index: 999;
    }
    .zi {
        position: absolute;
        right: 20px;
        bottom: 172px;
        width: 36%;
    }
    .banner .carousel-caption {
        bottom: 22%;
    }
    .banner .carousel-caption1 {
        bottom: 23%;
    }
    .carousel-caption .word {
        width: 60%;
    }
    .carousel-caption .word1 {
        width: 80%;
    }
    .box3 {
        position: absolute;
        left: 158px;
        bottom: -17px;
    }
    .box2 {
        position: absolute;
        right: 150px;
        bottom: 141px;
    }
    .box4 {
        position: absolute;
        right: -50px;
        bottom: 90px;
    }
    .debtn {
        width: 150px;
        height: 36px;
        line-height: 36px;
        border-radius: 50px;
        border: none;
        background: #fb9100;
        color: #fff;
        position: absolute;
        font-size: 14px;
    }
    .debtn1 {
        width: 150px;
        height: 36px;
        line-height: 36px;
        border-radius: 50px;
        border: none;
        background: #fb9100;
        color: #fff;
        position: absolute;
        left: 50%;
        bottom: -44px;
        font-size: 14px;
        margin-left: -75px;
    }
}

.record {
    margin-left: 20px;
    color: #a3a8af;
}

.record:visited {
    color: #a3a8af;
}

.record:hover {
    color: #fff;
}

@media screen and (max-width: 768px) {
    .smallTitle {
        margin-bottom: 60px !important;
        font-size: 26px !important;
    }
    .smallTitle .lineTa {
        top: 40px !important;
    }
    .plan-flex {
        display: block;
    }
    .waibao #cont2 .right dd {
        margin-top: 10px;
    }
    .waibao #cont2 .right dt span {
        font-size: 18px;
    }
    .waibao #cont1 .col-md-3 h6 {
        font-size: 18px;
        line-height: 26px;
    }
    .waibao .cont3 .left {
        display: none;
    }
    .waibao .cont3 .right {
        width: calc(100% + 30px);
        margin-left: -15px;
        margin-right: -15px;
        background: #f7f9fc;
        height: auto;
    }
    .waibao #cont1 h1 {
        margin-bottom: 30px;
    }
    .waibao .coo-word {
        margin-top: 0;
    }
    .waibao .coo-word .right>div {
        width: 100%;
        margin: 0;
        padding: 20px;
        background: #f7f9fc;
        align-items: center;
        flex-direction: column;
    }
    .waibao .coo-word .right>div>img {
        margin: 0;
    }
    .waibao .coo-word .right div p {
        font-size: 14px;
    }
    .waibao .coo-word .right div p a {
        display: block;
    }
    .waibao #cont2 .right dl {
        width: 100%;
        height: 100%;
        margin-bottom: 10px;
    }
    .waibao #cont2 .right ul li {
        width: 100%;
        display: block !important;
    }
    .waibao #cont2 .main {
        display: block;
    }
    .waibao10 {
        display: flex;
        justify-content: center;
        margin-bottom: 20px;
    }
    .waibao10 img {
        width: 80%;
        height: 80%;
    }
    .waibao #cont2 .right {
        width: 100%;
        margin: 0;
        padding: 0 15px;
    }
    .waibao #cont2 .main .left,
    .waibao #cont2 .main .mid {
        display: none;
    }
    .waibao #cont1 .col-md-3 {
        border-right: 1px solid #e5e5e5;
        margin-bottom: 10px;
        height: 340px;
    }
    .waibaoWrap .alCenter {
        margin-top: 20px;
        padding: 0 15px;
        padding-top: 30px;
    }
    .waibao #cont1 {
        padding: 0 15px;
    }
    .waibaoWrap .col-md-5 {
        display: flex;
        justify-content: center;
        margin-top: 30px;
    }
    .waibaoWrap .ywt {
        width: 60%;
    }
    .invite-down {
        display: block;
    }
    .invite h1 {
        margin-bottom: 20px;
    }
    .invite {
        width: calc(100% - 40px);
        margin: 0;
        padding: 20px;
    }
    .invite a {
        display: block;
        margin: 5px 0;
        margin-left: 22px;
    }
    .coo-banner {
        display: none;
    }
    .mobile-coo {
        display: block;
    }
    .mobile-coo ul li {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 15px;
    }
    .mobile-coo ul li a {
        width: 29.3%;
        height: 50px;
        display: flex;
        justify-content: center;
        align-items: center;
        border: 1px solid #ececec;
        padding: 0 2%;
    }
    .mobile-coo ul li a img {
        width: 100% !important;
    }
    .cooperation .container {
        width: 100%;
    }
    .coo-banner {
        width: 100%;
        height: auto;
    }
    .cooperation {
        margin-top: 30px;
    }
    .lineTa {
        top: 50px;
    }
    .banner .left-btn,
    .banner .right-btn {
        right: 10px;
    }
    .banner .left-btn {
        left: 10px;
    }
    .banWord1 {
        width: 70%;
    }
    .word1 {
        width: 70%;
        margin-top: -50px;
    }
    .mobile {
        display: block;
    }
    /*.item-banner02{background: url(../images/banner-2.jpg) left bottom !important;height: 300px;}*/
    .record {
        margin-left: 0;
        display: block;
        margin: 8px 0 0;
    }
    .com-sec5 .col-md-4 {
        margin-bottom: 0;
    }
    .videoCont video {
        width: 100%;
        height: 100%;
    }
    #pagination-container ul li {
        margin-top: 10px;
    }
    .yincang {
        display: none;
    }
    .adva ul li p {
        display: none;
    }
    .adva ul li h4 {
        line-height: 47px;
    }
    .abody .contact {
        padding-left: 15px;
        padding-right: 15px;
    }
    .abody .con-tac {
        padding-left: 15px;
        padding-right: 15px;
        display: block;
    }
    .nede {
        margin-top: 30px;
    }
    body {
        overflow-x: hidden;
    }
    .so-show div u {
        width: 5px;
        height: 10px;
        background: #1d90db;
        display: inline-block;
        margin-right: 10px;
    }
    .person1 {
        position: absolute;
        left: 50%;
        margin-left: -218px;
        bottom: -80px;
        width: 94%;
        z-index: 999;
        width: 540px;
    }
    .zi1 {
        position: absolute;
        top: -112px;
        width: 80%;
        left: 50%;
        margin-left: -100px;
        z-index: 999;
    }
    .person1,
    .zi1 {
        display: block;
    }
    .person,
    .zi {
        display: none;
    }
    .box3 {
        display: none;
    }
    .tou-mobile {
        background: #0f1014;
    }
    .tou {
        background: transparent;
        display: none;
    }
    .com-sec2Wrap {
        background: #fff;
    }
    .plan1-con .content {
        margin-top: 90px;
    }
    .al1,
    .al2,
    .al3,
    .al4,
    .al5,
    .al6 {
        display: none;
        opacity: 0;
    }
    .adva .al1:hover,
    .adva .al2:hover,
    .adva .al3:hover,
    .adva .al4:hover,
    .adva .al5:hover,
    .adva .al6:hover {
        opacity: 0;
    }
    #crt {
        padding-top: 40px;
    }
    .m-logo {
        margin-left: 20px;
    }
    .mobile-team {
        display: block;
    }
    .mobile-team {
        color: #666;
        font-family: "微软雅黑";
        margin: 50px 0 30px;
    }
    .mobile-team li {
        margin: 30px 0;
    }
    .mobile-team img {
        width: 112px;
        margin: 20px auto 10px;
        display: table;
    }
    .mobile-team p {
        font-size: 16px;
        font-weight: 700;
        text-align: center;
    }
    .mobile-team h6 {
        font-size: 14px;
        color: #999;
        line-height: 26px;
        padding: 10px 0 30px;
        font-weight: 400;
        border-bottom: 1px dashed #ddd;
        margin-left: 20px;
        margin-right: 20px;
    }
    .dian {
        padding-bottom: 0;
    }
    .dian .yin {
        display: none;
    }
    .con-tac .col-md-2 img {
        width: 123px;
        float: none;
        margin: 10px auto;
    }
    .map {
        margin: auto;
        margin-top: 30px;
    }
    #contact {
        background-size: auto;
        height: 150px;
        background: url('../images/contactt.jpg')no-repeat center center;
    }
    .abody .contact {
        padding-left: 15px;
        padding-right: 15px;
    }
    #rew {
        background-size: auto;
        height: 150px;
        background: url('../images/reww.jpg')no-repeat center center;
    }
    .com-sec2 {
        margin-top: 10px;
        margin-bottom: 30px;
    }
    .com-sec2 h1 {
        margin-bottom: 40px;
    }
    #dev {
        height: 150px;
        background-size: auto;
        background: url('../images/dev1.jpg')no-repeat;
    }
    .banner .carousel-caption {
        bottom: 26%;
    }
    .banner .item:nth-child(1) .carousel-caption {
        bottom: 33%;
    }
    #group {
        background-size: auto;
        height: 150px;
        background: url('../images/groupp.jpg')no-repeat center center;
    }
    .adva h1 {
        margin-top: 40px;
    }
    .adva ul li {
        width: 100%;
    }
    .adva {
        height: auto;
    }
    .adva ul {
        margin-top: 0;
    }
    .com-sec5 p.djw {
        margin-bottom: 40px;
    }
    .com-sec5 h1 {
        margin-bottom: 30px;
    }
    .djw {
        text-align: left;
        margin-bottom: 30px;
        border-bottom: 1px dashed #ddd;
        padding-bottom: 30px;
    }
    body #about {
        background-size: auto;
        height: 150px;
        background: url('../images/comm.jpg') center center;
    }
    .introduction {
        margin-top: 24px;
        padding-top: 0;
        margin-bottom: 30px;
    }
    .introduction h1 {
        margin-bottom: 30px;
    }
    .newsWrap {
        padding-bottom: 20px;
        padding-top: 20px;
    }
    body .content .tit {
        font-size: 28px;
    }
    #news_bg {
        background-size: auto;
        display: none;
    }
    .cooperation .col-md-3 a {
        margin-left: 0;
        box-shadow: none;
        width: auto;
        margin-bottom: 10px;
    }
    footer .u1 li {
        margin-bottom: 10px;
    }
    .pro {
        padding-top: 60px;
    }
    .pro .container {
        height: auto;
    }
    .pro ul {
        width: 320px;
        float: none;
        clear: none;
        margin: auto;
    }
    .pro ul li {
        width: 320px;
        float: none;
        clear: none;
    }
    .coo .left-btn {
        display: none;
    }
    .coo .right-btn {
        display: none;
    }
    .jishu-h1 {
        margin-bottom: 80px;
    }
    .plan {
        padding: 50px 0 60px;
    }
    .plan1-con .content img {
        margin-left: 55px;
    }
    .plan1-con .content-h img {
        margin-left: 122px;
    }
    .plan5-con {
        margin-right: none;
    }
    .news_date {
        width: 60px;
        height: 60px;
        padding: 12px 0 15px;
    }
    .new_right.col-sm-12 {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }
    .new_con {
        width: 73%;
        height: 68px;
        overflow: hidden;
    }
    .new_hide_pic {
        width: 100%;
        float: none;
    }
    .news_center {
        margin: 0 auto;
        margin-left: 30px;
        margin-right: 30px;
    }
    .so-show {
        display: block;
    }
    .flan {
        display: none;
    }
    .new_con_tit {
        font-size: 16px;
    }
    .col1 {
        height: auto;
        padding-bottom: 20px;
        margin-bottom: 20px;
        border-bottom: 1px dashed rgb(230, 230, 230);
    }
    .col1:last-child {
        border: none;
    }
    .nxin {
        width: 300px;
    }
    .news_date .news_day {
        font-size: 14px;
        margin-top: 0;
        margin-bottom: 0;
    }
    .news_date .news_month {
        font-size: 12px;
        margin-bottom: 0;
    }
    .header .wrapper {
        display: none;
    }
    .mobile {
        display: block;
    }
    .col1 {
        width: 100%;
    }
    .event-list {
        margin: 20px 0;
        padding: 20px 0;
    }
    .carousel-caption .word {
        width: 93%;
    }
    .carousel-caption .word1 {
        width: 94%;
    }
    section .banner .col-md-12 {
        padding: 0;
    }
    section .banner .carousel-inner>.item>img {
        height: 300px;
        width: 100%;
        max-width: 100%;
        overflow: hidden;
    }
    section .banner .carousel-inner>.item .banner7 {
        height: 300px;
        width: 100%;
        max-width: 100%;
        overflow: hidden;
    }
    section .banner {
        height: 300px;
        width: 100%;
        overflow: hidden;
    }
    section .banner .row {
        margin-left: 0;
        margin-right: 0;
    }
    .carousel-inner>.item>img.tyr1 {
        display: block;
        height: 300px;
    }
    .carousel-inner>.item>img.tyr {
        display: none;
    }
    .wrapper {
        height: 60px;
    }
    .jishu-nee {
        margin-bottom: 40px;
    }
    .more {
        margin-bottom: 20px;
    }
    .logo a img {
        width: 120px;
    }
    .line {
        top: 45px;
    }
    .plan1 {
        width: 100%;
        float: left;
    }
    .plan1-con {
        width: 330px;
        margin: 15px auto;
    }
    .plan1 {
        margin-bottom: 20px;
    }
    .contact h1 {
        margin-top: 0;
        margin-bottom: 80px;
    }
    .banner .carousel-caption1 {
        bottom: 36%;
        padding-bottom: 10px;
    }
    .chan1 .top {
        width: 100%;
    }
    .newsWrap {
        margin-top: 0;
    }
    .plan1:hover .plan1-con {
        -o-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        transform: scale(1.1);
        background: -webkit-linear-gradient(#0056b7, #41a3ff);
        background: -o-linear-gradient(#0056b7, #41a3ff);
        background: -ms-linear-gradient(#0056b7, #41a3ff);
        background: -moz-linear-gradient(#0056b7, #41a3ff);
        background: linear-gradient(#0056b7, #41a3ff);
        transition: all 3s;
    }
    .debtn1 {
        width: 75px;
        height: 26px;
        line-height: 26px;
        margin-left: -37px;
        bottom: -53px;
        font-size: 12px;
    }
    .debtn {
        width: 75px;
        height: 26px;
        line-height: 26px;
        bottom: 101px;
        font-size: 12px;
        right: 50%;
        margin-right: -38px;
        display: none;
    }
    .job {
        height: 210px;
        background: url('../images/join1.jpg');
    }
    .job a {
        line-height: 210px;
        font-size: 44px;
    }
    .chan1 {
        width: 100%;
        margin: 20px auto;
        padding: 20px;
        height: 347px;
    }
    .shwo {
        padding: 15px;
        background: #fff;
        height: auto;
        transition: none;
        border: 1px solid #ddd;
    }
    .shwo:hover {
        box-shadow: none;
        transform: none;
        transition: none;
        border: 1px solid #ddd;
        padding: 15px;
    }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 375px) and (orientation: portrait) {
    .adva ul li h4 {
        margin-top: 4px;
        line-height: 20px;
    }
    .adva ul li span {
        margin-top: 2px;
    }
    .plan1-con {
        width: 280px;
    }
    .mobile ul li {}
    .pro ul {
        width: 280px;
    }
    .pro ul li {
        width: 280px;
    }
    .News img {
        width: 280px;
        max-width: 280;
        margin: 0 auto 30px;
        height: 180px;
        overflow: hidden;
    }
    .news_center {
        margin-left: 20px;
        margin-right: 20px;
    }
    .new_con {
        width: 69%;
    }
    .cooperation .container ul li img {
        width: 60%;
    }
    /* .person1{margin-left: -214px; bottom: -86px;width: 100%;width: 540px;} */
    .adva ul li .nei {}
    .adva ul li span {
        width: 50px;
    }
    .adva ul li h4 {
        font-size: 14px;
    }
    .adva ul li p {
        height: 20px;
        overflow: hidden;
    }
    .zi1 {
        margin-left: -86px;
        top: -106px;
        z-index: 999;
    }
    .carousel-caption .word1 {
        width: 100%;
    }
    .mobol img {
        width: 50%;
        margin-right: 45px;
    }
    .com-sec5 span {
        width: 250px;
    }
    .com-sec5 p {
        width: 250px;
    }
    .com-sec5 img {
        width: 250px;
        margin: 0 auto;
    }
    .com-sec5 .col-md-4 {
        margin-bottom: 0;
        height: 240px;
    }
    .ewm span {
        font-size: 14px;
    }
    .m-logo {
        margin-left: 20px;
    }
    .carousel-caption .word {
        width: 100%;
    }
    .plan1-con .content-h {
        padding: 40px 30px 0;
    }
    .plan1-con .content-h img {
        margin-left: 85px;
    }
    .al1,
    .al2,
    .al3,
    .al4,
    .al5,
    .al6 {
        display: none;
    }
    .nede img {
        max-width: 235px;
        margin: 10px auto 10px;
    }
    .banner .carousel-caption {
        bottom: 31%;
    }
    .banner .carousel-caption1 {
        bottom: 39%;
    }
}

@media only screen and (min-device-width: 360px) and (max-device-width: 740px) and (orientation: portrait) {
    /*.zi1{top: -116px;} */
}

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: portrait) {
    .plan1-con {
        width: 330px;
    }
    .adva ul li p {
        display: none;
    }
    .adva ul li h4 {
        line-height: 47px;
    }
    .new_con {
        width: 72%;
    }
    .adva ul li p {
        height: 23px;
        overflow: hidden;
    }
    .plan1-con .content-h img {
        margin-left: 80px;
    }
    .plan1-con .content-h {
        padding: 40px 60px 0;
    }
    .News img {
        width: 315px;
        max-width: 315px;
        margin: 0 auto 30px;
        height: 200px;
        overflow: hidden;
    }
    .nede img {
        max-width: 290px;
        margin: 10px auto 10px;
    }
    .zi1 {
        top: -114px;
        z-index: 999;
    }
}

@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation: portrait) {
    .plan1-con {
        width: 340px;
    }
    .new_con {
        width: 73%;
    }
    /* .person1{bottom: -76px;margin-left: -218px;width: 540px;} */
    .zi1 {
        top: -126px;
    }
    .plan1-con .content-h img {
        margin-left: 84px;
    }
    .plan1-con .content-h {
        padding: 40px 60px 0;
    }
    .pro ul {
        width: 340px;
    }
    .pro ul li {
        width: 340px;
    }
    .News img {
        width: 360px;
        max-width: 360px;
        margin: 0 auto 30px;
        height: 200px;
        overflow: hidden;
    }
    .cooperation .col-md-3 a img {
        margin-left: 5px;
    }
    .nede img {
        max-width: 330px;
        margin: 10px auto 10px;
    }
}

@media (max-width: 992px) {
    /*.new_hide_pic{display: none;}*/
    /*.new_con{width: 100%}
	.new_right{width: 100%;}*/
}

.train-wrap {
    background: url(../images/training.jpg) top center no-repeat;
    width: 100%;
    height: 1900px;
    overflow-y: auto;
    position: relative;
}

.train-btn {
    position: absolute;
    width: 260px;
    height: 80px;
    right: 50%;
    margin-right: -400px;
    top: 50%;
    margin-top: -600px;
}

@media (max-width: 768px) {
    .train-wrap {
        background-size: 130% auto;
        height: 73vh;
    }
}