@charset "utf-8";
body{ min-width:1310px; }
.flex{ display: flex; align-items: center;}
.flex>div{ width:100%;}

.prodimg{ position: relative; width:100%; }
.prodimg>img{ width:100%; display: block; }
.prodimg .txt{ position: absolute; left:0; top:0; width:100%; z-index:100; height:100%; text-align:center;  }
.prodimg .txt .tit{ font-size:60px; color:#ffffff; line-height:1.6; font-family: SourceHanSansCN-Bold, SourceHanSansCN; font-weight:bold;}
.prodimg .txt .info{ font-size:30px; margin-top:15px; color:#ffffff; line-height:1.6;}

.prodimg .txt02{ top:auto; height:auto; width:auto; bottom:12%; left:10%; text-align:left; }

.prodimg .txt03{ top:auto; left:auto; height:auto; width:auto; bottom:12%; right:10%; text-align:right; }

.prodimg .txt04{ top:auto; height:auto; width:auto; bottom:8%; left:10%; text-align:left; }


.Y18_security{ overflow: hidden; margin-top:40px; }
.Y18_security li{ float: left; margin-right:40px; width:127px; height:127px; background:url(../images/security.png) no-repeat center center; background-size:cover; }
.Y18_security li .ico{ width:50px; margin-top:25px; }
.Y18_security li .ico img{ display: block; width:100%; margin:0; height:auto; }
.Y18_security li .name{ text-align:center; line-height:27px; color:#ffffff; }


.prodimg .txt05{ width:50%; left:50%; }

.Y18_function{ overflow: hidden; }
.Y18_function li{ float: left; width:33.33%; margin:2% 0; position: relative; }
.Y18_function li:after{ content:""; position: absolute; left:50%; margin-left:-63.5px; top:0; width:127px; height:127px; background:url(../images/function.png) no-repeat center center; background-size:cover; }
.Y18_function li .ico{ width:70px; margin:20px auto 10px auto; position: relative; z-index:1; }
.Y18_function li .ico img{ display: block; width:100%; margin:0; height:auto; }
.Y18_function li .name{ font-size:18px; line-height:25px; height:50px; margin-bottom:18px; color:#292929; font-weight:bold; }
.Y18_function li .text{ font-size:14px; line-height:25px; height:100px; color:#515151; }


.prodimg .txt06{ width:35%; left:5%; }
.Y18_function2 li{ width:50%; }
.prodimg .txt .tit2{ text-align:left; padding-left:15%; color:#292929; margin-bottom:60px; }


.prodimg .txt07{ top:15%; }

.Y18_color{ position: absolute; overflow: hidden; left:8%; width:84%; bottom:12%; font-size:36px; color:#ffffff; }
.Y18_color li{ float: left; width:33.33%; }
.Y18_color li:nth-child(1){ text-align:left; }
.Y18_color li:nth-child(2){ text-align:center; }
.Y18_color li:nth-child(3){ text-align:right; }


.heibj{ background:#141219; overflow: hidden; }

.w1400{ width:1400px; margin:0 auto; }

.parameters{ margin:8% 0; }
.parameters .tit{ font-size:60px; color:#ffffff; line-height:1; font-family: SourceHanSansCN-Bold, SourceHanSansCN; font-weight:bold;}
.parametersMain{ overflow:hidden; }
.pleft{ float: left; width:400px; }
.pleft .num{ color:#6f6e72; font-size:24px; line-height:120px; height:120px; }
.pleft .num span{ color:#ffffff; }

.pleft .btn{ overflow: hidden; }
.pleft .btn .prev,.pleft .btn .next{ margin-right:60px; cursor:pointer; width:52px; height:52px; border-radius:50%; float: left; border:1px solid #ffffff; }
.pleft .btn .prev{ background:url(../images/icon_left.png) no-repeat center center; background-size:cover; }
.pleft .btn .prev:hover{ background-color:#ffffff; background-image:url(../images/icon_left1.png); }

.pleft .btn .next{ background:url(../images/icon_right.png) no-repeat center center; background-size:cover; }
.pleft .btn .next:hover{ background-color:#ffffff; background-image:url(../images/icon_right1.png); }

.parametersTxt{}
.parametersTxt li{ display: none; }
.parametersTxt .name{ font-size:36px; font-family: SourceHanSansCN-Bold, SourceHanSansCN; font-weight:bold; color:#ffffff; line-height:130px; margin-top:30px; }
.parametersTxt .text{}
.parametersTxt .text p{ line-height:65px; border-bottom:1px solid #434147; color:#ffffff; font-size:18px; }
.parametersTxt .text p span{ color:#c9c9c9; margin-right:36px; }

.pright{ float: right; width:900px; }
.parametersImg{ width:100%; border-radius:5px; overflow: hidden; background:#ffffff; }
.pright img{ display: block; width:100%; }

.colorParameters{ margin:70px 0;}
.colorParameters .tit{ color:#1a1a1a; font-size:60px;  font-family: SourceHanSansCN-Bold, SourceHanSansCN; font-weight:bold; text-align: center; line-height:1; margin:70px 0; }
.prodColor{ overflow: hidden; text-align:center; }
.prodColor li{ display:inline-block; width:220px; }
.prodColor li .ico{ width:100px; height:100px; margin:0 auto; border-radius:50%; }
.prodColor li .ico01{ background:#84222c; }
.prodColor li .ico02{ background:#d8c9b3; }
.prodColor li .ico03{ background:#4b5156; }
.prodColor li .ico04{ background:#f6f7f9; }
.prodColor li .ico05{ background:#0a0506; }
.prodColor li .name{ text-align:center; color:#666666; font-size:20px; line-height:1; margin-top:35px; text-align:center; }

.prodParameters{ background:#f7f7f7; overflow: hidden; padding:5% 0 5% 12%; }
.prodParameters ul{ overflow: hidden; float: left; width:50%; }
.prodParameters ul li{ float: left; width:100%; overflow: hidden; font-size:16px; line-height:40px; }
.prodParameters ul li .name{ float: left; color:#1a1a1a; font-weight:bold; }
.prodParameters ul li .text{ padding-left:120px; color:#707070; }


.pimglist{ overflow: hidden; text-align:center; }
.pimglist li{ display:inline-block; width:220px; }

.pimglist li .img{ width:100px; margin:0 auto; border:1px solid #dcdcdc; }
.pimglist li .img img{ display: block; height:auto; width:100%; margin:0; padding:0; }
.pimglist li .name{ font-size:18px; line-height:3; }

.pimglist2 li .img{ width:170px; }

@media screen and (max-width: 1680px){
    
    .prodimg .txt .tit{ font-size:50px; }
    .prodimg .txt .info{ font-size:24px; margin-top:12px; }    
    
    .Y18_security{ margin-top:34px; }
    .Y18_security li{ margin-right:34px; width:100px; height:100px; }
    .Y18_security li .ico{ width:42px; margin-top:21px; }
    .Y18_security li .name{ line-height:24px; }
        
    .Y18_function li:after{ margin-left:-50px; width:100px; height:100px; }
    .Y18_function li .ico{ width:60px; margin:17px auto 8px auto; }
    .Y18_function li .name{ font-size:16px; line-height:20px; height:40px; margin-bottom:15px; }
    .Y18_function li .text{ font-size:13px; line-height:20px; height:80px; }
    
    .prodimg .txt .tit2{ margin-bottom:50px; }
    
    .Y18_color{ font-size:30px; }
    
    .w1400{ width:1300px; }
    
    .parameters .tit{ font-size:50px;  }
    .pleft{ width:380px; }
    .pleft .num{ font-size:20px; line-height:110px; height:110px; }
    
    .pleft .btn .prev,.pleft .btn .next{ margin-right:50px; width:42px; height:42px; }
    
    .parametersTxt .name{ font-size:30px; line-height:100px; margin-top:25px; }
    .parametersTxt .text p{ line-height:58px; font-size:16px; }
    .parametersTxt .text p span{ margin-right:30px; }
    
    .pright{ width:780px; }
    
    .colorParameters{ margin:60px 0;}
    .colorParameters .tit{ font-size:50px; margin:60px 0; }
    .prodColor li{ width:190px; }
    .prodColor li .ico{ width:85px; height:85px; }
    .prodColor li .name{ font-size:18px; margin-top:30px; }
    

    .prodParameters ul li{ font-size:14px; line-height:34px; }
    .prodParameters ul li .text{ padding-left:100px; }

    .pimglist li{ width:190px; }
    .pimglist li .img{ width:85px; }
    .pimglist li .name{ font-size:18px; }

    .pimglist2 li .img{ width:140px; }


}



@media screen and (max-width: 1440px){


    .prodimg .txt .tit{ font-size:42px; }
    .prodimg .txt .info{ font-size:20px; margin-top:10px; }    
    
    .Y18_security{ margin-top:28px; }
    .Y18_security li{ margin-right:28px; width:85px; height:85px; }
    .Y18_security li .ico{ width:36px; margin-top:16px; }
    .Y18_security li .name{ font-size:14px; }
        
    .Y18_function li:after{ margin-left:-42.5px; width:85px; height:85px; }
    .Y18_function li .ico{ width:50px; margin:15px auto 6px auto; }
    .Y18_function li .name{ font-size:14px; margin-bottom:12px; }
    .Y18_function li .text{ font-size:12px; }
    
    .prodimg .txt .tit2{ margin-bottom:40px; }
    
    .Y18_color{ font-size:24px; }
    
    .w1400{ width:1200px; }
    
    .parameters .tit{ font-size:42px;  }
    .pleft{ width:350px; }
    .pleft .num{ height:100px; height:100px; }
    
    .parametersTxt .name{ font-size:24px; margin-top:20px; }
    .parametersTxt .text p{ line-height:54px; }
    
    .pright{ width:730px; }
    
    .colorParameters{ margin:50px 0;}
    .colorParameters .tit{ font-size:42px; margin:50px 0; }
    .prodColor li{ width:170px; }
    .prodColor li .ico{ width:70px; height:70px; }
    .prodColor li .name{ font-size:16px; margin-top:25px; }
   
    .pimglist li{ width:170px; }
    .pimglist li .img{ width:70px; }
    .pimglist li .name{ font-size:16px; }

    .pimglist2 li .img{ width:120px; }

}