.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);
}
}
/*top*/
.pc-banner { display: block; }
.mob-banner { display: none; }
/*子网站导航定位*/
.top.top-pos { position: absolute; background: none; top: 0; left: 0; z-index: 2; }
.top-pos .top1 ul li a:hover { border-color: #fff; }
.top-pos .pc-menu a, .top-pos .top1 ul li a { color: #fff; }
.top-pos .pc-language a { }
.top-pos .menu-on, .top-pos .pc-menu a:hover { border-color: #fff !important; color: #fff !important; }
.top-pos .pc-language a:hover { }
.myDiv p { overflow: hidden; width: 100%; text-overflow: ellipsis; color: #bbb; }
/*--*/
.close span:after { transform: rotate(-45deg); }
.close span:before { transform: rotateZ(45deg); }
.close span:before, .close span:after { top: 50%; margin-top: -1px; right: 0; position: absolute; content: ''; display: block; width: 15px; height: 2px; background: #fba51a; transition: 0.3s ease 0s; }
.close span:hover:before { margin-top: -4px; }
.close span:hover:after { margin-top: 4px; }
.close span:hover:before, .close span:hover:after { transform: rotateZ(0deg); }
.close { margin: 10px 0 0; font-size: 0; text-align: right; }
.language a.on3 { color: #fba51a; }
.body:before { content: ''; position: fixed; width: 100%; height: 100%; overflow: hidden; left: 0; top: 0; background: rgba(0,0,0,0.5); transition: 0.3s ease 0s; z-index: 99; }
.mob-menu { display: none; }
.menu ul li:first-child, .menu>ul:first-child, .pro-dis ul li:first-child, .footer-left>ul>li ul li:first-child { margin-left: 0 !important; }
.top { background: #f1f1f1; width: 100%; }
.top-box { width: 100%; max-width: 1200px; margin: 0 auto; }
.top1 { width: 100%; text-align: right; }
.top1 ul li { margin: 0 10px; display: inline-block; vertical-align: middle; }
.top1 ul li a { display: block; font-size: 12px; color: #777; line-height: 35px; border-style: solid; border-width: 0 0px 1px; border-color: transparent; }
.top1 ul li a:hover { border-color: #fba51a; }
.logo { margin-bottom: 20px; display: inline-block; width: 29%; vertical-align: bottom; }
.logo img { max-width: 256px; height:auto; }
.menu { text-align: right; max-width: 939px; display: inline-block; width: 70%; }
.pc-language, .pc-menu { margin-left: 50px; vertical-align: middle; display: inline-block; }
.menu>ul>li { float: left; margin-left: 50px; }
.top-pos .pc-menu .menu-hover li a:hover { color: #fba51a !important; }
.menu>ul>li>a { background: url(/images/menu_bg.png) repeat top left; z-index: 1; position: relative; height: 26px; padding: 0 10px 20px; line-height: 26px; display:inline-block; color: #fff; font-size: 18px; }
.menu>ul>li>a:before { transition: 0.3s ease 0s; position: absolute; content: ''; z-index: -1; width: 0%; height: 3px; background: #fba51a; left: 50%; bottom: 0; }
.menu>ul>li:hover>a:before, .menu>ul>li.menu-on a:before { width: 100%; left: 0; }
.menu>ul>li>div { line-height: 2; padding: 20px 0;  display: none; left: 0; top: 100%; position: absolute; width: 100%; background: url(/images/bg2.png) repeat top left; background: rgba(255,255,255,0.1); }
.menu>ul>li:first-child:hover>div{display:none;}
.menu-hover { text-align:left; vertical-align: top; display:block; white-space: nowrap; font-size: 14px; color: #fff; }
.menu-box { padding: 2% 0 0; }
.pc-language img { transition: 0.3s ease 0s; -webkit-filter: grayscale(0.5); display: inline-block; vertical-align: middle; width: 20px; margin-right: 10px; }
.pc-language span { transition: 0.3s ease 0s; vertical-align: middle; font-size: 16px; line-height: 32px; display: inline-block; color: #fff; }
.pc-language a:hover { color: #fba51a; }
.menu-on, .pc-menu a:hover { border-color: #fba51a !important; color: #fba51a !important; }
.pc-language p { cursor: pointer; }
.pc-language p:hover span { color: #fba51a; }
.pc-language p:hover img { -webkit-filter: grayscale(0); }
.language { margin-top: 3.5%; display: none; border-radius: 8px; background: #fff; top: 35.6%; right: -3%; text-align: center; width: 150px; position: absolute; font-size: 14px; z-index: 99999; margin-top: 3.5vw; }
.language a:before { top: 50%; background: #fba51a; content: ''; position: absolute; left: 18px; width: 6px; height: 6px; border-radius: 50%; margin-top: -2px; transition: 0.3s ease 0s; opacity: 0; }
.language a:after { content: ''; position: absolute; background: transparent; width: 10px; height: 10px; left: 15px; border-radius: 50%; top: 50%; margin-top: -5px; border: 1px solid #fba51a; transition: 0.3s ease 0s; opacity: 0; }
.language a:hover:before, .language a:hover:after, .language a.on3:before, .language a.on3:after { opacity: 1; }
.language a { position: relative; color: #333; border-bottom: 1px solid #ddd; padding: 10px 0; display: block; text-align: center; }
.language li:last-child a { border-bottom: none; }
.language ul { padding: 0 15px; vertical-align: middle; display: inline-block; width: 120px; background: #f5f5f5; border-radius: 8px 0 0 8px; border: 1px solid #ddd; }
.language span { cursor: pointer; position: absolute; box-sizing: border-box; margin-right: -4px; border-radius: 5px 0 0 5px; padding: 12px 8px; font-size: 14px; color: #333; background: #f5f5f5; width: 32px; border: 1px solid #ddd; border-right: none; top: 50%; margin-top: -53px; left: -31px; }
.language>div { position: relative; }
.close span { width: 15px; display: inline-block; position: relative; cursor: pointer; line-height: normal; color: #fba51a; height: 20px; }
/*footer*/
.footer-box { background: #eee; padding-top: 1.5%; width: 100%; }
.footer { width: 100%; max-width: 1200px; margin: 0 auto; }
.footer-left>ul>li:first-child { margin: 0; font-size: 30px; }
.footer-left>ul>li:last-child { margin: 0; font-size: 14px; }
.footer-left>ul>li:last-child a { margin-right: 13px; }
.footer-left>ul>li:last-child a:hover { color: #fba51a; }
.footer-left>ul>li ul li { line-height: 24px; margin-left: 50px; vertical-align: top; display: inline-block; font-size: 14px; }
.footer-left, .footer-right { vertical-align: bottom; display: inline-block; }
.footer-top { position: relative; color: #000; margin-bottom: 2%; overflow:hidden; }
.footer-left>ul>li {/* margin: 9% 0 13%;*/ margin: 4% 0; }
.footer-right { margin-right: 2px; font-size: 14px; text-align: center; max-width: 130px; width: 100%; bottom: 0; float:right; right: 0; }
.footer-right img { border: 1px solid #e1e1e1; }
.footer-right p { margin-top: 5px; }
.footer-bottom { background: #e3e3e3; color: #000; line-height: 50px; width: 100%; text-align: right; }
.footer-bottom p:first-child { float: left; }
.footer a:hover { color: #fba51a; }
/*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; }
/*翻页*/
/*.page {
	margin-top: 80px;
	text-align: center;
	font-size: 14px;
}
.page a:first-child {
	margin-left: 0;
}
.page a {
	margin-left: 8px;
	display: inline-block;
	padding: 0 11px;
	height: 38px;
	line-height: 38px;
	border: #e3e3e3 solid 1px;
	color: #666;
	min-width: 16px;
	text-align: center;
}
.more {
	display: none;
	width: 100%;
	float: left;
	background: #fba51a;
	clear: both;
	text-align: center;
	border-radius: 5px;
}
.more a {
	display: block;
	width: 100%;
	color: #fff;
	line-height: 2em;
}
.page a.cur, .page a:hover {
	background: #fba51a;
	color: #fff;
	border: #fba51a solid 1px;
}*/

/*9.15*/
.mob720 { display: none; }
.case-list { text-align: center; }
.case-list li:first-child { margin-left: 0 !important; }
.case-list li { margin-left: 10px; 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: 38px; line-height: 38px; 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: 65px; text-align: center; font-size: 14px; }
.page span.cur, .page a:hover { background: #fba51a; color: #fff; border: #fba51a 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: #fba51a; 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 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-weight: bold; font-size: 18px; vertical-align: sub; }
.myDiv span:last-child { vertical-align: sub; white-space: nowrap; text-transform: uppercase; vertical-align: bottom; margin-left: 10px; font-size: 14px; color: #bbb; }
.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; }
.product-choose>a { color: #fba51a; font-weight: bold; }
li.product-choose:after { content: '>'; color: #fba51a; font-weight: bold; font-size: 18px; vertical-align: middle; font-family: ""; float: right; }
.myDiv.product-choose, .myDiv:hover { background: #fba51a; }
.myDiv.product-choose span, .myDiv:hover span { color: #fff !important; }
.myDiv.product-choose span:last-child, .myDiv:hover span:last-child { opacity: 0.5; }
.navBox a:hover, .product-right li:hover p { color: #fba51a; }
.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: 15px; 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: 30vw; overflow: hidden; width: 100%; max-height: 350px; border: 1px solid #eee; }
.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: auto; max-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; }
.logo a { display: inline-block; vertical-align: middle; }
.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; }
.logo { margin-bottom: 0; display: inline-block; width: 50%; height: 100%; }
.nav { width: 48.5%; }
.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; }
.logo:before { height: 100%; vertical-align: middle; content: ''; display: inline-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;
}
.page,.footer-top{ 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: 10vw; 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: 5vw auto; }
.mob-banner { display: block; }
.footer-box { padding-top: 0; }
 .pc-banner, .page-title, .PosList_a1, .building-page { 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%; }
.logo a { margin-top: 0; }
.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: 50vw; }
.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; }
}
