﻿
.about{width:1200px;margin: 80px auto;}
.aboutL{width:590px;float: left;}
.wrap .name{font-size: 28px;color: #363636;font-weight: normal;position: relative;}
.aboutL .summary{color:#333;font-size: 17px;line-height: 30px;word-break: break-word;margin: 12px 0px 0px 0px;max-height: 240px;overflow: hidden;transition:0.5s all ease;}
.aboutL .more{transition:0.5s all ease;font-size:16px;color: #303030;font-weight:bold;width:165px;height: 43px;background:#e8e8e8;display:block;text-align:center;line-height: 43px;border-radius:5px;margin: 24px 0px 0px 0px;font-family: '微软雅黑';}
.aboutR{width:580px;height:365px;float:right;border-radius:5px;overflow:hidden;}
.aboutR img{width:100%;height:100%;}
.aboutL .more:hover{background: #b91515;color: #fff;}
.aboutL .summary.on{max-height: 500px;}

.product{background: #f4f8ff;padding:60px 0px 30px 0px;}
.product .more{transition:0.5s all ease;font-size:16px;color: #303030;font-weight:bold;width:165px;height: 43px;background: #fff;display:block;text-align:center;line-height: 43px;border-radius:5px;font-family: '微软雅黑';float: right;position: absolute;right: 0px;top: -5px;border: 1px solid #e0e0e0;}
.product .productBox{width:1200px;margin: 35px auto 20px;position:relative;}
.product .productBox .mySwiper{overflow:hidden;width: 100%;height: 690px;position: relative;}
.product .productBox .mySwiper .Img{height:260px;overflow:hidden;}
.product .productBox .mySwiper .Img img{width:100%;height:100%;transition:0.5s all ease;}
.product .productBox .mySwiper .title{color:#363636;font-size:18px;margin: 20px 0px 0px 0px;text-align: center;}
.product .swiper-button-prev{width:20px;height:34px;background:url(../images/icon-left.png) center center no-repeat;left:-50px;transition: 0.5s all ease;outline: none;margin-top: -47px;}
.product .swiper-button-next{width:20px;height:34px;background:url(../images/icon-right.png) center center no-repeat;right:-50px;transition: 0.5s all ease;outline: none;margin-top: -47px;}
.product .swiper-button-prev:hover{background:url(../images/icon-left1.png) center center no-repeat;}
.product .swiper-button-next:hover{background:url(../images/icon-right1.png) center center no-repeat;}

.product .productBox .mySwiper .swiper-slide:hover img{transform:scale(1.2);}
.product .productBox .mySwiper .swiper-slide:hover .Img{box-shadow: 0px 5px 15px 0px #c5c8ce;}
.product .more:hover{background: #b91515;color: #fff;}
.product .productBox .mySwiper .swiper-slide:hover .title{color: #b91515;}
/*.product .swiper-grid-column>.swiper-wrapper{flex-direction:row;}*/
.product .productBox .mySwiper .swiper-slide{/* margin-top:0px!important; *//* margin-bottom:30px!important; */height: 300px;}
.product .swiper-pagination{bottom:0px;}
.product .swiper-pagination-bullet{width:13px;height:13px;background:#aaa;opacity:1;margin:0px 10px!important;}
.product .swiper-pagination-bullet-active{background:#5d88e2;}


@media(max-width:1024px){
    .about{width:94%;margin: 20px auto;}
    .wrap .name{font-size:18px;}
    .aboutL{width:100%;float: none;margin: 17px 0px 0px 0px;}
    .aboutL .summary{line-height: 22px;margin: 8px 0px 0px 0px;font-size: 14px;}
    .aboutR{width:100%;height: auto;float: none;}
    .aboutL .more{width: 90px;height: 26px;line-height: 26px;font-size: 14px;margin: 15px 0px 0px 0px;border-radius: 3px;}

    .product{padding:30px 0px 15px 0px;}
    .product .more{width: 90px;height: 26px;line-height: 26px;font-size: 14px;border-radius: 3px;top: -4px;}

    .product .productBox{width: 100%;margin: 20px auto;}
    .product .productBox .mySwiper .Img{height: 32vw;}
    .product .productBox .mySwiper .swiper-slide{/* margin-bottom: 2px!important; */height: calc(32vw + 30px);overflow: hidden;}
    .product .productBox .mySwiper .title{margin: 7px 0px 0px 0px;font-size:14px;height: 20px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;line-height: 20px;}
    .product .swiper-button-prev{left: -6vw;width:15px;height:20px;margin-top: -35px;}
    .product .swiper-button-next{right: -6vw;width:15px;height:20px;margin-top: -35px;}

    .product .productBox .mySwiper{height: calc(64vw + 105px);}
    .product .swiper-pagination-bullet{width:10px;height:10px;}










    
}

