@charset "utf-8"; .owl-theme .owl-controls{margin-top:10px;text-align:center}.owl-theme .owl-controls .owl-buttons div{color:#FFF;display:inline-block;zoom:1;*display:inline;margin:5px;padding:3px 10px;font-size:12px;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;background:#869791;filter:Alpha(Opacity=50);opacity:.5}.owl-theme .owl-controls.clickable .owl-buttons div:hover{filter:Alpha(Opacity=100);opacity:1;text-decoration:none}.owl-theme .owl-controls .owl-page{display:inline-block;zoom:1;*display:inline}.owl-theme .owl-controls .owl-page span{display:block;width:12px;height:12px;margin:5px 7px;filter:Alpha(Opacity=50);opacity:.5;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;background:#869791}.owl-theme .owl-controls .owl-page.active span,.owl-theme .owl-controls.clickable .owl-page:hover span{filter:Alpha(Opacity=100);opacity:1}.owl-theme .owl-controls .owl-page span.owl-numbers{height:auto;width:auto;color:#FFF;padding:2px 10px;font-size:12px;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px}.owl-item.loading{min-height:150px;background:url(AjaxLoader.gif) no-repeat center center}.owl-carousel .owl-wrapper:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel{display:none;position:relative;width:100%;-ms-touch-action:pan-y}.owl-carousel .owl-wrapper{display:none;position:relative;-webkit-transform:translate3d(0px,0px,0px)}.owl-carousel .owl-wrapper-outer{overflow:hidden;position:relative;width:100%}.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out}.owl-carousel .owl-item{float:left}.owl-controls .owl-page,.owl-controls .owl-buttons div{cursor:pointer}.owl-controls{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.grabbing{cursor:url(grabbing.png) 8 8,move}.owl-carousel .owl-wrapper,.owl-carousel .owl-item{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-origin{-webkit-perspective:1200px;-webkit-perspective-origin-x:50%;-webkit-perspective-origin-y:50%;-moz-perspective:1200px;-moz-perspective-origin-x:50%;-moz-perspective-origin-y:50%;perspective:1200px}.owl-fade-out{z-index:10;-webkit-animation:fadeOut .7s both ease;-moz-animation:fadeOut .7s both ease;animation:fadeOut .7s both ease}.owl-fade-in{-webkit-animation:fadeIn .7s both ease;-moz-animation:fadeIn .7s both ease;animation:fadeIn .7s both ease}.owl-backSlide-out{-webkit-animation:backSlideOut 1s both ease;-moz-animation:backSlideOut 1s both ease;animation:backSlideOut 1s both ease}.owl-backSlide-in{-webkit-animation:backSlideIn 1s both ease;-moz-animation:backSlideIn 1s both ease;animation:backSlideIn 1s both ease}.owl-goDown-out{-webkit-animation:scaleToFade .7s ease both;-moz-animation:scaleToFade .7s ease both;animation:scaleToFade .7s ease both}.owl-goDown-in{-webkit-animation:goDown .6s ease both;-moz-animation:goDown .6s ease both;animation:goDown .6s ease both}.owl-fadeUp-in{-webkit-animation:scaleUpFrom .5s ease both;-moz-animation:scaleUpFrom .5s ease both;animation:scaleUpFrom .5s ease both}.owl-fadeUp-out{-webkit-animation:scaleUpTo .5s ease both;-moz-animation:scaleUpTo .5s ease both;animation:scaleUpTo .5s ease both}@-webkit-keyframes empty{0%{opacity:1}}@-moz-keyframes empty{0%{opacity:1}}@keyframes empty{0%{opacity:1}}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-moz-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@-moz-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@-webkit-keyframes backSlideOut{25%{opacity:.5;-webkit-transform:translateZ(-500px)}75%{opacity:.5;-webkit-transform:translateZ(-500px) translateX(-200%)}100%{opacity:.5;-webkit-transform:translateZ(-500px) translateX(-200%)}}@-moz-keyframes backSlideOut{25%{opacity:.5;-moz-transform:translateZ(-500px)}75%{opacity:.5;-moz-transform:translateZ(-500px) translateX(-200%)}100%{opacity:.5;-moz-transform:translateZ(-500px) translateX(-200%)}}@keyframes backSlideOut{25%{opacity:.5;transform:translateZ(-500px)}75%{opacity:.5;transform:translateZ(-500px) translateX(-200%)}100%{opacity:.5;transform:translateZ(-500px) translateX(-200%)}}@-webkit-keyframes backSlideIn{0%,25%{opacity:.5;-webkit-transform:translateZ(-500px) translateX(200%)}75%{opacity:.5;-webkit-transform:translateZ(-500px)}100%{opacity:1;-webkit-transform:translateZ(0) translateX(0)}}@-moz-keyframes backSlideIn{0%,25%{opacity:.5;-moz-transform:translateZ(-500px) translateX(200%)}75%{opacity:.5;-moz-transform:translateZ(-500px)} 100%{opacity:1;-moz-transform:translateZ(0) translateX(0)}}@keyframes backSlideIn{0%,25%{opacity:.5;transform:translateZ(-500px) translateX(200%)}75%{opacity:.5;transform:translateZ(-500px)}100%{opacity:1;transform:translateZ(0) translateX(0)}}@-webkit-keyframes scaleToFade{to{opacity:0;-webkit-transform:scale(.8)}}@-moz-keyframes scaleToFade{to{opacity:0;-moz-transform:scale(.8)}}@keyframes scaleToFade{to{opacity:0;transform:scale(.8)}}@-webkit-keyframes goDown{from{-webkit-transform:translateY(-100%)}}@-moz-keyframes goDown{from{-moz-transform:translateY(-100%)}}@keyframes goDown{from{transform:translateY(-100%)}}@-webkit-keyframes scaleUpFrom{from{opacity:0;-webkit-transform:scale(1.5)}}@-moz-keyframes scaleUpFrom{from{opacity:0;-moz-transform:scale(1.5)}}@keyframes scaleUpFrom{from{opacity:0;transform:scale(1.5)}}@-webkit-keyframes scaleUpTo{to{opacity:0;-webkit-transform:scale(1.5)}}@-moz-keyframes scaleUpTo{to{opacity:0;-moz-transform:scale(1.5)}}@keyframes scaleUpTo{to{opacity:0;transform:scale(1.5)}} @font-face { font-family: 'Conv_TT'; src: url('../fonts/TT0371M_.eot'); src: local('☺'), url('../fonts/tt0371m_.woff') format('woff'), url('../fonts/tt0371m_.ttf') format('truetype'), url('../fonts/tt0371m_.svg') format('svg'); font-weight: normal; font-style: normal; } *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; font-family: Conv_TT} body{font-family:Arial, Helvetica, sans-serif; font-size: 14px; line-height:24px; overflow-x: hidden; color: #333;} html, body, div, span, h1, h2, h3, h4, h5, h6, p,table, td, blockquote, pre, a, address, big, cite, code, del, em, font, img, ins, small, strong, var, b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {margin: 0;padding: 0;} input,select,textarea{font-size: 14px;border:none;margin: 0;padding: 0; outline: none; } img{border: 0 none;vertical-align: middle;} a{color: #333;text-decoration:none;background-color:transparent;transition: 0.3s;} a:hover{cursor: pointer;} a:focus{outline:none;} ul, li, dl, dt, dd{list-style: none outside none;} /*table td{word-wrap:break-word;word-break:break-all;}*/ /*.warper{max-width:1440px; margin:0 auto;}*/ .container{width: 100%; padding:0; margin:0;} .backToTop{width:50px; height:50px; background:#ec000d url(../images/icon_top.png) no-repeat center; z-index: 3; background-size:60%; cursor:pointer; position:fixed; right:30px;text-indent:9999px; bottom:80px; color: #fff; border-radius: 0; transition: all .3s} .backToTop:hover{opacity: .8} body{padding-top:123px;} #header{ background: #fff; height:123px; position: fixed; top:0; box-shadow: 0 2px 2px 2px rgba(0,0,0,.05); width: 100%; left: 0; z-index: 9} .logo{ position: absolute; left:20px; top:0; margin: 22px 0;} .logo{margin:30px 0;} .logo img{height:60px} #nav .warper{position: relative;} .nav{ margin-left:350px;} .nav li{ display: inline-block; position: relative; float: left; color: #ccc; } .nav li>a{ display: inline-block; padding:0 16px; vertical-align: middle; text-transform: uppercase; font-weight: bold; overflow: hidden; line-height:123px; transition:0.5s; } .nav li.on>a,nav li:hover>a{background: #ec000d; color: #fff;} .nav li div{ position: absolute; width: 600px; padding:40px; background: #ec000d; display: block; top:123px; opacity: 0; transition: opacity 1s ease; left: 9999px; z-index: 999; } .nav li div.promenu{width:560px; padding:20px;} .nav li div img{float: right;} .nav div h4{font-size: 18px; text-transform: uppercase; color: #fff;margin-bottom: 20px;} .nav div a{ color: #fff; margin-bottom:5px; display: block; white-space: nowrap;} .nav div a i.iconfont{ display: inline-block; margin-top: -2px; width: 5px; height: 5px; background: url(../images/w_dian.png) no-repeat; padding-left: 20px; vertical-align: middle;} .nav div a:hover{ text-decoration: underline; } .nav li:hover div{ opacity: 1; left: 0;} #header .r{ position: absolute; right:0; top:0; text-align: center;} .searchbox{position: relative;padding:45px 20px 0 20px; height:123px; float:left; display: inline-block; background:#ec000d;} .searchbox .searchbutton{ display: block; width:30px; height: 24px; background: url(../images/icon_header.png) no-repeat -72px 0;} .searchbox form{ border-radius: 30px; overflow: hidden; position: absolute; right:0; top:123px; width:250px; height: 45px; border:1px solid #878787; background: #fff; display: none; } .searchbox form i{ display: block; width:30px; overflow: hidden; text-align: center; margin-top:9px; height:24px; background: url(../images/icon_header.png) no-repeat -102px 0; } .searchbox form .text{ width: 210px; line-height:43px; padding-left:12px; float: left; } .searchbox form button{ width:30px; height:43px; background: none; border: 0; position: absolute; outline: none; cursor: pointer; right: 0; top: 0; } .searchbox:hover form{display: block;} .telbox { display: inline-block; padding:40px 10px 0 10px; font-weight: bold; text-align: left; float: left; border-left:1px solid #ddd; height: 123px; margin-left:5px;} .telbox i,.languagebox i{display: inline-block; width: 24px; height: 24px; background: url(../images/icon_header.png) no-repeat; margin-right: 5px; vertical-align: middle; margin-top: -3px;} .telbox i.icon-mail{background-position: -24px 0} .languagebox i.icon-language{background-position: -48px 0} .telbox a:hover{color: #ec000d} .telbox:hover i{color: #ec000d} .languagebox{float: left; border-left:1px solid #ddd; height: 123px; padding:47px 10px 0 10px;} #nav .nav-button{width: 35px;height: 35px;border-radius: 3px;background: #333;color: #fff;position: absolute;right: 10px;top: 19px;line-height: 35px;text-align: center;font-size: 20px;display: none;} #nav .nav-button i{width: 30px; display: block; height: 30px; margin:0 auto; margin-top:2px; background: url(../images/menu.png) no-repeat;} .close-nav{position: fixed;top:0;left:0;width: 100%;height: 100%;background: #000;opacity: 0;visibility: hidden;transition: 0.5s;z-index: 88;} .nav.nav-open{left:0;} .close-open{opacity: 0.5;visibility: visible;} .body-hidden{overflow: hidden!important;} .position{position: fixed;left: 0;right: 0;background: #fff; top: 0; z-index: 99; box-shadow: 0 1px 5px 1px rgba(0,0,0,.07)} .footer{ background: #222; overflow: hidden; color: #b2b2b2; line-height: 24px; position: relative;} .footer h4{font-size: 30px; text-transform: uppercase; color: #fff; margin-bottom: 30px;} .footer a{ color: #b2b2b2;} .footer a:hover{ color: #ec000d } .footer .row{overflow: hidden; padding:70px 60px; border-bottom: 1px solid #484848;} .foot_pro{width: 46%; float: left; margin-right:4%} .foot_contact {width: 23%; float: left; margin-right:4% } .foot_form{width: 23%; float: left;} .foot_logo{margin-bottom: 25px; display: block;} .foot_logo img{max-width: 100%;} .foot_contact li{ margin-bottom:10px; position: relative;} .foot_contact li i.iconfont{display: inline-block; font-size:20px; position: absolute; left:0; top:4px; color: #ec000d; line-height: 15px;} .foot_contact li:nth-child(1) a{color: #ec000d; font-size: 18px; text-decoration: underline;} .foot_pro li{width: 50%; margin-bottom: 5px; background: url(../images/w_dian.png) no-repeat left center; padding-left: 20px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; float: left;} .foot_pro li{width: 50%; margin-bottom: 5px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; float: left;} .foot_pro li:hover i,.foot_pro li:hover a{color: #ec000d} .foot_form input,.foot_form textarea{width:100%; resize: none; border-bottom:1px solid #919291; background: none; color: #999; margin-bottom:15px; padding:10px 0;} .foot_form textarea{height: 60px;} .foot_form div{position: relative; overflow: hidden;} .foot_form div font{color: #f00;} .foot_form button{ border:0; font-size: 18px; font-weight: bold; width: 100%; background: #ec000d; color: #fff; height: 48px; outline: none;cursor:pointer;} .foot_form button i.iconfont{ font-size:28px; font-weight: inherit; display: inline-block; vertical-align: middle; margin: -5px 0 0 20px} .copyright{ color: #c2c2c2; text-align: center; clear: both; padding:20px; border-top: 1px solid #2a2a2a; overflow: hidden;} #banner img{ width: 100%; display: block; } #banner .owl-controls {margin-top: 0} #banner .owl-controls .owl-buttons div{background: url(../images/jiantou.png) no-repeat left 0; position: absolute; top:50%; text-indent: 9999px; overflow: hidden; width:26px; height: 49px; margin-top: -25px; left:50%; margin-left: -650px;} #banner .owl-controls .owl-buttons div:hover{background-position: 0 -49px} #banner .owl-controls .owl-buttons div.owl-next{ margin-left: 0; background-position: -26px 0; left:auto; right:50%; margin-right: -650px;} #banner .owl-controls .owl-buttons div.owl-next:hover{background-position: -26px -49px;} #banner .owl-controls .owl-pagination{position: absolute; bottom:5px; width: 100%} #banner .owl-controls .owl-page span{width: 13px;height:13px; background:none; border:2px solid #fff; margin: 0 3px; opacity:1; border-radius:50%;} #banner .owl-controls .owl-page.active span{background: #fff; } /*版块标题*/ .conbox{padding:60px 20px;} .home_boxtit{ overflow: hidden; text-align: center; margin-bottom:30px;} .home_boxtit h2{font-size: 40px; line-height: 40px; font-weight: inherit; text-transform: uppercase;} .home_boxtit h5{color: #777; font-size: 16px; font-weight: inherit; max-width: 800px; margin:0 auto; padding:0 10px; line-height: 24px;} .clinetbox,.home_box3{background: #f4f4f4; overflow: hidden;} .clinetbox .mcon{ overflow: hidden; } .clinetbox .mcon a{display: block; width: 20%; border:1px solid #ddd;float: left;} .clinetbox .mcon a:hover{border:1px solid #ec000d;} .clinetbox .mcon a img{width: 100%; display: block;} .clinetbox .owl-controls .owl-buttons{display: none;} .productbox{background: url(../images/productboxbg.jpg) no-repeat center fixed; background-size: cover; padding:85px 50px;} .productbox .home_boxtit{color: #fff;} .productbox .liscon{overflow: hidden; background: #fff;} .productbox .liscon li{width: 33.33%; float: left; position: relative; border-top:1px solid #ddd; border-right:1px solid #ddd;} .productbox .liscon li:nth-child(10){display: none;} .productbox .liscon li .jiao{position: absolute; left:49.5%; top:10%; width: 14px; height: 17px; background: url(../images/red_jiao.png) no-repeat; display: none; transition: all .3s; z-index: 2} .productbox .liscon li .l{position: absolute; text-align: center; height: 100%; display: flex; align-items: center; justify-content: center; left:0; top:0; width: 50%; transition: all .3s;} .productbox .liscon h6{ transition: all .3s; background: url(../images/proclass_icon.png) no-repeat; width: 156px; height: 156px; margin:0 auto;} .productbox .liscon li.item2 h6{background-position: left -156px;} .productbox .liscon li.item3 h6{background-position: left -312px;} .productbox .liscon li.item4 h6{background-position: left -468px;} .productbox .liscon li.item5 h6{background-position: left -624px;} .productbox .liscon li.item6 h6{background-position: left -780px;} .productbox .liscon li.item7 h6{background-position: left -936px;} .productbox .liscon li.item8 h6{background-position: left -1092px;} .productbox .liscon li.item9 h6{background-position: left -1248px;} /*.productbox .liscon li.item9{display: none;}*/ .productbox .liscon h3{font-size: 14px; height: 40px; overflow: hidden; line-height: 20px; margin:15px 0;} .productbox .liscon i{background:url(../images/icon_homeproarrow.png) no-repeat; width: 37px; height: 25px;color: #fff;display: inline-block;} .productbox .liscon li .r{width: 50%; margin-left: 50%; border-left: 1px solid #ddd} .productbox .liscon li .r img{display: block; width: 100%;} .productbox .liscon li:hover .l{background: #ec000d; color: #fff;} .productbox .liscon li:hover h6{background: url(../images/proclass_icon.png) no-repeat -156px 0;} .productbox .liscon li.item2:hover h6{background-position: -156px -156px;} .productbox .liscon li.item3:hover h6{background-position: -156px -312px;} .productbox .liscon li.item4:hover h6{background-position: -156px -468px;} .productbox .liscon li.item5:hover h6{background-position: -156px -624px;} .productbox .liscon li.item6:hover h6{background-position: -156px -780px;} .productbox .liscon li.item7:hover h6{background-position: -156px -936px;} .productbox .liscon li.item8:hover h6{background-position: -156px -1092px;} .productbox .liscon li.item9:hover h6{background-position: -156px -1248px;} .productbox .liscon li:hover i{ background: url(../images/icon_homeproarrow.png) no-repeat -37px 0;} .productbox .liscon li.item5:hover i, .productbox .liscon li.item6:hover i, .productbox .liscon li.item7:hover i, .productbox .liscon li.item8:hover i{background: url(../images/icon_homeproarrow.png) no-repeat -74px 0;} .productbox .liscon li:hover .jiao{display: block;} .productbox .liscon li.item4 i, .productbox .liscon li.item5 i, .productbox .liscon li.item6 i{background: url(../images/icon_homeproarrow.png) no-repeat -111px 0;} .productbox .liscon li.item4 .jiao, .productbox .liscon li.item5 .jiao, .productbox .liscon li.item6 .jiao{left:auto; right: 49.5%;background: url(../images/red_jiao_l.png) no-repeat;} .productbox .liscon li.item4 .r,.productbox .liscon li.item5 .r,.productbox .liscon li.item6 .r{margin-left: 0; border-left: 0;} .productbox .liscon li.item4 .l,.productbox .liscon li.item5 .l,.productbox .liscon li.item6 .l{left:50%; border-left: 1px solid #ddd;} .productbox .owl-theme .owl-controls{margin-top: 0;} .productbox .owl-theme .owl-pagination,.productbox .owl-theme .owl-buttons{display: none;} .home_box3 .mcon{background: #fff;border:1px solid #ddd; overflow: hidden;} .stepbox{padding:30px; overflow: hidden;} .stepbox .item{display: inline-block; margin:15px 10px 15px 10px; text-align: center; float: left; vertical-align: middle; padding-right: 30px; background: url(../images/step_jiantou.png) no-repeat right center;} .stepbox .item:last-child{background: none} .stepbox .item h5{width: 164px; height: 84px; margin:0 auto; margin-bottom: 15px; background: url(../images/step01.png) no-repeat center top;} .stepbox .item2 h5{background-position: center -84px;} .stepbox .item3 h5{background-position: center -168px;} .stepbox .item4 h5{background-position: center -252px;} .stepbox .item5 h5{background-position: center -336px;} .stepbox .item6 h5{background-position: center -420px;} .stepbox .item7 h5{background-position: center 0;} .stepbox .item8 h5{background-position: center -504px;} .stepbox .item9 h5{background-position: center -252px;} .stepbox .item10 h5{background-position: center -588px;} .stepbox .item11 h5{background-position: center 0;} .stepbox .item12 h5{background-position: center -672px;} .stepbox .item13 h5{background-position: center -756px;} .stepbox .item14 h5{background-position: center 0;} .stepbox .item15 h5{background-position: center -840px;} .stepbox .item16 h5{background-position: center -924px;} .stepbox h3{font-size: 18px;} .aboutbox{background: #d7000f; overflow: hidden;} .aboutbox .l{ margin-right:650px; overflow: hidden;color: #fff; padding:20px;} .aboutbox .r{width:650px; background: #fff; float: right;} .aboutbox .l h2{text-align: left;} .parterbox .r h2{text-align: left;} .aboutbox .l .home_boxtit,.parterbox .r .home_boxtit{margin-bottom: 15px;} .aboutbox .r img{display: block; width: 100%;} .aboutbox .foncon{overflow: hidden; position: relative; padding-right:215px;} .aboutbox .foncon p{height:125px; overflow: hidden;} .aboutlink{margin-top: 15px;} .aboutlink .item,.aboutbox .foncon .rcon a{border:1px solid #fff; float: left; padding:25px 0; color: #fff; text-align: center; display: inline-block; color: #fff;} .aboutlink .item{width: 37%; margin-right: 2%;} .aboutlink .item3{margin-right: 0; width: 22%;} .aboutlink .item.item4{width:200px; position: absolute; right:0; padding:90px 0 0 0; margin-right: 0; top:0; height: 100%;} .aboutlink .item.item4 h5{font-size: 26px;} .aboutbox .foncon .rcon a{width: 100%; display: block; height: 100%; font-size: 26px;} .aboutlink .item a{ color: #fff; display: block;} .aboutlink .item h6{height: 45px; width: 45px; background: url(../images/icon_homeabout.png) no-repeat; margin:0 auto; margin-bottom:5px;} .aboutlink .item h6.icon-product{background-position: -45px 0} .aboutlink .item h6.icon-lab{background-position: -90px 0} .aboutlink .item h6.icon-patent{background-position: -135px 0; width: 107px; height: 107px; margin-bottom: 12px;} .aboutlink .item h5{font-size: 14px; max-height:40px; overflow: hidden; line-height: 22px; font-weight: inherit;} .aboutlink .item:hover{border-color: #ff0} .aboutbox .owl-controls{margin-top: 0} .aboutbox .owl-controls .owl-pagination{display: none;} .aboutbox .owl-controls .owl-buttons{position: absolute; line-height: 0; left:0; top:50%; width: 30px; margin-top: -41px; height: 82px;} .aboutbox .owl-controls .owl-buttons div{margin:0; width: 30px; height: 40px; border-radius: 0 5px 5px 0; background: #fff url(../images/jiantou_red.png) no-repeat center; background-size: 12px; text-indent: 999px; overflow: hidden; opacity: 1; margin-bottom: 1px; } .aboutbox .owl-controls .owl-buttons div:hover{background: #d7000f url(../images/jiantou_w.png) no-repeat center; background-size: 12px;} .aboutbox .owl-controls .owl-buttons div.owl-next{transform: rotate(180deg); border-radius: 5px 0 0 5px } .parterbox{overflow: hidden; padding:45px;} .parterbox .l{width: 57%; float: left;} .parterbox .l img{max-width: 100%; margin-right:3%;} .parterbox .l img:last-child{margin-right: 0} .parterbox .r{float: right; width: 40%; text-align: left; color: #666} .parterbox .r h2{ color: #333;} /*二级页公用*/ .main{ overflow: hidden; padding:40px 50px; background: #eee} .mw{background: #fff; border:1px solid #ddd; padding:45px 30px; overflow: hidden;} #sub_ban{ overflow: hidden; width: 100%; position: relative; background: #111424; } #sub_ban img{display: block;width: 100%;filter:Alpha(opacity=30);opacity: .5;} .positionline{ font-size: 15px; display: flex; color: #fff; align-items: center; justify-content: center; position: absolute; left:0; top:0; height: 100%; padding:20px 0; text-align: center; width: 100%; } .positionline h2{font-size: 38px; line-height: 36px; background-image: linear-gradient(-90deg, #15a6fc, #fff,#7dbbe1);-webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: uppercase;} .positionline h5{font-weight: inherit; margin:10px 0; background-image: linear-gradient(50deg, #15a6fc, #fff,#7dbbe1);-webkit-background-clip: text; -webkit-text-fill-color: transparent; font-size: 14px;} .positionline a:hover{color: #d7000f} .positionline a{color: #fff;} .positionline i{ font-size:20px; margin-top:-5px; margin-right:8px; color: #fff; display: inline-block; vertical-align: middle;} .digg4{ text-align:center; font-size: 15px; margin:20px 0 30px 0;} .digg4 a,.digg4 span.miy,.digg4 span.disabled,.digg4 span.current{width:30px; border:1px solid #ddd; display: inline-block; vertical-align: middle; height: 30px; line-height: 28px; color:#aaa; text-decoration:none; margin:0 5px;} .digg4 span.current { color:#fff; background:#d7000f;} .digg4 span.disabled { font-size: 30px; line-height: 24px;} /**/ .new_lis{overflow: hidden;} .new_lis img{display: block; width: 100%; transition: all .3s;} .new_lis li{width: 48%; float: left; margin:0 1%; margin-bottom: 35px; overflow: hidden;} .new_lis .pic{/* width: 400px; *//* float: left; *//* overflow: hidden; */} .new_lis .con{/* margin-left: 400px; */padding:25px 15px 34px 20px;border:1px solid #333;/* border-left: 0 */} .new_lis h3{font-size: 18px; height: 50px; overflow: hidden; transition: all .3s;} .new_lis .fon{color: #666; height:95px; overflow: hidden; margin:20px 0 35px 0;} .new_lis .more{background: #d7000f; transition: all .3s; display: inline-block; line-height: 40px; height: 40px; width: 145px; text-align: center; color: #fff;} .new_lis .more i{display: inline-block; vertical-align: middle; margin-top: -3px; font-size:18px;} .new_lis li:hover h3{color: #d7000f} .new_lis li:hover img{transform: scale(1.1);} .new_lis li:hover .more{opacity: .8} /*联系我们*/ .row{overflow: hidden;} .contact_form{ overflow: hidden; width:48%; float: right;} .contact_form h2,.edit-box h2{ font-size: 36px; margin-bottom: 15px; text-transform: uppercase; line-height: 32px; color: #333} .edit-box h2{margin-bottom:50px;} .contact_form h5{color: #666; margin-bottom: 20px; font-weight: inherit; font-size: 14px;} .contact_form h5 font{display: block; color: #c00} .contact_form input,.contact_form textarea{ width: 100%; background: none; line-height: 24px; padding:10px 15px; margin-top:6px; border:1px solid #333;} .contact_form .item{width: 49%; float: left; margin-bottom: 10px; position: relative;} .contact_form .item font{ color: #c00} .contact_form .item2,.contact_form .item4{margin-left: 2%} .contact_form textarea{border:1px solid #333; resize: none; margin-bottom: 7px;height: 200px;} .contact_form button{ border: none; font-size:18px; background: #d70010; transition: all .3s; float: left; color: #fff; font-weight: 600; height:52px; width: 350px; line-height: 52px; border-radius: 0; cursor: pointer;} .contact_form button i{display: inline-block; font-size:28px; margin: -8px 0 0 18px; vertical-align: middle;} .contact_form input::-webkit-input-placeholder,.contact_form textarea::-webkit-input-placeholder { color: #666;} .contact_form input:-moz-placeholder,.contact_form textarea:-moz-placeholder { color: #666;} button:hover{opacity: .8} .edit-box{ float: left; width:48%; font-size: 20px; overflow: hidden; } .edit-box .item a:hover{color: #d70010;} .edit-box .item{ position: relative; margin-left:40px; border:1px dashed #bbb; line-height: 38px; padding:20px 20px 20px 60px; margin-bottom:30px;} .edit-box .item h6{ width: 82px;height: 82px; position: absolute; left:-40px; text-align: center; top:-1px; background: url(../images/icon_contact.png) no-repeat; transition: all .3s;} .edit-box .item h6.icontel{background-position: -82px 0} .edit-box .item h6.iconaddress{background-position: -164px 0} .edit-box .item h6.iconren{background-position: -246px 0} .edit-box .item:hover strong{color:#d70010 } .edit-box .item:hover{border-color: #d70010} .edit-box .item:hover h6{background-position: 0 -82px} .edit-box .item:hover h6.icontel{background-position: -82px -82px} .edit-box .item:hover h6.iconaddress{background-position: -164px -82px} .edit-box .item:hover h6.iconren{background-position: -246px -82px} .edit-box .item.item2{color: #d70010} .edit-box .item.item2 a{color: #d70010} .map{ overflow: hidden; border:1px solid #ddd; margin-top: 50px;} .map img{display: block; width: 100%;} .footmenu{position:fixed;bottom:0;left:0;width:100%;z-index:5;max-width:1024px; display: none;} .footmenu img{display:block} .footmenu div.bgcolor{ clear:both;} .footmenu div.con{position:absolute;bottom:0;left:0;width:100%; padding-bottom: 10px; background:#f39800;} .footmenu a{color:#fff;font-size:16px; display:block;width:25%;text-align:center;float:left;position:relative} .footmenu i{display:block;width:25px;height:25px;margin:6px auto 2px; font-size: 26px;} .icon_home{background: url(../images/wechat.png) no-repeat;} .icon_whatsapp{background: url(../images/whatsapp.png) no-repeat;} .icon_email{background: url(../images/email.png) no-repeat;} .icon_lianxi{background: url(../images/lianxi.png) no-repeat;} /*product列表*/ .sub_nav{overflow: hidden; margin-bottom:50px;} .sub_nav a{ width: 49%;height:50px;margin-top:10px;border:3px solid #e9e9e9; float: left; font-size: 18px; text-align: center; line-height: 39px; display: block;overflow: hidden;} .sub_nav a:hover,.sub_nav a.on{background: #d70010; color: #fff;} .sub_pro a:nth-child(even){margin-left: 2%;} .sub_aboutnav a{width:24.25%; margin-left: 1%; float: left;} .sub_aboutnav a.item1{margin-left: 0} .product_class_lis{font-size: 16px; } .product_class_lis h4{font-size: 20px; position: relative; padding-right: 35px; border-bottom: 1px dashed #777; padding-bottom: 6px; margin-bottom: 20px;} .product_class_lis h4 i{display: inline-block; height: 20px; width:23px; background: url(../images/icon_pro_list.png) no-repeat; text-align: center; position: absolute; right:0; top:3px;} .product_class_lis ul{width: 30%; float: left;} .product_class_lis ul.item2 {margin:0 5%;} .product_class_lis ul dd{padding-left: 22px; position: relative; margin-bottom:10px;} .product_class_lis ul dd i{font-size: 32px; vertical-align: middle; position: absolute; left:0; top:12px; height:15px; margin-left: -20px; width: 40px; margin-top: -5px; display: inline-block;} .product_class_lis ul li{margin-bottom: 30px;} .product_class_lis ul li:hover h4 a{color: #d70010} .product_class_lis ul li:hover h4 i{border-color:#d70010; color: #d70010; } .product_class_lis ul dd:hover a{color: #d70010} .solution_sub{ overflow: hidden; } .solution_sub a{width: 33.33%; float: left; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; border:1px solid #ddd; text-align: center; line-height: 36px; background: #eee} .solution_sub a.on{color: #d70010} .solution_con img{max-width: 100%;} .solution_con .item{padding:50px; display: none; } .solution_con .item:nth-child(1){display: block;} .solution_con .product_class_lis{width: 33%; float: left; margin-top: 50px;} .solution_con .product_class_lis ul{width: 100%;} .proleft{ width: 60%; float: right;} .proleft .item{padding:50px 0;} /*about*/ .about_p p{ color: #666; margin:12px 0; line-height: 28px; } .about_p img{max-width: 100%; display: inline-block;} .about_p h2{font-size: 35px; line-height: 40px; text-align: center; margin-bottom:30px;} .row_img4{overflow: hidden;} .row_img4 img{width:24.25%; margin-left: 1%;} .row_img4 img:nth-child(1){margin-left: 0} .about_honor{border-top: 1px solid #ddd; margin-top: 60px; overflow: hidden; padding-top: 60px;} .about_honor .one{width: 24%; margin:0 .5%; float: left;} .about_honor h4{font-weight: inherit; font-size: 18px; height: 47px; overflow: hidden; text-align: center; margin:10px 0 20px 0;} .about_honor .owl-controls .owl-buttons{ display: none; } .about_honor .owl-controls .owl-page span{border:1px solid #aaa; width: 15px; height: 15px; margin: 0 2px; background: none; opacity: 1} .about_honor .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span{background:#d7000f; border-color: #d7000f} .factory_lis{overflow: hidden;} .factory_lis ul{overflow: hidden;} .factory_lis li{position: relative; overflow: hidden; width: 24%;margin:0 .5% 25px .5%; float: left;} .factory_lis li a.iconfont{position: absolute; width:50px; background: url(../images/icon_search.png) no-repeat; height:50px; left:50%; margin-left: -25px; margin-top: -25px; top:-100%; } .factory_lis li .pic{display: block; width: 100%; background: #000} .factory_lis li .pic img{width:100%; display: block; transition: all .3s;} .factory_lis li:hover .pic img{opacity: .5} .factory_lis li:hover a.iconfont{top:50%;} #fancybox-loading { position: fixed; top: 50%; left: 50%; width: 40px; height: 40px; margin-top: -20px; margin-left: -20px; cursor: pointer; overflow: hidden; z-index: 1104; display: none; } #fancybox-loading div { position: absolute; top: 0; left: 0; width: 40px; height: 480px; background-image: url('../images/fancybox.png'); } #fancybox-overlay { position: absolute; top: 0; left: 0; width: 100%; z-index: 1100; display: none; } #fancybox-tmp { padding: 0; margin: 0; border: 0; overflow: auto; display: none; } #fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 1101; outline: none; display: none; } #fancybox-outer { position: relative; width: 100%; height: 100%; background: #fff; } #fancybox-content { width: 0; height: 0; padding: 0; outline: none; position: relative; width: 100% !important; overflow: hidden; z-index: 1102; border: 0px solid #fff; } #fancybox-hide-sel-frame { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; z-index: 1101; } #fancybox-close { position: absolute; top: -15px; right: -15px; width: 30px; height: 30px; background: transparent url('../images/fancybox.png') -40px 0px; cursor: pointer; z-index: 1103; display: none; } #fancybox-error { color: #444; font: normal 12px/20px Arial; padding: 14px; margin: 0; } #fancybox-img { width: 100%; height: 100%; padding: 0; margin: 0; border: none; outline: none; line-height: 0; vertical-align: top; } #fancybox-frame { width: 100%; height: 100%; border: none; display: block; } #fancybox-left, #fancybox-right { position: absolute; bottom: 0px; height: 100%; width: 35%; cursor: pointer; outline: none; background: transparent url('blank.gif'); z-index: 1102; display: none; } #fancybox-left { left: 0px; } #fancybox-right { right: 0px; } #fancybox-left-ico, #fancybox-right-ico { position: absolute; top: 50%; left: -9999px; width: 30px; height: 30px; margin-top: -15px; cursor: pointer; z-index: 1102; display: block; } #fancybox-left-ico { background-image: url('../images/fancybox.png'); background-position: -40px -30px; } #fancybox-right-ico { background-image: url('../images/fancybox.png'); background-position: -40px -60px; } #fancybox-left:hover, #fancybox-right:hover { visibility: visible; /* IE6 */ } #fancybox-left:hover span { left: 20px; } #fancybox-right:hover span { left: auto; right: 20px; } .fancybox-bg { position: absolute; padding: 0; margin: 0; border: 0; width: 20px; height: 20px; z-index: 1001; } #fancybox-bg-n { top: -20px; left: 0; width: 100%; background-image: url('../images/fancybox-x.png'); } #fancybox-bg-ne { top: -20px; right: -20px; background-image: url('../images/fancybox.png'); background-position: -40px -162px; } #fancybox-bg-e { top: 0; right: -20px; height: 100%; background-image: url('fancybox-y.png'); background-position: -20px 0px; } #fancybox-bg-se { bottom: -20px; right: -20px; background-image: url('../images/fancybox.png'); background-position: -40px -182px; } #fancybox-bg-s { bottom: -20px; left: 0; width: 100%; background-image: url('../images/fancybox-x.png'); background-position: 0px -20px; } #fancybox-bg-sw { bottom: -20px; left: -20px; background-image: url('../images/fancybox.png'); background-position: -40px -142px; } #fancybox-bg-w { top: 0; left: -20px; height: 100%; background-image: url('../images/fancybox-y.png'); } #fancybox-bg-nw { background-image: url('../images/fancybox.png'); background-position: -40px -122px; } #fancybox-title { font-family: Helvetica; font-size: 12px; z-index: 1102; } .fancybox-title-inside {text-align: center; color: #333; background: #fff; position: relative; } .fancybox-title-outside { color: #fff; } .fancybox-title-over { position: absolute; bottom: 0; left: 0; color: #FFF; text-align: left; } #fancybox-title-over { padding: 10px; background-image: url('../images/fancy_title_over.png'); display: block; } .fancybox-title-float { position: absolute; left: 0; height: 32px; } #fancybox-title-float-wrap { border: none; border-collapse: collapse; width: auto; } #fancybox-title-float-wrap td { border: none; white-space: nowrap; } #fancybox-title-float-left { padding: 0 0 0 15px; background: url('../images/fancybox.png') -40px -90px no-repeat; } #fancybox-title-float-main { color: #FFF; line-height: 29px; font-weight: bold; padding: 0 0 3px 0; background: url('../images/fancybox-x.png') 0px -40px; } #fancybox-title-float-right { padding: 0 0 0 15px; background: url('../images/fancybox.png') -55px -90px no-repeat; } /*产品详情*/ .pro_detail{ overflow: hidden; margin:0 auto 40px auto; background: #fff;} .pro_detail .picbox{ width:690px; border:1px solid #aaa; float: left;} .pro_detail .picbox img{max-width: 100%;} /*.pro_detail .picbox img:nth-child(2){margin-left: 2%;}*/ .pro_detail .rightcon{ margin-left:690px; padding-left:40px; overflow: hidden; color: #777; } .pro_detail h1{ font-size:22px; color: #333;} .pro_detail .fon{ overflow: hidden; margin:20px 0; } .pro_detail .links{ display: block; margin-top: 20px;} .pro_detail .links a{ background: #eee; text-align: center; line-height: 50px; margin:4px 10px 0 0; padding:0 30px; display: inline-block; font-size:18px;} .pro_detail .links i{ width: 24px; height: 24px; background: url(../images/icon_mess.png) no-repeat center; margin-right: 10px; display: inline-block; vertical-align: middle; margin-top: -2px; } .pro_detail .links a.mail{ background: #d7000f; color: #fff} .pro_detail .links a.mail i{ background: url(../images/icon_mail.png) no-repeat center;} .pro_detail .links a:hover{ opacity: .8 } .pro_detail .links p{color: #999; margin-bottom: 15px} .pro_detail .links p font{color: #666; font-size: 16px;} .product_p{ padding:0 0 70px 460px; color: #666; position: relative; overflow: hidden; border-top: 1px solid #ddd;} .product_p.padtop{padding-top: 100px;} .proinfo_box{ line-height: 28px; overflow: hidden;} .proinfo_box .boxtit{font-size:25px; font-weight: bold; overflow: hidden; color: #333; margin:30px 0 10px 0;} .proinfo_box .boxtit h6{ display: inline-block ; font-size: 20px; font-weight: inherit; color: #d7000f; vertical-align: middle; margin-top: -4px; margin-right: 10px;} .proinfo_box h5{font-size: 22px; margin-top: 20px;} .proinfo_box img{max-width: 100%; margin:5px 0;} .proinfo_box .imgbox{margin:10px 0;} .proinfo_box .imgbox img{margin-right: 1%; width: 24%} .product_p .product_class_lis{position: absolute; background: #eee; left:0; top:30px; width: 415px;} .product_p .product_class_lis ul{width: 100%;} .product_p .product_class_lis h4{background: #d7000f; padding:10px; border-bottom: 0} .product_p .product_class_lis h4 a,.product_p .product_class_lis h4 i{color: #fff} .product_p .product_class_lis h4 i{right: 10px; top:16px;border-color: #fff;} .product_p .product_class_lis li:hover h4 a,.product_p .product_class_lis li:hover h4 i{color: #fff;border-color: #fff;} .product_p .product_class_lis dl{padding:0 15px;} .product_p .product_class_lis.p_fix{position: fixed; top:0; left:80px;} .proinfo_box .contact_form{background: none; color: #666; margin-left: 0; width: 100%;} .proinfo_box .contact_form form{ margin:10px 0 0 0;} .proinfo_box .contact_form font{color: #f00} .tabbox{ overflow-x: auto; } .tabbox table{ border: 1px solid #666;border-bottom:0;border-right:0; background: #fff; line-height: 24px; } .tabbox table td{border-bottom: 1px solid #666;border-right: 1px solid #666; padding:10px; text-align: center} .tabbox table td p{margin:0;} /**/ .patentbox{ overflow: hidden; } .patent_lis{ overflow: hidden; margin-bottom: 25px; } .patent_lis h6{display: inline-block; position: absolute; font-size: 30px; left:-20px; top:8px;} .patent_lis li{position: relative; padding-left: 25px; margin-bottom: 8px;} .patent_lis h3{font-size: 25px; margin-bottom: 30px;} .patent_lis .item{background: #eee; padding:30px; width: 49%; float: left;} .patent_lis .item:nth-child(1){margin-left: 0} .patentbox .r{width:102%; margin-left:-1%;} .patentbox .r .item{ width: 32.33%; margin:0 .5% 25px .5%;} .patentbox .l .item{ width:32%; padding-bottom: 41px;} .patentbox .item ul{height:549px; overflow: hidden;} .patentbox .l .item:last-child{margin-left:1%;} .patentflash{width:35%; float: left; background: #eee;} .sky-carousel { width: 100%; height:674px; padding-top: 122px; position: relative; overflow: hidden;margin: 0 auto;} .sky-carousel .sky-carousel-container {position: relative;list-style-type: none;float: left;margin: 0;padding: 0;} .sky-carousel .sky-carousel-container li {position: absolute;border: 0;display: flex; align-items: center; margin-top: -50px; justify-content: center;} .sky-carousel .sky-carousel-container li.sc-selected{margin-top: 0} .sky-carousel .sky-carousel-container li img {display: inline-block; border:3px solid #fff; margin:0 auto; max-width: none !important; cursor: pointer;} .sky-carousel .sc-overlay {position: absolute;height: 100%;z-index: 0;pointer-events: none;top: 0; display: none;} .sky-carousel .sc-nav-button{position: absolute; top: 50%; opacity: 1; z-index: 10; width: 32px; height: 32px; margin-top: -20px; width: 46px; height: 46px; border-radius: 50%; background:#fff url(../images/jiantou_red.png) no-repeat center; background-size: 12px;} .sky-carousel .sc-nav-button.sc-next {transform: rotate(180deg); right: 20px} .sky-carousel .sc-nav-button.sc-prev { left:20px;} .sky-carousel .sc-nav-button:hover{background: #d7000f url(../images/jiantou_w.png) no-repeat center; background-size: 12px;opacity: 1; } /*新闻详情*/ .infocon{color: #666; line-height: 26px; } .infocon h1{font-size:24px; font-weight: inherit; text-align: center; margin-bottom: 10px; line-height:32px; color: #222;} .infocon img{ display: block;margin: 12px 0; max-width: 100%; } .infocon .time{ text-align: center;margin-bottom:20px; color: #999} .infocon .time i{ display: inline-block; vertical-align: middle; margin-top: -3px; font-weight: 600; color: #666; font-size:18px; margin-right: 5px;} .infocon p{ margin:15px 0; } .infocon ul li h6{display: none;} .infocon ul li{margin-bottom: 15px;} .infocon ul{padding:0 50px;} @media screen and (max-width: 1780px){ .nav li>a{padding:0 10px;} .telbox{padding:45px 10px;} .logo{left:0px;} .aboutbox .l{padding:30px;} } @media screen and (max-width: 1650px){ /*.productbox .liscon li{width: 33.33%}*/ /*.productbox .liscon li.item9{display: block;}*/ /* .productbox .liscon li.item5 .l, .productbox .liscon li.item6 .l, .productbox .liscon li.item7 .l, .productbox .liscon li.item8 .l{left:0; border-left:0;} .productbox .liscon li.item5 .r, .productbox .liscon li.item6 .r, .productbox .liscon li.item7 .r, .productbox .liscon li.item8 .r{margin-left: 50%; border-left: 1px solid #ddd;} .productbox .liscon li.item5 .jiao, .productbox .liscon li.item6 .jiao, .productbox .liscon li.item7 .jiao, .productbox .liscon li.item8 .jiao{ left:49.5%;} .productbox .liscon li.item6{border-bottom: 1px solid #ddd;}*/ .parterbox .l img{margin-bottom: 10px} } @media screen and (max-width: 1560px){ .logo{left:60px;margin:36px 0;} .logo img{height:50px} .backToTop{right: 0} .new_lis li{width: 49%; margin:0 .5% 20px .5%;} .new_lis .pic{/* width: 300px; */} .new_lis .con{/* margin-left: 300px; */padding:32px 15px 34px 20px;} .new_lis .fon{margin:10px 0 19px 0; height: 42px; line-height: 20px;} .aboutbox .r{width: 610px;} .aboutbox .l{margin-right: 610px;} .aboutlink .item{padding:10px 0;} .aboutlink{margin-top: 15px;} .aboutbox .foncon p{height: 94px;} .aboutlink .item.item4{padding-top: 38px;} .aboutlink .item.item4 h5{font-size: 18px;} } @media screen and (max-width: 1400px){ .nav{position: fixed;left:-100%;top: 0; float: none; width: 200px; height:100%; box-shadow: 0 3px 5px #666 ;z-index: 99; overflow-y: auto;background: #e5e5e5; transition: 0.3s; margin-left: 0} .nav li{ display: block; width: 100%; margin:0; } .nav li>a{ line-height: 45px; text-align: left; display: block; height: auto ;padding:0 15px;} .nav li.on>a{height: auto; line-height: 45px;} .nav li div{left:0; opacity: 1; position: inherit; width: 200px; top:0; padding:10px 15px; background: #999} .nav li div.promenu{width: 200px;} .nav li div img,.nav li div h4{display: none;} .nav li div a{text-overflow: ellipsis; white-space: nowrap; overflow: hidden;} #nav .nav-button{ display: block; top:18px; z-index: 5; } #header .r{margin-right: 60px;} .logo{margin:10px 0;} #header{height: 70px;} body{padding-top: 70px;} .telbox{height: 70px; padding:13px 10px;} .languagebox{padding:25px 10px 0 10px; height: 70px;} .searchbox{height: 70px;padding:22px 20px 0 20px;} .searchbox form{top:70px;} #banner .owl-controls .owl-buttons div.owl-next{right:0; margin-right: 0} #banner .owl-controls .owl-buttons div{left:0; margin-left: 0} .productbox .liscon li.item9{display: block;} .aboutlink .item.item4{width: 145px;} .aboutbox .foncon{padding-right: 160px;} .aboutlink .item{width: 35%} .aboutlink .item3{width: 26%} .parterbox .r h2{text-align: left;} .patentbox .l{width: 100%; float: none;} .patentbox .r{width: 100%; float: none; margin:0;} .patentbox .l .item{width:50%;} .patentflash{width:50%;} .patentbox .l .item:last-child{margin-left:0; width:100%; margin-top:10px;} .patentbox .r .item{width: 100%; margin:0 0 10px 0;} .product_class_lis h4{font-size: 16px;} .product_class_lis{font-size: 14px;} .pro_detail .picbox{width: 500px;} .pro_detail .rightcon{margin-left: 500px;} } @media screen and (max-width: 1300px){ .productbox .liscon li{width: 50%;} .productbox .liscon li.item6{border-bottom:0} .productbox .liscon li.item9{display: none;} .clinetbox .mcon a{width: 25%} .main{padding:30px 25px;} .mw{padding:25px 15px;} .new_lis h3{ font-size: 16px; height: 47px; } .product_p .product_class_lis.p_fix{left:40px;} } @media screen and (max-width: 1200px){ .new_lis li{width: 100%;margin-left: 0; margin-right: 0; margin-bottom: 15px;} } @media screen and (max-width: 1199px){ .footer .row{padding:50px 20px;} .foot_contact,.foot_pro,.foot_form{width: 100%; float: none; overflow: hidden;} .foot_pro,.foot_form{ margin-top: 30px;} .footer h4{margin-bottom:10px; font-size: 26px;} .home_boxtit h2{font-size: 36px; line-height: 32px;} .edit-box,.contact_form{width: 100%; float: none;} .edit-box h2{margin-bottom: 20px;} .edit-box{margin-bottom: 30px;} .contact_form h2, .edit-box h2{font-size: 32px;} .sub_pro a{font-size: 16px;} .sub_pro{margin-bottom: 30px;} .about_p h2{font-size: 32px; line-height: 34px; margin-bottom: 15px;} .about_honor{padding-top:35px; margin-top: 35px;} .product_p .product_class_lis{width: 300px;} .product_p{padding-left: 330px;} .solution_sub a{width: 33.33%} .aboutbox .r{width: 100%; float: none;} .aboutbox .l{float: none; margin-right: 0;} } @media screen and (max-width: 1024px){ .conbox,.productbox{padding:40px 20px;} .home_boxtit{margin-bottom: 20px;} .positionline h2{font-size: 32px; line-height: 30px;} .map{margin-top: 30px;} .sub_aboutnav a{width: 32.33%; margin:2px .5%;} .sub_aboutnav a.item2{margin-left: .5%} .sub_aboutnav a.item1{margin-left: .5%} .about_honor .one{width: 32.33%} .about_honor h4{font-size: 16px; line-height: 20px; height: 40px;} .patentflash{width: 100%;} .patentbox .l .patent_lis:nth-child(1) .item{width: 100%;} .patent_lis h3{font-size: 20px; margin-bottom: 10px;} .patent_lis .item{padding:15px;} .pro_detail .picbox{width: 100%; float: none; margin-bottom: 20px;} .pro_detail .rightcon{width: 100%; margin-left: 0;padding-left: 0} .pro_detail .fon{margin:10px 0;} .proinfo_box .boxtit{font-size: 22px;} .proinfo_box .boxtit h6{font-size: 18px;} .parterbox .r{margin-top: 25px;} .parterbox .l,.parterbox .r{width: 100%; float: none;} } @media screen and (max-width: 990px){ .home_boxtit h2{font-size: 32px;} .contact_form h2, .edit-box h2{font-size: 28px;} .positionline h5{display: none;} .product_p .product_class_lis.p_fix,.product_p .product_class_lis{position: inherit;} .product_p .product_class_lis.p_fix{left:0; top:auto;} .product_p .product_class_lis ul li{margin-bottom: 0} .product_p .product_class_lis ul {float: none;} .product_p .product_class_lis{width: 100%; overflow: hidden; top:0; padding-bottom: 15px;} .product_p{padding-left: 0; padding-bottom: 30px;} .pro_detail{margin:0 auto 20px auto;} } @media screen and (max-width: 989px){ #header .r .telbox{display: none;} #header .r .telbox:nth-child(3){display: block;} .about_p h2{font-size: 26px;} } @media screen and (max-width:900px){ .clinetbox .mcon a{width: 33.33%} .aboutbox .l,.parterbox{padding:20px;} .factory_lis li{width: 49%;} .product_class_lis ul{width: 100%;} .product_class_lis ul.item2{margin:0;} .infocon h1{font-size: 20px; line-height: 24px;} } @media screen and (max-width:899px){ .footer h4{font-size: 22px;} .productbox .liscon h6{width: 100px; height: 100px; background: url(../images/proclass_icon2.png);} .productbox .liscon li.item2 h6{background-position: left -100px;} .productbox .liscon li.item3 h6{background-position: left -200px;} .productbox .liscon li.item4 h6{background-position: left -300px;} .productbox .liscon li.item5 h6{background-position: left -400px;} .productbox .liscon li.item6 h6{background-position: left -500px;} .productbox .liscon li.item7 h6{background-position: left -600px;} .productbox .liscon li.item8 h6{background-position: left -700px;} .productbox .liscon li.item9 h6{background-position: left -800px;} .productbox .liscon li:hover h6{background: url(../images/proclass_icon2.png) no-repeat -100px 0;} .productbox .liscon li.item2:hover h6{background-position: -100px -100px;} .productbox .liscon li.item3:hover h6{background-position: -100px -200px;} .productbox .liscon li.item4:hover h6{background-position: -100px -300px;} .productbox .liscon li.item5:hover h6{background-position: -100px -400px;} .productbox .liscon li.item6:hover h6{background-position: -100px -500px;} .productbox .liscon li.item7:hover h6{background-position: -100px -600px;} .productbox .liscon li.item8:hover h6{background-position: -100px -700px;} .productbox .liscon li.item9:hover h6{background-position: -100px -800px;} .productbox .liscon h3{margin:5px 0; height: 41px; overflow: hidden;} .solution_sub a{width: 50%} .solution_con .product_class_lis{width: 100%; float: none; margin-top: 20px;} .proleft{width: 100%;} .proleft .item{padding:25px 0;} } @media screen and (max-width: 768px){ .foot_pro, .foot_form{margin-top: 15px;} .footer .row{padding:30px 10px;} #banner .owl-controls{bottom: 0} #banner .owl-controls .owl-page span{width: 10px; height: 10px;} .home_boxtit h2{font-size: 26px; line-height: 26px;} .contact_form h2, .edit-box h2{font-size: 24px;} #sub_ban{height: 120px; overflow: hidden;} #sub_ban img{height: 100%; width: auto} .positionline h2{font-size: 24px; line-height:22px;} .parterbox .r{margin-top: 15px;} .sub_aboutnav a{font-size: 14px;} .sub_aboutnav a{width: 49%} .pro_detail h1{font-size: 20px;} .pro_detail .links p font{font-size: 14px;} .pro_detail .links a{font-size: 16px; line-height: 40px;} .proinfo_box{line-height: 24px;} .proinfo_box .boxtit h6{font-size: 16px;} .proinfo_box .boxtit{font-size: 18px; margin:20px 0 5px 0; line-height: 20px;} .factory_lis li{margin-bottom: 10px;} #banner .owl-controls .owl-buttons div{width: 30px; background-size: 15px;} #banner .owl-controls .owl-buttons div:hover{background-size: 15px;} .infocon ul{padding:15px 0;} } @media screen and (max-width: 640px){ .foot_pro li{width: 100%;} .languagebox{height: 60px; padding:19px 10px 0 10px;} .home_boxtit h2{font-size: 22px; line-height: 24px;} .contact_form h2, .edit-box h2{font-size: 20px;} .clinetbox .mcon a{width: 50%;} .aboutbox .foncon{padding-right: 0} .aboutlink{overflow: hidden; margin-top: 0;} .aboutlink .item{width: 48%; margin-top: 15px;} .aboutlink .item h5{height: auto} .aboutlink .item.item4{position: inherit; width: 48%;} .aboutlink .item3{width: 48%; margin-right: 2%;} .aboutlink .item.item4 h6{width:45px; height: 45px; background-position: -242px 0; margin:0 auto 5px auto;} .aboutlink .item.item4{padding: 10px 0;} .aboutlink .item.item4 h5{font-size: 14px;} .stepbox h3{font-size: 13px; font-weight: inherit;} .stepbox{padding:25px 10px;} .stepbox .item{margin:10px 5px; background-size: 15px;} .stepbox .item h5{width: 80px; background-size: 80px; height: 42px;} .stepbox .item2 h5{background-position: center -40px;} .stepbox .item3 h5{background-position: center -82px;} .stepbox .item4 h5{background-position: center -122px;} .stepbox .item5 h5{background-position: center -164px;} .stepbox .item6 h5{background-position: center -204px; } .stepbox .item8 h5{background-position: center -245px;} .stepbox .item9 h5{background-position: center -122px;} .stepbox .item10 h5{background-position: center -286px;} .stepbox .item12 h5{background-position: center -326px;} .stepbox .item13 h5{background-position: center -366px;} .stepbox .item15 h5{background-position: center -408px;} .stepbox .item16 h5{background-position: center -448px;} .main{padding:0;} .contact_form .item{width: 100%;} .contact_form .item2,.contact_form .item4{margin-left: 0;} .edit-box .item{margin-bottom: 15px;} .edit-box{font-size: 16px;} .new_lis .pic{width: 160px;} .new_lis .con{/* margin-left: 160px; */padding:10px;} .new_lis .more{display: none;} .new_lis .fon{margin:10px 0 0 0;} .about_p h2{font-size: 22px; line-height: 25px;} .about_honor .one{width: 49%;} .about_honor{padding-top: 20px; margin-top:25px;} .patent_lis h3{font-size: 17px;} .patent_lis{margin-bottom: 15px;} .patent_lis .item:nth-child(1){margin-bottom: 15px;} .infocon .time{margin-bottom: 10px;} .infocon p{margin:0;} .infocon{line-height: 24px;} .infocon h1{font-size: 18px;} } @media screen and (max-width: 639px){ .logo{left:5px;} .logo img{height: 40px;} #header{height: 60px;} .telbox{height: 60px; padding:18px 10px;} .searchbox{height: 60px; padding:18px 20px 0 20px;} .searchbox form{top:60px;} body{padding-top: 60px;} #nav .nav-button{top:13px;} .home_boxtit{margin-bottom: 12px;} .productbox .liscon li{width: 100%;} /*.productbox .liscon li:nth-child(5), .productbox .liscon li:nth-child(6), .productbox .liscon li:nth-child(7), .productbox .liscon li:nth-child(8){display: none;}*/ .parterbox .l img{width: 19%;margin-right: 1%} .contact_form button{height: 42px; line-height: 42px; width: 100%} .map{margin-top: 20px;} .row_img4 img{width: 49%;margin-left: 0;margin-bottom: 10px;} .row_img4 img:nth-child(even){margin-left: 1%;} .about_p p{line-height: 24px;} .positionline h2{font-size: 20px;} .positionline i{font-size: 16px;} .sub_pro a{border-width: 2px;} .pro_detail .links a{width: 100%; margin:2px 0;} .solution_sub a{width: 100%;} } @media screen and (max-width:480px){ #header .r{margin-right: 48px;} .languagebox i.icon-language{display: none;} .searchbox{display: none;} .languagebox{padding:19px 0 0 0; border-left: 0} .footer h4{font-size: 18px;} .conbox,.productbox{padding:25px 10px;} .home_boxtit h2{font-size: 20px;} .contact_form h2, .edit-box h2{font-size: 18px; line-height: 20px; margin-bottom: 10px;} .productbox .liscon h6{border-width: 2px;} .productbox .liscon h3{margin:2px;} .productbox .liscon i{line-height: 20px; width: 45px;} .parterbox .l img{width:25%} .aboutbox .l .home_boxtit, .parterbox .r .home_boxtit{margin-bottom:5px;} .sub_pro{margin-bottom: 15px;} .edit-box .item h6{width: 50px; height: 50px; left:-20px; line-height: 50px; font-size: 24px;} .edit-box .item{margin-left: 20px; padding:10px 20px 10px 40px; line-height: 30px;} .edit-box .item:nth-child(4){font-size: 14px;} .about_honor h4{font-size: 14px; margin:5px 0 10px 0;} .about_honor .owl-controls .owl-page span{width: 10px; height: 10px;} .about_p h2{font-size: 20px; margin-bottom: 10px;} .product_class_lis ul li{margin-bottom: 15px;} .product_class_lis h4{margin-bottom: 10px;} .footmenu{ display: block; } .footmenu div.con{ background: #e10103; } .footmenu a{ font-size: 12px; } .footer{margin-bottom: 65px;} } @media screen and (max-width:414px){ .parterbox .l img{width:29%} } @media screen and (max-width:400px){ .aboutlink .item h5{height: 38px; line-height:18px;} .new_lis .pic{width: 100%; float: none;} .new_lis .con{margin-left: 0;/* border-left: 1px solid #666; *//* border-top: 0; */} .new_lis .fon{display: none;} } @media screen and (max-width:359px){ .sub_aboutnav a{width: 99%} .sub_pro a{width: 100%;margin:2px 0;} .sub_pro a:nth-child(2){margin-left: 0;} }