.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;left: 0; z-index: 2; top: 0px;}
.top.top-pos .logo img{margin-bottom:5px;}
.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-menu a:hover{color: #ff121e !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: #ff1923; 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: #ff1923; }
.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: 93%; max-width: 100%; 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: #ff1923; }
.logo { display: inline-block; vertical-align: bottom; }
.logo img { max-width: 256px; height:auto; }
.menu {text-align: right; display: inline-block; margin-right: 0px;}
.menu ul.menu{
    max-width: 100%; display: block; width: auto; margin-left: auto; margin-right: 0px; float: right;
}
.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: #ff1923 !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: #ff1923; 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: 18px; color: #fff; }
.menu-box {width:100%; padding: 0px; position: relative; display: block;}
.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: #ff1923; }
.menu-on, .pc-menu a:hover { border-color: #ff1923 !important; color: #ff1923 !important; }
.pc-language p { cursor: pointer; }
.pc-language p:hover span { color: #ff1923; }
.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: #ff1923; 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 #ff1923; 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: #ff1923; height: 20px; }
/*footer*/
.footer-box { background: #eee; padding-top: 1.5%; width: 100%; }
.footer { width: 100%; max-width: 1200px; margin: 0 auto; display: block;}
.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: #ff1923; }
.footer-left>ul>li ul li { line-height: 24px; vertical-align: top; display: inline-block; font-size: 14px; }
.footer-left>ul>li ul li{ float: left; width: 48%; margin-left: 2%;}
.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-left{float: left; max-width: 1065px;}
.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-bottom p:last-child { float: right; }
.footer-bottom p{ margin-bottom: 0px;}
.footer a:hover { color: #ff1923; }
/*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; }
/*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: #ff1923; color: #fff; border: #ff1923 solid 1px; }
.more { color: #fff; margin: 0 auto; display: none; width: 140px; float: none; background: #ff1923; 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: #ff1923; 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: #ff1923; font-weight: bold; }
li.product-choose:after { content: '>'; color: #ff1923; font-weight: bold; font-size: 18px; vertical-align: middle; font-family: ""; float: right; }
.myDiv.product-choose, .myDiv:hover { background: #ff1923; }
.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: #ff1923; }
.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); }