.pc-menu span:hover img{ -webkit-animation: bounce-up 1s ease infinite; animation: bounce-up 1s ease infinite; }
@keyframes bounce-up { 25% {
 transform: translateY(-3px);
}
50%, 100% {
 transform: translateY(0);
}
75% {
 transform: translateY(-2px);
}
}


/*page*/
.page-contcet, .page-menu-box { width: 100%; max-width: 1200px; margin: 45px auto 100px; }
.page-contcet { margin: 20px auto 100px; }
.page-menu-box { margin: 0 auto; }
.page-text { color: #666; line-height: 36px; font-size: 16px; }
.page-text>img { margin: 55px auto; }
.PosList_a1 { margin-top: 15px; text-align: right; }
.PosList_a1 img { width: 16px; margin-right: 10px; }
.PosList_a1 img, .PosList_a1 span, .PosList_a1 a, .PosList_a1 i, .PosList_a1 b { font-weight: normal; font-style: normal; font-size: 14px; vertical-align: middle; color: #999; }

.mob720 { display: none; }
.case-list { text-align: center;margin-bottom: 10px;margin-top: 10px; }
.case-list li { margin:0 5px 10px 5px; vertical-align: top; display: inline-block; }
.case-list a { position: relative; border: 1px solid #ddd; font-size: 14px; line-height: 38px; width: 118px; display: block; text-align: center; }
/*页面翻页*/
.page a, .page span { margin-left: 8px; display: inline-block; padding: 0 11px; height: 30px; line-height: 30px; border: #e3e3e3 solid 1px; color: #666; min-width: 16px; text-align: center; }
.pageinfo { display: none; }
.page a:first-child { margin-left: 0; }
.page { clear: both; margin-top: 0px; text-align: center; font-size: 14px; height:30px; }
.page span.cur, .page a:hover { background: #d5241d; color: #fff; border: #d5241d solid 1px; }
.more { color: #fff; margin: 0 auto; display: none; width: 140px; float: none; background: #fba51a; clear: both; text-align: center; border-radius: 5px; font-size: 16px !important; line-height: 32px !important; }
.more a { display: block; width: 100%; color: #fff; line-height: 2em; }
/*工业、装饰、建筑内页公用*/
.building-page { width: 100%; background: #f5f5f5; display: inline-block; vertical-align: top; padding: 20px 0; }
.building-page .page-menu-box { position: relative; }
.building-page .PosList_a1 { margin-top: 0; padding-top: 25px; }
.page-title { float: left; }
.title-right { width: 35px; height: 35px; }
.title-left p { color: #d5241d; display: inline-block; vertical-align: text-bottom; }
.title-left p:first-child { font-size: 36px; font-weight: bold; }
.title-left p:last-child { font-size: 18px; text-transform: uppercase; }
.title-left p.last-p { font-size: 18px; text-transform: uppercase; }
.page-title>div { }
.title-right { display: none; margin-top: -17.5px; top: 50%; right: 0; position: absolute; width: 35px; }
.title-left p:last-child:before { content: '/'; display: inline-block; vertical-align: bottom; margin: 0 10px; }
.title-left p.last-p:before { content: '/'; display: inline-block; vertical-align: bottom; margin: 0 10px; }
/*product contact*/
.product-contact{  width: 100%;color:#666; }
.product-contact dl dt{width: 100%; line-height: 60px;font-size: 18px; background: #eee;margin-top: 20px;margin-bottom: 15px;overflow: hidden;}
.product-contact dl dt span{margin-left: 30px;}
.product-contact dl dd{width: 100%; line-height: 30px;font-size: 16px;}
.product-contact dl dd img{width: 98%;border:1px solid #ccc;padding:1px;}
/*product left*/
.product-box { overflow: hidden; }
.navBox { overflow: auto; white-space: nowrap; width: 100%; }
.myDiv:first-child { margin-top: 0; }
.myDiv { overflow: hidden; margin-top: 10px; cursor: pointer; width: 100%; line-height: 60px; background: #eee; transition: 0.3s linear 0s; }
.myDiv span:first-child { white-space: nowrap; margin-left: 30px; color: #666; font-size: 18px; vertical-align: sub; }

.myDiv span.last-span { vertical-align: sub; white-space: nowrap; text-transform: uppercase; vertical-align: bottom; margin-left: 10px; font-size: 14px; color: #bbb; }
.navBox li { padding: 19px 30px; border-bottom: 1px solid #eee; }
.navBox a { text-overflow: ellipsis; max-width: 80%; display: inline-block; font-size: 16px; color: #333; vertical-align: middle; overflow: hidden; }
.navBox ul { display: none; margin-bottom: 30px; }



.myDiv:hover { background: #d5241d; }
.myDiv:hover span { color: #fff !important; }



.navBox a:hover, .product-right li:hover p { color: #d5241d; }
.prodcut-left { width: 21.7%; max-width: 260px; }
.product-right { margin-left: 5.4%; width: 72.4%; max-width: 868px; }
.product-right li:nth-child(3n+1) { margin-left: 0; }
.product-right li { margin-bottom: 10px; text-align: center; vertical-align: top; display: inline-block; width: 32.3%; max-width: 280px; margin-left: 0.9%; }
.prodcut-img { text-align: center; height: 10vw; overflow: hidden; width: 100%; max-height: 350px; }
.prodcut-img:before { content: ''; display: inline-block; vertical-align: middle; height: 100%; margin-left: -5px; }
.product-right p { font-size: 14px; color: #333; line-height: 40px; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: 0.3s linear 0s; }
.product-right li img { vertical-align: middle; display: inline-block; max-width: 100%; margin: 0 auto; height: auto; transition: 0.5s linear 0s; width: 100%;height: 100%; }
.product-right li:hover img { transform: scale(1.1); }
 @media only screen and (max-width: 1450px) {
.menu>li>a { padding: 0 20px; line-height: 24px; font-size: 14px; }
.language, .erweima { }
.language li a { }
.menu>ul>li>a{font-size:16px;}

}
@media only screen and (max-width: 1150px) {
.page-contcet, .page-menu-box { width: 90%; }
.menu { width: 48.6%; }
.top1 { display: none; }
.page-pos .language { top: 3vw; }
.MenuList_d1-right.MenuList_d1-open .MenuList_d1-overlay, .MenuList_d1-right.MenuList_d1-open .MenuList_d1-hamberger { top: 2.78vw !important; }
.page-pos .MenuList_d1-right.MenuList_d1-open .MenuList_d1-overlay, .page-pos .MenuList_d1-right.MenuList_d1-open .MenuList_d1-hamberger, .menu-pos.page-pos, .page-pos .language { top: 2.78vw !important; }
.MenuList_d1-default .MenuList_d1-nav-list { width: 100% !important; margin: 25vw auto 0 !important; }
.page-pos .MenuList_d1-default .MenuList_d1-nav-list { margin: 20vw auto 0 !important; }
.menu-pos.page-pos { top: 5.55vw; }
.language1:before { content: ''; height: 100%; display: inline-block; vertical-align: bottom; }

.menu-pos { top: 3.7%; }
.pc-language, .pc-menu, .language { display: none !important; }
.mob-menu { display: block; }
.language1 li { border-radius: 50%; border: 2px solid #fff; float: none; display: inline-block !important; margin-left: 4.38% !important; }
.language1 { top: 2.78vw; left: 4%; width: 92%; z-index: 9998; position: fixed; margin-left: 0; text-align: left; display: none; }
.language1 li a { display: block; text-align: center; border-color: #fff; color: #fff; max-width: 56px; max-height: 56px; padding: 0 !important; width: 7.8vw; height: 7.8vw; line-height: 200%; font-size: 28px !important; }
.menu-box { z-index: 2; top: 2.78vw; left: 4%; position: absolute; padding: 0; height: 9.8vw; width: 92%; max-height: 70px; margin: 0 auto; }

.MenuList_d1-open .MenuList_d1-hamberger { position: fixed; z-index: 9999; background: #555; }
.MenuList_d1-hamberger span, .MenuList_d1-hamberger span:before, .MenuList_d1-hamberger span:after { max-width: 37px !important; }
.MenuList_d1-default .MenuList_d1-nav-list>li { line-height: 90px; font-size: 28px; }
.MenuList_d1-default .MenuList_d1-nav-list { margin: 20vw auto 0 !important; }
.MenuList_d1-nav-list .language { width: 100%; display: block; }

.show { background: #132866; line-height: normal; transition: 0.3s ease 0.3s; }
.MenuList_d1-nav-list li>div:before { display: block; background: #fba51a; height: 4px; content: ''; margin: 0 auto; width: 0; transition: 0.3s linear 0s; }
.show:before { width: 11.8% !important; transition: 0.3s linear 0s; }
.show ul { font-size: 3.89vw; margin: 0 auto; width: 75%; line-height: normal; padding-bottom: 3.5vw; text-align: left; }
.MenuList_d1-nav-list li>div ul li { display: none; margin-top: 2.78vw; text-align: center; width: 31.9%; }
.show ul li a { padding: 0 !important; }
}
@media only screen and (max-width: 1024px) {
.navBox a { max-width: none; }
.prodcut-left:before, .prodcut-left:after { left: 0; top: 22px; font-family: "宋体", "SimSun"; content: '<'; font-size: 16px; font-weight: bold; color: #666; position: absolute; /* margin-top: -8px; */ z-index: 2; }
.prodcut-left:after { left: auto; right: 0; content: '>'; }
.navBox::-webkit-scrollbar, .navBox ul::-webkit-scrollbar {
 display:none;
}

.more { display: block; }
.prodcut-left { position: relative; width: 100%; max-width: none; }
.navBox { height: 100px; }
.navBox ul { bottom: 0; overflow: auto; width: 100%; position: absolute; display: none; margin-bottom: 0; }
.product-right { margin-top: 1vw; margin-left: 0; width: 100%; max-width: none; }
.navBox li { background: #eee; width: auto; padding: 5px 20px; border-bottom: none; display: inline-block; margin-left: 10px; }
.navBox li:first-child { margin-left: 0; }
.product-right li { max-width: none; width: 32%; }
.myDiv { margin-left: 15px; width: auto; line-height: 40px; display: inline-block; padding-right: 30px; }
.myDiv:first-child { margin-left: 0; }
li.product-choose:after { display: none; }
.myDiv:hover { }
}
@media only screen and (max-width: 770px) {
.page-contcet { margin: 0vw auto; }
.mob-banner { display: block; }
.footer-box { padding-top: 0; }
.pc-banner, .page-title, .PosList_a1, .building-page { display: none; }
.product-contact{ display: none; }
.footer-bottom p:first-child { float: none; }
.footer-bottom { text-align: left; line-height: 6.66vw; font-size: 3.33vw; color: #555; padding: 6.25vw 0; }
.footer-bottom .footer { margin-left: 9%; width: 91%; }

.language1 li a { line-height: 7.8vw; font-size: 3.89vw !important; }
.MenuList_d1-default .MenuList_d1-nav-list>li { line-height: 12.5vw; font-size: 5.5vw; }
.page-text, .more { line-height: 5.56vw; font-size: 3.33vw; }
.page-text>img { margin: 20px auto; }
}
@media only screen and (max-width: 720px) {
.mob720 { display: block; }
}
@media only screen and (max-width: 450px) {
.prodcut-img { height: 35vw; }
.product-right li:nth-child(3n+1) { margin-left: 0.9%; }
.product-right li:nth-child(2n+1) { margin-left: 0; }
.product-right li { width: 48.5%; }
.swiper-pagination-bullet { width: 12px !important; height: 12px !important; }
.MenuList_d1-hamberger span, .MenuList_d1-hamberger span:before, .MenuList_d1-hamberger span:after { height: 2px !important; }
.MenuList_d1-hamberger span:before { top: -7px !important; }
.MenuList_d1-hamberger span:after { bottom: -7px !important; }
.MenuList_d1-open .MenuList_d1-hamberger span:before, .MenuList_d1-open .MenuList_d1-hamberger span:after { top: 0 !important; }
}