.main {width: 1200px;min-width: 1200px;margin-left: auto;margin-right: auto;position: relative;}
.top{ width:100%; background:#f1f1f1; line-height:36px;}
.top .main{ font-size:14px; color:#333}
/*导航*/
.menu{background:#444;}
.menu .logo{float:left; width:25%;}
.menu .logo img{vertical-align:bottom;}

.nav>li{width: 14.28%; float: left;position:relative;z-index:1; line-height:30px;}
.nav>li.on{ background:#c50019}
.nav>li a{display: block; text-align: center; color: #383735; font-size: 16px; padding: 10px 0; color:#fff;}
.nav>li span{margin-left:10px;}
.nav>li:hover>a,.nav .nav_act>a{}
.nav>li:hover *,.nav .nav_act *{color: #fff;}
.nav .sub{display:none;position:absolute; z-index:1;width:100%; padding-top:0px;}
.nav .sub li{text-align:center;background:#383735;}
.nav .sub li a{display:block;line-height:30px;color:#333;font-size:16px; color:#fff;}
.nav .sub li a:Hover{ background:#000}
/*导航结束*/

header {width: 100%;background-color: #fff;}
header .main {height: 100px;display: flex;justify-content: space-between;align-items: center;}
header .logo {display: inline-block;width: auto;height: 88px;}
header .logo img {width: auto;height: 100%;display: block;}
header .right {display: inline-flex;align-items: center;}
header .right .tel {display: inline-flex;align-items: center;}
header .right .tel img {width: 44px;height: 44px;display: block;}
header .right .tel .text {margin-left: 8px;}
header .right .tel .text .cn {color: #666;}
header .right .tel .text .num {font-size: 28px;line-height: 28px;color: #c50019;}
header .right .lang {display: inline-flex;align-items: center;justify-content: center;width: 80px;height: 40px;border-radius: 5px;border: 1px solid #ddd;margin-left: 20px;}
header .right .lang span {font-size: 16px;color: #666;}
header .right .lang img {width: 18px;height: 18px;display: block;margin-left: 10px;}
nav {width: 100%;height: 50px;background-color: #444;}
nav a {display: block;width: 200px;height: 50px;float: left;border-right: 1px solid #535353;color: #fff;font-size: 20px;line-height: 50px;text-align: center;transition: all 0.3s;}
nav a:hover, nav a.active {background-color: #c50019;}
nav a:last-child {border-right: none;}
footer {width: 100%;border-bottom: 2px solid #c50019;}
footer .footer-top {width: 100%;height: 60px;background-color: #333;}
footer .footer-top .link {width: 780px;height: 60px;float: left;display: inline-flex;align-items: center;color: #fff;}
footer .footer-top .link a {display: inline-block;float: left;color: #fff;margin: 3px 0;}
footer .footer-top .link i {display: block;width: 1px;height: 16px;background-color: #999;margin: 0 10px;}
footer .footer-top .btns {width: 400px;height: 60px;float: right;}
footer .footer-top .btns .item {width: 200px;height: 60px;float: left;display: flex;justify-content: space-between;align-items: center;border-left: 1px solid #666;padding: 0 28px;color: #fff;background-color: #444;transition: all 0.3s;}
footer .footer-top .btns .item:first-child {border-left: none;}
footer .footer-top .btns .item:hover {background-color: #c50019;}
footer .footer-bot {width: 100%;background-color: #292929;padding: 45px 0 20px;}
footer .footer-bot .main {display: flex;justify-content: space-between;}
footer .footer-bot .left .img {width: 120px;height: 120px;float: left;}
footer .footer-bot .left .img img {width: 100%;height: 100%;}
footer .footer-bot .left .text {margin-left: 30px;float: left;color: #999;}
footer .footer-bot .left .text a, footer .footer-bot .left .text span, footer .footer-bot .left .text p {color: #999;}
footer .footer-bot .left .text .name {font-size: 18px;line-height: 18px;color: #fff;}
footer .footer-bot .right {width: 120px;}
footer .footer-bot .right img {width: 120px;height: 120px;}
footer .footer-bot .right p {width: 100%;text-align: center;color: #666;margin-top: 10px;}
.fixed-right {width: 70px;height: 141px;position: fixed;right: 0;bottom: 30%;z-index: 9;}
.fixed-right .item {display: block;width: 70px;height: 70px;text-align: center;background-color: #444;transition: all 0.3s;padding-top: 12px;margin-top: 1px;}
.fixed-right .item img {width: 22px;height: 22px;margin: 0 auto;}
.fixed-right .item p {text-align: center;color: #fff;margin-top: 8px;}
.fixed-right .item:hover, .fixed-right .item.active {background-color: #c50019;}
.mod-title {width: 100%;text-align: center;}
.mod-title .title {font-size: 30px;font-weight: bold;line-height: 30px;}
.mod-title .desc {width: 100%;color: #666;margin-top: 10px; text-align:center}
.mod-title .desc a{ padding:5px; display:block; display:inline-block}
.mod-title .desc:after{ content:''; clear:both; display:block}
.hamb {width: 100%;height: 70px;line-height: 70px;color: #999;}
.hamb a {color: #999;}
.hamb span:last-child {color: #333;}
.prod .list{ margin-bottom:40px;}
.prod .list .item {width: 224px;height: 220px;float: left;margin-left: 20px;margin-top: 20px;background-color: #fff;transition: all 0.3s;}
.prod .list .item .img {width: 100%;height: 169px;overflow: hidden;}
.prod .list .item .img img {width: 100%;height: 100%;transition: all 0.3s;}
.prod .list .item .img img:hover {transform: scale(1.1);}
.prod .list .item .title {width: 100%;height: 50px;line-height: 50px;text-align: center;padding: 0 10px;border-top: 1px solid #eee;transition: all 0.3s;}
.prod .list .item:nth-child(5n+1) {margin-left: 0;}
.prod .list .item:hover {box-shadow: 0 0 20px #ccc;}
.prod .list .item:hover .title {color: #c50019;}
.video-layer {background-color: #000;}
.video-layer .layui-layer-content {width: 800px;height: 450px;overflow: hidden !important;}
.video-layer video {width: 800px;height: 450px;}