/* CSS Document */ /*#region 重置元素*/ *:focus {outline: none;} body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li,pre, form, fieldset, legend, button, input, textarea, th, td{ padding: 0; margin:0; } @font-face { font-family: "SourceHanSansCN-Normal"; src: url("fonts/SourceHanSansCN-Normal/SourceHanSansCN-Normal.woff2") format("woff2"), url("fonts/SourceHanSansCN-Normal/SourceHanSansCN-Normal.woff") format("woff"), url("fonts/SourceHanSansCN-Normal/SourceHanSansCN-Normal.ttf") format("truetype"), url("fonts/SourceHanSansCN-Normal/SourceHanSansCN-Normal.eot") format("embedded-opentype"), url("fonts/SourceHanSansCN-Normal/SourceHanSansCN-Normal.svg") format("svg"), url("fonts/SourceHanSansCN-Normal/SourceHanSansCN-Normal.otf") format("opentype"); font-weight: normal; font-style: normal; } body{ font-family: Arial, Helvetica, sans-serif; -webkit-text-size-adjust: 100% !important;font-size: 16px; } img{max-width:100%;} button, input, select, textarea,h1, h2, h3, h4, h5, h6{font-size:1em;line-height:1.3;font-family: "SourceHanSansCN-Normal";} address, cite, dfn, em, var { font-style:normal; } code, kbd, pre, samp {font-family: courier new, courier, monospace; } small { font-size: 0.75em; } ul, ol { list-style: none; margin:0;} body,legend { color:#262626;} a{color:inherit;color:#262626;text-decoration: none; } a:hover {color:#00aa4a; text-decoration: none; } a:active{color:inherit;} sup { vertical-align: text-top; } sub { vertical-align: text-bottom;} fieldset, img { border: 0; } button, input, select, textarea { } table { border-collapse: collapse; border-spacing: 0; width:100%;word-break: break-all;} table th {font-weight:normal;} table th,table td {font-weight:normal;text-align:center;} article, aside, details, figcaption, figure, footer,header, hgroup, menu, nav, section,summary, time, mark, audio, video {display: block;margin: 0;padding: 0;} img{vertical-align:middle;} ::-moz-placeholder { color:#000; } input:-webkit-input-placeholder { color:#000; } input:-moz-placeholder { color:#000; } /*#endregion*/ /*#region 清除浮动*/ .clearfix:after{content: '\20';display: block;height: 0;clear: both;} .clearfix { *zoom:1;} /*#endregion */ button:disabled,.disabled{opacity:0.5;cursor:default;} .hi{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;} .css3,.about_1 ul li a{-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s;} .comdiv{width:100%; overflow:hidden; margin:0; padding:0;} .cssimg,.cssimgp img,.index_4_3_left_1_bg,.pro_1_mid_mid_left_bg,.ser_2_mid_pic_bg,.ser_1_right_bg{transition: all 1.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;/*transition-duration: 0.7s;-ms-transition-duration: 0.7s;-moz-transition-duration: 0.7s; -webkit-transition-duration: 0.7s;*/} @media screen and (min-width:768px) { .cssimg:hover,.cssimgp:hover img,.index_4_3_left:hover .index_4_3_left_1_bg,.pro_1_mid ul li:hover .pro_1_mid_mid_left_bg,.ser_2_mid ul li:hover .ser_2_mid_pic_bg,.ser_1_right:hover .ser_1_right_bg{/*-webkit-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05);*/transform: scale(1.08, 1.08);} } .daxie{text-transform: uppercase;} /*********header**********/ #header{-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; position:absolute; left:0; top:0; width:100%; z-index:999;} #header:after{content:''; position:absolute; left:0; bottom:0; width:100%; height:1px; background-color:#ededed; opacity:.2} .header_mid{ position:relative; margin:0 3.64583333333333%;display: flex; display:-webkit-flex;-webkit-justify-content: space-between; justify-content: space-between;} .header_mid_mid{text-align:center;margin-left: 16%; font-size: 16px;} .header_mid_mid ul li{display:inline-block; z-index:1; margin:0 1vw; position:relative;} .header_mid_mid ul li dl{ width:11.4375em; padding:1em 0; display:none;position:absolute; left:-3.71875em;background-color:rgba(0,0,0,.47);} .header_mid_mid ul li dl a{-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; font-size:.9375em;text-transform:capitalize; color:#fff; display:block; padding:.6em 0; color:#ddd;} .header_mid_mid ul li dl a:hover{background-color:#00aa4a;} .header_mid_mid ul li a.biga{ position:relative;color:#fff; display:block; height:5.57291666666667vw; line-height:5.57291666666667vw;text-transform:capitalize} .header_mid_mid ul li a.biga:after{-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; z-index:10; content:''; bottom:0px; position:absolute; height:1px; background-color:#00aa4a; left:50%; width:0;} .header_mid_mid ul li a.biga:hover:after,.header_mid_mid ul li a.bigaon:after{width:100%; left:0;} .header_logo{ text-align:center; z-index:10;position:absolute; left:3%; top:50%;transform:translate(-50%, -50%);width:10.42708333333333vw;} .header_mid_left{position:absolute; left:0; top:50%;transform:translateY(-50%);} .header_logo img:nth-child(2){display:none} .headright{ display: flex; display:-webkit-flex; -webkit-justify-content: space-between; justify-content: space-between;margin-top: 2.9em; } .headright a{ display: inline-block; vertical-align: top; } .headright a.toptel{ background: url('../images/htel1.png') no-repeat left top 6px; color: #fff; font-size: 23px;} .headright a i{margin-left: 1.3em; font-style: normal;} .header_mid_right{margin-left: 2em; margin-top: 3px;} .header_mid_right a{ padding-left:1.6875em; color:#fff;background-position:left center; background-repeat:no-repeat; display:inline-block;font-size: 15px;} .header_mid_right a:nth-child(1){background-image:url(../images/img1.png);} .header_mid_right a:nth-child(2){ margin-left:.75em;background-image:url(../images/img2.png);} .bodyon .header_logo img:nth-child(2){display:block} .bodyon .header_logo img:nth-child(1){display:none} .bodyon #header{ position:fixed;background-color:#fff;} .bodyon .header_mid_mid ul li a.biga,.bodyon .header_mid_right a,.bodyon .headright a,.bodyon .header_mid_right a{color:#000;} .bodyon .menu-toggler .line{background-color:#000} .bodyon .headright{margin-top: 2em; } .bodyon .headright a.toptel{ background: url('../images/htel1h.png') no-repeat left top 6px;} .bodyon2 #header{transform:translateY(-100%);-webkit-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; -moz-transition-duration: 0s; transition-duration: 0s;} @media screen and (max-width:1200px) { .headright{margin-top: 2em;} .headright a.toptel{ display: none;} .header_mid_right{margin-right: 70px; margin-top: 6px;} .header_mid_right a{color: #000;} .menu-toggler{top:50%;left:0px; z-index:10; cursor:pointer;width:20px;height:20px;position:absolute;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0);display: block;} .menu-toggler .line{top:50%;left:50%;width:100%;height:1px;margin-top:-1px;position:absolute;background:#fff;-webkit-transform:translate3d(-50%,0%,0);transform:translate3d(-50%,0%,0);} .menu-toggler .line-1{width:100%;-webkit-transform:translate3d(-50%,-6px,0);transform:translate3d(-50%,-6px,0);-webkit-animation:toggler-open-line-1 1500ms 1 normal forwards;animation:toggler-open-line-1 1500ms 1 normal forwards;} .menu-toggler .line-2{-webkit-transition:all 300ms linear;transition:all 300ms linear; } .menu-toggler .line-3{width:100%;-webkit-transform:translate3d(-50%,6px,0);transform:translate3d(-50%,6px,0);-webkit-animation:toggler-open-line-3 1500ms 1 normal forwards;animation:toggler-open-line-3 1500ms 1 normal forwards;} .menu-toggler.close .line-1{-webkit-animation:toggler-close-line-1 1500ms 1 normal forwards;animation:toggler-close-line-1 1500ms 1 normal forwards;} .menu-toggler.close .line-2{width:0;} .menu-toggler.close .line-3{-webkit-animation:toggler-close-line-3 1500ms 1 normal forwards;animation:toggler-close-line-3 1500ms 1 normal forwards;} @-webkit-keyframes toggler-open-line-1{0%{-webkit-transform:translate3d(-50%,0px,0) rotate(45deg);}50%{-webkit-transform:translate3d(-50%,0px,0) rotate(0deg);}100%{-webkit-transform:translate3d(-50%,-6px,0) rotate(0deg);}} @keyframes toggler-open-line-1{0%{transform:translate3d(-50%,0px,0) rotate(45deg);}50%{transform:translate3d(-50%,0px,0) rotate(0deg);}100%{transform:translate3d(-50%,-6px,0) rotate(0deg);}} @-webkit-keyframes toggler-open-line-3{0%{-webkit-transform:translate3d(-50%,0px,0) rotate(-45deg);}50%{-webkit-transform:translate3d(-50%,0px,0) rotate(0deg);}100%{-webkit-transform:translate3d(-50%,6px,0) rotate(0deg);}} @keyframes toggler-open-line-3{0%{transform:translate3d(-50%,0px,0) rotate(-45deg);}50%{transform:translate3d(-50%,0px,0) rotate(0deg);}100%{transform:translate3d(-50%,6px,0) rotate(0deg);}} @-webkit-keyframes toggler-close-line-1{0%{-webkit-transform:translate3d(-50%,-6px,0) rotate(0deg);}50%{-webkit-transform:translate3d(-50%,0px,0) rotate(0deg);}100%{-webkit-transform:translate3d(-50%,0px,0) rotate(45deg);}}@keyframes toggler-close-line-1{0%{transform:translate3d(-50%,-6px,0) rotate(0deg);}50%{transform:translate3d(-50%,0px,0) rotate(0deg);}100%{transform:translate3d(-50%,0px,0) rotate(45deg);}} @-webkit-keyframes toggler-close-line-3{0%{-webkit-transform:translate3d(-50%,6px,0) rotate(0deg);}50%{-webkit-transform:translate3d(-50%,0px,0) rotate(0deg);}100%{-webkit-transform:translate3d(-50%,0px,0) rotate(-45deg);}} @keyframes toggler-close-line-3{0%{transform:translate3d(-50%,6px,0) rotate(0deg);}50%{transform:translate3d(-50%,0px,0) rotate(0deg);}100%{transform:translate3d(-50%,0px,0) rotate(-45deg);}} } @media screen and (max-width:790px) { .headright {margin-top: 1.3em;} .bodyon .headright {margin-top: 1.3em;} } /*********index**************/ .indexpro_act_mid{position:relative} .indexpro_act_mid:after{ display: block; width: 100%; height: 100%; background: url(../images/index/img27.png) no-repeat; -webkit-animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite; animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite; content:''; position:absolute; left:0; top:-10px; background-position:center } @keyframes mouse-dot { from { opacity: 1; } 33% { opacity: 1; } to { transform: translateY(15px); -webkit-transform: translateY(15px); opacity: 1; } } @-webkit-keyframes mouse-dot { from { opacity: 1; } 33% { opacity: 1; } to { transform: translateY(15px); -webkit-transform: translateY(15px); opacity: 1; } } .index_1{ position:relative; overflow:hidden; padding-top:5.22916666666667vw; padding-bottom:5.45833333333333vw;} .index_1_mid{ position:relative; } .index_1_mid_left{ height:100%; position:absolute; left:0; top:0; width:45.57291666666667%;} .index_1_mid_left_s{ height:11.14583333333333vw; right:-12.45714285714286%; bottom:-11%; position:absolute; width:11.35416666666667vw; background-position:center; background-repeat:no-repeat; background-size:cover; } .index_1_mid_left_bg{ z-index:10; overflow:hidden; position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;} .index_1_mid_left_bg_img{ z-index:10; position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;} .index_1_mid_right{ padding-top:4em; overflow:hidden; margin-left:51.16666666666667%; width:42%;} .index_1_mid_right_1 span{ padding-right:4.5em; position:relative; display:inline-block; color:#262626; font-size:1.25em; letter-spacing:.02em;} .index_1_mid_right_1{ margin-bottom:1em;} .index_1_mid_right_1 span:after{ content:''; position:absolute; right:0; height:1px; background-color:#1d1d1d; width:4em; background-color:#1d1d1d; top:50%;transform:translateY(-50%);} .index_1_mid_right_2{ color:#333; font-size:2.39583333333333vw; } .index_1_mid_right_3{ font-size:1em; line-height:2; margin:2em 0;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;word-wrap:break-word;word-break:break-all;} .index_1_mid_right_4 ul li{ float:left;} .index_1_mid_right_4 ul li:nth-child(1){ width:20%;} .index_1_mid_right_4 ul li:nth-child(2){ width:21%;} .index_1_mid_right_4 ul li:nth-child(3){ width:23%;} .index_1_mid_right_4 ul li:nth-child(4){ width:28%;} .index_1_mid_right_4_1 dl{ position:relative; display:inline-block;} .index_1_mid_right_4_1 dl dd:nth-child(1){ font-size:3.125vw; color:#434e56; font-family:Impact; display:inline-block;} .index_1_mid_right_4_1 dl dd:nth-child(2){ color:#434e56; display:inline-block;} .index_1_mid_right_4_1 dl dd:nth-child(3){ position:absolute; right:0; top:0; color:#434e56; font-size:1.875vw;} .index_1_mid_right_4_2{ font-size:.875em; margin-top:.5em;} .index_1_mid_right_4_mid{ padding:0 1.5625vw; background-position:right center; background-repeat:no-repeat; } .index_1_mid_right_4 ul li:nth-child(1) .index_1_mid_right_4_mid{ padding-left:0} .index_1_mid_right_4 ul li:nth-child(4) .index_1_mid_right_4_mid{ padding-right:0; background-image:none} .index_1_mid_right_5_more{ overflow:hidden;display:inline-block; position:relative; padding-bottom:.875em;} .index_1_mid_right_5_more span{ padding-right:3.555555555555556em; font-size:1.125em; color:#00aa4a; display:inline-block; position:relative;} .index_1_mid_right_5_more span:before{ content:''; position:absolute; right:0; width:2em; height:0.7222222222222222em; background-position:right center; background-repeat:no-repeat; background-image:url(../images/img17.png);top:50%;transform:translateY(-50%);-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s;} .index_1_mid_right_5_more:hover span:before{ right:1em;} .index_1_mid_right_5{ margin-top:3em; margin-bottom:4em;} .index_1_mid_right_5_more:after {content: "";position: absolute;bottom: 0;left: 0;width: 100%;height: 0;border-bottom: 1px solid #00aa4a;transition: all 0.8s cubic-bezier(0.555, 0.205, 0.295, 0.975);} .index_1_mid_right_5_more:hover:after {-webkit-animation: link-hover 0.8s cubic-bezier(0.58, 0.3, 0.005, 1) 0s 1;animation: link-hover 0.8s cubic-bezier(0.58, 0.3, 0.005, 1) 0s 1;} .index_1_mid_left_play{position:absolute; z-index:100; width:27.88571428571429%;top:50%;transform:translate(-50%, -50%); left:50%;} .indexpro_act{margin:3.75em auto; max-width:27.25em; position:relative;} .indexpro_act_left{ top:50%;transform:translateY(-50%); background-size:cover; cursor:pointer; z-index:10; cursor:pointer; position:absolute; left:0; width:42.20183486238532%; height:1.0625em; background-position:left center; background-repeat:no-repeat; background-image:url(../images/img7.png);} .indexpro_act_mid{text-align:center} .indexpro_act_right{ top:50%;transform:translateY(-50%); background-size:cover; cursor:pointer; position:absolute; right:0; width:42.20183486238532%; height:1.0625em; background-position:right center; background-repeat:no-repeat; background-image:url(../images/img8.png);} .index_2_mid_2_mid{ text-align:center;border-radius:5px;background: #fff; padding-bottom: 10px;} .index_2_mid_2_mid_1 {position:relative; text-align:center; height:17vw;} .index_2_mid_2_mid_1_img{position:absolute; left:0; width:100%; text-align:center; top:0%;} .index_2_mid_2_mid_1_img img{max-width:100%;} .index_2_mid_2_mid_2{text-align:center; color:#292929; font-size:1.5em;} .index_2_mid_2_mid_3{-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; text-align:center; margin-top:1.3em; margin-left:auto; margin-right:auto; margin-bottom:1.3em; max-width:8em;} .index_2_mid_2_mid:hover .index_2_mid_2_mid_3{} .index_2_mid_2_mid_3 span{ padding-right:.875em; color:#00aa4a; padding-bottom:.3em; padding-top:.3em; display:inline-block; position:relative; overflow:hidden; } .index_2_mid_2_mid_3 span:before{ content:''; position:absolute; right:0;background-position:center; background-repeat:no-repeat; background-image:url(../images/img21.png); width:9px; height:9px; top:50%;top:50%;transform:translateY(-50%); background-repeat:no-repeat;} .index_2_mid_2_mid:hover .index_2_mid_2_mid_3 span{color:#fff;background-color:#00aa4a; padding-left:1.75em;-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s;border-radius:1.875em; padding-right:1.875em;} .index_2_mid_2_mid:hover .index_2_mid_2_mid_3 span:before{right:1em; background-image:url(../images/img21w.png);} .index_2_mid_2_mid:hover .index_2_mid_2_mid_3 span:after{display:none} .index_2_mid_2_mid_3 span:after {content: "";position: absolute;bottom: 0;left: 0;width: 100%;height: 0;border-bottom: 1px solid #2c4670;transition: all 0.8s cubic-bezier(0.555, 0.205, 0.295, 0.975);} /*.index_2_mid_2_mid:hover .index_2_mid_2_mid_3 span:after { -webkit-animation: link-hover 0.8s cubic-bezier(0.58, 0.3, 0.005, 1) 0s 1; animation: link-hover 0.8s cubic-bezier(0.58, 0.3, 0.005, 1) 0s 1; }*/ .index_2_mid_2{margin-top:5em;} .index_3{ padding:3.11458333333333vw 0;position:relative; background: url('../images/jiegou.jpg') no-repeat center top} .index_3 h2{color: #fff; text-align: center;} .index_3 h2 em{display: block;font-size: 17px; text-align: center;font-weight: 500; margin-top:15px;} .index_3_2_mid{position:relative;} .index_3_2_mid_1{overflow:hidden} .index_3_2_mid_1 img{width:100%;} .index_3_2 .swiper-slide{padding: 0 calc((100vw - 986px) * 0.0375); width:986px;} .index_3_2_mid_1{overflow:hidden; position:relative;background: #000;} .index_3_2_mid_1 img{width:100%; opacity: 1;} .index_3_2_mid_1:after{-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; background-position:center top; background-repeat:no-repeat; background-size:cover; background-image:url(../images/img22.png); content:''; position:absolute; left:50%; bottom:-2.17028380634391%; width:64.40162271805274%; height:2.17028380634391%; z-index:1;transform:translateX(-50%);transition-delay:.7s;} .swiper-slide-active .index_3_2_mid_1:after{bottom:0;} .index_3_2_mid_footer{position:absolute; left:0; bottom:13.35559265442404%; z-index:10; width:100%; text-align:center; color:#fff;} .index_3_2_mid_footer_mid_1{ position:relative;font-size:1.58333333333333vw;transition:1.5s cubic-bezier(.14,1,.34,1);opacity:0;transform:translateY(100px);} .index_3_2_mid_footer_mid_2{ position:relative;font-size:1em; line-height:1.8; margin-top:1.38em;transition:1.5s cubic-bezier(.14,1,.34,1);opacity:0;transform:translateY(100px);transition-delay:.4s;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;word-wrap:break-word;word-break:break-all;} .swiper-slide-active .index_3_2_mid_footer_mid_1,.swiper-slide-active .index_3_2_mid_footer_mid_2{opacity:1;transform:translateY(0px);} .index_3_2_mid_footer_mid{margin:0 14%;} .index_3_2{margin-top:4em;} .swiper-slide_mid_2_left{ cursor:pointer;position:absolute; z-index:100;top:50%;transform:translateY(-50%); left:8%; width:4.8125em; height:4.8125em;} #my_left{ width:100%; height:100%;left:0; top:0;} #my_right{ width:100%; height:100%;right:0; top:0;} #my_left:after{transform:translate(-50%, -50%); left:50%; top:50%; background-image:url(../images/img23.png);content:''; position:absolute; width:2.5em; height:2.5em; background-position:center; background-repeat:no-repeat; background-size:cover;} #my_right:after{transform:translate(-50%, -50%); left:50%; top:50%; background-image:url(../images/img24.png);content:''; position:absolute; width:2.5em; height:2.5em; background-position:center; background-repeat:no-repeat; background-size:cover;} .swiper-slide_mid_2_right{ cursor:pointer; position:absolute; z-index:100;top:50%;transform:translateY(-50%); right:8%; width:4.8125em; height:4.8125em;} .index_2_mid{width: 85%; margin: 0 auto;} .index_4 h2{color: #333; text-align: center; margin-bottom: 1em;text-transform: uppercase;} .index_4 h2 em{display: block;font-size: 17px; text-align: center;font-weight: 500; margin-top:15px;text-transform:capitalize} .index_4_1 ul li{ float:left; width:24%; margin-right:1.27450980392157%;} .index_4_1 ul li:nth-child(4n){margin-right:0} .index_4_1_mid_1{overflow:hidden; position:relative;} .index_4_1_mid_1 img{width:100%;} .index_4_1_mid_2{padding:0 5% 1em 5%; padding-top:2.125em;background: #fff; } .index_4_1_mid_2_1{color:#00aa4a;font-family:Calibri;font-size: 15px;} .index_4_1_mid_2_2{font-size:1.5em; color:#000; margin-top:.75em; margin-bottom:.75em;} .index_4_1_mid_2_3{color:#666;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;word-wrap:break-word;word-break:break-all; line-height:1.9;font-size: 16px;} .index_4_1{margin-top:4em;} .index_4_2{text-align:center; margin:4.375em 0;} .index_4_1_mid{overflow:hidden; position:relative} .index_4_1_mid:after{ height:1.70807453416149%; left:50%; background-position:center top; background-repeat:no-repeat; background-size:cover;content:''; position:absolute; bottom:-1.70807453416149%; width:84.50704225352113%;transform:translateX(-50%); background-color:#00aa4a;border-radius:20px 20px 0 0; } .index_4_1 ul li:hover .index_4_1_mid:after{bottom:0;-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; } .a-image-hover{align-items:center;color:#fff;display:flex;font-size:14px; font-family:Arial, Helvetica, sans-serif;height:100%;justify-content:center;left:0;letter-spacing:0;line-height:1;position:absolute;top:0;width:100%;z-index:2} .a-image-hover span{display:inline-block;opacity:0;transform:translate3d(-30px,0,0);transition:all .5s cubic-bezier(.14,1,.34,1) 0s} .a-image-hover span:first-child{transition-delay:.03s} .a-image-hover span:nth-child(2){transition-delay:.06s} .a-image-hover span:nth-child(3){transition-delay:.09s} .a-image-hover span:nth-child(4){transition-delay:.12s} .index_4_1 ul li:hover .a-image-hover span{opacity:1;transform:translateZ(0)} .index_4_1 ul li:hover .a-image-hover span:first-child{transition-delay:.12s} .index_4_1 ul li:hover .a-image-hover span:nth-child(2){transition-delay:.06s} .index_4_1 ul li:hover .a-image-hover span:nth-child(3){transition-delay:.04s} .index_4_1 ul li:hover .a-image-hover span:nth-child(4){transition-delay:.03s} .index_4_1_mid_1:after{background-color:rgba(0,0,0,.3);content:"";height:100%;left:0; z-index:1;opacity:0;position:absolute;top:0;transition:all .5s cubic-bezier(.4,.8,.74,1) 0s;width:100%} .index_4_1 ul li:hover .index_4_1_mid_1:after{opacity:1;} .index_4{overflow:hidden; background: #f7f9fb; padding-top: 4%;} @media screen and (max-width:790px) { .index_4 h2 em{display: none;} } /*************footer******************/ .fixed_swt{display: none;} #footer{background-color:#00aa4a; position:relative; overflow:hidden} .footerbg{opacity:.02;position:absolute; right:0;left: 0; bottom:0; width:100%;} .footer_mid{margin:0 10%; position:relative; z-index:10;} .footer_mid_1_left{float:left;} .footer_mid_1_right{float:right; margin-top:.5em;} .footer_mid_1_right a{ margin-left:.75em; display:inline-block;-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; border-bottom:1px solid transparent; border-color: rgba(255, 255, 255, 0.2);border-radius:100%; background-position:center; background-repeat:no-repeat; width:2.875em; height:2.875em;} .footer_mid_1_right a:hover{background-color:#717171; border-color:#717171} .footer_mid_1_right a:nth-child(1){background-image:url(../images/img4.png);} .footer_mid_1{ padding-top:2em; padding-bottom:2em; border-bottom:1px solid transparent; border-color: rgba(255, 255, 255, 0.2);} .footer_mid_2_left{float:left; width:62%;} .footer_mid_2_right{float:right; width:37%; position:relative;} .footer_mid_2_right:after{content:''; position:absolute; left:0; top:0; height:100%; width:1px; background-color:rgba(255, 255, 255, 0.2)} .footer_mid_2_left ul li{float:left; color:#fff;} .footer_mid_2_left ul li:nth-child(1){width:21%} .footer_mid_2_left ul li:nth-child(2){width:31%} .footer_mid_2_left ul li:nth-child(3){width:25%} .footer_mid_2_left ul li:nth-child(4){width:23%} .footer_mid_2_left_mid{padding-right:1em} .footer_mid_2_left_mid p,.footer_mid_2_right_mid p{ color:#fff;font-size:20px; position:relative; padding:.875em 0;text-transform:capitalize} .footer_mid_2_left_mid p:after,.footer_mid_2_right_mid p:after{content:''; position:absolute; left:0; bottom:0; height:1px; background-color:#fff; width:13px;} .footer_mid_2_left_mid a{color:#fff;-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s;} .footer_mid_2_left_mid a:hover{color:#eceded;} .footer_mid_2_left_mid dl dd,.footer_mid_2_right_mid_2 dl dd{margin-top:.9em;font-size: 16px;} .footer_mid_2_left_mid dl,.footer_mid_2_right_mid_2 dl{margin-top:1.25em;} .footer_mid_2{margin-top:3.25em;} .footer_mid_2_right_mid{padding-left:17%; color:#fff } .footer_mid_2_right_mid_3{margin-top:2.1875em;} .footer_mid_3_left{float:left; font-size: 16px;; color:#fff} .footer_mid_3_right{float:right; font-size: 16px; color:#fff} .footer_mid_3_right a{color:#fff;} .footer_mid_3_right a:hover{color:#eceded;} .footer_mid_3{margin-top:2.6875em; border-top:1px solid transparent; border-color: rgba(255, 255, 255, 0.2); padding-top:1.5em; padding-bottom:1.5em;} @media screen and (max-width:790px) { #footer{display: none;} .fixed_swt{height:1.52rem; width: 100%; display: block;} .fixed_swt p{max-width:10rem;height:1.52rem;position:fixed;left:0;right:0;bottom:0;margin:0 auto;line-height:1.2;font-family:"微软雅黑";background:url(../images/m_dbflbg.png) right top no-repeat;background-size:10.2rem;overflow:hidden;z-index:9999;display: flex; display:-webkit-flex; -webkit-justify-content: space-between; justify-content: space-between;} .fixed_swt p .btn1{width:40.5%;padding:.36rem 0 .36rem .72rem} .fixed_swt p .btn1 strong{padding-left:.6rem;font-size:.38667rem;color:#f5350d;font-weight:bold;display:block;position:relative} .fixed_swt p .btn1 strong::before{content:"";width:.44rem;height:.44rem;background:url(../images/m_dbfl01.png) center no-repeat;background-size:100%;display:block;position:absolute;left:0;top:0;bottom:0;margin:auto 0} .fixed_swt p .btn1 span{padding:.04rem .28rem;border:1px solid #f5350d;border-radius:.26667rem;font-size:.28rem;color:#f5350d;text-align:center;display:table;margin-top:.10667rem} .fixed_swt p .btn2{width:59.5%;padding:.30667rem 0 .30667rem 1.37333rem;background:url(../images/m_dbfl02.gif) left center no-repeat;background-size:1.33333rem;font-size:.32rem;color:#ffffff} .fixed_swt p .btn2 strong{font-size:.48rem;display:block} #floatbom_id{position:fixed;bottom:-1.73333rem;z-index:100;opacity:0;transition:all .5s} #floatbom_id.active{opacity:1;bottom:0rem} } /********about**************/ .cershowbox{ display:none;position:fixed; left:0; top:0; width:100%; height:100%; z-index:99999;background-color:rgba(0,0,0,.85);} .swiper-container-showbox{width:100%; height:100%} .swiper-container-showbox .swiper-slide{/* Center slide text vertically */display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center; -webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center; color:#fff} .close_box{position:fixed; right:2.5em; top:2.5em; z-index:9999;} .close_box a img{-webkit-transition: 1s;-webkit-transition: -webkit-transform 1s ease-out;transition: transform 1s ease-out;-moz-transition: -moz-transform 1s ease-out;} .close_box a:hover img{transform: rotateZ(360deg);-webkit-transform: rotateZ(360deg);-moz-transform: rotateZ(360deg);} .cershowbox_img{ width:100%; text-align:center;position:relative;} .cershowbox_left{ overflow:hidden; font-family:"宋体"; color:#fff; cursor:pointer; z-index:999; top:50%;transform:translateY(-50%); text-align:center; line-height:4.5em;border-radius:100%; position:absolute; width:4.5em; height:4.5em; border:.5em #3d3d3c solid; left:2.76041666666667%;} .cershowbox_left span{ font-size:2.25em; position:relative; z-index:10;} .cershowbox_right{ overflow:hidden; font-family:"宋体"; color:#fff; cursor:pointer; z-index:999; top:50%;transform:translateY(-50%); text-align:center; line-height:3.5em;border-radius:100%; position:absolute; width:4.5em; height:4.5em; border:.5em #3d3d3c solid; right:2.76041666666667%;} .cershowbox_right span{font-size:2.25em; position:relative; z-index:10} .cershowbox_left:before,.cershowbox_right:before {position:absolute;left:0;top:0;width:100%;height:100%;background:#00aa4a;border-radius:50%;transform:translateX(-100%);content:"";transition:all 0.3s; box-sizing:border-box} .cershowbox_left:hover:before,.cershowbox_right:hover:before{transform:translateX(0);} .cershowbox_con{position:absolute; left:0; bottom:0; width:100%; z-index:100; font-size:1.5em; bottom:-3.125vw; text-align:center;} .cershowbox_img img{max-height:39vw;} .nybanner{background-position:center; background-repeat:no-repeat; background-size:cover; height:65vh; position:relative;} .nybanner_mid{ color:#fff; text-align:center;margin:0 7.8125%;} .nybanner_mid_1{ font-size:5em; margin-bottom:.45em; font-weight: bold;font-family: georgia,serif;text-transform: uppercase; } .nybanner_mid_2{font-size:1.5em; letter-spacing:.1em;} .nybanner2{background-position:center; background-repeat:no-repeat; background-size:cover; height:70vh; position:relative;} .nybanner2_mid{ color:#fff; text-align:center;margin:0 7.8125%;} .nybanner2_mid_1{ font-size:3.75em; margin-top:4em;font-family: georgia,serif; } .nybanner2_mid_2{font-size:1.5em; letter-spacing:.1em;} .cell_mid2{ display: table; height:100%; width:100%; } .cell_h2{ height:100%;display: table-cell;} @media screen and (max-width:1400px) { .nybanner2_mid_1{ margin-top:3em;} } @media screen and (max-width:1400px) { .nybanner2{height: 65vh;} .nybanner2 .bannercon{display: none;} } @media screen and (max-width:1000px) { .nybanner2{height: 25vh;} .nybanner2 .bannercon{display: none;} } .about_1{ padding:4.625em 0; overflow:hidden; background-color:#fff;background-position:center; background-repeat:no-repeat; background-size:cover; position:relative; background-image:url(../images/img15.png);} .about_1_left{background-color:#fff; position:relative; z-index:10; width:85%;} .about_1_left_con{margin-left:18%; position:relative; padding-top:4em; padding-bottom:4em; } .about_1_left_right{position:absolute; right:0; top:0; height:100%; width:27%;} .about_1_left_right_bg{position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/seabout.jpg);} .about_1_left_left{} .about_1_left_left_mid_2{color:#333; line-height:2.2; margin-top:2em;font-size: 16px;} .about_1_left_left_mid_2 p{text-indent:2em; } .about_1_left_right_footer{ width:63%; right:-26.5%; bottom:-9%; position:absolute;} .about_2{ background-color:#f6fafe;position:relative; padding:7.875em 0 6.6875em 0;} .about_2_bg{position:absolute; right:0; top:0; height:100%; width:92%;} .about_2_bg_img{position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/sewenhua.jpg);} .about_2_mid{background-color:rgba(0,170,74,.95); padding:5em 0;position:relative; z-index:10; width:63.64583333333333%; color:#fff;} .index_1_mid_right_1 span.ww{color:#fff;} .index_1_mid_right_1 span.ww:after{background-color:#fff;} .about_2_mid_mid{margin-left:29%; margin-right:9%;} .about_2_mid_mid_2{font-size:25px; line-height:1.5; } .about_2_mid_mid_3_2{color:#fff; line-height:1.5;font-size: 16px;} .about_2_mid_mid_3_1{font-size:22px; margin-bottom:.5em;} .about_2_mid_mid_3{padding-top:.75em;} .about_2_mid_mid_3 ul li{margin-top:1.5em;} .about_3{ overflow:hidden;position:relative; background-color:#f6fafe;} .about_2_3_mid{margin:0 15%; position:relative; z-index:10;} .about_3_bg{ position:absolute; left:0; top:0; width:100%; height:100%;background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/img15.png);} .about_3_2{font-size:16px; max-width:1030px; line-height:1.8; margin-top:1em; margin-bottom:5em;} .about_3_3{position:relative;} .about_3_3_left{position:absolute; left:0; top:0; height:100%; width:50%; position:relative; float:left;} .about_3_3_right{ margin-left:54%; padding-top:3em; position:relative; padding-bottom:4.6875em; float:right; width:46%; margin-left:0;} .about_3_3_right_1{font-size:1.875em; color:#00aa4a} .about_3_3_right_2{font-size:1.25em; margin-top:1em; margin-bottom:.3em;} .about_3_3_right_3{color:#333; line-height:1.8;} .about_3_3_right_2_left{ display:inline-block; color:#00aa4a;width:2em; height:2em; border:1px #d5e4f4 solid; line-height:2em;border-radius:100%; text-align:center; font-family:宋体; cursor:pointer;} .about_3_3_right_2_right{ display:inline-block; color:#00aa4a; width:2em; height:2em; border:1px #d5e4f4 solid; line-height:2em;border-radius:100%; text-align:center; font-family:宋体; cursor:pointer;} .about_3_3_right_2_left:hover,.about_3_3_right_2_right:hover{color:#fff; background-color:#00aa4a;} .about_3_3_right_act{padding-top:2em; position:relative; z-index:10;} .about_3_3_left .swiper-container,.about_3_3_left .swiper-container .swiper-slide{width:100%; height:100%;} .about_3_3_left_bg{position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;} .about_3_3_right_top{position:relative; z-index:10;} .about_3_3_right_num{position:absolute; right:0; top:50%;transform:translateY(-50%); width:100%; text-align:right;} .about_3_3_right_num p{ font-size:16.82291666666667vw; color:#f0f5f9; display:none} .about_3_3_right_num p:nth-child(1){display:block} .about_2_3_mid_1{margin-top:5.625em;} .about_3_footer{position:relative; margin-top:6.875em; margin-bottom:6.25em;} .about_3_footer:after{content:''; position:absolute; left:0; top:0; width:100%; height:7px; background-position:left center; background-repeat:repeat-x; background-image:url(../images/xian2.png);} .about_3_footer_b{ position:absolute; left:0; top:0; width:15%; z-index:5; height:7px; background-position:left center; background-repeat:repeat-x; background-image:url(../images/xian.png);} .about_3_footer_year{position:relative; padding-top:3em; text-align:center;} .about_3_footer_year:before{-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; content:''; width:26px; height:24px; position:absolute; left:50%; margin-left:-13px; top:16px; background-position:center; background-repeat:no-repeat; background-image:url(../images/dian2.png);} .swiper-slide.on .about_3_footer_year:before{background-image:url(../images/dian.png);} .about_4_2 ul li{ position:relative;float:left; width:23.84155455904335%; margin-right:1.54459392127554%; } .about_4_2 ul li a{ background-color:#fff; position:relative;background-color:#f4f7f9; overflow:hidden;display:block; position:relative;transition:1.5s cubic-bezier(.14,1,.34,1);} .about_4_2 ul li a:hover{transform:translateY(-32px);} .about_4_2 ul li a:after{-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; content:''; position:absolute; left:0; bottom:0; height:3px; background-color:#00aa4a; width:0;} .about_4_2 ul li a:hover:after{width:100%;} .about_4_2 ul li:nth-child(4n){margin-right:0; margin-right:0} .about_4_2_mid_1{ border-bottom:1px #c6c6c6 solid;position:relative; height:20.15625vw;} .about_4_2_mid_1:after{content:''; position:absolute; right:0; bottom:.875em; width:1.4375em; height:1.4375em; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/more.png);} .about_4_2_mid_1 img{position:absolute; max-width:70%; left:50%; top:50%;transform:translate(-50%, -50%);} .about_4_2_mid_1 img.ht{max-width:95%;} .about_4_2_mid{margin:0 1em;} .about_4_2_mid_2_1{font-size:1.125em; color:#090909;} .about_4_2_mid_2{margin:1.25em 0;} .about_4_2 ul li a:hover{-webkit-box-shadow: 2px 0px 16px rgba(0, 0, 0, 0.2); box-shadow: 2px 0px 16px rgba(0, 0, 0, 0.2); background-color:#fff;transform:translateY(-16px); } .about_4_2{margin-top:5.875em; margin-bottom:4em;} .about_4_3{margin-bottom:4em;} .sw22out {position: relative;} #sw22 {height: 436px;overflow: hidden;} #sw22 .swiper-slide {width: 500px;} #sw22 .swiper-slide a {display: block;width: 100%;} #sw22 .swiper-slide .pic {width: 100%;font-size: 0;text-align: center;} #sw22 .swiper-slide img {max-width: 100%;max-height: 100%;-webkit-transform: scale(0.8); transform: scale(0.8);-webkit-transition: 0.4s;transition: 0.4s;} #sw22 .swiper-slide-active img {-webkit-transform: scale(1); transform: scale(1);} @media screen and (max-width: 1023px) { .rongyuone { padding: 100px 0 120px;} } @media screen and (max-width: 750px) { .rongyuone { padding: 30px 0 100px;} .sw22out { padding: 0 30px; margin-top: 26px;} #sw22 .swiper-slide { width: 340px;} } @media screen and (max-width:790px) { .nybanner_mid{display: none;} } /*********product*******/ .nybanner_footer{position:absolute; left:0; bottom:0; width:100%; z-index:555;display: none;} .nybanner_footer ul{display: flex; display:-webkit-flex;-webkit-justify-content: space-between; justify-content: space-between; } .nybanner_footer ul li{width:25%;} .nybanner_footer ul li a{ color:#fff; text-align:center; font-size:1.25em; padding:1.5em 1em;display:block; margin-left:1px;background-color:rgba(0,0,0,.77);-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s;} .nybanner_footer ul li a:hover,.nybanner_footer ul li a.on{background-color:#0268b9} .fenye{width: 80%; margin: 0 auto 1% auto;display: flex; display:-webkit-flex;-webkit-justify-content:center; justify-content: center; align-items: center;-webkit-align-items: center; height: 45px; font-size: 18px;} .fenye_zong{ font-size: 14px; width: 200px; background: #f2f2f2; text-align: center; line-height: 45px;} .category li a{ font-size:18px; color:#333; transition: all 0.5s; display:block; position:relative; transition: 0.3s;} .category li a:hover{ color:#fff;text-decoration: none; font-weight: bold; background: #00aa4a; } .category li.cu_active a{ color:#fff;font-weight: bold; background: #00aa4a;} .pro_1{ position:relative; z-index:10;overflow:hidden; background-color:#f4f7fa;} .pro_1_mid{margin:0 5%;} .pro_1_mid_1{color:#333; font-size:1.125em; margin:2em 0;} .pro_1_mid_1 a{-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s;color:#333; margin-right:.5em;} .pro_1_mid_1 a.on,.pro_1_mid_1 a:hover{color:#00aa4a;} .pro_1_mid_2 ul li{float:left; margin-bottom:1.5em; width:24%; margin-right:1.333333333333333%} .pro_1_mid_2 ul li:nth-child(4n){margin-right:0;} .pro_1_mid_2{margin-bottom:3.5em;} .pro_info_top_1{ background-color:#05070b; display:none;height:5.57291666666667vw} .pro_info_top_bg{ color:#fff; overflow:hidden; padding-top:5.57291666666667vw;background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/se_pro.jpg);} .pro_info_top_bg a{color:#fff;} .pro_info_top_2{font-size:1.125em; margin:2em 0;} .pro_info_top_3_left{float:left; width:46%; text-align:center;background: #fff;} .pro_info_top_3_left img{max-width:100%;} .pro_info_top_3_right{ overflow:hidden;float:right; width:53%; } .index_1_mid_right_2_w{color:#fff;} .pro_info_top_3_right_mid{margin:4em 11%;} .pro_info_top_3_right_mid .index_1_mid_right_1{margin-bottom:1.75em;} .pro_info_top_3_right_mid_3{font-size:1.125em; line-height:2; margin-top:2em;} .pro_info_top_3{margin-top:4em; margin-bottom:10.625em;background-color:rgba(22,84,168,.74);} .pro_info_tab{ display:none;border-bottom:1px #eef2f7 solid;} .pro_info_tab ul{border-left:1px #eef2f7 solid; overflow:hidden} .pro_info_tab ul li{float:left;border-right:1px #eef2f7 solid;} .pro_info_tab ul li a{ display:block;-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; font-size:1.125em; color:#333333; padding:1.25em 2.875em;} .pro_info_tab ul li a:hover,.pro_info_tab ul li a.on{color:#fff; background-color:#1654a8;} .pro_info_con_1{position:relative} .pro_info_con_1:after{content:''; position:absolute; left:0; bottom:.4em; width:100%; height:1px; background-color:#eaedf1;} .pro_info_con_1_title{display:inline-block; background-color:#fff; position:relative; z-index:10;} .pro_info_con_1_title_1{ margin-top:2.6em;font-size:1.875em; color:#4c4c4c;} .pro_info_con_1_title_2{text-transform: uppercase; position:relative;font-family:Calibri; color:#b4b4b4; padding-right:1.5em;} .pro_info_con_1_title_2:after{content:''; position:absolute; width:16px; height:1px; background-color:#1654a8; right:0em; bottom:0.4em;} .pro_info_con{overflow:hidden; padding-bottom:6.875em;} .pro_info_con.hui,.pro_info_con.hui .pro_info_con_1_title{background-color:#f8fbfe} .pro_info_con_2{margin-top:2.5em; line-height:2;} .pro_info_con_2 p .xqbox{font-weight: bold; display: block;margin: 30px 0; padding-left: 24px; font-size: 20px; color: #0077d2; line-height: 2.2; background: url(../images/xqysicon1.png) left top no-repeat; background-size: auto 44px} .con table{width:100%; border-spacing:0px; border-collapse:collapse; background:#fff; border-bottom:1px solid #ddd; margin:1% 0;} .con td:first-child{ background:#0068b7; height:60px; line-height:60px;color: #fff;} .con tr:nth-child(2n+3){background:#f5f5f5;} .con .bhead{background:#0068b7; color: #fff} .con tr.odd{background: #f5f5f5; color: #333;} .con tr.even{background: none;} .con td.even{background: #fff;} .con table td{line-height:46px;} .con tr{ border:1px solid #ddd;} .con p{text-align:left; margin-left:20px; color:#666; font-size:16px;} .con strong{width:100%; text-align:left; color:#fff; float:left; font-size:16px; margin:10px 0} /*内页资质荣誉*/ .cer8{width: 100%; margin: 5% 0;} .rylist {overflow: hidden;padding: 0 0 50px;max-width: 1500px;margin: 0 auto 0;} .rylist li {float: left;width:33%;margin-bottom: 50px;} .rylist li .lin {padding: 0 10px;} .rylist li a {display: block;position: relative;border: 1px solid #e7e7e7;} .rylist li .pic {width: 100%;overflow: hidden;position: relative;font-size: 0;text-align: center;} .rylist li img {max-width: 100%;} .rylist li h3 {padding: 0 30px;position: relative;overflow: hidden;} .rylist li h3 span {position: relative;text-align: center;z-index: 3;display: block;height: 70px;overflow: hidden;font-size: 1.3em;color: #333;line-height: 70px;white-space: nowrap;padding: 0px 30px 15px 0; background: url('../images/glass2.png') right no-repeat;border-top: 1px solid #ebebeb; font-weight: 700;text-transform:capitalize} .rylist li h3 em {position: relative;text-align: center;z-index: 3;display: block;height: 40px;overflow: hidden;font-size: 16px;color: #333;line-height: 25px;padding: 15px 0 15px 0; border-top: 1px solid #ebebeb;word-break: break-all; text-overflow: ellipsis; overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;} .rylist li h3:before {content: '';position: absolute;left: 100%;bottom: 0;z-index: 0;width: 0;height: 100%;background-image: -webkit-gradient(linear, left top, right top, from(#00aa4a), to(#07be56));background-image: linear-gradient(to right, #00aa4a), to(#07be56);} .rylist li h3 span,.rylist li h3 em,.rylist li h3:before { -webkit-transition: .5s; transition: .5s;} .rylist li:hover h3 span { color: #fff; text-align: center; background-image: url('../images/glass2h.png'); border-top-color: transparent;} .rylist li:hover h3 em { color: #fff; text-align: center; } .rylist li:hover h3:before { width: 100%; left: 0; -webkit-transition: width .5s; transition: width .5s;} @media screen and (max-width: 1440px) { .rylist {padding: 0 0 40px;} .rylist li .lin {padding: 0 20px;} } @media screen and (max-width: 1100px) { .rylist {padding: 0 0 30px;} .rylist li .lin {padding: 0 4px;} .rylist li {width: 50%;} .rylist li h3 {padding: 0 0px; text-align: center;} .rylist li h3 span {height: 50px; line-height: 50px; background-image:none; padding: 0;} } @media screen and (max-width: 640px) { .rongyumain {padding: 80px 0 80px;} .rylist li {width: 50%;margin-bottom: 9px} } /*********news********/ .index_4_1_ny{margin-top:3.75em;} .index_4_1_ny ul li{margin-bottom:2em;} .index_4_1_ny{margin-bottom:3.75em;} .news_info_banner{ height:17.34375vw;background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/se_news.jpg);} .news_info_1_left{float:left; font-size:1.125em; color:#333;font-size: 16px;} .news_info_1_left a{color:#333;} .news_info_1_left a:hover,.news_info_1_left span{color:#00aa4a;} .news_info_1_right{float:right;} .news_info_1_right a{ padding-right:1.875em;color:#000; position:relative; display:inline-block;font-size: 16px;} .news_info_1_right a:after{content:''; position:absolute; right:0; width:1em; height:.875em; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/list.png); top:50%;transform:translateY(-50%);} .news_info_1{margin:1.6875em 0;} .news_info_2{text-align:center; font-size:1.875em; color:#252525; margin-bottom:.375em; margin-top:3em;} .news_info_3{text-align:center; font-size:1.125em; color:#00aa4a; font-family:Calibri;} .news_info_4{margin-top:2em; padding-top:2em; border-top:1px #c1beb2 dashed; line-height:2; margin-bottom:3em;font-size: 16px;} .news_info_4 img{max-width: 100%; margin: 0 auto;display: block;} .news_info_4 p{text-indent:2em;} .news_info_5{ margin-bottom:8.75em;border:1px #e9e8e4 solid; background-color:#f9f9f9; color:#666666;} .news_info_5_left{float:left; width:50%;font-size: 16px;} .news_info_5_right{float:right; width:50%; text-align:right;font-size: 16px;} .news_info_5_left a,.news_info_5_right a{display:block; padding:.875em 1.5em;} .news_info_5 span{margin-right:1em;} .news_info_5_left a:hover,.news_info_5_right a:hover{color:#fff; background-color:#00aa4a;} /*******job********/ .job_1{ position:relative; padding:6.75em 0; background-color:#fff; z-index:10;background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/img15.png);} .job_1_bg{position:absolute; left:0; top:0; height:100%; background-color:#00aa4a; width:52.8125%;} .job_1_mid{position:relative;} .job_1_mid_right{ height:100%;position:absolute; right:0; top:0; width:64.57399103139013%;} .job_1_mid_right:after{ height:36.08768971332209%; background-image:url(../images/img12.png); bottom:-12.47892074198988%;content:''; width:25.23148148148148%; background-position:center; background-repeat:no-repeat; background-size:cover; position:absolute; right:-9.25925925925926%;} .job_1_mid_right_bg{ z-index:10;position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;} .job_1_mid_left{width:31%; padding:5.4375em 0;} .job_1_mid_left_2 .index_1_mid_right_2{color:#fff;} .job_1_mid_left_3{ font-size:1.125em;color:#d1dcea; line-height:2; margin:2em 0;} .job_1_mid_left_4 a{ color:#fff; text-align:center; position:relative; overflow:hidden;display:block; max-width:9.25em; border:1px #527fbb solid;border-radius:2.25em;} .job_1_mid_left_4 a span{ padding-right:1.25em;position:relative; z-index:10; display:inline-block; line-height:2.25em;} .job_1_mid_left_4 a span:before{ right:0; top:50%;transform:translateY(-50%);content:''; position:absolute; background-position:center; background-repeat:no-repeat; background-size:cover; width:0.5625em; height:.75em; background-image:url(../images/jt.png);} .job_1_mid_left_4 a:hover span:before{background-image:url(../images/jth.png);} .job_1_mid_left_4 a:after{transition:all .4s cubic-bezier(.4,.8,.74,1) 0s;content:''; position:absolute; left:0; top:0; height:100%; width:0; background-color:#fff;} .job_1_mid_left_4 a:hover:after{width:100%;} .job_1_mid_left_4 a:hover{color:#1654a8;} .job_2{ overflow:hidden; padding-top:7.0625em;background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/jobbg.jpg);} .job_2_2 .index_1_mid_right_2{color:#fff;} .job_2_2{margin-bottom:3.5em;} .job_2_3 .swiper-slide{background-color:rgba(0,0,0,.62); color:#fff;} .contact_2_3_1{ padding-left:1.5625em; margin-top:3.5625em; display:inline-block; background-color:#1654a8;border-radius:0 3.45em 3.45em 0;} .contact_2_3_1 span{ padding-left:1.5em; padding-top:.5em; padding-bottom:.5em; font-size:1.5em; position:relative; display:inline-block; padding-right:1.375em;} .contact_2_3_1 span:after{ top:50%;transform:translateY(-50%);content:''; position:absolute; left:0; width:1em; height:1.083333333333333em; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/ren.png);} .contact_2_3_2{ overflow:hidden; min-height:24em; max-height:24em; overflow-y:auto;margin:0 1.5625em; margin-top:1.5em; margin-bottom:4em;} .contact_2_3_2_1{ margin-top:1em;font-size:1.25em; font-weight:bold} .contact_2_3_2_2{line-height:1.5; margin-top:.75em; margin-bottom:.25em;} .contact_2_3_3{margin:0 1.5625em; line-height:1.5; padding-bottom:3.625em;} .jobact{ margin-top:3.125em; margin-bottom:6.25em;text-align:center; font-family:"宋体"} .jobleft{width:2em; height:2em; display:inline-block; border:1px #fff solid; line-height:2em; cursor:pointer;border-radius:100%; color:#fff;} .jobright{width:2em; height:2em; display:inline-block; border:1px #fff solid; line-height:2em; cursor:pointer;border-radius:100%; color:#fff;} .jobleft:hover,.jobright:hover{background-color:#1654a8; color:#fff; border-color:#1654a8;} .job_3_1{margin-top:7em; margin-bottom:5.375em;} .job_3{overflow:hidden; position:relative; padding-bottom:6.875em;} .job_3:after{ background-color:#f1f4f7;content:''; position:absolute; right:0; top:0; height:100%; width:53.80208333333333%;} .job_3_2_mid_1{overflow:hidden} .job_3_2_mid_1 img{width:100%;} .job_3_2 .swiper-slide{padding: 0 calc((100vw - 829px) * 0.0229166666666667); width:829px;} .job_3_2_mid_2{text-align:center; margin:0 auto; max-width:23.07291666666667vw;} .job_3_2_mid_2_1{transition:1.5s cubic-bezier(.14,1,.34,1);opacity:0;transform:translateY(100px); position:relative;font-size:1.5em; margin-top:1.541666666666667em; margin-bottom:.2em; color:#000; line-height:1.5;} .job_3_2_mid_2_2{transition:1.5s cubic-bezier(.14,1,.34,1);opacity:0;transform:translateY(100px); position:relative;font-family:Calibri; color:#666;transition-delay:.3s} .job_hd{ left:50%; bottom:0; z-index:10; font-family:"宋体";position:absolute; width:24.21875vw;transform:translateX(-50%);} .job_hd_left{ cursor:pointer;font-size:1.875em; float:left; position:relative;} .job_hd_right{ cursor:pointer; position:relative;float:right; font-size:1.875em;} .job_3_2 .swiper-slide-active .job_3_2_mid_2_1,.job_3_2 .swiper-slide-active .job_3_2_mid_2_2{opacity:1;transform:translateY(0px);} /********contact************/ .lx_1{ overflow:hidden; position:relative; padding-top:5.5em; padding-bottom:5.3125em; background-color:#fff; z-index:10;background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/img15.png);} .lx_1:after{ background-color:#f8fafc;content:''; position:absolute; left:0; top:0; height:100%; width:30.72916666666667%;} .lx_1_3 ul li{ margin-right:2.24215246636771%; background:#fff url(../images/ca2.png) no-repeat center top;;-webkit-box-shadow: 2px 0px 16px rgba(0, 0, 0, 0.2);box-shadow: 2px 0px 16px rgba(0, 0, 0, 0.2); cursor:pointer;float:left; width:47%; height:15em; text-align:center;} .lx_1_3 ul li.on{background:#00aa4a url(../images/ca.png) no-repeat center bottom; background-size: 100%; color:#fff;} .lx_1_3 ul li.on .lx_1_3_mid_1,.lx_1_3 ul li.on .lx_1_3_mid_2 dl dd,.lx_1_3 ul li.on .lx_1_3_mid_2 dl dd a{color:#fff;} .lx_1_3 ul li:nth-child(3n){margin-right:0} .lx_1_3_mid{margin:1em;} .lx_1_3_mid_1{ position:relative;color:#0d0d0d; font-size:1.5em; padding-bottom:.45em;} .lx_1_3_mid_1:after{content:''; width:16px; height:2px; position:absolute; bottom:0; background-color:#fff; left:50%;transform:translateX(-50%);} .lx_1_3 ul li:nth-child(2) .lx_1_3_mid_1:after{content:''; width:16px; height:2px; position:absolute; bottom:0; background-color:#00aa4a; left:50%;transform:translateX(-50%);} .lx_1_3_mid_2 dl dd{ padding-left:1em; margin-top:.5em;display:inline-block; position:relative; color:#666;} .lx_1_3_mid_2 dl dd:after{content:''; position:absolute; left:0; top:0; background-position:center; background-repeat:no-repeat; background-size:cover;} .lx_1_3_mid_2 dl dd.phone,.lx_1_3_mid_2 dl dd.fax{} .lx_1_3_mid_2 dl dd.email{} .lx_1_3_mid_2 dl dd a{color:#666;transition:1.5s cubic-bezier(.14,1,.34,1);} .lx_1_3_mid_2 dl dd a:hover{color:#0077d3} .lx_1_3_mid_2{margin-top:1em;} .lx_1_3{padding-top:30em; padding-bottom:2.75em; width: 70%; margin: 0 auto;} .lx_1_4{ background-color:#fff;-webkit-box-shadow: 2px 0px 16px rgba(0, 0, 0, 0.2);box-shadow: 2px 0px 16px rgba(0, 0, 0, 0.2);padding:.5em;} #map22{height:33.48958333333333vw;} .css_animation{ position:relative;height:120px; width:120px; background:rgba(0,119,211,.15);border-radius: 100%; } .css_animation:before{background-position:center; background-repeat:no-repeat; background-image:url(../images/add.png);content:''; position:absolute; left:50%; margin-left:-28px; margin-top:-28px; background-size:cover; z-index:10; top:50%; width:56px; height:56px;} @keyframes ripples{0%{opacity:0;transform:scale(.1,.1)}5%{opacity:1}100%{opacity:0;transform:scale(1)}} .css_animation:after{ content:''; display:block; position:absolute; top:0; right:0; bottom:0; left:0; border-radius:50%; border:2px solid #00aa4a; background-color:#00aa4a; opacity:0; -webkit-animation:ripples 4s ease-out 225ms infinite; -moz-animation:ripples 4s ease-out 225ms infinite; -o-animation:ripples 4s ease-out 225ms infinite; animation:ripples 4s ease-out 225ms infinite} .css_animation i{display:block; position:absolute; top:0; right:0; bottom:0; left:0; border-radius:50%; border:2px solid #00aa4a; background-color:#acebc8; opacity:0; -webkit-animation:ripples 4s ease-out 725ms infinite; -moz-animation:ripples 4s ease-out 725ms infinite; -o-animation:ripples 4s ease-out 725ms infinite; animation:ripples 4s ease-out 725ms infinite} .ovh{overflow:hidden} @media screen and (max-width:1400px) { .lx_1_3{padding-top:12em;} } @media screen and (max-width:1300px) { .lx_1_3{padding-top:6em;} } /******************/ .js-scroll-border { position:absolute; left:0; top:0; width:100%; height:100%; z-index:100; border: 40px solid #FFF; transition: border 1.3s cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-backface-visibility: hidden; backface-visibility: hidden; } .animated .js-scroll-border { border: 0px solid #FFF; } .about_1_left_right:after{content:''; position:absolute; left:0; top:0; width:100%; height:100%; background-color:#fff; z-index:100;} .about_1_left_right.animated:after{width:0; transition: all 3s cubic-bezier(0.23, 1, 0.38, 1) 0s;} .so_1_mid_bg:after{content:''; position:absolute; left:0; top:0; width:100%; height:100%; z-index:10; background-color:#f6fafe} .about_3_3_left_bg:after{content:''; position:absolute; right:0; top:0; width:100%; height:100%; z-index:10; background-color:#f6fafe} .so_1_mid_bg.animated:after{width:0; transition: all 3s cubic-bezier(0.23, 1, 0.38, 1) 0s;} .ser_1_right_bg:after{ content:'';position:absolute; right:0; top:0; width:100%; height:100%; background-color:#1654a8;} .ser_1_right_bg.animated:after{width:0;transition: all 2s cubic-bezier(0.23, 1, 0.38, 1) 0s;} .bannerwb{position:absolute; left:5%; width:90%; text-align:center; color:#fff; z-index:410; font-size:2.25em; bottom:34.55723542116631%;} /*******service*********/ .ser_1_left{width:46.33781763826607%; padding-top:2.5em; padding-bottom:1.125em} .ser_1{ margin-top:7.75em; margin-bottom:8em;position:relative;} .ser_1_right{ height:100%;position:absolute; right:1.30208333333333vw; top:0; width:46.93572496263079%;} .ser_1_left_1 .index_1_mid_right_1{margin-bottom:1.5em;} .ser_1_left_3{font-size:1.125em; color:#525252; line-height:1.8; margin:2.5em 0;} .ser_1_right:after{ background-color:#1654a8; content:'';position:absolute; top:1.30208333333333vw; right:-1.30208333333333vw; width:100%; height:100%;} .ser_1_right_bg{position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/service/img1.jpg); z-index:10;} .ser_1_left_4 ul li{ margin-right:1.61290322580645%; margin-bottom:9px;float:left; text-align:center; width:32.25806451612903%;} .ser_1_left_4 ul li:nth-child(3n){margin-right:0} .ser_1_left_4_mid{ height:7.60416666666667vw;border:1px #dadfe5 solid;} .ser_1_left_4_mid_1{position:relative; height:2.8125vw} .ser_1_left_4_mid_1 img{max-height:100%; max-width:none; position:absolute; left:50%; top:50%;transform:translate(-50%, -50%);} .ser_1_left_4_mid_2{margin-top:.5em; color:#525252; margin-left:.5em; margin-right:.5em;} .ser_2{ padding-top:4.5em; padding-bottom:7.5em;position:relative; overflow:hidden; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/service/img12.jpg);} .ser_2 .about_2_3_mid{position:relative; z-index:10;} .ser_2_bg{ background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/service/img11.jpg); position:absolute; left:0; top:0; height:100%; width:42.91666666666667%;} .ser_2 .index_1_mid_right_2{color:#fff;} .ser_2_mid ul li{-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; float:left; width:33.3333%; background-color:#fff; position:relative; min-height:29.8125em;} .ser_2_mid ul li:hover{-webkit-box-shadow: 2px 0px 16px rgba(0, 0, 0, 0.2); box-shadow: 2px 0px 16px rgba(0, 0, 0, 0.2);} .ser_2_mid_pic{ overflow:hidden;position:absolute; left:0; top:0; width:100%; height:50%;} .ser_2_mid_pic_bg{position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;} .ser_2_mid_con_mid{margin:0 7.847533632287%;} .ser_2_mid_con{position:absolute; left:0; bottom:0; width:100%; height:50%;} .ser_2_mid_con_mid_1{text-align:right; margin-top:2.5em; margin-bottom:1em} .ser_2_mid_con_mid_1 img{max-height:2.70833333333333vw;} .ser_2_mid_con_mid_2_1{font-size:1.5em; color:#000;} .ser_2_mid_con_mid_2_2{color:#333; margin-top:1em; line-height:1.5; margin-bottom:1em;} .ser_2_mid ul li:nth-child(2n) .ser_2_mid_con{bottom:auto; top:0;} .ser_2_mid ul li:nth-child(2n) .ser_2_mid_pic{top:auto; bottom:0} .ser_2_mid{margin-top:2.6em;} .hl_scrool_leftbtn{width:44px; height:44px; background:url(../images/y1.png) no-repeat; float:left; margin-top:40px; cursor:pointer;} .hl_scrool_rightbtn{width:44px; height:44px; background:url(../images/y2.png) no-repeat; float:right;margin-top:40px; cursor:pointer;} .so_4_mid_mid_1{padding:3em 0;background-color:rgba(0,170,74,.8); position: absolute; bottom: 10em; width: 100%; z-index: 10;} .so_4_mid_mid_1 ul{display: flex; display:-webkit-flex;-webkit-justify-content: space-between; justify-content: space-between; width: 80%; margin: 0 auto;} .so_4_mid_mid_1 ul li{ padding: 0 20px; text-align:center;} .so_4_mid_mid_1_mid_1{position:relative;width: 150px; height:150px;border-radius:50%; overflow: hidden;border: 5px solid #CACACA} .so_4_mid_mid_1_mid_1 img{width: 100%;} .so_4_mid_mid_1_mid_1 img.ve{-moz-transition: all 1.0s;-webkit-transition:all 1.0s;-o-transition:all 1.0s;transition:all 1.0s;} .so_4_mid_mid_1_mid_1:hover img.ve{ transform: rotateY(180deg); -webkit-transform: rotateY(180deg); /* Safari 和 Chrome */-moz-transform: rotateY(180deg); /* Firefox */ } .so_4_mid_mid_1_mid_2{margin-top:0.5em; margin-left:.5em; margin-right:.5em; font-size: 18px;} .so_4_mid_mid_1_mid a{color:#fff ;} @media screen and (max-width:1400px) { .so_4_mid_mid_1{bottom: 6em; } .so_4_mid_mid_1 ul{width: 85%;} .index_2_mid_2_mid_2 {font-size: 1.4em;} } @media screen and (max-width:1300px) { .so_4_mid_mid_1 ul{width: 90%;} } @media screen and (max-width:1200px) { .so_4_mid_mid_1 ul li{ padding: 0 10px;} } .animated .about_3_3_left_bg:after{width:0; transition: all 3s cubic-bezier(0.23, 1, 0.38, 1) 0s;} .index_1_mid_left{ -webkit-clip-path: inset(0 100% 0 0); clip-path: inset(0 100% 0 0);} .index_1_mid_left.animated{ transform: translate3d(100%, 0, 0) rotate(0deg); transition: all 3s cubic-bezier(0.23, 1, 0.38, 1) .5s; -webkit-clip-path: inset(0 0 0 0); clip-path: inset(0 0 0 0); } .lx_1_3 .cell_mid,.lx_1_3 .cell_h{table-layout:fixed;word-break:break-all;word-wrap:break-word;border-collapse:collapse;} #certbody,.newsinfobody,.about_4{position:relative; z-index:10; background-color:#fff; overflow:hidden} .pro_info_top_2_left{float:left;} .pro_info_top_2 .news_info_1_right a{color:#fff} .case_1_mid{ margin:0px;position:relative; text-align:center; height:8.75em;} .case_1 ul{ margin:1em; position:relative} .case_1 ul .leftline{position:absolute; left:0px; top:0; height:100%; width:1px; background-color:#fff; z-index:100;} .case_1 ul .bottomline{position:absolute; left:0px; bottom:0; width:100%; height:1px; background-color:#fff; z-index:100;} .case_1 ul li{ position:relative;-webkit-transition:-webkit-box-shadow .45s ease-out;transition:-webkit-box-shadow .45s ease-out;transition:box-shadow .45s ease-out;transition:box-shadow .45s ease-out, -webkit-box-shadow .45s ease-out; float:left; width:25%; text-align:center;} .case_1_mid img{position:absolute; left:50%; top:50%;transform:translate(-50%, -50%); max-width:81%;} .case_1 ul li:hover{-webkit-box-shadow: 2px 0px 16px rgba(0, 0, 0, 0.2); box-shadow: 2px 0px 16px rgba(0, 0, 0, 0.2);} .case_1{margin-top:3em; margin-bottom:6.5625em;} .case_1 ul li:after{content:''; position:absolute; left:0; bottom:0; height:100%; width:1px; border-left:1px #d5dae4 dashed; z-index:10;} .case_1 ul li:before{content:''; position:absolute; left:0; bottom:0; width:100%; height:1px; border-bottom:1px #d5dae4 dashed; z-index:10;} #swiper-pagination-pa{position:static; margin-top:3em;} .case_1 .swiper-pagination-bullet{width:20px; height:20px; background:none; opacity:1; position:relative;} .case_1 .swiper-pagination-bullet:before{-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; content:''; position:absolute; left:50%; top:50%; width:10px; height:10px;transform:translate(-50%, -50%); background-color:#dbe4f0;border-radius:100%;} .case_1 .swiper-pagination-bullet:after{content:''; position:absolute; left:0%; top:0%; width:100%; height:100%; border-radius:100%; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/case.png);opacity:0;-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s;} .case_1 .swiper-pagination-bullet-active:after{opacity:1;} .case_1 .swiper-pagination-bullet-active:before{opacity:0;} @media screen and (max-width:1600px) { .case_1_mid{height:7.5em;} .so_4_mid{width:60%} .about_4_2_mid_1:after{font-size:.75em;} .footer_mid_2_right_mid{padding-left:30%;} .header_mid_mid ul li{ margin:0 1.5vw;} .header_mid{margin-left:2%; margin-right:2%;} .footer_mid{margin:0 5%;} } @media screen and (max-width:1440px) { .about_3_footer_b{ width:8%;} .index_1_mid_right_4_mid{ padding:0 1em;} .index_1_mid_right{ width:45%; margin-left:51.16666666666667%} .sitemap-wrapper-style02 > ul > li > h2{ font-size:20px;} .sitemap-wrapper-style02 > ul > li .sitemap-2dep a{ font-size:15px;} .job_3_2_mid_2{ max-width:35vw;} .job_hd{ width:40vw;} .about_1_left_con{ margin-left:0%;} .about_1_left{ margin-left:8%; width:84%;} .about_2_3_mid{ margin:0 8%;} .so_1_mid{ margin-left:5%; margin-right:5%;} .pro_1_mid{ margin:0 5%;} } @media screen and (max-width:1280px) { .header_mid_mid ul li{margin:0 1vw;} } @media screen and (max-width:1200px) { .pro_info_top_bg{padding-top:0} #sitemapContent.open{ display:none} .pro_info_top_2,.pro_info_tab ul li a{ font-size:1em;} .pro_info_top_3_right_mid_3{ font-size:1em;} .pro_info_top_1{ display:none} .ser_1_left_4_mid_2{ font-size:.875em;} .about_4_2{ margin-top:4em;} .about_2_3_mid{ margin:0 5%;} .about_2_bg,.about_5_con_img_list{ width:95%;} .about_1_left{ margin-left:5%; width:90%;} #header{ position:fixed} #main{ margin-top:5em;} .bodyon2 #header{transform: translateY(0%);} .index_3_2 .swiper-slide {width: 768px; padding: 0 calc((100vw - 768px) * 0.0375);} .index_2_mid_2_mid_2{ font-size:1.125em;} .header_mid_mid ul{ display:none;} .header_mid_mid{ height:5em;} .header_mid_right{ display:block} .menu-toggler{ left:auto; right:0;} #header{ background-color:#fff;} .header_logo img:nth-child(2){ display:block; height:50px;} .header_logo img:nth-child(1){ display:none} .header_logo{ width:auto; left:0%;transform:translate(0, -50%);} .menu-toggler .line{ background-color:#00aa4a} .header_mid{ margin-left:5%; margin-right:5%;} } .nybanner_footer p{ z-index:100;display:none; position:relative; color:#fff; padding:.5em 0; text-align:center; background-color:#00aa4a; font-size: 20px;} .nybanner_footer p:after { content: ''; position: relative; top: -1px; left: 7px; display: inline-block; border-top: 6px solid #fff; border-left: 6px solid transparent; border-right: 6px solid transparent; vertical-align: middle; transition: transform .3s; } .nybanner_footer p:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 0; background: #00aa4a; transition: all .3s; z-index: -1; } .nybanner_footer p.on:before{ height:100%;} .nybanner_footer p.on:after { transform: rotate(-180deg); } @media screen and (max-width:1024px) { .close_box a img{width:2em;} .close_box{top:1em; right:1em;} .cershowbox_con{font-size:1em; bottom:-2em;} .cershowbox_left,.cershowbox_right{font-size:.5em;} .pro_info_top_2{line-height:1.6; margin: 1em 0;} .pro_info_top_3_left img{max-width: 100%;} .pro_info_con_2{margin-top:2em;} .pro_info_con_1_title_1{margin-top:2em;} .pro_info_con_2_adv ul li{font-size:1em;} .pro_info_con{padding-bottom:4em;} .pro_info_con_1_title_1{font-size:1.5em;} .nybanner_footer{display: block;} .so_4_mid_mid_1{display: none;} .nybanner_footer ul li{width: 48%;} .nybanner_footer ul li a:hover, .nybanner_footer ul li a.on{background-color:#00aa4a;} .nybanner_footer ul li a{font-size:.875em; padding:.5em 1em;} .nybanner_footer p{display:block} .nybanner_footer ul{opacity: 0; visibility: hidden; transition: all .5s; z-index:10;position:absolute; left:0; width:100%;margin-top: -36.8px;display: block;} .nybanner_footer ul.show { margin-top: 0; opacity: 1; visibility: visible; } .nybanner_footer ul li{float:left; width:100%;} .index_2_mid_2_mid_2{font-size:1em;} .pro_1_mid_1{font-size:1em;} .nybanner_footer ul li a{ margin-left:0; position:relative;font-size:16px; background-color:#00aa4a} .nybanner_footer ul li a:after{content:''; position:absolute; right:0; top:30%; height:40%; width:1px; background-color:#fff;} .nybanner_footer ul li:nth-child(2n) a:after{display:none} .lx_1_3_mid_1{font-size:1.125em;} .lx_1_3_mid_2{font-size:.875em;} .job_3_1{margin-top:4em; margin-bottom:4em;} .job_3_2_mid_2_1{font-size:1.125em;} .job_3_2 .swiper-slide{ padding: 0 calc((100vw - 640px) * 0.0229166666666667);width: 640px;} .contact_2_3_1{ font-size:.75em;} .contact_2_3_2_1{ font-size:1em;} .contact_2_3_2_2{ font-size:.875em;} .job_2{ padding-top:4em;} .job_1_mid_left_3{ font-size:1em;} .ser_3_list ul li{ font-size:.8em;} .ser_2_mid_con_mid_2_1{ font-size:1.125em;} .ser_2_mid_con_mid_2_2{ font-size:.875em;} .ser_1{ margin-top:4em; margin-bottom:4em;} .ser_1_left_4_mid{ height:10vw;} .ser_1_left_3{ font-size:1em;} .news_info_2{ font-size:1.5em; margin-top:3em;} .news_info_1_left{ font-size:1em;} .case_1 ul li{ width:25%;} .so_4_mid_mid_1_mid_2{font-size:.875em;} .so_2{ padding-top:4em; padding-bottom:4em;} .so_1_mid_mid_mid_2 p{ font-size:1.5em;} .so_1{ padding-top:4em; padding-bottom:4em;} .about_5_mid_mid_jj_4_2{ font-size:.875em;} .about_5_mid_mid_jj_3{ font-size:1em;} .about_5_mid_mid_jj{ margin-right:15%; margin-top:4em; margin-bottom:4em;} .about_5,.about_5_con{ padding:4em 0;} .about_3_3_right_1{ font-size:1.5em;} .about_3_3_right_2{ font-size:16px;} .about_3_3_right_3{ font-size:.875em;} .about_2_mid_mid_2{ font-size:1.5em;} .about_2_mid_mid{ margin-left:15%;} .about_1{ padding:5em 0;} .nybanner_mid_1{font-size:2em;} .nybanner_mid_2{font-size:1.25em;} .footer_mid_2_left_mid p, .footer_mid_2_right_mid p{font-size:1em;} .footer_mid_2_left_mid a,.footer_mid_2_right_mid_2 dl dd{font-size:.875em;} .index_4_1_mid_2_2{font-size:17px;} .index_4_1_mid_2_3{font-size:16px;} .swiper-slide_mid_2_left,.swiper-slide_mid_2_right{font-size:.75em;} .index_3_2_mid_footer_mid_2{font-size:1em;} .index_3_2_mid_footer_mid_1{font-size:1.25em;} .index_2_mid{margin:0 5%;} .banner_footer_mid_2 a{font-size:1em;} .banner_footer_mid_1{font-size:1.375em;} .index_1_mid_right_1 span{font-size:1em;} .index_1_mid_right_2{font-size:1.5em;} .index_1_mid_right_4_1 dl{font-size:.875em;} .index_1_mid_right_4_1 dl dd:nth-child(1){font-size:2em;} .index_1_mid_right_5_more span{font-size:1em;} } .div_768 img{width:100%;} .div_768{display:none} @media screen and (max-width:950px) { .pro_info_top_3_left,.pro_info_top_3_right{ float:none; width:100%;} .pro_info_top_3_right_mid{margin:2em 5%;} .pro_info_top_3{padding-bottom:0;margin-bottom:3rem;} } @media screen and (max-width:900px) { .footer_mid_2_right{display:none} .footer_mid_2_left{float:none; width:auto} } @media screen and (max-width:850px) { .ser_1_left_4_mid_1{height:1.5em;} .ser_1_left_4_mid{height:5.625em;} .ser_1_left_3{margin-top:1em;} .ser_1_left{width:100%; padding-top:0} .ser_1_right{position:relative; width:100%; height:35vw; margin-top:1em;} .index_3_2 .swiper-slide {width: 640px;padding: 0 calc((100vw - 640px) * 0.0375);} } .about_3_3_right_top_img{display:none; margin-bottom:2em;} .about_3_3_right_top img{width:100%;} .mobilebanner{display:none;} .mobilebanner img{width:100%;} .cell_mid{ display: table; height:100%; width:100%; } .cell_h{ height:100%;display: table-cell; vertical-align: middle; } .bannercon{position:absolute; left:0; top:0; width:100%; height:100%; z-index:10;} @media screen and (max-width:768px) { .banner_bg{display:none} .mainvisual__slider-item-img,.mainvisual__slider-item{position:relative; height:auto} .mobilebanner{display:block} .nybanner{height:auto} .bannerwb{font-size:1.5em;} .cershowbox_img{width:80%; margin:0 auto; padding:0 3.75em;} .cershowbox_img img{max-height:none;} .pro_1_mid_2 ul li{width:49%; margin-right:0} .pro_1_mid_2 ul li:nth-child(2n){float:right;} .lx_1_3 ul li{ margin-bottom:1em;width:49%; margin-right:0} .lx_1_3 ul li:nth-child(2n){float:right;} .lx_1{padding-top:4em; padding-bottom:4em;} .lx_1_3{ padding-top:2em;} .job_3_1{margin-bottom:2em;} .job_3{padding-bottom:4em;} .job_3_2_mid_2{max-width:none; padding-left:1.375em; padding-right:1.375em;} .job_hd{width:90%;} .job_3_2_mid{margin:0 5%;} .job_2_2{margin-bottom:2em;} .contact_2_3_2{margin-bottom:2em;} .job_1_bg{width:100%;} .job_1_mid_right{position:static; width:100%;} .job_1_mid_right_bg{display:none} .job_1_mid_left{width:100%; padding:0 0 4em 0;} .job_1{padding:4em 0;} .ser_3_list_1_right_right{font-size:.875em;} .ser_3_list_1_right_left{opacity:0; } .ser_3{padding-top:4em;} .ser_3_list{margin-top:2em; margin-bottom:2em;} .ser_2{padding-top:4em; padding-bottom:3em;} .ser_2_mid_con_mid_1{margin-top:2em;} .ser_2_mid_con_mid_2_2{margin-bottom:2.5em;} .ser_2_mid_con_mid_1 img{width:auto; max-height:none; height:auto;} .ser_2_mid ul li{width:100%; height:auto; margin-bottom:1em; min-height:inherit} .ser_2_mid_pic{width:50%; height:100%;} .ser_2_mid_con{left:auto; right:0; height:100%; width:50%; position:relative; margin-left:50%;} .news_info_5{margin-bottom:4em;} .news_info_5_right{text-align:left;} .news_info_5_left,.news_info_5_right{float:none; width:auto} .index_4_1_ny{margin-bottom:2em;} .case_1{margin-top:2em; margin-bottom:3em;} .case_1 ul li{width:33.3333%;} .so_4_mid{width:100%;} .so_4_mid_mid{margin:4em 5%;} .so_1{padding-bottom:2em;} .so_1_mid_mid_mid_2 p{font-size:1.375em;} .so_1_mid_mid_mid{margin-right:5%; margin-left:5%;} .so_1_mid{padding-top:0;} .so_1_mid_mid_mid{margin-top:2em; margin-bottom:2em;} .so_1_mid_mid_mid_3{margin-top:2em;} .so_1_mid_mid{width:100%;} .so_1_mid_img{position:static; width:100%;} .so_1_mid_bg{display:none} #certbody .about_4_2{margin-bottom:1.5em;} .fenye{font-size:.875em; margin-bottom:3em;} .fenye li{margin-bottom:1em;} #certbody .about_4_2{margin-top:4em;} .about_5_mid_mid_jj_3{margin-bottom:2em;} .about_5_mid_mid_jj_footer{margin-top:2em;} .about_5_mid_mid_jj{margin-left:5%; margin-right:10%;} .about_5_mid_mid{width:95%; margin-left:5%;} .about_4_2{margin-bottom:2em;} .about_4_2_mid_2_1{font-size:1em;} .about_4_2 ul li{ margin-bottom:1em;width:49%; margin-right:0} .about_4_2 ul li:nth-child(2n){float:right;} .about_4_2{margin-top:2em;} .about_3_3_right_num p{font-size:30vw;} .about_3_3_right_num{bottom:30%;transform: translateY(0%);} .about_3_3_right_act{padding-top:2em} .about_4_2_mid_1 img{max-width:none; max-height:90%;} .about_3_footer{display:none} .about_3_3_right_top{display:block;} .about_3_3_right_top_img{display:block} .about_3_3_right{margin-left:0; padding-top:0em; padding-bottom:4em; width:100%;} .about_3_3_left{display:none} .about_3_2{ margin-bottom:4em;} .about_2_3_mid_1{margin-top:4em;} .about_2,.about_2_mid{padding:4em 0;} .about_2_mid{width:80%;} .about_2_mid_mid_3_1{font-size:20px;} .about_2_mid_mid_3_2{font-size:16px;} .about_2_mid_mid_2{font-size:1.25em;} .about_1_left_con{padding-top:2em; padding-bottom:2em;} .about_1_left_right{ margin-top:2em;position:relative; width:100%; height:35vw;} .about_1_left_right_bg{background-position:center bottom;} .about_1_left_left{margin-right:0;} .nybanner_mid_1{font-size:1.5em;} .nybanner_mid_2{font-size:1em;} .footer_mid_3_left,.footer_mid_3_right{float:none; width:100%; text-align:center; line-height:1.8;} .footer_mid_3_left img{width: 20%;} .footer_mid_1{display:none} .footer_mid_1_left,.footer_mid_1_right{float:none; width:100%; text-align:center} .footer_mid_2{margin-top:2em;} .footer_mid_2_left{display:none;} .footer_mid_2_right{display:block; float:none; width:auto} .footer_mid_2_right_mid{padding-left:0} .footer_mid_2_right:after{display:none} .index_4_2{margin:3em 0;} .index_4_1_mid_2{margin-top:2em; margin-bottom:2em;} .index_4_1{margin-top:4em;} .swiper-slide_mid_2_left, .swiper-slide_mid_2_right{font-size:.5em;} .index_3_2 .swiper-slide {width: 500px;padding: 0 calc((100vw - 500px) * 0.0375);} .index_2_mid_2_mid_1 .index_2_mid_2_mid_1_bo{display:none} .index_2_mid_2{margin-top:2em;} .div_768{display:block} .index_1_mid_left_bg{display:none} .banner_footer_mid_1{font-size:1.25em;} .banner_footer_mid_2 a{font-size:.875em;} .index_1_mid_right_5_more span{font-size:16px;} .index_1_mid_left{position:relative; width:auto; margin-top:2em; margin-left:5%; margin-right:5%;} .index_1_mid_right{ padding-top:2em;margin-left:5%; margin-right:5%; float:none; width:auto} .index_1_mid_right_1{margin-bottom:2em;} .index_1_mid_right_5{margin-bottom:0em;} .index_1{padding-bottom:15vw;} .index_1_mid_right_2{font-size:1.25em;} .index_1_mid_left_play{width:15%;} .indexpro_act{font-size:.7em;} .indexpro_act_mid img{height:2.5em;} } @media screen and (max-width:640px) { .pro_info_con_1_title_2{font-size:.875em;} .pro_info_con_1_title_1{font-size:1.125em;} .pro_info_tab ul li a{padding:.875em 2em;} .ser_2_mid_con_mid_1 img{height:2.5em;} .news_info_banner{height:30vw;} .news_info_4{ margin-bottom:2em;} .news_info_5_left a, .news_info_5_right a{padding-top:.5em; padding-bottom:.5em;} .news_info_2{font-size:1.25em;} .so_2{padding-top:2em; padding-bottom:2em;} .so_2 .so_1_mid_mid_mid_2 p, .so_4 .so_1_mid_mid_mid_2 p{min-width:inherit;} .so_2 .so_1_mid_mid_mid_2 p span,.so_4 .so_1_mid_mid_mid_2 p span{padding-right:3em;} #certbody .about_4_2{margin-top:2em;} .about_5_mid_mid_jj_4 ul li{width:19%; margin-bottom:1.5em;} .about_5_mid_mid_jj_4 ul li:nth-child(8).line{display:none} .about_3_2{margin-bottom:2em;} .about_1_left_left_mid_2{margin-top:1.5em;} .about_1{padding:2em 0;} .header_logo img:nth-child(2){height:40px;} .header_mid_mid{height:3.75em;} #main{margin-top:3.75em;} .index_4_2{margin-bottom:2em; margin-top:1em;} .index_4_1 ul li{ margin-bottom:1em;width:49%; margin-right:0} .index_4_1 ul li:nth-child(2n){float:right} .index_4_1{margin-top:2em;} .index_3{padding-top:1em;} .index_3_2_mid_footer{bottom:1em;} .index_3_2_mid{margin-left:5%; margin-right:5%;} .index_3_2_mid_footer_mid_1{font-size:1em;} .index_3_2_mid_footer_mid_2{font-size:.875em;} .index_3_1{margin-top:2em;} .index_3_2{margin-top:4em;} .banner_footer{display:none} .index_2_mid_2_mid_3 span{font-size:.875em;} .index_2_mid_2_mid_2{font-size: 1.2em; height: 4.5em; padding-top: 3em;} .index_2_mid_2_mid_1_img img{} .index_2_mid_2_mid_1{height:24vw;} .contact_2_3_2{max-height:none; min-height:inherit;} } .div_480{display:none} .div_480 img{width:100%;} @media screen and (max-width:550px) { .lx_1_3 ul li{width:100%; height:auto; padding:.5em 0 1.5em 0;} } @media screen and (max-width:480px) { .pro_info_tab ul li a{padding-left:1.125em; padding-right:1.125em;} .about_4_2_mid_1 img.ht{max-width:80%;} .cershowbox_left, .cershowbox_right{font-size:.4em;} .close_box a img{width:1.5em;} .so_1{padding-top:2em;} .pro_info_con{padding-bottom:2em;} .pro_1_mid_1{font-size:.9375em;} .pro_1_mid_2 ul li{margin-bottom: 10px;overflow: hidden;width:47%;} .index_2_mid_2_mid_3{display: none;} #map22{height:12em;} .lx_1_3{margin-bottom:1.5em;} .lx_1{padding-top:2em; padding-bottom:2em;} .contact_2_3_3{font-size:.875em;} .contact_2_3_3{padding-bottom:2em;} .contact_2_3_1{margin-top:2em;} .job_3{padding-bottom:2em;} .job_3_2_mid_2_1{font-size:1em;} .job_3_1{margin-top:2em;} .job_2{padding-top:2em;} .jobact{margin-top:2em; margin-bottom:2em;} .job_1_mid_left{padding-bottom:2em;} .job_1{padding:2em 0;} .ser_3_list_1{padding-right:5.5em;} .ser_3{padding-top:2em;} .ser_2{padding-top:2em; padding-bottom:2em;} .ser_2_mid_con_mid_1{margin-top:1em;} .ser_2_mid_con{margin-left:0; width:100%;} .ser_2_mid_pic{position:static; width:100%;} .ser_2_mid_pic_bg{display:none} .div_480{display:block} .ser_1_left_4 ul li{width:49%; margin-right:0} .ser_1_left_4 ul li:nth-child(2n){float:right} .ser_1{margin-top:2em;} .news_info_1{margin:1em 0;} .news_info_2{ line-height:1.6;font-size:17px;} .news_info_1_left{display:none} .index_4_1_mid_2{margin-top:1em; margin-bottom:1em;} #swiper-pagination-pa{margin-top:2em;} .case_1 ul li{width:50%;} .so_4_mid_mid_1{margin-top:2em;} .so_4_mid_mid{margin-top:2em; margin-bottom:2em;} .so_4_mid_mid_1 ul li{width:50%; margin-bottom:1.5em;} .so_1{padding-bottom:0} .so_1_mid_mid_mid_3{margin-top:1em;} .so_1_mid_mid_mid_2 p{font-size:1.125em; max-width:none} .about_5_mid_mid_jj{margin-top:2em; margin-bottom:2em;} .about_5, .about_5_con{padding:2em 0;} .about_5_mid_mid_jj_4 ul li{width:28%;} .about_5_mid_mid_jj_4 ul li:nth-child(6).line{display:none} .about_5_mid_mid_jj_4 ul li:nth-child(8).line{display:block} .about_4_2 ul li{width:100%;} .about_4_2_mid_1{height:auto; text-align:center; padding:1em 0;} .about_4_2_mid_1 img{ max-width:60%;position:static;transform: translate(0%, 0%);} .about_3_3_right{padding-bottom:2em;} .about_3_3_right_1{font-size:20px;} .about_2_3_mid_1{margin-top:2em;} .about_1_left_right_footer{display:none} .about_2_mid_mid{margin-left:10%; margin-right:5%;} .about_2_mid{width:95%;} .about_2,.about_2_mid{padding:2em 0;} .about_2_mid_mid_2{font-size:1.125em;} .nybanner_mid_1{font-size:1.25em;} .nybanner_mid_2{font-size:.875em;} .footer_mid_3{margin-top:2em;} .footer_mid_2_right_mid_3{display:none} .index_4_1_mid_2{} .index_4_1 ul li{width:100%;} .index_3_2_mid_footer{bottom:1.5em;} .index_3_2_mid_footer_mid_2{display:none} .index_3_2{margin-top:2em;} .index_2_right{width:50%;} .index_2_mid_1_1 .index_1_mid_right_1{margin-bottom:1.5em;} .index_1_mid_left_play{ top: 15%;width:4em;} .index_1{padding-top:1em;} .index_1_mid_right_2{font-size:1.125em;} .index_1_mid_right_1 span{font-size:.875em;} .index_1_mid_right_1{margin-bottom:1em;} .index_1_mid_right_4 ul li:nth-child(1),.index_1_mid_right_4 ul li:nth-child(2),.index_1_mid_right_4 ul li:nth-child(3),.index_1_mid_right_4 ul li:nth-child(4){width:50%; margin-bottom:1em;} .index_1_mid_right_4_mid{padding:0 1em;} .index_1_mid_right_4 ul li:nth-child(3) .index_1_mid_right_4_mid{padding-left:0} .index_1_mid_right_4 ul li:nth-child(2) .index_1_mid_right_4_mid{background-image:none} .index_1_mid_right_5{margin-top:2em;} .pro_info_top_3_right_mid_3{font-size:.875em;} } @media screen and (max-width:380px) { .about_5_mid_mid_jj_4 ul li{width:45%;} .about_5_mid_mid_jj_4 ul li.line{width:10%;} .about_5_mid_mid_jj_4 ul li:nth-child(4).line{display:none} .about_5_mid_mid_jj_4 ul li:nth-child(6).line{display:block} .about_5_mid_mid_jj_4 ul li:nth-child(8).line{display:none} } @media screen and (max-width:320px) { .index_2_mid_2_mid_1{height:auto} .index_2_mid_2_mid_1_img{position:static} .index_2_mid_2_mid_1_img{transform: translateY(0%); padding:1em 0;} } /******手机端menu************/ .navwrap {position: fixed;top: 80px;right: -80%;width: 80%;height:calc(100vh - 80px);z-index: 888;background-color: #fff; opacity: 0; display:none;} @media screen and (max-width:1200px) { .navwrap{display:block} } @media screen and (max-width:640px) { .css_animation{width:80px; height:80px;} .navwrap {top: 60px;height:calc(100vh - 60px);} } .navwrap .nav {padding: 10px 5% 0px 5%; border-top:1px #dedede solid;} .navwrap .nav li {line-height: 42px;border-bottom: 1px solid #dedede;padding: 0px;} .navwrap .nav li a {display: block;color: #000;font-size: 16px;} .navbg {position: fixed;left: 0px;top: 0px;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5);z-index: 555;display: none;} .navbg .closeSJ {position: absolute;right: 24px;top: 18px;} .navwrap .nav .SJbod {display: none;} .navwrap .nav .SJbod dd a {height: 36px;line-height: 36px;font-size: 14px;} .navwrap .nav .plus a {background: url(../images/plus.png) right center no-repeat;} .navwrap .nav .minus a {background: url(../images/minus.jpg) right center no-repeat;} /********loading*******/ .o-splashscreen{height:100%;left:0;position:fixed;top:0;width:100%;z-index:9000} .o-splashscreen.hide{pointer-events:none} .o-splashscreen_bg{background-color:#fff;height:100%;left:0;position:fixed;top:0;transform:scaleX(1);transform-origin:100% 0;transition:.8s cubic-bezier(.14,1,.34,1) .2s;width:100%;z-index:1} .hide .o-splashscreen_bg{transform:scaleX(0)} .o-splashscreen_bg:after{background-color:#fff;content:"";height:100%;left:0;position:absolute;top:0;transform:scaleX(0);transform-origin:0 0;transition:.8s cubic-bezier(.14,1,.34,1) 0s;width:100%} .hide .o-splashscreen_bg:after{transform:scaleX(1)} .o-splashscreen_inner{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:100%;z-index:2}.o-splashscreen_logo{transition:.8s cubic-bezier(.14,1,.34,1) 0s,opacity .3s cubic-bezier(.215,.61,.355,1) 0s}.o-splashscreen_logo svg{height:71px;width:71px}.hide .o-splashscreen_logo{opacity:0;transform:translateX(60px)} .o-page-overlay{height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:5060}.o-page-overlay_inner{align-items:center;display:flex;height:100%;justify-content:center;position:relative;z-index:1}.shrink .o-page-overlay_inner{animation-delay:0s;animation-direction:normal;animation-duration:0s;animation-fill-mode:both;animation-iteration-count:1;animation-name:menuShrink;animation-timing-function:cubic-bezier(.215,.61,.355,1)}@keyframes menuShrink{0%{opacity:1;transform:translateX(0);transform-origin:bottom}to{opacity:0;transform:translateX(60px);transform-origin:bottom}}.init.shrink .o-page-overlay_inner{animation-duration:.4s}.expand .o-page-overlay_inner{animation-delay:.1s;animation-direction:normal;animation-duration:.7s;animation-fill-mode:both;animation-iteration-count:1;animation-name:menuExpand;animation-timing-function:cubic-bezier(.215,.61,.355,1)} .a-progress{background-color:#fff;height:3px;left:0;opacity:0;position:fixed;top:0;transition:opacity .3s,width 0s;width:0;z-index:8000}.a-progress.show{opacity:1;transition:opacity .3s,width .2s}.a-progress.init{background-color:#fff} .loading2{position:absolute; left:0; top:0; width:100%; overflow:hidden; text-align:center; height:0; z-index:10;} .o-splashscreen_logo{ overflow:hidden;position:relative; text-align:center} .dflogo{height:58px;} .pro_info_con_2 table,.pro_info_con_2 td,.pro_info_con_2 tr{border-color:rgb(221, 221, 221)} .pro_info_con_2 table,.pro_info_con_2 td{word-break: break-all;border-width: 1px;border-style: solid;border-color: rgb(221, 221, 221);} .bodyon .header_mid_mid ul li a.biga{height:4.5vw; line-height:4.5vw;} #particles-js2{position:absolute; left:0; top:0; width:100%; height:100%;pointer-events:none; z-index:1;} @media screen and (max-width:480px) { .bannerwb{font-size:1.25em;} } #main { overflow: hidden; transform-style: preserve-3d; transform-origin: 30% 50% 0; transition: transform .5s; } #main.to-left { transform: translate(-50%) rotateY(-50deg); filter: blur(3px); } /*首页banner*/ .sw00out {position: relative;width: 100%;height: 100vh;z-index: 2;overflow: hidden;} #sw00 {width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 1;} #sw00 .swiper-slide {overflow: hidden;} #sw00 .slideinner {position: relative;display: block;width: 100%;height: 100%;} #sw00 .slideinner img {width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;-webkit-transition: 0.5s;transition: 0.5s;} #sw00 .slideinner video{width: 100%; height: 100%;;} .sw00out .swiper-pagination {font-size: 24px;color: #fff;line-height: 52px;text-align: center;width: 180px;height: 52px;margin-right: 52px;left: auto;right: 66px;bottom: 50px;} .sw00out .swiper-pagination-current {font-size: 36px;margin-right: 10px;} .sw00out .swiper-pagination-total {font-size: 24px;} .sw00out .sw-next,.sw00out .sw-prev {position: absolute;right: 66px;bottom: 50px;width: 50px;height: 50px;z-index: 11;font-size: 0;border-radius: 50%;text-align: center;cursor: pointer;border: 1px solid rgba(255, 255, 255, 0.3);} .sw00out .sw-prev {background: url('../images/lt1.png') center no-repeat;margin-right: 232px;} .sw00out .sw-next {background: url('../images/gt1.png') center no-repeat;} .sw00out .sw-prev:hover,.sw00out .sw-next:hover {background-color: rgba(0, 170, 47, 0.9);} .sw00out .sw-fenge {position: absolute;right: 6.25%;bottom: 6%;width: 28px;height: 42px;z-index: 11;font-size: 0;background: url('../images/sx1.png') center no-repeat;margin-right: 28px;display: none;} .sw00out .swiper-scrollbar {position: absolute;left: 6.25%;bottom: 6%;width: 80px;height: 1px;background-color: rgba(255, 255, 255, 0.5);z-index: 1;margin-left: 52px;margin-bottom: 20px;} .sw00out .swiper-scrollbar-drag {width: 0;background-color: #fff;} .sw00out .swiper-scrollbar-drag.active {-webkit-animation: widthgrow 8s linear 1; animation: widthgrow 8s linear 1;} @-webkit-keyframes widthgrow { 0% {width: 0;} 100% {width: 100%;} } @keyframes widthgrow { 0% {width: 0;} 100% {width: 100%;} } @media screen and (max-width: 1300px) { .sw00out {height: 87vh;} } @media screen and (max-width: 1400px) { .sw00out {height: 75vh;} #sw00 .evwz img{width: 80%;} } @media screen and (max-width: 1024px) { .sw00out .sw-next {right: 4%;bottom: 50%; width: 30px; height: 30px;} .sw00out .sw-prev {left: 4%;right: auto;bottom: 50%;width: 30px; height: 30px;} .sw00out .swiper-pagination {right: 4%;bottom: 3%;} .sw00out .swiper-pagination-current {font-size: 24px;} } @media screen and (max-width: 600px) { .section.sec11 {height: auto!important;} .sw00out {height: auto;padding-bottom: 41%;margin-top:17px} .sw00out .swiper-pagination {display: none;} .mouse {bottom: 3%;} } .evwz {position: absolute;top: 40%;left: 0;right: 0; z-index: 2;margin-top: -126px;-webkit-transition: 1s;transition: 1s;} .evwz img{width:65%!important;display: block; margin: 0 auto;} @media screen and (max-width: 1400px) { .evwz {margin-top: -110px;} .evwz2 img{width: 77%!important;display: block; margin: 0 auto;} } @media screen and (max-width: 1200px) { .evwz img{width: 80%!important;} .evwz2 img{width: 80%!important;} } @media screen and (max-width: 1024px) { .evwz {margin-top: -90px;} } @media screen and (max-width: 750px) { .evwz,.evwz2 img{width: 62%; left: 21%;} .evwz2{top: 75%;} .evwz2 img{width: 60%!important;margin: 0;} .evwz3 img{width: 75%!important;} } @media screen and (max-width: 600px) { .evwz {margin-top: 0;top: 40%;} } @font-face { font-family: "DINENGSCHRIFTSTD"; src: url("../css/font/DINENGSCHRIFTSTD.woff2") format("woff2"), url("../css/font/DINENGSCHRIFTSTD.woff") format("woff"), url("../css/font/DINENGSCHRIFTSTD.ttf") format("truetype"), url("../css/font/DINENGSCHRIFTSTD.eot") format("embedded-opentype"), url("../css/font/DINENGSCHRIFTSTD.svg") format("svg"); } .fontDIN {font-family: "DINENGSCHRIFTSTD";} /*about*/ .about{width: 100%;background:url("../images/aboutbg.jpg") repeat center top; padding: 5% 0;display: flex; display:-webkit-flex;-webkit-justify-content: space-between; justify-content: space-between; overflow: hidden;} .about .about_l{width: 50%; margin-left: 5%;} .about .about_l h2{ font-weight: 500;} .about .about_l h2 i{font-size: 20px;text-transform: uppercase; font-style: normal;} .about .about_l h2:after{ width: 150px; height: 7px;background: #00aa4a;opacity: .4;content: ''; display: block;} .about .about_l p{ line-height: 31px; margin-top: 3%;text-align: justify;font-size: 16px;} .PubLink {display: inline-block;color:#fff;width: 50%;max-width: 256px;line-height:50px;text-align: center;font-family: Times New Roman;font-size: 15px;border-width: 1px;padding: 0px 30px; margin-top: 7%; background: #00aa4a; margin-bottom: 10px;} .PubLink:hover {background: #363b8d;color: #fff;} .flex {display: -webkit-box;display: -webkit-box;display: -ms-flexbox;display: flex;display: -webkit-flex;width: 100%; margin: 0 auto;} .flexwp {flex-wrap: wrap;-webkit-flex-wrap: wrap;} .flexbt {-webkit-box-pack: space-between;-ms-flex-pack: space-between;justify-content: space-between;-webkit-justify-content: space-between;} .brandNum {margin-top: 1rem;} .brandNum{ margin-top:5%;} .brandNum .fbs{width: 46%; margin: 0% 2% 4% 0;} .imgBad img{width: 1.5rem;margin-bottom: 1.6rem;} .brandLeft{padding: .5rem 0 0 1rem; width: 45%; background-size: cover !important;position: relative;z-index: 3;} .mapPoint{ margin: .6rem 0 -1.2rem 0;} .colorlogo {color: #00aa4a;} .line1{line-height: 1;} .about .about_r{width: 50%; position: relative;} .about .about_r .blockImg{ position: absolute;right: 0;top:0;} .itemImg{ position: absolute;width: 170px;border-radius:50%;overflow: hidden;} .itemImg1{ left: 37%;top: 11%;animation: top_bottom 1.5s linear alternate infinite .5s;} .itemImg2{ left: 12%;top: 39%;animation: top_bottom 1.5s linear alternate infinite 1s;} .itemImg3{ left: -1%;top: 72%;animation: top_bottom 1.5s linear alternate infinite 1.5s;} @keyframes bg_move{ 0% { transform:scale3d(1, 1, 1); } 50% { transform: scale3d(1.1, 1.1, 1.1); } 100% { transform: scale3d(1, 1, 1); } } @-moz-keyframes top_bottom{ 0%{transform: translateY(0px);} 100%{transform: translateY(10px);} } @-ms-keyframes top_bottom{ 0%{transform: translateY(0px);} 100%{transform: translateY(10px);} } @-webkit-keyframes top_bottom{ 0%{transform: translateY(0px);} 100%{transform: translateY(10px);} } @keyframes top_bottom{ 0%{transform: translateY(0px);} 100%{transform: translateY(10px);} } @media( max-width:1600px ){ .about .about_r .blockImg{ width: 100%;} .itemImg1{ left: 30%;} .itemImg2{ left: 7%;} .itemImg3{ left: -5%;} } @media( max-width:1440px ){ .about{ padding: 5% 0 15px 0} .about .about_l p{ line-height: 28px; margin-top: 3%;} .brandNum .fbs{ margin: 2% 2% 2% 0;} .itemImg{ width: 120px;height: 120px;} .PubLink {max-width: 190px;line-height:45px;} .itemImg2{ left: 5%;} .itemImg3{ left: -8%;} } @media screen and (max-width:790px) { .about{display: block;} .about .about_l{width: 95%; margin: 0 auto;} .about .about_l h2:after {width: 100px; height: 3px;opacity: .9; margin-top: 5px;} .about .about_l h2 i{display: none;} .about .about_l p{text-align: left;} .about .about_r{display: none;} } /*首页adv*/ .adv{background:url("../images/adv.jpg") no-repeat center top; padding: 5% 0;} .adv h2{color: #fff; text-align: center;background:url("../images/adv_txt.png") no-repeat center top; height: 190px; padding-top: 25px;text-transform: uppercase;} .adv h2 em{display: block;font-size: 17px; text-align: center;font-weight: 500; margin-top:15px;text-transform:capitalize} .adv .s_width{width: 85%; margin:0 auto 0 auto;display: flex; display:-webkit-flex; -webkit-justify-content: space-between; justify-content: space-between;} .adv .adv_l{width:45%;} .adv .adv_l ul{display: flex; display:-webkit-flex; -webkit-justify-content: space-between; justify-content: space-between;flex-wrap: wrap;} .adv .adv_l li{width: 50%;margin-bottom: 25px;} .adv .adv_l .adv_box{width: 80%; margin: 0 auto;} .adv .adv_l .adv_box .adv_img{width: 150px; height: 150px; border-radius:50%;overflow: hidden;margin: 0 auto; border: 5px solid #f9d6af;} .adv .adv_l .adv_box .adv_img img{width: 100%;transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease;} .adv .adv_l .adv_box .adv_img:hover img{transform:scale(1.2,1.2); -moz-transform:scale(1.2,1.2); -webkit-transform:scale(1.2,1.2);} .adv .adv_l .adv_box .adv_cont{text-align: center; color: #fff;margin-top: 15px;} .adv .adv_l .adv_box .adv_cont h3{font-size: 20px;;} .adv .adv_l .adv_box .adv_cont h4{font-size: 16px; line-height: 23px; font-weight: 500;margin-top: 15px;} .adv .adv_r{width: 55%;} .adv_r_video{display: block;width: 100%; height: 95%;background: url('../images/ab2.jpg') no-repeat center top;background-size: 100%;} .adv_r_video video{height: 100%;width: 100%;} @media( max-width:1400px ){ .adv .s_width{width: 95%;} } @media screen and (max-width:790px) { .adv h2{background-size: 60%;height: 130px;} .adv h2 em{font-size: 14px;} .adv .s_width{display: block;} .adv .adv_l{width: 95%; margin: 0 auto;} .adv .adv_l .adv_box{width: 100%;} .adv .adv_l .adv_box .adv_cont h4 {font-size: 15px; line-height: 21px;} .adv .adv_r{width: 95%; margin: 0 auto;} } /*产品分类*/ .prolist{background: #f2f2f2; padding: 5% 0;} .prolist h2{color: #333; text-align: center;width: 80%; margin: 0 auto;text-transform: uppercase;} .prolist h2 em{display: block;font-size: 17px; text-align: center;font-weight: 500; margin-top:15px;text-transform:capitalize} .prolist ul{width: 85%; margin:3% auto 0 auto;display: flex; display:-webkit-flex; -webkit-justify-content:left; justify-content:left;flex-wrap: wrap;} .prolist li{ border:1px solid transparent; border-color: rgba(151, 151, 151, 0.6); margin: 17px;line-height: 40px;padding: 0 20PX; text-align: center; font-size: 20px;transition: .5s; } .prolist li:hover{background: #0fa362;} .prolist li:hover a{ color: #fff;} @media screen and (max-width:790px) { .prolist h2 em{font-size: 14px;display: none;} .prolist ul{width: 95%;} .prolist li{width: auto; margin: 0 0 1% 0;line-height: 40px;font-size: 16px; padding: 0 10px;} } /*产品展示*/ .telproduct{display: none;} .pro{width:100%; margin:0px auto; position: relative; overflow: hidden; padding: 8vh 0;} #top_scroll {overflow: hidden;width:85%; margin:0vh auto 0 auto; padding-bottom: 3%; height: 800px;} #top_scroll ul li{position: relative; float: left;width:24%;margin:0 .5% 1%;overflow: hidden; border: #f2f2f2 1px solid; box-sizing: border-box;background-color:#00aa4a;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;} #top_scroll ul li .img{width: 100%;height: 100%;object-fit: cover; object-position: center; overflow: hidden; } #top_scroll ul li .img img{ width: 100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease;} #top_scroll ul li .img:hover img{ transform:scale(1.2,1.2); -moz-transform:scale(1.2,1.2); -webkit-transform:scale(1.2,1.2);} #top_scroll ul li .proText{ padding:20px 0; transition: .4s;-webkit-transition: .4s;} #top_scroll ul li strong{display: block; color: #fff; text-align: center;font-weight: 500;} @media (max-width:750px){ #top_scroll{display: none;} .pro{padding: 0;} .pro_tit h2{line-height: 45px;} .pro_tit h2:after{width: 50px;} .pro_tit p{margin-top: 13px;} .telproduct{display: block;width:98%; margin:0vh auto 0 auto; padding-bottom: 3%;} .telproduct ul li{position: relative; float: left;width:49%;margin:0 .5% 1%;overflow: hidden; border: #f2f2f2 1px solid; box-sizing: border-box;background-color:#00aa4a;} .telproduct ul li .img{width: 100%;height: 100%;object-fit: cover; object-position: center; overflow: hidden; } .telproduct ul li .img img{ width: 100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease;} .telproduct ul li .proText{ padding:10px 0; } .telproduct ul li strong{display: block; color: #fff; text-align: center;font-weight: 500;word-break: break-all; text-overflow: ellipsis; overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1} } .se_video{width: 100%; max-width: 1200px; margin: 0 auto 50px auto; height: 650px;} .se_video .pic {margin-top: 70px;text-align: center; } .se_video .pic img {width: 1100px;max-width: 100%;border: 10px solid #fff;-webkit-box-sizing: border-box;box-sizing: border-box;} .se_video .pic iframe {width: 1100px;max-width: 100%;border: 10px solid #fff;-webkit-box-sizing: border-box;box-sizing: border-box; height: 600px;background: url('../images/img3.jpg') top no-repeat;} @media (max-width:750px){ .se_video{height: 250px;} .se_video .pic iframe {height: 250px;} } /*case*/ .case{background: #f2f2f2; padding: 5% 0;} .case h2{color: #333; text-align: center; margin-bottom: 1em;text-transform: uppercase;} .case h2 em{display: block;font-size: 17px; text-align: center;font-weight: 500; margin-top:15px;text-transform:capitalize} #top_scroll {overflow: hidden;width:85%; margin:0vh auto 0 auto; padding-bottom: 3%; height: 800px;} #top_scroll ul li{position: relative; float: left;width:24%;margin:0 .5% 1%;overflow: hidden; border: #f2f2f2 1px solid; box-sizing: border-box;background-color:#00aa4a;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;} #top_scroll ul li .img{width: 100%;height: 100%;object-fit: cover; object-position: center; overflow: hidden; } #top_scroll ul li .img img{ width: 100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease;} #top_scroll ul li .img:hover img{ transform:scale(1.2,1.2); -moz-transform:scale(1.2,1.2); -webkit-transform:scale(1.2,1.2);} #top_scroll ul li .proText{ padding:20px 0; transition: .4s;-webkit-transition: .4s;} #top_scroll ul li strong{display: block; color: #fff; text-align: center;font-weight: 500;font-size: 20px;} @media (max-width:750px){ #top_scroll,.case h2 em{display: none;} .pro{padding: 0;} .pro_tit h2{line-height: 45px;} .pro_tit h2:after{width: 50px;} .pro_tit p{margin-top: 13px;} .telproduct{display: block;width:98%; margin:0vh auto 0 auto; padding-bottom: 3%;} .telproduct ul li{position: relative; float: left;width:49%;margin:0 .5% 1%;overflow: hidden; border: #f2f2f2 1px solid; box-sizing: border-box;background-color:#00aa4a;} .telproduct ul li .img{width: 100%;height: 100%;object-fit: cover; object-position: center; overflow: hidden; } .telproduct ul li .img img{ width: 100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease;} .telproduct ul li .proText{ padding:10px 0; font-size:18px; } .telproduct ul li strong{display: block; color: #fff; text-align: center;font-weight: 500;word-break: break-all; text-overflow: ellipsis; overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1} } /*合作单位*/ .hezuo{ padding: 5% 0;} .hezuo h2{color: #333; text-align: center; margin-bottom: 1em;text-transform: uppercase; font-size: 18px;} .hezuo h2 em{display: block;font-size: 17px; text-align: center;font-weight: 500; margin-top:15px;text-transform:capitalize} .hezuo ul{width: 85%; margin: 0 auto;display: flex; display:-webkit-flex;-webkit-justify-content: center; justify-content:center;flex-wrap: wrap;} .hezuo li{ width: 20%;padding: 0 10px; margin:0.5%; border: #f2f2f2 1px solid;} .hezuo li img{width: 100%;} @media (max-width:750px){ .hezuo h2 em{display: none;} .hezuo ul{width: 95%; } .hezuo li{ width: 48%;} } .sContact-intro { width: 85%; margin: 0 auto;padding:4% 0;} .sContact-intro .wrapIn {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;-ms-flex-wrap: nowrap;flex-wrap: nowrap;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-ms-flex-line-pack: center;align-content: center; } .sContact-intro .wrapIn:after {display: none;} @media screen and (max-width: 1024px) { .sContact-intro .wrapIn {display: block;} } .sContact-intro .left {width: 440px;} .sContact-intro .right {width: 800px;margin-left: 40px;} .sContact-way .dt {position: relative;color: #333333;font-weight: bold;line-height: 1.25;padding-bottom: 0.7rem; } .sContact-way .dt:before,.sContact-way .dt:after {content: " ";position: absolute;left: 0;bottom: 0;} .sContact-way .dt:before {width: 100%;height: 1px;background-color: #e7e7e7;} .sContact-way .dt:after {width: 40px;height: 3px;background-color: #00aa4a;} .sContact-way .dd {padding: 0.5rem 0;} .sContact-way .dd .line {position: relative;padding-left: 48px;margin-top:31px;min-height: 34px;} .sContact-way .dd .line .icoImg {float: left;margin-left: -48px;width: 34px;height: 34px;border-radius: 50%;background-color: #e9e9e9;} .sContact-way .dd .line p {line-height: 2;font-size: 16px;text-transform:capitalize} @media screen and (max-width: 1024px) { .sContact-way .dd .line {line-height: 28px;padding-left: 36px;} .sContact-way .dd .line .icoImg {width: 28px;height: 28px;margin-left: -36px;} } .sContact-map {position: relative;width: 790px;height: 400px;max-width: 100%;} .sContact-map #dituContent {position: absolute;left: 0;top: 0;width: 100%;height: 100%;line-height: 1.1;background-color: #f5f3f0;} .sContact-map #dituContent .BMap_bubble_title {font-size: 16px;margin-bottom: 5px;padding-right: 16px;color: #00aa4a;} .sContact-map #dituContent .BMap_bubble_content {width: auto;font-size: 14px;line-height: 18px;} .sContact-map #dituContent img {max-width: none;} ._pen .sContact-map {pointer-events: none;} @media screen and (max-width: 1024px) { .sContact-map {margin-top: 0.6rem;} } /*===================== 响应式代码 START =====================*/ .f_80{font-size: 80px;} .f_72{font-size: 72px;} .f_62{font-size: 62px;} .f_48{font-size: 48px;} .f_40{font-size: 40px;} .f_30{font-size: 30px;} .f_24{font-size: 23px;} .f_20{font-size: 20px;} .f_18{font-size: 18px;} .f_16{font-size: 16px;} .f_15{font-size: 15px;} .f_14{font-size: 14px;} /*===================== 响应式代码 START =====================*/ @media( max-width:1600px ){ .f_80{font-size: 60px;} .f_72{font-size: 50px;} .f_62{font-size: 40px;} .f_48{font-size: 38px;} .f_40{font-size: 30px;} .f_30{font-size: 24px;} .f_24{font-size: 20px;} .f_20{font-size: 20px;} .f_18{font-size: 18px;} .f_16{font-size: 16px;} .f_15{font-size: 15px;} .f_14{font-size: 14px;} } @media( max-width:1210px ){ .f_80{font-size: 60px;} .f_72{font-size: 50px;} .f_62{font-size: 30px;} .f_48{font-size: 28px;} .f_40{font-size: 26px;} .f_30{font-size: 24px;} .f_24{font-size: 16px;} .f_20{font-size: 18px;} .f_18{font-size: 16px;} .f_16{font-size: 14px;} .f_15{font-size: 14px;} .f_14{font-size: 14px;} } @media (max-width:750px){ .f_80{font-size: 60px;} .f_72{font-size: 50px;} .f_62{font-size: 30px;} .f_48{font-size: 22px;} .f_40{font-size: 22px;} .f_30{font-size: 24px;} .f_24{font-size: 14px;} .f_20{font-size: 14px;} .f_18{font-size: 16px;} .f_16{font-size: 14px;} .f_14{font-size: 14px;} }