/* 产品导航 */
.prodcut-nav{ width: 100%; float: left; margin-top: .3rem;}
.prodcut-nav .tit{ width: 100%; float: left; margin-top: .32rem;}
.prodcut-nav .tit h2{ float: left; width: 100%; font-size: .72rem; font-family: 'TCCM',"puhuiti",Microsoft YaHei,Arial, Helvetica, sans-serif;}
.prodcut-nav .tit p{ width: 100%; float: left; line-height: 24px; margin: 10px 0 30px; font-size: 16px; color: #333;}



.prodcut-nav .text{ width: 100%; float: left; box-sizing: border-box; padding: 30px 50px; font-size: 16px; line-height: 1.7; background: #eee;}
.prodcut-nav .text p{ width: 100%; float: left; margin: 5px 0;}
.prodcut-nav .list{ width: 100%; float: left;}
.prodcut-nav .list li{ float: left; max-width: 23%; margin: 20px 1%; text-align: center;}
.prodcut-nav .list li img{ max-width: 100%;}

.line{ background: #003366; width: 100%; float: left; text-align: center;}

/* 产品搜索 */

.body-products .Search{ float: left; width: 100%; background: url(../images/search.jpg) no-repeat; height: 553px; text-align: center; vertical-align: middle; display: flex; flex-wrap: wrap; flex-direction: column; justify-content: center; align-items: center; font-size: 0; font-family: "Calibri";}
.body-products .Search form{ box-shadow: 0 0 5px #666; font-size: 0;}
.body-products .Search input{ width: 70vw; max-width: 3rem; padding: .12rem .1rem; height: .55rem; border: 3px solid #004098; background: none; color: #fff; text-align: center; outline: none; font-family: "Calibri"; box-sizing: border-box; line-height: .2rem; display: inline-block;}
.body-products .Search button{ background: #004098; padding: .12rem .1rem; height: .55rem; border: none; color: #fff; width: 20vw; max-width: 1rem; outline: none; margin: 0; line-height: .2rem; display: inline-block; cursor: pointer;}
.body-products .Search button i{ font-family: "iconfont1"; margin: 0 .05rem 0 0;}
.body-products .Search .hotkey{ font-size: .16rem; display: block; max-width: 6rem; margin-top: .3rem; line-height: .2rem; text-align: left;}
.body-products .Search .hotkey h2{ font-weight: bold; color: #fff; text-transform: uppercase; margin: 0 .1rem 0 0; font-size: .18rem;}
.body-products .Search .hotkey a{ color: #fff; margin: 0 .1rem 0 0}
.body-products .Search .hotkey a:hover{ text-decoration: underline;}


/* 产品搜索去篮框 */
.body-products .Search input::-webkit-input-placeholder,
.body-products .Search input::-moz-placeholder,
.body-products .Search input::-ms-input-placeholder,
.body-products .Search input:-moz-placeholder{ color: #fff; font-size: .16rem; font-family: "Calibri";  }
/* 产品搜索去篮框 END */

@media screen and (max-width: 734px){
    .prodcut-nav{ margin-top: 0; box-sizing: border-box; padding: .3rem 0;}
    .prodcut-nav .tit{ margin-top: .1rem; box-sizing: border-box; padding: 0 .2rem;}
    .prodcut-nav .tit h2{ font-size: .36rem;}
    .prodcut-nav .tit p{ line-height: .18rem; margin: .1rem 0 .3rem; font-size: .14rem;}

    .prodcut-nav .text{ padding: .3rem .2rem; font-size: .14rem; line-height: 1.7;}
    .prodcut-nav .text p{ margin: .05rem 0;}
    .prodcut-nav .list{ width: 100%; float: left;}
    .prodcut-nav .list li{ float: left; max-width: 98%; margin: 20px 1%; text-align: center;}
    .prodcut-nav .list li img{ max-width: 100%;}
    

    .body-products .Search{ float: left; width: 100%; background: url(../images/search.jpg) no-repeat center center / cover; height: 100vh; text-align: center; vertical-align: middle; display: flex; flex-wrap: wrap; flex-direction: column; justify-content: center; align-items: center; font-size: 0; font-family: "Calibri";}
    .body-products .Search form{ box-shadow: 0 0 5px #666; font-size: 0;}
    .body-products .Search input{ width: 70vw; max-width: 70vw; padding: .12rem .1rem; height: .55rem; border: 3px solid #004098; background: none; color: #fff; text-align: center; outline: none; font-family: "Calibri"; box-sizing: border-box; line-height: .2rem; display: inline-block; margin: 0;}
    .body-products .Search button{ background: #004098; padding: .12rem .1rem; height: .55rem; border: none; color: #fff; width: 20vw; max-width: 20vw; outline: none; margin: 0; line-height: .2rem; display: inline-block; cursor: pointer;}
    .body-products .Search button i{ font-family: "iconfont1"; margin: 0 .05rem 0 0;}
    .body-products .Search .hotkey{ font-size: .16rem; display: block; max-width: 90vw; margin-top: .3rem; line-height: .2rem; text-align: left;}
    .body-products .Search .hotkey h2{ font-weight: bold; color: #fff; text-transform: uppercase; margin: 0 .1rem 0 0; font-size: .18rem;}
    .body-products .Search .hotkey a{ color: #fff; margin: 0 .1rem 0 0};
}