.container {
 width:100%;
 background-color:#f2f4f6
}
.container .swiper,
.container .swiper img {
 width:100%
}
.container .bgc {
 background-color:#fff
}
.container .mySwiper .swiper_special {
 position:relative;
 width:100%;
 overflow:hidden
}
.container .mySwiper .swiper_special .btn1 {
 position:absolute;
 left:18%;
 width:36%;
 height:100%
}
.container .mySwiper .swiper_special .btn1 a {
 display:block;
 width:100%;
 height:100%
}
.container .mySwiper .swiper_special .btn2 {
 position:absolute;
 right:18%;
 width:26%;
 height:100%
}
.container .mySwiper .swiper_special .btn2 a {
 display:block;
 width:100%;
 height:100%
}
.container .content {
 display:flex;
 justify-content:center;
 width:100%
}
.container .content .main {
 width:1198px
}
.container .content .main .title {
 display:flex;
 align-items:end;
 margin-bottom:44px
}
.container .content .main .title h1 {
 line-height:43px;
 margin-right:23px;
 font-size:48px;
 font-family:bebasneue
}
.container .content .main .title h3 {
 line-height:27px;
 font-size:24px;
 font-weight:400;
 color:#666
}
.container .content .main .title-more {
 justify-content:space-between;
 margin-bottom:69px
}
.container .content .main .title-more .title-text {
 display:flex;
 align-items:end
}
.container .content .main .title-more .see-more {
 font-size:18px;
 color:#666;
 cursor:pointer
}
.container .content .main .introduction {
 padding:50px 0
}
.container .content .main .introduction .intro-con {
 display:flex;
 justify-content:space-between
}
.container .content .main .introduction .intro-con .con-left {
 display:flex;
 flex-direction:column;
 justify-content:space-between;
 width:515px
}
.container .content .main .introduction .intro-con .con-left p {
 line-height:1.5;
 font-size:18px;
 color:#666
}
.container .content .main .introduction .intro-con .con-left .btn-more {
 display:flex;
 justify-content:center;
 align-items:center;
 width:178px;
 height:56px;
 color:#fc6925;
 border:1px solid #fc6925;
 border-radius:7px;
 cursor:pointer
}
.container .content .main .introduction .intro-con .con-left .btn-more:hover {
 background-color:#fc6925;
 color:#fff
}
.container .content .main .introduction .intro-con .con-left .btn-more:hover i {
 background:url(../img/arrow-fff.png) no-repeat;
 background-size:100%
}
.container .content .main .introduction .intro-con .con-left .btn-more span {
 margin-right:10px;
 font-size:15px;
 font-weight:700
}
.container .content .main .introduction .intro-con .con-left .btn-more i {
 width:21px;
 height:11px;
 background:url(../img/arrow-baseColor.png) no-repeat;
 background-size:100%
}
.container .content .main .introduction .intro-con .con-right {
 position:relative;
 width:619px;
 border-radius:7px;
 overflow:hidden;
 background:url(../img/home-about-bg.png) no-repeat 100%
}
.container .content .main .introduction .intro-con .con-right .mark {
 position:absolute;
 left:0;
 bottom:0;
 display:flex;
 flex-direction:column;
 justify-content:center;
 padding-left:47px;
 width:100%;
 height:121px;
 background-color:#2d78f4;
 opacity: 0.8;
}
.container .content .main .introduction .intro-con .con-right .mark p {
 font-size:14px;
 color:#fff
}
.container .content .main .introduction .intro-con .con-right .mark p:first-child {
 margin-bottom:8px;
 font-size:24px
}
.container .content .main .projects {
 padding:87px 0 96px;
 width:100%
}
.container .content .main .projects .title {
 margin-bottom:66px
}
.container .content .main .projects .pro-con {
 display:grid;
 grid-template-columns:repeat(4,auto);
 grid-gap:60px 29px;
 width:100%
}
.container .content .main .projects .pro-con .pro-item {
 position:relative;
 border-radius:10px;
 background-color:#fff;
 overflow:hidden;
 cursor:pointer;
 box-shadow:3px 3px 30px #eaeaeabf
}
.container .content .main .projects .pro-con .pro-item img {
 display:block;
 width:100%
}
.container .content .main .projects .pro-con .pro-item .pro-text {
 margin:0 27px;
 padding:25px 0 31px;
 border-bottom:1px solid #dfdfdf
}
.container .content .main .projects .pro-con .pro-item .pro-text h3 {
 margin-bottom:15px;
 font-size:18px;
 font-weight:700;
 color:#333
}
.container .content .main .projects .pro-con .pro-item .pro-text p {
 font-size:14px;
 color:#666;
 margin-bottom:13px
}
.container .content .main .projects .pro-con .pro-item .pro-text p:last-child {
 margin-bottom:0
}
.container .content .main .projects .pro-con .pro-item .pro-more {
 display:flex;
 justify-content:space-between;
 align-items:center;
 padding:15px 27px 19px
}
.container .content .main .projects .pro-con .pro-item .pro-more span {
 font-size:14px;
 color:#333;
 line-height:18px;
 font-weight:700
}
.container .content .main .projects .pro-con .pro-item .pro-more i {
 width:14px;
 height:5px;
 background:url(../img/ic-right-half.png) no-repeat;
 background-size:100%
}
.container .content .main .projects .pro-con .pro-item .pro-characteristic {
 position:absolute;
 top:10px;
 right:10px;
 padding:5px 6px;
 line-height:14px;
 font-size:10px;
 text-align:center;
 border-radius:6px;
 color:#fff;
 font-weight:700;
 background-color:#525455
}
.container .content .main .projects .pro-con .pro-item .pro-hot {
 position:absolute;
 top:10px;
 left:15px;
 width:39px
}
.container .content .main .projects .pro-con .pro-item .pro-hot img {
 width:100%
}
.container .content .main .projects .pro-con .pro-item:hover {
 transform:translateY(-14px);
 transition:all .6s ease
}
.container .content .main .projects .pro-con .pro-item:hover .pro-characteristic {
 background-color:#fc6925
}
.container .content .main .projects .pro-con .pro-item:hover .pro-more-span {
 color:#fc6925
}
.container .content .main .success {
 padding:85px 0 90px;
 width:525px
}
.container .content .main .success .cases .cases-item {
 display:flex;
 align-items:center;
 padding:54px 60px 42px 74px;
 margin-bottom:22px;
 background-color:#fff;
 color:#333;
 border-radius:7px;
 box-shadow:0 5px 20px #f2f4f6fc;
 cursor:pointer
}
.container .content .main .success .cases .cases-item:last-child {
 margin-bottom:0
}
.container .content .main .success .cases .cases-item>i {
 margin-right:75px;
 width:71px;
 height:71px;
 background:url(../img/case-yes.png) no-repeat;
 background-size:100%
}
.container .content .main .success .cases .cases-item>.active-i {
 background:url(../img/case-no.png) no-repeat;
 background-size:100%
}
.container .content .main .success .cases .cases-item .case-con {
 flex:1
}
.container .content .main .success .cases .cases-item .case-con h4 {
 margin-bottom:17px;
 font-size:20px;
 font-weight:400
}
.container .content .main .success .cases .cases-item .case-con p {
 margin-bottom:5px;
 font-size:18px;
 color:#666
}
.container .content .main .success .cases .cases-item .case-con .active-p {
 color:#fff
}
.container .content .main .success .cases .cases-item .case-con .case-more {
 display:flex;
 align-items:center;
 margin-top:30px
}
.container .content .main .success .cases .cases-item .case-con .case-more span {
 margin-right:14px;
 font-weight:700
}
.container .content .main .success .cases .cases-item .case-con .case-more i {
 width:16px;
 height:8px;
 background:url(../img/arrow-333.png) no-repeat;
 background-size:100%
}
.container .content .main .success .cases .cases-item .case-con .case-more .active-arrow {
 background:url(../img/arrow-fff.png) no-repeat;
 background-size:100%
}
.container .content .main .success .cases .active-bgc {
 background-color:#fc6925;
 color:#fff;
 box-shadow:0 5px 20px #fc692580
}
.container .content .main .news {
 padding:85px 0 90px;
 width:525px
}
.container .content .main .news .news-con {
 width:100%
}
.container .content .main .news .news-con .news-item {
 display:flex;
 padding:40px 68px 34px 76px;
 width:100%;
 border-bottom:1px solid #c6c6c6;
 cursor:pointer
}
.container .content .main .news .news-con .news-item .new-left {
 flex-shrink:0;
 margin-right:42px;
 font-family:bebasneue
}
.container .content .main .news .news-con .news-item .new-left h3 {
 margin-bottom:13px;
 font-size:30px;
 font-weight:400
}
.container .content .main .news .news-con .news-item .new-left p {
 font-size:18px;
 color:#c3c3c3
}
.container .content .main .news .news-con .news-item .new-right {
 overflow:hidden
}
.container .content .main .news .news-con .news-item .new-right h4 {
 margin-bottom:14px;
 line-height:20px;
 height:40px;
 font-size:18px;
 font-weight:400;
 color:#333;
 overflow:hidden;
 text-overflow:ellipsis;
 display:-webkit-box;
 -webkit-line-clamp:2;
 -webkit-box-orient:vertical
}
.container .content .main .news .news-con .news-item .new-right div {
 width:256px;
 color:#999;
 overflow:hidden;
 white-space:nowrap;
 text-overflow:ellipsis
}
.container .content .main .news .news-con .news-item:first-child {
 padding:49px 68px 0 77px;
 height:162px;
 background:url(../img/home-news-bg.png) no-repeat;
 background-size:cover;
 border-bottom:none
}
.container .content .main .news .news-con .news-item:first-child .new-left h3 {
 color:#fc6925
}
.container .content .main .news .news-con .news-item:first-child .new-right h4 {
 width:100%;
 margin-bottom:19px;
 font-size:18px;
 font-weight:400;
 color:#fff
}
.container .content .main .news .news-con .news-item:first-child .new-right div {
 color:#fff
}
.container .content .main-flex {
 display:flex;
 justify-content:space-between
}
.swiper-button-next,
.swiper-button-prev {
 width:40px;
 height:40px;
 border-radius:50%;
 background-color:#fff
}
.swiper-button-next:hover,
.swiper-button-prev:hover {
 opacity:.7
}
.swiper-button-next {
 right:100px
}
.swiper-button-prev {
 left:100px
}
.swiper-button-next:after,
.swiper-button-prev:after {
 color:#666;
 font-size:18px
}

