/* 上部内容 */
.top-box {width: 100%;padding-bottom: 20px;background-color: #f4f5f8;margin-top: -23px;}
.top-box .top {margin: 0 auto;}
.top-box .top > h1 {font-size:45px;line-height:66px;text-align: center;}
.top-box .top .top-content {justify-content: space-between;background-color: #ffffff;padding: 27px 54px;box-sizing: initial;margin-top: 40px;}
.top-box .top .top-content .top-content-left {width: 63.5%;margin-right: 3.4%;margin-bottom: 20px;float: left;}
.top-box .top .top-content .top-content-left img {width: 100%;vertical-align: middle;}
.top-box .top .top-content .top-content-right h1 {font-size: 28px!important;line-height: 42px!important;margin:18px 0;}
.top-box .top .top-content .top-content-right p,.top-box .top .top-content .top-content-right div {font-size: 16px;line-height: 24px;text-indent: 2em;text-align: justify;}
/* 上部内容 end */







.scenario-box {margin: 78px auto 94px;}
.scenario-box > h1 {font-size:45px;line-height:66px;text-align: center;}
.scenario-box .scenario-hd {width: 100%;height: 57px;margin-top: 20px;margin-bottom: 20px;border-bottom: 1px solid #eeeeee;}
.scenario-box .scenario-hd ul {justify-content: center;width: 100%;height: 100%;overflow-x: scroll;white-space: nowrap;text-align: center;}
.scenario-box .scenario-hd ul::-webkit-scrollbar {display: none;}
.scenario-box .scenario-hd ul li {position: relative;display: flex;display: inline-flex;align-items: center;height: 100%;font-size:20px;line-height:30px;margin: 0 50px;cursor: pointer;}
.scenario-box .scenario-hd ul li::before {content: '';position: absolute;left: 50%;bottom: 0;transform: translateX(-50%);width: 0;height: 2px;transition: all 0.5s;background-color: #005DAE;}
.scenario-box .scenario-hd ul .scenario-hd-on::before {width: 60px;}
.scenario-box .scenario-bd {width: 100%;}
.scenario-box .scenario-bd li {width: 100%;justify-content: space-between;}
.scenario-box .scenario-bd li .scenario-bd-left h1 {font-size: 18px;color: #424956;margin-top: 62px;margin-bottom: 17px;}
.scenario-box .scenario-bd li .scenario-bd-left p {font-size: 14px;color: #707987;line-height: 25px;margin-bottom: 23px;}
.scenario-box .scenario-bd li .scenario-bd-right {width: 49%;overflow: hidden;float: right;margin-left: 60px;margin-bottom: 20px;}
.scenario-box .scenario-bd li .scenario-bd-right img {width: 100%;transition: all 0.5s;vertical-align: middle;}
.scenario-box .scenario-bd li .scenario-bd-right img:hover {transform: scale(1.1);}



.list-tuandui{ overflow:hidden;padding:30px 0;}
.list-tuandui ul{ margin-top:-15px;margin-left:-15px;}
.list-tuandui ul li{ float:left;width:33.33%!important;margin-top:15px;}
.list-tuandui ul li .box{ overflow:hidden;height:380px;margin-left:15px;Position:relative;}
.list-tuandui ul li .img{ Position:relative;}
.list-tuandui ul li .img img{ width:100%;}
.list-tuandui ul li .img:after{ content:'';Position:absolute;top:0;bottom:0;left:0;right:0;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;}
.list-tuandui ul li .desc{ Position:absolute;left:0;right:0;top:296px;padding:15px 20px;background-color: rgba(0, 93, 174, 0.5);text-align: center;margin-bottom:20px;font-weight:500;font-size:20px;height:56px;line-height:30px;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;color:#fff;display:none;}
.list-tuandui ul li .desc h2{ margin-bottom:20px;font-weight:500;font-size:20px;height:28px;line-height:28px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}

.list-tuandui ul li:hover .img:after{ background:rgba(0, 0, 0, 0.2);}
.list-tuandui ul li:hover .desc{background-color: rgba(0, 93, 174, 0.9);display:block;}


.related-case-box {width: 100%;padding-top: 55px;padding-bottom: 76px;background-color: #f4f5f8;}
.related-case-box .related-case {margin: 0 auto;}
.related-case-box .related-case > h1 {font-size:45px;line-height:66px;text-align: center;}
.related-case-box .related-case ul {display: flex;margin-top: 58px;}
.related-case-box .related-case ul li {display: flex;flex-direction: column;align-items: center;width: 30%;margin-right: 10%;}
.related-case-box .related-case ul li:last-child {margin-right: 0;}
.related-case-box .related-case ul li h3 {font-size:20px;line-height:30px;}
.related-case-box .related-case ul li i {width: 32px;height: 2px;background-color: #8c929c;margin: 14px 0 12px 0;}
.related-case-box .related-case ul li p {font-size:16px;line-height:24px;text-align: center;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.related-case-box .related-case ul li a {display: flex;justify-content: center;align-items: center;width: 125px;height: 41px;font-size: 16px;color: #ffffff;margin-top: 32px;border-radius: 5px;background-color: #005DAE;}
.related-case-box .related-case ul li a:hover {background-color: #007FCB;}

.fa-advantage-box {width: 100%;background-color: #ffffff;}
.fa-advantage-box .fa-advantage {margin: 0 auto;padding-top: 65px;padding-bottom: 59px;}
.fa-advantage-box .fa-advantage > h1 {font-size:45px;line-height:66px;text-align: center;}
.fa-advantage-box .fa-advantage ul {display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 40px;}
.fa-advantage-box .fa-advantage ul li {display: flex;flex-direction: column;justify-content: center;align-items: center;width: 49%;height: 151px;padding: 0 29px;margin-bottom: 22px;box-sizing: border-box;border: 1px solid #eeeeee;background-color: #ffffff;}
.fa-advantage-box .fa-advantage ul li:hover h1 {transform: translateY(-10px);}
.fa-advantage-box .fa-advantage ul li h1 {font-size:20px;line-height:30px;transition: all 0.5s;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.fa-advantage-box .fa-advantage ul li i {display: block;width: 30px;height: 2px;background-color: #666b74;margin-top: 12px;margin-bottom: 17px;}
.fa-advantage-box .fa-advantage ul li p {font-size:16px;line-height:24px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}



.index_product ul{width:100%}
.index_product li{width:302px!important;float: left;border: 1px solid #b4b4b4;position: relative;margin-right: 23px;margin-top: 23px;box-sizing: border-box;}
.index_product li:nth-child(4n){margin-right: 0px;}
.index_product li .bd_img{width:100%;height:302px;overflow: hidden;position: relative;}
.index_product li .bd_img img{width:100%;transform: scale(1);transition: all .5s;}
.index_product li:hover img{transform: scale(1.05);}
.index_product li:hover .bd_xx{background-color: #005DAE; }
.index_product li:hover .bd_xx p{color: #fff}
.bd_xx{width:100%;height:48px;text-align: center;line-height: 48px;transition: all .5s;}
.bd_xx p{width:260px;margin: 0px auto;text-overflow: ellipsis;overflow: hidden;font-size:20px;transition: all .5s;}