@charset "utf-8";
.c-595556 { color: #595556; }
.c-e95320 { color: #e95320; }
[class*="BannerShow"] img { width: 100%; }
/*menu-box*/
.menu-box { width: 100%; background: #565656; padding: 1.5vw 4vw 0; position: relative; z-index: 2; }
.menu-box .M { width: 71.5%; }
.menu-T { z-index: 2; }
.c-84 { color: #848484; }
.c-a9 { color: #a9a9a9; }
.language i { width: 12px; margin-right: 5px; }
.ewm { width: 24px; margin-left: 1.5vw; }
.ewm-box { width: 6.5vw; min-width: 80px; right: -5px; top: 35px; display: none; }
.ewm-box:before { content: ''; position: absolute; top: -9px; right: 9px; width: 0; height: 0; border-style: solid; border-color: transparent transparent #fff; border-width: 0 9px 9px; }
.ewm:hover .ewm-box { display: block; }
.b-cd5529 { background: #eb5420; }
.c-cd5529 { color: #eb5420; }
.c-ed6c00 { color: #ed6c00; }
.i-a span { padding: 0.8vw 2.5vw; width: 100%; }
.i-a span:before { border-width: 2px; background: #fff; box-shadow: 0 0 7px 0 rgba(205,85,41,0.35); }
.i-a:before { border-width: 1px; }
.i-a { padding: 0.5vw; min-width: 9.5vw; }
.i-a:before, .i-a span:before { content: ''; border-radius: 8px; border-style: solid; border-color: #eb5420; transform: skew(-20deg); position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; box-sizing: border-box; transition: 0.5s ease 0s; }
.banner .text { z-index: 2; left: 0; }
.ResTitle_a2 { font-style: italic; }
/*--menu-box end-----------------*/

/*主导航菜单 2018.08.30*/
.MenuList_f1>ul { font-size: 0; display: block; }
.MenuList_f1>ul>li a { display: block; text-transform: capitalize; position: relative; z-index: 0; overflow: hidden; font-weight: normal; padding-bottom: 1.5vw; }
.MenuList_f1>ul>li a span { display: inline-block; vertical-align: middle; line-height: 1.5; }
.MenuList_f1>ul>li>:first-child { font-weight: normal; display: block; position: relative; z-index: 1; font-size: 16px; color: #fff; transition: 0.5s ease 0s; }
.MenuList_f1>ul>li>:first-child.on { color: #eb5420; }
.MenuList_f1>ul>li ul li a { overflow: hidden; color: #666; font-size: 14px; padding-bottom: 0; }
/*.MenuList_f1>ul>li>:first-child:after { transition: 0.5s ease 0s; content: ''; z-index: -1; bottom: 0; left: 0; background: #ed1b24; height: 0; width: 100%; position: absolute; }
.MenuList_f1>ul>li>:first-child.on:after { height: 100%; left: 0; }*/
/*汉堡菜单PC*/
.menu-icon { display: inline-block; vertical-align: middle; width: 100%; background: none; position: relative; z-index: 0; }
.menu-icon span, .menu-icon:before, .menu-icon:after { transition: 0.5s ease 0s; display: inline-block; height: 4px; background: #eb5421; 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: #ed1b24; display: none; transition: 0.5s ease 0.5s; opacity: 1; top: 0; right: 0; overflow: hidden; width: 100px; height: 100px; margin-left: 0; text-align: center; z-index: 1; cursor: pointer; outline: none; font-size: 0; }
.menu-i:before { content: ''; height: 100%; display: inline-block; vertical-align: middle; width: 0; }
body.on .menu-i .menu-icon:after { transform: translate(-50%, 0) rotateZ(-45deg); }
body.on .menu-i .menu-icon:before { transform: translate(-50%, 0) rotateZ(45deg); }
body.on .menu-i .menu-icon span { background: transparent; }
body.on [id*='public-bg'] { display: block; }
/*menu-slide 用slide注意效果遮挡*/
.menu-slide { z-index: 0; position: absolute; background: #ed1b24; 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; }
#MenuList_f1_menu-i:after { content: ''; position: absolute; height: 100%; width: 2px; background: #565656; top: 0; left: 4px; transition: 0.5s ease 0s; }
/*---导航end------------------------------------------------------------------------------------------------------------------------*/
/*logo*/
.menu-w { font-size: 0; height: 100%; }
.logo { width: 28.5%; height: 100%; padding-bottom: 1.5vw; }
.logo img, .logo a { width: 100%; }
/*--logo end------------------------------------------*/

/*language*/
.language_box { margin-left: 2.5%; }
.language_box a { margin-left: 10px; font-size: 12px; display: inline-block; color: #222; text-transform: uppercase; width: 28px; height: 28px; line-height: 28px; background: #eee; border-radius: 50%; text-align: center; }
.language_box a:hover { background: #ddd; }
.language_box a.on { background: #ed1b24; color: #fff; }
.language_box a:first-child { margin-left: 0; }
/*--language end----------*/
/*f_type:true*/
.MenuList_f1.swiper>ul>li { position: static; }
/*f_type:true*/
.MenuList_f1.swiper>ul { display: flex; display: -ms-flexbox;/*IE10*/ }
.MenuList_f1>ul>li>:first-child.icon a:before { transition: 0.5s ease 0s; content: ''; position: absolute; z-index: 0; top: 50%; transform: translateY(-50%) rotate(45deg); display: none; border-right: 2px solid #666; border-top: 2px solid #666; width: 2vw; height: 2vw; }
.MenuList_f1>ul>li>:first-child.on a:before { transform: translateY(-50%) rotate(135deg); border-color: #fff; }
/*footer*/
.contact-msg { margin-left: 4vw; }
.contact-msg i { width: 18px; height: 18px; margin-right: 0.5vw; }
.footer-menu { width: 31.5%; margin-left: 7vw; }
.MenuList_f2 a { font-weight: normal; font-size: 14px; }
.footer .T .w-1400 { padding: 0 1.5vw; }
.MenuList_f2 li { display: inline-block; vertical-align: top; width: 33.3333%; }
.footer .logo1 { width: 65%; margin-bottom: 1.5vw; }
.footer-ewm { width: 9%; min-width: 80px; margin-left: 2vw; }
.contact-msg li span { line-height: 1.5; }
.contact-msg li+li { margin-top: 5px; }
.footer strong { margin-bottom: 1vw; }
.footer_L .title span{ margin-top:5px;}
.contact-msg .title span { margin-top: 3px; }
.footer .T { padding: 3vw 0; }
.MenuList_f2 li { margin-bottom: 0.5vw; text-transform:capitalize; }
.beian img { display: inline-block; vertical-align: text-bottom; }
.beian { padding: 10px 0; }
.beian>*+* { margin-left: 10px; }
[class*="NewsList_a"] .data b:before { content: '-'; }
.contact-msg ul .desc { height: 100%; line-height:1.5; }
.nav { padding-left: 13.5%; }
.nav .L { width: 24%; font-style: italic; }
.NavList_a1 li { display: inline-block; vertical-align: top; }
.NavList_a1 ul { font-size: 0; }
.NavList_a1 a { display: block; background: #ececec; transition: 0.5s ease 0s; padding: 1vw 2vw; text-transform:capitalize;}
.NavList_a1 a.on { color: #fff !important; background: #eb5420 !important; }
.page-box { padding: 5vw 0 6vw; }
/*rid32*/
.rid32 .T .text p, .rid32 .B p { line-height: 2; }
.rid32 .T .text span { line-height: 1.3; }
.rid32 .T .text li { width: 33.3333%; }
.rid32 .T .text em { margin-top: 0.5vw; }
.rid32 .T .text small { margin-left: 5px; }
.rid32 .T .img i { padding: 5px 0; }
.rid32 .T .img b:before { content: ''; position: absolute; left: 50%; top: 50%; z-index: -1; transform: translate(-50%, -50%); border: 8px solid #fff; box-sizing: border-box; width: 32%; height: 169%; border-radius: 10px; }
.rid32 .T .img figure { background: url(/images/public/11.jpg) no-repeat center; background-size: cover; max-height:15vw; }
.rid32 .T .img>.flex { -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; }
/*photo*/
.photo [class*="PhotoList"] li span { border: none; color: #eb5420; background: none; }
.photo [class*="PhotoList"] img { height: auto; max-height: 100%; margin-left: 0; max-width: 100%; transform: translate(-50%, -50%) scale(1); position: absolute; left: 50%; top: 50%; z-index: 0; }
.photo [class*="PhotoList"] li a { position: relative; z-index: 0; height: auto; padding: 37% 0; background: #e2e2e2; }
.photo [class*="PhotoList"] li { background: none; }
.photo [class*="PhotoList"] li a:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #eb5420; z-index: 2; transform: translateY(-100%); opacity: 0; transition: 0.5s ease 0s; }
.photo [class*="PhotoList"] li a:after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 3; background: url(/images/public/icon9.png) no-repeat center; background-size: 13% auto; transform: translateY(100%); opacity: 0; transition: 0.5s ease 0s; }
/*news*/
.NewsList_a2 li a { 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; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; position: relative; z-index: 0; background: #f5f5f5; transition: 0.5s ease 0s; }
.NewsList_a2 li a:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; box-sizing: border-box; border: 1px solid #cb2741; opacity: 0; transition: 0.5s ease 0s; z-index: -1; }
.NewsList_a2 .newimg { position: relative; z-index: 0; width: 24%; overflow: hidden; padding: 9% 0; }
.NewsList_a2 li img { transition: 0.8s linear 0s; position: absolute; top: 0; left: 0; height: 100%; width: 100%; object-fit: cover; z-index: 0; }
.NewsList_a2 .newnr>b { transition: 0.5s ease 0s; }
.NewsList_a2 b { font-weight: normal; }
.NewsList_a2 .newnr p { line-height: 1.5; margin-top: 1vw; max-height: 48px; transition: 0.5s ease 0s; }
.NewsList_a2 .data { margin-top: 1vw; transition: 0.5s ease 0s; }
.NewsList_a2 .newnr { width: 76%; padding: 0 1.5vw; }
.NewsList_a2 li+li { margin-top: 1.5vw; }
/*product*/
.ClassList_b1 li:nth-child(6n+1) { margin-left: 0; }
.ClassList_b1 a { height: 100%; display: block; text-align: center; background: #ececec; padding: 0.8vw; transition: 0.5s ease 0s; }
.ClassList_b1 li.on a { color: #fff; background: #eb5420; }
.ProductList_b1 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; }
.ProductList_b1 li { width: 25%; padding: 0 0.5vw; margin-bottom: 1vw; }
.ProductList_b1 .picimg { position: relative; z-index: 0; padding: 37% 0; background: url(/images/public/06-1.jpg) no-repeat top left; background-size: cover; overflow: hidden; }
.ProductList_b1 .picimg img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) scale(1); max-width: 90%; max-height: 80%; transition: 0.8s linear 0s; }
.ProductList_b1 li a { display: block; }
.ProductList_b1 li h3 { background: #313131; padding: 10px; transition: 0.5s ease 0s; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: normal; color: #fff; text-align: center; }
.product_list .section { margin-top: 5vw; }
.ProductDetail_a1 .Pimg { background: url(/images/public/06-2.jpg) no-repeat left top; background-size: cover; }
.ProductDetail_a1 .Pimg video { left: 0; top: 0; z-index: 1; background: #000; }
.ProductDetail_a1 .Pimg figure { padding: 33.5% 0; }
.class { z-index: 1; }
.ResTitle_a4 { width: 100%; background: #f5f5f5; border: 1px solid #e5e5e5; padding: 4vw 5%; color: #333; display: block; font-size: 3.8vw; margin: 0 auto; position: relative; z-index: 1; transition: 0.5s ease 0s; }
.ResTitle_a4:after { content: ''; position: absolute; border-style: solid; border-color: #333 transparent transparent; border-width: 1.2vw 1.2vw 0 1.2vw; right: 5%; top: 50%; margin-top: -0.6vw; transform: rotateZ(-90deg); transition: 0.5s ease 0s; }
.ResTitle_a4.on { color: #eb5420; }
.ResTitle_a4.on:after { transform: rotate(0); border-top-color: #eb5420; }
/*video*/
.photo.video [class*="PhotoList"] img { width: 100%; height: 100%; object-fit: cover; }
.photo.video [class*="PhotoList"] li a:after { background: url(/images/public/icon10.png) no-repeat center; background-size: 23.5% auto; }
.VideoDisplay_a1 h2 { color: #333; text-align: center; }
.VideoDisplay_a1_C { margin-top: 3%; }
.VideoDisplay_a1_C iframe, .VideoDisplay_a1_C video, .NewsDetail_a1 #nc video, .NewsDetail_a1 #nc iframe, .ProductDetail_a1 .detail video, .ProductDetail_a1 .detail iframe { width: 100%; height: 42vw; background: #000 !important; }
.VideoDisplay_a1_back { text-align: center; }
.VideoDisplay_a1_back a { transition: 0.3s ease 0s; display: inline-block; vertical-align: top; text-align: center; margin: 3% auto 0; color: #fff; position: relative; z-index: 0; border: 1px solid #eb5420; padding: 1vw 4vw; }
.VideoDisplay_a1_back a:before { left: 0; }
.VideoDisplay_a1_back a:before, .VideoDisplay_a1_back a:after { content: ''; position: absolute; width: 51%; height: 100%; background: #eb5420; top: 0; z-index: -1; transition: 0.3s ease 0s; }
.VideoDisplay_a1_back a:after { right: 0; }
/**/
.rid47.photo [class*="PhotoList"] li a { padding: 65% 0; }
.rid47.photo [class*="PhotoList"] img { max-height: 90%; max-width: 80%; }
/**/
.rid49.photo [class*="PhotoList"] li a { padding: 24% 0; background: #fff; border: 1px solid #c0c0c0; transition: 0.5s ease 0s; }
/*rid46*/
.rid46 .T p:before { content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); z-index: -1; width: 7vw; height: 201%; border-radius: 10px; border: 8px solid #cd5529; box-sizing: border-box; }
.rid46 .T strong { padding: 5px 0; }
.rid46 .T p { padding-left: 3vw; }
.rid46 .T span { margin-top: 5vw; }
.rid46 .M { margin-top: 3.5vw; }
.rid46 .M li { background: #f6f6f6; width: 14.5%; padding: 1vw; }
.rid46 .M figure { width: 5vw; height: 5vw; }
.rid46 .M p { margin-top: 5px; line-height: 1.5; }
.rid46 .B .section { line-height: 2; }
.rid46 .B dl { margin-top: 3vw; }
.rid46 .B dd { padding: 2vw 7vw; background: #eee; }
.rid46 .B dt { line-height: 2; padding: 1vw 2vw; }
.rid46 .B .img { background: url(/images/public/13.jpg) no-repeat top center; background-size: cover; width: 35%; }
.rid46 .B { margin-top: 4.5vw; }
.contact .T i { width: 18px; height: 24px; margin-right: 0.5vw; }
.contact .T span { line-height: 1.5; height: 100%; }
.contact .T dl { margin-top: 3vw; }
.contact .T dd { margin-bottom: 1vw; }
.contact .T dt+dt { margin-top: 0.5vw; }
.contact strong { font-style: italic; }
.contact .B { margin-top: 2.5vw; }
.Gbook_b1 { margin-top: 1.5vw; }
.table .title { padding: 1vw 1.5vw; }
table tr:nth-child(even) { background: #e9ecee; }
table td { border-bottom: 1px dashed #717071; padding: 12px; }
.rid49 [class*="PhotoList"] img {
    max-height: 70%;
    max-width: 70%;
}
/*rid51*/
.rid51 .title img { width: 19%; }
.rid51 .section dl { margin-bottom: 2.5vw; }
.rid51 .section dd { margin-bottom: 1vw; }
.rid51 .section dt { margin-bottom: 7px; }
.rid51 .title span { margin-left: 1.5vw; }
.footer-ewm p { margin-top: 5px; }
.rid51 .title { padding-bottom: 10px; border-bottom: 1px solid #585657; margin-bottom: 2vw; }
[class*="ResTitle_a"] br, .MenuList_f2 .child, .mob-lan, [class*="NewsList_a"] .data i, .ResTitle_a2 em, .ResTitle_a3 em, .ProductList_b1 li span, .rid49.photo [class*="PhotoList"] li span, .rid49.photo [class*="PhotoList"] li a:before, .rid49.photo [class*="PhotoList"] li a:after { display: none; }
#MenuList_f1_public-bg { display: none !important; }
 @media screen and (min-width: 801px ) {
.MenuList_f1>ul>li ul li { display: inline-block; vertical-align: top; }
.MenuList_f1>ul>li>:nth-child(2) { transition: 0.5s ease 0s; transform-origin: top; opacity: 0; transform: scale(1, 0); overflow: hidden; background: #fff; background: rgba(255,255,255,0.96); left: 0; z-index: 2; position: absolute; width: 100%; padding: 1.5vw 0; line-height: normal; }
.MenuList_f1>ul>li ul li:not(:first-child) { margin-left: 3vw; }
.MenuList_f1, .MenuList_f1>ul { width: 100%; }
.MenuList_f1>ul>li { position: static; text-align: center; display: inline-block; vertical-align: top; }
.MenuList_f1>ul>li+li { margin-left: 2vw; }
/*.MenuList_f1>ul>li:hover>:first-child { color: #fff; }*/
.MenuList_f1>ul>li ul li a:hover { color: #ed1b24; }
.MenuList_f1>ul>li:hover>:nth-child(2) { transform: scale(1); opacity: 1; }
/*.MenuList_f1>ul>li:hover>:first-child:after { height: 100%; left: 0; }*/
/*导航定位使用的类*/
.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; }
.menu-box .M { text-align: right; }
.menu-w { margin-top: 5px; }
.nav .R { width: 76%; padding: 1.5vw 13.5vw 1.5vw 4.5vw; min-height: 6vw; }
.nav .R:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #a2a2a2; z-index: -1; }
.NavList_a1 li+li { margin-left: 1vw; }
.ClassList_b1 li { width: 15%; margin: 0.5% 0 0.5% 2%; }
/*.rid51 .section .L { width: 39%; padding-right: 2vw; }
.rid51 .section .R { width: 61%; }*/
.rid51 .section .L dl { width: 49%; }
.rid51 .section .L dl:nth-child(even) { margin-left: 2%; }
.rid51 .section .R dl { width: 32%; }
.rid51 .section .R dl:not(:nth-child(3n+1)) {
margin-left:2%;
}
.rid46 .M li:not(:first-child) { margin-left: 2.6%; }
.rid46 .B .text { width: 65%; padding-right: 3vw; }
.rid32 .T .img { width: 34%; }
.rid32 .T { margin-bottom: 20px; }
.rid32 .T .text { width: 66%; padding-right: 3vw; }
.rid32 .T .text strong { margin-top: 2vw; }
.rid32 .T .text p { margin-top: 1.5vw; }
.rid32 .T .text ul { padding: 3vw 0; }
.rid32 .T .img .section { padding: 3vw 1.5vw 2vw; }
.rid32 .T .img b { margin-bottom: 3vw; }
.rid32 .T .img dt { margin-top: 1vw; }
.rid32 .T .img dl:not(:first-child) { margin-top: 1.5vw; }
.rid32 .B img { width: 34%; }
.rid32 .B p { width: 66%; padding-left: 4vw; }
.rid51 .section dd img { width: 1.2vw; margin-right: 10px; }
.rid51 .section dd span { width: calc(100% - 1.2vw - 10px); }
}
@media screen and (min-width: 1101px ) {
.i-a:hover span { color: #fff; }
.i-a:hover span:before { background: #eb5420; }
.i-a:hover:before { box-shadow: 0 0 7px 0 rgba(205,85,41,0.35); }
.MenuList_f2 a:hover { text-decoration: underline; }
.NavList_a1 a:hover, .NewsList_a2 li a:hover .newnr>b, .NewsList_a2 li a:hover .newnr p, .NewsList_a2 li a:hover .data, .ClassList_b1 a:hover, .VideoDisplay_a1_back a:hover { color: #eb5420; }
.NavList_a1 a:hover { background: #fff; }
.photo [class*="PhotoList"] li:hover img, .ProductList_b1 li a:hover img { transform: translate(-50%, -50%) scale(1.1); }
.photo [class*="PhotoList"] li:hover a:before, .photo [class*="PhotoList"] li:hover a:after { transform: translate(0); opacity: 1; }
.photo [class*="PhotoList"] li:hover a:before { opacity: 0.53; }
.photo [class*="PhotoList"] li:hover a:after { opacity: 1; }
.pb-padding { padding: 0 6.5vw; }
.NewsList_a2 li a:hover { background: #ffe1d6; }
.NewsList_a2 li a:hover img { transform: scale(1.1); }
.VideoDisplay_a1_back a:hover:before, .VideoDisplay_a1_back a:hover:after { width: 0; }
.rid49.photo [class*="PhotoList"] li a:hover { border-color: #eb5420; }
.ProductList_b1 li a:hover h3 { color: #fff; background: #eb5420; }
}