.container .section .banner{
 display:flex;
 flex-direction:column;
 justify-content:center;
 align-items:center;
 width:100%;
 height:320px;
 color:#fff
}
.container .section .banner h1{
 margin-bottom:36px;
 font-size:47px;
 /* font-weight:400;*/
 letter-spacing:14px
}
.container .section .banner h2{
 font-size:38px;
 font-weight:400;
 letter-spacing:24px
}
.container .section .content .caseLink {
 display:flex;
 justify-content:center;
 padding:30px 0 33px;
 width:100%;
 background-color:#fff
}
.container .section .content .caseLink .caseLink-con {
 display:flex;
 align-items:center
}
.container .section .content .caseLink a {
 display:block;
 margin-right:43px;
 padding:11px 0;
 color:#333;
 font-size:24px;
 border-bottom:2px solid transparent
}
.router-link-active {
 color:#fc6926!important;
 border-bottom:2px solid #fc6925!important
}

.container .section .content .main{
 position:relative;
 /* display:flex;*/
 justify-content:center;
 width:1200px
}
.container .section .content .case-details{
 display:flex;
 justify-content:center;
 padding-top:51px;
 width:100%
}
.container .section .content .case-details .details{
 padding:28px 43px 43px;
 width:1200px;
 background:#ffffff
}
.container .section .content .case-details .details .crumbs{
 display:flex;
 align-items:center;
 margin-bottom:27px
}
.container .section .content .case-details .details .crumbs span{
 color:#666;
 cursor:pointer
}
.container .section .content .case-details .details .crumbs span:last-child {
 cursor:text
}
.container .section .content .case-details .details .crumbs i{
 margin:0 14px;
 width:8px;
 height:14px;
 background:url(../img/arrow-right-666.png) no-repeat 100%
}
.container .section .content .case-details .details .de-title{
 position:relative;
 margin-bottom:27px;
 padding-bottom:20px
}
.container .section .content .case-details .details .de-title .title-top{
 position:relative;
 width:100%;
 /* height:201px */
}

