﻿@charset "utf-8"; 
.table-wrap .table td{border:1px solid #000}
.item.item-products.productsDetails{max-width:85%}
.table-wrap table{width:90%}
main.page-template-1 .form{max-width:85%}
main.page-template-1 .form{background:#ccc;padding:30px;box-sizing:border-box}
main.index section.products .item ul li>div .rule-box{max-height:inherit;height:auto}
#brand-history-list{padding-bottom:160px;}
#brand-history-list:after{content:'';display:block;width:0;height:0;clear:both}
#brand-history-list li{position:relative;height:130px;width:50.6%;background-size:auto 80%!important}
#brand-history-list li h2{color:#000;font-size:40px;white-space:nowrap;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s}
#brand-history-list li:hover h2{color:#16529b}
#brand-history-list li p{color:#999;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s;max-height:170px;overflow:hidden;line-height:1.5}
#brand-history-list li:hover p{color:#333}
#brand-history-list li.left,#brand-history-list li:nth-of-type(2n+1){float:left;background:url(/images/m419/red/img/history_01.png) 100% 100% no-repeat}
#brand-history-list li.left h2,#brand-history-list li:nth-of-type(2n+1) h2{position:absolute;bottom:10%;right:10%}
#brand-history-list li.left p,#brand-history-list li:nth-of-type(2n+1) p{position:absolute;top:105%;right:10%;width:84%;text-align:right}
#brand-history-list li.right,#brand-history-list li:nth-of-type(2n){float:right;background:url(/images/m419/red/img/history_02.png) 0 100% no-repeat}
#brand-history-list li.right h2,#brand-history-list li:nth-of-type(2n) h2{position:absolute;bottom:10%;left:10%}
#brand-history-list li.right p,#brand-history-list li:nth-of-type(2n) p{position:absolute;top:105%;left:10%;width:84%}
main.index section.about-us .block-box .content{background:none;color:#fff}
main.index section.about-us .block-box .content .button-box button{border-color:#fff}
main.index section.about-us .block-box .content .top h2{line-height:1.3;margin-bottom:10px}
main.index section.about-us .block-box .content{-ms-flex-direction:inherit;flex-direction:inherit}
main.index section.about-us{height:auto;padding:70px 15px}
main.index section.about-us .block-box{height:auto}
main.index section.about-us>img,main.index section.about-us .block-box .pic img{object-fit:cover}
main.index section.about-us .block-box .content .top p{-webkit-line-clamp:inherit;height:auto}
@media screen and (max-width:1200px){main.index section.about-us .block-box .content .top h2{font-size:25px}}
@media screen and (max-width:768px){main.index section.about-us .block-box .content .top h2{font-size:20px;line-height:1.2}
main.index section.about-us{padding:40px 4vw}
main.index section.about-us .block-box{flex-wrap:wrap}
main.index section.about-us .block-box .pic{width:100%;max-width:100%}
main.index section.about-us .block-box .content{width:100%}
main.index section.about-us .block-box .content .top p{font-size:14px!important;line-height:1.6}}
@media screen and (max-width:560px){main.index section.about-us .block-box .content .top h2{font-size:18px}}
.ch-flex{margin-top:3%;display:flex;flex-wrap:wrap;justify-content:space-between}
.ch-flex>li{width:48%;border:1px solid #EFEFEF;padding:2%;text-align:center;box-sizing:border-box;margin-bottom:15px}
.ch-flex>li p{margin-top:10px}
.ch-flex img{width:auto;height:auto}
.temp2 ul:nth-of-type(1) li:nth-of-type(n+2) .left img{object-fit:contain}
main.index section.about-us .block-box .pic img{object-fit:cover}
aside.nav2-template>ul>li.has-children2 ul li.LiLevel1>a{background:#0264af;color:#fff;padding-left:14px}
aside.nav2-template>ul>li.has-children2 ul li.LiLevel1 i{display:none}
aside.nav2-template>ul>li.has-children2 ul li.LiLevel1 ul{display:block!Important;background:#eee}
aside.nav2-template>ul>li.has-children2 ul li.LiLevel1>a.currentProType{font-weight:bold}
main.page-template-1 .form{max-width:100%}
main.index section.products .list ul li.cur{background:#0264af!important}
@media (max-width:1600px){main.index section.products .list ul li{display:flex!important;width:16.6666%}
main.index section.products .list ul{width:100%}}
@media (max-width:1024px){main.index section.products .title .list ul li{width:33.3333%}
main.index section.products .list ul{flex-wrap:wrap}}
@media (max-width:480px){main.index section.products .title .list ul li{width:50%}}
main.index section.products .item ul li{width:20%}
@media (max-width:1024px){main.index section.products .item ul li{width:50%}}
ul.video11 {display: flex;flex-wrap: wrap;justify-content: space-between;}
ul.video11 li {width: 48%;margin-bottom: 25px;text-align: center;display: flex;flex-direction: column;}
ul.video11 li iframe {width: 100%;}
ul.video11 li >p:first-child {margin-bottom: 10px;}