﻿@charset "utf-8"; 
:root{--color:#AB251B}
.pro-review .pro-preview-right .btn-list .btn span, .pro-review .pro-preview-right .btn-list .pdown2 span,.common-link .prev a,.common-link .prev,.common-link .next a,.common-link .next{color:#fff}
@media screen and (max-width:768px){.head-nav>ul{background:#fff}
.head-nav>ul>li a{color:#000}
.head-nav>ul>li{border-color:#ccc}
.hot-pro .pro-name{color:#fff;text-align:center}}
.head,.head-nav>ul .submenu{background:#fff}
.swiper-button-next,.swiper-button-prev {background:none;display:flex;align-items:center;justify-content:center}
.swiper-button-next i,.swiper-button-prev i {font-size:20px}
.foot-title{color:#fff}
@media screen and (min-width:601px){header .top{height:40px;width:100%;background:#222;color:#fff;position:relative;z-index:9999}
header .top .head-wrapper{justify-content:space-between;height:40px}
.link-way{display:flex;display:-webkit-flex;justify-content:flex-start}
.link-way i{color:#fff;font-size:18px;padding:0 7px}
.link-way a{color:#939393}
.link-way a:hover{color:#fff}
.link-way span{display:flex;height:40px;align-items:center;position:relative;border-left:1px #3a3a3a solid;padding:0 10px}
.header-share,.header-share ul{display:flex;display:-webkit-flex;height:40px;align-items:center;justify-content:flex-end;color:#939393;font-size:15px}
.header-share ul{margin-left:10px}
.header-share ul li{margin:0 10px;cursor:pointer}
.header-share ul li i{color:#7e7e7e;font-size:18px}
.header-share ul li:hover i{color:#fff}
.header-share span{text-transform:capitalize}
.head{height:120px!important}
.headbot{width:100%;height:calc(100% - 40px);position: relative;z-index: 99;background: #fff}
main{margin-top:120px}}
@media screen and (max-width:768px) and (min-width:601px){.header-share{display:none}
.head-nav>ul{top:120px;height:calc(100vh - 120px)}}
@media screen and (max-width:600px){header .top{display:none}}
.search-icon{width:60px;display:flex;display:-webkit-flex;justify-content:flex-end;align-items:center;height:100%}
.search-icon i{display:flex;display:-webkit-flex;align-items:center;justify-content:center;width:40px;height:40px;background:#AB251B;color:#fff;font-size:20px;cursor:pointer}
.search-from.active{top:100%}
.search-from{position:absolute;top:0;left:0;background:#222;width:100%;z-index:9;padding:30px 0;opacity:0;visibility:hidden;transition:.3s all ease-in-out;-webkit-transition:.3s all ease-in-out;-o-transition:.3s all ease-in-out;-moz-transition:.3s all ease-in-out;box-sizing: border-box}
.search-from.active{top:100%;opacity:1;visibility:visible;transition:.3s all ease-in-out;-webkit-transition:.3s all ease-in-out;-o-transition:.3s all ease-in-out;-moz-transition:.3s all ease-in-out}
.search-from .form{width:700px;margin:0 auto;display:flex;display:-webkit-flex;position:relative;z-index:10}
.search-from .form .searchtxt{flex-basis:calc(100% - 100px);height:48px;padding-left:20px;border:none;outline:0;box-sizing: border-box}
.search-from .form .searchbtn{flex-basis:100px;height:48px;border:none;background:#AB251B;cursor:pointer;text-transform:capitalize;color: #fff;font-size: 16px}
.search-from.active .searchOff{position:fixed;width:100%;height:100%;top:110px;left:0;opacity:.5;background-color:#000;z-index:9}
@media screen and (max-width:768px){.nav-btn{position: absolute;right: 5.3333333333vw}
.search-from .form{width:100%;padding:0 20px;box-sizing:border-box}
.search-from{padding:20px 0}
.search-from .form .searchtxt{height:38px;padding:0 14px}
.search-from .form .searchbtn{height:38px;font-size:15px}
.search-icon{margin-right:7vw}
.search-icon i{color:#AB251B;background:none;font-size:5vw}}
.news-title {word-break: break-word}
.news {background-color: #fff}
section.about {background:url(/js/27443/abg.jpg) no-repeat center;background-size:cover}
.about:before {opacity:0}