.container .section .content .case-details .details .de-title .title-bottom{
 position:absolute;
 bottom:0;
 display:flex;
 justify-content:end;
 align-items:center;
 width:100%;
 font-size:11px;
 color:#999
}
.container .section .content .case-details .details .de-title .title-bottom .vv span{
 display:flex;
 align-items:center
}
.container .section .content .case-details .details .de-title .title-bottom .vv span:before {
 margin-right:7px;
 content:"";
 width:16px;
 height:10px;
 background:url(../img/eye.png) no-repeat 100%
}
.container .section .content .case-details .details .de-title .title-bottom .time{
 margin-left:38px
}
.container .section .content .case-details .details .de-title .title-bottom .time span{
 display:flex;
 align-items:center
}
.container .section .content .case-details .details .de-title .title-bottom .time span:before {
 margin-right:6px;
 content:"";
 width:12px;
 height:12px;
 background:url(../img/time.png) no-repeat 100%
}
.container .section .content .case-details .details.de-con img {
 width:100%!important
}
.container .section .content .case-details .details.de-con h1,
.container .section .content .case-details .details.de-con h2,
.container .section .content .case-details .details.de-con h3,
.container .section .content .case-details .details.de-con h4,
.container .section .content .case-details .details.de-con h5,
.container .section .content .case-details .details.de-con h6,
.container .section .content .case-details .details.de-con p,
.container .section .content .case-details .details.de-con span {
 line-height:normal
}
.container .section .content .case-details .details.de-con ul {
 list-style-type:disc
}
.container .section .content .case-details .details.de-con ol {
 list-style-type:decimal
}
.container .section .content .case-details .details.de-con blockquote {
 display:block;
 border-left:8px solid #d0e5f2;
 padding:5px 10px;
 margin:10px 0;
 line-height:1.4;
 font-size:100%;
 background-color:#f1f1f1
}
.container .section .content .case-details .details p{
 margin-bottom:24px
}



.container .section .advantages{
 display:flex;
 justify-content:center;
 padding:84px 0 70px;
 width:100%
}
.container .section .advantages .advantages-con{
 display:flex;
 justify-content:space-between
}
.container .section .advantages .advantages-con .advantages-item{
 width:274px;
 height:411px;
 background:#ffffff;
 box-shadow:0 1px 18px #f5f5f5;
 border-radius:15px;
 overflow:hidden
}
.container .section .advantages .advantages-con .advantages-item .item-src{
 margin-bottom:26px
}
.container .section .advantages .advantages-con .advantages-item .item-src img{
 width:100%
}
.container .section .advantages .advantages-con .advantages-item .item-text{
 padding:0 20px;
 text-align:center
}
.container .section .advantages .advantages-con .advantages-item .item-text h3{
 margin-bottom:14px;
 font-size:20px;
 color:#fc6925
}
.container .section .advantages .advantages-con .advantages-item .item-text p{
 line-height:28px;
 color:#333
}