@charset 'utf-8'; * {
    margin: 0;
    padding: 0;
}

@font-face {
    font-family: 'SourceHanSansCN';
    src: url('./family/SourceHanSansCN-Regular.otf');
}

body {
    font-size: 14px;
    /* font-family: 'SourceHanSansCN'; */
    color: #242121;
}

li {
    list-style: none;
}

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

img {
    vertical-align: top;
}

input,select,textarea,button {
    outline: none;
    /* font-family: 'SourceHanSansCN'; */
}

.clear {
    clear: both;
}

.container {
    margin: 0 auto;
}

@media (min-width: 1400px) {
    .container {
        max-width: 1400px;
    }
}

@media (max-width: 1399px) {
    .container {
        max-width: 100%;
    }
}

/* 头部 */
.top {
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 12;
}

.header {
    height: 90px;
    background: #fff;
    border-bottom: solid #e6e6e6 1px;
}

.header .logo {
    width: 320px;
    float: left;
    margin-top: 30px;
}

.header .menu {
    width: calc(100% - 500px);
    float: left;
    text-align: center;
}

.header .menu li {
    display: inline-block;
    margin: 0 20px;
    font-size: 16px;
    line-height: 88px;
}

.header .menu li a {
    color: #000;
}

.header .menu li p {
    position: relative;
    cursor: pointer;
}

.header .menu li p:hover::after {
    content: '>';
    transform: rotate(90deg);
    font-family: cursive;
    font-weight: bold;
    position: absolute;
    top: 0;
    right: -16px;
}

.header .menu li.clicked {
    border-bottom: solid #003693 2px;
}

.header .menu li.clicked p {
    font-weight: bold;
}

.header .menu li.clicked p:hover::after {
    content: '>';
    transform: rotate(-90deg);
    font-family: cursive;
    font-weight: bold;
    position: absolute;
    top: 0;
    right: -16px;
}

.header .dropDownMenu .downMask {
    width: 100%;
    height: 100%;
    display: none;
    background: rgba(0, 0, 0, 0.5);
    position: fixed;
    left: 0;
    top: 91px;
}

.header .dropDownMenu .downMenu {
    width: 100%;
    display: none;
    background: #fff;
    position: fixed;
    left: 0;
    top: 91px;
}

.header .dropDownMenu .downMenu .container {
    position: relative;
}

.header .dropDownMenu .downMenu .closeDown {
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 30px;
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer;
}

.header .dropDownMenu .downMenu .dropContent {
    display: none;
}

.header .dropDownMenu .downMenu li {
    font-size: 16px;
}

.header .dropDownMenu .downMenu li a {
    color: #000;
}

/* .header .dropDownMenu .downMenu .productMenu{width: 600px; height: 400px; padding: 10px 0; margin: 0 auto;}
.header .dropDownMenu .downMenu .productMenu .category{width: 50%; position: relative;}
.header .dropDownMenu .downMenu .productMenu .category li{display: block; line-height: 36px; text-align: left; margin: 5px 0; cursor: pointer;}
.header .dropDownMenu .downMenu .productMenu .category li.current{background: #f9f9f9; padding-left: 15px; color: #003693; border-radius: 8px 0 0 8px;}
.header .dropDownMenu .downMenu .productMenu .secondary{width: 100%; padding: 5px 20px; background: #f9f9f9; border-radius: 8px; position: absolute; top: 0; left: 100%; display: none;}
.header .dropDownMenu .downMenu .productMenu .category li:first-child .secondary{border-radius: 0 8px 8px 8px;}
.header .dropDownMenu .downMenu .productMenu .category li.current .secondary{display: block;}
.header .dropDownMenu .downMenu .productMenu .secondary li{display: block; line-height: 36px; margin: 5px 0;}
.header .dropDownMenu .downMenu .productMenu .secondary ul{height: 300px; overflow-y: auto;}
.header .dropDownMenu .downMenu .productMenu .secondary h5{font-size: 16px; line-height: 50px; font-weight: normal; border-top: solid #eee 1px;} */
.header .dropDownMenu .downMenu .productMenu {
    padding: 10px 0;
}

.header .dropDownMenu .downMenu .productMenu::after {
    content: '';
    display: table;
    clear: both;
}

.header .dropDownMenu .downMenu .productMenu .category {
    width: 45%;
    margin-right: 5%;
    float: left;
}

.header .dropDownMenu .downMenu .productMenu .category h3 {
    font-size: 18px;
    line-height: 50px;
    border-bottom: solid #e5e5e5 1px;
}

.header .dropDownMenu .downMenu .productMenu .categoryItem {
    display: flex;
}

.header .dropDownMenu .downMenu .productMenu ul {
    width: 50%;
    padding: 10px 0;
}

.header .dropDownMenu .downMenu .productMenu ul h4 {
    display: inline-block;
    font-size: 16px;
    line-height: 38px;
}

.header .dropDownMenu .downMenu .productMenu ul li {
    line-height: 36px;
    cursor: pointer;
}

.header .dropDownMenu .downMenu .sceneMenu {
    text-align: center;
}

.header .dropDownMenu .downMenu .sceneMenu li {
    display: inline-block;
    line-height: 80px;
    margin: 0 20px;
}

.header .dropDownMenu .downMenu .partnerMenu {
    text-align: center;
}

.header .dropDownMenu .downMenu .partnerMenu li {
    display: inline-block;
    line-height: 80px;
    margin: 0 20px;
}

.header .dropDownMenu .downMenu .aboutMenu {
    width: 80%;
    float: right;
    margin-right: 50px;
    display: flex;
}

.header .dropDownMenu .downMenu .aboutMenu ul {
    width: 30%;
    text-align: left;
    margin: 0 2%;
    padding: 10px 0;
}

.header .dropDownMenu .downMenu .aboutMenu ul li {
    display: block;
    line-height: 36px;
    margin: 0;
}

.header .dropDownMenu .downMenu .aboutMenu ul h4 {
    font-size: 18px;
    line-height: 50px;
    border-bottom: solid #eee 1px;
    margin-bottom: 10px;
}

.header .language {
    width: 180px;
    float: right;
    margin-top: 30px;
    line-height: 30px;
}

.header .language li {
    float: left;
}

/* .header .language .cn{padding-left: 35px; margin: 0 15px; background: url("../images/cn.png") left center no-repeat;} */
.header .language .cn {
    margin: 0 15px;
}

.header .language .en {
    position: relative;
    margin: 0 15px;
}

.header .language .en::before {
    width: 1px;
    height: 12px;
    content: '';
    background: #ddd;
    position: absolute;
    left: -15px;
    top: 9px;
}

.header .search {
    margin: 5px 0 0 15px;
}

.header .search .search_btn {
    width: 18px;
    height: 18px;
    vertical-align: top;
    background: url("../images/search.png");
    cursor: pointer;
}

.header .search .search_windows {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99;
    display: none;
}

.header .search .search_windows.show {
    display: block;
}

.header .search .search_windows .close_layer {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.header .search .search_windows .search_form {
    width: 460px;
    height: 42px;
    box-sizing: content-box;
    padding: 50px;
    margin: 200px auto 0;
    background: #fff;
    position: relative;
}

.header .search .search_windows .search_form input {
    width: 410px;
    height: 40px;
    float: left;
    font-size: 16px;
    box-sizing: border-box;
    padding: 0 18px;
    border: solid #eee 1px;
}

.header .search .search_windows .search_form button {
    width: 50px;
    height: 40px;
    float: left;
    border: solid #eee 1px;
    border-left: none;
    background: url("../images/search.png") center no-repeat;
    cursor: pointer;
}

.header .search .search_windows .search_form .close_btn {
    width: 28px;
    height: 28px;
    text-align: center;
    line-height: 28px;
    font-size: 26px;
    color: #666;
    position: absolute;
    top: 6px;
    right: 6px;
}

/* 首页轮播图 */
.banner {
    width: 100%;
    margin-top: 91px;
    overflow: hidden;
    position: relative;
}

.banner .bannerPicture img {
    width: 100%;
}

.banner .bannerText {
    width: 100%;
    position: absolute;
    left: 0;
    top: 26%;
}

.banner .bannerText h3 {
    font-size: 52px;
    color: #1b1b1b;
}

.banner .bannerText p {
    font-size: 20px;
    color: #1b1b1b;
    margin-top: 20px;
}

.banner .bannerText a {
    width: 136px;
    height: 36px;
    display: inline-block;
    font-size: 18px;
    text-align: center;
    line-height: 36px;
    border: solid #000 1px;
    color: #1b1b1b;
    margin-top: 48px;
}

.banner .bannerText a:hover {
    background: #003693;
    color: #fff;
    border-color: #003693;
}

.banner .swiper-button-prev, .banner .swiper-button-next {
    opacity: 0;
    display: none;
}

.banner:hover .swiper-button-prev, .banner:hover .swiper-button-next {
    opacity: 0.8;
    display: none;
}

.banner .swiper-pagination {
    bottom: 16px !important;
}

.banner .swiper-pagination .swiper-pagination-bullet {
    width: 100px;
    height: 3px;
    margin: 0 8px;
    border-radius: 0;
    background: #fff;
    opacity: 0.8;
    cursor: pointer;
}

.banner .swiper-pagination .swiper-pagination-bullet-active {
    background: #fff;
    opacity: 1;
}

/* 首页模块内容标题 */
.indexTitle {
    text-align: center;
}

.indexTitle h3 {
    display: inline-block;
    font-size: 40px;
    color: #1e1e1e;
    position: relative;
}

.indexTitle h3::after {
    width: 44px;
    height: 2px;
    content: '';
    background: #0590c7;
    position: absolute;
    bottom: -10px;
    left: 50%;
    margin-left: -22px;
}

/* 首页推荐 */
.indexRecommend {
    margin-top: 60px;
}

.indexRecommend .indexRecommendContent {
    margin-top: 60px;
}

.indexRecommend .indexRecommendContent .contentBox {
    display: inline-block;
    margin-bottom: 35px;
    position: relative;
    overflow: hidden;
}

.indexRecommend .indexRecommendContent .contentBox .contentPicture {
    max-width: 100%;
    max-height: 100%;
}

.indexRecommend .indexRecommendContent .contentBox .contentPicture img {
    width: 100%;
    height: 100%;
    transition: all 0.5s;
}

.indexRecommend .indexRecommendContent .contentBox .mask {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 1);
    opacity: 0;
    transition: all 0.5s;
}

.indexRecommend .indexRecommendContent .contentBox:hover .contentPicture img {
    transform: scale(1.1);
}

.indexRecommend .indexRecommendContent .contentBox:hover .mask {
    opacity: 0.3;
}

.indexRecommend .indexRecommendContent .contentBox:nth-child(1) {
    width: 64%;
    margin-right: 3%;
}

.indexRecommend .indexRecommendContent .contentBox:nth-child(2) {
    width: 32%;
}

.indexRecommend .indexRecommendContent .contentBox:nth-child(3) {
    width: 32%;
    margin-right: 3%;
}

.indexRecommend .indexRecommendContent .contentBox:nth-child(4) {
    width: 64%;
}

.indexRecommend .indexRecommendContent .contentBox:nth-child(5) {
    width: 32%;
    margin-right: 3%;
}

.indexRecommend .indexRecommendContent .contentBox:nth-child(6) {
    width: 30%;
    margin-right: 2%;
}

.indexRecommend .indexRecommendContent .contentBox:nth-child(7) {
    width: 32%;
}

.indexRecommend .indexRecommendContent .contentBox .contentText {
    width: 88%;
    color: #fff;
    position: absolute;
    bottom: 5%;
    left: 30px;
    transition: all 0.5s;
}

.indexRecommend .indexRecommendContent .contentBox .contentText .contentType {
    font-size: 18px;
}

