@charset 'utf-8';

*{margin: 0; padding: 0;}
@font-face {
	font-family: 'SourceHanSansCN';
	src: url('./family/SourceHanSansCN-Regular.otf');
}
body{font-size: 14px; font-family: Arial; color: #242121;}
li{list-style: none;}
a{text-decoration: none; color: #333;}
img{vertical-align: top;}
input,select,textarea,button{outline: none; font-family: Arial;}
.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: 260px; float: left; margin-top: 30px;}
.header .menu{width: calc(100% - 400px); float: left; text-align: center;}
.header .menu li{display: inline-block; margin: 0 16px; 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;}
@media (max-width: 1320px) {
	.header .menu li{margin: 0 10px;}
}
@media (max-width: 1240px) {
	.header .menu li{font-size: 14px;}
}
.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: 14px;}
.header .dropDownMenu .downMenu li a{color: #000;}
.header .dropDownMenu .downMenu .productMenu{padding: 10px 0;}
.header .dropDownMenu .downMenu .productMenu::after{content: ''; display: table; clear: both;}
.header .dropDownMenu .downMenu .productMenu .category{width: 48%; margin-right: 2%; float: left;}
.header .dropDownMenu .downMenu .productMenu .category h3{font-size: 16px; 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: 15px; line-height: 36px;}
.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: 15px; line-height: 50px; border-bottom: solid #eee 1px; margin-bottom: 10px;}

.header .language{width: 140px; float: right; margin-top: 30px; line-height: 30px;}
.header .language li{float: left;}
.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: 26px; color: #1b1b1b;}
.banner .bannerText p{font-size: 16px; color: #1b1b1b; margin-top: 20px;}
.banner .bannerText a{width: 136px; height: 36px; display: inline-block; font-size: 16px; 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: 35px; 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: 19px; 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{max-width: 800px; text-align: right; position: absolute; right: 50%; top: 26%; margin-right: -700px;}
.centerBanner .bannerText h3{font-size: 40px; 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{height: 45px; font-size: 18px; padding: 0 20px; 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: 16px; 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: 210px; 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: 16px; color: #222; line-height: 26px; 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: 8px;}
.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.mcontact{display: none;}
.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: 36px; 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 20px;}
.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 .categoryTab .downList{display: none;}
.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:nth-child(3n+1){clear: both;}
.productList .pictureList .productPicture{border: solid #ebebeb 1px; border-radius: 8px; overflow: hidden;}
.productList .pictureList .productPicture img{width: 100%;}
.productList .pictureList .productName{font-size: 22px; 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: 20px; 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:nth-child(3n+1){clear: both;}
.expertOpinion .expertOpinionList .subtitle{font-size: 14px; color: #242121; line-height: 30px; display: none;}
.expertOpinion .expertOpinionList .headline{height: 84px; font-size: 20px; color: #242121; line-height: 28px; margin: 8px 0; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; 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 .picture{width: 60px; height: 60px; float: left; margin-right: 16px;}
.expertOpinion .expertOpinionList .expertInfor .picture img{width: 100%; border-radius: 50%;}
.expertOpinion .expertOpinionList .expertInfor .text{width: calc(100% - 76px); float: left;}
.expertOpinion .expertOpinionList .expertInfor .text h4{font-size: 16px; font-weight: normal; color: #242121; line-height: 30px;}
.expertOpinion .expertOpinionList .expertInfor .text 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{text-align: justify; 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-top: 10px;}
.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{margin-top: 30px;}
.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: 60px;}
.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: 14px; font-weight: normal; color: #fff;}
.sustainableDevelopment .strategy .strategyList .content p{font-size: 20px; color: #fff; margin-top: 5px; display: none;}
.sustainableDevelopment .strategy .strategyList .content span{display: inline-block; font-size: 14px; 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{padding: 60px 0 30px;}
.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: 24px; 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{display: inline-block; font-size: 16px; line-height: 42px; padding: 0 20px; 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{display: inline-block; margin: 0 15px; font-size: 16px; padding: 0 20px; 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: 40px 20px 20px; 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: 20px; font-weight: normal; color: #000; margin-top: 10px;}
.contactUs .contactUsContent .contactUsList p{display: inline-block; font-size: 16px; 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; line-height: 20px; font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif; color: #003693; position: absolute; top: 0px; 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: 20px; font-weight: normal; color: #000; line-height: 36px; padding: 10px 0;}
.contactUs .contactUsContent .webFeedback p{max-width: 700px; font-size: 16px; 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: 18px; font-family: cursive; color: #003693; position: absolute; top: 1px; right: 0; transition: all .3s;}
.contactUs .contactUsContent .webFeedback a:hover::after{right: -5px;}
.contactUs .contactmsg{background: #fff; padding: 50px; border-radius: 8px; margin-bottom: 30px;}
/* 公司年报 */
.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{margin-top: 20px;}
.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{display: inline-block; margin: 0 15px; font-size: 16px; padding: 0 20px; 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: 24px; 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: 24px; 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: 18px; line-height: 32px; margin-top: 50px; text-align: left;}
.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: 18px; line-height: 32px; height: 64px; 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: 10px;}
.newFuture .newFutureVideo .videoSwiper .videoList .avatar{width: 60px; height: 60px; border-radius: 50%; float: left; margin-right: 20px; display: none;}
.newFuture .newFutureVideo .videoSwiper .videoList .name{font-size: 16px; line-height: 30px; color: #242121;}
.newFuture .newFutureVideo .videoSwiper .videoList .position{font-size: 14px; line-height: 22px; color: #242121; margin-top: 5px;}
.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: 32px; 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: 18px; 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: 13px; 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: 90%; margin: 30px auto 0; font-size: 18px; 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: 90%; 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: 18px; cursor: pointer; line-height: 50px;}
.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+1){clear: both;}
.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: 30px 60px 0 40px;}
.cooperativePartner .hotPushZone .list .content .name{font-size: 24px;}
.cooperativePartner .hotPushZone .list .content .title{font-size: 20px; margin-top: 10px;}
.cooperativePartner .hotPushZone .list .content .text{font-size: 14px; margin-top: 10px; line-height: 26px;}
.cooperativePartner .hotPushZone .list .content .more{display: inline-block; font-size: 12px; color: #003693; margin-top: 20px;}
/* 培训与认证 */
.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: 75px; display: inline-block; font-size: 18px; line-height: 28px; vertical-align: top;}
.newsCenter .newsScreening .checklist{width: calc(100% - 80px); 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: 16px; 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: 16px; 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{text-align: center;}
.greenBuilding .buildingTab ul li{display: inline-block; padding: 0 30px; line-height: 83px; font-size: 20px; color: #fff; cursor: pointer;}
.greenBuilding .buildingTab ul li.current{background: #003693;}
.greenBuilding .buildingTab ul li:hover{background: #003693;}
.greenBuilding .buildingTab .showmenu{display: none;}
.greenBuilding .buildingTab .mtabnav{display: none;}
.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: 140px; float: left; line-height: 28px;}
.casePage .caseScreening .list .checkItem{width: calc(100% - 140px); 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 .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; line-height: 65px;}
	.phoneHeader .phoneName img{max-width: 100%; max-height: 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: 0;}
	.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.mcontact{display: block;}
	.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; position: relative;}
	.productCategory .categoryTab ul li{line-height: 44px; padding: 0 23px; font-size: 16px; display: none;}
	.productCategory .categoryTab ul li.current{display: inline-block; border-radius: 22px;}
	.productCategory .categoryTab ul .downBtn{display: block; position: absolute; right: 15px; top: 15px;}
	.productCategory .categoryTab ul .downBtn::before{content: ''; border-top: solid #666 10px; border-left: solid transparent 8px; border-right: solid transparent 8px; position: absolute; right: 0; top: 3px;}
	.productCategory .categoryTab ul .downBtn::after{content: ''; border-top: solid #fff 10px; border-left: solid transparent 8px; border-right: solid transparent 8px; position: absolute; right: 0; top: 0px;}
	.productCategory .categoryTab .downList{width: 100%; background: #fff; border-radius: 22px; padding: 10px 0; position: absolute; left: 0; top: 44px; display: none;}
	.productCategory .categoryTab .downList p{line-height: 44px; font-size: 16px; padding: 0 23px;}
	.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 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%; box-sizing: border-box; padding: 0 10px; 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: 14px; line-height: 24px; 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: 580px; 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{min-width: 100px; height: 36px; padding: 0 15px; margin: 0 10px; 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;}
	.contactUs .contactmsg{padding: 20px;}
	/* 公司年报 */
	.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: 16px; 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: 20px auto 0; display: block;}
	.newFuture .intelligentWorld .standard .contentList{flex: 1; color: #fff; text-align: left; position: initial; padding-top: 30px;}
	.newFuture .intelligentWorld .standard .contentList::before,
	.newFuture .intelligentWorld .standard .contentList::after{content: ''; background: #fff; position: absolute; display: none;}
	.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: auto; height: auto; border-radius: 5px; padding: 0 23px; box-shadow: 0 1px 3px #eee;}
	.newFuture .intelligentWorld .standard .contentList .title h4{font-size: 16px; line-height:42px;}
	.newFuture .intelligentWorld .standard .contentList .menuTab{width: 100%; margin: 10px auto 0; position: initial;}
	.newFuture .intelligentWorld .standard .contentList .menuTab ul{display: block; 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: 100%; margin: 10px auto 0; border-bottom: solid #808182 1px; padding: 10px 0;}
	.newFuture .intelligentWorld .standard .contentList .textList{width: 100%; font-size: 14px; padding: 20px 0; color: #b6b6b6; position: initial; 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: 100%; margin: 0 auto; padding: 20px 0; font-size: 14px; color: #b6b6b6; border-bottom: solid #808182 1px;}
	.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 10px; margin: 0 13px;}
	.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 .mbuilding{height: 46px;}
	.greenBuilding .buildingTab{width: 100%; height: auto; margin-top: -46px; position: relative;}
	.greenBuilding .buildingTab.fixed{top: 66px; z-index: 11;}
	.greenBuilding .buildingTab ul{text-align: left;}
	.greenBuilding .buildingTab ul li{padding: 0 23px; box-sizing: border-box; line-height: 46px; font-size: 14px; display: none;}
	.greenBuilding .buildingTab ul li.current{display: inline-block;}
	.greenBuilding .buildingTab .showmenu{display: block; line-height: 46px; position: absolute; right: 10px; top: 0;}
	.greenBuilding .buildingTab .showmenu i{display: inline-block; border-top: solid #fff 8px; border-left: solid transparent 8px; border-right: solid transparent 8px; transition: all 0.3s;}
	.greenBuilding .buildingTab .showmenu.close i{transform: rotate(180deg);}
	.greenBuilding .buildingTab .mtabnav{width: 100%; background: #fff; position: absolute; top: 46px;}
	.greenBuilding .buildingTab .mtabnav li{display: block; color: #222;}
	.greenBuilding .buildingTab .mtabnav li.current{background: none;}
	
	.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;}
	



}