/*Top002258*/ .Top002258{ border-top: 3px solid #003f7f;} .Top002258 .top-language a{ display:block; color: #fff;} .Top002258 .top-search{ position:relative;} .Top002258 .top-search .text{width: 100%;color: #999;font-size: 12px;display: block;padding:0 25px 0 10px;line-height: 28px;height: 30px;width: 180px;background: #f4f4f4;border: 1px solid #e9e9e9;} .Top002258 .top-search .text:focus{border-color: #003f7f;background: #fff;color: #333;} .Top002258 .top-search .btn{position: absolute; right: 8px; top: 0; background: url(../images/Top002258-search.png) no-repeat center center; width: 16px; height: 100%;} @media(min-width:1025px){ .Top002258 .header-left{ float: left; max-width:180px; width: 50%; height:75px; display:table;} .Top002258 .header-left .logo{ display:table-cell; vertical-align:middle;} .Top002258 .header-mid, .Top002258 .header-right{float:right;line-height:30px;padding-top: 22px;} .Top002258 .header-right dd{ float:left; margin-left:15px;} .Top002258 .header-right dd:first-child{margin-left:0;} .Top002258 .top-language a{ width:30px; text-align:center; border-radius:50%;background:#0e3c23;} .Top002258 .top-search .text{ border-radius: 30px;transition: all .3s ease-in-out;} } .Top002258 .header-menu li{ width:auto !important;position:relative; } .Top002258 .header-menu li em{position:relative;padding: 0 20px;} .Top002258 .header-menu li em::before{ position:absolute; content:''; width:2px; height:5px; border-right:1px dotted #a4a4a4; right:0; top:50%; transform:translateX(-50%);} .Top002258 .header-menu li:last-child em::before{ display:none;} .Top002258 .header-menu li em a{font-size: 16px;} .Top002258 .header-menu li.aon em a, .Top002258 .header-menu li em a:hover{color: #0e3c23;font-weight: bold;} @media(max-width:1200px){ .Top002258 .header-menu li em{padding:0 15px;} .Top002258 .header-menu li em a{font-size: 14px;} } @media(max-width:1024px){ .Top002258{ border-color:#0e3c23; position: relative;z-index: 99} .Top002258 .header{ position:relative; z-index:100;} .Top002258 .header-left{ padding:2% 60% 2% 0;} .Top002258 .header-left .logo{ display:block;} .Top002258 #header-menu{ position:absolute; top:100%; right:2%; background:#fff; padding-top:75px; padding-bottom:10px; z-index:100; overflow:hidden; width:0; opacity:0; transition:ease-in-out 0.3s;} .Top002258 #header-menu.header-menu-show{width:205px; opacity:1;} .Top002258 #header-menu li em, .Top002258 #header-menu li em a{ color:#0e3c23;} .Top002258 #header-menu li:nth-child(2n-1){ background:rgba(255,255,255,0.08);} .Top002258 #header-menu li em a{ font-weight:normal;height:40px; overflow:hidden;} .Top002258 #open_menu{ position:absolute; right:2%; top:50%; width:25px; height:30px; margin-top:-15px;} .Top002258 #open_menu i, .Top002258 #open_menu i::before, .Top002258 #open_menu i::after{background:#0e3c23;} .Top002258 #open_menu i{ height:3px; margin-top:-1.5px; width:100%;} .Top002258 .header-right{ position:absolute; top:100%; right:2%; z-index:101; padding-top:10px;} .Top002258 .top-search .text{ line-height:35px; height:35px;} .Top002258 .top-language a{ line-height:30px; font-weight:bold; font-size:18px; background:url(../images/Top002258-en.png) no-repeat 10px center ; padding:0 10px 0 35px;border: 1px solid #eaeaea;color: #333;} .Top002258 .header-right{ width:0; overflow:hidden; opacity:0; transition:ease-in-out 0.3s;} .Top002258 .header-right.header-right-show{ width:205px; opacity:1;} } .Top002258 .header-menu li.aon em a::before{width:100%;} .Top002258 .header-menu li .sub{width:130%;left:-15%;overflow:hidden;z-index: 9999;background-color: rgba(255,255,255,0.9);} .Top002258 .header-menu li .sub-menu{ padding:15px; text-align:center;} .Top002258 .header-menu li .sub-menu dt{ border-bottom:1px solid #f2f2f2;} .Top002258 .header-menu li .sub-menu dt:last-child{ border-bottom:0;} .Top002258 .header-menu li .sub-menu dt a{color:#666; transition:0.3s;} .Top002258 .header-menu li .sub-menu dt a:hover{ background:none; color:#0e3c23; } .Top002258 .PhoneTel{ position:absolute; right:20%; top:50%; margin-top:-10px; font-size:16px; color:#0e3c23; font-weight:bold; padding-left:20px; background:url(../images/Phone.png) no-repeat left center; background-size:auto 90%; display:none;} @media(max-width:1024px){ .Top002258 .PhoneTel{ display:block; right:12%; } } /*Banner002058 */ .Banner002058{ position:relative; z-index:1;} .Banner002058 .bx-viewport{ z-index:1;} .Banner002058 li a, .Banner002058 li{ height:780px;} .Banner002058 li{ background-position: center top; background-repeat:no-repeat;} .Banner002058 li a{ position:relative; display:block;} .Banner002058 li img{ display:none;} .Banner002058 li figure{ position:absolute; left:18.75%; width:62.5%; top:40%; height:200px; transform:translateY(-50%);} .Banner002058 li figure p{padding-top: 30px; transform:translateY(-50%);font-size: 22px;color: #ddd;text-transform: uppercase;} .Banner002058 li figure *{ position:absolute; left:0; opacity:0; } .Banner002058 li figure.active *{ opacity:1;} .Banner002058 li h1{ margin:0; font-size:50px; color:#fff; top:-100%;transition:top 1s;} .Banner002058 li span{width:131px; border:2px solid #fff; line-height:36px; text-align:center; color:#fff; border-radius:50px;bottom:-100%;transition: 1s;} .Banner002058 li figure.active h1{ top:0;} .Banner002058 li figure.active span{bottom:0;transition: 1s;} .Banner002058 .bx-controls-direction a{ z-index:10;position:absolute; width:49px; height:49px; overflow:hidden; line-height:1000px; top:50%; transform:translateY(-50%); background:url(../images/Banner002058-btn_left.png) no-repeat center center; background-size:contain;} .Banner002058 .bx-controls-direction a.bx-prev{ left:8%;} .Banner002058 .bx-controls-direction a.bx-next{ right:8%; background-image:url(../images/Banner002058-btn_right.png);} .Banner002058 .bx-controls-direction a.bx-prev:hover{ background-image:url(../images/left2.png);} .Banner002058 .bx-controls-direction a.bx-next:hover{ background-image:url(../images/right2.png);} .Banner002058 .bx-pager{ position:absolute; left:0; bottom:5%; text-align:center; width:100%; z-index:10;} .Banner002058 .bx-pager *{width:13px; height:13px;} .Banner002058 .bx-pager div{ display:inline-block;margin:0 5px;} .Banner002058 .bx-pager div a{ display:block; line-height:100px; overflow:hidden; border-radius:50%; background:#fff; } .Banner002058 .bx-pager div a.active{ background:#0e3c23;} .Banner002058 li .video_box{ width:100%; height:100%; background:#000;} .Banner002058 li .video_box video{} .Banner002058 li .video_box .VideoContent{ width:100%; height:100%; z-index:99; position:absolute;} .Banner002058 li .video_box .VideoContent .VideoBox{ position:absolute; left:50%; top:45%; transform: translate(-50%,-50%); font-size:32px; color:#fff; margin:0; width:436px; max-width:90%;} .VideoContent .VideoBox .VideoBtn{ text-align:center; padding:20px 0;} .VideoContent .VideoBox .VideoBtn a{ display:inline-block; height:auto; color:#fe6e0e; font-size:20px; margin:0 20px; width:145px; height:40px; text-align:center; line-height:40px; border-radius:3px;} .VideoContent .VideoBox .VideoBtn a:hover{ background-color:#fe6e0e; color:#fff;} .VideoContent .VideoBox .VideoBtn .play{ padding-left:35px; background:url(../images/play.png) no-repeat left center;background-size: auto 66%; background-position:15px center;} .VideoContent .VideoBox .VideoBtn .play:hover{ background-image:url(../images/play2.png);} .VideoContent .VideoBox .h3{font-size: 40px;font-weight: normal;text-align: center;margin: 0 0 10px;} .VideoContent .VideoBox .p{font-size: 22px;margin:0; text-align:center;} @media(max-width:1000px){ .Banner002058 li a, .Banner002058 li{ height:auto;} .Banner002058 li{ background:none !important;} .Banner002058 li img{ display:block; width:100%;} .Banner002058 li .video_box{ width:100%; height:0; padding-bottom:40.6%; position:relative;} .Banner002058 li .video_box video{ position:absolute; top:0; left:0;} .VideoContent .VideoBox .h3{ font-size:18px;} .VideoContent .VideoBox .p{ font-size:16px;} .VideoContent .VideoBox .VideoBtn a{ font-size:14px;} } @media(max-width:768px){ .Banner002058 li figure{ height:90px;} .Banner002058 li figure h1{ font-size:30px;} .Banner002058 .bx-controls-direction a{ width:30px; height:30px;} } @media(max-width:480px){ .Banner002058 li figure{ height:70px;} .Banner002058 li figure h1{ font-size:20px;} .Banner002058 li figure span{ line-height:26px; width:110px;} .Banner002058 .bx-pager *{width:9px; height:9px;} } .Banner002058 li.video_li .phone_pic{ display:none;} @media(max-width:1000px){ .Banner002058 li.video_li .phone_pic{ display:block;} .Banner002058 li.video_li .video_box{ display:none;} } /*Floor001891 */ .Floor001891{ padding-top:20px;} .Floor001891 .title{ text-align:center; padding-bottom:3%;} .Floor001891 .title h1{ margin:0; padding-top:30px; padding-bottom:20px; font-size:36px; color:#c7221d; font-family:Arial, Helvetica, sans-serif; border-bottom:1px solid #c4c5c7;text-transform: uppercase;} .Floor001891 .title span{background-color:#fff; position:relative; display:inline-block; padding:0 5px; font-size:15px;text-transform: uppercase;color:#333; margin-top:-20px;} .Floor001891 .title span::before{ position:absolute; content:''; width:26px; height:3px; background-color:#c7221d; left:50%; margin-left:-13px; bottom:-10px;} .Floor001891 .ul_tab{ text-align:center;} .Floor001891 .ul_tab li{text-align:center;font-size:16px;padding: 10px 0;cursor:pointer;line-height:30px;position:relative; display:inline-block; margin:0 20px;} .Floor001891 .ul_tab li img{ margin-right:5px; vertical-align:middle; width:30px; height:30px;} .Floor001891 .ul_tab li .hover{ display:none;} .Floor001891 .ul_tab li.on{color:#0e3c23;border-bottom: 2px solid #eee;} .Floor001891 .ul_tab li.on::after{content: '';width: 60%;height: 2px;background: #0e3c23;display: block;position: absolute;bottom: -2px;left: 20%;} .Floor001891 .ul_tab li.on img{ display:none;} .Floor001891 .ul_tab li.on .hover{ display:inline-block;} .Floor001891 .ul_tab li.on i{ position:absolute; width:0; height:0; left:50%; margin-left:-12px;bottom:-12px; border-left:12px solid transparent;border-right:12px solid transparent;border-top:12px solid #014099;} .Floor001891 .ul_tab .bx-viewport{ padding-bottom:12px;} .Floor001891 .owl-carousel .owl-item{ float:left;} .Floor001891 .box{/* background:url(../images/Floor001891-bg.jpg) no-repeat center top; */background-size:cover;/* padding:4% 0; *//* margin-top:-12px; */} .Floor001891 .box section{ display:none;} .Floor001891 .pic{ float:right; width:50%;} .Floor001891 .pic img{ display:block; width:100%;} .Floor001891 .txt{ float:left; width:44%;} .Floor001891 .tit{color:#014099; font-size:36px;} .Floor001891 .tit:after{ display:block; content:''; background-color:#cacaca; width:80px; height:6px; margin-top:10px;} .Floor001891 .txt pre{ margin:3% 0 5% 0; line-height:30px; font-size:16px;} .Floor001891 .txt .more{ font-size:16px; color:#fff; background-color:#8cc63e; width:152px; height:50px; line-height:50px; text-align:center; display:inline-block;} @media(max-width:1024px){ .Floor001891 .ul_tab li{ padding:10px 0;} } @media(max-width:768px){ .Floor001891 .pic, .Floor001891 .txt{ float:none; width:auto;} .Floor001891 .pic{ padding:3% 0;} .Floor001891 .tit{font-size:24px;} .Floor001891 .txt .more{ font-size:14px;} .Floor001891 .txt pre{ line-height:25px; font-size:14px;} } @media(max-width:640px){ .Floor001891 .ul_tab li{ font-size:14px; margin:0 8px;} } /* .Floor001753 为demo编号 */ .Floor001753{background-color: #eee;margin: 4% 0;} .Floor001753 .box{float:left;width: 52%;position:relative;line-height:24px;} .Floor001753 .box_video{width: 46%;margin: 0 2% 0 0;} .Floor001753 h1{font-weight:normal;font-size:24px;color:#221816;height:58px;line-height:normal;margin:0;margin-top: 20px;} .Floor001753 .box_video .img{ position:relative; overflow:hidden;} .Floor001753 .box_video .img img{ width:100%; display:block; height:300px;} .Floor001753 .box_video .img a i{ position:absolute; width:100%; left:0; bottom:20%; font-size:24px; color:#fff; text-align:center; font-style:normal;} .Floor001753 .box .bx-viewport{ height:174px !important;} .Floor001753 .box .bx-controls-direction{ position:absolute; right:0; top:5px; font-size:16px;} .Floor001753 .box .bx-controls-direction a{ width:37px; float:left; line-height:22px; text-align:center;color:#efeeee; margin-left:5px; border:1px solid #d0cece;background-color:#221816;} .Floor001753 .box .bx-controls-direction a.disabled{ cursor:default;color:#221816; background-color:#efeeee; } .Floor001753 .box li{ height:98px; overflow:hidden;} .Floor001753 .box li .pic{ position:absolute; left:0; top:0;width:118px;} .Floor001753 .box li .pic img{ display:block; width:100%; height:76px;} .Floor001753 .box li div{ padding-left:140px;} .Floor001753 .box li h5{ margin:0; font-weight:normal; font-size:14px;} .Floor001753 .box li p{ margin:0; height:48px; overflow:hidden;} .Floor001753 .box li p, .Floor001753 .box figure{ font-size:12px;color:#928f8f;} .Floor001753 .box figure{ min-height:170px;padding-right: 20px;} .Floor001753 .box .more{padding:0 19px 0 37px;line-height:27px;background:url(../images/Floor001753-more.png) no-repeat 13px center #0e3c23;display:inline-block;color:#fff;} @media(max-width:1000px){ .Floor001753 .box{ width:49%;} .Floor001753 .box_video{ margin:0 0 0 2%;} .Floor001753 .box_intro{ width:100%; margin-top:2%;} .Floor001753 .box figure{ min-height:inherit; margin-bottom:2%;} } @media(max-width:640px){ .Floor001753 .box{ float:none; width:auto; margin:0 0 4% 0 !important;} .Floor001753 h1{ height:auto; margin-bottom:4%; line-height:34px;} .Floor001753 .box_video .img img{ height:auto;} .Floor001753 .box figure{ overflow:hidden; line-height:24px; max-height:72px;} } @media(max-width:375px){ .Floor001753 h1{ font-size:20px;} } .HomeProduct{} .HomeProduct .box_video .img{ position:absolute; top:0; left:0; width:100%; height:100%; z-index:9;} .HomeProduct .box_video .img .ProductPlay{ position:absolute; left:0; width:100%;height:100%; background:url(../images/Floor001753-a_video.png) no-repeat center center;} .HomeProduct .box_video .img img{ width:100%; height:100%;} /* .Floor001640 为demo编号 */ .Floor001640{ background: #eee;padding-bottom: 3%;} .Floor001640 .title{ text-align:center; padding-bottom:3%;} .Floor001640 .title h1{ margin:0; padding-top:30px; padding-bottom:20px; font-size:36px; color:#c7221d; font-family:Arial, Helvetica, sans-serif; border-bottom:1px solid #c4c5c7;text-transform: uppercase;} .Floor001640 .title span{background-color:#eee; position:relative; display:inline-block; padding:0 5px; font-size:15px; text-transform: uppercase;color:#333; margin-top:-20px;} .Floor001640 .title span::before{ position:absolute; content:''; width:26px; height:3px; background-color:#c7221d; left:50%; margin-left:-13px; bottom:-10px;} .Floor001640 .txt{ float:left;width:48%;} .Floor001640 .txt figure{ padding-bottom:3%; position:relative;} .Floor001640 .txt figure::before{ position:absolute; content:''; width:50px; height:2px; background-color:#2078da; left:0; bottom:-2px;} .Floor001640 .txt figure h1{ font-size:24px; font-weight:normal; margin:0; color:#555;} .Floor001640 .txt figure span{ color:#d5d5d5; text-transform:uppercase;} .Floor001640 .txt .info{ padding:3% 0;} .Floor001640 .txt h3{text-transform:uppercase; margin-bottom:0; font-weight:normal; font-size:24px;color: #999;} .Floor001640 .txt h2{font-size:18px;margin:0;color: #0e3c23;} .Floor001640 .txt p{line-height: 30px;color: #999;} .Floor001640 .all_more{ border:1px solid #e0e0e0; font-weight:bold; font-size:0.8em; display:inline-block; line-height:2.85em; padding-left:2.5em; padding-right:3.5em; border-radius:30px; background:url(../images/Floor001640-a_more.png) no-repeat 90% center;transition:all ease 0.5s;color: #0e3c23;} .Floor001640 .all_more:hover{ padding-right:2.5em; background-color:#0e3c23; background-position:120% center; color:#fff; transition:all ease 0.5s;} .Floor001640 .pic{ float:right; width:48%;} .Floor001640 .pic img{ width:100%;} @media(max-width:768px){ .Floor001640 .txt, .Floor001640 .pic{ float:none; width:auto;} } @media(max-width:480px){ .Floor001640 .txt figure h1{ font-size:20px;} } /*Floor002049 */ .Floor002049 ul{position:relative;} .Floor002049 li{ position:relative; text-align:center; padding-bottom:30px;} .Floor002049 li::after{ content:''; display:block; width:100%; height:20px; background:url(../images/bottom_bg.png) no-repeat top center; background-size:cover; position:absolute; top:100%; left:0; margin-top:-2px;} .Floor002049 li a{ position:absolute; left:0; top:0; right:0; bottom:1px; border:1px solid #dfe2ef;} .Floor002049 li p{margin:0;font-size:18px;padding: 3%;color:#000;text-transform:uppercase;} .Floor002049 li i{color:#000;display:block;font-style:normal; width:85px; height:32px; line-height:32px; text-align:center; border:1px solid #e6e6e6; margin:20px auto 0;} /*.Floor002049 li a:hover{border: 1px solid #0e3c23}*/ .Floor002049 li:hover p{color:#0e3c23;} .Floor002049 li:hover i{ color:#0e3c23;} .Floor002049 li figure{ padding:10%;} .Floor002049 li figure span{ display:block; padding-bottom:96%;} .Floor002049 .owl-carousel .owl-item img{ display:none;} .Floor002049 .owl-nav{/* position:absolute; *//* right:0; */top:25px;display: block;width: 100%;margin-top: 3%;text-align: center;} .Floor002049 .owl-nav button{/* float:left; */width:32px;height:22px;background:url(../images/Floor002049-btn.gif) no-repeat 11px center;overflow:hidden;line-height:100px;border:1px solid #e5e5e5;display: inline-block;margin: 0 5px;margin-top: 3%;} .Floor002049 .owl-nav button{/* float:left; */width:32px;height:22px;background:url(../images/Floor002049-btn.gif) no-repeat 11px center;overflow:hidden;line-height:100px;border:1px solid #e5e5e5;display: inline-block;margin: 0 5px;margin-top: 3%;} .Floor002049 .owl-nav button.owl-next{/* border-left:0; */background-position:-18px center;} .Floor002049 .owl-nav button:hover{ background-image:url(../images/Floor002049-btn_hover.gif); background-color:#0e3c23; border-color:#0e3c23;} @media(max-width:1200px){ .Floor002049 .owl-nav{ right:2%;} .Floor002049 li p{ font-size:14px;} } .Floor002049 .owl-dots{display: none;} /* .Floor000881 为demo编号 */ .Floor000881{padding:2% 0;} .Floor000881 .title{ text-align:center; padding-bottom:3%;} .Floor000881 .title h1{ margin:0; padding-top:30px; padding-bottom:20px; font-size:36px; color:#c7221d; font-family:Arial, Helvetica, sans-serif; border-bottom:1px solid #c4c5c7;text-transform: uppercase;} .Floor000881 .title span{background-color:#fff; position:relative; display:inline-block; padding:0 5px; font-size:15px; text-transform: uppercase;color:#333; margin-top:-20px;} .Floor000881 .title span::before{ position:absolute; content:''; width:26px; height:3px; background-color:#c7221d; left:50%; margin-left:-13px; bottom:-10px;} .Floor000881 .list_copy{ display:none;} .Floor000881 .bx-viewport{ z-index:1;} .Floor000881 .list_scroll li{ text-align:center; position:relative;} .Floor000881 .list_scroll li .Ispic{ display:block; padding-bottom:78%;} .Floor000881 .list_scroll li p{ margin:0; line-height:55px;border:1px solid #eaeaea; border-top:0; background-color:#fff;} .Floor000881 .list_scroll li:hover p{ border: 1px solid #0e3c23;border-top: 0} .Floor000881 .list_scroll li:hover p a{ color:#0e3c23;} .Floor000881 .bx-wrapper{ position:relative;} .Floor000881 .bx-pager{ display:none;} .Floor000881 .bx-controls-direction a{ position:absolute; width:21px; height:21px; top:50%; margin-top:-10px; overflow:hidden; line-height:200px; z-index:10;} .Floor000881 .bx-controls-direction a.bx-prev{ left:-25px;} .Floor000881 .bx-controls-direction a.bx-next{ right:-25px;} .Floor000881 .bx-controls-direction a::before, .Floor000881 .bx-controls-direction a::after{ position:absolute; content:''; width:15px; height:2px; background-color:#c7221d; left:0; } .Floor000881 .bx-controls-direction a::before{ transform:rotate(-45deg);top:4px;} .Floor000881 .bx-controls-direction a::after{ transform:rotate(45deg);top:14px;} .Floor000881 .bx-controls-direction a.bx-next::before{ transform:rotate(45deg); left:auto; right:0;} .Floor000881 .bx-controls-direction a.bx-next::after{ transform:rotate(-45deg); left:auto; right:0;} @media(max-width:1250px){ .Floor000881 .bx-controls-direction a.bx-prev{ left:5px;} .Floor000881 .bx-controls-direction a.bx-next{ right:5px;} } @media(max-width:768px){ .Floor000881{ padding:20px 0;} } @media(max-width:640px){ .Floor001907 li{margin-bottom: 0;overflow: hidden;} } /*Floor001907*/ .Floor001907{ padding-top: 1%; background: #eee;} .Floor001907 .title{ text-align:center; padding-bottom:3%;} .Floor001907 .title h1{ margin:0; padding-top:30px; padding-bottom:20px; font-size:36px; color:#c7221d; font-family:Arial, Helvetica, sans-serif; border-bottom:1px solid #c4c5c7;text-transform: uppercase;} .Floor001907 .title span{background-color:#eee; position:relative; display:inline-block; padding:0 5px; font-size:15px; color:#333; margin-top:-20px;text-transform: uppercase;} .Floor001907 .title span::before{ position:absolute; content:''; width:26px; height:3px; background-color:#c7221d; left:50%; margin-left:-13px; bottom:-10px;} .Floor001907 li{padding-bottom: 5%;width:44%;float:left;margin-right:6%;} .Floor001907 li:nth-child(2n){ margin-right:0;} .Floor001907 li a{ position:relative; display:block; padding-left:134px; padding-bottom:10px;/* height:103px; */color:#6f6f6f;} .Floor001907 li time{position:absolute;left:0;top:0;width:103px;height:103px;text-align:center;background: #c2c3c5;line-height:normal;border:2px solid #c6c6c6;/* border-radius:50%; */color: #fff;} .Floor001907 li time span{ display:block; font-size:45px; padding-top:5px;} .Floor001907 li h4{ margin:0; font-weight:normal; font-size:18px;} .Floor001907 li p{margin:0;margin:11px 0 22px 0;line-height: 25px; height:75px; overflow:hidden;color: #999;} .Floor001907 li p span{ margin-left:20px;} .Floor001907 li i{display:block;font-style: normal;} .Floor001907 li a:hover >h4{ color:#0e3c23;} .Floor001907 li a:hover time{ background:#0e3c23; border-color:#0e3c23;} .Floor001907 li a:hover i{color:#0e3c23;} @media(max-width:768px){ .Floor001907 li{ margin-right:0; width:auto; float:none;} .Floor001907 li:last-child{ padding-bottom:0;} } @media(max-width:640px){ .Floor001907 .title{ padding-top:45px; background-size:auto 25px;} } @media(max-width:375px){ .Floor001907 .title{ font-size:24px;} .Floor001907 li a{ padding-left:100px;} .Floor001907 li time{ width:90px; height:90px;} .Floor001907 li time span{ font-size:35px;} } /* .Floor002439 为demo编号 */ .Floor002439 {padding-bottom: 2%;} .Floor002439 .title{ text-align:center; padding-bottom:3%;} .Floor002439 .title h1{ margin:0; padding-top:30px; padding-bottom:20px; font-size:36px; color:#c7221d; font-family:Arial, Helvetica, sans-serif; border-bottom:1px solid #c4c5c7;text-transform: uppercase;} .Floor002439 .title span{background-color:#fff;position:relative;display:inline-block;padding:0 5px;font-size: 15px;color:#333;margin-top: -20px;text-transform: uppercase;} .Floor002439 .title span::before{ position:absolute; content:''; width:26px; height:3px; background-color:#c7221d; left:50%; margin-left:-13px; bottom:-10px;} @media only screen and (min-width:1200px ) { .Floor002439{ padding-left: 30px; padding-right: 30px;} } @media only screen and (min-width:1600px ) { .Floor002439{ padding-left: 50px; padding-right: 50px;} } .Floor002439 .auto{ overflow: hidden;} .Floor002439 .list{ padding-top: 15px;} .Floor002439 .list .item{padding: 0 0 15px;} .Floor002439 .list .item a{ display: block; width: 100%; position: relative; } .Floor002439 .list .item a .bg{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover;} .Floor002439 .list .item .word{ padding:10% 5% 10% 10%; color: #fff; position: relative; z-index: 3;} .Floor002439 .list .item .word .pic{ width: 41px;} .Floor002439 .list .item .word h3{ font-weight: normal; margin:8% 0 1.345%; font-size: 20px;} .Floor002439 .list .item .word p{ margin: 0; line-height: 20px; height: 40px; overflow: hidden; font-size: 14px;} @media only screen and (min-width:640px ) { .Floor002439 .list{ margin: 0 -10px;} .Floor002439 .list .item{ float: left; width: 25%;padding: 0 10px 20px;} } @media only screen and (max-width:640px ) { .Floor002439 .list .item{ float:left; width:49%; margin-right:2%; margin-bottom:2%;} .Floor002439 .list .item:nth-child(2n){ margin-right:0;} } /* .Bottom002250 为demo编号 */ .Bottom002250 .auto_1260{ max-width: 1260px;} @media only screen and (max-width:1260px) { .Bottom002250 .auto_1260{ padding: 0 2%;} } .Bottom002250{background: #1b1b1b;} .Bottom002250 .nav{ padding: 35px 0 25px 0;} .Bottom002250 .nav a{color: #fff;} .Bottom002250 .nav dl{} .Bottom002250 .nav dt{ position: relative; padding-left: 20px;} .Bottom002250 .nav dt a{ font-size: 16px; line-height: 30px;color: #fff;} .Bottom002250 .nav dd a{ padding-left: 20px; font-size: 14px; line-height: 30px;} .Bottom002250 .nav .message{color: #fff;} .Bottom002250 .nav .message .f_phone{padding-left: 36px;padding-bottom: 10px;background: url(../images/Bottom002250-tel.png) no-repeat;font-family: verdana;margin-left: 55px;} .Bottom002250 .nav .message .f_phone h4{margin: 0;font-size: 20px;line-height: 1;} .Bottom002250 .nav .message .f_phone h4 span{ font-size: 20px; height: 20px; line-height: 20px; display: block; font-weight: normal;} .Bottom002250 .nav .message p{ padding-left: 60px; margin: 0; line-height: 2.15; font-size: 12px;} .Bottom002250 .nav .message .img{ padding-left: 60px; margin-top: 20px;} .Bottom002250 .footer{background: #000000;padding: 20px 0;} .Bottom002250 .footer *{color: #999;font-size: 12px;} .Bottom002250 .footer a:hover{ color: #fff;} .Bottom002250 .footer .bottomlinks a{ padding-left: 18px;} .Bottom002250 .footer .copyright{ padding-bottom: 10px;} .Bottom002250 .footer .links{ padding-top: 10px;} @media only screen and (max-width:767px) { .Bottom002250 .footer{ text-align: center;} .Bottom002250 .nav dt{ border-bottom: 1px solid #609fe0; padding: 5px 10px;} .Bottom002250 .nav dd{ display: none; background-color: #4790db;} .Bottom002250 .nav dd:first-child{ margin-top: 10px;} .Bottom002250 .nav dd:last-child{ border-bottom: 2px solid #609fe0; margin-bottom: 10px;} .Bottom002250 .nav .message{ margin-top: 15px; position:relative; padding-right:100px;} .Bottom002250 .nav dl{ display:none;} .Bottom002250 .footer .links{ padding:20px 0;} .Bottom002250 .nav .message .f_phone{ margin-left:0;} .Bottom002250 .nav .message p{ padding-left:0;} .Bottom002250 .nav .message .img{ padding:0; margin:0; position:absolute; right:0; bottom:0; max-width:80px;} } @media only screen and (min-width:768px) { .Bottom002250 .nav dl{ float: left; margin-right: 1%;} .Bottom002250 .nav dt:before{content: "";position: absolute;width: 7px;height: 1px;background-color: #c7221d;left: 0;top: 50%;display: block;} .Bottom002250 .nav .message,.Bottom002250 .footer .bottomlinks{ float: right;} .Bottom002250 .footer .copyright{ float: left; padding-bottom: 0;} } @media only screen and (min-width:1024px) { .Bottom002250 .nav dl{margin-right: 2%;} } /* .Banner002242 为demo编号 */ .Banner002242{ padding:0;position: relative;} @media (min-width:1024px) { .Banner002242 .banbox{ margin: 0; background-repeat: no-repeat; background-position: top center; height: 380px;} .Banner002242 .banbox img{ display: none;} } @media (max-width:1023px) { .Banner002242 .banbox{ background: none !important;} } /*Menu002034 */ .Menu002034{text-align:left; padding:1% 0;border-bottom: 1px solid #ddd} .Menu002034 h1{ margin:0;color:#555; font-size:36px; font-weight:normal; padding:3% 0 2% 0; } .Menu002034 ul{ float:left; width:60%;} .Menu002034 li{ float:left; line-height:37px; margin-right:50px;padding-bottom: 0px; position:relative;} .Menu002034 li>a{ display:block;color:#555;border-bottom: 3px solid #fff;} .Menu002034 li.aon>a, .Menu002034 li:hover>a{ color:#0e3c23;border-bottom: 3px solid #0e3c23;} .Menu002034 .Location{ float:right; padding-top:10px;} .menu_product ul .dl{ position:absolute; top:100%; left:0; width:100%; background:#fff; z-index:9; display:none;} .menu_product ul li:hover .dl{ display:block;} .menu_product ul .dl dd a{ display:block; text-align:center; line-height:20px; padding:5px; color:#333;} .menu_product ul .dl dd a:hover{ color:#0e3c23;} @media(max-width:640px){ .Menu002034 h1{font-size:28px;} .Menu002034 ul{ display:block; float:none; width:100%;} .Menu002034 li{ width:25%; margin-right:18px;} .Menu002034 li>a{ padding:0;} .Menu002034 .Location{ float:none; width:100%; padding-bottom:10px;} .menu_product li{ float:none; width:100%;} .menu_product li a{} .menu_product ul .dl{ position:static; display:block;} .menu_product ul .dl dd a{ text-align:left; padding-left:30px;} } @media(max-width:480px){ .Menu002034 h1{font-size:20px;} } @media(max-width:1199px){ .Menu002034 li.aon>a, .Menu002034 li>a:hover{ border-color:#fff;} } /* .RighInfo002228 为demo编号 尼为全球 */ .RighInfo002228{ padding:2% 0;} .RighInfo002228 .auto{ max-width:1200px;} .RighInfo002228 .img{padding: 2% 0} .RighInfo002228 .Ptit{ position:relative; margin:0;text-align:center;padding-bottom: 3%;padding-top: 1%} .RighInfo002228 .Ptit:before{ width:100%; height:1px; background:#e8e8e8; display:block; content:""; position:absolute; top:28%; left:0; z-index:2;} .RighInfo002228 .Ptit span{ color:#0e3c23; font-weight:normal; font-size:24px; background:#fff; padding:0 45px; position:relative; z-index:3;} .RighInfo002228 .single-header{ text-align:center;} .RighInfo002228 .single-header h1{ color:#0e3c23; font-size:20px; margin:0 0 10px 0; font-weight:normal;} .RighInfo002228 .single-header h3{color:#815122; font-size:16px; margin:0; font-weight:normal; position:relative;} .RighInfo002228 .single-header h3:after{ content:""; display:block; height:1px; background-color:#f3eee9; width:100%; z-index:1; margin-top:15px;} .RighInfo002228 .single-header h3 span{ position:relative; z-index:2; padding:0 30px; background-color:#fff;} .RighInfo002228 .single-content{text-justify:inter-ideograph; text-align:justify; word-wrap:break-word; overflow:hidden; font-size:14px; line-height:24px; color:#666; padding-top:1%;} .RighInfo002228 .single-content p{ text-indent:2em; margin:0; padding:10px 0;} .RighInfo002228 .single-content .no-textindent{ text-indent:0;} .RighInfo002228 .fr{ float:none;} .RighInfo002228 .col2+.col2{ margin-top:10px;} @media(max-width:950px){ .RighInfo002228 .auto{ padding:0 2%;} } @media screen and (min-width:465px){ .RighInfo002228 .col2{ width:48%;} .RighInfo002228 .fr{ float:right;} .RighInfo002228 .col2+.col2{ margin-top:0;} } @media screen and (min-width:768px){ .RighInfo002228 .single-header h1{ font-size:24px;} .RighInfo002228 .single-header h3{ font-size:18px;} .RighInfo002228 .single-content p{ padding:15px 0;} .RighInfo002228 .single-header h3:after{ background-color:#f3eee9; position:absolute; top:50%; z-index:1; margin-top:0;} } @media screen and (min-width:1024px){ .RighInfo002228 .single-header h1{ font-size:30px;} } /* .RighInfo002189 为demo编号 企业战略 */ .RighInfo002189{ padding:3.5% 0 1.5% 0;} .RighInfo002189 .box{ min-height:520px; z-index:2;text-justify:inter-ideograph; text-align:justify; word-wrap:break-word; line-height:2.1; color:#555; font-size:14px;} .RighInfo002189 .box .img{float: left;z-index:1; max-width:470px; width:40%;top: -3%} .RighInfo002189 .box .right_info{width: 55%;float: right;} .RighInfo002189 .box .tit{ font-size:30px; font-weight:normal; color:#0e3c23; margin:0; line-height:28px; } .RighInfo002189 .box .tit span{ position:relative; } .RighInfo002189 .box .tit span i{ font-size:27px; color:#333; width:2px; font-style:normal; position:absolute; left:8px; top:4px;} .RighInfo002189 .box .tit span i:last-child{ right:13px; left:auto;} .RighInfo002189 .box .tit em{ font-style:normal; text-transform:uppercase; color:#0e3c23; font-family:Arial; display:block; font-size:14px; padding-left:22px;padding-top: 10px;} .RighInfo002189 .box .h3{ margin:0; font-size:16px; color:#c7221d; font-weight:bold; display:block;} .RighInfo002189 .box .h3::before{content: '';width: 4px;height: 18px;display: block;background: #c7221d;float: left;margin: 8px 10px 0 0} @media screen and (max-width:640px){ .RighInfo002189 .box .img{width: 100%;text-align: center;} .RighInfo002189 .box .right_info{width: 100%;text-align: center;margin: 30px 0;} } /* .RighInfo002257 为demo编号 企业文化 */ .RighInfo002257{} .RighInfo002257{ padding:30px 0 30px;} .RighInfo002257 p{ line-height:1.8; } .RighInfo002257 .item{border-bottom:1px dashed #d0d0d0; padding:25px 0; max-width: 462px; margin: 0 auto;} .RighInfo002257 .item .pic .pic-inner,.RighInfo002257 .item .word .word-inner{ display: table-cell; vertical-align: middle;} .RighInfo002257 .item .h1{font-size:16px; margin: 0;color: #0e3c23} .RighInfo002257 .item .con{color:#666;font-size:14px; margin: 10px 0 0;line-height: 30px;} .RighInfo002257 .item .con b{color: #c7221d;} @media only screen and (max-width: 767px) { .RighInfo002257 .item .word{ padding-bottom: 15px;} .RighInfo002257 .item .con{ line-height:24px;} } @media only screen and (min-width:768px ) { .RighInfo002257 .item{ max-width: none; padding:38px 0; } .RighInfo002257 .item .pic{ float: right; width: 40%; text-align: left;} .RighInfo002257 .item .word{ float: left; width: 55%;} .RighInfo002257 .item.odd .pic{ float: right;} .RighInfo002257 .item.odd .word{ float: left;} } /* PicList002120 荣誉资质 */ .PicList002120{ padding:3% 0 0;} .PicList002120 li{ float:left; width:23.5%; margin-right:2%; margin-bottom:2%;} .PicList002120 li a{ display:block;} .PicList002120 li p{line-height:46px; padding:0 2%; text-align:center; font-size:16px;background: #f5f5f5;margin-top: -8px} .PicList002120 li :hover p{color: #fff;background: #0e3c23} .PicList002120 li .table{ display:none;} .PicList002120 li figure{padding-bottom:73%; background-size:contain;} @media(min-width:641px){ .PicList002120 li:nth-child(4n){ margin-right:0;} } @media(max-width:640px){ .PicList002120 li{ width:48%; margin-right:4%;} .PicList002120 li:nth-child(2n){ margin-right:0;} } @media(max-width:375px){ .PicList002120 li p{ font-size:16px;} } /* .Page002274 为demo编号 */ .Page002274{ text-align:center; padding:1% 0 60px;color:#666666;} .Page002274 *{ vertical-align:middle;} .Page002274 .Pages .p_cur, .Page002274 .Pages .p_count, .Page002274 .Pages .p_total{ display:none;} .Page002274 .Pages a{ display:inline-block; padding: 0 15px; line-height:37px; background-color: #eef0f1; color:#666666; margin-left:5px;} .Page002274 .Pages a:hover, .Page002274 .Pages a.a_cur{ color:#fff; background-color:#0e3c23;} .Page002274 .Pages em{ font-style:normal; display:inline-block; vertical-align:middle;} .Page002274 .Pages .i_text{ width:47px; height:36px; line-height:36px;border:1px solid #ceced5;} .Page002274 .Pages .i_button{ cursor:pointer; background:none; width:47px; height:36px;border:1px solid #ceced5;} .Page002274 .Pages .p_jump b{font-weight:normal; margin:0 5px;} .Page002274 .Pages .a_prev,.Page002274 .Pages .a_next{ font-family: 宋体; font-weight: bold; padding:0 25px; } .Page002274 .Pages a.a_first{display: none;} .Page002274 .Pages a.a_end{display: none;} .Page002274 .Pages .p_jump{display: none;} @media(max-width:1000px){ .Page002274 .Pages em{ display:none;} } @media(max-width:640px){ .Page002274 .Pages a.a_first, .Page002274 .Pages a.a_end{ display:none;} .Page002274 .Pages a{ padding:0 10px;} } /* Timeline001915 发展历程 */ .Timeline001915{ padding:3% 0;} .Timeline001915 .columnName{ padding:4% 0; line-height:normal; text-align:center; font-size:61px; color:#c20f00; text-transform:uppercase;} .Timeline001915 .columnName span{ display:block; color:#353535; font-size:30px; padding:10px 0 15px;} .Timeline001915 .columnName:after{ display:block; content:''; margin:0 auto; width:40px; height:2px; background-color:#c20f00;} .Timeline001915 .list{ background:url(../images/Timeline001915-logo.jpg) no-repeat center top; padding-top:57px;} .Timeline001915 .list ul{ background:url(../images/Timeline001915-ul.jpg) repeat-y center top; padding:54px 0;} .Timeline001915 li{ padding-left:50%; background:url(../images/Timeline001915-li.png) no-repeat center top; padding-top:10px; padding-bottom:10px;} .Timeline001915 li div{ padding-left:36px;} .Timeline001915 li div p{ line-height:24px;font-family:'黑体';} .Timeline001915 ul li:nth-child(2n){ text-align:right; padding-left:0; padding-right:50%;} .Timeline001915 ul li:nth-child(2n) div{padding-left:0; padding-right:36px;} .Timeline001915 li time{ display:block; color:#0e3c23; font-size:18px; border-top:1px solid #e1e1e4;} .Timeline001915 li time:before{ display:block; margin:-3px 0 10px 0; content:''; background-color:#0e3c23; width:20px; height:5px;} .Timeline001915 ul li:nth-child(2n) time:before{ float:right;} .Timeline001915 ul li:nth-child(2n) time span{ clear:both; display:block;} .Timeline001915 ol{ text-align:center;} .Timeline001915 ol a{ display:inline-block; width:142px; height:30px; line-height:30px; text-align:center; background-color:#0e3c23; color:#fff; font-size:14px; border-radius:5px;} @media(max-width:1000px){ .Timeline001915 .columnName{ font-size:45px;} .Timeline001915 .columnName span{ font-size:24px;} } @media(max-width:640px){ .Timeline001915 .columnName{ font-size:30px;} .Timeline001915 .columnName span{ font-size:20px;} } @media(max-width:480px){ .Timeline001915 .list{ background-position: left top; padding-left:20px;} .Timeline001915 .list ul{ background-position: 8px top;} .Timeline001915 li{ padding:0 !important; background-position: left top;} .Timeline001915 li div{ padding:10px 10px 10px 36px !important;} .Timeline001915 ul li:nth-child(2n){ text-align:left;} .Timeline001915 ul li:nth-child(2n) time:before{ float:none;} } /* RighInfo002519 经营理念 */ .RighInfo002519{ padding:2% 0 4%;} .RighInfo002519 .list_img_group{ margin:3% 0;} .RighInfo002519 .list_img_group li{ text-align:center;} @media(min-width:641px){ .RighInfo002519 .list_img_group li{ float:left; width:32.34375%;} .RighInfo002519 .list_img_group li:nth-child(2){ width:33.828125%; margin:0 0.492578125%;} } @media(max-width:640px){ .RighInfo002519 .list_img_group li{ margin:2% 0;} } /* PicList001395 成功案例 */ .PicList001395{ padding:6% 0 1%;} .PicList001395 li{width: 30.33%; float: left; margin:0 4.5% 4.5% 0; text-align: center;border: 1px solid #ddd; padding-bottom:30px; position: relative;} .PicList001395 li:nth-child(3n){ margin-right:0;} .PicList001395 li img{width: 100%; height: 192px; display:block;} .PicList001395 li .dot{color: #353535; font-weight: bold; font-size: 16px; margin-top: 10px;} .PicList001395 li:hover .dot{color: #0e3c23;} .PicList001395 li p{display: block; color: #727272; text-align: left; height: 48px; overflow: hidden; font-size: 12px; line-height: 24px;padding: 0 6%;} .PicList001395 li .more{width: 122px; height: 34px; line-height: 34px; color: #555; text-align: center;display: inline-block;border: 1px solid #555;} .PicList001395 li .more:hover{border: 1px solid #0e3c23;color: #0e3c23} .PicList001395 li .bg{ position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(255,255,255,0.9); display:none; padding: 12%;} .PicList001395 li .bg .con{ display:table; vertical-align:middle; width:100%; height:100%;} .PicList001395 li .bg .con .new{ color:#555; font-size:16px; display:table-cell; vertical-align:middle; text-align:center; } .PicList001395 li:hover .bg{ display:block;} @media (max-width: 480px){ .PicList001395 li{ width:49%; margin-right:2%;} .PicList001395 li:nth-child(3n){ margin-right:2%;} .PicList001395 li:nth-child(2n){ margin-right:0;} .PicList001395 li img{height: auto;} } /* PicList001396 资料下载 */ .PicList001396{ padding:3% 0 1%;} .PicList001396 li{width: 23%; float: left; margin:0 2.5% 2.5% 0; text-align: center; padding-bottom:30px;} .PicList001396 li:nth-child(4n){ margin-right:0;} .PicList001396 li img{width: 100%; display:block;} .PicList001396 li .dot{color: #353535; font-size: 14px; margin-top: 10px;} .PicList001396 li:hover .dot{color: #0e3c23;} @media (max-width: 480px){ .PicList001395 li{ width:49%; margin-right:2%;} .PicList001395 li:nth-child(4n){ margin-right:2%;} .PicList001395 li:nth-child(2n){ margin-right:0;} } /* PicList002149 新闻资讯 */ .PicList002149{ padding-top:2%;} .PicList002149 .auto{ max-width:1200px;} .PicList002149 h3{ margin:0; font-size:18px;} .PicList002149 p{ line-height:26px; overflow:hidden; color:#999; height:52px; margin:2% 0 0 0;} .PicList002149 ol{ background-color:#fafafa; margin-bottom:2%; position:relative; padding-left:36.25%;} .PicList002149 ol .Ispic{ width:36.25%; position:absolute; left:0; top:0; height:100%;} .PicList002149 ol .Ispic img{ display:none;} .PicList002149 ol div{ padding:5% 10% 3% 5%;} .PicList002149 ol h3 a{ color:#0e3c23;} .PicList002149 ol time{ display:block; padding:3% 0;} .PicList002149 ol p{ margin:0 0 3% 0; height:78px;} .PicList002149 ol span{ display:inline-block; width:130px; line-height:40px; text-align:center; color:#fff; background:#0e3c23; font-size:12px;} .PicList002149 ol span a{color: #fff;} .PicList002149 li{ overflow:hidden; padding-left:160px; padding-right:58px; position:relative; margin-bottom:2%; background-color:#fafafa;} .PicList002149 li:after{ position:absolute; content:''; right:0; top:0;width:58px; height:100%; background:url(../images/PicList002149-more.png) no-repeat center center; border-left:2px solid #fff;} .PicList002149 li div{border-left:1px solid #ededed; padding:2% 3%;} .PicList002149 li time{ position:absolute; left:0; top:0; width:160px; height:100%;} .PicList002149 li time span{ position:absolute; width:100%; text-align:center; top:50%;-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%); color:#b2b2b2; font-size:16px;} .PicList002149 li time i{ font-style:normal; font-size:50px; color:#999; display:block; font-family:"Courier New", Courier, monospace; line-height:40px;} .PicList002149 li time i:after{ display:block; content:''; margin:5px auto; height:1px; width:50%; max-width:66px; background:#dfdfdf;} @media(max-width:1000px){ .PicList002149 li{padding-left:100px;padding-right:30px;} .PicList002149 li:after{width:30px; background-size:35% auto;} .PicList002149 li time{width:100px;} .PicList002149 li time span{font-size:14px;} .PicList002149 li time i{font-size:40px;line-height:30px;} } @media(max-width:768px){ .PicList002149 h3{ font-size:16px;} } @media(max-width:640px){ .PicList002149 ol{ padding-left:0;} .PicList002149 ol .Ispic{ width:auto; position:relative; height:auto; display:block; padding-bottom:60%;} .PicList002149 ol div{ padding:3%;} } @media(max-width:480px){ .PicList002149 li{padding-left:80px;padding-right:0;} .PicList002149 li:after{ display:none;} .PicList002149 li time{width:80px;} .PicList002149 li time span{font-size:12px;} .PicList002149 li time i{font-size:30px;} .PicList002149 h3{ font-size:14px;} .PicList002149 p{ font-size:12px; line-height:20px; overflow:hidden; height:40px;} .PicList002149 ol p{ height:60px;} } /* .TextList001202 为demo编号 常见问题 */ .TextList001202 {padding: 3% 0} .TextList001202 li{padding-bottom:10px;} .TextList001202 dl{ position:relative; padding-left:53px;} .TextList001202 dl dt, .TextList001202 dl dd{ border:1px solid #e3e7e6;} .TextList001202 dl dt{ position:absolute; width:50px; left:0; top:0; color:#0e3c23; text-align:center; font-size:24px;} .TextList001202 dl.Q dt, .TextList001202 dl.Q dd, .TextList001202 dl.A dt{ height:50px; line-height:50px;} .TextList001202 dl.A dd{ padding:2%; line-height:22px; font-size:12px;} .TextList001202 dl.Q dd{ padding:0 2%;} .TextList001202 li figure{ padding-top:2%;} .TextList001202 li figure a{ display:inline-block; padding:0 20px; line-height:25px;color:#fff; background-color:#0e3c23;} .TextList001202 dl.A{ display:none; padding-top:10px;} .TextList001202 dl.A dt{ top:10px;} .TextList001202 dl.A p{ margin:0;} .TextList001202 dl.Q_on dt{ color:#fff; background-color:#0e3c23;} .TextList001202 dl.Q_on dd{background-color:#f7fbfc;} @media(max-width:480px){ .TextList001202 dl.Q dt, .TextList001202 dl.Q dd, .TextList001202 dl.A dt{ height:40px; line-height:40px;} .TextList001202 h1, .TextList001202 dl dt{font-size:20px;} .TextList001202 dl.A p{ max-height:66px; overflow:hidden;} } /* .RighInfo000621 为demo编号 生产保障 */ .RighInfo000621{ padding:2% 0 3%;} .RighInfo000621 .h3_621{font-size:18px;color:#0e3c23;line-height:2; margin:0;} .RighInfo000621 .p_621{font-size:16px;line-height:2;} /* RighInfo002218 售后服务 */ .RighInfo002218{text-justify:inter-ideograph; text-align:justify; word-wrap:break-word; clear:both; overflow:hidden; min-height:246px; padding:3% 0;} .RighInfo002218 .box1{padding:15px 15px 15px 15px;color:#555;font-size:14px;line-height:30px;background:#f5f5f5;} .RighInfo002218 .box1 .pic{float:right;margin-left:5%;} .RighInfo002218 .box1 .h3{font-size:18px;color:#0e3c23;margin:0 0 20px 0;} .RighInfo002218 .box1 figure{ padding:3.5% 4%; color:#555;} .RighInfo002218 .list{ padding-top:5%;} .RighInfo002218 .list li{ display:block; float:left; width:42%;} .RighInfo002218 .list li+li{ padding-left:2%;} .RighInfo002218 .list li:first-child,.RighInfo002218 .list li:last-child{ width:29%;} .RighInfo002218 .list img{ float:left; margin-right:3%; max-width:98px;} .RighInfo002218 .list figure{ padding-top:7%;} .RighInfo002218 .list h2{ font-weight:normal; color:#0e3c23; font-size:18px; margin:0;overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .RighInfo002218 .list p{ margin:10px 0 0; color:#555;overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; } @media(max-width:1000px){ .RighInfo002218 .box1 .pic{ float:none; margin:0 auto 3% auto; display:block;} .RighInfo002218 .list figure{ padding:3% 0;} .RighInfo002218 .list li{ width:100% !important; padding:0 !important; margin:2% 0;max-width:400px;} } /*RighInfo002218 End*/ /* .TextList001729 为demo编号 人才招聘 */ .TextList001729{padding: 3% 0 5%} .TextList001729 ol.type{} .TextList001729 .type{display:table; width:100%;} .TextList001729 ol.type{font-size:16px; background-color:#fff; color:#0e3c23;border: 1px solid #0e3c23} .TextList001729 ol.type li{border-right: 1px solid #0e3c23} .TextList001729 ol.type li:last-child{border-right: 0} .TextList001729 .type li{ display:table-cell; vertical-align:middle;text-align:center; padding-top:10px; padding-bottom:10px; line-height:24px;} .TextList001729 ul.type li{cursor:pointer;} .TextList001729 .type li:nth-child(1){width:10%;} .TextList001729 .type li:nth-child(2){ width:10%;} .TextList001729 .type li:nth-child(3){ width:10%;} .TextList001729 .type li:nth-child(4), .TextList001729 .type li:nth-child(5), .TextList001729 .type li:nth-child(6), .TextList001729 .type li:nth-child(7){width:10%;} .TextList001729 .type li:nth-child(8){ width:15%;} .TextList001729 .type li:nth-child(1), .TextList001729 .type li:nth-child(8){ padding-left:2%; text-align:left !important;} .TextList001729 ul.type li:nth-child(8){background:url(../images/TextList001729-icon_close.png) no-repeat 90% center;} .TextList001729 ul.type#On li:nth-child(8){ background-image:url(../images/TextList001729-icon_open.png);} .TextList001729 .list{border-bottom:1px solid #e5e5e5;} .TextList001729 .list .con{ display:none;border-top:1px solid #e5e5e5; overflow:hidden; font-size:14px; padding:2%;line-height: 30px;} .TextList001729 .btn_apply{ padding:10px 0;} .TextList001729 .btn_apply a{ display:inline-block; max-width:180px; width:40%; height:50px; line-height:44px; text-align:center; color:#0e3c23; background-color:#fff; font-size:18px; border-radius:3px;border:1px solid #0e3c23} @media(max-width:1000px){ .TextList001729 .type li:nth-child(2), .TextList001729 .type li:nth-child(5), .TextList001729 .type li:nth-child(6){ display:none;} .TextList001729 .type li{ width:20% !important;} } @media(max-width:768px){ .TextList001729 .search{ position:relative; margin-top:10px; top:auto; width:auto;} .TextList001729 .type li:nth-child(7){ display:none;} .TextList001729 .type li{ width:24% !important;} .TextList001729 .type li:nth-child(8){ width:28% !important;} } @media(max-width:480px){ .TextList001729 .type li:nth-child(3){ display:none;} .TextList001729 .type li{ width:30% !important;} .TextList001729 .type li:nth-child(8){ width:40% !important;} .TextList001729 ol.type{font-size:15px;} .TextList001729 .btn_apply a{font-size:16px; height:40px; line-height:40px;} .TextList001729 ul.type li:nth-child(8){ background-size:16px auto;} } /* Map002515 联系我们 */ .Map002515{padding-bottom: 2%} .Map002515 .list h1{font-size: 24px;color: #0e3c23} .Map002515 .list h1::after{content: '';width: 30px;height: 3px;background: #0e3c23;display: block;margin-top: 20px;} .Map002515 .list dl{ padding:1% 0 0%;} .Map002515 .list dd{ float:left;width:50%;} .Map002515 .list dd h1, .Map002515 .list dd h2, .Map002515 .list dd p{ font-size:16px;padding-left:44px; line-height:35px;} .Map002515 .list dd h1, .Map002515 .list dd h2{ font-weight:normal;background-repeat:no-repeat; background-position: left center;} .Map002515 .list dd h1{ font-size:24px; } .Map002515 .list dd h2{ font-size:16px;margin-bottom: 30px;background-position: left top;} .Map002515 .list dd h2.h2_1{ background-image:url(../images/Form001852-icon1.png);} .Map002515 .list dd h2.h2_2{ background-image:url(../images/Form001852-icon2.png);} .Map002515 .list dd h2.h2_3{ background-image:url(../images/Form001852-icon3.png);} .Map002515 .list dd h2.h2_4{ background-image:url(../images/Form001852-icon4.png);} .Map002515 .list dd h2.h2_5{ background-image:url(../images/xianlu.png);} .Map002515 .list{ padding:3% 0;} .Map002515 .list .name{ font-size:20px; color:#009b4c; padding-left:40px; background:url(../images/Map002515_icon_3.png) no-repeat left center; margin-bottom:3%;} .Map002515 .list p{ margin:0; line-height:30px; font-size:16px;} .Map002515 .list .map{ margin-top:3%; height:320px;border: 1px solid #ddd} .Map002515 .list .map *{ box-sizing:content-box;} .Map002515 .list .map img{ max-width:none;} @media(max-width:1024px){ .Map002515 .auto{padding:2%;} } @media(max-width:1024px) and (min-width:641px){ .Map002515 .number dd h3{ font-size:20px; } } @media(max-width:640px){ .Map002515 .number dl{ float:none !important; width:100%; margin-bottom:2%;} } @media(max-width:768px){ .Map002515 .list dd{width: 100% !important;} } @media(max-width:480px){ .Map002515 .title{ font-size:20px;} .Map002515 .number dl{ height:90px;} .Map002515 .number dd{ padding-left:20px;} .Map002515 .number dd h3{ font-size:24px; } .Map002515 .number dd.img{ width:90px;} .Map002515 .number dd.img img{ width:80px; height:80px;} } /* PicList002525 产品列表 */ .PicList002525{ padding:2% 0 2%;} .PicList002525 ul{ overflow:hidden;} .PicList002525 li{ float:left; position:relative; text-align:center; padding:0% 0 0%; margin-top:-1px;width: 25%;border: 1px solid #dfe3ef;margin-bottom: 30px;} .PicList002525 li a, .PicList002525 li::after{ position:absolute;width:100%; height:100%; left:0; top:0; } .PicList002525 li::after{ content:''; } .PicList002525 li .Ispic{ padding-bottom:84.3%; } .PicList002525 li a{ opacity:0; z-index:5; transition:0.3s;} .PicList002525 li a:hover .Ispic{border: 1px solid #0e51a7} .PicList002525 li p{ margin:0; color:#333; padding:12px 3% 1% 3%;font-size: 18px;} .PicList002525 li .more{font-size: 14px;color: #888f9f;padding-bottom: 5%} .PicList002525 li span{ color:#999; padding-bottom:5px;} .PicList002525 .more{ text-align:center; padding-top:3%;} .PicList002525 .more a{ display:inline-block; background:url(../images/PicList002525_more.png) no-repeat; width:28px; height:28px; overflow:hidden; line-height:1000px; animation:infinite linear 1s PicList002525_more;} @keyframes PicList002525_more{ 0%{ transform:rotate(0deg);} 100%{transform:rotate(360deg);} } @-webkit-keyframes PicList002525_more{ 0%{ transform:rotate(0deg);} 100%{transform:rotate(360deg);} } @media(min-width:769px){ .PicList002525 li{width:23.8%;margin-right: 1.6%;} .PicList002525 li:nth-child(4n){margin-right: 0} .PicList002525 li:nth-child(4n)::after{ border-right:0;} } @media(max-width:768px){ .PicList002525 li{width:50%;} .PicList002525 li:nth-child(2n)::after{ border-right:0;} } /* .RighInfo002254 为demo编号 产品详情页 */ .RighInfo002254{ padding:3% 0 3%;} .RighInfo002254 .list_img{ float:left; width:58.6%; position:relative;} .RighInfo002254 .big_img{ position:absolute; left:0; top:0; height:100%; width:80%; padding:52px 0;} .RighInfo002254 .big_img .ul{ position:relative; width:100%; height:100%;} .RighInfo002254 .big_img li, .RighInfo002254 .big_img li figure{ position:absolute; left:0; width:100%; top:0; height:100%;} .RighInfo002254 .big_img li figure{ border:1px solid #dcdcdc;background-size:contain;} .RighInfo002254 .list{ padding:42px 0 42px 82.9%;} .RighInfo002254 .list .bd{ position:relative;} .RighInfo002254 .list a{ position:absolute; width:17.1%; height:40px; right:0; background:url(../images/RighInfo002254-btn_prev.png) no-repeat center center/auto 50%; cursor:pointer;} .RighInfo002254 .list a.prev{ top:0;} .RighInfo002254 .list a.next{ bottom:0; background-image:url(../images/RighInfo002254-btn_next.png);} .RighInfo002254 .list a.prevStop, .RighInfo002254 .list a.nextStop{ cursor:default;} .RighInfo002254 .list li{ height:130px; position:relative;} .RighInfo002254 .list li figure{ position:absolute; left:0; width:100%; top:9px; bottom:15px; background-size:contain; border:1px solid #f2f2f2;} .RighInfo002254 .list li.on figure{ border:2px solid #0e3c23;} .RighInfo002254 .right_info{ float:right; width:39.2%;} .RighInfo002254 .right_info h1, .RighInfo002254 .right_info h3, .RighInfo002254 .right_info p{ margin:0;padding:5% 0;border-bottom:1px solid #e7e8e8;} .RighInfo002254 .right_info h1{ padding:7% 0; color:#0e3c23; font-size:26px; } .RighInfo002254 .right_info h3{ font-size:18px; font-weight:normal;} .RighInfo002254 .right_info p{line-height:30px; color:#999; margin-bottom:10%;} .RighInfo002254 .right_info a{ display:inline-block; border:1px solid #0e3c23; padding:10px 5%; color:#0e3c23; transition:0.4s;} .RighInfo002254 .right_info a:hover{ background-color:#0e3c23; color:#fff;} .RighInfo002254 .tab{ padding:3% 0;} .RighInfo002254 .tab .h1_tab{ margin:0; border-bottom:1px solid #e7e8e8; overflow:hidden; font-size:16px; font-weight:normal; color:#000;} .RighInfo002254 .tab .h1_tab span{ float:left; padding:0 5%; line-height:50px; background-color:#f2f2f3; margin-right:4px; cursor:pointer;} .RighInfo002254 .tab .h1_tab span.on{ background-color:#0e3c23; color:#fff;} .RighInfo002254 .tab .info{ padding-top:3%;line-height: 30px;} .RighInfo002254 .tab .info img{display: block;margin: auto} .RighInfo002254 .ul_download li{ border-bottom:1px solid #d1d1d3; line-height:34px; background:url(../images/RighInfo002254-icon_download.png) no-repeat right center; padding:10px 0;} .RighInfo002254 .ul_download li a{ padding:0 38px; background:url(../images/RighInfo002254-icon.png) no-repeat left center;} @media(max-width:768px){ .RighInfo002254 .list_img, .RighInfo002254 .right_info{ float:none; width:auto;} } @media(max-width:640px){ .RighInfo002254 .list li{ height:100px;} .RighInfo002254 .right_info h1{font-size:20px; } .RighInfo002254 .right_info h3{ font-size:16px;} } @media(max-width:480px){ .RighInfo002254 .list{ padding-top:30px; padding-bottom:30px;} .RighInfo002254 .list a{ height:28px; background-size:auto 35%;} .RighInfo002254 .list li{ height:80px;} .RighInfo002254 .tab .h1_tab{ font-size:14px;} .RighInfo002254 .tab .h1_tab span{ padding:0 3%;} } .RighInfo002254 .list_img .video_box{ width: 80%;position: absolute; left: 0; top: 0; height: 100%; z-index: 9;} .RighInfo002254 .list_img .video_box .video_m{ background: #000;position: absolute; top: 50%; left: 0; transform: translateY(-50%); padding: 30px 0; width:100%;} .RighInfo002254 .list_img .video_box video{ width: 100%; height:100%;} /*@media(max-width:640px){ .RighInfo002254 .list_img{ padding-top:300px;} .RighInfo002254 .big_img{ position:absolute; top:0; left:0; width:100%; height:300px;} .RighInfo002254 .list{ padding:0 30px; position:relative;} .RighInfo002254 .list_img .video_box{ position:absolute; top:0; left:0; width:100%; height:300px;} .RighInfo002254 .list_img .video_box .video_m{} .RighInfo002254 .list li{ float:left; width:31.33%; margin:0 1%;} .RighInfo002254 .list a.prev, .RighInfo002254 .list a.next{ width:20px; height:20px; margin:0; padding:0; font-size:0; position:absolute; top:26px;} .RighInfo002254 .list a.prev{ left:6px; background:url(../images/left.png) no-repeat center center;} .RighInfo002254 .list a.next{ right:6px; background:url(../images/right.png) no-repeat center center;} .RighInfo002254 .list .bd .tempWrap{ height:100px !important;} } */ /* .Location001757 为demo编号 */ .Location001757{position: absolute;bottom: 20px;right: 360px} .Location001757 .current{line-height:37px; text-align:right;color: #fff} .Location001757 .current span{color:#fff;} .Location001757 .current a{color:#fff;} .Location001757 .columnName{ font-size:30px; color:#fff; line-height:normal; padding:3% 0;} .Location001757 .columnName span{ display:block; color:#cdc9c7; font-size:24px;} @media(max-width:640px){ .Location001757 .current{ font-size:12px;} .Location001757 .columnName{ font-size:20px; } .Location001757 .columnName span{font-size:16px;} .Location001757{right: 20px;bottom: 0px;} .Location001757 .current{line-height: 20PX;} } /* .Floor001207 为demo编号 */ .Floor001207{ background:url(../images/Floor001207-bg.jpg) no-repeat center top/cover; padding:3% 0; overflow:hidden;} .Floor001207 h1{ padding-bottom:3%; margin:0; font-size:72px; text-transform:uppercase; color:#303030;} .Floor001207 h1 span{ display:block; font-size:24px; opacity:0.4;} .Floor001207 .boutique {position: relative; z-index: 1;} .Floor001207 li{position: absolute;z-index: 1;display: none;} .Floor001207 li img {width: 357px;height: 357px} .Floor001207 li a{ display:block;} .Floor001207 .main{position:relative;} .Floor001207 .main .btn{ position:absolute; width:30px; height:60px; top:50%;margin-top:-30px; z-index:10; cursor:pointer;} .Floor001207 .main .prev{left:-5%; } .Floor001207 .main .next{right:-5%; transform:rotate(180deg);} .Floor001207 .main .btn::before, .Floor001207 .main .btn::after{ position:absolute; content:''; width:100%; height:2px; background-color:#000; transform:rotate(-45deg); top:50%; margin-top:-10px;} .Floor001207 .main .btn::after{transform:rotate(45deg);margin-top:10px;} .Floor001207 li div{ display:none !important; } .Floor001207 .name{text-align:center; font-size:14px; font-family:Arial, Helvetica, sans-serif; margin:20px auto 0; max-width:40%;} .Floor001207 .name h6{ margin:0; font-size:24px; position:relative;color:#0e3c23; display:inline-block; font-weight:normal;} .Floor001207 .name1 h6::before{ position:absolute; content:''; width:50px; height:3px; background-color:#000; left:50%; margin-left:-25px; bottom:5px;} @media(max-width:1200px){ .Floor001207 .main .prev{ left:2%;} .Floor001207 .main .next{right:2%; } } @media(max-width:1000px){ .Floor001207 h1{font-size:30px;} .Floor001207 h1 span{font-size:18px;} } @media(max-width:768px){ .Floor001207 .name{max-width:none;} .Floor001207 .main .btn{ top:60%;} } @media(max-width:480px){ .Floor001207 h1{font-size:20px;} .Floor001207 h1 span{font-size:16px;} .Floor001207 .name h6{font-size:18px;} .Floor001207 .main .btn{width:20px; height:40px;margin-top:-20px;} .Floor001207 .main .btn::before, .Floor001207 .main .btn::after{margin-top:-7px;} .Floor001207 .main .btn::after{margin-top:7px;} } /* .TextList002322 为demo编号 */ .TextList002322{ padding: 30px 3%; border: 1px solid #f0f0f0;} .TextList002322 .tit{ height:31px; line-height:31px; padding-left:16px; color:#6e6e6e; font-size:20px; position: relative;} .TextList002322 .tit:before{display: block; content: ""; position: absolute; top: 50%; left: 0; width: 9px; height: 19px; background: url(../images/TextList002322-icon.png) no-repeat; margin-top: -9px;} .TextList002322 .list{ padding-top: 20px;} .TextList002322 .list li{ position: relative; padding: 10px 0px 50px 230px; line-height: 42px; border-top: 2px solid #ddd} .TextList002322 .list li *{ color: #666;} .TextList002322 .list li time{ position: absolute; left: 0; top: -3px; display: block;font-size: 20px;width: 200px;line-height: 62px;} .TextList002322 .list li time::before{content: '';width: 100%;height: 4px;background: #0e3c23;display: block;} .TextList002322 .list li a{position: relative; display: block; width: 100%; padding-left: 15px;color: #555} .TextList002322 .list li a:hover{ color: #0e3c23;} @media only screen and (max-width:767px ) { .TextList002322{ padding: 20px 3%;} } @media(max-width:680px){ .TextList002322 .list li{padding: 20px} .TextList002322 .list li time{text-align: center;width: 100%;} .TextList002322 .list li a{margin-top: 30px;} } /*Floor002049 */ .Floor0020491{ padding-bottom:4%;} .Floor0020491 h1{ margin:0; padding:20px 0; font-size:24px; font-weight:normal; background:url(../images/Floor002049-icon.png) no-repeat left center; padding-left:35px; line-height:32px;} .Floor0020491 h1 span{ font-size:12px;color:#8a8fa0; margin-left:10px; text-transform:uppercase;} .Floor0020491 h1 a{float: right;font-size: 14px;padding: 0 1.5%;border-radius: 20px;color: #0e3c23;border: 1px solid #0e3c23;line-height: 26px;margin-top: 5px;text-align: center;} .Floor0020491 h1 a:hover{background: #0e3c23;color: #fff} .Floor0020491 .auto{ position:relative;} .Floor0020491 .list li{ position:relative; text-align:center;} .Floor0020491 .list li a{ position:absolute; left:0; top:0; right:0; bottom:0; border:1px solid #dfe2ef; z-index:11;} .Floor0020491 .list li p{ margin:0; font-size:18px; padding:5% 3% 5% 3%; color:#fff; text-transform:uppercase;position: absolute;z-index: 10;bottom: 0;width: 100%;display: none;background: rgba(0,0,0,0.6);} .Floor0020491 .list li:hover p{display: block} .Floor0020491 .list li i{ color:#8a8fa0; display:block; padding-bottom:5%;font-style:normal;} .Floor0020491 .list li a:hover{} .Floor0020491 .list li:hover i{ color:#e4151b;} .Floor0020491 .list li figure{ padding:5%; overflow:hidden;} .Floor0020491 .list li figure span{ display:block; padding-bottom:96%; transition:all 0.3s ease-in; -webkit-transition:all 0.3s ease-in; -o-transition:all 0.3s ease-in; -moz-transition:all 0.3s ease-in;} .Floor0020491 .list li:hover figure span{ transform:scale(1.1); -webkit-transform:scale(1.1); -o-transform:scale(1.1); -moz-transform:scale(1.1);} .Floor0020491 .list li figure img{ display:none;} .Floor0020491 .list .bx-controls-direction{ position:absolute; right:80px; top:25px;} .Floor0020491 .list .bx-controls-direction a{ float:left; width:32px; height:28px; background:url(../images/Floor002049-btn.png) no-repeat 11px center; overflow:hidden; line-height:100px; border:1px solid #999;} .Floor0020491 .list .bx-controls-direction a.bx-next{ border-left:0; background-position:-18px center;} .Floor0020491 .list .bx-controls-direction a:hover{ background-image:url(../images/Floor002049-btn_hover.gif); background-color:#0e3c23; border-color:#0e3c23;} @media(max-width:1200px){ .Floor0020491 .list .bx-controls-direction{ right:2%;} } @media(max-width:1199px){ .Floor0020491 .list .bx-controls-direction{ right: 10%;} } @media(max-width:640px){ .Floor002041 h1{ font-size:18px;} .Floor0020491 h1 a{display: none;} } @media(max-width:480px){ .Floor0020491 h1 span{ display:none;} .Floor0020491 .list li p{ display:block; font-size:14px;} } /*推荐产品*/ /*PicList002079 */ .PicList002079 {margin: 3% 0;} .PicList002079 ul{ position:relative; padding-bottom:85%;} .PicList002079 li{ position:absolute; width:49.12%; height:31.31%; } .PicList002079 li.li_1, .PicList002079 li.li_2{ width:23.82%; height:31.31%;} .PicList002079 li.li_3, .PicList002079 li.li_4{ width:23.82%; height:31.31%;} .PicList002079 li.li_6, .PicList002079 li.li_7, .PicList002079 li.li_8{ width:32.1%; height:33.25%;} .PicList002079 li.li_0{ left:0; top:0;} .PicList002079 li.li_1{ left:0; top:33.25%;} .PicList002079 li.li_2{ left:25.3%; top:33.25%;} .PicList002079 li.li_3{right: 0;top: 0;} .PicList002079 li.li_4{right: 25.3%;top: 0;} .PicList002079 li.li_5{ right:0; top: 33.35%;;} .PicList002079 li.li_6{ left:0; bottom:0;} .PicList002079 li.li_7{ left:34%; bottom:0;} .PicList002079 li.li_8{ right:0; bottom:0;} .PicList002079 li figure img{ display:none;} .PicList002079 li p{ border:1px solid #e2e2e2; height:50px; line-height:50px; text-align:center; margin:0; padding:0 3%;} @media(max-width:640px){ .PicList002079 li p{ line-height:35px; height:35px;} } @media(max-width:375px){ .PicList002079 ul{ padding-bottom:0;} .PicList002079 li{ width:auto !important; height:auto !important; position:relative; left:auto !important; right:auto !important; top:auto !important; bottom:auto !important ; margin-bottom:3%;} .PicList002079 li figure{ height:auto !important; padding-bottom:50%;} } /*新闻详情*/ /* .RichInfo005 为demo编号 */ .RichInfo005 img{text-align:center; padding: 10px 0;} .RichInfo005{ padding:30px 0;text-align: center;} .RichInfo005 p{text-align:left;} .RichInfo005 .news_info{ max-width:815px;} .RichInfo005 .news_info .title{ text-align:center; padding-bottom:20px;} .RichInfo005 .news_info .title h1{ margin:0; padding-bottom:15px; font-size:24px; font-weight:normal;} .RichInfo005 .news_info .title p{ text-align: center; margin:0; border-bottom:1px dashed #d2d2d2; padding-bottom:10px;} .RichInfo005 .news_info .title p span{ margin:0 5px; color:#777;} .RichInfo005 .news_info .info{ text-align:justify; text-justify:inter-ideograph;} .RichInfo005 .news_info .info_back{ text-align:center; clear:both; padding:20px 0;} .RichInfo005 .news_info .info_back a{ color:#000; font-size:14px;} .RichInfo005 .news_info .info_back a:hover{ color:#0e3c23;} .RichInfo005 .news_info .info_pn span{ display:block;} .RichInfo005 .news_info .info_pn span a{ color:#000;} .RichInfo005 .news_info .info_pn span a:hover{color:#0e3c23;} /*首页视频*/ /* .Floor002386 为demo编号 */ .Floor002386 .title{ text-align:center; padding-bottom:3%;} .Floor002386 .title h1{ margin:0; padding-top:30px; padding-bottom:20px; font-size:36px; color:#c7221d; font-family:Arial, Helvetica, sans-serif; border-bottom:1px solid #c4c5c7;text-transform: uppercase;} .Floor002386 .title span{background-color:#eee; position:relative; display:inline-block; padding:0 5px; font-size:15px; text-transform: uppercase;color:#333; margin-top:-20px;} .Floor002386 .title span::before{ position:absolute; content:''; width:26px; height:3px; background-color:#c7221d; left:50%; margin-left:-13px; bottom:-10px;} .Floor002386 .txt{ float:left;width:48%;} .Floor002386 .txt h2{font-size:18px;margin:0;color: #0e3c23;} .Floor002386 .txt p{line-height: 30px;color: #999;} .Floor002386 .all_more{ border:1px solid #e0e0e0; font-weight:bold; font-size:0.8em; display:inline-block; line-height:2.85em; padding-left:2.5em; padding-right:3.5em; border-radius:30px; background:url(../images/Floor001640-a_more.png) no-repeat 90% center;transition:all ease 0.5s;color: #0e3c23;} .Floor002386 .all_more:hover{ padding-right:2.5em; background-color:#0e3c23; background-position:120% center; color:#fff; transition:all ease 0.5s;} .Floor002386{ width: 100%; background: #f2f2f2; margin-top: 2%;} .Floor002386 .auto{ position:relative; padding-top:1.5%; padding-bottom: 2%;} .Floor002386 .box{position:relative; z-index:2;} .Floor002386 .box_news{ padding:0; overflow: hidden;} .Floor002386 .box_about:before{ position:absolute; content:'';} .Floor002386 .box_about figure{ overflow: hidden;} .Floor002386 .box_about figure img{ width:100%; display: block;overflow:hidden;transition:All 0.5s ease-in-out;-webkit-transition:All 0.5s ease-in-out; -moz-transition:All 0.5s ease-in-out; -o-transition:All 0.5s ease-in-out;} .Floor002386 .box_about figure img:hover{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1); -ms-transform:scale(1.1);} .Floor002386 .box_about figure p { margin: 0; position: absolute; left: 0; bottom: 0; width: 100%; background-color: rgba(218,37,29,0.8); padding: 2% 5%; z-index: 10; } .Floor002386 .box_about figure p span{ display: block; position: relative; z-index: 11;color: #fff;font-size: 14px;line-height: 22px; height: 44px; overflow: hidden;} .Floor002386 .box_about .Ispic{ position: relative;} .Floor002386 .box_about .Ispic i{width: 60px; height: 60px; position: absolute; top: 50%; left: 50%; margin-top: -55px; margin-left: -30px; background: url(../images/Floor001753-a_video.png) 0 0 no-repeat;} .Floor002386 .box_about .Ispic .videoCon{display: none;} .videoCon video{width: 100%;} .Floor002386 .box_about ul li{ float: left; width: 20%; text-align: center;} .Floor002386 .box_about ul li img{ width: 50px; height: 50px; transition: transform .5s ease-in-out;} .Floor002386 .box_about ul li:hover img{ transform: rotateY(360deg); -webkit-transform: rotateY(360deg); -ms-transform: rotateY(360deg); -moz-transform: rotateY(360deg); } .Floor002386 .box_about ul li p{ margin: 10px 0 0;} .Floor002386 .box_about ul{ margin-top: 15px;} .Floor002386 .more_n{ color: #666; border: solid 1px #b9b9b9; border-radius: 15px; display: block; width: 70px; height: 28px; text-align: center; line-height: 28px; margin-top: 10px;} .Floor002386 .list dl{ overflow:hidden; clear:both; padding-bottom:25px;} .Floor002386 .list dl:last-child{ margin-bottom:0; border-bottom:0;} .Floor002386 .list dt{ float:left; width:31%;} .Floor002386 .list dt img{ width:100%;max-height:126px;} .Floor002386 .list dd{ float:right; width:67%; } .Floor002386 .list dd .dot{ font-size:16px;} .Floor002386 .list dd .dot:hover{ color:#df0000; } .Floor002386 .list dd p{ line-height:22px; margin-bottom:0; overflow:hidden; height:44px; color:#888; margin-top: 10px 0 0;} .Floor002386 .bx-pager{ display:none;} .Floor002386 .bx-controls-direction{ position:absolute; right:0; top:45px;} .Floor002386 .bx-controls-direction a{ display:block; float:left; width:38px; height:18px; background-image:url(../images/fancybox_sprite.png); background-repeat: no-repeat ; background-color:#df0000; overflow:hidden; text-indent:-999em;} .Floor002386 .bx-controls-direction a.bx-prev{ background-position:0 bottom;} .Floor002386 .bx-controls-direction a.bx-next{ background-position:right 0;margin-left:6px;} .Floor002386 .bx-controls-direction a.disabled{background-color:#fff; } .Floor002386 .bx-controls-direction a.bx-prev.disabled{background-position:0 0;} .Floor002386 .bx-controls-direction a.bx-next.disabled{background-position:right bottom;} @media(max-width:899px){ .Floor002386 .auto{ padding-bottom:0;} .Floor002386 .box h1{ padding-bottom:20px;} .Floor002386 .box_about{ padding:20px 0;} .Floor002386 .list dt{ width:45%;} .Floor002386 .list dd{ width:52%;} .Floor002386 .Title h3{ font-size: 20px;} .Floor002386 .list dl{ padding-bottom:20px;} } @media(max-width:768px){ .Floor002386 .txt{width: 100%; margin-bottom: 4%;} .Floor002386 .box_about .Ispic{width: 100%;} .Floor002386 .txt p{ max-height:120px; overflow:hidden;} } @media only screen and (min-width:900px ) { .Floor002386 .box_about:before{top:10%; height:85%;left:6%; border-right:1px dashed #b9b9b9; width: 1px;} .Floor002386 .box{ float:left;} .Floor002386 .box_news{ width:52%;} .Floor002386 .box_about{width:48%;float: right;} } .HomeAbout{} .HomeAbout .HomeAboutPic{ position:absolute; left:0; top:0; width:100%; height:100%; overflow:hidden; z-index:9;} .HomeAbout .HomeAboutPic img{ width:100%;} .HomeAbout .box_about .Ispic .videoCon{ display:block;} /*fancyBox插件样式，如有同种插件请只留一个样式*/ /*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */ .fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; } .fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; } .fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .fancybox-opened { z-index: 8030; } .fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); } .fancybox-outer, .fancybox-inner { position: relative; } .fancybox-inner { overflow: hidden; } .fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; } .fancybox-error { color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 15px; white-space: nowrap; } .fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; } .fancybox-image { max-width: 100%; max-height: 100%; } #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('../images/fancybox_sprite.png'); } #fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; } #fancybox-loading div { width: 44px; height: 44px; background: url('fancybox_loading.gif') center center no-repeat; } .fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; } .fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url('blank.gif'); /* helps IE */ -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040; } .fancybox-prev { left: 0; } .fancybox-next { right: 0; } .fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; } .fancybox-prev span { left: 10px; background-position: 0 -36px; } .fancybox-next span { right: 10px; background-position: 0 -72px; } .fancybox-nav:hover span { visibility: visible; } .fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; } /* Overlay helper */ .fancybox-lock { overflow: hidden !important; width: auto; } .fancybox-lock body { overflow: hidden !important; } .fancybox-lock-test { overflow-y: hidden !important; } .fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url('fancybox_overlay.png'); } .fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; } .fancybox-lock .fancybox-overlay { overflow: auto; overflow-x: hidden; overflow-y: scroll; } /* Title helper */ .fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position: relative; text-shadow: none; z-index: 8050; } .fancybox-opened .fancybox-title { visibility: visible; } .fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; } .fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; } .fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; } .fancybox-title-inside-wrap { padding-top: 10px; } .fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8); } /*Retina graphics!*/ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5){ #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('fancybox_sprite@2x.png'); background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/ } #fancybox-loading div { background-image: url('fancybox_loading@2x.gif'); background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/ } } /*案例详情*/ .RighInfo001749{margin: 3% 0;} .RighInfo001749 .auto .txt{float: left;width: 50%;} .RighInfo001749 .auto .txt .h3{ text-align:center; margin:0;} .RighInfo001749 .auto .text{position: relative;} .RighInfo001749 .auto .tp{float: right; position: relative; width:50%; padding-left:8px;} .RighInfo001749 .auto .img{ float: left;margin-top: 30px; width:24%; margin-right:1.333%;} .RighInfo001749 .auto .img:last-child{margin-right: 0px;} .RighInfo001749 .video_box{ width:100%; background: #000;} .RighInfo001749 .video_box video{ width: 100%;} @media(max-width:640px){ .RighInfo001749 .auto .txt{width: 100%;} .RighInfo001749 .video_box{width: 100%;} .RighInfo001749 .auto .img{ width:48%; margin:0 1% 20px;} .RighInfo001749 .auto .img:last-child{margin-right:1%;} .RighInfo001749 .auto .tp{ float:none; width:100%; padding:0 0 30px;} } /*生产保障*/ .TextList001398{ padding:2% 0;} .TextList001398 li{height: 49px; padding: 0 10px; border-bottom: 1px solid #e3e3e3; line-height: 49px; position:relative;} .TextList001398 li a{display:block; padding: 0 75px 0 20px; background: url(../images/TextList001398_dow.png) 0 50% no-repeat; font-size: 16px; color: #3d3d3d;} .TextList001398 li a:hover{color: #D61919;} .TextList001398 li .btn{width: 71px; height: 49px; position: absolute; top: 0; right: 10px; background: url(../images/TextList001398_btn.png) 0 50% no-repeat;} .TextList001398 li:nth-child(2n){background: #f2f2f2;} .history_h{ text-align:center; padding:25px 0; width:380px; max-width:100%; height:90px; background:#0e3c23; margin:0 auto; border-radius:5px;} .history_h span{ display:inline-block; position:relative; font-size:30px; font-weight:bold; color:#fff;} .history_h span::before, .history_h span::after{ content:''; display:block; width:60px; height:2px; background:#fff; position:absolute; top:50%;} .history_h span::before{ left:-75px;} .history_h span::after{ right:-75px;} /*公司简介*/ .about{ padding:3% 0;} .about .about_left{ float:left; width:50%; padding-right:50px; padding-top:50px;} .about .about_left .about_video{ width:100%; position:relative;} .about .about_right{ float:right; width:50%;} .about .about_right .about_h{ border-bottom:1px solid #d9d9d9; margin-bottom:30px;} .about .about_right .about_h span{ display:inline-block; border-bottom:3px solid #0e3c23; margin-bottom:-2px; font-size:28px; padding-bottom:10px;} .about .about_right .about_info{ line-height:26px;} .about .about_left video{ width:100%;} .about .about_left .AboutPic{ position:absolute; left:0; top:0; width:100%; height:100%; overflow:hidden; cursor:pointer;} .about .about_left .AboutPic img{ width:100%;} .about .about_left .AboutPic .play{ background:url(../images/Floor001753-a_video.png) no-repeat center center; width:60px; height:60px; position:absolute; top:50%; left:50%; margin-top:-30px; margin-left:-30px;} @media(max-width:640px){ .about .about_left, .about .about_right{ float:none; width:100%;} .about .about_left{ padding:0; margin-bottom:30px;} .about .about_right .about_h span{ font-size:24px;} .about .about_right .about_info{ line-height:20px;} } /*产品列表*/ .product{ padding:1% 0 3%;} .product .pd_left{ float:left; width:24%; border:1px solid #e1e1e1; padding:12px;} .product .pd_left .pd_a{ padding:15px 32px 15px 0; border-bottom:1px solid #e1e1e1; position:relative;} .product .pd_left .pd_a i{ display:none; width:16px; height:16px; background:url(../images/idnea1.png) no-repeat center center; position:absolute; top:18px; right:0; cursor:pointer;} .product .pd_left .pd_aon i{ background:url(../images/idnea2.png) no-repeat center center;} .product .pd_left .has_dl i{ display:block;} .pd_left .dl{ border-bottom:1px solid #e1e1e1; padding:15px 0; display:none;} .pd_left .dl dd a{ display:inline-block; margin-left:25px; padding:5px 0;} .pd_left .dl dd a:hover, .pd_left .dl .pd_aon2 a{ color:#333;} .product .pd_right{ float:right; width:74%;} .pd_right .ul li{ float:left; width:31.33%; margin:0 1% 2.2%;} .pd_right .ul li a{ display:block; border:1px solid #e1e1e1; padding:30px 10px; transition:all 0.5s;} .pd_right .ul li:hover a{ transform:translateY(-16px); border-color:#0e3c23;} .pd_right .ul li figure{ width:100%; padding-bottom:70.8%; position:relative; overflow:hidden;} .pd_right .ul li figure img{ width:100%; position:absolute; top:0; left:0;} .pd_right .ul li .h3{ font-weight:normal; font-size:14px; text-align:center; margin:40px 0 50px;} .pd_right .ul li span{ display:block; border:1px solid #333; color:#333; width:86px; height:35px; text-align:center; line-height:35px; margin:0 auto;} .pd_right .ul li span:hover{ border-color:#0e3c23; color:#0e3c23;} .MenuShow{ width:100%; height:40px; background:url(../images/RighInfo002254-btn_next.png) no-repeat center center; background-size:auto 40%; border:1px solid #e1e1e1; display:none;} .MenuOn{ background-image:url(../images/RighInfo002254-btn_prev.png);} @media(max-width:768px){ .product .pd_left{ float:none; width:480px; max-width:100%; margin:0 auto;} .product .pd_right{ float:none; width:100%;} .MenuShow{ margin-bottom:30px; display:block;} } @media(max-width:480px){ .pd_right .ul li{ width:49%; margin-right:2%; margin-left:0;} .pd_right .ul li:nth-child(3n){ margin-right:2%;} .pd_right .ul li:nth-child(2n){ margin-right:0;} .pd_right .ul li .h3{ margin:8px 0;} .pd_right .ul li span{ font-size:12px; width:70px; height:26px; line-height:26px;} .pd_right .ul li a{ padding:10px;} } @media(max-width:640px){ .product .pd_left{ display:none;} .product .MenuCasePhone{ display:block; padding:10px 0;} .product .MenuCasePhone .owl-theme .owl-nav [class*=owl-]{ display:none;} .product .MenuCasePhone .pd_aon2{ border-bottom:2px solid #0e3c23;} } /*右侧浮动按钮*/ .floatbtns{position:fixed;top:50%;right:10px; width:74px;margin-top:-110px;z-index:100;} .floatbtns .box{padding:0 7px 12px; margin:0;background-color:#2b2b2b;border-bottom:1px solid #555;} .floatbtns a{display:block;line-height:20px;text-align:center;font-size:12px;color:#fff;padding:12px 0 0 0;} .floatbtns a img{display:block;height:36px;margin:0 auto;position:relative;} .floatbtns .returntopbtn{background-color:#e94709;} .floatbtns .returntopbtn a{height:61px;border:none;} .floatbtns .returntopbtn img{height:36px;} .floatbtns .contact{ position:relative;} .floatbtns .contact_phone{ display:none;} .floatbtns .contact .number{ width:180px; height:100%; position:absolute; right:100%; top:0; background:#2b2b2b; color:#fff; font-size:20px; text-align:center; line-height:80px; display:none;} .floatbtns .contact:hover .number{ display:block;} .floatbtns .weixin{ position: relative;} .floatbtns .weixin figure{ position:absolute; top:0; right:74px;background:#2b2b2b; color:#fff; display:none;} .floatbtns .weixin:hover figure{ display: block;} .floatbtns .weixin figure{ width:110px; padding:4px;} .floatbtns .weixin figure img{ display:block; width:100%;} @media(max-width:640px){ body{ padding-bottom:68px;} .floatbtns{ top:auto; bottom:0; right:0; margin-top:0; width:100%;} .floatbtns .box{ float:left; width:20%; padding:0 7px; height:68px;} .floatbtns a{ padding:5px 0;} .floatbtns .contact{ display:none;} .floatbtns .contact_phone{ display:block;} .floatbtns .weixin figure{top:-110px; right:0;} } .msg{ width:100%; height:100%; background:rgba(0,0,0,0.5); position:fixed; top:0; left:0; z-index:999; display:none; overflow:auto;} .msg .msg_box{ width:640px; background:#fff; position:absolute; top:15%; left:50%; margin-left:-320px; padding:5%;} .Form001215{} .Form001215 .form{width:100%;} .Form001215 .form li{ padding-bottom:2%;} .Form001215 .form .text{ border:1px solid #dae7e6; width:100%; height:39px; line-height:39px; padding:0 10px; border-radius:3px; background:#fff;} .Form001215 .form textarea.text{ height:195px;} .Form001215 .form .btn{ cursor:pointer; border-radius:5px; background:#10a49a; color:#fff; height:37px; padding:0 12%; border:none;} .Form001215 .form .btn_cencel{ display:inline-block; vertical-align:middle; margin-top:-2px; line-height:37px; background:#ccc;} @media(max-width:640px){ .msg .msg_box{ width:100%; left:0; top:10%; margin:0;} } .pd_header{ border-bottom:1px solid #ddd; margin-bottom:20px; padding:10px 0 20px;} .pd_header .h3{ float:left; margin:0;} .pd_header .Location{ float:right;} @media(max-width:640px){ .pd_header .h3, .pd_header .Location{ float:none; width:100%;} .pd_header .Location{ padding:0 0 20px;} } /*首页第三屏内容*/ .BanContent{ width:1300px; height:780px; max-width:100%; margin:0 auto; position:relative; padding-top:210px;} .BanContent .info{ opacity:0; transition:0.8s;} .BanContent.move .info{opacity:1;} .BanContent .info{ -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0); } .BanContent.move .info{ -webkit-transform: translate3d(0%, 0, 0); transform: translate3d(0%, 0, 0);} .BanContent .info .h3{ font-size:65px; color:#fff; margin:0 0 25px;} .BanContent .info .h4{ font-size:32px; color:#fff; margin:0; display:inline-block; background:#0e3c22; padding:2px 14px 6px; border-radius:36px; margin-bottom:70px;} .BanContent .info .p{ font-size:20px; color:#9da5a5; margin:0; max-width:666px; line-height:30px;} .BanContent .pic img{ display:block; position:absolute; transition:0.8s;} .BanContent .pic .img1{ left:56%; top:8%;} .BanContent .pic .img2{ left:66%; top:31%;} .BanContent .pic .img3{ left:66%; top:56%;} .BanContent .pic .img4{ left:56%; top:75%;} .BanContent .pic img:hover{ -webkit-transform:scale(1.2); transform:scale(1.2);} @media(max-width:1000px){ .BanContent{ display:none;} } /*首页第四屏内容*/ .BanContent4{ width:1300px; height:780px; max-width:100%; margin:0 auto; position:relative; padding-top:40px;} .Banner002058 li .BanContent4 img{ display:block;} .BanContent4 img{ opacity:0; transition:0.8s;} .BanContent4.move img{opacity:1;} .BanContent4 img{ -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0); } .BanContent4.move img{ -webkit-transform: translate3d(0%, 0, 0); transform: translate3d(0%, 0, 0);} @media(max-width:1000px){ .BanContent4{ display:none;} } /*成功案例banner*/ .CaseBanner{ overflow:hidden;} .CaseBanner .CaseBanBg{ width:100%; height:380px; background-repeat:no-repeat; background-position:center center;} .CaseBanner .CaseBanBg .auto{ position:relative; height:100%;} .CaseBanner .owl-carousel{ position:absolute; left:0; bottom:10px; width:100%;} .CaseBanner .owl-carousel .pic{ width:100%; padding-bottom:50%; background-size:contain; background-repeat:no-repeat; background-position:center center;} .CaseBanner .owl-carousel .owl-dots{ display:none;} .CaseBanner .owl-carousel .owl-nav{ display:block;} .CaseBanner .owl-carousel .owl-nav .owl-prev, .CaseBanner .owl-carousel .owl-nav .owl-next{ font-size:0; width:30px; height:30px; position:absolute; top:50%; margin-top:-15px;} .CaseBanner .owl-carousel .owl-nav .owl-prev{ left:-40px; background:url(../images/left.png) no-repeat center center;} .CaseBanner .owl-carousel .owl-nav .owl-next{ right:-40px; background:url(../images/right.png) no-repeat center center;} .CaseBanner .CaseBanBg .CaseBanBg_pic{ display:none; width:100%;} @media(max-width:1000px){ .CaseBanner .CaseBanBg{ background:none !important; height:auto;} .CaseBanner .CaseBanBg .CaseBanBg_pic{ display:block;} .CaseBanner .owl-carousel{ position:relative; bottom:0; padding:25px 30px; display:none;} .CaseBanner .owl-carousel .owl-nav .owl-prev{ left:-16px;} .CaseBanner .owl-carousel .owl-nav .owl-next{ right:-16px;} .CaseBanner .CaseBanBg .auto{ height:auto;} } /*产品中心banner*/ .ProductBanner{} .ProductBanner .owl-carousel .pic{ width:100%; height:380px; background-repeat:no-repeat; background-position:center center;} .ProductBanner .owl-carousel .pic img{ display:none; width:100%;} .ProductBanner .owl-theme .owl-dots{ position:absolute; bottom:10px; left:0; width:100%;} .ProductBanner .owl-theme .owl-dots .owl-dot span{ background:#fff;} .ProductBanner .owl-theme .owl-dots .owl-dot.active span, .ProductBanner .owl-theme .owl-dots .owl-dot:hover span{ background:#0e3c23;} @media(max-width:1000px){ .ProductBanner .owl-carousel .pic{ background:none !important; height:auto;} .ProductBanner .owl-carousel .pic img{ display:block;} .ProductBanner .owl-theme .owl-dots{ bottom:0;} } /*发展历程*/ .history{ padding:30px 0;} .history .owl-carousel { padding:0 25px;} .history .item{ padding:30px 10% 0; position:relative;} .history .item::before{ content:''; display:block; width:100%; height:1px; background:#ccc; position:absolute; top:5px; left:0;} .history .item .year{ width:80px; height:32px; line-height:32px; text-align:center; font-size:18px; color:#fff; background:#0e3c23; margin:0 auto 20px; position:relative;} .history .item .year::before, .history .item .year::after{ content:''; display:block; position:absolute;} .history .item .year::before{ width: 0px; height: 0px; border: 10px solid transparent; border-bottom: 10px solid #0e3c23; left:50%; top:-20px; margin-left:-10px;} .history .item .year::after{ width:10px; height:10px; border-radius:10px; background:#0e3c23; margin-left:-5px; top:-30px; left:50%;} .history .item .pic{ width:100%; padding-bottom:60%; overflow:hidden; position:relative;} .history .item .pic img{ width:100%; position:absolute; top:0; left:0;} .history .item .txt{ padding:15px 0;} .history .owl-theme .owl-dots{ display:none;} .history .owl-theme .owl-nav{ display:block;} .history .owl-carousel .owl-nav .owl-prev, .history .owl-carousel .owl-nav .owl-next{ font-size:0; width:21px; height:21px; position:absolute; top:-10px;} .history .owl-carousel .owl-nav .owl-prev{ background:url(../images/history_left.png) no-repeat center; left:0;} .history .owl-carousel .owl-nav .owl-next{ background:url(../images/history_right.png) no-repeat center; right:0;} .history .HistoryHead{ font-size:32px; text-align:center; color:#0e3c23; padding:10px 0 55px;} /*详情页分享*/ .DetailShare{ padding:25px 0; border-top:1px dashed #d2d2d2;} .DetailShare .bdshare-button-style0-16 a{ float:none;} .info_back{ text-align:center; clear:both; margin-top:20px; } .info_back .auto{ border-top:1px dashed #d2d2d2; padding:30px 0;} .info_back a{ color:#999;; font-size:14px;} .info_back a:hover{color:#0e3c23;} @media(max-width:640px){ .info_back{ width:100%; overflow: hidden; } .info_back span{ display:block; width:100%; text-align:center; } } /*成功案例轮播*/ .CaseBan{ padding:35px 0 20px;} .CaseBan .owl-carousel .owl-nav .owl-prev, .CaseBan .owl-carousel .owl-nav .owl-next{ width:49px; height:49px; margin-top:-25px; font-size:0; position:absolute; top:50%;} .CaseBan .owl-carousel .owl-nav .owl-prev{ left:-60px; background:url(../images/left2.png) no-repeat center;} .CaseBan .owl-carousel .owl-nav .owl-next{ right:-60px; background:url(../images/right2.png) no-repeat center;} @media(max-width:1300px){ .CaseBan{ padding:35px 40px 20px;} .CaseBan .owl-carousel .owl-nav .owl-prev, .CaseBan .owl-carousel .owl-nav .owl-next{ width:30px; height:30px; margin-top:-15px; background-size:100% 100%;} .CaseBan .owl-carousel .owl-nav .owl-prev{ left:-40px;} .CaseBan .owl-carousel .owl-nav .owl-next{ right:-40px;} } /*首页产品轮播*/ .Floor002049 .owl-carousel .owl-nav{ display:block;} .Floor002049 .owl-carousel .owl-nav .owl-prev, .Floor002049 .owl-carousel .owl-nav .owl-next{ width:49px; height:49px; margin-top:-25px; font-size:0; position:absolute; top:50%;} .Floor002049 .owl-carousel .owl-nav .owl-prev{ left:-60px; background:url(../images/left2.png) no-repeat center;} .Floor002049 .owl-carousel .owl-nav .owl-next{ right:-60px; background:url(../images/right2.png) no-repeat center;} @media(max-width:1300px){ .Floor002049{ padding:35px 40px 20px;} .Floor002049 .owl-carousel .owl-nav .owl-prev, .Floor002049 .owl-carousel .owl-nav .owl-next{ width:30px; height:30px; margin-top:-15px; background-size:100% 100%;} .Floor002049 .owl-carousel .owl-nav .owl-prev{ left:-40px;} .Floor002049 .owl-carousel .owl-nav .owl-next{ right:-40px;} } @media(max-width:480px){ .Floor001891 .title h1, .Floor002386 .title h1, .Floor000881 .title h1, .Floor001907 .title h1, .Floor002439 .title h1{ font-size:28px;} .HomeCase .bx-pager{ display:block; text-align:center;} .HomeCase .bx-pager .bx-pager-item{ display:inline-block; margin:0 5px;} .HomeCase .bx-pager .bx-pager-item a{ display:block; width:10px; height:10px; border-radius:10px; background:#c2c3c5; font-size:0;} .HomeCase .bx-pager .bx-pager-item a.active{ background:#0e3c23;} .HomeCase .bx-controls-direction{ display:none;} } /*成功案例手机端导航*/ .MenuCasePhone{ padding:0 30px; display:none;} .MenuCasePhone .owl-carousel .item a{ display:block; text-align:center; padding:10px 0;} .MenuCasePhone .owl-carousel .item .aon { color: #0e3c23; border-bottom: 3px solid #0e3c23;} .MenuCasePhone .owl-theme .owl-dots{ display:none;} .MenuCasePhone .owl-carousel .owl-nav{ display:block;} .MenuCasePhone .owl-theme .owl-nav [class*=owl-]{ width:20px; height:20px; margin:0; padding:0; font-size:0; position:absolute; top:11px;} .MenuCasePhone .owl-carousel .owl-nav .owl-prev{ left:-23px; background:url(../images/left.png) no-repeat center center;} .MenuCasePhone .owl-carousel .owl-nav .owl-next{ right:-23px; background:url(../images/right.png) no-repeat center center;} @media(max-width:480px){ .MenuCasePhone{ display:block;} .MenuCase .Menu002034{ border:none;} .MenuCase .Menu002034 ul{ display:none;} .MenuCasePhone .owl-carousel .owl-nav{ display:none;} } @media(max-width:640px){ .HomeProduct .Floor002049{ padding:20px 0;} .HomeProduct .Floor002049 .owl-carousel .owl-nav{ display:none;} .HomeProduct .Floor002049 .owl-carousel .owl-dots{ display:block; padding:20px 0;} .HomeProduct .owl-theme .owl-dots .owl-dot.active span, .HomeProduct .owl-theme .owl-dots .owl-dot:hover span{ background:#0e3c23;} } /* .Menu002449 为demo编号 */ .Menu002449{ position: relative;} /* .Menu002449 .menu , .Menu002449 .menu *{ transition: .3s ease-in-out;} */ .Menu002449 .menu{width: 100%; border-bottom: 1px solid #ddd;} .Menu002449 .menu .auto{ position: relative; z-index: 5;} .Menu002449 .menu .currents{ float: right; padding:30px 0 30px 25px; background: url(../images/Menu002449-curr_icon.png) no-repeat left center;} .Menu002449 .menu .currents a,.Menu002449 .menu .currents{ color: #333;} .Menu002449 .menu .currents span, .Menu002449 .menu .currents a:hover{ color:#333;} .Menu002449 .owl-carousel{ width: auto; display: block;} .Menu002449 .menu .owl-item{ float:left;touch-action: pan-y;-webkit-tap-highlight-color: transparent;position: relative;} .Menu002449 .menu .owl-stage-outer{ position:relative; overflow:hidden;} .Menu002449 .menu .owl-stage{position:relative;touch-action: manipulation;} @media only screen and (max-width:1000px ) { .Menu002449 .menu .currents{ display: none;} } .Menu002449 .menu nav{ float: left; width: 66%;} /*.Menu002449 .menu nav li{padding: 20px 0;;}*/ .Menu002449 .menu nav li a{ color:#555; font-size: 14px; position: relative; padding: 20px 0;min-width:110px;margin-right:20px; text-align: center;float: left;} .Menu002449 .menu nav li a:after{ content: ""; width: 0; height:3px; overflow: hidden; background:#0e3c23; position: absolute; left: 50%; bottom: 0;} .Menu002449 .menu nav li.on a, .Menu002449 .menu nav li a:hover{ color: #0e3c23;} .Menu002449 .menu nav li.on a:after,.Menu002449 .menu nav li a:hover:after{ width: 100%; left: 0;} @media only screen and (max-width:1000px ) { .Menu002449 .menu nav{ float: none; width: 100%;} } /*Menu002387*/ .Menu002387{ padding-top:20%;} .Menu002387 .side-menu{ border: 1px solid #e1e1e1; padding: 12px;} .Menu002387 .side-menu li{border-bottom: 1px solid #e1e1e1;line-height:50px; font-size: 14px;} .Menu002387 .side-menu li:last-child{ border-bottom: none;} .Menu002387 .side-menu li a{ display:block;padding-right:40px;position:relative;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .Menu002387 .side-menu li a:hover, .Menu002387 .side-menu li.aon a{ color:#0e3c23;} .Menu002387 #side-menu .owl-item{ float:left;touch-action: pan-y;-webkit-tap-highlight-color: transparent;position: relative;} .Menu002387 #side-menu .owl-stage-outer{ position:relative; overflow:hidden;} .Menu002387 #side-menu .owl-stage{position:relative;touch-action: manipulation;} @media(max-width:1024px){ .Menu002387{ padding-top:4%;} .Menu002387 .side-menu{ display:none;} .Menu002387 #side-menu{ border-top:1px solid #fff;position:relative;} .Menu002387 #side-menu li a{ color:#333; float:left; line-height:40px; text-align: center; min-width: 110px; border-bottom: 3px solid transparent;} .Menu002387 #side-menu li.aon a{ color:#0e3c23; border-color: #0e3c23;} .Menu002387 #side-menu .owl-nav button{display: none;} .Menu002387 #side-menu .owl-nav button.owl-prev{ left:0;} .Menu002387 #side-menu .owl-nav button.owl-next{ right:0;} .Menu002387 #side-menu .disabled{ display:none;} } /*Menu0023888*/ .Menu0023888{display: none;} .Menu0023888 .side-menu{ border: 1px solid #e1e1e1; padding: 12px;} .Menu0023888 .side-menu li{border-bottom: 1px solid #e1e1e1;line-height:50px; font-size: 14px;} .Menu0023888 .side-menu li:last-child{ border-bottom: none;} .Menu0023888 .side-menu li a{ display:block;padding-right:40px;position:relative;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .Menu0023888 .side-menu li a:hover, .Menu0023888 .side-menu li.aon a{ color:#0e3c23;} .Menu0023888 #side-menu .owl-item{ float:left;touch-action: pan-y;-webkit-tap-highlight-color: transparent;position: relative;} .Menu0023888 #side-menu .owl-stage-outer{ position:relative; overflow:hidden;} .Menu0023888 #side-menu .owl-stage{position:relative;touch-action: manipulation;} @media(max-width:1024px){ .Menu0023888 .side-menu{ display:none;} .Menu0023888 #side-menu{ border-top:1px solid #fff;position:relative;} .Menu0023888 #side-menu li a{ color:#333; float:left; line-height:40px; text-align: center; min-width: 110px; border-bottom: 3px solid transparent;} .Menu0023888 #side-menu li.aon a{ color:#0e3c23; border-color: #0e3c23;} .Menu0023888 #side-menu .owl-nav button{display: none;} .Menu0023888 #side-menu .owl-nav button.owl-prev{ left:0;} .Menu0023888 #side-menu .owl-nav button.owl-next{ right:0;} .Menu0023888 #side-menu .disabled{ display:none;} } @media(max-width:640px){ .Menu0023888{ display:block; padding:10px 0 30px;} .Menu0023888 #side-menu{ border-top:1px solid #fff;position:relative;} .Menu0023888 #side-menu li a{ color:#333; float:left; line-height:40px; text-align: center; min-width: 160px; border-bottom: 3px solid transparent;} .Menu0023888 #side-menu li.aon a{ color:#0e3c23; border-color: #0e3c23;} }