body, html { position: relative; height: 100%; width: 100%; }
/*s1*/
.s1 .R { width: calc(80.5% - 450px); margin-left: 8.5%; color: #fff; }
.s1 .R a:hover { color: #fff; }
.s1 .R h4 { font-size: 40px; }
.s1 .R p { margin-top: 2%; font-size: 17px; text-transform: uppercase; }
.s1 .R ul { font-size: 0; margin-top: 7%; }
.s1 .R li { margin-left: 14%; display: inline-block; vertical-align: top; font-size: 18px; text-align: center; }
.s1 .R li.mob-720 { display: none; }
.s1 .R i { font-size: 0; width: 90px; height: 90px; position: relative; border-radius: 50%; z-index: 1; line-height: 90px; }
.s1 .R i img:first-child { position: absolute; z-index: -1; transition: 0.5s linear 0s; }
.s1 .R i img:last-child { max-width: 51%; max-height: 50%; }
.s1 .R li span { display: block; margin-top: 20px; }
.s1 .R li:nth-child(4n+1) { margin-left: 0; }
.s1 .R li:hover i img:first-child { transform: rotate(180deg); }
.s1 .R li:hover i img:last-child { transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); animation: beat 0.5s 1; }
/*s2*/
.s2>.T { background: #c2182f; padding: 4.5% 0 12%; text-align: center; color: #fff; }
.s2>.T h3 { text-transform:uppercase; font-size: 40px; color: #fff; text-align: center; }
.s2>.T p { margin-top: 1.2%; text-align: center; font-size: 16px; color: #fff; text-transform: uppercase; }
.s2>.T ul { margin-top: 3.5%; color: #fff; display: flex; justify-content: center; }
.s2>.T ul li:first-child { border: none; }
.s2>.T ul li { padding: 10px 50px; border-left: 1px solid #ff6277; }
.s2>.T ul li .T { font-size: 24px; }
.s2>.T ul li .B { font-size: 20px; margin-top: 15px; }
.s2>.T ul li .T span:first-child { font-size: 52px; font-family: "微软雅黑", Microsoft YaHei; }
.s2>.T ul li .T span:last-child { font-size: 18px; }
.s2 .B { margin-top: -9.5%; }
#NavigationList_d1 ul, #NavigationList_d2 ul, #NavigationList_d3 ul { font-size: 0; text-align: right; }
#NavigationList_d1 li:first-child, #NavigationList_d2 li:first-child, #NavigationList_d3 li:first-child { margin-left: 0; }
#NavigationList_d1 li, #NavigationList_d2 li, #NavigationList_d3 li { font-size: 18px; vertical-align: middle; display: inline-block; color: #fff; margin-left: 1.5%; }
#NavigationList_d1 li a, #NavigationList_d2 li a, #NavigationList_d3 li a {text-transform: uppercase; transition: 0.3s ease 0s; display: block; padding-left: 25px; position: relative; z-index: 1; }
#NavigationList_d1 li a:before, #NavigationList_d2 li a:before, #NavigationList_d3 li a:before { transition: 0.3s ease 0s; opacity: 0; content: ''; position: absolute; width: 16px; height: 16px; border: 1px solid #fff; box-sizing: border-box; border-radius: 50%; left: 0; top: 50%; margin-top: -8px; }
#NavigationList_d1 li.on a:before, #NavigationList_d2 li.on a:before, #NavigationList_d3 li.on a:before { opacity: 1; }
#NavigationList_d1 li a:after, #NavigationList_d2 li a:after, #NavigationList_d3 li a:after { transition: 0.3s ease 0s; content: ''; position: absolute; width: 6px; height: 6px; background: #fff; border-radius: 50%; top: 50%; margin-top: -3px; left: 5px; }
#NavigationList_d1 ul>a, #NavigationList_d2 ul>a { display: inline-block; vertical-align: middle; font-size: 18px; color: #fff; margin-left: 1.5%; }
.ProductList_b1 ul { color: #fff; overflow: hidden; }
.ProductList_b1 li { margin-top: 2%; margin-left: 2.3%; float: left; width: 31.8%; height: 19.6vw; }
.ProductList_b1 li a { z-index: 1; transition: 0.3s ease 0s; border-radius: 8px; display: block; width: 100%; height: 100%; position: relative; background: #f5f5f5; overflow: hidden; }
.ProductList_b1 li a:before { content: ''; position: absolute; width: 100%; height: 0; bottom: 0; left: 0; background: rgba(0,0,0,0.5); z-index: 1; transition: 0.3s ease 0s; opacity: 0; }
.ProductList_b1 li img { width: auto; height: auto; max-height: 100%; max-width: 100%; margin: 0 auto; transition: 0.5s linear 0s; }
.ProductList_b1 li a h3 { font-size: 18px; position: absolute; color: #fff; top: -20px; font-weight: normal; left: 8%; z-index: 2; opacity: 0; transition: 0.3s ease 0s; width: 84%; }
.ProductList_b1 li .picimg { text-align: center; width: 100%; height: 100%; border-radius: 8px; }
.ProductList_b1 li a:after { box-shadow: 0 3px 10px 0px rgba(203,34,70,0.36); content: '查看详情'; position: absolute; width: 58.8%; height: 44px; line-height: 44px; bottom: -60px; border-radius: 22px; color: #fff; z-index: 2; left: 20.6%; text-align: center; font-size: 16px; background: rgba(198,33,53,1); background: -webkit-gradient(linear, left top, right bottom, color-stop(80%, rgba(222,28,63,1)), color-stop(100%, rgba(231,100,60,1))); opacity: 0; transition: 0.3s ease 0s; }
.ProductList_b1 li a:hover:before { height: 100%; opacity: 1; }
.ProductList_b1 li a:hover h3 { opacity: 1; top: 8%; transition: 0.5s ease 0.15s; }
.ProductList_b1 li a:hover:after { opacity: 1; bottom: 13%; transition: 0.5s ease 0.1s; }
.ProductList_b1 li:nth-child(3n+1) { margin-left: 0; }
.ProductList_b1 li a:hover { box-shadow: 0 5px 29px 0 rgba(32,32,32,0.3); }
.ProductList_b1 li a:hover img { transform: scale(1.2); }
#NavigationList_d1 li a:hover, #NavigationList_d1 ul>a:hover { color: #fff; text-decoration: underline; }
/*s3*/
.s3 { background: url(../images/bg2.jpg) no-repeat center center fixed; background-size: cover; margin-top: 4%; padding: 4% 0; }
.s3>.w-836 { position: relative; }
.s3 .L { width: 39.5%; }
.s3 h3 {text-transform: uppercase; color: #c2182f; font-size: 40px; }
.s3 p { font-size: 16px; color: #666; text-transform: uppercase; margin-top: 2.5%; }
#NavigationList_d2 li, #NavigationList_d3 li, #NavigationList_d2 ul>a { color: #555; margin-left: 3%; transition: 0.3s ease 0s; }
#NavigationList_d2 li a:before, #NavigationList_d3 li a:before { border-color: #76777b; }
#NavigationList_d2 li a:after, #NavigationList_d3 li a:after { background: #76777b; }
#NavigationList_d2 li.on a:before, #NavigationList_d3 li.on a:before { border-color: #c20430; }
#NavigationList_d2 li.on, #NavigationList_d2 li:hover, #NavigationList_d2 ul>a:hover, #NavigationList_d3 li.on, #NavigationList_d3 li:hover, #NavigationList_d3 ul>a:hover { color: #c2182f; }
#NavigationList_d2 li.on, #NavigationList_d3 li.on { font-weight: bold; }
#NavigationList_d2 li.on a:after, #NavigationList_d2 li a:hover:after, #NavigationList_d3 li.on a:after, #NavigationList_d3 li a:hover:after { background: #c20430; }
#NavigationList_d2 ul:before { content: ''; display: inline-block; vertical-align: middle; width: calc(94% - 309px); height: 1px; background: #b5b5b5; margin-right: 19px; }
#NavigationList_d2 { margin-top: 5%; }
.ProductList_b2 ul { overflow: hidden; width: 100%; }
.ProductList_b2 li:nth-child(2n+2) { margin-left: 0; }
.ProductList_b2 li { margin-left: 5%; width: 47.5%; float: left; margin-top: 6%; }
.ProductList_b2 a { display: block; width: 100%; }
.ProductList_b2 .picimg { box-shadow: 0 3px 10px 0 rgba(0,0,0,0.07); z-index: 1; height: 10.5vw; font-size: 0; max-height: 200px; width: 100%; overflow: hidden; border-radius: 4px; position: relative; }
.ProductList_b2 h3 { text-align: left; font-size: 16px; color: #666; font-weight: normal; margin-top: 12px; margin-left: 10px; position: relative; margin-right: 10px; }/*.ProductList_b2 h3:before { background: url(../images/icon21.png) no-repeat left center; background-size: 12px 15px; width: 12px; height: 100%; position: absolute; left: 0; bottom: 0; content: ''; }*/
.ProductList_b2 .picimg img { margin: 0 auto; height: 100%; width: 100%; transition: 0.5s linear 0s; }
.ProductList_b2 .picimg:before { transition: 0.3s ease 0s; opacity: 0; content: ''; position: absolute; width: 100%; height: 0; left: 0; bottom: 0; background: rgba(0,0,0,0.5); z-index: 1; }
.ProductList_b2 .picimg:after { transition: 0.3s ease 0s; opacity: 0; content: ''; position: absolute; width: 50px; height: 50px; top: 0; left: 50%; margin: -25px 0 0 -25px; background: url(../images/icon22.png) no-repeat center center; background-size: 100% 100%; z-index: 1; }
.ProductList_b2 a:hover .picimg:before { height: 100%; opacity: 1; }
.ProductList_b2 a:hover .picimg:after { top: 50%; opacity: 1; }
.ProductList_b2 a:hover .picimg img { }
.ProductList_b2 li:first-child { position: absolute; right: 0; height: 100%; margin-top: 0; top: 0; margin-left: 0; width: 56%; }
.ProductList_b2 li:first-child a { height: 100%; position: relative; }
.ProductList_b2 li:first-child .picimg { box-shadow: 0 3px 10px 0 rgba(0,0,0,0.1); width: 100%; height: 100%; max-height: none; border-radius: 8px; }
.ProductList_b2 li:first-child a:before { transition: 0.3s ease 0s; border-radius: 8px; content: ''; width: calc(100% - 50px); height: calc(100% - 50px); box-sizing: border-box; border: 1px solid rgba(255,255,255,0.4); position: absolute; z-index: 2; left: 25px; top: 25px; }
.ProductList_b2 li:first-child h3 { margin-right: 0; transition: 0.3s ease 0s; padding-left: 0; position: absolute; font-size: 30px; color: #fff; margin-top: 0; margin-left: 0; top: 0; z-index: 2; left: 7%; opacity: 0; }
.ProductList_b2 li:first-child a:hover h3 { opacity: 1; top: 8%; transition-delay: 0.4s; }
.ProductList_b2 li:first-child .picimg:before { transition: 0.7s ease 0s; }
.ProductList_b2 li:first-child a:hover:before { opacity: 0; }
.ProductList_b2 li:first-child .picimg:after { box-shadow: 0 6px 10px 0 rgba(203,34,70,0.36); transition: 0.5s ease 0s; content: '查看详情'; width: 30%; left: 35%; text-align: center; font-size: 16px; color: #fff; height: 50px; line-height: 50px; background: rgba(198,33,53,1); background: -webkit-gradient(linear, left top, right bottom, color-stop(80%, rgba(222,28,63,1)), color-stop(100%, rgba(231,100,60,1))); margin: 0; border-radius: 25px; top: auto; bottom: 0; }
.ProductList_b2 li:first-child a:hover .picimg:after { bottom: 23%; transition-delay: 0.2s; }
.ProductList_b2 a em { transition: 0.3s ease 0s; font-size: 14px; color: #b80d16; position: absolute; right: 8%; bottom: 7%; font-family: "微软雅黑", Microsoft YaHei; background: url(../images/icon15.png) no-repeat left center; background-size: 20px 12px; padding-left: 25px; }
.ProductList_b2 a:hover em { opacity: 0; }
/*s4*/
.s4 { margin-top: 4%; }
.ResTitle_a1{text-transform:uppercase;}
.ResTitle_a1 span { display: block; font-size: 40px; color: #c2182f; font-weight: bold; }
.ResTitle_a1 em { font-size: 16px; color: #666; text-transform: uppercase; display: block; margin-top: 1%; }
.BannerShow_b2 img { transition: 0.5s linear 0s; max-width: 100%; max-height:100%; display:inline-block; vertical-align:middle; }
.BannerShow_b2 .swiper-pagination { position: static; margin-top: 2%; font-size: 0; }
.BannerShow_b2 .swiper-pagination-bullet { background: none; position: relative; z-index: 1; width: 20px; height: 20px; display: inline-block; border-radius: 100%; opacity: 1; box-sizing: border-box; vertical-align: top; }
.BannerShow_b2 .swiper-pagination-bullet:before { box-sizing: border-box; border-radius: 50%; position: absolute; width: 100%; height: 100%; border: 1px solid #c41b35; left: 0; top: 0; z-index: -1; content: ''; opacity: 0; }
.BannerShow_b2 .swiper-pagination-bullet:after { border-radius: 50%; background: #c41b35; content: ''; width: 10px; height: 10px; position: absolute; z-index: -1; left: 50%; top: 50%; margin-left: -5px; margin-top: -5px; }
.BannerShow_b2 .swiper-pagination-bullet-active { background: none; }
.BannerShow_b2 .swiper-pagination-bullet-active:before { opacity: 1; }
.BannerShow_b2 { margin-top: 2%; }
.BannerShow_b2 a:before{content:''; display:inline-block; vertical-align:middle; height:100%; width:0;}
.BannerShow_b2 a {
	font-size:0;
    display: block;
    width: 100%;
    overflow: hidden;
    position: relative;
    z-index: 1;
    border-radius: 6px;
    height: 21vw;
    max-height: 400px;
	background:#f2f2f2;
	text-align:center;
}.BannerShow_b2 a:hover img { transform: scale(1.2); }
/*s5*/
.s5 { margin-top: 4%; }
#NavigationList_d3 ul { text-align: left; }
#NavigationList_d3 li { margin-left: 1.2%; }
#NavigationList_d3 { margin: 2% 0; }
.NewsList_a1 a { position: relative; z-index: 1; box-shadow: 0 6px 20px 0 rgba(0,0,0,0.05); display: block; padding: 9.5% 9.5% 7.5%; width: 100%; height: 100%; box-sizing: border-box; overflow: hidden; border-radius: 4px; border: 1px solid #e6e6e6; }
.NewsList_a1 a:before { transition: height 0.2s linear 0.4s, width 0.2s linear 0.6s; content: ''; position: absolute; width: 0; height: 0; box-sizing: border-box; border-radius: 4px; left: 0; top: 0; z-index: -1; border-top: 1px solid #c41b35; border-right: 1px solid #c41b35; }
.NewsList_a1 a:after { transition: height 0.2s linear 0s, width 0.2s linear 0.2s; content: ''; position: absolute; width: 0; height: 0; box-sizing: border-box; border-radius: 4px; bottom: 0; right: 0; z-index: -1; border-bottom: 1px solid #c41b35; border-left: 1px solid #c41b35; }
.NewsList_a1 .newimg{height: 13vw;display: block;overflow: hidden;margin-bottom: 2em;}
.NewsList_a1 .newimg img{width: 100%;height: 100%;object-fit: cover;}
.NewsList_a1 .newnr b {font-weight: bold; transition: 0.3s ease 0s; font-size: 18px; color: #555; overflow: hidden; display: block; white-space: nowrap; text-overflow: ellipsis; }
.NewsList_a1 .newnr p { margin-top: 7%; font-size: 16px; display: -webkit-box; color: #666; line-height: 1.875; overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical; max-height: 83px; }
.NewsList_a1 .data { margin-top: 7%; padding: 3.5px 0; font-size: 14px; color: #888; position: relative; }
.NewsList_a1 .data b:before { content: '-'; }
.NewsList_a1 .data i { position: absolute; font-size: 0; width: 18px; height: 21px; background: url(../images/icon16.png) no-repeat center; background-size: 18px 21px; right: 0; top: 0; }
.news-box { position: relative; }
.news-btn a { color: #c41b35; display: inline-block; vertical-align: top; width: 46px; height: 46px; box-sizing: border-box; line-height: 46px; font-size: 18px; font-family: "宋体", SimSun; transition: 0.3s ease 0s; border: 1px solid #c41b35; text-align: center; }
.news-btn a[class*="right"] { margin-left: -1px; }
.news-btn a[class*="left"]:hover { text-indent: -10px; }
.news-btn a[class*="right"]:hover { text-indent: 10px; }
.NewsList_a1 a:hover .newnr b { color: #c41b35; }
.NewsList_a1 a:hover:before { width: 100%; height: 100%; transition: width 0.2s linear 0s, height 0.2s linear 0.2s; }
.NewsList_a1 a:hover:after { width: 100%; height: 100%; transition: width 0.2s linear 0.4s, height 0.2s linear 0.6s; }
.news-btn { position: absolute; right: 0; top: -29%; }
.NewsList_a1 li { padding-bottom: 17px; }
/*s6*/
.s6 { margin-top: 3.5%; }
.s6 .history { margin-top: 1.5%; background: url(../images/bg3.jpg) no-repeat center; background-size: cover; padding: 5.5% 0; position: relative; }
.s6 .history:before { content: ''; position: absolute; width: 100%; height: 2px; background: #999; left: 0; top: 50%; margin-top: -1px; }
.history li { font-size: 0; position: relative; width: auto; }
.history li>div { font-size: 0; height: 50%; width: 100%; position: relative; }
.history li:nth-child(odd)>div { display: inline-block; vertical-align: bottom; }
.history li:nth-child(odd):before { content: ''; height: 100%; display: inline-block; vertical-align: bottom; width: 0; }
.history>div>div { padding: 5px 10px; height: 18.4vw; }
.history li>div .R h3 { font-size: 24px; color: #666; font-weight: normal; margin-bottom: 10px; }
.history li>div .R p, .history li>div .R span { font-size: 18px; color: #666; }
.history li>div .L { text-align:right; font-size: 0; overflow: hidden; width: 5.7vw; max-width: 110px; padding-right: 20px; height: 100%; max-height: 100px; }
.history li:nth-child(odd)>div .L:before { display: inline-block; vertical-align: bottom; content: ''; height: 100%; width: 0; }
.history li>div .R { position: relative; font-size: 0; padding-left: 20px; height: 100%; border-left: 1px solid #888; }
.history li:nth-child(odd)>div .L img { display: inline-block; vertical-align: bottom; }
.history li>div .R:after { width: 7px; height: 7px; position: absolute; content: ''; background: #888; border-radius: 50%; left: -4px; top: 0; }
.history li:nth-child(odd)>div .R:after { top: auto; bottom: 0; }
.history li:nth-child(odd)>div .R>div { height: 100%; font-size: 0; }
.history li:nth-child(odd)>div .R>div:before { content: ''; display: inline-block; vertical-align: bottom; height: 100%; width: 0; }
.history li>div .R:before { content: ''; position: absolute; width: 15px; height: 15px; border-radius: 50%; background: rgba(198,33,53,1); background: -webkit-gradient(linear, left top, right bottom, color-stop(80%, rgba(222,28,63,1)), color-stop(100%, rgba(231,100,60,1))); border: 2px solid #fff; box-shadow: 0 0 6px 0 rgba(203,34,70,0.36); bottom: -9px; left: -10px; }
.history li:nth-child(odd)>div .R:before { bottom: auto; top: -9px; }
.history li:nth-child(even)>.B>div>div { display: inline-block; vertical-align: top; }
.history li>div .R p { line-height: 1.4; }
.history li:nth-child(odd)>.B>div>div, .history li:nth-child(odd)>div .R>div>div { display: inline-block; vertical-align: bottom; }
.history li>div>div { height: 100%; display: inline-block; vertical-align: bottom; }
.history li:nth-child(odd)>div:before, .history li:nth-child(odd)>div>div { vertical-align: top; }
.history li>div:before { content: ''; display: inline-block; vertical-align: bottom; height: 100%; width: 0; }
.history li:nth-child(9n+1)>div>div, .history li:nth-child(9n+5)>div>div { height: 70%; }
.history li:nth-child(9n+4)>div>div { height: 60%; }
.history li:nth-child(9n+8)>div>div, .history li:nth-child(9n+9)>div>div { height: 80%; }
.history li img{width:auto; height:auto; max-height:100%; max-width:100%; display:inline-block;}
.ProductList_b1 li span, .ProductList_b2 span, .ProductList_b2 li:first-child h3:before, .ProductList_b2 li:first-child a em, .ResTitle_a1 br { display: none; }
@media screen and (max-width: 1600px ) {
.s1 .R h4 { font-size: 32px; }
.s1 .R p { font-size: 13.5px; }
.s1 .R i { width: 75px; height: 75px; border-radius: 50%; line-height: 75px; }
.s1 .R li { margin-left: 10%; font-size: 16px; }
}
@media screen and (max-width: 1400px ) {
.s1 .R p { font-size: 12px; }
.banner-btn>div { font-size: 20px; width: 40px; height: 40px; line-height: 40px; }
.banner-btn { bottom: 5%; }
.s1 .R h4 { font-size: 28px; }
.s1 .R i { width: 60px; height: 60px; line-height: 60px; }
.s1 .R li { font-size: 12px; }
.s1 .R { width: calc(80.5% - 400px); }
.s2>.T h3, .s3 h3, .ResTitle_a1 span { font-size: 32px; }
.s2>.T p { margin-top: 1%; font-size: 14px; }
.s2>.T ul li .T { font-size: 20px; }
.s2>.T ul li .B { font-size: 16px; margin-top: 10px; }
.s2>.T ul li .T span:first-child { font-size: 40px; }
#NavigationList_d1 li a:before, #NavigationList_d2 li a:before, #NavigationList_d3 li a:before { width: 14px; height: 14px; margin-top: -7px; }
#NavigationList_d1 li a:after, #NavigationList_d2 li a:after, #NavigationList_d3 li a:after { left: 4px; }
.ProductList_b1 li a h3 { font-size: 16px; }
.ProductList_b1 li a:after { height: 36px; line-height: 36px; font-size: 14px; width: 50%; left: 25%; }
#NavigationList_d2 ul:before { width: calc(94% - 257px); }
.history li>div .R p, .history li>div .R span, .ResTitle_a1 em, .s3 p, #NavigationList_d1 li, #NavigationList_d2 li, #NavigationList_d3 li, #NavigationList_d1 ul>a, #NavigationList_d2 ul>a, .ProductList_b2 h3 { font-size: 14px; }
.ProductList_b2 .picimg:after { width: 36px; height: 36px; margin: -18px 0 0 -18px; }
.ProductList_b2 a em { font-size: 12px; right: 5%; bottom: 4%; }
.ProductList_b2 li:first-child .picimg:after { width: 26%; left: 37%; font-size: 14px; height: 36px; line-height: 36px; }
.ProductList_b2 li:first-child a:hover .picimg:after { bottom: 15%; }
.ProductList_b2 li:first-child h3 { font-size: 24px; }
.ProductList_b2 h3 { padding: 3px 0 3px 20px; }
.history li>div .R h3 { font-size: 18px }
}
@media screen and (max-width: 1200px ) {
.s1 .R i { width: 50px; height: 50px; line-height: 50px; }
.BannerShow_b2 .swiper-pagination-bullet:after { width: 6px; height: 6px; margin-left: -3px; margin-top: -3px; }
.BannerShow_b2 .swiper-pagination-bullet { width: 16px; height: 16px; }

.NewsList_a1 .newimg{height: 18vw;}
}
@media screen and (max-width: 1024px ) {
.s1 .R { width: 100%; text-align: center; margin-left: 0; }
.s1 .R ul { margin-top: 5%; }
.s3 .L { width: 45%; }
.ProductList_b2 .picimg img { width: 100%; }
.ProductList_b2 .picimg { height: 12.5vw; }
.ProductList_b2 li:first-child { width: 52%; }
.history>div>div { height: 30vw; }
.history li>div .L { width: 9vw; }
#NavigationList_d2 ul:before { display: none; }

}
@media screen and (max-width: 720px ) {
    .NewsList_a1 .newimg{display: none;}
.ResTitle_a1 { text-align: center; }
.s1 { background: #fff; padding: 8vw 0 11vw; border-bottom: 5px solid #f0f0f0; }
.s1 .R h4, .s2>.T h3, .s3 h3, .ResTitle_a1 span { font-size: 6vw; color: #c2182f; font-weight: normal; }
.s1 .R p, .s2>.T p, .s3 p, .ResTitle_a1 em { font-size: 3.33vw; color: #666; margin-top: 2vw; }
.s1 .R li { width: 25%; margin-left: 0; font-size: 3.33vw; }
.s1 .R i { width: 12.5vw; height: 12.5vw; line-height: 12.5vw; margin: 0 auto; }
.s1 .R li span { margin-top: 2vw; color: #c2182f; }
.s1 .R ul { margin-top: 7%; }
.s2 .B { margin-top: 0; }
.s2>.T { background: none; padding: 7vw 0 4vw; }
.s2 .B .w-836, .s3>.w-836, .s5>.w-836 { width: 100%; }
#NavigationList_d1 li, #NavigationList_d2 li, #NavigationList_d3 li { width: 33.333%; background: #444; font-size: 3.88vw; margin-left: 0; color: #fff; }
#NavigationList_d1 li a, #NavigationList_d2 li a, #NavigationList_d3 li a { padding-left: 0; text-align: center; height: 11vw; line-height: 11vw; }
#NavigationList_d1 li.on, #NavigationList_d1 li:hover, #NavigationList_d2 li.on, #NavigationList_d2 li:hover, #NavigationList_d3 li.on, #NavigationList_d3 li:hover { background: #c2182f; color: #fff; }
#NavigationList_d1 li :hover, #NavigationList_d2 li a:hover, #NavigationList_d3 li a:hover { text-decoration: none; color: #fff; }
#NavigationList_d2 li { width: 50%; color: #fff; }
.i-product { width: 94.5%; margin: 0 auto; }
.ProductList_b1 li, .ProductList_b1 li:nth-child(3n+1) { margin-top: 4%; margin-left: 3%; float: left; width: 48.5%; height: auto; }
.ProductList_b1 li:nth-child(2n+1) { margin-left: 0; }
.ProductList_b1 li .picimg, .ProductList_b2 .picimg { overflow: hidden; width: 100%; height: 30.5vw; border-radius: 4px; max-height: 220px; }
.ProductList_b1 li a h3 { font-size: 3.33vw; position: static; color: #888; opacity: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; margin-top: 2vw; line-height: normal; }
.ProductList_b1 li a { border-radius: 0; background: none; }
.ProductList_b1 li img { }
.ProductList_b1 li a:hover { box-shadow: none; }
.ProductList_b1 li a:hover h3 { color: #c2182f; }
.s2 { padding-bottom: 11vw; border-bottom: 5px solid #f0f0f0; }
.s3 { background: none; margin-top: 6.5vw; padding: 0; border-bottom: 5px solid #f0f0f0; }
.s3 .L { width: 100%; text-align: center; }
.ProductList_b2 li:first-child { position: static; }
.ProductList_b2 li, .ProductList_b2 li:nth-child(3n+1) { width: 48.5%; margin-top: 3%; }
.ProductList_b2 li:nth-child(2n+2) { margin-right: 3%; }
.ProductList_b2 a em { font-size: 3.33vw; right: 6%; bottom: 7%; background-size: 2.7vw auto; padding-left: 3.75vw; }
.ProductList_b2 h3 { margin-left: 0; padding-left: 2.7vw; font-size: 3.33vw; text-align: left; color: #666; }
.ProductList_b2 h3:before { background-size: 1.6vw auto; width: 1.6vw; }
.i-case { padding: 0 2.75% 11vw; background: url(../images/bg2.jpg) no-repeat center center fixed; background-size: cover; }
.s4 { margin-top: 6.5vw; padding-bottom: 10vw; border-bottom: 5px solid #f0f0f0; }
.BannerShow_b2 { margin-top: 6.5vw; }
.BannerShow_b2 .swiper-pagination { margin-top: 4vw; }
.news-box { height: 80vw; }
.NewsList_a1 { height: 100%; }
.NewsList_a1 li { padding-bottom: 0; }
#NavigationList_d3 { margin: 5% 0 2.5vw; }
.NewsList_a1 a { padding: 6vw 2.5vw; }
.NewsList_a1 .newnr b { font-size: 3.88vw; }
.NewsList_a1 .newnr p { margin-top: 4vw; font-size: 3.33vw; color: #666; line-height: 1.8; -webkit-line-clamp: 2; max-height: none; }
.NewsList_a1 .data { margin-top: 4vw; padding: 0; font-size: 3.33vw; color: #888; }
.NewsList_a1 a { padding: 6vw 2.5vw; box-shadow: none; border: none; background: #f4f4f4; }
.s5 { margin-top: 6.5vw; padding-bottom: 13.8vw; border-bottom: 5px solid #f0f0f0; }
.history li:nth-child(odd)>div { display: block; vertical-align: top; }
.history li>div, .history li>div>div, .history li:nth-child(9n+1)>div>div, .history li:nth-child(9n+5)>div>div, .history li:nth-child(9n+8)>div>div, .history li:nth-child(9n+9)>div>div, .history li:nth-child(9n+4)>div>div { height: auto; }
.history li>div { height: 100%; box-sizing: border-box; padding-left: 4vw; }
.history li>div .L, .history li:nth-child(even)>.B>div>div { display: block; width: auto; max-width: none; padding-right: 0; height: auto; max-height: none; position: static; }
.history li:nth-child(odd)>.B>div>div, .history li:nth-child(odd)>div .R>div>div { display: block; }
.history li>div .R { position: static; padding-left: 0; height: auto; border-left: none; }
.history>div>div { padding: 0 4vw 0; height: 100vw; }
.history li>div:before, .history li:nth-child(odd)>div:before, .history li:nth-child(odd)>div>div, .history li>div>div { vertical-align: middle; }
.history li>div .R h3, .history li>div .R p { display: inline-block; vertical-align: middle; font-size: 3.88vw; margin-bottom: 0; line-height: 1; }
.s6 .history:before { width: 1px; height: 92%; left: calc(2.75% + 4vw); top: 6%; margin-top: 0; }
.history li>div .R:before { width: 2vw; height: 2vw; bottom: auto; left: -1vw; top: 50%; margin-top: -1vw; }
.history li:nth-child(odd)>div .R:before { bottom: auto; top: 50%; }
.s6 .history { margin-top: 4.8vw; padding: 0; }
.s6 .history .w-836 { padding: 10vw 0; }
.s6 { margin-top: 6.5vw; }
.BannerShow_b2 a {
    height: 48vw;
}
.history br, .history li>div .R:after, .history li:nth-child(odd)>div .L img, .history img, .history li:nth-child(odd):before, .NewsList_a1 a:before, .NewsList_a1 a:after, #NavigationList_d3 li:nth-child(4), #NavigationList_d3 li:nth-child(5), .ProductList_b2 li:first-child, #NavigationList_d2 li a:after, #NavigationList_d2 li a:before, #NavigationList_d3 li a:after, #NavigationList_d3 li a:before, #NavigationList_d2 ul>a, .banner-btn, .s1:before, .s1 .R li.pc-720, .s2>.T ul, #NavigationList_d1 li a:before, #NavigationList_d1 li a:after, #NavigationList_d1 ul>a, .ProductList_b1 li a:before, .ProductList_b1 li a:after { display: none; }
}