@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;}.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)}.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)}} .imgnei{ font-size:16px;color: #999;width:100%;float:left;text-align:center;padding-top: 1em;} .pageleftfixmenu { position: fixed; left: 0; bottom: 17%; z-index: 20; } .pageleftfixmenu span { display: block; overflow: hidden; background: #2daf1b; transition: all .3s; width: 65px; height: 65px; line-height: 65px; } .pageleftfixmenu .iconbg { background: #2daf1b url(../images/telimg.jpg) no-repeat; display: block; } .pageleftfixmenu{ position: fixed; left: 0; bottom: 40%;z-index: 20;} .pageleftfixmenu .iconbg{ width: 80px; height: 80px; margin-right: 20px; display: inline-block; float: left; vertical-align: middle; } .pageleftfixmenu span{ display: block; overflow: hidden; background: #2daf1b; transition: all .3s; width: 80px;height: 80px; line-height: 80px; } .pageleftfixmenu span a{color: #fff; font-weight: 600;} .pageleftfixmenu span i.iconbg{background:#2daf1b url(../images/telimg.jpg) no-repeat center; display: block;} .pageleftfixmenu span:hover{ width:310px; } .pageleftfixmenu span:hover .iconbg{border-right: 1px solid #fff;} .pageleftfixmenu span:hover a{text-decoration:none;} body{ font-family:'Times New Roman', Arial, Helvetica, sans-serif;font-size: 17px; 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;} 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:1300px; margin:0 auto;} .backToTop{width:60px; height:60px; background:#046a38 url(../images/icon_top.png) no-repeat center; background-size: 27px; cursor:pointer; position:fixed; right:3%;text-indent:9999px; bottom:50px; color: #fff; border-radius: 50%; transition: all .3s} .backToTop:hover{opacity: .8} header{ background: #fff; box-shadow: 0 2px 2px rgba(0,0,0,.1); width: 100%;} header .rcon{position: absolute; right: 50px; top: 0; z-index: 11; } header .rcon .media{float: left; border-left: 1px solid #ddd;} header .rcon .media a{ width: 22px; color: #c1c1c1; line-height: 107px; width: 60px; text-align: center; display: inline-block; font-size: 34px; border-right: 1px solid #ddd; } header .rcon .media a:hover{color: #213599} .language{ height: 101px; float: right; padding:38px 0 40px 10px; } .language i{font-size: 27px; color: #c1c1c1;display: inline-block; vertical-align: middle;} .language select{display: inline-block; vertical-align: middle; margin-top: 3px; font-size: 16px; color: #c1c1c1;} .header_top{ padding:25px 0;} .xj_logo{ float:left;} .xj_logor{float: left;padding-top:30px;padding-right: 100px;padding-left: 150px;} .xj_logor li{ float:left;} .xj_logor li a{padding-left:20px;font-size:1.1em;font-size: 1.2em;} .xj_logor li a i{ color:#046a38;} #logo{ overflow: hidden; padding: 13px 0; margin: 0 0 0 50px} .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;} #nav .nav-button{width: 35px;height: 35px;border-radius: 3px;background: #333;color: #fff;position: absolute;right: 10px;top: 10px;line-height: 33px;text-align: center;font-size: 20px;} #nav .nav-button i{ color: #fff; } #nav .nav-button{display: none;} .searchbox{ position: relative;display: inline-block; float: left; border-right: 1px solid #ddd; } .searchbox i{ display: block; width: 60px; overflow: hidden; text-align: center; font-size: 27px; line-height:107px; color: #c1c1c1; } .searchbox form{ position: absolute; visibility: hidden; right:0px; top:107px; width: 500px; z-index: 10; background: #fff; padding:15px; line-height: auto; } .searchbox form .text,.searchbox form button{ line-height: 52px; float: left; border: 1px solid #ddd; padding:0 5px; height: 52px; } .searchbox form .text{ width: 400px; } .searchbox form button{ width: 70px; background: #1d7fb7; font-size: 16px; color: #fff; border: 0; } .searchbox:hover form{ visibility: visible; } nav{ background:#1d1d1f; display: block; width: 100%; } nav{ position: fixed; top: 0; box-shadow: 0px 3px 10px 1px rgba(144, 161, 180, 0.4); z-index: 99; } nav ul#show{ height:70px;} nav li{ float: left; position: relative; } nav li>a{ padding:0 36.4px; display: block; line-height: 70px; font-size: 18px;color: #fff; transition:0.5s;background:url(../images/nav_bg.png) right center no-repeat;} nav li.on>a,nav li:hover>a{background: #046a38; color: #fff;} nav dl{ position: absolute; display: block; background:#fff; top: 70px; opacity: 0;transition: opacity 1s ease; /* left:0; */z-index: 999; display:none;} nav dl a{ color: #333; display: block; line-height: 50px; background:#f0f0f0; padding:0 10px; width: 180px; font-size: 1.1em; } nav dl a:hover{background:#fff; color:#f89600;} /** new menu start **/ nav .sub-menu{ position: absolute; display: block; background:#fff; top: 70px; opacity: 0;transition: opacity 1s ease; /* left:0; */z-index: 999; display:none;} nav .sub-menu a{ color: #333; display: block; line-height: 50px; background:#f0f0f0; padding:0 10px; width: 100%;/* width: 180px; */ font-size: 1.1em; } nav .sub-menu a:hover{background:#fff; color:#f89600;} nav li.current-menu-item>a, nav li:hover>a { background: #046a38; color: #fff; } nav li.current-post-parent>a, nav li:hover>a { background: #046a38; color: #fff; } nav li.menu-item-111>a { background: #1d1d1f; color: #fff; } nav li:hover>a{ background: #046a38; color: #fff; } /** new menu end **/ nav .menu{position:absolute;display:none;background:#f0f0f0;top: 70px;padding:60px 0; opacity: 0; width: 100%;transition: opacity 1s ease;left: 0;z-index: 999;} nav .menu .warper{overflow: hidden;} nav .menu a{display: block; white-space: nowrap;} nav .menu .leftcon { width: 25%; padding-right: 30px; float: left; overflow: hidden; } nav .menu .leftcon h3{font-size: 42px;text-transform: uppercase;margin-bottom: 20px;} nav .menu .leftcon div a{display: block;font-size:18px;margin-bottom: 10px;} nav .menu .leftcon div a.on{ color: #f89600;} nav .menu .leftcon div a{transition: all .3s;background: #e6e6e6 url(../images/li_jiantou.png) no-repeat 95% center;padding: 10px;} nav .menu .leftcon div a.on{background: #046a38 url(../images/li_jiantou_red.png) no-repeat 95% center;color: #fff;} nav .menu .right_con { width: 75%; float: right } nav .menu .right_con .item{ display: none; } nav .menu .right_con .item span{display: block; width: 25%; padding: 0 10px; text-align: center; float: left;} nav .menu .right_con .item span a{ line-height: 30px; background:#fff;} nav .menu .right_con .item span a img{width:100%; display: block;} nav .menu .right_con .item span a b{font-weight:normal;overflow: hidden;display: block;text-overflow:ellipsis;white-space: nowrap;padding: 5px;text-align: center;font-size: 1.2em;} nav .menu .right_con .item span a:hover{ color: #f62b1d } nav li:hover .menu,nav li:hover dl{ opacity: 1; display:block;} footer{ background-color:#0b1014;color: #fff; line-height: 24px;} footer .footer{padding: 80px 0; overflow: hidden;} footer a{ color: #ddd; transition:0.3s;} footer a:hover{ color: #046a38;} footer h4{ text-transform: uppercase; color: #fff; font-size: 32px; margin-bottom: 45px;} footer .item{ width: 30%;float: left; /*color: #888;*/ font-size: 16px; margin-right: 2%; display: inline-block; line-height:35px } footer .item1{ width: 36%; } footer .item1 h3,footer .item1 b,footer .item1 i{color: #fff;} footer .item1 h3{font-size: 52px; text-transform: uppercase;} footer .item1 b{font-size: 18px; margin-bottom: 10px; display: block; text-transform: uppercase; font-weight: 100;} footer .item1 ul{margin-top: 20px;} footer .item1 li{padding-left: 25px; position: relative;} footer .item1 div{padding-left: 25px; position: relative; margin-bottom: 5px; } footer .item1 h6{margin-right: 10px; font-size: 20px; display: inline-block; position: absolute; left: 0; top: 0;} footer .item2 a{ width: 32.333%; float: left; margin-right: 1%; margin-bottom: 5px; background: #000 } footer .item2 a img{ display: block; width: 100%;opacity: .6 } footer .item2 a:hover img{opacity: 1} footer .item3 a{background: #046a38; color: #fff; display: inline-block; margin-right: 5px; padding:4px 15px; margin-bottom: 5px;} footer .item3 a:hover{background: #3b3756; color:#fff;} button:hover{ opacity: .8 } footer .copyright{ text-align: center; font-size: 16px; background-color:#333333;; color: #cacaca; padding:12px 10px } /*以下首页样式*/ img{ max-width:100%;} #banner img{ width: 100%; display: block; } #banner.owl-theme .owl-controls{position: absolute;bottom: 10px;width: 100%;} #banner.owl-theme .owl-controls .owl-page span{border-radius: 0;width: 13px;height: 13px; margin: 0 3px; background: #fff;opacity:.5; border-radius: 50%;} #banner.owl-theme .owl-controls .owl-page.active span,#banner.owl-theme .owl-controls .owl-page:hover span{background: #213599; opacity: 1} /*主页新加模块*/ .mlogo{ display:none; position:absolute; top:10px; left:10px;} .mlogo a img{ height:45px;} .hmain_title{ text-align:center;} .hmain_title h2{ font-size:3em; font-weight:bold; position:relative; padding-bottom:0.5em; margin-bottom:0.5em;} .hmain_title h2 span{ color:#1d1d1f;} .hmain_title h2:before{position:absolute; content:" "; bottom:0; left:50%; margin-left:-25px; border-bottom:5px solid #046a38; width:50px;} .hmain_title p{ text-align:center; max-width:60%/* 700px */; /*color:#999;*/ line-height:1.8em; height:3.6em; overflow:hidden; margin:0 auto;} .hmain_title2{ color:#fff;} .hmain_title h2 i{ color:#046a38;} .hmain_mod1{ padding:60px 0;} .hmain_mod1_ul{ padding-top:30px;} .hmain_mod1_img{ overflow:hidden;} .hmain_mod1_img img{ width:100%; transition:all 0.4s;} .hmain_mod1_ul li{ margin-bottom:20px;} .hmain_mod1_ul li a{ display:block; background:#1d1d1f; color:#fff; transition:all 0.6s;} .hmain_mod1_text{ text-align:center; padding:6px 5px; overflow:hidden;} .hmain_mod1_text h3{ font-size:1.2em; margin-bottom:15px; font-weight:bold;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;} .hmain_mod1_text h5{ width:120px; margin:0 auto; border-radius:3px; border:1px solid #fff; padding:0.5em 2em;} .hmain_mod1_ul li a:hover{ background:#046a38;} .hmain_mod1_ul li a:hover .hmain_mod1_img img{ transform:scale(1.1,1.1);} .hmain_mod2{ background:#f5f5f5; padding:60px 0;} .hmain_mod2_ul{ padding-top:30px;} .hmain_mod2_img{ overflow:hidden;} .hmain_mod2_img img{ width:100%; transition:all 0.4s;} .hmain_mod2_ul li{ margin-bottom:20px;} .hmain_mod2_ul li a{ display:block; background:#fff; color:#666; transition:all 0.4s;} .hmain_mod2_text{ text-align:center; padding:15px 5px; overflow:hidden;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; font-size: 1.2em;color:#fff;background: #046a38;} .hmain_mod2_ul li a:hover{-webkit-transform: translateY(-7px); transform: translateY(-7px); -webkit-box-shadow: 0 2px 5px rgba(0,0,0,.5); box-shadow: 0 2px 5px rgba(0,0,0,.5); } .hmain_mod2_ul li a.end:hover{ -webkit-transform: translateY(0px); transform: translateY(0px); -webkit-box-shadow: 0 0px 0px rgba(0,0,0,0);box-shadow: 0 rgba(0,0,0,0); } .hmain_mod3{background: #0a0a12bf; padding:60px 0;} .hmain_mod3_ul{ padding-top:30px;} .hmain_mod3_ul li{ margin-bottom:20px;} .hmain_mod3_ul li a{ display:block; background:url(../images/whyBg.jpg) center center no-repeat; background-size:100% 100%; padding:20px 10px; text-align:center; transition:all 0.4s;} .hmain_mod3_ul li a:hover{-webkit-transform: translateY(-7px); transform: translateY(-7px); -webkit-box-shadow: 0 2px 5px rgba(0,0,0,.5); box-shadow: 0 2px 5px rgba(0,0,0,.5); color:#ef7f34;} .hmain_mod3_img img{margin:0 auto 30px; transition:all 1s;} .hmain_mod3_text h3{ font-size:1.4em; font-weight:bold; margin-bottom:20px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;} .hmain_mod3_text p{ line-height:1.8em; height:9em; overflow:hidden; color:#666;} .hmain_mod3_ul li a:hover .hmain_mod3_img img{transform:rotate(360deg);} .hmain_mod4{ padding:60px 0;} .hmain_mod4_ul{ padding-top:30px;} .hmain_mod4_img{ overflow:hidden; border-bottom:15px solid #fff;} .hmain_mod4_img img{ width:100%; transition:all 0.4s;} .hmain_mod4_ul li{ margin-bottom:20px;} .hmain_mod4_ul li a{ display:block; background:#f5f5f5; color:#333; transition:all 0.4s;} .hmain_mod4_text{ text-align:center; padding:20px 5px; overflow:hidden;} .hmain_mod4_text h3{ font-size:1.4em; margin-bottom:15px; font-weight:bold;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;} .hmain_mod4_text p{ color:#666; line-height:1.5em; height:3em; overflow:hidden; margin-bottom:15px; transition:all 0.4s;} .hmain_mod4_text h5{ width:120px; margin:0 auto; border-radius:3px; border:1px solid #ef7f34; background:#ef7f34; padding:0.5em 2em; color:#fff; transition:all 0.4s;} .hmain_mod4_ul li a:hover{ background:#046a38; color:#fff;} .hmain_mod4_ul li a:hover .hmain_mod4_img img{ transform:scale(1.1,1.1);} .hmain_mod4_ul li a:hover .hmain_mod4_text p{ color:#fff;} .hmain_mod4_ul li a:hover .hmain_mod4_text h5{ background:#fff; color:#ef7f34;} .hmain_more{ text-align:center; padding-top:10px;} .hmain_more a{ display:inline-block; border-radius:6px; padding:0.6em 2.5em; border:1px solid #046a38; color:#046a38;} .hmain_more a:hover{ border:1px solid #ef7f34; color:#fff; background:#ef7f34;} .hmain_title3{ margin-bottom:20px;} .hmain_title3 h3{ font-size:2.4em; font-weight:bold; line-height:1em; padding-left:10px; border-left:4px solid #046a38;} .hmain_title3 h3 a{ float:right; font-size:0.4em; font-weight:normal; color:#046a38;} .hmain_mod5{ padding:60px 0; background:#f5f5f5;} .hmain_about{ margin-bottom:20px;} .hmain_about_p{ text-align:justify; line-height:1.8em; color:#666; padding-bottom:10px;} .hmain_about_img img{ width:100%;} .hmain_news_list{} .hmain_news_list li{ overflow:hidden; padding-bottom:15px; margin-bottom:15px; border-bottom:1px dashed #ccc;} .hmain_news_date{ width:60px; padding:10px; background:#272c4c; float:left; color:#fff; text-align:center; transition:all 0.4s;} .hmain_news_date span{ font-size:1.5em;} .hmain_news_text{ padding-left:80px; color:#333;} .hmain_news_text h2{ font-size:1.2em;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; margin-bottom:10px;} .hmain_news_text p{ color:#666; line-height:1.5em; height:3em; overflow:hidden;} .hmain_news_list li a{ display:block;} .hmain_news_list li a:hover .hmain_news_date{ background:#046a38;} .hmain_news_list li a:hover .hmain_news_text h2{ color:#046a38;} /*遮罩层*/ .modal-overlay, .preloader-indicator-overlay, .popup-overlay{position: fixed; top: 0; z-index: 11; width: 100%; height: 100%; visibility: hidden; background: rgba(0, 0, 0, .7); opacity: 0; -webkit-transition-duration: 400ms; -o-transition-duration: 400ms; transition-duration: 400ms;max-width: 768px;left: 0;right: 0;margin:0 auto;} .modal-overlay.modal-overlay-visible, .preloader-indicator-overlay.modal-overlay-visible, .popup-overlay.modal-overlay-visible{visibility: visible; opacity: 1;} .popup-overlay{z-index: 11;} .modal{position: fixed; top: 50%; left: 50%;display: none; width: 13.5rem; margin-top: 0; margin-left: -6.75rem; color: #3d4145; text-align: center; border-radius: .35rem; opacity: 0; -webkit-transition-property: -webkit-transform, opacity; -o-transition-property: -o-transform, opacity; transition-property: transform, opacity; -webkit-transform: translate3d(0, 0, 0) scale(1.185); transform: translate3d(0, 0, 0) scale(1.185);} .modal.modal-in{opacity: 1; -webkit-transition-duration: 300ms; -o-transition-duration: 300ms; transition-duration: 300ms; -webkit-transform: translate3d(0, 0, 0) scale(1); transform: translate3d(0, 0, 0) scale(1);} .modal.modal-out{opacity: 0; -webkit-transition-duration: 300ms; -o-transition-duration: 300ms; transition-duration: 300ms; -webkit-transform: translate3d(0, 0, 0) scale(.815); transform: translate3d(0, 0, 0) scale(.815);} .actions-modal{display:none;position: fixed; bottom: 0.85rem; width: 100%; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0);max-width: 768px;left: 0;right: 0;margin:0 auto;} .actions-modal.modal-in{-webkit-transition-duration: 300ms; -o-transition-duration: 300ms; transition-duration: 300ms; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);} .actions-modal.modal-out{-webkit-transition-duration: 300ms; -o-transition-duration: 300ms; transition-duration: 300ms; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0);} /*底部*/ .bar-tab{position:fixed;bottom:0;z-index:999;width:100%;height:40px;background-color: #f7f7f7;padding:0;table-layout:fixed;border-bottom:0;border-left:0;max-width: 768px;left: 0;right:0;margin:0 auto; display:none;} .bar-tab ul{background-color: #f7f7f7;height: 40px;} .bar-tab li{text-align: center;float: left;height: 40px;width: 33.3%;/*border-top: 1px solid #e2e2e2;*/position: relative;} .bar-tab li:before{content:'';position:absolute;left:0;right:0;top:1px;height:1px;background-color: #e2e2e2;-webkit-transform-origin: 0 0;transform-origin: 0 0;-webkit-transform: scaleY(0.5);transform: scaleY(0.5);} .bar-tab li.active span:before{color: #0168b6;} .bar-tab li.active label{color: #0168b6;} .bar-tab li a{display: block;position: relative; color:#666;} .bar-tab li a{ text-decoration:none; color:#0168b6;} .bar-tab li span{display: block;padding: 5px 1px 0;} .bar-tab li span:before{font-size: 20px;} .bar-tab li label{font-size: 12px;position:relative;top:0; margin-top: 2px; font-weight: normal;} /** .bar-tab li:nth-child(3){position:relative;top: -5px;border-top: 0;background: url("../images/bg_more.png") 5px no-repeat;background-size: 100%;} .bar-tab li:nth-child(3):before{display:none;} .bar-tab li:nth-child(3) span{padding-top:0;position:relative;top: 0;display:block;margin: 0 auto;width: 50px;height: 50px;border-radius:100%;line-height: 50px;text-align: center;background-color: #04ae48;} .bar-tab li:nth-child(3) span:before{color: #fff;} **/ .bar-tab li .product_tc{position: absolute;bottom: 0.9rem;background: #fff;width: 110%;left: -5%;display: none;box-shadow: 0px -1px 5px rgba(0, 0, 0, 0.3);} .bar-tab li .product_tc dl{text-align: center;} .bar-tab li .product_tc dl dd{line-height: 0.25rem;font-size: 0.18rem;border-bottom:1px solid #e9e6e6; padding:0.1rem 0;} .bar-tab li .product_tc dl dd:first-child{border-top:1px solid #e9e6e6;} .bar-tab li .product_tc dl dd a{display: block;color: #666;} .actions-modal .close{position: absolute;right: 0.25rem;top: 0.11rem;} .actions-modal .close:before{font-size: 0.3rem;color: #999;} .bar-tab li .foot_pro{position: absolute;bottom: 50px;background: #f0f0f0;width: 180%;left: -40%;display: none;box-shadow: 0px -1px 5px rgba(0, 0, 0, 0.3);} .bar-tab li .product_tc dl dd.foot_pro_list{line-height: 20px;font-size: 12px;padding: 3px 0;} /*.proNav {z-index: 999;}*/ .proNav .proNav-left{width: 40%;} .proNav .proNav-left ul li{width: 50%;} .proNav .proNav-right{width: 60%;} .proNav .proNav-right ul li{width: 50%;height: 0.85rem;line-height: 0.85rem;} .proNav .proNav-right ul li a{display: block;color: #fff;} .proNav .proNav-right ul li:first-child{background: #ff9402;} .proNav .proNav-right ul li:last-child{background: #ff5000;} .proNav .proNav-right ul li:first-child a:active{background:#ff9428; } .proNav .proNav-right ul li:last-child a:active{background: #ff5000;} .proNav li:before{content:'';position:absolute;left:0;right:0;top:0px;height:1px;background-color: #e2e2e2;-webkit-transform-origin: 0 0;transform-origin: 0 0;-webkit-transform: scaleY(0.5);transform: scaleY(0.5);} /*中间加号展开更多*/ .item-more{ font-weight:normal;} .item-more-actions{z-index:12;/*height:4.46rem;*/background:rgba(244,244,244,0.96);bottom: 0 !important;} .item-share-actions{z-index:12;height:auto;background:rgba(244,244,244,0.96);bottom: 0 !important;} .item-more-actions dl{width:100%;overflow:hidden;padding:0.5rem 0 1rem;} .item-share-actions dl{height:auto;width:100%;overflow:hidden;padding:0.55rem 0 0.5rem;} .item-more-actions dl dd,.item-share-actions dl dd{float:left;width:25%;height:auto;overflow:hidden;} .item-more-actions dl dd a,.item-share-actions dl dd a{display:block;text-align:center;padding: 10px 0;font-size: 12px;color:#333;position: relative;} em.remind{width:0.13rem;height:0.13rem;position: absolute;right: 0.45rem;top: 0.25rem;background-color: red;border-radius: 100%;} .item-share-actions dl dd a{padding: 0.15rem 0;text-align: center;} .item-more-actions dl dd a span,.item-share-actions dl dd a span{display:block;width: 40px;height: 40px;text-align: center;margin:0 auto;line-height: 40px;border-radius: 50%;margin: 0 auto 5px;} .item-share-actions dl dd a span{font-size: 0.9rem !important;margin-left:0.35rem;} .item-more-actions dl dd a span.sy{background: #95c000;} .item-more-actions dl dd a span.cp{background: #fcb112;} .item-more-actions dl dd a span.kf{background: #00aef3;} .item-more-actions dl dd a span.tel{background: #e77900;} .item-more-actions dl dd a span.qq{background: #5294d0;} /*.item-share-actions dl dd a span i{font-size: 0.72rem !important;}*/ .item-more-actions dl dd a span i{font-size: 14px;color: #fff;position: relative;top: 0.03rem;} .item-more-actions dl dd a:active,.item-share-actions dl dd a:active{background-color:#f5f5f5;} .item-more-actions .cancle,.item-share-actions .cancle{position:relative;height: 50px;width:100%;text-align:center;line-height: 50px;background-color:#fff;} .item-more-actions .cancle:active,.item-share-actions .cancle:active{background-color:#f5f5f5;} .item-more-actions .cancle:before,.item-share-actions .cancle:before{content:'';position:absolute;left:0;top:0;right:0;height:1px;background-color: #f2f2f2;-webkit-transform-origin: 0 0;transform-origin: 0 0;-webkit-transform: scaleY(0.5);transform: scaleY(0.5);} .item-more-actions .cancle span:before,.item-share-actions .cancle span:before{color:#a5a5a5;font-size:0.38rem;} .bar-tab-actions .glyphicon{ line-height:inherit;} .mianfei-tel{padding:0.6rem 0 0;text-align: center;box-sizing: border-box;position: fixed;bottom: 0 !important;width:100%;background: #f4f4f4;z-index: 99;display: none;max-width: 640px;left:0;right:0;margin:0 auto;} .mianfei-tel h3{font-size: 0.3rem;color: #327ccc;font-weight: normal;padding:0.1rem 0;} .mianfei-tel p{font-size: 0.24rem;color: #5e5e5e;margin-top: 0.05rem;} .mianfei-tel form{width: 100%;padding: 0.3rem 0.2rem;box-sizing: border-box;} .mianfei-tel form input{width: 100%;padding-left: 0.2rem;box-sizing: border-box;border-radius: 0.1rem;padding:0.2rem 0 0.2rem 0.2rem;font-size: 0.26rem;} .mianfei-tel .jieting{width: 94%;background: #327ccc;border-radius: 0.1rem;margin:0 auto 0.5rem;} .mianfei-tel .jieting a{color: #fff;display: block;font-size: 0.26rem;padding:0.2rem 0;} .mianfei-tel .jieting a:active{background: none;border-radius: 0.1rem;color: #fff;} .mianfei-tel .jieting i{margin-right: 0.12rem;font-size: 0.22rem;} .mianfei-tel .gbBtn{position:relative;height:0.9rem;width:100%;text-align:center;line-height:0.9rem;background-color:#fff;} .mianfei-tel .gbBtn:active{background-color:#f5f5f5;} .mianfei-tel .gbBtn:before{content:'';position:absolute;left:0;top:0;right:0;height:1px;background-color: #f2f2f2;-webkit-transform-origin: 0 0;transform-origin: 0 0;-webkit-transform: scaleY(0.5);transform: scaleY(0.5);} .mianfei-tel .gbBtn span:before{color:#a5a5a5;font-size:0.38rem;} .cover{display: none;position: fixed; top: 0; left: 0; z-index: 8; width: 100%; height: 100%; background: rgba(0, 0, 0, .7);max-width: 640px;left:0;right:0;margin:0 auto;} .mianfei-tjcg h3{color: #5e5e5e;font-size: 0.32rem;} .mianfei-tjcg h3 i{font-size: 0.6rem;color: #b1d74f;position: relative;top: 0.08rem;margin-right:0.1rem;} .mianfei-tjcg p{margin:0.2rem 0 1.2rem;} /*产品大列表*/ .pro_ser_title{font-size: 36px; font-weight: bold; font-family: "Arial Black"; text-align: center; padding: 20px 0 10px; color: #333; text-transform:uppercase;} .pro_ser p{ display: block; color: #333; line-height: 1.5; font-size: 16px; text-align: center; margin-bottom: 20px;} .pd_se{width: 420px; margin: 0 auto; overflow: hidden; height: 50px; border-radius: 10px;} .pd_s_inp{float: left; height: 100%; width: 80%; overflow: hidden; background: #f9f9f9; box-shadow: 0 0 15px rgba(0, 0, 0, 0.2) inset;} .pd_s_inp>input{border: 0; background: none; height: 30px; width: 90%; margin: 0 auto; display: block; margin-top: 10px; font-size: 16px;} .pd_s_btn{float: left; width: 20%; height: 100%; overflow: hidden; position: relative; background: #046a38; cursor: pointer; line-height:50px; text-align:center; color:#fff; font-size:1.5em;} .pd_s_btn:hover{background-color: #0b1014;} .pd_s_bs1{position: absolute; left: 48%; margin-left: -10px; top: 10px; width: 16px; height: 16px; border-radius: 50%; border: 4px solid #fff;} .pd_s_bs2{position: absolute; width: 4px; height: 10px; top: 29px; left: 48%; margin-left: 9px; background: #fff; transform: rotate(-45deg); -ms-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg);} .pd_gastp{ margin: 0 auto; overflow: hidden; padding-top: 40px;} .pd_g_gass{border: 1px solid #e6e5e6; overflow: hidden; border-radius: 3px; margin-bottom: 15px; background: #f4f4f4;} .pd_gg_gass{overflow: hidden;} .pd_gg_gass:not(:last-child){border-bottom: 1px solid #ddd;} .pd_gg_gtit{float: left; width: 15%; height: 100%; text-align: center; color: #333; font-weight: 600; font-size: 16px; padding-top: 20px;} .pd_gg_grig{float: left; width: 85%; background: #fff; overflow: hidden; min-height: 62px;} .pd_ggg_gone{overflow: hidden;} .pd_ggg_gotit{float: left; width: 14%; padding-right: 1%; text-align: right; font-size: 15px; color: #333; padding-top: 20px;} .pd_ggg_gos{width: 85%; overflow: hidden; float: left; padding-top: 20px;} .pdggggone{height: 30px; line-height: 25px; font-size: 15px; float: left; margin-right: 20px; color: #666; cursor: pointer; font-family: "Arial" !important;} .pdggggone a:hover{color: #c00;} .pdggggoneact{height: 30px; font-size: 15px; font-weight: 600; float: left; margin-right: 20px; color: #c00000; cursor: pointer;} .pdgggone{margin-top: 20px; float: left; text-align: center; font-size: 15px; color: #333; margin-left: 30px; cursor: pointer; margin-bottom: 10px;} .pdgggone a.on{ color:#c00;} .pdgggone a:hover{ color:#c00;} .pdgggoneact{margin-top: 20px; float: left; text-align: center; font-size: 15px; font-weight: 600; color: #c00000; margin-left: 30px; cursor: pointer; margin-bottom: 10px;} .products_list{ background:#f5f5f5; padding:60px 0;} .pro_ul{} .pro_ul li{ position:relative; margin-bottom:30px;} .pro_ul_a{ display:block; background:#fff;} .pro_ul_a:hover{-webkit-transform: translateY(-7px); transform: translateY(-7px); -webkit-box-shadow: 0 2px 5px rgba(0,0,0,.5); box-shadow: 0 2px 5px rgba(0,0,0,.5);} .pro_ul_l{ width:300px; overflow:hidden; float:left; position:absolute; height:100%; justify-content:center; align-items:center; display:flex;} .pro_ul_l img{ transition:all 0.4s;} .pro_ul_r{ padding:90px 18px 70px 315px;} .pro_ul_r h2{font-size: 1.5em; font-weight:bold; color: #333; line-height: 1.5em;height:1.5em; overflow: hidden;text-overflow:ellipsis;white-space: nowrap;transition:all 0.4s;} .pro_ul_r p{overflow: hidden; color: #666; height: 6em; line-height: 1.5em; margin:10px 0; text-align:justify;} .pro_ul_r span{font-size:1.1em; color: #046a38; border-bottom: 1px solid #ff651b; cursor: pointer;} .pro_ul_a:hover .pro_ul_l img{ transform:scale(1.1,1.1);} .pro_ul_a:hover .pro_ul_r h2{ color:#046a38;} /*产品列表页*/ .pro_choose{border:8px solid #eaeaea; padding:20px; margin-bottom: 30px; min-height:150px;} .pro_choose .l{width:220px; text-align: center; float: left; font-size: 18px; text-transform: uppercase;} .pro_choose .l img{display: block; margin:0 auto 10px auto;} .pro_choose .r{margin-left: 220px; font-size: 16px;} .pro_choose .r a{ padding:0 5px; display:inline-block; line-height:2em;} .pro_choose .r a:hover{ color:#ff6900;} .pro_choose label{padding-right: 30px; color: #666; display: inline-block; line-height: 32px; font-weight:normal;} .pro_choose label input[type=radio]{margin-right: 5px; border:2px solid #ddd; vertical-align: middle; margin-top: -2px} .pro_choose label.on{color: #ff9600} .pd_guide{} .pd_guide li { width:25%;*width:24.8%; float:left; text-align:center; background-color:#f4f4f4; color:#000;} .pd_guide a { display:block; color:#000; font-size:18px; padding:12px 0; border-right:#fff 4px solid; position:relative; } .pd_guide a:after { content:""; display:none; width:0; height:0; overflow:hidden; border-color:#424355 transparent transparent; border-style:solid dashed dashed; border-width:10px; position:absolute; left:50%; margin-left:-10px; bottom:-19px;} .pd_guide li:last-child a { border-width:0; } .pd_guide.fixed { position:fixed; top:0; z-index:10; } .fixed .pdico { display:none; } .pd_guide li.active a { background-color:#424355; color:#fff } .pd_guide li.active a:after { display:block; } .pd_guide a:hover{ background:#ccc;} .pd_guide a:hover:after{ display:block; border-color:#ccc transparent transparent;} .pd_guide li:last-child a:hover:after{ display:none;} .pd_guide li.active a:hover:after{ display:block; border-color:#424355 transparent transparent;} .pd_guide li:last-child.active a:after{ display:block; border-color:#ff6900 transparent transparent;} .pd_guide li:last-child.active a:hover:after{ display:block; border-color:#ff6900 transparent transparent;} .fixed {position: fixed; top: 0px; left:0; z-index:99; height: 50px;width:100%;} .fixed .pd_guide{ margin:0 auto; background:url(../images/prodet_pobg.jpg) top repeat-x; box-shadow:10px 0 0 rgba(0,0,0,0.4);} .fixed .pd_guide li { width:25%;*width:24.8%; float:left; text-align:center; background-color:#d8d8d8; color:#000;} .fixed .pd_guide li.active a { background-color:#424355; color:#fff } #header-wrapper {height:auto; margin:0 auto; width:100%; z-index:9999; display:none;} #header-wrapper ul{width:100%; max-width:1170px; margin:0 auto; padding-left:0; overflow:hidden; padding-bottom:20px;} .fixed #header-wrapper {height:45px; margin:0 auto; width:100%;} /*版块标题*/ .home_boxtit {position: relative; overflow: hidden; text-align: center; margin: 0 auto;} .home_boxtit h3{font-size: 55px; color: #333; text-transform: uppercase;} .home_boxtit .fon{display: block; color: #666; width: 65%; margin:0 auto; line-height: 24px; } .home_pro{padding: 80px 0 } .home_pro .menu{ text-align: center; margin: 45px 0;} .home_pro .menu a{ display: inline-block; margin:0 5px; font-size: 16px; padding:0 15px; border:1px solid #ddd; line-height: 40px; } .home_pro .menu a.on,.home_pro .menu a:hover{background: #213599; color: #fff;border:1px solid #213599;} .home_pro_li{ display: none; } .home_pro_li .licon{ margin:0 5px; text-align: center; } .home_pro_li .onecon{position: relative; background:#213599; margin-bottom: 10px;} .home_pro_li .onecon img{ display: block; width: 100%; } .home_pro_li .proname{ font-size: 18px; display: block; font-weight: 100; font-weight: 100; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .home_pro_li .onecon .con{padding:0 50px; position: absolute; left: 0; top: 0; width: 100%; height: 100%; font-size: 14px;display: flex; align-items: center; justify-content: center; opacity: 0; transition: all .3s;} .home_pro_li a.iconfont{ width: 80px; height: 80px; display: block; margin:0 auto; background: #fff; border-radius: 50%; font-size:38px; color: #213599; line-height: 80px; margin-bottom: 10px; } .home_pro_li .fon{max-height: 64px; color: #fff; overflow: hidden; line-height: 22px; display: block;} .home_pro_li .item .con::before,.home_pro_li .item .con::after { pointer-events: none;} .home_pro_li .item .con::before,.home_pro_li .item .con::after { position: absolute; top: 10px; right: 10px; bottom:10px; left:10px; content: ''; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s;} .home_pro_li .item .con::before{ border-top: 1px solid #fff; border-bottom: 1px solid #fff; -webkit-transform: scale(0, 1); transform: scale(0, 1);} .home_pro_li .item .con::after { border-right: 1px solid #fff; border-left: 1px solid #fff; -webkit-transform: scale(1, 0); transform: scale(1, 0);} .home_pro_li .item:hover .con::before,.home_pro_li .item:hover .con::after { opacity: 1; -webkit-transform: scale(1); transform: scale(1);} .home_pro_li .item .con a.tit{ display: block; font-size: 16px; color: #fff; margin:10px 0; max-height: 42px; overflow: hidden;} .home_pro_li .item .con a.icon-link{ font-size: 48px; width: 50px; height: 50px; line-height:53px; color: #ffd300; display: block; margin:0 auto 0px auto;} .home_pro_li .item:hover .con{opacity: 1} .home_pro_li .item:hover .onecon img{opacity: .2} .home_pro_li .item:hover .proname{ color: #213599 } .home_pro_li .owl-theme .owl-controls,.home_new_lis.owl-theme .owl-controls{margin-top: 25px;} .home_pro_li .owl-theme .owl-controls .owl-page span,.home_new_lis.owl-theme .owl-controls .owl-page span{border-radius: 0;width: 15px;height: 15px; border:2px solid #fff; margin: 0 3px; background: #e6e6e6;opacity:1; border-radius: 50%;} .home_pro_li .owl-theme .owl-controls .owl-page.active span,.home_pro_li .owl-theme .owl-controls .owl-page:hover span,.home_new_lis.owl-theme .owl-controls .owl-page.active span,.home_new_lis.owl-theme .owl-controls .owl-page:hover span{border:2px solid #213599; background: #fff; opacity: 1; width: 15px; height: 15px;} .home_about{background: #f1f1f1 url(../images/aboutbg.jpg) no-repeat left bottom; overflow: hidden; padding:70px 0;} .home_about .leftcon{ width: 55%; float: left; color: #777; line-height: 26px; } .home_about .leftcon .fon b{color: #333; font-size: 18px;} .home_about .leftcon .boxtit{margin-bottom: 35px; color: #333; line-height: 40px; font-size: 52px; text-transform: uppercase;} .home_about .rightcon{ border:8px solid #fff; width: 42%; float: right; } .home_about .rightcon img,.home_about .rightcon video{width: 100%; display: block;} .about_num{margin-top: 25px;} .about_num .item{ float: left; width: 30%; text-align: center; color: #333;} .about_num .item h5{ display: inline-block; font-size: 25px; font-weight: 600; } .about_num .item h6{ border-radius: 50%; border:1px solid #333; width: 106px; height: 106px; margin:15px auto; font-size: 50px; line-height: 106px; transition: all .3s;} .about_num .item h6.iconfont:before{display:block; margin:0 auto;} .about_num .item h6:hover{background: #213599; border:1px solid #213599; color: #fff;} .home_honor{background: #213599; color: #fff; padding:65px 0; overflow: hidden; } .home_honor .warper{ position: relative; overflow: hidden; } .home_honor .leftcon{ width: 38%; position: absolute; left: 0; top: 0; height: 100% } .home_honor .leftcon img{ display: block; height: 100%; box-shadow: 0 4px 10px 4px rgba(0,0,0,.5); transition: all .3s; } .home_honor .leftcon .img01{ position: absolute; right:0; z-index: 2; top: 4%; height: 92%; } .home_honor .leftcon .img02{ position: absolute; left:15%; z-index: 1; top:9%; height: 82%; } .home_honor .leftcon .img03{ position: absolute; left: 0; top:15%; height: 70%; } .home_honor .hon03 .img03{ z-index: 3; height: 92%; top: 4%; } .home_honor .hon03 .img02{ z-index: 2; left: 25%; } .home_honor .hon03 .img01{ z-index:1; height: 70%; top: 15%; } .home_honor .hon02 .img03{ z-index:1; top:15%; height: 70%; } .home_honor .hon02 .img02{ z-index: 2; left: 25%; } .home_honor .hon02 .img01{ z-index:1; height: 70%; top: 15%; } .home_honor .rightcon{ float: right; width: 57%; margin:80px 0; } .home_honor .rightcon h3{font-size: 45px; text-transform: uppercase;} .home_honor .rightcon h3 b{ font-size: 55px; margin-right: 10px; font-weight: 100; } .home_honor .rightcon .fon{ line-height: 28px; margin:30px 0 40px 0; } .home_honor .rightcon .more{ background: #ff9c00; display: inline-block; line-height: 45px; padding:0 35px; font-size: 16px; font-weight: 600; color: #111; } .home_honor .rightcon .more:hover{opacity: .8} .home_video{ position: relative; overflow: hidden; } .home_video img{ display: block;width: 100%; } .home_video .con{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; color: #fff; background: rgba(0,0,0,.5); margin:0 auto; display: flex; align-items: center; justify-content: center; font-size: 16px;} .home_video .con div{ width: 80%; text-align: center; max-width: 1000px; } .home_video .con h3{text-transform: uppercase; font-size: 65px; margin-bottom: 30px;} .home_video .con p{ line-height: 30px; } .home_case{ overflow: hidden; padding-top: 65px; } .home_case .home_boxtit,.home_new .home_boxtit{margin-bottom: 40px;} .home_case ul{ display: block; overflow: hidden; } .home_case ul li{float: left; width: 33.2%;margin: 0 .2% 5px 0; position: relative; overflow: hidden; } .home_case ul li .pic,.home_case ul li .pic img{ display: block; width: 100%; transition: all .3s; } .home_case ul li .pic{background: #213599} .home_case ul li .con{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; margin-bottom: 10px;display: flex; align-items: center; justify-content: center; font-size: 18px; } .home_case ul li .con a{ display: block; width: 100%; } .home_case ul li .con b{ color: #fff; display: block; height: 0; text-overflow: ellipsis; text-align: center; white-space: nowrap; overflow: hidden; transition: all .3s;} .home_case ul li .con span img{display: block; width: 100%; } .home_case ul li .con span{ display: block; width: 145px; height: 145px; margin:0 auto 10px auto; border-radius: 50%; overflow: hidden; } .home_case ul li .tit{ font-weight: 600; display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .home_case ul li:hover .pic img{opacity: .2; transform: scale(1.2);} .home_case ul li:hover .con b{height: 30px;} .home_new{overflow: hidden; padding: 65px 0; } /*.home_new .warper{ padding:15px; }*/ .home_new_lis .item{border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;} .home_new_lis .licon{ padding:30px; border-left: 1px solid #ddd; text-align: center; } .home_new_lis .licon b{ display: block; font-weight: 100; font-size: 20px; height: 49px; overflow: hidden; display: block; margin-bottom: 15px; } .home_new_lis .licon .fon{ display: block; margin:15px 0; color: #999 ; font-size: 16px; line-height: 24px; height: 66px; overflow: hidden; } .home_new_lis .licon .time{font-size: 21px; margin-bottom:20px;} .home_new_lis .licon .time em{ display: block; font-size: 40px; font-style: normal; } .home_new_lis .licon .more{border:4px solid #eee; color: #999; line-height: 35px; padding:0 50px; display: inline-block; } .home_new_lis .item:hover{box-shadow: 0px 0px 15px rgba(0,0,0,.3)} .home_new_lis .item:hover .licon .time,.home_new_lis .item:hover .licon b{ color: #323a93 } .home_new_lis .item:hover .licon .more{ background: #046a38; color: #fff; border-color: #046a38 } .home_new_lis .owl-item:last-child .licon{border-right: 1px solid #ddd} .home_form{background: #000; overflow: hidden; position: relative;} .home_form .leftcon{ width: 50%; float: left; background: url(../images/homeformbg.jpg) no-repeat fixed; overflow: hidden; background-size: cover} .home_form .rightcon{ width: 50%; float: right; height: 100%; position: absolute; right: 0; top: 0;} .home_form .leftcon .box{ float: right;width: 550px; margin-right: 50px; padding:80px 0; } .home_form .leftcon .box .home_boxtit{text-align: left; color: #fff; font-size: 40px; margin-bottom: 40px; } .home_form .leftcon .box .home_boxtit h3{ display: inline-block; color: #fff; } form.form .text{display: block; width: 100%; line-height: 40px; border:1px solid #aaa; background: none; margin-bottom: 15px; padding:0 10px;} form.form textarea{ border:1px solid #aaa; background: none; padding: 10px; width: 100%; resize:none;} form.form button{background: #ff9000; color: #fff; font-size: 18px; border:0; height:45px; width:200px; margin-top: 10px; } /* logo */ .logo-left{ margin-left: 14.4px; } /*position*/ .header_top{display: none;} #banner, #sub_ban{ top: 70px; } .p90 { padding-top: 90px; } .hmain{padding-top: 70px;} .p70{padding-top: 70px;} .p80{width:80%} .warp1300{max-width:1300px;} #sub_ban{ overflow: hidden;position: relative; padding-top: 10px; } #sub_ban .ban{ overflow: hidden;} #sub_ban .ban img{ display: block; width: 100%; } #sub_ban .con{display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; position: absolute; top:0; color: #fff; left:0; font-size: 55px; display: none; } #sub_ban .con img{ width: auto; margin:0 auto; } .positionline{ background:#f0f0f0; position:relative;left:0;bottom: 0;width: 100%;color: #999;border-bottom: 1px solid #dedede;line-height:60px;} .positionline .warper{ position:relative; height:60px;font-size: 15px} .positionline a{ color: #999; } .positionline i{font-size: 28px;color: #347ed1;/* background: #347ed1; */display: block;width: 43px;height: 60px;text-align: center;line-height: 60px;position:relative;left: 0;top: 0;float:left;margin-right:10px;} .positionline em{ font-size: 12px; display: inline-block; vertical-align: middle; margin:0 5px; margin-top: -3px; } .sub_nav{ margin: 40px 0; overflow: hidden;} .sub_nav a{ background: #f1f1f1; line-height: 30px; display: inline-block; float: left; text-align: center; margin-right: 10px; font-size:16px; padding:10px 30px; color: #222; } .sub_nav a:last-child{margin-right: 0} .sub_nav a.on,.sub_nav a:hover{ color: #fff; background: #046a38;} .pages{text-align: center;} .pages a,.pages span{border:1px solid #ddd; display: inline-block; color: #666; height: 39px; padding:8px 10px; font-size: 16px; margin:0 2px;} .pages .prev{margin-right: 20px; padding:8px 20px;} .pages .next{margin-left: 20px; padding:8px 20px;} .pages i{font-size: .5rem;} /* .pages .active{background:#23358f; color: #fff} */ .pages .active span{background:#23358f;height: 39px;border:1px solid #ddd;display: inline-block;color: #fff;padding:8px 10px;font-size: 16px;} .pages li{float:left;} /*about*/ .aboutpage{ overflow: hidden; padding-bottom: 100px; line-height: 24px; color: #666; } .aboutpage .sub_nav a{padding:10px 66px;} .aboutpage .boxtit{ font-size: 45px; color: #333; margin-bottom:20px; text-transform: uppercase;text-align: center; } .aboutpage .boxtit b{height: 30px; background: #23358e; display: inline-block; width: 10px; margin-right: 8px;} #aboutbanner{margin-top: 20px;} #aboutbanner img{ display: block; width: 100%; } #aboutbanner.owl-theme .owl-controls .owl-pagination{ display: none; } #aboutbanner.owl-theme .owl-controls .owl-buttons div{ width: 54px; height: 54px; position: absolute; top: 50%;margin-top: -27px; opacity: 1; line-height: 999px; } #aboutbanner.owl-theme .owl-controls .owl-buttons div.owl-prev{left: 0;} #aboutbanner.owl-theme .owl-controls .owl-buttons div.owl-next{right: 0;} #aboutbanner.owl-theme .owl-controls .owl-buttons div.owl-prev{background: #fff url(../images/icon_aboutjiantou.png) no-repeat -54px 0;} #aboutbanner.owl-theme .owl-controls .owl-buttons div.owl-next{background: #fff url(../images/icon_aboutjiantou.png) no-repeat -52px -54px;} #aboutbanner.owl-theme .owl-controls .owl-buttons div.owl-prev:hover{ background: #213599 url(../images/icon_aboutjiantou.png) no-repeat -3px 0;} #aboutbanner.owl-theme .owl-controls .owl-buttons div.owl-next:hover{ background: #213599 url(../images/icon_aboutjiantou.png) no-repeat 0 -54px;} .about_cul{text-align: left; margin: 50px 0 30px 0;} .about_cul .boxtit b,.about_business .rightcon .boxtit b{margin-right: 0; margin-left: 8px;} .about_num2{background: #046a38; color: #fff; overflow: hidden;} .about_num2 .item{ width: 33.33%;float: left; text-align: center; padding:12px 0 20px 0; font-size: 20px;} .about_num2 .item h5{ display: inline-block; font-size: 38px; } .about_culture{ overflow: hidden; border:1px solid #ddd; } .about_culture .item{ width: 20%; float: left; padding:30px; height: 350px; } .about_culture .item h3{font-size: 25px; line-height: 36px ;} .about_culture .item b.line{ height: 2px;display: block; width: 60px; margin-top: 5px; background:#27388f; overflow: hidden; } .about_culture .item .fon{ margin-top: 18px; } .about_culture .item:nth-child(even){background:#f4f4f4;} .about_culture .item:nth-child(even) h3{ color: #27388f } .about_organi{margin: 50px 0} .about_organi .con{background: #f4f4f4;padding:30px;} .about_organi .con img{ max-width: 100%; } .about_business{overflow: hidden;} .about_business .leftcon{ width: 40%; float: left; } .about_business .leftcon img{ display: block; width: 100%; } .about_business .rightcon{ width: 55%; float: right;text-align: left; } .history_head{ font-size: 45px; color: #e2e2e2; text-align:center; background: url(../images/historylinetop.png) no-repeat center bottom; padding-bottom:30px; } .history_lis{ overflow: hidden; background: url(../images/history_yline.jpg) repeat-y center top; } .history_lis li{ width: 50%; position: relative; float: left; } .history_lis li{ margin-left:10px; } .history_lis li:nth-child(even){ margin-left: -20px; margin-top: 50px; } .history_lis li .con{background:#f2f2f1; margin-right:80px; padding:45px 30px; line-height: 30px; transition: all .3s;} .history_lis li .con .year{ font-size: 40px; color: #222; margin-bottom: 20px; display: block; } .history_lis li .con .year font{ font-size: 25px; margin:0 5px; } .history_lis li:nth-child(odd) .con{ text-align: right; } .history_lis li .con .pic{ overflow: hidden; margin:15px 0; } .history_lis li .con .pic img{ width: 48%; display: inline-block; float: left; margin-left: 2%; } .history_lis li .his_jiantou{ position: absolute; top: 50px; right: 56px; background: url(../images/his_jiantou.png) no-repeat; width:24px; height: 26px; } .history_lis li span.yuan{ border: 5px solid #dcdcdc; background: #fff; position: absolute; top: 55px; right: 0; display: block; width: 21px; height: 21px; border-radius: 50%; } .history_lis li:nth-child(even) .con{ margin-right: 0; margin-left: 80px; } .history_lis li:nth-child(even) .his_jiantou{ right: auto; left:56px; transform: rotateY(180deg);-webkit-transform: rotateY(180deg); /* Safari 和 Chrome */-moz-transform: rotateY(180deg); } .history_lis li:nth-child(even) span.yuan{ left: 0;} .history_lis li:hover span.yuan{border-color: #27388f} .history_lis li:hover .con{background: #27388f; color: #fff;} .history_lis li:hover .con .year{color: #fff;} .history_lis li:hover .his_jiantou{background: url(../images/his_bluejiantou.jpg) no-repeat; } .about_team{ margin-bottom: 60px; } .about_team .boxtit,.about_teamper_li .boxtit{ text-align: center; text-transform: none; } .about_team img{margin-top: 20px; display: block; max-width: 100%;} .about_teamper_li .lis{ overflow: hidden; } .about_teamper_li .lis .item{ width: 16.666%; float: left; } .about_teamper_li .lis img,.about_teamper_li .lis .pic{ display: block; width: 100%; } .about_teamper_li .lis .pic{position: relative;} .about_teamper_li .lis .pic .dot{ position: absolute; left: 50%; margin-left: -5px; bottom: 0; font-size: 0; line-height: 0; border-width: 10px; display: block; border-color: #f5f5f5; border-top-width: 0; border-style: dashed; border-bottom-style: solid; border-left-color: transparent; border-right-color: transparent; transition: all .3s; } .about_teamper_li .lis .con{position: relative;} .about_teamper_li .lis .con div{ width: 100%;height: 100%; background: #f5f5f5; position: absolute; left: 0; top: 0; display: flex; align-items: center; justify-content: center; font-size: 18px; color: #333;transition: all .3s; } .about_teamper_li .lis .con div b{ font-size: 24px; display: block; font-weight: 100; margin-bottom: 10px;} .about_teamper_li .lis .item:hover .pic .dot{border-color: #263791; border-top-width: 0; border-style: dashed; border-bottom-style: solid; border-left-color: transparent; border-right-color: transparent;} .about_teamper_li .lis .item:hover .con div{ background: #046a38; color: #fff; } .about_teamper_li .lis .item:nth-child(even) .pic .dot{bottom: auto; top: 0;font-size: 0; line-height: 0; border-width: 10px; border-color: #f5f5f5; border-bottom-width: 0; border-style: dashed; border-top-style: solid; border-left-color: transparent; border-right-color: transparent; } .about_teamper_li .lis .item:nth-child(even):hover .pic .dot{border-color: #263791; border-bottom-width: 0; border-style: dashed; border-top-style: solid; border-left-color: transparent; border-right-color: transparent; } .about_honor_tit{ font-size: 25px; background: #f4f4f4; padding:15px; line-height: 24px; color: #333; margin: 30px 0 20px 0; } .about_honor_tit b{ width: 14px; height: 14px; display: inline-block; vertical-align: middle; background: #1d1d1f; margin-right: 10px; margin-top: -5px; } .abouthonor .pic{border:8px solid #f4f4f4; margin:0 8px;} .abouthonor .pic img{ display: block; width: 100%; } .abouthonor b{font-weight: 100; font-size: 16px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: block; text-align: center; margin-top: 10px;} .abouthonor.owl-theme .owl-controls .owl-pagination{ display: none; } .abouthonor.owl-theme .owl-controls .owl-buttons div{ position: absolute; top:-72px; width: 50px; height:50px; margin:0; border:1px solid #263791; opacity: 1; border-radius: 0; right: 0; line-height: 999px; overflow: hidden; } .abouthonor.owl-theme .owl-controls .owl-buttons div.owl-prev{ right: 50px; } .abouthonor.owl-theme .owl-controls .owl-buttons div.owl-prev{background: #fff url(../images/icon_aboutjiantou.png) no-repeat -54px -4px;} .abouthonor.owl-theme .owl-controls .owl-buttons div.owl-next{background: #333 url(../images/icon_aboutjiantou.png) no-repeat -5px -58px;} .about_factory .item .box{ position: relative; margin:0 12px; } .about_factory .item img{ display: block; width: 100%; transition: all .3s;} .about_factory .con{ position: absolute; left: 0; top: 0; width: 100%; height: 100%;display: flex; opacity: 0; align-items: center; justify-content: center; color: #fff; } .about_factory .con h6{ margin:0 auto ; display: block; text-align: center; font-size: 40px; margin-bottom:15px; } .about_factory .con b{ font-weight: 100; font-size: 18px; display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .about_factory .item .box a{ position: absolute; left: 0; top: 0; z-index: 2; opacity: 0; } .about_factory .item:hover img{opacity: .2} .about_factory .item:hover .con{opacity: 1} .about_factory_tit{ font-size: 32px; text-align: center;margin:60px 0 25px 0; } .about_factory.owl-theme .owl-controls .owl-pagination{ display: none; } .about_factory.owl-theme .owl-controls .owl-buttons div{ position: absolute; top:35%; margin-top: -35px; width: 70px; height:70px; margin:0; opacity: 1;right: 0; border-radius: 50px; line-height: 999px; overflow: hidden; } .about_factory.owl-theme .owl-controls .owl-buttons div.owl-prev{ left:-30px; } .about_factory.owl-theme .owl-controls .owl-buttons div.owl-next{right:-30px;} .about_factory.owl-theme .owl-controls .owl-buttons div.owl-prev{background: #fff url(../images/icon_aboutjiantou.png) no-repeat -30px 7px;} .about_factory.owl-theme .owl-controls .owl-buttons div.owl-next{background: #fff url(../images/icon_aboutjiantou.png) no-repeat -58px -45px;} .about_factory.owl-theme .owl-controls .owl-buttons div.owl-prev:hover{background: #213599 url(../images/icon_aboutjiantou.png) no-repeat 21px 7px;} .about_factory.owl-theme .owl-controls .owl-buttons div.owl-next:hover{background: #213599 url(../images/icon_aboutjiantou.png) no-repeat -7px -45px;} #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('../../Steel Wire For Rubber Hose Reinforcement_files/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; padding: 20px; 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; 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('../../Steel Wire For Rubber Hose Reinforcement_files/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('../../Steel Wire For Rubber Hose Reinforcement_files/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('../../Steel Wire For Rubber Hose Reinforcement_files/fancybox.png'); background-position: -40px -30px; } #fancybox-right-ico { background-image: url('../../Steel Wire For Rubber Hose Reinforcement_files/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('../../Steel Wire For Rubber Hose Reinforcement_files/fancybox-x.png'); } #fancybox-bg-ne { top: -20px; right: -20px; background-image: url('../../Steel Wire For Rubber Hose Reinforcement_files/fancybox.png'); background-position: -40px -162px; } #fancybox-bg-e { top: 0; right: -20px; height: 100%; background-image: url('../../Steel Wire For Rubber Hose Reinforcement_files/fancybox-y.png'); background-position: -20px 0px; } #fancybox-bg-se { bottom: -20px; right: -20px; background-image: url('../../Steel Wire For Rubber Hose Reinforcement_files/fancybox.png'); background-position: -40px -182px; } #fancybox-bg-s { bottom: -20px; left: 0; width: 100%; background-image: url('../../Steel Wire For Rubber Hose Reinforcement_files/fancybox-x.png'); background-position: 0px -20px; } #fancybox-bg-sw { bottom: -20px; left: -20px; background-image: url('../../Steel Wire For Rubber Hose Reinforcement_files/fancybox.png'); background-position: -40px -142px; } #fancybox-bg-w { top: 0; left: -20px; height: 100%; background-image: url('../../Steel Wire For Rubber Hose Reinforcement_files/fancybox-y.png'); } #fancybox-bg-nw { top: -20px; left: -20px; background-image: url('../../Steel Wire For Rubber Hose Reinforcement_files/fancybox.png'); background-position: -40px -122px; } #fancybox-title { font-family: Helvetica; font-size: 12px; z-index: 1102; } .fancybox-title-inside { padding-bottom: 10px; text-align: center; color: #333; background: #fff; position: relative; } .fancybox-title-outside { padding-top: 10px; color: #fff; } .fancybox-title-over { position: absolute; bottom: 0; left: 0; color: #FFF; text-align: left; } #fancybox-title-over { padding: 10px; background-image: url('../../Steel Wire For Rubber Hose Reinforcement_files/fancy_title_over.png'); display: block; } .fancybox-title-float { position: absolute; left: 0; bottom: -20px; 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('../../Steel Wire For Rubber Hose Reinforcement_files/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('../../Steel Wire For Rubber Hose Reinforcement_files/fancybox-x.png') 0px -40px; } #fancybox-title-float-right { padding: 0 0 0 15px; background: url('../../Steel Wire For Rubber Hose Reinforcement_files/fancybox.png') -55px -90px no-repeat; } .hmain_mod_case {padding: 2px 0;} .related-thumbnail{height:227px;} .hmain_mod_case_ul{padding-top:30px;} .hmain_mod_case_img{ overflow:hidden;} .hmain_mod_case_img img{ width:100%; transition:all 0.4s;} .hmain_mod_case_ul li{/* margin-bottom:20px; */} .hmain_mod_case_ul li a{ display:block; background:#f5f5f5; color:#333; transition:all 0.4s;} .hmain_mod_case_text{text-align:center;padding:8px 5px;overflow:hidden;} .hmain_mod_case_text h3{ font-size:1.2em; margin-bottom:15px; font-weight:bold;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;} .hmain_mod_case_text p{ color:#666; line-height:1.5em; height:3em; overflow:hidden; margin-bottom:15px; transition:all 0.4s;} .hmain_mod_case_text h5{ width:120px; margin:0 auto; border-radius:3px; border:1px solid #ef7f34; background:#ef7f34; padding:0.5em 2em; color:#fff; transition:all 0.4s;} .hmain_mod_case_ul li a:hover{ background:#046a38; color:#fff;} .hmain_mod_case_ul li a:hover .hmain_mod_case_img img{ transform:scale(1.1,1.1);} .hmain_mod_case_ul li a:hover .hmain_mod_case_text p{ color:#fff;} .hmain_mod_case_ul li a:hover .hmain_mod_case_text h5{ background:#fff; color:#ef7f34;} /*案例*/ .lis_case{ overflow: hidden; padding-bottom: 20px;} .lis_case ul{overflow: hidden; margin-top:40px;} .lis_case li{ overflow:hidden; border:2px solid #ddd; margin-bottom: 45px; transition: all .3s; } .lis_case li .pic{ width: 550px; float: left; overflow: hidden; } .lis_case li .pic img{ display: block;transition: all .3s; } .lis_case li .con{ margin-left: 550px; padding:30px; } .lis_case li .con b{ display: block; font-size: 1.5em; max-height: 49px; overflow: hidden; } .lis_case li .fon{ display: block; margin:25px 0 25px 0; color: #666; max-height: 67px; overflow: hidden; line-height: 24px; } .lis_case li .links a{ display: inline-block; padding:12px 0; color: #1d1d1f; width: 170px; text-align: center; background: #e6e6e6; font-size: 18px; margin-right: 10px; } .lis_case li .links a i{font-size: 20px; margin:0 5px;} .lis_case li .links a.more{background: #046a38 ; color: #fff;} .lis_case li:hover{background: #e6e6e6;/* border-color: #213599;*/} .lis_case li:hover .con b,.lis_case li:hover .fon{ } .lis_case li:hover .links a.more{background: #fff; color: #046a38; } .lis_case li:hover .links a.more i{color: #f62b1d} .lis_case li:hover .links a.getp{background: #1d1d1f; color: #fff;} .lis_case li:hover .links a:hover{opacity: .8} .lis_case li:hover .pic img{transform: scale(1.1);} .newpage{ width: 1320px; margin:0 auto; padding-bottom: 100px; } .newpage .sub_nav{text-align: center;} .newpage .sub_nav a{ float: none; } .newpage .home_new_lis{ overflow: hidden; /** padding:10px; **/} .newpage .home_new_lis .item{ width: 33.33%; float: left; margin-bottom: 40px; } .newpage .home_new_lis .item:last-child{border-right: 1px solid #ddd;} .bignews{ overflow: hidden;padding:15px; background: #eee; margin-bottom: 40px; line-height: 24px;} .bignews .pic img{ display: block; width:100%;transition: all .3s; } .bignews .pic{display: block; width: 690px; overflow: hidden; float: left; } .bignews .con{margin-left: 690px; padding: 50px;} .bignews .con a{ color: #666; } .bignews .con a b{font-size: 22px; color: #333; display: block; height: 50px; overflow: hidden; margin-bottom: 15px;} .bignews .con a .fon{ display: block; height: 117px; overflow: hidden; } .bignews .con .time{ font-size: 21px; margin-bottom: 20px; } .bignews .con .time em{ font-size: 40px; font-style: normal; margin-right: 10px; } .bignews:hover .pic img{transform: scale(1.05);} /*新闻详情*/ .infocon{color: #666; margin: 40px 0 15px 0; line-height: 24px;} .infocon h1{font-size: 34px; text-align: center; padding:10px; color: #046a38; margin-bottom:10px;} .infocon img{ display: block;margin: 12px auto; max-width: 100%;height: auto;} .infocon .time{background: #eee; text-align: center; padding:5px 10px; margin-bottom:20px;} .othernew{ margin-top: 50px; } .othernew span{ display: block; font-size: 13px; color: #333;margin:5px 0; } .othernew span a{ font-size: 14px; color: #666 } .othernew span i{color: #213599} /*联系我们*/ .contact_form{ background: #f4f4f4; padding:50px 20px; color: #666; overflow: hidden; text-align: center; margin-bottom:50px;} .contact_form h3{ font-size: 35px;margin-bottom: 10px; color: #333; } .contact_form b{ font-weight: 100; } .contact_form .red{color: #ff1515} .contact_form form.form{margin-top: 25px;} .contact_form form.form input.text{ width: 49%; border-color: #666; margin-right: 2%; float: left; } .contact_form form.form input.text:nth-child(even){margin-right: 0} .contact_form form.form textarea{ width: 83%; float: left; border-color: #666; height: 162px; } .contact_form form.form button{ border: none; background: #004da2; transition: all .3s; color: #fff; border-radius: 0; font-size: 24px; height: 162px;font-weight: 600; width: 15%; float: right; margin:0;} .edit-box{ line-height: 30px; margin:45px 0; overflow: hidden; } .edit-box .leftcon{ float: left; width:560px } .edit-box .leftcon img{ width: 100%; display: block; } .edit-box .con{ margin-left:560px; padding:20px 0 20px 50px; font-size: 16px; } .edit-box h1{ font-size: 30px; text-transform: uppercase; font-weight:100;margin-bottom: 20px;} .edit-box .con div,.edit-box .con div a{color: #666;} .edit-box .con div { margin:8px 0; position: relative; padding-left: 40px;} .edit-box .con div a:hover{color: #213599;} .edit-box .con div h6{background: #004da2; border-radius: 3px; width: 27px; height:27px; line-height: 27px; text-align: center; display: inline-block; color: #fff; margin-right: 10px; font-size: 19px; font-weight: 100; position: absolute; left: 0; top: 0; transition: all .3s; padding-left:3px;} .edit-box .con div:hover h6{background: #046a38} .map{ border:1px solid #ddd; margin-bottom: 45px; } .map img{ display: block; width: 100%; } /*product*/ .prolispage{ overflow: hidden; } .page_left,.page_left2{width: 310px; float: left;} .page_right{margin-left: 350px; } .prolispage{padding: 50px 0 100px 0;} .prolispage .page_right .lis_case ul{margin-top: 0;} .page_left2 .pro_class_tit{ font-size: 29px; background: #004098; font-weight: bold; padding:15px; color: #fff; text-transform:uppercase; margin-bottom:2px; line-height: 30px; overflow: hidden;position: relative; } .page_left2 .pro_class_tit h6{display: inline-block; vertical-align:top; margin-right: 10px; font-weight: inherit; font-size: 24px;} .page_left2 .pro_class_tit a{font-size: 40px; color: #fff; position: absolute; display: none; right: 10px; top: 11px;} .page_left2 .pro_class{ margin-bottom:50px; } .page_left2 .pro_class a{ padding:12px 20px; display: block; font-size: 16px;} .page_left2 .pro_class li{ border-bottom: 1px solid #fff; transition: all .3s; } .page_left2 .pro_class dd{margin-bottom: 2px; background: #e6e6e6;} .page_left2 .pro_class dd a{} .page_left2 .pro_class dd a:hover{ color:#ff9600;} .page_left2 .pro_class li.on h4 a,.pro_class li h4 a:hover{ background: #ff9600;} .page_left2 .pro_class li dl{ display:none;} .page_left2 .pro_class li.on dl{ display:block;} .page_left2 .pro_class h4 a{ font-size: 18px; background: #0552bc; color: #fff;} .page_left2 .pro_class li i{} .pro_tit{ font-size: 40px; font-weight:100; margin-bottom: 10px; color: #222; line-height: 40px; overflow: hidden; } .pro_class_tit{font-size: 29px; background: #333333; padding:15px; color: #fff; text-transform:uppercase; margin-bottom:2px; line-height: 30px; overflow: hidden;position: relative;} .pro_class_tit a{font-size: 40px; position: absolute; right: 10px; top: 0; line-height: 20px; display:none; height: 30px;} .pro_class{background: #e8e8e8; margin-bottom:50px;margin-bottom: 40px; } .pro_class li{ border-bottom: 2px solid #fff; overflow: hidden; transition: all .3s; } .pro_class li>a{ padding-left: 20px; display: block; line-height: 45px; font-size: 18px;color:#fff; background:#333333 url(../images/li_jiantou.png) no-repeat -10px center;} .pro_class li div{ background: #f7f7f7; height: 0; overflow: hidden; transition: all .3s; } .pro_class li div a{ padding-left: 15px; display: block; color: #666; line-height: 35px;font-size: 15px; } .pro_class li.on div{ display: block; height: auto;padding:20px 0; } .pro_class li:hover>a,.pro_class li.on>a{ color: #fff; background: #046a38 url(../images/li_jiantou.png) no-repeat 90% center; } .side_contact{} .side_contact_tit{ font-size:2.2em; text-transform:uppercase; margin-bottom:10px;} .side_contact ul{ background:#f7f7f7; padding:25px 15px;} .side_contact ul li{ color:#666; padding-bottom:15px; overflow:hidden;} .side_contact ul li a{ color:#666;} .side_contact ul li p{ line-height:30px; padding-left:40px;} .side_contact ul li i{background:#1d1d1f;/* padding:6px; */color:#fff;float: left;width: 30px;height: 30px;text-align: center;border-radius:3px;line-height: 30px; transition:all 0.4s;} .side_contact ul li a:hover{ color:#ff9600;} .side_contact ul li:hover i{ background:#046a38;} #hot_pro.owl-theme .owl-controls .owl-pagination{position: absolute; bottom: 56px ;text-align: center; width: 100%;} #hot_pro.owl-theme .owl-controls .owl-pagination div span{ opacity: 1; border-radius: 0; width: 10px; height: 10px; background: #fff; margin:0 3px; } #hot_pro.owl-theme .owl-controls .owl-pagination div.active span{background: #213599} #hot_pro b{ display: block; background: #347ed1; font-weight: 100; color: #fff; font-size: 18px; padding:15px 10px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } #hot_pro img{ display: block; width: 100%; } .prolispage .lis_case{padding-bottom: 0;} .prolispage .lis_case li{border-width: 2px;} .prolispage .lis_case li .pic { width: 421px; } .prolispage .lis_case li .con{margin-left: 421px;padding:25px 35px;} .prolispage .lis_case li .links a{ width: 155px; } .prolispage .lis_case li .fon{margin: 10px 0 20px 0;} .prolispage .lis_case li .can{border:1px solid #ddd; margin-top: 20px; color: #666; padding:10px 15px; display: block;} .prolispage .lis_case li .can span{ display: block; padding:5px 0; } .prolispage .lis_case li .can h6{width:7px; height:7px; display: inline-block; margin-right: 8px; background: #666; vertical-align: middle; margin-top: -3px} .prolispage .lis_case li:hover .can{border-color: #fff; color: #fff;} .prolispage .lis_case li:hover .can h6{background: #fff;} /*product*/ .pro_detail{ overflow: hidden; padding:40px 0; background: #fff; } .pro_detail .picbox{ width:45%; float: left; } .pro_detail .rightcon{ width: 55%; float: right; padding: 10px 0 10px 40px; color: #666; line-height: 26px; } .pro_detail .rightcon h1{ font-size: 34px;color: #046a38; line-height: 30px; padding-bottom:20px; border-bottom:1px solid #ccc; margin-bottom:20px;} .pro_video{ height:200px; width:100%; margin-bottom:30px;} .pro_video iframe{ height:200px; width:auto;} .pro_renzheng{} .pro_renzheng ul{ overflow:hidden; padding-top:10px;} .pro_renzheng ul li{ float:left; text-align:center; padding-right:15px;} .prodet{ background:#eaeaea; padding:60px 0;} .prodet_l{ background:#fff;} .prodet_l_title{ background:#1d1d1f; height:60px; line-height:60px;} .prodet_l_title a{ color:#fff; text-align:center; display:block; float:left; padding:0 30px; font-size:21px} .prodet_l_title_on{ background:#046a38;} .prodet_l_title_tt{ background:#046a38;} .prodet_l_title a:hover{ color:#ff6900;} .pro_ms{ background:#f5f5f5; padding:10px; color:#666; margin-bottom:20px;} .prodet_con{ line-height:2.2em; padding:20px 15px 0;} .prodet_con3{ line-height:2em; padding:0 15px;} .canshu_title{ font-size:1.2em;} .prodet_con2{ overflow-x:auto; padding:0 15px 15px;} .prodet_con2 table{ border:1px solid #ccc;border-bottom: 0;border-right: 0;background: #fff;line-height: 24px;} .tabletd{font-size:11pt;text-align: center;vertical-align: middle;border-width: 0.5pt;background: #046a38; color:#fff;width: 40%;} .prodet_con2 table{border-left:1px solid #ddd; border-top:1px solid #ddd; width:100%;} .prodet_con2 table tr:hover{ background:#f5f5f5; color:#000;} .prodet_con2 table td{ border-bottom:1px solid #ddd; border-right:1px solid #ddd; padding:5px 5px; text-align:center;font-size: 13px;} .proindex_title{ text-align:left; position:relative;} .proindex_title h2{ display:inline-block; font-size:1.8em; position:relative; height:1.5em; font-weight:bold;} .proindex_title h2:before{ content:"";position:absolute; left:35%; margin-left:-50px; top:1.5em; width:100px; height:3px; background:#c00;} .proindex_title a{color:#c00; position:absolute; right:0; bottom:0;} .proindex_title a:hover{ text-decoration:underline;} .liuyan_title{ padding-bottom:30px; padding-top:30px; padding-left:30px} .liuyan_title2{ padding-bottom:30px; background:#f1f1f1;} /*products youshi */ .adv_pro1 ul{ overflow:hidden; margin:0 -1.5%;} .pro_zi{width:97%; margin:0 auto; overflow:hidden;margin-top:40px;} .pro_zi p{ margin:15px 0; font-size:16px;line-height: 32px;} .adv_pro1 li{ float: left; width: 22%;*width: 21.9%; margin:0 1.5% 2%; } .adv_pro1 li img{ width:100%; height:auto} .adv_pro1 li h4{ text-align:center; margin-top:10px; font-weight:normal; font-size:1em; line-height:1.2em; height:6em; overflow:hidden;} .adv_pro2 li h4{ text-align:center; margin-top:10px; font-weight:500; line-height:24px; height:70px; overflow:hidden;font-size: 17px;} ._con{ display: block; background: #f0f0f0; padding: 5%; } ._con h3{ font-size: 18px; font-weight: normal;text-align:center; margin-bottom: 10px; line-height:1.2em; height:2.4em; overflow:hidden;} ._con h4{ font-size: 14px; font-weight: normal; text-align:center; margin:0 auto;} ._con .ic, ._con .icc,._con .iccc{ -webkit-transition: all 0.3s ease; transition: all 0.3s ease; background:url(../images/zh_icos.png) no-repeat center 0; width:95px; height: 95px; display:block; margin:0 auto 10px;} ._con .ic1{ background-position: 0 0;} ._con .ic2{ background-position: -95px 0;} ._con .ic3{ background-position: -190px 0;} ._con .ic4{ background-position: -285px 0;} ._con .ic5{ background-position: -380px 0;} ._con .ic6{ background-position: -475px 0;} ._con .ic7{ background-position: -570px 0;} ._con .ic8{ background-position: -665px 0;} ._con .ic9{ background-position: -760px 0;} ._con .ic10{ background-position: -855px 0;} ._con .ic11{ background-position: -950px 0;} ._con .ic12{ background-position: -1045px 0;} ._con .ic13{ background-position: -1140px 0;} ._con .ic14{ background-position: -1235px 0;} ._con .ic15{ background-position: -1330px 0;} ._con:hover{ background: #b5b5b6; color: #fff;} ._con:hover .ic, ._con:hover .icc, ._con:hover .iccc{ -ms-background-position-y: -93px; background-position-y: -93px;} .adv_pro2 li{ /*width:14.6%; margin:0 1%;*/ width:29.333%;*width:29.2%; margin:0 2% 3%;float:left} .adv_pro3 li{ width:48%; margin:0 1%; float:left} .adv_pro3 p{ text-indent:30px; margin:15px 0; font-size:16px; line-height:32px;} .adv_pro5 ul{width:100%; } .adv_pro5 dl{width:13.6%; margin:0 1.5%;float:left; text-align:center; } .adv_pro5 dt{ width:100%; margin-bottom:15px;} .adv_pro5 dt img{display:block; margin:0 auto; text-align:center} .adv_pro5 dd{font-size:14px; line-height:26px; font-weight:500; color:#000;} ._con .icc{ margin-left:120px;} ._con .iccc{ margin-left:220px;} .adv_pro4 dl{ width:42.8%; padding:2%; margin:0 1.5%; background:#f4f4f4; float:left} .adv_pro4 dt{ width:20%; float:left;} .adv_pro4 dt img{ width:100%; height:auto} .adv_pro4 dd{ float:right; font-size:16px; margin-top:25px; width:75%} .adv_pro4 dd h4{ font-size:22px;} .adv_pro6 dl{ width:47%; margin:2% 1.5% 2%; float:left} .adv_pro6 dt img{ width:100%; height:auto} .adv_pro6 dt{ width:21%; float:left;} .adv_pro6 dd{ float:right; width:76%} .adv_pro6 dd h4{ font-size:18px; font-weight:500; } .adv_pro6 dd p{ font-size:14px;font-weight:400; color:#999} .border_bottom{border-bottom: 1px solid #d8d8d8;} .border_right{border-right:1px solid #d8d8d8;} .scroll_wrap{ overflow:hidden; margin:0 -2%;} .field_bg{ background: #f4f4f4;margin: 3% 0; padding:30px 0} .field_bg ul { overflow: hidden;} .field_bg ul li { float: left; margin: 0 1.5% 2%; width:22% ;*width:21.8%} .field_bg ul li img { margin: 0 auto; text-align: center; display: block; height:auto; background:#ffff; } .prodet_r{} .prodet_r_title{background:#0b1014; height:60px; line-height:60px; color:#fff; padding:0 20px; font-size:18px} .tj_pro{} .tj_pro li{ margin-bottom:15px;} .tj_pro li a{ display:block; line-height:1.5em; text-align:center; padding:5px 10px 20px; background:#fff;} .tj_pro_img{ overflow:hidden;} .tj_pro_img img{ width:100%; transition:all 0.4s;} .tj_pro li a h3{ font-weight:normal; color:#333; font-size:1.1em; line-height:1.2em; height:2.4em; overflow:hidden;} .tj_pro li a p{ color:#999;} .tj_pro li a:hover h3{ color:#046a38;} .tj_pro li a:hover .tj_pro_img img{ transform:scale(1.1,1.1);} /*表单css*/ .input { font-size: 14px; color: #535353; padding: 6px; border: 1px solid #535353; width: 100%; height: 34px; line-height: 20px; display: block; -webkit-appearance: none; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s } .input-help{margin-left: 15px;color: #db3f28} .check-success .input{border-color:#db3f28;} .input-kefid{height: 40px;} .form_btn{ padding-top:26px;} .margin-big-top { margin-top: 24px } .chat-from{background:#eaeaea;padding:40px 0;background-size: 100% 100%;} .chat-from .form-sub input[type=submit]{width: 100%;height: 40px;font-size: 18px;color: #fff;background-color: #046a38;border-radius: 4px;border: none;cursor: pointer;color: #fff;} .from-bg{background: rgba(255,255,255,.8);padding-top: 30px;padding-bottom: 30px;} .chat-from>.container{padding: 30px 15px;} #details{line-height: 16px;} .from-bg .icon-sort-desc{position: absolute;top:7px;right:30px;color: #dddddd;} .form-pad{padding-left: 185px;padding-right: 185px;} .from-bg p{padding:0 70px;font-size: 14px;} .from-bg form .line-big{padding: 0 100px; overflow:hidden;} .relative{position: relative;} .absolute{position: absolute;} .kd-f{color: #046a38; font-size:34px; font-weight:bold;} .bg-kefid{background-color: #db3f28;} .from-bg p{ padding:10px 15px;} .input-tex{ height:auto;} .tuijian_ul{ overflow:hidden;} .tuijian_ul li{ padding-bottom:30px;} .tuijian_ul li a{ display:block;} .tuijian_ul li a img{ width:100%;} .tuijian_ul li a p{ text-align:center; line-height:1.4em; height:2.8em; overflow:hidden; margin-top:10px;} .tuijian_ul li a:hover{ color:#ef7f34;} .pro_detail .rightcon .fon{height: 75px; overflow: hidden; margin: 20px 0;} .pro_detail .rightcon .honor_zheng{border:1px solid #ddd; padding:10px; margin:15px 0;} .pro_detail .rightcon .honor_zheng img{ margin-right: 10px; } .pro_detail .rightcon .hotnum{ font-size: 18px; color: #333 } .pro_detail .rightcon .hotnum h6{ display: inline-block; color: #213599; font-size: 24px; display: inline-block; vertical-align: middle; font-weight: 600; margin-top: -3px; margin-right: 10px; } .pro_detail .rightcon .links{margin: 25px 0; display: block;} .pro_detail .rightcon .links a{ padding:14px 5px; background: #046a38; text-align: center; margin-right: 2%; display: inline-block; font-size: 21px; color: #fff; width:46%;border-radius: 0.8rem;} .pro_detail .rightcon .links a i{ margin-right: 10px; display: inline-block; margin-top: -3px; font-size: 22px; vertical-align: middle; } .pro_detail .rightcon .links a.xie{ background: #272c4c} .pro_detail .rightcon .links a:hover{ opacity: .8 } .proinfopage{ background: #f7f7f7;} .proinfopage .warper{background: #fff; position: relative; padding:100px 30px;} .proinfomenu{overflow: hidden; margin-bottom: 3px; position: absolute; left: 0 ; top: 0; width: 100%;} .proinfomenu a{ display: block; float: left; width:25%; border-right: 1px solid #fff; color: #fff; background: #2d44af; text-align: center; font-size: 22px; line-height: 56px; } .proinfomenu a img{margin-left:20px; transform: rotate(-90deg); transition: all .3s;} .proinfomenu a:last-child{margin-right: 0;} .proinfomenu a:hover{background: #f12a1e; color: #fff;} .proinfomenu a:hover img{ transform: rotate(0deg); } .proinfopage .box{ overflow: hidden; padding-bottom: 40px; } .proinfopage .box .proinfo{ width: 50%; float: left; margin-bottom: 0; } .proinfopage .box img{ width: 45%; float: left; } .proinfo{ overflow: hidden; color: #666; margin-bottom: 40px; font-size: 16px; line-height: 30px;} .proinfo .boxtit{font-size:28px; overflow: hidden; color: #222; margin-bottom: 15px; padding-top: 120px; margin-top: -120px;} .proinfo .boxtit b{display: inline-block; background: #22348f; height: 20px; vertical-align: middle; margin-top: -7px; margin-right: 10px; width: 12px;} .proinfo p.dianbg{background:url(../images/pdian.jpg) no-repeat left 12px; padding-left: 20px; } .dianright .proinfo p.dianbg{ padding-left: 0; padding-right: 20px; background-position: right 12px } .proinfo img{max-width: 100%; display: block; margin:10px 0; } .proinfo .tabbox{ overflow-x: auto; margin-top: 20px; } .tabtit{background: #22348f; color: #fff; text-align: center; padding:15px 0; font-size: 18px;} .proinfo .tabbox table{ border-left: 1px solid #ccc;border-top: 1px solid #ccc; line-height: 24px; } .proinfo .tabbox table td{border-bottom: 1px solid #ccc; border-right: 1px solid #ccc;;padding:10px; text-align: center} .proinfo .contact_form{padding:0; margin:0; text-align: left; background: none} .proinfo .home_pro_li{ display: block; } .proinfo .home_pro_li .item{ width: 33.33%; float: left; } .fix {position:fixed; top:107px; z-index: 10; left:50%; margin-left: -650px; width: 1300px;background: #fff; } .whatsapp_box{ display: none; } .nyliimg{box-sizing: border-box; border: 0px; vertical-align: bottom; margin: 0px;} .nylispan{color: #999;} .nylispan2{ color:#ff0000;} .nyprice{border-radius: 0.8rem;height: 5rem;text-align: center;background: #ff6900;width: 55%;margin: auto;overflow: hidden;white-space: normal!important; text-overflow: ellipsis;font-size: 1.8rem;line-height: 5rem;color: yellow;} .nyprice a{color: yellow;} .kong{padding-top: 20px;} @media screen and (max-width: 1600px){ #logo{float: left; margin-left: 10px; margin-right: 50px;} #nav{position: static; margin-left: 0; left: 0;} header .rcon{ right: 10px; } /* nav li>a{padding:0 30px;} */ nav li>a{padding:0 24.9px;} /* .warper { max-width: 1390px;overflow-x: hidden;} } */ @media screen and (max-width: 1400px){ #logo img{ height: 60px; } nav li>a{ line-height: 70px; padding:0 30px; } header .rcon .media a{ line-height: 70px; width: 45px; } .searchbox i{ line-height: 60px; width: 50px; } .language{padding:28px 0 29px 10px; height: auto;} .searchbox form{ top: 60px; } } @media screen and (max-width: 1300px){ .warper{padding-left:15px; padding-right:15px;} footer .footer{ padding:50px 15px; } .home_new .warper{ padding: 0; } .home_honor .leftcon{ width: 45%; left: 10px; } .home_honor .rightcon{ width: 50%; overflow: hidden; } .home_honor .rightcon h3{ word-wrap:break-word;} .home_form .leftcon{ width: 100%; float: none;} .home_form .leftcon .box{ width: 96%; margin:0 2%; padding:35px 0; } .home_form .leftcon .box .home_boxtit{margin-bottom: 20px;} .home_form .rightcon{position:inherit; width: 100%; top: auto; float: none;} .home_form .rightcon img{position: inherit; width: 100%; height: auto} .positionline{ margin-left: 0; left: 0; width: 100%; } .newpage{width: 100%;} .bignews .con{padding:20px;} .aboutpage .sub_nav a{ padding:10px 0; width: 18%; margin:0 5px 5px 0; } } @media screen and (max-width: 1200px){ header .rcon .media{ display: none; } .searchbox{border:0;} nav li>a{padding:0 25px;} .home_case ul li .con span{ width: 100px; height: 100px; } .home_case ul li .con{font-size: 16px;} .prolispage .lis_case li .pic{width: 320px;} .prolispage .lis_case li .con{ margin-left: 320px; padding:15px; } .page_right{margin-left: 360px;} } @media screen and (max-width: 1024px){ nav li>a{padding:0 20px;} .edit-box .leftcon,.edit-box .con{ width: 100%; float: none; margin-left: 0;padding:0; } .edit-box .con{padding-top:20px;} .edit-box h1{margin-bottom: 10px;} .lis_case li .pic{ width: 400px; } .lis_case li .con{ margin-left: 400px; padding:15px ; } .lis_case li .fon{max-height: 46px; margin:10px 0 20px 0;} .lis_case li .con b{max-height: 28px;} .pro_tit{ display: none; } .hot_procon{ display: none; } .pro_class_tit{ display: block; background: #213599; color: #fff; padding:10px; } .pro_class_tit a{ display: block; color: #fff; line-height: 40px; } .page_left,.page_left2{ width: 100%; float: none; } .page_right{margin-left: 0;} .pro_class{ display: none; } .prolispage .lis_case li .pic{ width: 100%; float: none; } .prolispage .lis_case li .con{ margin-left: 0; } .lis_case li{ width: 49.5%; float: left; margin-bottom: 10px;} .lis_case li:nth-child(even){margin-left: 1%;} .lis_case ul{padding-bottom: 10px;} .prolispage{padding:20px 0 50px 0;} .pro_class{margin-bottom: 20px;} .prolispage .lis_case li .links a{ width: auto; padding:12px 15px; } .proinfomenu a{ font-size: 18px; } } @media screen and (max-width: 990px){ .header_top{ display:none;} #header{ position:fixed; background:#1d1d1f; top:0; z-index:12; height:65px;} .mlogo{ display:block;} footer .item{width: 100%;} footer h4{ margin-bottom: 15px; } header .rcon{ right: 60px; } #logo{padding:10px 0;} #logo img{height: 45px;} footer .item1 h3{ font-size: 35px; } footer .footer{ padding:30px 15px 0; } .searchbox form{top: 65px;} nav{position: fixed;left: 0;top: 0;bottom: 0;width: 240px;box-shadow: 0 3px 5px #666;z-index: 99;overflow: auto;background: #282828;transform: translateX(-300px);transition: 0.3s;} nav li{ display: block; width: 100%; } nav li>a{ line-height: 60px; } nav li:hover dl{ display: none; } #nav .nav-button{ display: block; top:15px} .searchbox i{ line-height: 60px; } .searchbox form{ right: 0;} .language{ padding:17px 0; } nav .menu{ display: none !important; } #sub_ban, #banner{margin-top: 65px;} .nav-open .warper{ padding-left:0; padding-right:0;} .home_about .leftcon,.home_about .rightcon{ float: none; overflow: hidden; width: 100%; } .home_about .leftcon{margin-bottom: 20px;} .about_num { margin-top: 0px; overflow: hidden;} .about_num .item{ width: 33.33%; } .home_pro{padding:25px 0;} .home_pro .menu{margin:20px 0;} .home_about,.home_honor,.home_new{padding:25px 0;} .home_case{padding-top: 30px;} .home_case .home_boxtit, .home_new .home_boxtit{margin-bottom: 20px;} .home_honor .rightcon .fon{margin:15px 0 25px 0;} .home_boxtit h3,.home_about .leftcon .boxtit,.home_honor .rightcon h3 b{ font-size: 35px; } .home_honor .rightcon h3,.home_form .leftcon .box .home_boxtit{ font-size: 25px; } .home_video .con h3{ font-size: 40px; margin-bottom: 15px; } .home_video .con p{ line-height: 24px; } .home_about .leftcon .boxtit{margin-bottom: 5px;} .home_case ul li{ width: 49.5%;margin:0; margin-bottom: 5px;} .home_case ul li:nth-child(even){margin-left: 1%} .home_new_lis .licon .time em{ font-size: 28px; } .home_new_lis .licon b{ font-size: 16px; height: 48px; line-height: 24px; } #sub_ban .con{ font-size: 30px; } .edit-box{margin:20px 0;} .home_boxtit .fon{width: 100%;} .edit-box h1{ font-size: 24px; } .contact_form h3{ font-size: 24px; } .contact_form{padding:25px 20px;} .map{margin-bottom: 25px;} .contact_form{margin-bottom: 20px;} .bignews .pic{ width: 100%; float: none } .bignews .con{margin-left: 0; width: 100%; padding:20px 0;} .bignews .con a b{height: auto} .bignews .con .time{ font-size: 16px; margin-bottom: 10px; } .bignews .con .time em{ font-size: 30px; } .bignews .con a .fon{height: auto} .bignews,.newpage .home_new_lis .item{margin-bottom: 20px;} .lis_case ul{margin-top: 20px;} .aboutpage .sub_nav a{width: 24%;} .about_culture .item{width: 100%; height: auto; padding:15px;} .about_culture .item h3{font-size: 22px; line-height: 28px;} .about_num2 .item{font-size: 15px;} .about_num2 .item h5{font-size: 30px;} .aboutpage .boxtit{font-size: 35px;} .aboutpage .boxtit b{height: 24px;} .about_business .leftcon{ width: 100%; } .about_business .rightcon{width: 100%; margin-top: 15px;} .about_organi{margin:25px 0;} .about_cul{margin-top: 25px; margin-bottom: 20px;} .aboutpage{padding-bottom: 60px;} .about_teamper_li .lis .item{width: 25%;} .about_factory .con b{font-size: 16px;} .about_factory_tit{font-size: 24px; margin:25px 0 10px 0;} .history_lis li .con .pic img{width: 100%; margin:5px 0;} .history_lis li .con{padding:20px 15px; line-height: 24px; margin-right: 40px;} .history_lis li .con .year{margin-bottom: 10px;} .history_lis li .his_jiantou{right: 25px; width: 15px; background-size: 100%;} .history_lis li:hover .his_jiantou,.history_lis li:nth-child(even) .his_jiantou{ background-size: 100%; } .history_lis li:nth-child(even) .con{margin-left: 40px;} .history_lis li:nth-child(even) .his_jiantou{left: 25px;} .proinfo .boxtit{font-size: 24px; padding-top: 70px; margin-top: -70px;} .proinfo .boxtit b{width: 10px;} .proinfopage .warper{padding:80px 15px 50px 15px;} .pro_detail{padding:20px 0 30px 0;} .pro_detail .picbox{ float: none; width: 100%; } .pro_detail .rightcon{ width: 100%; padding: 0; margin-top: 15px; } .pro_detail .rightcon .fon{margin:5px 0 10px 0;} .proinfomenu a{font-size: 16px;} .proinfomenu a img{margin-left:5px; } .proinfo img{ float: none ; } .proinfopage .box .proinfo{ width: 100%; } .proinfopage .box img{ width: auto; max-width: 100%; float: none; margin:10px 0; } .home_pro_li a.iconfont{width: 60px; height: 60px; line-height: 60px; font-size: 30px;} .home_pro_li .proname{ font-size: 16px; } } @media screen and (max-width: 900px){ .home_honor .leftcon{width:85%; left: 0; margin:0 auto; height: 500px; position: inherit;} .home_honor .rightcon{ float: none; width: 100%; margin:25px 0; } .home_video .con p{ height: 48px; overflow: hidden; } .lis_case li .pic{ width: 100%; float: none; } .lis_case li .con{ width: 100%; margin-left: 0; } .lis_case li .con b{max-height: 100%; height: auto; font-size: 1.2em; line-height: 24px;} .lis_case li{margin-bottom: 10px;} .pro_class_tit{ font-size: 24px; } .pro_class li>a{ font-size: 16px; } .pro_class li.on div{padding:10px 0;} } @media screen and (max-width: 992px){ .hide992{ display:none;} .pro_detail .rightcon .links a{ font-size:12px; padding:5px 5px;} .pro_detail .rightcon .links{ text-align:center;} .prodet_l_title a{ display:inline-block; width:25%; padding:0; font-size:0.8em;} #header-wrapper{ display:none !important;} .pro_video iframe{ width:100%;} .pro_video{ height:auto;} .from-bg form .line-big{ padding:0;} .tuijian{ display:none;} .tj_pro{ overflow:hidden; padding-top:10px;} .tj_pro li{ float:left; width:50%; padding:0 5px;} .prodet{ padding:30px 0;} .footer .item2,.footer .item3{ display:none;} .footer .item1 b{ font-size:14px;} .prolispage .page_left{ display:none;} } @media screen and (max-width: 768px){ .m_ban{display:none;} footer{ padding-bottom:50px;} .bar-tab{ display:block;} /*新增*/ .hmain_title h2{ font-size:2em;} .hmain_mod3_text p{ display:none;} .hmain_mod3_img img{ width:50%;} .hmain_mod3_text h3{ font-size:12px; /* font-weight:bold; */margin-bottom:0;} .hmain_title3 h3{ font-size:2em;} .pro_choose .l{width: 100%; font-size: 15px; float: none;} .pro_choose .r{margin-left: 0;margin-top: 15px;} .adv_pro2 li,.adv_pro1 li{ width:100%; margin:0 0 15px;} .chat-from{ padding:30px 0;} .prodet .warper{ padding-left:0; padding-right:0;} .pd_se{ width:100%;} .home_pro .menu a{margin:5px;} .pd_gg_gtit{ width:100%; text-align:center; padding:15px 0;} .pd_gg_grig{ width:100%;} .pd_ggg_gotit{ width:100%;text-align:left; padding:10px 0 10px 10px; font-weight:bold;} .pd_ggg_gos{ width:100%; padding:0 10px 10px;} .pdgggone{ margin-left:10px;} .contact_form form.form input.text{ width: 100%; margin-right: 0; margin-bottom: 10px; } .newpage .home_new_lis .item{ width: 50%; margin-bottom: 10px; } .sub_nav{margin:20px 0;} .pro-description p { text-align: left !important; } .proinfomenu a{ width:24%; } .proinfomenu a:first-child{width: 28%;} .aboutpage .sub_nav a{width: 32%;} .aboutpage .boxtit{font-size: 24px; margin-bottom: 10px;} .aboutpage .boxtit b{height: 18px;} .about_culture .item .fon{margin-top: 5px;} .about_culture .item h3{font-size: 16px; line-height: 24px;} .about_teamper_li .lis .con div{font-size: 14px;} .about_teamper_li .lis .con div b{font-size: 22px;} .history_lis li .con .year{font-size: 24px;} .history_lis li .con .year font{font-size: 20px;} .pageleftfixmenu {display: none;} .whatsapp_box{ position:fixed; left:0; bottom:190px; z-index:99;display: block;} } @media screen and (max-width: 640px){ .home_case ul li .con span{ width: 60px; height: 60px; } .home_new_lis .licon{padding:20px 15px;} .contact_form form.form button{ width: 27%; } .contact_form form.form textarea{ width: 100%; } #sub_ban .con{ font-size: 20px;align-items:baseline; padding-top: 5px; } #sub_ban .ban img{ width: 100%; } .bignews .con a b{ font-size: 18px; } .bignews .con .time em{ font-size: 20px; } .lis_case li{ width: 100%; } .lis_case li:nth-child(even){margin-left: 0;} .proinfomenu a{ width:50%;border-bottom: 1px solid #fff; } .proinfomenu a:first-child{width: 50%;} .proinfopage .warper{padding:128px 15px 50px 15px;} .proinfo{ line-height: 24px; font-size: 14px; } .proinfopage .box{padding-bottom: 25px;} .proinfo .boxtit{ font-size: 17px; } .proinfo .boxtit b{ width: 8px; height: 16px; } .aboutpage .sub_nav a{width: 48%;} .pageleftfixmenu {display: none;} .backToTop {display: none;} .whatsapp_box{ position:fixed; left:0; bottom:190px; z-index:99;} } @media screen and (max-width:480px){ footer h4{font-size: 18px; margin-bottom: 8px;} footer .item1 b{ } footer .item1 h3{ font-size: 24px; } footer .item { font-size: 13px; } footer .item1{line-height: 22px;} footer .copyright{ font-size: 12px; } .home_boxtit h3, .home_about .leftcon .boxtit, .home_honor .rightcon h3 b{ font-size: 22px; } .home_video .con h3{ font-size: 22px; } .home_honor .rightcon h3, .home_form .leftcon .box .home_boxtit{font-size: 18px;} .about_num .item h6{ width: 75px; height: 75px; line-height: 75px; font-size: 30px; } .about_num .item h5{ font-size: 18px; } .home_honor .leftcon{height: 300px;} .home_case ul li .con span{ display: none; } .home_case ul li:hover .con b{height: 30px; line-height: 30px; width: 80%; margin:0 auto;} .home_new_lis .licon .fon{ font-size: 12px; } .home_new_lis .licon .time{ font-size: 18px; margin-bottom: 10px;} .home_new_lis .licon .time em{ font-size: 20px; } .home_about .leftcon .boxtit{ line-height: 24px; } .home_about .leftcon .fon b{ font-size: 16px; } .contact_form h3,.edit-box h1{ font-size: 20px; } .positionline i{ font-size: 20px; width: 35px; height: 35px; } .positionline{padding:0px 0px 0px 0px; font-size: 12px;} .contact_form{padding:15px 10px;} .contact_form form.form button{font-size: 18px;} .edit-box .con div{margin:5px 0;} .sub_nav a{ font-size: 14px; padding: 5px 15px; } .bignews .con a b{ font-size: 16px; } .home_new_lis .licon .more{padding:0 20px; border-width: 2px;} .othernew span{ font-size: 15px; } .infocon{margin-top: 20px;} .infocon h1{ font-size: 17px; margin-bottom: 5px; line-height: 24px; } .lis_case li .links a{ width: auto; padding:8px 15px; margin:5px 5px 0 0; } .pro_class_tit{font-size: 20px;} .about_num2 .item{font-size: 12px;} .about_num2 .item h5{font-size: 18px;} .about_teamper_li .lis .item{width: 50%;} .about_factory_tit{font-size: 18px;} .about_honor_tit{font-size: 18px; padding:8px 15px;} .abouthonor b{font-size: 14px;} .abouthonor.owl-theme .owl-controls .owl-buttons div{ width: 40px; height: 40px; top: -60px; } .abouthonor.owl-theme .owl-controls .owl-buttons div.owl-prev{right: 40px;} .abouthonor.owl-theme .owl-controls .owl-buttons div.owl-prev{background: #fff url(../images/icon_aboutjiantou.png) no-repeat -59px -8px;} .abouthonor.owl-theme .owl-controls .owl-buttons div.owl-next{background: #213599 url(../images/icon_aboutjiantou.png) no-repeat -9px -63px;} .pageleftfixmenu {display: none;} .backToTop {display: none;} .whatsapp_box{ position:fixed; left:0; bottom:190px; z-index:99;} } @media screen and (max-width:414px){ header .rcon{display: none;} .history_lis li{width: 100%; margin-left: 0} .history_head{display: none;} .history_lis li .his_jiantou,.history_lis li span.yuan{display: none;} .history_lis li .con{margin:0;} .history_lis li:nth-child(even){margin-left: 0; margin-top: 20px;} .history_lis li:nth-child(even) .con{margin-left: 0;} .pageleftfixmenu {display: none;} .backToTop {display: none;} .whatsapp_box{ position:fixed; left:0; bottom:190px; z-index:99;} } @media screen and (max-width: 768px){ #banner, #sub_ban{ top: 0; padding-top: 65px; margin-top: 5px; } .warper { max-width: 100%; } .wrap { width: 100% !important;} .arc-img { width: 100%; } .arc-right { width: 100%; } .pro-description { margin-left: 0 !important; } .arc-top .arc-cont { margin-left: 1px !important; width: 100% !important; } .specification { overflow-x: auto; width: 100%; } .specification table tr td { font-size: 12px !important; line-height: 20px !important; } iframe{width: 100% !important;} .hmain{padding-top: 0;} .p90 { padding-top: 0; } .p80 { width: 100%; } .close_m{ display:none; } .p70 { padding-top: 0; } .hmain_mod1 { padding: 10px 0; } .hmain_title h2 { font-size: 16px; } .hmain_title p{ max-width: 100% !important; line-height: 1.2em; } .hmain_about_p{ text-align: left !important; } .hmain_mod1_text h3 { font-size: 12px; margin-bottom: 5px; } h5 { font-size: 12px; display:none; } .hmain_mod2_text{ padding: 5px 5px; font-size: 12px; } .hmain_mod3 { padding: 20px 0; } .hmain_mod4 { padding: 20px 0; } .hmain_mod4_text{ padding: 10px 5px; } .hmain_mod4_text h3{ font-size: 14px; } .hmain_mod2{ padding: 10px 0; } .hmain_mod3_img img { width: 100%; } .hmain_about_p { line-height: 1.4em; } .hmain_mod2_ul { padding-top: 1px; } .products_list { padding: 2px 0; } .video-bg,#example_video_1{ width: 100% !important; height: 220px !important; } table,table tr th, table tr td { border:1px solid #1a9d6f; text-align: center; } table { width: 100%; border-collapse: collapse; padding:2px; margin: 0 auto; margin-top: 10px; overflow-x: auto; zoom: 0.8; } table tr td{ line-height: 30px; min-width: 30px; font-size: 14px; } }