.indexRecommend .indexRecommendContent .contentBox .contentText .contentTitle {
    font-size: 24px;
    line-height: 2em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.indexRecommend .indexRecommendContent .contentBox .contentText .contentDescription {
    font-size: 18px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.indexRecommend .indexRecommendContent .contentBox:hover .contentText {
    bottom: 13%;
}

/* 首页视频 */
.indexVideo {
    margin-top: 60px;
}

.indexVideo video {
    width: 100%;
    vertical-align: middle;
}

/* 首页中间广告图 */
.centerBanner {
    margin-top: 80px;
    position: relative;
}

.centerBanner .bannerPicture img {
    width: 100%;
}

.centerBanner .bannerText {
    width: 490px;
    text-align: right;
    position: absolute;
    right: 50%;
    top: 26%;
    margin-right: -700px;
}

.centerBanner .bannerText h3 {
    font-size: 52px;
    color: #1b1b1b;
}

.centerBanner .bannerText p {
    font-size: 18px;
    color: #1b1b1b;
    margin-top: 20px;
    line-height: 30px;
}

.centerBanner .bannerText a {
    width: 136px;
    height: 36px;
    display: inline-block;
    font-size: 18px;
    text-align: center;
    line-height: 36px;
    border: solid #000 1px;
    color: #1b1b1b;
    margin-top: 48px;
}

.centerBanner .bannerText a:hover {
    background: #003693;
    color: #fff;
    border-color: #003693;
}

/* 首页新闻与活动 */
.indexNews {
    margin-top: 60px;
}

.indexNews .indexNewsBox {
    margin-top: 60px;
}

.indexNews .indexNewsBox .indexNewsList {
    width: 30%;
    float: left;
    margin-right: 5%;
    background: #f9f9f9;
    box-shadow: 0 0 10px #ddd;
}

.indexNews .indexNewsBox .indexNewsList .newsPicture {
    position: relative;
    overflow: hidden;
}

.indexNews .indexNewsBox .indexNewsList .newsPicture img {
    width: 100%;
    transition: all 0.5s;
}

.indexNews .indexNewsBox .indexNewsList:hover .newsPicture img {
    transform: scale(1.1);
}

.indexNews .indexNewsBox .indexNewsList .newsTitle {
    width: 108px;
    height: 45px;
    font-size: 18px;
    text-align: center;
    line-height: 45px;
    background: rgba(65, 65, 65, 0.5);
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
}

.indexNews .indexNewsBox .indexNewsList .newsContent {
    padding: 20px 26px;
}

.indexNews .indexNewsBox .indexNewsList .newsContent .newsDate {
    line-height: 22px;
    color: #9f9f9f;
}

.indexNews .indexNewsBox .indexNewsList .newsContent .newsDate .address {
    width: 17px;
    height: 22px;
    display: inline-block;
    background: url("../images/address.png");
    vertical-align: text-bottom;
    margin-right: 10px;
}

.indexNews .indexNewsBox .indexNewsList .newsContent .newsDate .date {
    width: 20px;
    height: 20px;
    display: inline-block;
    background: url("../images/date.png");
    vertical-align: text-bottom;
    margin-right: 10px;
    margin-left: 15px;
}

.indexNews .indexNewsBox .indexNewsList .newsContent .newsName {
    margin-top: 20px;
    font-size: 20px;
    height: 56px;
    line-height: 28px;
    color: #222;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}

.indexNews .indexNewsBox .indexNewsList .newsContent .newsDescription {
    font-size: 15px;
    color: #222;
    line-height: 28px;
    margin-top: 20px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}

.indexNews .indexNewsBox .industryNews {
    width: 30%;
    float: right;
    background: #f9f9f9;
    box-shadow: 0 0 10px #ddd;
}

.indexNews .indexNewsBox .industryNews .newsTitle {
    width: 108px;
    height: 45px;
    font-size: 18px;
    text-align: center;
    line-height: 45px;
    background: rgba(65, 65, 65, 0.5);
    color: #fff;
}

.indexNews .indexNewsBox .industryNews .industryNewsList {
    padding: 6px 16px;
}

.indexNews .indexNewsBox .industryNews .industryNewsList li {
    padding: 10px 0;
}

.indexNews .indexNewsBox .industryNews .industryNewsList .newsName {
    font-size: 20px;
    color: #222;
    line-height: 28px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}

.indexNews .indexNewsBox .industryNews .industryNewsList .date {
    font-size: 14px;
    color: #636363;
    margin-top: 9px;
}

.indexNews .indexNewsBox .industryNews .industryNewsList a:hover .newsName {
    color: #003693;
}

.indexNews .indexNewsBox .industryNews .industryNewsList a:hover .date {
    color: #003693;
}

.indexNews .moreNews {
    text-align: center;
    margin: 80px 0 100px;
}

.indexNews .moreNews a {
    width: 168px;
    height: 38px;
    display: inline-block;
    font-size: 16px;
    margin: 0 25px;
    text-align: center;
    line-height: 38px;
    border: solid #333 1px;
    color: #000;
}

.indexNews .moreNews a:hover {
    background: #003693;
    color: #fff;
    border-color: #003693;
}

/* 首页底部 */
.indexFooter {
    background: #f2f2f2;
}

.indexFooter .crumbs {
    float: left;
    font-size: 16px;
    color: #404040;
    line-height: 40px;
}

.indexFooter .crumbs a {
    color: #404040;
}

.indexFooter .indexSearch {
    padding: 18px 0 13px;
    border-bottom: solid #d4d4d4 1px;
}

.indexFooter .indexSearch .footerSearch {
    width: 460px;
    height: 40px;
    float: right;
    box-sizing: border-box;
    padding: 5px 10px;
    border: solid #d2d2d2 1px;
    background: #fff;
}

.indexFooter .indexSearch .footerSearch input {
    width: 400px;
    height: 30px;
    font-size: 16px;
    border: none;
    border-right: solid #e5e5e5 1px;
    outline: none;
    display: inline-block;
    vertical-align: top;
}

.indexFooter .indexSearch .footerSearch button {
    width: 30px;
    height: 30px;
    background: url("../images/search.png") center no-repeat;
    border: none;
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
}

.indexFooter .footerMenu {
    margin-top: 20px;
    padding-bottom: 50px;
    border-bottom: solid #d4d4d4 1px;
}

.indexFooter .footerMenu>ul {
    width: 20%;
    float: left;
}

.indexFooter .footerMenu ul.lang {
    display: none;
}

.indexFooter .footerMenu h4 {
    font-size: 20px;
    line-height: 40px;
}

.indexFooter .footerMenu li {
    font-size: 16px;
    padding: 5px 0;
    line-height: 30px;
}

.indexFooter .footerMenu li a {
    color: #6f6f6f;
}

.indexFooter .friendlyLink {
    width: 80%;
    float: left;
    height: 40px;
    padding: 25px 0;
    line-height: 40px;
    font-size: 14px;
}

.indexFooter .friendlyLink p {
    display: inline-block;
}

.indexFooter .friendlyLink a {
    color: #000;
}

.indexFooter .share {
    width: 20%;
    float: right;
    padding: 25px 0;
    line-height: 40px;
    text-align: right;
}

.indexFooter .share .shareList {
    float: left;
    margin-left: 15px;
    position: relative;
}

.indexFooter .share .shareList .wxcode {
    width: 88px;
    height: 88px;
    background: #fff;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 45px;
    display: none;
}

.indexFooter .share .shareList:hover .wxcode {
    display: block;
}

.indexFooter .share .shareList .wxcode img {
    width: 100%;
}

.indexFooter .share a {
    display: block;
}

.indexFooter .share img {
    display: inline-block;
    vertical-align: middle;
}

.indexCopyright {
    padding: 15px 0;
    line-height: 30px;
    background: #e5e5e5;
    text-align: center;
    color: #000;
}

.indexCopyright a {
    color: #000;
}

/* 内页样式 */
.commonTopBanner {
    margin-top: 91px;
}

.commonTopBanner img {
    width: 100%;
}

.commonCenterBanner {
}

.commonCenterBanner img {
    width: 100%;
}

.commonTitle {
    text-align: center;
    padding: 60px 0;
}

.commonTitle h3 {
    display: inline-block;
    font-size: 42px;
    font-weight: normal;
    padding-bottom: 22px;
    position: relative;
}

.commonTitle h3::after {
    height: 2px;
    content: '';
    background: #003693;
    position: absolute;
    left: 50%;
    bottom: 0;
}

.commonTitle h3.xl::after {
    width: 200px;
    margin-left: -100px;
}

.commonTitle h3.md::after {
    width: 110px;
    margin-left: -55px;
}

.commonTitle h3.sm::after {
    width: 80px;
    margin-left: -40px;
}

.navigation {
    position: relative;
    margin-top: -64px;
}

.navigation.fixed {
    width: 100%;
    position: fixed;
    top: 91px;
    margin-top: 0;
    z-index: 11;
}

.navigation .anchor {
    padding: 23px 9px;
    box-sizing: border-box;
    line-height: 50px;
    background: #fff;
    border-radius: 13px;
    box-shadow: 0 0 10px #eee;
}

.navigation .anchor::after {
    content: '';
    display: table;
    clear: both;
}

.navigation a {
    display: inline-block;
    font-size: 20px;
    color: #666;
    margin: 0 30px;
}

.navigation a.active {
    color: #003693;
}

.navigation a:hover {
    color: #003693;
}

.navigation a.consult {
    width: 138px;
    height: 50px;
    float: right;
    text-align: center;
    background: #003693;
    color: #fff;
    border-radius: 13px;
}

.navigation .manchor {
    display: none;
}

/* 产品大类目 */
.productSummarize {
    padding: 100px 0;
}

.productSummarize .label {
    width: 25%;
    float: left;
    font-size: 42px;
    color: #242121;
}

.productSummarize .label label {
    border-bottom: solid #003693 2px;
    padding-bottom: 22px;
}

.productSummarize .text {
    width: 70%;
    float: right;
    font-size: 18px;
    line-height: 36px;
    color: #666;
}

.productCategory {
    background: #f9f9f9;
}

.productCategory .categoryTab {
    height: 64px;
    background: #fff;
    border-radius: 32px;
}

.productCategory .categoryTab ul {
}

.productCategory .categoryTab ul li {
    display: inline-block;
    line-height: 64px;
    padding: 0 50px;
    font-size: 22px;
    color: #333;
    cursor: pointer;
}

.productCategory .categoryTab ul li:hover {
    color: #003693;
}

.productCategory .categoryTab ul li.current {
    background: #003693;
    color: #fff;
    border-radius: 32px;
}

.productCategory .categoryList {
    background: #fff;
    padding: 33px 45px;
    border-radius: 10px;
    margin-top: 45px;
    display: none;
}

.productCategory .categoryList:first-child {
    display: block;
}

.productCategory .categoryList .categoryPicture {
    width: 40%;
    float: left;
    border: solid #ebebeb 1px;
}

.productCategory .categoryList .categoryPicture img {
    width: 100%;
}

.productCategory .categoryList .categoryContent {
    width: 55%;
    float: right;
    padding: 20px 0;
}

.productCategory .categoryList .categoryContent .categoryName {
    font-size: 26px;
    color: #333;
    padding: 20px 0;
}

.productCategory .categoryList .categoryContent .categoryText {
    font-size: 16px;
    color: #666;
    line-height: 32px;
    padding: 10px 0;
}

.productCategory .categoryList .categoryContent .moreProducts {
    margin-top: 50px;
}

.productCategory .categoryList .categoryContent .moreProducts a {
    width: 134px;
    height: 42px;
    display: inline-block;
    text-align: center;
    line-height: 42px;
    font-size: 16px;
    color: #003693;
    border: solid #003693 1px;
    border-radius: 8px;
}

.productCategory .categoryList .categoryContent .moreProducts a:hover {
    background: #003693;
    color: #fff;
}

.applicationScenarios {
    background: #f9f9f9;
    padding: 40px 0 180px;
}

.applicationScenarios .scenariosList {
    width: 32%;
    float: left;
    background: #fff;
    margin-right: 2%;
    border-radius: 8px;
    overflow: hidden;
}

.applicationScenarios .scenariosList:nth-child(3) {
    float: right;
    margin-right: 0;
}

.applicationScenarios .scenariosList .scenariosPicture img {
    width: 100%;
}

.applicationScenarios .scenariosList .scenariosName {
    font-size: 28px;
    color: #242121;
    padding: 25px;
}

.applicationScenarios .scenariosList .scenariosText {
    height: 130px;
    font-size: 14px;
    line-height: 26px;
    color: #666;
    padding: 0 25px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;
    text-overflow: ellipsis;
}

.applicationScenarios .scenariosList .scenariosMore {
    padding: 60px 25px;
}

.applicationScenarios .scenariosList .scenariosMore a {
    width: 134px;
    height: 42px;
    display: inline-block;
    text-align: center;
    line-height: 42px;
    font-size: 16px;
    color: #003693;
    border: solid #003693 1px;
    border-radius: 8px;
}

.applicationScenarios .scenariosList .scenariosMore a:hover {
    background: #003693;
    color: #fff;
}

/* 产品小类目 */
.categorySummarize {
    padding: 85px 0 90px;
}

.categorySummarize .categoryPicture {
    width: 30%;
    float: left;
    border: solid #ebebeb 1px;
    border-radius: 8px;
    overflow: hidden;
}

.categorySummarize .categoryPicture img {
    width: 100%;
}

.categorySummarize .categoryContent {
    width: 65%;
    float: right;
    padding: 10px 0;
}

.categorySummarize .categoryContent .categoryName {
    font-size: 36px;
    color: #333;
    padding-bottom: 22px;
    position: relative;
}

.categorySummarize .categoryContent .categoryName::after {
    width: 64px;
    height: 2px;
    content: '';
    background: #003693;
    position: absolute;
    left: 0;
    bottom: 0;
}

.categorySummarize .categoryContent .categoryText {
    font-size: 18px;
    color: #666;
    line-height: 36px;
    padding: 10px 0;
}

.productList {
    background: #f7f7f7;
    padding: 20px 0;
}

.productList .pictureList {
    width: 32%;
    float: left;
    margin-right: 2%;
    margin-bottom: 80px;
}

.productList .pictureList:nth-child(3n) {
    margin-right: 0;
}

.productList .pictureList .productPicture {
    border: solid #ebebeb 1px;
    border-radius: 8px;
    overflow: hidden;
}

.productList .pictureList .productPicture img {
    width: 100%;
}

.productList .pictureList .productName {
    font-size: 28px;
    color: #242121;
    text-align: center;
    padding-top: 26px;
}

.productList .pictureList .productText {
    height: 104px;
    font-size: 14px;
    color: #666;
    line-height: 26px;
    text-align: center;
    margin: 10px 30px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    text-overflow: ellipsis;
}

.productList .pictureList .productMore {
    padding-top: 30px;
    text-align: center;
}

.productList .pictureList .productMore a {
    width: 134px;
    height: 42px;
    display: inline-block;
    text-align: center;
    line-height: 42px;
    font-size: 16px;
    color: #003693;
    border: solid #003693 1px;
    border-radius: 8px;
}

.productList .pictureList .productMore a:hover {
    background: #003693;
    color: #fff;
}

/* 应用场景 */
.applicationScenarios2 {
    padding-bottom: 80px;
}

.applicationScenarios2 .scenariosList {
    width: 32%;
    float: left;
    background: #fff;
    margin-right: 2%;
    box-sizing: border-box;
    padding: 25px;
    border: solid #ebebeb 1px;
    border-radius: 8px;
    margin-bottom: 40px;
    overflow: hidden;
}

.applicationScenarios2 .scenariosList:nth-child(3n) {
    margin-right: 0;
}

.applicationScenarios2 .scenariosList .scenariosName {
    font-size: 22px;
    text-align: center;
    color: #242121;
    padding-bottom: 20px;
}

.applicationScenarios2 .scenariosList .scenariosPicture {
    overflow: hidden;
}

.applicationScenarios2 .scenariosList .scenariosPicture img {
    width: 100%;
    transition: all 0.5s;
}

.applicationScenarios2 .scenariosList .scenariosPicture:hover img {
    transform: scale(1.1);
}

.applicationScenarios2 .scenariosList .scenariosText {
    height: 104px;
    font-size: 14px;
    line-height: 26px;
    color: #666;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    text-overflow: ellipsis;
    display: none;
}

.applicationScenarios2 .scenariosList .scenariosMore {
    display: none;
    padding: 25px 0;
}

.applicationScenarios2 .scenariosList .scenariosMore a {
    font-size: 12px;
    color: #003693;
}

/* 产品页成功案例 */
.successfulCase {
    background: #f9f9f9;
    padding-bottom: 80px;
}

.successfulCase .caseSwiper {
    padding-bottom: 80px;
    position: relative;
    overflow: hidden;
}

.successfulCase .caseSwiper .swiper-slide {
    display: flex;
}

.successfulCase .casePicture {
    width: 52%;
    border-radius: 10px;
    overflow: hidden;
}

.successfulCase .casePicture img {
    width: 100%;
}

.successfulCase .caseContent {
    width: 48%;
    background: #fff;
    border-radius: 10px;
    box-sizing: border-box;
    padding: 0 45px 0 85px;
}

.successfulCase .caseContent .pagination {
    margin-top: 50px;
    font-size: 24px;
    color: #666;
}

.successfulCase .caseContent .paginationCurrent {
    font-size: 40px;
    color: #003693;
}

.successfulCase .caseContent .caseName {
    font-size: 28px;
    color: #242121;
    margin-top: 10px;
}

.successfulCase .caseContent .caseText {
    height: 104px;
    font-size: 14px;
    line-height: 26px;
    color: #666;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 10px;
}

.successfulCase .caseContent .caseMore {
    margin-top: 20px;
}

.successfulCase .caseContent .caseMore a {
    font-size: 12px;
    color: #003693;
}

.successfulCase .caseSwiper .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    vertical-align: middle;
    margin: 0 10px !important;
    background: #aebeda;
    opacity: 1;
}

.successfulCase .caseSwiper .swiper-pagination-bullet-active {
    width: 20px;
    height: 20px;
    background: #fff;
    border: solid #003693 1px;
    position: relative;
}

.successfulCase .caseSwiper .swiper-pagination-bullet-active::after {
    width: 8px;
    height: 8px;
    content: '';
    background: #003693;
    border-radius: 50%;
    position: absolute;
    left: 6px;
    top: 6px;
}

.successfulCase .moreCase {
    margin-top: 50px;
    text-align: center;
}

.successfulCase .moreCase a {
    width: 134px;
    height: 42px;
    display: inline-block;
    line-height: 42px;
    font-size: 16px;
    color: #003693;
    border: solid #003693 1px;
    border-radius: 8px;
    transition: all .5s;
}

.successfulCase .moreCase a:hover {
    background: #003693;
    color: #fff;
}

/* 产品页专家观点 */
.expertOpinion {
    padding-bottom: 68px;
}

.expertOpinion .expertOpinionList {
    width: 32%;
    float: left;
    margin-right: 2%;
    margin-bottom: 40px;
    background: #f9f9f9;
    box-sizing: border-box;
    padding: 30px;
    border-radius: 8px;
}

.expertOpinion .expertOpinionList:nth-child(3n) {
    margin-right: 0;
}

.expertOpinion .expertOpinionList .subtitle {
    font-size: 14px;
    color: #242121;
    line-height: 30px;
    display: none;
}

.expertOpinion .expertOpinionList .headline {
    height: 56px;
    font-size: 20px;
    color: #242121;
    line-height: 28px;
    margin: 8px 0;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}

.expertOpinion .expertOpinionList .expertInfor {
    border-top: solid #cecece 1px;
    border-bottom: solid #cecece 1px;
    padding: 25px 4px;
    margin: 20px 0;
}

.expertOpinion .expertOpinionList .expertInfor::after {
    content: '';
    display: table;
    clear: both;
}

.expertOpinion .expertOpinionList .expertInfor img {
    width: 60px;
    height: 60px;
    float: left;
    border-radius: 50%;
    margin-right: 16px;
}

.expertOpinion .expertOpinionList .expertInfor h4 {
    font-size: 16px;
    font-weight: normal;
    color: #242121;
    line-height: 30px;
}

.expertOpinion .expertOpinionList .expertInfor p {
    font-size: 14px;
    color: #242121;
    line-height: 30px;
}

.expertOpinion .expertOpinionDetails {
    line-height: 30px;
}

/* 产品页新闻与活动 */
.newsAndEvents {
    background: #f9f9f9;
    padding-bottom: 60px;
}

.newsAndEvents .newsSwiper {
    padding-bottom: 80px;
    overflow: hidden;
    position: relative;
}

.newsAndEvents .newsSwiper .newsList {
    width: 30%;
    background: #f9f9f9;
    box-shadow: 0 0 10px #ddd;
}

.newsAndEvents .newsSwiper .newsList .newsPicture {
    overflow: hidden;
}

.newsAndEvents .newsSwiper .newsList .newsPicture img {
    max-width: 100%;
    transition: all 0.5s;
}

.newsAndEvents .newsSwiper .newsList:hover .newsPicture img {
    transform: scale(1.1);
}

.newsAndEvents .newsSwiper .newsList .newsContent {
    padding: 20px 26px 50px;
}

.newsAndEvents .newsSwiper .newsList .newsContent .newsDate {
    line-height: 22px;
    color: #9f9f9f;
}

.newsAndEvents .newsSwiper .newsList .newsContent .newsDate .address {
    width: 17px;
    height: 22px;
    display: inline-block;
    background: url("../images/address.png");
    vertical-align: text-bottom;
    margin-right: 10px;
}

.newsAndEvents .newsSwiper .newsList .newsContent .newsDate .date {
    width: 20px;
    height: 20px;
    display: inline-block;
    background: url("../images/date.png");
    vertical-align: text-bottom;
    margin-right: 10px;
    margin-left: 15px;
}

.newsAndEvents .newsSwiper .newsList .newsContent .newsName {
    margin-top: 20px;
    font-size: 20px;
    height: 56px;
    line-height: 28px;
    color: #222;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}

.newsAndEvents .newsSwiper .newsList .newsContent .newsDescription {
    font-size: 15px;
    color: #222;
    line-height: 28px;
    margin-top: 20px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}

.newsAndEvents .newsSwiper .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    vertical-align: middle;
    margin: 0 10px !important;
    background: #aebeda;
    opacity: 1;
}

.newsAndEvents .newsSwiper .swiper-pagination-bullet-active {
    width: 20px;
    height: 20px;
    background: #fff;
    border: solid #003693 1px;
    position: relative;
}

.newsAndEvents .newsSwiper .swiper-pagination-bullet-active::after {
    width: 8px;
    height: 8px;
    content: '';
    background: #003693;
    border-radius: 50%;
    position: absolute;
    left: 6px;
    top: 6px;
}

/* 产品页相关资源 */
.productResources {
}

.productResources .resourcesTab {
    text-align: center;
    margin-top: -20px;
}

.productResources .resourcesTab ul {
    display: inline-block;
    border-bottom: solid #ccc 1px;
}

.productResources .resourcesTab ul li {
    display: inline-block;
    margin-right: 60px;
    font-size: 22px;
    color: #666;
    padding-bottom: 15px;
    cursor: pointer;
}

.productResources .resourcesTab ul li:last-child {
    margin-right: 0;
}

.productResources .resourcesTab ul li.current {
    color: #003693;
    border-bottom: solid #003693 2px;
    margin-bottom: -1px;
}

.productResources .resourcesContent {
    padding-top: 50px;
    display: none;
}

.productResources .resourcesContent:first-child {
    display: block;
}

.productResources .resourcesContent .resourcesList {
    width: 32%;
    float: left;
    margin-right: 2%;
    margin-bottom: 40px;
    box-sizing: border-box;
    border: solid #f8f8f8 1px;
    padding: 30px 25px;
    background: #f8f8f8;
    border-radius: 8px;
    transition: all 0.5s;
}

.productResources .resourcesContent .resourcesList:nth-child(3n) {
    margin-right: 0;
}

.productResources .resourcesContent .resourcesList:hover {
    border: solid #e5e5e5 1px;
    box-shadow: 0 0 10px #e5e5e5;
}

.productResources .resourcesContent .resourcesList h4 {
    height: 60px;
    line-height: 30px;
    font-size: 22px;
    font-weight: normal;
    color: #242121;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}

.productResources .resourcesContent .resourcesList span {
    font-size: 12px;
    color: #003693;
}

.productResources .resourcesContent .videoList {
    width: 32%;
    float: left;
    margin-right: 2%;
    margin-bottom: 40px;
    border-radius: 10px;
    overflow: hidden;
    transition: all 0.5s;
    position: relative;
}

.productResources .resourcesContent .videoList:nth-child(3n) {
    margin-right: 0;
}

.productResources .resourcesContent .videoList .picture {
    overflow: hidden;
}

.productResources .resourcesContent .videoList .picture img {
    width: 100%;
    transition: all 0.5s;
}

.productResources .resourcesContent .videoList:hover .picture img {
    transform: scale(1.1);
}

.productResources .resourcesContent .videoList .play {
    width: 100%;
    height: 100%;
    background: url('../images/play.png') center no-repeat;
    position: absolute;
    left: 0;
    top: 0;
}

.productResources .resourcesContent .videoList .name {
    width: 100%;
    height: 50px;
    background: rgba(0, 0, 0, 0.3);
    line-height: 50px;
    font-size: 20px;
    text-align: center;
    color: #fff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: absolute;
    left: 0;
    bottom: 0;
}

/* 产品详情 */
.productDetails {
    padding: 90px 0 100px;
}

.productDetails .productDetailsSummarize {
}

.productDetails .productDetailsSummarize .productPicture {
    width: 45%;
    float: left;
}

.productDetails .productDetailsSummarize .productPicture img {
    width: 100%;
}

.productDetails .productDetailsSummarize .productThumbnail {
    margin-top: 30px;
    overflow: hidden;
}

.productDetails .productDetailsSummarize .productThumbnail .thumbnail {
    width: 23.5%;
    float: left;
    box-sizing: border-box;
    border: solid #b4b4b4 1px;
    margin-right: 2%;
    margin-bottom: 20px;
    cursor: pointer;
}

.productDetails .productDetailsSummarize .productThumbnail .thumbnail:nth-child(4n) {
    margin-right: 0;
}

.productDetails .productDetailsSummarize .productThumbnail .thumbnail.current {
    border-color: #003693;
}

.productDetails .productDetailsSummarize .productContent {
    width: 50%;
    float: right;
}

.productDetails .productDetailsSummarize .productContent .productName {
    font-size: 36px;
    color: #333;
}

.productDetails .productDetailsSummarize .productContent .productText {
    font-size: 18px;
    color: #666;
    line-height: 34px;
    margin-top: 30px;
}

.productDetails .productFeature {
    padding-top: 98px;
}

.productDetails .productFeature ul {
    max-width: 100%;
}

.productDetails .productFeature .featureList {
    width: 23.5%;
    float: left;
    margin-right: 2%;
    margin-bottom: 20px;
    text-align: center;
    box-sizing: border-box;
    padding: 20px;
    background: #f1f3f5;
    border-radius: 8px;
}

.productDetails .productFeature .featureList:nth-child(4n) {
    margin-right: 0;
}

.productDetails .productFeature .featureList h4 {
    font-size: 22px;
    font-weight: normal;
    color: #333;
    padding: 10px 0;
}

.productDetails .productFeature .featureList p {
    font-size: 14px;
    color: #666;
    line-height: 24px;
    text-align: left;
}

.productDetails .productFeature img {
    max-width: 100%;
}

.productDetails .productTechnology {
    padding: 30px 0;
}

.productDetails .productTechnology .technologyContent {
}

.productDetails .productTechnology .technologyContent table {
    max-width: 100%;
    border-collapse: collapse;
}

.productDetails .productTechnology .technologyContent table thead td {
    height: 120px;
    font-size: 22px;
    color: #333;
    background: #f8f8f8;
    padding: 0 40px;
}

.productDetails .productTechnology .technologyContent table tbody td {
    height: 120px;
    font-size: 16px;
    line-height: 30px;
    color: #333;
    padding: 20px 40px;
    border-bottom: solid #b4b4b4 1px;
}

/* 公司简介 */
.aboutUs {
}

.aboutUs .companyProfile {
    padding: 60px 0;
}

.aboutUs .companyProfile .companyTitle {
    width: 30%;
    float: left;
    font-size: 42px;
    color: #242121;
    padding-bottom: 22px;
    position: relative;
}

.aboutUs .companyProfile .companyTitle::after {
    width: 110px;
    height: 2px;
    content: '';
    background: #003693;
    position: absolute;
    left: 0;
    bottom: 0;
}

.aboutUs .companyProfile .companyContent {
    width: 66%;
    float: right;
    font-size: 20px;
    color: #242121;
    line-height: 32px;
}

.aboutUs .companyProfile .companyContent p {
    white-space: pre-wrap !important;
}

.aboutUs .companyProfile .companyContent span {
    white-space: pre-wrap !important;
}

.aboutUs .companyProfile .companyVideo {
    margin: 60px 0 60px;
}

.aboutUs .companyProfile .companyVideo video {
    width: 100%;
}

.aboutUs .companyBanner {
    position: relative;
}

.aboutUs .companyBanner .bannerPicture img {
    width: 100%;
}

.aboutUs .companyBanner .togetherContent {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    color: #fff;
}

.aboutUs .companyBanner .togetherContent .togetherTitle {
    font-size: 42px;
    text-align: center;
    padding: 60px 0 22px;
    position: relative;
}

.aboutUs .companyBanner .togetherContent .togetherTitle::after {
    width: 110px;
    height: 2px;
    content: '';
    background: #fff;
    position: absolute;
    left: 50%;
    margin-left: -55px;
    bottom: 0;
}

.aboutUs .companyBanner .togetherContent ul {
    display: flex;
    text-align: center;
    margin-top: 100px;
}

.aboutUs .companyBanner .togetherContent ul li {
    flex: 1;
    margin: 0 20px;
}

.aboutUs .companyBanner .togetherContent ul li p {
    font-size: 22px;
    line-height: 30px;
    margin-top: 20px;
}

.aboutUs .researchAndInnovation {
    padding-bottom: 118px;
}

.aboutUs .researchAndInnovation .researchContent {
    margin-top: -20px;
}

.aboutUs .researchAndInnovation .researchContent .researchDescription {
    width: 85%;
    margin: 0 auto;
    font-size: 20px;
    text-align: center;
    line-height: 32px;
    color: #242121;
}

.aboutUs .researchAndInnovation .researchContent .researchDetails {
    margin-top: 30px;
    text-align: center;
}

.aboutUs .researchAndInnovation .researchContent .researchDetails a {
    font-size: 12px;
    color: #003693;
}

.aboutUs .researchAndInnovation .companyStrength {
    box-shadow: 0 0 10px #e6e6e6;
    margin-top: 80px;
}

.aboutUs .researchAndInnovation .companyStrength ul {
    display: flex;
}

.aboutUs .researchAndInnovation .companyStrength ul li {
    flex: 1;
    text-align: center;
    padding: 40px 0;
    font-family: 'Microsoft Yahei';
    position: relative;
}

.aboutUs .researchAndInnovation .companyStrength ul li::after {
    width: 2px;
    height: 52px;
    content: '';
    background: #eee;
    position: absolute;
    right: -1px;
    top: 36%;
}

.aboutUs .researchAndInnovation .companyStrength ul li:last-child::after {
    width: 0;
    height: 0;
    content: '';
}

.aboutUs .researchAndInnovation .companyStrength ul li b {
    font-size: 56px;
    font-family: Arial;
    color: #333;
    letter-spacing: -2px;
}

.aboutUs .researchAndInnovation .companyStrength ul li sup {
    font-size: 16px;
    vertical-align: top;
    margin-left: 16px;
}

.aboutUs .researchAndInnovation .companyStrength ul li:nth-child(3) sup, .aboutUs .researchAndInnovation .companyStrength ul li:nth-child(4) sup {
    font-size: 20px;
}

.aboutUs .researchAndInnovation .companyStrength ul li p {
    font-size: 16px;
}

.aboutUs .developmentHistory {
    height: 640px;
    background: url('../images/development.jpg') center no-repeat;
    overflow: hidden;
}

.aboutUs .developmentHistory .commonTitle {
    padding-bottom: 0;
}

.aboutUs .developmentHistory .developmentBox {
    position: relative;
}

.aboutUs .developmentHistory .developmentBox .developmentList dd {
    width: 360px;
    position: absolute;
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s;
    transition-delay: 0.3s;
}

.aboutUs .developmentHistory .developmentBox .developmentList dd.on {
    visibility: visible;
    opacity: 1;
}

.aboutUs .developmentHistory .developmentBox .developmentList dd.show0 {
    left: -390px;
    top: 280px;
}

.aboutUs .developmentHistory .developmentBox .developmentList dd.show1 {
    left: 80px;
    top: 200px;
}

.aboutUs .developmentHistory .developmentBox .developmentList dd.show2 {
    left: 550px;
    top: 133px;
}

.aboutUs .developmentHistory .developmentBox .developmentList dd.show3 {
    left: 1020px;
    top: 45px;
}

.aboutUs .developmentHistory .developmentBox .developmentList dd {
    left: 1490px;
    top: -80px;
}

.aboutUs .developmentHistory .developmentBox .developmentList .year {
    font-size: 36px;
    color: #003693;
}

.aboutUs .developmentHistory .developmentBox .developmentList .point {
    width: 12px;
    height: 12px;
    background: #003693;
    border-radius: 50%;
    margin: 10px 0;
}

.aboutUs .developmentHistory .developmentBox .developmentList .content {
    font-size: 16px;
    color: #333;
    line-height: 28px;
}

.aboutUs .developmentHistory .developmentBox .button {
    display: block;
    width: 50px;
    height: 50px;
    font-size: 30px;
    font-family: cursive;
    background: #fff;
    text-align: center;
    line-height: 50px;
    border-radius: 50%;
    color: #333;
    position: absolute;
    top: 0;
    transition: all 0.5s;
}

.aboutUs .developmentHistory .developmentBox .button.prev {
    left: 0;
    top: 246px;
}

.aboutUs .developmentHistory .developmentBox .button.next {
    right: 0;
    top: -35px;
}

.aboutUs .developmentHistory .developmentBox .button.unclick {
    opacity: 0.5;
    cursor: no-drop;
}

.aboutUs .qualityPolicy {
    padding: 50px 0 100px;
}

.aboutUs .qualityPolicy .qualityPolicyTitle {
    font-size: 42px;
    color: #242121;
    padding-bottom: 22px;
    position: relative;
}

.aboutUs .qualityPolicy .qualityPolicyTitle::after {
    width: 110px;
    height: 2px;
    content: '';
    background: #003693;
    position: absolute;
    left: 0;
    bottom: 0;
}

.aboutUs .qualityPolicy .qualityPolicyText {
    width: 50%;
    float: left;
    margin-top: 30px;
}

.aboutUs .qualityPolicy .qualityPolicyText p {
    font-size: 18px;
    line-height: 44px;
    color: #666;
    padding-left: 28px;
    position: relative;
}

.aboutUs .qualityPolicy .qualityPolicyText p::after {
    width: 7px;
    height: 7px;
    content: '';
    background: #003693;
    border-radius: 50%;
    position: absolute;
    left: 10px;
    top: 18px;
}

.aboutUs .qualityPolicy .qualityPolicyPicture {
    width: 40%;
    float: right;
    margin-top: -50px;
}

.aboutUs .qualityPolicy .qualityPolicyPicture img {
    width: 100%;
    margin-top: 15px;
}

/* 管理层信息 */
.executives {
}

.executives .executivesInfor {
    padding-bottom: 50px;
}

.executives .executivesInfor .companyPicture {
    width: 40%;
    float: left;
}

.executives .executivesInfor .companyPicture img {
    width: 100%;
}

.executives .executivesInfor .executivesInformation {
    width: 55%;
    float: right;
}

.executives .executivesInfor .executivesInformation .content {
    font-size: 20px;
    line-height: 36px;
    color: #242121;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 10;
    overflow: hidden;
    text-overflow: ellipsis;
}

.executives .executivesInfor .executivesInformation a.more {
    display: inline-block;
    font-size: 16px;
    color: #003693;
    margin-top: 10px;
}

.executives .seniorExecutive {
    background: #f9f9f9;
    margin-top: 108px;
}

.executives .seniorExecutive .executiveTab {
    padding-top: 40px;
}

.executives .seniorExecutive .executiveTab ul {
    text-align: center;
    border-bottom: solid #dfdfdf 1px;
}

.executives .seniorExecutive .executiveTab ul li {
    display: inline-block;
    font-size: 36px;
    line-height: 86px;
    margin: 0 20px;
    cursor: pointer;
}

.executives .seniorExecutive .executiveTab ul li.active {
    border-bottom: solid #003693 2px;
    margin-bottom: -1px;
}

.executives .seniorExecutive .executiveList {
    padding: 60px 0;
}

.executives .seniorExecutive .executiveList .personnelList {
    width: 23.5%;
    float: left;
    margin-right: 2%;
    margin-bottom: 30px;
}

.executives .seniorExecutive .executiveList .personnelList:nth-child(4n) {
    margin-right: 0;
}

.executives .seniorExecutive .executiveList .personnelList .photo {
    overflow: hidden;
}

.executives .seniorExecutive .executiveList .personnelList .photo img {
    width: 100%;
    transition: all 0.5s;
}

.executives .seniorExecutive .executiveList .personnelList:hover .photo img {
    transform: scale(1.1);
}

.executives .seniorExecutive .executiveList .personnelList .text {
    padding: 20px;
    background: #fff;
}

.executives .seniorExecutive .executiveList .personnelList .text .name {
    font-size: 24px;
    color: #242121;
}

.executives .seniorExecutive .executiveList .personnelList .text .position {
    font-size: 17px;
    color: #666;
    margin-left: 26px;
}

.executives .seniorExecutive .executiveList .showMore {
    text-align: center;
}

.executives .seniorExecutive .executiveList .showMore a {
    width: 134px;
    height: 42px;
    display: inline-block;
    font-size: 16px;
    line-height: 42px;
    border: solid #003693 1px;
    color: #003693;
    border-radius: 8px;
}

/* 可持续发展 */
.sustainableDevelopment {
}

.sustainableDevelopment .developmentReport {
    padding-bottom: 108px;
}

.sustainableDevelopment .developmentReport .reportPicture {
    width: 40%;
    float: left;
}

.sustainableDevelopment .developmentReport .reportPicture img {
    width: 100%;
}

.sustainableDevelopment .developmentReport .reportContent {
    width: 55%;
    float: right;
    font-size: 20px;
    line-height: 36px;
    color: #242121;
}

.sustainableDevelopment .developmentReport .reportContent .title {
    font-size: 30px;
    padding-bottom: 18px;
    margin-top: 20px;
    position: relative;
}

.sustainableDevelopment .developmentReport .reportContent .title::after {
    width: 65px;
    height: 2px;
    content: '';
    background: #003693;
    position: absolute;
    left: 0;
    bottom: 0;
}

.sustainableDevelopment .developmentReport .reportContent .content {
    height: 180px;
    font-size: 20px;
    line-height: 36px;
    margin-top: 20px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sustainableDevelopment .developmentReport .reportContent .downloadReport {
}

.sustainableDevelopment .developmentReport .reportContent .downloadReport a {
    width: 174px;
    height: 42px;
    display: inline-block;
    text-align: center;
    line-height: 42px;
    font-size: 16px;
    color: #003693;
    border: solid #003693 1px;
    border-radius: 8px;
    margin-right: 20px;
    transition: all .5s;
}

.sustainableDevelopment .developmentReport .reportContent .downloadReport a:hover {
    background: #003693;
    color: #fff;
}

/* 可持续发展最新动态 */
.sustainableDevelopment .recentNews {
    background: #f9f9f9;
    padding-bottom: 46px;
}

.sustainableDevelopment .recentNews .newsListBox {
    width: 49%;
    float: left;
    margin-right: 2%;
}

.sustainableDevelopment .recentNews .newsListBox:nth-child(2n) {
    margin-right: 0;
}

.sustainableDevelopment .recentNews .newsListBox .newsList {
    position: relative;
    margin-bottom: 30px;
}

.sustainableDevelopment .recentNews .newsListBox .newsList:first {
    width: 100%;
}

.sustainableDevelopment .recentNews .newsListBox .newsList:nth-child(2) {
    width: 48%;
    float: left;
}

.sustainableDevelopment .recentNews .newsListBox .newsList:nth-child(3) {
    width: 48%;
    float: right;
}

.sustainableDevelopment .recentNews .newsPicture {
    overflow: hidden;
}

.sustainableDevelopment .recentNews .newsPicture img {
    width: 100%;
    transition: all 0.5s;
}

.sustainableDevelopment .recentNews .newsList:hover img {
    transform: scale(1.1);
}

.sustainableDevelopment .recentNews .newsContent {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.sustainableDevelopment .recentNews .newsList:hover .newsContent {
    background: rgba(0, 0, 0, 0.3);
}

.sustainableDevelopment .recentNews .newsTitle {
    width: 108px;
    height: 45px;
    font-size: 18px;
    text-align: center;
    line-height: 45px;
    background: rgba(65, 65, 65, 0.5);
    color: #fff;
}

.sustainableDevelopment .recentNews .newsContent .newsDate {
    font-size: 16px;
    color: #fff;
    opacity: 0.6;
    position: absolute;
    left: 25px;
    bottom: 60px;
}

.sustainableDevelopment .recentNews .newsContent .newsName {
    width: 88%;
    font-size: 20px;
    color: #fff;
    position: absolute;
    left: 25px;
    bottom: 28px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sustainableDevelopment .recentNews .newsMore {
    text-align: center;
    margin-top: 30px;
}

.sustainableDevelopment .recentNews .newsMore a {
    width: 137px;
    height: 42px;
    display: inline-block;
    font-size: 16px;
    line-height: 42px;
    border: solid #003693 1px;
    color: #003693;
    border-radius: 8px;
    transition: all .5s;
}

.sustainableDevelopment .recentNews .newsMore a:hover {
    background: #003693;
    color: #fff;
}

/* 可持续发展战略 */
.sustainableDevelopment .strategy {
    padding-bottom: 158px;
}

.sustainableDevelopment .strategy .sketch {
    width: 80%;
    margin: -20px auto 80px;
    font-size: 20px;
    line-height: 36px;
    text-align: center;
}

.sustainableDevelopment .strategy .strategyList {
    width: 23%;
    float: left;
    margin: 0 1%;
    position: relative;
    overflow: hidden;
}

.sustainableDevelopment .strategy .strategyList .picture {
    overflow: hidden;
}

.sustainableDevelopment .strategy .strategyList .picture img {
    width: 100%;
    transition: all 0.5s;
}

.sustainableDevelopment .strategy .strategyList:hover .picture img {
    transform: scale(1.1);
}

.sustainableDevelopment .strategy .strategyList .content {
    width: 100%;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6)) ;
    box-sizing: border-box;
    padding: 10px 26px;
    position: absolute;
    left: 0;
    bottom: -30px;
    transition: all 0.5s;
}

.sustainableDevelopment .strategy .strategyList .content h4 {
    font-size: 24px;
    font-weight: normal;
    color: #fff;
}

.sustainableDevelopment .strategy .strategyList .content p {
    font-size: 20px;
    color: #fff;
    margin-top: 5px;
}

.sustainableDevelopment .strategy .strategyList .content span {
    display: inline-block;
    font-size: 16px;
    color: #003693;
    margin-top: 10px;
}

.sustainableDevelopment .strategy .strategyList:hover .content {
    bottom: 0px;
}

/* 可持续发展我们的进展 */
.sustainableDevelopment .ourProgress {
    position: relative;
}

.sustainableDevelopment .ourProgress .ourProgressBg img {
    width: 100%;
}

.sustainableDevelopment .ourProgress .ourProgressContent {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.sustainableDevelopment .ourProgress .ourProgressContent .commonTitle h3 {
    color: #fff;
}

.sustainableDevelopment .ourProgress .ourProgressContent .commonTitle h3::after {
    background: #fff;
}

.sustainableDevelopment .ourProgress .ourProgressContent .contentList {
    margin-top: 30px;
}

.sustainableDevelopment .ourProgress .ourProgressContent .contentList ul {
    display: flex;
}

.sustainableDevelopment .ourProgress .ourProgressContent .contentList ul li {
    flex: 1;
    margin: 0 3%;
    color: #fff;
}

.sustainableDevelopment .ourProgress .ourProgressContent .contentList ul li h4 {
    font-size: 42px;
    text-align: center;
    border-bottom: solid #ddd 1px;
    padding-bottom: 26px;
}

.sustainableDevelopment .ourProgress .ourProgressContent .contentList ul li p {
    font-size: 16px;
    line-height: 24px;
    color: #fff;
    margin-top: 20px;
}

.sustainableDevelopment .ourProgress .ourProgressContent .receivedAwards {
    margin-top: 50px;
    text-align: center;
}

.sustainableDevelopment .ourProgress .ourProgressContent .receivedAwards a {
    width: 134px;
    height: 42px;
    display: inline-block;
    font-size: 16px;
    line-height: 42px;
    border: solid #fff 1px;
    color: #fff;
    border-radius: 8px;
    transition: all 0.5s;
}

.sustainableDevelopment .ourProgress .ourProgressContent .receivedAwards a:hover {
    background: rgba(0, 54, 147, 0.5);
}

.sustainableDevelopment .ourProgress .receivedAwardsPop {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    position: fixed;
    left: 0;
    top: 0;
    z-index: 15;
    display: none;
}

.sustainableDevelopment .ourProgress .receivedAwardsPop .receivedAwardsBox {
    width: 80vw;
    height: 80vh;
    margin: 10vh auto 0;
    background: #fff;
    position: relative;
    box-sizing: border-box;
    padding: 50px 30px 30px;
}

.sustainableDevelopment .ourProgress .receivedAwardsPop .receivedAwardsBox .closeBtn {
    width: 30px;
    height: 30px;
    display: block;
    text-align: center;
    line-height: 30px;
    font-size: 30px;
    color: #636363;
    position: absolute;
    top: 10px;
    right: 10px;
}

.sustainableDevelopment .ourProgress .receivedAwardsPop .receivedAwardsBox .awardsBox {
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    overflow-y: auto;
}

.sustainableDevelopment .ourProgress .receivedAwardsPop .receivedAwardsBox .awardsList {
    width: 48%;
    flex-grow: 1;
    background: #f9f9f9;
    margin: 0 1% 2%;
}

.sustainableDevelopment .ourProgress .receivedAwardsPop .receivedAwardsBox .awardsList .content {
    padding: 20px;
    text-align: center;
}

.sustainableDevelopment .ourProgress .receivedAwardsPop .receivedAwardsBox .awardsList .content h3 {
    font-size: 20px;
    line-height: 32px;
}

.sustainableDevelopment .ourProgress .receivedAwardsPop .receivedAwardsBox .awardsList .content p {
    font-size: 16px;
    line-height: 26px;
    margin-top: 10px;
}

/* 可持续发展我们的行动 */
.sustainableDevelopment .ourAction {
    padding-bottom: 180px;
}

.sustainableDevelopment .ourAction .actionList {
    width: 48%;
    float: left;
    margin: 0 1% 2%;
    position: relative;
    overflow: hidden;
}

.sustainableDevelopment .ourAction .actionList .picture {
    overflow: hidden;
}

.sustainableDevelopment .ourAction .actionList .picture img {
    width: 100%;
    transition: all 0.5s;
}

.sustainableDevelopment .ourAction .actionList:hover .picture img {
    transform: scale(1.1);
}

.sustainableDevelopment .ourAction .actionList .content {
    width: 100%;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6)) ;
    box-sizing: border-box;
    padding: 10px 26px;
    position: absolute;
    left: 0;
    bottom: 0;
    transition: all 0.5s;
}

.sustainableDevelopment .ourAction .actionList .content h4 {
    font-size: 24px;
    font-weight: normal;
    color: #fff;
}

.sustainableDevelopment .ourAction .actionList .content p {
    font-size: 20px;
    color: #fff;
    margin-top: 5px;
}

.sustainableDevelopment .ourAction .actionList:hover .content {
    bottom: 0px;
}

/* 可持续发展联系我们 */
.sustainableDevelopment .developmentContactUs {
    background: #f9f9f9;
    padding: 50px 0 150px;
}

.sustainableDevelopment .developmentContactUs .otherContent {
    background: #fff;
}

.sustainableDevelopment .developmentContactUs .otherContent .picture {
    width: 50%;
}

.sustainableDevelopment .developmentContactUs .otherContent .picture img {
    width: 100%;
}

.sustainableDevelopment .developmentContactUs .otherContent .content {
    width: 50%;
    background: #fff;
}

.sustainableDevelopment .developmentContactUs .otherContent .content .icon {
    width: 64px;
    height: 55px;
    margin: 90px 0 0 50px;
    border: solid #c6c6c6 1px;
    border-radius: 8px;
    overflow: hidden;
}

.sustainableDevelopment .developmentContactUs .otherContent .content .icon img {
    width: 100%;
}

.sustainableDevelopment .developmentContactUs .otherContent .content .title {
    font-size: 28px;
    color: #242121;
    margin: 20px 50px 0 50px;
    position: relative;
}

.sustainableDevelopment .developmentContactUs .otherContent .content .title::after {
    content: '>';
    font-size: 30px;
    font-family: cursive;
    color: #003693;
    position: absolute;
    right: 5px;
    transition: all .5s;
}

.sustainableDevelopment .developmentContactUs .otherContent .content:hover .title::after {
    right: 0;
}

.sustainableDevelopment .developmentContactUs .otherContent .content .text {
    font-size: 20px;
    color: #666;
    margin: 10px 50px 0 50px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sustainableDevelopment .developmentContactUs .otherContent:nth-child(1) .picture {
    float: left;
}

.sustainableDevelopment .developmentContactUs .otherContent:nth-child(1) .content {
    float: right;
}

.sustainableDevelopment .developmentContactUs .otherContent:nth-child(2) .picture {
    float: right;
}

.sustainableDevelopment .developmentContactUs .otherContent:nth-child(2) .content {
    float: left;
}

.sustainableDevelopment .developmentContactUs .contactUsText {
    font-size: 24px;
    text-align: center;
    margin-top: -30px;
}

.sustainableDevelopment .developmentContactUs .contactUsButton {
    text-align: center;
    margin-top: 50px;
}

.sustainableDevelopment .developmentContactUs .contactUsButton a {
    width: 137px;
    height: 42px;
    display: inline-block;
    margin: 0 15px;
    font-size: 16px;
    line-height: 42px;
    border: solid #003693 1px;
    color: #003693;
    border-radius: 8px;
    transition: all .5s;
}

.sustainableDevelopment .developmentContactUs .contactUsButton a:hover {
    background: #003693;
    color: #fff;
}

/* 联系我们单页 */
.contactUs {
    background: #f6f6f6;
}

.contactUs .subtitle {
    font-size: 20px;
    color: #333;
    margin-top: 30px;
}

.contactUs .contactUsContent {
    padding-bottom: 150px;
}

.contactUs .contactUsContent .contactUsList {
    width: 49%;
    height: 300px;
    float: left;
    text-align: center;
    box-sizing: border-box;
    padding-top: 40px;
    margin: 0 2% 30px 0;
    background: #fff;
    border-radius: 8px;
}

.contactUs .contactUsContent .contactUsList:nth-child(2n) {
    margin-right: 0;
}

.contactUs .contactUsContent .contactUsList h4 {
    font-size: 26px;
    font-weight: normal;
    color: #000;
    margin-top: 10px;
}

.contactUs .contactUsContent .contactUsList p {
    display: inline-block;
    font-size: 20px;
    color: #666;
    margin: 20px 10px 0 0;
}

.contactUs .contactUsContent .contactUsList h5 {
    font-size: 16px;
    font-weight: normal;
    color: #666;
    margin-top: 10px;
}

.contactUs .contactUsContent .contactUsList:nth-child(3) p {
    margin-top: 10px;
}

.contactUs .contactUsContent .contactUsList a {
    display: inline-block;
    color: #666;
}

.contactUs .contactUsContent .contactUsList .button {
    padding-right: 16px;
    position: relative;
}

.contactUs .contactUsContent .contactUsList .button::after {
    content: '>';
    font-size: 22px;
    font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
    color: #003693;
    position: absolute;
    top: 2px;
    right: 0;
    transition: all .3s;
}

.contactUs .contactUsContent .contactUsList .button:hover::after {
    right: -5px;
}

.contactUs .contactUsContent .webFeedback {
    height: 300px;
    box-sizing: border-box;
    padding: 40px 35px;
    background: url('../images/contactus_05.png') right 120px center no-repeat #fff;
    border-radius: 8px;
}

.contactUs .contactUsContent .webFeedback h4 {
    font-size: 26px;
    font-weight: normal;
    color: #000;
    line-height: 36px;
    padding: 10px 0;
}

.contactUs .contactUsContent .webFeedback p {
    font-size: 20px;
    color: #666;
    line-height: 28px;
    padding: 10px 0;
}

.contactUs .contactUsContent .webFeedback a {
    display: inline-block;
    color: #666;
    padding-right: 16px;
    position: relative;
}

.contactUs .contactUsContent .webFeedback a:after {
    content: '>';
    font-size: 22px;
    font-family: cursive;
    color: #003693;
    position: absolute;
    top: 1px;
    right: 0;
    transition: all .3s;
}

.contactUs .contactUsContent .webFeedback a:hover::after {
    right: -5px;
}

/* 公司年报 */
.companyReport .annualReport {
    padding-bottom: 108px;
}

.companyReport .annualReport .reportPicture {
    width: 40%;
    float: left;
}

.companyReport .annualReport .reportPicture img {
    width: 100%;
}

.companyReport .annualReport .reportContent {
    width: 55%;
    float: right;
    font-size: 20px;
    line-height: 36px;
    color: #242121;
}

.companyReport .annualReport .reportContent .title {
    font-size: 28px;
    margin-top: 20px;
}

.companyReport .annualReport .reportContent .content {
    height: 180px;
    font-size: 20px;
    line-height: 36px;
    margin-top: 20px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;
    text-overflow: ellipsis;
}

.companyReport .annualReport .reportContent .downloadReport {
}

.companyReport .annualReport .reportContent .downloadReport a {
    width: 134px;
    height: 42px;
    display: inline-block;
    text-align: center;
    line-height: 42px;
    font-size: 16px;
    color: #003693;
    border: solid #003693 1px;
    border-radius: 8px;
    margin-right: 20px;
    transition: all .5s;
}

.companyReport .annualReport .reportContent .downloadReport a:hover {
    background: #003693;
    color: #fff;
}

.companyReport .previousReport {
    background: #f9f9f9;
    padding-bottom: 80px;
}

.companyReport .previousReport .reportList {
    width: 49%;
    float: left;
    margin-right: 2%;
    margin-bottom: 40px;
    background: url('../images/line.png') 46% center no-repeat #fff;
    background-size: 1px 70%;
    box-sizing: border-box;
    border: solid #eaeaea 1px;
    padding: 30px;
    position: relative;
}

.companyReport .previousReport .reportList:nth-child(2n) {
    margin-right: 0;
}

.companyReport .previousReport .reportList .picture {
    width: 40%;
    float: left;
}

.companyReport .previousReport .reportList .picture img {
    width: 100%;
}

.companyReport .previousReport .reportList .content {
    width: 50%;
    float: right;
    padding: 20px 0;
}

.companyReport .previousReport .reportList .content p {
    font-size: 18px;
    color: #666;
}

.companyReport .previousReport .reportList .content h4 {
    font-size: 24px;
    font-weight: normal;
    margin-top: 20px;
}

.companyReport .previousReport .reportList .content a {
    display: inline-block;
    font-size: 16px;
    color: #003693;
    background: url('../images/download.png') left center no-repeat;
    padding-left: 33px;
    line-height: 20px;
    position: absolute;
    bottom: 50px;
}

/* 信任中心 */
.trustedCenter {
}

.trustedCenter .wordsAndDeeds {
    padding-bottom: 150px;
}

.trustedCenter .wordsAndDeeds .wordsAndDeedsList {
    width: 32%;
    float: left;
    margin-right: 2%;
    position: relative;
    overflow: hidden;
}

.trustedCenter .wordsAndDeeds .wordsAndDeedsList a {
    display: block;
}

.trustedCenter .wordsAndDeeds .wordsAndDeedsList:nth-child(3) {
    margin-right: 0;
}

.trustedCenter .wordsAndDeeds .wordsAndDeedsList .picture {
    overflow: hidden;
}

.trustedCenter .wordsAndDeeds .wordsAndDeedsList .picture img {
    width: 100%;
    transition: all 0.5s;
}

.trustedCenter .wordsAndDeeds .wordsAndDeedsList:hover .picture img {
    transform: scale(1.1);
}

.trustedCenter .wordsAndDeeds .wordsAndDeedsList .content {
    width: 100%;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6)) ;
    box-sizing: border-box;
    padding: 10px 26px 15px;
    position: absolute;
    left: 0;
    bottom: -35px;
    transition: all 0.5s;
}

.trustedCenter .wordsAndDeeds .wordsAndDeedsList .content .name {
    font-size: 24px;
    color: #fff;
}

.trustedCenter .wordsAndDeeds .wordsAndDeedsList .content .text {
    font-size: 15px;
    color: #fff;
    margin-top: 5px;
}

.trustedCenter .wordsAndDeeds .wordsAndDeedsList .content .more {
    font-size: 16px;
    color: #003693;
    margin-top: 10px;
}

.trustedCenter .wordsAndDeeds .wordsAndDeedsList:hover .content {
    bottom: 0px;
}

.trustedCenter .openInnovation {
    background: #f9f9f9;
    padding-bottom: 118px;
}

.trustedCenter .openInnovation .innovationList {
    width: 32%;
    float: left;
    background: #fff;
    margin-right: 2%;
    margin-bottom: 30px;
    border-radius: 8px;
    overflow: hidden;
}

.trustedCenter .openInnovation .innovationList:nth-child(3n) {
    margin-right: 0;
}

.trustedCenter .openInnovation .innovationList .picture {
    overflow: hidden;
}

.trustedCenter .openInnovation .innovationList .picture img {
    width: 100%;
    transition: all 0.5s;
}

.trustedCenter .openInnovation .innovationList:hover .picture img {
    transform: scale(1.1);
}

.trustedCenter .openInnovation .innovationList .name {
    font-size: 28px;
    color: #242121;
    padding: 20px 25px;
}

.trustedCenter .openInnovation .innovationList .text {
    font-size: 14px;
    height: 52px;
    line-height: 26px;
    color: #666;
    margin: 0 25px 30px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}

.trustedCenter .trustedCenterResource {
    padding-bottom: 150px;
}

.trustedCenter .trustedCenterResource .resourcesList {
    width: 49%;
    height: 220px;
    float: left;
    box-sizing: border-box;
    margin-right: 2%;
    margin-bottom: 30px;
    background: url('../images/file.png') 10% center no-repeat #f9f9f9;
    border: solid #f9f9f9 1px;
    border-radius: 13px;
}

.trustedCenter .trustedCenterResource .resourcesList:nth-child(2n) {
    margin-right: 0;
}

.trustedCenter .trustedCenterResource .resourcesList:hover {
    background-image: url('../images/file_hover.png');
    border-color: #003693;
}

.trustedCenter .trustedCenterResource .resourcesList a {
    height: 100%;
    display: block;
    box-sizing: border-box;
    padding: 45px 50px 0 28%;
}

.trustedCenter .trustedCenterResource .resourcesList h4 {
    height: 64px;
    font-size: 20px;
    font-weight: normal;
    color: #333;
    line-height: 32px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}

.trustedCenter .trustedCenterResource .resourcesList p {
    font-size: 16px;
    color: #666;
    line-height: 32px;
}

.trustedCenter .trustedCenterResource .resourcesList span {
    display: inline-block;
    font-size: 12px;
    color: #003693;
    margin-top: 10px;
}

.trustedCenter .trustedCenterResource .loadMore {
    text-align: center;
    margin-top: 45px;
}

.trustedCenter .trustedCenterResource .loadMore a {
    width: 134px;
    height: 42px;
    display: inline-block;
    font-size: 16px;
    line-height: 42px;
    border: solid #003693 1px;
    color: #003693;
    border-radius: 8px;
    transition: all .5s;
}

.trustedCenter .trustedCenterResource .loadMore a:hover {
    background: #003693;
    color: #fff;
}

.sustainableDevelopment .developmentContactUs .contactUsButton a:hover {
    background: #003693;
    color: #fff;
}

/* 债券投资者 */
.bondInvestor {
}

.bondInvestor .bondInvestorRelations {
    padding-bottom: 128px;
}

.bondInvestor .bondInvestorRelations .bondInvestorList {
    width: 23.5%;
    float: left;
    margin-right: 2%;
    position: relative;
    overflow: hidden;
}

.bondInvestor .bondInvestorRelations .bondInvestorList a {
    display: block;
}

.bondInvestor .bondInvestorRelations .bondInvestorList:nth-child(4) {
    margin-right: 0;
}

.bondInvestor .bondInvestorRelations .bondInvestorList .picture {
    overflow: hidden;
}

.bondInvestor .bondInvestorRelations .bondInvestorList .picture img {
    width: 100%;
    transition: all 0.5s;
}

.bondInvestor .bondInvestorRelations .bondInvestorList:hover .picture img {
    transform: scale(1.1);
}

.bondInvestor .bondInvestorRelations .bondInvestorList .content {
    width: 100%;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6)) ;
    box-sizing: border-box;
    padding: 10px 26px 15px;
    position: absolute;
    left: 0;
    bottom: 0;
    transition: all 0.5s;
}

