@charset "utf-8";
#MenuList_f1_public-bg { display: none !important; }
.w-85 { width: 85%; margin: 0 auto; }
.c-this, .NavList_a1 a.on { color: #ba4241; }
.b-this { background: #ba4241; }
.b-this1 { background: #dcedff; }
.b-this2 { background: #ebf3ff; }
.page-box { padding: 6.5vw 0 8vw; }
.page-box .B { margin-top: 4vw; }
.table-box { overflow: auto; margin-top: 2vw; }
table { border: 1px solid #e8e8e8; background: #f7faff; }
table tr:not(:last-child) td { border-bottom: 2px solid #fff; }
table td:not(:last-child) { border-right: 2px solid #fff; }
table td { padding: 1vw; }
.pd0 { padding: 0; }
tr table { border: none; }
@keyframes a1 { 0% {
 transform: translateY(0);
}
20% {
 transform: translateY(0);
}
40% {
 transform: translateY(-5px);
}
50% {
 transform: translateY(0);
}
60% {
 transform: translateY(-3px);
}
80% {
 transform: translateY(0);
}
100% {
 transform: translateY(0);
}
}
@keyframes a2 { 100% {
transform:rotate(360deg);
}
}
@keyframes a3 { 0%, 50% {
background: #28395b;
}
51%, 100% {
background:#fff;
}
}
.a1 i { width: 3.5vw; height: 3.5vw; }
.a1 i:before, .a1 i:after { content: ''; position: absolute; width: 100%; height: 100%; z-index: 0; left: 0; top: 0; border-radius: 50%; box-sizing: border-box; transition: 0.5s ease 0s; }
.a1 i:before { border: 1px dashed; animation: a2 15s linear 0s infinite; }
.a1 i:after { border: 1px solid #e8e8e8; /*transform:scale(0.75);*/ width: 75%; height: 75%; left: 12.5%; top: 12.5%; }
.a1 small { width: 8px; height: 8px; border-radius: 50%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: -1; }
.a1 span { margin-left: 1vw; }
.num { margin-bottom: 0.5vw; }
.title1 p:before, .title1 p:after { content: ''; position: absolute; right: -1vw; transform: translateX(100%); z-index: -1; border-radius: 999px; height: 4px; }
.title1 p { line-height: 1; }
.title1 p:before { bottom: 0.4vw; width: 1vw; }
.title1 p:after { bottom: 1vw; width: 1.5vw; }
.c1.title1 p:before, .c1.title1 p:after { background: #ba4241; }
.c2.title1 p:before, .c2.title1 p:after { background: #fff; }
/*menu-box*/
.menu-box { height: 5.7vw; width: 100%; padding-left: 7.5vw; position: relative; z-index: 3; left: 0; top: 0; background: #fff; }
.menu-box .M { height: 100%; background: #fff; line-height: 5.7vw; width: 86.5%; text-align: right; }
/*--menu-box end-----------------*/

/*主导航菜单 2018.08.30*/
.MenuList_f1 { display: inline-block; vertical-align: top; }
.MenuList_f1>ul { font-size: 0; display: block; }
.MenuList_f1>ul>li { position: static; text-align: center; display: inline-block; vertical-align: top; }
.MenuList_f1>ul>li>:first-child a { padding: 0 1.5vw; }
.MenuList_f1>ul>li a { display: block; text-transform: capitalize; }
.MenuList_f1>ul>li a span { display: inline-block; vertical-align: middle; line-height: 1.5; }
.MenuList_f1>ul>li>:first-child { transition: 0.5s ease 0s; font-weight: normal; display: block; position: relative; z-index: 1; font-size: 16px; color: #333; }
.MenuList_f1>ul>li>:first-child.on { }
.MenuList_f1>ul>li>:nth-child(2) { transition: 0.5s ease 0s; transform-origin: top; opacity: 0; transform: scale(1, 0); overflow: hidden; line-height: 4vw; background: #FFF; background: rgba(255,255,255,0.96); left: 0; z-index: 2; position: absolute; width: 100%; }
.MenuList_f1>ul>li ul li { max-width: none; float: none; width: auto; padding: 0px; display: inline-block; vertical-align: top; }
.MenuList_f1>ul>li ul li a { transition: 0.5s ease 0s; width: 100%; overflow: hidden; color: #555; text-align: center; text-decoration: none; font-size: 14px; font-weight: normal; }
.MenuList_f1>ul>li>:first-child:after { transition: 0.5s ease 0s; content: ''; z-index: -1; bottom: 0; left: 15%; background: #f2f2f2; height: 100%; width: 70%; position: absolute; border-top: 6px solid #ba4241; box-sizing: border-box; opacity: 0; }
.MenuList_f1>ul>li>:first-child.on:after { width: 100%; left: 0; opacity: 1; }
/*汉堡菜单PC*/
.menu-i.on .menu-icon:after { transform: translate(0, 0) rotateZ(-45deg); }
.menu-i.on .menu-icon:before { transform: translate(0, 0) rotateZ(45deg); }
.menu-i.on .menu-icon span { background: transparent; }
.menu-icon span, .menu-icon:before, .menu-icon:after { transition: 0.5s ease 0s; display: inline-block; height: 4px; background: #fff; content: ''; width: 40px; vertical-align: middle; }
.menu-icon:before, .menu-icon:after { position: absolute; left: 50%; top: 50%; margin-top: -2px; }
.menu-icon:before { transform: translate(-50%, -14px); }
.menu-icon:after { transform: translate(-50%, 14px); }
.menu-icon span { position: relative; margin: 0 auto; z-index: 0; }
.menu-i { background: #ba4241; display: none; transition: 0.5s ease 0.5s; opacity: 1; top: 0; right: 0; overflow: hidden; width: 100px; line-height: 100px; margin-left: 0; text-align: center; position: absolute; z-index: 1; cursor: pointer; outline: none; }
.menu-icon { display: block; height: 100%; background: none; position: relative; z-index: 0; }
.menu-i1 { transition: 0.5s ease 0.8s; opacity: 1; right: 0; }
/*menu-slide 用slide注意效果遮挡*/
.menu-slide { z-index: 0; position: absolute; background: #ba4241; height: 3px; bottom: 0; transition: 0.5s cubic-bezier(0.21, 0.8, 0.31, 1.21) 0s; }
.MenuList_f1.slide-menu { position: relative; z-index: 1; }
/*导航定位使用的类*/
.menu-fix { opacity: 1; position: fixed; left: 0; top: 0; z-index: 1; transition: 0.5s ease 0s; }
.menu-fix.menu-fix-down { opacity: 0; top: -5.7vw; }
/*---导航end------------------------------------------------------------------------------------------------------------------------*/
/*logo*/
.menu-w { font-size: 0; margin: 0 auto; height: 100%; }
.logo { width: 13.5%; height: 100%; }
.logo img, .logo a { width: 100%; }
/*--logo end------------------------------------------*/

/*language*/
.language-box { height: 100%; }
.language { transition: 0.5s ease 0s; border-left: 1px solid #e8e8e8; padding: 0 2vw; position: relative; z-index: 1; background: #fff; }
.language:after { vertical-align: middle; border-top-color: #666; border-width: 6px 5px 0 5px; margin-left: 10px; }
.language-box ul { border-top: 1px solid #e8e8e8; position: absolute; left: 0; width: 100%; z-index: 0; transition: 0.5s ease 0s; transform-origin: top; transform: translateY(-100%); opacity: 0; }
.language-box li a { line-height: normal; background: rgba(255,255,255,0.96); padding: 1vw 0; }
/*--language end----------*/
/*search*/
.search-click { width: 7.3vw; background: -webkit-linear-gradient(90deg, #ba4241, #e55857); }
.search-click img { width: 14%; }
.menu-search { transition: 0.5s ease 0s; text-align: right; transform-origin: top; transform: scale(1, 0); opacity: 0; position: absolute; right: 0; line-height: normal; z-index: 0; }
.menu-search form { display: inline-block; vertical-align: top; text-align: left; background: rgba(255,255,255,0.96); padding: 0.6vw 1vw; border-radius: 0 0 0 4px; }
.menu-search div { transition: 0.3s ease 0s; border: 1px solid #ddd; border-radius: 999px; padding: 0.6vw 1vw; background: #f5f5f5; }
.menu-search button { background: none; width: 14px; }
.menu-search input { background: none; margin-left: 10px; width: 12vw; }
.search-box:hover .menu-search { transform: scale(1); opacity: 1; }
/*f_type:true*/
.MenuList_f1.swiper>ul>li { position: static; }
/*f_type:true*/
.MenuList_f1.swiper>ul { display: flex; display: -ms-flexbox;/*IE10*/ }
/*footer*/
.footer>div { padding: 4vw 0; }
.beian a { display: inline-block; vertical-align: top; }
.MenuList_f2 li { display: inline-block; vertical-align: top; margin-right: 2.5vw; margin-bottom: 5px; }
.MenuList_f2 li:nth-child(6) { margin-right: 0; }
.MenuList_f2 a { display: block; position: relative; z-index: 0; padding: 0 0 3px; overflow: hidden; }
.MenuList_f2 a:after { content: ''; display: block; width: 0px; height: 1px; background: #fff; transition: 0.5s ease 0s; margin-left: 50%; }
.MenuList_f2 ul { font-size: 0; }
.MenuList_f2 h3 { font-weight: normal; font-size: 14px; }
.footer .R { width: calc(10vw + 300px); }
.footer .M { position: absolute; z-index: 0; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.footer .M i { width: 1px; height: 3vw; background: #fff; margin: 0 auto 0.5vw; }
.footer .M i:before { content: ''; position: absolute; width: 0.5vw; height: 0.5vw; border: 1px solid #fff; border-left: none; border-bottom: none; transform: rotate(-45deg) translateX(-50%); top: 0; left: 50%; z-index: -1; transform-origin: left; }
.footer .M i:after { content: ''; position: absolute; top: 0; left: 50%; width: 2vw; height: 2vw; border: 1px solid #fff; border-radius: 50%; z-index: 0; transform: translate(-50%, -50%); }
@keyframes a4 { 0% {
top:0;
}
60% {
top:2vw;
}
100% {
top:0;
}
}
#gotop:hover i:after { animation: a4 3s linear 0s infinite; }
/*banner*/
.page-banner:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #1c46e2; opacity: 0.3; z-index: -1; }
.ResTitle_a1 { position: absolute; z-index: 0; left: 0; width: 100%; text-align: center; top: 50%; transform: translateY(-50%); text-transform: uppercase; }
.ResTitle_a1 span { font-size: 3vw; display: block; }
.ResTitle_a1 em { display: block; font-size: 20px; margin-top: 10px; }
.ResTitle_a1 em:before { margin-right: 10px; }
.ResTitle_a1 em:after { margin-left: 10px; }
.ResTitle_a1 em:before, .ResTitle_a1 em:after { content: '/'; }
.PosList_a1 { position: absolute; z-index: 0; width: 100%; padding: 0 7.5%; bottom: 1.5vw; font-size: 14px; text-align: right; text-transform:capitalize; }
.PosList_a1 span:nth-of-type(1), .PosList_a1 a:nth-of-type(1) { color: rgba(255,255,255,0.6); }
.PosList_a1 span:nth-of-type(1):before { content: url(/images/i2.png); vertical-align: middle; margin-right: 5px; }
.PosList_a1 i:nth-of-type(1) { font-size: 0; width: 14px; height: 1px; background: #fff; transform: rotate(-70deg); display: inline-block; vertical-align: middle; }
.PosList_a1 b { font-weight: normal; }
/*nav*/
.nav { background: #fff; width: 100%; margin: 0 auto; }
.NavList_a1 ul { font-size: 0; text-transform:capitalize;}
.NavList_a1 a { display: block; font-size: 16px; color: #333; transition: 0.5s ease 0s; padding: 1.2vw 0; position: relative; z-index: 0; }
.ResTitle_a2 { text-transform: uppercase; background: #f5f5f5; border: 1px solid #e5e5e5; position: relative; z-index: 0; color: #333; font-size: 4.4vw; padding: 4vw 5vw; transition: 0.5s ease 0s; }
.ResTitle_a2:after { content: ''; position: absolute; border-style: solid; border-color: #333 transparent transparent; border-width: 1.2vw 1.2vw 0 1.2vw; right: 5vw; top: 50%; margin-top: -0.6vw; transform: rotateZ(-90deg); transition: 0.5s ease 0s; }
.nav.on .ResTitle_a2 { background: #e8e8e8; }
.nav.on .ResTitle_a2:after { transform: rotateZ(0deg); }
/*about*/
.title2:before { content: ''; display: inline-block; vertical-align: middle; width: 8vw; height: 1px; background: #bfbfbf; margin-right: 2vw; }
.about .TL img { margin-top: 4vw; }
.about .TR ul { margin-top: 5vw; }
.about .TR li { width: 25%; }
.title3 p, .about p, .rid35 p { line-height: 2; margin-top: 1.5vw; }
.title3>i { width: 1vw; margin-right: 0.5vw; }
.about .B { margin-top: 10vw; }
.about .B img { margin-top: 1.5vw; width:100%; }
/*rid35*/

.rid35 .TR ul { margin-top: 2.5vw; }
.rid35 .TR li i { width: 3.2vw; height: 3.2vw; }
.rid35 .TR li { width: 20%; }
.rid35 .TR li span { margin-top: 5px; }
/*history*/
#history-time { padding: 1vw 4vw 0; }
.history-time:before { content: ''; width: 100%; position: absolute; left: 0; bottom: 9px; z-index: -1; border-bottom: 1px dashed #e8e8e8; }
.history-time:after { content: url(/images/img1-5.png); position: absolute; bottom: 9px; right: 0; z-index: -1; transform: translateY(-50%); height: 7px; }
.history-time ul { -webkit-align-items: flex-end; -moz-align-items: flex-end; -ms-align-items: flex-end; -o-align-items: flex-end; align-items: flex-end; }
.history-time li { width: auto; padding-bottom: 2vw; cursor: pointer; outline: none; }
.history-time li:not(:last-child) { margin-right: 6.8vw; }
.history-time li.swiper-slide-thumb-active time { color: #ba4241; transform: scale(1.4); }
.history-time li time { transform-origin: bottom; }
.history-time li:before, .history-time li:after { content: ''; position: absolute; z-index: 0; left: 50%; transition: 0.5s ease 0s; border-radius: 50%; background: #666; transform: translate(-50%, 0); }
.history-time li:before { width: 18px; height: 18px; opacity: 0.3; bottom: 0; }
.history-time li:after { width: 10px; height: 10px; bottom: 4px; }
.history-time li.swiper-slide-thumb-active:before, .history-time li.swiper-slide-thumb-active:after { background: #ba4241; }
.history-text { margin-top: 3.5vw; }
.his-text time { margin-top: 2.5vw; }
.his-text i { width: 16px; margin-right: 5px; }
.his-text em { width: calc(100% - 21px); }
.his-text p { line-height: 2; margin-top: 1vw; }
/*rid37*/
.rid37 .B img, .rid53 .B img, .rid54 .B img { width: 100%; }
/*honor*/
.honor [class*="PhotoList"] li a { height: 20vw; padding: 1.5vw; text-align: center; transition: 0.5s ease 0s; }
.honor [class*="PhotoList"] li a:before { content: ''; display: inline-block; vertical-align: middle; height: 100%; width: 0; }
.honor [class*="PhotoList"] img, .case [class*="PhotoList"] img { height: auto; max-height: 100%; max-width: 100%; margin-left: 0; transform: scale(1); }
.honor [class*="PhotoList"] li span { padding: 0 10px; border: none; background: none; margin-top: 1vw; color: #666; transition: 0.5s ease 0s; }
/*news*/
.news .B ul { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; }
.news .B li a { height: 100%; display: block; padding-bottom: 1.5vw; border: 1px solid #e8e8e8; transition: 0.5s ease 0s; position: relative; z-index: 0; }
.news .B .data { font-size: 14px; color: #666; position: relative; z-index: 0; margin-top: 1.5vw; }
.news .B .data:before { content: ''; display: inline-block; vertical-align: middle; width: 4px; height: 4px; border-radius: 50%; background: #666; margin-right: 5px; }
.news .B .data i { width: 30px; height: 30px; border: 1px solid #e8e8e8; font-size: 16px; color: #afafaf; position: absolute; z-index: -1; right: 1vw; top: 50%; transform: translateY(-50%); text-align: center; border-radius: 50%; font-family: "宋体", SimSun; line-height: 29px; }
.news .B .data b, .news .B time b { font-weight: normal; }
.news .B .data b:before, .news .B time b:before { content: '-'; }
.news .B .newimg { height: 13vw; overflow: hidden; }
.news .B .newnr b { font-size: 18px; color: #333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; font-weight: normal; }
.news .B .newnr p { font-size: 16px; color: #666; line-height: 1.75; display: -webkit-box; -webkit-line-clamp: 3; max-height: 84px; -webkit-box-orient: vertical; margin-top: 1vw; overflow: hidden; }
.news .B li { margin-bottom: 2.5vw; }
.news .B .newimg img { height: 100%; min-width: 100%; margin-left: 50%; transform: translateX(-50%) scale(1); transition: 0.5s linear 0s; }
.news .B .data, .news .B .newnr { padding: 0 1vw; }
.news .B .newnr { margin-top: 1.5vw; }
.news .B li .a1 span { color: #fff; }
.news .B .i-btn { margin-top: 2vw; }
/*hot*/
.hot .TR i { width: 3.2vw; height: 3.2vw; border: 1px solid #ccc; border-radius: 50%; }
.hot .TR img { max-height: 50%; max-width: 50%; }
.hot .TR p { margin-top: 0.5vw; }
.hot [class*="PhotoList"] li a,.presence .B .newimg { height: 18vw; background: #f8f8f8; position: relative; z-index: 0; padding-bottom: 0; border: none; }
.hot [class*="PhotoList"] li a:before { content: ''; background: #000; opacity: 0; width: 100%; height: 100%; z-index: 1; left: 0; top: 0; position: absolute; transition: 0.5s ease 0s; }
.hot [class*="PhotoList"] h4 { display: block; font-size: 14px; text-align: center; color: rgba(255,255,255,0.6); position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) scale(0.5); z-index: 1; font-weight: normal; transition: 0.5s ease 0s; opacity: 0; }
.hot [class*="PhotoList"] h4:before { content: ''; width: 2.5vw; height: 2.5vw; margin: 0 auto 1vw; display: block; border: 1px solid #fff; opacity: 0.8; border-radius: 50%; }
.hot [class*="PhotoList"] h4:after { content: ''; position: absolute; width: 8px; height: 8px; border-radius: 50%; background: #fff; left: 50%; top: 1.25vw; transform: translate(-50%, -50%); }
.hot [class*="PhotoList"] li span,.presence .B .newnr b { transition: 0.5s ease 0s; border: none; padding: 1vw 10px; background: #f8f8f8; color: #666; text-align:center; }
.equipment [class*="PhotoList"] li span { background: none; }
/*product*/
.ClassList_b1 { background: #f2f2f2; }
.ClassList_b1 li { cursor: pointer; outline: none; }
.ClassList_b1 li:not(:first-child) { border-left: 1px solid #dedede; }
.ClassList_b1 figure { height: 4vw; overflow: hidden; }
.ClassList_b1 figure img:last-child { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); opacity: 0; z-index: 0; }
.ClassList_b1 p { margin-top: 1vw; transition: 0.5s ease 0s; }
.ClassList_b1 a { padding: 1.5vw 1vw; transition: 0.5s ease 0s; }
.ClassList_b1 li.on a { background: #ba4241; }
.ClassList_b1 li.on img:first-child { opacity: 0; }
.ClassList_b1 li.on img:last-child { opacity: 1; }
.ClassList_b1 li.on p { color: #fff !important; }
.ClassList_b1 figure img { max-height: 100%; max-width: 20%; }
.product-list .title3 p { margin-top: 0.5vw; line-height: normal; }
.product-list .M { margin-top: 3.5vw; }
.product-list .MR p { line-height: 2; }
.product-list .ML { width: 18%; padding-right:1vw; }
.product-list .MR { width: 82%; }
.product-list .BB li { transition: 0.5s ease 0s; border: 1px solid #e8e8e8; }
/*.product-list .BB li:before{content:''; border:1px solid #e8e8e8; position:absolute; width:100%; height:100%; z-index:1; left:0; top:0; box-sizing:border-box;}*/
.product-list .BB li h3 { transition: 0.5s ease 0s; font-weight: normal; padding: 0 10px; line-height: 3vw; }
.pro-btn { border-top: 1px solid #e8e8e8; }
.pro-btn i { width: 20px; height: 20px; line-height: 20px; background: #e8e8e8; border-radius: 50%; margin-right: 5px; }
.product-list .BB { margin-top: 2.5vw; }
.pro-btn a { padding: 10px 0; }
.pro-btn a:not(:first-child) { border-left: 1px solid #e8e8e8; }
.product-list .BB figure { height: 15vw; }
.pro-btn span { line-height: 1; }
/*prodetail*/
.product-detail select { background: #e8e8e8; width: 100%; white-space: normal; padding: 12.5px 2.5vw 12.5px 1vw; cursor: pointer; outline: none; }
.product-detail .select:after { position: absolute; right: 1vw; top: 50%; transform: translateY(-50%); border-top-color: #666; border-width: 8px 6px 0; }
.product-detail .pro-btn { border: none; }
.product-detail .pro-btn a { border: 1px solid #ccc; padding: 12px 1.5vw; }
.product-detail .pro-btn a:not(:first-child) { margin-left: 1vw; }
.product-detail .pro-btn a.on i { transform: rotate(90deg); }
.product-detail .BR figure { height: 10vw; background: #f8f8f8; border: 1px solid #e8e8e8; padding: 0.5vw; }
.product-detail .BR .detail-text { position: absolute; width: calc(100% - 2px); left: 1px; bottom: 1px; z-index: 0; text-align: center; background: rgba(255,255,255,0.6); padding: 0.5vw 0; }
.product-detail .BL h3 { font-weight: normal; padding: 1vw 0; }
.product-detail .BLB { background: #f8f8f8; padding: 2.5vw 5vw; }
#pro-swiper1 li:not(:last-child) { margin-bottom: 1vw; }
#pro-swiper1 li { height: auto; width: auto; }
#pro-swiper1 li.swiper-slide-thumb-active figure { border-color: #ba4241; }
.detail-btn { overflow: hidden; background: #ccc; height: 2.5vw; transition: 0.5s ease 0s; }
.detail-btn:before { transition: 0.5s ease 0s; content: ''; width: 1vw; height: 1vw; border: 1px solid #666; position: absolute; left: 50%; top: 50%; }
.detail-btn.L:before { transform: translate(-50%, 0) rotate(45deg); border-bottom: none !important; border-right: none !important; }
.detail-btn.R:before { transform: translate(-50%, -75%) rotate(45deg); border-top: none !important; border-left: none !important; }
.detail-btn[class*="disabled"] { opacity: 0.5; }
.detail-btn.L { margin-bottom: 1vw; }
.detail-btn.R { margin-top: 1vw; }
.product-detail .pro-btn a.on i { color: #fff; background: #ba4241; }
.product-detail .pro-btn a.on span { color: #ba4241; }
/*rid55*/
.rid55 li:not(:first-child) { margin-top: 3.5vw; }
/*rid57,rid58*/
.rid57 .B img, .rid58 .B img { max-width: 100%; margin: 0 auto; }
/*contact*/
.contact-box .logo1 { width: 8.5vw; height: 8.5vw; position: absolute; z-index: -1; bottom: 0; right: 3vw; }
.contact-box .map { left: 0; z-index: -1; }
.contact-list { width: 31.5%; padding: 2.5vw; box-shadow: 0 0 1.5vw 0 rgba(0,0,0,0.09); min-height: 30vw; }
.contact-list h1 { font-weight: normal; }
.contact-list small { margin-bottom: 3.5vw; }
.contact-list i { width: 14px; margin-right: 0.5vw; height: 28px; }
.contact-list span { width: calc(100% - 14px - 0.5vw); line-height: 1.75; }
.contact-list li:not(:first-child) { margin-top: 1vw; }
.contact-list ul { margin-top: 1.5vw; }
/*rid59*/
.rid59 ol li i { height: 2vw; }
.rid59 ol li img { height: 100%; }
.rid59 ol li p { margin-top: 0.5vw; }
.rid59 ul li { background: #f7faff; }
.rid59 ul li:not(:first-child) { margin-top: 2.5vw; }
.rid59 ul { margin-top: 3vw; }
.rid59 ul li .RB { line-height: 2; margin-top: 1vw; }
.rid59 ul li i { width: 1.5vw; margin-right: 0.5vw; }
/*case*/
.ClassList_b2 ul { border: 1px solid #e8e8e8; position: relative; z-index: 0; }
.ClassList_b2 a { transition: 0.5s ease 0s; position: relative; z-index: 0; display: block; font-size: 16px; color: #666; padding: 1vw; text-align: center; }
.ClassList_b2 a:before { content: ''; position: absolute; z-index: -1; height: 100%; background: #ba4241; left: 0; top: 0; width: calc(100% + 1vw); opacity: 0; }
.ClassList_b2 li.on a { color: #fff; }
.ClassList_b2 li.on a:before, .ClassList_b2 li.on a:after { opacity: 1; }
.NavList_a2 a { transition: 0.5s ease 0s; display: block; font-size: 16px; color: #888; padding-left: 2vw; position: relative; z-index: 0; line-height: 1; }
.NavList_a2 li { display: inline-block; vertical-align: top; }
.NavList_a2 li:not(:first-child) { margin-left: 3vw; }
.NavList_a2 li:first-child a:before, .NavList_a2 li:last-child a:before { content: ''; width: 100%; height: 100%; overflow: hidden; position: absolute; left: 0; top: 0; z-index: -1; }
.NavList_a2 li:first-child a:before { background: url(../images/i13-11.png) no-repeat left center; background-size: auto 100%; }
.NavList_a2 li:last-child a:before { background: url(../images/i13-21.png) no-repeat left center; background-size: auto 100%; }
.NavList_a2 li:first-child a.on:before { background: url(../images/i13-12.png) no-repeat left center; background-size: auto 100%; }
.NavList_a2 li:last-child a.on:before { background: url(../images/i13-22.png) no-repeat left center; background-size: auto 100%; }
.NavList_a2 a.on { color: #ba4241; }
.case .RT { padding-bottom: 10px; border-bottom: 1px dashed #e8e8e8; }
.case .RB { margin-top: 1.5vw; }
.case [class*="PhotoList"] li:not(:nth-child(4n+1)) {
border-left:2px solid #fff;
}
.case [class*="PhotoList"] li a { height: 14.5vw; text-align: center; background: #e8e8e8; }
.case [class*="PhotoList"] li a:after { content: ''; display: inline-block; vertical-align: middle; height: 100%; width: 0; }
.PhotoList_h1 { font-size: 0; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; }
.PhotoList_h1 li { width: 25%; margin-left: 0; background: #ebf3ff !important; color: #666; padding: 1vw 1.5vw; margin-bottom: 5px; }
.case .pageinfo { display: inline-block; vertical-align: middle; float: none; }
.turn-page { margin-left: 2vw; }
.turn-page a { height: 1.8vw; line-height: 1.8vw; }
.turn-page a:before { box-sizing: border-box; width: 1.8vw; height: 1.8vw; border: 1px solid #666; border-radius: 50%; position: absolute; top: 0; z-index: -1; content: ''; transition: 0.5s ease 0s; opacity: 0; }
.turn-page i { height: 1px; background: #666; width: 1.8vw; transition: 0.5s ease 0s; }
.turn-page a:not(:first-child) { margin-left: 1vw; }
.turn-page a:after { margin: 0; position: absolute; z-index: 0; top: 50%; transform: translateY(-50%); transition: 0.5s ease 0s; }
.turn-page .page-l:after { left: 0; }
.turn-page .page-r:after { right: 0; }
.turn-page .page-l:before { right: 20%; }
.turn-page .page-r:before { left: 20%; }
.case .RTR { position: absolute; left: 0; z-index: 0; bottom: 10px; }
/*presence*/
.presence [class*="PhotoList"] li a{height:auto !important; background:none; box-shadow: none !important;}
.presence .B .newnr{margin-top:0 !important; padding:0 !important ;}
.NewsDetail_a1 #nc {
    padding: 2% 0;
}
.VideoDisplay_a1_C iframe, .VideoDisplay_a1_C video, .NewsDetail_a1 #nc[class*="nf"] video, .NewsDetail_a1 #nc[class*="nf"] iframe {
    width: 100%;
    height: 42vw;
    background: #000 !important;
}
.MenuList_f2 .child, .MenuList_f2 li:first-child, [class*="ResTitle_a"] br, .ResTitle_a2 em, .news .B time i, .price #NewsList_a1 .newimg, .price #NewsList_a1 .data i, .NavigationList_a1_2ndGrade, .equipment [class*="PhotoList"] h4, .equipment [class*="PhotoList"] li a:before, .case [class*="PhotoList"] li a:hover h4, .PhotoList_h1 img, .hot .data, .hot .B .newnr p { display: none; }
 @media screen and (min-width: 801px ) {
.case [class*="PhotoList"] li:nth-child(8n+5), .case [class*="PhotoList"] li:nth-child(8n+6), .case [class*="PhotoList"] li:nth-child(8n+7), .case [class*="PhotoList"] li:nth-child(8n+8) { background: #f7faff !important; }
.case-list { margin-top: 2vw; }
.ClassList_b2 li:not(:first-child) { border-top: 1px solid #e8e8e8; }
.ClassList_b2 a:after { content: ''; position: absolute; z-index: -1; top: 0; right: 2.5vw; height: 100%; width: 5px; opacity: 0; background: url(../images/i12.png) no-repeat center; background-size: 100% auto; }
.case .L { width: 15%; }
.case .R { width: 85%; padding-left: 4vw; }
.rid59 ol li:not(:first-child) { margin-left: 2.5vw; }
.rid59 ul li .L { width: 39%; position: absolute; height: 100%; z-index: 0; left: 0; top: 0; }
.rid59 ul li .R { width: 61%; margin-left: auto; padding: 3vw 4vw; }
.contact-box { padding: 0 6vw; }
#pro-swiper1 { height: 43vw; }
.product-detail .pro-btn { margin-left: 3vw; }
.product-detail .select { width: 14.5vw; }
.product-detail .TR { position: absolute; z-index: 0; right: 0; bottom: 0; }
.product-detail .BR { width: 18.5%; }
.product-detail .BL { width: 81.5%; padding-left: 5vw; }
.product-list .BB li { width: 18%; margin-bottom: 2.5%; }
.product-list .BB li:not(:nth-child(5n+1)) {
margin-left:2.5%;
}
.NavigationList_a1_2ndGrade.active { display: block; }
.NavigationList_a1_2ndGrade a { min-width: 7.5vw; border: 1px solid #e8e8e8; text-align: center; padding: 0.6vw 10px; margin-right: 1.5vw; }
.NavigationList_a1_2ndGrade a.on { color: #ba4241; border-color: #ba4241; }
.ClassList_b1 li { width: 20%; }
.news-zz { position: absolute; width: 100%; height: 100%; z-index: 1; top: 0; left: 0; background: rgba(229,88,87,0.9); padding: 4vw; /*transform: scale(0.5); opacity: 0;*/ transition: 0.5s ease 0s; }
.news .B li { width: 23.5%; margin-left: 2%; }
.news-list .B li:first-child .newnr { padding: 0; }
.news-list .B li:first-child .newnr b { font-size: 1.45vw; color: #fff; }
.news-list .B li:first-child .newnr p { color: #fff; line-height: 2; max-height: 64px; -webkit-line-clamp: 2; }
.news-list .B li:first-child .data { display: none; }
.news-list .B li:first-child { width: 49%; margin-left: 0; }
.news-list .B li:first-child .newimg { max-height: 100%; min-height: 25vw; }
.news-list .B li:first-child a { padding-bottom: 0; }
.news-list .B li:nth-child(4), .price #NewsList_a1 li:nth-child(4n+1) { margin-left: 0; }
.hot .TR li:not(:first-child) { margin-left: 2vw; }
.hot [class*="PhotoList"] li { width: 32%; background: none; }

.honor [class*="PhotoList"] li { width: 32%; background: none; }
.honor [class*="PhotoList"] li:nth-child(4n+1), .hot [class*="PhotoList"] li:nth-child(4n+1) { margin-left: 2%; }
.honor [class*="PhotoList"] li:nth-child(3n+1), .hot [class*="PhotoList"] li:nth-child(3n+1) { margin-left: 0; }
.rid37 .TR, .honor .TR, .news .TL, .news .TR, .hot .TR, .hot .TL, .rid57 .TR, .rid58 .TR, .rid59 .TL, .rid59 .TR { width: auto; }
.rid37 .TL, .honor .TL, .equipment .TL { width: 43%; }
.rid57 .TL, .rid58 .TL { width: 59%; }
.his-img { width: 41.5%; }
.his-text { width: 58.5%; padding-left: 8%; padding-top: 1vw; }
.rid35 .B { background: url(/images/img1-3.jpg) no-repeat center; background-size: 39.8vw auto; padding: 4vw 0 1vw; }
.rid35 .B p { margin-top: 0.5vw; width: 25vw; }
.rid35 .TL { width: 45%; }
.rid35 .TR { width: 55%; padding-left: 7%; }
.rid35 .B li:nth-child(1) { margin-left: 20vw; }
.rid35 .B li:nth-child(2) { margin-left: 57vw; margin-top: 1.5vw; }
.rid35 .B li:nth-child(3) { margin-left: 5vw; }
.rid35 .B li:nth-child(4) { margin-left: 64vw; margin-top: 1vw; }
.rid35 .B li:nth-child(5) { margin-left: 17vw; margin-top: 7vw; }
.about .TL { width: 47.5%; }
.about .TR { width: 52.5%; padding-left: 9%; }
.NavList_a1 li { display: inline-block; vertical-align: top; }
.nav { border-bottom: 1px solid #e8e8e8; text-align: center; }
.NavList_a1 a:after { content: ''; width: 0; left: 50%; height: 2px; background: #ba4241; z-index: -1; transition: 0.5s ease 0s; bottom: 0; position: absolute; }
.NavList_a1 a:hover:after { width: 100%; left: 0; }
.NavList_a1 li:not(:first-child) { margin-left: 4vw; }
.MenuList_f2 a:hover:after { width: 100%; margin-left: 0; }
.beian span:last-child { display: block; margin-top: 5px; }
.MenuList_f1>ul>li ul li:not(:first-child) { margin-left: 4vw; }
.MenuList_f1, .MenuList_f1>ul, .MenuList_f1>ul>li, .MenuList_f1>ul>li>:first-child, .MenuList_f1>ul>li>:first-child a, .language, .search-box, .search-click { height: 100%; }
.MenuList_f1>ul>li ul li a:hover, .language-box:hover .language, .a1:hover span, .honor [class*="PhotoList"] li:hover span, .hot .TR a:hover p, .ClassList_b1 a:hover p, .NavigationList_a1_2ndGrade a:hover, .pro-btn a:hover span, .product-list .BB li h3:hover, .rid59 ol li a:hover p, .ClassList_b2 a:hover, .NavList_a2 a:hover { color: #ba4241; }
.MenuList_f1>ul>li:hover>:nth-child(2)/*, #NewsList_a1 li a:hover .news-zz */ { transform: scale(1); opacity: 1; }
.news .B li a:hover img { transform: translateX(-50%) scale(1.1); }
.language-box:hover ul { transform: translate(0); opacity: 1; }
.case [class*="PhotoList"] li:hover img, .honor [class*="PhotoList"] li:hover img, .product-list .BB li:hover em { transform: scale(1.1); }
.MenuList_f1>ul>li:hover>:first-child:after { width: 100%; left: 0; opacity: 1; }
.language:hover:after { -webkit-animation: a1 2.5s infinite; -moz-animation: a1 2.5s infinite; -ms-animation: a1 2.5s infinite; -o-animation: a1 2.5s infinite; animation: a1 2.5s infinite; }
.a1:hover i:before {/*transform:scale(0.75);*/ width: 75%; height: 75%; left: 12.5%; top: 12.5%; }
.a1:hover i:after {/*transform:scale(1);*/ width: 100%; height: 100%; left: 0; top: 0; }
.honor [class*="PhotoList"] li:hover a, .detail-btn:hover, .turn-page:hover i { background: #e55857; }
.news .B li a:hover { border-color: #ba4241; box-shadow: 5px 5px 1vw 0 rgba(0,0,0,0.05); }
.hot .TR a:hover i, .product-list .BB li:hover, .product-detail .pro-btn a.on { border-color: #ba4241; }
.hot [class*="PhotoList"] li:hover span, .pro-btn a:hover i , .presence .B li a:hover .newnr b{ color: #fff; background: #ba4241; }
.hot [class*="PhotoList"] li a:hover:before { opacity: 0.4; }
.ClassList_b1 a:hover { background: #eee; }
.hot [class*="PhotoList"] li a:hover h4 { opacity: 1; transform: translate(-50%, -50%) scale(1); }
.product-list .BB li:hover { box-shadow: 0 0 1.5vw 0 rgba(0,0,0,0.09); }
.detail-btn:hover:before { border-color: #fff; }
.turn-page .page-l:hover:after { border-right-color: #ba4241; }
.turn-page .page-r:hover:after { border-left-color: #ba4241; }
.turn-page a:hover:before { border-color: #ba4241; opacity: 1; }
.turn-page .page-l:hover:before { right: 40%; }
.turn-page .page-r:hover:before { left: 40%; }
}
@media screen and (min-width: 1101px ) {
.rid35 .B p { width: 19vw; }
}


/* #pbpage_35 .TR ul { margin-top: 2.5vw; }
#pbpage_35 .TR li i { width: 3.2vw; height: 3.2vw; }
#pbpage_35 .TR li { width: 20%; }
#pbpage_35 .TR li span { margin-top: 5px; }
#pbpage_35 .f-0 {font-size: 0;}
#pbpage_35 .TL {width: 45%;}
#pbpage_35 .c-333 {color: #333;}
#pbpage_35 .f-38 { font-size: 2vw;}
#pbpage_35 .block {display: block;}
#pbpage_35 .c-666 {color: #666;}
#pbpage_35 .f-16 {font-size: 16px;}
#pbpage_35 .text-u {text-transform: uppercase;}
#pbpage_35 .f-20 {font-size: 20px;}
#pbpage_35 em{font-style: normal;}
#pbpage_35 .TL {width: 45%;}
#pbpage_35 .TR {width: 55%;padding-left: 7%;}
#pbpage_35 .B {background: url(/images/img1-3.jpg) no-repeat center;background-size: 39.8vw auto;padding: 4vw 0 1vw;margin-top: 4vw;}
#pbpage_35 .B li:nth-child(1) {margin-left: 20vw;}
#pbpage_35 .B li:nth-child(2) {margin-left: 57vw;margin-top: 5.5vw;}
#pbpage_35 .B li:nth-child(3) {margin-left: 5vw;}
#pbpage_35 .B li:nth-child(4) {margin-left: 64vw;margin-top: 1vw;}
#pbpage_35 .B li:nth-child(5) {margin-left: 17vw;margin-top: 7vw;}
#pbpage_35 .B p {width: 19vw;} */

#pbpage_53 img , #pbpage_54 img{width: 100%;}
#pbpage_57 .TL,#pbpage_58 .TL{width: 59%;}
#pbpage_57 .TR,#pbpage_58 .TR{width: auto;}

#pbpage_65 h1 {font-weight: normal;font-size: 1.55vw;color: #ba4241;}
#pbpage_65 ul {margin-top: 1.5vw;font-size: 0;list-style-type: none;}
#pbpage_65 i {width: 14px;margin-right: 0.5vw;height: 28px;font-size: 0;vertical-align: top;font-style: normal;}
#pbpage_65 .c-333 {color: #333;font-size: 16px;}