.m-t48{margin-top: 48px;}
.m-t32{margin-top: 32px;}
.m-t24{margin-top: 24px;}
.fz-48{font-size: 48px;}
.fz-32{font-size: 32px;}
.fz-24{font-size: 24px;}
.content-text{font-size: 16px;line-height: 1.75;color: #323232;}
.fz-16{font-size: 16px;}
.text-p p{margin-bottom: 0;}
.bg-01{background: #FAFAFA;}

@media(max-width: 992px){
    .m-t48{margin-top: 32px;}
    .m-t32{margin-top: 24px;}
    .m-t24{margin-top: 12px;}
    .fz-48{font-size: 28px;}
    .fz-32{font-size: 24px;}
    .fz-24{font-size: 20px;}
    .content-text,.fz-16{font-size: 14px;}
}


.home-about-bg{padding: 48px 48px 138px 48px;background-color: #f2f2f2;background-repeat: no-repeat;background-position: bottom right;background-size: 100%;}
.home-exhibits{padding: 32px 56px 32px 24px;}
.home-exhibits .en{line-height: 1.2;margin-bottom: 24px;color: #909090;}
.home-exhibits .en .en-desc-width{float: right;}
.home-exhibits .desc{font-size: 20px;}

.row-home-flex{padding: 0 15px;}
.row-home-flex .pro-list{padding: 0;}
.row-home-flex .pro-list .item-pro-con{height: 4.8rem;}
.global-bg{padding: 32px;background: #131313;}
.global-bg .cn,.global-bg .desc{color: #909090;}
.global-video .descshow{width: 96px;height: 96px;border-radius: 50%;background: url('../images/video.png') no-repeat top left/100%;cursor: pointer;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.videobg{display: none;width: 100%;height: 100%;background: rgba(0,0,0,0.9);position: fixed;top: 0;left: 0;z-index: 10001;}
.videobg .videocon{width: 100%;text-align: center;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 1000;}
.videobg .videocon video{width: 100% !important;max-width: 1000px;max-height: 100vh !important;}
.videobg .btnclose{width: 72px;height: 72px;cursor: pointer;background: url('../images/colse.png') no-repeat top left/100%;position: absolute;top: 10px;right: 10px;z-index: 1001;}
.content-swiper-bottom .swiper-slide{border-radius: 8px;overflow: hidden;border: 2px solid #131313;}
.content-swiper-bottom .swiper-slide-thumb-active{border-color: #eee;}
.content-swiper-bottom .swiper-wrapper{display: flex;justify-content: center;}

@media(max-width: 992px){
    .home-about-bg{padding: 24px 15px 54px 24px;}
    .home-exhibits{padding: 20px 15px;}
    .home-exhibits .en{margin-bottom: 40px;text-align: left;}
    .home-exhibits .desc{font-size: 16px;}
    .row-home-flex .pro-list .item-pro-con{height: auto;}
    .global-bg{padding: 15px;}
    .global-video .descshow{width: 34px;height: 34px;}
    .videobg .btnclose{width: 48px;height: 48px;}
}



.slideimg .con{width: 100%;max-width: 302px;font-size: 16px;line-height: 26px;color: #fff;position: absolute;top: 50%;transform: translateY(-50%);right: 64px;z-index: 9;}
.item-about-us{display: flex;align-items: center;justify-content: left;background: #f2f2f2;position: relative;}
.item-about-us .img{width: 50%;}
.item-about-us .con{width: calc(100% - 50%);display: flex;justify-content: center; padding: 0 1.2rem 0 1rem;}
.item-about-us .con .title{color: #909090;margin-bottom: 10px;}
.item-about-us .con .text{width: 100%;max-width: 295px;}
.item-about-us .con .text .desc{font-size: 16px;color: #909090;}
.item-about-us:nth-child(even) .con{position: absolute;left: 0;padding: 0 1rem 0 1.2rem;}
.item-about-us:nth-child(even) .img{margin-left: calc(100% - 50%);}

.box-pro-nav-bg{padding: 16px 0;display: flex;justify-content: center;background: url('../images/navbg01.png') no-repeat top center/cover;}
.box-pro-nav-bg .left .nav-left{padding: 8px 0;}
.box-pro-nav-bg .left .nav-left a{display: inline-block;color: #909090;text-align: right;}
.box-pro-nav-bg .left .nav-left a h5{font-size: 16px;line-height: 22px;}
.box-pro-nav-bg .left .nav-left a h6{font-size: 10px;line-height: 14px;}
.box-pro-nav-bg .right{margin-left: 64px;min-width: 140px;}
.box-pro-nav-bg .right a{margin: 8px 0;display: inline-block;font-size: 14px;line-height: 20px;color: #909090;}
.box-pro-nav-bg .left .nav-left a.active,.box-pro-nav-bg .left .nav-left a:hover,.box-pro-nav-bg .right a.active,.box-pro-nav-bg .right a:hover{color: #fff;}
.loading,.nodata{padding: 30px 0;display: none;}


.item-show-con{width: 100%;padding: 40px 120px;min-height: calc(100vh - 200px);}
.slide-con-tb{padding: 40px 0;min-height: calc(100vh - 200px);}
.row-pro-list{padding: 4px 11px;display: flex;flex-wrap: wrap;}
.row-pro-list .col-xs-6{padding: 4px;}
a.item-pro-con{width: 100%;display: block;overflow: hidden;position: relative;}
a.item-pro-con .con{width: 100%;padding: 24px;opacity: 0;position: absolute;left: 0;bottom: 0;z-index: 9;}
a.item-pro-con:before{content: '';width: 100%;height: 100%;opacity: 0;background: rgba(0,0,0,0.2);position: absolute;top: 0;left: 0;z-index: 2;transition: all 0.5s;}
a.item-pro-con .title{font-size: 24px;line-height: 1.6;color: #fff;}
a.item-pro-con .entitle{font-size: 18px;line-height: 1.4;color: #fff;}
a.item-pro-works:before{content: '';opacity: 1;background: rgba(0,0,0,0.5);}
a.item-pro-works .con{text-align: center;opacity: 1;bottom: 50%;transform: translateY(50%);}
a.item-pro-con:hover:before,a.item-pro-con:hover .con{opacity: 1;transition: all 0.5s;}
a.item-pro-con:hover img{transform: scale(1.08);}
a.backtoworks{color: #323232;}
a.backtoworks:hover{color: #E10000;}

.info-top-bg{width: 306px;padding: 24px 40px;background: #F8F8F8;}
.box-news-width{margin-top: 40px;}
.item-news-list{margin-top: 32px;display: flex;}
.item-news-list .time{width: 80px;height: 80px;display: flex;align-items: center;justify-content: center;background: #F8F8F8;color: #666;}
.item-news-list .time .data{font-size: 42px;font-weight: bold;line-height: 1;}
.item-news-list .desc{margin-top: 6px;font-size: 14px;color: #909090;line-height: 1.7;-webkit-line-clamp: 3;height: 5.1em;}
.item-news-list .con{width: calc(100% - 80px);padding-left: 40px;}
.item-news-list .con .text{padding-bottom: 32px;border-bottom: 1px solid #F0F0F0;}
.item-news-list .con .title a{font-size: 18px;color: #323232;}
.item-news-list .con .title a:hover{color: #E10000;text-decoration: underline;}

.item-search-width{padding: 24px 80px;}
.search-title{font-size: 20px;height: 64px;line-height: 64px;padding: 0 32px;background: #f2f2f2;}
.item-search-bg{padding: 24px 32px;background: #fff;min-height: 64vh;}
.row-form{padding: 0 9px;}
.row-form .p-lr{padding: 6px;}
.row-form .input,.row-form .select{width: 100%;height: 48px;padding: 0 24px;background: #fff;border-radius: 0 !important;border: 1px solid #E1E1E1;}
.row-form .select{appearance: none;-moz-appearance: none;-webkit-appearance: none;background: url('../images/arrow.png') no-repeat calc(100% - 20px) center/14px;}
.row-form .button{width: 100%;height: 48px;text-align: center;background: #323232;border-radius: 4px;color: #fff;}
.row-form .button:hover{background: #E10000;}
.box-key-list{padding: 16px 0 8px;}
.box-key-list .title a{font-size: 18px;color: #323232;}
.box-key-list .desc{margin-top: 8px;color: #909090;}
.box-key-list .title .key{color: #E10000;}
.box-key-list .title a:hover{color: #E10000;text-decoration: underline;}
.source{margin-top: 16px;font-size: 18px;color: #909090;}

.contact-us-flex{padding: 8px 40px;display: flex;justify-content: space-between;}
.contact-us-flex .info-us-left{width: calc(100% - 40%);}
.contact-us-flex .info-us-right{width: 40%;}
.info-us-right .input,.info-us-right .textarea{width: 100%;height: 40px;padding: 0 12px;margin-bottom: 40px;border-bottom: 1px solid #E1E1E1;}
.info-us-right .textarea{height: 160px;}
.info-us-right .submit{width: 100%;height: 48px;background: #323232;color: #fff;}
.info-us-right .submit:hover{background: #E10000;}

@media(max-width: 992px){
    .slideimg{height: 200px;}
    .slideimg .con{max-width: 750px;padding: 0 32px;right: 0;}
    .item-about-us{display: block;}
    .item-about-us .img,.item-about-us:nth-child(even) .img{width: 100%;margin: 0;}
    .item-about-us .con,.item-about-us:nth-child(even) .con{width: 100%;position: static;padding: 32px;}
    .item-about-us .con .text{max-width: 100%;}
    
    .slide-con-tb{padding: 24px 0;}
    .item-show-con,.item-search-bg{padding: 24px 15px;}
    .row-pro-list{padding: 3px 12px;}
    .row-pro-list .col-xs-6{padding: 3px;}
    a.item-pro-con .con{padding: 15px;}
    a.item-pro-con .title{font-size: 15px;}
    a.item-pro-con .entitle{font-size: 12px;}

    .info-top-bg{width: 100%;padding: 15px;}
    .news-show-width,.item-search-width{padding: 0;}
    .box-news-width{margin: 0;padding: 14px 15px 30px;}
    .item-news-list{margin-top: 16px;}
    .item-news-list .time{width: 56px;height: 56px;}
    .item-news-list .time .data{font-size: 28px;}
    .item-news-list .con{width: calc(100% - 56px);padding-left: 12px;}
    .item-news-list .con .text{padding-bottom: 16px;}

    .search-title{font-size: 18px;height: 54px;line-height: 54px;padding: 0 15px;}
    .row-form .input,.row-form .select{height: 40px;padding: 0 15px;border-radius: 0 !important;}
    .row-form .button{height: 40px;}
    .item-news-list .con .title a,.box-key-list .title a{font-size: 16px;}
    .source{margin-top: 10px;font-size: 14px;}
    .row-form .select{background: url('../images/arrow.png') no-repeat calc(100% - 15px) center/14px;}

    .contact-us-flex{display: block;margin: 0;padding: 30px 15px;}
    .contact-us-flex .info-us-left{width: 100%;}
    .contact-us-flex .info-us-right{width: 100%;margin-top: 30px;}
    .info-us-right .input,.info-us-right .textarea{margin-bottom: 20px;}
}