/* 大熊科技 -- 向日葵  --  内页模块  ---  样式表 */
/* TIME:2020-12-29 | author: Hefengyu */


/* 内页通用 */

.new-tab {
    display: flex;
    justify-content: center;
    margin-top: 25px;
}

.new-tab p {
    width: 15%;
    margin: 0 10px;
    font-size: 20px;
    background: #eee;
    text-align: center;
    padding: 10px 0;
    transition: .4s;
    cursor: pointer;
}

.new-tab p:hover, .new-tab p.active {
    color: #fff;
    background: #0e6eb8;
}


.til-45 h4:nth-child(1) {
    margin-top: 0;
}

.right-text img {
    display: block;
}

.pro-i5 .til-45 h4, .til-45gai {
    margin-top: 0 !important;
}

.hei-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
}

.swiper-button-disabled {
    filter: grayscale(100%);
}

.join .group2 li:nth-child(3) {
    margin-right: 25%;
}

.about-gai {
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
}

.about-gai-left {
    width: 100%;

}

.about-gai-left img {
    max-width: 100%;
    margin: 0 auto;
    display: block;
}

.about-gai .text {
    width: 100%;
    margin-bottom: 40px;

}

.banner {
    position: relative;
}

.banner .inpage-banner img {
    width: 100%;
    display: block;
}

.banner .inpage-banner .bar-index {
    position: absolute;
    left: 50%;
    top: 55%;
    transform: translate(-50%, -50%);
    width: 100%;
}

.banner .inpage-banner .bar-index .world {
    /*background: url(../images/line-01.png) no-repeat top 20px left;*/
    /*padding-left: 65px;*/
    color: #fff;
}

.banner .inpage-banner .bar-index h4 {
    font-size: 50px;
    line-height: 50px;
    /*margin-bottom: 15px;*/
    text-shadow: 2px 2px 0 rgba(0, 0, 0, .2);
    font-weight: bold;
    letter-spacing: 5px;
}

.banner .inpage-banner .bar-index h6 {
    font-size: 18px;
    line-height: 20px;
    text-transform: uppercase;
    display: none;
}

.inpage-banner video {
    width: 100%;
    height: auto;
    display: block;
}

.index {
    line-height: 80px;
    border-bottom: 1px solid #e9e9e9;
    color: #999;
    display: none;
}

.index a {
    color: #999;
}

.index a:hover {
    color: #0d6fb8;
}

.inpage-pad {
    padding: 120px 0;
}

.ym {
    text-align: center;
}

.ym a {
    width: 30px;
    height: 30px;
    display: inline-block;
    font-size: 14px;
    line-height: 29px;
    background: #fff;
    color: #aaaaaa;
    border-radius: 15px;
    margin: 0 10px;
    transition: all ease 0.3s;
    border: 1px solid #ccc;
    text-align: center;
}

.ym a:first-child, .ym a:last-child {
    padding: 0 11px;
    line-height: 28px;
}

.ym a:first-child, .ym a:last-child {
    width: auto;
}

.ym .active, .ym a:hover {
    background: #0d6fb8;
    border: 1px solid #0d6fb8;
    color: #fff;
}


/* -----精品案例----- */

.case .item a {
    display: flex;
    justify-content: space-between;
    padding-bottom: 40px;
    margin-bottom: 40px;
    border-bottom: 1px solid #e9e9e9;
}

.case .item .left {
    width: 35%;
    overflow: hidden;
}

.case .item .left img {
    width: 100%;
    display: block;
    transition: all ease 0.5s;
}

.case .item .right {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 65%;
    padding-left: 8%;
}

.case .item .right .cont {
    width: 60%;
}

.case .item .right h4 {
    font-size: 28px;
    line-height: 1.5;
    color: #333;
    margin-bottom: 40px;
}

.case .item .right .text {
    font-size: 16px;
    line-height: 30px;
    color: #666;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.case .item .right .watch {
    color: #E3CE00;
    font-size: 16px;
    margin-top: 40px;
}

.case .item .right .watch i {
    display: inline-block;
    margin-right: 5px;
}

.case .item .right .btn span {
    display: block;
    width: 180px;
    line-height: 60px;
    background: #0e6eb8;
    color: #fff;
    font-size: 16px;
    text-align: center;
    transition: all ease 0.5s;
}

/*.case .item:hover a {
    border-bottom: 1px solid #E3CE00;
}*/

.case .item:hover .right .btn span {
    background: #E3CE00;
}

.case .item:hover .left img {
    transform: scale(1.05);
}


/* ------关于向日葵------ */

/* 新闻中心 */
.news .item a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 40px;
    margin-bottom: 40px;
    border-bottom: 1px solid #e9e9e9;
}

.news .item img {
    width: 30%;
    display: block;
    transition: all ease 0.5s;
}

.news .item img + .right {
    padding-left: 5%;
    width: 70%;
}

.news .item .right {
    width: 100%;
}

.news .item .right h4 {
    font-size: 24px;
    line-height: 25px;
    color: #333;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.news .item .right h6 {
    font-size: 14px;
    color: #999;
    margin: 10px 0 15px 0;
}

.news .item .right .text {
    font-size: 14px;
    line-height: 24px;
    color: #666;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.news .item:hover img {
    transform: scale(1.05);
}

/*.news .item:hover a {*/
/*border-bottom: 1px solid #E3CE00;*/
/*}*/

.news .item:hover h4 {
    color: #E3CE00;
}

/* 详情 */

.news-show {
    background: #f7f7f7;
    padding: 120px 0;
}

