img{ max-width:100%; } *:focus {outline: none;} body{ position:relative; } #header{ /*-webkit-box-shadow: 2px 0px 10px rgba(0, 0, 0, 0.2); box-shadow: 2px 0px 10px rgba(0, 0, 0, 0.2);*/ background-position:bottom; background-repeat:repeat-x; background-image:url(../images/header/img3.png); width:100%; z-index:999; position:fixed; left:0; top:0 } .header_mid{ position:relative; margin:0 4%;} .header_mid_left{ position:absolute; top:0; left:0%; height:100%;} .header_mid_right{ position:absolute; right:0%; top:0; height:100%;} .header_mid_mid{ margin-left:28%; } .header_mid_mid ul li{ z-index:10; margin-left:4em; float:left; position:relative; line-height:4.625em; } .header_mid_mid ul li dl{ line-height:normal; background-position:top; background-repeat:repeat-x; position:absolute; left:-34px; width:140px; z-index:100; padding:0.5em 0; background-color:#fff; display:none;-webkit-box-shadow: 2px 0px 10px rgba(0, 0, 0, 0.2); box-shadow: 2px 0px 10px rgba(0, 0, 0, 0.2); } .menu_right_mid{ } .menu_right_mid_1{ color:#000; font-size:1.5em; margin-bottom:0.1em;} .menu_right_mid_3{ } .menu_right_mid_3 p{ clear:both; width:100%; display:block; text-align:center} .menu_right_mid_3 p a{ font-size:0.9375em; display:block; padding:0.4em 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;} .menu_right_mid_3 p a:hover{ color:#fff; background-color:#005aa7} .menu_right_mid_2{ font-size:0.875em; color:#707070; font-family:Arial, Helvetica, sans-serif;} .header_mid_mid ul li dl dd{ position:relative; } .menu_left{ width:54.16666666666667%; position:absolute; left:0; top:0; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;} .header_mid_mid ul li a.biga{ display:block; color:#fff; font-size:1.25em; position:relative;} .header_mid_mid ul li a.biga:after{ width:0; content:''; position:absolute; left:0; bottom:0; left:50%; height:1px; background-color:#fff;transition: all 0.25s cubic-bezier(0.215, 0.61, 0.355, 1) 0s} .header_mid_mid ul li a.biga:hover:after,.header_mid_mid ul li a.bigaon:after{ left:0; width:100%;} .header_mid_mid ul li:nth-child(1){ margin-left:0} .header_mid_right_right{ padding-left:1em; background-position:left center; background-repeat:no-repeat; background-image:url(../images/header/img1.png);} .header_mid_right_right a{ display:inline-block; color:#fff; padding:0 .6em;} .header_mid_right_right a:nth-child(2){ padding-right:0; background-position:left center; background-repeat:no-repeat; background-image:url(../images/header/img2.png);} .global-nav-initializer { width: 38px; height: 34px; display:none; margin:0 1em; position: relative; background: white; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .global-nav-initializer .line { width: 22px; height: 2px; background: 2px; left: 8px; position: absolute; background: #333; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .global-nav-initializer .line.top { top: 8px; } .global-nav-initializer .line.mid { top: 16px; } .global-nav-initializer .line.bottom { top: 24px; } .active .global-nav-initializer { background: #cfa972; } .active .global-nav-initializer .line { background-color:#fff; } .global-nav-initializer.active .line.top { -webkit-transform: rotate3d(0, 0, 1, -45deg) translate3d(-6px, 6px, 0); -moz-transform: rotate3d(0, 0, 1, -45deg) translate3d(-6px, 6px, 0); -ms-transform: rotate3d(0, 0, 1, -45deg) translate3d(-6px, 6px, 0); -o-transform: rotate3d(0, 0, 1, -45deg) translate3d(-6px, 6px, 0); transform: rotate3d(0, 0, 1, -45deg) translate3d(-6px, 6px, 0); } .global-nav-initializer.active .line.mid { -webkit-transform: scaleX(0); -moz-transform: scaleX(0); -ms-transform: scaleX(0); -o-transform: scaleX(0); transform: scaleX(0); } .global-nav-initializer.active .line.bottom { -webkit-transform: rotate3d(0, 0, 1, 45deg) translate3d(-5px, -5px, 0); -moz-transform: rotate3d(0, 0, 1, 45deg) translate3d(-5px, -5px, 0); -ms-transform: rotate3d(0, 0, 1, 45deg) translate3d(-5px, -5px, 0); -o-transform: rotate3d(0, 0, 1, 45deg) translate3d(-5px, -5px, 0); transform: rotate3d(0, 0, 1, 45deg) translate3d(-5px, -5px, 0); } .mobilemenu{ overflow:visible; overflow-x:hidden; overflow-y:auto; -webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; opacity:0; position:fixed; left:0; top:-100%; width:100%; background-color:#fff;height:calc(100vh - 74px); z-index:888; } .mobilemenuon{top:73.15px;opacity:1;} .mobilemenu ul li{ text-align:center;border-bottom:1px #dedede solid; } .mobilemenu ul{ margin:.5em 0 0 0;} .mobilemenu ul li a.biga{ display:block; padding:0.8em 0;} .mobilemenu ul li.on a.biga{ color:#fff; background-color:#005aa7} .mobilemenu ul li dl dd{ font-size:0.875em; margin:0.5em 0;} .mobilemenu ul li dl{ display:none; padding-bottom:0.5em;} /*********index**********/ .banner_img{ background-position:center; background-repeat:no-repeat; background-size:cover; height:100vh;} .wrap{ padding:0 6%;} .banner_mid{ color:#fff; position:absolute; left:0; width:100%; z-index:100; bottom:28%;} .banner_mid_1{ margin-bottom:0.25em; font-size:3.75em; font-weight:bold;} .banner_mid_2{ font-size:1.5em;} .indexbanner .swiper-pagination-bullet{ border-radius:0; background:none; background-image:url(../images/index/img9.png); opacity:1; width:105px; height:3px; position:relative;} .indexbanner .swiper-pagination-bullet i{ position:absolute; left:0; top:0; height:100%; background-color:#fff;} #swiper-pagination-index-banner{ left:6%; width:88%; text-align:left; bottom:21%;} .index_news{ padding-bottom:8em; overflow:hidden; background-color:#f6fafa;} .index_news_t_1{ margin-bottom:0.18em; text-align:center; font-size:3em; color:#1b2229;} .index_news_t_2{ line-height:1.5; text-align:center; font-size:1.15em; color:#5e5e5e; letter-spacing: 0.1em;} .index_news_t{ padding-top:4.625em; padding-bottom:4.625em;} .index_news_2_left{ position:relative; float:left; width:66.13898026315789%;} .index_news_2_right{ float:right; width:32.27796052631579%;} .index_news_2_left_1{ position:relative; overflow:hidden; height:28.875em;} .index_news_2_left_1_bg{ position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;} .index_news_2_left_2{ color:#fff; position:absolute; left:0; bottom:0; width:100%; z-index:10; } .index_news_2_left_2_mid_1{ font-size:1.875em;} .index_news_2_left_2_mid{ padding:0 4%;} .index_news_2_left_2_mid_2{overflow:hidden;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;word-wrap:break-word; word-break:break-all; line-height:1.5; margin:0.8em 0 1.5em 0;} .index_news_2_right{height:28.875em; background-color:#fff;-webkit-box-shadow: 2px 0px 10px rgba(0, 0, 0, 0.2); box-shadow: 2px 0px 10px rgba(0, 0, 0, 0.2); position:relative;} .index_news_2_right_1{ overflow:hidden; position:relative; height:19.25em;} .index_news_2_right_2_mid{ padding:1em;} .index_news_2_right_2_mid_1{ font-size:1.25em; color:#1b2229;} .index_news_2_right_2_mid_2{ font-size:0.9375em; color:#1b2229;overflow:hidden;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;word-wrap:break-word; word-break:break-all; margin-top:.7em; margin-bottom:1.5em; } .index_news_2_right_2_mid_3{ color:#71c9e6; font-family:Arial, Helvetica, sans-serif; font-size:0.9375em;} .index_news_3 ul li{ background-color:#fff;-webkit-box-shadow: 2px 0px 10px rgba(0, 0, 0, 0.2); box-shadow: 2px 0px 10px rgba(0, 0, 0, 0.2); margin-top:1em; position:relative; float:left; width:32.27796052631579%; margin-right:1.583059210526315%;} .index_news_3 ul li:after,.index_news_2_right:after{-webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out; content:''; position:absolute; left:0; bottom:0; width:0%; height:2px; background-color:#72c5df;} .index_news_3 ul li:hover:after,.index_news_2_right:hover:after{ width:100%;} .index_news_3 ul li:nth-child(1){ display:none} .index_news_3 ul li:nth-child(4n){ margin-right:0} .index_service_1,.index_service_2{ color:#fff;} .index_service{ padding-top:15em; padding-bottom:11.875em; background-image:url(../images/index/img6.jpg); background-position:center; background-repeat:no-repeat; background-size:cover;} .index_service_3{ text-align:center; margin-top:3em;} .index_service_3 a{ padding-bottom:0.4em; padding-left:0.2em; padding-right:0.2em; display:inline-block; position:relative;} .index_service_3 a span{ padding-right:1.5em; color:#fff; display:inline-block; background-position:right center; background-repeat:no-repeat; background-image:url(../images/index/img10.png);} .index_case{ overflow:hidden; padding-bottom:8em; background-position:center top; background-repeat:no-repeat; background-size:cover; background-image:url(../images/index/img5.jpg);} .index_case_1{ position:relative;} .index_case_1_left{ position:relative; width:57.91666666666667%; overflow:hidden;} .index_case_1_left img{ width:100%;} .index_case_1_left_jj{ position:absolute; left:0; bottom:0; width:100%; z-index:10; color:#fff;} .index_case_1_left_jj_mid{ padding:0 2.5em 2em 2.5em;} .index_case_1_left_jj_mid_1{ font-size:1.875em;} .index_case_1_left_jj_mid_2{ font-family:Arial, Helvetica, sans-serif; margin-top:0.4em;} .index_case_1_right{ position:absolute; right:0; top:0; height:100%; width:40.97222222222222%;} .index_case_1_right_top{ overflow:hidden; position:absolute; left:0; top:0; width:100%; height:48.94259818731118%;} .index_case_1_bg{ position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;} .index_case_1_right_footer{ overflow:hidden; position:absolute; left:0; bottom:0; width:100%; height:48.94259818731118%;} .index_service_3 a:hover span{ padding-right:2.2em; color:#005aa7; background-image:url(../images/index/img10b.png);} .index_about{background-position: center center; background-repeat: no-repeat; background-attachment: fixed; background-size: cover; position:relative; background-image:url(../images/index/img1.jpg); padding-top:12.5em; padding-bottom:11em; margin-top:5em; } .index_about_1,.index_about_2{ color:#fff;} .index_about_3 ul li{ position:relative; background-position:left; background-repeat:repeat-y; background-image:url(../images/index/img11.png); float:left; width:20%; color:#fff; text-align:center;} .index_about_3_mid{ display:inline-block; text-align:center; padding:0 1em;} .index_about_3 ul li:nth-child(1){ text-align:left; background-image:none} .index_about_3_mid_1 span{ font-size:3em; margin-bottom:0.2em; font-family:Arial, Helvetica, sans-serif;} .index_about_3_mid_2{ font-size:1.25em;} .index_about_3{ margin-top:4.5em;} .index_pro_1_mid{ cursor:pointer; text-align:center; position:relative; height:8.125em;} .index_pro_1_mid:before{ width:0; z-index:100; content:''; position:absolute; left:0; bottom:0; left:50%; height:1px; background-color:#83cae1;transition: all .45s cubic-bezier(0.215, 0.61, 0.355, 1) 0s} .index_pro_1_list.on .index_pro_1_mid:before { width:100%; left:0;} .index_pro_1_mid:after{ content:''; position:absolute; left:0; bottom:0; width:100%; height:1px; background-color:#dadada;} .index_pro_1_mid_1{ font-size:1.125em; color:#333;} .index_pro_1_mid_2{ font-size:0.875em; font-family:Arial, Helvetica, sans-serif; color:#999; margin-top:0.1em;} .index_pro_1_mid_3{ padding:1.4em 0;} .index_pro_1_mid_3 span{ display:inline-block; position:relative;} .index_pro_1_mid_3 span img:nth-child(1){ position:absolute; left:0; top:0; z-index:10;opacity:0;} .index_pro_2{ margin-top:3em;} .index_pro_2 ul li{ margin-right:0.55555555555556%; float:left; width:24.58333333333333%; margin-top:2em;} .index_pro_2 ul li:nth-child(4n){ margin-right:0} .index_pro_2_mid{ position:relative; background-color:#f2f6f7;} .index_pro_2_mid_1_img{ background-position:center; background-repeat:no-repeat; background-size:cover; height:100%; position:absolute; left:0; top:0; width:100%; opacity:0;transition: all 1.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;/*transform: scale(0, 0);*/} .index_pro_2_mid_1_img img{ width:100%;} .index_pro_2_mid_1{ text-align:center; padding:2.9375em 2.9375em 0 2.9375em;} .index_pro_2_mid_1 img{ width:100%;} .index_pro_2_mid_2{ text-align:center; position:relative; z-index:100; padding:1.5em 2.9375em 2em 2.9375em;} .index_pro_2_mid_2_1{ font-size:1.125em; color:#1b2229; margin-bottom:0.3em;} .index_pro_2_mid_2_2 span{ display:inline-block; position:relative; padding-bottom:0.1em;} .index_pro_2_mid_2_2 span i{ background-image:url(../images/index/img14.png); padding-right:1.5em; font-style:normal; font-size:0.75em; color:#202020; display:inline-block; background-position:right center; background-repeat:no-repeat;} .index_pro_sw .swiper-button-next.swiper-button-disabled,.index_pro_sw .swiper-button-prev.swiper-button-disabled{ opacity:0;} @media screen and (min-width:769px) { .index_pro_sw .swiper-slide:hover .index_pro_2_mid_1_img{ opacity:1;transform: scale(1, 1);} .index_pro_sw .swiper-slide:hover .index_pro_2_mid_2_2 span{ border-color:#fff;} .index_pro_sw .swiper-slide:hover .index_pro_2_mid_2_2 span i{ background-image:url(../images/index/img15b.png);} .index_pro_sw .swiper-slide:hover .index_pro_2_mid_2_1,.index_pro_sw .swiper-slide:hover .index_pro_2_mid_2_2 span i{ color:#fff;} .index_pro_sw .swiper-slide:hover .index_pro_2_mid_2_2 span i{ color:#005aa7;} .index_pro_sw .swiper-slide:hover .index_pro_2_mid_2_2 span i{ padding-right:2em;} } @media screen and (min-width:1091px) { .index_pro_2 ul li:hover .index_pro_2_mid_2_1,.index_pro_2 ul li:hover .index_pro_2_mid_2_2 span i{ color:#fff;} } .index_pro_2 ul li:hover .index_pro_2_mid_1_img{ opacity:1;transform: scale(1, 1);} .index_pro_2 ul li:hover .index_pro_2_mid_2_2 span{ border-color:#fff;} .index_pro_2 ul li:hover .index_pro_2_mid_2_2 span i{ background-image:url(../images/index/img15.png);} /*.index_pro_1_list.on .index_pro_1_mid:after{ background-color:#83cae1;}*/ .index_pro_1_list.on .index_pro_1_mid_3 span img:nth-child(1){ opacity:1;} .index_pro_1_list.on .index_pro_1_mid_3 span img:nth-child(2){ opacity:0;} /*****footer******/ .footermid_left_1_left{ position:absolute; left:0; top:0; height:100%;} .footermid_left{ position:relative; padding-bottom:2em; float:left; width:66%; padding-top:3em;} .footermid_left:after{ content:''; position:absolute; right:0; top:0; width:1px; height:100%; background-color:#f3f3f3;} .footermid_right{ padding-top:3em; float:right; width:34%;} .footermid_left_1{ padding-right:2%; position:relative; text-align:right;} .footermid_left_1 a{ margin-left:0.75em; position:relative; display:inline-block; width:3em; height:3em; border:1px #d5e2e3 solid; background-position:center; background-repeat:no-repeat; position:relative;border-radius:100%;} .footermid_left_1 a:nth-child(1):after{ content:''; position:absolute; width:1.6875em; margin-left:-0.84375em; top:50%; left:50%; height:1.3125em; margin-top:-0.65625em; background-image:url(../images/footer/img1.png); background-position:center; background-repeat:no-repeat; background-size:cover;} .footermid_left_1 a:nth-child(1):hover:after{ background-image:url(../images/footer/img1on.png);} .footermid_left_1 a:nth-child(2):after{ content:''; position:absolute; width:1.375em; margin-left:-0.6875em; top:50%; left:50%; height:1.5em; margin-top:-0.75em; background-image:url(../images/footer/img2.png); background-position:center; background-repeat:no-repeat; background-size:cover;} .footermid_left_1 a:nth-child(2):hover:after{ background-image:url(../images/footer/img2on.png);} .footermid_left_1 a:nth-child(3):after{ content:''; position:absolute; left:50%; top:50%; height:1.3125em; width:1.3125em; margin-left:-0.65625em; margin-top:-0.65625em; background-image:url(../images/footer/img3.png);background-position:center; background-repeat:no-repeat; background-size:cover;} .footermid_left_1 a:nth-child(3):hover:after{ background-image:url(../images/footer/img3on.png);} .footermid_left_1 a:hover{ background-color:#8a8a8a; border-color:#8a8a8a} .footermid_left_1 a:after{ position:relative;border-radius:100%;-webkit-transition: 1s; -webkit-transition: -webkit-transform 1s ease-out; transition: transform 1s ease-out; -moz-transition: -moz-transform 1s ease-out; } .footermid_left_1 a:hover:after{transform: rotateZ(360deg); -webkit-transform: rotateZ(360deg); -moz-transform: rotateZ(360deg);} .footermid_left_1 a img{ display:none; position:absolute;-webkit-box-shadow: 2px 0px 10px rgba(0, 0, 0, 0.2); box-shadow: 2px 0px 10px rgba(0, 0, 0, 0.2); width:9.375em; left:-3.125em; max-width:none; z-index:10; top:3.125em;} .footermid_left_1 a:hover img{ display:block} .footermid_right_mid_1{ font-size:1.25em; color:#000;} .footermid_right_mid_2{ margin-top:0.2em; font-family:Arial, Helvetica, sans-serif; font-size:2.25em; color:#000;} .footermid_left_2{ padding-right:2%; margin-top:2.5em; padding-top:2.5em; border-top:1px #f3f3f3 solid;} .footermid_left_2 ul li{ float:left; width:16.66666666666667%;} .footermid_left_2 ul li p{ padding-bottom:.9em; position:relative; font-size:1.25em; color:#000;} .footermid_left_2 ul li p:after{ content:'';transition: all 0.25s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; position:absolute; left:0; bottom:0; width:22px; height:1px; background-color:#666;} .footermid_left_2 ul li:hover p:after{ width:50px;} .footermid_left_2 dl{ margin-top:1.5em;} .footermid_left_2 dl dd{ margin-top:0.9em;} .footermid_left_2 dl dd a{ color:#333;} .footermid_left_2 dl dd a:hover{ color:#005aa7;} .footermid_right_mid_3_1{ padding-left:1.2em; margin-bottom:0.5em; font-size:1.25em; color:#000; background-position:left center; background-repeat:no-repeat; background-image:url(../images/footer/img4.png);} .footermid_right_mid_3_2,.footermid_right_mid_3_3{ color:#333; margin-top:0.5em; line-height:1.5;} .footermid_right_mid_3 ul li{ border-bottom:1px #f3f3f3 solid; padding-bottom:1.5em; padding-top:1.5em;} .footermid_right_mid_3 ul li:last-child{ border:none; padding-bottom:0} .footermid_right_mid{ padding-left:8%;} .footer_2_left{ color:#666; font-size:1.25em;} .footer_2{ padding:1.3em 0; border-top:1px #f3f3f3 solid;} .header_mid_left_mid a{ display:inline-block; width:14.75em; height:1.1875em; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/header/logo.png);} /*******导航处理*******/ .bodyon .header_mid_left_mid a,.bodyon2 .header_mid_left_mid a{ background-image:url(../images/header/logo_b.png);} .bodyon #header,.bodyon2 #header{/*-webkit-box-shadow: 2px 0px 10px rgba(0, 0, 0, 0.2); box-shadow: 2px 0px 10px rgba(0, 0, 0, 0.2);*/ background-color:#ebebeb;} .bodyon .header_mid_mid ul li a.biga,.bodyon .header_mid_right_right a,.bodyon2 .header_mid_mid ul li a.biga,.bodyon2 .header_mid_right_right a{ color:#020202;} .bodyon .header_mid_right_right,.bodyon2 .header_mid_right_right{ background-image:url(../images/header/img1on.png);} .bodyon .header_mid_right_right a:nth-child(2),.bodyon2 .header_mid_right_right a:nth-child(2){ background-image:url(../images/header/img2on.png);} .bodyon .header_mid_mid ul li a.biga:after,.bodyon2 .header_mid_mid ul li a.biga:after{ background-color:#020202;} /********about************/ .nybanner{ background-position:center; background-repeat:no-repeat; background-size:cover; width:100%; height:100vh; position:relative;} .nybanner_mid{ position:absolute; left:0; bottom:16%; width:100%; z-index:10; color:#fff;} .nybanner_mid_1{ font-size:3.75em; margin-bottom:0.28em;} .nybanner_mid_2{ font-size:1.5em;} .about_1_left_3{ margin-top:1em; color:#666; line-height:1.8;} .about_1_left{ float:left; width:52.109375%;} .about_1_right{ text-align:center; float:right; width:40.46875%;} .about_1_left_1,.about_1_left_2{ text-align:left;} .about_1_left_1{ margin-top:0.2em;} .about_1_right div{ overflow:hidden; display:inline-block;} .about_1{ padding-top:8.125em;} .about_1_mid .index_about_3_mid_1 span{ color:#000} .about_1_mid .index_about_3_mid_2{ color:#666;} .about_1_mid .index_about_3 ul li{ background-image:url(../images/about/img11.jpg);} .about_1_mid .index_about_3 ul li:nth-child(1){ background-image:none} .about_1_mid{ margin-bottom:10em;} .about_2{ background-color:#f3f8fa; padding-bottom:9.75em; position:relative; overflow:hidden;} .about_2:after{ content:''; position:absolute; width:100%; height:58%; left:0; top:0; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/about/img2.jpg);} .about_2 .wrap{ position:relative; z-index:10;} .about_2_top .about_2_1,.about_2_top .about_2_2{ color:#fff;} .about_2_3{ text-align:center; font-size:1.25em; color:#fff; margin-top:1.5em;} .about_2_top{ margin:5.625em 0 8em 0;} .about_2_mid ul li{ float:left; position:relative; width:33.3333333%; height:38.125em; color:#fff;} .about_2_mid ul li a{ display:block; position:relative; width:100%; height:100%;} .about_2_mid ul li:after{opacity:.7; content:''; position:absolute; left:0; top:0; width:1px; height:100%; background-color:#fff;} .about_2_mid ul li:nth-child(1):after{ display:none} .about_2_mid_top{ position:absolute; left:0; width:100%; top:1.875em; z-index:10;} .about_2_mid_footer{ position:absolute; left:0; width:100%; bottom:3.75em; z-index:10;} .about_2_mid_mid{ margin:0 1.875em;} .about_2_mid{ position:relative;} .about_2_mid ul{ position:relative; z-index:10;} .base_img{ position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;opacity:0} .base_img_on{ opacity:1;} .about_2_mid_top_1 span{ color:#fff; font-size:1.5em; font-family:Arial, Helvetica, sans-serif} .about_2_mid_footer_1{ font-size:1.25em; color:#fff;} .about_2_mid_footer_2{ font-size:0.875em; color:#fff; line-height:1.5; margin-top:0.8em;overflow:hidden;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;word-wrap:break-word; word-break:break-all; } .about_2_mid ul li.on{ width:50%;} .about_2_mid ul li.on2{ width:25%;} .about_3_1 ul li{ position:relative; float:left; width:48.24902723735409%; margin-bottom:1.625em;} .about_3_1 ul li:nth-child(2){ float:right;} .about_3_1 ul li:nth-child(3){ width:100%;} .about_3_1_1{ overflow:hidden} .about_3_1_1 img{ width:100%;} .about_3_1_2{ color:#fff; position:absolute; left:0; bottom:0; width:100%; z-index:10;} .about_3_1_2_mid{ margin:0 3.54838709677419%; margin-bottom:6%;} .about_3_1_2_mid_1{ font-size:1.5em;} .about_3_1_2_mid_2{ margin-top:0.6em;overflow:hidden;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;word-wrap:break-word; word-break:break-all; font-size:1.125em; color:#ebebeb; line-height:1.5;} .about_3_1 ul li:nth-child(3) .about_3_1_2_mid_1{ font-size:2.25em;} .about_3_1 ul li:nth-child(3) .about_3_1_2_mid_2{ font-size:1.5em;} .about_3_1 ul li:nth-child(3){ margin-bottom:0} .about_3_2{ text-align:center; margin:4.375em 0;} .about_3_2 a{ width:15.625em; line-height:3.125em; display:inline-block; border:1px #4a4a4a solid;} .about_3_2 a span{ padding-right:1em; font-size:1.25em; display:inline-block; color:#4a4a4a; background-position:right center; background-repeat:no-repeat; background-image:url(../images/about/img13.png);} .about_3_2 a:hover span{ padding-right:1.5em; color:#005aa7; background-image:url(../images/about/img13b.png);} .about_4{ background-position:center; background-repeat:no-repeat; background-size:cover; overflow:hidden; background-image:url(../images/about/img6.jpg);} .about_4 .index_news_t_1,.about_4 .index_news_t_2{ color:#fff;} .about_4 .index_news_3 ul li:nth-child(3n){ margin-right:0} .about_4 .about_3_2 a{ border-color:#ffff} .about_4 .about_3_2 a span{ color:#fff; background-image:url(../images/about/img14.png);} .about_4 .about_3_2 a:hover span{color:#005aa7; background-image:url(../images/about/img13b.png);} .about_5_mid_left{ width:49%;} .about_5_mid_left ul li{ position:relative; margin-bottom:1em;} .about_5_mid_left ul li:nth-child(3){ margin-bottom:0} .about_5_mid_left_1{ overflow:hidden} .about_5_mid_left_1 img{ width:100%;} .about_5_mid_right{ overflow:hidden; position:absolute; right:0; top:0; width:49%; height:100%;} .about_5_mid{ position:relative;} .about_5_mid_right_bg{transition: all 1.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;} .about_5_mid_left_2{ color:#fff; position:absolute; left:0; bottom:0; width:100%; z-index:10;} .about_5_mid_left_2_mid_1{ font-size:1.875em;} .about_5_mid_left_2_mid_2{ font-size:1.085em; margin-top:.7em;} .about_5_mid_left_2_mid{ padding:1.5em 2em;} .about_5_mid_left_2_mid_2 ul li{ margin-top:0.5em;} .about_5_mid_left_2_mid_2 ul li span{ display:inline-block; padding-right:0.5em;} @media screen and (min-width:769px) { .about_5_mid_left ul li:hover .about_5_mid_left_2,.about_5_mid_right:hover .about_5_mid_left_2{ background-color:rgba(113, 201, 230, 0.95);} .about_5_mid_right:hover .about_5_mid_right_bg{transform: scale(1.08, 1.08);} } .about_5{ margin-bottom:7.75em;} .about_6{ background-color:#f3f9fd; overflow:hidden} .about_6_list ul li{ float:left; width:33.3333333333%;} .about_6_list_mid{ text-align:center; position:relative; background-position:center top; background-repeat:no-repeat; background-size:cover; } .about_6_list_mid_bh{ width:100%;} .about_6_list_mid_pic{ position:absolute; left:0; top:11%; width:100%;} .about_6_list_mid_pic img{ max-width:78.71853546910755%;} #hopaeg{ margin:3em 0 5.875em 0;} .about_7{ padding-bottom:8.5625em;} .about_7 .swiper-button-disabled{ display:none} .about_7_video_pic{ position:relative; overflow:hidden} .about_7_video_pic img{ width:100%;} .swiper-button-next-video{ z-index:10; margin-top:-5px; cursor:pointer; position:absolute; right:2em; top:50%; width:84px; height:10px; background-position:right center; background-repeat:no-repeat; background-image:url(../images/about/img18.png);} .swiper-button-prev-video{ z-index:10; margin-top:-5px; cursor:pointer; position:absolute; left:2em; top:50%; width:84px; height:10px; background-position:left center; background-repeat:no-repeat; background-image:url(../images/about/img17.png);} .about_7_video_pic a{ z-index:100; left:50%; top:50%; margin-left:-2.84375em; margin-top:-2.84375em; position:absolute; display:block; width:5.6875em; height:5.6875em; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/about/img19.png);} .index_pro .swiper-button-next.swiper-button-next-pro22,.index_pro .swiper-button-prev.swiper-button-prev-pro22{ width:12px; height:24px; background-size:12px 24px; margin-top:-12px;} .index_pro .swiper-button-disabled{ display:none} .index_pro .swiper-button-next.swiper-button-next-pro22{ right:-1em;} .index_pro .swiper-button-prev.swiper-button-prev-pro22{ left:-1em;} .index_pro_1{ position:relative} .on .index_pro_1_mid_1,.on .index_pro_1_mid_2{ color:#83cae1} .index_pro .swiper-button-next-pro{ right:-2em;} .index_pro .swiper-button-prev-pro{ left:-2em;} .about_8{ overflow:hidden; padding-top:10em; padding-bottom:12em; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/about/img21.jpg);} .about_8_1,.about_8_2,.about_8_3{ color:#fff; text-align:left;} .about_8_3{ margin-bottom:1.5em; line-height:2; margin-top:1.5em; max-width:45.625em;} .leadmid{ background-color:#f3f9fd; overflow:hidden} .leadmid .about_3_1 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; background-color:#fff; margin-bottom:2em;} .leadmid .about_3_1 ul li:hover{-webkit-box-shadow: 2px 0px 10px rgba(0, 0, 0, 0.2); box-shadow: 2px 0px 10px rgba(0, 0, 0, 0.2);} .leadmid .about_3_1 ul li:nth-child(2n){ float:right} .leadmid .about_3_1 ul li:nth-child(3){ width:48.24902723735409%} .leadmid_1_1{ color:#6bc2df; font-family:Arial, Helvetica, sans-serif;} .leadmid_1_2{ margin-bottom:0.4em; font-size:1.5em; color:#000000; margin-top:0.3em;} .leadmid_1_3{ font-size:1.125em; color:#000;overflow:hidden;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;word-wrap:break-word; word-break:break-all; line-height:1.5;} .leadmid_1{ margin:1.875em 1.25em 2em 1.25em;} .news_info_mid{ background-color:#f3f9fd; padding-bottom:6.25em;} .news_info_mid_mid{ background-color:#fff; -webkit-box-shadow: 2px 0px 10px rgba(0, 0, 0, 0.2); box-shadow: 2px 0px 10px rgba(0, 0, 0, 0.2); position:relative;} .news_info_mid_mid_1{ line-height:4em; position:absolute; left:0; top:-4em; width:100%; z-index:100; background-color:#fff;} .news_info_mid_mid_mid{ margin:0 2.5em;} .news_info_mid_mid_1_1{ position:relative; border-bottom:1px #e6edf2 solid;} .news_info_mid_mid_1_1_right{ position:absolute; right:0; top:0;} .news_info_mid_mid_1_1_right a{ font-size:1.125em; padding-right:1em; color:#6bc2df; display:inline-block; background-position:right center; background-repeat:no-repeat; background-image:url(../images/about/img22.png);} .news_info_mid_mid_1_1_left{ font-size:1.125em;} .news_info_mid_mid_1_1_left span{ color:#6bc2df} .news_info_mid_mid_1_1_left a{ color:#35444f;} .news_info_mid_mid_1_1_left a:hover{color:#6bc2df} .news_info_mid_mid_1_1_right a:hover{ padding-right:1.25em;} .news_info_mid_mid_2_1{ padding-top:2.5em; text-align:center; color:#000; font-size:1.5em; padding-bottom:.9em;} .news_info_mid_mid_2_2{ font-family:Arial, Helvetica, sans-serif; color:#666; text-align:center; font-size:1.125em;} .news_info_mid_mid_2_3{ margin-bottom:2em; line-height:1.7; margin-top:3em;} .news_info_mid_mid_mid_info{ padding:0 10%; padding-bottom:4.8em;} .news_info_mid_mid_2_4_left{ float:left; width:50%;} .news_info_mid_mid_2_4_right{ float:right; width:50%;} .news_info_mid_mid_2_4{ border:1px #eff2f6 solid;} .news_info_mid_mid_2_4 a{ display:block; padding:1.25em 1em;} .news_info_mid_mid_2_4_right a{ text-align:right} .news_info_mid_mid_2_4 a span{ padding-right:1em; display:inline-block;} .news_info_mid_mid_2_4 a:hover{ color:#fff; background-color:#6bc2df;} /********solution***********/ .so_1_bg{ display:none; background-position:center; background-repeat:no-repeat; background-size:cover; position:absolute; left:0; top:0; width:100%; height:100%;} .so_1 ul{ position:relative; width:100%;} .so_1 ul li{ margin-bottom:0.8125em; overflow:hidden; position:relative; width:44.84375%; margin-left:55.15625%;} .so_1 ul li:nth-child(1){ margin-left:0; margin-bottom:0; position:absolute; left:0; top:0; height:100%; width:54.296875%;} .so_1 ul li:nth-child(1) .so_1_mig{ display:none;} .so_1 ul li:nth-child(1) .so_1_bg{ display:block} .so_1_jj{ position:absolute; left:0; bottom:0; width:100%; z-index:10; color:#fff;} .so_1_jj_mid_1{ font-size:2.25em; margin-bottom:0.1em;} .so_1_jj_mid_2{ font-family:Arial, Helvetica, sans-serif} .so_1_jj_mid{ padding:0 1.875em; padding-bottom:1.875em;} .so_1{ margin-bottom:5.5em;} .so_2{ margin:4.875em 0;} .so_2 ul li{ display:block; clear:both; width:100%;} .so_2 ul li:nth-child(1){margin-bottom:3.375em;} .so_2_mid{ overflow:hidden; background-position:center; background-repeat:no-repeat; background-size:cover;} .so_2_mid_mid{ float:left; max-width:32.8125em; background-color:#fff; margin:6.25em;} .so_2 ul li:nth-child(2n) .so_2_mid_mid{ float:right} .so_2_mid_mid_1{ font-size:2.25em; color:#000;} .so_2_mid_mid_2{ font-size:1.125em; font-family:Arial, Helvetica, sans-serif; color:#868686;} .so_2_mid_mid_3{ line-height:1.5; margin-top:1em;} .so_2_mid_mid_mid{ padding:1.875em 2.5em 3em 2.5em;} .pro_1_left{ float:left; width:18.75%;} .pro_1_right{ background-color:#f5f7f8; float:right; width:81.25%;} .pro_1_left ul li a.fname{ display:block; background-color:#f5f7f8; position:relative; font-size:1.125em; color:#000000; padding:0.6em 0; padding-left:20%; padding-right:20%;} .pro_1_left ul li a.fname.hass:after{ content:''; position:absolute; background-position:center; background-repeat:no-repeat; background-image:url(../images/pro/img3.png); width:1.0625em; height:1.0625em; top:50%; margin-top:-0.53125em; right:5%;} .pro_1_left ul li a.fname.hass.hasson:after{ background-image:url(../images/pro/img2.jpg);} .pro_1_left ul li a.fname.hass.hasson,.pro_1_left ul li a.fname.cur{ background-color:#6bc2df; color:#fff;} .pro_1_left ul li dl{ margin:0.5em 0; display:none} .pro_1_left ul li dl dd a{ color:#666; padding:0.6em 20%; display:block; font-size:0.875em;} .pro_1_left ul li dl dd a:hover,.pro_1_left ul li dl dd a.cur{ color:#6bc2df;} .pro_1_right_mid_1 ul li{ border-bottom:3px #fff solid; text-align:center; float:left; position:relative; width:33.333333%;} .pro_1_right_mid_1 ul li:after{ content:''; position:absolute; left:0; top:0; width:3px; height:100%; background-color:#fff;} .pro_1_right_mid_1_mid{ padding-left:22%; padding-right:22%; padding-top:13%; padding-bottom:8%;} .pro_1_right_mid_1_mid_2_1{ margin-top:1.4em;} .pro_1_right_mid_1_mid_2_1 span{ padding-bottom:0.4em; color:#000; font-size:1.25em; display:block; position:relative;} .pro_1_right_mid_1_mid_2_1 span:after{ content:''; position:absolute; height:1px; width:20px; left:50%; margin-left:-10px; bottom:0px; background-color:#3f3f3f;} .pro_1_right_mid_1_mid_2_2{ font-family:Arial, Helvetica, sans-serif; font-size:0.875em; color:#666; margin-top:0.4em;} .pro_1_right_mid_1_mid_1{ overflow:hidden; } .pro_1_right_mid_1_mid_1 img{ width:100%} .pro_info_1{ position:relative;} .pro_info_1_left{ height:100%; position:absolute; left:0; top:0; width:35.33333333333333%;} .pro_info_1_left_bg{ display:none; position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;} .pro_info_1_left_bg:nth-child(1){ display:block} .pro_info_1_right{ margin-left:40%; width:52.83333333333333%;} .photo_show{ display:block; overflow:hidden} .photo_show img{ width:100%;} .swiper-button-next-p{ z-index:10; margin-top:-12.5px; top:50%; cursor:pointer; right:10px; position:absolute; width:25px; height:25px; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/pro/img5.png);} .swiper-button-next-p:hover{ background-image:url(../images/pro/img5on.png);} .swiper-button-prev-p{ z-index:10; margin-top:-12.5px; top:50%; cursor:pointer; left:10px; position:absolute; width:25px; height:25px; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/pro/img4.png);} .swiper-button-prev-p:hover{ background-image:url(../images/pro/img4on.png);} .pro_info_1_right_4 .swiper-button-disabled{ display:none} .pro_info_1_mid{ position:relative} .pro_info_1{ padding:3em 0;} .pro_info_1_right_1{ font-size:3em; color:#000;} .pro_info_1_right_2{ font-size:1.5em; color:#666; font-family:Arial, Helvetica, sans-serif;} .pro_info_1_right_3{ line-height:2; color:#373737; font-size:1.125em; border-top:1px #e6e6e6 solid; margin-top:2em; padding-top:2em; margin-bottom:2em;} .pro_info_2_1{ background-color:#f3f9fd;} .pro_info_2_1 span{ font-size:1.5em; color:#fff; background-color:#6bc2df; display:inline-block; padding:0.4166666666666667em 2em;} .pro_info_2_2{ line-height:1.8; padding:2.5em 0;} /******ser*********/ .ser_1{ overflow:hidden} .ser_1 img{ width:100%;} .ser_2{ line-height:1.6; color:#666666; margin:2.5em 0 4em 0;} .ser_2 p{ margin-bottom:0.4em;} .ser_2_1{ color:#000; font-size:1.125em;} .ser_3{ padding-top:5.625em; padding-bottom:7.9375em; overflow:hidden; position:relative;} .ser_3 .wrap{ position:relative; z-index:10;} .ser_3:after{ content:''; position:absolute; right:0; top:0; height:100%; width:50%; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/ser/img3.jpg);} .ser_3_mid{ position:relative; background-color:#fff;} .ser_3_mid_left{-webkit-box-shadow: 2px 0px 10px rgba(0, 0, 0, 0.2); box-shadow: 2px 0px 10px rgba(0, 0, 0, 0.2); position:absolute; left:0; top:0; width:50%; height:100%;} .ser_3_mid_right{ margin-left:50%;} .ser_3_mid_right_mid_1{ text-align:left;} .ser_3_mid_right_mid_2{ text-align:left;} .ser_3_mid_right_mid_3{ color:#666; margin-top:1.5em; line-height:1.5;} .ser_3_mid_right_mid{ padding:3.125em 8% 4em 8%;} .ser_3_mid_left_bg{ position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;} .swiper-pagination-pho .swiper-pagination-bullet{ width:16px; height:16px; background-color:#fff; opacity:1;} .swiper-pagination-pho .swiper-pagination-bullet-active{ background-color:#75c1d9} .ser_3_mid_left .swiper-pagination-pho{ bottom:4%;} .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{ margin:0 8px;} .ser_4{ position:relative; background-color:#fff;-webkit-box-shadow: 2px 0px 10px rgba(0, 0, 0, 0.2); box-shadow: 2px 0px 10px rgba(0, 0, 0, 0.2);} .ser_4_left{ overflow:hidden; position:absolute; left:0; top:0; width:50%; height:100%;} .ser_4_left_bg{ background-image:url(../images/ser/img4.jpg); position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;} .ser_4_right{ margin-left:50%;} .ser_4_right_mid_1{ font-size:1.5em; color:#1f1e1e} .gxgzmid{ padding-bottom:7.75em;} .ser_4_right_mid{ padding:3.5em 2.5em;} .ser_4_right_mid_2{ color:#666; line-height:1.9; margin-top:1em;} .gzglmid{ background-color:#fff;} .agglmid{ background-color:#fff; overflow:hidden} .agglmid_1 ul li{ margin-right:1.3671875%; float:left; width:32.421875%; margin-bottom:1em;} .agglmid_1 ul li:nth-child(3n){ margin-right:0} .agglmid_1_1{ overflow:hidden;} .agglmid_1_1 img{ width:100%;} .agglmid_1_2_1{ margin-top:1em; margin-bottom:.6em; color:#1f1e1e; font-size:1.5em;} .agglmid_1_2_2{ color:#333; line-height:1.6;} .agglmid_1_2{ padding:0 1.25em;} .download_mid{ overflow:hidden; margin-top:8em; padding-top:4em; padding-bottom:2em; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/ser/img6.jpg);} .down_2{ text-align:center; margin-bottom:3.125em; margin-top:1.6em;} .down_2 ul li{ display:inline-block;} .down_2 ul li a{ display:inline-block; line-height:2.5em; color:#666; padding:0 3.75em; background-color:#fff; } .down_2 ul li a:hover,.down_2 ul li a.on{ background-color:#81d4ee; color:#fff;} .down_3 ul li{ overflow:hidden; display:block; position:relative; background-color:#fff; border-bottom:1px #3b4e5a solid;} .down_3 ul li:last-child{ border:none} .down_3_mid{ position:relative; margin:1em;} .down_3_right{ position:absolute; right:0; top:0;} .down_3_left{ width:80%;} .down_3_right span{ padding-left:1.65em; color:#666; font-size:1.25em; background-position:left center; background-repeat:no-repeat; background-image:url(../images/ser/img7.png);} .down_3_left span:nth-child(1){ font-family:Arial, Helvetica, sans-serif; color:#71c1da; background-position:right center; background-repeat:no-repeat; background-image:url(../images/ser/img8.jpg); margin-right:0.5em; padding-right:0.5em; } .down_3_left span{ font-size:1.25em;} .down_3 ul li a:hover{ color:#71c1da} /********project**************/ .project_1_1 ul li{margin-bottom:3.5em; position:relative; float:left; width:48.4375%} .project_1_1 ul li:nth-child(1){ width:100%;} .project_1_1 ul li:nth-child(2n-1){ float:right} .project_1_1_1{ overflow:hidden;} .project_1_1_1 img{ width:100%;} .project_1_1_2{ width:64%; position:absolute; left:0; bottom:0; z-index:10; background-color:#f9feff;} .project_1_1_2_mid_1{ font-size:1.5em; color:#000;} .project_1_1_2_mid_2{ font-family:Arial, Helvetica, sans-serif; margin-top:0.3em; font-size:1.25em; color:#949494} .project_1_1_2_mid{ padding-right:2em; padding-top:1.875em;} .project_1_1 ul li:nth-child(1) .project_1_1_2_mid_1{ font-size:1.875em;} .project_1_1 ul li:nth-child(1) .project_1_1_2{ width:44.53125%;} /*******责任*******/ .zr_2{ margin-bottom:4.125em; overflow:hidden;} .zr_2 img{ width:100%;} .zr_1{ color:#333; line-height:1.6; margin-bottom:4em;} .zr_1_1{ color:#000; margin-bottom:0.5em; font-size:1.875em;} .zr_1 p.zr_1_1{ margin-top:1em;} .zr_1 p.zr_1_1:nth-child(1){ margin-top:0} .zr_3_1 ul li{ background-color:#fff; margin-bottom:3.375em;} .zr_3_1_mid{ position:relative;} .zr_3_1_mid_left{ height:100%; overflow:hidden; position:absolute; left:0; top:0; width:46.484375%;} .zr_3_1_mid_right{ margin-left:46.484375%;} .zr_3_1_mid_left_bg{ position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;} .zr_3_1_mid_left_img{ display:none;} .zr_3_1_mid_left_img img{ width:100%;} .zr_3_1_mid_right_mid{ padding:2.5em 8%;} .zr_3_1 ul li:nth-child(2n) .zr_3_1_mid_right{ margin-left:0; margin-right:46.484375%} .zr_3_1 ul li:nth-child(2n) .zr_3_1_mid_left{ left:auto; right:0} .zr_3_1_mid_right_mid_1{ color:#000; font-size:2.25em;} .zr_3_1_mid_right_mid_2{ margin-top:0.3em; font-size:1.125e; color:#868686;} .zr_3_1_mid_right_mid_3{ line-height:1.9; min-height:11.44444444444444em; font-size:1.125em; color:#3d3d3d; margin-top:1em;} .zr_3{ overflow:hidden;background-color:#f3f7f8; padding-top:4.6875em; padding-bottom:1.9375em;} /*******contact*****/ .contact_2_1_mid{ border:1px #d8d8d8 solid; padding:1.5em; margin:7px;-webkit-box-shadow: 2px 0px 10px rgba(0, 0, 0, 0.2); box-shadow: 2px 0px 10px rgba(0, 0, 0, 0.2); min-height:13em;} .contact_2_1_mid_1 span{ padding-left:1.5em; font-size:1.25em; display:inline-block; position:relative; color:#000; } .contact_2_1_mid_1{ margin-bottom:1.4em;} .contact_2_1_mid_1 span:after{ content:''; position:absolute; left:0; top:50%; width:1em; height:1em; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/contact/img1.png); margin-top:-0.5em;} .contact_2_1_mid_2,.contact_2_1_mid_3{ color:#333; line-height:1.5;} .contact_2 .swiper-pagination-bullet{opacity:1; width:16px; height:16px; border:1px #dadada solid; background-color:#fff;} .contact_2 .swiper-pagination-bullet-active{ background-color:#82d3ee; border-color:#82d3ee} .swiper-pagination-phoaz2{ margin-top:2.5em;} .contact_2{ margin-bottom:2.5em;} .contact_3{ overflow:hidden; background-color:#f6fafa;} .contact_3_1{ background-color:#fff;} .contact_3_1 table{ width:100%;border-bottom: 1px solid #f6fafa; border-collapse: collapse;} .contact_3_1 table td{border-bottom: 1px solid #f6fafa; border-collapse: collapse; text-align:center;} .contact_3_1 table tr:nth-child(1) td{ background-color:#81d4ee; color:#fff;} .contact_3_1 table tr:nth-child(1) td span{ font-size:1.5em;} .contact_3_1_mid{ padding:1.2em 1em;} .contact_3_1_mid_j_c{ font-size:1.125em;} .showjobinfo{ text-align:left;} .contact_3_1_mid_t{ text-align:left; color:#000; font-size:1.25em;} .contact_3_1_mid_t_2{ color:#424242; text-align:left; margin-top:0.6em;} .contact_3_1_mid_t_2 dl dd{ display:inline-block; margin-right:1em;} .contact_3_1_mid_t_3{ margin-top:1.2em; color:#000; text-align:left;} .contact_3_1_mid_t_4{ line-height:1.6; margin-top:.5em; text-align:left; color:#333;} .contact_3_1_mid_jj{ padding-left:2.5em; padding-right:2.5em;} .contact_3_1_mid_t_5{ text-align:left; margin-top:1.8em;} .contact_3_1_mid_t_5 span,.contact_3_1_mid_t_5 a{ color:#81d4ee;} .showjobinfo{ display:none} .view_job{ cursor:pointer;} .view_job.on{ color:#2994d0;} .contact_1_1_1{ text-align:center; margin-top:1.5em; margin-bottom:3.875em;} .contact_1_1_1 span{ padding:0 1.2em;border-radius:2.5em; display:inline-block; color:#fff; background-color:#81d4ee; font-size:1.375em; line-height:2.5em;} .contact_1_1{ margin-top:4.5em;} #map22{ height:36.6875em;} .contact_1_2{ position:relative;} .contact_1_2_mid{ top:11%; height:78%; width:34%; position:absolute; z-index:10; left:11.71875%;} .contact_1_2_mid_mid{-webkit-box-shadow: 2px 0px 10px rgba(0, 0, 0, 0.2); box-shadow: 2px 0px 10px rgba(0, 0, 0, 0.2); background-color:#fff;} .contact_1_2_mid_mid_1{ font-size:1.25em; color:#000; margin-bottom:0.5em;} .contact_1_2_mid_mid_2,.contact_1_2_mid_mid_3{ color:#6b6b6b; line-height:1.5;} .contact_1_2_mid_mid ul{ padding:1em 7%;} .contact_1_2_mid_mid ul li{ border-bottom:1px #f1f1f1 solid; padding:1em 0;} .contact_1_2_mid_mid ul li:last-child{ border:none} .contact_1_2_mid_mid ul li.on{ /*border-color:#000;*/} .show_1 ul li{-webkit-box-shadow: 2px 0px 10px rgba(0, 0, 0, 0.2); box-shadow: 2px 0px 10px rgba(0, 0, 0, 0.2); margin-bottom:4em; display:block; background-color:#fff;} .show_1_mid{ position:relative;} .show_1_mid_left{ position:absolute; left:0; top:0; height:100%; width:37.1875%;} .show_1_mid_right{ margin-left:37.1875%} .show_1_mid_right_mid_1{ color:#000; font-size:2.25em;} .show_1_mid_right_mid_2{ font-size:1.125em; margin-top:0.2em; color:#868686; font-family:Arial, Helvetica, sans-serif} .show_1_mid_right_mid_3{ margin-top:1.25em; font-size:1.5em; color:#000;} .show_1_mid_right_mid_4{ margin-top:0.2em; font-family:Arial, Helvetica, sans-serif; color:#868686;} .show_1_mid_right_mid_5{ line-height:1.8; margin:.6em 0 1em 0; color:#000;} .show_1_mid_right_mid{ padding:2.875em 10%;} .supshow{ padding-bottom:2.5em;} .show_1_mid_right_mid_6 .swiper-slide{ cursor:pointer} @media screen and (max-width:1500px) { .index_news_2_right_1{ height:15.25em;} .index_news_2_left_1,.index_news_2_right{ height:23.875em;} .footermid_left_2 ul li p,.footermid_right_mid_1,.footermid_right_mid_3_1,.footer_2_left{ font-size:1.125em;} .header_mid{ margin:0 2%;} .footermid_left_2 dl dd a,.footermid_right_mid_3_2,.footermid_right_mid_3_3{ font-size:0.9375em;} .header_mid_mid ul li{ margin-left:3.2em;} .header_mid_mid{ margin-left:25%;} } @media screen and (max-width:1200px) { .index_case_1_left_jj_mid_1{ font-size:1.5em;} .header_mid_mid{ display:none} .header_mid{ height:4.625em;} #mid{ margin-top:4.625em;} .global-nav-initializer{ background:none; display:block; position:absolute; margin:0; top:50%; margin-top:-17px; right:0;} .global-nav-initializer .line{ background-color:#005aa7} .header_mid_right_right{ display:none} .header_mid_left_mid a{ background-image:url(../images/header/logo_b.png);} #header{/*-webkit-box-shadow: 2px 0px 10px rgba(0, 0, 0, 0.2); box-shadow: 2px 0px 10px rgba(0, 0, 0, 0.2);*/ background-color:#ebebeb;} .header_mid_mid ul li a.biga,.header_mid_right_right a{ color:#020202;} .header_mid_right_right,.header_mid_right_right{ background-image:url(../images/header/img1on.png);} .header_mid_right_right a:nth-child(2){ background-image:url(../images/header/img2on.png);} .header_mid_mid ul li a.biga:after,.header_mid_mid ul li a.biga:after{ background-color:#020202;} } .swiper-pagination-mxcp{ display:none; position:static; margin-top:1.5em;} .pro_mobile_cate{ display:none; position:relative; z-index:10;} .pro_mobile_cate ul{ display:none} .pro_mobile_cate.on ul{ display:block} .pro_mobile_cate ul li dl{ display:none; padding:0.5em 0;} .pro_mobile_cate ul li dl dd a{ display:block; padding:0.3em 1.5em;} @media screen and (max-width:1090px) { .so_2_mid_mid_1{ font-size:1.875em;} .so_2_mid_mid_2{ font-size:0.875em;} .so_1_jj_mid_1{ font-size:1.5em;} .so_1_jj_mid_2{ font-size:0.875em;} .show_1_mid_right_mid_1{ font-size:1.5em;} .show_1_mid_right_mid_3{ font-size:1em;} .show_1_mid_right_mid_2{ font-size:1em;} .show_1_mid_right_mid_5,.show_1_mid_right_mid_4{ font-size:0.875em;} .contact_3_1_mid_t{ font-size:1em;} .contact_3_1_mid_t_2,.contact_3_1_mid_t_4,.contact_3_1_mid_t_5{ font-size:0.875em;} .contact_3_1 table tr:nth-child(1) td span{ font-size:1.125em;} .contact_3_1_mid_j_c{ font-size:.9375em;} .contact_2_1_mid_1 span{ font-size:1.125em;} .contact_1_2_mid_mid_1{ font-size:1em;} .contact_1_2_mid_mid_2, .contact_1_2_mid_mid_3,.contact_2_1_mid_2, .contact_2_1_mid_3{ font-size:0.875em;} .contact_1_1_1 span{ font-size:1.125em;} .project_1_1_2_mid{ padding-top:1.5em;} .project_1_1_2_mid_1,.project_1_1 ul li:nth-child(1) .project_1_1_2_mid_1{ font-size:1.25em;} .project_1_1_2_mid_2{ font-size:0.875em;} .down_3_left span,.down_3_right span{ font-size:1em;} .agglmid_1_2_1{ font-size:1.125em;} .ser_2,.agglmid_1_2_2{ font-size:0.875em;} .pro_info_2_1 span{ font-size:1.25em;} .pro_info_1_right_3{ margin-top:1.5em; margin-bottom:1.5em; padding-top:1.5em;} .pro_info_1_right_3{ font-size:1em;} .pro_info_1_right_1{ font-size:1.875em;} .pro_info_1_right_2{ font-size:0.875em;} .pro_mobile_cate{ display:block;} .pro_mobile_cate p{ background-position:98% center; background-repeat:no-repeat; background-image:url(../images/index/img14.png); position:relative; padding:0.8em 1em;} .pro_mobile_cate.on p{ background-image:url(../images/footer/img6.png);} .pro_mobile_cate ul{-webkit-box-shadow: 2px 0px 10px rgba(0, 0, 0, 0.2); box-shadow: 2px 0px 10px rgba(0, 0, 0, 0.2); z-index:10; position:absolute; left:0; width:100%; z-index:100; background-color:#fff;} .pro_mobile_cate ul li a.fname{ display:block; padding:0.5em 1em;} .pro_1_left{ display:none;} .pro_1_right{ float:none; width:auto} .pro_1_right_mid_1_mid_2_1 span{ font-size:1em;} .news_info_mid_mid_2_3{ margin-top:2em;} .news_info_mid_mid_2_1{ font-size:1.5em;} .news_info_mid_mid_2_2{ font-size:0.875em;} .news_info_mid_mid_mid{ margin:0 2em;} .news_info_mid_mid_mid_info{ padding-left:2em; padding-right:2em;} .news_info_mid_mid_1_1_left,.news_info_mid_mid_1_1_right a{ font-size:1em;} .leadmid_1{ margin:1.5em 1em;} .leadmid_1_1{ font-size:0.875em;} .leadmid_1_2{ font-size:1.125em;} .leadmid_1_3{ font-size:0.875em;} .about_8{ padding:6em 0;} .about_8_3{ font-size:0.875em;} .about_7{ padding-bottom:6em;} .swiper-button-next-video,.swiper-button-prev-video{ width:60px;} .about_7_video_pic a{ width:4em; height:4em; margin-left:-2em; margin-top:-2em;} .about_5{ margin-bottom:4em;} .about_5_mid_left_2_mid_1{ font-size:1.125em;} .about_5_mid_left_2_mid{ padding:1em;} .about_5_mid_left_2_mid_2{ font-size:0.875em;} .about_3_2{ margin:2.5em 0;} .about_3_2 a span{ font-size:1em;} .about_3_1_2_mid_1,.about_3_1 ul li:nth-child(3) .about_3_1_2_mid_1{ font-size:1.25em;} .about_3_1_2_mid_2,.about_3_1 ul li:nth-child(3) .about_3_1_2_mid_2{ font-size:1em;} .about_2_mid_footer_1{ font-size:1.125em;} .about_2{ padding-bottom:6em;} .about_2_mid ul li{ height:30em;} .about_2_mid_top_1 span{ font-size:1em;} .about_2_top{ margin:4em 0;} .about_2_3{ font-size:1em;} .about_1{ padding-top:6em;} .about_1_mid{ margin-bottom:6em;} .nybanner_mid_2{ font-size:1.125em;} .nybanner_mid_1{ font-size:2.5em;} .index_about{ margin-top:2.5em;} .index_pro_2{ margin-top:2em;} .index_pro_2_mid_1_img{ display:none} .index_pro_2_mid_2_1{ font-size:1em;} .swiper-pagination-mxcp{ display:block} .footermid_left:after{ display:none} .footer_2_left{ font-size:1em;} .footermid_right_mid{ padding-left:0} .footermid_left,.footermid_right{ float:none; width:auto} .index_news{ padding-bottom:6em;} .index_news_2_right_1{ height:12.25em;} .index_news_2_left_1,.index_news_2_right{ height:20.875em;} .index_news_2_right_2_mid_2{ font-size:0.875em;} .index_news_2_right_2_mid_1{ font-size:1em;} .index_news_2_left_2_mid_1{ font-size:1.125em;} .index_news_2_left_2_mid_2{ font-size:0.875em;} .index_service{ padding:10em 0;} .index_about_3{ margin-top:2.5em;} .index_service_3{ margin-top:2em;} .index_about{ padding-top:8em; padding-bottom:8em;} .index_news_t_1{ font-size:2.5em;} .index_about_3_mid_1 span{ font-size:2em;} .index_about_3_mid_2,.index_news_t_2{ font-size:1em;} .banner_mid_2{ font-size:1.125em;} .banner_mid_1{ font-size:3em;} } .ser_4_left_img{ display:none;} .ser_4_left_img img{ width:100%;} @media screen and (max-width:1024px) { .gxgzmid{ padding-bottom:5em;} .ser_4_left_img{ display:block} .ser_4_left_bg{ display:none} .ser_4_left{ position:relative; width:auto} .ser_4_right{ margin-left:auto;} .about_1_right{ margin-top:2em;} .about_1_left,.about_1_right{ float:none; width:auto} .index_case_1_left_jj_mid{ padding:1em;} .index_case_1_left_jj_mid_2{ font-size:0.875em;} .index_case_1_left_jj_mid_1{ font-size:1.125em;} } @media screen and (max-width:950px) { .index_pro_2_mid_1{ padding-left:1.5em; padding-top:1.5em; padding-right:1.5em;} .index_pro_2_mid_2{ padding:1.5em;} } .base_mo_img{ display:none} .base_mo_img img{ width:100%;} .about_5_mid_right_img{ display:none} .about_5_mid_right_img img{ width:100%;} .ser_3_mid_left_img{ display:none;} .ser_3_mid_left_img img{ width:100%;} .swiper-pagination-phoaz{ display:none; margin-top:1em;} .agglmid .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{ margin:0 4px;} @media screen and (max-width:850px) { .contact_1_2_mid{ width:50%;} } @media screen and (max-width:800px) { .ser_3_mid_left_img{ text-align:center} .show_1 .ser_3_mid_left_img img{ width:auto} .show_1_mid_left{ position:relative; width:auto} .show_1_mid_right{ margin-left:0;} .download_mid{ margin-top:4em;} .swiper-pagination-phoaz{ display:block} .swiper-pagination-pho .swiper-pagination-bullet{ width:10px; height:10px;} .ser_3 .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{ margin:0 4px;} .ser_3{ padding:4.5em 0;} .ser_3_mid_right_mid{ padding:2.5em;} .ser_3_mid_left_img{ display:block} .ser_3_mid_left_bg{ display:none} .ser_3_mid_left{ position:relative; width:auto} .ser_3_mid_right{ margin-left:0;} .pro_info_1_left{ display:none; position:static; width:auto; height:auto;} .pro_info_1_right{ width:auto; margin:0;} .pro_info_1_right_1{ font-size:1.5em;} .pro_info_1{ padding:2.5em 0;} } .so_2_mid_mobile{ display:none} .mobile_banner{ display:none; position:relative} .banner_img_mobile{ display:none; background-position:center; background-repeat:no-repeat; position:relative} .banner_img_mobile img{ width:100%;} @media screen and (max-width:768px) { .index_about{ background-image:url(../images/m.jpg);} .banner_img{ display:none} .banner_img_mobile{ display:block;} .mobile_banner{ display:block;} .mobile_banner img{ width:100%;} .nybanner{ display:none} .contact_1_1{ margin-top:2.5em;} .so_2{ margin:2.5em 0;} .so_2 ul li:nth-child(1){ margin-bottom:1.5em;} .so_2_mid_mid_1{ font-size:1.5em;} .so_2_mid_mid_mid{ padding:1.5em 0;} .so_2_mid{ display:none} .so_2_mid_mobile{ display:block} .so_1_jj_mid_1{ font-size:1.25em;} .so_1_jj_mid{ padding:1.5em;} .so_1{ margin-bottom:2.5em;} .show_1_mid_right_mid_1{ font-size:1.25em;} .show_1 ul li{ margin-bottom:2.5em;} .show_1_mid_right_mid{ padding:2.5em;} .contact_3_1 table tr td:nth-child(3){ display:none} .contact_3_1 table tr td:nth-child(2),.contact_3_1 table tr td:nth-child(5){ width:7em;} .contact_3_1 table tr:nth-child(1) td span{ font-size:1em;} .contact_2 .swiper-pagination-phoaz2{ margin-top:1.5em;} .contact_2 .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{ margin:0 4px;} .contact_2 .swiper-pagination-bullet{ width:10px; height:10px;} .contact_2_1_mid{ min-height:10em;} .contact_1_1_1{ margin-bottom:2.5em;} #map22{ height:20em;} .contact_1_2_mid{ position:static; width:100%; margin-bottom:2em;} .project_1_1 ul li{ margin-bottom:2em;} .project_1_1_2_mid{ padding-top:1em; padding-right:1em;} .project_1_1_2_mid_1, .project_1_1 ul li:nth-child(1) .project_1_1_2_mid_1{ font-size:1em;} .news_info_mid{ padding-bottom:4em;} .news_info_mid_mid_mid_info{ padding-bottom:2.5em;} .news_info_mid_mid_2_4 a{ padding:1em;} .news_info_mid_mid_2_4_right a{ text-align:left;} .news_info_mid_mid_2_4_left,.news_info_mid_mid_2_4_right{ float:none; width:auto} .news_info_mid_mid_2_1{ font-size:1.25em;} .leadmid_1_2{ font-size:1em;} .about_7{ padding-bottom:2.5em;} .swiper-button-next-video, .swiper-button-prev-video{ width:45px;} .about_7_video_pic a{ width:3em; height:3em; margin-left:-1.5em; margin-top:-1.5em;} #hopaeg{ margin:2em 0;} .pagination li a, .pagination li span{ padding:0.3em .8em;} .about_5{ margin-bottom:2.5em;} .about_5_mid_right_bg{ display:none} .about_5_mid_right_img{ display:block} .about_5_mid_left{ width:100%;} .about_5_mid_right{ margin-top:1em; position:relative; width:100%; height:auto} .about_3_1_2_mid_1, .about_3_1 ul li:nth-child(3) .about_3_1_2_mid_1{ font-size:1em;} .about_3_1_2_mid_2, .about_3_1 ul li:nth-child(3) .about_3_1_2_mid_2{ font-size:0.875em;} .about_2:after{ height:30%;} .about_2_mid_footer{ bottom:1.5em} .about_2_mid_mid{ margin:0 1em;} .about_2{ padding-bottom:2em;} .about_2_top{ margin:2.5em 0;} .about_2_mid ul li{ margin-bottom:1em;} .about_2_mid ul li:after{ display:none} .base_img{ display:none} .base_mo_img{ display:block} .about_2_mid ul li,.about_2_mid ul li.on,.about_2_mid ul li.on2{ height:auto; width:auto} .about_1_mid{ margin-bottom:2.5em;} .about_1{ padding-top:2.5em; } .nybanner_mid_2{ font-size:1em;} .nybanner_mid_1{ font-size:2em;} .index_pro .swiper-button-next.swiper-button-next-pro22{ display:none} .index_pro .swiper-button-prev.swiper-button-prev-pro22{ display:none} .index_pro_2{ margin-top:1.5em;} .index_pro_1_mid_1{ font-size:1em;} .index_pro_1_mid_2{ font-size:0.75em;} .footermid_right_mid_2{ font-size:1.875em;} .footermid_right_mid_3_1{ font-size:1em;} .footermid_right_mid_3{ padding-bottom:1em;} .footermid_right{ padding-top:2em;} .footermid_right_mid_1{ font-size:1em;} .footermid_left_1 a{ font-size:0.75em;} .footermid_left_2 ul li p:after{ width:100%; background-color:#f3f3f3;} .footermid_left_2 ul li p{ padding-top:1em; font-size:1em; padding-bottom:1em; background-position:right center; background-repeat:no-repeat; background-image:url(../images/index/img14.png);} .footermid_left_2 ul li.on p{ background-image:url(../images/footer/img6.png);} .footermid_left_2 ul li{ float:none; width:auto; } .footermid_left_2 dl{ padding-left:1em; margin:1em 0; display:none} .footermid_left_2 ul li.on dl{ display:block} .footermid_left_2{ margin-top:1.5em; padding-top:1.5em;} .footermid_left{ padding-top:2em; padding-bottom:1em;} .index_news{ padding-bottom:4em;} .index_news_2_right_1{ height:8.25em;} .index_news_2_left_1,.index_news_2_right{ height:16.875em;} .index_service{ padding:8em 0;} .index_case_1_left_jj_mid_1{ font-size:1em;} .index_case{ padding-bottom:3em;} .index_news_t{ padding:2.5em 0;} .index_service_3 a span{ font-size:0.875em;} .index_about{ padding:4em 0;} .index_news_t_1{ font-size:1.875em;} .index_about_3_mid_1 span{ font-size:1.5em;} .index_about_3_mid_2{ font-size:0.9375em; height:2.7em;} .banner_mid_2{ font-size:1em;} .banner_mid_1{ font-size:2.375em;} .indexbanner .swiper-pagination-bullet{ height:2px; width:80px;} } .mobileimg{ display:none; width:100%;} .index_news_2_right_1 img{ display:none; width:100%;} @media screen and (max-width:640px) { .so_2_mid_mid_1{ font-size:1.125em;} .so_1_jj_mid{ padding:1em;} .so_1_jj_mid_1{ font-size:1em;} .so_1 ul li:nth-child(1){ margin-bottom:1em;} .so_1 ul li{ width:100%; margin:0; margin-bottom:1em;} .so_1 ul li:nth-child(1) .so_1_bg{ display:none} .so_1 ul li:nth-child(1) .so_1_mig{ display:block} .so_1 ul li:nth-child(1){ position:relative; width:100%; height:auto} .contact_3_1 table tr td:nth-child(2){ display:none} .down_2{ margin-bottom:2em;} .down_2 ul li a{ padding:0 1.5em; line-height:2em;} .down_3_mid{ margin:0.8em 1em;} .down_3_left span:nth-child(1){ display:none} .down_3_right span{ padding-left:23px; width:23px; overflow:hidden; display:inline-block; height:21px;} .ser_4_right_mid_1{ font-size:1.125em;} .ser_4_right_mid{ padding:2em;} .ser_3_mid_right_mid{ padding:2em; padding-left:0} .news_info_mid_mid_2_1{ font-size:1em;} .news_info_mid_mid_2_3{ font-size:0.875em;} .news_info_mid_mid_1{ line-height:3.5em; top:-3.5em;} .news_info_mid_mid_1_1_left, .news_info_mid_mid_1_1_right a{ font-size:0.875em;} .news_info_mid_mid_2_1{ font-size:1.125em;} .leadmid .about_3_1 ul li:nth-child(3){ width:100%;} .leadmid .about_3_1 ul li{ margin-bottom:1.5em;} .about_8{ padding:4em 0;} .about_6_list ul li{ width:50%; margin-right:0} .about_6_list ul li:nth-child(2n){ float:right} .about_3_2 a{ display:block; width:auto; line-height:2.5em;} .about_3_1 ul li{ width:100%; margin-bottom:1em;} .nybanner_mid_1{ font-size:1.5em;} .index_pro_sw .swiper-button-next,.index_pro_sw .swiper-button-prev{ width:16px; height:20px; background-size:16px 20px;} .index_pro_2 ul li{ width:49%; margin-top:1em; margin-right:0} .index_pro_2 ul li:nth-child(2n){ float:right} .index_news_2_right_1{ height:auto} .index_news_3 ul li .index_news_2_left_1_bg{ display:none} .index_news_2_right_1 img{ display:block} .footer_2_left{ font-size:0.875em; text-align:center} .index_news_2_right_2_mid_3{ font-size:0.875em;} .index_news_2_right{ display:none} .index_news_2_left{ width:100%; float:none} .index_news_3 ul li:nth-child(1){ display:block} .index_news_3 ul li{ margin-right:0; width:49%;} .index_news_3 ul li:nth-child(2n){ float:right} .index_case_1_bg{ display:none} .index_case_1_right_top{ width:49%; position:relative; float:left; margin-top:1em;} .index_case_1_right_footer{ width:49%; margin-top:1em; position:relative; float:right;} .mobileimg{ display:block} .index_case_1_right{ position:relative; width:100%;} .index_case_1_left{ width:100%;} .index_news_t_1{ font-size:1.5em;} .index_about_3 ul li{ width:33.3333333%;} .index_about_3 ul li:nth-child(4),.index_about_3 ul li:nth-child(5){ margin-top:1.5em;} .index_about_3 ul li:nth-child(4){ background-image:none} .index_about_3 ul li:nth-child(1){ text-align:center} .index_about_3 ul li:nth-child(1) .index_about_3_mid,.index_about_3 ul li:nth-child(4) .index_about_3_mid{ padding-left:0} .index_about_3 ul li:nth-child(3) .index_about_3_mid{ padding-right:0} } @media screen and (max-width:480px) { .about_2_mid_footer .about_2_mid_mid{ margin:0;} .about_2_mid_footer{ position:static; padding-top:1em; padding-bottom:1em;} .about_2_mid_footer_1,.about_2_mid_footer_2{ color:#333;} .contact_1_1_1 span{ font-size:1em; line-height:normal; padding-top:0.5em; padding-left:1em; padding-right:1em; padding-bottom:0.5em;} .supshow{ padding-bottom:1.5em;} .show_1_mid_right_mid_1{ font-size:1.125em;} .show_1_mid_right_mid_2{ font-size:0.875em;} .show_1_mid_right_mid{ padding:1.5em;} #map22{ height:16em;} .contact_3_1_mid{ padding:1em;} .contact_3_1 table tr td:nth-child(4){ display:none} .contact_3_1 table tr td:nth-child(1){ text-align:left} .project_1_1_2_mid{ padding-top:0.5em;} .project_1_1 ul li{ width:100%;} .download_mid{ margin-top:2.5em;} .gxgzmid{ padding-bottom:3em;} .ser_4_right_mid{ padding:1.5em;} .ser_3{ padding:2.5em 0;} .pro_info_1_right_1{ font-size:1.125em;} .pro_info_2_1 span{ font-size:1.125em;} .pro_1_right_mid_1 ul li{ width:50%;} .pro_1_right_mid_1 ul li:nth-child(2n-1):after{ display:none} .news_info_mid_mid_1_1_right{ display:none} .news_info_mid_mid_2_1{ font-size:1em; line-height:1.6;} .news_info_mid_mid_2_4{ font-size:0.875em;} .about_8_4{ text-align:center} .swiper-button-next-video, .swiper-button-prev-video{ width:32px;} .swiper-button-next-video{ right:1em;} .swiper-button-prev-video{ left:1em;} .about_7_video_pic a{ width:2em; height:2em; margin-left:-1em; margin-top:-1em;} .about_5_mid_left_2_mid{ padding-left:0; padding-right:0} .about_5_mid_left_2{ position:relative; color:#333;} .about_5_mid_left_2_mid_1{ font-size:1em;} .about_2_mid_footer{ bottom:1em;} .about_2_mid_top{ top:1em;} .about_2_mid_footer_1{ font-size:1em;} .about_1_left_3{ font-size:0.875em;} .mobilemenu{ height:calc(100vh - 60px); } .mobilemenuon{ top:60px;} #footer .header_mid{ margin:0 6%;} .footermid_left{ padding-top:1em; padding-bottom:0} .footermid_left_1_left img{ height:0.9375em;} .footer_2{ padding:1em 0;} .footermid_right{ display:none} .footermid_left_2{ margin-top:1em; padding-top:1em;} .index_news_2_left_2_mid_2{ margin-bottom:1em;} .index_news_2_left_2_mid_1{ font-size:1em;} .index_news{ padding-bottom:2.5em;} .index_news_3 ul li{ width:100%;} .index_service{ padding:3em 0;} .header_mid{ height:3.75em;} #mid{ margin-top:3.75em;} .index_news_t{ padding:2em 0;} .index_case_1_left_jj_mid_1{ font-size:0.9375em;} .index_case_1_left_jj_mid_2{ font-size:0.75em;} .index_case_1_left_jj_mid{ padding-bottom:0.5em;} .index_about_3_mid_1 span{ font-size:1.375em;} .index_about_3_mid_2{ font-size:0.875em;} .index_news_t_2{ font-size:0.875em; line-height:1.5; margin-top:0.5em;} .index_about{ padding:2.5em 0;} .index_news_t_1{ font-size:1.125em;} .index_about_3 ul li:nth-child(3){ margin-top:1.5em;} .index_about_3 ul li:nth-child(3) .index_about_3_mid{ padding-right:1em; padding-left:0; } .index_about_3 ul li:nth-child(3){ background-position:right} .index_about_3 ul li:nth-child(5){ background-position:right} .index_about_3 ul li:nth-child(5) .index_about_3_mid{ padding-left:0} .index_about_3 ul li{ width:50%;} .banner_mid_1{ font-size:1.875em;} .indexbanner .swiper-pagination-bullet{ height:2px; width:60px;} } @media screen and (max-width:320px) { .about_6_list ul li{ width:100%} } .index_news_3 ul li,.index_news_2_right,.index_news_2_left{-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; } .index_news_3 ul li:hover,.index_news_2_right:hover,.index_news_2_left:hover{ -webkit-box-shadow:18px 18px 26px rgba(0,0,0,0.2);box-shadow:18px 18px 26px rgba(0,0,0,0.2)} .index_about_bg{ display:none; position:absolute; left:0; top:0; width:100%;} .index_about_bg img{ width:100%;} @media screen and (max-width:480px) { .index_about_bg{ display:block} .index_about{ height:420px; background-image:none; overflow:hidden} }