""@charset "utf-8"; /* CSS Document */ /*@media screen and (min-width:0px) and (max-width: 641px)*/ @media screen and (min-width:768px) and (max-width:992px) { .i_con{ width:100%; padding:0;} .i_con1{ width:100%; padding:0;} .i_con2{ width:100%; padding:0;} .i_con1s{width:94%;/* padding:0px 3%;*/ height:auto !important;} .ny_con { width:90%; margin: 0px auto; position: relative;} .ny_con1{ width:90%; margin: 0px auto; position: relative;} .ui_div_center1{ width:90%; margin: 0px auto; position: relative;} .ui_div_center1{ width:90%; margin: 0px auto; } .home-swiper .swiper-slide .text_c{ font-size:16px;} .home-swiper .swiper-slide .text_c h1{ font-size:40px;} } @media screen and (min-width:993px) and (max-width:1200px) { .i_con{ width:100%; padding:0;} .i_con1{ width:100%; padding:0;} .i_con2{ width:100%; padding:0;} .i_con1s{width:100%;/* padding:0px 3%;*/ height:auto !important;} .ny_con { width:90%; margin: 0px auto; position: relative;} .ny_con1{ width:90%; margin: 0px auto; position: relative;} .ui_div_center1{ width:90%; margin: 0px auto; position: relative;} .phone_nav{ display:none;} .header_div{ display:block;} .menu_nav{width:64%; margin-left:0%;} .menu_nav ul li .nav_a{ font-size:15px;} .header_div .i_logo img{width:100%; height:auto;} .header_div{ padding-left:1%;} .i_zhbox1{width:10%;} .header_div .i_logo{ padding-top:30px;} .home-swiper .swiper-slide.swiper-slide-active .text_c{ font-size:18px;} .home-swiper .swiper-slide .text_c h1{ font-size:40px;} .view .swiper-slide .s1{ margin-right:30px;} .view1 .swiper-slide .div_c_l{ font-size:15px;} .view1 .swiper-slide .div_t .s1{ font-size:24px;} .view1 .swiper-slide .div_t .s1 span{ font-size:50px;} .preview1 .swiper-slide{ font-size:18px;} .preview1 .active-nav{ font-size:25px;} .wd{position: absolute; color: #222; font-size: 16px; line-height: 3; z-index: 6; top: 20%; left:10%;} .wd .custom{font-size: 36px; font-weight: bold;} } @media screen and (min-width:1201px) and (max-width:1500px) { .header_div .i_logo img{ height:42px;} .ui_div_center1{ width:90%; margin: 0px auto; position: relative;} .header_div{ padding-left:2%;} .header_div .i_logo{width:16%;} .menu_nav{width:58%; margin-left:1%;} .i_zhbox1{width:8%;} .home-swiper .swiper-slide.swiper-slide-active .text_c{ font-size:18px;} .home-swiper .swiper-slide .text_c h1{ font-size:40px;} .ui_div_center{ width: 1200px;} .i_con{ width:90%; padding: 0 5%; margin: 0px auto; position: relative;} .i_con1{ width:90%; padding: 0 5%; margin: 0px auto; position: relative;} .i_con2{ width:100%; padding:0; margin: 0px auto; position: relative;} .i_con1s{width:100%;/* padding:0px 3%;*/ height:auto !important;} .ny_con { width:90%; margin: 0px auto; position: relative;} .ny_con1{ width:90%; margin: 0px auto; position: relative;} .ui_div_center1{ width:90%; margin: 0px auto; position: relative;} .header_div .i_logo{width:16%;} .menu_nav{width:55%; margin-left:2%;} .home-swiper .swiper-slide .text_c h1{ font-size:55px;} .i_box1_r{ background-size:500px;} .n_banner{width:100%; overflow:hidden; background-position:center center; background-repeat:no-repeat; background-size:cover; position:relative;} .n_banner img{width:100%;} .n_banner .n_banner_text{width:100%; font-size: 30px; position:absolute; left:0px; top:80%;webkit-transform: translate(0%, -80%);-moz-transform: translate(0%, -80%);transform: translate(0%, -80%); color:#fff; letter-spacing:2px; text-align:left;} .n_banner .n_banner_text .s1{ font-size:48px;} .home_pro { position: relative; width: 100%; display: block; height: 100%; top: 22%; z-index: 1;} .pro_img_qd1 .xz1 { width: 380px;; display: none; height: 380px;; text-align: center; position: relative; top: -120px; right: -70%; background: url(../images/xz1.png) no-repeat center center; background-size: cover;} .pro_img_qd1 { position: relative; width: 100%; margin: 0px auto; bottom: -64px; height: 300px;left:4%;} .wd{position: absolute; color: #222; font-size: 16px; line-height: 3; z-index: 6; top: 20%; left:12%;} .wd .custom{font-size: 36px; font-weight: bold;} } @media screen and (min-width:1501px) and (max-width:1700px) { .header_div .i_logo{width:18%;} } @media screen and (min-width:640px) and (max-width:800px) { .i_box_map .i_box_add{width:88%;background-color: #fff; height: 370px; position: relative; margin: 6%; margin-top: 40%; } .i_box_map .i_box_add .tel{ margin: 16px; line-height: 1.2; background: url(../images/tel.png) no-repeat left top; height: 80px; border-bottom: 1px solid #e5e5e5; padding-left: 60px; color: #1f286f; font-size: 18px;} .i_box_map .i_box_add .tel .tel_hm{font-size: 30px; font-weight: bold;} .add_t{ line-height: 2; padding: 10px 20px; float: left; font-size: 15px; display: block;} .add_l{float: left; width:100%;font-size: 15px; padding: 10px 20px;} } @media screen and (min-width:768px) and (max-width:1024px) { .i_box_map .i_box_add{width:88%;background-color: #fff; height: 370px; position: relative; margin: 6%; margin-top: 40%; } .i_box_map .i_box_add .tel{ margin: 16px; line-height: 1.2; background: url(../images/tel.png) no-repeat left top; height: 80px; border-bottom: 1px solid #e5e5e5; padding-left: 60px; color: #1f286f; font-size: 18px;} .i_box_map .i_box_add .tel .tel_hm{font-size: 30px; font-weight: bold;} .add_t{ line-height: 2; padding: 10px 20px; float: left; font-size: 15px; display: block;} .add_l{float: left; width:47%;font-size: 15px; padding: 10px 1% 0 0;} .i_con { padding: 0;} .ny_con { width:90%; margin: 0px auto; position: relative;} .ny_con1{ width:90%; margin: 0px auto; position: relative;} .ui_div_center1{ width:90%; margin: 0px auto; position: relative;} .i_box6 { width: 96%;padding: 5% 2%;} .i_box_map .i_box_add{margin-top: 10%;} .i_box_map .i_box_add { width:34%; background-color: #fff; height: 300px; float: right; margin-right: 6%; position: relative; padding: 0.5%; } } @media screen and (min-width:768px) { .i_box_adds{padding:2% 5%;} .i_box_map .i_box_add{width:29%;background-color: #fff; height: 370px; margin-top: 120px; float: right; margin-right: 6%; position: relative; padding: 0.5%; } .i_box_map .i_box_add .tel{ margin:6% ; margin-bottom: 10px; line-height: 1.2; background: url(../images/tel.png) no-repeat left top; height: 80px; border-bottom: 1px solid #e5e5e5; padding-left: 60px; color: #1f286f; font-size: 18px;} .i_box_map .i_box_add .tel .tel_hm{font-size: 30px; font-weight: bold;} .add_t{ line-height: 2; padding: 30px 0px; float: left; font-size: 15px; display: block;} .add_l{float: left; width:50%;font-size: 15px;} } @media screen and (min-width:0px) and (max-width:640px) { .pro_img_qd1 .p8,.pro_img img,.pro_img1 img,.pro_img1s img ,.jt img,.wapbanner img,.ny_content img,.n_banner img,.wrap img,.btt1 div img{ pointer-events: none; } .video_div_center video{margin-top: 80%;height: 23%;} .video_div_center .video_div_closebtv{position: relative;z-index: 5;right: -78%;} .home_custom{width:96%;z-index: 5; margin: 20px auto 0px auto; padding-top: 5% 2%; line-height:1.4; color:#fff; font-size:30px; opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateY(-90%); -ms-transform: translateY(-90%); -o-transform: translateY(-90%); transform: translateY(-90%);transition: all 0.8s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;-webkit-transition: transition: all 0.8s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;} .active .home_custom{opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);transition-delay: 0.3s;-webkit-transition-delay: 0.3s; -moz-transition-delay: 0.3s; -o-transition-delay: 0.3s;} .home_custom .s1{ font-size:30px; font-family:Arial, Helvetica, sans-serif; } .home_custom.activetwo{ text-align:center;margin-top: 12%;} .home_custom.nactive{opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0);} .home_custom .na2{font-size: 26px; line-height: 1.6;} .home_custom .na3{font-size: 16px;} /*首页人工智能 start*/ .h_p_content{ width: 100%; position: absolute; z-index: 999; margin-top: 30%; } .h_p_content .h_P_c_l {color: #fff; width: 48%; padding: 2%; z-index: 12;position: relative;} .h_p_content .h_P_c_l .c_name{ font-size: 30px; text-align: center;height: 50px;} .h_p_content .h_P_c_l ul li{ float: left; width:20%;} .h_p_content .h_P_c_l ul li .w{ width: 80%; margin: 0px 10%; text-align: center;} .h_p_content .h_P_c_l ul li .n,.h_p_content .h_P_c_l ul li:active .n{transition: all .5s ease-in-out;font-size: 18px;width: 28px; min-height: 18px; cursor: pointer; display:inline-table; overflow: hidden; padding:20px 0;writing-mode:lr-tb; line-height: 1.2; background-color: #5383aa; text-align: center; border-radius: 40px; } .h_p_content .h_P_c_l ul li .nr,.h_p_content .h_P_c_l ul li:active .nr{ text-align: center; background:-webkit-linear-gradient(#265fe1,#1c9a37); background: -moz-linear-gradient(#265fe1,#1c9a37); background: -moz-linear-gradient(#265fe1,#1c9a37); background: linear-gradient(#265fe1,#1c9a37); padding: 10px 15px; border-radius: 10px; display:none; width: 300px; font-size: 16px;} .h_p_content .h_P_c_l ul li:hover .n{ margin-top: 10px;transition: all .5s ease-in-out; background:-webkit-linear-gradient(#265fe1,#1c9a37); background: -moz-linear-gradient(#265fe1,#1c9a37); background: -moz-linear-gradient(#265fe1,#1c9a37); background: linear-gradient(#265fe1,#1c9a37);} .h_p_content .h_P_c_l ul li:hover .n_c{font-size: 16px; display: block; margin-top: 20px; background: url(../images/jt.png) no-repeat center 0px; height: 12px;} .h_p_content .h_P_c_l.fl ul li:hover .nr{display: block; clear: both; top: -10px; } .h_p_content .h_P_c_l.fl ul li:nth-child(1) .nr{ margin-left: -10px;} .h_p_content .h_P_c_l.fl ul li:nth-child(2) .nr{ margin-left: -20px;} .h_p_content .h_P_c_l.fl ul li:nth-child(3) .nr{ margin-left: -30px;} .h_p_content .h_P_c_l.fl ul li:nth-child(4) .nr{ margin-left: -80px;} .h_p_content .h_P_c_l.fl ul li:nth-child(5) .nr{ margin-left: -220%;} .h_p_content .h_P_c_l.fr ul li:hover .nr{display: block; clear: both; top: -10px;} .h_p_content .h_P_c_l.fr ul li:nth-child(1) .nr{ margin-left: -120px;} .h_p_content .h_P_c_l.fr ul li:nth-child(2) .nr{ margin-left: -180px;} .h_p_content .h_P_c_l.fr ul li:nth-child(3) .nr{ margin-left: -210px;} .h_p_content .h_P_c_l.fr ul li:nth-child(4) .nr{ margin-left: -230px;} .h_p_content .h_P_c_l.fr ul li:nth-child(5) .nr{ margin-left: -260px;} .home_pro{position: relative; width: 100%;z-index: 12; display: block;height: 100%; top: 10%; /*filter: alpha(opacity=0); -webkit-transform: translateY(-90%); -ms-transform: translateY(-90%); -o-transform: translateY(-90%); transform: translateY(-90%);transition: all 0.8s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;-webkit-transition: transition: all 0.8s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;*/} .active .home_pro{ opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(50%); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);transition-delay: 0.3s;-webkit-transition-delay: 0.3s; -moz-transition-delay: 0.3s; -o-transition-delay: 1.3s; } .pro_img{position:absolute ; width:130%; margin: 0px 10%; bottom: 32%; height: 40%; bottom: 100px; webkit-transform: translate(0%, 0%); -moz-transform: translate(0%, 0%); transform: translate(0%, 0%); z-index: 10;} .pro_img .p1{ position: absolute; z-index: 3;width: 120%; transition: all 0.5s ease-in-out;margin: 0px -30%;} .pro_img .p2{position: absolute;z-index: 2;width: 120%;transition: all 0.5s ease-in-out;margin: 0px -30%;} .pro_img .p3{position: absolute;z-index: 1;width: 120%; transition: all 0.5s ease-in-out;margin: 0px -30%;} .pro_img .p4{position: absolute;z-index: 4;width: 120%; transition: all 0.5s ease-in-out;margin: 0px -30%;} .pro_img .xh{position: absolute;z-index: 4;width: 4%;margin-top: -50px;margin-left: 37%;} .pro_img:hover .p1{ position: absolute; z-index: 3;width: 120%; margin-top: 10px;transition: all 0.5s ease-in-out;} .pro_img:hover .p2{position: absolute;z-index: 2;width: 120%; margin-top: 10px; transition: all 0.5s ease-in-out;} .pro_img:hover .p3{position: absolute;z-index: 1;width: 120%; margin-top:20px; transition: all 0.5s ease-in-out;} .pro_img:hover .p4{margin-top:30px; transition: all 0.5s ease-in-out;} .roundImg{ position: absolute; z-index: 1; -webkit-animation: round_animate 5s linear infinite; animation: round_animate 5s linear infinite; } @keyframes round_animate { to { transform: rotate(1turn); } } /*首页人工智能 end*/ /*+全电系统 start*/ .home_pro1{position: relative; width: 100%; display: block; height: 100%; top: 10%; /*filter: alpha(opacity=0); -webkit-transform: translateY(-90%); -ms-transform: translateY(-90%); -o-transform: translateY(-90%); transform: translateY(-90%);transition: all 0.8s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;-webkit-transition: transition: all 0.8s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;*/} .active .home_pro1{ opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(50%); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);transition-delay: 0.3s;-webkit-transition-delay: 0.3s; -moz-transition-delay: 0.3s; -o-transition-delay: 1.3s; } .pro_img_qd1{position: absolute; width: 90%; height: 280px; bottom: 0px; webkit-transform: translate(0%, -60%); -moz-transform: translate(0%, -60%); transform: translate(0%, -60%); z-index: 10;} .pro_img_qd1 .p5{position: absolute;transition: all 0.5s ease-in-out;} .pro_img_qd1 .p6{position: absolute;transition: all 0.5s ease-in-out;} .pro_img_qd1 .p7{position: absolute;transition: all 0.5s ease-in-out;} .pro_img_qd1 .p5,.pro_img_qd1 .p6,.pro_img_qd1 .p7{ width: 100%; cursor: pointer;width: 136%; margin: 0px -18%;} .pro_img_qd1 .p5 .img1{position: absolute;transition: all 0.5s ease-in-out;margin-left: 39%;margin-top: 19%;width:6%;} .pro_img_qd1 .p6 .img1{position: absolute;transition: all 0.5s ease-in-out;margin-left: 41.5%;margin-top: 36%;width: 6%;} .pro_img_qd1 .p7 .img1{position: absolute;transition: all 0.5s ease-in-out;margin-left:76.8%;margin-top: 33%;width: 6%;} .pro_img_qd1 .p8{position: absolute;transition: all 0.5s ease-in-out; width: 136%; margin: 0px -18%;} .pro_img_qd1 .xz1 {width: 32%;display: none;height: 32%; text-align: center; position: relative; top: -65px; right: -65%; background: url(../images/xz1.png) no-repeat center center; background-size: 98%;} .pro_img_qd1 .p5:hover .jt,.pro_img_qd1 .p6:hover .jt,.pro_img_qd1 .p7:hover .jt{ display:block;} .xz1 span{ display: none} .pro_img_qd1 .xz1 img{border-radius: 258px; max-width: 98%;background: url(../images/jngs_bg.png) repeat left top;} .pro_img_qd1 .p5:hover .xz1{display: block;} .pro_img_qd1 .p6:hover .xz1{display: block;} .pro_img_qd1 .p7:hover .xz1{display: block;} .wd{position: absolute; color: #222; font-size: 16px; line-height: 2; z-index: 6; top: 40px; padding:0 4%;opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateY(100PX); -ms-transform: translateY(-90%); -o-transform: translateY(100PX); transform: translateY(100PX);transition: all 0.8s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;-webkit-transition: transition: all 0.8s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;} .active .wd{ opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(50%); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);transition-delay: 0.3s;-webkit-transition-delay: 0.3s; -moz-transition-delay: 0.3s; -o-transition-delay: 1.3s; } .wd .custom{font-size: 36px; font-weight: bold;} /*全电系统 end*/ /*洁能高效 start*/ .jngs{ width: 92%; background: url(../images/jngs_bg.png) repeat left top; height: auto; margin: 4%;} .jngs .ws{background-color: #0faf76; color: #fff; display: block; overflow: hidden;} .jngs .ws .custom{float: left; width: 33.33%; font-size: 24px; text-align: center; height: 90px; line-height: 90px;} .jngs .ws li{float: left; width: 33.33%; font-size: 16px; padding: 1%; border-left: 1px solid #47c296;height: 90px; text-align: center;transition: all .3s ease-in-out;} .jngs .ws li h3{font-size: 18px; line-height: 90px;transition: all .3s ease-in-out;} .jngs .ws li .ws_con{ display: none; font-size: 13px; line-height: 1.2;} .jngs .ws li:hover h3{font-size: 18px; line-height:30px; transition: all .3s ease-in-out;} .jngs .ws li:hover{background-color: #47c296;transition: all .3s ease-in-out;} .jngs .ws li:hover .ws_con{ display: block;} .ws_img ul{overflow: hidden; padding: 1%;} .ws_img li{ width:100%;float: left; font-size: 16px; text-align: center; color: #333; margin-top: 20px;} .ws_img li img{max-width: 100%; margin: 0px; float: left; align-content: flex-end; width:46%;} .ws_img li .ws_con{ display: none;} .middle{border: 3px;text-align: center;} .c0{float:left;list-style-type:none;text-align: center;cursor: pointer;} .c1{float:left;list-style-type:none;background-color: #47c296;text-align: center;cursor: pointer;} .none{display: none;} .block{display: block;text-align: center;} #middle ul{padding-left: 3px;} /*洁能高效 end*/ /*科技创新 start*/ .home_kjcx{position: relative; width: 100%; display: block; height: 100%; top: 10%; transition: all 0.1s ease-in-out; /*filter: alpha(opacity=0); -webkit-transform: translateY(-90%); -ms-transform: translateY(-90%); -o-transform: translateY(-90%); transform: translateY(-90%);transition: all 0.8s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;-webkit-transition: transition: all 0.8s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;*/} .active .home_kjcx{ opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(50%); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);transition-delay: 0.3s;-webkit-transition-delay: 0.3s; -moz-transition-delay: 0.3s; -o-transition-delay: 1.3s; } .home_kjcx:hover{transition: all 0.1s ease-in-out; } .pro_img1{display: none;} .pro_img1s{position: relative; width: 100%; margin: 50px auto; display: block;} .pro_img1s .p1{ position: absolute; z-index: 1;width: 100%; transition: all 0.5s ease-in-out; } .pro_img1s .p2{position: absolute;z-index: 2;width: 100%;transition: all 0.5s ease-in-out;} .pro_img1s .p3{position: absolute;z-index: 3;width: 100%; transition: all 0.5s ease-in-out;} .pro_img1s .p4{position: absolute;z-index: 4;width: 100%; transition: all 0.5s ease-in-out;} .pro_img1s:hover .p3{ display: block;transition: all 0.1s ease-in-out;} .pro_img1s .p3.p3-1{ transition: all 0.5s ease-in-out; -webkit-animation-name: "fadeInLeft"; /*动画名称，需要跟@keyframes定义的名称一致*/ -webkit-animation-duration: 0.5s;/*动画持续的时间长*/ -webkit-animation-iteration-count: 1;/*动画循环播放的次数为1 infinite为无限次*/ -webkit-animation:'fadeInLeft' 1.8s 1 } .pro_img1s .p3.p3-2{transition: all 0.1s ease-in-out; -webkit-animation:'fadeInRight' 2s 1 } .pro_img1s .p3.p3-3{ transition: all 0.2s ease-in-out; -webkit-animation:'fadeInRight' 2.2s 1 } .pro_img1s .p3.p3-4{ transition: all 0.30s ease-in-out; -webkit-animation:'fadeInUp' 2s 1 } .pro_img1s:hover .p3{ width: 98%; padding: 1%;} @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(0px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @keyframes fadeInLeft { 0% { opacity: 0; transform: translateX(0px); } 100% { opacity: 1; transform: translateX(0); } } /*科技创新 end*/ .i_con1 { width:100%; padding: 0%; margin: 0px auto;} .i_con { width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; display: initial; } .ny_con { width:90%; margin: 0px auto; position: relative;} .ui_div_center1{ width:90%; margin: 0px auto; position: relative;} .home-swiper .swiper-slide .text_c{width:70%; padding:0px 17%; color:#fff; line-height:1.6; text-align:center; position:absolute; left:0px; top:50%;webkit-transform: translate(0%, -40%);-moz-transform: translate(0%, -40%);transform: translate(0%, -40%); font-size:24px;opacity: 0; filter: alpha(opacity=0);transition: all 1.5s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;-webkit-transition: transition: all 1.5s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;} .home-swiper .swiper-slide .text_c h1{ font-size:30px;margin-bottom:20px; line-height: 1.6;} .home-swiper .swiper-slide.swiper-slide-active .text_c{opacity: 1; filter: alpha(opacity=100); webkit-transform: translate(0%, -50%);-moz-transform: translate(0%, -50%);transform: translate(0%, -50%); } .ui_div_center{width:90%; margin:0px 5%;text-align: center;} .ui_div_center img{max-width: 90%; margin: 0px 5%;} .home-swiper {width: 100%;height: 100%;background: #000;} .home-swiper .swiper-slide {text-align: center;font-size: 18px;background-repeat: no-repeat;background-position: center center;background-size: cover;opacity: 1;width:100%; position:relative;} .home-swiper .swiper-slide .s1{width:100%; height:100%;background-repeat: no-repeat;background-position: center center;background-size: cover; display:none;} .home-swiper .swiper-slide .s1 img{width:100%; height:auto !important; display:block;} .home-swiper .swiper-slide .s2{width:100%; height:100%;background-repeat: no-repeat;background-position: center center;background-size: cover; display:block;} .home-swiper .swiper-slide .s2 img{width:100%; height:auto !important; display:none;} .home-swiper .swiper-slide .banner_text1{width:100%; position:absolute; left:0px; top:14%; z-index:1; text-align:left;opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateY(90%); -ms-transform: translateY(90%); -o-transform: translateY(90%); transform: translateY(90%);transition: all 0.8s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;-webkit-transition: transition: all 0.8s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;} .home-swiper .swiper-slide .banner_text2{width:100%; position:absolute; left:0px; top:14%; z-index:1; text-align:left; color:#000000; font-size:30px; font-weight:bold; padding-top:15px 0px; line-height:1.4;opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateY(90%); -ms-transform: translateY(90%); -o-transform: translateY(90%); transform: translateY(90%);transition: all 0.8s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;-webkit-transition: transition: all 0.8s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;} .home-swiper .swiper-slide .banner_text3{width:100%; position:absolute; left:0px; top:14%; z-index:1; text-align:left; color:#000000; font-size:30px; font-weight:bold; padding-top:15px 0px; line-height:1.4; text-align:center;opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateY(90%); -ms-transform: translateY(90%); -o-transform: translateY(90%); transform: translateY(90%);transition: all 0.8s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;-webkit-transition: transition: all 0.8s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;} .home-swiper .swiper-slide.swiper-slide-active .banner_text1,.home-swiper .swiper-slide.swiper-slide-active .banner_text2,.home-swiper .swiper-slide.swiper-slide-active .banner_text3{opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);} .home-swiper .home_next{width:30px; height:60px; background:url(../images/s_tb3.png) no-repeat; background-size:100%; right:10px; margin-top:-40px;} .home-swiper .home_next:hover{ background:url(../images/s_tb3s.png) no-repeat; background-size:100%; } .home-swiper .home_prev{width:30px; height:60px; background:url(../images/s_tb2.png) no-repeat; background-size:100%; left:10px;margin-top:-40px;} .home-swiper .home_prev:hover{ background:url(../images/s_tb2s.png) no-repeat; background-size:100%; } .home-swiper .home-pagination .swiper-pagination-bullet{width:18px; height:12px; border:1px solid #fff; -moz-border-radius: 6px; /* Gecko browsers */ -webkit-border-radius: 6px; /* Webkit browsers */ border-radius:6px; /* W3C syntax */ background-color:transparent;-webkit-transition:all ease-out 0.2s;transition:all ease-out 0.2s;} .home-swiper .home-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{width:28px; background-color:#fff;} .home-swiper.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom:220px;} .i_banner_box1{width:90%; position:absolute; left:50%; bottom:20px;webkit-transform: translate(-50%, 0%);-moz-transform: translate(-50%, 0%);transform: translate(-50%, 0%); z-index:1;} .i_banner_box1 dd{width:48%; float: left; border-right:20px solid #67dd00; margin-top: 3px; margin: 4px 1% 0 1%;} .i_banner_box1 dd .div{width:100%; height:60px; background:url(../images/s_tb9s.png) repeat; display:inline-block; float:left; color:#fff; font-size:16px; padding:4%;-webkit-transition:all ease-out 0.2s;transition:all ease-out 0.2s;} .i_banner_box1 dd .div:hover{ background:none; background-color:#fff; color:#333333; text-decoration:none;} .i_banner_box1 dd .div .a_img{width:36%; height:50px; overflow:hidden; margin-right: 2%; margin-left: 3%;} .i_banner_box1 dd .div .a_img img{width:100%;} .i_banner_box1 dd .div .a_img_r{ line-height:1.3; margin-top: 4px;} .i_banner_box1 dt{width:48%; float:left; font-weight:normal;margin: 4px 1% 0 1%;} .i_banner_box1 dt .div{width:100%; padding:0px 10%; background:url(../images/s_tb9s.png) repeat; display:inline-block; overflow:hidden; float:left; color:#fff; font-size:16px;} .i_banner_box1 dt .div:hover{ text-decoration:none; color:#fff;} .i_banner_box1 dt .div .s1{ height:30%;height:60px; line-height:60px; background:url(../images/s_tb4.png) left center no-repeat; padding-left:40%; display:inline-block;background-size: 28%;} .i_banner_box1 dt .div:hover .s1{ height:60px; color: #333; line-height:60px; background:url(../images/s_tb4_1.png) left center no-repeat; display:inline-block;background-size: 28%;} .i_banner_box1 dt a:hover { color:#000; text-decoration:none; color: #69dd03;} /*首页BANNER end*/ .fullnavr{display: none;} .bg {width: 100%; background:url(../images/bg1_1.jpg) ;height: 100%;background-repeat: no-repeat;background-position: center center;background-size: cover;position: relative;overflow: hidden;} .bg1 {width: 100%;height: 100%;background-repeat: no-repeat;background-position: top center;position: relative;overflow: hidden; background-size:100%;} .bg2 {width: 100%; background:url(../images/bg2_1.jpg) ;height: 100%;background-repeat: no-repeat;background-position: center center;background-size: cover;position: relative;overflow: hidden;} .bg3 {width: 100%; background:url(../images/bg3_1.jpg) ;height: 100%;background-repeat: no-repeat;background-position: center center;background-size: cover;position: relative;overflow: hidden;} .bg4 {width: 100%; background:url(../images/bg4_1.jpg) ;height: 100%;background-repeat: no-repeat;background-position: center center;background-size: cover;position: relative;overflow: hidden;} .bg5 {width: 100%; background:url(../images/bg5_1.jpg) ;height: 100%;background-repeat: no-repeat;background-position: center center;background-size: cover;position: relative;overflow: hidden;} /*合作共赢 start*/ .i_box5{width:100%;} .i_box5_t{width:100%; padding:5px 0px; line-height:1.6; color:#fff; text-align:center; font-size:30px;} .i_box5_c{width:100%; padding-top:20px;} .i_box5_c_l{width:90%;margin: 0px 5%;} .i_box5_c_l_t{width:100%; padding:8px 0px; line-height:1.2; color:#fff; font-size:24px;} .i_box5_c_l_c{width:100%;} .i_box5_c_l_c li{width:100%; float:left; padding-bottom:2px;} .i_box5_c_l_c li .div{width:100%; float:left; display:inline-block; background:url(../images/s_tb13.png) repeat; padding:10px; line-height:20px; position:relative; color:#222222; font-size:16px; position:relative;-webkit-transition:all ease-out 0.2s;transition:all ease-out 0.2s; } .i_box5_c_l_c li .div:after{width:7px; height:100%; position:absolute; left:0px; top:0px; background-color:#28d223; position:absolute; left:0px; top:0px; z-index:1; content:"";} .i_box5_c_l_c li .div:hover{ color:#222222; text-decoration:none; background-color:#fff;} .i_box5_c_r{width:90%;margin: 0px 5%;} .i_box5_c_r_ul{width:100%;} .i_box5_c_r_ul li{width:100%; float:left; padding:6px 0px;} .i_box5_c_r_ul li .div{width:48%;} .i_box5_c_r_ul li .div .ipt1{width:100%; height:48px; line-height:48px; border:2px solid #28d223; text-indent:15px; font-size:16px; color:#fff; font-family:"微软雅黑";-moz-border-radius: 5px; /* Gecko browsers */ -webkit-border-radius: 5px; /* Webkit browsers */ border-radius:5px; /* W3C syntax */ background-color:transparent;} /*shade*/ .i_box5_c_r_ul li .div .ipt1:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #ffffff; } .i_box5_c_r_ul li .div .ipt1::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #ffffff;} .i_box5_c_r_ul li .div .ipt1:-ms-input-placeholder,.i_box5_c_r_ul li .div1 .ipt2:-ms-input-placeholder { color: #ffffff;} .i_box5_c_r_ul li .div .ipt1::-webkit-input-placeholder,.i_box5_c_r_ul li .div1 .ipt2::-webkit-input-placeholder { color: #ffffff;} .i_box5_c_r_ul li .div1{width:100%;} .i_box5_c_r_ul li .div1 .ipt2{width:100%; height:140px; border:2px solid #28d223; padding:10px 15px; font-size:16px; color:#fff; font-family:"微软雅黑";-moz-border-radius: 5px; /* Gecko browsers */ -webkit-border-radius: 5px; /* Webkit browsers */ border-radius:5px; /* W3C syntax */ background-color:transparent;} .i_box5_c_r_ul li .ipt3{width:100%; height:48px; line-height:48px; display:inline-block; overflow:hidden; text-align:center; cursor:pointer; background-color:#28d223; font-size:16px;font-family:"微软雅黑"; -webkit-border-radius: 5px; /* Webkit browsers */ border-radius:5px; /* W3C syntax */ border:0px; color:#fff;} /*合作共赢 end*/ /*footer start*/ .i_footer{width:96%; padding:2%;} .i_footer_l{width:100%;color:#fff; } .i_footer_l_t{width:100%; height:40px; line-height:40px; font-size:20px; color:#fff;} .i_footer_l_c{width:100%; margin-top:25px; line-height:1.2; font-size:20px;} .i_footer_l_b{width:100%; padding:10px 0px; line-height:1.6; color:#bfbfbf; font-size:14px;} .i_footer_l_b a{ color:#bfbfbf;} .i_footer_l_b a:hover{ text-decoration:none; color:#fff;} .i_footer_l_c1{width:100%; height:56px; margin-top:25px;} .i_footer_l_c1 a,.i_footer_l_c1 a:hover{ margin-right:5px; display:inline-block; text-decoration:none;} .i_footer_l_c1 a.a1{ position:relative;} .i_footer_l_c1 a.a1 .img{width:120px; height:120px; background-color:#fff; padding:5px; position:absolute; top:-50px;left:50px; display:none;} .i_footer_r{width:100%;} .i_footer_l_c2{width:100%; height:56px; margin-top:25px;} .i_footer_l_c2 a{ padding:0px 49px; height:48px; line-height:48px; background-color:#28d223; color:#fff; font-size:16px; display:inline-block; overflow:hidden; text-align:center;-moz-border-radius: 24px; /* Gecko browsers */ -webkit-border-radius: 24px; /* Webkit browsers */ border-radius:24px; /* W3C syntax */-webkit-transition:all ease-out 0.2s;transition:all ease-out 0.2s;} .i_footer_l_c2 a:hover{ text-decoration:none; color:#fff; background-color:#13b80e;} /*footer end*/ .about_bg{background:#fcfcfd url(../images/about_bg.jpg) no-repeat center bottom; width: 100%; min-height: 600px; overflow: hidden;} .about_name{font-size: 22px;text-align: center; color: #222; padding: 40px 0px 0px 0;} .about_content{font-size: 16px; line-height: 2; margin: 6%; color: #333;} .about_bg1{background:#fcfcfd url(../images/about_bg1.jpg) no-repeat center bottom; width: 100%; overflow: hidden; background-size: cover;} .about_name1{font-size: 36px;text-align: center; color: #222; padding:80px 0px 0px 0;} .about_aec{font-size: 18px; line-height: 2; margin: 6%; color: #333; display: block; overflow: hidden;} .about_aec ul li{ width: 100%; text-align: center; float: left;} .about_aec ul li img{max-width: 80px;} .about_aec ul li h3{font-size: 20px;} .about_aec ul li .aec_eng{font-size: 16px;} .n_banner .pcbanner{display:none;} .n_banner .wapbanner{display: block;} /*内页 start*/ .product .product_r { width: 100%; float: right; display: block; overflow: hidden; } .a_zxlmenu{ display:block;} .pc_amenu{ display:none;} .a_zxlmenu{ display:block;} .pc_amenu{ display:none;} .product_l{display: none;} .product .product_r{width: 100%;} .where_1{display: none;} /*人才招聘 start*/ /*.n_box14{ padding:30px 0px;} .a_careers_t_s1{ font-size:14px;} .a_careers_t_s1 span{ font-size:20px;} .a_careers_t_s2l{width:100%;} .a_careers_t_s2r{width:100%;} .a_careers_t_s22 li{ padding-bottom:10px;width:100%;} .a_careers_t_s22 li .ipt1{ font-size:14px; text-indent:10px;width:100%;} .a_careers_t_s2r .ipt2{ font-size:14px; text-indent:10px;} .a_careers_c dt{ font-size:16px;} .a_careers_c dd .div{ font-size:14px;} .a_careers_c dd .div_l_c{ font-size:14px;} .a_careers_c dd .div{ background:url(../images/ee.png) right 10px center no-repeat;background-size:12px; } .a_careers_c dd .div.activeds{ background:url(../images/ee1.png) right 10px center no-repeat; background-color:#21a6a3; background-size:12px; } .a_careers_c dd .div .s4{width:35.3%;} .a_careers_c dd .div .s2{width:26.4%} .n_box14_t{ font-size:25px;} .a_careers_c dd .div_l_b{ font-size:14px;}*/ .ny_con1 { width: 100%; position: relative; } .a_careers_t{width:100%; padding:3%; background-color:#fff; margin-bottom:20px;box-shadow:0px 0px 15px 0px #e5e5e5;} .a_careers_t_s1{width:100%; color:#000000; line-height:1.8; font-size:16px; text-align:left;} .a_careers_t_s1 span{ font-size:24px;} .a_careers_t_s1 a,.a_careers_t_s1 a:hover{ color:#48a625;} .a_careers_t_s2{width:100%; padding-top:20px;} .a_careers_t_s2l{width:45%;} .a_careers_t_s22{width:100%;} .a_careers_t_s22 li{width:50%; float:left;} .a_careers_t_s22 li .ipt1{width:96%; border:1px solid #ababab; height:40px; line-height:40px; text-indent:15px; color:#666666; font-size:16px; font-family:"微软雅黑";} .a_careers_t_s2r{width:100%; /*border:1px solid #ababab;*/ } .a_careers_t_s2r .ipt2{width:73%;height:38px; line-height:38px; border:0px;text-indent:15px; color:#666666; font-size:16px; font-family:"微软雅黑";border: 1px solid #ababab;} .a_careers_t_s2r .ipt3{width:27%; height:38px; line-height:38px; background-color:#48a625; color:#fff; border:0px; text-align:center;font-size:16px; font-family:"微软雅黑";} .a_careers_c{width:100%; background-color:#fff;box-shadow:0px 0px 15px 0px #e5e5e5; display: block; overflow: hidden;} .a_careers_c dt{width:100%; float:left; height:60px; font-weight:normal; line-height:60px; background-color:#d3d3d3; color:#000000; font-size:18px;} .a_careers_c dt .s1{width:48%; padding-left:5%;} .a_careers_c dt .s2,.a_careers_c dt .s3,.a_careers_c dt .s5{width:25%; text-align:left;} .a_careers_c dt .s2,.a_careers_c dt .s4{display: none;} .a_careers_c dt .s4{width:25%; text-align:left;} .a_careers_c dt .s5{width:25%; text-align:left;} .a_careers_c dd{width:100%; float:left; background-color:#fff; border-bottom:1px solid #edeae9;} .a_careers_c dd .div{width:100%; height:59px; line-height:59px; cursor:pointer; color:#000000; font-size:17px; background:url(../images/ee.png) right 25px center no-repeat;} .a_careers_c dd .div.activeds{ background:url(../images/ee1.png) right 25px center no-repeat; background-color:#48a625; color:#fff; border-bottom:1px solid #48a625;} .a_careers_c dd .div .s1{width:48%; padding-left:5%;} .a_careers_c dd .div .s2,.a_careers_c dd .div .s3,.a_careers_c dd .div .s5{width:25%; text-align:left;} .a_careers_c dd .div .s2,.a_careers_c dd .div .s4{display: none;} .a_careers_c dd .div .s4{width:25%; text-align:left;} .a_careers_c dd .div .s5{width:25%; text-align:left;} .a_careers_c dd .div_l{width:100%; background-color:#f1f3f6; /*border:1px solid #48a625;*/ padding:3% 5%; overflow:hidden; display:none ; text-align:left;} .a_careers_c dd .div_l_c{width:100%; color:#333333; font-size:17px; line-height:1.8;} .a_careers_c dd .div_l_c img{ max-width:100%;} .a_careers_c dd .div_l_c span{ font-weight:bold;} .a_careers_c dd .div_l_b{ padding:0px 40px; height:42px; margin-top:20px; display:inline-block; line-height:42px; background-color:#48a625; color:#fff; font-size:17px; -webkit-transition:all ease-out 0.2s;transition:all ease-out 0.2s;} .a_careers_c dd .div_l_b:hover{ text-decoration:none; color:#fff; background-color:#52c427;} .n_box15_c{ width:100%; left:0px; margin-left:0px; height:100%; overflow:auto;} .n_box15_c_t{ font-size:18px; padding-bottom:30px; line-height:40px;} .n_box15_c_t a, .n_box14_c_t a:hover{ width:20px; top:-25px;} .n_box15_c_t a img{width:100%;} .n_box15_c_c li{ padding-bottom:0px;} .n_box15_c_c li dl dd{width:100%;} .n_box15_c_c li dl{ font-size:14px;} .n_box15_c_c li dl dd .s1{width:25%;} .n_box15_c_c li dl dd .s2{width:75%;} .n_box15_c_c li dl dt .s4{width:25%;} .n_box15_c_c li dl dt .s5{width:75%;} .n_box15_c_c li .s6{ padding:0px; padding-top:10px;} .n_box15_c_c li .s6 .ipt3{ width:100%; height:40px; line-height:40px; font-size:16px;} .n_box15_c_c li dl dd .s2 .ipt1{ font-size:14px;} .n_box15_c_c li dl dt .s5 .ipt2{ font-size:14px;} /*人才招聘end*/ /*联系我们 start*/ .n_box18_ul{width:100%;} .n_box18_ul li{width:92%; float:left;margin: 2% 4%; display: block; overflow: hidden; } .n_box18_ul li .div{width:98%; padding: 8%; background-color:#fff; min-height:260px; position:relative; cursor:pointer;} .n_box18_ul li .div:after{width:0px; height:8px; background-color:#48a625; position:absolute; left:0px; bottom:0px; content:""; -webkit-transition:all ease-out 0.2s;transition:all ease-out 0.2s;} .n_box18_ul li .div:hover:after{width:100%;} .n_box18_ul li .div_t{width:100%; padding-top:68px; line-height:1.4; color:#000000; font-size:18px;} .n_box18_ul li .div_t .s1{ font-size:26px; color:#48a625;} .n_box18_ul li .div_t.bg1{ background:url(../images/tb_015.png) top left no-repeat;} .n_box18_ul li .div_t.bg2{ background:url(../images/tb_016.png) top left no-repeat;} .n_box18_ul li .div_t.bg3{ background:url(../images/tb_017.png) top left no-repeat;} .n_box18_ul li .div_c{width:100%; padding-top:10px;} .n_box18_ul li .div_c .s1{ margin-right:15px; padding-top:10px; display:inline-block;} .n_box18_ul li .div_c .s1 img{ border:1px solid #cbcbcb;} .n_box18_ul li .div_c1{width:100%; padding-top:20px; line-height:1.2; color:#48a625; font-size:28px; font-weight:bold;} .n_box18_ul li .div_c2{width:100%; line-height:1.7; padding-top:20px; color:#000000; font-size:17px;} .n_box19{width:100%; float: left; } .i_cont_message{width:100%; float: right; background-color: #fff; height:auto;} .n_box19 #allmap{width:100%; height:300px; overflow:hidden;} /*联系我们end*/ .n_banner{width:100%; margin-top: 60px; overflow:hidden; background-position:center center; background-repeat:no-repeat; background-size:cover; position:relative; } .n_banner img{width:100%;text-indent: 20px;} .n_banner .n_banner_text{ padding-left: 5%; width:100%; font-size:20px; position:absolute; left:0px; top:80%;webkit-transform: translate(0%, -80%);-moz-transform: translate(0%, -80%);transform: translate(0%, -80%); color:#fff; letter-spacing:2px; text-align:left;} .n_banner .n_banner_text .s1{ font-size:24px;} /*内页 end*/ /*新闻列表start*/ .n_box9{width:100%; padding: 30px 5%;} .n_box9 li{width:100%; float:left; box-shadow:0px 0px 5px 0px #e5e5e5; margin-top: 30px; transition: all .15s ease-in-out;} .n_box9 li:hover{width:100%; float:left; box-shadow:0px 0px 20px 0px #ccc; margin-top: 30px;transition: all .35s ease-in-out;} .n_box9 li .div{width:100%;padding: 5%; display:inline-block; overflow:hidden; float:left; background-color:#fff; color:#666666; font-size:17px;} .n_box9 li .div .a_img{width:100%; display:inline-block; overflow:hidden; margin: 0%;} .n_box9 li .div .a_img img{width:100%;} .n_box9 li .div .a_img_r{width:100%; padding:0%;} .n_box9 li .div .a_img_r_l{width:100%;} .n_box9 li .div .a_img_r_l_t{width:100%; padding:10px 0px; line-height:1.5; color:#222222; font-weight:bold;-webkit-transition:all ease-out 0.2s;transition:all ease-out 0.2s;} .n_box9 li .div:hover .a_img_r_l_t{ color:#48a625;} .n_box9 li .div .a_img_r_l_c{width:100%; height:66px; line-height:22px; overflow:hidden; margin-bottom:10px; text-align:justify;font-size: 16px;} .n_box9 li .div .a_img_r_l_b{ padding:0px 40px; height:40px; line-height:40px; color:#999999; display:inline-block; border:1px solid #eeeeee;-webkit-transition:all ease-out 0.2s;transition:all ease-out 0.2s;} .n_box9 li .div:hover .a_img_r_l_b{ border:1px solid #21a6a3; background-color:#21a6a3; color:#fff;} .n_box9 li .div .a_img_r_r{width:100%;display: none; margin-top:25px; border:1px solid #dcdcdc; padding:10px 5px 5px 5px; } .n_box9 li .div .a_img_r_time{display: block;} .n_box9 li .div .a_img_r_r .s1{width:100%; padding:10px 0px; line-height:1.7; text-align:center; position:relative; color:#222222; font-size:30px;} .n_box9 li .div .a_img_r_r .s1:after{width:30px; height:2px; background-color:#dcdcdc; position:absolute; left:50%; bottom:0px; margin-left:-15px; content:"";} .n_box9 li .div .a_img_r_r .s2{width:100%; padding:10px 0px; line-height:1.7; text-align:center; color:#666666; font-size:14px;} .n_box9 li .div:hover .a_img_r_r{ border:1px solid #48a625;} .n_box9 li .div:hover .a_img_r_r .s1{ color:#48a625;} .n_box9 li .div:hover .a_img_r_r .s1:after{ background-color:#48a625;} .n_box9 li .div:hover .a_img_r_r .s2{ color:#48a625;} .a_mtbd_dpages{width:100%; text-align:center; padding:30px 0% 0px 0%; font-size:16px; } .a_mtbd_dpages a,.a_mtbd_dpages span{ padding:0px 15px; height:35px; margin-bottom:5px; line-height:35px; text-align:center; background-color:#f4f4f4;color:#666666; display:inline-block;-webkit-transition:all ease-out 0.2s;transition:all ease-out 0.2s;-moz-border-radius:2px; /* Gecko browsers */ -webkit-border-radius: 2px; /* Webkit browsers */ border-radius:2px; /* W3C syntax */} .a_mtbd_dpages a:hover,.a_mtbd_dpages a.activepages,.a_mtbd_dpages span{ color:#fff; text-decoration:none; background-color:#48a625;} .new_name{font-size: 26px; color: #333; text-align: center; line-height: 1.5; padding: 20px;} .time{ text-align: center; font-size: 16px; text-align: center; border-top: 1px solid #f2f2f2; line-height: 2; margin-bottom: 30px;} .pages {border-top: 1px solid #f2f2f2; padding: 30px 0; font-size: 16px; line-height: 2;} /*新闻列表end*/ .show_new{padding: 5%} .i_ssbn_t { width: 100%; height: 100%; background: url(../images/s_tb1.png) center no-repeat; background-size: auto; background-size: 17px; margin-top: 4px; } .product_r_n {height: 40px;} .product_r_n h3{font-size: 26px; color: #222; float: left;} .padding_50 { padding: 0; } .n_box14 { padding: 20px 0px 20px 0px;} .n_box18_ul { padding: 20px 0 20px 0;} .video_div{width:100%; height:100%; background-color:#000; position:fixed; z-index:100011111111111; left:0px; top:-100%;} .video_div_closebtv{ width: 50px; height: 50px; position: absolute; right: 5%; top: 30%; cursor: pointer; z-index: 100;} .video_div_center{width:100%; height:100%; vertical-align:middle; text-align:center;} .video_div_closebtv img{width: 100%; height: 100%;z-index: 10001;} } @media screen and (min-width:641px) and (max-width:800px) { .a_zxlmenu{ display:block;} .pc_amenu{ display:none;} .product_l{display: none;} .product .product_r{width: 100%;} .where_1{display: none;} .home_custom{width:96%;z-index: 5; margin: 20px auto 0px auto; padding-top: 5% 2%; line-height:1.4; color:#fff; font-size:30px; opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateY(-90%); -ms-transform: translateY(-90%); -o-transform: translateY(-90%); transform: translateY(-90%);transition: all 0.8s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;-webkit-transition: transition: all 0.8s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;} .active .home_custom{opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);transition-delay: 0.3s;-webkit-transition-delay: 0.3s; -moz-transition-delay: 0.3s; -o-transition-delay: 0.3s;} .home_custom .s1{ font-size:30px; font-family:Arial, Helvetica, sans-serif; } .home_custom.activetwo{ text-align:center;} .home_custom.nactive{opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0);} .home_custom .na2{font-size: 26px; line-height: 1.6;} .home_custom .na3{font-size: 16px;} /*首页人工智能 start*/ .h_p_content{margin-top: 20%;} .h_p_content .h_P_c_l {color: #fff; width: 48%; padding: 2%; z-index: 12;position: relative;} .h_p_content .h_P_c_l .c_name{ font-size: 30px; text-align: center;height: 50px;} .h_p_content .h_P_c_l ul li{ float: left; width:20%;} .h_p_content .h_P_c_l ul li .w{ width: 80%; margin: 0px 10%; text-align: center;} .h_p_content .h_P_c_l ul li .n{transition: all .5s ease-in-out;font-size: 18px; width: 35px; min-height: 18px; cursor: pointer; display:inline-table; overflow: hidden; padding:20px 0;writing-mode:lr-tb; line-height: 1.2; background-color: #5383aa; text-align: center; border-radius: 40px; } .h_p_content .h_P_c_l ul li .nr{ text-align: center; background:-webkit-linear-gradient(#265fe1,#1c9a37); background: -moz-linear-gradient(#265fe1,#1c9a37); background: -moz-linear-gradient(#265fe1,#1c9a37); background: linear-gradient(#265fe1,#1c9a37); padding: 10px 15px; border-radius: 10px; display:none; width: 300px; font-size: 16px;} .h_p_content .h_P_c_l ul li:hover .n{ margin-top: 10px;transition: all .5s ease-in-out; background:-webkit-linear-gradient(#265fe1,#1c9a37); background: -moz-linear-gradient(#265fe1,#1c9a37); background: -moz-linear-gradient(#265fe1,#1c9a37); background: linear-gradient(#265fe1,#1c9a37);} .h_p_content .h_P_c_l ul li:hover .n_c{font-size: 16px; display: block; margin-top: 20px; background: url(../images/jt.png) no-repeat center 0px; height: 12px;} .h_p_content .h_P_c_l.fl ul li:hover .nr{display: block; clear: both; top: -10px; } .h_p_content .h_P_c_l.fl ul li:nth-child(1) .nr{ margin-left: -10px;} .h_p_content .h_P_c_l.fl ul li:nth-child(2) .nr{ margin-left: -20px;} .h_p_content .h_P_c_l.fl ul li:nth-child(3) .nr{ margin-left: -30px;} .h_p_content .h_P_c_l.fl ul li:nth-child(4) .nr{ margin-left: -80px;} .h_p_content .h_P_c_l.fl ul li:nth-child(5) .nr{ margin-left: -220%;} .h_p_content .h_P_c_l.fr ul li:hover .nr{display: block; clear: both; top: -10px;} .h_p_content .h_P_c_l.fr ul li:nth-child(1) .nr{ margin-left: -120px;} .h_p_content .h_P_c_l.fr ul li:nth-child(2) .nr{ margin-left: -180px;} .h_p_content .h_P_c_l.fr ul li:nth-child(3) .nr{ margin-left: -210px;} .h_p_content .h_P_c_l.fr ul li:nth-child(4) .nr{ margin-left: -230px;} .h_p_content .h_P_c_l.fr ul li:nth-child(5) .nr{ margin-left: -260px;} .home_pro{position: relative; width: 100%;z-index: 12; display: block;height: 100%; top: 10%; /*filter: alpha(opacity=0); -webkit-transform: translateY(-90%); -ms-transform: translateY(-90%); -o-transform: translateY(-90%); transform: translateY(-90%);transition: all 0.8s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;-webkit-transition: transition: all 0.8s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;*/} .active .home_pro{ opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(50%); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);transition-delay: 0.3s;-webkit-transition-delay: 0.3s; -moz-transition-delay: 0.3s; -o-transition-delay: 1.3s; } .pro_img{position:absolute ; width:110%; margin: 0px 20%; bottom: 32%; height: 40%; bottom: 200px; webkit-transform: translate(0%, 0%); -moz-transform: translate(0%, 0%); transform: translate(0%, 0%); z-index: 10;} .pro_img .p1{ position: absolute; z-index: 3;width: 120%; transition: all 0.5s ease-in-out;margin: 0px -30%;} .pro_img .p2{position: absolute;z-index: 2;width: 120%;transition: all 0.5s ease-in-out;margin: 0px -30%;} .pro_img .p3{position: absolute;z-index: 1;width: 120%; transition: all 0.5s ease-in-out;margin: 0px -30%;} .pro_img .p4{position: absolute;z-index: 4;width: 120%; transition: all 0.5s ease-in-out;margin: 0px -30%;} .pro_img .xh{position: absolute;z-index: 4;width: 4%;margin-top: -50px;margin-left: 37%;} .pro_img:hover .p1{ position: absolute; z-index: 3;width: 120%; margin-top: 10px;transition: all 0.5s ease-in-out;} .pro_img:hover .p2{position: absolute;z-index: 2;width: 120%; margin-top: 10px; transition: all 0.5s ease-in-out;} .pro_img:hover .p3{position: absolute;z-index: 1;width: 120%; margin-top:20px; transition: all 0.5s ease-in-out;} .pro_img:hover .p4{margin-top:30px; transition: all 0.5s ease-in-out;} .roundImg{ position: absolute; z-index: 1; -webkit-animation: round_animate 5s linear infinite; animation: round_animate 5s linear infinite; } @keyframes round_animate { to { transform: rotate(1turn); } } /*首页人工智能 end*/ /*+全电系统 start*/ .home_pro1{position: relative; width: 100%; display: block; height: 100%; top: 10%; /*filter: alpha(opacity=0); -webkit-transform: translateY(-90%); -ms-transform: translateY(-90%); -o-transform: translateY(-90%); transform: translateY(-90%);transition: all 0.8s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;-webkit-transition: transition: all 0.8s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;*/} .active .home_pro1{ opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(50%); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);transition-delay: 0.3s;-webkit-transition-delay: 0.3s; -moz-transition-delay: 0.3s; -o-transition-delay: 1.3s; } .pro_img_qd1{position: absolute; width: 90%; height: 360px; margin: -50px auto; bottom: 30px; webkit-transform: translate(0%, -67%); -moz-transform: translate(0%, -67%); transform: translate(0%, -67%); z-index: 10;} .pro_img_qd1 .p5{position: absolute;transition: all 0.5s ease-in-out;} .pro_img_qd1 .p6{position: absolute;transition: all 0.5s ease-in-out;} .pro_img_qd1 .p7{position: absolute;transition: all 0.5s ease-in-out;} .pro_img_qd1 .p5,.pro_img_qd1 .p6,.pro_img_qd1 .p7{ width: 100%; cursor: pointer;width: 136%; margin: 0px -18%;} .pro_img_qd1 .p5 .img1{position: absolute;transition: all 0.5s ease-in-out;margin-left: 39%;margin-top: 19%;width:6%;} .pro_img_qd1 .p6 .img1{position: absolute;transition: all 0.5s ease-in-out;margin-left: 41.5%;margin-top: 36%;width: 6%;} .pro_img_qd1 .p7 .img1{position: absolute;transition: all 0.5s ease-in-out;margin-left:76.8%;margin-top: 33%;width: 6%;} .pro_img_qd1 .p8{position: absolute;transition: all 0.5s ease-in-out; width: 136%; margin: 0px -18%;} .pro_img_qd1 .xz1 {width: 32%;display: none;height: 32%; text-align: center; position: relative; top: -120px; right: -70%; background: url(../images/xz1.png) no-repeat center center; background-size: 98%;} .pro_img_qd1 .p5:hover .jt,.pro_img_qd1 .p6:hover .jt,.pro_img_qd1 .p7:hover .jt{ display:block;} .xz1 span{ display: none} .pro_img_qd1 .xz1 img{border-radius: 258px; max-width: 98%;background: url(../images/jngs_bg.png) repeat left top;} .pro_img_qd1 .p5:hover .xz1{display: block;} .pro_img_qd1 .p6:hover .xz1{display: block;} .pro_img_qd1 .p7:hover .xz1{display: block;} .wd{position: absolute; color: #222; font-size: 16px; line-height: 2; z-index: 6; top: 40px; padding:0 4%;opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateY(100PX); -ms-transform: translateY(-90%); -o-transform: translateY(100PX); transform: translateY(100PX);transition: all 0.8s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;-webkit-transition: transition: all 0.8s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;} .active .wd{ opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(50%); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);transition-delay: 0.3s;-webkit-transition-delay: 0.3s; -moz-transition-delay: 0.3s; -o-transition-delay: 1.3s; } .wd .custom{font-size: 36px; font-weight: bold;} /*全电系统 end*/ /*洁能高效 start*/ .jngs{ width: 92%; background: url(../images/jngs_bg.png) repeat left top; height: 620px; margin: 4%;} .jngs .ws{background-color: #0faf76; color: #fff; display: block; overflow: hidden;} .jngs .ws .custom{float: left; width: 33.33%; font-size: 36px; text-align: center; height: 100px; line-height: 100px;} .jngs .ws li{float: left; width: 33.33%; font-size: 16px; padding: 1%; border-left: 1px solid #47c296;height: 100px; text-align: center;transition: all .3s ease-in-out;} .jngs .ws li h3{font-size: 18px; line-height: 100px;transition: all .3s ease-in-out;} .jngs .ws li .ws_con{ display: none; font-size: 14px; line-height: 1.2;} .jngs .ws li:hover h3{font-size: 20px; line-height: 40px; transition: all .3s ease-in-out;} .jngs .ws li:hover{background-color: #47c296;transition: all .3s ease-in-out;} .jngs .ws li:hover .ws_con{ display: block;} .ws_img ul{overflow: hidden; padding: 1%;} .ws_img li { width: 31%; float: left; font-size: 16px; text-align: center; color: #333; margin-top: 20px;} .ws_img li img { max-width: 100%; margin: 0px; float: left; align-content: flex-end; width: 100%;} .ws_img li .ws_con{ display: none;} .middle{border: 3px;text-align: center;} .c0{float:left;list-style-type:none;text-align: center;cursor: pointer;} .c1{float:left;list-style-type:none;background-color: #47c296;text-align: center;cursor: pointer;} .none{display: none;} .block{display: block;text-align: center;} #middle ul{padding-left: 3px;} /*洁能高效 end*/ /*科技创新 start*/ .home_kjcx{position: relative; width: 100%; display: block; height: 100%; top: 10%; transition: all 0.1s ease-in-out; /*filter: alpha(opacity=0); -webkit-transform: translateY(-90%); -ms-transform: translateY(-90%); -o-transform: translateY(-90%); transform: translateY(-90%);transition: all 0.8s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;-webkit-transition: transition: all 0.8s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;*/} .active .home_kjcx{ opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(50%); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);transition-delay: 0.3s;-webkit-transition-delay: 0.3s; -moz-transition-delay: 0.3s; -o-transition-delay: 1.3s; } .home_kjcx:hover{transition: all 0.1s ease-in-out; } .pro_img1{display: none;} .pro_img1s{position: relative; width: 100%; margin: 50px auto; display: block;} .pro_img1s .p1{ position: absolute; z-index: 1;width: 100%; transition: all 0.5s ease-in-out; } .pro_img1s .p2{position: absolute;z-index: 2;width: 100%;transition: all 0.5s ease-in-out;} .pro_img1s .p3{position: absolute;z-index: 3;width: 100%; transition: all 0.5s ease-in-out;} .pro_img1s .p4{position: absolute;z-index: 4;width: 100%; transition: all 0.5s ease-in-out;} .pro_img1s:hover .p3{ display: block;transition: all 0.1s ease-in-out;} .pro_img1s .p3.p3-1{ transition: all 0.5s ease-in-out; -webkit-animation-name: "fadeInLeft"; /*动画名称，需要跟@keyframes定义的名称一致*/ -webkit-animation-duration: 0.5s;/*动画持续的时间长*/ -webkit-animation-iteration-count: 1;/*动画循环播放的次数为1 infinite为无限次*/ -webkit-animation:'fadeInLeft' 1.8s 1 } .pro_img1s .p3.p3-2{transition: all 0.1s ease-in-out; -webkit-animation:'fadeInRight' 2s 1 } .pro_img1s .p3.p3-3{ transition: all 0.2s ease-in-out; -webkit-animation:'fadeInRight' 2.2s 1 } .pro_img1s .p3.p3-4{ transition: all 0.30s ease-in-out; -webkit-animation:'fadeInUp' 2s 1 } .pro_img1s:hover .p3{ width: 98%; padding: 1%;} @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(0px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @keyframes fadeInLeft { 0% { opacity: 0; transform: translateX(0px); } 100% { opacity: 1; transform: translateX(0); } } /*科技创新 end*/ .i_con1 { width:100%; padding: 0%; margin: 0px auto;} .i_con { width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; display: initial; } .ny_con { width:90%; margin: 0px auto; position: relative;} .ui_div_center1{ width:90%; margin: 0px auto; position: relative;} .ny_con1{ width:90%; margin: 0px auto; position: relative;} .home-swiper .swiper-slide .text_c{width:70%; padding:0px 17%; color:#fff; line-height:1.6; text-align:center; position:absolute; left:0px; top:50%;webkit-transform: translate(0%, -40%);-moz-transform: translate(0%, -40%);transform: translate(0%, -40%); font-size:24px;opacity: 0; filter: alpha(opacity=0);transition: all 1.5s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;-webkit-transition: transition: all 1.5s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;} .home-swiper .swiper-slide .text_c h1{ font-size:30px;margin-bottom:20px; line-height: 1.6;} .home-swiper .swiper-slide.swiper-slide-active .text_c{opacity: 1; filter: alpha(opacity=100); webkit-transform: translate(0%, -50%);-moz-transform: translate(0%, -50%);transform: translate(0%, -50%); } .ui_div_center{width:90%; margin:0px 5%;text-align: center;} .ui_div_center img{max-width: 90%; margin: 0px 5%;} .home-swiper {width: 100%;height: 100%;background: #000;} .home-swiper .swiper-slide {text-align: center;font-size: 18px;background-repeat: no-repeat;background-position: center center;background-size: cover;opacity: 1;width:100%; position:relative;} .home-swiper .swiper-slide .s1{width:100%; height:100%;background-repeat: no-repeat;background-position: center center;background-size: cover; display:none;} .home-swiper .swiper-slide .s1 img{width:100%; height:auto !important; display:block;} .home-swiper .swiper-slide .s2{width:100%; height:100%;background-repeat: no-repeat;background-position: center center;background-size: cover; display:block;} .home-swiper .swiper-slide .s2 img{width:100%; height:auto !important; display:none;} .home-swiper .swiper-slide .banner_text1{width:100%; position:absolute; left:0px; top:14%; z-index:1; text-align:left;opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateY(90%); -ms-transform: translateY(90%); -o-transform: translateY(90%); transform: translateY(90%);transition: all 0.8s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;-webkit-transition: transition: all 0.8s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;} .home-swiper .swiper-slide .banner_text2{width:100%; position:absolute; left:0px; top:14%; z-index:1; text-align:left; color:#000000; font-size:30px; font-weight:bold; padding-top:15px 0px; line-height:1.4;opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateY(90%); -ms-transform: translateY(90%); -o-transform: translateY(90%); transform: translateY(90%);transition: all 0.8s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;-webkit-transition: transition: all 0.8s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;} .home-swiper .swiper-slide .banner_text3{width:100%; position:absolute; left:0px; top:14%; z-index:1; text-align:left; color:#000000; font-size:30px; font-weight:bold; padding-top:15px 0px; line-height:1.4; text-align:center;opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateY(90%); -ms-transform: translateY(90%); -o-transform: translateY(90%); transform: translateY(90%);transition: all 0.8s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;-webkit-transition: transition: all 0.8s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;} .home-swiper .swiper-slide.swiper-slide-active .banner_text1,.home-swiper .swiper-slide.swiper-slide-active .banner_text2,.home-swiper .swiper-slide.swiper-slide-active .banner_text3{opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);} .home-swiper .home_next{width:30px; height:60px; background:url(../images/s_tb3.png) no-repeat; background-size:100%; right:10px; margin-top:-40px;} .home-swiper .home_next:hover{ background:url(../images/s_tb3s.png) no-repeat; background-size:100%; } .home-swiper .home_prev{width:30px; height:60px; background:url(../images/s_tb2.png) no-repeat; background-size:100%; left:10px;margin-top:-40px;} .home-swiper .home_prev:hover{ background:url(../images/s_tb2s.png) no-repeat; background-size:100%; } .home-swiper .home-pagination .swiper-pagination-bullet{width:18px; height:12px; border:1px solid #fff; -moz-border-radius: 6px; /* Gecko browsers */ -webkit-border-radius: 6px; /* Webkit browsers */ border-radius:6px; /* W3C syntax */ background-color:transparent;-webkit-transition:all ease-out 0.2s;transition:all ease-out 0.2s;} .home-swiper .home-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{width:28px; background-color:#fff;} .home-swiper.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom:220px;} .i_banner_box1{width:90%; position:absolute; left:50%; bottom:20px;webkit-transform: translate(-50%, 0%);-moz-transform: translate(-50%, 0%);transform: translate(-50%, 0%); z-index:1;} .i_banner_box1 dd{width:48%; float: left; border-right:20px solid #67dd00; margin-top: 4px; margin: 4px 1% 0 1%;} .i_banner_box1 dd .div{width:100%; height:60px; background:url(../images/s_tb9s.png) repeat; display:inline-block; float:left; color:#fff; font-size:16px; padding:4%;-webkit-transition:all ease-out 0.2s;transition:all ease-out 0.2s;} .i_banner_box1 dd .div:hover{ background:none; background-color:#fff; color:#333333; text-decoration:none;} .i_banner_box1 dd .div .a_img{/*width:40%; */height:60px; overflow:hidden; margin-right: 2%; margin-left: 3%;} .i_banner_box1 dd .div .a_img img{width:100%;} .i_banner_box1 dd .div .a_img_r{ line-height:1.8;} .i_banner_box1 dt{width:48%; float:left; font-weight:normal;margin: 4px 1% 0 1%;} .i_banner_box1 dt .div{width:100%; padding:0px 15%; background:url(../images/s_tb9s.png) repeat; display:inline-block; overflow:hidden; float:left; color:#fff; font-size:16px;} .i_banner_box1 dt .div:hover{ text-decoration:none; color:#fff;} .i_banner_box1 dt .div .s1{ height:30%; line-height:60px; background:url(../images/s_tb4.png) left center no-repeat; padding-left:40%; display:inline-block;} /*首页BANNER end*/ .fullnavr{display: none;} .bg {width: 100%; background:url(../images/bg1_1_1.jpg) ;height: 100%;background-repeat: no-repeat;background-position: center center;background-size: cover;position: relative;overflow: hidden;} .bg1 {width: 100%;height: 100%;background-repeat: no-repeat;background-position: top center;position: relative;overflow: hidden; background-size:100%;} .bg2 {width: 100%; background:url(../images/bg2_1.jpg) ;height: 100%;background-repeat: no-repeat;background-position: center center;background-size: cover;position: relative;overflow: hidden;} .bg3 {width: 100%; background:url(../images/bg3_1.jpg) ;height: 100%;background-repeat: no-repeat;background-position: center center;background-size: cover;position: relative;overflow: hidden;} .bg4 {width: 100%; background:url(../images/bg4_1.jpg) ;height: 100%;background-repeat: no-repeat;background-position: center center;background-size: cover;position: relative;overflow: hidden;} .bg5 {width: 100%; background:url(../images/bg5_1.jpg) ;height: 100%;background-repeat: no-repeat;background-position: center center;background-size: cover;position: relative;overflow: hidden;} /*合作共赢 start*/ .i_box5{width:100%;} .i_box5_t{width:100%; padding:5px 0px; line-height:1.6; color:#fff; text-align:center; font-size:30px;} .i_box5_c{width:100%; padding-top:20px;} .i_box5_c_l{width:90%;margin: 0px 5%;} .i_box5_c_l_t{width:100%; padding:8px 0px; line-height:1.2; color:#fff; font-size:24px;} .i_box5_c_l_c{width:100%;} .i_box5_c_l_c li{width:100%; float:left; padding-bottom:2px;} .i_box5_c_l_c li .div{width:100%; float:left; display:inline-block; background:url(../images/s_tb13.png) repeat; padding:10px; line-height:20px; position:relative; color:#222222; font-size:16px; position:relative;-webkit-transition:all ease-out 0.2s;transition:all ease-out 0.2s; } .i_box5_c_l_c li .div:after{width:7px; height:100%; position:absolute; left:0px; top:0px; background-color:#28d223; position:absolute; left:0px; top:0px; z-index:1; content:"";} .i_box5_c_l_c li .div:hover{ color:#222222; text-decoration:none; background-color:#fff;} .i_box5_c_r{width:90%;margin: 0px 5%;} .i_box5_c_r_ul{width:100%;} .i_box5_c_r_ul li{width:100%; float:left; padding:6px 0px;} .i_box5_c_r_ul li .div{width:48%;} .i_box5_c_r_ul li .div .ipt1{width:100%; height:48px; line-height:48px; border:2px solid #28d223; text-indent:15px; font-size:16px; color:#fff; font-family:"微软雅黑";-moz-border-radius: 5px; /* Gecko browsers */ -webkit-border-radius: 5px; /* Webkit browsers */ border-radius:5px; /* W3C syntax */ background-color:transparent;} /*shade*/ .i_box5_c_r_ul li .div .ipt1:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #ffffff; } .i_box5_c_r_ul li .div .ipt1::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #ffffff;} .i_box5_c_r_ul li .div .ipt1:-ms-input-placeholder,.i_box5_c_r_ul li .div1 .ipt2:-ms-input-placeholder { color: #ffffff;} .i_box5_c_r_ul li .div .ipt1::-webkit-input-placeholder,.i_box5_c_r_ul li .div1 .ipt2::-webkit-input-placeholder { color: #ffffff;} .i_box5_c_r_ul li .div1{width:100%;} .i_box5_c_r_ul li .div1 .ipt2{width:100%; height:140px; border:2px solid #28d223; padding:10px 15px; font-size:16px; color:#fff; font-family:"微软雅黑";-moz-border-radius: 5px; /* Gecko browsers */ -webkit-border-radius: 5px; /* Webkit browsers */ border-radius:5px; /* W3C syntax */ background-color:transparent;} .i_box5_c_r_ul li .ipt3{width:100%; height:48px; line-height:48px; display:inline-block; overflow:hidden; text-align:center; cursor:pointer; background-color:#28d223; font-size:16px;font-family:"微软雅黑"; -webkit-border-radius: 5px; /* Webkit browsers */ border-radius:5px; /* W3C syntax */ border:0px; color:#fff;} /*合作共赢 end*/ /*footer start*/ .i_footer{width:96%; padding:2%;} .i_footer_l{width:100%;color:#fff; } .i_footer_l_t{width:100%; height:40px; line-height:40px; font-size:24px; color:#fff;} .i_footer_l_c{width:100%; margin-top:25px; line-height:1.2; font-size:24px;} .i_footer_l_b{width:100%; padding:10px 0px; line-height:1.6; color:#bfbfbf; font-size:14px;} .i_footer_l_b a{ color:#bfbfbf;} .i_footer_l_b a:hover{ text-decoration:none; color:#fff;} .i_footer_l_c1{width:100%; height:56px; margin-top:25px;} .i_footer_l_c1 a,.i_footer_l_c1 a:hover{ margin-right:5px; display:inline-block; text-decoration:none;} .i_footer_l_c1 a.a1{ position:relative;} .i_footer_l_c1 a.a1 .img{width:120px; height:120px; background-color:#fff; padding:5px; position:absolute; top:-50px;left:50px; display:none;} .i_footer_r{width:100%;} .i_footer_l_c2{width:100%; height:56px; margin-top:25px;} .i_footer_l_c2 a{ padding:0px 49px; height:48px; line-height:48px; background-color:#28d223; color:#fff; font-size:16px; display:inline-block; overflow:hidden; text-align:center;-moz-border-radius: 24px; /* Gecko browsers */ -webkit-border-radius: 24px; /* Webkit browsers */ border-radius:24px; /* W3C syntax */-webkit-transition:all ease-out 0.2s;transition:all ease-out 0.2s;} .i_footer_l_c2 a:hover{ text-decoration:none; color:#fff; background-color:#13b80e;} /*footer end*/ /*联系我们 start*/ .n_box18_ul{width:100%;} .n_box18_ul li{width:92%; float:left;margin: 2% 4%; display: block; overflow: hidden; } .n_box18_ul li .div{width:98%; padding: 8%; background-color:#fff; min-height:260px; position:relative; cursor:pointer;} .n_box18_ul li .div:after{width:0px; height:8px; background-color:#48a625; position:absolute; left:0px; bottom:0px; content:""; -webkit-transition:all ease-out 0.2s;transition:all ease-out 0.2s;} .n_box18_ul li .div:hover:after{width:100%;} .n_box18_ul li .div_t{width:100%; padding-top:68px; line-height:1.4; color:#000000; font-size:18px;} .n_box18_ul li .div_t .s1{ font-size:26px; color:#48a625;} .n_box18_ul li .div_t.bg1{ background:url(../images/tb_015.png) top left no-repeat;} .n_box18_ul li .div_t.bg2{ background:url(../images/tb_016.png) top left no-repeat;} .n_box18_ul li .div_t.bg3{ background:url(../images/tb_017.png) top left no-repeat;} .n_box18_ul li .div_c{width:100%; padding-top:10px;} .n_box18_ul li .div_c .s1{ margin-right:15px; padding-top:10px; display:inline-block;} .n_box18_ul li .div_c .s1 img{ border:1px solid #cbcbcb;} .n_box18_ul li .div_c1{width:100%; padding-top:20px; line-height:1.2; color:#48a625; font-size:28px; font-weight:bold;} .n_box18_ul li .div_c2{width:100%; line-height:1.7; padding-top:20px; color:#000000; font-size:17px;} /*联系我们 end*/ /*新闻列表start*/ .n_box9{width:100%; padding: 30px 0%;} .n_box9 li{width:48%; margin: 1%; float:left; box-shadow:0px 0px 5px 0px #e5e5e5; margin-top: 30px; transition: all .15s ease-in-out;} .n_box9 li:hover{width:48%; margin: 1%; float:left; box-shadow:0px 0px 10px 0px #ccc; margin-top: 30px;transition: all .35s ease-in-out;} .n_box9 li .div{width:100%;padding: 5%; display:inline-block; overflow:hidden; float:left; background-color:#fff; color:#666666; font-size:17px;} .n_box9 li .div .a_img{width:100%; display:inline-block; overflow:hidden; margin: 0%;} .n_box9 li .div .a_img img{width:100%;} .n_box9 li .div .a_img_r{width:100%; padding:0%;} .n_box9 li .div .a_img_r_l{width:100%;} .n_box9 li .div .a_img_r_l_t{width:100%; padding:20px 0px; line-height:1.5; color:#222222; font-weight:bold;-webkit-transition:all ease-out 0.2s;transition:all ease-out 0.2s;} .n_box9 li .div:hover .a_img_r_l_t{ color:#48a625;} .n_box9 li .div .a_img_r_l_c{width:100%; height:90px; line-height:30px; overflow:hidden; margin-bottom:10px; text-align:justify;} .n_box9 li .div .a_img_r_l_b{ padding:0px 40px; height:40px; line-height:40px; color:#999999; display:inline-block; border:1px solid #eeeeee;-webkit-transition:all ease-out 0.2s;transition:all ease-out 0.2s;} .n_box9 li .div:hover .a_img_r_l_b{ border:1px solid #21a6a3; background-color:#21a6a3; color:#fff;} .n_box9 li .div .a_img_r_r{width:100%;display: none; margin-top:25px; border:1px solid #dcdcdc; padding:10px 5px 5px 5px; } .n_box9 li .div .a_img_r_time{display: block;} .n_box9 li .div .a_img_r_r .s1{width:100%; padding:10px 0px; line-height:1.7; text-align:center; position:relative; color:#222222; font-size:30px;} .n_box9 li .div .a_img_r_r .s1:after{width:30px; height:2px; background-color:#dcdcdc; position:absolute; left:50%; bottom:0px; margin-left:-15px; content:"";} .n_box9 li .div .a_img_r_r .s2{width:100%; padding:10px 0px; line-height:1.7; text-align:center; color:#666666; font-size:14px;} .n_box9 li .div:hover .a_img_r_r{ border:1px solid #48a625;} .n_box9 li .div:hover .a_img_r_r .s1{ color:#48a625;} .n_box9 li .div:hover .a_img_r_r .s1:after{ background-color:#48a625;} .n_box9 li .div:hover .a_img_r_r .s2{ color:#48a625;} .a_mtbd_dpages{width:100%; text-align:center; padding:30px 0% 0px 0%; font-size:16px; } .a_mtbd_dpages a,.a_mtbd_dpages span{ padding:0px 15px; height:35px; margin-bottom:5px; line-height:35px; text-align:center; background-color:#f4f4f4;color:#666666; display:inline-block;-webkit-transition:all ease-out 0.2s;transition:all ease-out 0.2s;-moz-border-radius:2px; /* Gecko browsers */ -webkit-border-radius: 2px; /* Webkit browsers */ border-radius:2px; /* W3C syntax */} .a_mtbd_dpages a:hover,.a_mtbd_dpages a.activepages,.a_mtbd_dpages span{ color:#fff; text-decoration:none; background-color:#48a625;} .new_name{font-size: 28px; color: #333; text-align: center; line-height: 1.5; padding: 20px;} .time{ text-align: center; font-size: 20px; text-align: center; border-top: 1px solid #f2f2f2; line-height: 2; margin-bottom: 30px;} .pages {border-top: 1px solid #f2f2f2; padding: 30px 0; font-size: 16px; line-height: 2;} /*新闻列表end*/ } @media screen and (min-width:801px) and (max-width:1080px) { /*新闻列表start*/ .n_box9{width:100%; padding: 30px 0%;} .n_box9 li{width:48%; margin: 1%; float:left; box-shadow:0px 0px 5px 0px #e5e5e5; margin-top: 30px; transition: all .15s ease-in-out;} .n_box9 li:hover{width:48%; margin: 1%; float:left; box-shadow:0px 0px 10px 0px #ccc; margin-top: 30px;transition: all .35s ease-in-out;} .n_box9 li .div{width:100%;padding: 5%; display:inline-block; overflow:hidden; float:left; background-color:#fff; color:#666666; font-size:17px;} .n_box9 li .div .a_img{width:100%; display:inline-block; overflow:hidden; margin: 0%;} .n_box9 li .div .a_img img{width:100%;} .n_box9 li .div .a_img_r{width:100%; padding:0%;} .n_box9 li .div .a_img_r_l{width:100%;} .n_box9 li .div .a_img_r_l_t{width:100%; padding:20px 0px; line-height:1.5; color:#222222; font-weight:bold;-webkit-transition:all ease-out 0.2s;transition:all ease-out 0.2s;} .n_box9 li .div:hover .a_img_r_l_t{ color:#48a625;} .n_box9 li .div .a_img_r_l_c{width:100%; height:90px; line-height:30px; overflow:hidden; margin-bottom:10px; text-align:justify;} .n_box9 li .div .a_img_r_l_b{ padding:0px 40px; height:40px; line-height:40px; color:#999999; display:inline-block; border:1px solid #eeeeee;-webkit-transition:all ease-out 0.2s;transition:all ease-out 0.2s;} .n_box9 li .div:hover .a_img_r_l_b{ border:1px solid #21a6a3; background-color:#21a6a3; color:#fff;} .n_box9 li .div .a_img_r_r{width:100%;display: none; margin-top:25px; border:1px solid #dcdcdc; padding:10px 5px 5px 5px; } .n_box9 li .div .a_img_r_time{display: block;} .n_box9 li .div .a_img_r_r .s1{width:100%; padding:10px 0px; line-height:1.7; text-align:center; position:relative; color:#222222; font-size:30px;} .n_box9 li .div .a_img_r_r .s1:after{width:30px; height:2px; background-color:#dcdcdc; position:absolute; left:50%; bottom:0px; margin-left:-15px; content:"";} .n_box9 li .div .a_img_r_r .s2{width:100%; padding:10px 0px; line-height:1.7; text-align:center; color:#666666; font-size:14px;} .n_box9 li .div:hover .a_img_r_r{ border:1px solid #48a625;} .n_box9 li .div:hover .a_img_r_r .s1{ color:#48a625;} .n_box9 li .div:hover .a_img_r_r .s1:after{ background-color:#48a625;} .n_box9 li .div:hover .a_img_r_r .s2{ color:#48a625;} .a_mtbd_dpages{width:100%; text-align:center; padding:30px 0% 0px 0%; font-size:16px; } .a_mtbd_dpages a,.a_mtbd_dpages span{ padding:0px 15px; height:35px; margin-bottom:5px; line-height:35px; text-align:center; background-color:#f4f4f4;color:#666666; display:inline-block;-webkit-transition:all ease-out 0.2s;transition:all ease-out 0.2s;-moz-border-radius:2px; /* Gecko browsers */ -webkit-border-radius: 2px; /* Webkit browsers */ border-radius:2px; /* W3C syntax */} .a_mtbd_dpages a:hover,.a_mtbd_dpages a.activepages,.a_mtbd_dpages span{ color:#fff; text-decoration:none; background-color:#48a625;} .new_name{font-size: 28px; color: #333; text-align: center; line-height: 1.5; padding: 20px;} .time{ text-align: center; font-size: 20px; text-align: center; border-top: 1px solid #f2f2f2; line-height: 2; margin-bottom: 30px;} .pages {border-top: 1px solid #f2f2f2; padding: 30px 0; font-size: 16px; line-height: 2;} /*新闻列表end*/ } @media screen and (min-width:801px) and (max-width:1280px) { .home_custom{width:96%;z-index: 5; margin: 20px auto 0px auto; padding-top: 5% 2%; line-height:1.4; color:#fff; font-size:30px; opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateY(-90%); -ms-transform: translateY(-90%); -o-transform: translateY(-90%); transform: translateY(-90%);transition: all 0.8s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;-webkit-transition: transition: all 0.8s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;} .active .home_custom{opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);transition-delay: 0.3s;-webkit-transition-delay: 0.3s; -moz-transition-delay: 0.3s; -o-transition-delay: 0.3s;} .home_custom .s1{ font-size:30px; font-family:Arial, Helvetica, sans-serif; } .home_custom.activetwo{ text-align:center;} .home_custom.nactive{opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0);} .home_custom .na2{font-size: 26px; line-height: 1.6;} .home_custom .na3{font-size: 16px;} /*首页人工智能 start*/ .h_p_content{margin-top: 20%;} .h_p_content { width: 100%; position: absolute; z-index: 999; } .h_p_content .h_P_c_l {color: #fff; width: 32%; padding: 2%; z-index: 12;position: relative;} .h_p_content .h_P_c_l .c_name{ font-size: 30px; text-align: center;height: 50px;} .h_p_content .h_P_c_l ul li{ float: left; width:20%;} .h_p_content .h_P_c_l ul li .w{ width: 80%; margin: 0px 10%; text-align: center;} .h_p_content .h_P_c_l ul li .n{transition: all .5s ease-in-out;font-size: 18px; width: 35px; min-height: 18px; cursor: pointer; display:inline-table; overflow: hidden; padding:20px 0;writing-mode:lr-tb; line-height: 1.2; background-color: #5383aa; text-align: center; border-radius: 40px; } .h_p_content .h_P_c_l ul li .nr{ text-align: center; background:-webkit-linear-gradient(#265fe1,#1c9a37); background: -moz-linear-gradient(#265fe1,#1c9a37); background: -moz-linear-gradient(#265fe1,#1c9a37); background: linear-gradient(#265fe1,#1c9a37); padding: 10px 15px; border-radius: 10px; display:none; width: 300px; font-size: 16px;} .h_p_content .h_P_c_l ul li:hover .n{ margin-top: 10px;transition: all .5s ease-in-out; background:-webkit-linear-gradient(#265fe1,#1c9a37); background: -moz-linear-gradient(#265fe1,#1c9a37); background: -moz-linear-gradient(#265fe1,#1c9a37); background: linear-gradient(#265fe1,#1c9a37);} .h_p_content .h_P_c_l ul li:hover .n_c{font-size: 16px; display: block; margin-top: 20px; background: url(../images/jt.png) no-repeat center 0px; height: 12px;} .h_p_content .h_P_c_l.fl ul li:hover .nr{display: block; clear: both; top: -10px; } .h_p_content .h_P_c_l.fl ul li:nth-child(1) .nr{ margin-left: -10px;} .h_p_content .h_P_c_l.fl ul li:nth-child(2) .nr{ margin-left: -20px;} .h_p_content .h_P_c_l.fl ul li:nth-child(3) .nr{ margin-left: -30px;} .h_p_content .h_P_c_l.fl ul li:nth-child(4) .nr{ margin-left: -80px;} .h_p_content .h_P_c_l.fl ul li:nth-child(5) .nr{ margin-left: -220%;} .h_p_content .h_P_c_l.fr ul li:hover .nr{display: block; clear: both; top: -10px;} .h_p_content .h_P_c_l.fr ul li:nth-child(1) .nr{ margin-left: -120px;} .h_p_content .h_P_c_l.fr ul li:nth-child(2) .nr{ margin-left: -180px;} .h_p_content .h_P_c_l.fr ul li:nth-child(3) .nr{ margin-left: -210px;} .h_p_content .h_P_c_l.fr ul li:nth-child(4) .nr{ margin-left: -230px;} .h_p_content .h_P_c_l.fr ul li:nth-child(5) .nr{ margin-left: -240px;} .home_pro{position: relative; width: 100%;z-index: 12; display: block;height: 100%; top: 10%; /*filter: alpha(opacity=0); -webkit-transform: translateY(-90%); -ms-transform: translateY(-90%); -o-transform: translateY(-90%); transform: translateY(-90%);transition: all 0.8s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;-webkit-transition: transition: all 0.8s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;*/} .active .home_pro{ opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(50%); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);transition-delay: 0.3s;-webkit-transition-delay: 0.3s; -moz-transition-delay: 0.3s; -o-transition-delay: 1.3s; } .pro_img{position:absolute ; width:100%; margin: 0px 20%; bottom: 32%; height: 40%; bottom: 36%; webkit-transform: translate(0%, 0%); -moz-transform: translate(0%, 0%); transform: translate(0%, 0%); z-index: 10;} .pro_img .p1{ position: absolute; z-index: 3;width: 120%; transition: all 0.5s ease-in-out;margin: 0px -30%;} .pro_img .p2{position: absolute;z-index: 2;width: 120%;transition: all 0.5s ease-in-out;margin: 0px -30%;} .pro_img .p3{position: absolute;z-index: 1;width: 120%; transition: all 0.5s ease-in-out;margin: 0px -30%;} .pro_img .p4{position: absolute;z-index: 4;width: 120%; transition: all 0.5s ease-in-out;margin: 0px -30%;} .pro_img .xh{ position: absolute; z-index: 4; width: 3%; margin-top: -50px; margin-left: 39%;} .pro_img:hover .p1{ position: absolute; z-index: 3;width: 120%; margin-top: 10px;transition: all 0.5s ease-in-out;} .pro_img:hover .p2{position: absolute;z-index: 2;width: 120%; margin-top: 10px; transition: all 0.5s ease-in-out;} .pro_img:hover .p3{position: absolute;z-index: 1;width: 120%; margin-top:20px; transition: all 0.5s ease-in-out;} .pro_img:hover .p4{margin-top:30px; transition: all 0.5s ease-in-out;} .roundImg{ position: absolute; z-index: 1; -webkit-animation: round_animate 5s linear infinite; animation: round_animate 5s linear infinite; } @keyframes round_animate { to { transform: rotate(1turn); } } /*首页人工智能 end*/ /*+全电系统 start*/ .home_pro1{position: relative; width: 100%; display: block; height: 100%; top: 10%; /*filter: alpha(opacity=0); -webkit-transform: translateY(-90%); -ms-transform: translateY(-90%); -o-transform: translateY(-90%); transform: translateY(-90%);transition: all 0.8s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;-webkit-transition: transition: all 0.8s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;*/} .active .home_pro1{ opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(50%); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);transition-delay: 0.3s;-webkit-transition-delay: 0.3s; -moz-transition-delay: 0.3s; -o-transition-delay: 1.3s; } .pro_img_qd1 .p5{position: absolute;transition: all 0.5s ease-in-out;} .pro_img_qd1 .p6{position: absolute;transition: all 0.5s ease-in-out;} .pro_img_qd1 .p7{position: absolute;transition: all 0.5s ease-in-out;} .pro_img_qd1 .p5,.pro_img_qd1 .p6,.pro_img_qd1 .p7{ width: 100%; cursor: pointer;width: 136%; margin: 0px -18%;} .pro_img_qd1 .p5 .img1{position: absolute;transition: all 0.5s ease-in-out;margin-left: 39%;margin-top: 19%;width:6%;} .pro_img_qd1 .p6 .img1{position: absolute;transition: all 0.5s ease-in-out;margin-left: 41.5%;margin-top: 36%;width: 6%;} .pro_img_qd1 .p7 .img1{position: absolute;transition: all 0.5s ease-in-out;margin-left:76.8%;margin-top: 33%;width: 6%;} .pro_img_qd1 .p8{position: absolute;transition: all 0.5s ease-in-out; width: 136%; margin: 0px -18%;} .pro_img_qd1 .xz1 {width: 32%;display: none;height: 32%; text-align: center; position: relative; top: -120px; right: -70%; background: url(../images/xz1.png) no-repeat center center; background-size: 98%;} .pro_img_qd1 .p5:hover .jt,.pro_img_qd1 .p6:hover .jt,.pro_img_qd1 .p7:hover .jt{ display:block;} .xz1 span{ display: none} .pro_img_qd1 .xz1 img{border-radius: 258px; max-width: 98%;} .pro_img_qd1 .p5:hover .xz1{display: block;} .pro_img_qd1 .p6:hover .xz1{display: block;} .pro_img_qd1 .p7:hover .xz1{display: block;} .wd{position: absolute; color: #222; font-size: 16px; line-height: 2; z-index: 6; top: 40px; padding:0 4%;opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateY(100PX); -ms-transform: translateY(-90%); -o-transform: translateY(100PX); transform: translateY(100PX);transition: all 0.8s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;-webkit-transition: transition: all 0.8s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;} .active .wd{ opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(50%); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);transition-delay: 0.3s;-webkit-transition-delay: 0.3s; -moz-transition-delay: 0.3s; -o-transition-delay: 1.3s; } .wd .custom{font-size: 36px; font-weight: bold;} .home_pro { position: relative; width: 100%; display: block; height: 100%; top: 22%; z-index: 1;} .pro_img_qd1 .xz1 {width: 32%;display: none;height: 32%; text-align: center; position: relative; top: -120px; right: -66%; background: url(../images/xz1.png) no-repeat center center; background-size: 98%;} .pro_img_qd1 .p5:hover .jt,.pro_img_qd1 .p6:hover .jt,.pro_img_qd1 .p7:hover .jt{ display:block;} .xz1 span{ display: none} .wd{position: absolute; color: #222; font-size: 16px; line-height: 3; z-index: 6; top: 10%; left:-4%;} .pro_img_qd1 { position: relative; width: 80%;margin: 0px auto; bottom: 0; height: 300px; top: 30%; left: 20%;} .wd .custom{font-size: 36px; font-weight: bold;} /*全电系统 end*/ /*洁能高效 start*/ .jngs{ width: 92%; background: url(../images/jngs_bg.png) repeat left top; height: 620px; margin: 4%;} .jngs .ws{background-color: #0faf76; color: #fff; display: block; overflow: hidden;} .jngs .ws .custom{float: left; width: 33.33%; font-size: 36px; text-align: center; height: 100px; line-height: 100px;} .jngs .ws li{float: left; width: 33.33%; font-size: 16px; padding: 1%; border-left: 1px solid #47c296;height: 100px; text-align: center;transition: all .3s ease-in-out;} .jngs .ws li h3{font-size: 18px; line-height: 100px;transition: all .3s ease-in-out;} .jngs .ws li .ws_con{ display: none; font-size: 14px; line-height: 1.2;} .jngs .ws li:hover h3{font-size: 20px; line-height: 40px; transition: all .3s ease-in-out;} .jngs .ws li:hover{background-color: #47c296;transition: all .3s ease-in-out;} .jngs .ws li:hover .ws_con{ display: block;} .ws_img ul{overflow: hidden; padding: 1%;} .ws_img li { width: 31%; float: left; font-size: 16px; text-align: center; color: #333; margin-top: 20px;} .ws_img li img { max-width: 100%; margin: 0px; float: left; align-content: flex-end; width: 100%;} .ws_img li .ws_con{ display: none;} .middle{border: 3px;text-align: center;} .c0{float:left;list-style-type:none;text-align: center;cursor: pointer;} .c1{float:left;list-style-type:none;background-color: #47c296;text-align: center;cursor: pointer;} .none{display: none;} .block{display: block;text-align: center;} #middle ul{padding-left: 3px;} /*洁能高效 end*/ /*科技创新 start*/ .home_kjcx{position: relative; width: 100%; display: block; height: 100%; top: 10%; transition: all 0.1s ease-in-out; /*filter: alpha(opacity=0); -webkit-transform: translateY(-90%); -ms-transform: translateY(-90%); -o-transform: translateY(-90%); transform: translateY(-90%);transition: all 0.8s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;-webkit-transition: transition: all 0.8s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;*/} .active .home_kjcx{ opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(50%); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);transition-delay: 0.3s;-webkit-transition-delay: 0.3s; -moz-transition-delay: 0.3s; -o-transition-delay: 1.3s; } .home_kjcx:hover{transition: all 0.1s ease-in-out; } .pro_img1{display: block;} .pro_img1s{position: relative; width: 100%; margin: 50px auto; display: none;} .pro_img1s .p1{ position: absolute; z-index: 1;width: 100%; transition: all 0.5s ease-in-out; } .pro_img1s .p2{position: absolute;z-index: 2;width: 100%;transition: all 0.5s ease-in-out;} .pro_img1s .p3{position: absolute;z-index: 3;width: 100%; transition: all 0.5s ease-in-out;} .pro_img1s .p4{position: absolute;z-index: 4;width: 100%; transition: all 0.5s ease-in-out;} .pro_img1s:hover .p3{ display: block;transition: all 0.1s ease-in-out;} .pro_img1s .p3.p3-1{ transition: all 0.5s ease-in-out; -webkit-animation-name: "fadeInLeft"; /*动画名称，需要跟@keyframes定义的名称一致*/ -webkit-animation-duration: 0.5s;/*动画持续的时间长*/ -webkit-animation-iteration-count: 1;/*动画循环播放的次数为1 infinite为无限次*/ -webkit-animation:'fadeInLeft' 1.8s 1 } .pro_img1s .p3.p3-2{transition: all 0.1s ease-in-out; -webkit-animation:'fadeInRight' 2s 1 } .pro_img1s .p3.p3-3{ transition: all 0.2s ease-in-out; -webkit-animation:'fadeInRight' 2.2s 1 } .pro_img1s .p3.p3-4{ transition: all 0.30s ease-in-out; -webkit-animation:'fadeInUp' 2s 1 } .pro_img1s:hover .p3{ width: 98%; padding: 1%;} @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(0px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @keyframes fadeInLeft { 0% { opacity: 0; transform: translateX(0px); } 100% { opacity: 1; transform: translateX(0); } } /*科技创新 end*/ .i_con1 { width:100%; padding: 0%; margin: 0px auto;} .i_con { width: 90%; padding: 0px 5%; height: 100%; position: absolute; left: 0px; top: 0px; display: initial; } .ny_con { width:90%; margin: 0px auto; position: relative;} .ui_div_center1{ width:90%; margin: 0px auto; position: relative;} .ny_con1{ width:90%; margin: 0px auto; position: relative;} .home-swiper .swiper-slide .text_c{width:70%; padding:0px 17%; color:#fff; line-height:1.6; text-align:center; position:absolute; left:0px; top:50%;webkit-transform: translate(0%, -40%);-moz-transform: translate(0%, -40%);transform: translate(0%, -40%); font-size:24px;opacity: 0; filter: alpha(opacity=0);transition: all 1.5s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;-webkit-transition: transition: all 1.5s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;} .home-swiper .swiper-slide .text_c h1{ font-size:30px;margin-bottom:20px; line-height: 1.6;} .home-swiper .swiper-slide.swiper-slide-active .text_c{opacity: 1; filter: alpha(opacity=100); webkit-transform: translate(0%, -50%);-moz-transform: translate(0%, -50%);transform: translate(0%, -50%); } .ui_div_center{width:90%; margin:0px 5%;text-align: center;} .ui_div_center img{max-width: 90%; margin: 0px 5%;} .home-swiper {width: 100%;height: 100%;background: #000;} .home-swiper .swiper-slide {text-align: center;font-size: 18px;background-repeat: no-repeat;background-position: center center;background-size: cover;opacity: 1;width:100%; position:relative;} .home-swiper .swiper-slide .s1{width:100%; height:100%;background-repeat: no-repeat;background-position: center center;background-size: cover; display:none;} .home-swiper .swiper-slide .s1 img{width:100%; height:auto !important; display:block;} .home-swiper .swiper-slide .s2{width:100%; height:100%;background-repeat: no-repeat;background-position: center center;background-size: cover; display:block;} .home-swiper .swiper-slide .s2 img{width:100%; height:auto !important; display:none;} .home-swiper .swiper-slide .banner_text1{width:100%; position:absolute; left:0px; top:14%; z-index:1; text-align:left;opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateY(90%); -ms-transform: translateY(90%); -o-transform: translateY(90%); transform: translateY(90%);transition: all 0.8s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;-webkit-transition: transition: all 0.8s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;} .home-swiper .swiper-slide .banner_text2{width:100%; position:absolute; left:0px; top:14%; z-index:1; text-align:left; color:#000000; font-size:30px; font-weight:bold; padding-top:15px 0px; line-height:1.4;opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateY(90%); -ms-transform: translateY(90%); -o-transform: translateY(90%); transform: translateY(90%);transition: all 0.8s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;-webkit-transition: transition: all 0.8s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;} .home-swiper .swiper-slide .banner_text3{width:100%; position:absolute; left:0px; top:14%; z-index:1; text-align:left; color:#000000; font-size:30px; font-weight:bold; padding-top:15px 0px; line-height:1.4; text-align:center;opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateY(90%); -ms-transform: translateY(90%); -o-transform: translateY(90%); transform: translateY(90%);transition: all 0.8s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;-webkit-transition: transition: all 0.8s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;} .home-swiper .swiper-slide.swiper-slide-active .banner_text1,.home-swiper .swiper-slide.swiper-slide-active .banner_text2,.home-swiper .swiper-slide.swiper-slide-active .banner_text3{opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);} .home-swiper .home_next{width:30px; height:60px; background:url(../images/s_tb3.png) no-repeat; background-size:100%; right:10px; margin-top:-40px;} .home-swiper .home_next:hover{ background:url(../images/s_tb3s.png) no-repeat; background-size:100%; } .home-swiper .home_prev{width:30px; height:60px; background:url(../images/s_tb2.png) no-repeat; background-size:100%; left:10px;margin-top:-40px;} .home-swiper .home_prev:hover{ background:url(../images/s_tb2s.png) no-repeat; background-size:100%; } .home-swiper .home-pagination .swiper-pagination-bullet{width:18px; height:12px; border:1px solid #fff; -moz-border-radius: 6px; /* Gecko browsers */ -webkit-border-radius: 6px; /* Webkit browsers */ border-radius:6px; /* W3C syntax */ background-color:transparent;-webkit-transition:all ease-out 0.2s;transition:all ease-out 0.2s;} .home-swiper .home-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{width:28px; background-color:#fff;} .home-swiper.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom:220px;} /*首页BANNER end*/ .fullnavr{display: none;} .bg {width: 100%; background:url(../images/bg1.jpg) ;height: 100%;background-repeat: no-repeat;background-position: center center;background-size: cover;position: relative;overflow: hidden;} .bg1 {width: 100%;height: 100%;background-repeat: no-repeat;background-position: top center;position: relative;overflow: hidden; background-size:100%;} .bg2 {width: 100%; background:url(../images/bg2.jpg) ;height: 100%;background-repeat: no-repeat;background-position: center center;background-size: cover;position: relative;overflow: hidden;} .bg3 {width: 100%; background:url(../images/bg3.jpg) ;height: 100%;background-repeat: no-repeat;background-position: center center;background-size: cover;position: relative;overflow: hidden;} .bg4 {width: 100%; background:url(../images/bg4.jpg) ;height: 100%;background-repeat: no-repeat;background-position: center center;background-size: cover;position: relative;overflow: hidden;} .bg5 {width: 100%; background:url(../images/bg5.jpg) ;height: 100%;background-repeat: no-repeat;background-position: center center;background-size: cover;position: relative;overflow: hidden;} /*合作共赢 start*/ .i_box5{width:100%;} .i_box5_t{width:100%; padding:5px 0px; line-height:1.6; color:#fff; text-align:center; font-size:30px;} .i_box5_c{width:100%; padding-top:20px;} .i_box5_c_l{width:90%;margin: 0px 5%;} .i_box5_c_l_t{width:100%; padding:8px 0px; line-height:1.2; color:#fff; font-size:24px;} .i_box5_c_l_c{width:100%;} .i_box5_c_l_c li{width:100%; float:left; padding-bottom:2px;} .i_box5_c_l_c li .div{width:100%; float:left; display:inline-block; background:url(../images/s_tb13.png) repeat; padding:10px; line-height:20px; position:relative; color:#222222; font-size:16px; position:relative;-webkit-transition:all ease-out 0.2s;transition:all ease-out 0.2s; } .i_box5_c_l_c li .div:after{width:7px; height:100%; position:absolute; left:0px; top:0px; background-color:#28d223; position:absolute; left:0px; top:0px; z-index:1; content:"";} .i_box5_c_l_c li .div:hover{ color:#222222; text-decoration:none; background-color:#fff;} .i_box5_c_r{width:90%;margin: 0px 5%;} .i_box5_c_r_ul{width:100%;} .i_box5_c_r_ul li{width:100%; float:left; padding:6px 0px;} .i_box5_c_r_ul li .div{width:48%;} .i_box5_c_r_ul li .div .ipt1{width:100%; height:48px; line-height:48px; border:2px solid #28d223; text-indent:15px; font-size:16px; color:#fff; font-family:"微软雅黑";-moz-border-radius: 5px; /* Gecko browsers */ -webkit-border-radius: 5px; /* Webkit browsers */ border-radius:5px; /* W3C syntax */ background-color:transparent;} /*shade*/ .i_box5_c_r_ul li .div .ipt1:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #ffffff; } .i_box5_c_r_ul li .div .ipt1::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #ffffff;} .i_box5_c_r_ul li .div .ipt1:-ms-input-placeholder,.i_box5_c_r_ul li .div1 .ipt2:-ms-input-placeholder { color: #ffffff;} .i_box5_c_r_ul li .div .ipt1::-webkit-input-placeholder,.i_box5_c_r_ul li .div1 .ipt2::-webkit-input-placeholder { color: #ffffff;} .i_box5_c_r_ul li .div1{width:100%;} .i_box5_c_r_ul li .div1 .ipt2{width:100%; height:140px; border:2px solid #28d223; padding:10px 15px; font-size:16px; color:#fff; font-family:"微软雅黑";-moz-border-radius: 5px; /* Gecko browsers */ -webkit-border-radius: 5px; /* Webkit browsers */ border-radius:5px; /* W3C syntax */ background-color:transparent;} .i_box5_c_r_ul li .ipt3{width:100%; height:48px; line-height:48px; display:inline-block; overflow:hidden; text-align:center; cursor:pointer; background-color:#28d223; font-size:16px;font-family:"微软雅黑"; -webkit-border-radius: 5px; /* Webkit browsers */ border-radius:5px; /* W3C syntax */ border:0px; color:#fff;} /*合作共赢 end*/ /*footer start*/ .i_footer{width:96%; padding:2%;} .i_footer_l{width:100%;color:#fff; } .i_footer_l_t{width:100%; height:40px; line-height:40px; font-size:24px; color:#fff;} .i_footer_l_c{width:100%; margin-top:25px; line-height:1.2; font-size:24px;} .i_footer_l_b{width:100%; padding:10px 0px; line-height:1.6; color:#bfbfbf; font-size:14px;} .i_footer_l_b a{ color:#bfbfbf;} .i_footer_l_b a:hover{ text-decoration:none; color:#fff;} .i_footer_l_c1{width:100%; height:56px; margin-top:25px;} .i_footer_l_c1 a,.i_footer_l_c1 a:hover{ margin-right:5px; display:inline-block; text-decoration:none;} .i_footer_l_c1 a.a1{ position:relative;} .i_footer_l_c1 a.a1 .img{width:120px; height:120px; background-color:#fff; padding:5px; position:absolute; top:-50px;left:50px; display:none;} .i_footer_r{width:100%;} .i_footer_l_c2{width:100%; height:56px; margin-top:25px;} .i_footer_l_c2 a{ padding:0px 49px; height:48px; line-height:48px; background-color:#28d223; color:#fff; font-size:16px; display:inline-block; overflow:hidden; text-align:center;-moz-border-radius: 24px; /* Gecko browsers */ -webkit-border-radius: 24px; /* Webkit browsers */ border-radius:24px; /* W3C syntax */-webkit-transition:all ease-out 0.2s;transition:all ease-out 0.2s;} .i_footer_l_c2 a:hover{ text-decoration:none; color:#fff; background-color:#13b80e;} /*footer end*/ } @media screen and (max-width: 1080px) and (min-width: 1024px){ .wd{position: absolute; color: #222; font-size: 20px; line-height: 2; z-index: 6; top: 240px; left: -3%;padding:0 4%;opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateY(100PX); -ms-transform: translateY(-90%); -o-transform: translateY(100PX); transform: translateY(100PX);transition: all 0.8s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;-webkit-transition: transition: all 0.8s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;} .active .wd{ opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(50%); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);transition-delay: 0.3s;-webkit-transition-delay: 0.3s; -moz-transition-delay: 0.3s; -o-transition-delay: 1.3s; } .ws_img li { width: 31%; float: left; font-size: 16px; text-align: center; color: #333; margin-top: 20px;} .ws_img li img { max-width: 100%; margin: 0px; float: left; align-content: flex-end; width: 100%;} } @media screen and (max-width: 768px) and (min-width: 768px){ .jngs { width: 92%; background: url(../images/jngs_bg.png) repeat left top; height: 850px; margin: 4%;} .pro_img_qd1 { position: absolute; width:83%; height: 360px; margin: -50px auto; bottom: 300px; webkit-transform: translate(0%, 0%); -moz-transform: translate(0%, 0%); transform: translate(0%, 0%); z-index: 10; left: 20%;} .pro_img_qd1 .xz1 {width: 32%;display: none;height: 32%; text-align: center; position: relative; top: -120px; right: -70%; background: url(../images/xz1.png) no-repeat center center; background-size: 98%;} .pro_img_qd1 .p5:hover .jt,.pro_img_qd1 .p6:hover .jt,.pro_img_qd1 .p7:hover .jt{ display:block;} .xz1 span{ display: none} .pro_img_qd1 .xz1 img{border-radius: 258px; max-width: 98%;background: url(../images/jngs_bg.png) repeat left top;} .wd{position: absolute; color: #222; font-size: 24px; line-height: 2; z-index: 6; padding:0 4%;opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateY(100PX); -ms-transform: translateY(-90%); -o-transform: translateY(100PX); transform: translateY(100PX);transition: all 0.8s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;-webkit-transition: transition: all 0.8s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;} .active .wd{ opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(50%); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);transition-delay: 0.3s;-webkit-transition-delay: 0.3s; -moz-transition-delay: 0.3s; -o-transition-delay: 1.3s; } .ws_img li { width: 100%; float: left; font-size: 20px; text-align: left; color: #333; margin-top: 20px;} .ws_img li img { width:40%; margin: 0px; float: left; align-content: flex-end; margin-right: 5%;} .i_banner_box1 dd .div .a_img img { width: 80%; margin-left: 12%;} .ws_img ul{height: 600px;} .pro_img_qd1 { position: absolute; /* width: 100%; */ /* height: 360px; */ margin: -50px auto; bottom: 300px; webkit-transform: translate(0%, 0%); -moz-transform: translate(0%, 0%); transform: translate(0%, 0%); z-index: 10; left: 0%;} .pro_img1s { position: relative; width: 80%; margin: 50px auto; display: block; } .i_box5_c_l_c li { width: 100%; } .i_box5_c_l_c li .div { width: 100%; float: left; display: inline-block; background: url(../images/s_tb13.png) repeat; padding: 10px 30px; line-height: 40px; position: relative; color: #222222; font-size: 20px; position: relative; -webkit-transition: all ease-out 0.2s; transition: all ease-out 0.2s;} .i_box5_c_r_ul li .div1 .ipt2,.i_box5_c_r_ul li .div .ipt1,.i_box5_c_r_ul li .ipt3{font-size: 20px;} .i_box5_c_l_t { width: 100%; padding: 38px 0px; line-height: 1.2; color: #fff; font-size: 28px;} .jngs .ws li h3 { font-size: 24px; line-height: 100px; transition: all .3s ease-in-out;} .jngs .ws li .ws_con { display: none; font-size: 18px; line-height: 1.2;} .jngs .ws li:hover h3{font-size:28px; line-height: 40px; transition: all .3s ease-in-out;} .pro_img .xh { position: absolute; z-index: 4; width: 6%; /* margin-top: -50px; */ /* margin-left: 500px; */ margin: 0px -30%; left: 68%; top: -18%; } } @media screen and (max-width: 1024px) and (min-width: 1024px){ .pro_img{position:absolute ; width:110%; bottom: 32%; height: 40%; bottom: 240px; webkit-transform: translate(0%, -42%); -moz-transform: translate(0%, -42%); transform: translate(0%, -42%); z-index: 10;} .h_p_content { margin-top:10%; } .pro_img .xh { position: absolute; z-index: 4; width: 4%; margin-top: 0px; margin-left: 38%; margin: 0px -30%; left: 69%;top: -20px; } .bg {width: 100%; background:url(../images/bg1.jpg) ;height: 100%;background-repeat: no-repeat;background-position: center center;background-size: cover;position: relative;overflow: hidden;} .jngs { width: 92%; background: url(../images/jngs_bg.png) repeat left top; height: 560px; margin: 4%; } .i_box5_c_l { width: 44%; margin: 0px 5%; } .i_box5_c_r { width: 42%; margin: 0px 2%; } .pro_img1 { position: relative; width: 90%; margin: 0 5%; } .h_p_content .h_P_c_l ul li { float: left; width: 20%; } .h_p_content .h_P_c_l { color: #fff; width: 30%; padding: 2%; z-index: 12; position: relative; } .jngs { width: 92%; background: url(../images/jngs_bg.png) repeat left top; height: 560px; margin: 1% 4%; } } @media screen and (max-width: 360px) and (min-width: 360px) { .pro_img1s { position: relative; width: 82%; margin: 50px auto; display: block; } .pro_img1s .p1 { position: absolute; z-index: 1; width: 120%; margin: -15% -10%; transition: all 0.5s ease-in-out; } .pro_img_qd1 .xz1 img { border-radius: 258px; width: 92%; margin: 4%; background: url(../images/jngs_bg.png) repeat left top; } .pro_img_qd1 { position: absolute; width: 88%; height: 240px; bottom: 80px; webkit-transform: translate(0%, 0%); -moz-transform: translate(0%, 0%); transform: translate(0%, 0%); z-index: 10; } .ws_img li { width: 100%; float: left; font-size: 16px; text-align: center; color: #333; margin-top: 10px; padding-right: 10px; } .i_box5_c_r_ul li .div1 .ipt2 { width: 100%; height: 60px; border: 2px solid #28d223; padding: 10px 15px; font-size: 16px; color: #fff; font-family: "微软雅黑"; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background-color: transparent; } .i_box5_c_l_c li .div { width: 100%; float: left; display: inline-block; background: url(../images/s_tb13.png) repeat; padding: 6px 10px; line-height: 18px; position: relative; color: #222222; font-size: 13px; position: relative; -webkit-transition: all ease-out 0.2s; transition: all ease-out 0.2s; } } @media screen and (max-width: 320px) and (min-width: 320px) { .home_custom .na3 { font-size: 15px; } .wd .custom { font-size: 30px; font-weight: bold; } .home_custom.activetwo { text-align: center; margin-top: 8%; } .wd { line-height: 1.6;} .pro_img1s { position: relative; width: 80%; margin: 20px auto; display: block; } .pro_img1s .p1 { position: absolute; z-index: 1; width: 120%; margin: -15% -10%; transition: all 0.5s ease-in-out; } .pro_img_qd1 .xz1 img { border-radius: 258px; width: 92%; margin: 4%; background: url(../images/jngs_bg.png) repeat left top; } .pro_img_qd1 { position: absolute; width: 86%; height: 186px; bottom: 80px; webkit-transform: translate(0%, 0%); -moz-transform: translate(0%, 0%); transform: translate(0%, 0%); z-index: 10; } .ws_img li { width: 100%; float: left; font-size: 16px; text-align: center; color: #333; margin-top: 2px; padding-right: 10px; } .i_box5_c_r_ul li .div1 .ipt2 { width: 100%; height: 50px; border: 2px solid #28d223; padding: 8px 15px; font-size: 16px; color: #fff; font-family: "微软雅黑"; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background-color: transparent; } .i_box5_c_l_c li .div { width: 100%; float: left; display: inline-block; background: url(../images/s_tb13.png) repeat; padding: 10px; line-height: 20px; position: relative; color: #222222; font-size: 13px; position: relative; -webkit-transition: all ease-out 0.2s; transition: all ease-out 0.2s; } .jngs { width: 92%; background: url(../images/jngs_bg.png) repeat left top; height: 620px; margin: 4%; } .jngs .ws { background-color: #0faf76; color: #fff; display: block; overflow: hidden; } .jngs .ws .custom { float: left; width: 33.33%; font-size: 30px; text-align: center; height: 80px; line-height: 100px; } .jngs .ws li { float: left; width: 33%; float: left; display: block; overflow: hidden; font-size: 16px; padding: 1%; border-left: 1px solid #47c296; height: 80px; text-align: center; transition: all .3s ease-in-out; } .jngs .ws li h3 { font-size: 18px; line-height: 70px; transition: all .3s ease-in-out; } .jngs .ws li .ws_con { display: none; font-size: 14px; line-height: 1.2; } .jngs .ws li:hover h3 { font-size: 18px; line-height: 24px; transition: all .3s ease-in-out; } .jngs .ws li:hover { background-color: #47c296; transition: all .3s ease-in-out; } .jngs .ws li:hover .ws_con { display: block; } .i_box5_c_l_c li .div { width: 100%; float: left; display: inline-block; background: url(../images/s_tb13.png) repeat; padding: 4px 10px; line-height: 20px; position: relative; color: #222222; font-size: 12px; position: relative; -webkit-transition: all ease-out 0.2s; transition: all ease-out 0.2s; } .i_box5_c { width: 100%; padding-top: 0px; } .i_box5_c_l_t { width: 100%; padding: 4px 0px; line-height: 1.2; color: #fff; font-size: 19px; } .i_banner_box1 dt .div .s1 { height: 30%; line-height: 60px; background: url(../images/s_tb4.png) left center no-repeat; background-size: 25%; padding-left: 33%; display: inline-block; height: 60px; line-height: 60px; } .i_banner_box1 dt .div .s1 { height: 30%; line-height: 60px; background: url(../images/s_tb4.png) left center no-repeat; padding-left: 34%; display: inline-block; background-size: 27%; } } @media screen and (max-width: 220px) and (min-width: 319px) { .home_custom .na3 { font-size: 15px; } .wd .custom { font-size: 30px; font-weight: bold; } .home_custom.activetwo { text-align: center; margin-top: 8%; } .wd { line-height: 1.6;} .pro_img1s { position: relative; width: 80%; margin: 20px auto; display: block; } .pro_img1s .p1 { position: absolute; z-index: 1; width: 120%; margin: -15% -10%; transition: all 0.5s ease-in-out; } .pro_img_qd1 .xz1 img { border-radius: 258px; width: 92%; margin: 4%; background: url(../images/jngs_bg.png) repeat left top; } .pro_img_qd1 { position: absolute; width: 100%; height: 186px; bottom: 80px; webkit-transform: translate(0%, 0%); -moz-transform: translate(0%, 0%); transform: translate(0%, 0%); z-index: 10; } .ws_img li { width: 100%; float: left; font-size: 16px; text-align: center; color: #333; margin-top: 2px; padding-right: 10px; } .i_box5_c_r_ul li .div1 .ipt2 { width: 100%; height: 50px; border: 2px solid #28d223; padding: 8px 15px; font-size: 16px; color: #fff; font-family: "微软雅黑"; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background-color: transparent; } .i_box5_c_l_c li .div { width: 100%; float: left; display: inline-block; background: url(../images/s_tb13.png) repeat; padding: 10px; line-height: 20px; position: relative; color: #222222; font-size: 13px; position: relative; -webkit-transition: all ease-out 0.2s; transition: all ease-out 0.2s; } .jngs { width: 92%; background: url(../images/jngs_bg.png) repeat left top; height: 620px; margin: 4%; } .jngs .ws { background-color: #0faf76; color: #fff; display: block; overflow: hidden; } .jngs .ws .custom { float: left; width: 33.33%; font-size: 30px; text-align: center; height: 80px; line-height: 100px; } .jngs .ws li { float: left; width: 33%; float: left; display: block; overflow: hidden; font-size: 16px; padding: 1%; border-left: 1px solid #47c296; height: 80px; text-align: center; transition: all .3s ease-in-out; } .jngs .ws li h3 { font-size: 18px; line-height: 70px; transition: all .3s ease-in-out; } .jngs .ws li .ws_con { display: none; font-size: 14px; line-height: 1.2; } .jngs .ws li:hover h3 { font-size: 20px; line-height: 24px; transition: all .3s ease-in-out; } .jngs .ws li:hover { background-color: #47c296; transition: all .3s ease-in-out; } .jngs .ws li:hover .ws_con { display: block; } .i_box5_c_l_c li .div { width: 100%; float: left; display: inline-block; background: url(../images/s_tb13.png) repeat; padding: 4px 10px; line-height: 20px; position: relative; color: #222222; font-size: 12px; position: relative; -webkit-transition: all ease-out 0.2s; transition: all ease-out 0.2s; } .i_box5_c { width: 100%; padding-top: 0px; } .i_box5_c_l_t { width: 100%; padding: 4px 0px; line-height: 1.2; color: #fff; font-size: 19px; } .i_banner_box1 dt .div .s1 { height: 30%; line-height: 60px; background: url(../images/s_tb4.png) left center no-repeat; background-size: 25%; padding-left: 33%; display: inline-block; height: 60px; line-height: 60px; } .i_banner_box1 dt .div .s1 { height: 30%; line-height: 60px; background: url(../images/s_tb4.png) left center no-repeat; padding-left: 34%; display: inline-block; background-size: 27%; } } @media screen and (min-width: 1280px) and (max-width: 1280px){ /*+全电系统 start*/ .home_pro1{position: relative; width: 100%; display: block; height: 100%; top: 10%; /*filter: alpha(opacity=0); -webkit-transform: translateY(-90%); -ms-transform: translateY(-90%); -o-transform: translateY(-90%); transform: translateY(-90%);transition: all 0.8s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;-webkit-transition: transition: all 0.8s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;*/} .active .home_pro1{ opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(50%); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);transition-delay: 0.3s;-webkit-transition-delay: 0.3s; -moz-transition-delay: 0.3s; -o-transition-delay: 1.3s; } .pro_img_qd1 { position: absolute; width: 100%; height:700px; /* margin: -50px auto; */ bottom: 30px; webkit-transform: translate(0%, 0%); -moz-transform: translate(0%, 0%); transform: translate(0%, 0%); z-index: 10; left: 200px;} .pro_img_qd1 .p5{position: absolute;transition: all 0.5s ease-in-out;} .pro_img_qd1 .p6{position: absolute;transition: all 0.5s ease-in-out;} .pro_img_qd1 .p7{position: absolute;transition: all 0.5s ease-in-out;} .pro_img_qd1 .p5,.pro_img_qd1 .p6,.pro_img_qd1 .p7{ width: 100%; cursor: pointer;width: 136%; margin: 0px -18%;} .pro_img_qd1 .p5 .img1{position: absolute;transition: all 0.5s ease-in-out;margin-left: 35%;margin-top: 15%;width: 15%;} .pro_img_qd1 .p6 .img1{position: absolute;transition: all 0.5s ease-in-out;margin-left: 38%;margin-top: 32%;width: 15%;} .pro_img_qd1 .p7 .img1{position: absolute;transition: all 0.5s ease-in-out;margin-left:72%;margin-top: 28%;width: 15%;} .pro_img_qd1 .p8{position: absolute;transition: all 0.5s ease-in-out; width: 136%; margin: 0px -18%;} .pro_img_qd1 .xz1{width: 240px; display: none; height: 240px; text-align: center; position: relative; top: -200px; right:-180px;background:url(../images/xz1.png) no-repeat center center; background-size:100% 100%;} .xz1 span{ display: none;} .pro_img_qd1 .xz1 img{border-radius: 258px; width: 92%; margin: 4%; background: url(../images/jngs_bg.png) repeat left top;} .pro_img_qd1 .p5:hover .xz1{display: block;} .pro_img_qd1 .p6:hover .xz1{display: block;} .pro_img_qd1 .p7:hover .xz1{display: block;} .wd{position: absolute; color: #222; font-size: 16px; line-height: 2; z-index: 6; top: 340px; padding:0 4%;opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateY(100PX); -ms-transform: translateY(-90%); -o-transform: translateY(100PX); transform: translateY(100PX);transition: all 0.8s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;-webkit-transition: transition: all 0.8s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;} .active .wd{ opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(50%); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);transition-delay: 0.3s;-webkit-transition-delay: 0.3s; -moz-transition-delay: 0.3s; -o-transition-delay: 1.3s; } .wd .custom{font-size: 36px; font-weight: bold;} /*全电系统 end*/ /*洁能高效 start*/ .jngs{ width: 92%; background: url(../images/jngs_bg.png) repeat left top; height: 620px; margin: 4%;} .jngs .ws{background-color: #0faf76; color: #fff; display: block; overflow: hidden;} .jngs .ws .custom{float: left; width: 33.33%; font-size: 36px; text-align: center; height: 100px; line-height: 100px;} .jngs .ws li{float: left; width: 33.33%; font-size: 16px; padding: 1%; border-left: 1px solid #47c296;height: 100px; text-align: center;transition: all .3s ease-in-out;} .jngs .ws li h3{font-size: 18px; line-height: 100px;transition: all .3s ease-in-out;} .jngs .ws li .ws_con{ display: none; font-size: 14px; line-height: 1.2;} .jngs .ws li:hover h3{font-size: 20px; line-height: 40px; transition: all .3s ease-in-out;} .jngs .ws li:hover{background-color: #47c296;transition: all .3s ease-in-out;} .jngs .ws li:hover .ws_con{ display: block;} .ws_img ul{overflow: hidden; padding: 1%;} .ws_img li{ width:100%;float: left; font-size: 16px; text-align: center; color: #333; margin-top: 20px;} .ws_img li img{max-width: 100%; margin: 0px; float: left; align-content: flex-end; width:50%;} .ws_img li .ws_con{ display: none;} .middle{border: 3px;text-align: center;} .c0{float:left;list-style-type:none;text-align: center;cursor: pointer;} .c1{float:left;list-style-type:none;background-color: #47c296;text-align: center;cursor: pointer;} .none{display: none;} .block{display: block;text-align: center;} #middle ul{padding-left: 3px;} .active .wd{ opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(50%); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);transition-delay: 0.3s;-webkit-transition-delay: 0.3s; -moz-transition-delay: 0.3s; -o-transition-delay: 1.3s; } .ws_img li { width: 31%; float: left; font-size: 16px; text-align: center; color: #333; margin-top: 20px;} .ws_img li img { max-width: 100%; margin: 0px; float: left; align-content: flex-end; width: 100%;} .i_banner_box1 dd .div .a_img img { } /*洁能高效 end*/ /*/人工智能/*/ .h_p_content { margin-top: 10%;} .pro_img_qd1 .xz1 { width: 340px; display: none; height: 340px; text-align: center; position: relative; top: -111px; right: -600px; background: url(../images/xz1.png) no-repeat center center; background-size: 100% 100%; } .pro_img { position: absolute; width: 100%;margin: 0px 30%;bottom: 32%; height: 40%; bottom: 250px; webkit-transform: translate(0%, 0%); -moz-transform: translate(0%, 0%); transform: translate(0%, 0%); z-index: 10;} } @media screen and (max-width: 375px) and (min-width: 375px){ .pro_img1s { position: relative; width: 90%; margin: 50px auto; display: block;} .pro_img1s .p1 { position: absolute; z-index: 1; width: 120%; margin: -15% -10%; transition: all 0.5s ease-in-out;} .pro_img_qd1 .xz1 img { border-radius: 258px; width: 92%; margin: 4%; background: url(../images/jngs_bg.png) repeat left top; .pro_img_qd1{ position: absolute; width: 90%; height: 280px;bottom: 0px; webkit-transform: translate(0%, -32%); -moz-transform: translate(0%, -32%); transform: translate(0%, -32%); z-index: 10; } .pro_img_qd1 .xz1 {width: 32%;display: none;height: 32%; text-align: center; position: relative; top: -65px; right: -65%; background: url(../images/xz1.png) no-repeat center center; background-size: 98%;} } .i_box5_c_r_ul li .div1 .ipt2 { width: 100%; height: 60px; border: 2px solid #28d223; padding: 10px 15px; font-size: 16px; color: #fff; font-family: "微软雅黑"; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background-color: transparent;} .pro_img_qd1{position: absolute; width: 90%; height: 280px; bottom: 0px; webkit-transform: translate(0%, -12%); -moz-transform: translate(0%, -12%); transform: translate(0%, -12%); z-index: 10;} } @media screen and (max-width: 1024px) and (min-width: 1024px){ .pro_img_qd1 { position: relative; width: 100%; margin: 0px auto; bottom: 0; height: 300px; top: 36%; left: 0%;} .wd{position: absolute;color: #222;font-size: 20px;line-height: 2;z-index: 6;top: 50px;left: -3%;padding:0 4%;opacity: 0;filter: alpha(opacity=0);-webkit-transform: translateY(100PX);-ms-transform: translateY(-90%);-o-transform: translateY(100PX);transform: translateY(100PX);transition: all 0.8s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;-webkit-transition: transition: all 0.8s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;} } @media screen and (min-width:375px) and (max-width: 375px){ .jngs .ws li { height: 90px;} .jngs .ws .custom{height: 90px;line-height: 90px;} .i_box5_c { padding-top: 0px;} }