@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)}z-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: "iconfont"; src: url('iconfont.eot?t=1585528355071'); /* IE9 */ src: url('iconfont.eot?t=1585528355071#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'), url('iconfont.woff?t=1585528355071') format('woff'), url('iconfont.ttf?t=1585528355071') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */ url('iconfont.svg?t=1585528355071#iconfont') format('svg'); /* iOS 4.1- */ } .iconfont { font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-search:before { content: "\e602"; } .icon-arrow:before { content: "\e603"; } .icon-twitter:before { content: "\e872"; } .icon-youtube1:before { content: "\e660"; } .icon-youxiang:before { content: "\e655"; } .icon-linkedin:before { content: "\e7d7"; } .icon-facebook:before { content: "\e659"; } .icon-menu:before { content: "\e64e"; } .icon-dianhua:before { content: "\e600"; } .icon-home:before { content: "\e612"; } .icon-liuyan:before { content: "\e8c1"; } .icon-QQ:before { content: "\e634"; } .icon-guojia_diqu:before { content: "\e605"; } .icon-dui:before { content: "\e608"; } .icon-yunshuzhong:before { content: "\e6a5"; } .icon-phone:before { content: "\e601"; } .icon-youjian:before { content: "\e607"; } .icon-gongchang:before { content: "\e604"; } .icon-MedalsStar:before { content: "\e854"; } .iconfont:before{ display: block; margin:0 auto; } @font-face { font-family: 'PROXIMANOVA'; src: url('../fonts/PROXIMANOVA.eot'); src: local('☺'), url('../fonts/PROXIMANOVA.woff') format('woff'), url('../fonts/PROXIMANOVA.ttf') format('truetype'), url('../fonts/PROXIMANOVA.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'CONDENSED'; src: url('../fonts/ROUTE 66 NF CONDENSED.eot'); src: local('☺'), url('../fonts/ROUTE 66 NF CONDENSED.woff') format('woff'), url('../fonts/ROUTE 66 NF CONDENSED.ttf') format('truetype'), url('../fonts/ROUTE 66 NF CONDENSED.svg') format('svg'); font-weight: normal; font-style: normal; } .backToTop{width:50px; height:50px; right:10px; bottom:50px; background:#014441 url(../images/icon_top.png) no-repeat center; background-size: 30px; z-index: 3; cursor:pointer; position:fixed; text-indent:9999px; border-radius:2px; transition: all .3s} .backToTop:hover{opacity: .8} *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} body{font-family:PROXIMANOVA, Helvetica, sans-serif; font-size: 16px; 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: 16px;border:none;margin: 0;padding: 0; outline: none; border-radius: 0;font-family:PROXIMANOVA} 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;} header{ height:100px; position: fixed; top: 0; width: 100%; left: 0; z-index: 9;background:#fff; box-shadow:0 2px 2px 2px rgba(0,0,0,0.05);} .logo{ position: fixed; left:50%; top:0; margin:24px 0; margin-left: -600px;} .logo a{display: block;} .logo img{display: block;} #nav{ float: right; height: 100px; margin: 0 auto; padding-right: 100px;} nav li{ display: inline-block; position: relative; float: left;} nav li>a{ display: block; margin-left:40px; text-transform: uppercase; font-size: 18px; overflow: hidden; line-height:100px; transition:0.5s; position: relative; } nav li.on>a,nav li:hover>a{ color: #014441; font-weight: 600;} nav dl{ position: absolute; background: #014441; text-align: left; display: block; top:100px; opacity: 0; transition: opacity 1s ease; left: 9999px; z-index: 999; min-width: 260px; } nav dl dd{border-bottom: 1px solid rgba(255,255,255,.1); position: relative; line-height: 24px;} nav dl dd h3{font-weight: 100; font-size: 18px;} nav dl dd div{position: absolute; left: 100%; top: 0; background: #014441; width:300px; display: none;} nav dl dd div a{border-bottom: 1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.05); } nav dl a{ color: #fff; display: block; padding: 14px 20px;} nav dl a:hover{ background:rgba(255,255,255,.05);} nav li:hover dl{ opacity: 1; left: 0;} nav dl dd:hover div{display: block; } nav dl dd div a:hover{color: #fff } .searchbox{position: absolute; height: 44px; right: 50%; margin-right: -600px; top:27px;} .searchbox form{border-radius:30px; height: 44px; overflow: hidden; } .searchbox form i{ font-size:24px; color: #333 } .searchbox input{ width: 0; line-height:44px; background:none; color: #fff; float: left; transition: all .3s;} .searchbox button{ width:44px; background:none; border-radius: 50%; line-height: 38px; height:44px; font-weight: 100; border:0; } .searchbox input::-webkit-input-placeholder { color: #fff;} .searchbox input:-moz-placeholder { color: #fff;} .searchbox:hover input{width: 190px; padding-left: 15px;} .searchbox:hover form{background:#014441;} .searchbox:hover button{ opacity: 1; background: #014441; color: #fff;} .searchbox:hover button i{color: #fff;} #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{font-size: 22px;} .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-open{transform: translateX(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)} body{padding-top: 100px} .footer{overflow:hidden; } .footer h4{font-size: 40px;; margin-bottom: 20px; line-height:46px; font-weight: 100} .footer .warper{ padding: 60px 0 0 0; overflow: hidden;} .footer .item1{width: 42%; float: left;} .footer .item2{width: 46%; float: right;margin-left: 10%} .footer .item1 p{color: #666; max-width: 80%; line-height: 28px; margin-bottom: 40px; margin-top:40px; } .footer li{margin-bottom:30px; position: relative; line-height:32px;} .footer li:last-child{margin-bottom: 0} .footer li h6{position: absolute; left: 0;top: -1px; color: #014441; font-size: 20px; font-weight: 100} .footer li label{display: block; margin-left:34px; font-weight: 600; margin-bottom: 8px; text-transform: uppercase;} .footer li a{font-size: 26px;} .footer li a:hover{text-decoration: underline; color: #014441} .footer form{display: block; overflow: hidden;} .footer input,.footer textarea{background: #e6e6e6; border:0; margin-bottom:15px; padding:5px 10px; line-height: 45px; width: 100%; size: none} .footer textarea{ resize: none; overflow: hidden;height: 150px;} .footer button{width: 200px; height: 55px; border:0; color:#fff; background: #014441; cursor: pointer; text-transform: uppercase; transition: all .3s; font-size: 17px; } .footer button:hover{opacity: .8} .footer .copy{border-top: 1px solid #ddd; padding: 25px 0; font-size: 17px; margin-top: 60px; overflow: hidden; text-align: center; color: #666;} .footer .copy .warper{ position: relative; padding: 0} .footer .copy a{ color: #666 } .footer .copy a:hover{color: #014441} .contactcopy{background:#014441; color: #fff; text-align: center; padding: 25px 10px; font-size: 18px;} .contactcopy a{color: #fff;} /*shouye*/ #banner img{max-width: 100%; margin: 0 auto; display: block; } #banner .owl-controls{margin-top: 0} #banner .owl-buttons{display: none;} #banner .owl-pagination{position: absolute; left: 0; bottom: 20px; width:100%;} #banner .owl-controls.clickable .owl-page span{background: #fff; margin: 0 5px; opacity: 1;width: 15px; height: 15px;} #banner .owl-controls .owl-page.active span,#banner .owl-controls.clickable .owl-page:hover span{background: #014441} #banner .owl-item{background: linear-gradient(to right,#024442,#024442,#02524f,#024442,#024442);} .warper{max-width: 1200px; margin: 0 auto;} .conbox{padding: 65px 0} .hometit{margin-bottom:20px;} .hometit h2{font-size: 50px; font-family: CONDENSED; text-transform: uppercase; font-weight: 100} .aboutbox{ overflow:hidden;} .aboutbox h3{font-size: 36px; margin-bottom: 20px; font-weight: 100; font-family: CONDENSED} .aboutbox .l{width: 45%; float: left;} .aboutbox .r{width: 50%; padding-left: 50px; float: right;} .aboutbox img,.qualitybox .pic img{display: block; width: 100%; transition: all .3s;} .aboutbox .con{ color: #444; line-height: 32px; font-size: 18px; margin-bottom:10px;position: relative; z-index: 1; overflow: hidden;} .aboutbox a{ color: #014441; font-size: 18px; text-transform: uppercase; margin-top:45px; display: block; position: relative; z-index: 1;} .aboutbox a i{display: inline-block; vertical-align: middle; font-weight: 600; margin-left: 10px; font-size: 22px;} .aboutbox .pic{overflow: hidden;} .aboutbox .pic:hover img,.qualitybox .pic:hover img{transform: scale(1.1);} .qualitybox{background: #eee; overflow:hidden;} .qualitybox .l{width: 47%; float: left;} .qualitybox .r{width: 47%; float: right;} .qualitybox p{line-height: 28px; font-size: 17px;} .qualitybox .l p{margin-top: 20px;} .qualitybox .r p{margin-bottom:6px;} .qualitybox .r .pic{margin-top: 20px;} .qualitybox .pic{overflow:hidden;} .servicebox{overflow:hidden;} .servicebox .qualitybox{background: #fff; margin-bottom: 60px;} .servicebox ul{overflow:hidden;} .servicebox li{width: 50%; float: left; line-height: 30px;} .servicebox h5{font-size: 20px; font-weight: 100; margin-bottom: 8px;} .servicebox h2{font-size: 30px; text-transform: capitalize; margin-bottom: 15px;} .servicebox li p{padding-left: 30px; position: relative; background: url(../images/dui.png) no-repeat left 10px;} .productbox{overflow: hidden; background: #fff; margin-bottom: 70px;} .productbox .warper{position: relative;} .productbox dl{position: absolute; right: 0; top: 0} .productbox dl dd{float: left; margin-left: 10px; border:1px solid #666; font-size: 18px; padding:9px 15px;} .productbox dl dd:hover {background: #154a9a; border-color: #154a9a; cursor: pointer;} .productbox dl dd:hover a{color: #fff;} .pro_lis{ margin: 0 -11px; } .pro_lis li{width: 94%;float: left;margin: 0px 3%;text-align: center;display: block;border: 1px #e2e1e1 solid;} .pro_lis img,.news_lis img{display: block; width: 100%; transition: all .3s;} .pro_lis .pic{ overflow: hidden;} .pro_lis li:hover img{transform: scale(1.1);} .pro_lis .owl-controls{margin-top: 0} .pro_lis .owl-pagination{ display: none;} .pro_lis .owl-controls .owl-buttons{display: none;} .pro_lis .owl-controls .owl-buttons div{width: 46px; height: 46px; text-indent: 9999px; overflow: hidden; background:#014441 url(../images/arrow.png) no-repeat center; background-size: 10px; border-radius: 0; position: absolute; left: 0 ;top: 50%; margin-top: -23px;} .pro_lis .owl-controls .owl-buttons div.owl-next{right: 0; left: auto; transform: rotate(180deg);} .pro_lis:hover .owl-controls .owl-buttons{display: block;} .newsbox{overflow: hidden; background: #014441; padding-top: 70px;} .newsbox .hometit,.newsbox .hometit h2 a{color: #fff;} .newsbox .hometit p{max-width: 70%; margin: 10px auto 0 auto; font-size: 18px; line-height: 28px;} .news_lis{overflow: hidden;} .news_lis li{width: 49.2%; float: left; margin-bottom:0px; transition: all .3s; overflow:hidden;} .news_lis li:nth-child(2){margin-left:1.6%; margin-bottom: 18px;} .news_lis li:nth-child(3),.news_lis li:nth-child(5){width: 23.85%;} .news_lis li:nth-child(4){ margin:0 1.5%;width: 49.3%; } .news_lis .pic{overflow: hidden;} .news_lis li:hover img{transform: scale(1.1);} .newsbox .hometit{text-align: center;} /*二级页公用*/ .main{padding:70px 0 100px 0; overflow: hidden;} .bgcolor{background: #f4f4f4} #sub_banner{ position: relative; overflow: hidden;} #sub_banner img{display: block; width: 100%;} #sub_banner h2{font-size:60px; font-weight: 100; text-transform: uppercase; position: absolute; left: 50%; margin-left: -600px; top: 50%; margin-top: -35px; font-family: CONDENSED; color: #fff;} .postionline{ color: #fff; width: 1200px; position: absolute; right: 50%; margin-right: -600px; top: 0; height: 100%; color: #fff; text-transform: capitalize; font-size: 18px; display: flex; align-items: center; justify-content: center; text-align: right;} .postionline a{ color: #fff; } .postionline div{width:1200px} .postionline a.iconfont{display: inline-block; font-size: 26px; color: #fff; vertical-align: middle; margin-right: 10px; margin-top: -8px;} .postionline a:hover{text-decoration: underline;} .postionline a.iconfont:hover{text-decoration: none} .row{overflow: hidden;} .container{overflow:hidden;} .digg4 { padding:3px; margin:3px; text-align:center; font-family:Tahoma, Arial, Helvetica, Sans-serif; margin-top:20px; font-size: 18px;} .digg4 a,.digg4 span.miy,.digg4 span.current,.digg4 span.disabled{ width:46px; height: 46px; display: inline-block; vertical-align: middle; border-radius: 50%; background:none; line-height:44px; margin:0 4px; color:#aaa; text-decoration:none; border:1px solid #ddd;} .digg4 span.current { background:#fff; color:#fff; background: #014441; border-color: #014441; text-decoration:none;} .digg4 span.disabled { line-height:42px; color:#fff; background:#ccc; font-size:26px; border:0;} .digg4 .disabledfy { font-family: Tahoma, Verdana;} /*productlist*/ .bg{background:url(../images/productslisbg.jpg); overflow: hidden;} .pronav_list{margin-top: 30px; text-transform: uppercase; font-size: 36px; font-family: CONDENSED; position: relative; background: #014441; color: #fff; padding: 15px; display: none} .pronav_list i{position: absolute; right: 10px; top: 15px; font-style: normal;} .pronav{overflow: hidden; background: #fff; padding: 50px 0} .pronav dd{width: 33.333%; float: left; line-height: 30px;} .pronav dd h3{margin-bottom: 10px; font-size: 22px;} .pronav div a{display: block; padding-left: 20px; margin: 3px 0; position: relative;} .pronav div a:after{width:6px; height: 6px; border-radius: 50%; border:1px solid #333; content: ""; position: absolute; left: 0; top: 10px;} .lis_pro{overflow: hidden; padding:70px 0;} .lis_pro ul{ margin: 0 -10px; overflow: hidden;} .lis_pro li .pic{overflow:hidden;} .lis_pro li,.rel_pro li{width: 31.333%; margin: 0 1%; float: left; margin-bottom:40px; text-align: center; overflow: hidden;} .lis_pro li h3,.rel_pro h3{height:28px; margin-top: 20px; font-weight: 100; font-size: 18px; line-height: 28px; overflow: hidden;} .footnum{background: #014441; color: #fff; overflow: hidden;} .footnum ul{max-width: 1200px; margin: 0 auto;} .footnum li{padding: 40px 0 55px 0; border-right: 1px solid rgba(255,255,255,.1); width: 25%; float: left; text-align: center; font-size: 18px;} .footnum li h5{font-size: 32px; display: block; font-weight: 100; margin: 15px 0 10px 0} .footnum li h5 b{font-size: 26px;} .footnum li h6{font-size:48px; font-weight: 100; } .footnum li:last-child{border-right: 0} .lis_news{overflow: hidden;} .lis_news li{ width: 31.333%; margin: 0 1%; float: left; margin-bottom:40px;} .lis_news li a{display: block; overflow:hidden;} .lis_news .pic{overflow: hidden;} .lis_news img,.lis_pro li img{transition: all .3s; width: 100%;} .lis_news h3{line-height: 30px; height: 60px; font-family: CONDENSED; font-size:20px; margin: 15px 0 10px 0; font-weight: 100; overflow: hidden;} .lis_news p{line-height: 26px; height: 78px; overflow: hidden; color: #666;} .lis_news li:hover img,.lis_pro li:hover img{ transform: scale(1.1); } .lis_news li:hover h3{color: #014441} /*contact us*/ .contactmain{overflow: hidden; position: relative; padding: 70px 0} .editbox{overflow: hidden; width: 40%; float: left; height: 100%;} .editbox a{display: block; font-size:30px;} .editbox p{line-height: 30px;} .editbox label{ text-transform: uppercase; display: block; margin-left:40px; margin-bottom: 10px; font-weight: 600} .editbox li{line-height: 30px; position: relative; margin-top: 35px;} .editbox h6{font-size:24px; position: absolute ; left: 0; top:-2px; font-weight: 100} .editbox .media{margin-top:60px;} .editbox .media a{width: 45px;height: 45px; line-height: 45px; background:#ccc; font-size: 24px; float: left; margin-right:5px; border-radius: 50%; text-align: center; color: #fff;} .editbox li a:hover{ color: #014441; text-decoration: underline;} .editbox .media a.icon-facebook:hover{background: #4460a0;} .editbox .media a.icon-linkedin:hover{background: #0084b1; } .editbox .media a.icon-twitter:hover{background: #41abe1;} .editbox .media a.icon-youtube1:hover{background: #dd1829;} .contact_form{ overflow: hidden; width: 50%; float: right;} .contact_form h2{font-size: 26px; text-transform: capitalize; font-weight: 100} .contact_form p{color: #666; margin:15px 0 20px 0; line-height: 26px;} .contact_form li{ border: 1px solid #ccc; margin-bottom: 12px;} .contact_form input,.contact_form textarea{width: 100%; padding: 10px 10px; line-height: 35px;} .contact_form textarea{height: 150px;} .contact_form button{margin-top: 15px; background: #014441; color: #fff; border:0; border-radius: 35px; width: 200px; height:55px; font-size: 16px; cursor: pointer; transition: all .3s; text-transform: uppercase;} .contact_form button:hover{background: #457574 } .map{overflow: hidden;} .map img{display: block; width: 100%} /*about*/ .aboutmain p{line-height: 32px;} .aboutmain .aboutbox .pic{overflow: hidden;} .aboutmain .aboutbox img{display: block; width: 100%;} .aboutmain .aboutbox .l p{margin-bottom: 30px;} .aboutmain .aboutbox .r p{margin-top: 30px;} .honorshow{background:url(../images/productslisbg.jpg); overflow: hidden; margin: 65px 0} .honorshow img{display: block; width: 100%; transition: all .3s;} .honorshow .pic{ overflow: hidden;} .honorshow li{ text-align: center; width: 94%; margin: 10px 3%;} .honorshow .warper{ max-width: 1220px; } .honorshow li:hover{box-shadow: 0px 2px 10px 2px rgba(0,0,0,.2)} .about_service .con{line-height: 30px;} .about_service h2{font-size: 32px; font-weight: 100; margin-bottom: 30px;} .about_service h4{font-size: 22px; font-weight: 100; margin: 20px 0 12px 0} .about_service li{padding-left: 90px; position: relative; overflow:hidden; margin-bottom: 35px;} .about_service li h6{width: 63px; height: 63px; background: url(../images/lingbg.png) no-repeat center; color: #fff; text-align: center; font-weight: 100; font-size: 20px; line-height: 63px; position: absolute; left: 0; top: 0; transition: all .3s;} .about_service li:hover h4{color: #014441;} .about_service li:hover h6{transform: rotate(360deg);} .about_service a.more{display: block; background: #f5f5f5; text-align: center; color: #014441; font-weight: 600; line-height: 50px; text-transform: uppercase; font-size: 18px;} .about_service a.more:hover{background: #014441; color: #fff;} /*product*/ .pro_detail{position: relative; overflow: hidden; background:url(../images/productslisbg.jpg); padding:65px 0; } .pro_detail img,.pro_infomain img{max-width: 100%;} .pro_detail .rcon{margin-left: 752px; padding-left: 60px;} .pro_detail h1{font-size: 26px; line-height: 36px; } .pro_detail .rcon .con{line-height: 32px; font-size: 18px; margin: 20px 0 35px 0; color: #666} .flashpic{ position: relative; width: 752px; float: left; } .flashpic img{ width: 100%; transition: all .3s;} .flashpic li{width: 96%; margin: 0 2%; overflow: hidden;} .flashpic li:hover img{transform: scale(1.1);} .flashpic .owl-controls,.honorshow .owl-controls{margin-top:15px;} .flashpic .owl-controls .owl-buttons {display: none} .flashpic .owl-controls .owl-page span,.honorshow .owl-controls .owl-page span{ border:2px solid #ccc; background:none; opacity: 1; width: 15px; height: 15px; } .flashpic .owl-controls .owl-page.active span, .flashpic .owl-controls.clickable .owl-page:hover span,.honorshow .owl-controls .owl-page.active span, .honorshow .owl-controls.clickable .owl-page:hover span{ background:#ccc; } .pro_detail .links{overflow: hidden;} .pro_detail .links a{display: inline-block; width:49%; border-radius:3px; color: #fff; height: 50px; line-height: 50px; background: #195552; text-align: center; font-size: 18px;} .pro_detail .links a i{display: inline-block;vertical-align: middle; font-size: 26px; margin-top: -3px; margin-right: 8px;} .pro_detail .links a:last-child{background: #457574; margin-left: 2%;} .pro_detail .links a:hover{opacity:.85 } .share{margin-top: 25px;overflow: hidden;} .share b{font-weight: 100; color: #666} .info_tit{font-size: 26px; color: #222; font-weight: 100; text-transform: capitalize; margin-bottom:15px; padding-top: 70px;} .infoproimg{overflow: hidden; margin:0 -5px; margin-top: 30px;} .infoproimg li{width:220px; height: 220px; border-radius: 50%; margin: 0 10px; float: left; overflow: hidden;} .infoproimg li img{width: 100%; transition: all .3s} .infoproimg li:hover img{transform: scale(1.1);} .pro_infomain{overflow: hidden; padding-bottom:80px;} .pro_infomain p{line-height: 38px;font-size: 18px;color: #666} .pro_infomain p.dui{ padding-left: 25px; background: url(../images/dui.png) no-repeat left 10px;} .pro_infomain p.w{width: 48%; float: left} .pro_infomain p.rw{margin-left: 4%; width: 48%; float: left;} .pro_infomain .contact_form{ width: 100%; margin-left: 0; padding: 0} .pro_infomain .contact_form p{margin-top: 0} .pro_infomain .contact_form li{width: 49%; float: left;} .pro_infomain .contact_form li:nth-child(even){margin-left: 2%;} .pro_infomain .contact_form li:last-child{width: 100%;} .pro_infomain .contact_form h2{text-align: left; text-transform: capitalize;} .rel_pro{margin: 0 -15px;} .rel_pro li{width: 96%;margin: 0 2%;overflow: hidden;border: 1px #e2e1e1 solid;} .rel_pro li .pic{overflow: hidden;} .rel_pro .owl-controls{margin-top: 0} .rel_pro .owl-pagination{position: absolute; right: 15px; top: -42px;} .rel_pro img{width: 100%; transition: all .3s} .rel_pro li:hover img{transform: scale(1.1);} .rel_pro .owl-controls .owl-page span{margin: 0 3px; opacity: 1; background: #ccc;width: 15px; height: 15px;} .rel_pro .owl-controls .owl-page.active span, .rel_pro .owl-controls.clickable .owl-page:hover span{background: #014441;} /*详情*/ .infocon{font-size: 18px; background: #fff;} .infocon h1{font-size:26px; font-weight: inherit; text-align: center; line-height: 36px; margin-bottom: 30px;} .infocon img{ display: inline-block; max-width: 100%; } .infocon .time{ text-align: center; margin-bottom:20px; padding-bottom: 20px; border-bottom: 1px solid #ddd; color: #999} .infocon .time i{display: inline-block; vertical-align: middle; margin-right: 10px; font-size: 24px; margin-top: -5px;} .infocon .other{border-top: 1px solid #ddd; padding:15px 0 0 0; margin:50px 0 0 0; line-height: 28px;} .infocon .other{ color: #333; } .infocon .other a{color: #333} .infocon .other a:hover{ color: #014441 } .infocon .other div{margin:5px 0;} .infocon p{line-height:34px; margin: 12px 0;} @media screen and (max-width: 1600px) { } @media screen and (max-width: 1440px) { } @media screen and (max-width: 1366px) { } @media screen and (max-width: 1320px) { } @media screen and (max-width: 1280px) { #sub_banner img{height: 140px; width: auto;} #sub_banner{overflow: hidden;} .honorshow .warper{max-width: 1200px;} .infoproimg li{width: 210px; height: 210px;} } @media screen and (max-width: 1200px) { .warper{padding: 0 10px;} .logo{left:10px; margin-left: 0} .backToTop{width: 40px; height: 40px; background-size: 25px; right: 0} .searchbox{right: 10px; margin-right: 0} .footer .warper{padding: 60px 10px 0 10px;} .newsbox{padding-top: 60px;} .productbox{margin-bottom: 60px;} .postionline{right: 10px; margin-right: 0; width: 100%;} #sub_banner h2{left:10px; margin-left: 0; font-size: 56px; margin-top: -32px;} .main{padding: 60px 0 90px 0} .contactmain{padding: 60px 10px;} .lis_pro{padding: 60px 0} .info_tit{padding-top: 60px;} .rel_pro{margin: 0} .rel_pro .owl-pagination{right: 0} } @media screen and (max-width: 1199px) { .lis_pro ul{margin: 0} .pronav_list{display: block; margin-bottom:25px;} .pronav{display: none; padding: 0; margin-bottom: 30px;} .about_service h2{font-size: 30px;} .infocon h1{font-size: 24px;} .pro_detail .rcon{padding-left: 30px; margin-left:660px;} .pro_detail{padding: 55px 0} .flashpic{width: 660px;} .infoproimg li{width: 150px; height: 150px;} } @media screen and (max-width: 1024px) { .searchbox{display: none} .logo{margin:12px 0;} .logo img{height:40px; } .languagebox{right:50px; top:10px; width:140px; border:0;} .languagebox ul{width: auto; background:none; padding-right: 0; height: auto} .languagebox ul li{padding: 0; margin-right: 10px; float: left;} .homehead .languagebox{top:10px} header{height: 64px;} body{padding-top:64px;} nav{position: fixed;left: 0;top: 0;bottom: 0;width: 280px; height: 100%; box-shadow: 0 3px 5px #666; z-index: 99; overflow-y: auto;background:#014441;transform: translateX(-300px);transition: 0.3s; margin-left: 0} nav li{ display: block; width: 100%; margin:0; padding:0;} nav li>a{ line-height:50px; text-align: left; color: #fff; display: block; height: auto ;padding:0 15px; margin-left: 0} nav li.on>a,nav li:hover>a{line-height:50px; color: #fff } nav dl{opacity: 1; left: 0; top: auto; position:initial; background:rgba(255,255,255,.1);} nav dl a{padding: 15px 15px; color: #fff; font-weight: 100; font-size: 16px;} #nav{height: auto; padding-right: 0} #nav .nav-button{ display: block; top:14px; background: #014441 } .footer h4{font-size: 36px; line-height: 42px;} .footer .item1 p{margin:15px 0 25px 0; max-width: 100%;} .footer .warper{padding: 40px 10px 0 10px} .footer .copy{margin-top: 40px;} .warper{padding: 0 10px;} .conbox{padding: 40px 0} .hometit h2{font-size: 46px;} .newsbox{padding-top: 40px;} .newsbox .hometit p{font-size: 16px; max-width: 100%;} .pro_lis{margin: 0} .productbox{margin-bottom: 40px;} .aboutbox a{margin-top: 25px;} .aboutbox h3{font-size: 33px;} #sub_banner h2{font-size: 52px; margin-top: -30px;} .main{padding: 40px 0 80px 0} .honorshow{margin: 40px 0} .servicebox li{width: 100%; float: none; margin-bottom: 20px;} .servicebox h2{font-size: 28px;} .servicebox .qualitybox{margin-bottom: 40px;} .contactmain{padding: 40px 10px;} .editbox a{font-size: 28px;} .pro_detail{padding: 40px 0} .lis_pro{padding: 40px 0 60px 0} .flashpic{width: 100%; float: none;} .pro_detail .rcon{padding-left: 0; margin-left:0; margin-top: 20px;} .pro_detail h1{font-size: 24px; line-height: 32px;} .info_tit{padding-top: 40px; font-size: 24px; line-height: 30px;} .footnum li h5{font-size: 30px;} .footnum li h6{font-size: 42px;} } @media screen and (max-width: 990px) { .aboutbox .l{width: 100%; float: none} .aboutbox .r{/* height: 6%; *//* height: 194px; */float: none;width: 100%;padding-left: 0;/* display: none; */} .aboutmain .aboutbox .r{display: block; margin-top: 20px;} .aboutmain .aboutbox .r p{margin-top: 15px;} .aboutbox .r video{height:249px;} .aboutmain .aboutbox .l p{margin-bottom: 15px;} .about_service h2{font-size: 28px;} .contact_form h2{font-size: 24px;} } @media screen and (max-width:900px) { .footer h4{font-size: 32px; line-height: 36px;} .footer li a{font-size: 24px;} .news_lis li:nth-child(2){margin-bottom: 12px;} .pronav dd{width: 100%; float: none; margin-bottom: 15px;} .pronav_list{font-size: 32px;} .lis_news li{width: 48.5%; margin-left: 0; margin-right: 0} .lis_news li:nth-child(even){margin-left: 3%;} .infocon h1{font-size: 22px; line-height: 32px; margin-bottom: 20px;} .pro_infomain .contact_form p{margin-top: 0} .infoproimg li{width: 130px; height: 130px;} } @media screen and (max-width:899px) { .qualitybox .l,.qualitybox .r{width: 100%; float: none} .qualitybox .r{padding-top: 20px; border-top: 1px solid #ccc; margin-top:20px;} } @media screen and (max-width:780px) { .conbox{padding: 30px 0} .hometit h2{font-size: 42px;} .newsbox{padding-top: 30px;} .newsbox .hometit p{line-height: 24px;} .productbox{margin-bottom: 30px;} .pronav dd h3{font-size: 20px;} #sub_banner h2{font-size: 48px; margin-top: -28px;} .main{padding: 30px 0 60px 0} .about_service h2{font-size: 26px; line-height: 30px;} .honorshow{margin: 30px 0} .lis_news li{margin-bottom: 30px;} .lis_news h3{margin-top: 10px;} .servicebox h2{font-size: 26px;} .servicebox .qualitybox{margin-bottom: 30px;} .contactmain{padding: 30px 10px;} .editbox a{font-size: 26px;} .lis_pro{padding: 30px 0 60px 0} .pro_detail .rcon .con{margin: 15px 0} .info_tit{padding-top: 30px;} .pro_infomain{padding-bottom: 60px;} .infoproimg li{width: 110px; height: 110px;} .footnum li h5{font-size: 28px;} .footnum li h6{font-size: 38px;} } @media screen and (max-width:768px) { .footer .warper{padding: 30px 10px 0 10px;} .footer .copy{margin-top: 30px;} .footer h4{font-size: 30px; line-height: 32px;} .footer li{margin-bottom: 15px;} .footer .item1{width:100%; float: none} .footer .item2{width: 100%; float: none; margin-left: 0; margin-top: 25px;} .footer li a{font-size: 22px;} .aboutbox h3{font-size: 30px;} .lis_pro li{width: 48.5%; margin-left: 0; margin-right: 0; margin-bottom: 30px;} .lis_pro li:nth-child(even){margin-left: 3%;} .lis_pro li h3, .rel_pro h3{margin-top: 15px;} .editbox{width: 100%; float: none} .editbox .media{margin-top: 20px;} .editbox li{margin-top: 20px;} .contact_form{float: none; width: 100%; margin-top: 30px;} .pro_detail h1{font-size: 22px;} .pro_infomain .contact_form{margin-top: 0} .infoproimg li{width: 90px; height: 90px;} .footnum li{width: 50%; padding: 25px 0; border-bottom: 1px solid rgba(255,255,255,.1); height: 170px;} } @media screen and (max-width:640px) { .footer h4{font-size:26px;} .hometit h2{font-size: 36px;} #sub_banner h2{font-size: 44px; margin-top: -25px;} .about_service h2{font-size: 24px; line-height: 28px;} .about_service li h4{font-size: 20px; line-height: 28px; margin-top: 10px;} .about_service li{padding-left: 70px;} .about_service li h6{width: 50px; height: 50px; line-height: 50px; font-size: 18px; background-size: 100%;} .about_service .con{line-height: 28px;} .infocon h1{font-size: 20px; line-height: 30px;} .infocon .other{margin-top: 30px;} .servicebox h5{font-size: 18px;} .digg4 a, .digg4 span.miy, .digg4 span.current, .digg4 span.disabled{width: 40px; height: 40px; line-height: 38px;} .digg4{margin-top: 10px;} .pro_infomain p.w{width: 100%; float: none;} .pro_infomain p.rw{margin-left: 0; width: 100%;} .pro_infomain .contact_form li{width: 100%;} .pro_infomain .contact_form li:nth-child(even){margin-left: 0} .infoproimg li{width: 116px; height: 116px; margin-bottom: 5px;} .footnum li h5{font-size: 26px;} .footnum li h6{font-size: 35px;} } @media screen and (max-width:520px) { } @media screen and (max-width:480px) { .hometit h2{font-size: 32px;} .news_lis li:nth-child(2){margin-bottom:8px;} .aboutbox h3{font-size:26px;} .pronav dd h3{font-size: 18px;} .pronav_list{font-size: 28px;} .pronav div a{line-height: 26px; margin: 5px 0} .pronav_list{margin: 20px 0} #sub_banner h2{font-size: 40px; margin-top: -23px;} .postionline{display: none;} #sub_banner img{height: 120px;} .servicebox h2{font-size: 24px;} .editbox a{font-size: 24px;} .editbox label{margin-bottom: 5px;} /*.pro_detail h1{font-size: 20px}*/ .info_tit{font-size: 22px; margin-bottom: 10px;} .contact_form button{width: 100%;} .rel_pro .owl-pagination{top: -32px;} .rel_pro .owl-controls .owl-page span{width: 12px; height: 12px;} .aboutbox .con{/* height: 150px; */ overflow:hidden;} .infoproimg li{width: 104px; height: 104px; margin-bottom: 5px;} } @media screen and (max-width:414px) { .footer h4{font-size:23px; line-height: 26px;} /*.footer li a{font-size: 20px;}*/ .footer li {line-height: 26px; padding-left: 34px;} .footer li label{margin-bottom: 0; margin-left: 0} .footer button{width: 100%;} .aboutbox h3{font-size: 23px; line-height: 32px; margin-bottom: 10px;} .aboutbox .con{line-height: 30px;font-size: 17px;} #sub_banner h2{font-size: 36px; margin-top: -20px;} .about_service h2{font-size: 22px; line-height: 26px;} .contact_form h2{font-size: 22px;} .contact_form p{margin: 10px 0} .contact_form button{width: 100%;} .footnum li{padding-bottom: 0; height: 140px; font-size: 16px; padding: 25px 10px 0 10px;} .footnum li h5{font-size: 24px; margin-top: 10px; height: 26px; line-height: 26px;} .footnum li h6{font-size: 30px; height: 26px; line-height: 26px;} .footnum li h6.icon-yunshuzhong{font-size: 27px;} } @media screen and (max-width:400px) { .footnum li{height: 160px;} .infoproimg li{width: 92px; height: 92px; margin: 0 5px; margin-bottom: 5px;} } @media screen and (max-width:360px) { .hometit h2{font-size: 28px;} .infoproimg li{width: 85px; height:85px; margin-bottom: 5px;} } @media screen and (max-width:320px) { }