@charset "utf-8";
/* CSS Document */
.content{ margin: 76px auto 0; width: 100%; overflow-x: hidden;}
.content .banner{ width: 100%; margin: 0 auto; position: relative; display: flex; align-items: center; text-align: center;}
.content .banner h1{ font-size: 60px; color: #fff; font-weight: bold; width: 100%; text-align: center; position: absolute; left: 0;}
.content .banner .bg{ width: 100%; height: auto; z-index: -1;}

.product{ width: 100%;}
.product ul{ width: 100%;}
.product ul li{ width: calc(100% - 100px); background: #fff; display: flex; justify-content: space-evenly; align-items: center; padding: 50px;}
.product ul li:nth-child(2n){ background: #EBEBEB;}
.product ul li .img{ width: 40%; max-width: 814px; min-width: 320px; margin: 0 20px;}
.product ul li .img img{ width: 100%; height: auto;}
.product ul li .text{ width: calc(40% - 100px); margin: 0 20px;}
.product ul li .text h2{ white-space: nowrap; font-size: 30px; font-weight: bold;}
.product ul li .text p{ font-size: 18px; color: #050303; line-height: 35px; padding: 20px 0 0; text-align: left; text-align: justify;}
.product ul li .text a{ background: #E26355; color: #fff; font-size: 24px; width: 240px; display: block; height: 64px; line-height: 64px; text-align: center; position: relative; margin-top: 50px; display: flex; justify-content: space-between;}
.product ul li .text a span{ width: calc(100% - 64px); text-align: center; display: inline-block; }
.product ul li .text a i{ width: 64px; height: 64px; background: #B44140; display: inline-block; font-size: 0; vertical-align: middle; position: absolute; top: 0; right: 0; display: flex; align-items: center;}
.product ul li .text a i img{ width: 100%; height: auto; max-width: 58px;}







/* 技术优势 */
.content .product ul li .text .DISA_btn{ }
.content .product ul li .text .DISA_btn a{ font-size: 18px;  color: #E71201;background: none; display: inline-block; text-align: left; margin-top: 0; width: 100px;}
.content .product ul li .text .DISA_btn a i{ width: 19px; height: 13px; display: inline-block; background: url(../images/features/arrow.png)no-repeat center center; font-size: 0; vertical-align: middle; position: absolute; right: 0; top: 25.5px;}







/* 技术优势 end */

@media (max-width:1570px) {
    /* .content .banner h1{ font-size: 50px;} */
    .product ul li .text{ transform: scale(0.9,0.9);}
}
@media (max-width:1366px) {
    /* .content .banner h1{ font-size: 40px;} */
    .product ul li .text{ transform: scale(0.8,0.8);}
}
@media (max-width:900px){
    .content .banner h1{ font-size: 24px;}
    .product ul li{ flex-direction: column; width: calc(100% - 50px); padding: 25px;}
    .product ul li .text{ width: 100%;}
    .product ul li .img{width: 100%;}
    .product ul li .text h2{ font-size: 16px;}
    .product ul li .text p{ font-size: 12px;}
    .product ul li .text{ transform: scale(1,1);}
    /* .product ul li .text{ transform: scale(0.5,0.5);} */
    .product ul li .text a{ font-size: 12px; width: 120px;height: 32px; line-height: 32px; margin-top: 20px;}
.product ul li .text a span{ width: calc(100% - 32px); }
.product ul li .text a i{ width: 32px; height: 32px; }
}