body,
ol,
ul,
h1,
h2,
h3,
h4,
h5,
h6,
p,
th,
td,
dl,
dd,
form,
fieldset,
legend,
input,
textarea,
select {
    margin: 0;
    padding: 0;
}

body {
    font: 12px 'Source Han Sans CN', 'PingFang SC', 'Open Sans', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, Segoe UI, Arial, Roboto, 'miui', 'Hiragino Sans GB', 'Microsoft Yahei', sans-serif;
    background: #fff;
    -webkit-text-size-adjust: 100%;
}

a {
    color: #2d374b;
    text-decoration: none;
}

a:hover {
    /*color: #cd0200;*/
    text-decoration: none;
}

div {
    box-sizing: border-box;
}

em {
    font-style: normal;
}

li {
    list-style: none;
}

img {
    border: 0;
    vertical-align: middle;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

p {
    word-wrap: break-word;
}

body {
    background-color: #fff;
    min-width: 1280px;
}

/*header-navbar 开始*/

.navbar-header {
    height: 80px;
    width: 100%;
}

.navbar-header .logo-navbar {
    margin: 0 auto;
    width: 1200px;
}

.navbar-header img {
    max-width: 185px;
    max-height: 50px;
    vertical-align: middle;
    display: inline-block;
}

.header-item-list {
    margin: 0 128px 0 50px;
    height: 80px;
    /* line-height: 76px; */
    vertical-align: middle;
    display: inline-block;
}

.header-item-list li {
    text-align: center;
    float: left;
    font-size: 16px;
    font-family: "SourceHanSansCN-Medium" "Hiragino Sans GB";
    color: #797E8F;
    padding: 0 20px;
}
.header-item-list .header-a {
    margin: 32px 0 10px;
}
.header-item-list .header-a::after {
    content: "";
    display: block;
    margin: 0 auto;
    margin-top: 15px;
    width: 30px;
    height: 3px;
    background-color: #fff;
    text-align: center;
}

.header-item-list li a {
    display: block;
}

.header-item-list li.active a {
    color: #448AFF;
}
.header-item-list li.active .header-a::after {
    content: "";
    display: block;
    margin: 0 auto;
    margin-top: 15px;
    width: 30px;
    height: 3px;
    background-color: #448AFF;
    text-align: center;
}

.header-item-list li.active a {
    color: #448AFF;
}

.header-item-list a:hover {
    color: #448AFF;
}
.header-item-list .header-a:hover::after {
    content: "";
    display: block;
    margin: 0 auto;
    margin-top: 15px;
    width: 30px;
    height: 3px;
    background-color: #448AFF;
    text-align: center;
}

.connect {
    display: inline-block;
    vertical-align: middle;

}
.connect::after {
    content: '';
    display: table;
    clear: both;
}
.connect .connect-icon {
    float: left;
    line-height: 40px;
    margin-right: 10px;
}

.connect .connect-phone {
    float: right;
    color: #548cfc;
}
.connect .connect-phone .text {
    font-size: 15px;
    font-weight: 400;
}
.connect .connect-phone .phone {
    font-size: 18px;
    font-weight: bold;
}

/*header-navbar 结束*/

.carousel-figure {
    height: 650px;
    width: 100%;
}

.carsoul-box {
    height: 650px;
    width: 100%;
    margin: 0 auto;
    position: static;
}

.ig {
    height: 650px;
    width: 100%;
    position: absolute;
}

.ig img {
    height: 650px;
    width: 100%;
}

.carousel-tabs {
    position: relative;
    top: -40px;
    width: 184px;
    height: 10px;
    margin: 0 auto;
    text-align: center;
    list-style: none;
}

.tab {
    float: left;
    text-align: center;
    width: 36px;
    height: 4px;
    cursor: pointer;
    overflow: hidden;
    margin-right: 10px;
    background-color: #d4d4d3;
}

.tab-index {
    cursor: pointer;
    background-color: #286ee6;
}

.tab:hover {
    cursor: pointer;
    background-color: #286ee6;
}

.product-center {
    /*height: 864px;*/
    /*width: 1200px;*/
    margin: 0 auto;
    background: #F7F7F7;
}

/* 关于我们.合作伙伴 START */
.about-partner-list {
    text-align: center;
    margin-bottom: 20px;
}
.about-partner-list .about-partner-list__item {
    display: inline-block;
    width: 300px;
    padding: 20px;
    overflow: hidden;
}
.about-partner-list .about-partner-list__item img {
    height: 60px;
}
.about-partner-list .about-partner-list__item p {
    text-align: center;
    font-size: 18px;
    margin-top: 15px;
}
/* 关于我们.合作伙伴 END */

.box-item-title {
    padding: 65px 0 48px 0;
    text-align: center;
    font-family: "Hiragino Sans GB";
}

.box-item-title .item-title-eng {
    font-size: 36px;
    color: #286ee6;
}

.box-item-title .title-line {
    margin: 0 auto;
    background-color: #b4b4b4;
    width: 50px;
    height: 2px;
}

.box-item-title .item-title-ch {
    font-size: 24px;
    color: #4f4f4f;
    margin-top: 10px;
}

.item-img-box {
    width: 1210px;
    height: 560px;
    overflow: hidden;
}

.item-img-box .item-img-1 {
    float: left;
    margin-bottom: 5px;
    overflow: hidden;
    box-sizing: border-box;
    margin-right: 5px;
}

.item-img-box .item-img-1>img {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.item-img-box .item-img-1>img:hover {
    transform: scale(1.03);
}

.item-img-box .float-right {
    width: 862px;
    height: 540px;
    float: right;
    display: inline-block;
}

.item-img-box .float-right .item-img-1 {
    margin-right: 5px;
}

.product-item {
    width: 1200px;
    margin: 0 auto;
}

.product-item .float-right {
    width: 685px;
    height: 380px;
    float: right;
    display: inline-block;
}

.product-item-img-0 {
    display: inline-block;
    width: 499px;
    height: 380px;
    box-shadow: 0px 0px 20px 0px rgba(89, 147, 241, 0.1);
    border-radius: 4px;
    overflow: hidden;
}

.product-item-img-1 {
    display: inline-block;
    width: 685px;
    height: 180px;
    box-shadow: 0px 0px 20px 0px rgba(89, 147, 241, 0.1);
    border-radius: 4px;
    overflow: hidden;
}

.product-item-img-1.mb-20 {
    margin-bottom: 20px;
}

.product-item-img-2 {
    display: inline-block;
    width: 388px;
    height: 180px;
    box-shadow: 0px 0px 20px 0px rgba(89, 147, 241, 0.1);
    border-radius: 4px;
    overflow: hidden;
}

.product-line-2 {
    margin-top: 20px;
}

.product-item-img-2.mlr20 {
    margin: 0 14px;
}

.product-line-all {
    /*width: 1200px;*/
    height: 816px;
    margin: 100px auto 0;
    background: url(../image/product/all.png) center center / cover no-repeat;
}

.product-line-all img {
    width: 100%;
    height: 100%;
    /*object-fit: cover;*/
}

.news-center {
    min-height: 864px;
    width: 100%;
    margin: 0 auto;
    background: #f7f7f7;
}

[class^="items-news-list"] {
    min-height: 475px;
    width: 1200px;
    margin: 0 auto;
}

[class^="items-news-list"] .item-news {
    width: 360px;
    height: 465px;
    /* float: left; */
    display: inline-block;
    margin: 0px 28px 50px 28px;
    background-color: #ffffff;
    box-shadow: 0px 0px 5px 0px rgba(1, 1, 1, 0.157);
}

.items-news-list .item-news:first-child {
    margin-left: 0;
}

/* .items-news-list .item-news:last-child {
    margin-right: 0;
} */
.items-news-list .item-news:nth-child(3n) {
    margin-right: 0;
}
.items-news-list .item-news:nth-child(4n) {
    margin-left: 0;
}

.item-news:hover {
    box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.2);
}

[class^="items-news-list"] .item-news img {
    width: 360px;
    height: 270px;
    object-fit: cover;
}

.view-all-content {
    width: 360px;
    height: 40px;
    background-color: #286ee6;
}

.view-all-content .content-icon-box {
    width: 84px;
    margin: 0 auto;
}

.view-all-content p {
    margin: 0 auto;
    font-size: 14px;
    line-height: 40px;
    font-family: "Hiragino Sans GB";
    color: #ffffff;
    display: inline-block;
    vertical-align: middle;
}

.view-all-content p:hover {
    cursor: pointer;
}

.view-all-content .view-all-content-icon {
    display: inline-block;
    vertical-align: middle;
    height: 14px;
    width: 14px;
    margin-left: 9px;
    background: url(../image/cssSprite.png);
}

.item-news-article {
    width: 100%;
    height: 155px;
}

.item-news-article .item-news-title {
    display: block;
    font-size: 18px;
    font-weight: bold;
    font-family: "Hiragino Sans GB";
    color: #505050;
    text-align: center;
    padding: 20px 15px 15px 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.item-news-article .item-news-title:hover {
    text-decoration: underline;
    cursor: pointer;
}

.item-news-article .item-news-content {
    padding: 0 15px 0 15px;
    font-size: 14px;
    font-family: "Hiragino Sans GB";
    color: #787878;
    text-align: justifyLeft;
    letter-spacing: 1px;
    position: relative;
    line-height: 1.4em;
    /* 3 times the line-height to show 3 lines */
    height: 4.2em;
    overflow: hidden;
}

/*.item-news-content::after {*/
/*    content: "...";*/
/*    font-weight: bold;*/
/*    position: absolute;*/
/*    bottom: 0;*/
/*    right: 0;*/
/*    padding: 0 20px 1px 45px;*/
/*    background: url(http://css88.b0.upaiyun.com/css88/2014/09/ellipsis_bg.png) repeat-y;*/
/*}*/

.expert-center {
    height: 712px;
    width: 100%;
    margin: 0 auto;
    background: #fff;
}

.experts-list {
    width: 1240px;
    height: 340px;
    margin: 0 auto;
}

.experts-list .expert-item {
    width: 272px;
    height: 340px;
    /*background: #f5f5f5;*/
    float: left;
    margin: 0 14px 0 14px;
}

.expert-introduce:hover .expert-info {
    color: #2d374b;
}

/*.expert-introduce:hover p {
	color: #fff;
}*/

.experts-list .expert-img {
    text-align: center;
}

.experts-list .expert-img img {
    height: 220px;
    max-width: 100%;
}

.experts-list .expert-img .mask-div {
    height: 220px;
    width: 282px;
    position: absolute;
    opacity: 0;
}

.experts-list .expert-introduce {
    height: 120px;
    width: 100%;
    padding: 15px 10px;
}

.experts-list .expert-name {
    font-size: 18px;
    font-family: "Hiragino Sans GB";
    color: #286ee6;
    text-align: center;
    margin-bottom: 5px;
}

.experts-list .expert-info {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    font-size: 12px;
    font-family: "Hiragino Sans GB";
    position: relative;
    line-height: 1.4em;
    /* 3 times the line-height to show 3 lines */
    height: 4.2em;
    overflow: hidden;
}

.expert-info:hover {
    color: #2d374b;
}

/*.expert-info::after {
    content:"...";
    font-weight:bold;
    position:absolute;
    bottom:0;
    right:0;
    padding:0 20px 1px 45px;
    background:url(http://css88.b0.upaiyun.com/css88/2014/09/ellipsis_bg.png) repeat-y;
}*/

/*其他页面的巨幕头*/

.giantScreen {
    height: 260px;
    width: 100%;
    background: url(../image/screen1.png);
}

.giantScreen img {
    height: 100%;
    width: 100%;
}

/*产品列表的产品中心*/

.product-center-list {
    width: 1224px;
    margin: 0 auto;
    height: auto;
    text-align: center;
}

.product-center-list .more-product-tip {
    position: relative;
    display: block;
    margin-top: 428px;
    font-size: 24px;
    font-family: "Hiragino Sans GB";
    color: #9f9f9f;
}

.product-center-list .more-product-tip span {
    color: #4784ec;
}

.product-center-list .product-item {
    width: 282px;
    height: 320px;
    border: solid 1px #e6e6e6;
    float: left;
    margin: 10px 12px 0 12px;
}

.product-center-list .product-item a {
    display: block;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.product-center-list .product-item img {
    width: 281px;
    height: 240px;
}

.product-center-list .product-item .product-item-title {
    text-align: left;
    font-size: 18px;
    font-family: "Hiragino Sans GB";
    color: #505050;
    padding: 13px 0 8px 17px;
}

.product-center-list .product-item .product-item-tag a {
    text-align: left;
    font-size: 14px;
    font-family: "Hiragino Sans GB";
    padding: 0 0 0 17px;
    color: #b4b4b4;
}

.product-detail-box {
    width: 1140px;
    margin: 0 auto;
    padding-bottom: 148px;
}

.project-introduce {
    padding: 43px 0 35px 0;
}

.project-list-title {
    width: 120px;
    font-size: 22px;
    font-family: "HiraginoSansGB";
    color: #4f4f4f;
    line-height: 1.182;
    text-align: justifyLeft;
    background: url(../image/cssSprite.png) no-repeat;
    background-position-y: -57px;
    padding-left: 20px;
}

.project-little-title {
    font-size: 18px;
    font-family: "Hiragino Sans GB";
    color: #4f4f4f;
    line-height: 1.444;
    text-align: justifyLeft;
    padding: 32px 0 15px 42px;
}

.project-inner-text {
    font-size: 14px;
    font-family: "Hiragino Sans GB";
    color: #4f4f4f;
    line-height: 1.857;
    text-align: justifyLeft;
    margin-bottom: 22px;
}

.project-tag {
    display: inline-block;
}

.project-tag {
    font-size: 14px;
    font-family: "Hiragino Sans GB";
    color: #4f4f4f;
    line-height: 1.857;
    text-align: justifyLeft;
}

.project-tag-list {
    font-size: 14px;
    font-family: "Hiragino Sans GB";
    color: #4f4f4f;
    display: inline-block;
    background: url(../image/cssSprite.png) no-repeat;
    background-position-y: -36px;
    padding-left: 25px;
    margin-left: 42px;
}

.project-tag {
    width: 84px;
    height: 24px;
    background: #459def;
    display: inline-block;
    text-align: center;
    color: #FFFFFF;
    font-size: 14px;
    margin: 0 5px 0 5px;
    font-family: "Hiragino Sans GB";
}

.design-enjoy .desgin-image {
    width: 1000px;
    min-height: 400px;
    margin: 0 auto;
    padding-top: 48px;
}

.design-enjoy .desgin-image img {
    max-width: 100%;
}

.design-enjoy .desgin-image p {
    vertical-align: middle;
    display: block;
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}

.about-us-giantScreen {
    height: 420px;
    width: 100%;
}

.about-us-giantScreen img {
    width: 100%;
    height: 100%;
}

.about-us-navbar {
    height: 60px;
    width: 100%;
    background-color: #31323a;
}

.about-us-navbar .about-us-list {
    width: 960px;
    height: 100%;
    border-right: solid 1px #505050;
    margin: 0 auto;
}

.about-us-navbar li {
    float: left;
    /* width: 159px; */
    width: 191px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    border-left: solid 1px #505050;
    font-size: 16px;
    font-family: "HiraginoSansGB";
    background-color: #393c4a;
    color: #FFFFFF;
}

.about-us-navbar li a {
    display: block;
    color: #fff;
}

.about-us-navbar li:hover {
    background-color: #286ee6;
}

.company-profile {
    width: 1200px;
    margin: 0 auto;
}

.company-profile-content {
    width: 100%;
    margin-bottom: 79px;
}

.company-profile-content img {
    width: 498.3px;
    height: 349.1px;
}

.profile-content-text {
    float: right;
    width: 623px;
    height: 346px;
    font-size: 16px;
    font-family: "Hiragino Sans GB";
    color: #8B95A6;
    text-align: justify;
    line-height: 32.5px;
}
.company-profile-trophy {
    width: 1200px;
    height: 570px;
}
.company-profile-trophy ul {
    margin: 0 auto;
    width: 1120px;
}
.company-profile-trophy ul li {
    float: left;
}
.company-profile-trophy .one-row li {
    width: 244px;
    margin-right: 45px;
}
.company-profile-trophy .one-row li img {
    width: 244px;
    height: 167px;
}
.company-profile-trophy .one-row li:last-child {
    margin-right: 0;
}
.company-profile-trophy .two-row li {
    width: 224px;
    margin-top: 51px;
    text-align: center;
    overflow: hidden;
}

.company-profile-trophy .two-row li img {
    height: 189px;
}
.company-profile-trophy ul li .desc {
    margin-top: 15px;
    font-size: 12px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #333333;
    line-height: 18px;
    text-align: center;
}
.company-profile-trophy ul::after {
    content: '';
    display: block;
    clear: both;
}
.my-page {
    position: absolute;
    z-index: 111;
    text-align: center;
}
.my-page .swiper-pagination-bullet {
    width: 50px;
    height: 5px;
    border-radius: 0;
}


.corporate-culture {
    height: 620px;
    background-color: #f7f7f7;
}

.culture-list-item {
    width: 1140px;
    margin: 0 auto;
    padding-top: 30px;
}

.culture-list-item .list-item {
    float: left;
    width: 285px;
    height: 300px;
}

.culture-list-item .square {
    margin: 0 auto;
    width: 130px;
    height: 112px;
    background: url(../image/cssSprite.png) no-repeat;
    background-position-y: -90px;
}

.culture-list-item .square:hover {
    background-position: -141px -90px;
}

.culture-list-item .square:hover .some-icon-style {
    color: #fff;
}

.some-icon-style {
    display: block;
    color: #286ee6;
    text-align: center;
    line-height: 120px;
    font-size: 50px;
}

.box-item-small {
    width: 247px;
    margin: 0 auto;
    padding-top: 20px;
}

.box-item-small .item-small-eng {
    font-size: 28px;
    font-family: "Hiragino Sans GB";
    color: #505050;
    text-align: center;
}

.box-item-small .small-line {
    margin: 0 auto;
    background-color: #286ee6;
    width: 22px;
    height: 2px;
}

.box-item-small .item-small-ch {
    padding-top: 18px;
    font-size: 22px;
    font-family: "Hiragino Sans GB";
    color: #505050;
    text-align: center;
    line-height: 28px;
}

.core-team {
    /*height: 800px;*/
}

.core-team .team-introduce {
    width: 1210px;
    margin: 0 auto;
}

.core-team .team-introduce-text {
    font-size: 14px;
    font-family: "Hiragino Sans GB";
    color: #505050;
    text-align: center;
    margin-bottom: 48px;
    padding: 0 5px 0 5px;
}

.core-team .team-person-item {
    float: left;
    border: solid 1px #e6e6e6;
    width: 383px;
    height: 470px;
    margin: 0 10px 20px 10px;
}

.core-team .team-person-item img {
    width: 382px;
    height: 380px;
    position: absolute;
}

.core-team .team-person-item:hover .person-item-mask {
    opacity: 0.7;
}

.core-team .team-person-item:hover .person-item-mask {
    filter: Alpha(Opacity=70);
}

.core-team .person-item-mask {
    width: 382px;
    height: 380px;
    position: absolute;
    opacity: 0;
    z-index: 9;
    background-color: #286ee6;
    font-size: 16px;
    font-family: "Hiragino Sans GB";
    color: #ffffff;
    padding: 54px 22px 0 22px;
    line-height: 30px;
    white-space: pre-line;
}

.core-team .person-item-mask {
    filter: Alpha(Opacity=0);
}

.core-team .person-name {
    font-size: 28px;
    font-family: "Hiragino Sans GB";
    color: #505050;
    text-align: center;
    margin-top: 404px;
}

.core-team .person-name .person-name-job {
    margin-left: 15px;
    font-size: 20px;
}

/** 联系我们样式start */
.contact-us-info {
    height: 416px;
    width: 100%;
    padding: 57px 20px;
    overflow: hidden;
    background-color: #f7f7f7;
    background-image: url("../image/contactBg.jpg");
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.contact-us-info .contact-us-info__head {
    display: flex;
    color: white;
    align-items: center;
    justify-content: center;
}
.contact-us-info .contact-us-info__head .head-text {
    font-size: 44px;
    text-align: center;
    letter-spacing: 7px;
    margin: 0 30px;
}
.contact-us-info .contact-us-info__head .divider {
    width: 240px;
    height: 2px;
    background-color: white;
}

.contact-us-info .contact-us-info__content {
    display: flex;
    justify-content: center;
    color: white;
    margin-top: 85px;
}
.contact-us-info .contact-us-info__content .content-item {
    padding: 0 15px;
}
.contact-us-info .contact-us-info__content .content-item .city {
    font-size: 22px;
}
.contact-us-info .contact-us-info__content .content-item .content-text {
    font-size: 14px;
    margin-top: 10px;
}

/** 联系我们样式end */

.contact-us-info .contact-item-wrapper {
    padding-top: 10px;
    padding-bottom: 40px;
    width: 1200px;
    margin: 0 auto;
    text-align: center;
}

.contact-item-wrapper h1 {
    font-size: 52px;
    color: rgb(52, 52, 52);
    text-align: center;
    line-height: 200px;
}

.contact-item-wrapper h1 span {
    color: #3677e7;
}

.contact-item-wrapper .contact-item {
    display: inline-block;
    width: 33.1%;
    height: 300px;
    vertical-align: middle;
    margin-bottom: 50px;
}

.contact-item-wrapper .contact-item h3 {
    font-size: 32px;
    color: rgb(51, 51, 51);
    line-height: 90px;
    font-weight: normal;
}

.contact-item-wrapper .item-img {
    height: 120px;
    overflow: hidden;
    vertical-align: middle;
}

.contact-item-wrapper .item-img img {
    height: 115px;
}

.contact-item-wrapper .item-infos {
    font-size: 14px;
    color: rgb(100, 100, 100);
    text-align: left;
    width: 78%;
    margin: 0 auto;
    line-height: 24px;
}

.contact-item-wrapper {}

.business-qualification {
    min-height: 1235px;
    height: auto;
    width: 1210px;
    margin: 0 auto;
}

.business-qualification .images-list {
    height: 430px;
}

.business-qualification .inner-tip {
    margin-top: 40px;
    font-size: 30px;
    font-family: "Hiragino Sans GB";
    color: #4f4f4f;
    text-align: center;
}

.business-qualification .inner-tip span {
    color: #286ee6;
}

/* .swiper-wrapper img {
    width: 280px;
    height: auto;
    float: left;
    margin: 5px 3px 0 3px;
} */
.myswiper .swiper-wrapper li img {
    width: 100%;
}
.myswiper .swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    background-image: url("../image/home/arrow_left.png");
    background-size: 14px 28px;
    left: 70px;
    right: auto
}
.myswiper .swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    background-image: url("../image/home/arrow_right.png");
    background-size: 14px 28px;
    right: 70px;
    left: auto
}

.business-qualification .raduis-item {
    margin: 0 auto;
    width: 102px;
}

.business-qualification .raduis-item li {
    border-radius: 4px;
    float: left;
    margin: 40px 3px 0 3px;
    width: 28px;
    height: 4px;
    background: #286ee6;
}

.business-paterner {
    width: 100%;
    min-height: 620px;
    height: auto;
    padding: 70px 0;
    margin: 0 auto;
}

.business-paterner ul {
    /*background: url(../image/line.png);*/
    box-sizing: border-box;
    border: solid 2px white;
}

.business-paterner li {
    border-bottom: solid 1px #F5f5f5;
    border-right: solid 1px #F5f5f5;
    float: left;
    width: 240px;
    height: 150px;
    padding: 15px 25px 0 25px;
    box-sizing: border-box;
}

.business-paterner li:nth-child(5n) {
    border-right: none;
}

.business-paterner li:nth-child(n+16) {
    border-bottom: none;
}

.business-paterner p {
    text-align: center;

    .c.contact-item-wrapper {}

    ontact-item-wrapper {}

    margin-.contact-item-wrapper {}

    top: 8 px;
    font-size: 14 px;
    letter-spacing: 1 px;
}

.business-paterner li img {
    max-width: 100%;
    width: auto;
    height: 80px;
    text-align: center;
    margin: 0 auto;
    display: block;
}

.talent-pectuitment {
    /*height: 940px;*/
    background-color: #f7f7f7;
}

.join-us-list {
    width: 1200px;
    /*height: 600px;*/
    margin: 0 auto;
}

.join-us-list .join-us-left {
    float: left;
    width: 240px;
    height: 100%;
    background: url(../image/joinus.png) no-repeat;
}

.join-us-list .join-us-left p {
    color: #fff;
    padding: 368px 22px 0 22px;
    font-size: 16px;
    line-height: 28px;
}

.join-us-right {
    width: 932px;
    float: right;
    height: 100%;
}

.join-us-right .title {
    background: #fff;
    height: 50px;
    line-height: 50px;
    width: 100%;
    font-size: 16px;
    color: #505050;
    cursor: pointer;
    font-family: "Hiragino Sans GB";
}

.join-us-right .title .job-name {
    width: 450px;
    display: inline-block;
    padding-left: 24px;
}

.join-us-right .title span {
    color: #bcbcbc;
}

.join-us-right .title .job-date {
    width: 300px;
    display: inline-block;
    text-align: right;
}

.join-us-right .content {
    background: #fff;
    /*height: 358px;*/
    font-size: 14px;
    font-family: "Hiragino Sans GB";
    color: #505050;
    padding: 20px 22px 20px 22px;
    line-height: 32px;
}

.join-us-right li {
    height: 50px;
    overflow: hidden;
    margin-bottom: 14px;
}

.join-us-right li.index-item {
    height: 408px;
}

.news-center-giantScreen {
    width: 100%;
    height: 300px;
    background: url(../image/newsCenter.png);
}

.news-center-giantScreen img {
    height: 100%;
    width: 100%;
}

.dashed-line {
    border-top: solid 1px #e6e6e6;
}

.news-center-content {
    /*height: 1638px;*/
    width: 1200px;
    margin: 20px auto;
    padding-bottom: 20px;
    border-bottom: dashed 2px #e6e6e6;
}

.news-center-content .news-center-title {
    font-size: 36px;
    font-family: "Hiragino Sans GB";
    color: #4f4f4f;
    text-align: center;
    padding-top: 55px;
    padding-bottom: 20px;
}

.news-center-content .news-center-date {
    font-size: 14px;
    font-family: "Hiragino Sans GB";
    color: #9f9f9f;
    text-align: center;
}

.news-center-content .news-center-text {
    margin-top: 24px;
    padding-top: 45px;
    font-size: 16px;
    letter-spacing: .5px;
    font-family: "Hiragino Sans GB";
    color: #4f4f4f;
    border-top: dashed 2px #e6e6e6;
    word-wrap: normal;
    line-height: 25px;
    /*display: -webkit-box;*/
    /*   -webkit-box-orient: vertical;
       -webkit-line-clamp: 28;
       overflow: hidden;*/
}

.news-center-content .news-center-text img {
    max-height: 600px;
    max-width: 50%;
    margin: 10px 0 10px 0;
}

.section-content img{
    max-height:100% !important;
    max-width:100% !important;
    margin:auto !important;
}

.other-news-list {
    height: 526px;
    width: 1214px;
    margin: 0 auto;
}

.other-news-list .other-news-title {
    padding: 42px 0 0 0;
    font-size: 30px;
    font-family: "Hiragino Sans GB";
    text-align: center;
}

.other-news-list .other-news-title span {
    color: #286ee6;
}

.other-news-item {
    width: 390px;
    height: 300px;
    float: left;
    background-color: #e6e6e6;
    font-family: "Hiragino Sans GB";
    margin: 45px 7px 0 7px;
}

.other-news-item img {
    height: 300px;
    width: 390px;
    position: absolute;
    z-index: 1;
}

.other-news-item .news-item-content {
    position: absolute;
    color: #fff;
    margin-top: 190px;
    background-image: -moz-linear-gradient(90deg, #ffffff 0%, #3f3f3f 0%, rgba(255, 255, 255, 0) 100%);
    background-image: -webkit-linear-gradient(90deg, #ffffff 0%, #3f3f3f 0%, rgba(255, 255, 255, 0) 100%);
    background-image: -ms-linear-gradient(90deg, #ffffff 0%, #3f3f3f 0%, rgba(255, 255, 255, 0) 100%);
    width: 390px;
    height: 110px;
    z-index: 33;
    padding: 24px 10px 10px 30px;
    line-height: 36px;
}

.other-news-item .news-item-title {
    font-size: 24px;
    color: #ffffff;
    text-align: left;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

.other-news-item .news-item-date {
    font-size: 14px;
    color: #ffffff;
    text-align: left;
}

.news-list-page {
    height: auto;
    width: 1220px;
    padding: 28px 0 30px 0;
    margin: 0 auto;
}

.news-list-page .new-list-btngroup {
    width: 366px;
    margin: 0 auto;
}


.news-list-page .new-list-btngroup .news-list-btn {
    font-size: 16px;
    font-family: "Hiragino Sans GB";
    background-color: #fff;
    width: 160px;
    height: 44px;
    float: left;
    text-align: center;
    line-height: 44px;
    border: none;
    color: #505050;
    cursor: pointer;
    border: solid 1px #d2d2d2;
    margin: 0 10px 0 10px;
}

.news-list-page .new-list-btngroup .news-list-btn:hover,
.news-list-page .new-list-btngroup .news-list-btn:after {
    border: solid 1px none;
    background-color: #286ee6;
    border: solid 1px #286ee6;
    color: #fff;
}

.news-active {
    font-size: 16px;
    font-family: "Hiragino Sans GB";
    width: 160px;
    height: 44px;
    float: left;
    text-align: center;
    line-height: 44px;
    border: none;
    color: #505050;
    border: solid 1px #d2d2d2;
    margin: 0 10px 0 10px;
    background-color: #286ee6;
    border: solid 1px #286ee6;
    color: #fff;
}

.news-list-page .pager-box {
    text-align: center;
    width: 660px;
    height: 50px;
    margin: 0 auto;
    border: solid 1px;
}

.news-list-page .pager-box {
    width: 190px;
    border: 0;
}

.news-list-page .pager-box .pagination li {
    float: left;
    margin-right: 5px;
    text-align: center;
    width: 39px;
    height: 39px;
    border: 1px solid #ccc;
}

.news-list-page .pager-box .pagination .active {
    background: #286ee6;
}

.news-list-page .pager-box .pagination .active a {
    color: #fff;
}

.news-list-page .pager-box .pagination .hover {
    border-bottom: 2px solid #286ee6;
    background: red;
}

.news-list-page .pager-box .pagination span {
    line-height: 39px;
    display: block;
}

.news-list-page .pager-box .pagination a {
    line-height: 39px;
    display: block;
}

.news-item-list {
    height: auto;
    width: 100%;
    margin: 28px 0 28px 0;
    clear: both;
}

.news-item-list .news-item {
    width: 590px;
    height: 200px;
    float: left;
    background: #f7f7f7;
    margin: 0 10px 20px 10px;
    padding: 20px;
}

.news-item-list .news-item img {
    width: 200px;
    height: 160px;
    background-color: #bdbdbd;
    float: left;
}

.news-item-list .news-item .new-item-content {
    float: left;
    height: 160px;
    width: 325px;
    margin-left: 20px;
}

.news-item-list .item-content-title {
    font-size: 18px;
    font-family: "Hiragino Sans GB";
    color: #4f4f4f;
    text-align: left;
    display: -webkit-box;
    display: -moz-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    -moz-box-orient: vertical;
    -moz-box-orient: 1;
    overflow: hidden;
    margin-bottom: 15px;
}

.news-item-list .item-content-text {
    font-size: 14px;
    font-family: "Hiragino Sans GB";
    color: #a0a0a0;
    text-align: left;
    position: relative;
    line-height: 1.4em;
    /* 3 times the line-height to show 3 lines */
    height: 4.2em;
    overflow: hidden;
}

.news-item-list .item-content-date {
    font-size: 14px;
    font-family: "Hiragino Sans GB";
    color: #a0a0a0;
    text-align: left;
    padding-top: 20px;
}

.core-team-giantScreen {
    width: 100%;
    height: 300px;
    background: url(../image/coreTeam.png);
}

.core-team-giantScreen img {
    height: 100%;
    width: 100%;
}

.core-team-list {
    width: 1200px;
    margin: 0 auto;
    padding: 50px 0 30px 0;
}

.core-team-item {
    /* height: 254px; */
    width: 100%;
    margin-bottom: 20px;
    background: #f5f5f5;
    padding: 20px;
}

.core-team-item img {
    float: left;
    width: 360px;
    background: #8d8d8d;
}

.core-team-content {
    font-family: "Hiragino Sans GB";
    text-align: left;
    float: left;
    padding: 0 0 0 40px;
    width: 800px;
}

.core-team-content .core-person-name {
    font-size: 40px;
    color: #a49513;
    margin-bottom: 10px;
}

.core-team-content .core-person-duty {
    margin-bottom: 22px;
    font-size: 20px;
    color: #505050;
}

.core-team-content .core-person-introduce {
    font-size: 16px;
    color: #505050;
    line-height: 32px;
    white-space: pre-line;
}

.social-giantScreen {
    height: 360px;
    width: 100%;
    background: url(../image/socialScreen.png);
}

.social-giantScreen img {
    width: 100%;
    min-height: 100%;
    height: auto;
}

.social-item-list {
    width: 1200px;
    min-height: 100%;
    height: auto;
    font-family: "Hiragino Sans GB";
    margin: 0 auto;
    padding-top: 40px;
}

.social-item-list .social-news-item {
    width: 1200px;
    min-height: 100%;
    height: auto;
    margin-bottom: 40px;
}

.social-item-list img {
    width: 1200px;
    min-height: 100%;
    height: auto;
}

.social-item-list .social-news-content {
    width: 1200px;
    position: absolute;
    color: #fff;
    z-index: 33;
    padding: 265px 60px 20px 60px;
    border: solid 1px white;
}

.social-item-list .social-news-date {
    width: 65px;
    float: left;
    margin-right: 35px;
}

.social-item-list .social-news-date p {
    font-size: 14px;
    color: #ffffff;
    text-align: center;
}

.social-item-list .social-news-date span {
    float: left;
    font-size: 46px;
    color: #ffffff;
    text-align: center;
}

.social-item-list .social-title {
    font-size: 24px;
    color: #ffffff;
    text-align: left;
    padding-bottom: 8px;
}

.social-item-list .social-content {
    font-size: 14px;
    font-family: "Hiragino Sans GB";
    color: #f6f6f6;
    display: -webkit-box;
    display: -moz-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    -moz-box-orient: vertical;
    -moz-box-orient: 3;
    overflow: hidden;
    line-height: 24px;
}

/*footer*/

.clearfix:after {
    content: '';
    display: block;
    clear: both;
}

.footer {
    height: 260px;
    width: 100%;
    background: #28292c;
}

.footer-content {
    width: 1040px;
    height: 100%;
    margin: 0 auto;
}

.footer-left {
    padding-top: 68px;
    width: 690px;
    height: 100%;
    float: left;
}

.footer-left .inner-item1 {
    float: left;
    vertical-align: middle;
    padding-right: 50px;
}

.footer-left .ul-title {
    font-size: 10px;
    font-family: "Hiragino Sans GB";
    color: #6e6e6e;
}

.footer-left li {
    float: left;
    padding: 22px 33px 0 0;
    font-size: 14px;
    font-family: "Hiragino Sans GB";
    color: #e6e6e6;
}

.footer-left li a {
    color: #e6e6e6;
}

.footer-left .gap-line {
    border-bottom: solid 1px #393c40;
    height: 90px;
}

.copyright-info {
    font-size: 12px;
    font-family: "Hiragino Sans GB";
    color: #9f9f9f;
    padding-top: 24px;
}

.footer-right {
    float: right;
    padding-top: 58px;
}

.footer-right p {
    text-align: center;
    padding-top: 10px;
}


/* 新版title */

.title-center {
    width: 1224px;
    margin: 70px auto;
    height: 52px;
    line-height: 52px;
    text-align: center;
}

.title-center-title {
    display: table;
    white-space: nowrap;
    text-align: center;
    background: transparent;
    font-size: 40px;
    font-family: Source Han Sans CN;
    font-weight: bold;
    color: #929292;
    margin: 0 auto;
    position: relative;
}

.title-center-title::before,
.title-center-title::after {
    position: relative;
    display: table-cell;
    content: "";
    top: 25px;
    width: 30px;
    height: 4px;
}

.title-center-title::before {
    position: absolute;
    left: -50px;
    background: linear-gradient(90deg, #3A74FF 0%, #57BBFF 100%);
}

.title-center-title::after {
    position: absolute;
    right: -50px;
    background: linear-gradient(-90deg, #3A74FF 0%, #57BBFF 100%);
}

/* 左侧固定 */
#lace-li {
    position: fixed;
    top: 50%;
    /* left: 14px; */
    transform: translateY(-50%);
    display: none;
    z-index: 99;
}
#lace-li a {
    width: 12px;
    height: 12px;
    background-color: #eaf2ff;
    margin-top: 30px;
    cursor: pointer;
    display: block;
}
#lace-li .selected {
    background-color: #448AFF;
}
#lace-li a:first-child {
    margin-top: 0;
}


/* 关于世纪海航 */

.about-center {
    background-color: #FFFFFF;
}

.about-box {
    width: 1200px;
    margin: 0 auto;
    padding-top: 93px;
    position: relative;
}
.about-box::after {
    display: block;
    content: "";
    clear: both;
}


.box-left {
    position: absolute;
    left: -6vw;
    top: 50%;
    margin-top: -50px;
}
@media screen and (max-width: 1440px) {
    .box-left {
        left: -4vw;
    }
}

.about-box-center {
    width: 514px;
    float: left;
}
.about-box-center .center-title {
    font-size: 32px;
    font-family: Source Han Sans CN;
    font-weight: bold;
    color: #333333;
    margin-bottom: 55px;
}
.about-box-center .center-content {
    font-size: 16px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #8B95A6;
    line-height: 36px;
    text-align: justify;
}

.about-box-right {
    float: right;
    width: 560px;
    position: relative;
}
.about-box-right .right-bottom {
    width: 560px;
    height: 340px;
    background-color: #FAFBFD;
    padding: 29px 40px 0 0;
}
.about-box-right .right-bottom div {
    text-align: right;
    border-right: 10px solid #448AFF;
    font-size: 20px;
    font-family: Source Han Sans CN;
    font-weight: bold;
    color: #333333;
    padding-right: 13px;
}
.about-box-right .right-top {
    position: absolute;
    top: 82px;
    left: -48px;
}
.alot-box-right .right-top {
    position: absolute;
    top: 131px;
    left: -40px;
}
.about-box-right .right-top img{
    width: 568px;
}


.about-btn {
    display: block;
    width: 118px;
    height: 38px;
    background-color: #448AFF;
    font-size: 16px;
    font-family: Source Han Sans CN;
    font-weight: 500;
    color: #F7F7F7;
    line-height: 36px;
    text-align: center;
    cursor: pointer;
    margin-top: 52px;
}

.about-bottom {
    position: relative;
    margin-top: 100px;
    width: 100%;
    height: 179px;
    background: url('../image/home/background.jpg') no-repeat;
    background-size: 100% 100%;
}
.about-bottom ul {
    text-align: center;
    padding-top: 45px;
}
.about-bottom li {
    display: inline-table;
    margin-left: 130px;
}
.about-bottom li:first-child {
    margin-left: 0;
}
.about-bottom li .data {
    color: #448AFF;
    text-align: center;
}
.about-bottom li .data .data-num {
    font-size: 38px;
    font-weight: 800;
}
.about-bottom li .data .data-unit {
    font-size: 16px;
}
.about-bottom li .describe {
    color: #333333;
    font-size: 14px;
    margin-top: 20px;
}

/* TDOG校园编程 */
.tdog-part {
    margin-bottom: 150px;
}
.tdog-box {
    width: 1200px;
    margin: 0 auto;
    position: relative;
}
.tdog-box-right {
    float: right;
    width: 489px;
    padding-top: 194px;
}
.tdog-box-right .tdog-right-logo img {
    width: 135px;
}
.tdog-box-right .tdog-right-title {
    font-size: 32px;
    font-family: Source Han Sans CN;
    font-weight: bold;
    color: #333333;
    margin: 21px 0 59px 0;
}
.tdog-box-right .tdog-right-content {
    font-size: 16px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #8B95A6;
    line-height: 36px;
    text-align: justify;
}
.tdog-box-right .tdog-right-content span {
    color: #448AFF;
}

.tdog-box-center {
    width: 610px;
    /* margin: 0 489px 0 148px; */
    padding-top: 25px;
    float: left;
}
.tdog-box-center .center-bottom {
    width: 560px;
    height: 340px;
    background-color: #FAFBFD;
    padding: 29px 0 0 42px;
    position: relative;
    top: -30px;
}
.tdog-box-center .center-bottom .tdog-title {
    border-left: 10px solid #448AFF;
    font-size: 20px;
    font-family: Source Han Sans CN;
    font-weight: bold;
    color: #333333;
    padding-left: 13px;
}
.tdog-box-center .center-top {
    position: absolute;
    top: 133px;
    left: 42px;
}
.tdog-box-center .center-top img{
    width: 568px;
}

.tdog-up {
    font-size: 220px;
    line-height: 180px;
    font-family: Source Han Sans CN;
    font-weight: bold;
    color: #E1E8F3;
    opacity: 0.1;
}
.tdog-box::after {
    display: table;
    content: "";
    clear: both;
}

/* Alot智慧校园 */
#lace3 .about-box {
    padding-top: 50px;
    padding-bottom: 150px;
}

/* 合作伙伴 */
.cooper-partner {
    padding: 50px 0 93px;
}
.cooper-box {
    margin: 0 auto;
}
.box-header {
    position: relative;
    text-align: center;
    margin-bottom: 74px;
}
.box-header .lace {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.box-header .lace img {
    width: 442px;
}
.box-header .header-title {
    font-size: 32px;
    font-family: Source Han Sans CN;
    font-weight: 500;
    color: #333333;
}
.box-header .header-desc {
    font-size: 16px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #8B95A6;
    margin-top: 10px;
}
.box-header .header-desc span {
    margin-left: 20px;
}
.box-header .header-desc span:first-child {
    margin-left: 0;
}

.cooper-box-content {
    text-align: center;
}
.cooper-box-content ul {
    height: 434px;
    width: 1267px;
    margin: 0 auto;
    display: none;
}
.cooper-box-content .active { display: block; }
.cooper-box-content ul li {
    margin: 39px 29px 0 0;
    display: inline-block;
    width: 176px;
    height: 176px;
    border: 1px solid #E5E5E5;
    border-radius: 6px;
    text-align: center;
}
.cooper-box-content ul li:nth-child(6n) {
    margin-right: 0;
}
.cooper-box-content ul li:last-child {
    margin-right: 0;
}
.cooper-box-content ul li img {
    width: 91.4px;
    height: 91.4px;
    border-radius: 50%;
    margin: 22px 0;
}
.cooper-box-content ul li div {
    font-size: 14px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #333333;
}
.cooper-box-content ol {
    margin-top: 80px;
}
.cooper-box-content ol li {
    width: 50px;
    height: 5px;
    background-color: #D9E3F4;
    display: inline-block;
    margin-left: 18px;
}
.cooper-box-content ol .page-active {
    background-color: #448AFF;
}
.cooper-box-content ol li:hover {
    background-color: #448AFF;
    cursor: pointer;
}
.cooper-box-content ol li:first-child {
    margin-left: 0;
}

/* 新闻中心 */
.news-part {
    padding: 59px 0 86px;
}
.news-box-content {
    width: 1092px;
    margin: 0 auto;
}
.news-box-content .news .news-item {
    margin-top: 50px;
}
.news-box-content .news .news-item:first-child {
    margin-top: 90px;
}
.news-box-content .news .news-item img {
    width: 260px;
    height: 170px;
    float: left;
}
.news-item .news-item-right {
    width: 785px;
    margin-left: 307px;
}
.news-item .news-item-right .right-title {
    font-size: 26px;
    font-family: Source Han Sans CN;
    font-weight: 500;
    color: #333333;
}
.news-item .news-item-right .right-title::after {
    content: '';
    width: 30px;
    height: 5px;
    background-color: #448AFF;
    display: block;
    margin: 20px 0;
}
/* display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2; */
.news-item .news-item-right .wrap {
    display: block;
    height: 44px;
    line-height: 22px;
    overflow: hidden;
    font-size: 16px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #8B95A6;
}
.news-item .news-item-right .wrap .right-content {
    float: right;
    margin-left: -5px;
    width: 100%;
    word-break: break-all;
}
.wrap::before {
    float: left;
    width: 5px;
    content: '';
    height: 40px;
}
.wrap::after {
    float: right;
    content: "...";
    height: 20px;
    line-height: 20px; /* 为三个省略号的宽度 */
    width: 17px; /* 使盒子不占位置 */
    margin-left: -17px; /* 移动省略号位置 */
    position: relative;
    left: 100%;
    top: -17px;
    padding-right: 5px;
    background-color: #FFF;
}


.news-item .news-item-right .right-date {
    font-size: 16px;
    font-family: Source Han Sans CN;
    font-weight: 300;
    color: #8B95A6;
    margin-top: 30px;
}

/* 两大产品体系 */

.tdog-center {
    width: 100%;
    text-align: center;
    background-color: #fbfbfb;
    padding: 20px 0;
    margin: 50px 0;
}

.school-center {
    text-align: center;
    padding: 70px 0;
}

/* .tdog-box {
    width: 1202px;
    height: 508px;
    margin: 0 auto;
} */

.tdog-btn {
    margin-top: -60px;
}

.tdog-btn,
.school-btn {
    width: 80px;
    height: 30px;
    background: #3E82FD;
    border-radius: 15px;
    font-size: 14px;
    font-family: Source Han Sans CN;
    font-weight: 500;
    color: #F7F7F7;
    line-height: 30px;
    cursor: pointer;
}

.school-box {
    width: 1200px;
    height: 316px;
    margin: 0 auto;
    position: relative;
}

.school-btn {
    position: absolute;
    margin-top: -40px;
    right: 0px;
}

/* tdog 校园编程 */
.fn-font {
    font-family: Source Han Sans CN;
    color: #333333;
}
.fn-title {
    font-size: 32px;
    font-weight: bold;
    margin-bottom: 53px;
}
.screen {
    position: relative;
}
.screen img {
    width: 100%;
}
.arrow-down {
    position: absolute;
    bottom: 47px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 99;
    cursor: pointer;
}
.arrow-down img {
    width: 22px;
}
.character {
    width: 1200px;
    margin: 0 auto;
    padding-top: 90px;
}
.character .subtitle {
    font-size: 20px;
    font-weight: bold;
    border-left: 10px solid #448AFF;
    padding-left: 16px;
}
.character .team img, .character .team ul li .atart {
    width: 184px;
    height: 230px;
}
.character .team ul {
    margin-top: 61px;
}
.character .team ul li {
    display: inline-block;
    margin: 0 102px 57px 0;
    position: relative;
    width: 184px;
    vertical-align: middle;
}
.character .team ul li:nth-child(4n) {
    margin-right: 0;
}
.character .team ul li .name {
    position: absolute;
    left: 50%;
    bottom: 49px;
    transform: translateX(-50%);
    font-size: 20px;
    font-weight: bold;
    color: #FFFFFF;
}
.character .team ul li .school-name {
    font-size: 18px;
    height: 24px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #8B95A6;
    margin-top: 16px;
    text-align: center;
}

.character .expert ul {
    font-size: 0;
    margin-bottom: 52px;
}
.character .expert li {
    display: inline-block;
    margin: 35px 73px 0 0;
    width: 328px;
    height: 361px;
    background-color: #f3f7fd;
    text-align: center;
    vertical-align: middle;
}
.character .expert li:nth-child(3n) {
    margin-right: 0;
}
.character .expert li img {
    width: 180px;
    height: 180px;
    border-radius: 50%;
}
.character .expert li .expert-atar {
    height: 180px;
    margin-top: 43px;
}
.character .expert li .expert-name {
    font-size: 18px;
    font-family: Source Han Sans CN;
    font-weight: bold;
    color: #333333;
    margin-top: 26px;
    height: 24px;
}
.character .expert li .expert-position {
    font-size: 18px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #8B95A6;
    margin-top: 23px;
}

.character .pie-img {
    width: 1141px;
    margin-top: 47px;
}

.service {
    width: 1200px;
    margin: 0 auto;
    padding-top: 82px;
}
.service .fn-title {
    width: 1141px;
}
.service-char .char-item-box {
    overflow: hidden;
    float: left;
}
.service-char .char-item {
    float: left;
    position: relative;
    transform: none;
    transition-property: transform;
    transition-duration: 1s;
    cursor: pointer;
}
.service .char-item:hover {
    transform: scale(1) scale(1.2);
}
.service-char .char-item img {
    height: 318px;
}
.service-char .char-item-box:nth-child(1) img {
    width: 595px;
}
.service-char .char-item-box:nth-child(2) img {
    width: 594.1px;
}
.service-char .char-item-box:nth-child(3) img {
    width: 394px;
}
.service-char .char-item-box:nth-child(4) img {
    width: 396px;
}
.service-char .char-item-box:nth-child(5) img {
    width: 398px;
}
.service-char .char-item div {
    position: absolute;
    color: #FFFFFF;
}
.service-char .char-item .title {
    font-size: 20px;
    opacity: 0.8;
    top: 42px;
    left: 100px;
}
.service-char .char-item .subtitle {
    top: 50%;
    transform: translateY(-50%);
    font-size: 28px;
    font-family: Source Han Sans CN;
    font-weight: bold;
    text-shadow: 4px 7px 18px rgba(0, 18, 48, 0.2);
    z-index: 2;
    width: 100%;
    padding: 0 80px;
    text-align: center;
}
.service-char::after {
    content: '';
    display: block;
    clear: both;
}


.case {
    width: 1200px;
    margin: 0 auto;
    padding: 130px 0 98px;
}
.case .case-char ul {
    font-size: 0;
}
.case .case-char ul li {
    width: 380px;
    height: 340px;
    vertical-align: middle;
    display: inline-block;
    margin: 0 23px 19px 0;
    border: 1px solid #DBDBDB;
}
.case .case-char ul li:nth-child(3n) {
    margin-right: 0;
}
.case .case-char ul li img {
    width: 380px;
    height: 252px;
}
.case .case-char ul li .location {
    width: 380px;
    padding: 0 20px;
    margin: 23px 0;
    font-size: 16px;
    font-family: Source Han Sans CN;
    font-weight: 500;
    color: #333333;
    height: 74px;
    overflow: hidden;
    height: 45px;
    text-align: justify;
}
.case .case-char ul li .location img {
    width: 14px;
    height: 20px;
    margin-right: 12px;
}
.btn-box {
    float: right;
}
.btn-box::after {
    content: "";
    display: table;
    clear: both;
}
.clear {
    clear: both;
}


.tdog-title-center {
    width: 1200px;
    margin: 0px auto;
    height: 52px;
    line-height: 52px;
    text-align: center;
    margin-top: 100px;
}

.tdog-title-center-title {
    display: table;
    white-space: nowrap;
    text-align: center;
    background: transparent;
    font-size: 40px;
    font-family: Source Han Sans CN;
    font-weight: bold;
    color: #929292;
    margin: 0 auto;
    position: relative;
}

.tdog-title-center-title::before,
.tdog-title-center-title::after {
    position: relative;
    display: table-cell;
    content: "";
    top: 25px;
    width: 30px;
    height: 4px;
}

.tdog-title-center-title::before {
    position: absolute;
    left: -50px;
    background: linear-gradient(90deg, #FF7011 0%, #FFA56A 100%);
}

.tdog-title-center-title::after {
    position: absolute;
    right: -50px;
    background: linear-gradient(-90deg, #FF7011 0%, #FFA56A 100%);
}



.two-leave-title {
    font-size: 22px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #888888;
    text-align: center;
    margin: 25px 25px 50px 25px;
}

/* tdog 介绍 */
.tdog-view-center {
    width: 1200px;
    margin: 0 auto;
}

.tdog-tool-box {
    width: 100%;
    height: 704px;
    background: #F9F9F9;
}

/* 解决方案 */

.tdog-precision-box {
    padding-bottom: 100px;
}

.tdog-case-display-box {
    padding: 100px 0;
    background-image: url('../image/tdog/case-bg.png');
}

/* 专业团队 */

.tdog-person-box {
    width: 100%;
    /* height: 800px; */
    background-image: url('../image/tdog/bg.png');
    background-repeat: no-repeat;
    padding-top: 1px;
    margin-top: 57px;
}

.swiper-about-container {
    overflow-x: hidden;
    width: 100%;
}



.swiper-about-container .swiper-wrapper {
    width: 100%;
}

.swiper-about-container .swiper-slide {
    text-align: center;
    font-size: 18px;
    background-image: linear-gradient(90deg, rgba(223, 223, 223, 0.5) 10%, rgba(0, 0, 0, 0) 10%),
        linear-gradient(rgba(223, 223, 223, 0.5) 10%, rgba(0, 0, 0, 0) 10%);
    background-size: 15px 15px;
    width: 560px !important;
    height: 366px;
    box-shadow: 0px 0px 10px 3px rgba(223, 223, 223, 0.5);
}

.swiper-about-container .swiper-wrapper img {
    width: 560px !important;
    height: 366px;
    margin: 0;
}

.swiper-about-container .swiper-about-pagination {
    text-align: center;
    font-size: 18px;
    background: #fff;
    margin-top: 40px;
}

/* 工具 */

.tdog-tool-box {
    margin-top: 100px;
    padding: 100px 0;
}


.lbt-box {
    position: relative;
    width: 1090px;
    height: 600px;
    margin: 0 auto;
}

.imgs {
    width: 100%;
    height: 100%;
    perspective: 1000px;
    display: inline-block;
}

.imgitem {
    position: absolute;
    width: 475px;
    height: 328px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 0;
    transition: .8s;
    opacity: 0;
    /* box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.2); */
}
.imgitem .subtitle {
    position: absolute;
    bottom: 0;
    padding: 20px 0;
    background-color: #448AFF;
    font-size: 20px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #fff;
    width: 100%;
    text-align: center;
    border-radius: 0px 0px 10px 10px;
}
.imgitem img {
    width: 100%;
    height: 100%;
}

.cur-img {
    width: 598px;
    height: 416px;
    z-index: 100;
    opacity: 1;
}

.pre-img {
    transform: translateX(-260px) rotateY(0deg) scale(1);
    z-index: 9;
    opacity: 0.9;
}

.next-img {
    transform: translateX(260px) rotateY(0deg) scale(1);
    z-index: 9;
    opacity: 0.9;
}

.lbt-box .left {
    position: absolute;
    top: 40%;
    left: 0;
    z-index: 101;
}

.lbt-box .left img {
    width: 42px;
    cursor: pointer;
}

.lbt-box .right img {
    width: 42px;
    cursor: pointer;
}


.lbt-box .right {
    position: absolute;
    top: 40%;
    right: 0;
    z-index: 101;
}




/* 案例展示 */

.case-news .team-person-item {
    /* float: left; */
    /* border: solid 1px #e6e6e6; */
    width: 380px;
    height: 271px;
    margin: 0 26px 30px 0px;
    display: inline-block;
    position: relative;
    overflow: hidden;
}

.case-news .team-person-item:nth-child(3n) {
    /* float: left; */
    /* border: solid 1px #e6e6e6; */
    width: 380px;
    height: 271px;
    margin-right: 0;
    display: inline-block;
}

.mr-clear {
    margin-right: 0 !important;
}

.case-news .team-person-item img {
    width: 380px;
    height: 221px;
    position: absolute;
}

.case-news .team-person-item:hover .person-item-mask {
    opacity: 0.8;
    cursor: pointer;
}

.case-news .team-person-item:hover .person-item-mask {
    filter: Alpha(Opacity=80);
}

.case-news .person-item-mask {
    width: 380px;
    height: 221px;
    position: absolute;
    opacity: 0;
    z-index: 9;
    background-color: #333;
    font-size: 16px;
    font-family: "Hiragino Sans GB";
    color: #ffffff;
    padding: 22px;
    line-height: 30px;
    white-space: pre-line;
}

.case-news .person-item-mask {
    filter: Alpha(Opacity=0);
}

.case-news .case-news-bottom {
    width: 380px;
    height: 50px;
    font-size: 16px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #FFFFFF;
    background-color: #FF7011;
    text-align: center;
    line-height: 50px;
    margin-top: 221px;
}




/* 智慧校园页面 */

.two-leave-box {
    width: 110px;
    height: 38px;
    background: #F5AB19;
    border-radius: 10px;
    font-size: 20px;
    font-family: Source Han Sans CN;
    font-weight: 500;
    color: #FEFEFE;
    line-height: 38px;
    text-align: center;
    margin: 0 auto;
}

/* 网络化解决方案 */
.net-center {
    background-image: url('/static/image/school/net-bg.png');
    width: 100%;
    background-size: auto 100%;
    height: 1015px;
    background-repeat: no-repeat;
    padding-top: 5px;
    margin-top: 59px;
    line-height: 1015px;
    position: relative;
}

.net-center .title-center {
    width: 100%;
    position: absolute;
    text-align: center;
}

.net-center .intel-title {
    margin-top: 390px;
}

.net-img {
    margin: 48px auto;
    width: 1210px;
}

.net-img img {
    width: 1210px;
}

.school-view-center {
    margin: 0 auto;
    width: 1200px;

}

.school-view-center img {
    width: 1200px;
}

/* 应用中心 */
.info-center img {
    margin: 33px 0;
}

.info-center .school-view-center img {
    width: 1210px;
    height: 518px;
}

.tech-center {
    height: 760px;
    background: #F9F9F9;
    padding: 33px 0;
}

.tech-center img {
    margin: 33px 0;
}

.ai-center .school-view-center img {
    width: 1210px;
    height: 588px;
}

/* 智慧终端 */
/* 首屏图:start */
.school-banner { width: 100%; }
.school-banner img { width: 100%; }
/* 首屏图:end */

/* 解决方案:start */
.school-project1 { margin-bottom: 80px; }
.school-project1 .su-describe { margin-bottom: 56px; }
/* 解决方案:end */

/* 五化融合:start */
/* 选项1 */
.school-project2 {
    background-image: url('/static/image/school/bg1.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    text-align: center;
}
/* 卡片1 */
.school-project2 .cards {
    padding-top: 39px;
    padding-bottom: 146px;
    text-align: center;
}
.school-project2 .cards .cards-item {
    display: inline-block;
    width: 204px;
    height: 292px;
    background: #FFFFFF;
    box-shadow: 0px 0px 20px 0px rgba(9, 60, 116, 0.1);
    border-radius: 10px;
    text-align: center;
    margin-right: 30px;
}
.school-project2 .cards .cards-item img {
    display: inline-block;
    width: 52px;
    height: 52px;
    margin-top: 51px;
    margin-bottom: 30px;
}
.school-project2 .cards .cards-item .title2 {
    font-size: 18px;
    font-weight: bold;
    color: #222222;
    line-height: 24px;
    margin-bottom: 53px;
}
.school-project2 .cards .cards-item .info {
    font-size: 14px;
    font-weight: 400;
    color: #222222;
    line-height: 24px;
}
.school-project2 .cards .cards-item:last-child { margin-right: 0; }
/* 选项2 */
.school-project2 .cards2 {
    padding-top: 39px;
    padding-bottom: 30px;
    text-align: center;
}
.school-project2 .cards2 .cards2-item {
    display: inline-block;
    width: 175px;
    height: 175px;
    background: #FFFFFF;
    box-shadow: 0px 0px 20px 0px rgba(9, 60, 116, 0.1);
    border-radius: 10px;
    text-align: center;
    margin-right: 22px;
    margin-bottom: 29px;
}
.school-project2 .cards2 .cards2-item img {
    display: inline-block;
    width: 52px;
    height: 52px;
    margin-top: 39px;
    margin-bottom: 25px;
}
.school-project2 .cards2 .cards2-item .title2 {
    font-size: 18px;
    font-weight: bold;
    color: #222222;
    line-height: 24px;
    margin-bottom: 40px;
}
.school-project2 .cards .cards-item:last-child { margin-right: 0; }
/* 选项3 */
.school-project2 .c1image {
    display: inline-block;
    margin: 30px 0;
    width: 100%;
}
/* 选项4 */
.school-project2 .d1image {
    display: inline-block;
    margin: 30px 0;
    width: 100%;
}
/* 选项5 */
.school-project2 .ai-cards {
    width: 1200px;
    height: 547px;
    margin: 30px 0;
    overflow: hidden;
}
.school-project2 .ai-cards .texts {
    float: left;
    width: 675px;
    height: 100%;
    text-align: left;
}
.school-project2 .ai-cards .images {
    float: left;
    width: 525px;
    height: 100%;
    position: relative;
}
.school-project2 .ai-cards .texts .texts-item {
    margin-bottom: 35px;
}
.school-project2 .ai-cards .texts .texts-item .title2 {
    position: relative;
    font-size: 20px;
    font-weight: bold;
    color: #333333;
    margin-bottom: 17px;
}
.school-project2 .ai-cards .texts .texts-item .title2::after {
    position: absolute;
    content: ' ';
    width: 30px;
    height: 3px;
    background: #3E82FD;
    left: 0;bottom: -8px;
}
.school-project2 .ai-cards .texts .texts-item .describe2 {
    font-size: 14px;
    font-weight: 400;
    color: #333333;
}
.school-project2 .ai-cards .images .img1 {
    position: absolute;
    width: 285px;
    height: 215px;
    left: 0;top: 0;
}
.school-project2 .ai-cards .images .img2 {
    position: absolute;
    width: 235px;
    height: 291px;
    right: 0;top: 0;
}
.school-project2 .ai-cards .images .img3 {
    position: absolute;
    width: 285px;
    height: 328px;
    left: 0;bottom: 0;
}
.school-project2 .ai-cards .images .img4 {
    position: absolute;
    width: 235px;
    height: 254px;
    right: 0;bottom: 0;
}
.school-project2 .ai-cards .images img {
    width: 100%;
    height: 100%;
    transform: none;
    transition-property: transform;
    transition-duration: 1s;
}
.school-project2 .ai-cards .images img:hover {
    transform: scale(1) scale(1.2);
}
.school-project2 .ai-cards .images .img-wrap {
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.school-project2 .ai-cards .images .img-wrap-text {
    position: relative;
}
.school-project2 .ai-cards .images .img-text {
    position: absolute;
    left: 20px;
    top: -38px;
    font-size: 16px;
    font-weight: 500;
    color: #FFFFFF;
}
/* 五化融合:end */

/* 核心产品:start */
/* 选项卡1 */
.school-core .cards1 {
    padding-top: 22px;
    padding-bottom: 68px;
}
.school-core .cards1 .left-image {
    float: left;
    width: 475px;
    height: 306px;
    margin-right: 105px;
}
.school-core .cards1 .right-body {
    float: left;
    width: 620px;
}
.school-core .cards1 .right-body .title2 {
    font-size: 26px;
    font-weight: 500;
    color: #222222;
    line-height: 30px;
    margin-bottom: 23px;
}
.school-core .cards1 .right-body .describe2 {
    font-size: 16px;
    font-weight: 400;
    color: #555555;
    line-height: 30px;
    text-align: justify;
}
/* 选项卡2 */
.school-core .cards2 {
    padding-top: 22px;
    padding-bottom: 68px;
}
.school-core .cards2 .left-image {
    float: left;
    width: 513px;
    height: 344px;
    margin-top: 75px;
    margin-right: 65px;
}
.school-core .cards2 .right-body {
    float: left;
    width: 622px;
}
.school-core .cards2 .right-body .title2 {
    font-size: 26px;
    font-weight: 500;
    color: #222222;
    line-height: 30px;
    margin-bottom: 34px;
}
.school-core .cards2 .right-body .blocks-item {
    margin-bottom: 31px;
}
.school-core .cards2 .right-body .blocks-item .label {
    font-size: 18px;
    font-weight: 500;
    color: #333333;
    position: relative;
    padding-left: 20px;
    margin-bottom: 18px;
}
.school-core .cards2 .right-body .blocks-item .label::before {
    position: absolute;
    content: ' ';
    left: 0;
    top: 50%;
    margin-top: -5px;
    width: 10px;
    height: 10px;
    background: #3E82FD;
}
.school-core .cards2 .right-body .blocks-item .value {
    font-size: 16px;
    font-weight: 400;
    color: #555555;
}
/* 选项卡3 */
.school-core .cards3 {
    padding-top: 22px;
    padding-bottom: 68px;
}
.school-core .cards3 .left-image {
    float: left;
    width: 513px;
    height: 361px;
    margin-top: 75px;
    margin-right: 65px;
}
.school-core .cards3 .right-body {
    float: left;
    width: 622px;
}
.school-core .cards3 .right-body .title2 {
    font-size: 26px;
    font-weight: 500;
    color: #222222;
    line-height: 30px;
    margin-bottom: 19px;
}
.school-core .cards3 .right-body .describe2 {
    font-size: 18px;
    font-weight: 400;
    color: #555555;
    line-height: 30px;
    margin-bottom: 28px;
}
.school-core .cards3 .right-body .blocks-item {
    margin-bottom: 31px;
}
.school-core .cards3 .right-body .blocks-item .label {
    font-size: 18px;
    font-weight: 500;
    color: #333333;
    position: relative;
    padding-left: 20px;
    margin-bottom: 18px;
}
.school-core .cards3 .right-body .blocks-item .label::before {
    position: absolute;
    content: ' ';
    left: 0;
    top: 50%;
    margin-top: -5px;
    width: 10px;
    height: 10px;
    background: #3E82FD;
}
.school-core .cards3 .right-body .blocks-item .value {
    font-size: 16px;
    font-weight: 400;
    color: #555555;
}
/* 选项卡4 */
.school-core .cards4 {
    padding-top: 22px;
    padding-bottom: 68px;
}
.school-core .cards4 .left-image {
    float: left;
    width: 513px;
    height: 417px;
    margin-top: 75px;
    margin-right: 65px;
}
.school-core .cards4 .right-body {
    float: left;
    width: 622px;
}
.school-core .cards4 .right-body .title2 {
    font-size: 26px;
    font-weight: 500;
    color: #222222;
    line-height: 30px;
    margin-bottom: 106px;
}
.school-core .cards4 .right-body .describe2 {
    font-size: 16px;
    font-weight: 400;
    color: #555555;
    line-height: 30px;
}
/* 选项卡5 */
.school-core .cards5 {
    padding-top: 22px;
    padding-bottom: 167px;
}
.school-core .cards5 img {
    width: 100%;
}
/* 核心产品:end */

/* 重点案例展示:start */
.school-project {
    text-align: center;
    background: #F8F9FD;
    padding-bottom: 35px;
}
.school-project .su-tabs .panels .body {
    padding-top: 30px;
}
.school-project .cards {
    width: 100%;
}
.school-project .cards .cards-item {
    float: left;
    width: 590px;
    height: 476px;
    margin-right: 15px;
    margin-bottom: 15px;
    overflow: hidden;
    border-radius: 4px;
    background-color: #fff;
}
.school-project .cards .cards-side {
    margin-right: 0;
}
.school-project .cards .cards-item .cover2 {
    height: 210px;
    overflow: hidden;
}
.school-project .cards .cards-item .cover2 img {
    transform: none;
    transition-property: transform;
    transition-duration: 1s;
}
.school-project .cards .cards-item .cover2 img:hover {
    transform: scale(1) scale(1.2);
}
.school-project .cards .cards-item .title2 {
    font-size: 22px;
    font-weight: 400;
    color: #333333;
    height: 54px;
    line-height: 54px;
    text-align: left;
    padding-left: 20px;
    background: #F4F9FC;
}
.school-project .cards .cards-item .describe2 {
    font-size: 14px;
    font-weight: 400;
    color: #888888;
    padding: 19px 21px;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 212px;
    text-align: justify;
    line-height: 22px;
}
/* 重点案例展示:end */

/* 全国智慧校园合作案例:start */
.school-logos .schools {
    width: 100%;
    overflow: hidden;
    margin-top: 83px;
    text-align: center;
}
.school-logos .schools ul {
    font-size: 0;
    position: relative;
}
.school-logos .schools ul li {
    display: inline-block;
    text-align: center;
    width: 200px;
    margin-bottom: 93px;
}
.school-logos .schools ul li img {
    width: 100px;
    height: 100px;
    border-radius: 50%;
}
.school-logos .schools ul li div {
    font-size: 14px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #333333;
    margin-top: 16px;
}



/* 全国智慧校园合作案例:end */

/* 智慧校园生态伙伴:start */
.school-partner {
    background: #F8F9FD;
    padding-bottom: 50px;
    text-align: center;
}
.school-partner .cards .cards-item {
    float: left;
    width: 260px;
    height: 260px;
    background: #FFFFFF;
    box-shadow: 0px 0px 20px 0px rgba(9, 60, 116, 0.1);
    margin: 20px;
    text-align: center;
    padding: 21px;
}
.school-partner .cards .cards-item img {
    display: inline-block;
    width: 218px;
    height: 72.66px;
    margin-top: 39px;
    margin-bottom: 44px;
}
.school-partner .cards .cards-item .describe2 {
    font-size: 18px;
    font-weight: 400;
    color: #222222;
    line-height: 36px;
}
/* 智慧校园生态伙伴:end */

/* 公共样式 */
.su-box { text-align: center; }
.su-title {
    font-size: 28px;
    font-weight: bold;
    color: #5F656E;
    line-height: 36px;
    padding-top: 80px;
    text-align: center;
}
.su-describe {
    font-size: 18px;
    font-weight: 400;
    color: #555555;
    line-height: 24px;
    margin-top: 15px;
    text-align: center;
}
.su-img { display: inline-block; }
/* 选项卡样式1 */
.su-tabs {
    display: inline-block;
    padding-top: 80px;
    width: 1200px;
}
.su-tabs .labels {
    display: inline-block;
    border-bottom: solid 1px #E6E6E6;
    text-align: left;
    width: 100%;
}
.su-tabs .labels .item {
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    color: #888888;
    line-height: 24px;
    padding: 0 20px;
    padding-bottom: 16px;
    cursor: pointer;
}
.su-tabs .labels .active {
    font-weight: 400;
    color: #222222;
    position: relative;
}
.su-tabs .labels .active::after {
    position: absolute;
    content: ' ';
    width: 80px;
    height: 4px;
    left: 50%;
    bottom: 0;
    margin-left: -40px;
    background: #548CFC;
}
.su-tabs .panels .body { display: none; width: 100%; }
.su-tabs .panels .active { display: block; }
/* 选项卡样式2 */
.su-bottom-tabs {
    display: inline-block;
    padding-top: 60px;
    width: 1200px;
}
.su-bottom-tabs .labels {
    display: inline-block;
    text-align: center;
    width: 100%;
    padding-top: 20px;
}
.su-bottom-tabs .labels .item {
    display: inline-block;
    cursor: pointer;
    width: 50px;
    height: 8px;
    background: #A6C2FC;
}
.su-bottom-tabs .labels .active {
    background: #548CFC;
    position: relative;
}
.su-bottom-tabs .panels .body { display: none; width: 100%; }
.su-bottom-tabs .panels .active { display: block; }

.school-core {
    text-align: center;
}
.school-core .su-tabs .labels .item {
    width: 237px;
    padding: 0;
    padding-bottom: 16px;
    text-align: center;
}
.school-core .body {
    text-align: left;
}
/* 提示文本 */
.school-core .body .tis {
    display: inline-block;
    position: relative;
    margin: 39px 0;
    margin-left: 20px;
}
.school-core .body .tis .text {
    background-color: #fff;
    font-size: 18px;
    font-weight: 400;
    color: #222222;
    line-height: 24px;
    text-align: left;
    z-index: 1;
    padding: 0 10px;
}
.school-core .body .tis::after,
.school-core .body .tis::before {
    content: ' ';
    position: absolute;
    width: 11px;
    height: 11px;
    background: #548CFC;
    z-index: -1;
}
.school-core .body .tis::before {
    left: -3px;
    top: -3px;
}
.school-core .body .tis::after {
    right: -3px;
    bottom: -3px;
}



.term-center {
    padding-top: 30px;
}

.term-center img {
    margin-top: 33px;
}

/* 核心应用 */
.core-center {
    /* height: 920px; */
    margin-top: 64px;
    background: #F9F9F9;
    padding: 59px 0 95px 0;
}

.core-center .school-view-center img {
    width: 1210px;
    height: 660px;
}

/* 核心优势 */
.core-advantages-center {
    padding: 88px 0 71px 0;
}

.core-advantages-center .school-view-center img {
    width: 1200px;
    height: 280px;
}

/* 合作案例 */

.school-case-center {
    width: 100%;
    background-image: url('../image/school/case-bg.png');
    background-size: 100% 100%;
    padding-bottom: 58px;
    min-height: 800px;
}


.school-case-header {
    text-align: center;
    padding: 59px 0 54px 0;
}

.school-case-center .tab-item {
    font-size: 30px;
    font-family: Source Han Sans CN;
    font-weight: 500;
    color: #CADDFF;
    cursor: pointer;
    margin: 0 40px;
    position: relative;
}

.school-case-center .tab-select {
    font-size: 30px;
    font-family: Source Han Sans CN;
    font-weight: bold;
    color: #FFFFFF;
    margin: 0 40px;
    cursor: pointer;
}

.school-case-center .tab-select:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -12px;
    width: 50%;
    height: 4px;
    background: #FFFFFF;
}

.school-case-content .school-case-card {
    width: 590px;
    height: 270px;
    background: #FFFFFF;
    box-shadow: 5px 7px 9px 0px rgba(44, 99, 197, 0.19);
    border-radius: 4px;
    margin-bottom: 20px;
    padding: 28px;
    float: left;
}

.school-case-content .school-case-card:nth-child(2n+0) {
    margin-left: 16px;
}

.school-case-content .school-case-title {
    font-size: 26px;
    font-family: Source Han Sans CN;
    font-weight: bold;
    color: #333333;
}

.school-case-card .school-card-header {
    height: 35px;
    position: relative;
}

.school-case-card .school-card-header .left {
    width: 25px;
    height: 20px;
    position: absolute;
    top: 10px
}

.school-case-card .school-card-header .right {
    width: 25px;
    height: 20px;
    position: absolute;
    top: 10px
}

.school-case-card .school-card-header .school-log {
    width: 50px;
    height: 50px;
    margin: 0 10px;
    margin-left: 35px;
}

.school-case-card .school-card-header .school-log-title {
    font-size: 26px;
    font-family: Source Han Sans CN;
    font-weight: bold;
    color: #333333;
    margin-right: 10px;
}

.school-case-card .school-card-header .title {
    font-size: 26px;
    font-family: Source Han Sans CN;
    font-weight: bold;
    color: #333333;
    margin: 0 10px;
    margin-left: 35px;
}

.school-case-card .school-card-content {
    width: 530px;
    height: 186px;
}

.school-case-card .school-card-content .school-card-title {
    font-family: SourceHanSansCN-Normal;
    width: 530px;
    font-size: 14px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #888888;
    position: relative;
    top: 50%;
    /*偏移*/
    transform: translateY(-50%);
}


/* 全国智慧校园 */

.school-country-center {
    padding-top: 65px;
}

.school-country-center .school-country-center-content {
    width: 100%;
    min-height: 400px;
    background-image: url('../image/school/school-bg.png');
    background-size: 100% auto;
    background-repeat: no-repeat;
}

.school-country-swiper-container {
    width: 100%;
    /* overflow: hidden; */
    overflow-x: hidden;
    padding: 103px 0 73px 36px;
}

.school-country-swiper-container .card-item {
    width: 193px;
    height: 193px;
    /* background: #FFFFFF; */
    /* border: 1px solid #E5E5E5; */
    border-radius: 6px;
    padding: 0px;
    display: inline-block;
    margin-right: 30px;
    margin-bottom: 30px;
}

.school-country-swiper-container .card-item:last-child {
    width: 193px;
    height: 193px;
    /* background: #FFFFFF; */
    /* border: 1px solid #E5E5E5; */
    border-radius: 6px;
    padding: 0px;
    display: inline-block;
    margin-right: 0px;
    margin-bottom: 30px;
}

.school-country-swiper-container img {
    width: 190px;
    height: 190px;
    /* background: #FFFFFF; */
    border-radius: 6px;
    margin: 0;
    padding: 0;
}

/* tdog五大产品服务子页面start */
/* 五大产品公共样式start */
.tdog-product-screen img {
    width: 100%;
}
.content-box {
    width: 1022px;
    margin: 0 auto;
}
.tdog-product-introduction {
    padding: 50px 0;
}
.product-desc {
    width: 975px;
    font-size: 14px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #555555;
    line-height: 20px;
}
.border-title {
    border-left: 10px solid #448AFF;
    font-size: 18px;
    font-family: Source Han Sans CN;
    font-weight: bold;
    color: #333333;
    padding-left: 15px;
}
.small-title {
    font-size: 18px;
    font-family: PingFang SC;
    font-weight: 800;
    color: #333333;
    margin-bottom: 20px;
}
.large-title {
    font-size: 22px;
    font-family: Source Han Sans CN;
    font-weight: bold;
    color: #333333;
}
.case-box {
    margin-bottom: 37px;
}
.case-box .case-item {
    display: inline-block;
    margin: 0 44px 43px 0;
    text-align: center;
}
.case-box .case-item:nth-child(3n) {
    margin-right: 0;
}
.w-993 { width: 993px;}
/* 五大产品公共样式end */

/* 产品1样式 start */
.product1-content-box {
    width: 1090px;
    margin: 0 auto;
    padding: 50px 0 0;
}
.card-lists {
    margin-top: 42px;
}
.card-lists::after {
    content: '';
    display: block;
    clear: both;
}
.card-lists .card-item {
    width: 340px;
    height: 242px;
    padding: 46px 60px 0 60px;
    border: 1px solid #9DCDFF;
    border-radius: 10px;
    float: left;
    margin-right: 33px;
}
.card-lists .card-item:nth-child(3n) {
    margin-right: 0;
}
.card-lists .card-item .title {
    font-size: 18px;
    font-family: PingFang SC;
    font-weight: 800;
    color: #548CFC;
    border-left: 6px solid #3699FF;
    padding-left: 11px;
    margin-bottom: 30px;
}
.card-lists .card-item .desc {
    font-size: 14px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #555555;
    line-height: 20px;
    text-align: justify;
}
/* .product1-swiper .swiper-wrapper {
    width: 630px;
}
.product1-swiper .swiper-slide {
    position: relative;
}
.product1-swiper .swiper-wrapper .swiper-slide img {
    width: 630px;
    height: 319px;
}
.product1-swiper .swiper-slide .subtitle {
    position: absolute;
    width: 100%;
    height: 60px;
    background: #448AFF;
    border-radius: 0px 0px 10px 10px;
} */
.banners-box {
    position: relative;
    overflow: hidden;
    height: 319px;
}
.img-box {
    position: absolute;
    transition: 1.2s;
}
.center-item {
    width: 630px;
    height: 319px;
    z-index: 100;
    left: 50%;
    transform: translateX(-50%);
    overflow: hidden;
}
.center-item img {
    width: 630px;
    height: 319px;
}
.prev-item, .next-item {
    top: 10px;
    /* transform: translateY(-50%); */
}
.prev-item img, .next-item img { height: 300px; }
.prev-item {
    transform: translateX(-391px) rotateY(0deg) scale(1);
    /* left: -391px; */
}
.next-item {
    transform: translateX(890px) rotateY(0deg) scale(1);
    /* right: -391px; */
}
.product1-banners .banner-pages {
    text-align: center;
    margin-top: 40px;
}
.product1-banners .banner-pages .page {
    display: inline-block;
    width: 50px;
    height: 5px;
    background: #D9E3F4;
    margin-right: 20px;
    cursor: pointer;
}
.product1-banners .banner-pages .page-active { background: #448AFF;}
.product1-banners .banner-pages .page:last-child { margin-right: 0; }

.product1-case {
    padding: 0;
}
.product1-case .large-title {
    margin-bottom: 62px;
}
.product1-case .case-box .case-item {
    /* margin: 0 57px 60px 0; */
    margin-bottom: 60px;
    margin-right: 0;
    width: 178px;
    height: 188px;
    display: block;
    float: left;
}
.product1-case .case-box::after {
    content: '';
    display: block;
    clear: both;
}
.product1-case .case-box .case-item:nth-child(6n) {
    margin-right: 0;
}
.product1-case .case-box .case-item img {
    width: 120px;
    height: 120px;
    margin-bottom: 30px;
}
.product1-case .case-box .case-item p {
    font-size: 14px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #555555;
}
/* 产品1样式 end */

/* 产品2样式 start */
.service-box {
    margin: 40px 0 50px;
    text-align: center;
}
.service-box .service-item {
    display: inline-block;
    width: 230px;
    height: 150px;
    box-shadow: 0px 2px 16px 0px rgba(10, 2, 5, 0.1);
    border-radius: 6px;
    text-align: center;
    margin: 0 23px 30px 0;
}
.service-box .service-item img {
    width: 50px;
    height: 50px;
    margin: 30px 0 25px;
}
.service-box .service-item p{
    font-size: 20px;
    font-family: Source Han Sans CN;
    font-weight: 500;
    color: #555555;
}
.recommended-events img {
    width: 984px;
    margin-top: 20px;
}
.product2-case .large-title{
    margin-top: 79px;
    margin-bottom: 39px;
}
.product2-case .case-box .case-item img {
    width: 300px;
    height: 224px;
}
.product2-case .case-box .case-item p {
    font-size: 14px;
    font-family: PingFang SC;
    font-weight: 500;
    color: #666666;
    margin-top: 17px;
}
/* 产品2样式 end */

/* 产品3样式 start */
.introduction-box {
    background-image: url('/static/image/tdog/product3/background.png');
    background-size: auto 100%;
    width: 100%;
    height: 280px;
    margin-bottom: 8px;
}
.introduction-item {
    display: inline-block;
    /* width: 145px; */
    text-align: center;
    margin: 83px 55px 0 0;
}
.introduction-item:last-child {
    margin-right: 0;
}
.introduction-item img {
    width: 80px;
    height: 80px;
    margin-bottom: 32px;
}
.introduction-item p {
    font-size: 16px;
    font-family: Source Han Sans CN;
    font-weight: 500;
    color: #333333;
}
.match-level {
    margin-top: 56px;
}
.match-level img {
    width: 987px;
}
.product3-case .large-title{
    margin: 7px 0 37px 0;
}
.product3-case .case-box .case-item img {
    width: 300px;
    height: 206px;
}
.product3-case .case-box .case-item p {
    font-size: 14px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #555555;
    margin-top: 22px;
}
/* 产品3样式 end */

/* 产品4样式 start */
.product-detail {
    margin-top: 64px;
}
.product-detail .detail-item {
    display: inline-block;
    margin: 0 40px 0 20px;
    width: 280px;
}
.product-detail .detail-item:last-child {
    margin-right: 0;
}
.product-detail .detail-item .detail-item-title {
    font-size: 22px;
    font-family: Source Han Sans CN;
    font-weight: bold;
    color: #F8FBF2;
    padding: 39px 0;
    text-align: center;
}
.product-detail .detail-item:first-child .detail-item-title {
    background-color: #01B0F1;
}
.product-detail .detail-item:nth-child(2) .detail-item-title {
    background-color: #FFC92A;
}
.product-detail .detail-item:nth-child(3) .detail-item-title {
    background-color: #91CF4B;
}
.product-detail .detail-item .detail-item-list {
    font-size: 16px;
    font-family: Source Han Sans CN;
    font-weight: bold;
    color: #555555;
    padding: 42px 0;
    text-align: center;
    line-height: 27.5px;
    background-color: #F8FBF2;
}
.product4-case .large-title{
    margin: 12px 0 45px 0;
}
.product4-case .case-box .case-item {
    margin: 0 12px 39px 0;
}
.product4-case .case-box .case-item img {
    width: 320px;
    height: 200px;
}
.product4-case .case-box .case-item p {
    font-size: 14px;
    font-family: Source Han Sans CN;
    font-weight: 500;
    color: #8B95A6;
    margin-top: 19px;
}
/* 产品4样式 end */

/* 产品5样式 start */
.classes-box {
    margin-top: 30px;
}
.classes-box .class-img {
    display: none;
    float: left;
}
.classes-box .shadow {
    box-shadow: 0px 2px 16px 0px rgba(10, 2, 5, 0.1);
    border-radius: 14px;
}
.classes-box .active { display: block; }
.classes-box img {
    width: 724px;
    height: 374px;
}
.classes-box::after {
    content: '';
    display: block;
    clear: both;
}
.classes-box .button-group {
    float: right;
    margin-right: 28px;
}
.classes-box .button-group .button-item {
    width: 240px;
    height: 70px;
    color: #3E82FD;
    border: 2px solid #3E82FD;
    border-radius: 6px;
    font-size: 24px;
    font-family: PingFang SC;
    font-weight: 800;
    text-align: center;
    line-height: 70px;
    margin-bottom: 20px;
    cursor: pointer;
}
.classes-box .button-group .button-item:first-child { margin-top: 15px; }
.classes-box .button-group .button-item:last-child { margin-bottom: 0; }
.classes-box .button-group .active {
    background-color: #3E82FD;
    color: #fff;
}
.illus-box {
    margin-top: 86px;
}
.illus-box::after {
    content: '';
    display: block;
    clear: both;
}
.illus-box .illus-img {
    float: left;
    margin-left: 40px;
}
.illus-box .illus-img img {
    width: 470px;
    height: 360px;
}
.illus-info {
    float: right;
    width: 413px;
    margin-right: 24px;
}
.illus-info .illus-info-title {
    font-size: 24px;
    font-family: PingFang SC;
    font-weight: bold;
    color: #333333;
    margin: 110px 0 25px 0;
}
.illus-info .illus-info-desc {
    font-size: 18px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #555555;
    line-height: 30px;
    text-align: justify;
}
.product5-case .large-title{
    margin: 99px 0 40px 0;
}
.product5-case .case-box .case-item img {
    width: 220px;
    height: 152px;
}
.product5-case .case-box .case-item p {
    margin-top: 17px;
    font-size: 14px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #555555;
}
.product5-case .case-box .case-item {
    margin: 0 33px 43px 0;
}
.product5-case .case-box .case-item:nth-child(4n) {
    margin-right: 0;
}
/* 产品5样式 end */

/* tdog五大产品服务子页面end */