.about{width:1200px;margin: 75px auto 80px;}
.aboutL{width: 585px;float:left;}
.aboutL .name{color:#222;font-size:28px;}
.aboutL .sum{color:#333333;font-size:14px;line-height: 33px;margin: 35px 0px 0px 0px;text-align: justify;}
.aboutL a{width:165px;height:45px;line-height:45px;background:#e8e8e8;display:block;text-align:center;color:#333333;font-size:14px;margin:50px 0px 0px 0px;/* text-transform: uppercase; */}
.aboutL a:hover{color:#fff;background:#bc2a23;}
.aboutR{width:565px;height: 290px;float: right;margin: 75px 0px 0px 0px;}
.aboutR img{width: 100%;height: 100%;}
.index1{height:235px;width:100%;background:url(../images/indexbg.jpg) center center no-repeat;color:#fff;font-size:36px;text-align:center;line-height:235px;letter-spacing: 5px;text-shadow: 3px 3px 4px #333;    background-attachment: fixed!important;}
.aboutR video{width:100%;height:100%;}
.product{width:1200px;margin:80px auto;}
.product .name{color:#222;font-size:28px;text-align:center;margin: 0px 0px 50px 0px;}
.product .name a{color:#222;}
.product1{border-bottom: 1px solid #ebe6e6;margin: 0px 0px 30px 0px;}
.product1 .pro1{width: 240px;float:left;text-align:center;font-size:16px;color:#333333;padding: 0px 0px 20px 0px;border-bottom: 3px solid transparent;cursor: pointer;}
.product1 .pro1 .icon{width:100%;height:64px;display:block;margin:0px 0px 30px 0px;position:relative;transition:0.5s all ease;}
.product1 .pro1:hover .p1{color:#bc2a23;}
.product1 .pro1.on{border-bottom: 3px solid #bc2a23;}
.product1 .pro1.on .p1{color:#bc2a23;}
.product1 .pro1:hover{border-bottom: 3px solid #bc2a23;}
.product1 .pro1:hover .icon{background-position:center bottom!important;}
.product1 .pro1.on .icon{background-position:center bottom!important;}
.product2 li{width:392px;box-sizing:border-box;float:left;margin: 0px 10px 40px 0px;text-align:center;}
.product2 li:nth-child(3n){margin-right:0px;}
.product2 li .img{height:230px;overflow:hidden;border:1px solid #e9e9e9;}
.product2 li .img img{max-height:100%;max-width:100%;transition:0.5s all ease;}
.product2 li .sum{color:#222222;font-size:14px;margin:15px 0px 5px 0px;text-transform: uppercase;height: 20px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.product2 li .title{color:#222222;font-size:14px;}
.product2 li:hover .title{color:#bc2a23;}
.product2 li:hover .sum{color:#bc2a23;}
.product2 li:hover img{transform:scale(1.2);}
.product2 ul{display:none;}
.product2 ul.on{display:block;}

.network{height:400px;width:100%;background:url(../images/indexbg1.jpg) center center no-repeat;padding: 80px 0px 0px 0px;box-sizing: border-box;    background-attachment: fixed!important;}
.network .name{color:#fff;font-size:28px;text-align:center;margin: 0px 0px 45px 0px;}
.network ul{width:1200px;margin:0 auto;}
.network ul li{float:left;width:110px;margin: 0px 105px 0px 0px;text-align: center;}
.network ul li:nth-child(6){margin-right: 0px;}
.network ul li .img{height:100px;line-height:100px;margin: 0px 0px 25px 0px;}
.network ul li .img img{vertical-align:middle;max-width: 100%;max-height: 100%;}
.network ul li .sum{color:#fff;font-size:12px;margin: 0px 0px 10px 0px;height: 20px;}
.network ul li .title{color:#fff;font-size:16px;}


.news{width:100%;padding: 80px 0px 0px 0px;box-sizing: border-box;}
.news .name{color: #222;font-size:28px;text-align:center;margin: 0px 0px 45px 0px;}
.news .name a{color:#222;}
.news ul{width:1200px;margin: 0 auto 80px;}
.news ul li{float:left;width: 392px;margin: 0px 12px 0px 0px;}
.news ul li:nth-child(3n){margin-right: 0px;}
.news ul li .img{height: 220px;line-height: 220px;overflow:hidden;}
.news ul li .img img{vertical-align:middle;width: 100%;height: 100%;transition:0.5s all ease;}
.news ul li .sum{color:#777777;font-size:14px;max-height: 44px;display: -webkit-box;overflow: hidden;-webkit-line-clamp: 2;-webkit-box-orient: vertical;line-height: 22px;}
.news ul li .title{color:#222222;font-size:16px;margin: 17px 0px 13px 0px;display: -webkit-box;overflow: hidden;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.news ul li:hover img{transform:scale(1.2);}
.news li:hover .title{color:#bc2a23;}


@media(max-width:1024px){
    .about{width:94vw;margin: 30px auto 20px;}
    .aboutL{float:none;width:100%;}
    .aboutL .name{font-size:18px;}
    .aboutL .sum{margin: 12px 0px 0px 0px;line-height:24px;}
    .aboutL a{margin: 20px 0px 0px 0px;width:120px;height: 38px;line-height: 38px;}
    .aboutR{float:none;width:100%;height: auto;margin: 20px 0px 0px 0px;}
    .index1{height: 40vw;line-height: 40vw;font-size: 16px;letter-spacing: 2px;}
    .product{width:94vw;margin: 20px auto;}
    .product .name{font-size:18px;margin: 0px 0px 25px 0px;}
    .product1{margin:0px 0px 20px 0px;}
    .product1 .pro1{width: 33.33%;font-size:14px;padding: 0px 0px 10px 0px;margin: 0px 0px 20px 0px;}
    .product1 .pro1 .icon{height: 50px;background-size: 49px!important;margin: 0px 0px 12px 0px;}
    .product2 li{width: 49%;margin: 0px 0px 20px 0px;}
    .product2 li .img{height: 30vw;}
    .product2 li:nth-child(2n){float:right;}
    .product2 li .title{font-size:12px;}
    .product2 li .sum{font-size:12px;margin: 10px 0px 5px 0px;}

    .network{padding: 30px 0px 0px 0px;height: 410px;background-size: cover;}
    .network .name{font-size:18px;margin: 0px 0px 30px 0px;}
    .network ul{width:94vw;}
    .network ul li{width: 29%;margin: 0px 5% 25px 0px;}
    .network ul li:nth-child(3n){margin-right:0;}
    .network ul li .img{height:70px;line-height: 70px;margin: 0px 0px 15px 0px;}
    .network ul li .title{font-size:14px;}
    .network ul li .sum{margin:0px 0px 5px 0px;height: 18px;}

    .news{padding: 30px 0px 0px 0px;}
    .news .name{font-size:18px;margin: 0px 0px 25px 0px;}
    .news ul{width:94vw;margin: 0 auto 20px;}
    .news ul li{width:100%;margin: 0px 0px 20px 0px;}
    .news ul li .img{line-height:50vw;height: 50vw;}
    .news ul li .title{margin:15px 0px 10px 0px;font-size: 14px;}
    .news ul li .sum{font-size:12px;}










}