@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: "iconfont"; /* Project id 4658466 */ src: url('../fonts/iconfont.woff2?t=1724061580770') format('woff2'), url('../fonts/iconfont.woff?t=1724061580770') format('woff'), url('../fonts/iconfont.ttf?t=1724061580770') format('truetype'); } .iconfont { font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-whatsapp:before { content: "\e75a"; } @font-face {font-family: "iconfont"; src: url('iconfont.eot?t=1564973285525'); /* IE9 */ src: url('iconfont.eot?t=1564973285525#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=1564973285525') format('woff'), url('iconfont.ttf?t=1564973285525') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */ url('iconfont.svg?t=1564973285525#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-youtube1:before { content: "\e660"; } .icon-liuyan:before { content: "\e61d"; } .icon-youxiang:before { content: "\e655"; } .icon-yonghu:before { content: "\e741"; } .icon-tel:before { content: "\e83e"; } .icon-guojia-diqu:before { content: "\e60f"; } .icon-jiangpai:before { content: "\e61f"; } .icon-search3:before { content: "\e600"; } .icon-qq:before { content: "\e639"; } .icon-tubiao-:before { content: "\e631"; } .icon-Mail:before { content: "\e6bf"; } .icon-linkedin:before { content: "\ee82"; } .icon-gongyingshang:before { content: "\e60d"; } .icon-twitter:before { content: "\e61b"; } .icon-tel1:before { content: "\e616"; } .icon-youjiantou:before { content: "\e6cd"; } .icon-beifen:before { content: "\e66f"; } .iconfont:before{ display: inline-block; margin:0 auto; } @font-face { font-family: 'PLAYFAIRDISPLAYREGULAR'; src: url('../fonts/PLAYFAIRDISPLAY-REGULAR-7.eot'); src: local('☺'), url('../fonts/PLAYFAIRDISPLAY-REGULAR-7.woff') format('woff'), url('../fonts/PLAYFAIRDISPLAY-REGULAR-7.ttf') format('truetype'), url('../fonts/PLAYFAIRDISPLAY-REGULAR-7.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'PLAYFAIRDISPLAY'; src: url('../fonts/PLAYFAIRDISPLAY-BOLD-4.eot'); src: local('☺'), url('../fonts/PLAYFAIRDISPLAY-BOLD-4.woff') format('woff'), url('../fonts/PLAYFAIRDISPLAY-BOLD-4.ttf') format('truetype'), url('../fonts/PLAYFAIRDISPLAY-BOLD-4.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'calibri'; src: url('../fonts/calibri_0.eot'); src: local('☺'), url('../fonts/calibri_0.woff') format('woff'), url('../fonts/calibri_0.ttf') format('truetype'), url('../fonts/calibri_0.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'calibrib'; src: url('../fonts/calibrib.eot'); src: local('☺'), url('../fonts/calibrib.woff') format('woff'), url('../fonts/calibrib.ttf') format('truetype'), url('../fonts/calibrib.svg') format('svg'); font-weight: normal; font-style: normal; } *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} body{font-family:Arial, Helvetica, sans-serif; font-size: 18px; overflow-x: hidden; color: #333; font-family: calibri} 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: 18px;border:none;margin: 0;padding: 0; outline: none; font-family: calibri} 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:1200px; margin:0 auto;} .container{width: 100%; padding:0; margin:0;} .backToTop{width:48px; height:48px; background:#c0d242 url(../images/icon_top.png) no-repeat center; background-size:65%; z-index: 3; cursor:pointer; position:fixed; right:10px; text-indent:9999px; bottom:48px; color: #fff; border-radius:3px; transition: all .3s; z-index: 5;} .backToTop:hover{opacity: .8} header{ height:96px; position: fixed; top:0; width: 100%; left: 0; z-index: 100; z-index: 3;} .headtop{position: absolute; right: 0; top: 0} .logo{ margin:23px 0; position: absolute; left:50%; margin-left: -600px; top: -13px;} .logo a{display:block;} header a.q{border-radius: 4px; color: #fff; line-height: 36px; padding: 0 20px; font-family:calibrib; background: #c0d242; position:absolute; right: 50%; margin-right: -600px; top:28px; text-transform: uppercase;} #nav{ float: right; margin-right: 170px;} nav {height: 80px;} nav li{ display: inline-block; float: left; position: relative; } nav li:last-child:after{display: none;} nav li>a{ display: block; vertical-align: middle; padding:0 22px; position: relative; font-size:19px; color: #1d8374; overflow: hidden; line-height:96px; transition:0.5s; text-transform: uppercase; font-family: calibrib} nav li>a i.iconfont{display: inline-block; font-size: 26px; vertical-align: middle;} nav li.on>a,nav li:hover>a{ background: #c0d242; color: #fff;} nav dl{ position: absolute; background: #c0d242; display: block; width: 280px; top:96px; opacity: 0; transition: opacity 1s ease; left: 9999px; z-index: 999; } nav dl a{ color: #fff; display: block; text-align: left; padding: 13px 15px; border-bottom: 1px dashed rgba(255,255,255,.3);} nav dl dd:hover>a{ background: #fff; color: #c0d242} nav dl dd{position: relative;} nav dl dd div{position: absolute; left: 100%; top: 0; background: #fff; width: 240px; display: none;} nav dl dd div a{color: #333} nav dl dd div a:hover{color: #c0d242} nav li:hover dl{ opacity: 1; left: 0;} nav dl dd:hover div{display: block;} #nav .nav-button{width: 35px;height: 35px;border-radius: 3px; position: absolute; color: #fff; right: 10px;top: 19px;line-height: 35px;text-align: center;font-size: 20px;display: none; cursor: pointer;} #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)} /*.position nav li>a{color: #333}*/ .position .media{top: 20px;} .position .media a{line-height: 40px; border-radius: 5px;} .position nav li.on>a,.position nav li:hover>a{ color: #fff;} .footer{ overflow: hidden; background:#318377; color: #fff; width: 100%;} .footer .row{ overflow: hidden; padding:60px 0; } .footer h4{font-size:26px; font-weight: 100;color: #fff; margin-bottom: 25px; font-family: PLAYFAIRDISPLAY; } .footer a{color: #fff} .footer h4 a:hover{color: #c0d242} .footer .item{width:21%;float: left;} .footer .item1{ width: 27%;} .footer .item3{ width: 30%} .footer .item4{ width: auto; float: right;} .footer .item3 p{margin-bottom: 20px; line-height: 28px;} .footer .item3 p:nth-child(3),.footer .item3 p:nth-child(4){font-size: 20px;} .footer .item3 p:last-child,.footer dd:last-child{margin-bottom: 0} .footer dd{line-height: 30px; font-size: 20px; margin-bottom:7px;} .footer .foot_contact {background: #c0d242; overflow: hidden; position: relative;} .footer .foot_contact ul{max-width: 1200px; margin: 0 auto; padding:45px 0; overflow: hidden;} .footer .foot_contact li{padding-left:70px; padding-top: 12px; width: 27%; float: left; position: relative; font-size: 26px; min-height: 54px;} .footer .foot_contact li h6{font-size: 28px; transition: all .3s; font-weight: 100; width: 54px; height: 54px; border:2px solid #fff; position: absolute; left: 0; top:50%; margin-top: -27px; text-align: center; border-radius: 50%; line-height: 50px;} .footer .foot_contact li:hover,.footer .foot_contact li:hover a:hover{color: #fff; text-decoration: underline;} .footer .foot_contact li:hover h6{color: #c0d242; background: #fff; border-color:#fff;} .footer .search{position:absolute; right: 50%; top: 0; margin-right: -600px; height: 100%; background: #b1c23e} .footer .search button{height: 100%; border:0 ; background: none; cursor: pointer; width: 120px; color: #fff;line-height: 144px;} .footer .search button i{font-size: 30px;} .footer .search input{ background:none; color: #fff; font-size: 24px; width: 0; transition: all .3s;} .footer .search input::-webkit-input-placeholder,footer textarea::-webkit-input-placeholder { color: #fff;} .footer .search input:-moz-placeholder,footer textarea:-moz-placeholder { color: #fff;} .footer .search:hover input{padding: 15px 25px; width: 1080px;} .copyright{text-align: center; line-height: 28px; border-top: 1px solid rgba(255,255,255,.3); padding:25px 10px; overflow: hidden;} .footer a:hover{color: #c0d242;} footer .media{ margin-top: 25px; } footer .media a{width: 36px; line-height:36px; display: inline-block; background:#fff; margin-right: 5px; color: #318377; text-align: center; font-size: 26px; border-radius: 50%} footer .media a:hover{color:#fff;} footer .media a.icon-tubiao-:hover,.sub_banner .media a.icon-tubiao-:hover{background: #4460a0; border-color: #4460a0} footer .media a.icon-linkedin:hover,.sub_banner .media a.icon-linkedin:hover{background: #0084b1; border-color: #0084b1} footer .media a.icon-twitter:hover,.sub_banner .media a.icon-twitter:hover{background: #2fb0ec; border-color: #2fb0ec} footer .media a.icon-youtube1:hover,.sub_banner .media a.icon-youtube1:hover{background: #dd1829; border-color: #dd1829} .banner{z-index: 0; position: relative;} .banner img{ width: 100%; display: block; } .banner .owl-pagination{display: none;} .banner .owl-controls{margin-top: 0} .banner .owl-controls .owl-buttons div{width: 48px; height: 48px; background:#c0d242 url(../images/right.png) no-repeat center; border-radius: 0; text-indent: 9999px; overflow: hidden; transition: all .3s; background-size: 15px; margin: 0 2px; opacity: 1; position:absolute; right: 0; top: 50%; margin-top: -24px;} .banner .owl-controls .owl-buttons div.owl-prev{transform: rotate(180deg); left: 0} .banner .owl-controls .owl-buttons div:hover{ background-color: #318377;} /*版块标题*/ .row{overflow: hidden;} .conbox{padding:90px 0;} .hometit{margin-bottom:35px; position: relative;} .hometit h2{font-size:36px; color: #318377; font-family: PLAYFAIRDISPLAY; font-weight: 100;} .hometit h2 a{color: #318377} .hometit h4{font-family:PLAYFAIRDISPLAYREGULAR; font-size: 18px; font-weight: 100; margin-top: 15px; color: #318377;} .advbox{overflow: hidden; margin-top: -90px; position: relative; z-index: 2} .advbox ul{background: #318377; overflow: hidden; text-align: center; font-size: 19px; color: #fff;} .advbox li{width: 25%; border-right: 1px solid rgba(255,255,255,.15); transition: all .3s; float: left; padding: 30px;} .advbox li h5{font-size: 32px; font-weight: 100} .advbox li h6{font-size: 56px; height: 56px; transition: all .3s; color: #c0d242; font-weight: 100; margin-bottom: 10px} .advbox li h6.icon-jiangpai{font-size: 60px;} .advbox li:hover{background: #c0d242;} .advbox li:hover h6{color: #fff;} .aboutbox{overflow: hidden;} .aboutbox .lcon{width: 47%; float: left;} .aboutbox .lcon li .item{padding: 25px 0; border-bottom: 1px solid #ddd;} .aboutbox .lcon li p{margin-left: 100px; color: #666; line-height: 28px; overflow: hidden; height: 56px;} .aboutbox .lcon li .year{width: 100px; float: left; font-size: 28px; font-weight: 600; padding-top: 13px;} .aboutbox .lcon li .item:last-child{border:0;} .aboutbox .lcon li .item:first-child{padding-top:12px} .aboutbox .lcon .item:hover p,.aboutbox .lcon .item:hover .year{color: #318377} .aboutbox .lcon .owl-pagination{display: none;} .aboutbox .owl-controls {text-align: left; margin-top: 20px;} .aboutbox .owl-controls .owl-buttons {width: auto; display: inline-block;} .aboutbox .owl-controls .owl-buttons div{width: 48px; height: 48px; background: #c0d242; background:#c0d242 url(../images/right.png) no-repeat center; border-radius: 0; text-indent: 9999px; overflow: hidden; background-size: 15px; margin: 0 2px; opacity: 1} .aboutbox .owl-controls .owl-buttons div.owl-prev{transform: rotate(180deg); background-color: #318377} .aboutbox .rcon{float: right; width: 47%;} .aboutbox .rcon .fon{line-height: 31px; color: #666; font-size: 19px;} .aboutbox .rcon .fon p{max-height: 288px; overflow: hidden;} .aboutbox .rcon a.more{line-height: 48px; transition: all .3s; text-transform: uppercase; border-radius: 3px; background: #c0d242; font-family: calibrib; color: #fff; display: inline-block; width: 160px; text-align: center; margin-top: 30px; font-size: 19px;} .aboutbox .rcon a.more:hover,.casebox li:hover em{background: #318377} .productbox{overflow: hidden;} .productbox .hometit{background: url(../images/productboxbg.jpg) no-repeat center; background-size: cover; padding: 115px 0; text-align: center; margin-bottom: 0} .productbox .hometit h2{display: inline-block; background:rgba(255,255,255,.94); border-radius: 8px; padding: 15px 40px 18px 40px;} .productbox li,.rel_pro li{ text-align: center; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc;} .productbox .pic,.rel_pro .pic{overflow: hidden;} .productbox img,.rel_pro img,.newbox .lcon img{display: block; width: 100%; transition: all .3s;} .productbox .con,.rel_pro .con{ padding:40px 20px } .productbox p,.rel_pro p{line-height: 30px; color: #666} .productbox h3,.rel_pro h3{font-size: 22px; margin-bottom: 5px; font-weight: 100; transition: all .3s; } .productbox li:hover h3,.productbox li:hover p,.rel_pro li:hover h3,.rel_pro li:hover p{color: #318377} .productbox .owl-controls,.rel_pro .owl-controls{margin-top: 0} .productbox .owl-pagination,.rel_pro .owl-pagination{display: none;} .productbox .owl-controls .owl-buttons div,.rel_pro .owl-controls .owl-buttons div{width: 40px; height: 40px; background:#c0d242 url(../images/right.png) no-repeat center; background-size: 22px; text-indent: 999px; overflow: hidden; position: absolute; right:0; opacity: .8; border-radius: 0px; top: 50%; margin:0; margin-top: -20px;;} .productbox .owl-controls .owl-buttons div.owl-next,.rel_pro .owl-controls .owl-buttons div.owl-next{transform: rotate(180deg); left: 0} .casebox{background: url(../images/caseboxbg.jpg) no-repeat center; background-size: cover} .casebox .hometit h2 {text-align: center;} .casebox .hometit h2 a{color: #fff} .casebox li{width: 75%; margin: 0 auto; background: rgba(0,42,35,.8); padding: 40px 60px 50px 60px; text-align: center;} .casebox li a{color: #fff;} .casebox li h3{font-size: 26px; transition: all .3s;} .casebox li p{line-height: 28px; margin: 10px auto 25px auto; max-width: 80%;} .casebox li em{display: block; width: 150px; transition: all .3s; font-family: calibrib; font-style: normal; text-transform: uppercase; background: #c0d242; line-height: 48px; border-radius: 5px; margin: 0 auto} /*.casebox li:hover h3{color: #318377}*/ .casebox .owl-buttons{display: none;} .casebox .owl-controls{ margin-top: 80px;} .casebox .owl-controls .owl-page span{background: #fff;border:2px solid #fff; opacity: 1; width: 17px; height: 17px; margin: 0 3px;} .casebox .owl-controls .owl-page.active span{background: #318377} .newbox{overflow: hidden;} .newbox .lcon{width: 50%; float: left; overflow: hidden;} .newbox ul{width: 50%; float: right; background: #318377 url(../images/newboxbg.png) no-repeat 104% center; padding: 80px 150px 80px 80px;} .newbox ul a{color: #fff;} .newbox ul h3{font-size: 22px; transition: all .3s; font-family:PLAYFAIRDISPLAYREGULAR; line-height: 34px; font-weight: 100; margin-bottom: 18px; } .newbox ul p,.newbox .lcon p{line-height: 28px; height: 83px; overflow: hidden; opacity: .7} .newbox ul li:nth-child(2){margin-top: 45px;} .newbox ul li:hover h3,.newbox .lcon a:hover h3{color: #c0d242} .newbox em{font-size: 36px; color: #bdd043; font-weight: 100; margin-top: 20px; display:inline-block;} .newbox .lcon .pic{overflow: hidden;} .newbox .lcon p{color: #318377; opacity: 1; margin-top: 20px;} .newbox .lcon h3{font-size: 26px; font-family:PLAYFAIRDISPLAY; color: #318377 } .newbox .lcon .con{padding: 40px} .newbox .lcon a:hover img{transform: scale(1.1);} .faqbox{ overflow: hidden;} .faqbox li{background: #fff; margin-bottom: 25px; position: relative; } .faqbox li h3,.faqbox li .fon{ padding: 0 0 0 50px } .faqbox li h3{font-size: 22px; font-weight: 100;} .faqbox li h6{width: 26px; height: 26px; background: url(../images/jiantou_b.png) no-repeat center ; background-size: 15px; border-radius: 3px; border:1px solid #aaa; opacity: .4; position: absolute; left: 0; top:0px; font-weight: 100;} .faqbox li .fon{display: none; color: #666; line-height: 26px; padding-top: 15px;} .faqbox li.on h6{border-color:#c0d242; background-color: #c0d242; background-size: 10px; background-image: url(../images/right.png); transform: rotate(-90deg); opacity: 1 } .faqbox li:nth-child(1) .fon{ display: block; } /*二级页公用*/ .main{padding:80px 0 120px 0; overflow: hidden;} .sub_banner{display: block; width: 100%; height: 200px; overflow:hidden; background: #318377; color: #fff; transition: all .3s; margin-top: 96px;} .sub_banner .warper{ position: relative; height: 200px;overflow: hidden;} .sub_banner .media{position: absolute; right: 0; top:50%; margin-top: -25px;} .sub_banner .media a{width: 50px; height: 50px; border-radius: 50%; border:2px solid #fff; display: inline-block; text-align: center; line-height: 46px; font-size: 30px; color: #fff; margin-left: 10px;} .sub_banner h2{ font-size:36px; font-family:PLAYFAIRDISPLAY; margin-top:36px; margin-bottom: 10px; text-transform: uppercase;} .sub_banner p{font-size: 20px; line-height: 30px; max-width: 570px; height: 60px; overflow: hidden;} .digg4{ text-align:center; font-size: 18px; line-height: 40px; padding:20px 0;} .digg4 a,.digg4 span.miy,.digg4 span.disabled,.digg4 span.current{width:55px; display: inline-block; vertical-align: middle; border:1px solid #ccc; height:55px; line-height: 55px; color:#999; border-radius: 50%; text-decoration:none; margin:0 5px; font-family: Arial} .digg4 span.current { color:#318377; background:#fff; border-color: #318377; font-weight: 600;} .digg4 span.disabled { font-size: 30px; line-height:50px; background:#318377; color: #fff; border-color: #318377} /*about*/ .about_main{} .about_main p{line-height: 34px; font-size: 19px; color: #666; margin-bottom:20px;} .about_main img{max-width: 100%;} .about_main .advbox{margin-top: 0} .about_main .advbox p{color: #fff;} .his_lis{overflow: hidden; padding-top: 25px;} .his_lis li{position: relative; overflow: hidden; margin-bottom:40px; padding-left: 90px;} .his_lis li:last-child{margin-bottom: 0} .his_lis h3{font-size: 28px; font-family:calibrib; color: #318377; position: absolute; left: 0; top: 50%; margin-top: -18px; font-weight: 100;} .his_lis li p{margin-bottom: 0; line-height: 30px; transition: all .3s; color: #333} .his_lis li:nth-child(even) .pic{float: right;} .his_lis li:nth-child(even) .con{float: left;} .about_com{ overflow: hidden; } .about_com .lcon{width: 48%; float: left; } .about_com .rcon{width: 48%; float: right; margin-top: 130px;} .about_img{overflow: hidden; margin: 30px 0} .about_img .pic{overflow: hidden; width: 32%; float: left;} .about_img .pic:nth-child(2){margin: 0 2%;} .about_img .pic img{display: block; width: 100%; transition: all .3s;} .service_lis{overflow: hidden; padding-top: 30px;} .service_lis li{padding-left:90px; position:relative; overflow: hidden; margin-bottom:30px;} .service_lis h6{position: absolute; left: 0; top: 0; width: 62px;height: 62px; line-height: 62px; font-weight: 100; background: url(../images/ling.png) no-repeat; font-size: 26px; text-align: center; color: #fff; background-size: 100%;} .service_lis h3{font-size: 26px; margin:15px 0 18px 0; transition: all .3s; font-weight: 100; color: #333;} .service_lis li:hover h3,.service_lis li:hover p,.his_lis li:hover p,.lis_case li:hover p,.lis_new li:hover p{color: #318377} /*list*/ .lis_case{overflow: hidden;} .lis_case li{overflow: hidden; padding: 60px 10px 0 60px; position: relative; margin-bottom:60px;} .lis_case li:before{content: ""; width: 50%; height: 50%; background: #f4f4f4; position: absolute; left: 0; top: 0} .lis_case li a{display: block;} .lis_case li:nth-child(even){ padding:60px 60px 0 10px; } .lis_case li:nth-child(even):before{ left: auto; right: 0} .lis_case .pic{ overflow: hidden; position: relative; z-index: 1; border:4px solid #fff; box-shadow: 0px 2px 10px 2px rgba(0,0,0,.2)} .lis_case img,.lis_new li img,.lis_pro li img{width: 100%; display: block; transition: all .3s;} .lis_case h3{font-size: 26px; overflow: hidden; font-weight: 100; margin:35px 0 15px 0;} .lis_case p{ color: #666; font-size: 19px; line-height:30px; overflow: hidden; max-height: 90px;} .lis_new{overflow: hidden;} .lis_new h3{font-size: 26px; line-height: 36px; max-height: 72px; font-family:PLAYFAIRDISPLAY; max-height: 72px; overflow: hidden;} .lis_new li{overflow: hidden; margin-bottom: 50px;} .lis_new .pic{width: 50%; float: left; overflow: hidden;} .lis_new .con{width: 50%; float: right; position: relative; padding: 40px 30px 0 60px;} .lis_new p{ height: 142px; line-height: 28px; overflow: hidden; color: #666; margin:20px 0 30px 0;} .lis_new em,.lis_pro em{font-size: 40px; color: #c0d242; font-weight: 100;} .lis_new li:nth-child(even) .pic{float: right;} .lis_new li:nth-child(even) .con{float: left; padding: 40px 60px 0 30px;} .lis_new li:hover h3,.lis_new li:hover em,.lis_case li:hover h3{ color: #318377 } .lis_new li:hover img,.lis_pro li:hover img,.lis_case li:hover img,.proimg .item:hover img,.about_img .pic:hover img,.productbox li:hover img,.rel_pro li:hover img{transform: scale(1.1);} .lis_pro{overflow: hidden;} .lis_pro li{overflow: hidden; padding-top: 70px; transition: all .3s; position: relative;} .lis_pro li a{display: block;} .lis_pro li:nth-child(even) .con{right: auto; left: 0;} .lis_pro li:nth-child(even) .pic{ float: right;} .lis_pro .pic{width: 50%; overflow: hidden; box-shadow: 0px 2px 10px 2px rgba(0,0,0,.2); border:1px solid #fff;} .lis_pro .con{ position: absolute; right: 0; top: 15%; background: rgba(49,131,119,.9); width:50.1%; height: 70%; padding:0 80px; display: flex; align-items: center; color: #fff; margin-top: 35px;} .lis_pro h3{ line-height: 32px; font-size: 36px; font-weight: 100; overflow: hidden; } .lis_pro p{line-height: 30px; font-size: 19px; height: 90px; margin: 20px 0 25px 0; overflow: hidden;} .pro_menu{position: relative; overflow: hidden; } .pro_menu:after{content: ""; width: 100%; height: 1px; background: #c0d242; position: absolute; bottom: 2px; left: 0;} .pro_menu dd{ padding: 0 35px; float: left; font-size: 22px; position: relative; text-align: center;} .pro_menu dd a{display: inline-block; font-family: calibrib; position: relative; padding-bottom:25px;} .pro_menu dd.on a,.pro_menu dd:hover a{color: #c0d242} .pro_menu dd.on a:after,.pro_menu dd:hover a:after{content: ""; width: 100%; height: 5px; background: #c0d242; position: absolute; bottom: 0; left: 0;} .pro_menu.top0{position: fixed; width: 100%; margin-bottom: 0; top: 0; left: 0; width: 100%; z-index: 3; background: #fff;} .pro_menu.top0 dd a{padding-top: 20px;} .pro_tit{background: #318377; padding: 15px; display: none; font-size: 20px; position: relative; text-transform: uppercase; color: #fff; font-family:PLAYFAIRDISPLAY } .pro_tit i{position: absolute; right: 15px; font-style: normal; font-weight: 600; font-family: Arial; top: 13px; font-size: 28px;} /*info*/ .infocon p{color: #666; line-height:36px; margin:12px 0; } .infocon h1{font-size:26px; font-family: PLAYFAIRDISPLAY; font-weight: inherit; text-align: center;color: #222;} .infocon img{ display: inline-block;max-width: 100%; } .infocon .time{ text-align: center; margin:20px 0 30px 0; color: #999} .infocon .other{border-top: 1px solid #ddd; margin-top: 50px; padding-top: 20px;color: #318377} .infocon .other a{color: #666} .infocon .other div{margin:10px 0; line-height: 26px;} .infocon .other a:hover{ color: #318377 } .fixnav { position: fixed; left: 0; top: 35%; z-index: 10; } .fixnav li { transition: all .3s; width: 40px; text-align: center; font-size: 12px; height: 40px; margin-bottom: 1px; background: #ececed; position: relative; } .fixnav li .ic { width: 40px; line-height: 40px; height: 40px; background: #01b6eb; position: relative; z-index: 2; } .fixnav li a { color: #fff; transition: all .1s } .fixnav li .iconfont { font-size: 22px; } .fixnav li:nth-of-type(2) .ic { background: #05c30e; } .fixnav li:nth-of-type(3) .ic { background: #3a82d3; } .fixnav li:nth-of-type(4) .ic { background: #30afeb; } .fixnav li:nth-of-type(5) .ic { background: #0085b2; } .fixnav li:nth-of-type(6) .ic { background: #fc1a1c; } .fixnav li span { line-height: 40px; transition: all .3s; overflow: hidden; font-size: 16px; padding: 0 10px; margin-right: 40px; position: absolute; left: -600px; top: 0; z-index: 3; width: 200px; z-index: 0; text-align: left } .fixnav li:hover span { display: block; left: 40px; background: #01b6eb; color: #fff } .fixnav li:nth-of-type(2):hover span { background: #05c30e; } .fixnav li:nth-of-type(3):hover span { background: #3a82d3; } .fixnav li:hover .ic { opacity: 0.85; } /*contact*/ .edit-box{ overflow: hidden; text-align: center; } .edit-box .hometit h2{text-transform: uppercase; max-width: 90%; margin: 0 auto} .edit-box ul{overflow: hidden; padding-top: 20px;} .edit-box li{ font-size: 26px; padding-top: 4px; width: 30%; display: inline-block;} .edit-box li h6{font-weight: 100; width: 50px; height: 50px; line-height: 50px; border-radius: 50%; background: #318377; display: inline-block; color: #fff; vertical-align: middle; font-size: 26px; margin-right: 10px; margin-top: -4px;} .edit-box li:hover a{color: #318377} .contact_form{ background: #f4f4f4; padding: 60px; margin: 80px 0; text-align: center; } .contact_form ul{overflow: hidden; } .contact_form .hometit h2,.edit-box .hometit h2{color: #333;} .contact_form .hometit h2{margin-bottom: 12px;} .contact_form .hometit p{ line-height: 30px; font-size: 19px;} .contact_form li{width: 49.5%; float: left; overflow: hidden; border:1px solid #333; margin-bottom:10px; line-height: 24px; position: relative;} .contact_form li:nth-child(even){margin-left:1%;} .contact_form li:last-child{width: 100%;} .contact_form li font{position: absolute; color: #333; left: 7px; top: 18px;} .contact_form input,.contact_form textarea{width:100%; padding:15px; resize: none; background: none; border-radius: 0; overflow: hidden;} .contact_form textarea{line-height: 24px; height: 150px;} .contact_form button{ border: none; font-size:20px; text-transform: uppercase; background: #c0d242; transition: all .3s; color: #fff; width: 250px; text-align: center; line-height:50px; border-radius:0; font-family: calibrib; cursor: pointer; margin-top: 20px;} .contact_form input::-webkit-input-placeholder,.contact_form textarea::-webkit-input-placeholder { color: #333;} .contact_form input:-moz-placeholder,.contact_form textarea:-moz-placeholder { color: #333;} button:hover{opacity: .8} .contact_form button:hover{background: #318377} .map{overflow: hidden;} .map img{display: block; width: 100%;} /*产品详情*/ .pro_detail{ overflow: hidden; } .pro_detail h1{ font-size:36px; font-weight: 100; } .share_toolbox{ margin: 20px 0 } .pro_detail .fon{ margin:35px 0 45px 0; font-size: 19px; line-height: 30px; overflow: hidden;} .pro_detail .rcon{margin-left:600px; padding-left:65px; padding-top: 40px; overflow: hidden;} .proflash{ width: 600px; float: left; } .proflash .item{ overflow: hidden;} .proflash img{display: block; width: 100%;} .proflash .owl-controls{margin-top: 0} .proflash .owl-pagination{display: none;} .proflash .owl-controls .owl-buttons div{width: 52px; height: 52px; background: url(../images/right.png) no-repeat center; background-size: 22px; text-indent: 999px; overflow: hidden; position: absolute; right:0; opacity: .8; border-radius: 0px 5px 5px 0; top: 50%; margin:0; margin-top: -26px;;} .proflash .owl-controls .owl-buttons div.owl-next{transform: rotate(180deg); left: 0} .pro_detail .links{overflow: hidden;} .pro_detail .links a{ background: #c0d242; line-height: 55px; float: left; height: 55px; overflow: hidden; width:48%; text-align: center; display: inline-block; font-size:20px; border-radius: 5px; color: #fff; margin: 5px 1%; } .pro_detail .links i{ margin-right:8px; display: inline-block; margin-top: -3px; font-size:26px; font-weight: 100; vertical-align: middle; } .pro_detail .links a:last-child{width: 98%;background: #318377; } .pro_detail .links a:hover{background: #318377; } .pro_detail .links a:last-child:hover{ background: #c0d242; } .proinfomenu{text-align: center; background:#318377; height: 0; text-align: center; overflow: hidden; width: 100%; position: relative;} .proinfomenu .warper{ overflow: hidden;} .proinfomenu a{ width: 25%; float: left; font-size:22px; color: #fff; display: inline-block; position: relative; padding:25px 0;} .proinfomenu a.on{background: #c0d242;} .proinfomenu.top0{position: fixed; top: 0; height: auto; left:0; margin-left:0; z-index: 3;} .proinfo_main{ padding-left: 50px; } .proinfo_main p{ line-height:34px; color: #666; margin-bottom:10px;} .proinfo_main h2{font-weight: 100; position: relative; font-family:PLAYFAIRDISPLAY; padding-top: 80px; font-size:26px; margin-bottom:22px;} .proinfo_main h2:before{content: ""; width: 32px; height: 30px; background: url(../images/tit_img.png) no-repeat center top; position: absolute; left: -50px; bottom:2px;} .proinfo_main img{max-width: 100%; display: inline-block; min-width: 105px; margin: 10px 0 10px 0;} .proimg .item{display: block; overflow: hidden; box-shadow: 0px 2px 10px 2px rgba(0,0,0,.2); width: 31.333%; margin: 15px 1%; float: left;} .proimg .item img{display: block; width: 100%; transition: all .3s;} .proimg{overflow: hidden; margin: 0 -5px;} .tabbox{ overflow-x:auto;margin-top:15px; color: #333; } .tabbox table{background: #c0d242; width: 100%; } .tabbox td{border-right: 1px solid rgba(255,255,255,.9); border-bottom: 1px solid rgba(255,255,255,.2);} .tabbox td{padding:10px;} .tabbox td p{color: #333} .tabbox table tr td:nth-child(1){ color: #fff; width: 240px; font-weight: 100; text-align: right; padding: 10px 25px; background: #318377; font-family: calibrib; font-size:19px; } .tabbox table tr td:nth-child(1) p{color: #fff} .rel_pro{border-left: 1px solid #ccc; overflow: hidden; border-top: 1px solid #ccc;} .proinfo_main .contact_form{margin-top:0; text-align: left; background:none; padding:0; width: 100%;} .proinfo_main .contact_form button{border-radius: 30px; font-size: 18px; width: 210px;} @media screen and (max-width: 1280px){ .warper{padding:0 60px;} .footer .foot_contact{padding: 0 60px;} .pro_menu dd{padding: 0 22px} header a.q{right:60px; margin-right: 0} .logo{left: 60px; margin-left: 0} .pro_menu.top0{padding: 0 60px} } @media screen and (max-width: 1210px){ .footer .search{right: 0; margin-right: 0} .sub_banner .media{right: 10px;} } @media screen and (max-width: 1199px){ .footer .foot_contact ul{padding: 30px 0} .footer .row{padding: 45px 0} nav li>a{padding: 0 15px} .conbox{padding: 65px 0;} .productbox .con, .rel_pro .con{padding: 20px;} .productbox .hometit{padding: 80px 0} .advbox{margin-top: -50px;} .sub_banner .media{display: none;} .edit-box .hometit h2{max-width: 100%} .main{padding: 65px 0 100px 0} .contact_form{margin: 65px 0} .lis_new .con{padding-top:0;} .lis_new p{max-height: 109px;} .lis_new li:nth-child(even) .con{padding-top: 0} .pro_menu dd{padding: 0 6px;} .pro_detail .rcon{padding-top: 0} .pro_detail .fon{margin: 25px 0} .footer .search:hover input{width: 800px;} } @media screen and (max-width: 1024px){ header a.q{display: none;} .logo{margin:10px 0;} .logo img{height:36px;} header{height:56px;} nav{position: fixed;left: 0;top: 0;bottom: 0;width: 240px; height: 100%; box-shadow: 0 3px 5px #666; z-index: 9999; overflow-y: auto;background:#eee;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; font-size: 18px; color: #333; display: block; height: auto ;padding:0 15px;} nav li.on>a{height: auto; line-height: 45px;} nav li dl{opacity: 1; position: inherit; left:0; top:0; width: 100% } nav dl a{width: auto; color: #666; padding:4px 15px;} nav dl{background: #fff; padding:10px 0;} nav dl dd:nth-child(1)>a{border:0;} nav dl dd a{line-height:28px;} #nav .nav-button{ display: block; top:10px; right:60px; border-radius:5px; line-height:36px; background: #318377 ;width: 36px; height:36px;} #nav .nav-button i{font-size: 26px;} .backToTop{right: 0; width: 36px; height: 36px;} .footer h4,.footer .foot_contact li,.casebox li h3,.newbox .lcon h3,.edit-box li,.lis_new h3,.lis_case h3,.service_lis h3,.infocon h1,.proinfo_main h2{font-size: 24px;} .footer h4{margin-bottom: 18px;} .conbox{padding: 40px 0} .hometit h2,.sub_banner h2{font-size: 33px;} .casebox li{width: 100%; padding: 25px 30px 50px 30px} .casebox .owl-controls{margin-top: 20px;} .newbox ul{padding: 50px 120px 50px 50px; background-size:70px} .newbox ul h3{font-size: 20px;} .newbox .lcon .con{padding: 25px;} .productbox .hometit{padding: 60px 0} .aboutbox .lcon li .year{font-size: 26px} .advbox li h5{font-size: 30px;} .sub_banner{margin-top: 56px;} .main{padding: 45px 0 80px 0} .edit-box li:last-child{width: 35%;} .contact_form{margin: 45px 0; padding: 40px } .lis_new li{margin-bottom: 30px;} .lis_case li{padding: 40px 10px 0 40px; margin-bottom: 40px;} .lis_case li:nth-child(even){padding: 40px 40px 0 10px} .lis_case h3{margin-top: 20px;} .his_lis h3{font-size: 26px; line-height: 35px;} .his_lis li{ margin-bottom: 25px; } .his_lis{padding-top:0 } .pro_menu dd{padding: 0 10px; font-size: 20px;} .lis_pro h3{font-size: 30px;} .lis_pro .con{padding: 0 50px; margin-top: 25px;} .lis_pro li{padding-top: 50px;} .proflash{width: 500px;} .pro_detail .rcon{margin-left: 500px; padding-left: 40px;} .pro_detail h1{font-size: 32px;} .proinfomenu{display: none;} .proinfo_main h2{padding-top: 60px;} .proinfo_main p{line-height: 30px;} .proinfo_main h2:before{bottom: 0} } @media screen and (max-width: 990px){ .footer .search button{width: 80px;} .footer .item1,.footer .item2{display: none;} .footer .item3{width: 60%;} .copyright{padding: 15px 10px} .advbox{margin-top: -20px} .advbox li{padding: 30px 15px} .lis_new p{max-height: 81px; margin-bottom: 15px;} .pro_menu dd a{display: block; padding: 15px 0 } .pro_menu dd{ width:100%; font-size:18px; border-bottom: 1px solid #ddd} .pro_menu:after{display: none;} .pro_menu{display: none; margin-bottom: 0} .pro_menu dd{width: 100%} .footer .search:hover input{width: 700px;} .lis_pro li{padding-top: 0; margin-bottom: 40px;} .lis_pro .con{margin-top: 0} } @media screen and (max-width:900px){ .footer .foot_contact li{padding-left: 62px;} .footer .foot_contact li h6{width: 48px; height: 48px; line-height: 44px; margin-top: -24px;} .hometit h2,.sub_banner h2{font-size: 30px;} .hometit{margin-bottom: 22px;} .faqbox li{overflow: hidden; margin-bottom: 15px;} .faqbox li h3{font-size: 20px; margin-top:1px; line-height: 26px;} .faqbox li h3, .faqbox li .fon{padding-left: 42px;} .newbox ul li:nth-child(2){margin-top: 30px;} .newbox ul h3{margin-bottom: 12px;} .aboutbox .lcon li .year{font-size: 24px; width: 80px;} .aboutbox .lcon li p{margin-left: 80px;} .advbox li h6{font-size: 50px;} .advbox li h6.icon-jiangpai{font-size: 54px;} .advbox li h5{font-size: 28px;} .edit-box ul{padding-top: 0} .about_com .lcon{width: 100%; float: none;} .about_com .rcon{width: 100%; margin-top: 0} .about_img{margin: 0} .lis_pro p{margin-bottom: 10px;} .lis_pro h3{font-size: 28px;} .lis_pro .con{padding: 0 30px} .proinfo_main h2{padding-top: 40px; margin-bottom: 14px;} .proinfo_main p{margin-bottom: 10px;} .footer .search:hover input{width: 600px;} } @media screen and (max-width: 899px){ .proflash{width: 100%; float: none;} .pro_detail .rcon{margin-left: 0; padding-left: 0; padding-top: 20px;} } @media screen and (max-width: 780px){ .warper{padding:0 10px;} #nav .nav-button{right: 10px;} .logo{left: 10px;} .footer .foot_contact{padding: 0 10px;} .footer .foot_contact li{width: 100%; min-height: 48px; margin:5px 0; padding-top: 10px;} .footer .row{padding: 30px 0} .footer .foot_contact ul{padding: 20px 0} .footer .item3 p{margin-bottom: 10px;} .footer h4,.casebox li h3,.newbox .lcon h3,.edit-box li,.lis_new h3,.lis_case h3,.service_lis h3,.infocon h1,.proinfo_main h2{font-size: 22px;} .newbox ul h3{font-size: 18px; line-height: 30px;} .newbox ul { padding:30px 80px 20px 30px; background-size: 50px;} .productbox .hometit h2{padding: 12px 20px 15px 20px} .main{padding: 30px 0 60px 0} .contact_form{margin: 30px 0; padding: 30px} .lis_new .pic,.lis_new li:nth-child(even) .pic{width: 100%; float: none;} .lis_new .con,.lis_new li:nth-child(even) .con{width: 100%; float: none; padding: 15px 0 0 0} .lis_new p{margin: 10px 0} .lis_new em, .lis_pro em{font-size: 32px;} .lis_case li{padding: 20px 10px 0 20px; margin-bottom: 30px;} .lis_case li:nth-child(even){padding: 20px 20px 0 10px} .lis_case li:before{width: 80%;} .lis_pro p{margin-top: 10px; font-size: 18px; line-height: 28px; height: 56px;} .pro_detail h1{font-size: 30px;} .footer .search:hover input{width: 500px;} } @media screen and (max-width: 768px){ .aboutbox .lcon,.aboutbox .rcon{width: 100%; float: none;} .aboutbox .rcon{margin-top: 30px;} .aboutbox .lcon li .item{padding: 15px 0} .aboutbox .rcon a.more{margin-top: 20px;} .aboutbox .lcon li .year{font-size: 22px; padding-top: 15px;} .advbox li h6{font-size: 40px;} .advbox li h6.icon-jiangpai{font-size: 44px;} .advbox li h5{font-size: 26px;} .edit-box{text-align: left;} .edit-box li,.edit-box li:last-child{width: 100%;} .edit-box li h6{text-align: center;} .edit-box li{margin: 5px 0} .his_lis h3{font-size: 24px;} .lis_pro h3{font-size: 26px;} .proimg{margin: 0} .proimg .item{width: 48%; margin: 10px 0} .proimg .item:nth-child(even){margin-left: 4%} } @media screen and (max-width: 640px){ .footer h4,.casebox li h3,.newbox .lcon h3,.lis_new h3,.lis_case h3,.service_lis h3,.infocon h1,.proinfo_main h2{font-size: 20px;} .hometit h2,.sub_banner h2{font-size: 27px;} .newbox .lcon{width: 100%; float: none;} .newbox ul{width: 100%; float: none;} .newbox em{font-size: 30px; margin-top: 10px;} .newbox .lcon .con{padding: 20px 0} .newbox .lcon p{margin-top: 10px;} .advbox li{width: 50%; padding: 15px; border-bottom: 1px solid rgba(255,255,255,.2)} .advbox li h6{height: 38px;} .sub_banner,.sub_banner .warper{height: 163px;} .sub_banner p{font-size: 18px; line-height: 26px; height: 51px;} .sub_banner h2{margin-top: 30px;} .digg4 a, .digg4 span.miy, .digg4 span.disabled, .digg4 span.current{width: 40px; height: 40px; line-height: 40px;} .digg4 span.disabled{line-height: 34px;} .lis_new h3{line-height: 32px; max-height: 64px;} .lis_case p{font-size: 17px; line-height: 26px; max-height: 75px;} .lis_pro .con{height: 80%; top: 10%} .lis_pro h3{font-size: 24px;} .lis_pro .pic{width: 80%;} .pro_detail h1{font-size: 28px;} .proinfo_main h2:before{bottom: -2px} .tabbox table tr td:nth-child(1){width: auto;} .productbox h3, .rel_pro h3{font-size: 20px;} .productbox li p, .rel_pro li p{line-height: 24px;} } @media screen and (max-width: 639px){ .footer .item3{width: 100%; float: none;} .footer .item4{float: none; margin-top: 25px;} .footer .search{display: none;} .conbox{padding: 30px 0} .casebox li{width: 100%; padding: 25px 20px 30px 20px} .casebox li em{line-height: 40px;} .casebox li p{margin-bottom: 15px;} .casebox .owl-controls .owl-page span{width: 12px; height: 12px;} .productbox .hometit{padding: 40px 0} .aboutbox .lcon li .year{font-size: 20px; padding-top: 17px;} .advbox li h5{font-size: 24px;} .advbox li p{height: 48px;} .contact_form li{width: 100%;} .contact_form li:nth-child(even){margin-left: 0} .contact_form{padding: 30px 15px;} .about_main p{font-size: 17px; line-height: 29px;} .his_lis li{margin-bottom: 15px;} .banner .owl-controls .owl-buttons div{width: 32px; height: 40px; background: url(../images/right.png) no-repeat center ; background-size: 20px; margin-top: -5px;} .advbox{margin-top: 30px;} .advbox li p,.aboutbox .rcon .fon p{font-size: 18px;} .aboutbox .rcon .fon p{line-height: 28px; max-height: 283px;} .casebox li p{max-width: 100%; line-height: 24px;} .contact_form .hometit p{line-height: 24px; font-size: 18px;} } @media screen and (max-width:480px){ .footer .foot_contact li{padding-left: 52px; min-height: 40px; padding-top: 6px;} .footer .foot_contact li h6{width: 40px; height: 40px; font-size: 22px; line-height: 36px; margin-top: -20px;} .footer .item3 p:nth-child(3), .footer .item3 p:nth-child(4){font-size: 18px;} .footer .item3 p{margin-bottom: 0} /*.footer h4, .footer .foot_contact li,.casebox li h3,.newbox .lcon h3,.edit-box li,.lis_new h3,.service_lis h3,.infocon h1,.proinfo_main h2{font-size: 18px;}*/ .footer h4{margin-bottom: 12px;} .hometit{margin-bottom: 18px;} .hometit h2,.sub_banner h2{font-size: 24px;} .hometit h4{font-size: 16px; line-height:27px; margin-top: 10px;} .newbox ul li:nth-child(2){margin-top: 20px;} .newbox ul h3{font-size: 16px;} .newbox ul {padding: 20px 60px 20px 20px;} .productbox .hometit h2{padding: 8px 20px 10px 20px} .aboutbox .lcon li .year{font-size: 18px; width: 60px; } .aboutbox .lcon li p{margin-left: 60px;} .aboutbox .owl-controls{margin-top: 10px;} .aboutbox .owl-controls .owl-buttons div{width: 40px; height: 40px;} .sub_banner, .sub_banner .warper{height: 140px;} .sub_banner h2{margin-top: 23px;} .lis_new h3{line-height: 30px; max-height: 60px;} .lis_new p{line-height: 26px; max-height: 77px;} .his_lis h3{font-size: 22px; line-height: auto; position: initial; margin-top: 0} .his_lis li{padding-left: 0} .about_main p{margin-bottom: 15px;} .service_lis h3{font-weight: 600; margin-bottom: 12px;} .service_lis h6{font-size: 22px; width: 50px; background-size: 100%; line-height: 50px;} .infocon p{line-height: 30px;} .pro_menu dd{width: 100%} .share_toolbox{margin-top: 10px;} .pro_detail .links a{height: 50px; line-height: 50px;} .pro_detail .fon{display: none;} .tabbox table tr td:nth-child(1){font-size: 17px; padding: 5px 10px} .tabbox td{padding: 5px 10px} .proinfo_main{padding-left: 0;} .proinfo_main h2{padding-left: 35px;} .proinfo_main h2:before{ width: 25px; background-size: 100%; height: 23px; bottom: 0; left: 0px; } .productbox .con, .rel_pro .con{padding: 15px 10px} .proflash .owl-controls .owl-buttons div{width:35px;} .productbox .owl-controls .owl-buttons div, .rel_pro .owl-controls .owl-buttons div{width:27px; background-size: 16px;} .about_img .pic{width: 48.5%;} .about_img .pic:nth-child(even){ margin-left: 3% } .about_img .pic:nth-child(2){margin-right: 0} .about_img .pic:nth-child(3){display: none;} .proinfo_main h2{padding-top: 30px;} .service_lis li{padding-left: 0; margin-bottom: 15px;} .service_lis li h3{margin-left: 64px; margin-top: 0} } @media screen and (max-width:479px){ } @media screen and (max-width:414px){ .hometit h2,.sub_banner h2{font-size: 22px;} .faqbox li{min-height: 26px;} .lis_pro h3{font-size: 22px;} .lis_pro .pic{width: 100%;} .lis_pro .con{position: initial; width: 100%; top: 0; padding: 20px} .edit-box .hometit h2{font-size: 20px; text-transform: inherit;} } @media screen and (max-width:359px){ .about_img .pic{width: 100%} .about_img .pic:nth-child(2){margin: 10px 0} .pro_detail .links a{margin: 3px 0; width: 100%;} .pro_detail .links a:last-child{width: 100%; } } @media screen and (max-width:320px){ }