*{margin:0;padding:0} body{color:#6b6b6b;font-size:12px;font-family:"微软雅黑";line-height:24px} li,ul{list-style:none} a{color:#737373;text-decoration:none;-webkit-transition:color .3s,background-color .5s;-moz-transition:color .3s,background-color .5s;-o-transition:color .3s,background-color .5s;transition:color .3s,background-color .5s;-ms-transition:color .3s,background-color .5s} a:hover{color:#000} img{border:0 none} .w1200{position:relative;margin:0 auto;width:1200px} @media screen and (max-width:640px){.w1200{width:100%} } .w1200:after{clear:both;display:block;visibility:hidden;overflow:hidden;width:0;height:0;content:"";line-height:0} .floatL{float:left} .clearboth{clear:both;display:block;visibility:hidden;overflow:hidden;width:0;height:0;line-height:0} .clearfix:after{clear:both;display:block;visibility:hidden;overflow:hidden;width:0;height:0;content:"";line-height:0} .clear{clear:both;display:block;visibility:hidden;overflow:hidden;width:0;height:0;line-height:0} .header{position:relative;overflow:hidden;margin:0 auto;width:100%;height:110px;background-color:#fff} .header .w1200{background:url(../img/header.png) right top no-repeat} .nav{float:right;margin-top:65px;margin-right:130px;font-size:0} .nav li{display:inline-block;padding-left:40px;vertical-align:top;line-height:18px} .nav a{position:relative;display:block;padding:0 10px 8px;border-bottom:1px solid #fff;color:#333;font-size:14px} .nav li:hover a{color:#dc0919} .nav .nav-on{border-color:#e02835;color:#dc0919} .nav span{width:100%;color:#afafaf;text-align:center;font-size:10px;-webkit-transition:color .3s;-moz-transition:color .3s;-o-transition:color .3s;transition:color .3s;-ms-transition:color .3s} .nav li:hover span{color:#666} .logo{float:left;margin-top:27px;height:56px} .choose{position:absolute;top:15px;right:140px;font-size:0} .choose a{display:inline-block;margin-left:20px;width:68px;height:22px;border:1px solid #d7d7d7;border-radius:3px;box-shadow:0 0 1px #ccc;color:rgba(59,59,59,.9);text-align:center;font-size:12px;line-height:22px} .choose .on,.choose a:hover{border-color:#db0817;background-color:#db0817;color:#fff} .header-2 { height: 97px; } .header-2 .w1200 { background: none; } .header-2 .logo { margin-top: 21px; } .header-2 .choose { position: static; float: right; margin-top: 37px; } .nav-2 { float: none; margin: 0 auto; text-align: center; } .nav-2 li { padding: 0; width: 12.5%; } .nav-2 a { display: inline-block; *display: inline; *zoom: 1; vertical-align: top; padding: 0 10px; font-size: 16px; line-height: 45px; border-bottom-width: 2px; } @media screen and (max-width:640px){.header,.nav-2{display:none} } .banner{position:relative;top:0;left:0;overflow:hidden;width:100%;height:550px} .banner-imgbox{position:relative;top:0;left:0;width:100%;height:550px} .banner-imgbox li{position:absolute;top:0;left:0;width:100%;height:550px;text-align:center;opacity:0;-webkit-transition:opacity .4s;-o-transition:opacity .4s;transition:opacity .4s;filter:alpha(Opacity=0)} .banner-imgbox li.hover{-webkit-transition:opacity .8s;-o-transition:opacity .8s;transition:opacity .8s} .banner-btnlist{position:absolute;bottom:50px;left:0;width:100%;text-align:center} .banner-btnlist span{display:inline-block;overflow:hidden;margin:0 8px;width:10px;height:10px;border-radius:10px;background-color:#fff;text-indent:9999px;cursor:pointer} .banner-btnlist .on{background-color:#db0817} .banner-n{overflow:hidden;width:100%;height:280px;background-color:#fff;background-position:center top;background-repeat:no-repeat} @media screen and (max-width:640px){.banner,.banner-n{display:none} } .wordnav{padding:2px 0;width:100%;background-color:#e5e5e5;color:#737373;text-align:center} .footer{width:100%;background-color:#af000b;text-align:center;font-size:0} @media screen and (max-width:640px){.footer{display:none} } .foot-zs{display:inline-block;*display:inline;*zoom:1;font-size:14px;color:#fff;vertical-align:middle} .foot-zs .img{margin:12px auto 0;width:200px;height:87px;background:url(../img/foot-zs.png) center no-repeat;vertical-align:middle} .copyright,.footEwm{display:inline-block;*display:inline;*zoom:1;color:#f5f5f5;vertical-align:middle} .copyright{margin:0 28px 0 90px;text-align:left;font-size:14px;line-height:32px} .footEwm{font-size:0} .footEwm .txt{display:inline-block;vertical-align:middle;width:120px;text-align:center;font-size:14px;line-height:24px} .footEwm .img{display:inline-block;vertical-align:middle;width:170px;height:170px} .footer a{color:#f5f5f5} .footer a:hover{text-decoration:underline} .footer b{color:#fff;text-shadow:0 2px 1px rgba(32,21,18,.75);font-size:20px} .friend-links{text-align:center} .footer{padding:26px 0;} .footer .ewmwr,.footer .copyr,.footer .copyr .col{display:inline-block;*display:inline;*zoom:1;text-align:center;vertical-align:middle} .footer .ewmwr .img{display:block;width:110px;} .footer .ewmwr .txt{font-size:12px;color:#fff;} .footer .copyr{margin-left:55px;} .footer .copyr .col{margin-right:55px;font-size:14px;line-height:24px;color:#fff;text-align:left;} .footer .copyr .col-1{width:333px;} .footer .copyr .col-2{width:349px;} @media screen and (max-width:640px){.friend-links{display:none} } .friend-links a{margin-right:6px} .floatright{position:fixed;right:0;bottom:10px;z-index:99;width:45px;height:186px;color:#fff;font-size:14px;font-family:"MICROSOFT YAHEI","Arial Narrow"} @media screen and (max-width:640px){.floatright{display:none} } .floatright .fr-box{position:absolute;top:0;right:0;overflow:hidden;padding-left:45px;width:0;height:45px;background:#222 url(../img/floatright.png) 0 0 no-repeat;line-height:45px;cursor:pointer;-webkit-transition:background .4s,width .4s;-moz-transition:background .4s,width .4s;-o-transition:background .4s,width .4s;transition:background .4s,width .4s;-ms-transition:background .4s,width .4s} .floatright .fr-box p{position:absolute;top:0;left:45px;line-height:45px} .floatright .fr-box a{display:block;width:100%;height:45px;color:#fff} .floatright .fr-box:hover{background-color:#555} .floatright .fr-top{text-indent:200%} .floatright .fr-qq{top:47px;background-position:0 -45px} .floatright .fr-qq:hover{width:60px} .floatright .fr-call{top:94px;background-position:0 -90px} .floatright .fr-call:hover{width:100px} .floatright .fr-code{top:141px;background-position:0 -135px} .fr-codeimg{position:absolute;right:50px;bottom:0;display:none;width:200px;height:200px;border:1px solid #ccc;background:#fff url(../img/footer-ewm.jpg) center no-repeat} .index-main{position:relative;top:-37px;left:0;background-color:#fff} .index-title{position:relative;width:100%;height:37px;background:#fff url(../img/index-titleBg.jpg) left bottom repeat-x;color:#000;text-indent:14px;font-weight:100;font-size:12px;line-height:37px} .index-title b{margin-right:2px;color:#db0817;font-weight:600;font-size:16px} .index-title .more{position:absolute;right:16px;color:#818181} .index-title .more:hover{color:#000;text-decoration:underline} .index-about{overflow:hidden;margin-left:17px;width:500px;height:350px;background-color:#ededed} .index-about .index-title,.index-about .index-title b{background-color:#db0817;background-image:none;color:#fff} .index-about .index-title .more{color:#f1b9bb} .index-about p{padding:8px 14px;text-align:justify;line-height:22px} .index-about img{float:left;margin:5px 10px 0 0;width:60%} .index-about p a{color:#555} .index-about p a:hover{color:#000} .index-new{overflow:hidden;width:400px;height:349px;border-bottom:1px solid #ccc} .tab-nav a{float:left;width:95px;height:20px;background-color:#4c4c4c;color:#d4d4d4;text-align:center;font-weight:600;font-family:"新宋体";line-height:20px} .tab-nav a.tabNav-current{background-color:#db0817;color:#fff} .tab-main{overflow:hidden;margin-top:20px;padding:0 10px;height:270px} .index-newList a{color:#737373;font-family:"新宋体"} .index-newList a:hover{color:#333} .index-newList .havePic{overflow:hidden;margin-bottom:26px;width:100%;height:100px} .index-newList .havePic p,.index-newList .havePic span{display:inline-block;overflow:hidden;width:150px;height:100px} .index-newList .havePic img{width:150px;max-height:100px;-webkit-transition:transform .3s;-moz-transition:transform .3s;-o-transition:transform .3s;transition:transform .3s;-ms-transition:transform .3s} .index-newList a:hover img{-webkit-transform:scale(1.05) translate3D(0,0,0);-moz-transform:scale(1.05) translate3D(0,0,0);-o-transform:scale(1.05) translate3D(0,0,0);transform:scale(1.05) translate3D(0,0,0);-ms-transform:scale(1.05) translate3D(0,0,0)} .index-newList .havePic p{margin-left:6px;width:210px;text-align:justify} .index-newList .havePic b{display:block;margin-bottom:4px;color:#000;font-size:14px} .index-newList .noPic{margin-top:10px;width:100%;font-size:13px;font-family:"微软雅黑";line-height:18px} .index-newList .noPic span{display:inline-block;margin-right:6px;width:40px;height:18px;background-color:#4c4c4c;color:#fff;text-align:center;font-size:12px;-webkit-transition:background .3s;-moz-transition:background .3s;-o-transition:background .3s;transition:background .3s;-ms-transition:background .3s} .index-newList .noPic:hover span{background-color:#db0817} .index-price b{display:block;margin-bottom:6px;width:100%;color:#000;text-align:center;font-size:14px} .index-price img{width:100%} .index-product{overflow:hidden;margin-left:20px;width:262px;height:349px;border-bottom:1px solid #ccc} .index-product .banner{margin:13px auto 0;width:100%;height:299px} .proSlide-imgbox{overflow:hidden;width:100%;height:270px} .proSlide-imgbox li{height:270px} .proSlide-imgbox a{display:block;overflow:hidden;width:260px;height:240px;border:1px solid #b7b7b7} .proSlide-imgbox img,.proSlide-imgbox span{display:inline-block;vertical-align:middle;text-align:center} .proSlide-imgbox span{visibility:hidden;overflow:hidden;width:0;height:100%} .proSlide-imgbox img{max-width:235px;max-height:230px} .proSlide-imgbox p{width:100%;height:30px;color:#db0817;font-weight:600;font-size:14px;line-height:30px} .proSlide-btnlist{bottom:0} .proSlide-btnlist span{width:14px;height:14px;border-radius:14px;background-color:#4c4c4c;color:#fff;text-align:center;text-indent:0;line-height:14px} .index-threebox{margin-top:30px;width:100%;height:300px} .index-threebox .index-title{height:40px;border-top:1px solid #e7e7e7;border-bottom:1px solid #aaa;line-height:40px} .index-threebox li{float:left;overflow:hidden;margin-left:20px;width:380px;height:300px} .index-threebox li:first-child{margin-left:0;width:400px} .index-threebox p{width:100%;height:40px;text-indent:2px;line-height:40px} .index-threebox img{width:100%;height:220px;-webkit-transition:transform .3s;-moz-transition:transform .3s;-o-transition:transform .3s;transition:transform .3s;-ms-transition:transform .3s} .index-threebox img:hover{-webkit-transform:scale(1.05) translate3D(0,0,0);-moz-transform:scale(1.05) translate3D(0,0,0);-o-transform:scale(1.05) translate3D(0,0,0);transform:scale(1.05) translate3D(0,0,0);-ms-transform:scale(1.05) translate3D(0,0,0)} .nav-left{position:absolute;top:-40px;left:0;z-index:9;padding-bottom:40px;padding-left:15px;width:170px;min-height:100%;background-color:#efefef} @media screen and (max-width:640px){.nav-left{display:none} } .navLeft-title{width:170px;height:40px;background-color:#3b3b3b;color:#fff;text-indent:15px;line-height:40px} .navLeft-title b{margin-right:3px;font-size:16px} .navLeft-box{position:relative;-webkit-transition:top .8s;-moz-transition:top .8s;-o-transition:top .8s;transition:top .8s;-ms-transition:top .8s} .navLeft-box li{overflow:hidden;margin-top:1px;width:170px;height:37px;background-color:#b9b9b9;line-height:37px} .navLeft-box a{display:block;width:100%;height:36px;background:#b9b9b9 url(../img/navLeft-jt.jpg) 15px center no-repeat;color:#fff;text-indent:30px;font-weight:600;font-size:14px;-webkit-transition:transform .3s;-moz-transition:transform .3s;-o-transition:transform .3s;transition:transform .3s;-ms-transition:transform .3s} .navLeft-box a:hover{-webkit-transform:translate3D(10px,0,0);-moz-transform:translate3D(10px,0,0);-o-transform:translate3D(10px,0,0);transform:translate3D(10px,0,0);-ms-transform:translate3D(10px,0,0)} .navLeft-box a.navLeft-on{background-color:#db0817;background-image:url(../img/navLeft-jt2.jpg);color:#fff} .navLeft-box a.navLeft-on:hover{cursor:default;-webkit-transform:translate3D(0,0,0);-moz-transform:translate3D(0,0,0);-o-transform:translate3D(0,0,0);transform:translate3D(0,0,0);-ms-transform:translate3D(0,0,0)} .navLeft-brand{display:block;margin-top:15px;width:160px;border:1px solid #9ea7b0} .navLeft-brand img{display:block;max-width:100%} .navLeft-contact{margin-top:15px;color:#333} .navLeft-contact li{padding:10px 5px 0 58px;width:97px;height:75px;border:1px solid #bec2c3;border-top:0 none;background-image:url(../img/navLeft-contact.jpg);background-repeat:no-repeat} .navLeft-contact span{font-weight:600} .navLeft-contact a,.navLeft-contact p{width:100%;color:#5d5d5d;line-height:16px} .navLeft-contact a:hover{color:#333} .navLeft-contact .online{border-top:1px solid #bec2c3;background-position:0 0} .navLeft-contact .email{background-position:0 -84px} .navLeft-contact .tel{background-position:0 -168px} .navLeft-contact .email p{word-spacing:-1px;letter-spacing:-1px} .navLeft-contact .tel p{margin-top:6px;font-size:16px} .position{position:relative;margin-bottom:35px;margin-left:-35px;padding-top:30px;padding-left:35px;width:100%;height:39px;border-bottom:2px solid #db0817;text-align:right;line-height:39px} @media screen and (max-width:640px){.position{display:none} } .position p, .position span{display:inline-block;max-width:100%;padding:0 6px;border-bottom:2px solid #717171} .position a{display:inline-block;margin-left:3px;color:#858585} .position a:hover{color:#000;text-decoration:underline} .content-right{overflow:hidden;padding:0 0 35px 220px;color:#343434;text-align:justify;font-size:14px;line-height:28px} @media screen and (max-width:640px){.content-right{margin-top:37px;padding:4%} } .content-right h2.newsTitle{text-align:center} .content-right img{max-width:100%} .pagesize{margin-top:20px;width:100%;font-size: 0;text-align:center} .pagesize li{display:inline-block;margin:0 2px;padding:0 10px;border:1px solid #d9d9d9} .pagesize a{display:block;width:100%;height:100%;font-size:14px;} .pagesize li:hover, .pagesize li.active{background-color:#E72119;color:#ccc} .pagesize li:hover a, .pagesize li.active a{color:#ccc} .pagesize a:hover{text-decoration:underline} .honor{width:110%;font-size: 0;text-align: left;} .honor li{display:inline-block;margin-bottom:20px;width:240px;vertical-align:top;text-align:center} .honor a{display:block;overflow:hidden;padding:5px;width:210px;height:300px;border:1px solid #dcdcdc;vertical-align:middle} .honor b{display:inline-block;width:0;height:100%;vertical-align:middle} .honor img{display:inline-block;max-width:210px;max-height:300px;vertical-align:middle;-webkit-transition:transform .5s;-moz-transition:transform .5s;-o-transition:transform .5s;transition:transform .5s;-ms-transition:transform .5s} .honor a:hover img{-webkit-transform:scale(.95) translateZ(0);-moz-transform:scale(.95) translateZ(0);-o-transform:scale(.95) translateZ(0);transform:scale(.95) translateZ(0);-ms-transform:scale(.95) translateZ(0)} .honor p{padding:10px 5px;width:200px;font-size: 14px;} .honor li:hover p{color:#db0817} #lbOverlay{position:fixed;top:0;left:0;z-index:99998;width:100%;height:500px} #lbOverlay.grey{background-color:#000} #lbMain{position:absolute;left:0;z-index:99999;width:100%;text-align:center;line-height:0} #lbMain a img{border:none} #lbOuterContainer{position:relative;margin:0 auto;width:200px;height:200px;background-color:#fff} #lbOuterContainer.grey{border:3px solid #fff} #lbDetailsContainer{overflow:auto;margin:0 auto;width:100%;background-color:#fff;font:10px Verdana,Helvetica,sans-serif;line-height:1.4em} #lbDetailsContainer.grey{border:3px solid #fff;border-top:none} #lbIframeContainer,#lbImageContainer{padding:10px} #lbLoading{position:absolute;top:45%;left:0;width:100%;height:32px;background:url(../img/loading.gif) center no-repeat;text-align:center;line-height:0} #lbHoverNav{position:absolute;top:0;left:0;z-index:10;width:100%;height:100%} #lbImageContainer>#lbHoverNav{left:0} #lbHoverNav a{outline:0} #lbPrev{left:0;float:left;display:block;width:49%;height:100%;background:transparent url(../img/blank.gif) no-repeat} #lbPrev.grey:hover,#lbPrev.grey:visited:hover{background:url(../img/prev_grey.gif) left 15% no-repeat} #lbNext{right:0;float:right;display:block;width:49%;height:100%;background:transparent url(../img/blank.gif) no-repeat} #lbNext.grey:hover,#lbNext.grey:visited:hover{background:url(../img/next_grey.gif) right 15% no-repeat} #lbNext2,#lbPrev2{text-decoration:none;font-weight:700} #lbNext2.grey,#lbPrev2.grey,#lbSpacer.grey{color:#333} #lbNext2_Off,#lbPrev2_Off{font-weight:700} #lbNext2_Off.grey,#lbPrev2_Off.grey{color:#CCC} #lbDetailsData{padding:0 10px} #lbDetailsData.grey{color:#333} #lbDetails{float:left;width:60%;text-align:left;font-size:12px} #lbCaption{display:block;margin:5px 5px 10px;font-weight:700;font-size:14px;line-height:20px} #lbNumberDisplay{float:left;display:block;display:none;margin-left:5px;padding-bottom:1em} #lbNavDisplay{float:left;display:block;padding-bottom:1em} #lbClose{float:right;margin-bottom:1px;width:64px;height:28px} #lbClose.grey{background:url(../img/close_grey.png) no-repeat} #lbPlay{float:right;margin-bottom:1px;width:64px;height:28px} #lbPlay.grey{background:url(../img/play_grey.png) no-repeat} #lbPause{float:right;margin-bottom:1px;width:64px;height:28px} #lbPause.grey{background:url(../img/pause_grey.png) no-repeat} .about-scxt .box{margin-bottom:20px;padding:10px;border:1px solid #ccc} .about-scxt .title{font-weight:700;font-size:16px;line-height:32px} .about-scxt .con,.about-scxt .flash{display:inline-block;vertical-align:top} .about-scxt .con{width:600px} .about-scxt .flash{margin-left:10px;padding:2px;width:330px;background-color:#ccc} .news-list li{position:relative;overflow:hidden;padding:20px 0;width:100%;border-bottom:1px solid #d9d9d9;line-height:26px} .news-list li::after{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;background-color:#ddd;content:"";-webkit-transition:transform .5s;-moz-transition:transform .5s;-o-transition:transform .5s;transition:transform .5s;-webkit-transform:translate3D(-100%,0,0);-moz-transform:translate3D(-100%,0,0);-o-transform:translate3D(-100%,0,0);transform:translate3D(-100%,0,0);-ms-transition:transform .5s;-ms-transform:translate3D(-100%,0,0)} .news-list li:hover{background-color:#ddd\9\0} .news-list li:hover::after{-webkit-transform:translate3D(0,0,0);-moz-transform:translate3D(0,0,0);-o-transform:translate3D(0,0,0);transform:translate3D(0,0,0);-ms-transform:translate3D(0,0,0)} .news-list a{position:relative;z-index:2} .newsday{display:inline-block;width:127px;color:#aaa;vertical-align:middle;text-align:center;font-size:15px;-webkit-transition:color .5s;-moz-transition:color .5s;-o-transition:color .5s;transition:color .5s;-ms-transition:color .5s} .news-list a:hover .newsday{color:#db0817} .newsday h3{font-weight:100;font-size:28px} .newstitle{display:inline-block;margin-left:28px;max-width:720px;color:#666;vertical-align:middle;-webkit-transition:color .5s;-moz-transition:color .5s;-o-transition:color .5s;transition:color .5s;-ms-transition:color .5s} .newstitle h3{color:#2f2f2f;font-weight:100;font-size:16px;-webkit-transition:color .5s;-moz-transition:color .5s;-o-transition:color .5s;transition:color .5s;-ms-transition:color .5s} .news-list span{display:inline-block;margin-left:20px;width:30px;height:30px;background:transparent url(../img/new-button.png) no-repeat center;vertical-align:middle;-webkit-transition:transform .5s;-moz-transition:transform .5s;-o-transition:transform .5s;transition:transform .5s;-ms-transition:transform .5s} .news-list li:hover span{-webkit-transform:translate3D(10px,0,0);-moz-transform:translate3D(10px,0,0);-o-transform:translate3D(10px,0,0);transform:translate3D(10px,0,0);-ms-transform:translate3D(10px,0,0)} .newsMain h2{margin:0 auto;width:90%;color:#db0817;text-align:center} .newsDetail{margin-top:16px;text-align:center;font-size:12px} .newsDetail span{padding:0 5px} .newsBody{margin-top:10px} .newsBody table { margin: 0 auto; max-width: 100%!important; } .news-related{margin-top:20px;width:100%} .news-related .title{height:30px;border-bottom:1px solid #ddd;color:#db0817;font-size:16px;line-height:30px} .news-related .list li{float:left;margin-top:5px;margin-right:2%;width:47%;list-style:inside circle;font-size:14px;line-height:24px} @media screen and (max-width:640px){.news-related .list li{float:none;margin-right:0;width:100%} } .product { font-size: 0; text-align: left; } .product li{display:inline-block;margin-right:6px;margin-bottom:10px;width:235px;border:1px solid #ddd;vertical-align:top;-webkit-transition:border .8s;-o-transition:border .8s;transition:border .8s} .product li:hover{border-color:#db0817} .product a{display:block;overflow:hidden;width:100%;height:230px;text-align:center} @media screen and (max-width:640px){.product li{margin:0 1% 2%;width:46%;height:auto} .product a{height:auto} } .product img,.product span{display:inline-block;vertical-align:middle} .product span{visibility:hidden;overflow:hidden;width:0;height:100%} .product img{max-width:100%;max-height:220px} .product p{overflow:hidden;width:100%;height:36px;background-color:#ddd;color:#666;text-align:center;font-size:16px;line-height:36px;-webkit-transition:color .4s,background .4s;-moz-transition:color .4s,background .4s;-o-transition:color .4s,background .4s;transition:color .4s,background .4s;-ms-transition:color .4s,background .4s} .product li:hover p{background-color:#db0817;color:#fff} .product-model{position:absolute;bottom:0;left:35px;width:50%;color:#000;text-align:left;font-weight:600;font-size:16px} .product-model b{color:grey} #proTitle{display:none} .product-top{position:relative;overflow:hidden} .product-top img{max-width:100%} .product-top .left,.product-top .right{position:relative;display:inline-block;overflow:hidden;width:49%;vertical-align:top} .product-bigimg,.product-bigimg2{display:block;height:400px;border:1px solid #ccc;text-align:center} .product-bigimg .imgVM,.product-bigimg img,.product-bigimg2 .imgVM,.product-bigimg2 img{display:inline-block;vertical-align:middle} .product-bigimg .imgVM,.product-bigimg2 .imgVM{visibility:hidden;overflow:hidden;width:0;height:100%} .product-bigimg img,.product-bigimg2 img{max-height:98%} .probimg-btn{position:absolute;top:0;width:200px;height:100%;opacity:0;cursor:pointer;-webkit-transition:opacity .3s,transform .3s;-o-transition:opacity .3s,transform .3s;transition:opacity .3s,transform .3s;-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';filter:alpha(Opacity=0)} .product-bigimg:hover .probimg-btn{opacity:1;-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=1)';filter:alpha(Opacity=1)} #probimg-prev{left:0;background:url(../img/probimg-prev.png) 20px center no-repeat} #probimg-next{right:0;background:url(../img/probimg-next.png) 160px center no-repeat} #probimg-prev:hover{-webkit-transform:translate3D(10px,0,0);-o-transform:translate3D(10px,0,0);transform:translate3D(10px,0,0);-ms-transform:translate3D(10px,0,0)} #probimg-next:hover{-webkit-transform:translate3D(-10px,0,0);-o-transform:translate3D(-10px,0,0);transform:translate3D(-10px,0,0);-ms-transform:translate3D(-10px,0,0)} .product-imgbox{position:relative;margin-top:6px;width:1000px} .product-imgbox li{float:left;overflow:hidden;margin-right:7px;width:88px;height:88px;border:1px solid #ccc;background-color:#fff;cursor:pointer} .product-imgbox li:hover img{-webkit-transition:transform .3s;-moz-transition:transform .3s;-o-transition:transform .3s;transition:transform .3s;-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);-ms-transform:scale(1.1);-ms-transition:transform .3s} .product-imgbox li.hover{border-color:#af000b} .product-imgbox img{width:100%;height:100%} .product-btn{position:absolute;bottom:0;z-index:2;display:none;width:30px;height:90px;background:#db0817 url(../img/product-btn.jpg) left center no-repeat;opacity:.6;-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=60)';filter:alpha(Opacity=60)} .product-btn:hover{opacity:.8;-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=80)';filter:alpha(Opacity=80)} #product-prev{left:0} #product-next{right:0;background-position:right center} #show_mark{position:absolute;top:0;left:0;display:none;width:200px;height:100px;border:1px solid #999;background-color:#000;opacity:.5;cursor:crosshair;filter:alpha(opacity=50)} #zoom,#zoom2{position:absolute;top:0;left:50%;z-index:3;display:none;overflow:hidden;width:50%;height:500px;border:1px solid #eee} #zoom img,#zoom2 img{position:absolute;top:0;left:0;max-width:1000px} .product-top .right{margin-left:1%;text-align:left} .product-top .right .title{margin-bottom:6px;padding:0 0 6px 6px;border-bottom:1px dashed #ddd;color:#db0817;font-size:16px} .product-top .right .con{overflow:hidden;max-height:360px} .product-top .right .cont{margin-top:16px;font-size:16px} .product-top .right .cont span{color:#db0817;font-weight:700;font-size:22px} .product-top .bdsharebuttonbox{overflow:hidden;margin-top:6px;height:28px} .product-top .bdshare-button-style1-16 a{margin-right:12px} .product-top .right img{display:block;margin:0 auto;max-width:100%;max-height:500px} .product-title{margin-top:30px;width:100%;height:33px;background-image:url(../img/product-title.jpg);background-repeat:repeat-x;color:#000;text-indent:15px;font-weight:100;font-size:14px;line-height:33px} .product-title i{margin-left:5px;color:grey;font-family:Arial} .protz-open{display:block;margin:10px auto 0;padding-left:35px;width:80px;border:1px solid #ddd;background:#fff url(../img/search.gif) no-repeat 10px center;color:#db0817;font-size:16px;line-height:30px} .protz-open:hover{border-color:#db0817} .product-tuzhi{display:none;overflow:hidden;margin:0 auto;width:800px;text-align:center} .protz-imgbox{position:relative;-webkit-transition:transform .4s;-o-transition:transform .4s;transition:transform .4s} .protz-imgbox li{float:left;overflow:hidden;border:1px solid #C4C4C4} .protz-imgbox img{display:block;width:100%} .protz-btn,.protz-page{display:inline-block;margin-top:10px;padding:0 12px;border:1px solid #b2b2b2;background-color:#ccc} .product-case{margin-top:8px} .product-case img{max-width:100%} .product-related{overflow:hidden;margin-top:10px;text-align:left} .product-related li{margin-right:4px} @media screen and (max-width:640px){.product-top .left,.product-top .right{width:100%} .product-top .right{margin-top:8px} .product-top .right h1{display:none} #zoom2,.product-bigimg{position:fixed;top:0;left:0;z-index:99;display:none;width:100%;height:100%;border:0 none;background-color:rgba(0,0,0,.8)} .product-bigimg2{height:auto} .product-imgbox{width:100%} .product-imgbox li{box-sizing:border-box;margin:0 2% 4%;width:46%;height:auto} .product-imgbox img{display:block} .probimg-btn{display:none} #show_mark,#zoom{display:none;visibility:hidden;opacity:0} #zoom2 img{top:50%;width:100%} .product-tuzhi{width:100%} } .cases li{margin-bottom:0} .cases a{padding:0;width:220px;height:220px;border-color:#dcdcdc} .cases img{max-width:100%} .cases p{padding-top:0;width:220px} .production-list li{border:0 none} .production-list a{height:220px} .production-list img{width:100%;height:230px} .production-list p{background-color:#fff} .mpro-title{display:none;margin-bottom:4%} .production{height:655px} .production .product-bigimg{position:relative;float:left;width:650px;height:650px} .production .product-bigimg img{max-width:650px;max-height:650px} .production .product-bigimg p{position:absolute;bottom:0;left:0;z-index:2;padding:0 2%;width:96%;background-color:#000;color:#fff;line-height:40px;opacity:.6;-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=60)';filter:alpha(Opacity=60)} .production .product-imgbox{float:right;width:300px;height:auto} .production-imglist{position:relative;overflow:hidden;width:100%;height:304px} .production-imglist ul{position:relative} .production .product-imgbox li{float:none;display:inline-block;margin:0 2px 10px;width:140px;height:140px;vertical-align:top} .production-btn{display:block;margin-bottom:10px;width:100%;height:30px;background-color:#db0817;color:#fff;text-align:center;line-height:30px;opacity:.8;-webkit-transition:opacity .5s;-moz-transition:opacity .5s;-o-transition:opacity .5s;transition:opacity .5s;-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=80)';filter:alpha(Opacity=80);-ms-transition:opacity .5s} .production-btn:hover{opacity:1;cursor:pointer;-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';filter:alpha(Opacity=100)} .production-info{position:absolute;right:0;bottom:0;width:300px} @media screen and (max-width:640px){.mpro-title{display:block;width:100%;text-align:center;font-size:16px} .production{height:auto} .production .product-bigimg{position:fixed;top:0;left:0;z-index:99;float:none;display:none;width:100%;height:100%;border:0 none;background-color:rgba(0,0,0,.8)} .production .product-bigimg img{max-width:100%;max-height:100%} .production .product-imgbox{float:none;margin-top:10px;width:100%} .production-imglist{height:auto;text-align:center} .production .product-imgbox li{margin:0 1% 2%;width:46%;height:auto} .production .product-imgbox img{display:block} .production-btn{display:none} .production-info{position:relative;width:100%;text-align:justify} } .contact li{display:inline-block;width:49%;vertical-align:bottom} .contact p:first-child{margin-bottom:5px} .contact b{font-size:16px} .map{margin-top:15px;width:100%} .m-header,.mh-info,.mh-logo img{position:relative;width:100%} .mh-logo{display:inline-block;margin:4% 2%;width:45%;vertical-align:middle} .mh-tel{display:inline-block;margin-left:5%;padding-top:2%;width:40%;vertical-align:middle;text-align:center} .mh-tel a{display:block;color:#db0817;font-size:18px} .mh-nav{position:absolute;top:100%;left:0;z-index:9;overflow:hidden;width:100%;height:35px;border-top:1px solid #db0817;border-bottom:1px solid #db0817;background-color:#fff;-webkit-transition:height .3s;-moz-transition:height .3s;-o-transition:height .3s;transition:height .3s;-ms-transition:height .3s} .mh-nav-fixed{position:fixed;top:0} .mh-nav-on{height:70px} .mh-nav a{float:left;overflow:hidden;width:16.6%;height:35px;color:#db0817;text-align:center;line-height:35px} .mh-nav .mHNav-on{background-color:#db0817;color:#fff} .mh-nav .fa-angle-up{width:8%;height:35px;color:#db0817;-webkit-transition:transform .3s;-moz-transition:transform .3s;-o-transition:transform .3s;transition:transform .3s;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);-ms-transition:transform .3s;-ms-transform:rotate(180deg)} .mh-nav .fa-angle-up:before{display:block;text-align:center;font-size:18px;line-height:35px} .mh-nav-on .fa-angle-up{-webkit-transform:rotate(0) translate3D(0,0,0);-moz-transform:rotate(0) translate3D(0,0,0);-o-transform:rotate(0) translate3D(0,0,0);transform:rotate(0) translate3D(0,0,0);-ms-transform:rotate(0) translate3D(0,0,0)} .mh-navEr{position:absolute;z-index:2;display:none;margin-top:36px;max-width:100%;border:2px solid #db0817;background-color:#fff;font-size:14px} .mh-navEr a{display:block;padding:5px 15px;color:#db0817;text-align:center;line-height:24px} .mh-navEr .mhNavEr-On{background-color:rgba(219,28,3,.6);color:#fff} .m-footer{padding:4% 0 60px;background-color:#db0817;color:#fff;text-align:center;line-height:24px} .m-footer a{color:#fff;font-size:16px} .m-footer img{margin:6px 0 10px;height:80px;} .m-footer .foot-zs,.m-footer .foot-ewm{display:inline-block;*display:inline;*zoom:1;vertical-align:middle;height:80px} .m-footer .foot-ewm{margin-left:16px;} .mFoot-nav{position:fixed;right:0;bottom:0;left:0;z-index:7;margin:0 auto;width:100%;max-width:640px;background-color:#BD0E1B} .mFoot-nav a{float:left;display:block;box-sizing:border-box;width:25%;height:55px;color:#ddd;text-align:center;font-size:12px} .mFoot-nav i{display:block;margin-top:8px;font-size:24px} .mFoot-nav .top i{margin-top:0;height:50px;font-size:30px;line-height:50px} .mMap-box{position:fixed;top:0;right:0;left:0;margin:0 auto;width:100%;height:100%;max-width:640px;background-color:rgba(0,0,0,.3);-webkit-transition:transform .4s;-moz-transition:transform .4s;-o-transition:transform .4s;transition:transform .4s;-webkit-transform:translate3D(0,150%,0);-moz-transform:translate3D(0,150%,0);-o-transform:translate3D(0,150%,0);transform:translate3D(0,150%,0);-ms-transform:translate3D(0,150%,0);-ms-transition:transform .4s} .mMap-show{z-index:99;-webkit-transform:translate3D(0,0,0);-moz-transform:translate3D(0,0,0);-o-transform:translate3D(0,0,0);transform:translate3D(0,0,0);-ms-transform:translate3D(0,0,0)} .mMap-box p{position:relative;width:100%;height:50px;background-color:#db0817;color:#fff;text-align:center;font-size:20px;line-height:50px} .mMap-box p i{position:absolute;left:2%;line-height:50px} .m-footer,.m-header{display:none} @media screen and (max-width:640px){.m-footer,.m-header{display:block;font-size:14px}} .mov-ab { margin-top: 30px; } .mov-ab .mov { position: relative; width: 550px; } .mov-ab .mov .wrap { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; } .mov-ab .mov .box { position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; }