.bondInvestor .bondInvestorRelations .bondInvestorList .content h4 {
    font-size: 24px;
    font-weight: normal;
    color: #fff;
}

.bondInvestor .bondInvestorRelations .bondInvestorList .content p {
    font-size: 15px;
    color: #fff;
    margin-top: 5px;
}

.bondInvestor .bondInvestorRelations .bondInvestorList .content span {
    display: inline-block;
    font-size: 16px;
    color: #003693;
    margin-top: 10px;
}

.bondInvestor .financialReports {
    background: #f9f9f9;
    padding-bottom: 158px;
}

.bondInvestor .financialReports .getStep ul {
    text-align: center;
}

.bondInvestor .financialReports .getStep ul li {
    width: 33%;
    display: inline-block;
}

.bondInvestor .financialReports .getStep ul li h4 {
    font-size: 28px;
    font-weight: normal;
    margin-top: 15px;
}

.bondInvestor .financialReports .getStep ul li p {
    font-size: 16px;
    margin-top: 5px;
}

.bondInvestor .financialReports .getStep ul li:nth-child(2), .bondInvestor .financialReports .getStep ul li:nth-child(3) {
    color: #929191;
    position: relative;
}

.bondInvestor .financialReports .getStep ul li:nth-child(2)::after, .bondInvestor .financialReports .getStep ul li:nth-child(3)::after {
    width: 50%;
    height: 1px;
    content: '';
    background: linear-gradient(to right, #f2f2f2, #bcbcbc, #f2f2f2);
    position: absolute;
    left: -25%;
    top: 40px;
}

.bondInvestor .investorCommonProblem {
    padding-bottom: 88px;
}

.bondInvestor .investorCommonProblem .problemList {
    width: 30%;
    display: inline-block;
    vertical-align: top;
    margin: 0 1.5% 40px;
    box-sizing: border-box;
    border: solid #bdbdbd 1px;
}

.bondInvestor .investorCommonProblem .problemList .problemTitle {
    height: 64px;
    font-size: 18px;
    line-height: 64px;
    padding: 0 28px;
    color: #242121;
    cursor: pointer;
}

.bondInvestor .investorCommonProblem .problemList .problemTitle:hover {
    color: #003693;
}

.bondInvestor .investorCommonProblem .problemList .problemTitle h3 {
    display: inline-block;
    max-width: calc(100% - 30px);
    font-size: 18px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.bondInvestor .investorCommonProblem .problemList .problemTitle span {
    float: right;
    font-size: 24px;
    font-family: cursive;
    transform: rotate(90deg);
    transition: all .5s;
}

.bondInvestor .investorCommonProblem .problemList .problemTitle.clicked span {
    transform: rotate(-90deg);
}

.bondInvestor .investorCommonProblem .problemList .problemContent {
    padding: 18px;
    border-top: dashed #ebebeb 1px;
    margin: 0 10px;
    display: none;
}

.bondInvestor .investorCommonProblem .problemList .problemContent .text {
    font-size: 16px;
    line-height: 28px;
    color: #666;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}

.bondInvestor .investorCommonProblem .problemList .problemContent a.details {
    display: inline-block;
    font-size: 14px;
    color: #003693;
    margin-top: 10px;
}

.bondInvestor .investorCommonProblem .loadMore {
    text-align: center;
    margin-top: 8px;
}

.bondInvestor .investorCommonProblem .loadMore a {
    width: 134px;
    height: 42px;
    display: inline-block;
    font-size: 16px;
    line-height: 42px;
    border: solid #003693 1px;
    color: #003693;
    border-radius: 8px;
    transition: all .5s;
}

.bondInvestor .investorCommonProblem .loadMore a:hover {
    background: #003693;
    color: #fff;
}

.bondInvestor .investorContactUs {
    position: relative;
}

.bondInvestor .investorContactUs .contactUsBanner img {
    width: 100%;
}

.bondInvestor .investorContactUs .contactUsContent {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.bondInvestor .investorContactUs .commonTitle {
    color: #fff;
}

.bondInvestor .investorContactUs .commonTitle h3::after {
    background: #fff;
}

.bondInvestor .investorContactUs .contactUsText {
    font-size: 24px;
    text-align: center;
    color: #fff;
    margin-top: -30px;
}

.bondInvestor .investorContactUs .contactUsButton {
    text-align: center;
    margin-top: 50px;
}

.bondInvestor .investorContactUs .contactUsButton a {
    width: 137px;
    height: 42px;
    display: inline-block;
    margin: 0 15px;
    font-size: 16px;
    line-height: 42px;
    border: solid #fff 1px;
    color: #fff;
    border-radius: 8px;
    transition: all .5s;
}

.bondInvestor .investorContactUs .contactUsButton a:hover {
    background: rgba(0, 54, 147, 0.5);
}

/* 出版物 */
.publicationPage {
    padding-bottom: 180px;
}

.publicationPage .publicationList {
    background: url('../images/line.png') 54% center no-repeat #f9f9f9;
    margin-bottom: 40px;
    position: relative;
}

.publicationPage .publicationList .picture {
    width: 20%;
    float: left;
}

.publicationPage .publicationList .picture img {
    width: 100%;
}

.publicationPage .publicationList .edition {
    width: 36%;
    float: left;
    box-sizing: border-box;
    padding: 20px 38px;
}

.publicationPage .publicationList .edition p {
    font-size: 18px;
    color: #666;
}

.publicationPage .publicationList .edition h4 {
    font-size: 28px;
    line-height: 36px;
    height: 108px;
    font-weight: normal;
    margin-top: 10px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
}

.publicationPage .publicationList .edition a {
    display: inline-block;
    font-size: 16px;
    color: #003693;
    background: url('../images/download.png') left center no-repeat;
    padding-left: 33px;
    line-height: 20px;
    margin-top: 30px;
}

.publicationPage .publicationList .book {
    width: 44%;
    float: left;
    box-sizing: border-box;
    padding: 20px 38px;
}

.publicationPage .publicationList .book h4 {
    font-size: 40px;
}

.publicationPage .publicationList .book p {
    font-size: 18px;
    line-height: 28px;
    height: 84px;
    color: #666;
    margin-top: 10px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
}

.publicationPage .publicationList .book a {
    width: 134px;
    height: 42px;
    display: inline-block;
    text-align: center;
    font-size: 16px;
    line-height: 42px;
    border: solid #003693 1px;
    color: #003693;
    border-radius: 8px;
    transition: all .5s;
    margin-top: 54px;
}

.publicationPage .publicationList .book a:hover {
    background: #003693;
    color: #fff;
}

.publicationPage .publicationMore {
    text-align: center;
    margin-top: 18px;
}

.publicationPage .publicationMore a {
    width: 137px;
    height: 42px;
    display: inline-block;
    margin: 0 15px;
    font-size: 16px;
    line-height: 42px;
    border: solid #003693 1px;
    color: #003693;
    border-radius: 8px;
    transition: all .5s;
}

.publicationPage .publicationMore a:hover {
    background: #003693;
    color: #fff;
}

.publicationPage .publicationBox .bookList {
    width: 48%;
    float: left;
    background: #f8f8f8;
    margin-right: 4%;
    margin-bottom: 30px;
}

.publicationPage .publicationBox .bookList:nth-child(2n) {
    margin-right: 0;
}

.publicationPage .publicationBox .bookList .picture {
    width: 35%;
    float: left;
}

.publicationPage .publicationBox .bookList .picture img {
    width: 100%;
}

.publicationPage .publicationBox .bookList .edition {
    width: 60%;
    float: right;
    box-sizing: border-box;
    padding: 20px;
}

.publicationPage .publicationBox .bookList .edition .date {
    color: #959595;
}

.publicationPage .publicationBox .bookList .edition .name {
    font-size: 18px;
    margin-top: 20px;
}

.publicationPage .publicationBox .bookList .edition .download {
    margin-top: 20px;
}

.publicationPage .publicationBox .bookList .edition .download a {
    color: #666;
}

/* 技术专栏 */
.technicalColumn {
    padding-bottom: 180px;
}

.technicalColumn .technologiesList {
    width: 66%;
    float: left;
}

.technicalColumn .technologiesList .technologiesMenu {
    border-bottom: solid #c8c8c8 1px;
}

.technicalColumn .technologiesList .technologiesMenu li {
    float: left;
    line-height: 50px;
    font-size: 18px;
    margin-right: 50px;
}

.technicalColumn .technologiesList .technologiesMenu li a {
    display: block;
    color: #242121;
}

.technicalColumn .technologiesList .technologiesMenu li a.active {
    border-bottom: solid #003693 2px;
    margin-bottom: -1px;
}

.technicalColumn .technologiesList .listContent {
    padding: 30px 0;
    border-bottom: solid #c8c8c8 1px;
}

.technicalColumn .technologiesList .listContent .picture {
    width: 35%;
    float: left;
    position: relative;
    overflow: hidden;
}

.technicalColumn .technologiesList .listContent .picture img {
    width: 100%;
    transition: all 0.5s;
}

.technicalColumn .technologiesList .listContent .picture:hover img {
    transform: scale(1.1);
}

.technicalColumn .technologiesList .listContent .picture span {
    font-size: 12px;
    color: #fff;
    line-height: 28px;
    padding: 0 10px;
    background: rgba(0, 0, 0, 0.3);
    position: absolute;
    top: 0;
    left: 0;
}

.technicalColumn .technologiesList .listContent .content {
    width: 60%;
    float: right;
    padding: 20px 0;
}

.technicalColumn .technologiesList .listContent .content .name {
    font-size: 28px;
    color: #242121;
}

.technicalColumn .technologiesList .listContent .content .text {
    height: 48px;
    margin-top: 10px;
    font-size: 16px;
    color: #666;
    line-height: 24px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}

.technicalColumn .technologiesList .listContent .content .tag {
    margin-top: 30px;
}

.technicalColumn .technologiesList .listContent .content .tag a {
    display: inline-block;
    font-size: 12px;
    line-height: 25px;
    padding: 0 12px;
    color: #003693;
    border: solid #003693 1px;
    border-radius: 8px;
    margin-right: 13px;
}

.technicalColumn .technologiesRight {
    width: 30%;
    float: right;
}

.technicalColumn .technologiesRight .screening {
}

.technicalColumn .technologiesRight .screening .title {
    font-size: 24px;
    line-height: 50px;
}

.technicalColumn .technologiesRight .screening .tag {
    padding: 6px 0;
}

.technicalColumn .technologiesRight .screening .tag a {
    display: inline-block;
    font-size: 16px;
    line-height: 28px;
    padding: 0 12px;
    color: #959494;
    border: solid #b7b7b7 1px;
    border-radius: 8px;
    margin-right: 10px;
    margin-bottom: 12px;
}

.technicalColumn .technologiesRight .screening .tag a.hot {
    background: #003693;
    border-color: #003693;
    color: #fff;
}

.technicalColumn .technologiesRight .rankingList {
    border-top: solid #c8c8c8 1px;
    margin-top: 20px;
    padding-top: 15px;
}

.technicalColumn .technologiesRight .rankingList .title {
    font-size: 24px;
    line-height: 50px;
}

.technicalColumn .technologiesRight .rankingList li {
    font-size: 18px;
    line-height: 80px;
    border-bottom: solid #c8c8c8 1px;
    color: #666;
    list-style: decimal;
    list-style-position: inside;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.technicalColumn .technologiesRight .rankingList li::marker {
    font-size: 36px;
}

.technicalColumn .technologiesRight .special {
    margin: 10px 0;
    padding-bottom: 28px;
    border-bottom: solid #c8c8c8 1px;
}

.technicalColumn .technologiesRight .special .title {
    font-size: 24px;
    line-height: 50px;
}

.technicalColumn .technologiesRight .special .list {
    margin-bottom: 20px;
}

.technicalColumn .technologiesRight .special .list .picture {
    width: 35%;
    float: left;
    overflow: hidden;
}

.technicalColumn .technologiesRight .special .list .picture img {
    width: 100%;
    transition: all .5s;
}

.technicalColumn .technologiesRight .special .list .picture:hover img {
    transform: scale(1.1);
}

.technicalColumn .technologiesRight .special .list .text {
    width: 60%;
    float: right;
    padding-top: 10px;
}

.technicalColumn .technologiesRight .special .list .text p {
    font-size: 14px;
    color: #666;
}

.technicalColumn .technologiesRight .special .list .text h4 {
    font-size: 18px;
    font-weight: normal;
    color: #242121;
}

.technicalColumn .technologiesRight .contribute {
    background: #f6f6f6;
    padding: 26px;
    margin-top: 38px;
}

.technicalColumn .technologiesRight .contribute .author {
    line-height: 38px;
    background: url('../images/author.png') left center no-repeat;
    font-size: 26px;
    padding-left: 50px;
    color: #333;
}

.technicalColumn .technologiesRight .contribute .text {
    margin-top: 30px;
}

.technicalColumn .technologiesRight .contribute .text p {
    font-size: 18px;
    color: #333;
    line-height: 32px;
}

.technicalColumn .technologiesRight .contribute .text a {
    color: #333;
}

.technicalColumn .technologiesRight .contribute .text .links {
    display: inline-block;
    position: relative;
}

.technicalColumn .technologiesRight .contribute .text .links::after {
    content: '>';
    font-size: 20px;
    color: #003693;
    position: absolute;
    right: -16px;
    transition: all .5s;
}

.technicalColumn .technologiesRight .contribute .text .links:hover::after {
    right: -20px;
}

/* 新材料新未来 */
.newFuture {
}

.newFuture .productivity {
    padding-bottom: 90px;
}

.newFuture .productivity .subtitle {
    font-size: 20px;
    line-height: 32px;
    margin-top: 60px;
}

.newFuture .productivity .productivityList {
    width: 23.5%;
    float: left;
    margin-right: 2%;
    background: #f5f5f5;
    border-radius: 13px;
    box-sizing: border-box;
    padding: 15px;
}

.newFuture .productivity .productivityList:nth-child(4) {
    margin-right: 0;
}

.newFuture .productivity .productivityList .text {
    font-size: 20px;
    line-height: 32px;
    text-align: center;
    padding: 10px 0;
}

.newFuture .productivity .productivityList .picture {
    border-radius: 13px;
    overflow: hidden;
    margin: 15px 0;
}

.newFuture .productivity .productivityList .picture img {
    width: 100%;
    transition: all 0.5s;
}

.newFuture .productivity .productivityList .picture:hover img {
    transform: scale(1.1);
}

.newFuture .newFutureVideo {
    background: #f9f9f9;
    padding-bottom: 118px;
}

.newFuture .newFutureVideo .container {
    box-sizing: border-box;
    padding: 0 40px;
    position: relative;
}

.newFuture .newFutureVideo .videoSwiper {
    overflow: hidden;
}

.newFuture .newFutureVideo .videoSwiper .videoList {
    width: 23.5%;
}

.newFuture .newFutureVideo .videoSwiper .videoList .picture {
    position: relative;
}

.newFuture .newFutureVideo .videoSwiper .videoList .picture img {
    width: 100%;
}

.newFuture .newFutureVideo .videoSwiper .videoList .picture p {
    width: 100%;
    font-size: 18px;
    color: #fff;
    line-height: 52px;
    box-sizing: border-box;
    padding: 0 18px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6));
    position: absolute;
    bottom: 0;
}

.newFuture .newFutureVideo .videoSwiper .videoList .infor {
    padding: 20px 12px;
}

.newFuture .newFutureVideo .videoSwiper .videoList .avatar {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    float: left;
    margin-right: 20px;
}

.newFuture .newFutureVideo .videoSwiper .videoList .name {
    font-size: 16px;
    line-height: 30px;
    color: #242121;
}

.newFuture .newFutureVideo .videoSwiper .videoList .position {
    font-size: 14px;
    line-height: 30px;
    color: #242121;
}

.newFuture .newFutureVideo .videoSwiper .swiper-button-prev {
    height: 55px;
    left: 0;
    top: 35%;
    background: none;
    font-size: 50px;
    font-family: cursive;
}

.newFuture .newFutureVideo .videoSwiper .swiper-button-next {
    height: 55px;
    right: 0;
    top: 35%;
    background: none;
    font-size: 50px;
    font-family: cursive;
}

.newFuture .newFutureBanner {
    position: relative;
    overflow: hidden;
}

.newFuture .newFutureBanner .swiper-slide img {
    width: 100%;
}

.newFuture .newFutureBanner .bannerContent {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.newFuture .newFutureBanner .bannerContent .title {
    font-size: 46px;
    margin-top: 100px;
}

.newFuture .newFutureBanner .bannerContent .text {
    width: 60%;
    font-size: 22px;
    color: #666;
    margin-top: 20px;
}

.newFuture .newFutureBanner .bannerContent a {
    width: 134px;
    height: 42px;
    display: inline-block;
    text-align: center;
    font-size: 16px;
    line-height: 42px;
    border: solid #003693 1px;
    color: #003693;
    border-radius: 8px;
    transition: all .5s;
    margin-top: 100px;
}

.newFuture .newFutureBanner .bannerContent a:hover {
    background: #003693;
    color: #fff;
}

.newFuture .newFutureBanner .swiper-button-prev, .newFuture .newFutureBanner .swiper-button-next {
    opacity: 0;
}

.newFuture .newFutureBanner:hover .swiper-button-prev, .newFuture .newFutureBanner:hover .swiper-button-next {
    opacity: 0.8;
}

.newFuture .newFutureBanner .swiper-pagination {
    bottom: 16px !important;
}

.newFuture .newFutureBanner .swiper-pagination .swiper-pagination-bullet {
    width: 100px;
    height: 3px;
    margin: 0 8px;
    border-radius: 0;
    background: #fff;
    opacity: 0.5;
    cursor: pointer;
}

.newFuture .newFutureBanner .swiper-pagination .swiper-pagination-bullet-active {
    background: #fff;
    opacity: 1;
}

/* 新材料新未来白皮书 */
.newFuture .whiteBook {
    background: #f9f9f9;
    padding-bottom: 100px;
}

.newFuture .whiteBook .subtitle {
    font-size: 40px;
    text-align: center;
}

.newFuture .whiteBook .facilityRequirement {
    padding: 20px 0 60px;
    display: flex;
    justify-content: space-between;
}

.newFuture .whiteBook .facilityRequirement .requireList {
    width: 32%;
    background: #fff;
    box-sizing: border-box;
    padding: 40px 46px;
    border: solid #d7d7d7 1px;
}

.newFuture .whiteBook .facilityRequirement .requireList .picture {
    text-align: center;
}

.newFuture .whiteBook .facilityRequirement .requireList .title {
    font-size: 24px;
    text-align: center;
    margin-top: 10px;
}

.newFuture .whiteBook .facilityRequirement .requireList .text {
    font-size: 16px;
    line-height: 24px;
    margin-top: 10px;
}

.newFuture .whiteBook .whiteBookVideo {
    width: 52%;
    float: left;
    margin-top: 50px;
}

.newFuture .whiteBook .whiteBookVideo .video {
    position: relative;
}

.newFuture .whiteBook .whiteBookVideo .video video {
    width: 100%;
}

.newFuture .whiteBook .whiteBookVideo .video img {
    width: 100%;
}

.newFuture .whiteBook .whiteBookVideo .play {
    width: 100%;
    height: 100%;
    background: url('../images/play.png') center no-repeat;
    position: absolute;
    left: 0;
    top: 0;
}

.newFuture .whiteBook .whiteBookVideo .text {
    font-size: 20px;
    line-height: 36px;
    padding: 10px 0;
}

.newFuture .whiteBook .whiteBookDownload {
    width: 45%;
    float: right;
    margin-top: 50px;
}

.newFuture .whiteBook .whiteBookDownload li {
    height: 64px;
    border: solid #bdbdbd 1px;
    margin-bottom: -1px;
    font-size: 18px;
    line-height: 64px;
}

.newFuture .whiteBook .whiteBookDownload li a {
    display: block;
    padding: 0 55px 0 20px;
    background: url('../images/download2.png') right 20px center no-repeat;
    color: #242121;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.newFuture .whiteBook .whiteBookDownload li span {
    display: inline-block;
    margin-right: 20px;
}

.newFuture .whiteBook .whiteBookDownload li small {
    font-size: 12px;
}

.newFuture .intelligentWorld {
    padding: 80px 0;
    background: url('../images/world.jpg') top right no-repeat #000;
    background-size: 100% auto;
}

.newFuture .intelligentWorld .worldTitle {
    font-size: 40px;
    color: #fff;
    text-align: center;
}

.newFuture .intelligentWorld .advance {
    height: 50px;
    color: #fff;
    line-height: 50px;
    margin-top: 80px;
    position: relative;
    display: none;
}

.newFuture .intelligentWorld .advance .leftText {
    font-size: 34px;
    background: url('../images/arrow.png') right center no-repeat;
    padding-right: 80px;
    position: absolute;
    left: 0;
}

.newFuture .intelligentWorld .advance .centerText {
    font-size: 40px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.newFuture .intelligentWorld .advance .rightText {
    font-size: 34px;
    background: url('../images/arrow.png') left center no-repeat;
    padding-left: 80px;
    position: absolute;
    right: 0;
}

.newFuture .intelligentWorld .standard {
    width: 90%;
    height: 450px;
    display: flex;
    margin: 100px auto;
}

.newFuture .intelligentWorld .standard .contentList {
    flex: 1;
    color: #fff;
    text-align: center;
    position: relative;
    padding-top: 70px;
}

.newFuture .intelligentWorld .standard .contentList::before, .newFuture .intelligentWorld .standard .contentList::after {
    content: '';
    background: #fff;
    position: absolute;
}

.newFuture .intelligentWorld .standard .contentList:nth-child(1)::before {
    width: 1px;
    height: 43px;
    left: 50%;
    top: 0;
}

.newFuture .intelligentWorld .standard .contentList:nth-child(1)::after {
    width: 50%;
    height: 1px;
    left: 50%;
    top: 0;
}

.newFuture .intelligentWorld .standard .contentList:nth-child(2)::before {
    width: 1px;
    height: 96px;
    left: 50%;
    top: -40px;
}

.newFuture .intelligentWorld .standard .contentList:nth-child(2)::after {
    width: 100%;
    height: 1px;
    left: 0;
    top: 0;
}

.newFuture .intelligentWorld .standard .contentList:nth-child(3)::before {
    width: 1px;
    height: 43px;
    left: 50%;
    top: 0;
}

.newFuture .intelligentWorld .standard .contentList:nth-child(3)::after {
    width: 50%;
    height: 1px;
    left: 0;
    top: 0;
}

.newFuture .intelligentWorld .standard .contentList .title {
    width: 100px;
    height: 100px;
    display: inline-block;
    background: #003693;
    border-radius: 50%;
    box-shadow: 0 2px 5px #eaeaea;
}

.newFuture .intelligentWorld .standard .contentList .title h4 {
    font-size: 24px;
    font-weight: normal;
    line-height: 100px;
}

.newFuture .intelligentWorld .standard .contentList .title p {
    font-size: 16px;
    color: #a3aece;
    display: none;
}

.newFuture .intelligentWorld .standard .contentList .menuTab {
    width: 80%;
    margin: 30px auto 0;
    position: relative;
}

.newFuture .intelligentWorld .standard .contentList .menuTab ul {
    display: flex;
    border-bottom: solid #808182 1px;
}

.newFuture .intelligentWorld .standard .contentList .menuTab ul li {
    flex: 1;
    font-size: 16px;
    line-height: 20px;
    padding: 8px 0;
    cursor: pointer;
}

.newFuture .intelligentWorld .standard .contentList .menuTab ul li.current {
    border-bottom: solid #fff 2px;
    margin-bottom: -1px;
}

.newFuture .intelligentWorld .standard .contentList .menuTitle {
    width: 80%;
    margin: 30px auto 0;
    border-bottom: solid #808182 1px;
    padding: 10px 0;
}

.newFuture .intelligentWorld .standard .contentList .textList {
    width: 100%;
    font-size: 14px;
    color: #b6b6b6;
    position: absolute;
    top: 62px;
    display: none;
}

.newFuture .intelligentWorld .standard .contentList .textList:nth-child(2) {
    display: block;
}

.newFuture .intelligentWorld .standard .contentList .textList h6 {
    font-size: 14px;
    font-weight: normal;
    color: #fff;
}

.newFuture .intelligentWorld .standard .contentList .text {
    width: 80%;
    margin: 20px auto;
    font-size: 14px;
    color: #b6b6b6;
}

.newFuture .intelligentWorld .promotionVedio {
    width: 70%;
    margin: 100px auto 0;
    text-align: center;
    color: #fff;
}

.newFuture .intelligentWorld .promotionVedio .videoTitle {
    font-size: 34px;
}

.newFuture .intelligentWorld .promotionVedio .subtitle {
    font-size: 20px;
}

.newFuture .intelligentWorld .promotionVedio .videoBox {
    border-radius: 15px;
    overflow: hidden;
    margin-top: 30px;
}

.newFuture .intelligentWorld .promotionVedio .videoBox video {
    width: 100%;
}

.newFuture .intelligentWorld .promotionVedio .videoBox img {
    width: 100%;
}

.newFuture .expectation {
    padding-bottom: 150px;
    background: url('../images/expectation.jpg') bottom no-repeat;
    background-size: 100% auto;
}

.newFuture .expectation .commonTitle .subtitle {
    width: 60%;
    margin: 30px auto 0;
    font-size: 20px;
    line-height: 32px;
}

.newFuture .expectation .expectationList {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.newFuture .expectation .expectationList .list {
    width: 184px;
    height: 184px;
    background: #fff;
    text-align: center;
    border-radius: 50%;
    overflow: hidden;
    margin: 15px 43px;
    box-shadow: 0 0 10px #e5e5e5;
    cursor: pointer;
    position: relative;
}

.newFuture .expectation .expectationList .list .title {
    font-size: 30px;
    line-height: 184px;
}

.newFuture .expectation .expectationList .list:hover .title {
    display: none;
}

.newFuture .expectation .expectationList .list .picture img {
    width: 100%;
}

.newFuture .expectation .expectationList .list .text {
    width: 100%;
    height: 100%;
    display: none;
    background: rgba(0, 0, 0, 0.3);
    position: absolute;
    left: 0;
    top: 0;
}

.newFuture .expectation .expectationList .list:hover .text {
    display: block;
}

.newFuture .expectation .expectationList .list .text a {
    display: block;
    width: 100%;
    height: 100%;
}

.newFuture .expectation .expectationList .list .text p {
    padding-top: 70px;
    color: #fff;
}

.newFuture .expectation .expectationList .list .text span {
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    display: inline-block;
    margin: 10px auto 0;
    background: #fff;
    border-radius: 50%;
    font-size: 14px;
}

/* 合作伙伴 */
.cooperativePartner {
}

.cooperativePartner .becomePartner {
    padding-bottom: 100px;
    background: url('../images/partner.jpg');
    background-size: 100% 100%;
}

.cooperativePartner .becomePartner .partnerTab {
    width: 80%;
    margin: 0 auto;
}

.cooperativePartner .becomePartner .partnerTab ul {
    display: flex;
    justify-content: space-between;
    border-bottom: solid #e8e8e8 1px;
}

.cooperativePartner .becomePartner .partnerTab ul li {
    font-size: 24px;
    cursor: pointer;
}

.cooperativePartner .becomePartner .partnerTab ul li.active {
    border-bottom: solid #003693 2px;
    margin-bottom: -1px;
}

.cooperativePartner .becomePartner .partnerBox {
    margin-top: 40px;
}

.cooperativePartner .becomePartner .partnerList {
    position: relative;
    display: none;
}

.cooperativePartner .becomePartner .partnerList:first-child {
    display: block;
}

.cooperativePartner .becomePartner .partnerList .picture img {
    width: 100%;
}

.cooperativePartner .becomePartner .partnerList .content {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    padding: 100px 100px 0 100px;
    position: absolute;
    left: 0;
    top: 0;
}

.cooperativePartner .becomePartner .partnerList .content .title {
    font-size: 28px;
    color: #fff;
}

.cooperativePartner .becomePartner .partnerList .content .text {
    font-size: 18px;
    color: #fff;
    margin-top: 30px;
}

.cooperativePartner .becomePartner .partnerList .content .button {
    position: absolute;
    bottom: 130px;
}

.cooperativePartner .becomePartner .partnerList .content .button a {
    width: 134px;
    height: 42px;
    display: inline-block;
    font-size: 16px;
    text-align: center;
    line-height: 42px;
    color: #fff;
    border-radius: 8px;
}

.cooperativePartner .becomePartner .partnerList .content .button a.join {
    border: solid #fff 1px;
    margin-right: 32px;
}

.cooperativePartner .becomePartner .partnerList .content .button a.view {
    background: #003693;
    border: solid #003693 1px;
}

.cooperativePartner .findPartner {
    padding-bottom: 80px;
    background: url('../images/partner2.jpg');
}

.cooperativePartner .findPartner .commonTitle {
    color: #fff;
    padding: 40px 0;
}

.cooperativePartner .findPartner .commonTitle h3 {
    padding-bottom: 10px;
}

.cooperativePartner .findPartner .commonTitle h3::after {
    background: #fff;
}

.cooperativePartner .findPartner .partnerForm {
    text-align: center;
}

.cooperativePartner .findPartner .partnerForm input {
    width: 33%;
    height: 60px;
    background: #fff;
    font-size: 16px;
    border: none;
    border-radius: 10px;
    outline: none;
    vertical-align: top;
    margin-right: 2%;
    box-sizing: border-box;
    padding: 0 15px;
}

.cooperativePartner .findPartner .partnerForm select {
    width: 20%;
    height: 60px;
    font-size: 16px;
    border: none;
    outline: none;
    border-radius: 10px;
    vertical-align: top;
    margin-right: 2%;
    padding: 0 15px;
}

.cooperativePartner .findPartner .partnerForm button {
    width: 8%;
    height: 60px;
    border: none;
    border-radius: 10px;
    vertical-align: top;
    font-size: 24px;
    cursor: pointer;
}

.cooperativePartner .findPartner .partnerForm button[type=submit] {
    background: #003693;
    color: #fff;
    margin-right: 2%;
}

.cooperativePartner .partnerResult {
    margin-top: 30px;
    padding-bottom: 50px;
}

.cooperativePartner .partnerResult .resultTitle {
}

.cooperativePartner .partnerResult .resultTitle h3 {
    display: inline-block;
    border-bottom: 1px solid #c7000b;
    width: 207px;
    line-height: 50px;
    font-weight: 400;
    font-size: 26px;
    color: #000;
}

.cooperativePartner .partnerResult .resultContent {
    margin-top: 20px;
    font-size: 16px;
}

.cooperativePartner .partnerResult .resultContent h4 {
    font-size: 20px;
    color: #999;
}

.find-partner-search-info {
    border-bottom: 1px solid #ddd;
    min-height: 170px;
    margin-bottom: 20px;
}

.find-partner-search-info .company-name-country-p {
    height: 30px;
    line-height: 30px;
    margin-bottom: 10px;
}

.find-partner-search-info .find-partner-country {
    border: 1px solid #2bbbff;
    border-radius: 3px;
    padding: 3px;
    font-size: 14px;
    color: #2bbbff;
    vertical-align: top;
}

.find-partner-search-info .company-name-country-p .find-partner-company-name {
    height: 28px;
    line-height: 28px;
    font-family: PingFangSC-Regular;
    font-size: 20px;
    color: #151515;
    margin-left: 10px;
    display: inline-block;
}

.find-partner-search-info .company-name-country-p .find-partner-get-contact-num {
    border: 1px solid #c7000b;
    border-radius: 3px;
    padding: 6px 12px;
    font-size: 14px;
    color: #c7000b;
    vertical-align: top;
}

.find-partner-search-info .find-partner-line-p {
    line-height: 20px;
    margin-bottom: 10px !important;
    height: auto !important;
    overflow: hidden;
}

.find-partner-search-info .find-partner-line-p .find-partner-name-title {
    width: 130px;
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    color: #9b9ea0;
    margin-right: 10px;
    display: block;
    float: left;
}

.find-partner-search-info .find-partner-line-p .find-partner-details {
    float: left;
    width: auto;
    font-size: 14px;
    color: #333;
}

.reminder-find-partner {
    margin: 20px;
    margin-bottom: 20px;
    text-align: center;
    font-weight: 700;
    margin-bottom: 50px;
    font-size: 14px;
    line-height: 26px;
}

.reminder-find-partner img {
    display: inline-block;
    margin-right: 5px;
}

.cooperativePartner .successfulStory {
    padding-bottom: 58px;
}

.cooperativePartner .successfulStory .storyBox {
}

.cooperativePartner .successfulStory .storyList {
    width: 32%;
    float: left;
    margin-right: 2%;
    margin-bottom: 35px;
    background: #f9f9f9;
    border-radius: 10px;
    overflow: hidden;
    transition: all 0.5s;
}

.cooperativePartner .successfulStory .storyList:nth-child(3n) {
    margin-right: 0;
}

.cooperativePartner .successfulStory .storyList:hover {
    box-shadow: 0 0 10px #d2d2d2;
}

.cooperativePartner .successfulStory .storyList .picture {
    overflow: hidden;
}

.cooperativePartner .successfulStory .storyList .picture img {
    width: 100%;
    transition: all 0.5s;
}

.cooperativePartner .successfulStory .storyList:hover .picture img {
    transform: scale(1.1);
}

.cooperativePartner .successfulStory .storyList .content {
    padding: 20px 20px 30px;
}

.cooperativePartner .successfulStory .storyList .content p {
    font-size: 22px;
    color: #242121;
}

.cooperativePartner .successfulStory .storyList .content span {
    width: 82px;
    height: 30px;
    display: inline-block;
    text-align: center;
    line-height: 30px;
    border: solid #003693 1px;
    color: #003693;
    font-size: 14px;
    color: #242121;
    margin-top: 10px;
}

.cooperativePartner .successfulStory .viewMore {
    margin-top: 30px;
    text-align: center;
}

.cooperativePartner .successfulStory .viewMore a {
    width: 134px;
    height: 42px;
    display: inline-block;
    font-size: 16px;
    line-height: 42px;
    border: solid #003693 1px;
    color: #003693;
    border-radius: 8px;
    transition: all .5s;
}

.cooperativePartner .successfulStory .viewMore a:hover {
    background: #003693;
    color: #fff;
}

.cooperativePartner .hotPushZone {
    background: #f9f9f9;
    padding-bottom: 110px;
}

.cooperativePartner .hotPushZone .zoneTab {
    text-align: center;
    margin-top: -20px;
}

.cooperativePartner .hotPushZone .zoneTab ul {
    display: inline-block;
    border: solid #003693 1px;
    border-radius: 10px;
    overflow: hidden;
}

.cooperativePartner .hotPushZone .zoneTab ul li {
    display: inline-block;
    font-size: 20px;
    padding: 0 25px;
    line-height: 43px;
    cursor: pointer;
}

.cooperativePartner .hotPushZone .zoneTab ul li.current {
    background: #003693;
    color: #fff;
}

.cooperativePartner .hotPushZone .sortTab {
    margin-top: 20px;
    text-align: center;
}

.cooperativePartner .hotPushZone .sortTab ul {
    display: inline-block;
    border-bottom: solid #e8e8e8 1px;
}

.cooperativePartner .hotPushZone .sortTab ul li {
    display: inline-block;
    font-size: 22px;
    cursor: pointer;
    padding: 15px 0;
    margin-right: 50px;
}

.cooperativePartner .hotPushZone .sortTab ul li:last-child {
    margin-right: 0;
}

.cooperativePartner .hotPushZone .sortTab ul li.current {
    color: #003693;
    border-bottom: solid #003693 2px;
    margin-bottom: -1px;
}

.cooperativePartner .hotPushZone .listBox {
    display: none;
    margin-top: 60px;
}

.cooperativePartner .hotPushZone .listBox:first-child {
    display: block;
}

.cooperativePartner .hotPushZone .list {
    display: none;
}

.cooperativePartner .hotPushZone .list:first-child {
    display: block;
}

.cooperativePartner .hotPushZone .list .contentBox {
    display: flex;
    border-radius: 13px;
    overflow: hidden;
}

.cooperativePartner .hotPushZone .list .picture {
    width: 50%;
    float: left;
    overflow: hidden;
}

.cooperativePartner .hotPushZone .list .picture img {
    width: 100%;
    transition: all 0.5s;
}

.cooperativePartner .hotPushZone .list .picture:hover img {
    transform: scale(1.1);
}

.cooperativePartner .hotPushZone .list .content {
    width: 50%;
    float: left;
    background: #fff;
    box-sizing: border-box;
    padding: 50px 100px 0 40px;
    position: relative;
}

.cooperativePartner .hotPushZone .list .content .name {
    font-size: 24px;
}

.cooperativePartner .hotPushZone .list .content .title {
    font-size: 28px;
    margin-top: 10px;
}

.cooperativePartner .hotPushZone .list .content .text {
    font-size: 14px;
    margin-top: 10px;
    line-height: 26px;
}

.cooperativePartner .hotPushZone .list .content .more {
    font-size: 12px;
    color: #003693;
    position: absolute;
    bottom: 60px;
}

/* 培训与认证 */
.trainingCertification {
}

.trainingCertification .certificationAbstract {
    text-align: center;
    font-size: 18px;
    line-height: 36px;
}

.trainingCertification .certificationList {
    padding: 50px 0 90px;
    display: flex;
}

.trainingCertification .certificationList .list {
    width: 23.5%;
    float: left;
    margin-right: 2%;
    text-align: center;
    box-sizing: border-box;
    padding: 50px 20px;
    background: #f1f3f5;
    border: solid #f1f3f5 1px;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.5s;
}

.trainingCertification .certificationList .list:nth-child(4n) {
    margin-right: 0;
}

.trainingCertification .certificationList .list:hover {
    border-color: #e5e5e5;
    box-shadow: 0 0 10px #eaeaea;
}

.trainingCertification .certificationList .list h4 {
    font-size: 22px;
    font-weight: normal;
    color: #333;
    padding: 10px 0;
}

.trainingCertification .certificationList .list p {
    font-size: 14px;
    color: #666;
    line-height: 24px;
    text-align: left;
}

.trainingCertification .learningResource {
    background: url('../images/learning.jpg');
    background-size: 100% 100%;
    padding-bottom: 68px;
}

.trainingCertification .learningResource .commonTitle {
    color: #fff;
    padding: 40px 0;
}

.trainingCertification .learningResource .commonTitle h3 {
    padding-bottom: 10px;
}

.trainingCertification .learningResource .learning {
    width: 49%;
    height: 254px;
    box-sizing: border-box;
    padding: 38px;
    color: #fff;
    border: solid #aaa 1px;
    border-radius: 13px;
    position: relative;
}

.trainingCertification .learningResource .online:nth-child(2) {
    float: left;
    background: url('../images/online.png') right 50px center no-repeat;
}

.trainingCertification .learningResource .online {
    float: right;
    background: url('../images/offline.png') right 50px center no-repeat;
}

.trainingCertification .learningResource .learning .title {
    font-size: 28px;
}

.trainingCertification .learningResource .learning .text {
    width: 70%;
    font-size: 16px;
    line-height: 24px;
    margin-top: 20px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
}

.trainingCertification .learningResource .learning .details {
    position: absolute;
    bottom: 40px;
}

.trainingCertification .learningResource .learning .details a {
    font-size: 12px;
    color: #fff;
}

.trainingCertification .registerStudy {
}

.trainingCertification .registerStudy .fillForm {
    padding-bottom: 100px;
}

.trainingCertification .registerStudy .fillForm input {
    width: 32%;
    height: 60px;
    float: left;
    border: solid #dbdbdb 1px;
    font-size: 18px;
    box-sizing: border-box;
    padding: 0 26px;
    outline: none;
}

.trainingCertification .registerStudy .fillForm .name {
    margin-right: 2%;
}

.trainingCertification .registerStudy .fillForm .telephone {
    margin-right: 2%;
}

.trainingCertification .registerStudy .fillForm .message {
    width: 100%;
    height: 130px;
    box-sizing: border-box;
    padding: 10px 26px;
    line-height: 26px;
    font-size: 18px;
    border: solid #dbdbdb 1px;
    outline: none;
    margin-top: 28px;
}

.trainingCertification .registerStudy .fillForm .submit {
    width: 300px;
    height: 60px;
    display: block;
    margin: 45px auto;
    background: #003693;
    border: none;
    color: #fff;
    font-size: 20px;
    cursor: pointer;
}

/* 新闻 */
.newsTabMenu {
    height: 80px;
    background: rgba(7, 7, 7, 0.4);
    margin-top: -80px;
    position: relative;
    z-index: 1;
}

.newsTabMenu a {
    display: inline-block;
    padding: 0 88px;
    line-height: 80px;
    font-size: 24px;
    color: #fff;
}

.newsTabMenu a.active {
    background: #003693;
}

.newsTabMenu a:hover {
    background: #003693;
}

.newsCenter {
    padding-bottom: 60px;
}

.newsCenter .newsCategory {
    border-bottom: solid #c6c6c6 1px;
    margin-top: 50px;
}

.newsCenter .newsCategory .label {
    float: left;
    font-size: 30px;
    padding: 13px 0;
    border-bottom: solid #003693 2px;
    margin-bottom: -1px;
}

.newsCenter .newsCategory .categoryMenu {
    float: left;
    font-size: 30px;
}

.newsCenter .newsCategory .categoryMenu a {
    display: inline-block;
    padding: 13px 0;
    color: #242121;
    margin-right: 43px;
}

.newsCenter .newsCategory .categoryMenu a.active {
    border-bottom: solid #003693 2px;
    margin-bottom: -1px;
}

.newsCenter .search {
    float: right;
    border: solid #ddd 1px;
    padding-left: 10px;
    margin-top: 13px;
}

.newsCenter .search .keyword {
    height: 36px;
    font-size: 16px;
    border: none;
    outline: none;
    vertical-align: top;
}

.newsCenter .search .button {
    width: 36px;
    height: 36px;
    vertical-align: top;
    background: url('../images/search.png') center no-repeat;
    border: none;
    cursor: pointer;
    opacity: 0.6;
}

.newsCenter .newsScreening {
    padding: 20px 0;
}

.newsCenter .newsScreening .list {
    padding: 13px 0;
}

.newsCenter .newsScreening .list label {
    width: 55px;
    display: inline-block;
    font-size: 18px;
    line-height: 28px;
    vertical-align: top;
}

.newsCenter .newsScreening .checklist {
    width: calc(100% - 60px);
    display: inline-block;
    vertical-align: top;
}

.newsCenter .newsScreening .checklist a {
    display: inline-block;
    font-size: 14px;
    color: #242121;
    padding: 0 15px;
    line-height: 26px;
    border: solid #b7b7b7 1px;
    border-radius: 14px;
    vertical-align: middle;
    margin: 0 10px 10px 0;
}

.newsCenter .newsScreening .checklist a.clicked {
    background: #b7b7b7;
    color: #fff;
    padding-right: 30px;
    position: relative;
}

.newsCenter .newsScreening .checklist a.clicked::after {
    content: '×';
    position: absolute;
    right: 10px;
}

.newsCenter .newsBox {
    padding: 50px 0;
}

.newsCenter .newsBox .title {
    text-align: center;
}

.newsCenter .newsBox .title h1 {
    font-size: 34px;
    line-height: 60px;
}

.newsCenter .newsBox .newsList {
    width: 32%;
    float: left;
    background: #f6f6f6;
    margin-right: 2%;
    margin-bottom: 30px;
    border-radius: 8px;
    overflow: hidden;
}

.newsCenter .newsBox .newsList:nth-child(3n) {
    margin-right: 0;
}

.newsCenter .newsBox .newsList:nth-child(3n+1) {
    clear: both;
}

.newsCenter .newsBox .newsList .picture {
    overflow: hidden;
}

.newsCenter .newsBox .newsList .picture img {
    width: 100%;
    transition: all 0.5s;
}

.newsCenter .newsBox .newsList:hover .picture img {
    transform: scale(1.1);
}

.newsCenter .newsBox .newsList .name {
    font-size: 22px;
    color: #242121;
    margin: 20px 25px;
    height: 60px;
    line-height: 30px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}

.newsCenter .newsBox .newsList .date {
    font-size: 16px;
    line-height: 26px;
    color: #666;
    padding: 0 25px 30px;
}

.newsCenter .newsBox .news_detail {
    margin-top: 30px;
}

.newsCenter .newsBox .news_detail img {
    max-width: 100%;
}

/* 展会活动 */
.exhibitionActivity {
}

.exhibitionActivity .activityMenu {
    border-bottom: solid #c6c6c6 1px;
    margin-top: 50px;
    text-align: center;
}

.exhibitionActivity .activityMenu a {
    display: inline-block;
    font-size: 30px;
    color: #333;
    padding: 13px 0;
    margin: 0 30px;
}

.exhibitionActivity .activityMenu a.active {
    border-bottom: solid #003693 2px;
    margin-bottom: -1px;
}

.exhibitionActivity .activityBox {
    padding: 60px 0 80px;
}

.exhibitionActivity .activityBox .activityList {
    width: 32%;
    float: left;
    margin-right: 2%;
    margin-bottom: 40px;
    background: #f6f6f6;
    border-radius: 8px;
    overflow: hidden;
    transition: all .5s;
}

.exhibitionActivity .activityBox .activityList:nth-child(3n) {
    margin-right: 0;
}

.exhibitionActivity .activityBox .activityList:nth-child(3n+1) {
    clear: both;
}

.exhibitionActivity .activityBox .activityList:hover {
    box-shadow: 0 0 10px #ddd;
}

.exhibitionActivity .activityBox .activityList .picture {
    position: relative;
    overflow: hidden;
}

.exhibitionActivity .activityBox .activityList .picture img {
    width: 100%;
    transition: all 0.5s;
}

.exhibitionActivity .activityBox .activityList:hover .picture img {
    transform: scale(1.1);
}

.exhibitionActivity .activityBox .activityList .title {
    width: 108px;
    height: 40px;
    font-size: 16px;
    text-align: center;
    line-height: 40px;
    background: rgba(65, 65, 65, 0.5);
    color: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
}

.exhibitionActivity .activityBox .activityList .content {
    padding: 20px 26px;
}

.exhibitionActivity .activityBox .activityList .content .name {
    font-size: 22px;
    color: #242121;
    height: 60px;
    line-height: 30px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}

.exhibitionActivity .activityBox .activityList .content .addressDate {
    line-height: 22px;
    color: #9f9f9f;
    margin-top: 10px;
}

.exhibitionActivity .activityBox .activityList .content .addressDate .address {
    width: 17px;
    height: 22px;
    display: inline-block;
    background: url("../images/address.png");
    vertical-align: middle;
    margin-right: 10px;
}

.exhibitionActivity .activityBox .activityList .content .addressDate .date {
    width: 20px;
    height: 20px;
    display: inline-block;
    background: url("../images/date.png");
    vertical-align: middle;
    margin-right: 10px;
    margin-left: 15px;
}

.exhibitionActivity .activityBox .activityList .content .more {
    margin-top: 30px;
}

.exhibitionActivity .activityBox .activityList .content .more span {
    font-size: 12px;
    color: #003693;
}

/* 多媒体 */
.newsCenter .multimediaNews {
    padding-bottom: 100px;
}

.newsCenter .multimediaNews::after {
    content: '';
    display: table;
    clear: both;
}

.newsCenter .multimediaNews .newsListBox {
    width: 49%;
    float: left;
    margin-right: 2%;
}

.newsCenter .multimediaNews .newsListBox:nth-child(2n) {
    margin-right: 0;
}

.newsCenter .multimediaNews .newsList {
    position: relative;
    margin-bottom: 30px;
    overflow: hidden;
}

.newsCenter .multimediaNews .newsList:first {
    width: 100%;
}

.newsCenter .multimediaNews .newsList:nth-child(2) {
    width: 48%;
    float: left;
}

.newsCenter .multimediaNews .newsList:nth-child(3) {
    width: 48%;
    float: right;
}

.newsCenter .multimediaNews .newsList .picture {
    overflow: hidden;
}

.newsCenter .multimediaNews .newsList .picture img {
    width: 100%;
    transition: all 0.5s;
}

.newsCenter .multimediaNews .newsList:hover .picture img {
    transform: scale(1.1);
}

.newsCenter .multimediaNews .newsList .mask {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.newsCenter .multimediaNews .newsList:hover .mask {
    background: rgba(0, 0, 0, 0.3);
}

.newsCenter .multimediaNews .newsList .content {
    width: 100%;
    box-sizing: border-box;
    padding: 0 25px 12px;
    position: absolute;
    left: 0;
    bottom: 0;
}

.newsCenter .multimediaNews .newsList .content .name {
    font-size: 20px;
    color: #fff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.newsCenter .multimediaNews .newsList .content .text {
    font-size: 16px;
    color: #fff;
    margin-top: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: none;
}

.newsCenter .multimediaNews .newsList:hover .content .text {
    display: block;
}

.newsCenter .newsMore {
    text-align: center;
    margin-top: 30px;
}

.newsCenter .newsMore a {
    width: 137px;
    height: 42px;
    display: inline-block;
    font-size: 16px;
    line-height: 42px;
    border: solid #003693 1px;
    color: #003693;
    border-radius: 8px;
    transition: all .5s;
}

.newsCenter .newsMore a:hover {
    background: #003693;
    color: #fff;
}

/* 多媒体视频 */
.newsCenter .multimediaVideo {
    padding-bottom: 100px;
}

.newsCenter .multimediaVideo .newsList {
    width: 32%;
    float: left;
    margin-right: 2%;
    position: relative;
    margin-bottom: 30px;
}

.newsCenter .multimediaVideo .newsList:nth-child(3n) {
    margin-right: 0;
}

.newsCenter .multimediaVideo .newsList .picture {
    overflow: hidden;
}

.newsCenter .multimediaVideo .newsList .picture img {
    width: 100%;
    transition: all 0.5s;
}

.newsCenter .multimediaVideo .newsList:hover .picture img {
    transform: scale(1.1);
}

.newsCenter .multimediaVideo .newsList .mask {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.newsCenter .multimediaVideo .newsList .play {
    width: 100%;
    height: 100%;
    background: url('../images/play.png') center no-repeat;
    position: absolute;
    left: 0;
    top: 0;
}

.newsCenter .multimediaVideo .newsList:hover .mask {
    background: rgba(0, 0, 0, 0.3);
}

.newsCenter .multimediaVideo .newsList .content {
    width: 100%;
    box-sizing: border-box;
    padding: 0 25px 12px;
    position: absolute;
    left: 0;
    bottom: -80px;
    transition: all 0.5s;
}

.newsCenter .multimediaVideo .newsList:hover .content {
    bottom: 0;
}

.newsCenter .multimediaVideo .newsList .content .name {
    font-size: 20px;
    color: #fff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.newsCenter .multimediaVideo .newsList .content .text {
    font-size: 16px;
    color: #fff;
    margin-top: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.newsCenter .multimediaVideo .newsMore {
    text-align: center;
    margin-top: 30px;
}

.newsCenter .multimediaVideo .newsMore a {
    width: 137px;
    height: 42px;
    display: inline-block;
    font-size: 16px;
    line-height: 42px;
    border: solid #003693 1px;
    color: #003693;
    border-radius: 8px;
    transition: all .5s;
}

.newsCenter .multimediaVideo .newsMore a:hover {
    background: #003693;
    color: #fff;
}

/* 场景解决方案 */
.scenarioSolution {
}

.scenarioSolution .sceneOverview {
    padding: 80px 0;
}

.scenarioSolution .sceneOverview .picture {
    width: 30%;
    float: left;
    border: solid #ebebeb 1px;
    border-radius: 8px;
    overflow: hidden;
}

.scenarioSolution .sceneOverview .picture img {
    width: 100%;
}

.scenarioSolution .sceneOverview .content {
    width: 65%;
    float: right;
    padding: 10px 0;
}

.scenarioSolution .sceneOverview .content .name {
    font-size: 36px;
    color: #333;
    padding-bottom: 10px;
    position: relative;
}

.scenarioSolution .sceneOverview .content .name::after {
    width: 64px;
    height: 2px;
    content: '';
    background: #003693;
    position: absolute;
    left: 0;
    bottom: 0;
}

.scenarioSolution .sceneOverview .content .text {
    height: 216px;
    font-size: 18px;
    color: #666;
    line-height: 36px;
    padding: 10px 0;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
    overflow: hidden;
    text-overflow: ellipsis;
}

.scenarioSolution .sceneOverview .content .more {
    margin-top: 20px;
}

.scenarioSolution .sceneOverview .content .more a {
    font-size: 16px;
    color: #003693
}

.scenarioSolution .sceneOverviewList {
    padding-top: 50px;
    display: flex;
    justify-content: space-between;
}

.scenarioSolution .sceneOverviewList .list {
    width: 23.5%;
    text-align: center;
    box-sizing: border-box;
    padding: 50px 20px;
    background: #f1f3f5;
    border: solid #f1f3f5 1px;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.5s;
}

.scenarioSolution .sceneOverviewList .list:hover {
    border-color: #e5e5e5;
    box-shadow: 0 0 10px #eaeaea;
}

.scenarioSolution .sceneOverviewList .list h4 {
    font-size: 22px;
    font-weight: normal;
    color: #333;
    padding: 10px 0;
}

.scenarioSolution .sceneOverviewList .list p {
    font-size: 14px;
    color: #666;
    line-height: 24px;
    text-align: left;
}

.scenarioSolution .solutionList {
    background: #f9f9f9;
    padding-bottom: 80px;
}

.scenarioSolution .solutionList .solution_list::after {
    content: '';
    display: table;
    clear: both;
}

.scenarioSolution .solutionList .scenariosList {
    width: 32%;
    float: left;
    background: #fff;
    margin-right: 2%;
    margin-bottom: 40px;
    border-radius: 8px;
    overflow: hidden;
}

.scenarioSolution .solutionList .scenariosList:nth-child(3n) {
    margin-right: 0;
}

.scenarioSolution .solutionList .scenariosList .picture {
    overflow: hidden;
}

.scenarioSolution .solutionList .scenariosList .picture img {
    width: 100%;
    transition: all 0.5s;
}

.scenarioSolution .solutionList .scenariosList:hover .picture img {
    transform: scale(1.1);
}

.scenarioSolution .solutionList .scenariosList .name {
    font-size: 28px;
    color: #242121;
    padding: 20px 25px;
}

.scenarioSolution .solutionList .scenariosList .text {
    font-size: 14px;
    line-height: 26px;
    height: 130px;
    color: #666;
    padding: 0 25px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;
    text-overflow: ellipsis;
}

.scenarioSolution .solutionList .scenariosList .more {
    padding: 60px 25px;
}

.scenarioSolution .solutionList .scenariosList .more a {
    width: 134px;
    height: 42px;
    display: inline-block;
    text-align: center;
    line-height: 42px;
    font-size: 16px;
    color: #003693;
    border: solid #003693 1px;
    border-radius: 8px;
    transition: all .5s;
}

.scenarioSolution .solutionList .scenariosList .more a:hover {
    background: #003693;
    color: #fff;
}

.scenarioSolution .solutionList .loadMore {
    margin-top: 20px;
    text-align: center;
}

.scenarioSolution .solutionList .loadMore a {
    width: 134px;
    height: 42px;
    display: inline-block;
    line-height: 42px;
    font-size: 16px;
    color: #003693;
    border: solid #003693 1px;
    border-radius: 8px;
    transition: all .5s;
}

.scenarioSolution .solutionList .loadMore a:hover {
    background: #003693;
    color: #fff;
}

/* 绿色建筑故事 */
.greenBuilding {
    background: #f6f6f6;
}

.greenBuilding .buildingTab {
    width: 100%;
    height: 83px;
    background: rgba(7, 7, 7, 0.4);
    margin-top: -83px;
    position: relative;
    z-index: 1;
}

.greenBuilding .buildingTab.fixed {
    position: fixed;
    background: rgba(7, 7, 7, 0.7);
    margin: 0;
    top: 91px;
    z-index: 11;
}

.greenBuilding .buildingTab ul li {
    display: inline-block;
    padding: 0 68px;
    line-height: 83px;
    font-size: 24px;
    color: #fff;
    cursor: pointer;
}

.greenBuilding .buildingTab ul li.current {
    background: #003693;
}

.greenBuilding .buildingTab ul li:hover {
    background: #003693;
}

.greenBuilding .government {
    padding-bottom: 60px;
}

.greenBuilding .government .container {
    display: flex;
    justify-content: space-between;
}

.greenBuilding .government .subtitle {
    font-size: 24px;
    margin-top: 20px;
}

.greenBuilding .government .videoBox {
    width: 46%;
    float: left;
    border-radius: 13px;
    overflow: hidden;
    position: relative;
}

.greenBuilding .government .videoBox .picture {
    overflow: hidden;
}

.greenBuilding .government .videoBox .picture img {
    width: 100%;
    transition: all 0.5s;
}

.greenBuilding .government .videoBox:hover .picture img {
    transform: scale(1.1);
}

.greenBuilding .government .videoBox .play {
    width: 100%;
    height: 100%;
    background: url('../images/play.png') center no-repeat rgba(0, 0, 0, 0.3);
    cursor: pointer;
    position: absolute;
    left: 0;
    top: 0;
}

.greenBuilding .government .governmentBox {
    width: 50%;
    float: right;
    background: #fff;
    border-radius: 13px;
    box-sizing: border-box;
    padding: 27px 43px;
}

.greenBuilding .government .governmentBox .list {
    margin-bottom: 16px;
}

.greenBuilding .government .governmentBox .list:last-child {
    margin-bottom: 0;
}

.greenBuilding .government .governmentBox .list .picture {
    width: 30%;
    float: left;
    border-radius: 10px;
    overflow: hidden;
}

.greenBuilding .government .governmentBox .list .picture img {
    width: 100%;
    transition: all 0.5s;
}

.greenBuilding .government .governmentBox .list:hover .picture img {
    transform: scale(1.1);
}

.greenBuilding .government .governmentBox .list .content {
    width: 65%;
    float: right;
    padding-top: 15px;
}

.greenBuilding .government .governmentBox .list .content .name {
    font-size: 22px;
    line-height: 36px;
    color: #242121;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.greenBuilding .government .governmentBox .list:hover .content .name {
    color: #003693;
}

.greenBuilding .government .governmentBox .list .content .text {
    font-size: 16px;
    line-height: 28px;
    color: #242121;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.greenBuilding .government .governmentMore {
    margin-top: 60px;
    text-align: center;
}

.greenBuilding .government .governmentMore a {
    width: 134px;
    height: 42px;
    display: inline-block;
    line-height: 42px;
    font-size: 16px;
    color: #003693;
    border: solid #003693 1px;
    border-radius: 8px;
    transition: all .5s;
}

.greenBuilding .government .governmentMore a:hover {
    background: #003693;
    color: #fff;
}

.greenBuilding .transportation {
    position: relative;
}

.greenBuilding .transportation .videoBox {
}

.greenBuilding .transportation .videoBox img {
    width: 100%;
}

.greenBuilding .transportation .videoBox video {
    width: 100%;
}

.greenBuilding .transportation .videoContent {
    width: 100%;
    height: 100%;
    color: #fff;
    box-sizing: border-box;
    padding-top: 3%;
    position: absolute;
    left: 0;
    top: 0;
}

.greenBuilding .transportation .videoContent .commonTitle {
    padding: 30px 0;
}

.greenBuilding .transportation .videoContent .subtitle {
    font-size: 24px;
    margin-top: 20px;
}

.greenBuilding .transportation .videoContent .play {
    width: 173px;
    height: 47px;
    margin: 0 auto;
    text-align: center;
    border: solid #003693 1px;
    border-radius: 13px;
    display: none;
}

.greenBuilding .transportation .videoContent .play a {
    display: block;
    font-size: 20px;
    line-height: 47px;
    color: #003693;
    background: url('../images/play2.png') right 28px center no-repeat;
    padding-right: 30px;
}

.greenBuilding .transportation .listBox {
    margin-top: -90px;
}

.greenBuilding .transportation .listBox .list {
    width: 32%;
    float: left;
    margin-right: 2%;
    border-radius: 13px;
    overflow: hidden;
    position: relative;
    z-index: 2;
    transition: all .5s;
}

.greenBuilding .transportation .listBox .list:nth-child(3) {
    margin-right: 0;
}

.greenBuilding .transportation .listBox .list:hover {
    margin-top: -30px;
}

.greenBuilding .transportation .listBox .list img {
    width: 100%;
}

.greenBuilding .transportation .listBox .list p {
    width: 100%;
    font-size: 20px;
    color: #fff;
    text-align: center;
    box-sizing: border-box;
    padding: 10px 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: absolute;
    bottom: 0;
}

.greenBuilding .smartPark {
    background: url('../images/smartPark.png') center bottom no-repeat;
    background-size: 100%;
}

.greenBuilding .smartPark .container {
    display: none;
}

.greenBuilding .middleEast {
    background: url('../images/middleEast.png') center top no-repeat;
    background-size: 100%;
}

.greenBuilding .periodicals {
    padding: 50px 0 100px;
}

.greenBuilding .periodicals .list {
    width: 49%;
    float: left;
    margin-right: 2%;
    background: url('../images/periodicals_01.jpg') bottom no-repeat #fff;
    background-size: 100%;
    box-sizing: border-box;
    padding: 35px 30px;
    border-radius: 10px;
}

.greenBuilding .periodicals .list:nth-child(2n) {
    margin-right: 0;
    background-image: url('../images/periodicals_02.jpg');
}

.greenBuilding .periodicals .list a {
    display: flex;
    justify-content: space-between;
}

.greenBuilding .periodicals .list .picture {
    width: 30%;
    overflow: hidden;
}

.greenBuilding .periodicals .list .picture img {
    width: 100%;
    transition: all 0.5s;
}

.greenBuilding .periodicals .list:hover .picture img {
    transform: scale(1.1);
}

.greenBuilding .periodicals .list .content {
    width: 65%;
    position: relative;
}

.greenBuilding .periodicals .list .content h5 {
    width: 100%;
    font-size: 16px;
    font-weight: normal;
    color: #666;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: absolute;
    top: 26%;
}

.greenBuilding .periodicals .list .content h4 {
    width: 100%;
    font-size: 20px;
    font-weight: normal;
    color: #333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: absolute;
    top: 40%;
}

.greenBuilding .periodicals .list .content p {
    font-size: 12px;
    color: #003693;
    position: absolute;
    bottom: 20%;
}

/* 成功案例页面 */
.casePage {
}

.casePage .caseLabel {
    border-bottom: solid #c6c6c6 1px;
    margin-top: 50px;
}

.casePage .caseLabel .label {
    float: left;
    font-size: 30px;
    padding: 13px 0;
    border-bottom: solid #003693 2px;
    margin-bottom: -1px;
}

.casePage .search {
    float: right;
    border: solid #ddd 1px;
    padding-left: 10px;
    margin-top: 13px;
}

.casePage .search .keyword {
    height: 36px;
    font-size: 16px;
    border: none;
    outline: none;
    vertical-align: top;
}

.casePage .search .button {
    width: 36px;
    height: 36px;
    vertical-align: top;
    background: url('../images/search.png') center no-repeat;
    border: none;
    cursor: pointer;
    opacity: 0.6;
}

.casePage .caseScreening {
    background: #f9f9f9;
    padding: 20px 30px;
    margin-top: 50px;
    border-radius: 13px;
}

.casePage .caseScreening .list {
    padding: 5px 0;
    font-size: 18px;
}

.casePage .caseScreening .list label {
    width: 120px;
    float: left;
    line-height: 28px;
}

.casePage .caseScreening .list .checkItem {
    width: calc(100% - 120px);
    float: right;
    position: relative;
}

.casePage .caseScreening .list .checkItem li {
    float: left;
    margin: 0 10px 10px;
    line-height: 28px;
    transition: all .5s;
}

.casePage .caseScreening .list .checkItem li a {
    display: block;
    color: #242121;
}

.casePage .caseScreening .list .checkItem li a.checkbox i {
    width: 13px;
    height: 13px;
    display: inline-block;
    border: solid #bdbdbd 1px;
    vertical-align: middle;
    margin-right: 5px;
    margin-top: -2px;
}

.casePage .caseScreening .list .checkItem li a.checked {
    color: #003693;
}

.casePage .caseScreening .list .checkItem li a.checked i {
    border-color: #003693;
    position: relative;
}

.casePage .caseScreening .list .checkItem li a.checked i::after {
    width: 13px;
    height: 13px;
    content: '✓';
    font-size: 12px;
    text-align: center;
    line-height: 13px;
    font-style: normal;
    position: absolute;
}

.casePage .caseScreening .list .checkItem li a.downMenu i {
    display: inline-block;
    font-style: normal;
    margin-left: 5px;
    transform: rotate(90deg);
    font-family: cursive;
    font-weight: bold;
}

.casePage .caseScreening .list .checkItem li a.selected {
    color: #003693;
}

.casePage .caseScreening .list .checkItem li .downList {
    width: 100%;
    background: #fff;
    box-sizing: border-box;
    padding: 5px 10px;
    border-radius: 8px;
    position: absolute;
    left: 0;
    top: 39px;
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s;
}

.casePage .caseScreening .list .checkItem li.open .downList {
    visibility: visible;
    opacity: 1;
}

.casePage .checkedItem {
    padding: 20px 0;
    font-size: 16px;
}

.casePage .checkedItem .label {
    width: 90px;
    float: left;
}

.casePage .checkedItem .checkedList {
    width: calc(100% - 90px);
    float: right;
}

.casePage .checkedItem .checkedList span {
    display: inline-block;
    margin-right: 20px;
}

.casePage .checkedItem .checkedList a {
    color: #242121;
}

.casePage .checkedItem .checkedList a:hover {
    color: #003693;
}

.casePage .caseBox {
    padding: 60px 0 80px;
}

.casePage .caseBox .caseList {
    width: 32%;
    float: left;
    margin-right: 2%;
    margin-bottom: 40px;
    background: #f6f6f6;
    border-radius: 8px;
    overflow: hidden;
    transition: all .5s;
}

.casePage .caseBox .caseList:nth-child(3n) {
    margin-right: 0;
}

.casePage .caseBox .caseList:nth-child(3n+1) {
    clear: both;
}

.casePage .caseBox .caseList:hover {
    box-shadow: 0 0 10px #ddd;
}

.casePage .caseBox .caseList .picture {
    position: relative;
    overflow: hidden;
}

.casePage .caseBox .caseList .picture img {
    width: 100%;
    transition: all 0.5s;
}

.casePage .caseBox .caseList:hover .picture img {
    transform: scale(1.1);
}

.casePage .caseBox .caseList .content {
    padding: 25px 28px;
}

.casePage .caseBox .caseList .content .name {
    font-size: 22px;
    color: #242121;
    height: 96px;
    line-height: 32px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
}

.casePage .caseBox .caseList .content .addressDate {
    line-height: 22px;
    color: #9f9f9f;
    margin-top: 15px;
}

.casePage .caseBox .caseList .content .addressDate .address {
    width: 17px;
    height: 22px;
    display: inline-block;
    background: url("../images/address.png");
    vertical-align: middle;
    margin-right: 10px;
}

.casePage .caseBox .caseList .content .addressDate .date {
    width: 20px;
    height: 20px;
    display: inline-block;
    background: url("../images/date.png");
    vertical-align: middle;
    margin-right: 10px;
    margin-left: 15px;
}

.casePage .caseBox .caseList .content .addressDate .produ {
    width: 20px;
    height: 20px;
    display: inline-block;
    background: url("../images/product.png");
    vertical-align: middle;
    margin-right: 10px;
    margin-left: 15px;
}

.commonPage {
    text-align: center;
    line-height: 26px;
    font-size: 16px;
    margin-bottom: 50px;
    color: #666;
}

.commonPage a {
    display: inline-block;
    padding: 0 8px;
    margin: 0 10px;
    color: #333;
    border: solid #b4b4b4 1px;
}

.commonPage a:hover {
    color: #003693;
}

.commonPage span {
    display: inline-block;
    padding: 0 8px;
    margin: 0 10px;
}

.commonPage .current {
    color: #003693;
    border: solid #e8e8e8 1px;
    background: #e8e8e8;
}

.commonPage select {
    height: 28px;
    margin: 0 10px;
    border: solid #b4b4b4 1px;
    outline: none;
}

/* 右边客服 */
.rightWindow {
    position: fixed;
    z-index: 99;
    right: 10px;
    bottom: 10%;
    /* display: none; */
}

.rightWindow li {
    margin-bottom: 3px;
    font-size: 0;
    width: 57px;
    right: 0;
    position: relative;
}

.rightWindow li a {
    width: 57px;
    height: 57px;
    display: block;
    position: absolute;
    z-index: 9;
    right: 0;
    top: 0;
    overflow: hidden;
    background: #292e39;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    white-space: nowrap;
    font-size: 0;
}

.rightWindow li .icon-font:after {
    width: 30px;
    height: 30px;
    content: "";
    background-image: url("../images/icon_right.png");
    background-repeat: no-repeat;
    position: absolute;
    left: calc(50% - 15px);
    top: calc(50% - 15px);
}

.rightWindow li .icon-font {
    display: inline-block;
    vertical-align: middle;
    width: 57px;
    height: 57px;
    background-color: #d9d9d9;
    position: relative;
    z-index: 2;
}

.rightWindow li .icon-qq:after {
    background-position: 0 -120px;
}

.rightWindow li .icon-phone:after {
    background-position: 0 -60px;
}

.rightWindow li .icon-ewm:after {
    background-position: 0 0;
}

.rightWindow li .icon-message:after {
    background-position: 0 -90px;
}

.rightWindow li .icon-top:after {
    background-position: 0 -30px;
}

.rightWindow li .wz {
    display: inline-block;
    /* line-height: 57px; */
    font-size: 14px;
    color: #fff;
    vertical-align: middle;
    padding-left: 0;
    width: 100%;
    text-align: center;
    color: #000;
    margin: 5px 0 5px;
    background: #ddd;
}

.rightWindow li.ewm .ewm-box {
    position: absolute;
    z-index: 1;
    padding: 5px;
    background: #fff;
    width: 130px;
    right: 120%;
    bottom: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: all .7s;
    transition: all .7s;
    z-index: 1;
}

.rightWindow li.ewm .ewm-box p {
    margin-bottom: 0;
}

.rightWindow li.ewm .ewm-box img {
    max-width: 100%;
}

.rightWindow li.ewm:hover .ewm-box {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.rightWindow li.backtop {
    cursor: pointer;
}

.rightWindow li.backtop .iconfont {
    color: #fff;
    background-color: #292e39;
}

.rightWindow li:hover a {
    width: 200px;
    background: rgb(59,57,57);
}

.rightWindow li:hover .icon-font {
    background-color: #292e39;
}

.rightWindow li:hover .icon-qq:after {
    background-position: -30px -120px;
}

.rightWindow li:hover .icon-phone:after {
    background-position: -30px -60px;
}

.rightWindow li:hover .icon-ewm:after {
    background-position: -30px 0;
}

.rightWindow li:hover .icon-message:after {
    background-position: -30px -90px;
}

.rightWindow li:hover .icon-top:after {
    background-position: -30px -30px;
}

.mservice {
    display: none;
}

/* 自适应 */
@media (max-width: 1399px) {
    .banner .bannerText {
        left: 0;
        margin-left: 0;
    }

    .centerBanner .bannerText {
        right: 0;
        margin-right: 0;
    }
}

@media (max-width: 1200px) {
    .header .menu li {
        margin: 0 10px;
        font-size: 15px;
    }
}

.phoneHeader {
    display: none;
}

@media (max-width: 990px) {
    .header {
        display: none;
    }

    .phoneHeader {
        width: 100%;
        height: 66px;
        box-sizing: border-box;
        padding: 0 20px;
        display: block;
        background: #fff;
        border-bottom: solid #e6e6e6 1px;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 13;
    }

    .phoneHeader .phoneName {
        width: 60%;
        float: left;
        font-size: 16px;
        text-align: center;
        line-height: 50px;
    }

    .phoneHeader .phoneName img {
        width: 100%;
        vertical-align: middle;
    }

    .phoneHeader .phoneNavbtn {
        position: absolute;
        z-index: 10;
        top: 25px;
        right: 20px;
        width: 23px;
        height: 20px;
    }

    .phoneHeader .phoneNavbtn span, .phoneHeader .phoneNavbtn:after, .phoneHeader .phoneNavbtn:before {
        display: block;
        height: 2px;
        width: 100%;
        background: #555;
        -webkit-transition: all .5s;
        transition: all .5s;
    }

    .phoneHeader .phoneNavbtn span {
        margin: 5px 0;
    }

    .phoneHeader .phoneNavbtn:after, .phoneHeader .phoneNavbtn:before {
        content: '';
        -webkit-transform-origin: 7.5%;
        transform-origin: 7.5%;
    }

    .phoneHeader .phoneNavbtn.clicked span {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        opacity: 0;
    }

    .phoneHeader .phoneNavbtn.clicked:after {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    .phoneHeader .phoneNavbtn.clicked:before {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .phoneHeader .phoneMenuList {
        width: 100%;
        height: calc(100% - 66px);
        overflow-y: auto;
        display: none;
        background: #fff;
        position: fixed;
        left: 0;
        top: 66px;
    }

    .phoneHeader .phoneMenuList .downbtn {
        width: 20px;
        height: 20px;
        float: right;
        margin-top: 15px;
        transition: all 0.5s;
        position: relative;
    }

    .phoneHeader .phoneMenuList .downbtn.rotate {
        transform: rotate(-180deg);
    }

    .phoneHeader .phoneMenuList .downbtn::before {
        width: 0;
        height: 0;
        content: '';
        border-top: solid #666 10px;
        border-left: solid transparent 10px;
        border-right: solid transparent 10px;
        position: absolute;
        left: 0;
        top: 6px;
    }

    .phoneHeader .phoneMenuList .downbtn::after {
        width: 0;
        height: 0;
        content: '';
        border-top: solid #fff 10px;
        border-left: solid transparent 10px;
        border-right: solid transparent 10px;
        position: absolute;
        left: 0;
        top: 4px;
    }

    .phoneHeader .phoneMenuList ul {
    }

    .phoneHeader .phoneMenuList ul li {
        font-size: 16px;
        line-height: 50px;
        border-bottom: solid #e6e6e6 1px;
        position: relative;
    }

    .phoneHeader .phoneMenuList ul li a {
        display: inline-block;
        padding: 0px 20px;
    }

    .phoneHeader .phoneMenuList ul li p {
        padding: 0px 20px;
    }

    .phoneHeader .phoneMenuList ul li ul {
        display: none;
    }

    .phoneHeader .phoneMenuList ul li ul li {
        font-size: 15px;
        border-top: dashed #e6e6e6 1px;
        border-bottom: none;
    }

    .phoneHeader .phoneMenuList ul li ul li h5 {
        font-size: 15px;
        font-weight: normal;
        padding: 0 20px 0 40px;
    }

    .phoneHeader .phoneMenuList ul li ul li ul li a {
        padding-left: 60px;
    }

    .phoneHeader .phoneMenuList ul li ul li::after {
        width: 3px;
        height: 3px;
        content: '';
        border: solid #959595 2px;
        transform: rotate(45deg);
        position: absolute;
        left: 20px;
        top: 22px;
    }

    .phoneHeader .phoneMenuList ul li ul li ul li::after {
        left: 40px;
    }

    /* 搜索框 */
    .phoneHeader .search {
        width: 30px;
        height: 30px;
        position: absolute;
        right: 53px;
        top: 18px;
    }

    .phoneHeader .search .searchBtn {
        width: 30px;
        height: 30px;
        background: url("../images/search.png") center no-repeat;
        cursor: pointer;
    }

    .phoneHeader .search .searchBox {
        width: 100%;
        height: 100%;
        background: #fff;
        box-sizing: border-box;
        padding: 10px;
        position: fixed;
        top: 0;
        right: -100%;
        opacity: 0;
        transition: all 0.3s;
        visibility: hidden;
        z-index: 11;
    }

    .phoneHeader .search .searchBox.show {
        right: 0;
        opacity: 1;
        visibility: visible;
    }

    .phoneHeader .search .searchBox input {
        width: 74%;
        height: 40px;
        float: left;
        border: solid #e8e8e8 1px;
        font-size: 14px;
        box-sizing: border-box;
        padding: 0 20px;
        background: #fff;
        border-radius: 20px 0 0 20px;
    }

    .phoneHeader .search .searchBox button {
        width: 60px;
        height: 40px;
        float: left;
        border: solid #e8e8e8 1px;
        background: url("../images/search.png") center no-repeat;
        border-radius: 0 20px 20px 0;
    }

    .phoneHeader .search .searchBox .closeBtn {
        float: right;
        padding: 0 6px;
        line-height: 40px;
        font-size: 22px;
        color: #333;
    }

    .rightWindow {
        display: none;
    }

    .mservice {
        display: block;
        width: 40px;
        height: 40px;
        background: url('../images/service.png') center no-repeat #11c5da;
        background-size: 24px auto;
        position: fixed;
        right: 0;
        bottom: 67px;
    }

    .mservice a {
        width: 100%;
        height: 100%;
        display: block;
    }

    /* 首页轮播图 */
    .banner {
        margin-top: 66px;
    }

    .banner .bannerPicture {
        overflow: hidden;
    }

    .banner .bannerPicture img {
        width: auto;
        height: 420px;
        position: relative;
        left: 50%;
        transform: translateX(-50%);
    }

    .banner .bannerText {
        width: 100%;
        position: absolute;
        left: 0;
        top: 16%;
        box-sizing: border-box;
        padding: 0 20px;
    }

    .banner .bannerText h3 {
        font-size: 20px;
    }

    .banner .bannerText p {
        font-size: 16px;
        margin-top: 15px;
    }

    .banner .bannerText a {
        width: 110px;
        height: 34px;
        font-size: 14px;
        line-height: 34px;
        margin-top: 30px;
    }

    .banner .swiper-pagination {
        bottom: 10px !important;
    }

    .banner .swiper-pagination .swiper-pagination-bullet {
        width: 8px;
        height: 8px;
        background: none;
        border: solid #fff 1px;
        border-radius: 50%;
    }

    .banner .swiper-pagination .swiper-pagination-bullet-active {
        background: #fff;
    }

    .banner .swiper-button-prev, .banner .swiper-button-next {
        opacity: 0;
        display: none;
    }

    /* 首页模块内容标题 */
    .indexTitle h3 {
        font-size: 22px;
    }

    /* 首页推荐 */
    .indexRecommend {
        margin-top: 30px;
    }

    .indexRecommend .indexRecommendContent {
        margin-top: 30px;
    }

    .indexRecommend .indexRecommendContent .contentBox {
        margin-bottom: 20px;
    }

    .indexRecommend .indexRecommendContent .contentBox:nth-child(1) {
        width: 100%;
        margin-right: 0%;
    }

    .indexRecommend .indexRecommendContent .contentBox:nth-child(2) {
        width: 48%;
    }

    .indexRecommend .indexRecommendContent .contentBox:nth-child(3) {
        width: 48%;
        margin-right: 0%;
        float: right;
    }

    .indexRecommend .indexRecommendContent .contentBox:nth-child(4) {
        width: 100%;
    }

    .indexRecommend .indexRecommendContent .contentBox:nth-child(5) {
        width: 49%;
        margin-right: 0%;
    }

    .indexRecommend .indexRecommendContent .contentBox:nth-child(6) {
        width: 46%;
        margin-right: 0%;
        float: right;
    }

    .indexRecommend .indexRecommendContent .contentBox:nth-child(7) {
        width: 100%;
    }

    .indexRecommend .indexRecommendContent .contentBox .contentText {
        left: 15px;
    }

    .indexRecommend .indexRecommendContent .contentBox .contentText .contentType {
        font-size: 18px;
    }

    .indexRecommend .indexRecommendContent .contentBox .contentText .contentTitle {
        font-size: 15px;
    }

    .indexRecommend .indexRecommendContent .contentBox .contentText .contentDescription {
        font-size: 14px;
    }

    /* 首页视频 */
    .indexVideo {
        margin-top: 30px;
    }

    /* 首页中间广告图 */
    .centerBanner {
        margin-top: 30px;
    }

    .centerBanner .bannerText {
        width: 100%;
        box-sizing: border-box;
        padding: 10px 15px;
        right: 0;
        top: 0;
        margin-right: 0;
    }

    .centerBanner .bannerText h3 {
        font-size: 22px;
        text-align: left;
        font-weight: normal;
        margin-top: 30px;
    }

    .centerBanner .bannerText p {
        font-size: 15px;
        color: #1b1b1b;
        margin-top: 10px;
        line-height: 22px;
        text-align: left;
    }

    .centerBanner .bannerText p {
        font-size: 15px;
        color: #1b1b1b;
        margin-top: 10px;
        line-height: 22px;
    }

    .centerBanner .bannerText a {
        display: block;
        font-size: 14px;
    }

    .centerBanner .bannerPicture img {
        width: 200%;
        margin-left: -60%;
    }

    .indexFooter .share .shareList {
        float: none;
        margin-left: 15px;
        position: unset;
        display: inline-block;
    }

    /* 首页新闻与活动 */
    .indexNews {
        margin-top: 30px;
    }

    .indexNews .indexNewsBox {
        margin-top: 30px;
    }

    .indexNews .indexNewsBox .indexNewsList {
        width: 100%;
        margin-right: 0%;
        margin-bottom: 20px;
    }

    .indexNews .indexNewsBox .indexNewsList .newsContent {
        padding: 10px 15px;
    }

    .indexNews .indexNewsBox .indexNewsList .newsContent .newsName {
        font-size: 16px;
        font-weight: bold;
    }

    .indexNews .indexNewsBox .industryNews {
        width: 100%;
        background: #f9f9f9;
    }

    .indexNews .indexNewsBox .industryNews .industryNewsList {
        padding: 0;
    }

    .indexNews .indexNewsBox .industryNews .industryNewsList li {
        padding: 10px;
        border-bottom: dashed #bbb 1px;
    }

    .indexNews .indexNewsBox .industryNews .industryNewsList .newsName {
        font-size: 16px;
        font-weight: bold;
    }

    .indexNews .moreNews {
        text-align: center;
        margin: 30px 0 30px;
    }

    .indexNews .moreNews a {
        width: 136px;
        margin: 0 15px;
    }

    /* 首页底部 */
    .indexFooter {
        background: #f2f2f2;
    }

    .indexFooter .indexSearch {
        padding: 18px 15px 13px;
    }

    .indexFooter .indexSearch .footerSearch {
        width: 100%;
    }

    .indexFooter .indexSearch .footerSearch input {
        width: 84%;
    }

    .indexFooter .footerMenu {
        width: 100%;
        height: auto;
        padding-bottom: 0;
        border-bottom: 0;
    }

    .indexFooter .footerMenu ul {
        width: 90%;
        float: none;
        margin: auto;
    }

    .indexFooter .footerMenu ul h4 {
        border-bottom: 1px solid #d4d4d4;
        font-weight: normal;
        font-size: 16px;
    }

    .indexFooter .footerMenu ul.lang {
        display: block;
    }

    .indexFooter .footerMenu ul p {
        border-bottom: 1px solid #d4d4d4;
        font-size: 16px;
        line-height: 40px;
    }

    .indexFooter .footerMenu ul h4 + ul {
        display: none;
    }

    .indexFooter .footerMenu ul h4::after {
        content: url('../images/arrow_menu.png');
        float: right;
        transition: all 0.2s ease 0s;
    }

    .indexFooter .footerMenu ul h4.add_tag::after {
        content: url('../images/arrow_menu.png');
        transform: rotate(180deg);
        float: right;
        margin-top: -6px;
        transition: all 0.2s ease 0s;
    }

    .indexFooter .friendlyLink {
        width: 100%;
        height: auto;
        box-sizing: border-box;
        padding: 15px;
    }

    .indexFooter .share {
        width: 100%;
        float: none;
        text-align: center;
        clear: both;
        margin: auto;
        height: 40px;
        padding: 0 0 15px 0;
    }

    .indexCopyright {
        padding: 15px 5px;
    }

    /* 内页样式 */
    .commonTopBanner {
        margin-top: 66px;
        height: 0;
        overflow: hidden;
    }

    .commonTopBanner img {
        position: relative;
        left: 50%;
        transform: translateX(-50%);
        width: auto;
        height: 420px;
    }

    .commonCenterBanner {
        overflow: hidden;
    }

    .commonCenterBanner img {
        position: relative;
        left: 50%;
        transform: translateX(-50%);
        width: auto;
        height: 260px;
    }

    .commonTitle {
        text-align: center;
        padding: 30px 0;
    }

    .commonTitle h3 {
        font-size: 22px;
        font-weight: normal;
    }

    .commonTitle h3::after {
        height: 2px;
        content: '';
        background: #003693;
        position: absolute;
        left: 50%;
        bottom: 0;
    }

    .commonTitle h3.xl::after {
        width: 100px;
        margin-left: -50px;
    }

    .commonTitle h3.md::after {
        width: 60px;
        margin-left: -30px;
    }

    .commonTitle h3.sm::after {
        width: 40px;
        margin-left: -20px;
    }

    .navigation {
        position: relative;
        margin-top: 0;
    }

    .navigation.fixed {
        width: 100%;
        position: fixed;
        top: 66px;
        margin-top: 0;
        z-index: 11;
    }

    .navigation .anchor {
        display: none;
    }

    .navigation a {
        font-size: 14px;
        color: #666;
        margin: 0 12px;
    }

    .navigation a.consult {
        width: 100px;
        height: 36px;
        border-radius: 18px;
    }

    .navigation .manchor {
        display: block;
        background: #fff;
        box-shadow: 0 0 10px #eee;
        border-radius: 0;
        position: relative;
    }

    .navigation .manchor .anchormenu {
        padding: 16px 9px;
        line-height: 36px;
    }

    .navigation .manchor .anchormenu .openmenu {
        position: relative;
        margin: 0;
        padding: 0 22px 0 12px;
    }

    .navigation .manchor .anchormenu .openmenu:hover {
        color: #666;
    }

    .navigation .manchor .anchormenu .openmenu::before {
        content: '';
        border-top: solid #666 6px;
        border-left: solid transparent 6px;
        border-right: solid transparent 6px;
        position: absolute;
        right: 0;
        top: 16px;
    }

    .navigation .manchor .anchormenu .openmenu::after {
        content: '';
        border-top: solid #fff 6px;
        border-left: solid transparent 6px;
        border-right: solid transparent 6px;
        position: absolute;
        right: 0;
        top: 14px;
    }

    .navigation .manchor .dropdown {
        width: 100%;
        box-sizing: border-box;
        padding: 0 9px;
        line-height: 36px;
        background: #fff;
        display: none;
        position: absolute;
        left: 0;
        top: 68px;
    }

    .navigation .manchor .dropdown ul {
        border-top: solid #ddd 1px;
        padding: 16px 12px;
    }

    .navigation .manchor .dropdown li {
        color: #666;
    }

    .navigation .manchor .dropdown li.active {
        color: #003693;
    }

    /* 产品大类目 */
    .productSummarize {
        padding: 30px 15px;
    }

    .productSummarize .label {
        width: 100%;
        font-size: 22px;
    }

    .productSummarize .label label {
        display: inline-block;
    }

    .productSummarize .label::after {
        content: '';
        display: table;
        clear: both;
    }

    .productSummarize .text {
        width: 100%;
        font-size: 16px;
        line-height: 32px;
        margin-top: 20px;
    }

    .productCategory {
        padding: 0 15px;
    }

    .productCategory .categoryTab {
        height: 44px;
        border-radius: 22px;
    }

    .productCategory .categoryTab ul li {
        line-height: 44px;
        padding: 0 15px;
        font-size: 14px;
    }

    .productCategory .categoryTab ul li.current {
        border-radius: 22px;
    }

    .productCategory .categoryList {
        padding: 15px;
        margin-top: 20px;
        display: none;
    }

    .productCategory .categoryList:first-child {
        display: block;
    }

    .productCategory .categoryList .categoryPicture {
        width: 100%;
        box-sizing: border-box;
    }

    .productCategory .categoryList .categoryContent {
        width: 100%;
        padding: 0 0 20px;
    }

    .productCategory .categoryList .categoryContent .categoryName {
        font-size: 22px;
        padding: 20px 0 0;
    }

    .productCategory .categoryList .categoryContent .categoryText {
        font-size: 16px;
    }

    .productCategory .categoryList .categoryContent .moreProducts {
        margin-top: 20px;
    }

    .productCategory .categoryList .categoryContent .moreProducts a {
        width: 120px;
        height: 36px;
        line-height: 36px;
        font-size: 14px;
    }

    .applicationScenarios {
        padding: 20px 15px 0;
    }

    .applicationScenarios .scenariosList {
        width: 100%;
        margin-right: 0%;
        margin-bottom: 30px;
    }

    .applicationScenarios .scenariosList .scenariosPicture img {
        width: 100%;
    }

    .applicationScenarios .scenariosList .scenariosName {
        font-size: 18px;
        padding: 20px;
    }

    .applicationScenarios .scenariosList .scenariosText {
        height: auto;
        padding: 0 20px;
        display: block;
    }

    .applicationScenarios .scenariosList .scenariosMore {
        padding: 30px 20px;
    }

    .applicationScenarios .scenariosList .scenariosMore a {
        width: 120px;
        height: 36px;
        line-height: 36px;
        font-size: 14px;
    }

    /* 产品小类目 */
    .categorySummarize {
        padding: 30px 15px;
    }

    .categorySummarize .categoryPicture {
        width: 100%;
    }

    .categorySummarize .categoryPicture img {
        width: 100%;
    }

    .categorySummarize .categoryContent {
        width: 100%;
        padding: 20px 0 0;
    }

    .categorySummarize .categoryContent .categoryName {
        font-size: 22px;
    }

    .categorySummarize .categoryContent .categoryText {
        font-size: 16px;
        line-height: 32px;
        padding: 10px 0;
    }

    .productList {
        padding: 0 15px;
    }

    .productList .pictureList {
        width: 100%;
        background: #fff;
        border-radius: 8px;
        overflow: hidden;
        margin-right: 0%;
        margin-bottom: 30px;
    }

    .productList .pictureList .productPicture {
        border-radius: 8px 8px 0 0;
    }

    .productList .pictureList .productName {
        font-size: 18px;
        text-align: left;
        padding: 20px;
    }

    .productList .pictureList .productText {
        text-align: left;
        margin: 0 20px;
        height: auto;
    }

    .productList .pictureList .productMore {
        padding: 20px 0;
    }

    .productList .pictureList .productMore a {
        width: 120px;
        height: 36px;
        line-height: 36px;
        font-size: 14px;
    }

    /* 应用场景 */
    .applicationScenarios2 {
        padding: 0 15px;
    }

    .applicationScenarios2 .scenariosList {
        width: 100%;
        margin-right: 0%;
        padding: 20px;
        margin-bottom: 30px;
    }

    .applicationScenarios2 .scenariosList .scenariosName {
        font-size: 18px;
    }

    .applicationScenarios2 .scenariosList .scenariosText {
        height: 104px;
        font-size: 14px;
        line-height: 26px;
        color: #666;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 4;
        overflow: hidden;
        text-overflow: ellipsis;
        display: none;
    }

    .applicationScenarios2 .scenariosList .scenariosMore {
        display: none;
        padding: 20px 0;
    }

    .applicationScenarios2 .scenariosList .scenariosMore a {
        font-size: 12px;
        color: #003693;
    }

    /* 产品页成功案例 */
    .successfulCase {
        padding-bottom: 50px;
    }

    .successfulCase .caseSwiper {
        padding-bottom: 50px;
        position: relative;
        overflow: hidden;
    }

    .successfulCase .caseSwiper .swiper-slide {
        display: block;
    }

    .successfulCase .casePicture {
        width: 100%;
        border-radius: 0px;
    }

    .successfulCase .casePicture img {
        border-radius: 0px;
    }

    .successfulCase .caseContent {
        width: 100%;
        border-radius: 0px;
        padding: 20px;
    }

    .successfulCase .caseContent .pagination {
        margin-top: 0;
        font-size: 18px;
    }

    .successfulCase .caseContent .paginationCurrent {
        font-size: 30px;
    }

    .successfulCase .caseContent .caseName {
        font-size: 18px;
    }

    .successfulCase .moreCase {
        margin-top: 50px;
        text-align: center;
    }

    .successfulCase .moreCase a {
        width: 134px;
        height: 42px;
        display: inline-block;
        line-height: 42px;
        font-size: 16px;
        color: #003693;
        border: solid #003693 1px;
        border-radius: 8px;
        transition: all .5s;
    }

    .successfulCase .moreCase a:hover {
        background: #003693;
        color: #fff;
    }

    /* 产品页专家观点 */
    .expertOpinion {
        padding: 0 15px;
    }

    .expertOpinion .expertOpinionList {
        width: 100%;
        margin-right: 0%;
        margin-bottom: 30px;
        padding: 20px;
    }

    .expertOpinion .expertOpinionList .subtitle {
        font-size: 14px;
        color: #242121;
        line-height: 30px;
        display: none;
    }

    .expertOpinion .expertOpinionList .headline {
        height: 48px;
        font-size: 16px;
        line-height: 24px;
        margin: 0;
    }

    .expertOpinion .expertOpinionList .expertInfor {
        border-color: #e8e8e8;
        padding: 20px 0px;
        margin: 20px 0 0;
    }

    .expertOpinion .expertOpinionList .expertInfor::after {
        content: '';
        display: table;
        clear: both;
    }

    .expertOpinion .expertOpinionList .expertInfor img {
        width: 60px;
        height: 60px;
        float: left;
        border-radius: 50%;
        margin-right: 16px;
    }

    .expertOpinion .expertOpinionList .expertInfor h4 {
        font-size: 16px;
        font-weight: normal;
        color: #242121;
        line-height: 30px;
    }

    .expertOpinion .expertOpinionList .expertInfor p {
        font-size: 14px;
        color: #242121;
        line-height: 30px;
    }

    .expertOpinion .expertOpinionDetails {
        line-height: 30px;
    }

    /* 产品页新闻与活动 */
    .newsAndEvents {
        padding: 0 15px 30px;
    }

    .newsAndEvents .newsSwiper {
        padding-bottom: 50px;
    }

    .newsAndEvents .newsSwiper .newsList {
        width: 100%;
        box-shadow: none;
    }

    .newsAndEvents .newsSwiper .newsList .newsContent {
        padding: 20px;
        background: #fff;
    }

    .newsAndEvents .newsSwiper .newsList .newsContent .newsDate {
        line-height: 22px;
        color: #9f9f9f;
    }

    .newsAndEvents .newsSwiper .newsList .newsContent .newsDate .address {
        background: url("../images/address.png") center no-repeat;
        background-size: auto 16px;
        margin-right: 0px;
    }

    .newsAndEvents .newsSwiper .newsList .newsContent .newsDate .date {
        background: url("../images/date.png") center no-repeat;
        background-size: auto 16px;
        margin-right: 0px;
    }

    .newsAndEvents .newsSwiper .newsList .newsContent .newsName {
        margin-top: 20px;
        font-size: 16px;
    }

    .newsAndEvents .newsSwiper .newsList .newsContent .newsDescription {
        font-size: 15px;
        color: #222;
        line-height: 28px;
        margin-top: 20px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .newsAndEvents .newsSwiper .swiper-pagination-bullet {
        width: 10px;
        height: 10px;
        vertical-align: middle;
        margin: 0 10px !important;
        background: #aebeda;
        opacity: 1;
    }

    .newsAndEvents .newsSwiper .swiper-pagination-bullet-active {
        width: 20px;
        height: 20px;
        background: #fff;
        border: solid #003693 1px;
        position: relative;
    }

    .newsAndEvents .newsSwiper .swiper-pagination-bullet-active::after {
        width: 8px;
        height: 8px;
        content: '';
        background: #003693;
        border-radius: 50%;
        position: absolute;
        left: 6px;
        top: 6px;
    }

    /* 产品页相关资源 */
    .productResources {
    }

    .productResources .resourcesTab {
        margin-top: 0;
    }

    .productResources .resourcesTab ul li {
        margin: 0 5px;
        font-size: 16px;
        padding: 0 8px 15px;
    }

    .productResources .resourcesTab ul li:last-child {
        margin-right: 5px;
    }

    .productResources .resourcesContent {
        padding: 30px 15px 0;
        display: none;
    }

    .productResources .resourcesContent:first-child {
        display: block;
    }

    .productResources .resourcesContent .resourcesList {
        width: 100%;
        margin-right: 0%;
        margin-bottom: 30px;
        padding: 30px 25px;
    }

    .productResources .resourcesContent .resourcesList h4 {
        height: 56px;
        line-height: 28px;
        font-size: 18px;
    }

    .productResources .resourcesContent .resourcesList span {
        display: inline-block;
        margin-top: 10px;
    }

    .productResources .resourcesContent .videoList {
        width: 100%;
        margin-right: 0%;
        margin-bottom: 30px;
    }

    .productResources .resourcesContent .videoList .name {
        height: 46px;
        line-height: 46px;
        font-size: 16px;
        box-sizing: border-box;
        padding: 0 10px;
    }

    /* 产品详情 */
    .productDetails {
        padding: 30px 15px;
    }

    .productDetails .productDetailsSummarize {
    }

    .productDetails .productDetailsSummarize .productPicture {
        width: 100%;
    }

    .productDetails .productDetailsSummarize .productThumbnail {
        margin-top: 20px;
    }

    .productDetails .productDetailsSummarize .productContent {
        width: 100%;
        margin-top: 20px;
    }

    .productDetails .productDetailsSummarize .productContent .productName {
        font-size: 18px;
    }

    .productDetails .productDetailsSummarize .productContent .productText {
        font-size: 16px;
        line-height: 32px;
        margin-top: 20px;
    }

    .productDetails .productFeature {
        padding-top: 20px;
    }

    .productDetails .productFeature ul {
        max-width: 100%;
    }

    .productDetails .productFeature .featureList {
        width: 23.5%;
        float: left;
        margin-right: 2%;
        margin-bottom: 20px;
        text-align: center;
        box-sizing: border-box;
        padding: 20px;
        background: #f1f3f5;
        border-radius: 8px;
    }

    .productDetails .productFeature .featureList:nth-child(4n) {
        margin-right: 0;
    }

    .productDetails .productFeature .featureList h4 {
        font-size: 22px;
        font-weight: normal;
        color: #333;
        padding: 10px 0;
    }

    .productDetails .productFeature .featureList p {
        font-size: 14px;
        color: #666;
        line-height: 24px;
        text-align: left;
    }

    .productDetails .productTechnology {
        padding: 50px 0;
    }

    .productDetails .productTechnology img {
        max-width: 100%;
    }

    .productDetails .productTechnology .technologyContent {
    }

    .productDetails .productTechnology .technologyContent table {
        width: 100%;
    }

    .productDetails .productTechnology .technologyContent table thead td {
        height: auto;
        font-size: 15px;
        line-height: 30px;
        padding: 15px 10px;
    }

    .productDetails .productTechnology .technologyContent table tbody td {
        height: auto;
        font-size: 14px;
        line-height: 28px;
        padding: 15px 10px;
        border: solid #b4b4b4 1px;
    }

    /* 公司简介 */
    .aboutUs .companyProfile {
        padding: 30px 15px;
        min-height: 350px;
    }

    .aboutUs .companyProfile .companyTitle {
        width: 100%;
        font-size: 22px;
        text-align: center;
    }

    .aboutUs .companyProfile .companyTitle::after {
        width: 50px;
        left: 50%;
        transform: translateX(-50%);
    }

    .aboutUs .companyProfile .companyContent {
        width: 100%;
        box-sizing: border-box;
        padding: 0 15px;
        font-size: 16px;
        margin-top: 30px;
    }

    .aboutUs .companyProfile .companyVideo {
        margin: 30px 0;
    }

    .aboutUs .companyBanner {
        position: relative;
    }

    .aboutUs .companyBanner .bannerPicture {
        overflow: hidden;
    }

    .aboutUs .companyBanner .bannerPicture img {
        position: relative;
        left: 50%;
        transform: translateX(-50%);
        width: auto;
        height: 400px;
    }

    .aboutUs .companyBanner .togetherContent .togetherTitle {
        font-size: 22px;
        padding: 30px 0 22px;
    }

    .aboutUs .companyBanner .togetherContent .togetherTitle::after {
        width: 50px;
        margin-left: -25px;
    }

    .aboutUs .companyBanner .togetherContent ul {
        margin-top: 30px;
        flex-wrap: wrap;
        text-align: left;
    }

    .aboutUs .companyBanner .togetherContent ul li {
        flex: none;
        width: 50%;
        text-align: center;
        margin: 0 0 20px;
    }

    .aboutUs .companyBanner .togetherContent ul li img {
        width: auto;
        height: 36px;
    }

    .aboutUs .companyBanner .togetherContent ul li p {
        font-size: 18px;
        margin-top: 10px;
    }

    .aboutUs .researchAndInnovation {
        padding-bottom: 40px;
    }

    .aboutUs .researchAndInnovation .researchContent {
        margin-top: 0px;
    }

    .aboutUs .researchAndInnovation .researchContent .researchDescription {
        width: 90%;
        font-size: 16px;
    }

    .aboutUs .researchAndInnovation .researchContent .researchDetails {
        margin-top: 30px;
        text-align: center;
    }

    .aboutUs .researchAndInnovation .researchContent .researchDetails a {
        font-size: 12px;
        color: #003693;
    }

    .aboutUs .researchAndInnovation .companyStrength {
        margin-top: 30px;
    }

    .aboutUs .researchAndInnovation .companyStrength ul {
        flex-wrap: wrap;
    }

    .aboutUs .researchAndInnovation .companyStrength ul li {
        flex: none;
        width: 50%;
        padding: 20px 0;
        box-sizing: border-box;
        border: solid #eee 1px;
    }

    .aboutUs .researchAndInnovation .companyStrength ul li::after {
        width: 0;
        height: 0;
        display: none;
    }

    .aboutUs .researchAndInnovation .companyStrength ul li b {
        font-size: 32px;
        letter-spacing: 2px;
    }

    .aboutUs .researchAndInnovation .companyStrength ul li sup {
        margin-left: 6px;
    }

    .aboutUs .developmentHistory {
        height: 480px;
        background: url('../images/development.jpg') center no-repeat;
        overflow: hidden;
    }

    .aboutUs .developmentHistory .commonTitle {
        padding-bottom: 0;
    }

    .aboutUs .developmentHistory .developmentBox {
        position: relative;
    }

    .aboutUs .developmentHistory .developmentBox .developmentList dd {
        width: 360px;
        position: absolute;
        visibility: hidden;
        opacity: 0;
        transition: all 0.3s;
        transition-delay: 0.3s;
    }

    .aboutUs .developmentHistory .developmentBox .developmentList dd.on {
        visibility: visible;
        opacity: 1;
    }

    .aboutUs .developmentHistory .developmentBox .developmentList dd.show0 {
        left: -390px;
        top: 280px;
    }

    .aboutUs .developmentHistory .developmentBox .developmentList dd.show1 {
        left: 80px;
        top: 113px;
    }

    .aboutUs .developmentHistory .developmentBox .developmentList dd.show2 {
        left: 550px;
        top: 133px;
    }

    .aboutUs .developmentHistory .developmentBox .developmentList dd.show3 {
        left: 1020px;
        top: 45px;
    }

    .aboutUs .developmentHistory .developmentBox .developmentList dd {
        left: 1490px;
        top: -80px;
    }

    .aboutUs .developmentHistory .developmentBox .developmentList .year {
        font-size: 36px;
        color: #003693;
    }

    .aboutUs .developmentHistory .developmentBox .developmentList .point {
        width: 12px;
        height: 12px;
        background: #003693;
        border-radius: 50%;
        margin: 10px 0;
    }

    .aboutUs .developmentHistory .developmentBox .developmentList .content {
        font-size: 16px;
        color: #333;
        line-height: 24px;
        width: 70%;
    }

    .aboutUs .developmentHistory .developmentBox .button {
        display: block;
        width: 50px;
        height: 50px;
        font-size: 30px;
        font-family: cursive;
        background: #fff;
        text-align: center;
        line-height: 50px;
        border-radius: 50%;
        color: #333;
        position: absolute;
        top: 0;
        transition: all 0.5s;
    }

    .aboutUs .developmentHistory .developmentBox .button.prev {
        left: 0;
        top: 130px;
    }

    .aboutUs .developmentHistory .developmentBox .button.next {
        right: 0;
        top: 130px;
    }

    .aboutUs .developmentHistory .developmentBox .button.unclick {
        opacity: 0.5;
        cursor: no-drop;
    }

    .aboutUs .qualityPolicy {
        padding: 30px 15px;
    }

    .aboutUs .qualityPolicy .qualityPolicyTitle {
        font-size: 22px;
        padding-bottom: 20px;
        text-align: center;
    }

    .aboutUs .qualityPolicy .qualityPolicyTitle::after {
        width: 55px;
        left: 50%;
        transform: translateX(-50%);
    }

    .aboutUs .qualityPolicy .qualityPolicyText {
        width: 100%;
    }

    .aboutUs .qualityPolicy .qualityPolicyText p {
        font-size: 16px;
        line-height: 32px;
    }

    .aboutUs .qualityPolicy .qualityPolicyText p::after {
        top: 13px;
    }

    .aboutUs .qualityPolicy .qualityPolicyPicture {
        float: none;
        width: 100%;
    }

    /* 管理层信息 */
    .executives .executivesInfor {
        padding: 0 15px 50px;
        min-height: 350px;
    }

    .executives .executivesInfor img {
        max-width: 100%;
    }

    .executives .executivesInfor .companyPicture {
        width: 100%;
    }

    .executives .executivesInfor .executivesInformation {
        width: 100%;
        margin-top: 20px;
    }

    .executives .executivesInfor .executivesInformation .content {
        font-size: 16px;
        line-height: 32px;
    }

    .executives .executivesInfor .executivesInformation a.more {
        font-size: 14px;
    }

    .executives .seniorExecutive {
        margin-top: 0;
        padding: 0 15px;
    }

    .executives .seniorExecutive .executiveTab {
        padding-top: 0;
    }

    .executives .seniorExecutive .executiveTab ul {
        text-align: center;
        border-bottom: solid #dfdfdf 1px;
    }

    .executives .seniorExecutive .executiveTab ul li {
        font-size: 22px;
        line-height: 56px;
        margin: 0 20px;
        cursor: pointer;
    }

    .executives .seniorExecutive .executiveTab ul li.active {
        border-bottom: solid #003693 2px;
        margin-bottom: -1px;
    }

    .executives .seniorExecutive .executiveList {
        padding: 30px 0;
    }

    .executives .seniorExecutive .executiveList .personnelList {
        width: 48%;
        margin-right: 4%;
    }

    .executives .seniorExecutive .executiveList .personnelList:nth-child(2n) {
        margin-right: 0;
    }

    .executives .seniorExecutive .executiveList .personnelList .text {
        padding: 10px 15px;
        background: #fff;
    }

    .executives .seniorExecutive .executiveList .personnelList .text .name {
        display: block;
        font-size: 18px;
    }

    .executives .seniorExecutive .executiveList .personnelList .text .position {
        display: block;
        font-size: 14px;
        margin-left: 0;
        margin-top: 10px;
    }

    .executives .seniorExecutive .executiveList .showMore {
        text-align: center;
    }

    .executives .seniorExecutive .executiveList .showMore a {
        width: 120px;
        height: 36px;
        font-size: 14px;
        line-height: 36px;
        border-radius: 8px;
    }

    /* 可持续发展 */
    .sustainableDevelopment .developmentReport {
        padding: 0 15px 50px;
    }

    .sustainableDevelopment .developmentReport .reportPicture {
        width: 100%;
    }

    .sustainableDevelopment .developmentReport .reportContent {
        width: 100%;
        font-size: 16px;
        line-height: 32px;
        margin-top: 20px;
    }

    .sustainableDevelopment .developmentReport .reportContent .title {
        font-size: 22px;
    }

    .sustainableDevelopment .developmentReport .reportContent .content {
        height: auto;
        font-size: 16px;
        line-height: 32px;
        display: block;
    }

    .sustainableDevelopment .developmentReport .reportContent .downloadReport {
        margin-top: 20px;
    }

    .sustainableDevelopment .developmentReport .reportContent .downloadReport a {
        width: 160px;
        height: 36px;
        line-height: 36px;
        font-size: 14px;
    }

    /* 可持续发展最新动态 */
    .sustainableDevelopment .recentNews {
        padding: 0 10px 30px;
    }

    .sustainableDevelopment .recentNews .newsListBox {
        width: 100%;
        margin-right: 0;
    }

    .sustainableDevelopment .recentNews .newsListBox:nth-child(2n) {
        margin-right: 0;
    }

    .sustainableDevelopment .recentNews .newsListBox .newsList {
        position: relative;
        margin-bottom: 30px;
    }

    .sustainableDevelopment .recentNews .newsListBox .newsList:first {
        width: 100%;
    }

    .sustainableDevelopment .recentNews .newsListBox .newsList:nth-child(2) {
        width: 100%;
        float: left;
    }

    .sustainableDevelopment .recentNews .newsListBox .newsList:nth-child(3) {
        width: 100%;
        float: right;
    }

    .sustainableDevelopment .recentNews .newsPicture {
        overflow: hidden;
    }

    .sustainableDevelopment .recentNews .newsPicture img {
        width: 100%;
        transition: all 0.5s;
    }

    .sustainableDevelopment .recentNews .newsList:hover img {
        transform: scale(1.1);
    }

    .sustainableDevelopment .recentNews .newsContent {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
    }

    .sustainableDevelopment .recentNews .newsList:hover .newsContent {
        background: rgba(0, 0, 0, 0.3);
    }

    .sustainableDevelopment .recentNews .newsTitle {
        width: 88px;
        height: 36px;
        font-size: 14px;
        line-height: 36px;
    }

    .sustainableDevelopment .recentNews .newsContent .newsDate {
        font-size: 14px;
        left: 10px;
        bottom: 40px;
    }

    .sustainableDevelopment .recentNews .newsContent .newsName {
        font-size: 16px;
        line-height: 26px;
        left: 10px;
        bottom: 10px;
    }

    .sustainableDevelopment .recentNews .newsMore {
        text-align: center;
        margin-top: 10px;
    }

    .sustainableDevelopment .recentNews .newsMore a {
        width: 120px;
        height: 36px;
        font-size: 14px;
        line-height: 36px;
    }

    /* 可持续发展战略 */
    .sustainableDevelopment .strategy {
        padding-bottom: 30px;
    }

    .sustainableDevelopment .strategy .sketch {
        width: 100%;
        box-sizing: border-box;
        padding: 0 15px;
        margin: 0;
        font-size: 16px;
        line-height: 32px;
        text-align: left;
    }

    .sustainableDevelopment .strategy .strategyList {
        width: 48%;
        margin-bottom: 10px;
    }

    .sustainableDevelopment .strategy .strategyList .content {
        padding: 5px 10px;
    }

    .sustainableDevelopment .strategy .strategyList .content h4 {
        font-size: 16px;
    }

    .sustainableDevelopment .strategy .strategyList .content p {
        font-size: 14px;
    }

    .sustainableDevelopment .strategy .strategyList .content span {
        font-size: 14px;
    }

    /* 可持续发展我们的进展 */
    .sustainableDevelopment .ourProgress {
        position: relative;
    }

    .sustainableDevelopment .ourProgress .ourProgressBg {
        overflow: hidden;
    }

    .sustainableDevelopment .ourProgress .ourProgressBg img {
        position: relative;
        left: 50%;
        transform: translateX(-50%);
        width: auto;
        height: 580px;
    }

    .sustainableDevelopment .ourProgress .ourProgressContent {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
    }

    .sustainableDevelopment .ourProgress .ourProgressContent .commonTitle h3 {
        color: #fff;
    }

    .sustainableDevelopment .ourProgress .ourProgressContent .commonTitle h3::after {
        background: #fff;
    }

    .sustainableDevelopment .ourProgress .ourProgressContent .contentList {
        margin-top: 0;
    }

    .sustainableDevelopment .ourProgress .ourProgressContent .contentList ul {
        display: flex;
        flex-wrap: wrap;
    }

    .sustainableDevelopment .ourProgress .ourProgressContent .contentList ul li {
        width: 50%;
        flex: none;
        margin: 0 0 30px;
        box-sizing: border-box;
        padding: 0 20px;
    }

    .sustainableDevelopment .ourProgress .ourProgressContent .contentList ul li h4 {
        font-size: 18px;
        font-weight: normal;
        padding-bottom: 10px;
    }

    .sustainableDevelopment .ourProgress .ourProgressContent .contentList ul li p {
        font-size: 14px;
        line-height: 22px;
        color: #fff;
        margin-top: 10px;
    }

    .sustainableDevelopment .ourProgress .ourProgressContent .receivedAwards {
        margin-top: 10px;
        text-align: center;
    }

    .sustainableDevelopment .ourProgress .ourProgressContent .receivedAwards a {
        width: 120px;
        height: 36px;
        font-size: 14px;
        line-height: 36px;
    }

    .sustainableDevelopment .ourProgress .receivedAwardsPop {
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.3);
        position: fixed;
        left: 0;
        top: 0;
        z-index: 15;
        display: none;
    }

    .sustainableDevelopment .ourProgress .receivedAwardsPop .receivedAwardsBox {
        width: 80vw;
        height: 80vh;
        margin: 10vh auto 0;
        background: #fff;
        position: relative;
        box-sizing: border-box;
        padding: 50px 30px 30px;
    }

    .sustainableDevelopment .ourProgress .receivedAwardsPop .receivedAwardsBox .closeBtn {
        width: 30px;
        height: 30px;
        display: block;
        text-align: center;
        line-height: 30px;
        font-size: 30px;
        color: #636363;
        position: absolute;
        top: 10px;
        right: 10px;
    }

    .sustainableDevelopment .ourProgress .receivedAwardsPop .receivedAwardsBox .awardsBox {
        height: 100%;
        display: flex;
        flex-wrap: wrap;
        overflow-y: auto;
    }

    .sustainableDevelopment .ourProgress .receivedAwardsPop .receivedAwardsBox .awardsList {
        width: 48%;
        flex-grow: 1;
        background: #f9f9f9;
        margin: 0 1% 2%;
    }

    .sustainableDevelopment .ourProgress .receivedAwardsPop .receivedAwardsBox .awardsList .content {
        padding: 20px;
        text-align: center;
    }

    .sustainableDevelopment .ourProgress .receivedAwardsPop .receivedAwardsBox .awardsList .content h3 {
        font-size: 20px;
        line-height: 32px;
    }

    .sustainableDevelopment .ourProgress .receivedAwardsPop .receivedAwardsBox .awardsList .content p {
        font-size: 16px;
        line-height: 26px;
        margin-top: 10px;
    }

    /* 可持续发展我们的行动 */
    .sustainableDevelopment .ourAction {
        padding-bottom: 0;
    }

    .sustainableDevelopment .ourAction .actionList .content h4 {
        font-size: 16px;
    }

    .sustainableDevelopment .ourAction .actionList .content p {
        font-size: 14px;
    }

    /* 可持续发展联系我们 */
    .sustainableDevelopment .developmentContactUs {
        padding: 30px 15px 50px;
    }

    .sustainableDevelopment .developmentContactUs .otherContent {
        background: #fff;
        box-shadow: 0 0 10px #cecece;
        margin-bottom: 20px;
    }

    .sustainableDevelopment .developmentContactUs .otherContent .picture {
        display: none;
    }

    .sustainableDevelopment .developmentContactUs .otherContent .picture img {
        width: 100%;
    }

    .sustainableDevelopment .developmentContactUs .otherContent .content {
        width: 100%;
        box-sizing: border-box;
        padding: 20px;
    }

    .sustainableDevelopment .developmentContactUs .otherContent .content .icon {
        display: none;
    }

    .sustainableDevelopment .developmentContactUs .otherContent .content .title {
        font-size: 20px;
        margin: 0;
    }

    .sustainableDevelopment .developmentContactUs .otherContent .content .title::after {
        font-size: 24px;
    }

    .sustainableDevelopment .developmentContactUs .otherContent .content .text {
        font-size: 14px;
        margin: 20px 0 0;
    }

    .sustainableDevelopment .developmentContactUs .contactUsText {
        font-size: 18px;
        line-height: 36px;
        margin-top: 0;
    }

    .sustainableDevelopment .developmentContactUs .contactUsButton {
        text-align: center;
        margin-top: 30px;
    }

    .sustainableDevelopment .developmentContactUs .contactUsButton a {
        width: 120px;
        height: 36px;
        margin: 0 15px;
        font-size: 14px;
        line-height: 36px;
    }

    /* 联系我们单页 */
    .contactUs {
        padding: 0 15px;
    }

    .contactUs .subtitle {
        font-size: 16px;
        line-height: 28px;
        text-align: left;
        margin-top: 20px;
    }

    .contactUs .contactUsContent {
        padding-bottom: 50px;
    }

    .contactUs .contactUsContent .contactUsList {
        width: 100%;
        height: 300px;
        float: left;
        text-align: center;
        box-sizing: border-box;
        padding: 40px 20px 20px;
        margin: 0 0 30px 0;
        background: #fff;
        border-radius: 8px;
    }

    .contactUs .contactUsContent .contactUsList:nth-child(2n) {
        margin-right: 0;
    }

    .contactUs .contactUsContent .contactUsList img {
        height: 60px;
    }

    .contactUs .contactUsContent .contactUsList h4 {
        font-size: 18px;
        margin-top: 10px;
    }

    .contactUs .contactUsContent .contactUsList p {
        display: block;
        font-size: 16px;
        color: #666;
        text-align: left;
        margin: 20px 10px 0 0;
    }

    .contactUs .contactUsContent .contactUsList h5 {
        text-align: left;
    }

    .contactUs .contactUsContent .contactUsList:nth-child(3) p {
        margin-top: 10px;
    }

    .contactUs .contactUsContent .contactUsList a {
        display: inline-block;
        color: #666;
    }

    .contactUs .contactUsContent .contactUsList .button {
        padding-right: 20px;
        position: relative;
    }

    .contactUs .contactUsContent .contactUsList .button::after {
        top: 0;
    }

    .contactUs .contactUsContent .webFeedback {
        height: 500px;
        padding: 30px 20px;
        text-align: right;
    }

    .contactUs .contactUsContent .webFeedback {
        box-sizing: border-box;
        background: url('../images/contactus_05.png') right 120px top no-repeat #fff;
        background-position-x: right 120px;
        background-position-y: top;
        border-radius: 8px;
        background-position: 0 240px;
        padding-bottom: 200px;
    }

    .contactUs .contactUsContent .webFeedback h4 {
        font-size: 20px;
    }

    .contactUs .contactUsContent .webFeedback p {
        font-size: 16px;
        padding: 5px 0;
    }

    /* 公司年报 */
    .companyReport .annualReport {
        padding: 0 15px 50px;
    }

    .companyReport .annualReport .reportPicture {
        width: 100%;
    }

    .companyReport .annualReport .reportPicture img {
        width: 100%;
    }

    .companyReport .annualReport .reportContent {
        width: 100%;
        font-size: 20px;
        line-height: 36px;
        color: #242121;
    }

    .companyReport .annualReport .reportContent .title {
        font-size: 22px;
    }

    .companyReport .annualReport .reportContent .content {
        height: auto;
        display: block;
        font-size: 16px;
        line-height: 32px;
        margin-top: 10px;
    }

    .companyReport .annualReport .reportContent .downloadReport {
        margin-top: 20px;
    }

    .companyReport .annualReport .reportContent .downloadReport a {
        width: 120px;
        height: 36px;
        line-height: 36px;
        font-size: 14px;
    }

    .companyReport .previousReport {
        padding: 0 15px 30px;
    }

    .companyReport .previousReport .reportList {
        background: #fff;
        padding: 10px;
        margin-bottom: 30px;
    }

    .companyReport .previousReport .reportList:nth-child(2n) {
        margin-right: 0;
    }

    .companyReport .previousReport .reportList .picture {
        width: 100%;
        float: left;
    }

    .companyReport .previousReport .reportList .picture img {
        width: 100%;
    }

    .companyReport .previousReport .reportList .content {
        width: 100%;
        float: right;
        padding: 20px 0;
    }

    .companyReport .previousReport .reportList .content p {
        font-size: 14px;
        color: #666;
    }

    .companyReport .previousReport .reportList .content h4 {
        font-size: 20px;
        font-weight: normal;
        margin-top: 20px;
    }

    .companyReport .previousReport .reportList .content a {
        position: initial;
        margin-top: 20px;
    }

    /* 信任中心 */
    .trustedCenter {
    }

    .trustedCenter .wordsAndDeeds {
        padding: 0 15px;
    }

    .trustedCenter .wordsAndDeeds .wordsAndDeedsList {
        width: 100%;
        margin-right: 0%;
        margin-bottom: 20px;
    }

    .trustedCenter .wordsAndDeeds .wordsAndDeedsList .content {
        padding: 10px 15px;
        bottom: 0;
    }

    .trustedCenter .wordsAndDeeds .wordsAndDeedsList .content .name {
        font-size: 18px;
    }

    .trustedCenter .wordsAndDeeds .wordsAndDeedsList .content .text {
        font-size: 14px;
    }

    .trustedCenter .wordsAndDeeds .wordsAndDeedsList .content .more {
        font-size: 14px;
    }

    .trustedCenter .openInnovation {
        padding: 0 15px;
    }

    .trustedCenter .openInnovation .innovationList {
        width: 100%;
        margin-right: 0%;
        margin-bottom: 30px;
    }

    .trustedCenter .openInnovation .innovationList .name {
        font-size: 18px;
        padding: 10px 15px;
    }

    .trustedCenter .openInnovation .innovationList .text {
        font-size: 14px;
        margin: 0 15px 20px;
    }

    .trustedCenter .trustedCenterResource {
        padding: 0 15px 50px;
    }

    .trustedCenter .trustedCenterResource .resourcesList {
        width: 100%;
        height: auto;
        margin-right: 0;
        margin-bottom: 30px;
        border-radius: 8px;
        background-position: 6% center;
        background-size: 60px auto;
    }

    .trustedCenter .trustedCenterResource .resourcesList a {
        display: block;
        box-sizing: border-box;
        padding: 20px 20px 20px 30%;
    }

    .trustedCenter .trustedCenterResource .resourcesList h4 {
        font-size: 18px;
    }

    .trustedCenter .trustedCenterResource .resourcesList p {
        line-height: 28px;
    }

    .trustedCenter .trustedCenterResource .loadMore {
        margin-top: 20px;
    }

    .trustedCenter .trustedCenterResource .loadMore a {
        width: 120px;
        height: 36px;
        font-size: 14px;
        line-height: 36px;
    }

    /* 债券投资者 */
    .bondInvestor .bondInvestorRelations {
        padding: 0 10px 10px;
    }

    .bondInvestor .bondInvestorRelations .bondInvestorList {
        width: 49%;
    }

    .bondInvestor .bondInvestorRelations .bondInvestorList a {
        display: block;
    }

    .bondInvestor .bondInvestorRelations .bondInvestorList:nth-child(2n) {
        margin-right: 0;
    }

    .bondInvestor .bondInvestorRelations .bondInvestorList .content {
        width: 100%;
        padding: 10px 15px;
        left: 0;
        bottom: 0;
    }

    .bondInvestor .bondInvestorRelations .bondInvestorList .content h4 {
        font-size: 18px;
    }

    .bondInvestor .bondInvestorRelations .bondInvestorList .content p {
        font-size: 14px;
    }

    .bondInvestor .bondInvestorRelations .bondInvestorList .content span {
        font-size: 14px;
    }

    .bondInvestor .financialReports {
        padding-bottom: 20px;
    }

    .bondInvestor .financialReports .getStep ul {
        text-align: center;
    }

    .bondInvestor .financialReports .getStep ul li {
        width: 100%;
        display: block;
        margin-bottom: 35px;
    }

    .bondInvestor .financialReports .getStep ul li h4 {
        font-size: 18px;
    }

    .bondInvestor .financialReports .getStep ul li p {
        font-size: 16px;
        margin-top: 15px;
    }

    .bondInvestor .financialReports .getStep ul li:nth-child(2), .bondInvestor .financialReports .getStep ul li:nth-child(3) {
        color: #929191;
        position: relative;
    }

    .bondInvestor .financialReports .getStep ul li:nth-child(2)::after, .bondInvestor .financialReports .getStep ul li:nth-child(3)::after {
        display: none;
    }

    .bondInvestor .investorCommonProblem {
        padding: 0 15px 30px;
    }

    .bondInvestor .investorCommonProblem .problemList {
        width: 100%;
        margin: 0 0 30px;
    }

    .bondInvestor .investorCommonProblem .problemList .problemTitle {
        height: 48px;
        line-height: 48px;
        padding: 0 15px;
    }

    .bondInvestor .investorCommonProblem .problemList .problemTitle h3 {
        max-width: calc(100% - 30px);
        font-size: 16px;
    }

    .bondInvestor .investorCommonProblem .problemList .problemContent {
        padding: 15px;
        margin: 0;
        display: none;
    }

    .bondInvestor .investorCommonProblem .problemList .problemContent .text {
        font-size: 14px;
        line-height: 24px;
    }

    .bondInvestor .investorCommonProblem .loadMore {
        margin-top: 0;
    }

    .bondInvestor .investorCommonProblem .loadMore a {
        width: 120px;
        height: 36px;
        font-size: 14px;
        line-height: 36px;
    }

    .bondInvestor .investorContactUs {
        position: relative;
    }

    .bondInvestor .investorContactUs .contactUsBanner {
        overflow: hidden;
    }

    .bondInvestor .investorContactUs .contactUsBanner img {
        position: relative;
        left: 50%;
        transform: translateX(-50%);
        width: auto;
        height: 260px;
    }

    .bondInvestor .investorContactUs .contactUsContent {
        box-sizing: border-box;
        padding: 0 15px;
    }

    .bondInvestor .investorContactUs .contactUsText {
        font-size: 16px;
        line-height: 26px;
        margin-top: 0px;
    }

    .bondInvestor .investorContactUs .contactUsButton {
        text-align: center;
        margin-top: 30px;
    }

    .bondInvestor .investorContactUs .contactUsButton a {
        width: 120px;
        height: 36px;
        font-size: 14px;
        line-height: 36px;
    }

    /* 出版物 */
    .publicationPage {
        padding-bottom: 50px;
        min-height: 410px;
    }

    .publicationPage .publicationBox {
        padding: 0 15px;
    }

    .publicationPage .publicationList {
        background: #f9f9f9;
        margin-bottom: 30px;
        position: relative;
    }

    .publicationPage .publicationList .picture {
        display: none;
    }

    .publicationPage .publicationList .edition {
        width: 100%;
        padding: 20px 30px;
    }

    .publicationPage .publicationList .edition h4 {
        font-size: 20px;
        line-height: 28px;
        height: 78px;
    }

    .publicationPage .publicationList .edition a {
        margin-top: 20px;
    }

    .publicationPage .publicationList .book {
        width: 100%;
        padding: 20px 30px;
    }

    .publicationPage .publicationList .book h4 {
        font-size: 24px;
    }

    .publicationPage .publicationList .book p {
        font-size: 18px;
        line-height: 28px;
        height: 84px;
        color: #666;
        margin-top: 10px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .publicationPage .publicationList .book a {
        width: 120px;
        height: 36px;
        font-size: 14px;
        line-height: 36px;
    }

    .publicationPage .publicationList .book a:hover {
        background: #003693;
        color: #fff;
    }

    .publicationPage .publicationMore {
        margin-top: 18px;
    }

    .publicationPage .publicationMore a {
        width: 120px;
        height: 36px;
        margin: 0 15px;
        font-size: 14px;
        line-height: 36px;
    }

    .publicationPage .publicationBox .bookList {
        width: 100%;
        margin-right: 0%;
    }

    .publicationPage .publicationBox .bookList .picture {
        width: 36%;
    }

    .publicationPage .publicationBox .bookList .edition {
        width: 62%;
        box-sizing: border-box;
        padding: 10px;
    }

    .publicationPage .publicationBox .bookList .edition .name {
        font-size: 16px;
        margin-top: 10px;
    }

    .publicationPage .publicationBox .bookList .edition .download {
        margin-top: 10px;
    }

    /* 技术专栏 */
    .technicalColumn {
        padding-bottom: 50px;
    }

    .technicalColumn .technologiesList {
        width: 100%;
    }

    .technicalColumn .technologiesList .technologiesMenu {
        border-bottom: solid #c8c8c8 1px;
    }

    .technicalColumn .technologiesList .technologiesMenu li {
        float: left;
        line-height: 42px;
        font-size: 14px;
        margin: 0 6px;
    }

    .technicalColumn .technologiesList .listContent {
        padding: 15px;
        border-bottom: solid #c8c8c8 1px;
    }

    .technicalColumn .technologiesList .listContent .picture {
        width: 100%;
    }

    .technicalColumn .technologiesList .listContent .content {
        width: 100%;
        padding: 20px 0 0;
    }

    .technicalColumn .technologiesList .listContent .content .name {
        font-size: 18px;
        color: #242121;
    }

    .technicalColumn .technologiesList .listContent .content .text {
        font-size: 14px;
    }

    .technicalColumn .technologiesList .listContent .content .tag {
        margin-top: 20px;
    }

    .technicalColumn .technologiesRight {
        width: 100%;
        box-sizing: border-box;
        padding: 0 15px;
    }

    .technicalColumn .technologiesRight .screening {
    }

    .technicalColumn .technologiesRight .screening .title {
        font-size: 16px;
        line-height: 32px;
    }

    .technicalColumn .technologiesRight .screening .tag {
        padding: 6px 0;
    }

    .technicalColumn .technologiesRight .screening .tag a {
        font-size: 14px;
        line-height: 28px;
        border-radius: 6px;
    }

    .technicalColumn .technologiesRight .rankingList {
        display: none;
    }

    .technicalColumn .technologiesRight .special {
        margin: 10px 0;
        padding-bottom: 28px;
        border-bottom: solid #c8c8c8 1px;
    }

    .technicalColumn .technologiesRight .special .title {
        font-size: 24px;
        line-height: 50px;
    }

    .technicalColumn .technologiesRight .special .list {
        margin-bottom: 20px;
    }

    .technicalColumn .technologiesRight .special .list .picture {
        width: 35%;
        float: left;
        overflow: hidden;
    }

    .technicalColumn .technologiesRight .special .list .picture img {
        width: 100%;
        transition: all .5s;
    }

    .technicalColumn .technologiesRight .special .list .picture:hover img {
        transform: scale(1.1);
    }

    .technicalColumn .technologiesRight .special .list .text {
        width: 60%;
        float: right;
        padding-top: 10px;
    }

    .technicalColumn .technologiesRight .special .list .text p {
        font-size: 14px;
        color: #666;
    }

    .technicalColumn .technologiesRight .special .list .text h4 {
        font-size: 18px;
        font-weight: normal;
        color: #242121;
    }

    .technicalColumn .technologiesRight .contribute {
        display: none;
    }

    /* 新材料新未来 */
    .newFuture {
    }

    .newFuture .productivity {
        padding: 0 15px;
    }

    .newFuture .productivity .subtitle {
        font-size: 16px;
        line-height: 28px;
        margin-top: 20px;
        text-align-last: left;
    }

    .newFuture .productivity .productivityList {
        width: 100%;
        margin-right: 0%;
        margin-bottom: 20px;
    }

    .newFuture .productivity .productivityList .text {
        font-size: 18px;
        line-height: 28px;
        text-align: center;
        padding: 0;
    }

    .newFuture .productivity .productivityList .picture {
        margin: 15px 0 0;
    }

    .newFuture .newFutureVideo {
        background: #f9f9f9;
        padding-bottom: 30px;
    }

    .newFuture .newFutureVideo .container {
        padding: 0;
    }

    .newFuture .newFutureVideo .videoSwiper .videoList {
        width: 100%;
    }

    .newFuture .newFutureVideo .videoSwiper .swiper-button-prev {
        display: none;
    }

    .newFuture .newFutureVideo .videoSwiper .swiper-button-next {
        display: none;
    }

    .newFuture .newFutureBanner {
        position: relative;
        overflow: hidden;
    }

    .newFuture .newFutureBanner .swiper-slide {
        overflow: hidden;
    }

    .newFuture .newFutureBanner .swiper-slide img {
        width: auto;
        height: 260px;
        position: relative;
        left: 50%;
        transform: translateX(-50%);
    }

    .newFuture .newFutureBanner .bannerContent {
        box-sizing: border-box;
        padding: 30px 20px;
    }

    .newFuture .newFutureBanner .bannerContent .title {
        font-size: 22px;
        margin-top: 0;
    }

    .newFuture .newFutureBanner .bannerContent .text {
        width: 100%;
        font-size: 18px;
        color: #666;
        margin-top: 20px;
    }

    .newFuture .newFutureBanner .bannerContent a {
        width: 120px;
        height: 36px;
        font-size: 14px;
        line-height: 36px;
        margin-top: 30px;
    }

    .newFuture .newFutureBanner .swiper-button-prev, .newFuture .newFutureBanner .swiper-button-next {
        display: none;
    }

    .newFuture .newFutureBanner .swiper-pagination {
        bottom: 16px !important;
    }

    .newFuture .newFutureBanner .swiper-pagination .swiper-pagination-bullet {
        width: 20px;
    }

    /* 新材料新未来白皮书 */
    .newFuture .whiteBook {
        padding: 0 15px 30px;
    }

    .newFuture .whiteBook .subtitle {
        font-size: 18px;
    }

    .newFuture .whiteBook .facilityRequirement {
        padding: 30px 0;
        display: block;
    }

    .newFuture .whiteBook .facilityRequirement .requireList {
        width: 100%;
        padding: 20px;
        margin-bottom: 20px;
    }

    .newFuture .whiteBook .facilityRequirement .requireList .picture {
        text-align: center;
    }

    .newFuture .whiteBook .facilityRequirement .requireList .title {
        font-size: 18px;
    }

    .newFuture .whiteBook .facilityRequirement .requireList .text {
        font-size: 14px;
    }

    .newFuture .whiteBook .whiteBookVideo {
        width: 100%;
        margin-top: 20px;
    }

    .newFuture .whiteBook .whiteBookVideo .video {
        position: relative;
    }

    .newFuture .whiteBook .whiteBookVideo .text {
        font-size: 14px;
        line-height: 24px;
    }

    .newFuture .whiteBook .whiteBookDownload {
        width: 100%;
        margin-top: 20px;
    }

    .newFuture .whiteBook .whiteBookDownload li {
        height: 52px;
        font-size: 16px;
        line-height: 52px;
    }

    .newFuture .whiteBook .whiteBookDownload li a {
        padding: 0 35px 0 12px;
        background: url('../images/download2.png') right 12px center no-repeat;
        color: #242121;
    }

    .newFuture .whiteBook .whiteBookDownload li span {
        margin-right: 6px;
    }

    .newFuture .intelligentWorld {
        padding: 30px 15px;
        background-size: auto auto;
    }

    .newFuture .intelligentWorld .worldTitle {
        font-size: 18px;
    }

    .newFuture .intelligentWorld .advance {
        height: 50px;
        color: #fff;
        line-height: 50px;
        margin-top: 80px;
        position: relative;
        display: none;
    }

    .newFuture .intelligentWorld .advance .leftText {
        font-size: 34px;
        background: url('../images/arrow.png') right center no-repeat;
        padding-right: 80px;
        position: absolute;
        left: 0;
    }

    .newFuture .intelligentWorld .advance .centerText {
        font-size: 40px;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
    }

    .newFuture .intelligentWorld .advance .rightText {
        font-size: 34px;
        background: url('../images/arrow.png') left center no-repeat;
        padding-left: 80px;
        position: absolute;
        right: 0;
    }

    .newFuture .intelligentWorld .standard {
        width: 100%;
        height: auto;
        margin: 70px auto 0;
    }

    .newFuture .intelligentWorld .standard .contentList {
        flex: 1;
        color: #fff;
        text-align: center;
        position: relative;
        padding-top: 70px;
    }

    .newFuture .intelligentWorld .standard .contentList::before, .newFuture .intelligentWorld .standard .contentList::after {
        content: '';
        background: #fff;
        position: absolute;
    }

    .newFuture .intelligentWorld .standard .contentList:nth-child(1)::before {
        width: 1px;
        height: 43px;
        left: 50%;
        top: 0;
    }

    .newFuture .intelligentWorld .standard .contentList:nth-child(1)::after {
        width: 50%;
        height: 1px;
        left: 50%;
        top: 0;
    }

    .newFuture .intelligentWorld .standard .contentList:nth-child(2)::before {
        width: 1px;
        height: 96px;
        left: 50%;
        top: -40px;
    }

    .newFuture .intelligentWorld .standard .contentList:nth-child(2)::after {
        width: 100%;
        height: 1px;
        left: 0;
        top: 0;
    }

    .newFuture .intelligentWorld .standard .contentList:nth-child(3)::before {
        width: 1px;
        height: 43px;
        left: 50%;
        top: 0;
    }

    .newFuture .intelligentWorld .standard .contentList:nth-child(3)::after {
        width: 50%;
        height: 1px;
        left: 0;
        top: 0;
    }

    .newFuture .intelligentWorld .standard .contentList .title {
        width: 68px;
        height: 68px;
    }

    .newFuture .intelligentWorld .standard .contentList .title h4 {
        font-size: 16px;
        line-height: 68px;
    }

    .newFuture .intelligentWorld .standard .contentList .menuTab {
        width: 80%;
        margin: 30px auto 0;
        position: relative;
    }

    .newFuture .intelligentWorld .standard .contentList .menuTab ul {
        display: flex;
        border-bottom: solid #808182 1px;
    }

    .newFuture .intelligentWorld .standard .contentList .menuTab ul li {
        flex: 1;
        font-size: 14px;
        line-height: 20px;
        padding: 8px 0;
        cursor: pointer;
    }

    .newFuture .intelligentWorld .standard .contentList .menuTab ul li.current {
        border-bottom: solid #808182 1px;
    }

    .newFuture .intelligentWorld .standard .contentList .menuTitle {
        width: 80%;
        margin: 30px auto 0;
        border-bottom: solid #808182 1px;
        padding: 10px 0;
    }

    .newFuture .intelligentWorld .standard .contentList .textList {
        width: 100%;
        font-size: 14px;
        color: #b6b6b6;
        position: absolute;
        top: 62px;
        display: none;
    }

    .newFuture .intelligentWorld .standard .contentList .textList:nth-child(2) {
        display: block;
    }

    .newFuture .intelligentWorld .standard .contentList .textList h6 {
        font-size: 14px;
        font-weight: normal;
        color: #fff;
    }

    .newFuture .intelligentWorld .standard .contentList .text {
        width: 80%;
        margin: 20px auto;
        font-size: 14px;
        color: #b6b6b6;
    }

    .newFuture .intelligentWorld .promotionVedio {
        width: 100%;
        margin: 50px auto 0;
    }

    .newFuture .intelligentWorld .promotionVedio .videoTitle {
        font-size: 20px;
    }

    .newFuture .intelligentWorld .promotionVedio .subtitle {
        font-size: 16px;
        margin-top: 20px;
        line-height: 24px;
    }

    .newFuture .intelligentWorld .promotionVedio .videoBox {
        border-radius: 15px;
        overflow: hidden;
        margin-top: 30px;
    }

    .newFuture .intelligentWorld .promotionVedio .videoBox video {
        width: 100%;
    }

    .newFuture .intelligentWorld .promotionVedio .videoBox img {
        width: 100%;
    }

    .newFuture .expectation {
        padding-bottom: 50px;
        background: url('../images/expectation.jpg') bottom no-repeat;
        background-size: auto 100%;
    }

    .newFuture .expectation .commonTitle .subtitle {
        width: 100%;
        box-sizing: border-box;
        margin: 30px auto 0;
        padding: 0 15px;
        font-size: 16px;
        line-height: 26px;
    }

    .newFuture .expectation .expectationList {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .newFuture .expectation .expectationList .list {
        width: 100px;
        height: 100px;
        margin: 15px;
    }

    .newFuture .expectation .expectationList .list .title {
        font-size: 18px;
        line-height: 100px;
    }

    .newFuture .expectation .expectationList .list:hover .title {
        display: none;
    }

    .newFuture .expectation .expectationList .list .picture img {
        width: 100%;
    }

    .newFuture .expectation .expectationList .list .text {
        width: 100%;
        height: 100%;
        display: none;
        background: rgba(0, 0, 0, 0.3);
        position: absolute;
        left: 0;
        top: 0;
    }

    .newFuture .expectation .expectationList .list:hover .text {
        display: block;
    }

    .newFuture .expectation .expectationList .list .text a {
        display: block;
        width: 100%;
        height: 100%;
    }

    .newFuture .expectation .expectationList .list .text p {
        padding-top: 20px;
        color: #fff;
    }

    .newFuture .expectation .expectationList .list .text span {
        width: 30px;
        height: 30px;
        text-align: center;
        line-height: 30px;
        display: inline-block;
        margin: 10px auto 0;
        background: #fff;
        border-radius: 50%;
        font-size: 14px;
    }

    /* 合作伙伴 */
    .cooperativePartner {
    }

    .cooperativePartner .becomePartner {
        padding: 0 15px 50px;
    }

    .cooperativePartner .becomePartner .partnerTab {
        width: 100%;
    }

    .cooperativePartner .becomePartner .partnerTab ul {
        display: block;
        background: #fff;
        border: solid #e8e8e8 1px;
        border-bottom: none;
    }

    .cooperativePartner .becomePartner .partnerTab ul li {
        font-size: 16px;
        padding: 10px 20px;
        border-bottom: solid #e8e8e8 1px;
    }

    .cooperativePartner .becomePartner .partnerTab ul li.active {
        border-bottom: solid #003693 1px;
        margin-bottom: 0;
    }

    .cooperativePartner .becomePartner .partnerBox {
        margin-top: 20px;
    }

    .cooperativePartner .becomePartner .partnerList {
        position: relative;
        display: none;
    }

    .cooperativePartner .becomePartner .partnerList:first-child {
        display: block;
    }

    .cooperativePartner .becomePartner .partnerList .picture {
        overflow: hidden;
    }

    .cooperativePartner .becomePartner .partnerList .picture img {
        width: auto;
        height: 230px;
        position: relative;
        left: 50%;
        transform: translateX(-50%);
    }

    .cooperativePartner .becomePartner .partnerList .content {
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        padding: 20px;
    }

    .cooperativePartner .becomePartner .partnerList .content .title {
        font-size: 16px;
    }

    .cooperativePartner .becomePartner .partnerList .content .text {
        font-size: 14px;
        line-height: 24px;
        margin-top: 10px;
    }

    .cooperativePartner .becomePartner .partnerList .content .button {
        position: initial;
        margin-top: 20px;
    }

    .cooperativePartner .becomePartner .partnerList .content .button a {
        width: 120px;
        height: 36px;
        font-size: 14px;
        line-height: 36px;
    }

    .cooperativePartner .becomePartner .partnerList .content .button a.join {
        border: solid #fff 1px;
        margin-right: 20px;
    }

    .cooperativePartner .becomePartner .partnerList .content .button a.view {
        background: #003693;
        border: solid #003693 1px;
    }

    .cooperativePartner .findPartner {
        padding: 0 30px 50px;
        background: url('../images/partner2.jpg');
    }

    .cooperativePartner .findPartner .commonTitle {
        color: #fff;
        padding: 30px 0;
    }

    .cooperativePartner .findPartner .commonTitle h3 {
        padding-bottom: 10px;
    }

    .cooperativePartner .findPartner .commonTitle h3::after {
        background: #fff;
    }

    .cooperativePartner .findPartner .partnerForm {
        text-align: center;
    }

    .cooperativePartner .findPartner .partnerForm input {
        width: 100%;
        height: 42px;
        font-size: 16px;
        margin-right: 0%;
        margin-bottom: 20px;
    }

    .cooperativePartner .findPartner .partnerForm select {
        width: 100%;
        height: 42px;
        font-size: 16px;
        margin-right: 0%;
        margin-bottom: 20px;
    }

    .cooperativePartner .findPartner .partnerForm button {
        display: inline-block;
        width: 30%;
        height: 42px;
        font-size: 16px;
    }

    .cooperativePartner .findPartner .partnerForm button[type=submit] {
        margin-right: 30px;
    }

    .cooperativePartner .partnerResult {
        margin-top: 20px;
        padding: 0 15px 30px;
    }

    .cooperativePartner .partnerResult .resultTitle h3 {
        width: 160px;
        line-height: 36px;
        font-size: 18px;
    }

    .cooperativePartner .partnerResult .resultContent {
        margin-top: 20px;
        font-size: 16px;
    }

    .cooperativePartner .partnerResult .resultContent h4 {
        font-size: 16px;
    }

    .find-partner-search-info {
        border-bottom: 1px solid #ddd;
        min-height: 170px;
        margin-bottom: 20px;
    }

    .find-partner-search-info .company-name-country-p {
        height: 30px;
        line-height: 30px;
        margin-bottom: 10px;
    }

    .find-partner-search-info .find-partner-country {
        border: 1px solid #2bbbff;
        border-radius: 3px;
        padding: 3px;
        font-size: 14px;
        color: #2bbbff;
        vertical-align: top;
    }

    .find-partner-search-info .company-name-country-p .find-partner-company-name {
        font-size: 18px;
    }

    .find-partner-search-info .company-name-country-p .find-partner-get-contact-num {
        border: 1px solid #c7000b;
        border-radius: 3px;
        padding: 6px 12px;
        font-size: 14px;
        color: #c7000b;
        vertical-align: top;
    }

    .find-partner-search-info .find-partner-line-p {
        line-height: 20px;
        margin-bottom: 10px !important;
        height: auto !important;
        overflow: hidden;
    }

    .find-partner-search-info .find-partner-line-p .find-partner-name-title {
        width: 70px;
        margin-right: 10px;
        float: left;
    }

    .find-partner-search-info .find-partner-line-p .find-partner-details {
        float: left;
        width: auto;
        font-size: 14px;
        color: #333;
    }

    .cooperativePartner .successfulStory {
        padding: 0 15px 30px;
    }

    .cooperativePartner .successfulStory .storyList {
        width: 100%;
        margin-right: 0%;
        margin-bottom: 30px;
    }

    .cooperativePartner .successfulStory .storyList .content {
        padding: 15px 20px;
    }

    .cooperativePartner .successfulStory .storyList .content p {
        font-size: 18px;
    }

    .cooperativePartner .successfulStory .storyList .content span {
        margin-top: 20px;
    }

    .cooperativePartner .successfulStory .viewMore {
        margin-top: 0;
    }

    .cooperativePartner .successfulStory .viewMore a {
        width: 120px;
        height: 36px;
        font-size: 14px;
        line-height: 36px;
    }

    .cooperativePartner .hotPushZone {
        padding: 0 15px 30px;
    }

    .cooperativePartner .hotPushZone .zoneTab {
        margin-top: 0;
    }

    .cooperativePartner .hotPushZone .zoneTab ul li {
        font-size: 16px;
        padding: 0 20px;
        line-height: 36px;
    }

    .cooperativePartner .hotPushZone .sortTab ul li {
        font-size: 16px;
        cursor: padding: 15px 0;
        margin-right: 20px;
    }

    .cooperativePartner .hotPushZone .listBox {
        display: none;
        margin-top: 60px;
    }

    .cooperativePartner .hotPushZone .list .contentBox {
        display: block;
        border-radius: 13px;
        overflow: hidden;
    }

    .cooperativePartner .hotPushZone .list .picture {
        width: 100%;
    }

    .cooperativePartner .hotPushZone .list .content {
        width: 100%;
        padding: 20px;
    }

    .cooperativePartner .hotPushZone .list .content .name {
        font-size: 16px;
    }

    .cooperativePartner .hotPushZone .list .content .title {
        font-size: 18px;
    }

    .cooperativePartner .hotPushZone .list .content .more {
        display: inline-block;
        position: initial;
        margin-top: 20px;
    }

    /* 培训与认证 */
    .trainingCertification {
    }

    .trainingCertification .certificationAbstract {
        padding: 0 15px;
        font-size: 16px;
        line-height: 32px;
    }

    .trainingCertification .certificationList {
        padding: 20px 15px;
        flex-wrap: wrap;
    }

    .trainingCertification .certificationList .list {
        width: 49%;
        padding: 20px;
        margin-bottom: 20px;
    }

    .trainingCertification .certificationList .list:nth-child(2n) {
        margin-right: 0;
    }

    .trainingCertification .certificationList .list h4 {
        font-size: 18px;
    }

    .trainingCertification .certificationList .list p {
        font-size: 14px;
        color: #666;
        line-height: 24px;
        text-align: left;
    }

    .trainingCertification .learningResource {
        background: url('../images/learning.jpg');
        background-size: 100% 100%;
        padding: 0 15px 30px;
    }

    .trainingCertification .learningResource .commonTitle {
        padding: 20px 0;
    }

    .trainingCertification .learningResource .commonTitle h3 {
        padding-bottom: 10px;
    }

    .trainingCertification .learningResource .learning {
        width: 100%;
        height: auto;
        padding: 20px;
        margin-bottom: 20px;
    }

    .trainingCertification .learningResource .online:nth-child(2) {
        float: left;
        background: url('../images/online.png') right 20px center no-repeat;
    }

    .trainingCertification .learningResource .online {
        float: right;
        background: url('../images/offline.png') right 20px center no-repeat;
    }

    .trainingCertification .learningResource .learning .title {
        font-size: 18px;
    }

    .trainingCertification .learningResource .learning .text {
        width: 70%;
        font-size: 14px;
        line-height: 22px;
        margin-top: 20px;
    }

    .trainingCertification .learningResource .learning .details {
        position: initial;
        margin-top: 20px;
    }

    .trainingCertification .learningResource .learning .details a {
        font-size: 12px;
        color: #fff;
    }

    .trainingCertification .registerStudy {
    }

    .trainingCertification .registerStudy .fillForm {
        padding: 0 15px 30px;
    }

    .trainingCertification .registerStudy .fillForm input {
        width: 100%;
        height: 36px;
        font-size: 14px;
        padding: 0 13px;
        border-radius: 5px;
    }

    .trainingCertification .registerStudy .fillForm .name {
        margin-right: 0%;
        margin-bottom: 15px;
    }

    .trainingCertification .registerStudy .fillForm .telephone {
        margin-right: 0%;
        margin-bottom: 15px;
    }

    .trainingCertification .registerStudy .fillForm .message {
        width: 100%;
        height: 130px;
        padding: 10px 13px;
        line-height: 26px;
        font-size: 14px;
        border-radius: 5px;
        margin-top: 15px;
    }

    .trainingCertification .registerStudy .fillForm .submit {
        width: 130px;
        height: 36px;
        margin: 30px auto;
        font-size: 16px;
        border-radius: 5px;
    }

    /* 新闻 */
    .newsTabMenu {
        height: 42px;
        margin-top: -42px;
    }

    .newsTabMenu a {
        padding: 0 32px;
        line-height: 42px;
        font-size: 16px;
    }

    .newsCenter {
        padding-bottom: 30px;
    }

    .newsCenter .newsCategory {
        padding: 0 15px;
        margin-top: 20px;
    }

    .newsCenter .newsCategory .label {
        font-size: 16px;
        padding: 13px 18px;
    }

    .newsCenter .newsCategory .categoryMenu {
        float: left;
        font-size: 16px;
    }

    .newsCenter .newsCategory .categoryMenu a {
        padding: 13px;
        margin-right: 16px;
    }

    .newsCenter .newsCategory .categoryMenu a:last-child {
        margin-right: 0;
    }

    .newsCenter .search {
        margin-top: 8px;
    }

    .newsCenter .search .keyword {
        height: 32px;
        font-size: 14px;
    }

    .newsCenter .search .button {
        width: 32px;
        height: 32px;
    }

    .newsCenter .newsScreening {
        padding: 10px 15px;
    }

    .newsCenter .newsScreening .list {
        padding: 16px 0 0 0;
    }

    .newsCenter .newsScreening .list label {
        width: 50px;
        font-size: 16px;
        line-height: 24px;
    }

    .newsCenter .newsScreening .checklist {
        width: calc(100% - 55px);
        height: 24px;
        overflow: hidden;
        box-sizing: border-box;
        position: relative;
    }

    .newsCenter .newsScreening .checklist.showlist {
        height: auto;
    }

    .newsCenter .newsScreening .checklist a {
        font-size: 12px;
        line-height: 22px;
        border-radius: 12px;
    }

    .newsCenter .newsScreening .checklist .openbtn {
        position: absolute;
        right: 0;
        top: 0;
    }

    .newsCenter .newsScreening .checklist .openbtn i {
        display: inline-block;
        border-top: solid #666 8px;
        border-left: solid transparent 8px;
        border-right: solid transparent 8px;
        position: relative;
    }

    .newsCenter .newsScreening .checklist .openbtn i::after {
        content: '';
        border-top: solid #fff 6px;
        border-left: solid transparent 6px;
        border-right: solid transparent 6px;
        position: absolute;
        right: -6px;
        top: -9px;
    }

    .newsCenter .newsScreening .checklist .openbtn.close i {
        transform: rotate(180deg);
    }

    .newsCenter .newsBox {
        padding: 15px;
    }

    .newsCenter .newsBox .title h1 {
        font-size: 34px;
        line-height: 60px;
    }

    .newsCenter .newsBox .newsList {
        width: 100%;
        background: #f6f6f6;
        margin-right: 0%;
        margin-bottom: 30px;
        border-radius: 8px;
        overflow: hidden;
    }

    .newsCenter .newsBox .newsList .name {
        font-size: 16px;
        margin: 20px 16px;
        line-height: 26px;
        height: auto;
    }

    .newsCenter .newsBox .newsList .date {
        font-size: 16px;
        line-height: 26px;
        color: #666;
        padding: 0 16px 20px;
    }

    .newsCenter .newsBox .news_detail {
        margin-top: 20px;
    }

    /* 展会活动 */
    .exhibitionActivity .activityMenu {
        margin-top: 20px;
    }

    .exhibitionActivity .activityMenu a {
        font-size: 16px;
        color: #333;
        padding: 13px 16px;
        margin: 0 16px;
    }

    .exhibitionActivity .activityBox {
        padding: 30px 15px;
    }

    .exhibitionActivity .activityBox .activityList {
        width: 100%;
        margin-right: 0%;
        margin-bottom: 30px;
    }

    .exhibitionActivity .activityBox .activityList .content {
        padding: 16px;
    }

    .exhibitionActivity .activityBox .activityList .content .name {
        font-size: 16px;
    }

    .exhibitionActivity .activityBox .activityList .content .addressDate .address {
        background: url("../images/address.png") center no-repeat;
        margin-right: 0px;
        background-size: auto 16px;
    }

    .exhibitionActivity .activityBox .activityList .content .addressDate .date {
        background: url("../images/date.png") center no-repeat;
        background-size: auto 16px;
        margin-right: 10px;
        margin-left: 15px;
    }

    .exhibitionActivity .activityBox .activityList .content .more {
        margin-top: 20px;
    }

    /* 多媒体 */
    .newsCenter .multimediaNews {
        padding: 20px 15px 0;
    }

    .newsCenter .multimediaNews .newsListBox {
        width: 100%;
        margin-right: 0%;
    }

    .newsCenter .multimediaNews .newsList {
        margin-bottom: 30px;
    }

    .newsCenter .multimediaNews .newsList:nth-child(2) {
        width: 100%;
    }

    .newsCenter .multimediaNews .newsList:nth-child(3) {
        width: 100%;
    }

    .newsCenter .multimediaNews .newsList .picture {
        overflow: hidden;
    }

    .newsCenter .multimediaNews .newsList .mask {
        background: rgba(0, 0, 0, 0.3);
    }

    .newsCenter .multimediaNews .newsList .content {
        padding: 0 16px 12px;
    }

    .newsCenter .multimediaNews .newsList .content .name {
        font-size: 16px;
    }

    .newsCenter .multimediaNews .newsList .content .text {
        font-size: 14px;
        display: block;
    }

    .newsCenter .newsMore {
        margin-top: 0;
    }

    .newsCenter .newsMore a {
        width: 120px;
        height: 36px;
        font-size: 14px;
        line-height: 36px;
    }

    /* 多媒体视频 */
    .newsCenter .multimediaVideo {
        padding: 20px 15px 100px;
    }

    .newsCenter .multimediaVideo .newsList {
        width: 100%;
        float: left;
        margin-right: 0;
        position: relative;
        margin-bottom: 30px;
        overflow: hidden;
    }

    .newsCenter .multimediaVideo .newsList .picture {
        overflow: hidden;
    }

    .newsCenter .multimediaVideo .newsList .picture img {
        width: 100%;
        transition: all 0.5s;
    }

    .newsCenter .multimediaVideo .newsList:hover .picture img {
        transform: scale(1.1);
    }

    .newsCenter .multimediaVideo .newsList .mask {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
    }

    .newsCenter .multimediaVideo .newsList .play {
        width: 100%;
        height: 100%;
        background: url('../images/play.png') center no-repeat;
        position: absolute;
        left: 0;
        top: 0;
    }

    .newsCenter .multimediaVideo .newsList:hover .mask {
        background: rgba(0, 0, 0, 0.3);
    }

    .newsCenter .multimediaVideo .newsList .content {
        width: 100%;
        box-sizing: border-box;
        padding: 0 25px 12px;
        position: absolute;
        left: 0;
        bottom: -80px;
        transition: all 0.5s;
    }

    .newsCenter .multimediaVideo .newsList:hover .content {
        bottom: 0;
    }

    .newsCenter .multimediaVideo .newsList .content .name {
        font-size: 20px;
        color: #fff;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .newsCenter .multimediaVideo .newsList .content .text {
        font-size: 16px;
        color: #fff;
        margin-top: 5px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .newsCenter .multimediaVideo .newsMore {
        text-align: center;
        margin-top: 30px;
    }

    .newsCenter .multimediaVideo .newsMore a {
        width: 137px;
        height: 42px;
        display: inline-block;
        font-size: 16px;
        line-height: 42px;
        border: solid #003693 1px;
        color: #003693;
        border-radius: 8px;
        transition: all .5s;
    }

    .newsCenter .multimediaVideo .newsMore a:hover {
        background: #003693;
        color: #fff;
    }

    /* 场景解决方案 */
    .scenarioSolution {
    }

    .scenarioSolution .sceneOverview {
        padding: 80px 0;
    }

    .scenarioSolution .sceneOverview .picture {
        width: 30%;
        float: left;
        border: solid #ebebeb 1px;
        border-radius: 8px;
        overflow: hidden;
    }

    .scenarioSolution .sceneOverview .picture img {
        width: 100%;
    }

    .scenarioSolution .sceneOverview .content {
        width: 65%;
        float: right;
        padding: 10px 0;
    }

    .scenarioSolution .sceneOverview .content .name {
        font-size: 36px;
        color: #333;
        padding-bottom: 10px;
        position: relative;
    }

    .scenarioSolution .sceneOverview .content .name::after {
        width: 64px;
        height: 2px;
        content: '';
        background: #003693;
        position: absolute;
        left: 0;
        bottom: 0;
    }

    .scenarioSolution .sceneOverview .content .text {
        height: 216px;
        font-size: 18px;
        color: #666;
        line-height: 36px;
        padding: 10px 0;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 6;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .scenarioSolution .sceneOverview .content .more {
        margin-top: 20px;
    }

    .scenarioSolution .sceneOverview .content .more a {
        font-size: 16px;
        color: #003693
    }

    .scenarioSolution .sceneOverviewList {
        padding-top: 50px;
        display: flex;
        justify-content: space-between;
    }

    .scenarioSolution .sceneOverviewList .list {
        width: 23.5%;
        text-align: center;
        box-sizing: border-box;
        padding: 50px 20px;
        background: #f1f3f5;
        border: solid #f1f3f5 1px;
        border-radius: 8px;
        cursor: pointer;
        transition: all 0.5s;
    }

    .scenarioSolution .sceneOverviewList .list:hover {
        border-color: #e5e5e5;
        box-shadow: 0 0 10px #eaeaea;
    }

    .scenarioSolution .sceneOverviewList .list h4 {
        font-size: 22px;
        font-weight: normal;
        color: #333;
        padding: 10px 0;
    }

    .scenarioSolution .sceneOverviewList .list p {
        font-size: 14px;
        color: #666;
        line-height: 24px;
        text-align: left;
    }

    .scenarioSolution .solutionList {
        background: #f9f9f9;
        padding-bottom: 80px;
    }

    .scenarioSolution .solutionList .solution_list::after {
        content: '';
        display: table;
        clear: both;
    }

    .scenarioSolution .solutionList .scenariosList {
        width: 32%;
        float: left;
        background: #fff;
        margin-right: 2%;
        margin-bottom: 40px;
        border-radius: 8px;
        overflow: hidden;
    }

    .scenarioSolution .solutionList .scenariosList:nth-child(3n) {
        margin-right: 0;
    }

    .scenarioSolution .solutionList .scenariosList .picture {
        overflow: hidden;
    }

    .scenarioSolution .solutionList .scenariosList .picture img {
        width: 100%;
        transition: all 0.5s;
    }

    .scenarioSolution .solutionList .scenariosList:hover .picture img {
        transform: scale(1.1);
    }

    .scenarioSolution .solutionList .scenariosList .name {
        font-size: 28px;
        color: #242121;
        padding: 20px 25px;
    }

    .scenarioSolution .solutionList .scenariosList .text {
        font-size: 14px;
        line-height: 26px;
        height: 130px;
        color: #666;
        padding: 0 25px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 5;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .scenarioSolution .solutionList .scenariosList .more {
        padding: 60px 25px;
    }

    .scenarioSolution .solutionList .scenariosList .more a {
        width: 134px;
        height: 42px;
        display: inline-block;
        text-align: center;
        line-height: 42px;
        font-size: 16px;
        color: #003693;
        border: solid #003693 1px;
        border-radius: 8px;
        transition: all .5s;
    }

    .scenarioSolution .solutionList .scenariosList .more a:hover {
        background: #003693;
        color: #fff;
    }

    .scenarioSolution .solutionList .loadMore {
        margin-top: 20px;
        text-align: center;
    }

    .scenarioSolution .solutionList .loadMore a {
        width: 134px;
        height: 42px;
        display: inline-block;
        line-height: 42px;
        font-size: 16px;
        color: #003693;
        border: solid #003693 1px;
        border-radius: 8px;
        transition: all .5s;
    }

    .scenarioSolution .solutionList .loadMore a:hover {
        background: #003693;
        color: #fff;
    }

    /* 绿色建筑故事 */
    .greenBuilding {
        background: #f6f6f6;
    }

    .greenBuilding .buildingTab {
        width: 100%;
        height: 46px;
        margin-top: -46px;
    }

    .greenBuilding .buildingTab.fixed {
        top: 61px;
        z-index: 11;
    }

    .greenBuilding .buildingTab ul li {
        padding: 0 5px;
        line-height: 46px;
        font-size: 16px;
    }

    .greenBuilding .government {
        padding: 0 15px 30px;
    }

    .greenBuilding .government .container {
        display: block;
    }

    .greenBuilding .government .subtitle {
        font-size: 18px;
        margin-top: 20px;
        line-height: 28px;
    }

    .greenBuilding .government .videoBox {
        width: 100%;
        border-radius: 0;
    }

    .greenBuilding .government .governmentBox {
        width: 100%;
        border-radius: 0px;
        padding: 20px;
    }

    .greenBuilding .government .governmentBox .list {
        margin-bottom: 20px;
    }

    .greenBuilding .government .governmentBox .list:last-child {
        margin-bottom: 0;
    }

    .greenBuilding .government .governmentBox .list .picture {
        width: 100%;
        border-radius: 0;
    }

    .greenBuilding .government .governmentBox .list .content {
        width: 100%;
        padding-top: 10px;
    }

    .greenBuilding .government .governmentBox .list .content .name {
        font-size: 18px;
        line-height: 36px;
    }

    .greenBuilding .government .governmentBox .list .content .text {
        font-size: 16px;
        line-height: 28px;
    }

    .greenBuilding .government .governmentMore {
        margin-top: 30px;
    }

    .greenBuilding .government .governmentMore a {
        width: 120px;
        height: 36px;
        line-height: 36px;
        font-size: 14px;
    }

    .greenBuilding .transportation {
        position: relative;
    }

    .greenBuilding .transportation .videoBox {
        overflow: hidden;
    }

    .greenBuilding .transportation .videoBox img {
        width: auto;
        height: 160px;
        position: relative;
        left: 50%;
        transform: translateX(-50%);
    }

    .greenBuilding .transportation .videoBox video {
        width: 100%;
    }

    .greenBuilding .transportation .videoContent {
        padding-top: 0;
    }

    .greenBuilding .transportation .videoContent .commonTitle {
        padding: 20px 0;
    }

    .greenBuilding .transportation .videoContent .subtitle {
        font-size: 18px;
        margin-top: 20px;
    }

    .greenBuilding .transportation .listBox {
        margin-top: 20px;
    }

    .greenBuilding .transportation .listBox .list {
        width: 100%;
        margin-right: 0%;
        margin-bottom: 20px;
        border-radius: 0;
    }

    .greenBuilding .transportation .listBox .list:hover {
        margin-top: 0;
    }

    .greenBuilding .transportation .listBox .list p {
        font-size: 16px;
        padding: 10px;
        background: rgba(0, 0, 0, 0.3);
    }

    .greenBuilding .smartPark {
        background: url('../images/smartPark.png') center bottom no-repeat;
        background-size: 100%;
    }

    .greenBuilding .smartPark .container {
        display: none;
    }

    .greenBuilding .middleEast {
        background: url('../images/middleEast.png') center top no-repeat;
        background-size: 100%;
    }

    .greenBuilding .periodicals {
        padding: 50px 0 100px;
    }

    .greenBuilding .periodicals .list {
        width: 49%;
        float: left;
        margin-right: 2%;
        background: url('../images/periodicals_01.jpg') bottom no-repeat #fff;
        background-size: 100%;
        box-sizing: border-box;
        padding: 35px 30px;
        border-radius: 10px;
    }

    .greenBuilding .periodicals .list:nth-child(2n) {
        margin-right: 0;
        background-image: url('../images/periodicals_02.jpg');
    }

    .greenBuilding .periodicals .list a {
        display: flex;
        justify-content: space-between;
    }

    .greenBuilding .periodicals .list .picture {
        width: 30%;
        overflow: hidden;
    }

    .greenBuilding .periodicals .list .picture img {
        width: 100%;
        transition: all 0.5s;
    }

    .greenBuilding .periodicals .list:hover .picture img {
        transform: scale(1.1);
    }

    .greenBuilding .periodicals .list .content {
        width: 65%;
        position: relative;
    }

    .greenBuilding .periodicals .list .content h5 {
        width: 100%;
        font-size: 16px;
        font-weight: normal;
        color: #666;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        position: absolute;
        top: 26%;
    }

    .greenBuilding .periodicals .list .content h4 {
        width: 100%;
        font-size: 20px;
        font-weight: normal;
        color: #333;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        position: absolute;
        top: 40%;
    }

    .greenBuilding .periodicals .list .content p {
        font-size: 12px;
        color: #003693;
        position: absolute;
        bottom: 20%;
    }

    /* 成功案例页面 */
    .casePage {
    }

    .casePage .caseLabel {
        margin-top: 20px;
        padding: 0 15px;
    }

    .casePage .caseLabel .label {
        font-size: 16px;
        padding: 13px 18px;
    }

    .casePage .search {
        margin-top: 8px;
    }

    .casePage .search .keyword {
        height: 32px;
        font-size: 14px;
    }

    .casePage .search .button {
        width: 32px;
        height: 32px;
    }

    .casePage .caseScreening {
        padding: 20px 15px;
        margin-top: 20px;
        border-radius: 0px;
    }

    .casePage .caseScreening .list {
        padding: 5px 0 20px;
        font-size: 16px;
    }

    .casePage .caseScreening .list label {
        width: 100%;
        float: left;
    }

    .casePage .caseScreening .list .checkItem {
        width: 100%;
        height: 38px;
        overflow: hidden;
        position: relative;
    }

    .casePage .caseScreening .list .checkItem.showlist {
        height: auto;
    }

    .casePage .caseScreening .list .openbtn {
        position: absolute;
        right: 0;
        top: 12px;
    }

    .casePage .caseScreening .list .openbtn i {
        display: inline-block;
        border-top: solid #666 8px;
        border-left: solid transparent 8px;
        border-right: solid transparent 8px;
        position: relative;
    }

    .casePage .caseScreening .list .openbtn i::after {
        content: '';
        border-top: solid #fff 6px;
        border-left: solid transparent 6px;
        border-right: solid transparent 6px;
        position: absolute;
        right: -6px;
        top: -9px;
    }

    .casePage .caseScreening .list .openbtn.close i {
        transform: rotate(180deg);
    }

    .casePage .caseScreening .list .checkItem li {
        margin: 10px 20px 0 0;
    }

    .casePage .caseScreening .list .checkItem li a.checkbox i {
        margin-right: 3px;
    }

    .casePage .caseScreening .list .checkItem li a.downMenu i {
        display: inline-block;
        font-style: normal;
        margin-left: 5px;
        transform: rotate(90deg);
        font-family: cursive;
        font-weight: bold;
    }

    .casePage .caseScreening .list .checkItem li a.selected {
        color: #003693;
    }

    .casePage .checkedItem {
        padding: 20px 0;
        font-size: 16px;
    }

    .casePage .checkedItem .label {
        width: 90px;
        float: left;
    }

    .casePage .checkedItem .checkedList {
        width: calc(100% - 90px);
        float: right;
    }

    .casePage .checkedItem .checkedList span {
        display: inline-block;
        margin-right: 20px;
    }

    .casePage .checkedItem .checkedList a {
        color: #242121;
    }

    .casePage .checkedItem .checkedList a:hover {
        color: #003693;
    }

    .casePage .caseBox {
        padding: 20px 15px 30px;
    }

    .casePage .caseBox .caseList {
        width: 100%;
        margin-right: 0%;
        margin-bottom: 30px;
    }

    .casePage .caseBox .caseList .content {
        padding: 20px;
    }

    .casePage .caseBox .caseList .content .name {
        font-size: 18px;
        height: auto;
    }

    .casePage .caseBox .caseList .content .addressDate {
        line-height: 22px;
        color: #9f9f9f;
        margin-top: 15px;
    }

    .casePage .caseBox .caseList .content .addressDate .address {
        background: url("../images/address.png") center no-repeat;
        background-size: auto 16px;
        margin-right: 5px;
    }

    .casePage .caseBox .caseList .content .addressDate .date {
        background: url("../images/date.png") center no-repeat;
        background-size: auto 16px;
        margin-right: 5px;
        margin-left: 15px;
    }

    .casePage .caseBox .caseList .content .addressDate .produ {
        display: inline-block;
        background: url("../images/product.png") center no-repeat;
        background-size: auto 16px;
        margin-right: 5px;
        margin-left: 15px;
    }

    .commonPage {
        line-height: 24px;
        font-size: 14px;
    }

    .commonPage a {
        margin: 0 6px 12px;
    }

    .commonPage span {
        margin: 0 6px 12px;
    }

    .commonPage select {
        height: 24px;
        margin: 0 6px;
    }
}

.fl {
    float: left;
}

.fr {
    float: right
}

.news_picture {
    width: 64%;
}

.news_picture img {
    width: 100%;
    height: auto;
}

.news_content {
    width: 33.33333333%
}

.newsCenter .newsBox .news_content .title {
    text-align: left;
}

.newsCenter .newsBox .news_content .news_detail {
    text-align: left;
    padding: 0;
    max-width: 100%;
    font-size: 20px;
    line-height: 1.7;
    margin-bottom: 10px;
    color: #666666;
}

.newsCenter .newsBox .news_content .title h1 {
    font-size: 34px;
    line-height: 60px;
    position: relative;
    padding-bottom: 20px;
}

.newsCenter .newsBox .news_content .title h1:after {
    content: '';
    width: 30%;
    height: 2px;
    background-color: #c7000b;
    position: absolute;
    left: 50%;
    margin-left: -15%;
    bottom: 0;
    min-width: 35px;
    transform: translateX(0);
    left: 0;
    margin-left: 0;
}

.btn-rect {
    padding: 0 30px;
    padding-right: 30px;
    padding-left: 30px;
    min-width: 140px;
    height: 32px !important;
    line-height: 30px !important;
    text-align: center;
    border: 1px solid #111;
    display: inline-block;
    color: #111;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 14px;
}

@media (max-width: 360px) {
    .btn-rect {
        min-width:120px;
    }
}

@media (min-width: 992px) {
    .btn-rect {
        min-width:170px;
        height: 40px !important;
        line-height: 38px !important;
    }

    .btn-rect:hover {
        border-color: #c7000b;
        background-color: #c7000b;
        color: #fff;
    }
}

@media (min-width: 992px) and (max-width: 1100px) {
    .btn-rect {
        min-width: 120px;
        height: 40px !important;
        line-height: 40px !important;
    }
}

@media (max-width: 990px) {
    .fl {
        float:none;
    }

    .fr {
        float: none
    }

    .news_picture,.news_content {
        width: 96%;
        margin: auto;
    }

    .news_picture img {
        max-width: 100%;
        height: auto;
    }

    .newsCenter .newsBox .news_content .title h1 {
        font-size: 28px;
        line-height: 45px;
        position: relative;
        margin-top: 25px;
    }

    .newsCenter .newsBox .news_content .news_detail {
        text-align: left;
        font-size: 17px;
        line-height: 1.7;
        color: #666666;
    }

    .news_detail {
        padding: 0 15px;
    }

    .news_detail img {
        max-width: 100%;
        height: auto !important;
    }

    .newsCenter .newsBox .news_content .title h1 {
        font-size: 20px;
        line-height: 32px;
        margin: 20px 0 30px;
    }

    .visible-xs, .visible-sm, .visible-md, .visible-lg {
        display: block !important;
    }

    .newsBox .time {
        width: 85.652%;
        max-width: 100%;
        margin: 0 auto;
        margin-bottom: 0px;
        padding: 0px 8.5%;
        font-size: 0.875em;
        color: #adadad;
        text-align: center;
    }

    .newsCenter .newsBox {
        padding: 15px;
    }

    .mobile-share-open {
        overflow: hidden;
    }

    .mb30 {
        margin-bottom: 15px !important;
    }

    .newsCenter .newsBox .title h1 {
        font-size: 28px;
        padding: 0;
        line-height: 38px;
        margin: 20px 0 30px;
    }

    .mobile-share-open::before {
        position: fixed;
        background: rgba(0,0,0,.4);
        top: 0;
        left: 0;
        content: "";
        width: 100%;
        height: 100%;
        z-index: 10;
    }

    .hidden-xs {
        display: none
    }

    .share-box li .wechat-qrcode .mob-wechat {
        position: fixed;
        top: 50%;
        transform: translate(-50% , -50%);
        left: 50%;
        background: #fff;
        width: 250px;
        height: 170px;
        display: block;
        box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
        padding: 15px 15px 10px 15px;
        text-align: center;
    }

    .mobile-share-open .share-box li .wechat-qrcode .mob-wechat {
        z-index: 11;
    }

    .share-box li .wechat-qrcode .mob-wechat h3 {
        margin-top: 5px;
        margin-bottom: 0;
    }

    .share-box li .wechat-qrcode .mob-wechat p {
        text-align: center;
        color: #999;
    }

    .share-box li .wechat-qrcode .mob-wechat .colse-btn {
        display: block;
        padding-top: 10px;
        margin-top: 10px;
        border-top: 1px solid #eee;
    }

    .share-box li .wechat-qrcode button, .share-box li .wechat-qrcode .share-close {
        background: transparent;
        border: 0;
        font-size: 25px;
        position: absolute;
        top: -6px;
        right: 2px;
        color: #000 !important;
    }

    .share-box li .wechat-qrcode .mob-wechat .colse-btn button {
        position: static;
        font-size: 14px;
        color: #1f8dd6 !important;
    }

    .container-custom {
        max-width: 100%;
    }

    .centerBanner .bannerPicture {
        width: 100%;
        overflow: hidden;
    }

    .centerBanner .bannerPicture img {
        width: 300%;
    }
}

img {
    vertical-align: middle;
}

.show {
    display: block !important;
}

.share-box li .wechat-qrcode {
    position: absolute;
    z-index: 999;
    top: -246px;
    left: -89px;
    width: 200px;
    height: 222px;
    color: #666;
    font-size: 12px;
    text-align: center;
    -webkit-transition: all 200ms;
    transition: all 200ms;
    display: none;
}

.container-custom {
    width: 85.652%;
    max-width: 1400px;
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}

.container-custom .share-box {
    padding-left: 0;
    padding-right: 0;
    text-align: center;
    margin-bottom: 30px;
    width: 100%;
    position: relative;
    z-index: 9;
}

.list-unstyled {
    list-style: none;
}

.share-box li {
    display: inline-block;
    margin: 0 8px;
    vertical-align: middle;
}

.container-custom .share-box li {
    padding: 0 22px;
    margin: 0;
    box-sizing: border-box;
    background: #fff;
    position: relative;
    z-index: 2;
    margin: 0 -2px;
    margin-top: 0px;
}

.container-custom .share-box .line {
    position: absolute;
    width: 100%;
    height: 1px;
    background: #dddddd;
    top: 0;
    left: 0;
    top: 50%;
    margin-top: -1px;
}

.share-box li>a>img {
    opacity: 0.7;
    filter: Alpha(opacity=70)
}

.share-box li>a:hover>img {
    opacity: 1;
    filter: Alpha(opacity=100)
}

.indexFooter .crumbs {
    display: none;
}

@media (min-width: 990px) {
    .share-box li {
        padding: 0 22px;
        margin: 0;
        background: #fff;
        position: relative;
        z-index: 2;
        margin: 0 -2px;
    }

    .newsBox .time {
        width: 85.652%;
        max-width: 1430.016px;
        margin: 0 auto;
        margin-bottom: 0px;
        padding: 0px 8.5%;
        font-size: 14px;
        color: #adadad;
        text-align: center;
    }

    .mb30 {
        margin-bottom: 30px !important;
    }

    .share-box li .wechat-qrcode {
        top: 30px;
        height: 240px;
    }

    .visible-xs, .visible-sm, .visible-md, .visible-lg {
        display: none !important;
    }

    .newsCenter .newsBox .title h1 {
        font-size: 40px;
        line-height: 60px;
        margin-bottom: 30px;
    }

    .share-box li .wechat-qrcode {
        border: 1px solid #eee;
        background-color: #fff;
        box-shadow: 0 2px 10px #aaa;
    }

    .share-box li .wechat-qrcode h4 {
        height: 26px;
        line-height: 26px;
        font-size: 12px;
        background-color: #f3f3f3;
        margin: 0;
        padding: 0;
        color: #777;
    }

    .share-box li .wechat-qrcode p {
        text-align: center;
        margin: 0;
        padding: 0;
    }

    .share-box li .wechat-qrcode .qrcode {
        width: 138px;
        margin: 5px auto;
    }

    .share-box li .wechat-qrcode button, .share-box li .wechat-qrcode .share-close {
        background: transparent;
        border: 0;
        font-size: 25px;
        position: absolute;
        top: -6px;
        right: 2px;
        color: #000 !important;
    }

    .mobile-share-open .share-box li .wechat-qrcode .mob-wechat {
        z-index: 122;
    }
}