﻿@charset "utf-8";
:root{--color:#D9251B}
@media (min-width:769px){.head-nav>ul>li .inmenu_1, .head-nav>ul>li:hover>a,.head-nav>ul .submenu a:hover{background:var(--color);color:#fff}}
@media screen and (max-width:768px) {.head-nav>ul>li:hover>a, .head-nav>ul>li:hover>i{color:var(--color)}}
@media screen and (max-width:768px) {h1.pro-type {border-color:var(--color);}
.head-nav>ul>li i{color:#000}}
.side-float .title {background-color:var(--color);}
.foot .text,.news .common-title,.ind-item:hover,.hot-pro ul li:hover *{color:#fff}
.common-side .title,.hvr-bounce-to-right:hover,.news ul li:hover .more-btn,.hvr-bounce-to-right-y:active, .hvr-bounce-to-right-y:focus, .hvr-bounce-to-right-y:hover{color:#fff}
.news .common-more-btn{border-color:#fff;color:#fff}
.news .hvr-bounce-to-right:before{background:#fff}
.news .hvr-bounce-to-right:hover{color:var(--color)}
.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}
.head-nav ul li .inmenu_1{background:none}
.hot-pro .pro-name{color:#fff;text-align:center}}
.head,.head-nav>ul .submenu{background:#fff}
.prolist-1 .pro-name {line-height:1.3;max-height:inherit;height:auto;}
.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}
a.LayImAhrefNode{color:#fff;}
.pro-detail .random-pro ul li:hover a{color:#fff}
.pro-detail .content img {max-width:100%!important}
@media (max-width:768px){a.LayImAhrefNode{height:10vw;width:40vw;margin:2vw 4vw 2vw 0px}
.head-nav>ul{background:#fff}}
.foot-list{background:#eee}
.common-main p{font-size:16px}
.news-con,.news-title,.hot-pro .pro-intro{word-break:break-word}
.project-list .project-content{word-break:break-word}
.side-news ul .news-img img{object-fit:contain}
.ind-item img{object-fit:cover}
.ind{text-transform:capitalize}
.foot-l .foot-u li a,.foot-cate ul li a:hover,.foot-nav ul li a:hover {color:#000;opacity:1}
.foot-l .foot-u .iconfont,.foot-cate ul li a,.foot-nav ul li a {opacity:1;color:#000}
.foot-right {background:#eee;color:#000}
@media (min-width:1081px){.common-content .common-wrapper {flex-direction:row-reverse}
.common-main {padding:50px 0 50px 30px}}
.head{z-index:999}
.search-icon{margin:0 20px;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:#222;color:#fff;font-size:20px;cursor:pointer}
.search-from{position:fixed;top:0;left:0;background:#222;width:100%;z-index: 99;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}
.search-from.active{top: 80px;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;border:none;outline:0;padding: 0 15px;box-sizing: border-box}
.search-from .form .searchbtn{flex-basis: 100px;height:48px;border:none;background: #555;cursor:pointer;color: #fff}
.search-from.active .searchOff{position:fixed;width:100%;height:100%;top:80px;left:0;opacity:.5;background-color:#000;z-index:9}
header.headscroll+.search-from.active{top:60px}
header.headscroll+.search-from.active .searchOff{top:60px}
@media (max-width:768px){.nav-btn{margin:0 15px 0 auto}
.head-logo{width:auto}
.search-icon{margin:0 0 0 10px}
.search-icon i{color:#000;background:none;font-size:8vw}
.search-from{padding:20px 0}
.search-from.active{top:13.3333333333vw}
.search-from.active .searchOff{top:13.3333333333vw}
.search-from .form{width:100%;padding:0 5.3333333333vw;box-sizing: border-box}
.search-from .form .searchtxt{width:calc(100% - 80px);height:34px}
.search-from .form .searchbtn{width:80px;height:34px}}
.pro-review .pro-preview-right .btn-list .btn span,.pro-review .pro-preview-right .btn-list .pdown2 span {color:#fff}
.head-nav>ul .submenu>li{position: relative}
.head-nav>ul .submenu>li>ul{position: absolute;left: 100%;background: #fff;top: 0;display: none}
.head-nav>ul .submenu>li:hover>ul{display: block}
.pro-detail .random-pro ul {flex-wrap: wrap}
.pro-detail .random-pro ul li {flex: inherit;width: 31%;margin-right: 0}
.foot-l .foot-u li{color: #000}
@media (max-width:768px){.lang{right:26vw}}
@media (max-width:500px){.lang{right:32vw}}