@charset "utf-8"; body { max-width: 100%; width: 100%; overflow: hidden; color: #666666; margin: 0 auto; font-size: 0.1rem; position: relative; } .container { width: 93.75%; margin: 0 auto; } .container2 { width: 72.91%; margin: 0 auto; } .container3 { } .img { line-height: 0; } .img img{ width: 100%; } .relative{ position: relative; } .left { float: left; } .right { float: right; } .hidden { overflow: hidden; } .center { text-align: center; } .clearfix { clear: both; } .page { text-align: center; } .page a { font-size: 16px; color: #666666; width: 50px; height: 50px; display: inline-block; margin: 0 5px; border:1px solid #d6d8d8; border-radius: 0 15px 0 15px; overflow: hidden; line-height: 50px; text-align: center; vertical-align: top; } .page a.cur, .page a:hover { color: #fff; background: #0b9c9e; border:1px solid #0b9c9e; } .page a.prev, .page a.next { width: auto; position: relative; } .page a.prev{ padding: 0 18px; } .page a.next{ padding: 0 18px; } .page a.prev:hover, .page a.next:hover { color: #fff; background: #0b9c9e; border:1px solid #0b9c9e; } .page a.prev i, .page a.next i{ width: 11px; height: 10px; display: inline-block; } .page a.prev i{ margin-right: 9px; background: url(../images/page_jt.png) center center/cover; } .page a.next i{ margin-left: 9px; background: url(../images/page_jt2.png) center center/cover; } .page a.prev:hover i{ background: url(../images/page_jt_2.png) center center/cover; } .page a.next:hover i{ background: url(../images/page_jt2_2.png) center center/cover; } /*绉诲姩绔?/ /**mobile nav**/ .mo_header { position: relative; padding: 0.3rem 0; } .mo_header .logo { float: left; width: 50px; line-height: 0; } .mo_header .nav { float: right; position: absolute; right: 0.3rem; top: 53%; transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); cursor: pointer; width: 0.4rem; } .nav_box { width: 100%; height: 100%; position: fixed; right: auto; top: 0; bottom: 0; right: -100%; overflow: auto; z-index: 99999999; background: rgba(50, 58, 67, .93); transition: all .8s; -o-transition: all .8s; -moz-transition: all .8s; -ms-transition: all .8s; -webkit-transition: all .8s; } .nav_box.cur { right: 0; } .mo_header .nav_sousuo, .mo_header .nav_quanqiu { position: absolute; top: 50%; transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); } .mo_header .nav_sousuo { right: 1.98rem; width: 0.26rem; height: 0.26rem; } .mo_header .nav_quanqiu { right: 1.42rem; width: 0.28rem; height: 0.27rem; } .mo_header:before { width: 1px; height: 100%; background: #f5f5f5; position: absolute; right: 1.05rem; top: 0; content: ""; } .nav_box .box { /*background: #212222;*/ width: 100%; height: 100%; position: relative; z-index: 2; } .nav_box .nav-title { height: 57px; position: relative; border-bottom: 1px solid rgba(255, 255, 255, 0.06); } .nav_box .nav-title .navclose { width: 22px; height: 22px; display: block; font-size: 0; line-height: 41px; position: absolute; right: 15px; top: 50%; z-index: 2; transform: translateY(-50%); } .nav_box .nav-title .navclose img { width: 100%; } .nav_box .nav-title h1 { text-align: left; width: 68px; margin-left: 15px; line-height: 0; padding-top: 11px; } .nav_box .nav-title h1 img { width: 100%; } .nav_box .navlist { width: 100%; padding-bottom: 20px; } .nav_box .navlist ul>li { float: left; width: 100%; font-size: 16px; line-height: 60px; border-bottom: 1px solid rgba(255, 255, 255, .06); padding: 0 15px; text-transform: capitalize; } .nav_box .navlist ul>li>a { display: block; color: #fff; position: relative; } .nav_box .navlist ul>li>a:before { content: ""; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 8px; height: 12px; background: url(../images/icon_jt.png) no-repeat center center / cover; } .navlist>ul>li .navlist2 { border-top: 1px solid rgba(255, 255, 255, .06); display: none; padding: 10px 0; } .navlist>ul>li .navlist2 a { display: block; width: 100%; color: #fff; font-size: 15px; line-height: 34px; } .navlist>ul>li .navlist2 .navlist3 .box { padding-left: 15px; display: none; } .navlist>ul>li .navlist2 .navlist3 .box a { font-size: 14px; } .nav-overlay { transform: translateX(-100%); -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); transition: all .3s ease-out 0s; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; position: fixed; top: 0; left: 0; z-index: 9999; background: #212222; width: 100%; height: 100%; -webkit-transition: opacity .5s ease; transition: opacity .5s ease; } .nav-overlay .guanbi { position: absolute; right: 30px; top: 30px; width: 34px; height: 34px; cursor: pointer; } .nav-overlay .nav-columns { position: absolute; top: 50%; left: 50%; width: 80%; max-width: 900px; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .nav-overlay .nav-columns .nav-column-left { padding-top: 5px; } .nav-overlay .nav-columns .nav-column-left h3 { font-size: 24px; color: #db9d53; padding-bottom: 25px; position: relative; font-family: RobotoMedium; } .nav-overlay .nav-columns .nav-column-left h3:before { content: ""; position: absolute; left: 0; bottom: 0; width: 23px; height: 2px; background: #fff; font-family: RobotoMedium; } .nav-overlay .nav-columns .nav-column-left .t { line-height: 36px; font-size: 16px; margin-top: 15px; color: #fff; } .nav-overlay .nav-columns .nav-column-right { text-align: right; } .nav-overlay .nav-columns .nav-column-right ul li { position: relative; font-size: 22px; margin-bottom: 30px; letter-spacing: 5px; } .nav-overlay .nav-columns .nav-column-right ul li a { color: #fff; display: block; transition: all .3s ease; width: 240px; text-align: left; } .nav-overlay .nav-columns .nav-column-right ul li a i { display: inline-block; width: 0; height: 1px; position: relative; top: -6px; margin-right: 5px; transition: all .5s; background: #fff; } .nav-overlay .nav-columns .nav-column-right ul li:hover a i, .nav-overlay .nav-columns .nav-column-right ul li.cur a i { width: 30px; } /**/ .mo_header{display: none;} .header{ color: #ffffff; position: relative; } .header .container{ /*position: relative;*/ height: 100%; text-align: center; } .header .logo{ float: left; width: 76px; padding-top: 18px; } .header .logo .img2{display: none;} .header .header_a{ /*float: left; margin-left: 3rem;*/ display: inline-block; } .header .header_a ul li{ float: left; /* margin-right: 40px;*/ padding: 0 19px; } .header .header_a ul li.cur a:before,.header .header_a ul li:hover a:before{ /*border-bottom: 2px solid #0b9c9e;*/ content: ""; position: absolute; bottom: -3px; width: 100%; height: 2px; left: 0; background: #0b9c9e; } .header .header_a ul li:last-child{ padding-right: 0; } .header .header_a ul li a{ color: #333333; font-size: 18px; padding: 30px 0; display: block; position: relative; /*border-bottom: 2px solid rgba(255,255,255,0);*/ } .header .header_a ul li a:hover{ color: #333333; font-size: 18px; padding: 30px 0; display: block; position: relative; /*border-bottom: 2px solid rgba(255,255,255,0);*/ } .header .header_a ul li > a{font-weight: bold;} .header .header_b{ position: absolute; right: 3.125%; top: 50%; transform: translateY(-50%); color: #333333; font-size: 16px; z-index: 5; } .header .header_b .yuyan{ background: url(../images/yuyan.png) center center/cover; display: inline-block; width: 16px; height: 16px; top: 2px; position: relative; margin-right: 5px; } .header .header_b .header_b_box{ position: absolute; top: 100%; width: 100px; left: 0; padding: 10px 10px 0; background: #fff; border:1px solid #ccc; display: none; } .header .header_b .header_b_box a{font-size: 14px;display: block;margin-bottom: 10px;text-align: left;} .header .header_b:hover .header_b_box{display: block;} .header .header_b .jt{ background: url(../images/yuyan_b.png) center center/cover; display: inline-block; width: 9px; height: 5px; margin-left: 5px; top:-2px; position: relative; margin-right: 5px; } .header .tbnav{ width: 100%; position: absolute; top: 100%; left: 0; z-index: 11; background: #eaf1f1; padding-top: 74px; padding-bottom: 84px; display: none; } .header .header_a ul li:hover .tbnav{ display: block; } .header .tbnav .left{ width: 62.14%; } .header .tbnav .left .left1{ float: left; width: 41.6%; text-align: left; padding-right: 110px; } .header .tbnav .left .left1 .cn{ color: #333333; font-size: 26px; } .header .tbnav .left .left1 .en{ font-size: 16px; color: #0b9c9e; text-transform: uppercase; font-weight: bold; margin-top: 6px; } .header .tbnav .left .left1 .js{ font-size: 14px; color: #666666; margin-top: 14px; line-height: 1.8; } .nav_box .navlist ul p a{ color: #fff; font-size: 16px; padding: 0 15px; line-height: 60px; } .nav_box .navlist ul p { text-align: center; } .header .tbnav .left .left1 .js:hover a { color: #fff; border: 1px solid #0b9c9e; background: #0b9c9e; } .header .tbnav .left .left1 .more{display: inline-block;padding: 12px 36px 12px 42px;margin-top: 42px;border-bottom: 1px solid #cccccc;} .header .tbnav .left .left1 .more:before{ display: none; } .header .tbnav .left .right1{ float: left; width: 58.4%; padding-right: 80px; border-right: 1px solid #e0e5e5; } .header .tbnav .right{ width: 37.86%; padding-left: 80px; } .header .tbnav .right dl{ margin-top: -24px; } .header .tbnav .right dl dd{ } .header .tbnav .right dl dd a{ padding: 22px 26px; border-bottom: 1px solid #d4dada; font-size: 18px; color: #666666; text-align: left; position: relative; } .header .tbnav .right dl dd a:hover{ color: #333333; } .header .tbnav .right dl dd a:before{ content: ""; width: 18px; height: 4px; position: absolute; left: 0; top: 50%; transform: translateY(-50%); background: #0b9c9e; border-radius: 0 25px 0 25px; } .header{ position: absolute; top: 0; width: 100%; z-index: 6; background: #fff; -webkit-transition: all ease .4s; transition: all ease .4s; } .qingchu{ position: relative; } .fixed-head{ position: absolute; top: 0; width: 100%; background: none; z-index: 6; } .fixed-head .logo .img1{display: none;} .fixed-head .logo .img2{display: block;} .fixed-head .header_a ul li > a{color: #fff;} .fixed-head .header_b a{color: #fff;} .fixed-head .header_b .yuyan{ background: url(../images/yuyan2.png) center center/cover; } .fixed-head .header_b .jt{ background: url(../images/yuyan_b2.png) center center/cover; } .fixed-head .header_b .header_b_box a{color: #333;} .footer{ background: #1c1c1c; } .footer .container{ width: 88%; } .footer .top{ border-bottom: 1px solid #272727; } .footer .top .logo{ float: left; /*width: 198px;*/ width: 350px; padding-top: 26px; } .footer .top .footer_nav{ float: right; /*width: 56.7%;*/ } .footer .top .footer_nav ul li{ float: right; margin-left: 36px; border-bottom: 2px solid #1c1c1c; } .footer .top .footer_nav ul li:last-child{ margin-left: 0; } .footer .top .footer_nav ul li a{ padding: 36px 0; font-size: 17px; color: rgba(255,255,255,0.6); display: block; } .footer .top .footer_nav ul li.cur,.footer .top .footer_nav ul li:hover{ border-bottom: 2px solid #0b9c9e; } .footer .btm{ padding: 90px 0 80px; } .footer .btm .en{ color: rgba(255,255,255,0.4); font-size: 20px; text-transform: uppercase; line-height: 1; } .footer .btm .cn{ color: rgba(255,255,255,0.4); font-size: 14px; line-height: 1; margin-top: 7px; margin-bottom: 30px; } .footer .btm .btm_a{ float: left; width: 22.77%; position: relative; padding-right: 20px; } .footer .btm .btm_a:before{ position: absolute; height: 100%; right: 0; top: 0; width: 1px; background: #252525; content: ""; } .footer .btm .btm_a .text{ /*margin-top: 24px;*/ color: rgba(255,255,255,0.7); font-size: 14px; line-height: 2; } .footer .btm .btm_a .text h3{ font-size: 18px; font-weight: initial; } .footer .btm .btm_b{ float: left; width: 34.22%; padding: 0 76px; } .footer .btm .btm_b ul{ /*margin-top: 26px;*/ } .footer .btm .btm_b ul li{ float: left; width: 50%; position: relative; } .footer .btm .btm_b ul li .img{ float: left; width: 45%; } .footer .btm .btm_b ul li .wenzi{ position: absolute; width: 55%; right: 0; top: 50%; transform: translateY(-50%); padding-left: 18px; line-height: 1.8; font-size: 13px; } .footer .btm .btm_b ul li .img img{width: 100%;} .footer .btm .btm_c{ float: left; width: 43.01%; padding-left: 70px; position: relative; } .footer .btm .btm_c:before{ position: absolute; height: 100%; left: 0; top: 0; width: 1px; background: #252525; content: ""; } .footer .btm .btm_c .left{ float: left; width: 35%; } .footer .btm .btm_c .left .box{ /*margin-top: 18px;*/ position: relative; border-top: 1px solid #2a2a2a; padding-top: 34px; } .footer .btm .btm_c .left .box a{ color: #666666; padding: 6px 20px; border-radius: 0 16px 0 16px; overflow: hidden; font-size: 12px; display: inline-block; margin-bottom: 12px; border:1px solid #666666; } .footer .btm .btm_c .left .box a i{ width: 10px; height: 10px; top: 1px; margin-left: 4px; background: url(../images/more_i_h.png) center center/cover; } .footer .btm .btm_c .left .box .bt{ position: relative; border-bottom: 1px solid #2a2a2a; } .footer .btm .btm_c .left .box .bt a{ color: rgba(255,255,255,0.6); font-size: 16px; display: block; padding-bottom: 12px; } .footer .btm .btm_c .left .box .bt .wz{ background: url(../images/footer_weizhi.png) center center/cover; width: 9px; height: 12px; display: inline-block; margin-right: 7px; } .footer .btm .btm_c .left .box .bt .jt{ background: url(../images/footer_jt.png) center center/cover; width: 9px; height: 6px; position: absolute; right: 0; top: 50%; transform: translateY(-50%); } .footer .btm .btm_c .left .box .nr{ position: absolute; top: 100%; left: 0; width: 100%; background: #333; display: none; } .footer .btm .btm_c .left .box .nr a{ display: block; color: #fff; font-size: 14px; padding: 4px 20px; } .footer .btm .btm_c .left .box:hover .nr{display: block;} .footer .btm .btm_c .left .text{ margin-top: 22px; } .footer .btm .btm_c .left .text .text_a{display: none;} .footer .btm .btm_c .left .text .text_a.cur{display: block;} .footer .btm .btm_c .left .text .bt{ color: rgba(255,255,255,0.7); font-size: 16px; } .footer .btm .btm_c .left .text .wenzi{ color: rgba(255,255,255,0.7); font-size: 14px; line-height: 1.8; margin-top: 8px; } .footer .btm .btm_c .right{ width: 57.9%; margin-top: -78px; } .banquan{ background: #161616; padding: 26px 0; } .banquan .fx a{ float: left; width: 21px; height: 17px; margin-right: 14px; } .banquan .fx a:last-child{ margin-right: 0; } .banquan .fx a.weixin{ background: url(../images/footer_weixin.png) center center/cover; } .banquan .fx a.weibo{ background: url(../images/footer_weibo.png) center center/cover; } .banquan .fx a.in{ background: url(../images/footer_in.png) center center/cover; } .banquan .right{color: rgba(255,255,255,0.2);} .banquan .right a{color: rgba(255,255,255,0.2);} .banner .box1 .text{ width: 80%; margin: 0 auto; text-align: center; position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-50%); } .banner .box1 .text .cn{ font-size: 74px; color: #ffffff; } .banner .box1 .text .en{ font-size: 34px; color: #ffffff; margin-top: 30px; } .banner .box1 .text .en i{ display: inline-block; width: 36px; height: 4px; background: rgba(255,255,255,0.5); margin: 0 24px; border-radius: 0 25px 0 25px; position: relative; top: -10px; } .banner .box1 .more{ margin-top: 50px; } .more{ font-size: 16px; color: #ffffff; border: 2px solid #919da7; display: inline-block; padding: 12px 36px 12px 42px; border-radius: 0 25px 0 25px; } .more:hover{color: #fff;} .more2:hover{color: #666666;} .more i{ position: relative; display: inline-block; background: url(../images/more_i.png) center center/cover; width: 16px; height: 15px; margin-left: 5px; top: 2px; } .more2{ color: #666666; border:1px solid #cccccc; } .more2:hover{ color: #fff; border:1px solid #0b9c9e; background: #0b9c9e; } .more2 i{ background: url(../images/more_i_2.png) center center/cover; } .more2:hover i{ background: url(../images/more_i_66.png) center center/cover; } .header .tbnav .left .left1 .more:hover{color: #fff;} .banner.swiper-pagination{opacity: 0;} .banner .swiper-pagination-bullet{width: 0;height: 0;} .banner .banner_zsd{ position: absolute; right: 3.125%; bottom: 60px; z-index: 10; width: 50%; text-align: right; } .banner .banner_zsd .num{ font-size: 14px; color: #ffffff; } .banner .banner_zsd .num .dian{ width: 15px; height: 15px; display: inline-block; border-radius: 100%; top: 2px; position: relative; border:4px solid rgba(255,255,255,0); cursor: pointer; } .banner .banner_zsd .num .dian2{ border:4px solid rgba(255,255,255,0.14); } .banner .banner_zsd .num .dian i{background: #fff;display: block;border-radius: 100%;width: 100%;height: 100%;} .banner .banner_zsd .num span{ font-size: 14px; color: #ffffff; } .banner .banner_sbxh{ position: absolute; left: 3.125%; bottom: 0; z-index: 10; color: #ffffff; font-size: 12px; padding-bottom: 62px; padding-left: 14px; border-left: 1px solid #36424b; line-height: 1; } .banner .banner_sbxh:before{ content: ""; position: absolute; top: 0; left: -1px; width: 1px; background: #9aa0a4; height: 30px; } .banner .banner_sbxh:before{ -webkit-animation:sbxh 2s linear infinite; } @-webkit-keyframes sbxh{ 0%{top:0; opacity: 1;} 25%{top:25%; opacity: 0.75;} 50%{top:50%; opacity: 0.5;} 75%{top:75%; opacity: 0.25;} 100%{top:100%; opacity: 0;} } .title .cn{ font-size: 50px; color: #222222; line-height: 1; } .title .en{ color: #0b9c9e; font-size: 16px; text-transform: uppercase; margin-top: 18px; } .title .js{ color: #666666; font-size: 16px; line-height: 1.8; margin-top: 20px; } .title .en i{ width: 35px; height: 4px; background: #0b9c9e; display: inline-block; border-radius: 0 25px 0 25px; position: relative; top: -4px; margin-right: 8px; } .title .title_line_height{ line-height: initial; } .home_a{ padding: 144px 0 190px; background: url(../images/home_a_bg.jpg) center center/cover; } .home_a .left{ width: 26.14%; padding-right: 30px; } .home_a .right{ width: 73.86%; } .home_a .right .text{ font-size: 16px; color: #666666; line-height: 2; } .home_a .right .ul{ margin-top: 50px; } .home_a .right .ul li{ float: left; width: 25%; padding-right: 18px; } .home_a .right .more:hover{ color: #fff; border:1px solid #0b9c9e; background: #0b9c9e; } .home_a .right .more:hover i{ background: url(../images/more_i.png) center center/cover; } .touzi_b .left .more:hover{ color: #0b9c9e; border:1px solid #0b9c9e; background: #fff; } .touzi_b .left .more:hover i{ background: url(../images/xiazai_icon2.png) center center/cover; } .home_b .left .more:hover{ color: #fff; border:1px solid #0b9c9e; background: #0b9c9e; } .home_b .left .more:hover i{ background: url(../images/more_i.png) center center/cover; } .home_e .home_e_a .more:hover{ color: #fff; border:1px solid #0b9c9e; background: #0b9c9e; } .home_e .home_e_a .more:hover i{ background: url(../images/more_i.png) center center/cover; } .home_a .right .ul li .shuzi{ font-size: 58px; color: #0b9c9e; font-weight: bold; } .banner .box1 .more:hover{ color: #fff; border:2px solid #0b9c9e; background: #0b9c9e; } .home_a .right .ul li .shuzi span{ font-size: 24px; position: relative; top: -2px; } .home_c .ul li .right .more:hover{ color: #fff; border:1px solid #0b9c9e; background: #0b9c9e; } .home_c .ul li .right .more:hover i{ background: url(../images/more_i.png) center center/cover; } .home_a .right .ul li .js{ font-size: 18px; color: #666666; margin-top: 6px; } .home_a .right .more{ margin-top: 76px; } .home_b{ padding: 140px 0 130px; background: url(../images/home_b_bg.jpg) center center/cover; } .home_b .left{ width: 34.71%; } .home_b .left .more{ margin-top: 34px; } .home_b .left .ul{ margin-top: 56px; } .home_b .left .ul li{ position: relative; padding: 24px 0; border-bottom: 1px solid #d7dddd; } .home_b .left .ul li .bt{ padding-right: 20px; font-size: 26px; color: #222222; position: relative; } .home_b .left .ul li:before{ content: ""; left: 0; bottom: -1px; transition: all 0.6s; height: 1px; width: 0; background: #0b9c9e; position: absolute; } .home_b .left .ul li:hover .bt{ color: #0b9c9e; } .home_b .left .ul li:hover:before{ width: 100%; } .home_b .left .ul li .bt i{ position: absolute; display: inline-block; background: url(../images/more_i_2.png) center center/cover; width: 16px; height: 15px; top: 9px; right: 0; } .home_c{ padding: 0 0 90px; position: relative; background: #eaf1f1; } .home_c .container2{ background: url(../images/home_c_c_bg.jpg) right bottom/cover no-repeat; width: 100%; z-index: 2; position: relative; padding: 104px 13.54% 104px 10.4%; margin-left: 3.1%; border-radius: 5px; overflow: hidden; } .home_c .ul{ margin-top: 42px; } .home_c .ul li{ float: left; width: 47.5%; margin-right: 5%; margin-bottom: 20px; } .home_c .ul li:nth-child(2n){ margin-right: 0; } .home_c .ul li .nr{ padding-top: 30px; } .home_c .ul li .left{ width: 70%; } .home_c .ul li .left .bt{ font-size: 28px; color: #222222; } .home_c .ul li .left .js{ font-size: 16px; color: #666666; margin-top: 10px; } .home_c .ul li .right{padding-top: 10px;} .home_d{ margin-top: -316px; position: relative; z-index: 1; padding: 370px 0 70px; background: url(../images/home_d_bg.jpg) left top/cover no-repeat; } .home_d .left{ width: 30.28%; } .home_d .right{ width: 46%; } .home_d .left .title .en i{background: #fff;} .home_d .left .title .cn,.home_d .left .title .en,.home_d .left .title .js{color: #fff;} .home_d .right .ul li .left1{ width: 12.6%; float: left; } .home_d .right .ul li{ margin-bottom: 86px; } .home_d .right .ul li .right1{ float: left; width: 87.4%; padding-left: 18px; } .home_d .right .ul li .right1 .bt{ color: #ffffff; font-size: 24px; line-height: 1.2; } .home_d .right .ul li .right1 .js{ font-size: 15px; color: #ffffff; margin-top: 10px; } .home_e{ background: #f1f5f5; padding: 104px 0 90px; } .home_e .home_e_a{ display: table; width: 100%; position: relative; } .home_e .home_e_a .title{ float: left; } .home_e .home_e_a .more{ position: absolute; right: 0; top: 20%; } .home_e .home_e_b{ margin-top: 30px; } .home_e .home_e_b .box{ background: #fff; border-radius: 8px; overflow: hidden; } .home_e .home_e_b .box1{/*height: 550px;*/overflow: hidden;} .home_e .home_e_b .box .text{ padding: 30px 35px 30px; } /*.home_e .home_e_b .box .img{ overflow: hidden; }*/ .home_e .home_e_b .box .img img{ transition: all .36s; padding: 20px 20px; } .home_e .home_e_b .box:hover .img img{ transform: scale(1.01); padding: 0 0 11px; /*margin-bottom: 20px;*/ } .home_e .home_e_b .box .text .time{ color: #999999; font-size: 14px; } .home_e .home_e_b .box .text .bt{ color: #333333; font-size: 22px; margin-top: 15px; height: 56px; overflow: hidden; } .home_e .home_e_b .box .text .gd{ font-size: 16px; color: #666666; margin-top: 52px; display: inline-block; } .home_e .home_e_b .box .text .gd i{ display: inline-block; width: 18px; height: 12px; background: url(../images/home_e_jt.png) center center/cover; position: relative; top: 0; margin-left: 6px; } .home_e .home_e_b .box .text .js{ font-size: 16px; color: #999999; margin-top: 16px; line-height: 1.6; height: 48px; overflow: hidden; } .home_e .home_e_b .box2{ padding: 30px 30px 34px; } .home_e .home_e_b .box2 .text{ padding: 0; } .home_e .home_e_b .box2:nth-child(1){ margin-bottom: 20px; } .home_e .home_e_b { padding-bottom: 76px; position: relative; } .home_e .home_e_b .swiper-pagination{ position: absolute; top: auto; width: 90%; bottom: 24px; height: 2px; background: #e2e5e5; } .home_e .home_e_b .swiper-pagination-progress .swiper-pagination-progressbar{ background: #0b9c9e; } .home_e .home_e_b .swiper-button-prev,.home_e .home_e_b .swiper-button-next{ width: 47px; height: 47px; position: absolute; top: auto; bottom: 0; } .home_e .home_e_b .swiper-button-prev{ background: url(../images/home_e_jtl.png) center center/cover; left: auto; right: 60px; } .home_e .home_e_b .swiper-button-prev:hover{ background: url(../images/home_e_jtl2.png) center center/cover; } .home_e .home_e_b .swiper-button-next{ background: url(../images/home_e_jtr.png) center center/cover; left: auto; right: 0; } .home_e .home_e_b .swiper-button-next:hover{ background: url(../images/home_e_jtr2.png) center center/cover; } @media(max-width: 1680px){ .container2{width: 80%;} .footer .top .footer_nav ul li a{font-size: 15px;} .banquan{ padding: 20px 0; } .header .tbnav .right dl dd a{font-size: 16px;} } @media(max-width: 1600px){ .header .header_a ul li a{ font-size: 16px; } .header .header_a ul li a:hover{ font-size: 16px; } .banner .box1 .text .cn{ font-size: 60px; } .banner .box1 .text .en{ font-size:28px; margin-top: 20px; } .banner .box1 .text .en i{ top: -6px; margin: 0 18px; } .banner .box1 .more { margin-top: 30px; } .title .cn{font-size: 40px;} .title .en{font-size: 14px;} .title .js{font-size: 14px;} .home_a{padding: 100px 0 130px;} .home_a .right .text{font-size: 14px;} .home_a .right .ul li .shuzi{ font-size: 48px; } .home_a .right .ul li .shuzi span{font-size: 20px;} .more{ font-size: 14px; padding: 11px 32px 11px 38px; } .home_b{ padding: 100px 0; } .home_b .left .ul li{ padding: 20px 0; } .home_b .left .ul { margin-top: 44px; } .home_b .left .ul li .bt{font-size: 20px;} .home_b .left .ul li .bt i{top: 6px;} .home_c{ padding: 76px 0 70px; } .home_c .ul li .nr { padding-top: 24px; } .home_c .ul li .left .bt{ font-size: 22px; } .home_c .ul li .left .js{font-size: 14px;} .home_d .right .ul li { margin-bottom: 54px; } .home_d .right .ul li .right1 .bt{ font-size: 18px; } .home_d .right .ul li .right1 .js{font-size: 14px;} .home_e .home_e_b .box .text .bt{ font-size: 18px; height: 46px; } .home_e .home_e_b .box2 { padding: 26px 30px 34px; } .home_e .home_e_b .box .text .gd{margin-top: 40px;} .home_e .home_e_b .swiper-button-prev, .home_e .home_e_b .swiper-button-next{ width: 40px; height: 40px; } .home_e .home_e_b .swiper-pagination{bottom: 16px;} .home_c .container2{ padding: 60px 13.54% 60px 7%; } .home_d{ margin-top: -180px; padding: 230px 0 100px; } .footer .btm .btm_c .left .text .bt{font-size: 14px;} .footer .btm .btm_c .left .text .wenzi{font-size: 12px;} .footer .btm .btm_c .right{ margin-top: -26px; } .footer .btm { padding: 70px 0 60px; } .footer .btm .btm_b ul li .wenzi{font-size: 12px;padding-left: 8px;} .header .header_a ul li a { font-size: 14px; } .header .header_a ul li a:hover { font-size: 14px; } .header .tbnav{ padding-top: 54px; padding-bottom: 64px; } .header .tbnav .left .left1 .cn{font-size: 24px;} .header .tbnav .left .left1 .en{font-size: 14px;} .header .tbnav .right dl dd a{ padding: 20px 26px; } } @media(max-width: 1500px){ .home_e .home_e_b .box .text { padding: 20px 30px ; } .header .logo{width: 70px;padding-top: 10px;} .header .header_b{font-size: 14px;} .header .header_a ul li a{ padding: 24px 0; } .header .header_a{ /*margin-left: 2.6rem;*/ } .container2 { /*width: 92%;*/ } .title .cn { font-size: 36px; } .home_a .right .ul { margin-top: 38px; } .home_b .left .ul li .bt{ font-size: 18px; } .home_e .home_e_b .box .text .bt{ font-size: 16px; height: 42px; } .home_e .home_e_b .box .text .js{font-size: 13px;height: 38px;} .home_e .home_e_b .box .text .gd { margin-top: 26px; font-size: 14px; } .banner .box1 .text .en img{ width: 400px; } .home_a .right .ul li .js{font-size: 16px;} .header .tbnav .left .left1{ padding-right: 70px; } .header .tbnav .left .right1{ padding-right: 50px; } .header .tbnav .right{ padding-left: 50px; } .header .tbnav .left .left1 .more{margin-top: 30px;} .header .tbnav .right dl dd a { padding: 18px 26px; } .footer .top .footer_nav ul li{ margin-left: 24px; } .footer .top .footer_nav ul li a{font-size: 15px;} } @media(max-width: 1400px){ .home_c .container2{ padding: 40px 13.54% 40px 5%; } .container2 { width: 84%; } .title .cn { font-size: 34px; } .banner .box1 .text .cn { font-size: 48px; } .home_a .right .more { margin-top: 48px; } .home_a .right .ul li .shuzi { font-size: 42px; } .home_a .right .ul li .js{font-size: 14px;} .home_b .left .ul li .bt{font-size: 16px;} .home_c .ul li .left .bt{font-size: 18px;} .more { font-size: 14px; padding: 11px 22px 11px 28px; } .home_c { padding: 66px 0 60px; } .home_d { margin-top: -180px; padding: 190px 0 60px; } .home_e{ padding: 74px 0 50px; } .home_e .home_e_b .box .text .bt{ margin-top: 8px; } .home_e .home_e_b .box .text .time{font-size: 12px;} .footer .btm .btm_b { padding: 0 56px; } .footer .btm .btm_c{ padding-left: 50px; } } @media(max-width: 1300px){ .footer .btm .btm_b ul li .img{width: 66%;} .footer .btm .btm_b ul li .wenzi{display: none;} .header .header_a{ /*margin-left: 2rem;*/ } } @media(max-width: 1200px){ .home_e .home_e_b .box .text { padding: 18px 10px ; } .home_e .home_e_b .box3{position: relative;} .home_e .home_e_b .box3 .text{ position: absolute; top: 50%; transform: translateY(-50%); left: 30px; right: 30px; } .header .header_a { /* margin-left: 1.4rem;*/ } .header .header_a ul li{padding: 0 14px;} .footer .top .footer_nav{ width: 100%; float: left; } .footer .top .footer_nav > ul{ display: inline-block; } } @media(max-width: 1101px){ .home_e .home_e_b .box:hover .img img{ transform: scale(1); padding: 20px 20px; } .footer .container{ padding: 0 20px; width: 100%; } .banner .box1 .text{ width: 94%; } .home_c .container2{ margin-left: 0; padding: 0 20px; } .home_e .home_e_b .box1{height: auto;overflow: hidden;} .container2{ width: 100%; padding: 0 20px; } .header{display: none;} .mo_header{display: block;} .banner .box1 .text .cn { font-size: 40px; } .banner .box1 .text .en{ font-size:20px; margin-top: 14px; } .banner .box1 .text .en i{ width: 20px; height: 2px; top: -6px; margin: 0 6px; display: none; } .title .cn { font-size: 30px; } .home_a { padding: 40px 0; } .home_a .left{width: 100%;} .home_a .right{width: 100%;margin-top: 30px;} .home_b .left{width: 50%;} .home_b { padding: 40px 0; } .home_c{ background: #fff; padding: 40px 0; } .home_c .more{display: none;} .home_c .ul li .left{width: 100%;} .home_c .ul li .nr{padding-top: 16px;} .home_d { margin-top: 0; padding: 40px 0; } .home_d .left{width: 100%;margin-bottom: 40px;position: relative;} .home_d .right {width: 100%;} .home_d .right .ul li .left1{width: 70px;} .home_d .right .ul li .right1 {float: right;} .home_d .right .ul li .right1 .bt{font-size: 16px;} .home_e .home_e_b .swiper-pagination{ width: 86%; } .home_e { padding: 40px 0 45px; } .home_d .right .ul li { margin-bottom: 30px; } .home_e .home_e_b .swiper-button-prev, .home_e .home_e_b .swiper-button-next{width: 36px;height: 36px;} .banner .banner_sbxh{display: none;} .banner .banner_zsd{ bottom: 20px; right: 20px; } .home_e .home_e_b { padding-bottom: 30px; } .home_a .right .ul li .shuzi{font-size: 32px;} .home_a .right .more { margin-top: 28px; } .footer .top .footer_nav{display: none;} .footer .top{padding-bottom: 20px;} .footer .btm { padding: 40px 0 30px; } .footer .btm .btm_a{ width: 50%; } .footer .btm .btm_a:before{display: none;} .footer .btm .btm_b{ width: 50%; } .footer .btm .btm_c{ width: 100%; padding-left: 0; margin-top: 60px; } .footer .btm .btm_c:before{display: none;} } @media(max-width: 768px){ .footer .btm .btm_c .left .box a{margin-right: 10px;} .footer .btm .btm_c .left .box br{display: none;} .banner .banner_zsd{ right: 0; width: 100%; text-align: center; } .home_e .home_e_b .swiper-pagination { width: 80%; } .banner .box1 .text .cn{ font-size: 30px; } .title .cn { font-size: 26px; } .footer .btm .btm_a{ width: 100%; margin-bottom: 30px; } .footer .btm .btm_b{ width: 100%; padding: 0; margin-bottom: 30px; } .footer .btm .btm_c {margin-top: 0;} .footer .btm .btm_c .left{width: 100%;} .footer .btm .btm_c .right{display: none;} .footer .btm .cn{ margin-bottom: 18px; } .banquan .left{width: 100%;} .banquan .fx{text-align: center;width: 100%;display: block;} .banquan .fx a{ float: none; display: inline-block; } .banquan .right{margin-top: 8px;float: none;margin-top: 10px;display: inline-block;text-align: center;width: 100%;} .footer .btm .en br{display: none;} } @media(max-width: 600px){ .footer .top .logo{width: auto;} .home_c .ul{margin-top: 30px;} .home_b{ position: relative; } .home_b .left{width: 100%;position: relative;z-index: 2} .home_b:before{ width: 100%; height: 100%; content: ""; position: absolute; left: 0; top: 0; background: rgba(255,255,255,0.8); z-index: 1; } .home_d .right .ul li .right1{ width: 83%; } .home_e .home_e_b .swiper-pagination { width: 75%; } .home_e .home_e_b .box{ /*padding: 14px 10px 16px;*/ } .home_e .home_e_b .box2 { padding: 26px 18px 34px; } .home_e .home_e_b { padding-bottom: 55px; margin-top: 20px; } .home_a .right .ul li{width: 50%;margin-bottom: 20px;padding-right: 8px;} .home_e .home_e_a .more{top: 0;} } @media(max-width: 460px){ .home_c .ul li{width: 100%;margin-right: 0;margin-bottom: 20px;} .home_d .right .ul li .right1 { width: 80%; } .home_e .home_e_b .swiper-button-prev{ right: 48px; } .home_e .home_e_b .swiper-pagination { width: 70%; } .home_e .home_e_b .box .text .js{display: none;} } @media(max-width: 400px){ .home_d .right .ul li .right1 { width: 74%; } } .nybanner_xq{ height: 4.11rem; } .nybanner{ height: 7.18rem; width: 100%; position: relative; } .nybanner .container2{ /*position: relative;*/ height: 100%; } .nybanner .text{ position: absolute; top: 50%; transform: translateY(-50%); width: 100%; left: 0; } .nybanner .text .cn{ font-size: 60px; color: #ffffff; line-height: 1; } .nybanner .text .en{ font-size: 20px; color: #ffffff; margin-top: 20px; } .nybanner .text .en i{ width: 35px; height: 4px; background: #fff; display: inline-block; border-radius: 0 25px 0 25px; position: relative; top: -4px; margin-right: 8px; } .nybanner .touzizhe{ position: absolute; width: 100%; bottom: 0; } .nybanner .touzizhe ul li{ float: left; width: 20%; text-align: center; } .nybanner .touzizhe ul li{ border-right: 1px solid #1a1a1a; } .nybanner .touzizhe ul li a{ padding: 18px 0; background: rgba(0,0,0,0.5); display: block; color: #fff; font-size: 20px; } .nybanner .touzizhe ul li.cur{ /* transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1);*/ } .nybanner .touzizhe ul li.cur a{ background: #0b9c9e; } .ny_bt{ font-size: 24px; } .ny_bt2{ font-size: 20px; } .ny_text{ font-size: 14px; line-height: 2; } .ny_text2{ font-size: 16px; line-height: 2; } /*涓氬姟鍙戝睍*/ .business_a{ padding: 140px 0 180px; background: url(../images/business_a_bg2.jpg) center center/cover ; } .business_a .right{ width: 54.2%; float: left; } .business_a .right .ny_text2{ margin-top: 30px; color: #333333; } .business_b{ background: url(../images/yewu_b_bg.jpg) center center/cover; padding: 130px 0 80px; } .business_b .business_b_a{ margin-top: 70px; padding-bottom: 90px; } .business_b .title .cn,.business_b .title .en,.business_b .title .js{color: #fff;} .business_b .title .en i{background: #fff;} .business_b .business_b_a .box{ /*height: 410px;*/ background: #ffffff; padding: 56px 30px; border-radius: 8px; overflow: hidden; } .business_b .business_b_a .box .img{ text-align: center; } .business_b .business_b_a .box:hover .img { -webkit-animation: shakea 0.5s 1; animation: shakea 0.5s 1; } .business_b .business_b_a .box img{ width: 66px; display: inline-block; } .business_b .business_b_a .box .bt{ font-size: 24px; color: #000000; margin-top: 18px; text-align: center; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .business_b .business_b_a .box .ny_text2{ line-height: 1.8; margin-top: 40px; height: 224px; overflow: auto; } .business_b .business_b_a .box .ny_text2::-webkit-scrollbar{ width: 2px; background: #a3a3a3; border-radius: 25px; overflow: hidden; } .business_b .business_b_a .box .ny_text2::-webkit-scrollbar-track{ border-radius: 25px; overflow: hidden; width: 2px; } .business_b .business_b_a .box .ny_text2::-webkit-scrollbar-track-piece{ width: 8px; } .business_b .business_b_a .box .ny_text2::-webkit-scrollbar-thumb{ background: #0b9c9e; border-radius: 25px; overflow: hidden; } .business_b .business_b_a .box .ny_text2::-webkit-scrollbar-button{ display: none; } .business_b .business_b_a .swiper-pagination{ bottom: 23px; top: auto; width: 90%; height: 2px; background: rgba(226,229,229,0.4); } .business_b .business_b_a .swiper-pagination-progress .swiper-pagination-progressbar{ background: #fff; } .business_b .swiper-button-prev,.business_b .swiper-button-next{ width: 47px; height: 47px; position: absolute; top: auto; bottom: 0; } .business_b .swiper-button-prev{ background: url(../images/yewu_b_jtl.png) center center/cover; left: auto; right: 60px; } .business_b .swiper-button-next{ background: url(../images/yewu_b_jtr.png) center center/cover; left: auto; right: 0; } .business_c{ background: #fff; padding: 128px 0 120px; } .business_c .business_c_top .left{ width: 34.28%; padding-right: 20px; } .business_c .business_c_top .right{ width: 65.12%; line-height: 1.8; font-size: 16px; } .business_c .business_c_btm{ margin-top: 70px; } .business_c .business_c_btm ul li{ float: left; width: 22.8%; margin-bottom: 12px; margin-right: 2.93%; text-align: center; padding-bottom: 20px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; cursor: pointer; position: relative; } .business_c .business_c_btm ul li:before{ position: absolute; width: 100%; bottom: 0; left: 0; height: 1px; background: #cccccc; content: ""; } .business_c .business_c_btm ul li .img{ width: 44px; display: inline-block; } .business_c .business_c_btm ul li .img .img2{display: none;} .business_c .business_c_btm ul li .bt{ font-size: 20px; color: #333333; display: inline-block; max-width: 80%; position: relative; top: -14px; margin-left: 18px; } .business_c .business_c_btm ul li.cur .img .img1{display: none;} .business_c .business_c_btm ul li.cur .img .img2{display: inline-block;} .business_c .business_c_btm ul li.cur .bt{color: #0b9c9e;} .business_c .business_c_btm ul li.cur:before{ position: absolute; width: 100%; bottom: -1px; left: 0; height: 3px; background: #0b9c9e; content: ""; border-radius: 0 25px 0 25px; } .business_c .business_c_btm ul li:nth-child(4n){margin-right: 0;} .business_c .business_c_btm .business_c_btm_box{ margin-top: 46px; } .business_c .business_c_btm .business_c_btm_box .box{display: none;background: #0b9c9e;border-radius: 8px;overflow: hidden;} .business_c .business_c_btm .business_c_btm_box .box.cur{display: block;} .business_c .business_c_btm .business_c_btm_box .box .left{ width: 50%; float: left; } .business_c .business_c_btm .business_c_btm_box .box .right{ width: 50%; float: right; padding: 54px; } .business_c .business_c_btm .business_c_btm_box .box .right .img{ width: 60px; display: inline-block; } .business_c .business_c_btm .business_c_btm_box .box .right .bt{ font-size: 26px; color: #ffffff; margin-top: 6px; } .business_c .business_c_btm .business_c_btm_box .box .right .ny_text2{color: #fff;line-height: 1.8;margin-top: 40px;} .business_d{ padding: 200px 0; background: url(../images/yewu_d_bg.jpg) center center/cover; } .business_d .text{ float: left; width: 64%; } .business_d .title .cn,.business_d .title .en{color: #fff;} .business_d .title .cn{ margin-top: 18px; } .business_d .ny_text2{ color: #fff; margin-top: 38px; } .business_d .more{color: #fff;margin-top: 68px;border:1px solid #fff;transition: all 0.3s;} .business_d .more:hover{ background: #fff; color: #0b9c9e; border:1px solid #fff; } .business_d .more:hover i{ background: url(../images/more_i_2.png) center center/cover; } @media(max-width: 1700px){ .business_a{ padding: 100px 0 120px; } .business_b{ padding: 100px 0 60px; } .business_b .business_b_a{margin-top: 50px;} .business_b .business_b_a .box .bt{font-size: 20px;} .business_b .business_b_a .box .ny_text2{font-size: 14px;margin-top: 30px;height: 170px;} .business_c{ padding: 110px 0 110px; } .business_c .business_c_btm{margin-top: 50px;} .business_c .business_c_btm ul li{ padding-bottom: 14px; } .business_c .business_c_btm ul li .bt{font-size: 16px;} .business_c .business_c_btm ul li .img{width: 40px;} .business_c .business_c_btm .business_c_btm_box { margin-top: 30px; } .business_c .business_c_btm .business_c_btm_box .box .right .img{width: 54px;} .business_c .business_c_btm .business_c_btm_box .box .right .ny_text2{margin-top: 30px;} .business_c .business_c_btm .business_c_btm_box .box .right .bt{font-size: 22px;} .business_c .business_c_btm .business_c_btm_box .box .right{ padding: 48px 40px; } .business_d{ padding: 160px 0; } .business_d .ny_text2{margin-top: 28px;} .business_d .more{margin-top: 50px;} .business_b .business_b_a .box img{width: 60px;} .business_b .business_b_a .swiper-pagination{width: 86%;} } @media(max-width: 1400px){ .business_b .business_b_a .box .bt{ font-size: 18px; } .business_b .business_b_a .box .ny_text2{margin-top: 20px;} .business_b .business_b_a{margin-top: 30px;} .business_c .business_c_btm .business_c_btm_box .box .right .bt{font-size: 20px;} .business_c .business_c_btm .business_c_btm_box .box .right .ny_text2{margin-top: 20px;} .business_a .right{ width: 50%; } .business_a{ padding: 90px 0 110px; } .business_b { padding: 80px 0 50px; } .business_c { padding: 80px 0; } .business_c .business_c_btm{margin-top: 30px;} .business_d { padding: 120px 0; } .business_b .swiper-button-next,.business_b .swiper-button-prev{ width: 40px; height: 40px; } .business_b .business_b_a .swiper-pagination{bottom: 16px;} .business_b .business_b_a{ padding-bottom: 60px; } .business_c .business_c_top .left{ width: 100%; } .business_c .business_c_top .right{ width: 100%; margin-top: 30px; } .business_c .business_c_btm .business_c_btm_box .box .right{ width: 100%; padding: 30px 18px; } .business_c .business_c_btm .business_c_btm_box .box .left{width: 100%;display: none;} .business_d { padding: 80px 0; } .business_d .text{width: 100%;} .business_d br{display: none;} } @media(max-width: 1100px){ .business_a:before{ position: absolute; width: 100%; height: 100%; content: ""; top: 0; left: 0; background: rgba(255,255,255,0.7); } .business_a .right{ width: 100%; position: relative; z-index: 3; } .business_b .business_b_a .swiper-pagination { width: 80%; } .business_c .business_c_btm ul li{ float: left; width: 48.5%; margin-right: 3%; text-align: left; } .business_c .business_c_btm ul li:nth-child(2n){ margin-right: 0; } } @media(max-width: 600px){ .business_a { padding: 60px 0; } .business_b { padding: 40px 0 50px; } .business_b .business_b_a .swiper-pagination { width: 74%; } .business_c { padding: 40px 0; } .business_c .business_c_top .right{margin-top: 20px;} .business_c .business_c_btm .business_c_btm_box .box .left{display: block;} .business_c .business_c_btm .box{ overflow: auto; } /*.business_c .business_c_btm ul{ width: 1000px; }*/ .business_c .business_c_btm ul li .img{ width: 30px; } .business_c .business_c_btm ul li .bt { top: -11px; font-size: 14px; } .business_c .business_c_btm ul li .bt{margin-left: 10px;} .business_c .business_c_btm .business_c_btm_box{margin-top: 15px;} .business_c .business_c_btm .business_c_btm_box .box .right .img{width: 50px;} .business_c .business_c_btm .business_c_btm_box .box .right .ny_text2{margin-top: 12px;} .business_d { padding: 60px 0; } .business_d .ny_text2{margin-top: 20px;} .business_d .more { margin-top: 30px; } .business_c .business_c_btm { margin-top: 20px; } } @media(max-width: 500px){ .business_b .business_b_a .swiper-pagination { width: 66%; } } /**/ .technology_a{ background: url(../images/technology_a_bg.jpg) top center/cover; padding: 170px 0 200px; } .technology_a .box{ width: 40%; } .technology_a .box .ny_text2{ margin-top: 50px; } .technology_b{ background: url(../images/technology_b_bg.jpg) center center/cover; padding: 70px 13.545% 70px 0; } .technology_b .left{ width: 58.1%; } .technology_b .left .img{ border-radius: 8px; overflow: hidden; } .technology_b .right{ width: 36.3%; position: absolute; right: 0; top: 50%; transform: translateY(-50%); } .technology_b .right .ny_text2{color: #fff;margin-top: 50px;} .technology_b .right .title .cn,.technology_b .right .title .en{ color: #fff; } .technology_b .right .title .en i{background: #fff;} .technology_c{ background: #f1f5f5; padding: 110px 0 136px; } .technology_c .left{ width: 50.5%; padding-right: 1.4rem; padding-top: 60px; } .technology_c .left .ny_text2{ margin-top: 40px; } .technology_c .right{ width: 49.5%; } .technology_c .right ul li{ float: left; width: 48.7%; margin-right: 2.6%; } .technology_c .right ul li:nth-child(2n){ margin-right: 0; } .technology_d{ padding: 96px 0 114px; background: #fff; } .technology_d ul li{ float: left; width: 23.8%; margin-right: 1.6%; border-radius: 8px; overflow: hidden; } .technology_d ul li:nth-child(4n){ margin-right: 0; } .technology_d ul li .text_a{ position: absolute; bottom: 30px; width: 100%; z-index: 3; padding: 0 24px; text-align: center; } .technology_d ul li .text_a .ny_bt2{color: #fff;} .technology_d ul li .text_b{ position: absolute; top: -100%; width: 100%; height: 100%; background: rgba(0,0,0,0.7); z-index: 3; color: #fff; transition: all 0.4s; } .technology_d ul li .text_b .box{ position: absolute; width: 100%; top: 50%; transform: translateY(-50%); padding: 0 30px; } .technology_d ul li .text_b .box .xian{ width: 35px; height: 4px; background: #fff; display: inline-block; border-radius: 0 25px 0 25px; margin: 24px 0; } .technology_d ul li .text_b .ny_text{ color: rgba(255,255,255,0.8); } .technology_d ul li:hover .text_a{display: none;} .technology_d ul li:hover .text_b{ top: 0; } @media(max-width: 1700px){ .nybanner .text .cn{ font-size: 50px; } .nybanner .text .en{font-size: 16px;} .nybanner .text .en i { width: 28px; top: -3px; } .title .cn{font-size: 38px;} .title .en{font-size: 14px;} .technology_a .box .ny_text2 { margin-top: 30px; } .technology_b .right .ny_text2{margin-top: 30px;} .technology_c .left .ny_text2{margin-top: 30px;} .technology_d ul li .text_b .box .ny_bt2{font-size: 18px;} .technology_d ul li .text_b .box .xian{margin: 16px 0;} .technology_d ul li .text_a .ny_bt2{font-size: 18px;} } @media(max-width: 1680px){ .technology_b{ padding: 70px 10% 70px 0; } } @media(max-width: 1600px){ .nybanner .text .cn { font-size: 44px; } .title .cn { font-size: 28px; } .title .en { font-size: 12px; } .technology_a .box .ny_text2 { margin-top: 20px; font-size: 14px; } .technology_b .right .ny_text2{font-size: 14px;margin-top: 20px;} .technology_c .left .ny_text2{margin-top: 20px;font-size: 14px;} } @media(max-width: 1500px){ .technology_b{ padding: 70px 10% 70px 0; } .technology_d ul li .text_b .box{ padding: 0 12px; } .technology_d ul li .text_b .ny_text{ line-height: 1.8; font-size: 13px; } .technology_d ul li .text_b .box .ny_bt2{font-size: 16px;} .technology_d ul li .text_a .ny_bt2{font-size: 16px;} .technology_c{ padding: 80px 0 106px; } } @media(max-width: 1400px){ .technology_a{ padding: 120px 0 140px; } .technology_b{ padding: 70px 8% 70px 0; } .technology_c .left{ padding-top: 32px; } } @media(max-width: 1300px){ .technology_d .container2{overflow: auto;} /* .technology_d ul { width: 1200px; }*/ .technology_b .right .ny_text2{ line-height: 1.8; } } @media(max-width: 1101px){ .nybanner .text{ padding: 0 20px; } } @media(max-width: 1000px){ .nybanner .text .cn{font-size: 28px;} .nybanner .text .en{font-size: 14px;} .nybanner .text .en i { height: 3px; margin-top: 10px; } .title .cn { font-size: 24px; } .title .en i{ width: 28px; height: 3px; } .technology_a .box{width: 80%;} .technology_b { padding-left: 20px; padding-right: 20px ; } .technology_b .left{width: 100%;} .technology_b .right{width: 100%;position: initial;display: inline-block;transform: initial;margin-bottom: 30px;} .technology_c .left{ width: 100%; padding-top: 0; padding-right: 0; margin-bottom: 20px; } .technology_c .right{ width: 100%; } } @media(max-width: 600px){ .title .en { margin-top: 12px; } .technology_a { padding: 40px 0 50px; } .technology_b{ padding: 40px 20px 50px; } .technology_c { padding: 40px 0 50px; } .technology_a .box{width: 100%;} /*.technology_a .box .ny_text2{margin-top: 10px;} .technology_b .right .ny_text2{margin-top: 10px;} .technology_c .left .ny_text2{margin-top: 10px;}*/ .title .cn br{display: none;} .technology_d { padding: 40px 0 54px; } /*.technology_d ul { width: 1100px; }*/ } .health_a{ padding: 120px 0 140px; background: url(../images/health_a_bg.jpg) top center/cover no-repeat; } .health_a .health_top .left{ width: 32.8%; padding-right: 20px; } .health_a .health_top .right{ width: 67.2%; } .health_a .health_btm{ margin-top: 140px; } .health_a .health_btm ul li{ float: left; width: 24.2%; margin-right: 1.06%; } .health_a .health_btm ul li:nth-child(4n){ margin-right: 0; } .health_a .health_btm ul li{ padding: 70px 0 30px; background: #fff; border-radius: 8px; overflow: hidden; position: relative; transition: all 0.4s; -o-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -webkit-transition: all 0.4s; } .health_a .health_btm ul li .bt{ position: relative; padding: 0 30px; } .health_a .health_btm ul li .bt:before{ position: absolute; right: 0; top: 0; height: 100%; background: #fafafa; width: 170px; content: ""; border-radius: 50px 0 0 0; } .health_a .health_btm ul li .bt .en{ text-transform: uppercase; font-size: 24px; color: #003333; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; position: relative; z-index: 3; } .health_a .health_btm ul li .bt .cn{ font-size: 20px; color: #003333; margin-top: 4px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; position: relative; z-index: 3; } .health_a .health_btm ul li .ny_text{ margin-top: 70px; height: 164px; overflow: hidden; padding: 0 30px; } .health_a .health_btm ul li .img{ width: 50px; height: 58px; margin: 10px 30px 0; } .health_a .health_btm ul li .img .img2{display: none;} .health_a .health_btm ul li:hover{ background: #0b9c9e; } .health_a .health_btm ul li:hover .bt .en{color: #fff;} .health_a .health_btm ul li:hover .bt .cn{color: #fff;} .health_a .health_btm ul li:hover .ny_text{color: #fff;} .health_a .health_btm ul li:hover .bt:before{ background: #17a1a3; } .health_a .health_btm ul li:hover .img .img1{display: none;} .health_a .health_btm ul li:hover .img .img2{display: block;} .health_b{ padding: 228px 0 200px; background: url(../images/health_b_bg.jpg) top center/cover no-repeat; } .health_b .left{ width: 53%; } .health_b .left .title .cn,.health_b .left .title .en{color: #fff;} .health_b .left .title .en i{background: #fff;} .health_b .left .ny_text2{ color: #fff; margin-top: 50px; } @media(max-width: 1680px){ .health_b{ padding: 180px 0 150px; } } @media(max-width: 1600px){ .ny_text2{font-size: 14px;} .health_a .health_btm ul li{ padding: 50px 0 20px; } .health_a .health_btm ul li .bt .en{font-size: 20px;} .health_a .health_btm ul li .bt .cn{font-size: 18px;} .health_a .health_btm ul li .ny_text{margin-top: 50px;} .health_b{ padding: 160px 0 120px; } .health_a .health_btm ul li .bt:before{width: 120px;} } @media(max-width: 1500px){ .health_a{ padding: 100px 0 120px; } .health_a .health_btm { margin-top: 100px; } .health_b { padding: 100px 0 120px; } } @media(max-width: 1100px){ .health_a .health_top .left{width: 100%;padding-right: 0;} .health_a .health_top .right{width: 100%;margin-top: 30px;} .health_a .health_btm ul li{ width: 48.5%; margin-right: 3%; margin-bottom: 20px; } .health_a .health_btm{ margin-top: 60px; } .health_a .health_btm ul li:nth-child(4n){ margin-right: 3%; } .health_a .health_btm ul li:nth-child(2n){ margin-right: 0; } .health_b .left{width: 100%;} .health_b .left .ny_text2{margin-top: 30px;} .health_a .health_btm ul li{width: 100%;margin-right: 0;} .health_a .health_btm ul li .ny_text{height: auto;margin-top: 30px;} .health_a .health_btm ul li .img{ width: 40px; height: 48px; margin-top: 30px; } .health_a .health_btm ul li .bt .en{font-size: 18px;} .health_a .health_btm ul li .bt .cn{font-size: 16px;} .health_a .health_btm { margin-top: 40px; } .health_b { padding: 60px 0 80px; } } @media(max-width: 600px){ .health_a { padding: 40px 0 50px; } .health_a .health_top .right{margin-top: 20px;} .health_b .left .ny_text2 { margin-top: 20px; } .health_a .health_btm ul li .bt,.health_a .health_btm ul li:hover .ny_text{ padding: 0 18px; } .health_a .health_btm ul li .img{ margin-left: 18px; margin-right: 18px; } .health_a .health_btm ul li { padding: 40px 0 20px; } .health_b { padding: 40px 0 50px; } } .qiyezhili{ padding: 100px 0 78px; background: #f1f5f5; } .qiyezhili .ul{ margin-top: 60px; } .qiyezhili .ul .li{ background: #fff; border-radius: 8px; overflow: hidden; margin-bottom: 36px; } .qiyezhili .ul .li1 .left{ width: 50%; } .qiyezhili .ul .li1 .right{ width: 50%; padding: 66px 72px 30px; } .qiyezhili .ul .li .right .right_top{ padding-bottom: 20px; margin-bottom: 20px; border-bottom: 2px solid #f2f2f2; } .qiyezhili .ul .li .right .right_top .left2{ width: 70%; float: left; } .qiyezhili .ul .li .right .right_top .left2 .en{ font-size: 24px; color: #333333; } .qiyezhili .ul .li .right .right_top .left2 .cn{ font-size: 24px; color: #333333; } .qiyezhili .ul .li .right .right_top .right2{ width: 52px; float: right; } .qiyezhili .ul .li .right .more{ margin-top: 40px; } .qiyezhili .ul .li .right .more i{ background: url(../images/zhiquan.png) center center/cover; width: 15px; height: 18px; margin-left: auto; margin-right: 8px; top: 3px; } .qiyezhili .ul .li .right .more:hover i{ background: url(../images/zhiquan11.png) center center/cover; } .qiyezhili .ul .li2 .left{ width: 50%; float: right; } .qiyezhili .ul .li2 .right{ width: 50%; padding: 66px 72px 30px; float: left; } @media(max-width: 1700px){ .qiyezhili { padding: 70px 0 50px; } .qiyezhili .ul { margin-top: 30px; } .qiyezhili .ul .li .right { padding: 60px 54px 30px; } .qiyezhili .ul .li .right .right_top{ margin-bottom: 16px; padding-bottom: 16px; } .qiyezhili .ul .li .right .right_top .left2 .en{font-size: 20px;} .qiyezhili .ul .li .right .right_top .left2 .cn{font-size: 20px;} .qiyezhili .ul .li .right .more { margin-top: 30px; } } @media(max-width: 1400px){ .qiyezhili { padding: 60px 0 30px; } .qiyezhili .ul .li .right{ padding: 52px 40px 24px; } .qiyezhili .ul .li .right .right_btm .ny_text{ line-height: 1.8; } .nybanner .touzizhe ul li a{font-size: 18px;} } @media(max-width: 1300px){ .qiyezhili .ul .li .right { padding: 30px 22px 20px; } .qiyezhili .ul .li .right .right_top { margin-bottom: 12px; padding-bottom: 12px; } .qiyezhili .ul .li .right .right_top .left2 .en{font-size: 18px;} .qiyezhili .ul .li .right .right_top .left2 .cn{font-size: 18px;} .qiyezhili .ul .li{margin-bottom: 22px;} } @media(max-width: 1100px){ .qiyezhili .ul .li .right { padding: 24px 20px 0; } .qiyezhili .ul .li .right{ width: 100%; margin-bottom: 30px; } .qiyezhili .ul .li .left{ width: 100%; padding: 0 20px 20px; } .nybanner .touzizhe ul li a{font-size: 16px;} } @media(max-width: 600px){ .qiyezhili .ul .li .right { padding: 24px 18px 0; } .qiyezhili .ul .li .left{ width: 100%; padding: 0 18px 20px; } .qiyezhili { padding: 40px 0 30px; } .qiyezhili .ul { margin-top: 20px; } .nybanner .touzizhe ul li a{font-size: 15px;} .qiyezhili .ul .li .right .right_top .right2{ width: 48px; } } .servive_a{ padding: 200px 0; background: url(../images/service_a_bg.jpg) center center/cover; } .servive_a .right{ float: right; width: 41.4%; } .servive_a .right .ny_text2{ margin-top: 40px; } .servive_b { padding-left: 13.545%; } .servive_b .left{ width: 42.1%; position: absolute; left: 0; top: 50%; transform: translateY(-50%); padding-right: 120px; } .servive_b .left .ny_text2{ margin-top: 40px; } .servive_b .right{ width: 57.9%; } .servive_c { padding-left: 0; padding-right: 13.545%; } .servive_c .left{ width: 42.1%; position: absolute; left: auto; right: 0; top: 50%; transform: translateY(-50%); padding-right: 0; padding-left: 120px; } .servive_c .right{ width: 57.9%; float: left; } .servive_d{ background: #f1f5f5; padding: 140px 0; } .servive_d .ul > li{ float: left; width: 32.5%; margin-right: 1.25%; background: #fff; border-radius: 8px; overflow: hidden; padding: 60px 40px 40px; } .servive_d .ul > li:nth-child(3n){ margin-right: 0; } .servive_d .ul > li .title .cn{ font-size: 30px; } .servive_d .ul > li .ny_text2{ margin-top: 40px; height: 200px; overflow: auto; } .servive_d .ul > li .ny_text2::-webkit-scrollbar{ width: 2px; background: #ccc; } .servive_d .ul > li .ny_text2::-webkit-scrollbar-track{ width: 2px; } .servive_d .ul > li .ny_text2::-webkit-scrollbar-track-piece{ width: 2px; } .servive_d .ul > li .ny_text2::-webkit-scrollbar-thumb{ background: #3ebbbc; border: 5px; } .servive_d .ul > li .ny_text2::-webkit-scrollbar-button{ display: none; } .servive_d .ul > li .img{ width: 52px; display: block; margin-top: 20px; } @media(max-width: 1700px){ .servive_a .right .ny_text2 { margin-top: 30px; } .servive_b .left .ny_text2 { margin-top: 30px; } .servive_d .ul > li .ny_text2{ margin-top: 30px; } } @media(max-width: 1680px){ .servive_b { padding-left: 10%; } .servive_c { padding-left: 0; padding-right: 10%; } } @media(max-width: 1600px){ .servive_a{ padding: 150px 0; } .servive_d{ padding: 100px 0; } .servive_a .right .ny_text2 { margin-top: 20px; } .servive_b .left .ny_text2 { margin-top: 20px; } .servive_d .ul > li .ny_text2{ margin-top: 20px; } .servive_d .ul > li .title .cn{ font-size: 24px; } .servive_b .left{ padding-right: 80px; } .servive_c .left{ padding-right: 0; padding-left: 80px; } } @media(max-width: 1400px){ .servive_a { padding: 130px 0; } .servive_d { padding: 80px 0; } .servive_b { padding-left: 8%; } .servive_c { padding-left: 0; padding-right: 8%; } .servive_d .ul > li .title .cn { font-size: 22px; } } @media(max-width: 1000px){ .servive_a{ position: relative; padding: 80px 0; } .servive_a:before{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(255,255,255,0.5); z-index: 2; content: ""; } .servive_a .right { float: right; width: 100%; position: relative; z-index: 3; } .servive_b{ padding:40px 20px; } .servive_b .left{ width: 100%; position: initial; transform: initial; display: inline-block; margin-bottom: 20px; padding-right: 0; } .servive_b .right{ width: 100%; } .servive_c .left{ padding-left: 0; } .servive_d { padding: 50px 0; } .servive_d .ul > li { width: 100%; margin-right: 0; margin-bottom: 20px; padding: 40px 18px 40px; } .servive_d .ul > li .ny_text2{height: auto;} .servive_d .ul > li .img{ width: 46px; } .servive_d .ul > li .title .cn { font-size: 20px; } } @media(max-width: 600px){ .servive_a{ padding: 40px 0; } .servive_c{padding-top: 0;} .servive_d { padding: 40px 0; } } .responsibility_a{ padding-top: 140px; } .responsibility_a .container2{ width: 91.6%; margin-left: 8.3%; padding: 0 13.54% 110px 5.2% ; background: #fff; position: relative; z-index: 3; } .responsibility_a .responsibility_a_top .left{ width: 34.2%; padding-right: 20px; } .responsibility_a .responsibility_a_top .right{ width: 65.8%; } .responsibility_a .responsibility_a_btm{ margin-top: 70px; } .responsibility_a .responsibility_a_btm .ul > li{ width: 48.7%; float: left; margin-right: 2.6%; position: relative; border-radius: 8px; overflow: hidden; } .responsibility_a .responsibility_a_btm .ul > li:nth-child(2n){margin-right: 0;} .responsibility_a .responsibility_a_btm .ul > li .text{ position: absolute; bottom: 0; left: auto; right: auto; width: 100%; padding: 0 46px 30px 46px; } .responsibility_a .responsibility_a_btm .ul > li .text .bt{ font-size: 30px; color: #fff; } .responsibility_a .responsibility_a_btm .ul > li .text .fbt{ font-size: 20px; color: #fff; } .responsibility_b{ margin-top: -116px; padding: 245px 0 180px; background: url(../images/responsibility_b_bg.jpg) center center/cover; } .responsibility_b .container2{ width: 83%; } .responsibility_b .left{ width: 52%; padding: 80px 6.25% 94px; border-radius: 8px; overflow: hidden; background: rgba(11,156,158,0.6); } .responsibility_b .left .title .cn,.responsibility_b .left .title .en{color: #fff;} .responsibility_b .left .title .en i{background: #fff;} .responsibility_b .left .text{margin-top: 40px;} .responsibility_b .left .text .bt{ font-size: 30px; color: #fff; margin-bottom: 4px; } .responsibility_b .left .text .ny_text2{ color: #fff; } .responsibility_c{ padding: 130px 0; background: url(../images/responsibility_c_bg.jpg) center center/cover; } .responsibility_c .left{ width: 34.2%; padding-top: 12px; padding-right: 20px; } .responsibility_c .right{ width: 65.8%; } .responsibility_c .right .fontsize18{font-size: 18px;} @media(max-width: 1700px){ .responsibility_b { padding: 200px 0 140px; } .responsibility_a .responsibility_a_btm .ul > li .text .bt { font-size: 26px; } .responsibility_a .responsibility_a_btm .ul > li .text .fbt{font-size: 18px;} .responsibility_b .left .text .bt{font-size: 26px;} } @media(max-width: 1680px){ .responsibility_a { padding-top: 100px; } .responsibility_a .responsibility_a_btm { margin-top: 50px; } .responsibility_b { padding: 170px 0 100px; } .responsibility_b .left{ padding: 40px 4% 60px; } .responsibility_b .container2 { width: 87%; } .responsibility_a .container2{ width: 93.6%; margin-left: 6.4%; padding: 0 13.54% 60px 3.5%; } .responsibility_c{ padding: 100px 0; } .responsibility_b .left .text .bt { font-size: 24px; } } @media(max-width: 1600px){ .responsibility_c .right .fontsize18{font-size: 16px;} } @media(max-width: 1400px){ .responsibility_b .container2 { width: 91%; } .responsibility_b .left { padding: 40px 4% 50px; } .responsibility_a .container2 { width: 95.6%; margin-left: 4.4%; padding: 0 13.54% 60px 3.5%; } .responsibility_a .responsibility_a_btm .ul > li .text{ padding: 0 24px 12px 24px; } .responsibility_a .responsibility_a_btm .ul > li .text .bt{ font-size: 20px; } .responsibility_a .responsibility_a_btm .ul > li .text .fbt{font-size: 16px;} .responsibility_b .left .text .bt { font-size: 20px; } .responsibility_a .responsibility_a_btm { margin-top: 30px; } .responsibility_b .left .text { margin-top: 30px; } .responsibility_c { padding: 80px 0; } .responsibility_a { padding-top: 80px; } } @media(max-width: 1100px){ .responsibility_a { padding-top: 40px; padding-bottom: 30px; } .responsibility_a .container2 { width: 100%; margin-left: 0; padding: 0 20px; } .responsibility_a .responsibility_a_top .left{ width: 100%; padding-right: 0; } .responsibility_a .responsibility_a_top .right{width: 100%;margin-top: 20px;} .responsibility_b{margin-top: 0;padding: 40px 0 40px;} .responsibility_b .left{width: 100%;padding: 40px 18px 50px;} .responsibility_b .container2 { width: 100%; padding: 0 20px; } .responsibility_c { padding: 40px 0; } .responsibility_c .left{width: 100%;padding-right: 0;padding-top: 0;} .responsibility_c .right{width: 100%;margin-top: 20px;} } @media(max-width: 600px){ .responsibility_a .responsibility_a_btm .ul > li{ width: 100%; margin-right: 0; margin-bottom: 20px; } .responsibility_b .left { padding: 30px 18px 40px; } .responsibility_b .left .text .bt{font-size: 18px;} } .talent_a{ padding: 104px 0 140px; background: url(../images/talent_a_bg.jpg) center center/cover; } .talent_a .talent_a_top .left{ width: 35.7%; padding-right: 20px; } .talent_a .talent_a_top .right{ width: 64.3%; } .talent_a .talent_a_btm{ margin-top: 96px; } .talent_a .talent_a_btm .ul li{ float: left; width: 24%; margin-right: 1.33%; background: #fff; border-radius: 8px; overflow: hidden; padding: 40px 30px 40px 0; margin-bottom: 18px; } .talent_a .talent_a_btm .ul li:nth-child(4n){ margin-right: 0; } .talent_a .talent_a_btm .ul li .bt{ float: left; width: 50.5%; font-size: 22px; color: #333333; padding-bottom: 10px; padding-left: 32px; border-bottom: 2px solid #fafafa; } .talent_a .talent_a_btm .ul li .img{ float: right; width: 38px; } .talent_a .talent_a_btm .ul li:hover .img{ -webkit-animation: shakea 0.5s 1; animation: shakea 0.5s 1; opacity: 0.8; } .talent_a .talent_a_btm .ul li .ny_text2{ margin-top: 34px; padding-left: 32px; height: 56px; overflow: hidden; } .talent_b{ position: relative; } .talent_b .left{ position: absolute; width: 100%; top: 0; transition: all 0.5s; padding: 85px 13.5% 80px 3.9%; /*padding: 85px 50px 80px 70px;*/ } .talent_b .left:hover{ padding: 85px 13.5% 80px 13.5%; } .talent_b .left .box{ /* position: absolute; top: 50%; transform: translateY(-50%); padding: 0 120px 0 27.09%*/ position: relative; } .talent_b .left:before{ width: 0; height: 100%; position: absolute; top: 0; left: 0; transition: all 0.5s; background: rgba(11,156,158,0.8); content: ""; width: 360px; } .talent_b .left:hover:before{ width: 100%; } .talent_b .left .box .title{ float: left; width: 16%; position: relative; z-index: 2; } .talent_b .left .box .title .cn,.talent_b .left .box .title .en{color: #fff;} .talent_b .left .box .title .en i{background: #fff;} .talent_b .left .box .ny_text2{ color: #fff; float: right; /*width: 57.4%;*/ opacity: 0; width: 900px; position: relative; z-index: 2; transition: all 0.5s; } .talent_b .left:hover .box .ny_text2{ opacity: 1; } /*.talent_b .left:hover{ width: 100%; padding-left: 13.5%; padding-right: 13.5%; } .talent_b .left:hover .box .title{ width: 20%; } .talent_b .left:hover .box .ny_text2{ display: block; } */ .talent_b .right{width: 100%;} .talent_c{ padding: 146px 0; background: url(../images/talent_c_bg.jpg) center center/cover; } .talent_c .left{ width: 50%; } .talent_c .right{ width: 50%; padding-left: 120px; padding-top: 0px; } .talent_c .right .ny_text2{ margin-top: 12px; } .talent_c .right .ny_text2 a{ color: #0b9c9e; } .talent_d{ background: #f2f5f5; padding: 140px 0; } .talent_d .talent_d_top .title{ float: left; width: 35%; } .talent_d .talent_d_top .talent_d_lb{ position: absolute; top: 50%; transform: translateY(-50%); right: 0; } .talent_d .talent_d_top .talent_d_lb a{ font-size: 20px; color: #000000; border: 1px solid #cdcdcd; display: inline-block; padding: 12px 36px 12px 42px; margin-left: 16px; border-radius: 0 25px 0 25px; } .talent_d .talent_d_top .talent_d_lb a:nth-child(1){margin-left: 0;} .talent_d .talent_d_top .talent_d_lb a.cur{ background: #16a0a2; color: #fff; border: 1px solid #16a0a2; } .talent_d .talent_d_btm{ margin-top: 40px; border-radius: 8px; overflow: hidden; } .talent_d .talent_d_btm .page{ margin-top: 10px; } .talent_d .ul li{ padding: 14px 34px; font-size: 16px; background: #fff; } .talent_d .ul li.li2{ background: #f6fafa; } .talent_d .ul li.biaotou{ font-size: 20px; color: #fff; background: #0b9c9e; } .talent_d .talent_d_btm .ul li .bt{ float: left; width: 31.7%; padding-right: 10px; } .talent_d .talent_d_btm .ul li .bumen{ float: left; width: 13.5%; padding-right: 10px; } .talent_d .talent_d_btm .ul li .renshu{ float: left; width: 13.5%; padding-right: 10px; } .talent_d .talent_d_btm .ul li .didian{ float: left; width: 16.4%; padding-right: 10px; } .talent_d .talent_d_btm .ul li .shijian{ float: left; width: 14.2%; padding-right: 10px; } .talent_d .talent_d_btm .ul li .lj{ float: left; width: 10.7%; } .talent_d .talent_d_btm .ul li .lj a{ color: #0b9c9e; } .talent_d .talent_d_btm .ul li .lj a i{ position: relative; display: inline-block; background: url(../images/more_i_2.png) center center/cover; width: 16px; height: 15px; margin-left: 8px; top: 2px; } .talent_d .ul li.biaotou:hover{background: #0b9c9e;} .talent_d .ul li:hover{ background: #d3e9ea; } @media(max-width: 1700px){ .talent_a { padding: 70px 0 80px; } .talent_a .talent_a_btm { margin-top: 60px; } /*.talent_b .left .box .ny_text2{margin-top: 30px;}*/ .talent_c{ padding: 120px 0; } .talent_d{ padding: 80px 0; } .talent_c .right .ny_text2 { margin-top: 30px; } } @media(max-width: 1680px){ /*.talent_b .left .box { padding: 0 100px 0 20%; }*/ .talent_b .left:hover { padding-left: 10%; padding-right: 10%; } .talent_b .left{ padding-top: 50px; padding-bottom: 50px; } } @media(max-width: 1600px){ .talent_a .talent_a_btm .ul li .bt{font-size: 20px;} .talent_a .talent_a_btm .ul li .ny_text2{margin-top: 20px;} .talent_b .left .box .ny_text2 { /*margin-top: 20px;*/ } .talent_c .right .ny_text2 { margin-top: 20px; } .talent_d .talent_d_top .talent_d_lb a{font-size: 18px;} .talent_c { padding: 90px 0; } .talent_d .ul li.biaotou{font-size: 18px;} .talent_d .ul li{font-size: 15px;} .talent_d .talent_d_top .talent_d_lb a{ padding: 10px 36px 10px 42px; font-size: 16px; } .talent_b .left:before{width: 300px;} } @media(max-width: 1400px){ /*.talent_b .left .box { padding: 0 100px 0 16%; }*/ .talent_a { padding: 60px 0 60px; } .talent_a .talent_a_btm .ul li .bt { font-size: 18px; } .talent_a .talent_a_btm { margin-top: 40px; } .talent_c { padding: 70px 0; } .talent_d { padding: 60px 0; } .talent_b .left:hover { padding-left: 8%; padding-right: 8%; } .talent_b .left{ /*width: 320px;*/ } } @media(max-width: 1100px){ .talent_b .left .box .title{ width: 100%; } .talent_b .left .box .ny_text2{width: 100%;margin-top: 20px;} .talent_b .left:before{ width: 100%; } .talent_b .left:hover:before{ width: 100%; } .talent_b .left .box .ny_text2{opacity: 1;} .talent_b .left,.talent_b .left:hover{ padding: 30px 20px; } /*.talent_b .left:hover .box .title,.talent_b .left .box .title{width: 100%;} .talent_b .left,.talent_b .left:hover{ padding: 30px 20px; } .talent_b .left:hover ,.talent_b .left{ width: 100%; } .talent_b .left:hover .box .ny_text2,.talent_b .left .box .ny_text2{display: block;width: 100%;margin-top: 20px;}*/ .talent_a .talent_a_top .left{ width: 100%; padding-right: 0; } .talent_a .talent_a_top .right{ width: 100%; margin-top: 20px; } .talent_a .talent_a_btm { margin-top: 30px; } .talent_a .talent_a_btm .ul li{ width: 49%; margin-right: 2%; } .talent_a .talent_a_btm .ul li:nth-child(4n){ margin-right: 2%; } .talent_a .talent_a_btm .ul li:nth-child(2n){ margin-right: 0; } .talent_b .left{ width: 100%; position: relative; display: inline-block; transform: initial; } .talent_b .left .box{ width: 100%; position: initial; display: inline-block; transform: initial; /*padding: 40px 20px 30px;*/ } .talent_b .right{width: 100%;} .talent_c{ padding: 40px 0; } .talent_c .left{ width: 100%; margin-top: 20px; } .talent_c .right{ width: 100%; padding-left: 0; padding-top: 0; } .talent_d .talent_d_top .title{ width: 100%; } .talent_d .talent_d_top .talent_d_lb{ position: initial; transform: initial; width: 100%; display: inline-block; margin-top: 20px; } .talent_d .talent_d_btm{margin-top: 20px;} .talent_a { padding: 40px 0; } .talent_d { padding: 40px 0; } .talent_d .talent_d_btm .ul li .shijian{display: none;} .talent_d .talent_d_btm .ul li .renshu{display: none;} .talent_d .talent_d_btm .ul li .lj{display: none;} .talent_d .talent_d_btm .ul li .bt{width: 50%;} .talent_d .talent_d_btm .ul li .bumen{ width: 30%; } .talent_d .ul li.biaotou{font-size: 15px;padding: 10px 20px;} .talent_d .ul li{padding: 12px 20px;} .talent_d .talent_d_btm .ul li .didian{width: 20%;} .talent_d .talent_d_top .talent_d_lb a { padding: 8px 30px 8px 30px; font-size: 15px; } } @media(max-width: 600px){ .talent_d .talent_d_btm .ul li .bt{width: 70%;} .talent_d .talent_d_btm .ul li .didian{ display: none; } .talent_d .talent_d_btm .ul li .bumen{width: 30%;} .talent_a .talent_a_btm .ul li{width: 100%;} .talent_a .talent_a_btm .ul li .ny_text2{height: auto;} } .caiwubaogao{ padding: 100px 0 115px; background: #f1f5f5; } .caiwubaogao .caiwubaogao_btm{ margin-top: 50px; } .caiwubaogao .caiwubaogao_btm .ul li{ float: left; width: 23.5%; margin-right: 2%; margin-bottom: 30px; background: #fff; padding: 36px; transition: all .36s; } .caiwubaogao .caiwubaogao_btm .ul li:nth-child(4n){ margin-right: 0; } .caiwubaogao .caiwubaogao_btm .ul li .img{ border:1px solid #f3f3f3; } .caiwubaogao .caiwubaogao_btm .ul li .bt{ color: #333333; font-size: 18px; text-align: center; margin-top: 24px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .caiwubaogao .caiwubaogao_btm .page{margin-top: 40px;} .select-btn{ background: none; border: 2px solid #cccccc; position: absolute; width: 290px; right: 0; bottom: 3px; border-radius: 5px; overflow: hidden; } .select-btn::before { content: ""; position: absolute; right: 36px; top: 50%; width: 13px; height: 8px; background: url(../images/year_b.png) no-repeat center center/cover; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); z-index: 0; } .select-btn select{ width: 100%; border: none; background: none; height: 50px; color: #999999; font-size: 16px; padding: 0 36px; appearance: none; -moz-appearance: none; -webkit-appearance: none; position: relative; z-index: 3; } .caiwubaogao .caiwubaogao_btm .ul li .img{overflow: hidden;} .caiwubaogao .caiwubaogao_btm .ul li .img img{ transition: all .36s; } .caiwubaogao .caiwubaogao_btm .ul li:hover .img img{ transform: scale(1.1); } .caiwubaogao .caiwubaogao_btm .ul li:hover{ box-shadow: 0 0 20px 0 rgba(0,0,0,0.1); } @media(max-width: 1700px){ .caiwubaogao{ padding: 70px 0 50px; } .caiwubaogao .caiwubaogao_btm { margin-top: 30px; } .caiwubaogao .caiwubaogao_btm .ul li .bt{font-size: 16px;} .caiwubaogao .caiwubaogao_btm .ul li{ padding: 30px; } .page a{font-size: 14px;height: 40px;line-height: 40px;} .select-btn select{font-size: 14px;height: 44px;padding: 0 26px;} } @media(max-width: 1400px){ .caiwubaogao{ padding: 60px 0 60px; } .caiwubaogao .caiwubaogao_btm .ul li{ padding: 24px; } .caiwubaogao .caiwubaogao_btm .ul li .bt{margin-top: 18px;} .caiwubaogao .caiwubaogao_btm .page { margin-top: 20px; } } @media(max-width: 1100px){ .caiwubaogao .caiwubaogao_btm .ul li{ padding: 20px; } .caiwubaogao .caiwubaogao_btm .ul li .bt{font-size: 14px;} .page a { width: 34px; height: 34px; line-height: 34px; border-radius: 0 10px 0 10px; } .page a.prev, .page a.next{ padding: 0 10px; } .page a.prev i{ margin-right: 5px; } .page a.next i{ margin-left: 5px; } } @media(max-width: 768px){ .caiwubaogao .caiwubaogao_btm .ul li{ width: 48.5%; margin-right: 3%; margin-bottom: 16px; padding: 12px; } .caiwubaogao .caiwubaogao_btm .ul li:nth-child(4n){ margin-right: 3%; } .caiwubaogao .caiwubaogao_btm .ul li:nth-child(2n){ margin-right: 0; } .select-btn{ position: relative; bottom: 0; margin-top: 10px; width: 100%; display: inline-block; } } @media(max-width: 600px){ .caiwubaogao { padding: 40px 0 40px; } .caiwubaogao .caiwubaogao_btm { margin-top: 20px; } } .gonggao{ padding: 100px 0 120px; background: #f1f5f5; } .gonggao .gonggao_btm{ margin-top: 50px; } .gonggao .gonggao_btm .ul li{ background: #fff; margin-bottom: 14px; padding: 18px 20px; position: relative; border-radius: 5px; overflow: hidden; transition: all 0.3s; } .gonggao .gonggao_btm .ul li .bt{ font-size: 16px; color: #666666; float: left; width: 80%; padding-left: 16px; position: relative; } .gonggao .gonggao_btm .ul li .bt:before{ position: absolute; width: 5px; height: 5px; border-radius: 100%; background: #666666; left: 0; top: 10px; content: ""; } .gonggao .gonggao_btm .ul li .time{ font-size: 16px; color: #bbbbbb; float: left; width: 10%; } .gonggao .gonggao_btm .ul li .icon{ width: 5%; position: absolute; right: 40px; top: 50%; transform: translateY(-50%); text-align: right; } .gonggao .gonggao_btm .page{ margin-top: 42px; } .gonggao .gonggao_btm .ul li .icon .img2{display: none;} .gonggao .gonggao_btm .ul li:hover{ background: #0b9c9e; } .gonggao .gonggao_btm .ul li:hover .bt{ color: #fff; } .gonggao .gonggao_btm .ul li:hover .bt:before { background: #fff; } .gonggao .gonggao_btm .ul li:hover .time{ color: #fff; } .gonggao .gonggao_btm .ul li:hover .icon .img1{display: none;} .gonggao .gonggao_btm .ul li:hover .icon .img2{display: inline-block;} @media (max-width: 1700px){ .gonggao { padding: 70px 0 50px; } .gonggao .gonggao_btm { margin-top: 30px; } } @media (max-width: 1400px){ .gonggao { padding: 60px 0 60px; } .gonggao .gonggao_btm .ul li .bt{font-size: 14px;} .gonggao .gonggao_btm .ul li .time{font-size: 14px;} } @media (max-width: 1000px){ .gonggao .gonggao_btm .ul li .time{display: none;} .gonggao .gonggao_btm .ul li .icon{display: none;} .gonggao .gonggao_btm .ul li .bt{ width: 100%; } .gonggao .gonggao_btm .ul li .icon{ right: 30px; } .gonggao .gonggao_btm .ul li .bt:before{top: 7px;} .gonggao .gonggao_btm .page { margin-top: 30px; } } @media(max-width: 600px){ .caiwubaogao { padding: 40px 0 40px; } .gonggao .gonggao_btm .ul li{ padding: 12px 16px; } .gonggao { padding: 40px 0 40px; } .gonggao .gonggao_btm { margin-top: 20px; } } .touzi_a{ background: url(../images/touzi_a_bg.jpg) center center/cover; padding: 115px 0 125px; } .touzi_a .container2{ width: 100%; margin-left: 13.545%; } .touzi_a .left{ width: 25.9%; float: left; padding-right: 150px; padding-top: 64px; } .touzi_a .left .bt{ font-size: 24px; color: #222222; } .touzi_a .left .bt2{ color: #d10000; font-size: 80px; padding-right: 90px; position: relative; display: inline-block; } .touzi_a .left .bt2 span{ font-size: 16px; position: absolute; right: 0; top: 50%; transform: translateY(-50%); margin: 0 auto; text-align: center; } .touzi_a .left .bt2 span:before{ display: block; margin: 0 auto; background: url(../images/touzi_ss.png) center center/cover; width: 24px; height: 12px; content: ""; margin-bottom: 8px; } .touzi_a .left .js{ font-size: 20px; color: #999999; margin-top: 14px; } .touzi_a .right{ background: #fff; width: 74.1%; padding: 90px 0 90px 96px; border-radius: 0 0 0 150px; position: relative; } .touzi_a .right .box{ padding-right: 13.545%; padding-bottom: 40px; border-bottom:1px solid #f2f2f2; } .touzi_a .right .ul{ margin-right: 21.13%; } .touzi_a .right .ul li{ float: left; width: 25%; padding: 0 10px 0 28px; position: relative; } .touzi_a .right .ul li:before{ position: absolute; left: 0; top: 0; width: 4px; height: 100%; background: #0b9c9e; content: ""; border-radius: 0 25px 0 25px; } .touzi_a .right .ul li .right_a{ font-size: 18px; color: #999999; } .touzi_a .right .ul li .right_a span{ font-size: 13px; } .touzi_a .right .ul li .right_b{ font-size: 24px; color: #333333; margin-top: 3px; } .touzi_a .right .text{ margin-top: 36px; font-size: 14px; line-height: 2; color: #999999; } .touzi_a .right .text a{ color: #999999; } .touzi_b{ padding: 50px 0; background: url(../images/touzi_b_bg.jpg) center center/cover; } .touzi_b .left{ width: 50%; padding-top: 0.7rem; } .touzi_b .left .title .cn,.touzi_b .left .title .en{color: #fff;} .touzi_b .left .title .en i{background: #fff;} .touzi_b .left .ny_text2{color: #fff;margin-top: 30px;} .touzi_b .left .more{color: #fff;border:1px solid #fff;margin-top: 70px;} .touzi_b .left .more i{ width: 17px; height: 17px; background: url(../images/xiazai_icon.png) center center/cover; } .touzi_b .right{ float: right; width: 33%; border-radius: 8px; overflow: hidden; } .touzi_c{ padding: 128px 0 140px; background: #f1f5f5; } .touzi_c .ul li{ } .touzi_c .ul li{ float: left; width: 32%; margin-right: 2%; } .touzi_c .ul li:nth-child(3n){ margin-right: 0; } .touzi_c .ul li{ padding: 90px 0 40px; background: #fff; border-radius: 8px; overflow: hidden; position: relative; } .touzi_c .ul li .bt{ position: relative; padding: 0 30px; } .touzi_c .ul li .bt:before{ position: absolute; right: 0; height: 46px; background: #fafafa; width: 60%; content: ""; top: 50%; transform: translateY(-50%); border-radius: 50px 0 0 0; } .touzi_c .ul li .bt .biaoti{ float: left; width: 70%; } .touzi_c .ul li .bt .en{ text-transform: uppercase; font-size: 24px; color: #003333; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; position: relative; z-index: 3; } .touzi_c .ul li .bt .cn{ font-size: 20px; color: #003333; margin-top: 4px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; position: relative; z-index: 3; } .touzi_c .ul li .ny_text2{ margin-top: -78px; height: 127px; overflow: hidden; padding: 0 30px; } .touzi_c .ul li .img{ width: 57px; height: 51px; margin-top: -5px; float: right; position: relative; z-index: 3; } .touzi_c .ul li .img .img2{display: none;} .touzi_c .ul li .more{margin:10px 30px 0;} .touzi_c .ul li:hover .more{color: #fff;border:1px solid #fff;} .touzi_c .ul li:hover .more i{ background: url(../images/more_i.png) center center/cover; } .touzi_c .ul li:hover{ background: #0b9c9e; } .touzi_c .ul li:hover .bt .en{color: #fff;} .touzi_c .ul li:hover .bt .cn{color: #fff;} .touzi_c .ul li:hover .ny_text2{color: #fff;} .touzi_c .ul li:hover .bt:before{ background: #17a1a3; } .touzi_c .ul li:hover .img .img1{display: none;} .touzi_c .ul li:hover .img .img2{display: block;} .touzi_d .container2{width: 100%;} .touzi_d .left{ width: 41.1%; position: absolute; height: 100%; padding: 128px 60px 128px 13.5%; background: url(../images/touzi_d_bg1.jpg) center center/cover; } .touzi_d .left .title{ padding-bottom: 30px; } .touzi_d .left .title .cn,.touzi_d .left .title .en{ color: #fff; } .touzi_d .left .title .en i{background: #fff;} .touzi_d .left .text{ font-size: 18px; color: rgba(255,255,255,0.6); line-height: 2; font-weight: initial; } .touzi_d .left .text h1,.touzi_d .left .text h2,.touzi_d .left .text h3,.touzi_d .left .text h4,.touzi_d .left .text h5,.touzi_d .left .text h6{font-weight: initial;} .touzi_d .left .text .xian{ width: 100%; display: block; height: 1px; background: rgba(247,247,247,0.06); margin: 30px 0; } .touzi_d .right{ width: 58.9%; /*position: absolute; right: 0; height: 100%; top: 0;*/ float: right; background: url(../images/touzi_d_bg2.jpg) center center/cover; } .touzi_d .right .box{ padding: 145px 23% 160px 94px; } .touzi_d .right .bt{ font-size: 30px; color: #333333; } .touzi_d .right .ul{ margin-top: 60px; } .touzi_d .right .ul li{ float: left; width: 48.5%; margin-right: 3%; border-radius: 8px; overflow: hidden; margin-bottom: 16px; position: relative; } .touzi_d .right .ul li:nth-child(2n){ margin-right: 0; } .touzi_d .right .ul li.w100{width: 100%;} .touzi_d .right .ul li input{ width: 100%; padding: 20px 16px 16px 126px; background: #f5f7f7; border:1px solid #f5f7f7; font-size: 16px; } .touzi_d .right .ul li textarea{ width: 100%; padding: 16px; background: #f5f7f7; padding-left: 126px; border:1px solid #f5f7f7; height: 115px; font-size: 16px; } .touzi_d .right .ul li p{ color: #000000; font-size: 16px; position: absolute; left: 20px; top: 50%; transform: translateY(-50%); } .touzi_d .right .ul li .liuyan{top: 26px;} .touzi_d .right .ul li p i{ width: 17px; height: 19px; display: inline-block; top: 4px; position: relative; margin-right: 16px; } .touzi_d .right .ul li p.xingming i{ background: url(../images/name.png) center center/cover; } .touzi_d .right .ul li p.dianhua i{ background: url(../images/phone.png) center center/cover; } .touzi_d .right .ul li p.gongsi i{ background: url(../images/gongsi.png) center center/cover; } .touzi_d .right .ul li p.liuyan i{ background: url(../images/liuyan.png) center center/cover; } .touzi_d .right .ul li p span{ color: #d70000; } .touzi_d .right .ul li .btn{ background: #0b9c9e; color: #fefefe; margin-top: 38px; font-size: 22px; padding-left: 0; } @media(max-width: 1680px){ .touzi_a .container2{ margin-left: 10%; } .touzi_a .right .ul { margin-right: 24.13%; } .touzi_a{ padding: 100px 0 110px; } .touzi_a .left .bt{font-size: 20px;} .touzi_a .left .bt2{font-size: 66px;padding-right: 60px;} .touzi_a .left .js{font-size: 16px;} .touzi_a .right .box { padding-bottom: 30px; } .touzi_a .right .ul li .right_a{font-size: 16px;} .touzi_a .right .ul li .right_b{font-size: 20px;} .touzi_a .right .text{margin-top: 30px;} .touzi_b .left .more{margin-top: 50px;} .touzi_c{ padding: 90px 0 110px; } .touzi_d .left .title{padding-bottom: 20px;} .touzi_d .left .text{font-size: 16px;} .touzi_d .right .bt{ font-size: 26px; } .touzi_d .right .ul li .btn{font-size: 20px;} .touzi_d .right .ul li .btn{margin-top: 30px;} } @media(max-width: 1400px){ .touzi_a .container2{ margin-left: 8%; } .touzi_d .left{ padding: 80px; padding-bottom: 80px; padding-left: 10%; } .touzi_d .right .box { padding-right: 17%; } .touzi_d .right .ul { margin-top: 30px; } .touzi_c .ul li{ padding: 60px 0 30px; } .touzi_d .right .ul li p{font-size: 14px;} .touzi_d .right .ul li input{font-size: 14px;} .touzi_d .right .ul li .btn { font-size: 16px; } } @media(max-width: 1100px){ .touzi_a { padding: 40px 0 40px; } .touzi_a .container2{ margin-left: 0; padding: 0 20px; } .touzi_a .left{width: 100%;padding-top: 0;padding-right: 0;} .touzi_a .right{width: 100%;margin-top: 20px;border-radius: 5px;overflow:hidden;padding: 40px 20px;} .touzi_a .right .box { padding-bottom: 20px; padding-right: 0; } .touzi_a .right .ul { margin-right: 0; } .touzi_a .right .ul li .right_a span{font-size: 12px;} .touzi_a .right .text { margin-top: 20px; } .touzi_b{ padding: 40px 0; } .touzi_b .left{ width: 100%; padding-top: 0; } .touzi_b .left .ny_text2{margin-top: 20px;} .touzi_b .left .more { margin-top: 20px; } .touzi_b .right{ margin-top: 30px; width: 100%; } .touzi_c { padding: 40px 0 20px; } .touzi_c .ul li .ny_text2{height: auto;margin-top: 20px; padding: 0 18px;} .touzi_c .ul li{ width: 100%; margin-right: 0; margin-bottom: 22px; } .touzi_c .ul li{ padding: 40px 0 40px; } .touzi_c .ul li .bt .en{font-size: 22px;} .touzi_c .ul li .bt .cn{font-size: 18px;} .touzi_c .ul li .bt { position: relative; padding: 0 18px; } .touzi_c .ul li .more { margin: 10px 18px 0; } .touzi_d .left .text .xian{margin: 10px 0;} .touzi_d .left{width: 100%;position: initial;transform: initial;display: inline-block;padding: 40px 20px 50px 20px;} .touzi_d .right{width: 100%;} .touzi_d .right .box{ padding: 50px 20px; } .touzi_d .right .bt { font-size: 20px; } .touzi_d .right .ul li{ width: 100%; } .touzi_d .right .ul li p{ font-size: 14px; } .touzi_d .right .ul li input{font-size: 14px;padding-left: 110px;} .touzi_d .right .ul li p i{margin-right: 10px;} .touzi_d .right .ul li p i{ top: 5px; } .touzi_d .right .ul li p i{ width: 15px; height: 17px; } .touzi_d .right .ul li .btn{font-size: 18px;padding: 12px;margin-top: 6px;} .touzi_d .container2{ width: 100%; padding: 0; } .touzi_a .right .ul li{ width: 50%; margin-bottom: 18px; } } @media(max-width: 600px){ .touzi_d .right .ul { margin-top: 20px; } .touzi_a .left .bt2{font-size: 40px;padding-right: 40px;} .touzi_a .left .bt2 span{font-size: 14px;} .touzi_d .right .ul li .btn{font-size: 16px;} } .nybanner .news_header ul li{ width: 50%; } .news_a{ background: #f1f5f5; padding: 90px 0 110px; } .news_a ul .ohter{ background: #ffffff; margin-bottom: 26px; float: left; width: 49%; margin-left: 2%; padding: 30px 50px 30px 30px; border-radius: 8px; overflow: hidden; } .news_a ul .ohter:nth-child(2n){ margin-left: 0; } .news_a ul .ohter .right{width: 100%;} .news_a ul .ohter .time{ font-size: 15px; color: #999999; } .news_a ul .ohter .bt{ font-size: 22px; color: #333333; margin-top: 14px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .news_a ul .ohter:hover .bt{ color: #0b9c9e; } .news_a ul .ohter .js{ font-size: 16px; color: #999999; margin-top: 20px; line-height: 1.8; height: 50px; overflow: hidden; } .news_a ul .ohter .lj{ font-size: 16px; color: #666666; margin-top: 60px; position: relative; } .news_a ul .ohter .lj i{ width: 18px; height: 12px; background: url(../images/news_jt.png) center center/cover; display: inline-block; margin-left: 5px; } .news_a ul .one{ width: 100%; margin-left: 0; background: #fff; margin-bottom: 30px; padding: 32px 30px 36px; border-radius: 8px; overflow: hidden; } .news_a ul .one .left{ width: 49.7%; } .news_a ul .one .right{ width: 50.3%; position: absolute; right: 0; top: 50%; transform: translateY(-50%); padding: 0 20px 0 54px; } .news_a ul .one .right .js{ height: 108px; } .news_a .page{ margin-top: 34px; } @media(max-width: 1680px){ .news_a ul .ohter .bt{font-size: 20px;margin-top: 10px;} .news_a ul .ohter .time{font-size: 14px;} } @media(max-width: 1600px){ .news_a ul .ohter{ padding: 20px 20px 20px 20px; } .news_a ul .ohter .js{font-size: 14px;height: 44px;} .news_a ul .ohter .lj{font-size: 14px;margin-top: 40px;} .news_a ul .one .right .js { height: 96px; } .news_a{ padding: 60px 0 80px; } .news_a ul .one .right{ padding: 0 0 0 30px; } .news_a .page{ margin-top: 20px; } } @media(max-width: 800px){ .news_a{padding: 40px 0 50px;} .news_a ul .ohter .bt{ overflow: initial; text-overflow: initial; white-space: initial; font-size: 18px; } .news_a ul .one .right .js{height: auto;margin-top: 12px;} .news_a ul .one .right{ position: initial; transform: initial; display: inline-block; width: 100%; padding-left: 0; } .news_a ul .one .left{width: 100%;margin-top: 30px;} .news_a ul .ohter .lj{margin-top: 20px;} .news_a ul .ohter{ width: 100%; margin-left: 0; margin-bottom: 14px; } .news_a ul .ohter .js{height: auto;margin-top: 12px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;} .news_a ul .ohter { padding: 20px 18px 20px 18px; } } .new{ background: #f1f5f5; padding-bottom: 100px; } .mbx{ padding-top: 26px; text-align: right; font-size: 14px; color: #999999; } .mbx a{ color: #999999; font-size: 14px; } .mbx span{margin: 0 5px;} .mbx span.dangqian{ position: relative; } .mbx span.dangqian i{ background: url(../images/mbx.png) center center/cover; width: 15px; height: 19px; position: relative; display: inline-block; top: 4px; margin-right: 10px; } .new_box{ margin-top: 40px; } .new_box .left{ border-radius: 8px; overflow: hidden; background: #fff; width: 74.2%; padding: 60px 60px 80px 60px; } .new_box .left .bt2{ font-size: 16px; color: #999999; } .new_box .left .bt{ margin-top: 20px; font-size: 22px; color: #333333; padding-bottom: 40px; margin-bottom: 34px; border-bottom: 1px solid #e5e5e5; } .new_box .left .ny_text2{ color: #666666; } .new_box .left .sxp{ margin-top: 70px; padding-top: 44px; border-top: 1px solid #e5e5e5; } .new_box .left .sxp .left1{ float: left; width: 75%; } .new_box .left .sxp .left1 .box{ margin-bottom: 10px; } .new_box .left .sxp .left1 .za{ padding: 8px 26px; border-radius: 0 20px 0 20px; float: left; } .new_box .left .sxp .left1 .zc{ font-size: 16px; color: #999999; position: absolute; left: 140px; top: 50%; transform: translateY(-50%); } .new_box .left .sxp .right1{text-align: right;} .new_box .left .sxp .right1 a{ font-size: 16px; color: #666666; border: 1px solid #cccccc; padding: 10px 38px; border-radius: 0 22px 0 22px; display: inline-block; } .new_box .left .sxp .right1 a:hover { color: #fff; border: 1px solid #0b9c9e; background: #0b9c9e; } .new_box .left .sxp .right1 a:hover i{ background: url(../images/fanhui52.png) center center/cover; } .new_box .left .sxp .right1 a i{ background: url(../images/fanhui.png) center center/cover; width: 18px; height: 13px; display: inline-block; margin-right: 6px; } .new_box .left .sxp .left1 .box:hover .zc{color: #0b9c9e;} .new_box .right{ width: 24.2%; float: right; } .new_box .right .box{ background: #fff; border-radius: 8px; overflow: hidden; padding: 44px 40px 46px; margin-bottom: 20px; } .new_box .right .box .bt{ font-size: 24px; color: #333333; padding-bottom: 20px; border-bottom: 1px solid #d9d9d9; position: relative; } .new_box .right .box .bt:before{ position: absolute; bottom: -2px; left: 0; width: 40px; height: 4px; border-radius: 0 25px 0 25px; background: #0b9c9e; content: ""; } .new_box .right .box .nr{ margin-top: 12px; } .new_box .right .box .nr .lm{ font-size: 18px; color: #666666; padding: 24px 0; border-bottom: 1px solid #f2f2f2; position: relative; } .new_box .right .box .nr .lm:last-child{border-bottom: none;} .new_box .right .box .nr .lm:before{ position: absolute; right: 0; top: 50%; transform: translateY(-50%); background: url(../images/new_jt.png) center center /cover; width: 13px; height: 12px; content: ""; } .new_box .right .ul{ margin-top: 30px; } .new_box .right .ul li{ padding: 18px 0; border-bottom: 1px solid #f2f2f2; } .new_box .right .ul li:last-child{ border-bottom: none; } .new_box .right .ul li .wenzi{ font-size: 16px; color: #666666; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .new_box .right .ul li .time{ font-size: 14px; color: #999999; margin-top: 5px; } @media(max-width: 1600px){ .new_box .left .bt{ font-size: 20px; padding-bottom: 30px; margin-bottom: 24px; } .new_box .right .box .bt{font-size: 20px;padding-bottom: 16px;} .new_box .right .box .nr .lm{ padding: 18px 0; font-size: 16px; } .new_box .right .ul { margin-top: 20px; } .new_box .right .ul li .wenzi{font-size: 14px;} .new_box .right .ul li .time{font-size: 12px;} .new_box .left .sxp{ margin-top: 50px; padding-top: 30px; } .new_box .left .sxp .left1 .zc{font-size: 14px;} .new_box .left .sxp .right1 a{font-size: 14px;padding: 10px 32px;border-radius: 0 20px 0 20px;} .new_box .right .box{ padding: 40px 30px 40px; } .new_box .left{ padding: 46px 46px 60px 46px; } .new{ padding-bottom: 70px; } .new_box { margin-top: 30px; } } @media(max-width: 1100px){ .new_box .right{display: none;} .new_box .left{width: 100%;} } @media(max-width: 1000px){ .new_box .left{ padding: 30px 18px 30px 18px; } .new_box .left .bt{ margin-top: 12px; padding-bottom: 20px; margin-bottom: 16px; } .new_box .left .sxp { margin-top: 40px; padding-top: 22px; } .new{ padding-bottom: 50px; } } @media(max-width: 768px){ .new_box .left .sxp .left1{width: 100%;} .new_box .left .sxp .right1{display: none;} .new_box .left .sxp .left1 .zc{ overflow: hidden; text-overflow:ellipsis; white-space: nowrap; width: 70%; left: 130px; } .new_box .left .sxp .left1 .za { padding: 8px 26px; border-radius: 0 14px 0 14px; float: left; } } @media(max-width: 600px){ .mbx{padding-top: 20px;} .new_box { margin-top: 20px; } .new_box .left .sxp .left1 .zc{ width: 60%; } } @media(max-width: 400px){ .new_box .left .sxp .left1 .zc{ width: 57%; } .new_box .left .bt{font-size: 18px;} } .talents .new_box .left .bt{font-size: 30px;margin-top: 0;border-bottom: none;margin-bottom: 0;padding-bottom: 0;float: left;width: 80%;} .talents .new_box .left .time{ float: right; width: 20%; text-align: right;margin-top: 16px; color: #666666; } .talents .new_box .left .talents_box{ margin-top: 12px; border-bottom: 1px solid #dddddd; padding-bottom: 22px; } .talents .new_box .left .talents_box .talents_box_top{ color: #666666; font-size: 18px; } .talents .new_box .left .talents_box .talents_box_top .xinxi{ color: #0b9c9e; } .talents .new_box .left .talents_box .talents_box_btm{ margin-top: 16px; } .talents .new_box .left .talents_box .talents_box_btm .a{ display: inline-block; color: #666666; font-size: 14px; padding: 5px 16px; border-radius: 25px; margin-right: 5px; border:1px solid #eeeeee; margin-bottom: 8px; } .talents .new_box .left .ny_text2{ margin-top: 32px; color: #666666; } .talents .new_box .left .ny_text2 a{ color: #0b9c9e; } .talents .new_box .left .ny_text2 .biaoti{ font-size: 20px; color: #666666; margin-bottom: 4px; } .talents .new_box .left .sxp .right1{text-align: left;} .talents .new_box .left .sxp .right1 a{margin-right: 20px;} .talents .new_box .left .sxp .right1 a:last-child{margin-right: 0;} .talents .new_box .left .sxp{ padding-top: 0; border-top: none; margin-top: 50px; } .talents .new_box .left .sxp .right1 a.toudi{ color: #fff; background: #0b9c9e; border:1px solid #0b9c9e; } .talents .new_box .left .sxp .right1 a.toudi i{ position: relative; display: inline-block; background: url(../images/more_i.png) center center/cover; width: 16px; height: 15px; margin-left: 5px; top: 2px; } .talents .new_box .right .ul{margin-top: 0;} .talents .new_box .right .ul li{ padding: 28px 0; } .talents .new_box .right .ul li .wenzi{ color: #000000; font-size: 20px; } .talents .new_box .right .ul li .js{ font-size: 14px; color: #666666; margin-top: 6px; } .talents .new_box .right .ul li .js .xinzi{ color: #0b9c9e; } .talents .new_box .right .ul li .time{ margin-top: 16px; } @media(max-width: 1700px){ .talents .new_box .left .bt{font-size: 24px;} .talents .new_box .left .talents_box .talents_box_top{font-size: 16px;} .talents .new_box .left .time{font-size: 14px;} .talents .new_box .left .ny_text2{margin-top: 26px;} .talents .new_box .right .ul li .wenzi{font-size: 18px;} } @media(max-width: 1600px){ .talents .new_box .left .bt{font-size: 22px;} .talents .new_box .right .ul li .wenzi{font-size: 16px;} .talents .new_box .left .ny_text2 .biaoti{font-size: 18px;} } @media(max-width: 1000px){ .talents .new_box .left .bt{width: 100%;font-size: 18px;} .talents .new_box .left .time{width: 100%;text-align: left;margin-top: 8px;} .talents .new_box .left .talents_box .talents_box_top{font-size: 14px;} .talents .new_box .left .talents_box{ padding-bottom: 12px; } .talents .new_box .left .ny_text2 { margin-top: 16px; } .talents .new_box .left .sxp .right1{display: block;text-align: center;} .talents .new_box .left .sxp .right1 a{ padding: 10px 20px; border-radius: 0 20px 0 20px; } .talents .new_box .left .sxp{margin-top: 30px;} .talents .new_box .left .ny_text2 .biaoti{font-size: 16px;margin-bottom: 2px;} } /*鍏充簬鎴戜滑*/ .about_a{ padding: 175px 0 230px; position: relative; background: url(../images/about_a_bg2.jpg) center center/cover; } .about_a > .bg{ position: absolute; right: 0; bottom: 0; width: 37%; } .about_a .right{ width: 43%; margin-top: 156px; } .about_a .right .right_box{ padding: 30px; position: relative; } .about_a .right .right_box .t,.about_a .right .right_box .m{ width: 60px; height: 60px; position: absolute; } .about_a .right .right_box .t{ position: absolute; top: 0; left: 0; } .about_a .right .right_box .m{ position: absolute; right: 0; bottom: 0; } .about_a .right .right_box .t:before{ width: 100%; height: 4px; position: absolute; top: 0; left: 0; content: ""; background: #0b9c9e; } .about_a .right .right_box .t:after{ width: 4px; height: 100%; position: absolute; top: 0; left: 0; content: ""; background: #0b9c9e; } .about_a .right .right_box .m:before{ width: 100%; height: 4px; position: absolute; right: 0; bottom: 0; content: ""; background: #0b9c9e; } .about_a .right .right_box .m:after{ width: 4px; height: 100%; position: absolute; right: 0; bottom: 0; content: ""; background: #0b9c9e; } .about_a .right .bofang{ width: 70px; height: 70px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); cursor: pointer; background: url(../images/video_bofang.png) center center/cover; } @media(max-width: 1700px){ .about_a .right { margin-top: 110px; } } @media(max-width: 1600px){ .about_a .right { margin-top: 100px; } } @media(max-width: 1100px){ .about_a .right{ width: 100%; margin-top: 20px; } .about_a .right .right_box { padding: 20px; } .about_a .right .bofang{ width: 50px; height: 50px; } .about_a > .bg{ width: 100%; } } .about_a .left{ width: 50%; } .about_a .left .ny_text2{ margin-top: 60px; color: #666666; } .about_a .left .ny_text2 h3{ font-size: 18px; color: #333333; font-weight: initial; padding-left: 24px; position: relative; } .about_a .left .ny_text2 h3:before{ position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 18px; height: 2px; border-radius: 0 25px 0 25px; content: ""; background: #0b9c9e; } .about_b{ padding: 0; background: #f1f5f5; } .about_b .touzi_c { padding: 0; } .about_b .container2{ width: 100%; background: url(../images/about_b_bg.jpg) center center/cover; margin-left: 3.12%; padding: 98px 16.8% 115px 10.4%; position: relative; z-index: 3; } .about_b .about_b_a{ margin-top: 70px; } .about_b .touzi_c .ul li{ float: left; width: 49.5%; margin-right: 1%; margin-bottom: 10px; background: #f1f5f5; padding: 70px 0 40px; } .about_b .touzi_c .ul li:nth-child(2n){ margin-right: 0; } .about_b .touzi_c .ul li .ny_text2{ height: 88px; margin-top: 30px; padding: 30px 0 0 0; margin: 30px 56px 0; border-top: 1px solid #e5e9e9; font-size: 14px; overflow: hidden; color: #999999; } .about_b .touzi_c .touzi_c_btm{ margin-top: 70px; } .about_b .touzi_c .ul li .bt:before{ background: #f8f9f9; width: 180px; right: -180px; } .about_b .touzi_c .ul li:hover .img{ -webkit-animation: shakea 0.5s 1; animation: shakea 0.5s 1; } .about_b .touzi_c .ul li:hover .bt:before{ right: 0; transition: all 0.4s; } .about_b .touzi_c .ul li:hover .bt .cn,.about_b .touzi_c .ul li:hover .bt .en{color: #003333;} .about_b .touzi_c .ul li:hover .ny_text2{ color: #999999; } .about_b .touzi_c .ul li .bt{ padding: 0 56px; } .about_c{ background: url(../images/about_c_bg.jpg) center center/cover; padding: 315px 0 146px; margin-top: -190px; } .about_c .box2{ padding-bottom: 130px; } .about_c .title .cn,.about_c .title .en{ color: #fff; } .about_c .title .en i{background: #fff;} .about_c .left{ width: 50.6%; padding-top: 10px; padding-right: 130px; } .about_c .jt1,.about_c .jt2{ width: 47px; height: 47px; display: inline-block; cursor: pointer; margin-top: 26px; position: absolute; bottom: 0; left: auto; } .about_c .jt1{ background: url(../images/yewu_b_jtl.png) center center/cover; right: 60px; } .about_c .jt2{ background: url(../images/yewu_b_jtr.png) center center/cover; margin-left: 18px; right: 0; } .about_c .swiper-pagination{ position: absolute; top: auto; bottom: 20px; width: 90%; height: 2px; background: #83c8cb; } .about_c .swiper-pagination-progress .swiper-pagination-progressbar{ background: #fff; } .about_c .left .ny_text2{ margin-top: 60px; color: #fff; } .about_c .right{ width: 49.4%; } .about_d{ background: #f1f5f5; padding: 110px 0; } .about_d .about_d_btm{ margin-top: 80px; padding-bottom: 116px; } .about_d .about_d_btm .box{ position: relative; border-radius: 8px; overflow: hidden; text-align: center; } .about_d .about_d_btm .box .text_1{ position: absolute; bottom: 0; width: 100%; left: 0; padding: 70px 20px 25px; text-align: center; background-image: linear-gradient(-180deg, rgba(0,0,0,0), rgba(0,0,0,1)); } .about_d .about_d_btm .box .img{ border-radius: 100%; overflow: hidden; width: 250px; height: 250px; display: inline-block; } .about_d .about_d_btm .box .text_1 .bt{ color: #ffffff; font-size: 20px; } .about_d .about_d_btm .box .text_2{ position: initial; /*bottom: -100%; width: 100%; height: 100%; background: rgba(0,0,0,0.6); transition: all 0.5s;*/ margin-top: 20px; } .about_d .about_d_btm .box .text_2 .bt span{ font-size: 14px; margin-left: 10px; } .about_d .about_d_btm .box .text_2 .bt{ color: #333333; font-size: 20px; } .about_d .about_d_btm .box .text_2 .ny_text{ color: #999999; margin-top: 20px; opacity: 0; transition: all 0.4s; } .about_d .about_d_btm .box.cur .text_2 .ny_text{ opacity: 1; } .about_d .title .more{ position: absolute; bottom: 2px; right: 0; } .about_d .about_d_btm .box .text_2 .xian{ width: 35px; height: 4px; background: #fff; display: inline-block; border-radius: 0 25px 0 25px; margin: 25px 0 36px; display: none; } .about_d .about_d_btm .box .text_2 .nr{ position: initial; width: 100%; /*top: 50%;*/ transform:initial; text-align: center; /*padding: 0 38px;*/ } .about_d .about_d_btm .box .text_1{display: none;} /*.about_d .about_d_btm .box:hover .text_2{bottom: 0;}*/ .about_d .about_d_btm .swiper-pagination{ bottom: 20px; top: auto; width: 90%; height: 2px; background: #e2e5e5; } .about_d .about_d_btm .swiper-pagination-progress .swiper-pagination-progressbar{ background: #0b9c9e; } .about_d .about_d_btm .swiper-button-next,.about_d .about_d_btm .swiper-button-prev{ position: absolute; top: auto; bottom: 0; width: 47px; height: 47px; } .about_d .about_d_btm .swiper-button-next{ background: url(../images/home_e_jtr.png) center center/cover; left: auto; right: 0; } .about_d .about_d_btm .swiper-button-prev{ background: url(../images/home_e_jtl.png) center center/cover; left: auto; right: 60px; } .about_d .about_d_btm .swiper-button-next:hover{ background: url(../images/home_e_jtr2.png) center center/cover; } .about_d .about_d_btm .swiper-button-prev:hover{ background: url(../images/home_e_jtl2.png) center center/cover; } .about_e{ padding: 120px 0 100px; background: url(../images/about_e_bg.jpg) center center/cover; } .about_e .container2{ width: 100%; padding-left: 13.5%; } .about_e .left{ width: 47.7%; padding-top: 30px; padding-right: 90px; } .about_e .left .ny_text2{ margin-top: 30px; } .about_e .right{ width: 52.3%; } .about_e .right .swiper-slide{opacity: 0 !important;} .about_e .right .swiper-slide.swiper-slide-active{opacity: 1 !important;} .about_e .jt1,.about_e .jt2{ width: 47px; height: 47px; display: inline-block; margin-top: 40px; cursor: pointer; } .about_e .jt1{ background: url(../images/home_e_jtl.png) center center/cover; margin-right: 12px; } .about_e .jt2{ background: url(../images/home_e_jtr.png) center center/cover; } .about_e .jt1:hover{ background: url(../images/home_e_jtl2.png) center center/cover; } .about_e .jt2:hover{ background: url(../images/home_e_jtr2.png) center center/cover; } @media(max-width: 1700px){ .about_a { padding: 150px 0 200px; } .about_b .touzi_c .touzi_c_btm { margin-top: 30px; } .about_c{ padding: 280px 0 130px; } .about_c .box2 { padding-bottom: 100px; } .about_d { padding: 80px 0 110px; } .about_d .about_d_btm { margin-top: 50px; padding-bottom: 80px; } .about_e{ padding: 100px 0 80px; } .about_a .left .ny_text2 { margin-top: 30px; color: #666666; } } @media(max-width: 1680px){ .about_b .container2{ padding: 60px 13% 80px 6.4%; } .about_e .container2 { padding-left: 10%; } .about_d .about_d_btm .box .text_2 .bt{font-size: 18px;} } @media(max-width: 1599px){ .about_a { padding: 80px 0 140px; } .touzi_c .ul li .bt .en{ font-size: 20px; } .about_b .touzi_c .ul li{ padding: 40px 0 30px; } .touzi_c .ul li .bt .cn{font-size: 18px;} .about_b .touzi_c .ul li .bt { padding: 0 40px; } .about_b .touzi_c .ul li .ny_text2{ padding: 20px 0 0 0; margin: 20px 40px 0; } .about_c .left .ny_text2{ margin-top: 30px; } .about_c { padding: 260px 0 80px; } .about_c .swiper-pagination{width: 86%;} .about_d .about_d_btm .swiper-pagination{width: 86%;} .about_e { padding: 80px 0 60px; } .about_d { padding: 60px 0 80px; } } @media(max-width: 1400px){ .about_c { margin-top: -140px; padding: 220px 0 60px; } .about_e .container2 { padding-left: 8%; } .about_b .container2 { padding: 40px 11% 60px 4.8%; } } @media(max-width: 1100px){ .about_a { position: relative; padding: 40px 0 60px; } /* .about_a:before{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; content: ""; background: rgba(255,255,255,0.85); }*/ .about_a .left{width: 100%;position: relative;z-index: 3;} .about_a .left .ny_text2{margin-top: 20px;} .about_a .left .ny_text2 h3{font-size: 16px;} .about_b .container2{ padding: 40px 20px; margin-left: 0; } .touzi_c .ul li .img{width: 50px;} .touzi_c .ul li .bt .en{font-size: 18px;} .touzi_c .ul li .bt .cn{font-size: 16px;} .about_b .touzi_c .ul li .bt { padding: 0 20px; } .about_b .touzi_c .ul li .ny_text2 { padding: 20px 0 0 0; margin: 20px 20px 0; } .about_b .touzi_c .ul li { padding: 30px 0 30px; } .about_c { margin-top: 0; padding: 40px 0 40px; } .about_c .left{ padding-right: 0; width: 100%; } .about_c .right{ width: 100%; margin-top: 20px; } .about_c .jt1{ right: 50px; } .about_c .jt1, .about_c .jt2{width: 40px;height: 40px;} .about_c .box2 { padding-bottom: 70px; } .about_d { padding: 40px 0 50px; } .about_d .about_d_btm{margin-top: 40px;padding-bottom: 70px;} .about_d .about_d_btm .swiper-button-next, .about_d .about_d_btm .swiper-button-prev{width: 40px;height: 40px;} .about_d .about_d_btm .swiper-button-prev{right: 50px;} .about_e { padding: 40px 0 50px; } .about_e .container2{ padding: 0 20px; } .about_e .left{ width: 100%; padding-top: 0; margin-top: 0; padding-right: 0; } .about_e .right{ width: 100%; margin-top: 30px; } .about_e .left .ny_text2 { margin-top: 20px; } .about_e .jt1, .about_e .jt2{ width: 40px; height: 40px; margin-top: 20px; } .about_d .about_d_btm .box .text_2 .bt{ font-size: 18px; } .about_d .about_d_btm .box .text_1 .bt{font-size: 18px;} .about_d .about_d_btm .box .text_2 .nr{padding: 0 18px;} .about_d .about_d_btm .box .text_2 .xian{margin: 20px 0;} } @media(max-width: 768px){ .about_c .swiper-pagination{width: 80%;} .about_d .about_d_btm .swiper-pagination{width: 80%;} .about_b .touzi_c .ul li{ width: 100%; margin-right: 0; margin-bottom: 12px; } .about_b .touzi_c .ul li .ny_text2{height: auto;padding-bottom: 0;margin-top: 16px;padding-top: 16px;} .about_b .touzi_c .touzi_c_btm { margin-top: 20px; } .about_c .left .ny_text2 { margin-top: 20px; } } @media(max-width: 600px){ .about_d .about_d_btm{ margin-top: 30px; } .about_c .swiper-pagination{width: 74%;} .about_d .about_d_btm .swiper-pagination{width: 74%;} } @media(max-width: 400px){ .about_c .swiper-pagination{width: 68%;} .about_d .about_d_btm .swiper-pagination{width: 68%;} } .Top{ z-index: 999; position: fixed; top: 0px; left: 0px; width: 100%; transition: All .4s ease; -webkit-transition: All .4s ease; -moz-transition: All .4s ease; -o-transition: All .4s ease; -webkit-animation: headerFix 1s ease 1; animation: headerFix 1s ease 1; } @-webkit-keyframes headerFix { from { -webkit-transform: translateY(-100%); } to { -webkit-transform: translateY(0); } } @keyframes headerFix { from { transform: translateY(-100%); } to { transform: translateY(0); } } /*渚ц竟鏍?/ .cebian{ position: fixed; z-index: 9; right: 0; top: 50%; z-index: 99; transform: translateY(-50%); } .cebian .ul li{ text-align: center; padding:0 8px; position: relative; background:rgb(77 80 80 / 45%); } .cebian .ul li .nr{ position: absolute; right: -200px; display: none; top: 0; height: 100%; font-size: 16px; color: #fff; width: 200px; text-align: left; padding: 0 16px; z-index: 1; transition: all 0.4s; opacity: 0; display: table; border-radius: 8px 0 0 8px; overflow: hidden; border-right: 1px solid #2da9ac; background: #0b9193; } .cebian .ul li .nr p{ padding-left: 37px; display: table-cell; background: url(../images/cebian_img3.png) left center/cover no-repeat; background-size: 31px 28px; vertical-align: middle; } .cebian .ul li:hover .nr a{color: #fff;} .cebian .ul li:hover .nr{ right: 100%; opacity: 1; } .cebian .ul li .box{ position: relative; z-index: 5; border-bottom: 1px solid rgba(255,255,255,0.1); padding: 12px 0; } .cebian .ul li:last-child .box{ border-bottom: 1px solid rgba(0,0,0,0); } .cebian .ul li:hover{ background: #0b9193; } .cebian .ul li:hover .box{ border-bottom: 1px solid rgba(0,0,0,0); } .cebian .ul li .img{ width: 30px; display: inline-block; } .cebian .ul li .bt{ font-size: 14px; color: #fff; margin-top: 4px; } @media(max-width: 1100px){ .cebian .ul li.returnTop,.cebian .ul li:last-child{display: none;} .cebian{ bottom: 0; top: auto; width: 100%; transform: initial; } .cebian .ul li{ float: left; width: 50%; border-right: 1px solid #2da9ac; } .cebian .ul li:last-child{ border-right: none; } .cebian .ul li .box{border-bottom: none;padding: 12px 0;} .cebian .ul li .img{width: 24px;} .cebian .ul li .nr{ top: -100%; /*right: 0;*/ } .cebian .ul li:hover .nr{ right: 0; } } /*鏂颁簯搴峰ぇ瀛?/ .talent_b2{ background: #0b9c9e; } .talent_b2 .left{ width: 50.1%; position: absolute; height: 100%; left: 0; top: 0; padding-left: 13.5%; } .talent_b2 .left .box{ position: absolute; top: 50%; padding-right: 130px; transform: translateY(-50%); } .talent_b2 .left .title .cn,.talent_b2 .left .title .en{color: #fff;} .talent_b2 .left .title .en i{background: #fff;} .talent_b2 .left .ny_text2{color: #fff;margin-top: 50px;} .talent_b2 .right{ width: 49.9%; } @media(max-width: 1700px){ .talent_b2 .left .ny_text2{margin-top: 30px;} } @media(max-width: 1680px){ .talent_b2 .left{ padding-left: 10%; } } @media(max-width: 1600px){ .talent_b2 .left .ny_text2{margin-top: 20px;} } @media(max-width: 1400px){ .talent_b2 .left{ padding-left: 8%; } } @media(max-width: 1100px){ .talent_b2 .left{ width: 100%; position: initial; padding: 30px 20px; } .talent_b2 .left .box{ position: initial; transform: initial; display: inline-block; padding-right: 0; } .talent_b2 .right{ width: 100%; } } /*鏂板簳閮?/ .footer .btm .btm_b{ width:100%; padding: 0; margin-top: 50px; } .footer .btm .btm_a:before{display: none;} .footer .btm .btm_a{ width: 24%; padding-right: 0; } .footer .btm .right{ width: 65%; } .footer .btm .right ul li{ float: left; width: 18%; height: 238px; padding-right: 40px; overflow: hidden; } .footer .btm .right ul li:nth-child(2),.footer .btm .right ul li:nth-child(7){ width: 28%; } .footer .btm .right ul li > a{ font-size: 15px; margin-bottom: 10px; display: block; border-bottom: 1px solid rgba(0,0,0,0); color: rgba(255,255,255,0.6); } .footer .btm .right ul li .box a{ display: block; color: rgba(187,187,187,0.62); padding-bottom: 8px; font-size:14px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .footer .btm .btm_a .text{ margin-top: 30px; } .footer .btm .btm_a .text h3{ margin-bottom: 16px; position: relative; padding-bottom: 16px; border-bottom: 1px solid #272727; } .footer .btm .btm_a .text h3:before{ position: absolute; bottom: 0; left: 0; background: #0b9c9e; height: 2px; width: 70px; content: ""; } .footer .btm .right ul li:hover > a{ border-bottom: 1px solid #272727; } .footer .btm .right ul li > a p{display: inline-block;padding-bottom: 10px;position: relative;} .footer .btm .right ul li > a p:before{ width: 100%; height: 2px; position: absolute; background: #0b9c9e; content: ""; left: -100%; bottom: 0; transition: all 0.4s; } .footer .btm .right ul li:hover > a p:before{ left: 0; } .footer .btm .btm_b .btm_b_box{display: none;} .footer .btm .btm_b ul li{ width: 48%; margin-right: 4%; } .footer .btm .btm_b ul li:last-child{ margin-right: 0; } .footer .btm .btm_b ul li .wenzi{ padding-left: 14px; font-size: 12px; } .footer .btm{ padding: 70px 0 20px; } .footer .btm .right ul li .box a:hover{ color: rgba(187,187,187,1);} @media(max-width: 1600px){ .footer .btm { padding: 60px 0 20px; } .footer .btm .btm_b{ margin-top: 20px; } .footer .btm .right ul li{ padding-right: 30px; height: 200px; } .footer .btm .right ul li .box a{font-size: 12px;} .footer .btm .btm_a .text{font-size: 13px;} .footer .btm .btm_a .text h3{font-size: 15px;} .footer .btm .btm_a .text h3{ padding-bottom: 12px; margin-bottom: 12px; } } @media(max-width: 1500px){ .footer .btm .btm_b ul li .wenzi{ padding-left: 5px; } .footer .btm .btm_a{width: 27%;} .footer .btm .right ul li > a{ font-size: 14px; } .footer .btm .right ul li .box a{ font-size:13px; } } @media(max-width: 768px){ .footer .btm .right{display: none;} .footer .btm { padding: 40px 0 0; } .footer .btm .btm_a{ width: 100%; margin-bottom: 0; } .footer .btm .btm_b .btm_b_box{display: block;margin-top: 10px;} } .about_b .touzi_c .ul li .bt .cn,.about_b .touzi_c .ul li .bt .en{text-align: left;} @-webkit-keyframes shakea { 0% {transform: translate(0px, 0px) rotate(0deg)} 20% {transform: translate(1.5px, -2.5px) rotate(-1.5deg)} 40% {transform: translate(-2.5px, 0.5px) rotate(-0.5deg)} } @keyframes shakea { 0% {transform: translate(0px, 0px) rotate(0deg)} 20% {transform: translate(1.5px, -2.5px) rotate(-1.5deg)} 40% {transform: translate(-2.5px, 0.5px) rotate(-0.5deg)} } .about_a_am{ position: relative; top: -84px; display: block; height: 0; overflow: hidden; } .news_a ul .ohter{ width: 100%; margin-left: 0; padding: 34px 50px; } .news_a ul .ohter .left{ width: 26.4%; } .news_a ul .ohter .left img{ line-height: 0; transition: all .36s; } .news_a ul .ohter:hover .left .img img { transform: scale(1.1); } .news_a ul .ohter .right{ width: 100%; } .gonggao .news_a ul .ohter .left { width: 35%; } .gonggao .news_a ul .ohter .left .img { border-radius: 5px; overflow: hidden; } .gonggao .news_a ul .ohter .right{ padding-top: 1vw;width: 62%; } .gonggao .news_a ul .ohter .bt { margin-top: 5px; margin-bottom:; padding-bottom: 20px; border-bottom:1px solid #dedede; } .gonggao .news_a ul .ohter .con a { display: block; padding-left: 30px; font-size:16px;color:#808080; margin-top:18px; } .gonggao .news_a ul .ohter .con a.jb { background: url(../images/add1.png) no-repeat left center; } .gonggao .news_a ul .ohter .con a.wlzb { background: url(../images/add2.png) no-repeat left center; } @media(max-width: 1680px){ .news_a ul .ohter{ padding: 28px 40px; } .gonggao .news_a ul .ohter .bt { padding-bottom: 15px; } .gonggao .news_a ul .ohter .con a { margin-top:14px; } } @media(max-width: 1100px){ .gonggao .news_a ul .ohter .left { width: 45%; } .gonggao .news_a ul .ohter .right{ padding-top: 1vw;width: 50%; } } @media(max-width: 900px){ .news_a ul .ohter{ padding: 14px 20px; } .news_a ul .ohter .left{ width: 100%; margin-bottom: 20px; display: none; } .news_a ul .ohter .right{ width: 100%; } .news_a ul .ohter:nth-child(1) .left{ display: block; } .gonggao .news_a ul .ohter .left { width: 100%; } .gonggao .news_a ul .ohter .right{ padding-top: 0;width: 100%; } } .banner .mobg{display: none;} .nybanner .mobg{display: none;} .nybanner .container2{position: relative;} @media(max-width: 1100px){ .nybanner .container2{position: initial;} .banner .mobg{display: block;} .nybanner .mobg{display: block;} } .touzi_a .left .bt2.xj{ color: #090; } .touzi_a .left .bt2 span.xj{color: #090;} .touzi_a .left .bt2 span.xj:before{ background: url(../images/touzi_xj.png) center center/cover; } .fixVideo { display: none; position: fixed; top:0; left:0;background: rgba(0,0,0,0.8);width: 100%;height: 100%;z-index: 1000; } .fixVideoA {width: 100%;height: 100%;position: relative; } .fixVideoB { position: absolute;width: 60%; max-width: 800px; height: auto; position: absolute;left: 50%;top: 50%; transform: translate(-50%, -50%);background: #fff; } .fixVideoB .close { position: absolute; right:-1px; top:-40px;height: 40px;width: 40px;cursor: pointer; text-align: center;line-height: 40px; font-size: 30px; z-index: 10000;background: #000; color:#fff;} .banner .video{ min-height: 100%; min-width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); object-fit: fill; } .banner .m_video{display: none;} @media(max-width: 1100px){ .banner{ background: #000;} .banner .pc_video{display: none ;} .banner .m_video{display: block;} .banner .mo_video,.banner .video{ object-fit: initial; min-height: initial; min-width: initial; position: relative; top: 0; left: 0; transform: initial; } .banner .video .anniu{ cursor: pointer; width: 40px; height: 40px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); background: url(../images/video_bofang.png) center center/cover;z-index: 9; } .banner .video video{ position: absolute; top: 50%; left: 0; transform: translateY(-50%); height: 100%; } } .addA { margin-top:50px; } .addA ul li { font-size: 20px;color:#333333; margin-bottom:20px; line-height: 24px; padding-left:28px; } .addA ul li.zt { background: url(../images/add3.png) no-repeat left top; } .addA ul li.rq { background: url(../images/add4.png) no-repeat left top; } .addA ul li.sj { background: url(../images/add5.png) no-repeat left top; } .addA ul li.dj { background: url(../images/add6.png) no-repeat left top; } .addA ul li.bg { background: url(../images/add7.png) no-repeat left top; } .addA ul li span { color:#ff0000; } .addA ul li a { color:#ffffff; padding: 0 25px; margin-left: 10px; background:#0b9c9e; border-bottom-left-radius: 12px; border-top-right-radius: 12px; display: inline-block; line-height: 24px; font-size: 12px; } @media(max-width: 1500px){ .addA { margin-top:40px; } } @media(max-width: 1300px){ .addA { margin-top:30px; } .addA ul li { font-size: 18px; margin-bottom:12px; } } @media(max-width: 1100px){ .addA { margin-top:20px; } .addA ul li { font-size: 16px; margin-bottom:12px; } } .addA-a { margin-top: 40px; } .colorRed { color:#ff0000; } .addA-a .topTit { font-size: 20px; color:#333333; } .addA-a .topTit span { font-size: 14px; color:#999999; } .addA-a ul li .t { font-size: 18px;color:#333; } .addA-a ul li { margin-top: 20px; float: left; width: calc(50% - 10px); margin-right: 20px; } .addA-a ul li input { background: none; margin-top: 6px; height: 56px; width: 100%; border:1px solid #dedede; border-radius: 2px; padding-left: 10px; font-size: 16px; } .addA-a ul li:nth-child(2n) { margin-right:0; } .addA-b { margin-top:36px; border:1px solid #dedede; border-radius: 2px; padding:16px; height: 350px; } .addA-b .con { padding-right:20px; height: 315px; overflow-y: scroll; } .addA-b .con { font-size: 20px;color: #555; line-height: 1.8; overflow-y: scroll;} .addA-b .con{ scrollbar-color: #c9cccc #e6eaea; scrollbar-width: thin; -ms-overflow-style:none; } .addA-b .con::-webkit-scrollbar { width: 3px; height: 1px; } .addA-b .con::-webkit-scrollbar-thumb { border-radius: 3px; -webkit-box-shadow: inset 0 0 1px #e6eaea; background: #c9cccc; } .addA-b .con::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 1px #e6eaea; border-radius: 3px; background: #e6eaea; } .addA-c { margin:36px 0 60px; } .addA-c .layui-form-checkbox span { font-size: 20px;color:#333; white-space: normal; text-overflow: inherit; line-height: 1.6; } .addA-c .layui-form-checkbox { padding-left:12px; position: relative; } .addA-c .layui-form-checkbox i { position: absolute!important; left:0; top:0; } .addA-c p { margin: 8px 0; } @media(max-width: 1500px){ .addA-a { margin-top: 30px; } .addA-a .topTit { font-size: 18px;} .addA-a ul li .t { font-size: 16px; } .addA-a ul li input { height: 50px; } .addA-b .con { font-size: 18px; } .addA-b { margin-top:30px; } .addA-c { margin:30px 0 50px; } } @media(max-width: 1100px){ .addA-a { margin-top: 20px; } .addA-b .con { font-size: 16px; } .addA-b { margin-top:20px; } .addA-c { margin: 20px 0 40px; } .addA-c .layui-form-checkbox span { font-size: 14px; } .addA-a ul li { width: 100%; margin-right:0; } .addA-a ul li input { height: 42px; } } .addA-d { text-align: center; } .addA-d button { color: #333; padding: 4px 50px; border: 1px solid #dedede; border-bottom-left-radius: 25px; border-top-right-radius: 25px; display: inline-block; font-size: 16px; background: none; height: auto; } .addA-d button:hover { background: #0b9c9e; color:#fff; border-color:#0b9c9e; } .addA-d a.layui-btn { position: absolute; top: 15px; left: 20px; } .moreA { border:none; border-radius: 0; padding-bottom: 15px; border-bottom:1px solid #fff; font-size: 26px; } .banner .box1 .moreA:hover,.moreA:hover { color: #0b9c9e; border:none; border-radius: 0; border-bottom:1px solid #fff; background: none!important; } .moreA i { margin-left: 2.5vw; top:0; } .moreA { padding: 0 25px 15px 45px; margin: 2.5vw 2.5vw 0; } .nybanner .touzizhe ul li { width: 16.66%; } .nybanner .moreA { margin: 2.5vw 2.5vw 0 0; } @media(max-width: 1500px){ .moreA { font-size: 24px; } } @media(max-width: 1300px){ .moreA { font-size: 22px; } .moreA { padding: 0 20px 15px 30px; margin: 2.5vw 2.5vw 0; } .nybanner .moreA { margin: 2.5vw 2.5vw 0 0; } .nybanner .moreA { margin-left:0!!important; } } @media(max-width: 1100px){ .banner .box1 .moreA { font-size: 20px; } } @media(max-width: 1100px){ .moreA { font-size: 16px; } .moreA { padding: 0 0px 10px 0px; margin: 20px 8px 0; } .nybanner .moreA { margin: 20px 8px 0 0; } .nybanner .touzizhe ul li { width: 33.3333%; border-color:#dedede; } .nybanner .touzizhe ul li:nth-child(n+4) { border-top:1px solid #dedede; } .nybanner .touzizhe { position: relative; } } .searchA { padding: 170px 0 180px; background-color: #109ea0; background-image: linear-gradient(to right, #109ea0 , #2ebdbf); } .searchA .searchA-a .colorWhite{font-size:2.4vw} .searchA-a form { margin-top: 20px; position: relative; } .searchA-a form input { float: left; } .searchA-a form input.inp { color: #fff; font-size: 18px; padding-left: 18px; width: 100%; height: 60px; border-radius: 60px; border:1px solid rgba(255,255,255,0.6); background: none; } .searchA-a form input.sub { cursor: pointer; padding-left: 26px; background: url(../images/addsearch.png) no-repeat 52px center #fff; width: 200px; height: 62px; cursor: pointer; font-size: 18px;color:#146a8f; border-radius: 60px; border:none; position: absolute; right:0; top:0; } .searchA-a form input.inp:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: rgba(255,255,255,0.6); } .searchA-a form input.inp::-moz-placeholder { /* Mozilla Firefox 19+ */ color: rgba(255,255,255,0.6); } .searchA-a form input:-ms-input-placeholder { color: rgba(255,255,255,0.6); } .searchA-a form input.inp::-webkit-input-placeholder { color: rgba(255,255,255,0.6); } .searchA-b { text-align: left; padding-left: 18px; margin-top: 12px; font-size: 16px; color:rgba(255,255,255,0.3); } .searchA-b a { color:rgba(255,255,255,0.3); } @media(max-width: 1280px){ .searchA .searchA-a .colorWhite{font-size:28px} .searchA-a form input.inp { height: 46px; font-size: 16px; } .searchA-a form input.sub { height: 48px; width: 160px; background: url(../images/addsearch.png) no-repeat 32px center #fff; } } @media(max-width: 640px){ .searchA .searchA-a .colorWhite{font-size:24px} .searchA { padding: 90px 0 80px; } .searchA-b { padding-left: 10px; } .searchA-a form input.inp { padding-left: 10px; height: 40px; font-size: 16px; } .searchA-a form input.sub { height: 42px; width: 120px; font-size: 14px; background: url(../images/addsearch.png) no-repeat 20px center #fff; } } .searchC { padding:50px 0 80px; background: #e8e8e8; } .searchC-b { text-align: center; } .searchC-b a { display: inline-block; padding: 12px 30px; border:1px solid #0b9c9e; font-size: 16px; color:#0b9c9e; border-radius: 50px; margin: 0 8px; } .searchC-b a.cur,.searchC-b a:hover { background: #0b9c9e; color:#fff; } .searchC-c { padding: 45px; background: #fff; margin-top:50px; } .searchC-c .article p { font-size: 16px; } .searchC-c .article p:nth-child(n+2) { margin-top:0; } .searchC-c .article { margin:0; } @media(max-width: 1280px){ .searchC { padding:40px 0 60px; } .searchC-c { padding: 35px; margin-top:30px; } .searchC-b a { padding: 8px 20px; } } @media(max-width: 1024px){ .searchC { padding:30px 0 40px; } .searchC-c { padding: 20px; margin-top:20px; } } @media(max-width: 550px){ .searchC-b a { font-size: 14px; padding: 5px 12px; margin: 5px 2px; } } .esgA { padding:4vw 0 5vw; background: #f1f5f5; } .nybanner .touzizhe ul.w2 li { width: 50%; } .esgA .select-btn { position: relative; right: auto; top: auto; margin: 0 auto; } .esgB { padding:0; } .esgB .news_a { margin:0; padding:0; margin-top:3vw; } .nybanner4 { height: auto; } .nybanner4 .container2 { position:absolute!important; left:50%; top:50%; transform: translate(-50%, -50%); } .gonggao .news_a ul .ohter .con a.zt { background: url(../images/zt.png) no-repeat left center; } .gonggao .news_a ul .ohter .con a.timeA { background: url(../images/time2.png) no-repeat left center; } .esgB .news_a ul .ohter .bt { margin-bottom: 2vw; } .gonggao .news_a ul .ohter .con a.more { margin-top: 2vw; display: inline-block; } .gonggao .news_a ul .ohter .con a.more i { background: url(../images/xiazai_icon2.png) center center/cover; } .gonggao .news_a ul .ohter .con a.more:hover i { background: url(../images/xiazai_icon.png) center center/cover; } .gonggao .news_a ul .ohter .con a.more:hover { color:#fff; } @media(max-width: 1100px){ .nybanner4 .pc { display:none; } .esgA { padding: 40px 0 50px; } .esgB .news_a ul .ohter .bt { margin-bottom: 15px; } .gonggao .news_a ul .ohter .con a.more { margin-top: 15px; } } .esgA .gonggao .news_a ul .ohter .left { width: 20%; } .esgA .gonggao .news_a ul .ohter .right { width: 77%; } @media(max-width: 900px){ .esgA .gonggao .news_a ul .ohter .left { margin-top:0; width: 200px; } .esgA .gonggao .news_a ul .ohter .right { width: calc(100% - 230px); } } @media(max-width: 700px){ .esgA .gonggao .news_a ul .ohter .left { margin-top:16px; width: 100%; } .esgA .gonggao .news_a ul .ohter .right { width: 100%; } }