.clearfix:after, .clearfix:before {
    content: " ";
    display: table;
}
.news-cont{margin:30px 0;background: #fff;overflow: hidden;}
.news-cont .news-list , .news-detail , .pro-list{padding: 0 2.75%;overflow:hidden;}
.news-detail {padding-top: 50px;}
.tab-main {padding: 32px 0; margin:30px 0; background: #fff;overflow: hidden;}
.tabList{padding: 0 2.75%;}
.tabList .swiper-slide {width: auto !important;margin-right: 6px;margin-bottom: 6px;}
.tabList a{display:block;line-height: 55px;height: 55px;overflow: hidden; background: #f1f1f1;padding: 0 28px 0 29px;font-weight: bold;text-align: center;color:#000;    text-decoration: none;}
.tabList a:hover , .tabList .tab-item.active{background: #42919e; color:#fff; text-decoration: none;}
.tab-main .tab-content {padding: 0 2.75%;margin:30px 0;overflow:hidden;}
.tc-title {font-size: 30px;line-height: 60px; color: #333;}
.tab-content p {font-size: 16px; line-height: 46px; text-indent: 2em; color: #333;}

.news-list li{float: left;width: 18%;margin-right: 2.5%; margin-bottom: 30px;}
.news-list li:nth-child(5n+5) {margin-right: 0;}
.news-list li .item-top {overflow: hidden;}
.news-list .news-item .item-img {padding-bottom: 72.8%;position: relative; overflow: hidden;}
.news-list .news-item .item-img img {position: absolute; left: 0;top: 0;-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s;}
.news-list .news-item:hover .item-img img { transform: scale(1.05);-webkit-ransform: scale(1.05);-moz-ransform: scale(1.05);-o-ransform: scale(1.05);}
.full_img { width: 100%; height: 100%; object-fit: cover; object-position: center;}
.news-list .news-item .item-con {padding:20px 0px; position: relative;}
.news-list .news-item .date {line-height: 1;padding-bottom: 5px;float: left;width: 80px;text-align: center; border-right: 2px solid #eaeaea;margin-left: 3px;}
.news-list .news-item .date .d {color: #000;line-height: 1; margin-bottom: 0; font-family: arial;font-size:40px;    font-family: "2";}
.news-list .news-item .date .y {color: #000; font-size: 14px;}
.news-list .news-item .tit { font-size: 16px;}
.news-list .news-item .tit p {text-overflow: -o-ellipsis-lastline;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical;color: #000; padding-left: 10px;}
.news-list .news-item .item-desc {margin-top: 36px; line-height: 21px;height: 42px;color: #a5a5a5;}
.twoLine {text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}
.news-list li a:hover .date .d , .news-list li a:hover .date .y , .news-list li a:hover .tit p{color:#42919e}

/*新闻详情*/

.detail-title{text-align:center;font-size:30px;color:#363636;font-weight:700;margin-bottom:10px;line-height:1.7}
.detail-info-bar{font-size:14px;font-family:Arial;color:#9e9e9e;line-height:35px;border-bottom:1px dotted #cfcfcf;margin-bottom:20px;text-align:center;}
.detail-info-bar .detail-info-time{display:inline-block;margin-right:20px}
.detail-info-bar .detail-info-numbers{display: inline-block;}
.detail-con{font-size:14px;color:#333;line-height:1.7}
.detail-con img,.xypg-detail-con p img{width:auto!important;max-width:100%;height:auto!important}
.detail-pn{margin:30px 0;overflow: hidden;}
.detail-pn div span {position: absolute;right: 20px; top: 0;font-size: 13px;color: #666;}
.detail-pn div{margin-bottom:10px;background:#ededed;line-height:35px;padding:0 20px;position:relative;    overflow: hidden;}
.detail-pn div b{font-size:16px;color:#333;float:left;font-weight:400}
.detail-pn div a{float:left;width:75%;font-size:14px;color:#565656}
.detail-pn div a:hover{color:#333333}



/*产品列表*/
.pro-list li {float: left;width: 23%;margin-right: 2.66%;margin-bottom: 30px;}
.pro-list li:nth-child(4n+4) {margin-right: 0;}

.pro-list .img {display: block; width: 100%; position: relative;overflow: hidden;border: 1px solid #f2f2f2;background: #181818;}
.pro-list .img img {height: auto;}
.tutu.clearfix { overflow: hidden;}
.pro-list .img img.up-pic { transform: translateZ(0px);-webkit-transform: translateZ(0px);-moz-transform: translateZ(0px);-o-transform: translateZ(0px);transition: transform 0.3s ease 0s;-webkit-transition: transform 0.3s ease 0s;
-moz-transition: transform 0.3s ease 0s;-o-transition: transform 0.3s ease 0s;max-width: 300px;}
.pro-list .img:hover img.up-pic {transform: scale(1.05, 1.05);-webkit-transform: scale(1.05, 1.05);-moz-transform: scale(1.05, 1.05);-o-transform: scale(1.05, 1.05);transition: transform 0.6s ease 0s;-webkit-transition: transform 0.6s ease 0s;
-moz-transition: transform 0.6s ease 0s;-o-transition: transform 0.6s ease 0s;}
img.up-pic {position: absolute;left: 0;top: 0; z-index: 2;}
.pro-list .up-graybox {z-index: 3;}
.up-graybox {width: 100%; height: 100%; position: absolute;left: 0;top: 0; opacity: 0;filter: alpha(opacity=0); transition: all 0.4s ease 0s;-webkit-transition: all 0.4s ease 0s;-moz-transition: all 0.4s ease 0s;-o-transition: all 0.4s ease 0s;}
.pro-list .img:hover .up-graybox{opacity: 100;filter: alpha(opacity=100);}
.up-graybox .bgbox {display: block;width: 100%;height: 100%;background-color: #000; opacity: 0.6;filter: alpha(opacity=60);}
.up-graybox .stit {font-size: 16px;line-height: 30px; width: 100%;text-align: center;position: absolute;left: 0;top: 50%; margin-top: -15px; color: #fff;}
.up-graybox .line {display: inline-block;width: 100px;height: 1px; background-color: #f2f2f2;position: absolute;left: 50%; margin-left: -50px;transition: all 0.6s ease 0s;-webkit-transition: all 0.6s ease 0s;-moz-transition: all 0.6s ease 0s;-o-transition: all 0.6s ease 0s;}
.up-graybox .linet {top: 0;}
.up-graybox .lineb {bottom: 0;}
.up-graybox:hover .line {width: 6px;margin-left: -3px; opacity: 0.6;filter: alpha(opacity=60);}
.up-graybox:hover .line {width: 6px; margin-left: -3px; opacity: 0.6;filter: alpha(opacity=60);}
.pro-list .cont-wrap {padding: 20px 6.7% 0; border: 1px solid #f2f2f2;background: #fff;}
.pro-list .tit {line-height: 32px; font-size: 24px; margin: 0; float: left;}
.pro-list .tit a {display: inline-block;color: #333;}
.pro-list .tit a:hover{color:#42919e}
.pro-list .tu {float: right;}
.pro-list .tu a {display: inline-block;margin-left: 2%;}
.pro-list .tu .a2 {display: none;}
.pro-list .tu p img {max-width: 100%;}
.pro-list .intr {display: block;line-height: 22px; font-size: 12px; height: 40px;}
.pro-list .intr p {margin: 0;}
.pro-list .bot-link {display: block; width: 100%;border-top: 1px solid #e5e5e5;line-height: 40px;position: relative;}
.pro-list .bot-link .stt {font-size: 14px;color: #7c7c7c;}
.pro-list .bot-link .point {display: inline-block;width: 24px;height: 8px; background: url(../image/inico6.png) no-repeat right center;margin-top: 14px;float: right;}


/*产品详情*/
.page-wrap-right{overflow: hidden; margin: 20px 0;}
.cased1 {display: flex; background: #fff;}

.cased1-left {width:42%; padding: 5% 4%;border-right: 1px solid #dcdcdc;}
.cased1-title {font-size: 30px;color: #555555;font-weight: bold;}
.cased1-title span {display: block;width: 50px;height: 1px; background: #dcdcdc; margin: 20px 0;}
.cased1-con {font-size: 14px; color: #828282;line-height: 24px;}
.cased1-con h3 {color: rgb(85, 85, 85); margin-bottom: 15px;font-size: 20px;}
.cased1-con a {display: inline-block;border: 1px solid #42919e;border-radius: 50px;padding: 0.2em 2em;color: #fff;background: #42919e;}
.cased1-con a:hover {border: 1px solid #de472a;background: #de472a;}
.cased1-right {width:49%; padding: 5% 5%;}
.cased2-con {font-size: 15px;margin-top: 8%; color:#666; line-height:30px}
.cased2 {background: #fff;padding: 5%; margin-top: 2%;}
.cased2 p img { max-width: 100%; height: auto!important;max-height: auto!important;}
.sx {text-align: center; margin: 4% 0;}
.sx li {list-style: none;display: inline-block;margin: 0 2%;}
.sx li:nth-of-type(1) dt {background: url(https://show.17sucai.com/preview/2524208/2023-09-19/%E7%BD%91%E7%BB%9C%E5%85%AC%E5%8F%B8pb/%E7%BD%91%E7%BB%9C%E5%85%AC%E5%8F%B8pb/static/css/static/skin/images/shang.png) no-repeat top center; width: 34px; height: 24px;}
.sx li:nth-of-type(2) {background: url(https://show.17sucai.com/preview/2524208/2023-09-19/%E7%BD%91%E7%BB%9C%E5%85%AC%E5%8F%B8pb/%E7%BD%91%E7%BB%9C%E5%85%AC%E5%8F%B8pb/static/css/static/skin/images/shou.png) no-repeat top center;width: 40px;height: 37px;}
.sx li:nth-of-type(2) a { display: block;width: 100%;height: 100%;}
.sx li:nth-of-type(3) dt {background: url(https://show.17sucai.com/preview/2524208/2023-09-19/%E7%BD%91%E7%BB%9C%E5%85%AC%E5%8F%B8pb/%E7%BD%91%E7%BB%9C%E5%85%AC%E5%8F%B8pb/static/css/static/skin/images/xia.png) no-repeat top center; width: 34px;height: 24px;}
.cased2{ color:#666; line-height:28px}
.cased2 p{ margin-bottom:10px}

video.edui-upload-video.vjs-default-skin.video-js { width: 40%;height: 100%;}
video.edui-upload-video2.vjs-default-skin.video-js { width: 80%;height: 100%;}

.part-contact {padding:60px 0;text-align: center; color: #333;background:#f0f0f0;}
.part-contact .txt {font-size:36px;line-height: 1.2;}
.part-contact .tips {margin-top: 30px;font-size: 16px;}
.part-contact .contact-btn {width: 240px;line-height: 60px; transition: all .3s;-webkit-transition: all .3s;position: relative;color:#42919e;border: 2px solid #42919e; display: block; margin: 30px auto 0;font-size:30px;}
.part-contact .contact-btn:hover{color:#fff;background: #dd7a30;}
.part-contact .contact-btn span {position: relative; z-index: 2;}
.part-contact .down-btn {display: block;width: 22px; height: 22px; cursor: pointer;margin: 30px auto 0;}
.part-contact .down-btn span { display: block; width: 100%;height: 100%; background: url(../image/down.png) no-repeat center;transform: rotate(90deg);-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);-o-transform: rotate(90deg);}



/*服务优势*/
.service-part1 , service-part2{width:100%;overflow:hidden;}
.service-part1{padding:5% 0;}
.service-part1 .part-title{text-align:center}
.service-part1 .part-title .tit{line-height: 1;text-transform: uppercase;font-size: 32px;color: #222222;font-weight: bold;}
.part-title .line {height: 2px; width: 3%;max-width: 43px;background: #42919e;margin: 2% auto;}
.part-title .en {display: block;font-size: 18px;color: #8e8e8e;padding-left: 30px; position: relative;font-style: normal;font-family: "2";}

.service-part1 .swiper-box{margin-top:30px;}

.service-part1 .gallery-thumbs .swiper-slide{width: auto;}
.service-part1 .service-tab{text-align: center;cursor: pointer;min-width:200px;line-height:63px;font-size:0;padding:0 28px;background: #fff;color:#333333;}
.service-part1 .service-tab img,.service-part1 .service-tab span{display: inline-block;vertical-align: middle;}
.service-part1 .service-tab span{font-size:16px;color:#000}
.service-part1 .service-tab img{margin-right:16px;max-width: 22px;}
.service-part1 .service-tab .imgon{display: none;}
.service-part1 .gallery-thumbs .swiper-slide-thumb-active .service-tab,.service-part1 .service-tab:hover{background: #42919e;color:#fff;}
.service-part1 .gallery-thumbs .swiper-slide-thumb-active .service-tab span,.service-part1 .service-tab:hover span{color:#fff;}

.service-part1 .gallery-thumbs .swiper-slide-thumb-active .service-tab .img,.service-part1 .service-tab:hover .img{display: none;}
.service-part1 .gallery-thumbs .swiper-slide-thumb-active .service-tab .imgon,.service-part1 .service-tab:hover .imgon{display: inline-block;}
.service-part1 .detail-box{margin-top:30px;position: relative;}
.swiper-btn{position: absolute;top:50%;margin-top:-46px;width:37px;height:74px;background: url(../image/prev.png) no-repeat center;background-size:100%;z-index:22;}
.swiper-btn.swiper-btn-prev{left:0;}
.swiper-btn.swiper-btn-next{right:0;background-image: url(../image/next.png);}
.swiper-btn.swiper-btn-prev:hover{background-image: url(../image/prevon.png);}
.swiper-btn.swiper-btn-next:hover{background-image: url(../image/nexton.png);}
.service-part1 .service-item{padding-left:4.13%; display: flex; align-items: center; justify-content: space-between;}
.service-part1 .service-item .item-left{width:43.58%;float:left;overflow: hidden;}
.service-part1 .service-item .item-left .img{padding-bottom: 60.6%;position: relative;overflow: hidden;}
.service-part1 .service-item .item-left .img img{position: absolute;left:0;top:0;    width: 100%;height: 100%;object-fit: cover;object-position: center;}
.service-part1 .service-item .item-left:hover .img{transform: scale(1.05);}
.service-part1 .service-item .item-right{float:right;width:49.24%;color:#a5a5a5;padding:15px 0;}
.service-part1 .service-item .item-right p{line-height: 24px;color: #666666;padding-left: 22px;background: url(../image/dot.png) no-repeat left top;margin-bottom:20px;}
.service-part1 .service-item .item-right p:last-child{margin-bottom: 0;}




@media (max-width:1240px){
.new_banner {height: 450px !important;margin-bottom: 0px !important; margin-top: 88px;}
.news-list .news-item .date .d {font-size:35px;}
.part-contact .txt {font-size:30px;}
.part-contact .contact-btn {width: 220px;line-height: 55px;font-size: 25px;}
.cased1-title {font-size: 25px;}
.swiper-btn{background-size:70%;}
.service-part1 .service-item .item-right{width: 44.24%;margin-right: 9%}
.service-part1 .service-item .item-right p{margin-bottom:10px;}
video.edui-upload-video.vjs-default-skin.video-js { width: 50%;}
video.edui-upload-video2.vjs-default-skin.video-js { width: 100%;}
}

@media (max-width:1024px){
.new_banner {height: 350px !important;}
.news-cont .news-list li , .pro-list li{width:49%;margin-right:2%;margin-bottom: 25px;}
.news-cont .news-list li:nth-child(2n+2) , .pro-list li:nth-child(3n+3){margin-right:0;}
.news-list .news-item .date .d , .service-part1 .part-title .tit{font-size:30px;}
.tabList a{display:block;line-height: 45px;height: 45px;}
.banner .iscroll{display:none;}
.news-list .news-item .date{width:75px;}
.news-list .news-item .tit{margin-left: 78px;}
.part-contact .txt {font-size:26px;}
.part-contact .contact-btn {width: 208px;line-height: 52px;}
.service-part1 .service-item .item-left {width: 100%;float: none;}
.service-part1 .service-item .item-left img{width:100%;}
.service-part1 .service-item .item-right {width: 100%;float: none;margin-right:0}
.service-part1 .service-tab{min-width: 100px;line-height: 50px;padding: 0 20px}
.part-title .en{font-size:16px;}
}

@media (max-width:768px){
.part-contact {padding:30px 0;}
.new_banner {height: 250px !important;}
.part-contact .txt {font-size:24px;}
.part-contact .contact-btn {width: 160px;line-height: 40px;font-size: 18px;}
.cased1 {display: block;}
.cased1-left {width:92%; border-right: none;border-bottom: 1px solid #dcdcdc;}
.cased1-right {width: 100%;}
.cased1-title {font-size: 20px;}

}

@media (max-width:500px){
.new_banner {height: 200px !important;}
.news-cont .news-list li{width:100%;margin-right:0;margin-bottom: 20px;}
.news-list .news-item .item-desc{margin-top:20px;}
.news-list .news-item .date .d , .service-part1 .part-title .tit{font-size:25px;}
.tabList  a {padding: 0 15px 0 15px;}
.pro-list li  {width:100%;}
.pro-list .tu .a1{display: none;}
.pro-list .tu .a2  {display: block;}
.part-contact .txt {font-size:20px;}
.part-contact .tips{font-size:14px;margin-top: 15px}
.part-title .en , .service-part1 .service-tab span{font-size:14px;}
.service-part1 .service-tab{min-width:80px;line-height: 50px;padding: 0 15px}
.service-part1 .service-tab img {margin-right: 10px;}
video.edui-upload-video.vjs-default-skin.video-js { width: 100%;}
}


.team-content {padding: 0 32px;}
.teamC-tab ul.index2Nav {width: 20%; float:left; text-align: center;}
.index2Nav .list{text-align: center; border: #2d6a88 1px solid; margin: 6px 0; position: relative; cursor: pointer;}
.index2Nav .list span{display:inline-block; font-size:16px; line-height: 36px; color:#262626; position: relative;}

@media screen and (min-width:992px){
    .index2Nav .list:hover{background-color:#fff; }
    .index2Nav .list:hover span{ color:#0C7DF5;}
    .index2Nav .list:hover span::after,
    .index2Nav .list:hover span::before{opacity:1;}
}
.index2Nav .list.on{background: #2d6a88; border: #2d6a88 1px solid;}
.index2Nav .list.on span{ color: #FFF;}
.index2Nav .list.on span::after,
.index2Nav .list.on span::before{opacity:1;}
.index2Nav .list.on::after {
    content: "";
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 7px solid #FFF;
}

.teamC-main{width:78%; float:right; margin-left: 2%;}
.index2RList{overflow:hidden; padding: 0 16px; background-color:#f0f0f0;}
.index2RList .list { border-top: #2d6a88 1px dashed; display: flex; justify-content: flex-start;}
.index2RList .pic{padding: 16px; width: 300px; display: flex; justify-content: center; align-items: center;}
.index2RList .pic img {max-width: 300px;}
.index2RList .text{flex: 1; text-align: center; padding:30px 5% 0 5%; text-align: left;}
.index2RList .text .H4{color: #333; margin-bottom:15px; font-size:24px;}
.index2RList .text .H5{font-size:24px; color:#fff; font-family: Arial; text-transform: uppercase; margin: 25px 0 35px 0}
.index2RList .text .p{font-size:16px; color: #333; line-height: 36px; text-align: left;}

.index2RList .slick-dots{bottom:10%;width:100%; right:0; text-align: center; line-height: 0;}
.index2RList .slick-dots li{width:11px; height: 11px; background-color:#444444; border-radius: 50%; margin: 0 6px;}
.index2RList .slick-dots li.slick-active{background-color: #2d6a88;}

.index2Nav .slick-prev,
.index2Nav .slick-next{width:20px; height: 20px; left: 0; background:url(../image/p11.png) center no-repeat; background-size:100%;}
.index2Nav .slick-next{left:auto; right:0; background-image:url(../image/p12.png)}

@media screen and (max-width:1700px){
    .index2RList .slick-dots{bottom:20%;}
}
@media screen and (max-width:1199px){
    .index2Nav .list{height:80px; line-height: 80px;}
    .index2RList .text{padding:60px 4% 0 4%;}
    .index2RList .text .H4{font-size:22px;}
    .index2RList .text .H5{font-size:18px;}
    .index2RList .slick-dots{bottom:20px;}
}
@media screen and (max-width:991px){
    .index2Nav{width:100%;border-bottom: 1px solid #e1e1e1;border-top: 1px solid #e1e1e1;}
    .index2Nav .list{border:none !important; line-height: 40px; height:40px;}
    .index2Nav .list .H5{font-size:14px;}
    .index2R{width:100%; margin-top:20px;}
    .index2RList .text,
    .index2RList .pic{height:340px;}
}
@media screen and (max-width:767px){
    .title .H4{font-size:20px; width:100%;}
    .title .H5{width:100%; margin: 0; font-size:14px; line-height: normal;}
    .index2Tab{margin-top:25px;}
    .index2Nav{padding:0 20px;}
    .index2Nav .list{background-color:transparent;}
    .index2Nav .list.on .H5::after,
    .index2Nav .list.on .H5::before{display:none;}
    .more{font-size:12px; margin: 10px 0 0 0; width:100px;}
    .index2RList .pic{width:100%; height:auto; background:none !important; }
    .index2RList .text{width:100%; height: auto; padding:20px 10px 40px 10px;}
    .index2RList .text .H4{font-size:18px;}
    .index2RList .text .H5{font-size:14px; margin: 15px 0;}
    .index2RList .text .p{font-size:13px; line-height: 22px; height: 66px;}
    .index2RList .slick-dots{width:100%; bottom:10px;}
    .index2RList .slick-dots li{width:8px; height: 8px; margin: 0 4px;}
}

.team-slider-area .index2RList {
    display: none;
}

.team-slider-area .index2RList:first-child {
    display: block;
}

.team-fixed-top {
    width: 100%; height: 350px; background: #f0f0f0; padding: 20px; box-sizing: border-box;
}
.fixed-title {
    color: #42919e; font-size: 36px;
}
.fixed-desc {
    color: #333; font-size: 18px; line-height: 46px; text-indent: 2em; padding-top: 24px;
}



.tc { text-align: center;}
.index-title {
    font-weight: bold;
    padding-bottom: 15px;
    background: url("../image/line-01.png") left bottom no-repeat; }
.index-title .div-en {
    position: absolute;
    left: 0;
    bottom: 15px;
    font-size: 76px;
    line-height: 76px;
    color: rgba(0, 0, 0, 0.06);
    text-transform: uppercase; }
.index-title .div-cn {
    font-size: 40px;
    color: #333;
    line-height: 52px; }
.index-title.tc {
    background-position: center bottom;
}
.index-title.tc .div-en {
    right: 0; }

.concept-main {
    padding-top: 36px;
    background-size: 100%;
    background-position: center top;
    background-repeat: no-repeat; }

.concept-des {
    font-size: 20px;
    line-height: 48px;
    color: #333; }

.concept-rcg {
}

.concept-title {
    font-size: 30px;
    font-weight: bold;
    color: #333;
    line-height: 40px; }

.concept-flex {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 0 32px;
}

.concept-01 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    position: relative;
    width: 41%;
    background: #fff;
    border-radius: 20px;
    border: 1px solid #e6e6e6;
    overflow: hidden;
    margin-top: 55px;
    padding: 54px 60px 53px 50px;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s; }
.concept-01::before {
    content: " ";
    position: absolute;
    left: 50%;
    right:50%;
    top: 0%; height: 6px;
    background: #42919e;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s; }
.concept-01 .div-img {
    width: 100%;
    margin-top: 6px; margin-bottom:20px; text-align:center }
.concept-01 .div-img img{ margin:0 auto}
.concept-01 .div-img img {
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s; }
.concept-01 .div-cont {
    position: relative;
    width: 100%;
    text-align:center }
.concept-01 .div-cont .div-icon {
    position: absolute;
    right: 0;
    top: 0;
    width: 17.96%; }
.concept-01 .div-cont .div-title {
    position: relative;
    z-index: 2;
    font-size: 24px;
    color: #333;
    line-height: 34px;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s; }
.concept-01 .div-cont .div-des {
    position: relative;
    z-index: 2;
    font-size: 16px;
    line-height: 30px;
    color: #555;
    margin-top: 19px; }


.promotion-flex {
    display: flex;
    justify-content: space-around;
    padding-top: 30px;
    flex-wrap: wrap; }

.promotion-01 {
    width: 25%;
    border: 1px solid #42919e;
    border-radius: 12px 12px 0 0;
    overflow: hidden;
    margin-top: 20px;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s; }
.promotion-01 .div-title {
    position: relative;
    font-size: 28px;
    font-weight: bold;
    color: #fff;
    line-height: 70px;
    background: #42919e;
    overflow: hidden;
    padding-left: 10%;
    padding-right: 10%; }
.promotion-01 .div-title .span-num {
    position: absolute;
    right: 0;
    bottom: -20px;
    font-size: 60px;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    line-height: 60px;
    color: rgba(255, 255, 255, 0.1); }
.promotion-01 .div-des {
    font-size: 16px;
    color: #555;
    line-height: 30px;
    padding: 20px 10%; }
.promotion-01:hover {
    transform: translateY(-10px); }

.concept-01:hover::before {
    left: 0;
    right: 0; }
.concept-01:hover .div-cont .div-title {
    color: #42919e; }