.animate-5{transition:all .5s;-webkit-transition: all .5s;-moz-transition: all .5s;-ms-transition: all .5s;-o-transition: all .5s;}
.animate-5:hover{transition:all .5s;-webkit-transition: all .5s;-moz-transition: all .5s;-ms-transition: all .5s;-o-transition: all .5s;}
.space{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.clamp{display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;}
.p-tb80{padding: .8rem 0;}
.p-lr10{padding: 0 10px;}
.p-lr5{padding: 0 5px;}
.m-t40{margin-top: 40px;}
.m-t20{margin-top: 20px;}
.f-30{font-size: 30px;}
.f-24{font-size: 24px;}
.main-con{width: 14.4rem;margin: auto;}
.content-text{font-size: 16px;line-height: 2;color: #777;}
.text{font-size: 16px;line-height: 1.4;}

@media(max-width: 1440px){
    .main-con{width: 18rem;}
}
@media(max-width: 1360px){
    .m-t40{margin-top: 32px;}
    .m-t20{margin-top: 16px;}
    .p-lr10{padding: 0 8px;}
    .p-lr5{padding: 0 7px;}
    .f-30{font-size: 26px;}
    .f-24{font-size: 20px;}
    .content-text,.text{font-size: 15px;}
}
@media(max-width: 992px){
    .main-con{width: 100%;padding: 0 10px;}
    .p-tb80{padding: 32px 0;}
    .p-lr10{padding: 0 6px;}
    .p-lr5{padding: 0 9px;}
    .m-t40{margin-top: 24px;}
    .m-t20{margin-top: 12px;}
    .f-30{font-size: 22px;}
    .f-24{font-size: 18px;}
    .content-text,.text{font-size: 14px;}
}


.history-content-list{position: relative;}
.box-banner-bg{padding: 1.2rem 0;background-position: center center;background-size: cover;}
.box-banner-bg .slide-con{display: flex;align-items: center;justify-content: space-between;}
.box-banner-bg .slide-con .slide-left{width: 6.7rem;}
.box-banner-bg .slide-con .slide-right{width: 7rem;border-radius: 15px;overflow: hidden;background: rgba(0,0,0,.5);border: 1px solid rgba(255,255,255,.6);}
.box-pro-left{width: 4.3rem;padding: .2rem .3rem .2rem .6rem;}
.box-pro-left h4{-webkit-line-clamp: 2;line-height: 1.2;max-height: 2.4em;}
.box-pro-left h4 a{color: #fff;}
.box-pro-left h5{color: #fff;margin: .4rem 0 .65rem;-webkit-line-clamp: 2;line-height: 1.4;max-height: 2.8em;}
.more-details{display: inline-block;text-align: center;cursor: pointer;font-size: 20px;color: #fff;width: 190px;line-height: 50px;border: 2px solid #fff;border-radius: 50px;}
.more-details:hover{background: #3962db;border-color: #3962db;color: #fff;}
.box-pro-left h4 a:hover{text-decoration: underline;}
.box-pro-right{width: 2.7rem;position: relative;}
.box-pro-right .img01{width: 1.2rem;position: absolute;left: -0.8rem;bottom: .6rem;}
.history-content-list .banner-prev,.history-content-list .banner-next{width: 40px;height: 40px;border-radius: 50%;opacity: .8;overflow: hidden;position: absolute;top: 50%;transform: translateY(50%);z-index: 99;}
.history-content-list .banner-prev{right: 3.5rem;background: url('../../images/prev.png') #3962db no-repeat center center/50% 50%;}
.history-content-list .banner-next{right: 2.5rem;background: url('../../images/next.png') #3962db no-repeat center center/50% 50%;}
.history-content-list .banner-prev:hover,.history-content-list .banner-next:hover{opacity: 1;}

.banner-top-swiper .swiper-slide-active .slide-left{animation: fadeInLeft 1.5s;}
.banner-top-swiper .swiper-slide-active .slide-right{animation: fadeInUp 1s;}
.banner-top-swiper .swiper-slide-active .box-pro-left h4{animation: fadeInUp 1.2s;}
.banner-top-swiper .swiper-slide-active .box-pro-left h5{animation: fadeInUp 1.4s;}
.banner-top-swiper .swiper-slide-active .box-pro-left a.more{animation: fadeInUp 1.6s;}
.banner-top-swiper .swiper-slide-active .box-pro-right{animation: fadeInUp 1.8s;}


.box-title{font-size: calc(64 * 1rem / 100);}
.box-case-list{width: 33.33%;float: left;}
.case-list-top{margin-top: 20px;}
a.case-list{display: inline-block;width: 100%;border: 1px solid #eee;overflow: hidden;position: relative;}
a.case-list .case-list-bg{width: 100%;height: 100%;position: absolute;top: 100%;left: 0;background: rgba(0,0,0,.5);}
a.case-list .case-list-text{width: 100%;padding: 10px 1.3rem;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
a.case-list .case-list-text h4{color: #fff;font-weight: bold;}
a.case-list .case-list-text h5{color: #fff;margin: .2rem 0 .5rem;-webkit-line-clamp: 2;line-height: 1.6;max-height: 3.2em;}
a.case-list:hover .case-list-bg{top: 0;}
a.view-more{background: #3962db;border-color: #3962db;color: #fff;}
a.view-more:hover{background: #e60012;border-color: #e60012;}

@media(max-width: 1440px){
    .box-banner-bg .slide-con .slide-left{width: 7.5rem;}
    .box-banner-bg .slide-con .slide-right{width: 9rem;}
    .box-pro-left{width: 6rem;}
    .box-pro-right{width: 3rem;}
    .history-content-list .banner-prev{right: 1.4rem;}
    .history-content-list .banner-next{right: .6rem;}
}
@media(max-width: 1360px){
    .more-details{font-size: 16px;width: 136px;line-height: 40px;}
    .case-list-top{margin-top: 16px;}
}
@media(max-width: 992px){
    .box-banner-bg{padding: 1.8rem 0;background-image: url('../../images/bg.jpg') !important;background-position: bottom right;background-size: 100%;}
    .box-banner-bg .main-con.slide-con{display: block;}
    .box-banner-bg .slide-con .slide-right{width: 100%;padding: 15px;}
    .box-pro-left{width: 70%;padding: 0 0 15px;}
    .more-details{font-size: 14px;width: 100px;line-height: 2;border-width: 1px;}
    .box-pro-right{width: 30%;}
    .history-content-list .banner-prev,.history-content-list .banner-next{width: 28px;height: 28px;top: inherit;bottom: 20%;}
    .history-content-list .banner-prev{right: 75px;}
    .history-content-list .banner-next{right: 15px;}

    .box-title{font-size: 30px;}
    .box-case-list{width: 50%;}
    a.case-list .case-list-bg{position: static;background: #222;}
    a.case-list .case-list-text h4{font-size: 16px;line-height: 1.5;}
    a.case-list .case-list-text h5,a.case-list .case-list-text .more-details{display: none;}
    a.case-list .case-list-text{position: static;transform: none;padding: 8px;}
}


a.pro-img{width: 100%;background: #f7f7f7;margin-bottom: .6rem;padding: .2rem;}
a.pro-img:last-child{margin-bottom: 0;}
a.pro-img .pro-left{width: 26%;}
a.pro-img .pro-right{width: calc(100% - 26%);padding-left: 20px;}
a.pro-img .pro-right h4{font-weight: 600;color: #333;}
a.pro-img .pro-right h5{font-size: 14px;margin: .3rem 0;font-weight: 600;color: #333;}
a.pro-img:hover{box-shadow: 0 2px 20px rgba(0,0,0,.16);}
a.pro-img:hover .pro-right h4{color: #3962db;}

.desc-bg{background: #f7f7f7;}
.desc-left{width: 32%;}
.descbanner{padding-bottom: 20px;position: relative;}
.descbanner .swiper-pagination-bullets{bottom: 0;}
.descbanner .swiper-pagination-bullets .swiper-pagination-bullet{width: 20px;height: 4px;border-radius: 0;opacity: 1;background: #b7b7b7;}
.descbanner .swiper-pagination-bullets .swiper-pagination-bullet-active{background: #222;}
.desc-right{width: calc(100% - 32%);padding-left: .5rem}
.desc-right h4{color: #3962db;font-weight: 600;}
.desc-right h5{font-weight: 600;margin: .3rem 0;}
.box-details{font-size: .54rem;font-weight: 600;}

.about-bg{padding: 1.2rem 0 3rem;background: url('../../images/aboutbg.jpg') no-repeat center bottom/cover;}
.about-bg .new-title,.about-bg .content-text{color: #fff;}
.about-flex{display: flex;justify-content: left;align-items: end;}
.about-left{width: 70%;padding-right: .5rem;}
.us-left .us-text{width: 33.33%;float: left;color: #fff;}
.us-left .us-text h4{font-size: 48px;font-weight: bold;}
.us-left .us-text h4 span{vertical-align: top;font-weight: normal;font-size: 24px;}
.about-right{width: 30%;}

.culture{display: flex;flex-wrap: wrap;}
.culture .item{height: 100%;padding: .6rem .9rem;border: 1px solid #eee;border-radius: 15px;overflow: hidden;}
.culture .item .img{width: 65px;margin: auto;position: relative;}
.culture .item .img .src02{position: absolute;top: 0;left: 0;opacity: 0;}
.culture .item h4{margin: 20px 0 30px;font-weight: 600;color: #666;}
.culture .item:hover{background: #3962db;border-color: #3962db;}
.culture .item:hover .img .src02{opacity: 1;}
.culture .item:hover h4,.culture .item:hover h5{color: #fff;}

.box-search{width: 100%;display:block;padding: 30px 20px;border: 1px solid #eee;}
.box-search h4{font-size: 20px;font-weight: bold; color: #333;}
.box-search h5{margin-top: 10px;color: #888;-webkit-line-clamp: 2;line-height: 1.5;max-height: 3em;}
.box-search:hover{border-color: #fff;box-shadow: 0 2px 16px rgba(0,0,0,.16);}
.box-search:hover h4{color: #3962db;}

@media(max-width: 1360px){
    .about-left{width: 64%;}
    .us-left .us-text h4{font-size: 42px;}
    .us-left .us-text h4 span{font-size: 21px;}
    .about-right{width: 36%;}
    
    .culture .item{padding: .5rem;}
    .culture .item .img{width: 54px;}
    .culture .item h4{margin: 20px 0;}
}
@media(max-width: 992px){
    a.pro-img{margin-bottom: .8rem;padding: .4rem;}
    a.pro-img .pro-left,.desc-left,.about-left{width: 100%;padding: 0;}
    a.pro-img .pro-right{width: 100%;padding: .4rem 0 0;}
    .desc-right{width: 100%;padding: 15px 0 0;}
    .desc-right h5{margin: 20px 0;}
    .box-details{font-size: 28px;}

    .about-bg{padding: 2rem 0;}
    .about-flex{display: block;}
    .us-left .us-text h4{font-size: 36px;}
    .us-left .us-text h4 span{font-size: 18px;}
    .about-right{display: none;}
    .box-banner-bg .slide-con .slide-left{width: 100%;max-width: 100%;margin-bottom: 15px;}
    
    .culture .item{height: auto;padding: 20px;}
    .culture .item .img{width: 48px;}
    .culture .item h4{margin: 15px 0;}
    .box-search{padding: 12px 10px;}
    .box-search h4{font-size: 16px;}
}


.contact-map{display: flex;align-items: center;justify-content: center;}
.map-left{width: calc(100% - 7rem);padding-right: 1rem;}
.map-text{padding: .2rem 0 .2rem 1.2rem;position: relative;}
.map-text:after{content: "";width: .48rem;height: .4rem;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.map-text:before{content: "";width: 1px;height: 70%;background: #eee;position: absolute;left: .9rem;top: 50%;transform: translateY(-50%);}
.map-site:after{background: url('../../images/site01.png') no-repeat center center/cover;}
.map-tel:after{background: url('../../images/tel01.png') no-repeat center center/cover;}
.map-email:after{background: url('../../images/email01.png') no-repeat center center/cover;}
.map-right{width: 7rem;}
.baidu_map{width: 100%;height: 330px;border: 1px solid #eee;}
.message{margin-top: 40px;padding-top: 40px;border-top: 1px solid #eee;}
.message .input,.message .textarea{width: 100%;height: 60px;font-size: 16px;text-transform: uppercase;background: #f7f7f7;padding: 0 40px;margin-bottom: 20px;}
.message label{font-size: 16px;font-weight: normal;padding-left: 25px;margin-bottom: 20px;position: relative;cursor: pointer;}
.message label input{margin: 0;position: absolute;top: 2px;left: 0;}
.message .textarea{height: 140px;padding: 20px 40px;}
.message .submit{width: 180px;height: 60px;font-size: 16px;text-transform:uppercase;background: #3962db;color: #fff;}
.message .submit:hover{background: #e60012;}

.row-t20{margin-top: -20px;}
.honor-item .img{height: 4.4rem;padding: .6rem;border: 1px solid #d7d7d7;border-radius: 8px;}
.honor-item .img{display: flex;justify-content: center;align-items: center;}
.honor-item .img img{max-height: 100%;max-width: 100%;}
.awards-item .img{margin-top: 20px;overflow: hidden;position: relative;}
.awards-item .img:after{content: '';width: 100%;height: 100%;background: rgba(0,0,0,.5);position: absolute;left: 0;top: 0;opacity: 0;transition: all .5s;}
.awards-item .img i{display: block;width: 36px;height: 36px;background: #e60012;border-radius: 100%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 11;opacity: 0;}
.awards-item .img i::after,.awards-item .img i::before{content: '';background: #fff;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.awards-item .img i::after{width: 18px;height: 2px;}
.awards-item .img i::before{width: 2px;height: 18px;}
.awards-item a:hover .img:after{opacity: 1;transition: all .5s;}
.awards-item a:hover .img i{opacity: 1;}

.galleryOverlay{width: 100%;height: 100%;position: fixed;top: 0;left: 0;opacity: 0;z-index: 100000;background-color: rgba(0,0,0,.7);overflow: hidden;display: none;-moz-transition: opacity 0.5s ease;-webkit-transition: opacity 0.5s ease;transition: opacity 0.5s ease;}
.galleryOverlay.visible{opacity: 1;}
.gallerySlider{width: 100%;height: 100%;position: absolute;left: 0;top: 0;white-space: nowrap;}
.gallerySlider .placeholder{background: url("../../images/loading.gif") no-repeat center center;height: 100%;line-height: 1px;text-align: center;width: 100%;display: inline-block;}
.gallerySlider .placeholder:before{content: "";display: inline-block;height: 50%;width: 1px;margin-right: -1px;}
.gallerySlider .placeholder img{display: inline-block;max-height: 80%;max-width: 100%;vertical-align: middle;}
.prevArrow, .nextArrow{border: none; text-decoration: none;opacity: 0.5;cursor: pointer;position: absolute; width:50%;height:100%;top:0;margin-top: 0px;}
.prevArrow:hover, .nextArrow:hover{opacity: 1;}
.prevArrow{background-position: left top;left:0;}
.nextArrow{background-position: right top;right:0;}
.pagelimit{position: absolute;bottom: 20px;left: 50%;margin-left: -18px;color: #fff;font-size: 18px;}
.closed{cursor: pointer;position: absolute;width: 40px;height: 40px;right:2%;top: 3%;transform: rotate(45deg);}
.closed::after,.closed::before{content: '';background: #fff;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.closed:hover{opacity: 0.5;}
.closed::after{width: 26px;height: 2px;}
.closed::before{width: 2px;height: 26px;}


a.nav{display: inline-block;min-width: 220px;line-height: 60px;padding: 0 5px;font-size: 16px;color: #999;background: #f7f7f7;border-radius: 50px;margin: 0 10px;}
a.nav.active,a.nav:hover{background: #3962db;color: #fff;}
a.news-list{margin-top: 20px;width: 100%;display: inline-block;padding: .3rem .45rem;border: 1px solid #eee;}
a.news-list .news-list-img{width: 310px;height: 210px;}
a.news-list .news-list-con{width: calc(100% - 310px);padding: 0 210px 0 80px;position: relative;}
a.news-list .news-list-con h4{color: #0075cf;font-weight: 600;}
a.news-list .news-list-con h5{margin: 30px 0;line-height: 1.7;-webkit-line-clamp: 3;color: #444;}
a.news-list .news-list-con h6{font-size: 14px;color: #888;}
span.detail{width: 150px;height: 40px;line-height: 40px;color: #444;display: flex;align-items: center;justify-content: center;border: 1px solid #eee;}
span.detail i{margin-left: 15px;width: 25px;height: 8px;background: url('../../images/r01.png') no-repeat top left/100% 100%;}
a.news-list .news-list-con dl{width: 120px;color: #444;letter-spacing: 1px;text-align: center;border: 1px solid #eee;position: absolute;top: 0;right: 0;}
a.news-list .news-list-con dl dt{font-size: calc(36 * 1rem / 100);line-height: 2;border-bottom: 1px solid #eee;}
a.news-list .news-list-con dl dd{font-size: 14px;line-height: 2;}
a.news-list:hover{border-color: #fff;box-shadow: 0 2px 20px rgba(0,0,0,.16);}
a.news-list:hover .news-list-img img{transform: scale(1.06);}
a.news-list:hover .news-list-con span.detail{background: #3962db;border-color: #3962db;color: #fff;}
a.news-list:hover .news-list-con span.detail i{background-image: url('../../images/r01-active.png');}
a.news-list:hover .news-list-con dl{background: #3962db;border-color: #3962db;color: #fff;} 

.new-title{font-size: calc(36 * 1rem / 100);line-height: 1.2;}
.time-hits{margin-top: 30px;color: #666;}
.time-hits span{padding-left: 28px;margin-right: 36px;position: relative;}
.time-hits span:after{content: '';position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.time-hits span.time:after{width: 18px;height: 17px;background: url('../../images/time.png') no-repeat;}
.time-hits span.hits:after{width: 21px;height: 14px;background: url('../../images/hits.png') no-repeat;}
.text-bg{margin-top: 15px;padding: 40px 0;border-top: 1px solid #d7d7d7;border-bottom: 1px solid #d7d7d7;}
.prev-next,.prev-next a{line-height: 2;color: #333;}
.prev-next a:hover{color: #e60013;text-decoration: underline;}

@media(max-width: 1360px){
    .message .input,.message .textarea{font-size: 15px;height: 50px;padding: 0 16px;margin-bottom: 16px;}
    .message .textarea{height: 100px;padding: 8px 16px;}
    .message label{font-size: 15px;}
    .message .submit{font-size: 15px;width: 165px;height: 50px;}
    .row-t20{margin-top: -16px;}
    .awards-item .img{margin-top: 16px;}
    .honor-item .img{height: 5rem;}
    .honor-item .img{padding: .3rem;}
    a.nav{font-size: 15px;line-height: 50px;}

    a.news-list .news-list-img{width: 290px;height: 195px;}
    a.news-list .news-list-con{width: calc(100% - 290px);padding: 0 105px 0 40px;}
    span.detail{width: 125px;height: 35px;line-height: 35px;}
    span.detail i{margin-left: 15px;width: 19px;height: 6px;}
    a.news-list .news-list-con dl{width: 80px;}
}
@media(max-width: 992px){
    .contact-map{display: block;}
    .map-left{width: 100%;padding: 0;}
    .map-text{padding: 10px 0 10px 50px;line-height: 1.6;}
    .map-text:after{content: "";width: 34px;height: 28px;}
    .map-text:before,span.detail{display: none;}
    .map-right{width: 100%;height: 300px;}
    
    .message .input,.message .textarea{font-size: 14px;height: 40px;padding: 0 10px;margin-bottom: 12px;}
    .message .textarea{padding: 5px 10px;}
    .message label{font-size: 14px;padding-left: 20px;}
    .message .submit{font-size: 14px;width: 145px;height: 40px;}
    .row-t20{margin-top: -12px;}
    .awards-item .img{margin-top: 12px;}
    .honor-item .img{height: 9rem;padding: .2rem;}
    .awards-item .img i{width: 28px;height: 28px;}
    .awards-item .img i::after{width: 14px;}
    .awards-item .img i::before{height: 14px;}
    a.nav{min-width: auto;line-height: 40px;font-size: 12px;margin: 0 1%;}

    a.news-list{padding: 0;}
    a.news-list .news-list-img{width: 100%;height: auto;}
    a.news-list .news-list-con{width: 100%;padding: 15px;}
    a.news-list .news-list-con h5{margin: 15px 0;}
    .new-title{font-size: 20px;}

    .time-hits{margin-top: 20px;}
    .time-hits span{margin-right: 20px;}
    .text-bg{margin-top: 10px;padding: 24px 0;}
}