.news-show .container {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.news-show .left {
    width: 70%;
    background: #fff;
    padding: 60px;
}

.news-show .top {
    padding-bottom: 15px;
    margin-bottom: 30px;
    border-bottom: 1px solid #e9e9e9;
}

.news-show .top h4 {
    font-size: 32px;
    line-height: 46px;
    margin-bottom: 15px;
    color: #121212;
}

.news-show .top h4 + p {
    font-size: 18px;
    margin-bottom: 15px;
}

.news-show .top .text-top {
    line-height: 20px;
    color: #666;
    display: flex;
}

.news-show .top .text-top .tt {
    margin-right: 15px;
}

.news-show .cont {
    font-size: 14px;
    line-height: 30px;
    color: #666;
    text-indent: 28px;
}

.news-show .cont video {
    width: 100%;
    height: auto;
    margin: 0 auto;
    display: block;
}

.news-show .cont img {
    max-width: 100%;
    display: block;
    margin: 15px auto;
    transform: translateX(0);
}

.news-show .bom {
    border-top: 1px solid #e9e9e9;
    padding-top: 30px;
    margin-top: 30px;
    display: flex;
    justify-content: space-between;
}

.news-show .bom a {
    font-size: 16px;
    line-height: 30px;
    color: #555;
}

.news-show .bom a:nth-child(1) i {
    transform: rotate(180deg);
    display: inline-block;
    margin-right: 10px;
}

.news-show .bom a:nth-child(2) i {
    font-size: 30px;
    color: #888;
}

.news-show .bom a:nth-child(3) i {
    display: inline-block;
    margin-left: 10px;
}

.news-show .bom a:hover {
    color: #0e6eb8;
}

.news-show .bom a:hover i {
    color: #0e6eb8;
}

.news-show .right {
    width: 27%;
    background: #fff;
}

.news-show .right .til {
    padding: 30px 30px 20px 30px;
    font-size: 28px;
    line-height: 28px;
    margin-bottom: 30px;
    border-bottom: 1px solid #e9e9e9;
}

.news-show .right dl {
    padding: 0 30px 30px 30px;
}

.news-show .right dd {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #e9e9e9;
    background: url(../images/icon-dian1.png) no-repeat left top 8px;
    padding-left: 15px;
}

.news-show .right dd h4 {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 5px;
    color: #121212;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.news-show .right dd .text-top {
    font-size: 13px;
    color: #888;
    display: flex;
    justify-content: space-between;
}

.news-show .right dd .text-top .tt {
    width: calc((100% - 10px) / 2);
    font-size: 12px;
}

.news-show .right dd .text-top .tt br {
    display: none;
}

.news-show .right dd:hover h4 {
    color: #0e6eb8;
}

/* 市场活动 */

.market {
    padding: 120px 0;
}

.market .container {
    display: flex;
    flex-flow: wrap;
    align-items: flex-start;
    transition: all ease 0.5s;
}

.market .container .item {
    width: 32%;
    border: 1px solid #e9e9e9;
    position: relative;
    margin-bottom: 30px;
    transition: .4s;
    margin-right: 2%;
}

.market .container .item:nth-child(3n) {
    margin-right: 0;
}

.market .container .item img {
    width: 100%;
    display: block;
    transition: all ease 0.5s;
}

.market .container .item .til {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #fff;
    min-height: 110px;
    padding: 25px 20px;
    font-size: 18px;
    line-height: 30px;
    color: #333;
    transition: .4s;
}

.market .container .item .til span {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.market .container .item:hover {
    margin-bottom: 250px;
}

.market .container .item .world {
    position: absolute;
    bottom: -230px;
    width: 1300px;
    z-index: 2;
    padding: 40px 0 20px 0;
    visibility: hidden;
    opacity: 0;
}

.market .container .item .world .cont {
    border: 1px solid #e9e9e9;
    background: #fff;
    padding: 30px;
    transition: all ease 0.5s;
    z-index: 2;
    position: relative;
    top: 15px;
}

.market .container .item:hover .world {
    visibility: visible;
    opacity: 1;
}

.market .container .item .world h4 {
    font-size: 18px;
    line-height: 30px;
    color: #121212;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.market .container .item .world .text {
    font-size: 14px;
    line-height: 24px;
    color: #888;
    margin-top: 15px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.market .container .item .world .btn {
    font-size: 14px;
    color: #0e6eb8;
    text-transform: uppercase;
    margin-top: 15px;
}

.market .container .item .world i {
    display: block;
    width: 22px;
    height: 11px;
    background: url(../images/icon-sjx.png) no-repeat center;
    position: absolute;
    top: -11px;
    left: 16%;
}

.market .container .item:nth-child(n+3) .world {
    left: 0;
}

.market .container .item:nth-child(3n-1) .world {
    left: -107%;
}

.market .container .item:nth-child(3n-1) .world i {
    left: 49%;
}

.market .container .item:nth-child(3n) .world {
    left: -214%;
}

.market .container .item:nth-child(3n) .world i {
    left: 82%;
}

.market .container .item:hover .til {
    transform: translateY(100%);
    transition: all ease 0.5s;
    opacity: 0;
}

.market .container .item .world h4:hover {
    color: #0e6eb8;
}

.market .ym {
    margin-top: 30px;
}


/* 加入我们 */

.join .group1 {
    padding-bottom: 120px;
}

.title-join {
    text-align: center;
}

.title-join h4 {
    font-size: 45px;
    line-height: 45px;
    color: #121212;
}

.title-join h6 {
    font-size: 24px;
    line-height: 24px;
    color: #888;
    text-transform: uppercase;
    margin-bottom: 15px;
}

.join .group1 .text {
    font-size: 18px;
    line-height: 36px;
    color: #666;
    margin-top: 40px;
    text-align: center;
}

.join .group1 .text font {
    font-size: 24px;
}

.join .group2 {
    background: url(../images/join-01.jpg) no-repeat center;
    background-size: cover;
    padding: 180px 0;
}

.join .group2 ul {
    width: 75%;
    display: flex;
    flex-flow: wrap;
}

.join .group2 li {
    background: url(../images/join-02.png) no-repeat center;
    width: 200px;
    height: 200px;
    margin-right: 40px;
    margin-bottom: 40px;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
}

.join .group2 li:nth-child(4) ~ li {
    margin-bottom: 0;
}

.join .group2 li i {
    color: #44e9ff;
    font-size: 70px;
    line-height: 70px;
    transition: all ease 0.5s;
}

.join .group2 li h4 {
    font-size: 20px;
    color: #fff;
    margin-top: 20px;
}

.join .group2 li:nth-child(4) i {
    font-size: 60px;
}

.join .group2 li:nth-child(7) i {
    font-size: 80px;
}

.join .group2 li:hover i {
    transform: rotateY(180deg);
}

.join .group3 {
    padding: 120px 0 0 0;
}

.join .group3 .text {
    text-align: center;
    font-size: 18px;
    color: #666;
    margin: 15px 0 50px 0;
}

.join .group3 dl {
    margin-top: 20px;
}

.join .group3 dt {
    line-height: 60px;
    background: #f1f3f5;
    font-size: 16px;
    color: #333;
    display: flex;
    justify-content: space-between;
    padding: 0 20px;
    /* transition: all ease 0.3s; */
    cursor: pointer;
}

.join .group3 dt h4 {
    display: flex;
    align-items: center;
}

.join .group3 dt h4 i {
    display: block;
    background: url(../images/icon-jj1.png) no-repeat center;
    background-size: cover;
    width: 18px;
    height: 18px;
    margin-right: 10px;
}

.join .group3 dt .time {
    font-size: 16px;
    color: #888;
}

.join .group3 dd {
    border: 1px solid #e9e9e9;
    padding: 35px;
}

.join .group3 dd .bom {
    padding-top: 40px;
    margin-top: 40px;
    border-top: 1px solid #e9e9e9;
}

.join .group3 dd .bom h4 {
    font-size: 20px;
    line-height: 20px;
    margin-bottom: 15px;
    color: #333;
}

.join .group3 dd .bom h6 {
    font-size: 16px;
    color: #E3CE00;
}

.join .group3 .current {
    height: auto;
}

.join .group3 .current dt {
    background: #0e6eb8;
    color: #fff;
}

.join .group3 .current dt .time {
    color: #fff;
}

.join .group3 .current dt h4 i {
    background: url(../images/icon-jj.png) no-repeat center;
    background-size: cover;
    width: 20px;
    height: 3px;
}

/* 公司介绍 */
.til-intro {
    text-align: center;
}

.til-intro h6 {
    font-size: 24px;
    color: #888;
    line-height: 24px;
    text-transform: uppercase;
}

.til-intro h4 {
    font-size: 45px;
    line-height: 45px;
    color: #121212;
    margin-top: 20px;
    margin-bottom: 50px;
}

.til-intro h4 font {
    /*color: #0e6eb8;*/
}

.introduce .group1 {
    padding-bottom: 120px;
}

.introduce .group1 .text {
    font-size: 18px;
    color: #666;
    line-height: 36px;
}

.pro-cre02 .group2 .top-text, .pro-cre01 .group1 .top-text {
    font-size: 18px;
    color: #666;
    line-height: 36px;
    margin-bottom: 40px;
}

.introduce .group1 .cont {
    display: flex;
    margin-top: 50px;
}

.introduce .group1 .cont img {
    width: 62%;
}

.introduce .group1 .cont .world {
    position: relative;
    width: 38%;
}

.introduce .group1 .cont .item {
    font-size: 16px;
    line-height: 24px;
    color: #333;
    position: absolute;
    top: 0;
    left: 0;
}

.introduce .group1 .cont .item:nth-child(1) {
    top: 36px;
    left: -105px;
}

.introduce .group1 .cont .item:nth-child(2) {
    top: 148px;
    left: -40px;
}

.introduce .group1 .cont .item:nth-child(3) {
    top: 272px;
    left: 22px;
}

.introduce .group1 .bom {
    display: flex;
    justify-content: space-between;
    margin-top: 80px;
}

.introduce .group1 .bom .item {
    padding: 180px 30px 30px 30px;
    width: 23%;
    position: relative;
    display: flex;
    flex-flow: column;
    justify-content: flex-end;
    transition: .4s;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.introduce .group1 .bom .item:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 1;
    background: rgba(14, 110, 184, 0.9);
    transition: .4s;
}

.introduce .group1 .bom .item .text-view {
    display: flex;
    flex-direction: column-reverse;
    position: relative;
    z-index: 2;
}

.introduce .group1 .bom .item i {
    font-size: 50px;
    line-height: 50px;
    color: #e3ce00;
    position: absolute;
    right: 30px;
    top: 30px;
    z-index: 2;
    transition: all ease 0.5s;
}

.introduce .group1 .bom .item:nth-child(1) i {
    font-size: 45px;
}

.introduce .group1 .bom .item:nth-child(2) i {
    font-size: 70px;
    right: 15px;
}

.introduce .group1 .bom .item:nth-child(3) i {
    font-size: 55px;
}

.introduce .group1 .bom .item p {
    font-size: 18px;
    line-height: 30px;
    color: #fff;
    transition: .4s;
}

.introduce .group1 .bom .item h4 {
    font-size: 28px;
    line-height: 28px;
    color: #fff;
    margin-top: 15px;
    margin-bottom: 30px;
}

.introduce .group1 .bom .item h6 {
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
    display: none;
}

.introduce .group1 .bom .item:hover i {
    transform: rotateY(360deg);
    color: #fff;
}

.introduce .group1 .bom .item:hover:after {
    background: rgba(227, 206, 0, 0.9);
}

.introduce .group1 .bom .item:hover p {
    color: #fff;
}

.introduce .group2 {
    background: url(../images/history-bg.jpg) no-repeat center;
    background-size: cover;
    padding: 120px 0;
}

.introduce .group2 .swiper-slide {
    padding: 0 310px;
}

.introduce .group2 .swiper-slide .item {
    font-size: 16px;
    line-height: 24px;
    color: #888;
    background: url(../images/his-01.png) no-repeat left top 5px;
    padding-left: 40px;
    margin-top: 30px;
}

.introduce .group2 .swiper-slide .num {
    font-size: 160px;
    line-height: 160px;
    font-family: "di";
    color: #aaa;
    font-weight: bold;
    text-align: center;
    margin-bottom: 80px;
}

.introduce .group2 .swiper-slide font {
    color: #0e6eb8;
}

.introduce .group2 .swiper-button-next, .introduce .group2 .swiper-button-prev {
    background: none;
    width: 60px;
    height: 60px;
    margin: 0;
    top: 50%;
    transform: translateY(-50%);
}

.introduce .group2 .swiper-button-next img, .introduce .group2 .swiper-button-prev img {
    width: 100%;
}

.introduce .group2 .swiper-button-next {
    right: 130px;
}

.introduce .group2 .swiper-button-prev {
    left: 130px;
}

.introduce .group2 .swiper-slide .arrow-num .num {
    opacity: 0;
    margin-bottom: 0;
}

.introduce .group2 .swiper-slide .arrow-num {
    font-size: 36px;
    line-height: 38px;
    color: #aaaaaa;
    font-family: "di";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.introduce .group2 .swiper-slide .arrow-num n:nth-child(4) {
    width: 15%;
    height: 1px;
    background: #d9d9d9;
    display: block;
    position: absolute;
    top: 50%;
    left: 17%;
    transform: translateY(-50%);
}

.introduce .group2 .swiper-slide .arrow-num n:nth-child(5) {
    width: 15%;
    height: 1px;
    background: #d9d9d9;
    display: block;
    position: absolute;
    top: 50%;
    right: 17%;
    transform: translateY(-50%);
}

.introduce .group2 .swiper-slide .arrow-num span {
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 30px;
    transform: translateY(-50%);
}

.introduce .group2 .swiper-slide .arrow-num span:nth-child(2) {
    left: initial;
    right: 30px;
}

.introduce .group3 {
    padding: 120px 0;
}

.introduce .group3 .cont {
    display: flex;
    justify-content: space-between;
}

.introduce .group3 .item {
    width: 23%;
    border: 1px solid #e9e9e9;
}

.introduce .group3 .item h4 {
    line-height: 80px;
    color: #fff;
    font-size: 26px;
    text-align: center;
    background: #0e6eb8;
}

.introduce .group3 .item:nth-child(2n) h4 {
    background: #e3ce00;
}

.introduce .group3 .item .text {
    padding: 25px;
    font-size: 14px;
    line-height: 28px;
    color: #888888;
}

.introduce .group4 {
    background: #f7f7f7;
    padding: 120px 0;
}

.introduce {
    padding-bottom: 0 !important;
}

.introduce .cont {
    display: flex;
    justify-content: center;
}

.introduce .cont img {
    width: 100%;
}


/* ------产创中心------ */

/* 产创学院 */
.pro-cre01 .group1 {
    padding: 120px 0;
}

.pro-cre01 > div:nth-child(2n-1) {
    background: #fff !important;
}

.pro-cre01 > div:nth-child(2n) {
    background: #f7f7f7;
}

.pro-cre01 .group1 .top-text {
    width: 100%;
}

.pro-cre02 .group1 .top-text {
    width: 1000px;
    margin: 0 auto;
}

.top-text {
    font-size: 18px;
    line-height: 36px;
    color: #666;
    text-align: center;
}

.pro-cre01 .group2 {
    padding: 120px 0;
}

.til-45 {
    text-align: center;
}

.til-45 h6 {
    font-size: 24px;
    line-height: 24px;
    color: #888;
}

.til-45 h4 {
    font-size: 45px;
    line-height: 45px;
    margin-top: 20px;
    margin-bottom: 50px;
    color: #121212;
}

/*.til-45 font {*/
/*color: #0E69B0;*/
/*}*/

.group-swiper .swiper-slide {
    padding: 0 110px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.group-swiper .swiper-button-next, .group-swiper .swiper-button-prev {
    width: 50px;
    height: 50px;
    background: none;
    margin-top: -25px;
}

.group-swiper .swiper-button-next img, .group-swiper .swiper-button-prev img {
    width: 100%;
}

.group-swiper .swiper-button-next {
    right: 0;
}

.group-swiper .swiper-button-prev {
    left: 0;
}

.group-swiper .world {
    position: relative;
    padding-top: 35px;
    width: 45%;
}

.group-swiper .world .til {
    margin-bottom: 30px;
}

.group-swiper .world h4 {
    font-size: 36px;
    line-height: 36px;
    color: #333;
    position: relative;
    z-index: 2;
}

.group-swiper .world .num {
    font-size: 80px;
    font-family: "di";
    color: #666;
    line-height: 60px;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.1;
}

.group-swiper .world .text {
    color: #888;
    font-size: 16px;
    line-height: 30px;
}

.group-swiper .picture {
    width: 45%;
}

.group-swiper .picture img {
    display: block;
    width: 100%;
}

.pro-cre01 .group3 {
    background: #f7f7f7;
    padding: 120px 0;
}

.pro-cre01 .group3 .til-45 {
    margin-bottom: 30px;
}

.pro-cre01 .group3 .cont {
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
}

.pro-cre01 .group3 .cont .item {
    padding: 20px;
    width: 32%;
    margin: 1% 0;
    background: #fff;
    border: 1px solid #e9e9e9;
}

.pro-cre01 .group3 .cont .item img {
    display: block;
    width: 100%;
}

.pro-cre01 .group3 .cont .item:hover {
    transition: all ease 0.5s;
    border: 1px solid #0e6eb8;
}

.pro-cre01 .group4 {
    padding: 120px 0 100px 0;
}

.pro-cre01 .group4 .til-45 {
    margin-bottom: 30px;
}

.pro-cre01 .group4 .cont {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.pro-cre01 .group4 .cont .item {
    width: 32%;
}

.pro-cre01 .group4 .cont .item h4 {
    font-size: 18px;
    color: #333;
    line-height: 60px;
    background: #e9e9e9;
    text-align: center;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    transition: .4s;
}

.pro-cre01 .group4 .cont .item img {
    display: block;
    width: 100%;
}

.pro-cre01 .group4 .cont .item:hover h4 {
    background: #0E6EB8;
    color: #fff;

}

.pro-cre01 .group5 {
    padding: 120px 0;
    background: #f7f7f7;
}

.group-commen .cont {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 110px;
}

.group-commen .cont .picture {
    width: 45%;
}

.group-commen .cont .picture img {
    width: 100%;
    display: block;
}

.group-commen .cont .world {
    width: 45%;
}

.group-commen .cont .world h4 {
    font-size: 45px;
    color: #121212;
    line-height: 45px;
    margin-bottom: 25px;
}

.group-commen .cont .world .text {
    font-size: 16px;
    line-height: 30px;
    color: #888;
}

/* 教育创新研究院 */

.pro-cre02 .group1 {
    background: #f7f7f7;
    padding: 120px 0;
}

.pro-cre02 .group2 {
    padding: 120px 0;
}

.pro-cre02 .group2 .cont {
    display: flex;
    justify-content: center;
}

.pro-cre02 .group2 .cont img {
    max-width: 100%;
}

.pro-cre02 .group3, .pro-cre02 .group5 {
    background: #f7f7f7;
    padding: 120px 0;
}

.pro-cre02 .group4, .pro-cre02 .group6 {
    padding: 120px 0;
}

/* 灵魔三维引擎 */

.til-tj {
    text-align: center;
    width: 1100px;
    margin: 0 auto;
}

.til-tj h4 {
    font-size: 45px;
    line-height: 45px;
    color: #121212;
    margin-top: 20px;
    margin-bottom: 50px;
}

.til-tj h6 {
    font-size: 24px;
    line-height: 24px;
    color: #888;
    text-transform: uppercase;
}

.til-tj P {
    font-size: 18px;
    line-height: 36px;
    color: #666;
}

.pro-cre03 .group1 {
    padding: 120px 0;
}

.pro-cre03 .group1 .cont {
    display: flex;
    justify-content: space-between;
    margin-top: 50px;
}

.pro-cre03 .group1 .item {
    width: 23%;
    position: relative;
}

.pro-cre03 .group1 .item .world {
    background: #ebf3f9;
    min-height: 420px;
    padding: 110px 40px 30px 40px;
    position: relative;
    z-index: 1;
}

.pro-cre03 .group1 .item .world h4 {
    font-size: 30px;
    color: #0e6eb8;
    line-height: 30px;
    margin-bottom: 30px;
}

.pro-cre03 .group1 .item .world .text {
    font-size: 14px;
    line-height: 28px;
    color: #0e6eb8;
}

.pro-cre03 .group1 .item .num span {
    font-family: "di";
    font-size: 180px;
    line-height: 180px;
    position: absolute;
    bottom: -60px;
    right: 20px;
    color: #0e6eb8;
    z-index: 0;
}

.pro-cre03 .group1 .item .num img {
    position: absolute;
    z-index: 2;
    bottom: 0px;
    right: 30px;
}

.pro-cre03 .group1 .item:nth-child(1) .num img {
    right: 52px;
}

.pro-cre03 .group1 .item:nth-child(4) .num img {
    right: 40px;
}

.pro-cre03 .group2, .pro-cre03 .group3 {
    position: relative;
}

.pro-cre03 .group2 .container, .pro-cre03 .group3 .container {
    position: absolute;
    left: 50%;
    top: 120px;
    transform: translate(-50%, 0);
}

.pro-cre03 .group2 img, .pro-cre03 .group3 img {
    width: 100%;
    display: block;
}

.pro-cre03 .group2 .world {
    text-align: right;
    color: #fff;
}

.pro-cre03 .group3 .world {
    text-align: left;
    color: #372014;
}

.pro-cre03 .group2 .world h4, .pro-cre03 .group3 .world h4 {
    font-size: 45px;
    line-height: 45px;
    margin-bottom: 40px;
}

.pro-cre03 .group2 .world h6, .pro-cre03 .group3 .world h6 {
    font-size: 24px;
    line-height: 24px;
    margin-bottom: 15px;
}

.pro-cre03 .group2 .world .text, .pro-cre03 .group3 .world .text {
    font-size: 18px;
}

.pro-cre03 .group2 .world h6 {
    color: #E3CE00;
}

.pro-cre03 .group3 .world h6 {
    color: #0e6eb8;
}

.pro-cre03 .group4 {
    padding: 120px 0;
}

.pro-cre03 .group4 .cont {
    margin-top: 50px;
    display: flex;
    justify-content: space-between;
}

.pro-cre03 .group4 .cont .item {
    width: 32%;
    border: 1px solid #e9e9e9;
    position: relative;
    padding: 90px 40px 40px 40px;
    text-align: center;
    margin-top: 130px;
}

.pro-cre03 .group4 .cont .item h4 {
    font-size: 24px;
    line-height: 24px;
    color: #0e6eb8;
    margin-bottom: 20px;
}

.pro-cre03 .group4 .cont .item p {
    font-size: 15px;
    line-height: 30px;
    color: #666;
}

.pro-cre03 .group4 .cont .item .icon {
    width: 180px;
    height: 180px;
    background: #0e6eb8;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: -130px;
    left: 50%;
    transform: translate(-50%, 0);
}

.pro-cre03 .group4 .cont .item .icon i {
    position: absolute;
    width: 60px;
    height: 60px;
    line-height: 60px;
    display: block;
    background-image: url("../images/icon-115.png");
    background-repeat: no-repeat;
    background-size: cover;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    font-size: 40px;
}

.pro-cre03 .group4 .cont .item:hover .icon {
    background: #e3ce00;
    transition: all ease 0.5s;
}

.pro-cre03 .group4 .cont .item:hover h4 {
    color: #e3ce00;
}


.pro-cre03 .group5 .cont {
    position: relative;
    margin-top: 50px;
}

.pro-cre03 .group5 .view {
    display: flex;
}

.pro-cre03 .group5 .left {
    width: 38.55%;
    background: #f7f7f7;
    padding: 100px 100px 100px 80px;
    margin-top: 120px;
}

.pro-cre03 .group5 .right {
    width: 61.45%;
    margin-bottom: 120px;
}

.pro-cre03 .group5 .right img {
    display: block;
    width: 100%;
}

.pro-cre03 .group5 .left h4 {
    font-size: 28px;
    line-height: 28px;
    color: #333;
}

.pro-cre03 .group5 .left .line {
    width: 200px;
    height: 2px;
    background: #0e6eb8;
    margin: 30px 0;
    position: relative;
    left: -80px;
}

.pro-cre03 .group5 .left .text {
    font-size: 16px;
    color: #666;
    line-height: 30px;
}

.pro-cre03 .group5 .left .lc {
    display: flex;
    justify-content: space-between;
    flex-flow: wrap;
    margin-top: 30px;
}

.pro-cre03 .group5 .left .lc div {
    width: 19%;
    margin: 0.5%;
    border: 1px solid #e3e3e3;
    text-align: center;
    font-size: 14px;
    line-height: 30px;
    color: #888;
}

.pro-cre03 .group5 .left .lc div:hover {
    background: #e9e9e9;
    border: 1px solid #e9e9e9;
}

.pro-cre03 .group5 .tab-til {
    display: flex;
    justify-content: space-between;
    margin-bottom: 55px;
    /*  width: 38.55%;
      padding: 0 100px 0 80px;
      position: absolute;
      top: 20%;
      left: 0;
      z-index: 2;*/
}

.pro-cre03 .group5 .tab-til h4 {
    width: 32%;
    font-size: 20px;
    line-height: 50px;
    color: #fff;
    background: #0e6eb8;
    transition: all ease 0.5s;
    text-align: center;
}

.pro-cre03 .group5 .tab-til .current {
    background: #e3ce00;
}


/* ----- 产品与解决方案 ----- */

.pro-i .group-top {
    padding: 120px 0;
    background: #f7f7f7;
}

.pro-i .group-top-white {
    background: #fff;
}

.pro-i .top-text {
    width: 660px;
    margin: 0 auto;
}

.pro-i .group {
    padding: 120px 0;
}

.pro-i .group-f7 {
    background: #f7f7f7;
}

.pro-i .til-45 {
    margin-bottom: 80px !important;
}

.pro-i .cont {
    padding: 0 110px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.pro-i .world {
    position: relative;
    padding-top: 35px;
    width: 45%;
}

.pro-i .world .til {
    margin-bottom: 30px;
}

.pro-i .world h4 {
    font-size: 36px;
    line-height: 36px;
    color: #121212;
    position: relative;
    z-index: 2;
}

.pro-i .world .num {
    font-size: 80px;
    font-family: "di";
    color: #666;
    opacity: 0.1;
    line-height: 60px;
    position: absolute;
    top: 0;
    left: 0;
}

.pro-i .world .text {
    color: #888;
    font-size: 16px;
    line-height: 30px;
}

.pro-i .picture {
    width: 45%;
}

.pro-i .picture img {
    display: block;
    width: 100%;
}

.pro-i2 .group-top .container, .pro-i8 .group-top .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.pro-i2 .left-text, .pro-i8 .left-text {
    width: 45%;
    font-size: 20px;
    line-height: 40px;
    color: #888;
}

.pro-i2 .right-text, .pro-i8 .right-text {
    width: 45%;
}

.pro-i2 .right-text img, .pro-i8 .right-text img {
    width: 100%;
}


.pro-i3 .group2 .cont {
    display: flex;
    justify-content: space-between;
    flex-flow: wrap;
    padding: 0;
}

.pro-i3 .group2 .item {
    width: 23.5%;
    margin: 1% 0;
    position: relative;
}

.pro-i3 .group2 .item img {
    width: 100%;
    display: block;
}

.pro-i3 .group2 .item > h4 {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    line-height: 40px;
    text-align: center;
    color: #fff;
    font-size: 20px;
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0));
}

.pro-i3 .group2 .item .world {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    flex-flow: column;
    align-items: center;
    background: rgba(14, 110, 184, 0.9);
    color: #fff;
    padding: 0 50px;
    text-align: center;
    visibility: hidden;
    opacity: 0;
    transition: all ease 0.5s;
}

.pro-i3 .group2 .item .world h4 {
    font-size: 20px;
    line-height: 20px;
    color: #fff;
}

.pro-i3 .group2 .item .world .line {
    width: 5px;
    height: 20px;
    background: #e3ce00;
    margin: 15px 0;
}

.pro-i3 .group2 .item .world p {
    font-size: 16px;
    line-height: 24px;
}

.pro-i3 .til-45 {
    margin-bottom: 50px;
}

.pro-i3 .group2 .item:hover > h4 {
    display: none;
}

.pro-i3 .group2 .item:hover .world {
    visibility: visible;
    opacity: 1;
}

.pro-i3 .group3 .cont {
    background: url(../images/pro-i3-form.jpg) no-repeat center;
    background-size: cover;
    color: #fff;
    padding: 80px;
    display: block;
}

.pro-i3 .til-form h4 {
    font-size: 45px;
    line-height: 45px;
    margin-bottom: 15px;
}

.pro-i3 .til-form h6 {
    font-size: 16px;
    line-height: 16px;
}

.pro-i3 .cont .view-input {
    display: flex;
    margin: 20px 0;
}

.pro-i3 .cont input {
    color: #666;
    display: block;
    width: 300px;
    line-height: 50px;

    background: #fff;
    border: 0;
    padding: 0 15px;
    margin-right: 20px;
}

.pro-i3 .cont button {
    width: 200px;
    line-height: 50px;
    border-radius: 25px;
    text-align: center;
    background: #e3ce00;
    color: #fff;
    font-size: 18px;
}

.pro-i3 .cont button:hover {
    background: #0E69B0;
    transition: all ease 0.5s;
}

.pro-i6 .group1 .til-45, .pro-i6 .group2 .til-45, .pro-i6 .group7 .til-45 {
    margin-bottom: 50px;
}

.pro-i6 .group1 .cont, .pro-i6 .group2 .cont, .pro-i6 .group7 .cont {
    padding: 0;
    flex-flow: wrap;
}

.pro-i6 .group1 .item, .pro-i6 .group2 .item {
    width: 32%;
    text-align: center;
}

.pro-i6 .group1 .item img, .pro-i6 .group2 .item img, .pro-i6 .group7 .item img {
    display: block;
    width: 100%;
}

.pro-i6 .group1 .item h4 {
    font-size: 20px;
    color: #fff;
    line-height: 60px;
    background: #0E6EB8;
}

.pro-i6 .group1 .item:hover h4 {
    background: #E3CE00;
    transition: all ease 0.5s;
}

.pro-i6 .group2 .item {
    margin: 1% 0;
}

.pro-i6 .group2 .item h4 {
    font-size: 20px;
    color: #333;
    line-height: 60px;
    background: #e9e9e9;
}

.pro-i6 .group2 .item:hover h4 {
    background: #0E69B0;
    color: #fff;
    transition: all ease 0.5s;
}

.pro-i6 .group3 .til-45, .pro-i6 .group5 .til-45 {
    margin-bottom: 35px;
}

.pro-i6 .group3 .top-text, .pro-i6 .group5 .top-text {
    width: 900px;
}

.pro-i6 .group7 .item {
    width: 49%;
    margin: 1% 0;
}

.pro-i6 .group7 .item h4 {
    font-size: 20px;
    color: #333;
    line-height: 60px;
    background: #fff;
    text-align: center;
}

.pro-i6 .group7 .item:hover h4 {
    background: #0E6EB8;
    color: #fff;
    transition: all ease 0.5s;
}


.pro-i8 .group1 .cont, .pro-i8 .group4 .cont {
    padding: 0;
}

.pro-i8 .group1 .item {
    width: 23.5%;
}

.pro-i8 .group1 .til-45, .pro-i8 .group4 .til-45 {
    margin-bottom: 50px;
}

.pro-i8 .group1 .item img, .pro-i8 .group4 .item img {
    display: block;
    width: 100%;
}

.pro-i8 .group1 .item h4 {
    font-size: 18px;
    color: #333;
    line-height: 60px;
    background: #e9e9e9;
    text-align: center;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.pro-i8 .group1 .item:hover h4 {
    background: #0E6EB8;
    transition: all ease 0.5s;
    color: #fff;
}

.pro-i8 .group4 .item {
    width: 32%;
}

.pro-i8 .group4 .item h4 {
    font-size: 18px;
    color: #fff;
    line-height: 60px;
    background: #0E69B0;
    text-align: center;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    transition: .4s;
}

.pro-i8 .group4 .item:hover h4 {
    background: #E3CE00;
}


/*---------------服务产品-----------------*/
.swiper-container-sp .swiper-slide div, .swiper-container-sp2 .swiper-slide div {
    overflow: hidden;
    position: relative;
}

.swiper-container-sp .swiper-slide div img, .swiper-container-sp2 .swiper-slide div img {
    width: 100%;
    transition: .4s;
    display: block;
}

.swiper-container-sp .swiper-slide div i, .swiper-container-sp2 .swiper-slide div i {
    color: #fff;
    font-size: 40px;
    line-height: 1;
    position: absolute;
    left: 20px;
    bottom: 20px;
    display: block;
}

.swiper-container-sp .swiper-slide p, .swiper-container-sp2 .swiper-slide p {
    margin-bottom: 0;
    border-bottom: 1px solid #e9e9e9;
    border-left: 1px solid #e9e9e9;
    border-right: 1px solid #e9e9e9;
    line-height: 18px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    transition: .3s;
    position: relative;
    font-size: 18px;
    padding: 0 20px;
    color: #333333;
    height: 60px;
    line-height: 60px;
}

.swiper-container-sp .swiper-slide p:after, .swiper-container-sp2 .swiper-slide p:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background: #0e6eb8;
    z-index: -1;
    transition: .4s;
}

.swiper-container-sp .swiper-slide:hover div img, .swiper-container-sp2 .swiper-slide:hover div img {
    transform: scale(1.1, 1.1);
}

.swiper-container-sp .swiper-slide:hover p, .swiper-container-sp2 .swiper-slide:hover p {
    color: #fff;
    border-bottom: 1px solid #0e6eb8;
    border-left: 1px solid #0e6eb8;
    border-right: 1px solid #0e6eb8;
}

.swiper-container-sp .swiper-slide:hover p:after, .swiper-container-sp2 .swiper-slide:hover p:after {
    width: 100%;
}

.sp-button {
    width: 30px !important;
    height: 30px !important;
    border: 1px solid #888888;
    color: #888888;
    font-size: 18px;
    background-image: none !important;
    border-radius: 50%;
    line-height: 28px;
    text-align: center;
    outline: none;
    margin-top: 0 !important;
    top: 50%;
    transform: translateY(-50%);
}

.swiper-button-prev-sp, .swiper-button-prev-sp2 {
    left: auto !important;
    right: 40px !important;
}

.swiper-button-next-sp, .swiper-button-next-sp2 {
    right: 0 !important;
}

.h-sp-title {
    position: relative;
    margin-bottom: 60px;
}

.h-sp-title p:nth-child(1) {
    font-size: 24px;
    line-height: 24px;
    color: #888888;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.h-sp-title p:nth-child(2) {
    font-size: 45px;
    line-height: 45px;
    color: #121212;
    margin-bottom: 0;
}

.h-sp2 {
    background: #f7f7f7;
}

/*---------------服务网络-----------------*/
.h-sn-top {
    text-align: center;
    background: #f7f7f7;
}

.h-sn-top p {
    width: 43%;
    margin: -10px auto;
    text-align: justify;
    text-align-last: center;
    font-size: 20px;
    color: #888888;
    line-height: 40px;
    display: flex;
}

.h-sn .container {
    display: flex;
}

.h-sn .left {
    width: 300px;
    margin-right: 15px;
}

.h-sn .right {
    width: calc(100% - 315px);
}

.h-sn .left div {
    margin-bottom: 15px;
    font-size: 18px;
    color: #333333;
    background: #eeeeee;
    height: 80px;
    display: flex;
    align-items: center;
    padding-left: 30px;
    transition: .4s;
}

.h-sn .left div:last-child {
    margin-bottom: 0;
}

.h-sn .left div i {
    font-size: 30px;
    color: #e3cf06;
    margin-right: 15px;
    transition: .4s;
}

.h-sn .left div.current {
    background: #0e6eb8;
    color: #fff;
}

.h-sn .left div.current i {
    color: #fff;
}

.h-sn .right > div {
    height: 100%;
}

.h-ns-div {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.h-ns-div div img {
    display: block;
    width: 100%;
}

.h-ns-div div:nth-child(2) {
    width: 100%;
    flex: 1;
    background: #eeeeee;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.h-ns-div div:nth-child(2) a span {
    transition: .4s;
}

.h-ns-div div:nth-child(2) a:hover span {
    color: #e3ce00 !important;
}

.h-ns-div div:nth-child(2) p:nth-child(1) {
    font-size: 16px;
    line-height: 30px;
    color: #333333;
    /*margin-bottom: 25px;*/
}

.h-ns-div div:nth-child(2) p:nth-child(2) {
    padding: 0 90px;
    border: 1px solid #0e6eb8;
    border-radius: 8px;
    font-size: 30px;
    color: #0e6eb8;
    font-family: "di";
    height: 70px;
    line-height: 70px;
    transition: .4s;
    display: none;
}

.h-ns-div div:nth-child(2) p:nth-child(2) i {
    font-size: 30px;
    margin-right: 15px;
}

.h-ns-div div:nth-child(2) p:nth-child(2):hover {
    background: #0e6eb8;
    color: #fff;
}

.h-ns-div div:nth-child(2) p:nth-child(2):hover i {
    color: #fff;
}

/*----------------------资料下载----------------------*/
.h-down-top {
    background: #f7f7f7;
    padding: 65px 0;
}

.h-down-top .container {
    display: flex;
}

.h-down-top .right {
    width: 325px;
    background: #0e6eb8;
    padding: 30px 40px;
}

.h-down-top .right input {
    padding: 20px 0;
    color: #fff;
    font-size: 16px;
    background: rgba(0, 0, 0, 0);
    border: none;
    border-bottom: 1px solid #fff;
    width: 100%;
}

.h-down-top .right button {
    font-size: 20px;
    color: #fff;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #e3ce00;
    line-height: 40px;
    margin-top: 35px;
    transition: .4s;
}

.h-down-top .right button:hover {
    background: #fff;
    color: #e3ce00;
}

.h-down-top .right input::-webkit-input-placeholder {
    color: #fff;
}

.h-down-top .right input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #fff;
}

.h-down-top .right input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #fff;
}

.h-down-top .right input:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #fff;
}

.h-down-top .left {
    width: calc(100% - 325px);
}

.h-down-top .left .h-down-type:last-child div {
    border-bottom: none;
}

.h-down-type {
    height: 75px;
    display: flex;
}

.h-down-type div:nth-child(1) {
    width: 160px;
    background: #b1b1b1;
    color: #fff;
    border-bottom: 1px dashed #fff;
    font-size: 18px;
    text-align: center;
    line-height: 75px;
}

.h-down-type div:nth-child(2) {
    width: calc(100% - 160px);
    display: flex;
    align-items: center;
    justify-content: flex-start;
    background: #fff;
    border-bottom: 1px dashed #e9e9e9;
    flex-wrap: wrap;
}

.h-down-type div:nth-child(2) a {
    color: #555555;
    font-size: 16px;
    line-height: 16px;
    padding: 0 20px;
    border-right: 1px solid #555555;
    transition: .4s;
}

.g23 {
    margin-top: 25px;
}

.g23 div:nth-child(1) {
    font-size: 16px;
    margin-right: 25px;
    display: flex;
    align-items: center;
    padding-bottom: 10px;
    width: 85px;
}

.g23 div:nth-child(2) {
    width: calc(100% - 85px);
}

.g23 div:nth-child(2) span {
    padding: 10px 20px;
    font-size: 16px;
    border: 1px solid #ddd;
    position: relative;
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 10px;
}

.g23 div:nth-child(2) span:nth-child(1) {
    margin-left: 0;
}

.g23 div:nth-child(2) span i {
    /*content: '\e63c';*/
    /*font-family: iconfont;*/
    font-size: 10px;
    line-height: 1;
    position: absolute;
    top: 3px;
    right: 3px;
    /*    opacity: 0;
        visibility: hidden;*/
    transition: .4s;
    cursor: pointer;
    color: #ccc;
}

.g23 div:nth-child(2) span:hover i {
    color: #0e6eb8;
}

/*.h-down-type div:nth-child(2) span:hover:after{
    opacity: 1;
    visibility: initial;
}*/

/*.h-down-type div:nth-child(2) a:first-child {
    padding-left: 0;
}*/

.h-down-type div:nth-child(2) a:last-child {
    border-right: none;
}

.h-down-type div:nth-child(2) a:hover, .h-down-type div:nth-child(2) a.active {
    color: #0e6eb8;
}

.h-down {
    padding: 60px 0 80px;
}

.h-download {
    margin-bottom: 20px;
    border-bottom: 1px solid #e9e9e9;
    height: 60px;
    line-height: 60px;
    display: flex;
    align-items: center;
    text-align: center;
}

.icon-xiazai {
    width: 90px;
    font-size: 24px !important;
    color: #0e6eb8;
    font-weight: bold;
    display: block;
    transition: .4s;
}

.h-download .right {
    width: 130px;
    border-right: 1px solid #e9e9e9;
    border-left: 1px solid #e9e9e9;
    font-size: 14px;
    color: #888888;
    transition: .4s;
}

.h-download .left {
    width: calc(100% - 220px);
    display: flex;
    justify-content: space-between;
    padding-left: 20px;
    padding-right: 30px;
    font-size: 14px;
    color: #888888;
    transition: .4s;
}

.h-download .left span:nth-child(1) {
    font-size: 18px;
    color: #333333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 80%;
    text-align: left;
}

.h-download:hover .left, .h-download:hover .right, .h-download:hover .icon-xiazai {
    background: #0e6eb8;
}

.h-download:hover .left, .h-download:hover .right, .h-download:hover .left span {
    color: #fff;
}

.h-download:hover .icon-xiazai {
    color: #e3ce00;
}

.h-jiazai {
    width: 200px;
    height: 50px;
    line-height: 50px;
    border-radius: 25px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    background-color: #e3ce00;
    cursor: pointer;
    border: 1px solid #e3ce00;
    transition: .4s;
    margin: 40px auto 0;
}

.h-jiazai:hover {
    color: #e3ce00;
    background-color: #fff;
}

.h-down .container > div .h-download:last-child {
    margin-bottom: 0;
}

/*----------------合作招募------------------*/
.h-hz-title {
    text-align: center;
}

.h-hz-title p:nth-child(3) {
    font-size: 26px;
    color: #0e6eb8;
    margin-top: 30px;
    display: none;
}

.h-hz1 {
    padding-top: 120px;
}

.h-hz1 .container {
    padding: 0 20px;
}

.h-hz1-div {
    display: flex;
    align-items: center;
}

.h-hz1-div .right {
    width: 58.2%;
}

.h-hz1-div .right img {
    width: 100%;
    display: block;
}

.h-hz1-div .left {
    width: 41.8%;
}

.h-hz1-div .left p:nth-child(1) {
    font-size: 38px;
    line-height: 38px;
    color: #e3ce00;
    margin-bottom: 50px;
}

.h-hz1-div .left p:nth-child(2) {
    font-size: 16px;
    line-height: 32px;
    color: #666666;
    padding-right: 160px;
    text-align: justify;
}

.h-hz2 {
    font-size: 30px;
    line-height: 60px;
    color: #fff;
    padding: 140px 0;
    background-image: url('../images/h-hz2.jpg');
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    text-align: center;
}

.h-hz3-title {
    margin-bottom: 60px;
    text-align: center;
}

.h-hz3 {
    position: relative;
    overflow: hidden;
}

.h-hz3-div {
    display: flex;
}

.h-hz3-div > div {
    width: 25%;
    text-align: center;
    position: relative;
}

.h-hz3-div > div div {
    margin-bottom: 30px;
    position: relative;
}

.h-hz3-div > div div img {
    transition: .4s;
    transform-origin: center center;
}

.h-hz3-div > div div img:nth-child(2) {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

.h-hz3-div > div p:nth-child(2) {
    font-size: 24px;
    line-height: 24px;
    color: #333333;
    margin-bottom: 10px;
}

.h-hz3-div > div p:nth-child(3) {
    width: 160px;
    font-size: 14px;
    color: #555555;
    line-height: 24px;
    margin: 0 auto;
}

.h-hz3-div > div:nth-child(1) div:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 1000%;
    height: 1px;
    background: #e3e3e3;
    display: block;
    transform: translate(-50%, -50%);
    z-index: -1;
}

.h-hz3-div > div div span {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(50%, -50%);
}

.h-hz3-div > div div span:before {
    content: '';
    background: #e3ce00;
    border-radius: 50%;
    position: absolute;
    right: 50%;
    top: 50%;
    transform: translate(50%, -50%);
    display: block;
    animation: yuan 2s linear infinite;
}

@keyframes yuan {
    0% {
        width: 12px;
        height: 12px;
        opacity: 0.6;
    }
    50% {
        width: 21px;
        height: 21px;
        opacity: 0.3;
    }
    100% {
        width: 30px;
        height: 30px;
        opacity: 0;
    }
}

.h-hz3-div > div div i {
    font-size: 55px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #0e6eb8;
    transition: .4s;
}

.h-hz3-div > div:hover div i {
    color: #e3ce00;
}

.h-hz3-div > div div span:after {
    content: '';
    width: 12px;
    height: 12px;
    background: #e3ce00;
    border-radius: 50%;
    position: absolute;
    right: 50%;
    top: 50%;
    transform: translate(50%, -50%);
    display: block;
}

.h-hz3-div > div:last-child div span {
    display: none;
}

.h-hz3-div > div:hover div img:nth-child(1) {
    opacity: 0;
    transform: rotate(90deg);
}

.h-hz3-div > div:hover div img:nth-child(2) {
    opacity: 1;
    transform: rotate(90deg) translate(0, 50%);
}

.h-hz4 {
    background-image: url('../images/h-hz3.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    padding: 150px 0;
}

.h-hz4 .container {
    padding: 0 20px;
}

.h-hz4-title {
    text-align: center;
    margin-bottom: 45px;
}

.h-hz4-title p {
    color: #fff !important;
}

.h-hz4-title p:nth-child(3) {
    font-size: 24px;
    line-height: 24px;
    margin-top: 30px;
}

.h-hz4-div form {
    display: flex;
    flex-wrap: wrap;
}

.h-hz4-div form input {
    border: none;
    height: 55px;
    font-size: 14px;
    color: #888888;
    width: calc((100% - 40px) / 3);
    margin-right: 20px;
    margin-bottom: 20px;
    padding-left: 15px;
}

.h-hz4-div form input:nth-child(3n) {
    margin-right: 0;
}

.h-hz4-div button {
    background: #e3ce00;
    color: #fff;
    font-size: 16px;
    width: 200px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    border-radius: 25px;
    display: block;
    margin: 40px auto 0;
}

/*--------------------伙伴赋能-------------------*/
.h-em-title {
    font-size: 18px;
    color: #666666;
    line-height: 36px;
    margin-bottom: 40px;
    text-align: center;
}

.h-em-div {
    display: flex;
}

.h-em-div div {
    width: calc((100% - 48px) / 4);
    background-color: #0e6eb8;
    margin-right: 24px;
    text-align: center;
    height: 240px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    transition: .4s;
    position: relative;
}

.h-em-div div:last-child {
    margin-right: 0;
}

.h-em-div div i {
    font-size: 90px;
    line-height: 90px;
    color: #fff;
    margin-bottom: 20px;
    display: block;
}

.h-em-div div p {
    font-size: 24px;
    line-height: 24px;
    color: #fff;
}

.h-em-div div span {
    position: absolute;
    top: 20px;
    left: 20px;
    width: calc(100% - 40px);
    height: calc(100% - 40px);
    border: 1px solid #fff;
    opacity: 0.5;
}

.h-em-div div span:after {
    content: '';
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #fff;
    opacity: 0.5;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    transform: translate(-50%, -50%);
    /*transform: translate(calc(-50% - 0.5px), calc(-50% - 0.5px));*/
    animation: dian1 20s infinite linear;
}

.h-em-div div span:before {
    content: '';
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #fff;
    opacity: 0.5;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    /*transform: translate(calc(50% + 0.5px), calc(-50% + 0.5px));*/
    transform: translate(50%, -50%);
    animation: dian2 20s infinite linear;
}

.h-em-div div n:after {
    content: '';
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #fff;
    opacity: 0.5;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    transform: translate(-50%, 50%);
    animation: dian3 20s infinite linear;

}

.h-em-div div n:before {
    content: '';
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #fff;
    opacity: 0.5;
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    transform: translate(50%, 50%);
    animation: dian4 20s infinite linear;
}

@keyframes dian1 {
    25% {
        top: 0;
        left: 100%;
    }
    50% {
        top: 100%;
        left: 100%;
        /*transform: translate(calc(-50% + 0.5px), calc(-50% - 0.5px));*/
    }
    75% {
        top: 100%;
        left: 0;
        /*transform: translate(calc(-50% + 0.5px), calc(-50% + 0.5px));*/
    }
    100% {
        top: 0;
        left: 0;
        /*transform: translate(calc(-50% - 0.5px), calc(-50% - 0.5px));*/
    }
}

@keyframes dian2 {
    25% {
        top: 100%;
        right: 0;
    }
    50% {
        top: 100%;
        right: 100%;
        /*transform: translate(calc(50% + 0.5px), calc(-50% + 0.5px));*/
    }
    75% {
        top: 0;
        right: 100%;
        /*transform: translate(calc(50% + 0.5px), calc(-50% - 0.5px));*/
    }
    100% {
        top: 0;
        right: 0;
    }
}

@keyframes dian3 {
    25% {
        bottom: 100%;
        left: 0;
    }
    50% {
        bottom: 100%;
        left: 100%;
    }
    75% {
        bottom: 0;
        left: 100%;
    }
    100% {
        bottom: 0;
        left: 0;
    }
}

@keyframes dian4 {
    25% {
        bottom: 0;
        right: 100%;
    }
    50% {
        bottom: 100%;
        right: 100%;
    }
    75% {
        bottom: 100%;
        right: 0;
    }
    100% {
        bottom: 0;
        right: 0;
    }
}

.h-em-div div:hover {
    background-color: #e3ce00;
}

.h-em2 {
    background: #f7f7f7;
}

.h-em2 .h-sp-title {
    margin-bottom: 80px;
}

.h-em2-div {
    display: flex;
}

.h-em2-div .left {
    width: 260px;
}

.h-em2-div .right {
    width: calc(100% - 260px);
}

.h-em2-div .left div {
    width: 260px;
    height: 130px;
    border-bottom: 1px solid #fff;
    background: #0e6eb8;
    color: #fff;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding-left: 30px;
    transition: .4s;
}

.h-em2-div .left div p:nth-child(1) {
    font-size: 20px;
}

.h-em2-div .left div p:nth-child(2) {
    font-size: 12px;
    text-transform: uppercase;
}

.h-em2-div .left div.current {
    background: #e3ce00;
}

.h-em2-div .left div:last-child {
    border-bottom: none;
}

.h-em2-div .right > div {
    height: 100%;
}

.h-kh {
    display: flex;
    flex-wrap: wrap;
    border-top: 1px solid #e9e9e9;
}

.h-kh div {
    width: 20%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    border-bottom: 1px solid #e9e9e9;
    border-right: 1px solid #e9e9e9;
    overflow: hidden;
}

.h-kh div:hover img {
    transform: scale(1.1, 1.1);
}

.h-kh div img {
    max-width: 100%;
    max-height: 100%;
    transition: .4s;
}

/*--------------------下载弹窗---------------------*/
.hei {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 9999999;
}

.hei div {
    width: 39%;
    padding: 85px;
    background: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.hei div p {
    font-size: 18px;
    line-height: 36px;
    margin-bottom: 0;
    color: #333333;
}

.hei div form {
    width: 100%;
    margin-top: 45px;
}

.hei div form input {
    width: 100%;
    border: 1px solid #e9e9e9;
    font-size: 18px;
    margin-bottom: 20px;
    height: 60px;
    color: #aaaaaa;
    padding-left: 15px;
}

.hei div form button {
    width: 100%;
    height: 60px;
    background: #0e6eb8;
    color: #fff;
    font-size: 18px;
    transition: .4s;
}

.hei div form button:hover {
    color: #0e6eb8;
    background: #e9e9e9;
}

.hei div i {
    position: absolute;
    top: 30px;
    right: 30px;
    font-size: 40px;
    color: #b2b2b2;
    opacity: .3;
    cursor: pointer;
    line-height: 1;
}

/* ---------------------------------------1680--------------------------------------- */
@media (max-width: 1680px) {
    /*    .pro-cre03 .group5 .right img {
            margin-bottom: 0;
        }

        .pro-cre03 .group5 .left {
            padding-top: 140px;
            padding-bottom: 0;
            display: flex;
            flex-direction: column;
            justify-content: flex-start;
            width: 45%;
        }

        .pro-cre03 .group5 .tab-til {
            top: 45px;
        }

        .pro-cre03 .group5 .right {
            height: 100%;
        }

        .pro-cre03 .group5 .left .line {
            left: 0;
        }*/
}

/* ---------------------------------------1440--------------------------------------- */
@media (max-width: 1440px) {
    .inpage-pad, .introduce .group2, .introduce .group3, .introduce .group4, .join .group2, .pro-cre01 .group1, .pro-cre01 .group2, .pro-cre01 .group3, .pro-cre01 .group4, .pro-cre01 .group5, .pro-cre02 .group3, .pro-cre02 .group5, .pro-cre02 .group4, .pro-cre02 .group6, .pro-cre02 .group2, .pro-cre02 .group1, .pro-i .group, .pro-i .group-top, .pro-cre03 .group1, .pro-cre03 .group4 {
        padding: 100px 0;
    }

    .case .item .right {
        padding-left: 5%;
    }

    .join .group3, .h-hz1 {
        padding-top: 100px;
    }

    .h-hz2 {
        padding: 120px 0;
    }

    .introduce .group1, .join .group1 {
        padding-bottom: 100px;
    }

    .introduce .group1 .cont .item:nth-child(1) {
        top: 0;
        left: -50px;
    }

    .introduce .group1 .cont .item:nth-child(2) {
        top: 100px;
        left: 0;
    }

    .introduce .group1 .cont .item:nth-child(3) {
        top: 200px;
        left: 50px;
    }

    .introduce .group1 .cont img {
        width: 50%;
    }

    .introduce .group1 .cont .world {
        width: 100%;
    }

    .introduce .group2 .swiper-slide .num {
        font-size: 140px;
        line-height: 140px;
        margin-bottom: 70px;
    }

    .join .group2 ul {
        width: 100%;
    }

    .h-sn-top p {
        width: 65%;
        font-size: 18px;
        line-height: 36px;
    }

    .hei div {
        width: 50%;
        padding: 60px 45px;
    }

    .top-text {
        font-size: 18px;
        line-height: 36px;
    }

    .til-45, .til-intro h4, .til-tj h4, .til-45 h4, .group-commen .cont .world h4 {
        font-size: 38px;
        line-height: 38px;
    }

    .group-commen .cont {
        padding: 0;
    }

    .pro-i .til-45 {
        margin-bottom: 60px !important;
    }

    .pro-i2 .left-text, .pro-i8 .left-text {
        font-size: 18px;
        line-height: 36px;
    }

    .pro-i3 .til-form h4 {
        font-size: 38px;
        line-height: 38px;
    }

    .pro-i3 .group2 .item > h4 {
        font-size: 18px;
    }

    .pro-cre03 .group5 .left {
        width: 35%;
        position: relative;
        padding: 50px;
        margin-top: 0;
    }

    .pro-cre03 .group5 .right {
        width: 65%;
        margin-bottom: 0;
        position: relative;
        overflow: hidden;
    }

    .pro-cre03 .group5 .right img {
        position: absolute;
        height: 100%;
        width: auto;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .pro-cre03 .group5 .tab-til {
        width: 100%;
        margin-bottom: 50px;
    }

    .pro-cre03 .group3 .world {
        color: #fff;
    }

    .pro-cre03 .group2 .world h4, .pro-cre03 .group3 .world h4 {
        font-size: 38px;
        line-height: 38px;
    }
}

/* ---------------------------------------1367--------------------------------------- */
@media (max-width: 1367px) {
    .market .container .item .world {
        width: 1170px;
    }

    .news-show .right dl {
        padding: 0 15px 15px 15px;
    }

    .news-show .right .til {
        padding: 25px 15px;
    }
}

/* ---------------------------------------1200--------------------------------------- */
@media (max-width: 1200px) {
    .pro-i .picture, .pro-i .world, .pro-i2 .right-text, .pro-i8 .right-text, .pro-i2 .left-text, .pro-i8 .left-text, .group-commen .cont .world, .group-commen .cont .picture, .group-swiper .picture, .swiper-slide .world {
        width: 47.5%;
    }

    .new-tab p {
        font-size: 18px
    }

    .introduce .group2 .swiper-slide .arrow-num n {
        display: none !important;
    }

    .pro-i2 .left-text, .pro-i8 .left-text {
        font-size: 16px;
        line-height: 32px;
    }

    .pro-cre03 .group5 .left {
        width: 50%;
    }

    .pro-cre03 .group5 .right {
        width: 50%;
    }


    /*------------------------------------------*/
    .pro-cre03 .group5 .tab-til h4 {
        font-size: 16px;
    }

    .market .container .item .world {
        width: 970px;
    }

    .pro-cre01 .group1 .top-text, .pro-cre02 .group1 .top-text {
        width: 100%;
    }

    .top-text, .introduce .group1 .text, .join .group1 .text {
        font-size: 16px !important;
        line-height: 32px !important;
    }

    .group-swiper .world h4 {
        font-size: 30px;
    }

    .inpage-pad, .introduce .group2, .introduce .group3, .introduce .group4, .join .group2, .pro-cre01 .group1, .pro-cre01 .group2, .pro-cre01 .group3, .pro-cre01 .group4, .pro-cre01 .group5, .pro-cre02 .group3, .pro-cre02 .group5, .pro-cre02 .group4, .pro-cre02 .group6, .pro-cre02 .group2, .pro-cre02 .group1, .pro-i .group, .pro-i .group-top, .pro-cre03 .group1, .pro-cre03 .group4 {
        padding: 80px 0;
    }

    .h-hz2 {
        padding: 80px 0;
    }

    .introduce .group1, .join .group1, .pro-cre03 .group5 .right {
        padding-bottom: 80px;
    }

    .join .group3, .h-hz1 {
        padding-top: 80px;
    }

    .til-intro h4 {
        font-size: 30px;
        line-height: 30px;
        margin-top: 15px;
        margin-bottom: 35px;
    }

    .h-sp-title p:nth-child(2) {
        font-size: 30px;
        line-height: 30px;
    }

    .til-45 h4 {
        font-size: 30px;
        line-height: 30px;
        margin-bottom: 35px;
    }

    .title-join h4 {
        font-size: 30px;
        line-height: 30px;
        margin-top: 15px;
    }

    .til-intro h6, .title-join h6, .join .group3 .text {
        font-size: 18px;
        line-height: 18px;
    }

    .h-sp-title p:nth-child(1), .til-45 h6 {
        font-size: 18px;
        line-height: 18px;
        margin-bottom: 10px;
    }

    .introduce .group1 .bom .item p {
        font-size: 18px;
    }

    .introduce .group2 .swiper-slide {
        padding: 0 200px;
    }

    .introduce .group2 .swiper-slide .num {
        font-size: 120px;
        line-height: 120px;
    }

    .introduce .group3 .cont {
        flex-wrap: wrap;
    }

    .introduce .group3 .item {
        width: 100%;
        display: flex;
        margin-bottom: 25px;
    }

    .introduce .group3 .item h4 {
        width: 25%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .introduce .group1 .cont .item {
        font-size: 14px;
        line-height: 20px;
    }

    .introduce .group1 .cont .item:nth-child(2) {
        top: 80px;
    }

    .introduce .group1 .cont .item:nth-child(3) {
        top: 160px;
    }

    .banner .inpage-banner .bar-index {
        top: 50%;
    }

    .introduce .group1 .cont img {
        display: none;
    }

    .introduce .group1 .cont .item {
        position: relative;
        top: 0 !important;
        left: 0 !important;
        padding: 25px 0 25px 30%;
        border: 1px solid #e9e9e9;
        margin-bottom: 15px;
        font-size: 16px;
        line-height: 28px;
    }

    .introduce .group1 .cont .item:after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 25%;
        height: 100%;
        background: #E3CE00;
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 24px;
    }

    .introduce .group1 .cont .item:nth-child(1):after {
        content: '普惠教育';
    }

    .introduce .group1 .cont .item:nth-child(2):after {
        content: '数字教育';
        background: #0E6EB8;
    }

    .introduce .group1 .cont .item:nth-child(3):after {
        content: '在线教育';
    }


    .market .container .item .til {
        padding: 20px 15px;
        font-size: 16px;
        line-height: 28px;
        min-height: 96px;
    }

    .news-show .right dd .text-top .tt br {
        display: block;
    }

    .news-show .top h4 {
        font-size: 24px;
        line-height: 35px;
    }

    .news-show .right dd h4 {
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .news-show .right .til {
        font-size: 24px;
        line-height: 24px;
    }

    .news-show .left {
        padding: 45px;
    }

    .case .item .right h4 {
        font-size: 24px;
        line-height: 24px;
        margin-bottom: 25px;
    }

    .case .item .right .watch {
        margin-top: 25px;
    }

    .h-em-title {
        font-size: 16px;
        line-height: 32px;
    }

    .h-sp-title {
        margin-bottom: 35px;
    }

    .h-em2 .h-sp-title {
        margin-bottom: 35px;
    }

    .h-em-div div i {
        font-size: 70px;
        line-height: 70px;
    }

    .h-em-div div p {
        font-size: 20px;
        line-height: 20px;
    }

    .h-hz-title p:nth-child(3), .h-hz4-title p:nth-child(3) {
        margin-top: 20px;
        font-size: 18px;
        line-height: 18px;
    }

    .h-hz1-div .left p:nth-child(2) {
        padding-right: 50px;
    }

    .h-hz1-div .left {
        width: 45%;
    }

    .h-hz1-div .right {
        width: 55%;
    }

    .h-hz3-title {
        margin-bottom: 45px;
    }

    .h-hz2 {
        font-size: 24px;
        line-height: 48px;
    }

    .h-hz1-div .left p:nth-child(1) {
        font-size: 24px;
        line-height: 24px;
    }

    .h-down-top .container {
        flex-wrap: wrap;
    }

    .h-down-top .container .left {
        width: 100%;
    }

    .h-down-top .container .right {
        width: 100%;
    }

    .h-down-top .container .right form {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .h-down-top .container .right form input {
        width: calc(100% - 80px);
        padding-top: 0;
    }

    .h-down-top .container .right form button {
        margin-left: 25px;
        margin-top: 0;
    }

    .h-sn-top p {
        width: 80%;
        font-size: 16px;
        line-height: 32px;
    }

    .swiper-container-sp .swiper-slide p, .swiper-container-sp2 .swiper-slide p {
        font-size: 16px;
    }

    .til-45, .til-tj h4 {
        font-size: 30px;
        line-height: 30px;
        margin: 15px 0 30px;
    }

    .til-tj h6 {
        font-size: 18px;
    }

    .til-tj P {
        font-size: 16px;
        line-height: 32px;
    }

    .group-commen .cont .world h4 {
        font-size: 26px;
        line-height: 26px;
    }

    .pro-i .world h4 {
        font-size: 26px;
        line-height: 26px;
    }

    .pro-i .til-45 {
        margin-bottom: 45px !important;
        margin-top: 0 !important;
    }

    .swiper-slide .world {
        padding-right: 25px;
    }

    .pro-i3 .til-form h4 {
        font-size: 30px;
        line-height: 30px;
    }

    .pro-i3 .cont button {
        width: 150px;
        font-size: 14px;
        line-height: 40px;
    }

    .pro-i5 .group5 .swiper-slide .world, .pro-i6 .group6 .swiper-slide .world, .pro-i8 .group3 .world {
        padding-left: 25px;
        padding-right: 0;
    }

    .pro-i5 .group1 .cont, .pro-i6 .group1 .cont, .pro-i6 .group7 .cont, .pro-i8 .group1 .cont {
        flex-direction: row !important;
    }

    .pro-i6 .group1 .cont .item {
        margin-bottom: 0 !important;
    }

    .pro-i6 .group2 .cont .item, .pro-i6 .group7 .cont .item, .pro-i8 .group1 .cont .item {
        margin: 1% 0 !important;
    }

    .pro-i6 .group6 .world .num, .pro-i8 .group3 .world .num {
        left: 0;
    }

    .pro-i6 .group7 .item h4, .pro-i6 .group2 .item h4 {
        font-size: 18px;
        line-height: 50px;
    }

    .pro-i6 .group1 .item h4, .pro-i8 .group4 .item h4, .pro-i8 .group1 .item h4, .pro-cre01 .group4 .cont .item h4 {
        font-size: 16px;
        line-height: 50px;
    }

    .til-tj {
        width: 100%;
    }

    .pro-cre03 .group2 .world h4, .pro-cre03 .group3 .world h4 {
        font-size: 38px;
        line-height: 38px;
        margin-bottom: 25px;
    }
}

/* ---------------------------------------992--------------------------------------- */
@media (max-width: 992px) {
    .g23 div:nth-child(1), .g23 div:nth-child(2) span {
        font-size: 14px;
    }

    .join .group3 dd .bom h4 {
        font-size: 18px;
        line-height: 18px;
        margin-bottom: 10px;
    }

    .ssd big {
        font-size: 16px;
        display: block;
        margin-bottom: 10px;
    }

    .dl-group dd big {
        font-size: 16px;
    }

    .dl-group dd div {
        margin-bottom: 10px;
        font-size: 14px;
    }

    .dl-group dd div + br, .ssd br:nth-child(3), .dl-group dd big + br, .dl-group dd div br:nth-last-child(1), .dl-group dd div br:nth-last-child(2) {
        display: none;
    }

    .pro-i5 .group1 .cont, .pro-i2 .group-top .container {
        flex-direction: column !important;
    }

    .pro-cre01 .group5.group-commen .cont div:nth-child(1), .pro-i5 .group1 .cont div:nth-child(1), .pro-i2 .group-top .container div:nth-child(1) {
        margin-bottom: 25px !important;
    }

    .pro-cre01 .group5.group-commen .cont div:nth-child(2), .pro-i5 .group1 .cont div:nth-child(2), .pro-i2 .group-top .container div:nth-child(2) {
        margin-bottom: 0 !important;
    }

    .group4.group-commen .cont, .group6.group-commen .cont {
        flex-direction: column-reverse;
    }

    .group-commen .cont .world h4 {
        font-size: 24px;
        line-height: 24px;
    }

    .group-swiper .world .til {
        margin-bottom: 15px;
    }

    .h-sp-title p:nth-child(1), .til-45 h6 {
        font-size: 16px;
        line-height: 16px;
    }

    .banner .inpage-banner .bar-index h4 {
        font-size: 45px;
        line-height: 45px;
    }

    .pro-cre03 .group5 .left h4 {
        font-size: 24px;
        line-height: 24px;
    }

    .til-45 h4 {
        font-size: 24px;
        line-height: 24px;
        margin-bottom: 25px;
    }

    .pro-cre03 .group5 .tab-til h4 {
        font-size: 18px;
        line-height: 45px;
    }

    .pro-i .cont {
        flex-wrap: wrap;
    }

    .pro-i .picture {
        width: 100%;
    }

    .pro-i .world {
        width: 100%;
    }

    .group-top + div > div:nth-child(2n-1) .cont {
        flex-direction: column-reverse;
    }

    .group-top + div > div:nth-child(2n-1) .cont > div:nth-child(2), .group-top + div > div:nth-child(2n) .cont > div:nth-child(1) {
        margin-bottom: 25px;
    }

    /*--------------------------------------------*/
    .banner {
        overflow: hidden;
    }

    .pro-i6 .group1 .item h4 {
        line-height: 45px;
    }

    .pro-cre03 .group5 .view {
        flex-wrap: wrap;
    }

    .pro-cre03 .group5 .left {
        width: 100%;
    }

    .pro-cre03 .group5 .right {
        width: 100%;
        padding: 0 !important;
    }

    .pro-cre03 .group5 .right img {
        width: 100%;
        height: auto;
        position: relative;
        top: 0;
        left: 0;
        transform: translate(0, 0);
    }

    .til-45gai {
        margin-top: 0 !important;
    }

    .til-45gai h4 {
        font-size: 24px;
        line-height: 28px;
        margin: 10px 0 25px !important;
    }

    .introduce .group2 .swiper-slide .arrow-num n:nth-child(5) {
        width: 10%;
        right: 20%;
    }

    .introduce .group2 .swiper-slide .arrow-num n:nth-child(4) {
        width: 10%;
        left: 20%;
    }

    .market .container .item .world {
        width: 750px;
    }

    .inpage-pad, .introduce .group2, .introduce .group3, .introduce .group4, .join .group2, .pro-cre01 .group1, .pro-cre01 .group2, .pro-cre01 .group3, .pro-cre01 .group4, .pro-cre01 .group5, .pro-cre02 .group3, .pro-cre02 .group5, .pro-cre02 .group4, .pro-cre02 .group6, .pro-cre02 .group2, .pro-cre02 .group1, .pro-i .group, .pro-i .group-top, .pro-cre03 .group1, .pro-cre03 .group4 {
        padding: 60px 0;
    }

    .join .group3, .h-hz1 {
        padding-top: 60px;
    }

    .introduce .group1, .join .group1 {
        padding-bottom: 60px;
    }

    .til-45, .til-tj h4 {
        font-size: 24px;
        line-height: 24px;
        margin-bottom: 25px;
    }

    .group-swiper .world h4 {
        font-size: 20px;
    }

    .group-swiper .world .text {
        font-size: 14px;
        line-height: 28px;
    }

    .group-swiper .swiper-slide {
        flex-wrap: wrap;
    }

    .group-swiper .world {
        width: 100%;
        margin-bottom: 25px;
    }

    .group-swiper .picture {
        width: 100%;
    }

    .group-commen .cont {
        flex-wrap: wrap;
    }

    .group-commen .cont .picture {
        width: 100%;
        margin-bottom: 25px;
    }

    .group-commen .cont .world {
        width: 100%;
    }

    .introduce .group1 .bom {
        margin-top: 45px;
        flex-wrap: wrap;
    }

    .introduce .group1 .bom .item {
        width: calc((100% - 15px) / 2);
        margin-bottom: 15px;
        padding: 50px 25px 25px 25px;
    }

    .introduce .group1 .bom .item h4 {
        font-size: 24px;
    }

    .introduce .group1 .bom .item p {
        font-size: 16px;
        line-height: 25px;
    }

    .introduce .group2 .swiper-slide {
        padding: 0;
    }

    .introduce .group2 .swiper-button-next {
        right: 20%;
        width: 35px;
        height: 35px;
    }

    .introduce .group2 .swiper-button-prev {
        left: 20%;
        width: 35px;
        height: 35px;
    }

    .introduce .group2 .swiper-slide .arrow-num span {
        top: 50px;
    }

    .introduce .group2 .swiper-slide .num {
        font-size: 100px;
        line-height: 100px;
        margin-bottom: 50px;
    }

    .til-intro h4 {
        font-size: 24px;
        line-height: 24px;
        margin: 10px 0 25px;
    }

    .h-sp-title p:nth-child(2) {
        font-size: 24px;
        line-height: 24px;
    }


    .title-join h4 {
        font-size: 24px;
        line-height: 24px;
    }

    .til-intro h6, .title-join h6, .join .group3 .text {
        font-size: 16px;
    }

    .h-sp-title p:nth-child(1) {
        font-size: 16px;
    }

    .introduce .group3 .item h4 {
        font-size: 24px;
    }

    .join .group2 li:nth-child(4n) {
        margin-right: 40px;
    }

    .join .group2 li:nth-child(3n) {
        margin-right: 0;
    }

    .join .group2 ul {
        justify-content: center;
    }

    .join .group2 li:last-child {
        margin-right: 0;
    }

    .join .group1 .text {
        margin-top: 25px;
    }

    .market .container .item .til {
        font-size: 14px;
        line-height: 25px;
        padding: 10px 15px;
        min-height: 70px;
    }

    .news .item img {
        width: 45%;
    }

    .news .item a {
        padding-bottom: 25px;
        margin-bottom: 25px;
    }

    .news .item .right h4 {
        font-size: 18px;
    }

    .news .item .right h6 {
        margin: 10px 0;
    }

    .news-show .container {
        flex-wrap: wrap;
    }

    .news-show .left {
        width: 100%;
        margin-bottom: 25px;
    }

    .news-show .right {
        width: 100%;
    }

    .news-show .right dd .text-top .tt br {
        display: none;
    }

    .news-show .bom {
        padding-top: 25px;
        margin-top: 25px;
    }

    .news-show .bom a:nth-child(2) i {
        font-size: 24px;
    }

    .case .item a {
        flex-wrap: wrap;
    }

    .case .item a .left {
        width: 100%;
        margin-bottom: 25px;
    }

    .case .item .right {
        width: 100%;
        padding-left: 0;
    }

    .case .item .right .btn span {
        width: 120px;
        height: 50px;
        line-height: 50px;
        font-size: 14px;
    }

    .h-em-div div {
        width: calc((100% - 45px) / 4);
        margin-right: 15px;
        height: 200px;
    }

    .h-em-div div i {
        font-size: 60px;
        line-height: 60px;
    }

    .h-em-div div p {
        font-size: 18px;
        line-height: 18px;
    }

    .h-em2-div {
        flex-wrap: wrap;
    }

    .h-em2-div .left {
        width: 100%;
        display: flex;
    }

    .h-em2-div .right {
        width: 100%;
    }

    .h-em2-div .left div {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        padding: 25px 0 25px 0;
        height: auto;
        text-align: center;
        border-bottom: none;
        border-right: 1px solid #fff;
    }

    .h-kh div {
        height: 100px;
    }

    .h-em2-div .left div p:nth-child(1) {
        font-size: 18px;
        line-height: 18px;
        margin-bottom: 10px;
    }

    .h-hz2 {
        font-size: 18px;
        line-height: 35px;
        padding: 60px 0;
    }

    .h-hz1-div {
        flex-wrap: wrap;
    }

    .h-hz1-div .left {
        width: 100%;
        margin-bottom: 45px;
    }

    .h-hz1-div .right {
        width: 100%;
    }

    .h-hz1-div .left p:nth-child(1) {
        font-size: 20px;
        line-height: 20px;
        margin-bottom: 25px;
    }

    .h-hz1 .container {
        padding: 0 15px;
    }

    .h-hz1-div .left p:nth-child(2) {
        padding-right: 0;
    }

    .h-hz3-div > div {
        width: 20%;
    }

    .h-hz3-div {
        justify-content: space-between;
    }

    .h-hz3-div > div p:nth-child(2) {
        font-size: 18px;
    }

    .h-hz3-div > div p:nth-child(3) {
        width: 100%;
    }

    .h-hz3-div > div:nth-child(1) div:after {
        left: 50%;
        width: 10000%;
    }

    .h-hz3-div > div div span {
        transform: translate(0, -50%);
        right: -25%;
    }

    .h-hz3-div > div div {
        margin-bottom: 25px;
    }

    .h-hz3-div > div div img {
        width: 100%;
        display: block;
    }

    .h-download .right {
        display: none;
    }

    .h-download {
        justify-content: space-between;
    }

    .h-download .left {
        width: calc(100% - 90px);
        border-right: 1px solid #e9e9e9;
    }

    .h-down-type div:nth-child(1) {
        width: 120px;
        font-size: 16px;
    }

    .h-down-type div:nth-child(2) {
        padding: 0 25px;
        width: calc(100% - 120px);
    }

    .h-down-type div:nth-child(2) a {
        font-size: 14px;
        padding: 0 10px;
    }

    .h-download .left span:nth-child(1) {
        font-size: 16px;
        max-width: 65%;
    }

    .h-down-top {
        padding: 45px 0;
    }

    .h-down-top .container .right {
        padding: 25px 20px;
    }

    .h-jiazai {
        width: 150px;
        height: 40px;
        line-height: 40px;
        font-size: 14px;
    }

    .h-down {
        padding: 60px 0;
    }

    .h-sn .container {
        flex-wrap: wrap;
    }

    .h-sn .left {
        width: 100%;
        margin-right: 0;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-bottom: 25px;
    }

    .h-sn .left div {
        width: calc((100% - 15px) / 2);
        margin-bottom: 15px;
    }

    .h-sn .right {
        width: 100%;
    }

    .h-ns-div div:nth-child(2) {
        padding: 25px 0;
    }

    .h-ns-div div:nth-child(2) p:nth-child(2) {
        font-size: 24px;
        height: auto;
        line-height: normal;
        padding: 15px 45px;
    }

    .h-ns-div div:nth-child(2) p:nth-child(2) i {
        font-size: 24px;
    }

    .h-sn-top p {
        font-size: 16px;
        line-height: 32px;
    }

    .hei div i {
        font-size: 24px;
        top: 15px;
        right: 15px;
        opacity: 0.8;
    }

    .hei div {
        width: 85%;
    }

    .group-commen .cont .picture {
        margin-bottom: 0 !important;
    }

    .group-commen .cont .world {
        margin-bottom: 25px !important;
    }

    .pro-i .til-45 {
        margin-bottom: 25px !important;
    }

    .pro-i .world h4 {
        font-size: 20px;
        line-height: 20px;
    }

    .pro-i2 .left-text, .pro-i8 .right-text {
        font-size: 16px;
        line-height: 32px;
        width: 100%;
    }

    .pro-i2 .right-text, .pro-i8 .left-text {
        width: 100%;
        margin-bottom: 25px;
    }

    .pro-i2 .group-top .container {
        flex-wrap: wrap;
        flex-direction: column-reverse;
    }

    .pro-i8 .group-top .container {
        flex-wrap: wrap;
        flex-direction: column;
    }

    .pro-i .cont {
        padding: 0 50px;
    }

    .pro-i3 .group2 .item {
        width: calc((100% - 25px) / 2);
        margin-bottom: 25px;
    }

    .pro-i3 .group2 .item:nth-child(6) ~ .item {
        margin-bottom: 0;
    }

    .pro-i3 .til-form h4 {
        font-size: 24px;
        line-height: 24px;
    }

    .swiper-slide .world {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .pro-i5 .group5 .swiper-slide, .pro-i6 .group6 .swiper-slide, .pro-i8 .group3 .swiper-slide {
        flex-direction: column-reverse;
    }

    .pro-i5 .group1 .cont .world {
        padding-top: 0;
    }

    .pro-i6 .group3 .top-text, .pro-i6 .group5 .top-text {
        width: 100%;
    }

    .pro-i6 .group7 .item h4, .pro-i6 .group2 .item h4 {
        font-size: 16px;
        line-height: 45px;
    }

    .pro-i6 .group1 .cont .item:last-child {
        margin-bottom: 0 !important;
    }

    .pro-i6 .group2 .cont .item, .pro-i6 .group7 .item {
        width: calc((100% - 15px) / 2);
    }

    .pro-cre03 .group1 .item {
        width: calc((100% - 25px) / 2);
        margin-bottom: 60px;
    }

    .pro-cre03 .group1 .item:nth-child(2) ~ .item {
        margin-bottom: 40px;
    }

    .pro-cre03 .group1 .cont {
        flex-wrap: wrap;
    }

    .pro-cre03 .group1 .item .world {
        padding: 40px;
        min-height: 300px;
    }

    .pro-cre03 .group4 .cont .item .icon {
        width: 120px;
        height: 120px;
        top: -60px;
    }

    .pro-cre03 .group4 .cont .item {
        padding: 90px 20px 25px;
        margin-top: 60px;
    }

    .pro-cre03 .group4 .cont, .pro-cre03 .group5 .cont {
        margin-top: 35px;
    }

    .pro-cre03 .group2 .container, .pro-cre03 .group3 .container {
        top: 50%;
        transform: translate(-50%, -50%);
    }

    .pro-cre03 .group2 .world h4, .pro-cre03 .group3 .world h4 {
        font-size: 30px;
        line-height: 30px;
    }

    .pro-cre03 .group2 .world h6, .pro-cre03 .group3 .world h6 {
        font-size: 18px;
        line-height: 18px;
    }

    .introduce .group1, .join .group1, .pro-cre03 .group5 .right {
        padding-bottom: 60px;
    }

    .pro-cre03 .group1 .item .world h4 {
        font-size: 24px;
    }

    .til-tj P {
        font-size: 16px;
        line-height: 32px;
    }


}

/* ---------------------------------------767--------------------------------------- */
@media (max-width: 767px) {
    .g23 {
        flex-wrap: wrap;
    }

    .g23 div:nth-child(1) {
        width: 100%;
        margin-right: 0;
        margin-bottom: 15px;
    }

    .g23 div:nth-child(2) span {
        margin-bottom: 10px;
    }

    .news-show .top h4 + p {
        font-size: 14px;
    }

    .new-tab {
        justify-content: space-between;
        margin-top: 15px;
    }

    .new-tab p {
        margin: 0;
        width: calc((100% - 30px) / 4);
        padding: 8px 0;
        font-size: 14px;
    }

    .pro-cre03 .group1 .item:nth-child(2) ~ .item {
        margin-bottom: 15px;
    }

    .pro-cre03 .group4 .cont .item .icon i {
        width: 45px;
        height: 45px;
        line-height: 45px;
        font-size: 24px;
    }

    .pro-i6 .group1 .item h4, .pro-i8 .group4 .item h4, .pro-i8 .group1 .item h4, .pro-cre01 .group4 .cont .item h4 {
        font-size: 14px;
        padding: 0 15px;
        white-space: normal;
        display: flex;
        align-items: center;
        line-height: 18px;
        height: 50px;
        justify-content: center;
    }

    .pro-i .world h4 {
        font-size: 18px;
        line-height: 18px;
    }

    .til-45gai {
        margin-top: 0 !important;
    }

    .til-45 h4 {
        font-size: 20px;
        line-height: 20px;
    }

    .til-45gai h6 {
        font-size: 14px;
        line-height: 14px;
        margin-bottom: 0;
    }

    .til-45gai h4 {
        font-size: 20px;
        line-height: 20px;
        margin-bottom: 20px !important;
    }

    .introduce .group2 .swiper-slide .arrow-num n:nth-child(5) {
        display: none;
    }

    .introduce .group2 .swiper-slide .arrow-num n:nth-child(4) {
        display: none;
    }

    .til-tj h6 {
        font-size: 14px;
        line-height: 14px;
    }

    .til-45, .til-tj h4 {
        margin: 10px 0 10px;
    }

    .market .container .item .world {
        width: 100%;
        padding-top: 15px;
        bottom: 0;
        left: 0 !important;
        transform: translateY(calc(100% - 15px));
    }

    .inpage-pad, .introduce .group2, .introduce .group3, .introduce .group4, .join .group2, .pro-cre01 .group1, .pro-cre01 .group2, .pro-cre01 .group3, .pro-cre01 .group4, .pro-cre01 .group5, .pro-cre02 .group3, .pro-cre02 .group5, .pro-cre02 .group4, .pro-cre02 .group6, .pro-cre02 .group2, .pro-cre02 .group1, .pro-i .group, .pro-i .group-top, .pro-cre03 .group1, .pro-cre03 .group4 {
        padding: 45px 0;
    }

    .join .group3, .h-hz1 {
        padding-top: 45px;
    }

    .introduce .group1, .join .group1 {
        padding-bottom: 45px;
    }

    .banner .inpage-banner .bar-index .world {
        background: none;
        padding-left: 0;
    }

    .banner .inpage-banner .bar-index h4 {
        font-size: 24px;
        line-height: 24px;
        letter-spacing: 0;
    }

    .banner .inpage-banner .bar-index h6 {
        line-height: 14px;
        font-size: 14px;
    }

    .til-intro h4, .title-join h4 {
        font-size: 20px;
        line-height: 20px;
        margin-bottom: 20px;
    }

    .introduce .group1 .text, .pro-cre02 .group2 .top-text, .pro-cre01 .group1 .top-text, .join .group1 .text {
        font-size: 14px !important;
        line-height: 28px !important;
        margin-bottom: 25px;
    }

    .til-intro h6, .title-join h6 {
        font-size: 14px;
        line-height: 14px;
        margin-bottom: 0;
    }

    .introduce .group1 .cont {
        margin-top: 25px;
    }

    .introduce .group1 .cont .item {
        padding: 65px 15px 15px;
        font-size: 14px;
    }

    .introduce .group1 .cont .item:after {
        width: 100%;
        height: 50px;
        font-size: 18px;
    }

    .introduce .group1 .bom .item {
        width: 100%;
        padding: 15px;
        background-position: center bottom;
    }

    .introduce .group1 .bom .item:nth-child(2) i {
        top: 15px;
        right: 5px;
    }

    .introduce .group1 .bom .item i {
        right: 15px;
        top: 15px;
        font-size: 40px !important;
        line-height: 40px;
    }

    .introduce .group1 .bom .item:nth-child(2) i {
        font-size: 60px !important;
    }

    .introduce .group1 .bom .item:nth-child(3) i {
        font-size: 43px !important;
    }

    .introduce .group1 .bom .item p {
        font-size: 14px;
        line-height: 25px;
    }

    .introduce .group1 .bom .item h4 {
        font-size: 18px;
        line-height: 1;
        margin-bottom: 15px;
    }

    .introduce .group2 .swiper-button-next {
        right: 0;
    }

    .introduce .group2 .swiper-button-prev {
        left: 0;
    }

    .introduce .group2 .swiper-slide .num {
        font-size: 60px;
        line-height: 60px;
    }

    .introduce .group2 .swiper-slide .arrow-num span {
        display: none;
    }

    .introduce .group2 .swiper-slide .item {
        font-size: 14px;
        margin-top: 15px;
        padding-left: 30px;
    }

    .introduce .group1 .bom {
        margin-top: 10px;
    }

    .introduce .group1 {
        padding-bottom: 10px;
    }

    .introduce .group3 .item {
        flex-direction: column;
    }

    .introduce .group3 .item h4 {
        width: 100%;
        font-size: 18px;
        line-height: 50px;
    }

    .introduce .group3 .item .text {
        padding: 15px;
    }

    .topBack {
        /*width: 45px;*/
        /*height: 45px;*/
        /*right: 11px;*/
    }

    .introduce .group1 .bom .item h6 {
        font-size: 14px;
        line-height: 1;
    }

    .join .group2 li {
        width: calc((100% - 15px) / 2);
        background-size: 100% 100%;
        margin-right: 15px;
        margin-bottom: 15px;
    }

    .join .group2 li:nth-child(2n) {
        margin-right: 0;
    }

    .join .group2 li:nth-child(3) {
        margin-right: 15px;
    }

    .join .group2 li:nth-child(5), .join .group2 li:nth-child(6) {
        margin-bottom: 15px !important;
    }

    .join .group3 .text {
        margin-bottom: 25px;
    }

    .join .group1 .text {
        font-size: 14px;
        line-height: 28px;
    }

    .join .group1 .text font {
        font-size: 18px;
    }

    .join .group3 dd {
        padding: 15px;
    }

    .join .group3 dd .bom {
        padding-top: 25px;
        margin-top: 25px;
    }

    .market .container .item {
        width: 100%;
        margin-bottom: 15px;
        margin-right: 0;
    }

    .market .container .item .world .cont {
        padding: 15px;
    }

    .market .container .item:hover {
        margin-bottom: 190px;
    }

    .news .item a {
        flex-direction: column;
    }

    .news .item img {
        width: 100%;
        margin-bottom: 15px;
    }

    .news .item img + .right {
        width: 100%;
        padding-left: 0;
    }

    .news-show .top .text-top {
        flex-wrap: wrap;
    }

    .news-show .top .text-top .tt {
        width: 100%;
        margin-bottom: 10px;
    }

    .news-show .left {
        padding: 45px 25px;
    }

    .news-show .top h4 {
        font-size: 18px;
        line-height: 25px;
    }

    .news-show .top {
        margin-bottom: 25px;
        padding-bottom: 15px;
    }

    .case .item .right .cont {
        width: 100%;
    }

    .case .item .right .btn {
        display: none;
    }

    .case .item .right h4 {
        font-size: 18px;
        margin-bottom: 15px;
    }

    .case .item .right .text {
        margin-bottom: 15px;
        font-size: 14px;
        line-height: 28px;
    }

    .case .item .right .watch {
        margin-top: 0;
        font-size: 14px;
    }

    .case .item a {
        padding-bottom: 15px;
        margin-bottom: 15px;
    }

    .h-em-div {
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .h-em-div div {
        width: calc((100% - 15px) / 2);
        margin-right: 0;
        margin-bottom: 15px;
    }

    .h-sp-title p:nth-child(1) {
        font-size: 14px;
        line-height: 14px;
    }

    .h-sp-title p:nth-child(2) {
        font-size: 20px;
        line-height: 20px;
    }

    .h-sp-title {
        margin-bottom: 25px;
    }

    .h-em-title {
        margin-bottom: 25px;
        font-size: 14px;
        line-height: 28px;
    }

    .h-em2 .h-sp-title {
        margin-bottom: 25px;
    }

    .h-em2-div .left div p:nth-child(2) {
        display: none;
    }

    .h-em2-div .left div p:nth-child(1) {
        font-size: 14px;
        margin-bottom: 0;
    }

    .h-kh div {
        width: 33.33%;
        height: 80px;
    }

    .h-hz-title p:nth-child(3), .h-hz4-title p:nth-child(3) {
        font-size: 16px;
        line-height: 16px;
        margin-top: 15px;
    }

    .h-hz1-div .left p:nth-child(2) {
        font-size: 14px;
        line-height: 28px;
    }

    .h-hz3-div {
        flex-wrap: wrap;
    }

    .h-hz3-div > div {
        width: 45%;
        margin-bottom: 25px;
    }

    .h-hz3-div > div div span {
        display: none;
    }

    .h-hz3-div > div:nth-child(1) div:after {
        display: none;
    }

    .h-hz3-div > div div {
        margin-bottom: 15px;
    }

    .h-hz3-div > div p:nth-child(2) {
        font-size: 16px;
    }

    .h-hz2 {
        padding: 40px 0;
        font-size: 16px;
        line-height: 28px;
    }

    .h-hz4 {
        padding: 40px 0;
    }

    .h-hz4-div form {
        justify-content: space-between;
    }

    .h-hz4-div form input {
        width: calc((100% - 15px) / 2);
        margin-right: 0;
        height: 40px;
        font-size: 12px;
    }

    .h-hz4-div button {
        margin-top: 10px;
        font-size: 14px;
    }

    .h-download .left {
        padding: 0 15px;
        width: calc(100% - 40px)
    }

    .h-download .left span:nth-child(2) {
        font-size: 12px;
    }

    .icon-xiazai {
        width: 40px;
        font-size: 18px !important;
        line-height: 45px;
    }

    .h-download {
        height: 40px;
        line-height: 40px;
    }

    .h-download .left span:nth-child(1) {
        font-size: 14px;
    }

    .h-down-type {
        flex-wrap: wrap;
        height: auto;
    }

    .h-down-type div:nth-child(1) {
        width: 100%;
    }

    .h-down-type div:nth-child(2) {
        width: 100%;
        padding: 15px 15px 0 15px;
    }

    .h-download .left span:nth-child(2) n {
        display: none;
    }

    .h-down-type div:nth-child(1) {
        line-height: normal;
        padding: 15px 0;
    }

    .h-down-type div:nth-child(2) a {
        margin-bottom: 15px;
    }

    .h-down-top .container .right form input {
        font-size: 14px;
    }

    .h-down-top {
        padding: 40px 0;
    }

    .h-down {
        padding: 40px 0;
    }

    .h-jiazai {
        margin-top: 25px;
    }

    .h-sn-top p {
        width: 100%;
        padding: 0 15px;
        font-size: 14px;
        line-height: 28px;
    }

    .h-sn .left div {
        font-size: 14px;
        padding: 10px 0;
        justify-content: center;
        height: auto;
    }

    .h-sn .left div i {
        display: none;
    }

    .h-sn .left div:last-child {
        margin-bottom: 15px;
    }

    .swiper-container-sp .swiper-slide p, .swiper-container-sp2 .swiper-slide p {
        font-size: 14px;
        height: 40px;
        line-height: 40px;
        padding: 0 10px;
    }

    .swiper-container-sp .swiper-slide div i, .swiper-container-sp2 .swiper-slide div i {
        font-size: 24px;
        left: 10px;
        bottom: 10px;
    }

    .hei div {
        padding: 45px 25px;
    }

    .hei div p {
        font-size: 14px;
        line-height: 28px;
    }

    .hei div form {
        margin-top: 25px;
    }

    .hei div form input, .hei div form button {
        height: 45px;
        font-size: 14px;
    }

    .top-text {
        font-size: 14px !important;
        line-height: 28px !important;
    }

    .group-swiper .swiper-slide {
        padding: 0;
    }

    .group-swiper .swiper-button-next, .group-swiper .swiper-button-prev {
        width: 35px;
        height: 35px;
        bottom: 0;
        top: auto;
    }

    .group-swiper .world .til {
        margin-bottom: 15px;
    }

    .group-swiper .world .num, .pro-i .world .num {
        font-size: 55px;
        line-height: 45px;
    }

    .group-swiper .world h4 {
        font-size: 18px;
        line-height: 18px;
    }

    .til-45, .group-commen .cont .world h4 {
        font-size: 20px;
        line-height: 20px;
    }

    .pro-cre01 .group4 .til-45, .pro-cre01 .group3 .til-45, .til-tj h4 {
        margin-bottom: 25px;
    }

    .group-commen .cont .world .text {
        font-size: 14px;
        line-height: 28px;
    }

    .pro-cre01 .group3 .cont .item {
        padding: 10px;
        width: calc((100% - 15px) / 2);
    }

    .group-commen .cont .world h4 {
        margin-bottom: 15px;
    }

    .group-swiper .world, .pro-i .world {
        padding-top: 25px;
    }

    .pro-i .cont {
        padding: 0;
    }

    .pro-i .top-text {
        width: 100%;
    }

    .pro-i .world .til {
        margin-bottom: 15px;
    }

    .pro-i .world .text, .pro-i2 .left-text, .pro-i8 .left-text {
        font-size: 14px;
        line-height: 28px;
    }

    .pro-i .til-45 {
        margin-bottom: 15px !important;
    }

    .pro-i3 .group3 .cont {
        padding: 25px;
    }

    .pro-i3 .cont .view-input {
        flex-wrap: wrap;
    }

    .pro-i3 .cont .view-input input {
        width: 100%;
        line-height: 40px;
    }

    .pro-i3 .cont .view-input input:nth-child(1) {
        margin-bottom: 15px
    }

    .pro-i3 .til-form h4 {
        font-size: 20px;
        line-height: 20px;
    }

    .pro-i3 .til-form h6 {
        font-size: 14px;
        line-height: 14px;
    }

    .pro-i3 .group2 .item {
        width: calc((100% - 15px) / 2);
        margin-top: 0;
        margin-bottom: 15px;
    }

    .pro-i3 .group2 .item > h4 {
        font-size: 16px;
        line-height: 35px;
    }

    .pro-i3 .group2 .item .world {
        padding: 0 15px;
    }

    .pro-i3 .group2 .item .world p {
        font-size: 14px;
    }

    .pro-i3 .group2 .item .world h4 {
        font-size: 16px;
    }

    .pro-i3 .group2 .item .world .line {
        width: 1px;
        height: 15px;
        margin: 10px 0;
    }

    .pro-i6 .group7 .item h4, .pro-i6 .group2 .item h4 {
        font-size: 14px;
        line-height: 35px;
    }

    .pro-i6 .group2 .cont .item, .pro-i6 .group7 .cont .item {
        margin: 0 0 15px 0 !important;
    }

    .pro-i6 .group1 .cont .item, .pro-i8 .group4 .cont .item, .pro-cre01 .group4 .cont .item {
        width: 100%;
        margin-bottom: 15px !important;
    }

    .pro-i6 .group1 .item h4 {
        font-size: 14px;
        height: 35px;
        line-height: 35px;
    }

    .pro-i8 .group1 .cont .item {
        width: calc((100% - 15px) / 2);
        margin: 0 0 15px 0 !important;
    }


    .pro-i8 .group4 .cont .item:nth-child(3) {
        margin-bottom: 0;
    }

    .til-45, .til-tj h4 {
        font-size: 20px;
        line-height: 20px;
    }

    .til-tj P {
        font-size: 14px;
        line-height: 28px;
    }

    .pro-cre03 .group1 .cont {
        margin-top: 25px;
    }

    .pro-cre03 .group1 .item {
        width: 100%;
    }

    .pro-cre03 .group1 .item .num img {
        display: none;
    }

    .pro-cre03 .group1 .item .world {
        min-height: 200px;
        padding: 25px 25px 45px;
    }

    .pro-cre03 .group1 .item .num span {
        z-index: 1;
        font-size: 60px;
        line-height: 60px;
        bottom: 0;
        opacity: 0.1;
        color: #666;
    }

    .pro-cre03 .group1 .item .world h4 {
        font-size: 18px;
        margin-bottom: 15px;
    }

    .pro-cre03 .group2 .container, .pro-cre03 .group3 .container {
        position: relative;
        top: 0;
        left: 0;
        transform: translate(0, 0);
    }

    .pro-cre03 .group2 img, .pro-cre03 .group3 img {
        height: auto;
        width: 100%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .pro-cre03 .group2, .pro-cre03 .group3 {
        overflow: hidden;
        padding: 25px 0;
    }

    .pro-cre03 .group2 .world h4, .pro-cre03 .group3 .world h4 {
        font-size: 18px;
        line-height: 18px;
        margin-bottom: 15px;
    }

    .pro-cre03 .group2 .world h6, .pro-cre03 .group3 .world h6 {
        font-size: 16px;
        line-height: 16px;

        margin-bottom: 10px;
    }

    .pro-cre03 .group2 .world .text, .pro-cre03 .group3 .world .text {
        font-size: 14px;
        line-height: 28px;
    }

    .pro-cre03 .group2 .world .text br, .pro-cre03 .group3 .world .text br {
        display: none;
    }

    .pro-cre03 .group4 .cont {
        flex-wrap: wrap;
    }

    .pro-cre03 .group4 .cont .item {
        width: 100%;
        margin-bottom: 25px;
    }

    .pro-cre03 .group4 .cont .item h4 {
        font-size: 18px;
        line-height: 18px;
    }

    .pro-cre03 .group4 .cont .item p {
        font-size: 14px;
        line-height: 28px;
    }

    .pro-cre03 .group5 .left {
        padding: 40px 15px;
    }

    .pro-cre03 .group5 .tab-til {
        padding: 0;
        margin-bottom: 25px;
    }

    .pro-cre03 .group5 .left h4 {
        font-size: 18px;
        line-height: 18px;
    }

    .pro-cre03 .group5 .right {
        padding: 0 15px 25px;
    }

    .pro-cre03 .group5 .tab-til h4 {
        line-height: 40px;
        font-size: 14px;
    }


    .pro-cre03 .group5 .left .line {
        margin: 15px 0;
        width: 50%;
    }

    .pro-cre03 .group5 .left .text {
        font-size: 14px;
        line-height: 28px;
    }

    .pro-cre03 .group5 .left .lc {
        margin-top: 15px;
    }

    .pro-cre03 .group5 .left .lc div {
        font-size: 12px;
    }

    .pro-cre03 .group4 .cont .item:last-child {
        margin-bottom: 0;
    }

    .pro-cre03 .group1 .item {
        margin-bottom: 15px;
    }

    .pro-cre03 .group1 .cont .item:last-child {
        margin-bottom: 0;
    }
}

@media (max-width: 500px) {
    .pro-cre01 .group1 .top-text {
        margin-bottom: 0 !important;
    }

    .pro-cre03 .group2 img, .pro-cre03 .group3 img {
        top: 0;
        height: 100%;
        transform: translate(-50%, 0);
    }

    .til-intro {
        margin-bottom: 20px;
    }

    .inpage-banner video {
        width: 100%;
        height: auto !important;
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%);

    }

    .inpage-pad, .introduce .group2, .introduce .group3, .introduce .group4, .join .group2, .pro-cre01 .group1, .pro-cre01 .group2, .pro-cre01 .group3, .pro-cre01 .group4, .pro-cre01 .group5, .pro-cre02 .group3, .pro-cre02 .group5, .pro-cre02 .group4, .pro-cre02 .group6, .pro-cre02 .group2, .pro-cre02 .group1, .pro-i .group, .pro-i .group-top, .pro-cre03 .group1, .pro-cre03 .group4 {
        padding: 40px 0;
    }

    .h-hz1 {
        padding-top: 40px;
    }

    .h-download .left {
        padding: 0 15px 0 0;
    }

    .banner .inpage-banner {
        overflow: hidden;
        height: 150px;
    }

    .banner .inpage-banner img {
        height: 100%;
        width: auto;
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        min-width: 100%;
    }

    .introduce .group1, .join .group1 {
        padding-bottom: 25px;
    }

    .join .group1 .text {
        margin-top: 0;
    }

    .til-intro h4, .title-join h4 {
        margin-bottom: 10px;
        margin-top: 10px;
    }

    .join .group3 {
        padding-top: 25px;
    }

    .join .group3 dt .time {
        font-size: 14px;
        line-height: 45px;
    }

    .join .group3 dt h4 {
        font-size: 14px;
    }

    .join .group3 dt {
        height: 45px;
    }

    .join .group3 .text {
        margin-top: 0;
    }

    .join .group3 dt h4 i {
        width: 10px;
        height: 10px;
    }

    .market .container .item .world h4 {
        font-size: 16px;
    }

    .market .container .item .til {
        min-height: auto;
    }

    .market .ym {
        margin-top: 10px;
    }

    .news .item a {
        margin-bottom: 15px;
        padding-bottom: 15px;
    }

    .news-show .left {
        padding: 25px 15px;
    }

    .news-show .bom a {
        font-size: 14px;
        line-height: 25px;
    }

    .news-show .right .til {
        font-size: 18px;
        line-height: 1;
        padding: 15px;
    }

    .news-show .right dd h4 {
        font-size: 14px;
    }

    .news-show .right dd {
        padding-bottom: 15px;
        margin-bottom: 15px;
    }

    .case .item .right h4, .case .item .right .text {
        margin-bottom: 10px;
    }
}

/* ---------------------------------------340--------------------------------------- */
@media (max-width: 340px) {

}