@charset "utf-8"; body{ max-width: 100%; width: 100%; overflow: hidden; color: #666666; margin: 0 auto; font-size: 0.24rem; position: relative; } .container { max-width: 100%; width: 76.9%; margin: 0 auto; } .img{line-height: 0;} .container2{ width: 72.9%; margin: 0 auto; } .container3{ width: 93.75%; margin: 0 auto; } .left{float: left;} .right{float: right;} .hidden{ overflow: hidden; } .center { text-align: center; } .clearfix { clear: both; } .page{ text-align: center; } .page a{ font-size: 18px; color: #999999; width: 56px; height: 56px; display: inline-block; margin: 0 5px; background: #fff; border-radius: 100%; overflow: hidden; padding-top: 16px; text-align: center; } .page a.cur, .page a:hover{ color: #fff; background: url(../images/page_bg.png) center center/cover; } .page a.prev,.page a.next{ font-family: 瀹嬩綋; font-weight: bold; } .page a.prev:hover,.page a.next:hover{ color: #fff; background: url(../images/page_bg.png) center center/cover; } /*绉诲姩绔?/ /**mobile nav**/ .mo_header{ position: relative; padding: 0.3rem 0; } .mo_header .logo{ float: left; width: 2.4rem; line-height: 0; } .mo_header .nav{ float: right; position: absolute; right: 0.3rem; top: 53%; transform: translateY(-50%); cursor: pointer; width: 0.4rem; } .nav_box { width: 100%; height: 100%; position: fixed; right: auto; top: 0; bottom: 0; left: -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{ left: 0; } .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: 14px; line-height: 34px; } .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;} .en2{font-family: arial;} /*inedx*/ .header{ background: #fff; } .header .left{ width: 10%; padding: 12px 0; } .header .right{ width: 80%; } .header .right ul li{ float: right; margin-left: 50px; } .header .right ul li:last-child{ margin-left: 0; } .header .right ul li a{ color: #333333; font-size: 17px; padding: 30px 0; display: inline-block; } .footer{ background: #262626; padding: 70px 0 90px; } .footer .container {width:86%;} @media(max-width: 1500px){ .footer .container{ width: 90%; } } .footer .left{ width: 63.1%; } .footer .left ul li{ float: left; width: 14.28%; padding-right: 20px; } .footer .left ul li .bt{ font-size: 16px; color: #bdbdbd; margin-bottom: 20px; display: block; } .footer .left ul li .box a{ font-size: 13px; color: #666666; display: block; margin-bottom: 10px; } .footer .left ul li .box a:hover{ color: #bdbdbd; } .footer .left ul li .box a:last-child{ margin-bottom: 0; } .footer .right{ width: 36.9%; padding-left: 95px; text-align: right; } .footer .right .text{ padding-top: 24px; margin-top: 36px; color: #999999; font-size: 13px; line-height: 2; position: relative; } /*.footer .right .text a{ color: #999999; }*/ .footer .right .text:before{ position: absolute; top: 0; right: 0; height: 1px; background: #353535; width: 252px; content: ""; } @media(max-width: 1100px){ .mo_header{display: block;} .header{display: none;} .container{ width: 100%; max-width:100%; padding: 0 0.3rem; } .footer{ padding: 30px 0 40px; } .footer .left{display: none;} .footer .right{ width: 100%; text-align: left; padding-left: 0; } .footer .right .right_logo .img{width: 120px;} .footer .right .text{ padding-top: 15px; margin-top: 20px; } .footer .right .text:before{width: 100%;} .footer .container {width:100%;} } /*about*/ .nybanner{ height: 6.32rem; background-size: 100% 100%; } .nybanner .container{position: relative;height: 100%;} .nybanner .text{ position: absolute; left: 0; top: 50%; transform: translateY(-50%); } .nybanner .text .cn{ font-size: 48px; color: #333333; letter-spacing:5px; } .nybanner_development .text .cn{ color: #fff; } .nybanner .text .en{ color: #3ebbbc; font-size: 16px; text-transform: uppercase; letter-spacing:7px; margin-top: 15px; /*font-weight: bold;*/ } .title{ text-align: left; position: relative; } .title2{ text-align: center; } .title3{ text-align: right; } .title .cn{ font-size: 50px; color: #333333; letter-spacing:5px; } .title .en{ font-size: 16px; color: #3ebbbc; text-transform: uppercase; } .about_a{ padding: 64px 0 94px; } .about_a .left{ width: 57.2%; padding-top: 62px; } .about_a .left .text{ font-size: 16px; color: #666666; line-height: 2; margin-top: 28px; } .about_a .right{ /*width: 42.8%;*/ width: 44.8%; padding-left: 94px; margin-right: -38px; } .about_a .right .img{width: 100%;} .about_b{ background: url(../images/about_b_bg.jpg)center center/cover; background-attachment: fixed; margin: 0 auto; text-align: center; padding: 216px 0; } .about_b ul li{ display: inline-block; margin-right: 48px; } .about_b ul li:last-child{ margin-right: 0; } .about_b ul li .num{color: #fff;font-size: 100px;float: left;line-height: initial;line-height: 1;} .about_b ul li .text{ float: left; color: #fff; font-size: 22px; margin-top: 24px; padding-left: 10px; display: inline-block; } .about_b .wenzi{ color: #fff; font-size: 20px; padding: 0 234px; margin-top: 36px; line-height: 1.8; } .about_c{ background: url(../images/index_e_bg.jpg)center center/cover; padding: 84px 0; } .about_c ul{ margin-top: 30px; } .about_c ul li{ float: left; width: 32%; margin-right: 2%; /*margin-bottom: 20px;*/ background: #fff; border-radius: 6; overflow: hidden; position: relative; } .about_c ul li:nth-child(3n){ margin-right: 0; } .about_c ul li .img img{width: 100%;} .about_c ul li .text{ padding: 30px 35px 0; position: absolute; top: 0; } .about_c ul li .text .bt{ position: relative; background: url(../images/lbx.png) center center/cover; width: 82px; height: 95px; } .about_c ul li:hover .text .bt{ background: url(../images/lbx1_1.png) center center/cover; } .about_c ul li:hover .text .bt .bt1{ color: #ffffff; } .about_c ul li .text .bt .bt1{ position: absolute; top: 37%; left: 20px; /*transform: translateX(-50%);*/ font-size: 20px; color: #666666; width: 80%锛 } .about_c ul li:nth-child(3) .text .bt .bt1{ left: 8px; } .about_c ul li .text .wenzi{ font-size: 25px; color: #333333; margin-top: 15px; line-height: 1.8; overflow: hidden; } .about_d{ padding: 108px 0 80px; position: relative; background: url(../images/fazhanlicheng_bg.jpg) center center/cover; } /* .about_d .about_d_img{ position: absolute; bottom: 0; left: 0; right: 0; width: 100%; } .about_d .about_d_img img{width: 100%;} .about_d .swiper-button-prev:after,.about_d .swiper-button-next:after{ opacity: 0; } .about_d .swiper-button-prev,.about_d .swiper-button-next{ width: 53px; height: 53px; top: 50%; transform: translateY(-50%); } .about_d .swiper-button-next{ background: url(../images/about_d_left.png)center center/cover; left: auto; right: 70px; } .about_d .swiper-button-prev{ background: url(../images/about_d_right.png)center center/cover; right: 0; left: auto; } .about_d .swiper-button-next:hover{ background: url(../images/about_d_left2.png)center center/cover; } .about_d .swiper-button-prev:hover{ background: url(../images/about_d_right2.png)center center/cover; } .about_d .about_d_a{ margin-top: 93px; position: relative; margin-bottom: -54px; height: 400px; } .about_d .about_d_a .box{ position: absolute; bottom: 0; width: 100%; left: 0; padding-left: 30px; padding-bottom: 55px; } .about_d .about_d_a .box .bt{ font-size: 30px; color: #3ebbbc; margin-bottom: 16px; } .about_d .about_d_a .box ul li{ margin-bottom: 26px; } .about_d .about_d_a .box ul li:last-child{ margin-bottom: 0; } .about_d .about_d_a .box ul li .nf{ font-size: 18px; color: #333333; } .about_d .about_d_a .box ul li .nr{ line-height: 1.8; color: #333333; font-size: 14px; } .about_d .about_d_a .box:before{ position: absolute; left: 8px; width: 1px; height: 90%; bottom:0; background: #e5e5e5; display: block; content: ""; } .about_d .about_d_a .box:after{ position: absolute; bottom: 0; left: 0; background: url(../images/dian.png) center center/cover; width: 16px; height: 16px; content: ""; background-size: 100% 100%; } .about_d .about_d_a .swiper-slide-next .box:before{ height: 100%; bottom: -70px; } */ /*鏈畬鎴恉 鈫?/ .about_e{ background: #e0f4f5; padding: 100px 0 130px; } .about_e ul{ margin-top: 60px; } .about_e ul li { float: left; width: 19%; /*margin-right: 1.25%;*/ padding: 0 10px; position: relative; border-radius: 8px; overflow: hidden; } .about_e ul li:before{ width: 100%; height: 70%; background: #fff; position: absolute; bottom: 0; left: 0; content: ""; z-index: 0; border-radius: 15px; } .about_e ul li:last-child{ margin-right: 0; } .about_e ul li .img{ position: relative; z-index: 2; border-radius: 8px; overflow: hidden; } .about_e ul li .img img{width: 100%;} .about_e ul li .text{ padding: 26px 0; position: relative; z-index: 2; position: relative; } .about_e ul li .text .tiaozhuan{ background: url(../images/lianjie_lianjie.png) center center/cover; width: 80px; height: 44px; background-size: 100% 100%; position: absolute; top: 50%; transform: translateY(-50%); right: 10px; } .about_e ul li .bt{ font-size: 22px; color: #666666; z-index: 2; position: relative; } .about_e ul li .bt2{ font-size: 15px; color: #004ea2; margin-top: 6px; z-index: 2; position: relative; } /* .about_e ul li .text:before{ position: absolute; width: 17px; height: 17px; background: #ebf8f8; top: 28px; right: 60px; content: ""; border-radius: 100%; } .about_e ul li .text:after{ position: absolute; width: 10px; height: 10px; background: #ebf8f8; top: 54px; right: 86px; content: ""; border-radius: 100%; z-index: 1; }*/ .about_e ul li:nth-child(2n){ /*margin-top: 60px !important;*/ } .about_e ul li:nth-child(3){ /*margin-top: 12px;*/ } .about_e ul li .text2{ position: absolute; top: auto; bottom: 100%; left: 0; width: 100%; height: 100%; z-index: 3; background:#0069b7; padding: 40px 10px 0 10px; transition: all .3s; overflow: hidden; } .about_e ul li .text2:before{ background: url(../images/about_e_fd.png)center center/cover; width: 104px; height: 56px; position: absolute; bottom: 20px; right: 12px; content: ""; background-size: 100% 100%; z-index: -1; } .about_e ul li .text2 .bt{ color: #fff; } .about_e ul li .text2 .bt2{ color: #fff; } .about_e ul li .text2 .wenzi{ font-size: 14px; color: #ffffff; line-height: 1.5; margin-top: 20px; /*max-height: 241px;*/ max-height: 170px; /*overflow: hidden;*/ } .about_e ul li:hover .text2{ bottom: 0; } .about_e ul li:hover .text2:before{ background: url(../images/baise_jt.png)center center/cover; width: 80px; height: 44px; background-size: 100% 100%; position: absolute; content: ""; bottom: 30px; right: 13px; } .about_f{ padding: 115px 0 90px; background: #f5f5f5; } .about_f .container{position: relative;} .about_f .about_f_box{ position: relative; padding-bottom: 80px; } /* .about_f .about_f_a{ margin-top: 34px; padding-top: 50px; } .about_f .about_f_a .swiper-slide{ width:280px; transform: scale(0.7); transition: 300ms; } .about_f .about_f_a .swiper-slide .text{ display: none; margin-top: 56px; text-align: center; } .about_f .about_f_a .swiper-slide .text .bt{ color: #333333; font-size: 24px; } .about_f .about_f_a .swiper-slide .text .wenzi{ line-height: 1.8; color: #333333; font-size: 14px; margin-top: 16px; } .about_f .about_f_a .swiper-slide-prev { text-align: left; } .about_f .about_f_a .swiper-slide-next { text-align: right; } .about_f .about_f_a .swiper-slide-active{ transform: scale(1); } .about_f .about_f_a .swiper-slide-active .text{display: block;} .about_f .about_f_a .box .img img{width: 100%;} .about_f .about_f_a .slick-slide{width: 172px;} .about_f .about_f_a .slick-center{width: 440px;} */ .about_f .swiper-button-next:after,.about_f .swiper-button-prev:after{opacity: 0;} .about_f .swiper-button-next,.about_f .swiper-button-prev{ width: 44px; height: 44px; /*opacity: 1;*/ } .about_f .swiper-button-next{ background: url(../images/guwen_right01.png) center center/cover; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); right: 60px; left: auto; } .about_f .swiper-button-next:hover{ background: url(../images/guwen_left02.png) center center/cover; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } .about_f .swiper-button-prev{ background: url(../images/guwen_right01.png) center center/cover; right: 0; left: auto; } .about_f .swiper-button-prev:hover{ background: url(../images/guwen_left02.png) center center/cover; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .about_f .swiper-pagination{ bottom: 0; } .about_f .swiper-pagination .swiper-pagination-bullet { width: 74px; height: 3px; background: #e4e4e4; border-radius: initial; opacity: 1; } .about_f .swiper-pagination .swiper-pagination-bullet-active { background: #0069b7; } .about_g{ background: url(../images/index_e_bg.jpg)center center/cover; padding: 94px 0 80px; } .about_g .about_g_top{ position: relative; } .about_g .about_g_top .title{ float: left; } .about_g .about_g_top .about_g_a{ position: absolute; right: 0; top: 50%; transform: translateY(-50%); } .about_g .about_g_top .about_g_a a{ font-size: 16px; color: #666666; margin-left: 76px; padding-bottom: 10px; } .about_g .about_g_top .about_g_a a:nth-child(1){ margin-left: 0; } .about_g .about_g_top .about_g_a a.cur{ color: #3ebbbc; border-bottom: 1px solid #3ebbbc; } .about_g .about_g_b .box .swiper-slide .box ul li{ float: left; width: 32%; margin-right: 2%; background: #ffffff; text-align: center; padding: 10px; border-radius: 10px; overflow: hidden; margin-bottom: 24px; } .about_g .about_g_b .box .swiper-slide .box ul li:nth-child(3n){ margin-right: 0; } .about_g .about_g_b .box .swiper-slide .box .img{ border-radius: 10px; overflow: hidden; display: flex; } .about_g .about_g_b .box .swiper-slide .box .img img{width: 100%; align-self: center} .about_g .about_g_b .box .swiper-slide .box .text{ font-size: 16px; color: #666666; padding: 16px 0; height: 70px; } .about_g .about_g_b .box .swiper-slide ul li:hover{ background: #004ea2; } .about_g .about_g_b .box .swiper-slide ul li:hover .text{ color: #ffffff; } .about_g .about_g_b{ margin-top: 28px; } .about_g .about_g_b > .box{display: none;position: relative;padding-bottom: 46px;} .about_g .about_g_b > .box.cur{display: block;} .about_g .about_g_b > .box .swiper-pagination-bullet{ width: 74px; height: 3px; background: #ffffff; border-radius: initial; opacity: 1; } .about_g .about_g_b > .box .swiper-pagination-bullet-active{ background: #004ea2; } .about_g .about_xz{ background: url(../images/about_g_bg.jpg)center center/cover; padding: 94px 0 80px; } .about_xz { padding: 115px 0 90px; background: #f5f5f5; } .about_h{ padding: 108px 0 74px; } .about_h .left{width: 38.1%;padding-top: 78px;padding-right: 38px;} .about_h .left .text{ line-height: 1.8; font-size: 16px; color: #666666; margin-top: 36px; } .about_h .left .lb { /*about_g shxz*/ /*margin-top: 76px;*/ margin-top: 20px; } .about_h .left .lb li{ float: left; width: 100%; margin-bottom: 20px; } .about_h .left .lb li:last-child{ margin-bottom: 0; } .about_h .left .lb li span{ font-size: 48px; color: #004ea2; font-weight: bold; } /*.about_h .left .lb li:nth-child(2n){ float: right; text-align: right; }*/ .about_h .left .lb li .icon{ float: left; width: 110px; } .about_h .left .lb li .wenzi{ font-size: 16px; color: #666666; float: left; padding-top: 20px; padding-left: 20px; } .about_h .left .lb li .wenzi .pingfangmi{ font-size: 20px; font-weight: initial; } .about_h .left .lb li .wenzi > span{ display: block; line-height: 1; margin-bottom: 5px; } .about_h .left .lb li .wenzi .i{ font-weight: initial; top: -10px; position: relative; } .about_h .right{width: 61.9%;} .about_h .about_h_a{ margin-left: 13.54%; margin-right: 67px; } .about_i{ background: #e5eff7; padding: 106px 0 90px; } .about_i .about_i_a { margin-top: 30px; position: relative; /*padding-bottom: 65px;*/ } .about_i .about_i_a .box ul li{ float: left; width: 24%; margin-right: 1.33%; background: #fff; text-align: center; margin-bottom: 18px; border-radius: 10px; overflow: hidden; } .about_i .about_i_a .box ul li .v{ transition: all 0.8s; -o-transition: all 0.8s; -moz-transition: all 0.8s; -ms-transition: all 0.8s; -webkit-transition: all 0.8s; } .about_i .about_i_a .box ul li:hover .v{ transform: scale(1.2); -o-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -webkit-transform: scale(1.2); } .about_i .about_i_a .box ul li:nth-child(4n){ margin-right: 0; } .about_i .about_i_a .box ul li .img{ /* transition: all 0.8s; -o-transition: all 0.8s; -moz-transition: all 0.8s; -ms-transition: all 0.8s; -webkit-transition: all 0.8s;*/ } .about_i .about_i_a .box ul li .img img{width: 100%;} .about_i .about_i_a .box ul li .text{ font-size: 16px; color: #666666; padding-bottom: 18px; position: relative; z-index: 8; /* transition: all 0.8s; -o-transition: all 0.8s; -moz-transition: all 0.8s; -ms-transition: all 0.8s; -webkit-transition: all 0.8s;*/ } .about_i .about_i_a .box ul li:hover .img{ /*transform: scale(1.2); -o-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -webkit-transform: scale(1.2);*/ } .about_i .about_i_a .box ul li:hover .text{ /*transform: scale(1.2); -o-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -webkit-transform: scale(1.2);*/ } .about_i .about_i_a .swiper-pagination-bullet{ width: 74px; height: 3px; background: #ffffff; border-radius: initial; opacity: 1; } .about_i .about_i_a .swiper-pagination-bullet-active { background: #30a9bb; } .about_i .about_i_top{ position: relative; } .about_i .about_i_top .swiper-button-prev:after,.about_i .about_i_top .swiper-button-next:after{ opacity: 0; } .about_i .about_i_top .swiper-button-prev,.about_i .about_i_top .swiper-button-next{ width: 53px; height: 53px; top: 50%; transform: translateY(-50%); margin-top: auto; } .about_i .about_i_top .swiper-button-next{ background: url(../images/about_d_left.png)center center/cover; left: auto; right: 70px; } .about_i .about_i_top .swiper-button-prev{ background: url(../images/about_d_right.png)center center/cover; right: 0; left: auto; } .about_i .about_i_top .swiper-button-next:hover{ background: url(../images/about_d_left2.png)center center/cover; } .about_i .about_i_top .swiper-button-prev:hover{ background: url(../images/about_d_right2.png)center center/cover; } .about_i .about_i_b{display: none;}; .m_about_g_b .box{display: none;} .m_about_g_b .box.cur{display: block;} .m_about_g_b{display: none;} @media(max-width: 1600px){ .container{ width: 82%; } .nybanner .text .cn { font-size: 38px; } .nybanner .text .en{ font-size: 14px; margin-top: 8px; } .title .cn{ font-size: 38px; } .title .en{font-size: 14px;} .about_a { padding: 50px 0 70px; } .about_a .left .text{ font-size: 14px; margin-top: 16px; } .about_b{ padding: 170px 0; } .about_b .wenzi{ font-size: 18px; margin-top: 22px; } .about_b ul li .num{ font-size: 80px; } .about_b ul li .text{ font-size: 20px; margin-top:18px; } .about_c{ padding: 70px 0; } .about_c ul li .img img{width: 100%;} /*.about_c ul li .text { padding: 16px 20px; }*/ .about_c ul li .text { padding: 60px 30px 0; } .about_c ul li .text .bt{ font-size: 16px; } .about_c ul li .text .wenzi{ font-size: 14px; margin-top: 10px; } .about_e{ padding: 70px 0 80px; } .about_e ul li .bt{ font-size: 18px; } .about_e ul li .bt2{font-size: 14px;} .about_f { padding: 70px 0 80px; } .about_g{ padding: 70px 0 50px; } .about_h { padding: 78px 0 60px; } .about_h .left .lb li span{ font-size: 38px; } .about_h .left .lb { /*margin-top: 50px;*/ } .about_h .left{ padding-top: 25px; } .about_i { padding: 70px 0 50px; } .about_f .about_f_a .swiper-slide{ width:270px; } } @media(max-width: 1500px){ .about_a .left { padding-top: 30px; } .about_c ul li .text .wenzi { margin-top: 4px; } .container{ width: 90%; } .about_e ul li .bt { font-size: 16px; } .about_e ul { margin-top: 40px; } .about_h .about_h_a{ margin-left: 5%; } .about_i .about_i_a{ padding-bottom: 30px; } .about_e ul li .text2{ padding: 20px 18px 0 18px; } } @media(max-width: 1400px){ .title .cn { font-size: 34px; } .about_f .about_f_a .swiper-slide{ width:230px; } .about_e ul li .text2 .wenzi{ font-size: 12px; } } @media(max-width: 1100px){ .about_f .about_f_box{ padding-bottom: 40px; } .about_e ul li:hover .text2{display: none;} .container{ width: 100%; } .nybanner .text{ left: 5%; } .about_a .left{ width: 100%; padding-top: 0; } .about_a .right{ width: 100%; margin-top: 30px; padding-left: 0; margin-right: 0; text-align: center; } .about_b { padding: 100px 0; } .about_b .wenzi{ padding: 0 0.3rem; } .about_c { padding: 30px 0 40px; } .about_e ul li:nth-child(2n){ margin-top: 0px !important; } .about_e ul li:nth-child(3){margin-top: 0;} .about_e { padding: 30px 0 40px; } .about_e ul li{ width: 100%; margin-right: 0; margin-bottom: 14px; } .about_g .about_g_b .box .swiper-slide .box .text{font-size: 16px;} .about_g .about_g_b .box .swiper-slide .box ul li{ width: 49%; margin-right: 2%; margin-bottom: 16px; } .about_g .about_g_b .box .swiper-slide .box ul li:nth-child(3n){ margin-right: 2%; } .about_g .about_g_b .box .swiper-slide .box ul li:nth-child(2n){ margin-right: 0; } .about_g .about_g_top .about_g_a{ display: inline-block; position: initial; transform: initial; float: left; width: 100%; margin-top: 20px; } .about_g .about_g_top .about_g_a a{ margin-left: 30px; } .about_h { padding: 30px 0 40px; } .about_h .left{ width: 100%; padding-right: 0; } .about_h .right { width: 100%; text-align: center; margin-top: 20px; } .about_h .about_h_a { margin-right: 0; padding: 0 0.3rem; margin-left: 0; } .about_h .left .text{font-size: 14px;margin-top: 22px;} .about_h .left .lb { margin-top: 20px; } .about_h .right img{width: 100%;} .about_i .about_i_a .box ul li{ width: 49%; margin-right: 2%; } .about_i .about_i_a .box ul li:nth-child(4n) { margin-right: 2%; } .about_i .about_i_a .box ul li:nth-child(2n){ margin-right: 0; } .about_a { padding: 30px 0 40px; } .about_b .wenzi{ font-size: 14px; } .about_b ul li .text { font-size: 14px; margin-top: 10px; } .about_b ul li .num { font-size: 50px; } .about_b_anniu a { padding:8px 20px; } .about_c ul { margin-top: 30px; } .about_i{ padding: 30px 0 40px; } .about_g{ padding: 30px 0 40px; } .about_f .about_f_a { margin-top: 24px; padding-top: 0; } .about_f .about_f_a .swiper-slide .text{ margin-top: 30px; } .about_f .about_f_a .swiper-slide .text .wenzi{margin-top: 10px;} .about_f { padding: 30px 0 40px; position: relative; } .about_f .about_f_a .swiper-slide .text .bt{font-size: 20px;} .about_f .about_f_a .box .img{padding: 0 44px;} .about_i .about_i_a .box ul li .text{ font-size: 14px; padding-top: 5px; padding-bottom: 8px; } .about_f .swiper-button-next, .about_f .swiper-button-prev{display: none;} .about_h .left .lb li .icon{ width: 90px; } } @media(max-width: 800px){ .title .cn { font-size: 26px; } .about_c ul li{ width: 100%; margin-right: 0; margin-bottom: 20px; height: 240px; overflow: hidden; } .about_c ul li .text{ /*position: absolute; text-align: center; top: 50%; transform: translateY(-50%); width: 100%;*/ } } @media(max-width: 640px){ .about_i .about_i_top .swiper-button-prev, .about_i .about_i_top .swiper-button-next{display: none;} .about_i .about_i_a .swiper-pagination{bottom: 0;} .about_i .about_i_a .swiper-pagination-bullet{ width: 8px; height: 8px; border-radius: 100%; } .about_i .about_i_a{display: none;} .about_i .about_i_b{display: block;padding-bottom: 20px;} .about_i .about_i_a .box ul li{width: 100%;} .about_h .left .lb li{ width: 100%; margin-bottom: 14px; } .about_h .left .lb li:nth-child(2n) { float: left; text-align: left; } .about_h .left .lb li span{ font-size: 30px; } .about_b { padding: 60px 0; } .about_b ul li{ width: 50%; margin-right: 0; float: left; text-align: center; margin-bottom: 15px; } .about_b .wenzi { padding: 0 0; margin-top: 20px; } .about_c ul li .img img{width: 100%;} .about_g .about_g_b{display: none;} .about_g .m_about_g_b{display: block;margin-top: 30px;} .about_g .m_about_g_b .box{display: none;} .about_g .m_about_g_b .box.cur{display: block;position: relative;padding-bottom: 30px;} .about_g .m_about_g_b .box .swiper-pagination{bottom: 0;} .about_g .m_about_g_b .box .swiper-pagination .swiper-pagination-bullet{ width: 8px; height: 8px; border-radius: 100%; opacity: 1; background: #fff; } .about_g .m_about_g_b .box .swiper-pagination .swiper-pagination-bullet-active { background: #30a9bb; } .about_g .m_about_g_b .swiper-slide{ text-align: center; background: #fff; border-radius: 8px; overflow: hidden; } .about_g .m_about_g_b .swiper-slide .img { border-radius: 8px; overflow: hidden; } .about_g .m_about_g_b .swiper-slide .img img{width: 100%;} .about_g .m_about_g_b .swiper-slide .text{ font-size: 14px; color: #666666; padding: 16px 0; } /*.about_e ul li .img{ height: 200px; overflow: hidden; }*/ .about_f .swiper-pagination{display: block;bottom: 0;} /*.about_f{ margin-bottom: 30px; }*/ .about_f .swiper-pagination .swiper-pagination-bullet{ width: 8px; height: 8px; border-radius: 100%; background: #ccc; opacity: 1; } .about_f .swiper-pagination .swiper-pagination-bullet-active { background: #30a9bb; } .about_e ul li .text .tiaozhuan{ width: 45px; height: 30px; right: 0; top: 35px; } .about_e ul li .bt2{ height: 45px; overflow: hidden; } .about_e ul li .text{ padding: 20px 0px; } } .news_a{ padding: 90px 0 87px; background: #f7f7f7; } .news_a ul{ margin-bottom: 40px; } .news_a ul li{ margin-bottom: 22px; background: #ffffff; padding: 20px 32px 20px 20px; border-radius: 8px; overflow: hidden; } .news_a ul li:last-child{ margin-bottom: 0; } .news_a .left{ float: left; width: 34.8%; } .news_a .left .img img{width: 100%;} .news_a .right{ float: left; width: 65.2%; padding-left: 40px; padding-top: 48px; } .news_a .right .time{ font-size: 16px; color: #004ea2; margin-bottom: 20px; } .news_a .right .bt{ font-size: 20px; color: #004ea2; margin-bottom: 18px; } .news_a .right .js{ font-size: 14px; color: #004ea2; line-height: 2; } .news_a .right .lj{ color: #999999; font-size: 16px; margin-top: 34px; padding-top: 34px; border-top: 1px solid #f1f6fa; } .news_a .right .lj span{ display: inline-block; position: relative; } .news_a .right .lj span:before{ content: ""; position: absolute; background: url(../images/lj_a.png) center center/cover; width: 43px; height: 31px; right: -54px; top: 50%; transform: translateY(-50%); } @media(max-width: 1600px){ .news_a .right .bt{ font-size: 18px; } .news_a .right{ padding-top: 15px; } .news_a{ padding: 60px 0 50px; } } @media(max-width: 1100px){ .news_a .right .lj{ margin-top: 16px; padding-top: 16px; } .news_a .right .bt { font-size: 16px; margin-bottom: 10px; } .news_a .right .time{ margin-bottom: 10px; } } @media(max-width: 1000px){ .news_a .left{width: 100%;} .news_a .right{width: 100%;padding-left: 0;} .news_a { padding: 30px 0 40px; } .news_a ul li{ padding: 10px 15px 20px; } .page a{ width: 40px; height: 40px; font-size: 16px; padding-top: 10px; } } .new { padding-bottom: 80px; } .new .mbx{ padding: 20px 0; border-bottom: 1px solid #ededed; font-size: 16px; color: #999999; margin-bottom: 64px; } .new .mbx a{ color: #999999; } .new .mbx span{ font-family: 瀹嬩綋; font-weight: bold; margin: 0 10px; } .new .left{ width: 69%; } .new .left .bt{ color: #333333; font-size: 30px; } .new .left .bt2{ margin-top: 24px; } .new .left .bt2 .time{ float: left; color: #004ea2; font-size: 14px; position: relative; } .new .left .bt2 .time i{ margin-right: 8px; background: url(../images/time.png)center center/cover; width: 11px; height: 11px; display: inline-block; } .new .left .bt2 .laiyuan{ float: left; color: #004ea2; font-size: 14px; position: relative; margin-left: 70px; } .new .left .bt2 .laiyuan i{ margin-right: 8px; background: url(../images/laiyuan.png)center center/cover; width: 11px; height: 11px; display: inline-block; } .new .left .text{ margin-top: 20px; margin-bottom: 36px; padding-top: 20px; border-top: 1px solid #ededed; color: #4d4d4d; font-size: 15px; line-height: 2; } .new .left .sxp{ padding: 42px 0 32px; border-bottom: 1px solid #e0e0e0; border-top: 1px solid #e0e0e0; } .new .left .sxp .za{ float: left; font-size: 16px; color:#666666; } .new .left .sxp .zc{ float: left; font-size: 16px; color:#666666; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .new .left .sxp > a > div{margin-bottom: 20px;} .new .left .sxp > a:last-child > div{margin-bottom: 0;} .new .left .sxp > a:hover .za{ color: #004ea2; } .new .left .sxp > a:hover .zc{ color: #004ea2; } .new .right{ width: 28.1%; box-shadow: 1px 1px 18px 2px rgba(0,0,0,0.1); padding: 20px 20px 0 20px; border-radius: 8px; overflow: hidden; } .new .right .bt{ font-size: 24px; color: #333333; margin-bottom: 18px; padding-left: 18px; position: relative; } .new .right .bt:before{ position: absolute; background: url(../images/new_right.jpg)center center/cover; width: 2px; height: 100%; left: 0; top: 0; content: ""; } .new .right ul li{ margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #f5f5f5; } .new .right ul li .img{ border-radius: 5px; overflow: hidden; } .new .right ul li .img img{width: 100%;} .new .right ul li .text{ margin-top: 18px; } .new .right ul li .text .time{ font-size: 16px; color: #004ea2; } .new .right ul li .text .wenzi{ color: #333333; font-size: 16px; margin-top: 5px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .new .right ul li:last-child{ border-bottom: none; margin-bottom: 0; } @media(max-width: 1600px){ .new .mbx{font-size: 14px;padding: 16px 0;margin-bottom: 40px;} .new .left .bt{ font-size: 28px; } .new .left .sxp{ padding: 30px 0; } .new { padding-bottom: 50px; } } @media(max-width: 1100px){ .new .right{display: none;} .new .left{width: 100%;} } @media(max-width: 1000px){ .new .left .sxp { padding: 18px 0; } .new .left .bt { font-size: 20px; } .new .left .sxp .za,.new .left .sxp .zc{ font-size: 14px; } .new .left .sxp > a > div { margin-bottom: 14px; } .new .left .text{ margin-top: 10px; margin-bottom: 20px; padding-top: 10px; } .new .mbx { margin-bottom: 26px; } .new .mbx { margin-bottom: 18px; padding: 12px 0; } } @media(max-width: 400px){ .new .left .sxp .za{ width: 20%; } .new .left .sxp .zc{ width: 80%; } } .contact_a{ margin-top: -120px; position: relative; z-index: 99; } .contact_a .box{ background: url(../images/contact_bg.jpg)center left no-repeat #fff; background-size: 50% 100%; padding: 70px 70px 46px; border-radius: 8px; overflow: hidden; box-shadow: 1px 1px 12px rgba(0,0,0,0.1); } .contact_a .box .left{ width: 50%; padding-right: 30px; } .contact_a .box .left .bt{ color: #fff; font-size: 24px; } .contact_a .box .left ul{ margin-top: 46px; } .contact_a .box .left ul li{ margin-bottom: 36px; padding-left: 62px; } .contact_a .box .left ul li.li1{ background: url(../images/contact_icon1.png) center left no-repeat; } .contact_a .box .left ul li.li2{ background: url(../images/contact_icon2.png) center left no-repeat; } .contact_a .box .left ul li.li3{ background: url(../images/contact_icon3.png) center left no-repeat; } .contact_a .box .left ul li .text{ font-size: 16px; color: #ffffff; } .contact_a .box .left ul li .text .p{ font-size: 18px; color: #ffffff; margin-top: 10px; } .contact_a .box .left ul li:last-child{ margin-bottom: 0; } .contact_a .box .left .ewm{ margin-left: 62px; background: #fff; border-radius: 8px; overflow: hidden; padding: 12px; display: inline-block; margin-top: 30px; } .contact_a .box .right{ width: 50%; padding-left: 56px; } .contact_a .box .right .bt{ font-size: 24px; color: #333333; } .contact_a .box .right .bt span{ color: #666666; font-size: 16px; } .contact_a .box .right .right_b{ margin-top: 30px; } .contact_a .box .right .right_b ul li{ margin-bottom: 26px; } .contact_a .box .right .right_b ul li:last-child{ margin-bottom: 0; } .contact_a .box .right .right_b ul li p{ color: #999999; font-size: 14px; } .contact_a .box .right .right_b ul li p span{ font-size: 14px; color: #ff0000; } .contact_a .box .right .right_b ul li input{ width: 100%; padding: 0 0 10px; font-size: 14px; color: #666666; border-right: none; border-left: none; border-top: none; border-bottom: 1px solid #eeeeee; margin-top: 12px; } .contact_a .box .right .right_b ul li input::-webkit-input-placeholder,.contact_a .box .right .right_c textarea::-webkit-input-placeholder{ color: #cccccc; } .contact_a .box .right .right_c{ margin-top: 26px; } .contact_a .box .right .right_c p{ color: #999999; font-size: 14px; } .contact_a .box .right .right_c textarea{ margin-top: 20px; height: 70px; width: 100%; font-size: 14px; color: #666666; border-right: none; border-left: none; border-top: none; border-bottom: 1px solid #eeeeee; resize:none; } .contact_a .box .right .sub{ font-size: 14px; color: #ffffff; border-radius: 25px; background: url(../images/contact_bg.jpg)center center/cover; padding: 15px 70px; border:none; margin-top: 30px; } .contact_b .map{ margin-top: 110px; } .contact_b .map #allmap{ width: 100%; height: 730px; } .contact_b .map #allmap .anchorTR{opacity: 0;} @media(max-width: 1600px){ .contact_a { margin-top: -80px; } .contact_a .box{ padding: 50px 50px 30px; } .contact_b .map #allmap { height: 500px; } .contact_b .map { margin-top: 70px; } } @media(max-width: 1100px){ .contact_a .box{ background: none; padding: 0; } .contact_a .box .left{ width: 100%; background: url(../images/contact_bg.jpg)center center/cover; padding: 30px; } .contact_a .box .right{ width: 100%; padding: 0 30px 30px; margin-top: 30px; } } @media(max-width: 800px){ .contact_a .box .left{ padding: 20px 14px; } .contact_a .box .left ul { margin-top: 20px; } .contact_a .box .left ul li { margin-bottom: 20px; } .contact_a .box .left .bt { font-size: 20px; } .contact_a .box .right .bt{font-size: 22px;} .contact_a .box .left ul li .text .p{ font-size: 14px; margin-top: 5px; } .contact_a .box .right .right_c textarea{ margin-top: 10px; } .contact_a .box .right .sub{ margin-top:15px; } .contact_a .box .left .ewm{ margin-top: 20px; margin-left: 0; } .contact_a .box .right{ padding: 0 14px 20px; } .contact_a .box .right .sub { padding: 12px 0; width: 100%; } .contact_b .map { margin-top: 30px; } .contact_b .map #allmap { height: 300px; } .nybanner{ height: 300px; } .nybanner .text .en{ letter-spacing: 4px; } } @media(max-width: 640px){ .nybanner .text .cn { font-size: 26px; } } .development_a{ padding: 70px 80px; } .development_a .development_a_top{ position: relative; } .development_a .development_a_top .lb{ position: absolute; right: 0; bottom: 0; } .development_a .development_a_top .lb a{ color: #666666; font-size: 18px; margin-left: 44px; } .development_a .development_a_top .lb a:nth-child(1){ margin-left: 0; } .development_a .development_a_top .lb a.cur{ color: #004ea2; } .development_a .development_a_bottom{ position: relative; margin-top: 30px; display: none; padding-bottom: 50px; } .development_a .development_a_bottom .box .img img{width: 100%;} .development_a .development_a_bottom.cur{display: block;} .development_a .development_a_bottom .box{ position: relative; } .development_a .development_a_bottom .box:before{ position: absolute; background: rgba(255,255,255,0.5); left: 0; top: 0; width: 100%; height: 100%; content: ""; } .development_a .development_a_bottom .swiper-slide-active .box:before{ background: none; } .development_a .development_a_bottom .swiper-button-prev:after, .development_a .development_a_bottom .swiper-button-next:after{opacity: 0;} .development_a .development_a_bottom .swiper-button-prev, .development_a .development_a_bottom .swiper-button-next{ width: 34px; height: 73px; } .development_a .development_a_bottom .swiper-button-next{ background: url(../images/development_a_bottom_left.png) center center/cover; right: auto; left: 0; } .development_a .development_a_bottom .swiper-button-prev{ background: url(../images/development_a_bottom_right.png) center center/cover; right: 0; left: auto; } .development_a .development_a_bottom .swiper-button-next:hover{ background: url(../images/development_a_bottom_left2.png) center center/cover; right: auto; left: 0; } .development_a .development_a_bottom .swiper-button-prev:hover{ background: url(../images/development_a_bottom_right2.png) center center/cover; right: 0; left: auto; } .development_a .development_a_bottom .swiper-pagination { bottom: 0; } .development_a .development_a_bottom .swiper-pagination-bullet { width: 74px; height: 3px; background: #e4e4e4; border-radius: initial; opacity: 1; } .development_a .development_a_bottom .swiper-pagination-bullet-active { background: #004ea2; } .development_b{ /*background: url(../images/development_b_a_bg.jpg) center center/cover;*/ background: #e5eff7; padding: 105px 0 115px; } .development_b .development_b_top{ position: relative; } .development_b .development_b_top .swiper-button-prev:after,.development_b .development_b_top .swiper-button-next:after{ opacity: 0; } .development_b .development_b_top .swiper-button-prev,.development_b .development_b_top .swiper-button-next{ width: 50px; height: 50px; } .development_b .development_b_top .swiper-button-prev{ background: url(../images/development_b_right.png) center center/cover; right: 0; left: auto; } .development_b .development_b_top .swiper-button-next{ background: url(../images/development_b_left.png) center center/cover; right: 64px; left: auto; } .development_b .development_b_a{ position: relative; margin-top: 35px; padding-bottom: 64px; } .development_b .development_b_a .box { background: #fff; padding: 20px; border-radius: 8px; overflow: hidden; } .development_b .development_b_a .box .img{ border-radius: 8px; overflow: hidden; /*height: 270px;*/ display: flex; } .development_b .development_b_a .box .img img{width: 100%;align-self:center} .development_b .development_b_a .box .text{ margin-top: 20px; } .development_b .development_b_a .box .text .time{ font-size: 14px; color: #666666; } .development_b .development_b_a .box .text .bt{ font-size: 16px; color: #333333; margin-top: 5px; } .development_b .development_b_a .box:hover .text .time{ color: #fff; } .development_b .development_b_a .box:hover .text .bt{ color: #fff; } .development_b .development_b_a .swiper-pagination{ bottom: 0; } .development_b .development_b_a .swiper-pagination-bullet { width: 74px; height: 3px; background: #e4e4e4; border-radius: initial; opacity: 1; } .development_b .development_b_a .swiper-pagination-bullet-active { background: #004ea2; } .development_c{ background: url(../images/development_c_bg.jpg)center center /cover; padding: 75px 0; } .development_c .left{ width: 44.2%; padding-top: 120px; } .development_c .left .text{ /*display: none;*/ margin-top: 90px; } .development_c .left .text .bt{ color: #333333; font-size: 30px; } .development_c .left .text .wenzi{ font-size: 16px; color: #666666; line-height: 2; margin-top: 24px; } .development_c .left .text.cur{ /*display: block;*/ } .development_c .left .development_c_lb{ margin-top: 70px; } .development_c .left .development_c_lb .box{ float: left; width: 25%; text-align: center; cursor: pointer; } .development_b .development_b_a .box:hover{ background: url(../images/development_b_li_bg.jpg)center center/cover; } .development_c .left .development_c_lb .box .img{ width: 68px; display: inline-block; } .development_c .left .development_c_lb .box .img .pic2,.development_c .left .development_c_lb .box.cur .img .pic2{ display: none; } .development_c .left .development_c_lb .box:hover .img .pic1,.development_c .left .development_c_lb .box.cur .img .pic1{ display: none; } .development_c .left .development_c_lb .box:hover .img .pic2,.development_c .left .development_c_lb .box.cur .img .pic2{ display: block; } .development_c .left .development_c_lb .box .bt{ font-size: 16px; color: #666666; margin-top: 12px; } .development_c .left .development_c_lb .box.cur .bt{ color: #3ebbbc; } .development_c .right{ width: 44.2%; } .development_c .right .img{ /*display: none;*/ } .development_c .right .img img{ width: 100%; } /*.development_c .right .img.cur{ display: block; }*/ /*0401淇敼*/ .development_c .development_c_a { position: relative; padding-bottom: 120px; } .development_c .development_c_a .swiper-button-prev:after,.development_c .development_c_a .swiper-button-next:after{ opacity: 0; } .development_c .development_c_a .slick-next,.development_c .development_c_a .slick-prev{ width: 53px; height: 53px; border: none; top: auto; bottom: 0; } .development_c .development_c_a .slick-next{ background: url(../images/about_d_left.png) no-repeat center/cover; left: 64px; right: auto; transform:rotate(180deg); -ms-transform:rotate(180deg); -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg); -o-transform:rotate(180deg); } .development_c .development_c_a .slick-next:hover{ background: url(../images/about_d_left2.png) no-repeat center/cover; } .development_c .development_c_a .slick-prev{ background: url(../images/about_d_left.png) no-repeat center/cover; left: 0; right: auto; } .development_c .development_c_a .slick-prev:hover{ background: url(../images/about_d_left2.png) no-repeat center/cover; } /*end*/ @media(max-width: 1500px){ .development_c .development_c_a .slick-next, .development_c .development_c_a .slick-prev{ width: 45px; height: 45px; } .development_c .development_c_a .slick-next{ left: 58px; } .development_c .development_c_a { padding-bottom: 80px; } } @media(max-width: 1100px){ .development_c .development_c_a .slick-next, .development_c .development_c_a .slick-prev{ width: 40px; height: 40px; } .development_c .development_c_a .slick-next{ left: 48px; } .development_c .development_c_a { padding-bottom: 80px; } } .development_d{ background: url(../images/development_d_bg.jpg)center center/cover; padding: 146px 0 126px; text-align: center; } .development_d .container{ position: relative; } .development_d .text{ display: inline-block; background: url(../images/development_d_kuai.png) center top no-repeat; /*border-radius: 100%;*/ overflow: hidden; padding: 0 96px; /*border:40px solid #3ebbbc;*/ width: 578px; height: 666px; position: relative; } .development_d .text .title .en{ color: #fff; } .development_d .text .title .cn{ color: #fff; } .development_d .text .wenzi{ color: #fff; font-size: 18px; line-height: 2; position: absolute; width: 100%; top: 50%; transform: translateY(-50%); left: 0; } .development_d .text .img{ margin-top: 18px; padding: 12px; background: #fff; display: inline-block; border-radius: 8px; overflow: hidden; } @media(max-width: 1700px){ .development_c .left .text { margin-top: 50px; } .development_c .left { padding-top: 80px; } } @media(max-width: 1500px){ .development_a { padding: 50px; } .development_b{ padding: 60px 0 50px; } .development_c{ padding: 50px 0; } .development_c .left .text .bt { font-size: 24px; } .development_c .left .text .wenzi{ margin-top: 16px; } .development_c .left .text .wenzi{ font-size: 14px; } .development_c .left .development_c_lb { margin-top: 40px; } .development_c .left .development_c_lb .box .bt{ font-size: 14px; margin-top: 10px; } .development_d { background: url(../images/development_d_bg.jpg)center center/cover; padding: 60px 0 50px; } .development_d .text{ /*width: 500px; height: 550px;*/ } .development_d .text .wenzi{ font-size: 14px; } .development_d .text .img{ margin-top: 12px; } .development_b .development_b_a{ padding-bottom: 40px; } } @media(max-width: 1100px){ .development_a .development_a_top .lb{ position: initial; display: inline-block; margin-top: 20px; } .development_b .development_b_a .box{ padding: 16px; } .development_b .development_b_a { margin-top: 22px; } .development_b { padding: 30px 0 40px; } .development_a { padding: 30px 0 40px; overflow: hidden; } .development_a .development_a_bottom .swiper-button-prev, .development_a .development_a_bottom .swiper-button-next{ opacity: 0; } .development_c .left{ width: 100%; padding-top: 0; } .development_c .right{width: 100%;padding: 0 20%;margin-top: 30px;} .development_d{ padding: 30px 0 40px; } .development_a .development_a_top .lb a{font-size: 16px;margin-left: 30px;} } @media(max-width: 770px){ .development_a .development_a_bottom .swiper-pagination-bullet{ width: 40px; } .development_a .development_a_bottom{ padding-bottom: 30px; } .development_a .development_a_top .lb { margin-top: 12px; } .development_a .development_a_bottom { margin-top: 12px; } .development_d .text { border-radius: 8px; overflow: hidden; width: 100%; height: 100%; background: none; border:10px solid #004ea2; padding: 30px 16px; } .development_c .left .development_c_lb .box{width: 50%;margin-bottom: 12px;} .development_d .text .wenzi{ position: initial; display: inline-block; transform: initial; } } @media(max-width: 550px){ .development_b .development_b_a .swiper-pagination-bullet{ width: 10px; } .development_c .right { padding: 0 10px; } .development_a .development_a_top .lb a{font-size: 14px;} } .partners{ padding: 70px 0 98px; background: #f7f7f7; } .partners .left{ width: 16.9%; } .partners .left ul li{ background: #fff; text-align: center; padding: 32px 0; margin-bottom: 20px; border-radius: 8px; overflow: hidden; box-shadow: 1px 1px 20px 0px rgba(82,179,180,0.24) } .partners .left ul li:last-child{ margin-bottom: 0; } .partners .left ul li .img .pic2{display: none;} .partners .left ul li:hover,.partners .left ul li.cur{ background: #004ea2; } .partners .left ul li:hover .img .pic,.partners .left ul li.cur .img .pic{display: none;} .partners .left ul li:hover .img .pic2,.partners .left ul li.cur .img .pic2{display: inline-block;} .partners .left ul li .bt{ font-size: 18px; color: #666666; margin-bottom: 20px; } /* .partners .left ul li.cur .bt{ color: #3ebbbc; } */ .partners .left ul li:hover .bt,.partners .left ul li.cur .bt{ color: #fff; } .partners .right{ width: 79.2%; background: #fff; padding: 40px 45px 25px 40px; } .partners .right ul li{ float: left; width: 32%; margin-right: 2%; margin-bottom: 24px; text-align: center; } .partners .right ul li .img { border-radius: 8px; overflow: hidden; } .partners .right ul li .img img{width: 100%;} .partners .right ul li .bt{ color: #666666; font-size: 16px; margin-top: 15px; } .partners .right ul li:nth-child(3n){ margin-right: 0; } .partners .right_2{ background: none; padding: 0; } .partners .right_2 ol li{ width: 100%; background: #fff; margin-bottom: 20px; padding: 32px 47px 32px 40px; } .partners .right_2 ol li .box .box_l{ float: left; width: 38.86%; } .partners .right_2 ol li .box .box_l .img img{width: 100%;} .partners .right_2 ol li .box .box_r{ float: left; width: 61.14%; padding-top: 20px; padding-left: 52px; } .partners .right_2 ol li .box .box_r .text{ margin-top: 26px; } .partners .right_2 ol li .box .box_r .text .bt{ font-size: 24px; color: #333333; } .partners .right_2 ol li .box .box_r .text .wenzi{ font-size: 14px; color: #333333; line-height: 2; margin-top: 18px; } .partners .right_2 .page { margin-top: 24px; } @media(max-width: 1500px){ .partners { padding: 50px 0 60px; } .partners .right{ padding: 28px; } .partners .right ul li{ margin-bottom: 14px; } .partners .left ul li .bt{font-size: 16px;margin-bottom: 14px;} .partners .right ul li .bt{ font-size: 14px; margin-top: 8px; } .partners .right_2{ padding: 0; } .partners .right_2 ol li { margin-bottom: 16px; padding: 22px; } .partners .right_2 ol li .box .box_r { padding-top: 14px; padding-left: 30px; } .partners .right_2 ol li .box .box_r .text .bt{font-size: 20px;} .partners .right_2 ol li .box .box_r .text { margin-top: 18px; } .partners .right_2 ol li .box .box_r .text .wenzi{ margin-top: 10px; } } @media(max-width: 1100px){ .partners { padding: 30px 0 40px; } .partners .left{ width: 100%; } .partners .left ul li{ width: 49%; float: left; margin-right: 2%; } .partners .left ul li:last-child{ margin-right: 0; } .partners .right{width: 100%;} .partners .right ul li{ width: 49%; margin-right: 2%; } .partners .right ul li:nth-child(3n){ margin-right: 2%; } .partners .right ul li:nth-child(2n){ margin-right: 0; } .partners .left ul li .img{ width: 50px; display: inline-block; } } @media(max-width: 640px){ .partners .left ul li{ padding: 14px 0; } .partners .left ul li .bt{font-size: 14px;} .partners .right_2 ol li .box .box_l{width: 100%;} .partners .right_2 ol li .box .box_r{width: 100%;} .partners .right_2 ol li .box .box_r .text .bt { font-size: 18px; } .partners .right_2 .page { margin-top: 16px; } /* .partners .right ul li { width: 100%; margin-right: 0; }*/ .partners .right_2 ol li .box .box_r{ padding-left: 0; } .partners .right_2 ol li{ padding: 18px 14px; } } .research{ padding: 66px 0 88px; background: #f5f5f5; } .research .left{ width: 16.9%; } .research .left ul li{ background: #fff; text-align: center; padding: 30px 0; margin-bottom: 18px; border-radius: 8px; overflow: hidden; box-shadow: 1px 1px 20px 0px rgba(82,179,180,0.24); } .research .left ul li .bt { font-size: 18px; color: #666666; margin-bottom: 20px; } .research .left ul li .img .pic2{display: none;} .research .left ul li:hover,.research .left ul li.cur{ background: #004ea2; } .research .left ul li:hover .img .pic2,.research .left ul li.cur .img .pic2{display: inline-block;} .research .left ul li:hover .img .pic,.research .left ul li.cur .img .pic{display: none;} .research .left ul li:hover .bt,.research .left ul li.cur .bt{ color: #fff; } .research .right{ width: 79.2%; background: #fff; padding: 40px 45px 32px 40px; } .research .right .top .en{ font-size: 16px; color: #3ebbbc; text-transform: uppercase; } .research .right .top .cn{ font-size: 36px; color: #333333; margin-top: 14px; } .research .right .text{ margin-top: 30px; font-size: 16px; color: #666666; padding: 20px 0; line-height: 2; border-top: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee; } .research .right .right_a_lb{ margin-top: 24px; } .research .right .right_a_lb .box{ margin-bottom: 30px; } .research .right .right_a_lb .box:last-child{ margin-bottom: 0; } .research .right .right_a_lb .box .bt{ font-size: 16px; color: #333333; position: relative; padding-left: 54px; margin-bottom: 18px; } .research .right .right_a_lb .box .bt:before{ background: url(../images/lj_a2.png)center center/cover; width: 43px; height: 31px; position: absolute; left: 0; top: -2px; content: ""; } .research .right .right_a_lb .box ul li{ float: left; width: 49%; margin-right: 2%; } .research .right .right_a_lb .box ul li .img img{width: 100%;} .research .right .right_a_lb .box ul li:last-child{ margin-right: 0; } .research .right_b{ margin-bottom: 80px; } .research .right_b .text{ border-bottom: none; } .research .right_b .right_b_lb li{ margin-bottom: 24px; } .research .right_b .right_b_lb li .img{ width: 49%; margin-right: 2%; float: left; } .research .right_b .right_b_lb li .img img{width: 100%;} .research .right_b .right_b_lb li .img:last-child{ margin-right: 0; } @media(max-width: 1500px){ .research .right .top .cn { font-size: 28px; margin-top: 5px; } .research .right{ padding: 28px; } .research .right .text{ margin-top: 20px; padding: 12px 0; font-size: 14px; } .research .left ul li .bt { font-size: 16px; margin-bottom: 14px; } .research .right_b{ margin-bottom: 20px; } } @media(max-width: 1300px){ .about_e ul li:hover .text2:before{ width: 65px; height: 35px; bottom: 10px; } } @media(max-width: 1100px){ .research { padding: 50px 0 60px; background: #f5f5f5; } .research .left {width: 100%;} .research .left ul li{ width: 19%; margin-right: 1.25%; float: left; } .research .left ul li:last-child{margin-right: 0;} .research .right{width: 100%;} .research .left ul li .img{ width: 40px; display: inline-block; } } @media(max-width: 800px){ .research .left { overflow: auto; } .research .left ul{ width: 1000px; } .research{ padding: 30px 0 40px; } .research .right .top .cn{font-size: 24px;} .research .right .text { margin-top: 10px; padding: 8px 0; } .research .right .right_a_lb .box .bt{font-size: 14px;padding-left: 42px;} .research .right .right_a_lb .box .bt:before{ width: 36px; height: 24px; top: 0; } } @media(max-width: 640px){ .research .left ul li .bt{font-size: 14px;margin-bottom: 10px;} .research .left ul{width: 800px;} .research .left ul li{ padding: 14px 0; } .research .right ,.partners .right{ padding: 20px 0; } .research .right .right_a_lb .box ul li{width: 100%;margin-right: 0;margin-bottom: 15px;} .research .right .right_a_lb .box ul li:last-child{margin-bottom: 0;} .research .right_b .right_b_lb li .img{ width: 100%; margin-bottom: 15px; } .research .right_b .right_b_lb li .img:last-child { margin-bottom: 0; } .research .right_b .right_b_lb li { margin-bottom: 15px; } .research .right_b .right_b_lb li:last-child{margin-bottom: 0;} .research .right .top .en{font-size: 14px;} .research .right .top .cn{font-size: 22px;} .research .right .right_a_lb { margin-top: 16px; } } .research .right_c{ background: none; padding-top: 0; } .research .right_c .right_c_lb li{ margin-bottom: 20px; background: #fff; padding: 30px 40px; } .research .right_c .right_c_lb li .right_c_lb_l{ float: left; width: 39%; overflow: hidden; border-radius: 8px; } .research .right_c .right_c_lb li .right_c_lb_l img{width: 100%;} .research .right_c .right_c_lb li .right_c_lb_r{ float: left; width: 61%; padding-left: 40px; padding-top: 30px; } .research .right_c .right_c_lb li .right_c_lb_r .bt{ color: #333333; font-size: 22px; } .research .right_c .right_c_lb li .right_c_lb_r .js{ color: #333333; font-size: 14px; margin-top: 20px; line-height: 1.8; height: 48px; overflow: hidden; } .research .right_c .right_c_lb li .right_c_lb_r .lj{ margin-top: 30px; display: inline-block; color: #666666; font-size: 16px; padding-right: 50px; position: relative; } .research .right_c .right_c_lb li .right_c_lb_r .lj:before{ background: url(../images/lj_a.png)center center/cover; width: 43px; height: 31px; position: absolute; right: 0; top: -3px; content: ""; } @media(max-width: 1500px){ .research .right_c .right_c_lb li .right_c_lb_r .bt{font-size: 20px;} .research .right_c .right_c_lb li .right_c_lb_r .js{ margin-top: 12px; } .research .right_c .right_c_lb li .right_c_lb_r .lj{ margin-top: 30px; font-size: 14px; top: -5px; } .research .right_c { padding: 0; } .research .right_c .right_c_lb li{ padding: 24px; } } @media(max-width: 800px){ .research .right_c .right_c_lb li { padding: 20px 15px; } .research .right_c .right_c_lb li .right_c_lb_l{width: 100%;} .research .right_c .right_c_lb li .right_c_lb_r{width: 100%;padding-left: 0;} .research .right_c .right_c_lb li .right_c_lb_r .bt { font-size: 18px; } .research .right_c .right_c_lb li .right_c_lb_r .lj:before{ top: -5px; } .research .right_c .right_c_lb li .right_c_lb_r .js{ height: auto; } } .hexin .hexin_box{ background: #fff; box-shadow: 1px 1px 20px rgba(0,0,0,0.1); padding: 34px; } .hexin .hexin_box .hexin_l{ float: left; width: 50%; } .hexin .hexin_box .hexin_l .bt{ font-size: 29px; color: #3ebbbc; } .hexin .hexin_box .hexin_l .bt sup,.hexin .hexin_box .hexin_l .text h1 sup,.research .right_c .right_c_lb li .right_c_lb_r .bt sup{ font-size: 12px; } .hexin .hexin_box .hexin_l .js{ color: #333333; font-size: 16px; line-height: 1.8; padding: 16px 0 24px; border-bottom: 1px solid #eeeeee; } .hexin .hexin_box .hexin_l .text{ margin-top: 26px; font-size: 14px; color: #333333; line-height: 2; } .hexin .hexin_box .hexin_l .text h1, .hexin .hexin_box .hexin_l .text h2, .hexin .hexin_box .hexin_l .text h3, .hexin .hexin_box .hexin_l .text h4, .hexin .hexin_box .hexin_l .text h5, .hexin .hexin_box .hexin_l .text h6{ font-weight: initial; } .hexin .hexin_box .hexin_l .text h1{ color: #3ebbbc; font-size: 24px; } .hexin .hexin_box .hexin_r{ float: right; width: 48.65%; } .hexin .hexin_box .hexin_r .img img{width: 100%;} @media(max-width: 1500px){ .hexin .hexin_box .hexin_l .bt{ font-size: 22px; } .hexin .hexin_box .hexin_l .js{font-size: 14px;padding: 10px 0 14px;} .hexin .hexin_box .hexin_l .text{ margin-top: 14px; } .hexin .hexin_box .hexin_l .text h1{ font-size: 18px; } .hexin .hexin_box .hexin_l .text{ line-height: 1.8; } .hexin .hexin_box{ padding: 30px; } } @media(max-width: 1100px){ .hexin .hexin_box .hexin_l{width: 100%;} .hexin .hexin_box .hexin_r{ width: 100%; margin-top: 30px; } } @media(max-width: 800px){ .hexin .hexin_box { padding: 30px 0.3rem 40px; } .hexin .hexin_box .hexin_l .bt { font-size: 20px; } } .research .right_d { padding: 0; background: none; } .research .right_d .box{ float: left; width: 49%; margin-right: 2%; padding: 30px 30px 0 30px; background: #fff; margin-bottom: 30px; box-shadow: 1px 1px 20px 0px rgba(82,179,180,0.24); border-radius: 8px; overflow: hidden; } .research .right_d .box:nth-child(2n){ margin-right: 0; } .research .right_d .box .img{ border-radius: 8px; overflow: hidden; } .research .right_d .box .img img{width: 100%;} .research .right_d .box .wenzi{ padding: 15px 0 16px; position: relative; } .research .right_d .box .wenzi .bt{ font-size: 18px; color: #333333; margin-top: 18px; width: 90%; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .research .right_d .box:hover .wenzi .bt{ color: #3ebbbc; } .research .right_d .box .wenzi .jt{ position: absolute; width: 44px; height: 44px; display: block; right: 0; top: 50%; transform: translateY(-50%); background: url(../images/keyan_jt1.png)center center/cover; } .research .right_d .box:hover .wenzi .jt{ background: url(../images/keyan_jt2.png)center center/cover; } .research .right_d .box .wenzi:before{ width: 17px; height: 17px; content: ""; position: absolute; background: #ebf8f8; right: 52px; top: 10px; border-radius: 100%; } .research .right_d .box .wenzi:after{ width: 9px; height: 9px; content: ""; position: absolute; background: #ebf8f8; right: 80px; bottom: 10px; border-radius: 100%; } @media(max-width: 1600px){ .research .right_d .box .wenzi .bt{ font-size: 16px; margin-top: 12px; } .research .right_d .box{ margin-bottom: 20px; } .research .right_d .box .wenzi .jt{ width: 40px; height: 40px; } } @media(max-width: 768px){ .research .right_d .box { width: 100%; margin-right: 0; padding: 20px 14px 0 14px; } .research .right_d .box .wenzi .jt{ width: 36px; height: 36px; } } .keyan_xq{ /*padding-top: 76px;*/ border-bottom: none; } .keyan_xq .mbx{ margin-bottom: 70px; } .keyan_xq .left .bt2 .js{ font-size: 16px; color: #474646; line-height: 2; } .keyan_xq .left .keyan_xq_b{ border-top:1px solid #eeeeee; border-bottom:1px solid #eeeeee; padding: 24px 0; } .keyan_xq .left .keyan_xq_b{ color: #494949; font-size: 14px; line-height: 2; } .keyan_xq .left .keyan_xq_b span{ color: #3ebbbc; } @media(max-width: 1100px){ .keyan_xq .left .bt2 .js{font-size: 14px;} .keyan_xq .left .bt2{ margin-top: 12px; } .keyan_xq .mbx { margin-bottom: 30px; } .keyan_xq{ padding-top: 0; } /*.keyan_xq .left .text{ margin-bottom: 0; }*/ } .research .right_e{ background: none; padding: 0; } .research .right_e .right_e_top{ background: #fff; padding: 36px 38px; } .research .right_e .right_e_top .wenzi{ margin-bottom: 26px; padding-bottom: 26px; border-bottom: 1px solid #e3e1e1; } .research .right_e .right_e_top .wenzi .en{ font-size: 15px; color: #3bb8bc; text-transform: uppercase; } .research .right_e .right_e_top .wenzi .cn{ font-size: 30px; color: #333333; margin-top: 5px; } .research .right_e .right_e_top .bt{ font-size: 24px; color: #333333; margin-bottom: 18px; } .research .right_e .right_e_top .img { position: relative; } .research .right_e .right_e_top .img .text_a{ position: absolute; width: 100%; bottom: 30px; padding: 0 30px; line-height: 1.5; } .research .right_e .right_e_top .img .text_a_bt{ font-size: 24px; color: #004ea2; margin-top: 6px; } .research .right_e .right_e_top .img .text_a_fbt{ font-size: 24px; color: #004ea2; } .research .right_e .right_e_top .img img{width: 100%;} .research .right_e .right_e_top .text2{ font-size: 14px; color: #333333; line-height: 2; margin-top: 16px; } .research .right_e .right_e_top .text2 h3{ font-size: 18px; font-weight: initial; } .research .right_e .right_e_bottom{ margin-top: 20px; padding: 26px 38px 0; background: #fff; } .research .right_e .right_e_bottom .bt{ font-size: 24px; color: #333333; } .research .right_e .right_e_bottom ul{ margin-top: 20px; } .research .right_e .right_e_bottom ul li { float: left; width: 49%; margin-right: 2%; margin-bottom: 30px; cursor: pointer; } .research .right_e .right_e_bottom ul li:nth-child(2n){ margin-right: 0; } .research .right_e .right_e_bottom ul li .img img{width: 100%;} .research .right_e .right_e_bottom ul li .text2{ padding: 30px 0; border-bottom: 1px solid #fff; } .research .right_e .right_e_bottom ul li .text2 .bt2{ font-size: 14px; color: #333333; } .research .right_e .right_e_bottom ul li .text2 .bt{ color: #333333; font-size: 16px; line-height: 2; margin-top: 10px; /*height: 60px; overflow: hidden;*/ overflow: hidden; text-overflow: ellipsis; /* white-space: nowrap;*/ } .research .right_e .right_e_bottom ul li .text2 .js{ font-size: 14px; color: #666666; line-height: 2; margin-top: 12px; height: 50px; overflow: hidden; } .research .right_e .right_e_bottom ul li:hover .text2{ border-bottom: 1px solid #f2f2f2; } .research .right_e .right_e_bottom ul li:hover .text2 .bt{ color: #004ea2; } @media(max-width: 1600px){ .research .right_e .right_e_top{ padding: 32px 28px; } .research .right_e .right_e_top .wenzi{ margin-bottom: 20px; padding-bottom: 20px; } .research .right_e .right_e_top .wenzi .cn{ font-size: 26px; } .research .right_e .right_e_top .bt{font-size: 20px;} .research .right_e .right_e_bottom{ padding: 24px 28px 0; } .research .right_e .right_e_bottom ul li .text2{ padding-bottom: 22px; } .research .right_e .right_e_bottom ul li{ margin-bottom: 22px; } .research .right_e .right_e_bottom .bt{ font-size: 22px; } .research .right_e .right_e_top .img .text_a_fbt{ font-size: 20px; } .research .right_e .right_e_top .img .text_a_bt{ font-size: 20px; } } @media(max-width: 800px){ .research .right_e .right_e_top .wenzi .en{font-size: 14px;} .research .right_e .right_e_top .wenzi .cn{ font-size: 24px; } .research .right_e .right_e_top .wenzi { margin-bottom: 16px; padding-bottom: 16px; } .research .right_e .right_e_top .bt{font-size: 18px;margin-bottom: 10px;} .research .right_e .right_e_top .text2{margin-top: 10px;} .research .right_e .right_e_bottom ul li{ margin-right: 0; width: 100%; } .research .right_e .right_e_bottom ul li .text2 .bt{ overflow: initial; text-overflow: initial; white-space: initial; height: auto; margin-top: 8px; line-height: 1.8; font-size: 15px; } .research .right_e .right_e_bottom ul li .text2 .js{ overflow: initial; text-overflow: initial; white-space: initial; height: auto; margin-top: 6px; line-height: 1.8; } .research .right_e .right_e_bottom ul li{ border-bottom: 1px solid #f2f2f2; } .research .right_e .right_e_bottom ul li .text2{ padding-top: 14px; padding-bottom: 14px; } .research .right_e .right_e_top .text2 { line-height: 1.8; } .research .right_e .right_e_top .text2 h3{font-size: 16px;} .research .right_e .right_e_top .img .text_a_bt{ font-size: 18px; color: #2cb5c9; } .research .right_e .right_e_top .img .text_a_fbt{ font-size: 18px; color: #2cb5c9; } .research .right_e .right_e_top .img .text_a{ padding: 0 18px; bottom: 18px; } } @media(max-width: 640px){ .research .right_e .right_e_top { padding: 20px 15px; } .research .right_e .right_e_bottom{ padding: 20px 15px 0; } .research .right_e .right_e_bottom .bt{ font-size: 18px; } .research .right_e .right_e_top .img .text_a{ padding: 0 0; bottom: 0; position: initial; display: inline-block; margin-top: 14px; } } .zhuanxiang .right ul li .text .wenzi2{ font-size: 14px; color: #333333; padding-bottom: 2px; } .zhuanxiang .right ul li:hover .text .wenzi{ color: #3ebbbc; } .zhuanxiang .left .bt3{ font-size: 16px; color: #333333; margin-bottom: 5px; } .zhuanxiang .left .bt2 { margin-top: 16px; } .zhuanxiang .left .bt2 .js{ color: #474646; font-size: 16px; } /*prduct閫氱敤*/ .product .product_lb{ position: relative; } .product .product_lb .product_lb_r .bt{ margin-bottom: 34px; } .product .product_lb .product_lb_r .bt .en{ font-size: 16px; color: #3ebbbc; text-transform: uppercase; } .product .product_lb .product_lb_r .bt .cn{ font-size: 36px; color: #333333; margin-top: 5px; } .product .product_lb .product_lb_r .product_lb_r_nr ul li.a{ border-top: 1px solid #e4e4e4; } .product .product_lb .product_lb_r .product_lb_r_nr ul li.a:last-child{ border-bottom: 1px solid #e4e4e4; } .product .product_lb .product_lb_r .product_lb_r_nr ul li.a .bt2{ font-size: 16px; color: #666666; padding: 16px 40px 16px 0; position: relative; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .product .product_lb .product_lb_r .product_lb_r_nr ul li.a .bt2:before{ background: url(../images/product_jt.png) center center/cover; width: 12px; height: 10px; content: ""; position: absolute; right: 0; top: 50%; transform: translateY(-50%); } .product .product_lb .product_lb_r .product_lb_r_nr ul li.b .js{ color: #515151; font-size: 16px; line-height: 1.8; } .product .product_lb .product_lb_r .product_lb_r_nr ul li.b .bt2{ font-size: 24px; color: #333333; margin-top: 34px; } .product .product_lb .product_lb_r .product_lb_r_nr ul li.b .js2{ color: #515151; font-size: 16px; line-height: 1.8; margin-top: 12px; } .product .product_lb .product_lb_r .product_lb_r_nr ul li.b .lj{ font-size: 18px; color: #666666; margin-top: 30px; display: inline-block; padding-right: 52px; position: relative; } .product .product_lb .product_lb_r .product_lb_r_nr ul li.b .lj:before{ background: url(../images/lj_a.png) center center/cover; content: ""; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 43px; height: 31px; } /**/ .product .product_lb .product_lb_l .img img{width: 100%;} .product .product_lb_2 .product_lb_l{ float: left; width: 50%; } .product .product_lb_2 .product_lb_r{ width: 33.5%; position: absolute; top: 50%; transform: translateY(-50%); left: 52.91%; } .product .product_lb_1 .product_lb_l{ float: right; width: 50%; } .product .product_lb_1 .product_lb_r{ left: 13.54%; width: 33.5%; top: 50%; transform: translateY(-50%); position: absolute; } /*鏂扮増璇︽儏*/ .product .product_lb .product_lb_l .img{display: none;} .product .product_lb .product_lb_r{ position: initial; display: inline-block; transform: initial; width: 100%; padding: 80px 0 80px; } .product .product_lb_1 { background: #fafafa; } .product .product_lb .product_lb_r .product_lb_r_nr ul li.a{ float: left; width: 31.5%; margin-right: 2.75%; border-bottom: 1px solid #e4e4e4; margin-top: -1px; } .product .product_lb .product_lb_r .product_lb_r_nr ul li.a:nth-child(3n){ margin-right: 0; } .product .product_lb .product_lb_r .product_lb_r_nr ul li.a:hover .bt2{ color: #3ebbbc; } .product .product_lb .product_lb_r .product_lb_r_nr ul li.a:hover .bt2:before{ background: url(../images/product_jt_lv.png) center center/cover; } @media(max-width: 1680px){ .product .product_lb .product_lb_r .bt .cn{ font-size: 30px; } .product .product_lb .product_lb_r .product_lb_r_nr ul li.a .bt2{ padding: 12px 30px 12px 0; font-size: 14px; } .product .product_lb .product_lb_r .bt { margin-bottom: 30px; } .product .product_lb .product_lb_r .product_lb_r_nr ul li.b .js{font-size: 14px;} .product .product_lb .product_lb_r .product_lb_r_nr ul li.b .bt2{ margin-top: 24px; } .product .product_lb .product_lb_r .product_lb_r_nr ul li.b .bt2{ font-size: 20px; } .product .product_lb .product_lb_r .product_lb_r_nr ul li.b .js2{font-size: 14px;} .product .product_lb .product_lb_r .product_lb_r_nr ul li.b .lj{ font-size: 14px; } } @media(max-width: 1440px){ .product .product_lb .product_lb_r .bt .cn { font-size: 26px; } .product .product_lb .product_lb_r .product_lb_r_nr ul li.b .bt2{ font-size: 18px; } .product .product_lb .product_lb_r .bt .en{font-size: 14px;} /*鏂扮増璇︽儏*/ .product .product_lb .product_lb_r{ padding: 50px 0; } } @media(max-width: 1200px){ .product .product_lb .product_lb_r .bt .cn { font-size: 24px; } .product .product_lb .product_lb_r .bt{ margin-bottom: 24px; } } @media(max-width: 1100px){ /*.product{ padding: 30px 0.3rem 10px; }*/ /*.product .product_lb{ margin-bottom: 24px; }*/ .product .product_lb_2 .product_lb_r,.product .product_lb_1 .product_lb_r{ position: initial; width: 100%; transform: initial; display: inline-block; } .product .product_lb_2 .product_lb_l,.product .product_lb_1 .product_lb_l{ width: 100%; margin-top: 20px; } .product .product_lb .product_lb_r .bt .cn { font-size: 20px; } /*鏂扮増璇︽儏*/ .product .product_lb .product_lb_r .product_lb_r_nr ul li.a{ width: 48.5%; margin-right: 3%; } .product .product_lb .product_lb_r .product_lb_r_nr ul li.a:nth-child(3n){ margin-right: 3%; } .product .product_lb .product_lb_r .product_lb_r_nr ul li.a:nth-child(2n){ margin-right: 0; } .product .product_lb .product_lb_r { padding:26px 0 0; } .product .product_lb{ /*margin-bottom: 24px;*/ padding-bottom: 24px; } } @media(max-width: 800px){ .product .product_lb .product_lb_r .bt .cn { font-size: 20px; } .product .product_lb .product_lb_r .bt { margin-bottom: 18px; } /*鏂扮増璇︽儏*/ .product .product_lb .product_lb_r .product_lb_r_nr ul li.a{ width: 100%; margin-right: 0; } .product .product_lb .product_lb_r .product_lb_r_nr ul li.a:nth-child(3n){ margin-right: 0; } .product .product_lb .product_lb_r .product_lb_r_nr ul li.a:nth-child(2n){ margin-right: 0; } } .product_xq .bt{ font-size: 30px; color: #333333; padding-bottom:聽44px; } .product_xq .product_nr{ margin-top: 36px; } .product_xq .product_nr.product_a{ padding-bottom: 24px; border-bottom: 1px solid #ececec; } .product_xq .product_nr .lei{ color: #333333; font-size: 24px; position: relative; } .product_xq .product_nr .lei i{ display: inline-block; width: 26px; height: 27px; position: relative; top: 4px; margin-right: 8px; } .product_xq .product_a .lei i{background: url(../images/product_icon1.png) center center/cover;} .product_xq .product_b .lei i{background: url(../images/product_icon2.png) center center/cover;} .product_xq .product_c .lei i{background: url(../images/product_icon3.png) center center/cover;} .product_xq .product_d .lei i{background: url(../images/product_icon4.png) center center/cover;} .product_xq .product_e .lei i,.product_xq .product_e2 .lei i{background: url(../images/product_icon5.png) center center/cover;} .product_xq .product_f .lei i{background: url(../images/product_icon4.png) center center/cover;} .product_xq .product_nr .wenzi{ margin-top: 18px; color: #494949; font-size: 16px; line-height: 2; } .product_xq .product_nr .wenzi table{margin-top: 10px;text-align: left;} .product_xq .product_nr .wenzi table th{background: url(../images/product_table_bg.jpg) center center repeat-x;background-size:auto 100%;color: #fff;padding: 20px 24px;border-right: 1px solid #fff;font-weight: initial;} .product_xq .product_nr .wenzi table th.tz{background: url(../images/qianset.png) center center repeat-x;background-size:auto 100%;color: #fff;padding: 20px 24px;border-right: 1px solid #fff;font-weight: initial;} .product_xq .product_nr .wenzi table td{padding: 20px 24px;background: #f5f5f5;border-right: 1px solid #fff;border-bottom: 1px solid #fff;} .product_xq .product_e2 { padding-bottom: 110px; position: relative; background: url(../images/product_e_bg.png) center bottom 20px no-repeat; } .product_xq .product_e2:before{ position: absolute; width: 100%; height: 1px; background: #e4e4e4; content: ""; top: 192px; z-index: 1; } .product_xq .product_e2 .lb{ margin-top: 36px; } .product_xq .product_e2 .lb li{ float: left; text-align: center; width: 12.5%; } .product_xq .product_e2 .lb li .icon{height: 98px;} .product_xq .product_e2 .lb li i { display: inline-block; width: 24px; height: 24px; background: url(../images/product_e_i.png) center center/cover; margin-top: 12px; position: relative; z-index: 3; } .product_xq .product_e2 .lb li .text{ font-size: 16px; color: #434242; margin-top: 14px; } @media(max-width: 1600px){ .product_xq .bt{font-size: 24px;} .product_xq .product_nr.product_a{ margin-top: 18px; padding-bottom: 18px; } .product_xq .product_nr .lei{font-size: 20px;} .product_xq .product_nr .lei i{ width: 23px; height: 24px; margin-right: 6px; } .product_xq .product_nr .wenzi{font-size: 14px;} .product_xq .product_nr .wenzi table th{ padding: 14px 16px; } .product_xq .product_nr .wenzi table td{ padding: 14px 16px; } .product_xq .product_nr { margin-top: 26px; } .product_xq .product_e2 .lb li i{ width: 20px; height: 20px; margin-top: 10px; } .product_xq .product_e2:before{ top: 185px; } .product_xq .product_e2 .lb li .text{font-size: 14px;margin-top: 6px;} .product_xq .product_e2{ padding-bottom: 80px; } } @media(max-width: 1000px){ .product_xq .bt{font-size: 20px;} .product_xq_mbx{padding-bottom: 30px;} .product_xq .product_nr .lei { font-size: 17px; } .product_xq .product_nr .lei i { width: 20px; height: 21px; margin-right: 6px; } .product_xq .product_nr .wenzi { margin-top: 12px; } .product_xq .product_nr { margin-top: 20px; } .product_xq .product_e2:before { top: 180px; } } @media(max-width: 800px){ .product_xq .product_nr .wenzi{ overflow: auto; } .product_xq .product_nr .wenzi table{ width: 1100px; } .product_xq .product_e2 .ov{ overflow: auto; } .product_xq .product_e2 .lb{ width: 1100px; } .product_xq .product_e2 { padding-bottom: 50px; } } /*1212*/ .aboutB-b .c-menu { position: relative; height: 700px; margin-left:360px; width: 400px; overflow: hidden; } .aboutB-b .img-box, .hide { position: absolute; left: 0px; border-radius: 50%; border:3px solid #718fea; top: 55px; width: 590px; height: 590px; opacity: 1; transition: opacity, 2s;} .aboutB-b .hide { opacity: 0; transition: opacity, .5s;} .aboutB-b .items-list { position: absolute; left: -400px; top: 0px; width: 700px; height: 700px; border: 1px solid rgba(255,255,255,0.45); border-radius: 50%; } .aboutB-b .item { opacity: 0.5; position: absolute; width: 600px; padding-left: 24px; font-size: 18px; transition: font-size 1s; text-align: left; cursor: pointer;} .aboutB-b .item a { position: relative; } .aboutB-b .item:nth-child(4) { font-size: 28px; margin-top: -4px; transition: font-size .5s; opacity: 1; } .aboutB-b .item a:before { content: ""; position: absolute;left: -17px; top:50%; margin-top:-5px;background: #2196ba;width: 6px; height: 6px;border-radius: 100%;} .aboutB-b .item:nth-child(4):before { top: 10px;}.item a { color: #dae6ef; transition: color 0.5s;} .aboutB-b .item a:hover { color: white; transition: color 0.5s;} .aboutB-b .item:nth-child(2), .aboutB-b .item:nth-child(3),.aboutB-b .item:nth-child(11),.aboutB-b .item:nth-child(12) { opacity: 0.7;} .aboutB-b .btn { z-index: 10; position: absolute; width: 20px; height: 20px; cursor: pointer; left: 60px; font-size: 20pt; color: #dae6ef; -webkit-transform: scale(3, 1);transform: scale(3, 1);-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} .aboutB-b .btn:hover { color: white; transition: color 0.5s;} .aboutB-b .prev { top: 110px;} .aboutB-b .next { bottom: 120px;} .news_body { background: #f8f8f8;} .contact_body { background: #f8f8f8;} .inputerror { /*border-bottom: 1px solid #f00 !important;*/ background-color: #ffe6e6 !important;} @-webkit-keyframes inputerrors{ 0%{ background-color: #fff; } 100%{ background-color: #ffe6e6; } } .inputerror{ animation: inputerrors 0.5s 3 ease; } .aboutB { padding:100px 0 110px; background: url(../images/fazhanlicheng_bg.jpg) no-repeat center/cover; } .aboutB-a { max-width: 1600px; margin: 0 auto; } .aboutB-b { margin-top:0px; } .aboutB-f .mainTit,.aboutB-f .mainTit .t,.aboutB-f .mainTit .c { color:#fff;font-family: SourceHanSansCN-Light; font-weight: lighter; } .aboutB-b { float: left; position: relative; } .aboutB-d { padding-top:70px; } .aboutB-e .t { font-size: 30px;color:#fff; } .aboutB-g { height: 260px; margin-top:20px; overflow-y: scroll; } .aboutB-e .c { text-align: justify; width: 80%; font-size: 16px;color:#fff;line-height: 1.6;opacity: 0.8; } .aboutB-g{ /*婊氬姩鏉℃粦鍧楁寜閽殑棰滆壊*/ scrollbar-face-color: rgba(255,255,255,0.2); /*婊氬姩鏉℃暣浣撻鑹?/ scrollbar-highlight-color: #fff; /*婊氬姩鏉¤建閬撻鑹?/ scrollbar-track-color: rgba(255,255,255,0.2); } /*婊氬姩鏉℃暣浣撻儴鍒?蹇呴』瑕佽缃?/ .aboutB-g::-webkit-scrollbar{ background-color: rgba(255,255,255,0.2); width:5px; height:10px; } /*婊氬姩鏉$殑杞ㄩ亾*/ .aboutB-g::-webkit-scrollbar-track{ background-color: rgba(255,255,255,0.2); border-radius: 10px; } /*婊氬姩鏉$殑婊戝潡鎸夐挳*/ .aboutB-g::-webkit-scrollbar-thumb{ border-radius: 10px; background-color: #fff; } .aboutB-c .next,.aboutB-c .prev { background: url(../images/about_d_left.png) no-repeat center/cover; cursor: pointer; opacity: 1; font-family: "寰蒋闆呴粦"; font-size: 0px; color:#fff;width: 53px;height: 53px; text-align: center; position: absolute; bottom:0; } .aboutB-c .next:hover,.aboutB-c .prev:hover { background: url(../images/about_d_left2.png) no-repeat center/cover; } .aboutB-c .prev { transform: rotate(180deg); } /*.aboutB-c .prev:hover { transform: rotate(0deg); } .aboutB-c .next:hover { transform: rotate(180deg); }*/ .aboutB-c .prev { left:80px; } .aboutB-c .next { left:0px; } .aboutB-c .next:hover,.aboutB-c .prev:hover { opacity: 1; } /*.inner{width:100%;height:auto;margin:0px auto;}*/ /*.out{margin-top:20px;overflow: hidden;position: relative;}*/ /*.scrollbar{border-radius: 4px;width:4px;height:260px;background:rgba(255,255,255,0.2);position: absolute;right:0;top:0;}*/ /*.scrollbtn{width:100%;height:20px;background:#fff;border-radius:20px;position: absolute;}*/ .aboutB-c { padding-bottom:140px; position: relative; float: right;width: 45%; } .aboutB-b .c-menu { height: 600px; margin-left:300px; width: 350px; overflow: hidden; } .aboutB-b .img-box, .hide { background-size: 100% 100%; top: 50px; width: 500px; height: 500px; opacity: 1; transition: opacity, 2s; } .aboutB-b .img-box {background-size:vover; } .aboutB-b .items-list { left: -350px; width: 600px; height: 600px; } .aboutB-b .item { width: 600px; padding-left: 25px; font-size: 18px; transition: font-size 1s; text-align: left; cursor: initial;} .aboutC { padding:110px 0 60px; } .caboutC-c { margin-top:20px; } .caboutC-c .con { margin: 0 auto; max-width: 1230px; text-align:justify; font-size: 16px; color:#3e4145; line-height: 1.8; } .caboutC-d { margin-top:50px; padding-bottom:75px; position: relative; } .caboutC-d:after { content:''; width: 110%; height: 200px; position: absolute; left:-5%; bottom:0;background: url(../images/joinc-4.png) no-repeat center bottom;-webkit-background-size: 100% auto;background-size: 100% auto; } .caboutC-d ul li{ position: relative; z-index: 10; box-sizing: border-box; width: 25%; margin-right:0%; float: left; padding:10px; overflow: hidden;} .caboutC-d ul li .img { position: relative; } .caboutC-d ul li .img img { vertical-align: top; width: 100%; } .caboutC-d ul li .img:after { content:'';width: 208px;height: 208px; position: absolute; left:0; bottom:0;background: url(../images/aboutc-2.png) no-repeat center; } .caboutC-d ul li .img .t { font-size: 20px;color:#fff; position: absolute; left:30px; bottom:30px; z-index: 10; } .caboutC-d .con {width: 100%;height: 100%; position: absolute; left:0; top:-500px; transition: all 0.8s; background: url(../images/aboutc-3.jpg) no-repeat right top #032b72; z-index: 11; } .caboutC-d .con .conA { position: relative;width: 100%;height: 100%; } .caboutC-d .con .conB { position: absolute;left:5%; width: 80%; top:52%; transform: translateY(-50%);} .caboutC-d .con .conB .t { font-size: 20px;color:#fff; } .caboutC-d .con .conB .c { font-size: 14px; margin-top:10px; line-height: 1.8; color:#fff; } .caboutC-d ul li:hover .con { top:0; } .aboutD { padding:115px 0 100px; background: #f6f6f6; } .aboutD-b { margin-top:50px; } .aboutE { padding:100px 0 60px; } .aboutE-c { margin-top:20px; } .aboutE-c .t1 { font-size: 20px;color:#333; } .aboutE-c .con { max-width: 1220px; margin: 0 auto; font-size: 16px;color:#3e4145; text-align: justify; margin-top:30px; line-height: 1.8; } .aboutE-d { margin-top:90px; padding-bottom:75px; position: relative; } .aboutE-d:after { content:''; width: 110%; height: 200px; position: absolute; left:-5%; bottom:0;background: url(../images/joinc-4.png) no-repeat center bottom;-webkit-background-size: 100% auto;background-size: 100% auto; } .aboutE-d ul li { float: left; position: relative; z-index: 10;width: 24%; margin-right:1.3333%;background: #ececec;height: 240px; border-radius: 6px; } .aboutE-d ul li .con { position: absolute; left:28px; bottom:30px; } .aboutE-d ul li .con .t { font-size: 18px;color:#0c2873; } .aboutE-d ul li .con .c { font-size: 14px;color:#666666; margin: 5px 0 15px; } .aboutE-d ul li .con a { font-size: 14px;color:#0c2873; } .aboutE-d ul li:last-child { margin-right:0; } .aboutE-d ul li:after { content:'';width: 127px;height: 127px;background: url(../images/aboute-1.png) no-repeat center/cover; position: absolute; right:30px; top:-40px; } .aboutB-c .title .cn,.aboutB-c .title .en{color: #fff;} .aboutB-e .t span{font-size: 16px;} .aboutB-d .swiper-slide{opacity: 0 !important;} .aboutB-d .swiper-slide-active{opacity: 1 !important;} @media(max-width: 1600px){ /* .aboutB-b{width: 44%;} .aboutB-b .img-box, .hide{ width: 450px; height: 450px; } .aboutB-b .items-list{ width: 550px; height: 550px; } .aboutB-b .c-menu{ margin-left: 294px; }*/ .aboutB-e .c{font-size: 14px;} } @media(max-width: 1360px){ .aboutB-c{width: 38%;} } @media(max-width: 1200px){ .aboutB-b{display: none;} .aboutB-c{display: block;width: 100%;padding-bottom: 70px;} .aboutB-d { padding-top: 40px; } .aboutB-e .t{ font-size: 26px; } .aboutB-g{ margin-top: 12px; } .aboutB-c .next, .aboutB-c .prev{ width: 40px; height: 40px; } .aboutB-c .prev { left: 58px; } .aboutB{ padding: 30px 0 40px; } } .header .left a.logo_b{display: none;} /*棣栭〉*/ .index_top{ /*position: relative; width: 100%;*/ height: 1500px; position:fixed; height: 100%; width: 100%; display:flex; justify-content: center; align-items: center; top:0; left:0; bottom:0; right:0; z-index:2; text-align: center; background: url(../images/index_top_bg.jpg) center center/cover #fff; } .index_top .box .sz{ color: #999999; font-size: 23px; margin-top: 60px; } .index_bottom{ -webkit-transition: background 0.2s ease-out; -moz-transition: background 0.2s ease-out; -ms-transition: background 0.2s ease-out; -o-transition: background 0.2s ease-out; transition: background 0.2s ease-out; background-color: #fff; position: relative; box-sizing: inherit; z-index: 9; } .index_bottom .header{ position: absolute; top: 10px; width: 100%; left: 0; background: none; z-index: 5; } .index_bottom .header .right ul li a{ color: #fff; } .index_bottom .header .left a.logo{display: none;} .index_bottom .header .left a.logo_b{display: block;} .banner {position: relative;} .banner .swiper-slide .box{height:1100px;} .banner .box .container{ position: relative; height: 100%; } .banner .box .text{ position: absolute; left: 0; top: 50%; transform: translateY(-50%); } .banner .box .text .text_nr { /*width: 570px; height: 570px; background: #3ebbbc; border-radius: 100%; position: relative;*/ } .banner .box .text .text_nr .text_nr_a{ /*position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 400px;*/ } .banner .box .text .text_nr .h3{ font-size: 66px; color: #ffffff; } .banner .box .text .text_nr .h4{ font-size: 20px; color: #ffffff; text-transform: uppercase; margin-top: 5px; font-family: arial; } .banner .box .text .index_gd { margin-top: 50px; } .banner .box .text .index_gd:before{ background: url(../images/banner_icon02.png)center center/cover; } .banner .box .text .index_gd a{ color: #fff; } .banner .box .text .text_nr .wenzi{ font-size: 36px; color: #ffffff; } .banner .box_1 .text .text_nr .text_nr_a{/*width: 320px;*/} .banner .box_1 .text .text_nr .h3{ letter-spacing:2px; } .banner .box .gd{ /*position: absolute; top: 50px; right: 0; border-radius: 100%; padding: 5px; border:1px solid rgba(231,231,231,0.34);*/ } .banner .box .gd a{ color: #ffffff; font-size: 14px; display: block; background: #156bb2; /*width: 137px; height: 137px;*/ position: relative; /* border-radius: 100%;*/ padding-bottom: 24px; /* text-align: center;*/ } .banner .box .gd span{ display: inline-block; padding-bottom: 24px; position: relative; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 100%; } .banner .box .gd span:before{ content: ""; position: absolute; bottom:0; width: 15px; height: 11px; display: inline-block; left: 50%; transform: translateX(-50%); background: url(../images/banner_jt.png)center center/cover; } .banner .swiper-button-prev:after,.banner .swiper-button-next:after{ opacity: 0; } .banner .swiper-button-prev,.banner .swiper-button-next{ width: 45px; height: 45px; top: auto; bottom: 100px; } .banner .swiper-button-prev{ background: url(../images/banner_right.png) center center/cover; left: auto; right:100px; } .banner .swiper-button-next{ background: url(../images/banner_left.png) center center/cover; left: auto; right:160px; } .banner .sz{ bottom: 100px; right: 0; left: auto; width: auto; position: absolute; z-index:5; font-size: 15px; color: #ffffff; } .banner .sz p{display: inline-block;} .banner .sz span{ color: #fff; font-size: 38px; } .index_a{ position: relative; padding: 140px 0 100px; } .index_a .left{ width: 66%; } .index_a .left .wenzi{ margin-top: 24px; color: #333333; font-size: 18px; line-height: 2; } .index_gd{ font-size: 18px; color: #666666; position: relative; margin-top: 30px; padding-right: 52px; display: inline-block; } .index_gd:before{ position: absolute; background: url(../images/lj_a.png)center center/cover; width: 43px; height: 31px; right: 0; top: 50%; transform: translateY(-50%); content: ""; } .index_a .right{ width: 444px; position: absolute; right: 60px; top: 100px; z-index: 3; } .index_a .right .img img{width: 100%;} .index_b ul li .num{ color: #ffffff; } .index_c{ background: #f5f5f5; } .index_d{ background: url(../images/index_d_bg.jpg)center center/cover; padding: 170px 0 180px; } .index_d .container{position: relative;} .index_d .title .cn{color: #fff;} .index_d .left { width: 39%; } .index_d .left .text{ margin-top: 34px; color: #ffffff; font-size: 16px; line-height: 2; display: none; } .index_d .left .text.cur{ display: block; } .index_d .left .text p { position: relative; padding-left:12px; } .index_d .left .text p:after { content:''; width: 5px; height: 5px; background: #fff; border-radius: 50%; position: absolute; left:0; top:15px; } .index_d .left .index_gd{ color: #fff; margin-top: 70px; } .index_d .left .index_gd:before{ background: url(../images/lj_a_a.png)center center/cover; content: ""; } .index_d .right{ position: absolute; right: -66px; /*width: 64%;*/ width: 896px; top: -36px; } .index_d .right .img{ display: none; } .index_d .right .img.cur{display: block;} .index_d .right .img img{width: 100%;} .index_d .list{ margin-top: 24px; } .index_d .list a{ font-size: 18px; color: #fff; display: inline-block; padding: 4px 12px; border:1px solid #fff; border-radius: 6px; } .index_d .list a:hover,.index_d .list a.cur{ color: #004ea2; background: #fff; border:1px solid #fff; } .index_e{ background: url(../images/index_e_bg.jpg) center center/cover; padding: 120px 0 106px 0; } .index_e .title{position: relative;} .index_e .index_e_a { margin-top: 38px; margin-left: 13.54%; padding-bottom: 10px; } .index_e .index_e_a .box{ background: #fff; border-radius: 14px; overflow: hidden; padding: 28px; } .index_e .index_e_a .box .img{ border-radius: 14px; overflow: hidden; display: flex; } .index_e .index_e_a .box .img img{width: 100%; align-self: center;} .index_e .index_e_a .box .text{ margin-top: 32px; } .index_e .index_e_a .box .text .time{ color: #004ea2; font-size: 16px; } .index_e .index_e_a .box .text .bt{ font-size: 20px; color: #333333; height: 79px; overflow: hidden; /*text-overflow:ellipsis; white-space: nowrap;*/ margin-top: 14px; line-height: 28px; } .index_e .index_e_a .box .text .js{ font-size: 16px; color: #666666; line-height: 2; margin-top: 14px; height: 60px; overflow: hidden; display: none; } .index_e .swiper-button-prev:after,.index_e .swiper-button-next:after{ opacity: 0; } .index_e .swiper-button-prev,.index_e .swiper-button-next{ width: 51px; height: 51px; } .index_e .swiper-button-prev{ background: url(../images/index_e_r1.png)center center/cover; left: auto; right: 0; } .index_e .swiper-button-next{ background: url(../images/index_e_l1.png)center center/cover; left: auto; right: 64px; } .index_e .swiper-button-prev:hover{ background: url(../images/index_e_r01.png)center center/cover; } .index_e .swiper-button-next:hover{ background: url(../images/index_e_l01.png)center center/cover; } .index_e .index_e_a .index_gd{margin-top: 50px;} .index_f .text .wenzi{font-size: 16px;line-height: 1.8;} @media(max-width: 1680px){ .index_top .logo{width: 160px;} .index_top .box .sz{font-size: 20px;margin-top: 40px;} /*.banner .box .text .text_nr .h3,.banner .box .text .text_nr .h4{font-size: 40px;} .banner .box_1 .text .text_nr .h3,.banner .box_1 .text .text_nr .h4{ font-size: 50px; } .banner .box .text .text_nr .wenzi{font-size: 18px;line-height: 1.6;} .banner .box .text .text_nr{ width: 500px; height: 500px; }*/ .banner .box .text .text_nr .h3{font-size: 54px;} .banner .box .text .text_nr .h4{font-size: 18px;} .banner .box .text .text_nr .wenzi{ font-size: 34px; } .banner .box .gd a{ width: 120px; height: 120px; } .index_d { padding: 130px 0 120px; } .index_d .right{ width: 64%; } .index_d .left .text{font-size: 16px;} .index_d .left .text p:after { top:13px; } .index_gd{font-size: 16px;} .index_d .left .index_gd{margin-top: 30px;} .index_e .index_e_a .box .text .bt{font-size: 16px;height: 62px;} .index_e .index_e_a .box .text .time{font-size: 14px;} .index_e .index_e_a .box .text .js{font-size: 14px;} .index_e { padding: 80px 0 60px 0; } .index_a .left .wenzi{font-size: 16px;} } @media(max-width: 1600px){ .banner .box .text .text_nr .h3{font-size: 50px;} .banner .box .text .text_nr .wenzi{ font-size: 30px; } .banner .box .text .text_nr .h4{font-size: 18px;} .header .right ul li a{font-size: 16px;} .index_top .box .sz{font-size: 18px;margin-top: 28px;} .index_d .right{ right: 0; width: 60%; } .index_d .left .index_gd{ font-size: 14px; margin-top: 30px; } .index_a .left .wenzi{ font-size: 14px; } .index_a .left{ width: 60%; } .index_a .right{ width: 28%; } .index_gd{font-size: 14px;padding-right: 44px;} .index_gd:before{ width: 38px; height: 26px; } .index_e .index_e_a{ margin-left: 5%; } .index_e .swiper-button-prev, .index_e .swiper-button-next{ width: 46px; height: 46px; } } @media(max-width: 1500px){ .index_d .left .text{ font-size: 14px; } .index_d .left .text p:after { top:11px; } } @media(max-width: 1400px){ .banner .swiper-button-prev, .banner .swiper-button-next{ bottom: 30px; width: 40px; height: 40px; } .banner .sz{bottom: 30px;} .banner .sz span{font-size: 34px;} .banner .sz{font-size: 14px;} /* .banner .box .text .text_nr { width: 400px; height: 400px; } .banner .box_1 .text .text_nr .h3, .banner .box_1 .text .text_nr .h4{ font-size: 44px; }*/ .banner .box .gd{ right: -30px; } .banner .box .gd a { width: 100px; height: 100px; } /*.banner .box_2 .text .text_nr .text_nr_a{ text-align: center; padding: 0 78px; } .banner .box_1 .text .text_nr .text_nr_a{text-align: center;} .banner .box .text .text_nr .h3, .banner .box .text .text_nr .h4 { font-size: 34px; } .banner .box .text .text_nr .wenzi{font-size: 15px;}*/ .index_a { padding: 100px 0 100px; } .index_e .index_e_a .box .text .js{ margin-top: 8px; } .index_e .index_e_a .box .text .bt{margin-top: 8px;} .index_e .index_e_a .index_gd { margin-top: 30px; } .banner .box .text .text_nr .h3 { font-size: 40px; } .banner .box .text .text_nr .wenzi { font-size: 26px; } .banner .box .text .text_nr .h4 { font-size: 16px; } .banner .box .text .index_gd { margin-top: 30px; } } @media(max-width: 1100px){ .banner .sz{right: 20px;} .index_a{ padding: 40px 0 30px; } .index_a .left{ width: 100%; } .index_a .right{ width: auto; position: initial; display: inline-block; float: left; margin-top: 24px; } .index_d { padding: 40px 0 30px; } .index_d .left{ width: 100%; } .index_d .right{ width: 100%; position: initial; display: inline-block; margin-top: 30px; } .index_d .left .text{ margin-top: 18px; } .index_e { padding: 40px 0 30px 0; } .index_e .index_e_a { margin: 30px 0.3rem 0; } .index_e .swiper-button-prev, .index_e .swiper-button-next { width: 40px; height: 40px; } .index_e .swiper-button-prev{right: 20px;} .index_e .swiper-button-next{right: 70px;} .index_e .index_e_a .box .text{margin-top: 22px;} .index_e .index_e_a .box{ padding: 18px 14px; } .index_e .index_e_a .index_gd { margin-top: 24px; } .banner .box .text{ left: 0.3rem; right: 0.3rem; } .index_d .list{ margin-top: 18px; } .index_d .list a{ font-size: 15px; padding: 3px 10px; margin-right: 5px; } } @media(max-width: 768px){ .banner .box .text .text_nr { width: auto; height: auto; border-radius: 10px; padding: 30px 30px; top: 50%; background: rgba(62,187,188,0.6); } .banner .box .text{ left:50%; top: 50%; width: 80%; transform: translate(-50%,-50%); text-align: center; } .banner .box .text .text_nr .text_nr_a{ padding: 0 0; } .banner .box .text .text_nr .text_nr_a{ position: initial; display: inline-block; transform: initial; } .banner .box .text .text_nr .text_nr_a{width: auto;} .banner .box_1 .text .text_nr .text_nr_a{width: auto;} .banner .box .gd{display: none;} .banner .box .text .text_nr .h3{font-size: 32px;} .banner .box .text .text_nr .h4{} .banner .box .text .text_nr .wenzi { font-size: 20px; } .banner .box .text .index_gd { margin-top: 18px; } .banner .swiper-button-prev, .banner .swiper-button-next{display: none;} .index_a .left .wenzi{ margin-top: 14px; } .index_gd{ margin-top: 14px; } .about_e{ padding: 40px 0 30px; } .development_c .left .text { margin-top: 24px; } .development_c .left .text .bt { font-size: 20px; } .development_c .left .text .wenzi{margin-top: 10px;} .development_b .development_b_top .swiper-button-prev, .development_b .development_b_top .swiper-button-next{display: none;} } .pace { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 5px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-pointer-events: none; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; z-index: 2000; position: fixed; margin: auto; right: 20px; bottom: 25px; width: 200px; height: 8px; border: 1px solid #000000; background-color: #ff0000; /*display: none;*/ } .pace .pace-progress { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; -webkit-transition: width 1s ease-in-out 1s linear; -moz-transition: width 1s ease-in-out 1s linear; -ms-transition: width 1s ease-in-out 1s linear; -o-transition: width 1s ease-in-out 1s linear; transition: width 1s ease-in-out 1s linear; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); max-width: 190px; position: fixed; z-index: 2000; display: block; position: absolute; left: 1px; top: 1px; height: 4px; font-size: 20px; background: #000000; color: #000000; line-height: 20px; font-weight: bold; font-family: "寰蒋闆呴粦"; } .pace .pace-progress:after { content: attr(data-progress-text); display: inline-block; margin-top: 5px; line-height: 20px; text-align: center; } .pace.pace-inactive { display: none; } .index_top{ opacity: 1; transition: all 0.4s; } .pace-done .index_top{ opacity: 0; z-index: -999 !important; } @media(max-width: 3000px){ .nybanner{height: 750px;} } @media(max-width: 1920px){ .nybanner{height: 6.32rem;} } /*0326*/ .about_b_anniu{ margin-top: 40px; } .about_b_anniu a{ font-size: 22px; border: 1px solid rgba(255,255, 255, 0.23); padding: 12px 36px; display: inline-block; margin: 0 10px; color: #fff; border-radius: 5px; background: rgba(255, 255, 255, 0.1); } .about_b_anniu a:hover{ border: 1px solid #004ea2; background: #004ea2; color: #fff; } .about_b_tc{ position: fixed; top: 0; left: 0; background: rgba(0,0,0,0.3); width: 100%; height: 100%; z-index: 9999; display: none; } .about_b_tc .box{ width: 74%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); background: #fff; height: 700px; overflow: hidden; } .about_b_tc .box .guanbi{ background: url(../images/guanbi.jpg) center center/cover; width: 50px; height: 50px; position: absolute; right: 0; top: 0; z-index: 9999; } .about_b_tc .left{ width: 71%; padding: 30px 38px; } .about_b_tc .left .bt{ font-size: 26px; color: #333333; } .about_b_tc .left .text{ font-size: 14px; line-height: 1.8; color: #333333; height: 600px; overflow: auto; padding-bottom: 30px; margin-top: 40px; padding-right: 4px; } .about_b_tc .left .text::-webkit-scrollbar{ width: 2px; background: #ccc; } .about_b_tc .left .text::-webkit-scrollbar-track{ width: 2px; } .about_b_tc .left .text::-webkit-scrollbar-track-piece{ width: 2px; } .about_b_tc .left .text::-webkit-scrollbar-thumb{ background: #3ebbbc; border: 5px; } .about_b_tc .left .text::-webkit-scrollbar-button{ display: none; } .about_b_tc .right{ width: 29%; /*box-shadow: 1px 1px 18px 2px rgba(0,0,0,0.1);*/ padding: 30px 20px; border-radius: 8px; overflow: auto; height: 100%; background: #f9f9f9; } .about_b_tc .right::-webkit-scrollbar{ width: 2px; background: #ccc; } .about_b_tc .right::-webkit-scrollbar-track{ width: 2px; } .about_b_tc .right::-webkit-scrollbar-track-piece{ width: 2px; } .about_b_tc .right::-webkit-scrollbar-thumb{ background: #3ebbbc; border: 5px; } .about_b_tc .right::-webkit-scrollbar-button{ display: none; } .about_b_tc .right .bt{ font-size: 18px; color: #333333; margin-bottom: 15px; padding-left: 18px; position: relative; } .about_b_tc .right .bt:before{ position: absolute; background: url(../images/new_right.jpg)center center/cover; width: 2px; height: 100%; left: 0; top: 0; content: ""; } .about_b_tc .right ul li{ margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #f5f5f5; } .about_b_tc .right ul li .img{ border-radius: 5px; overflow: hidden; } .about_b_tc .right ul li .img img{width: 100%;} .about_b_tc .right ul li .text{ margin-top: 18px; } .about_b_tc .right ul li .text .time{ font-size: 16px; color: #3ebbbc; } .about_b_tc .right ul li .text .wenzi{ color: #333333; font-size: 16px; margin-top: 5px; /*overflow: hidden; text-overflow:ellipsis; white-space: nowrap;*/ } .about_b_tc .right ul li:last-child{ border-bottom: none; margin-bottom: 0; } @media(max-width: 1500px){ .about_b_tc .box{ height: 500px; } .about_b_tc .box .left .text{ height: 400px; } .about_b_tc .right ul li{ padding-bottom: 10px; margin-bottom: 10px; } .about_b_tc .left .bt{ font-size: 22px; } .about_b_tc .left .text{margin-top: 20px;} } @media(max-width: 800px){ .about_b_tc .right{ height: auto; width: 100%; } .about_b_tc .left{ width: 100%; padding: 16px 0.2rem; } .about_b_tc .box{ width: 90%; height: 500px; overflow: auto; } .about_b_tc .box .left .text{ height: 100%; margin-top: 12px; } .about_b .wenzi br { display: none; } .about_b_anniu a{font-size: 16px;} .about_b_tc .right ul li .text .time{ font-size: 14px; } .about_b_tc .right ul li .text .wenzi{ font-size: 14px; } } @media(max-width: 1440px){ .about_b_anniu a{ font-size: 16px; padding: 8px 20px; } } @media(max-width: 1100px){ .about_b_anniu a { padding:6px 24px; font-size: 16px; } } @media(max-width: 380px){ .about_b ul li { width: 40%; } .about_b ul li:nth-child(2n) { width: 60%; } } /*绠$悊鍥㈤槦璇︽儏&绉戝椤鹃棶璇︽儏*/ .team_xq{ } .team_xq .team_xq_box{ } .team_xq .team_xq_box .left_1{ float: left; width: 36.5%; } .team_xq .team_xq_box .left_1 .img img{width: 100%;} .team_xq .team_xq_box .right_1{ float: right; width: 58.5%; padding-top: 34px; } .team_xq .team_xq_box .right_1 .bt{ font-size: 36px; color: #333333; margin-bottom: 24px; padding-bottom: 24px; border-bottom: #ededed 1px solid; } .team_xq .team_xq_box .right_1 .bt span{ color: #333333; font-size: 24px; } .team_xq .team_xq_box .right_1 .text{ font-size: 16px; color: #333333; line-height: 2; } .team_xq .team_xq_box .right_1 .text p { position: relative; padding-left:12px; } .team_xq .team_xq_box .right_1 .text p:after { content:''; width: 5px; height: 5px; background: #333; border-radius: 50%; position: absolute; left:0; top:14px; } @media(max-width: 1500px){ .team_xq .team_xq_box .right_1 { padding-top: 24px; } .team_xq .team_xq_box .right_1 .bt{ font-size: 28px; margin-bottom: 20px; padding-bottom: 20px; } .team_xq .team_xq_box .right_1 .bt span{ font-size: 18px; } .team_xq .team_xq_box .right_1 .text{ font-size: 14px; } .team_xq{ padding-bottom: 80px; } .team_xq .team_xq_box .right_1 .text p:after { top:12px; } } @media(max-width: 991px){ /*.team_xq .team_xq_box .right_1{ width: 100%; } .team_xq .team_xq_box .left_1{ width: 100%; margin-top: 30px; }*/ .team_xq .team_xq_box .right_1 .bt{ font-size: 24px; } .team_xq .team_xq_box .right_1 .bt span{font-size: 16px;} .team_xq { padding-bottom: 50px; } } @media(max-width: 640px){ .team_xq .team_xq_box .right_1 .bt{ font-size: 22px; margin-bottom: 14px; padding-bottom: 14px; } } /*绉戠爺鎴愭灉鍒楄〃*/ .chengguo_list{ background: #fafafa; } .chengguo_list .mbx{ margin-bottom: 46px; } .chengguo_list .name{ color: #333333; font-size: 30px; } .chengguo_list ol{ margin-top: 30px; } .chengguo_list ol li{ width: 32%; float: left; margin-right: 2%; background: #ffffff; overflow: hidden; border-radius: 8px; margin-bottom: 30px; padding: 24px; } .chengguo_list ol li .img img{ width: 100%; } .chengguo_list ol li .bt{ margin-top: 24px; color: #333333; font-size: 18px; position: relative; } .chengguo_list ol li .bt:before { position: absolute; width: 17px; height: 17px; background: #ebf8f8; top: -10px; right: 60px; content: ""; border-radius: 100%; } .chengguo_list ol li .bt:after { position: absolute; width: 10px; height: 10px; background: #ebf8f8; bottom: -10px; right: 86px; content: ""; border-radius: 100%; z-index: 1; } .chengguo_list ol li .bt .jt{ display: block; background: url(../images/lianjie.png) center center/cover; width: 44px; height: 44px; background-size: 100% 100%; position: absolute; top: 50%; transform: translateY(-50%); right: 10px; } .chengguo_list ol li:hover .bt{ color: #3ebbbc; } .chengguo_list ol li:hover .bt .jt{ background: url(../images/guwen_left022.png) center center/cover; } .chengguo_list ol li:nth-child(3n){ margin-right: 0; } .chengguo_list .page{ margin-top: 56px; } @media(max-width: 1500px){ .chengguo_list ol li .bt{ font-size: 16px; } .page a{ width: 48px; height: 48px; padding-top: 12px; } .chengguo_list .name{ font-size: 26px; } .chengguo_list ol{ margin-top: 24px; } .chengguo_list .page { margin-top: 10px; } } @media(max-width: 1000px){ .chengguo_list ol li{ width: 48.5%; margin-right: 3%; } .chengguo_list ol li:nth-child(3n) { margin-right: 3%; } .chengguo_list ol li:nth-child(2n) { margin-right: 0; } .chengguo_list .mbx { margin-bottom: 30px; } .page a { width: 40px; height: 40px; font-size: 16px; padding-top: 10px; } } @media(max-width: 600px){ .chengguo_list .name{ font-size: 22px; } .chengguo_list ol li { width: 100%; margin-right: 0; padding: 24px 20px; margin-bottom: 18px; } .chengguo_list ol li .bt{ font-size:14px } .chengguo_list ol li .bt .jt{ width: 40px; height: 40px; } .chengguo_list ol { margin-top: 18px; } .page a { width: 36px; height: 36px; font-size: 16px; padding-top: 6px; } } /*鎴愰暱绌洪棿寮圭獥*/ .development_b_tc{ position: fixed; background: rgba(0,0,0,0.5); left: 0; top: 0; height: 100%; width: 100%; z-index: 99; display: none; } .development_b_tc .box{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 1000px; overflow: hidden; padding: 26px 150px; background: #fff; } .development_b_tc .box .guanbi{ background: url(../images/cha.jpg) center center/cover; width: 30px; height: 30px; position: absolute; right: 22px; top: 24px; } .development_b_tc .development_b_tc_btm{ margin-top: 16px; padding: 0 60px; } .development_b_tc .development_b_tc_btm .slick-slide{ margin: 0 5px; } .development_b_tc .development_b_tc_btm .slick-prev,.development_b_tc .development_b_tc_btm .slick-next{ width: 48px; height: 100%; border: none; margin-top: 0; } .development_b_tc .development_b_tc_btm .slick-prev{ background: url(../images/chengzhang_left.jpg) center center/cover; left: 0; top: 0; } .development_b_tc .development_b_tc_btm .slick-next{ background: url(../images/chengzhang_right.jpg) center center/cover; right: 0; top: 0; } .development_b_tc img{width: 100%;overflow: hidden;border-radius: 18px;} @media(max-width: 1400px){ .development_b_tc .box{ width: 900px; } } @media(max-width: 1300px){ .development_b_tc .box{ width: 700px; padding: 20px 60px; } } @media(max-width: 700px){ .development_b_tc .box{ width: 96%; padding: 20px 20px; } .development_b_tc .development_b_tc_btm .slick-prev, .development_b_tc .development_b_tc_btm .slick-next{ width: 36px; } .development_b_tc .box .guanbi{display: none;} } /*涓嬫媺*/ .header .right ul li:hover a{ color: #000000; } .header .right ul li {position: relative;} .header .right ul li .navSub{ position: absolute; left: 0; background: rgba(244,245,245,0.7); top: 60px; display: none; padding: 15px 0; border-radius: 6px; width: 150px; left: -35px; text-align: center; z-index: 999999; } .header .right ul li .navSub dl dd{ margin-bottom: 10px; padding: 0 10px; } .header .right ul li .navSub dl dd:last-child{ margin-bottom: 0; } .header .right ul li .navSub dl dd a{ font-size: 14px; color: #333333; padding: 0; display: inline-block; } .header .right ul li .navSub dl dd a:hover{ color: #3ebbbc; } .header .right ul li:hover .navSub{ display: block; } /*0427鏂颁慨鏀?/ .research .right_d_0427{ background: #fff; padding: 40px 45px 32px 40px; border-radius: 8px; overflow: hidden; } .research .right_d_0427 .lb{ text-align: right; padding-bottom: 40px; background: none; border-bottom:2px solid #004ea2; background-size: 100% 3px; } .research .right_d_0427 .lb a{ font-size: 18px; color: #999999; padding: 16px 46px; color: #999999; border:1px solid #d2d2d2; display: inline-block; margin-left: 10px; border-radius: 8px; overflow: hidden; } .research .right_d_0427 .lb a.cur,.research .right_d_0427 .lb a:hover{ color: #fff; background:url(../images/keyan_a_bg.jpg) center center/cover; } .research .right_d_0427 .lb_nr{ /*margin-top: 40px;*/ } .research .right_d_0427 .lb_nr .box3{ padding: 40px 0; border-bottom: 1px solid #eeeeee; } .research .right_d_0427 .lb_nr .box3:last-child{ border-bottom: none; } .research .right_d_0427 .lb_nr .box3 .img{ float: left; width: 27%; border-radius: 8px; overflow: hidden; } .research .right_d_0427 .lb_nr .box3 .img img{width: 100%;} .research .right_d_0427 .lb_nr .box3 .wenzi{ float: left; width: 73%; padding-left: 32px; padding-top: 20px; } .research .right_d_0427 .lb_nr .box3 .wenzi .time{ font-size: 16px; color: #004ea2; margin-bottom: 14px; } .research .right_d_0427 .lb_nr .box3 .wenzi .biaoti{ font-size: 20px; color: #333333; height: 57px; overflow: hidden; } .research .right_d_0427 .lb_nr .box3 .wenzi .lj{ color: #999999; font-size: 16px; margin-top: 34px; /* padding-top: 34px; border-top: 1px solid #f1f6fa;*/ } .research .right_d_0427 .lb_nr .box3 .wenzi .lj span { display: inline-block; position: relative; } .research .right_d_0427 .lb_nr .box3 .wenzi .lj span:before { content: ""; position: absolute; background: url(../images/lj_a.png) center center/cover; width: 43px; height: 31px; right: -54px; top: 50%; transform: translateY(-50%); } .page a{ border:1px solid #e6e6e6; } .research .right_d_0427 .lb_nr .page{ margin-top: 0.5rem; text-align: right; } @media(max-width: 1680px){ .research .right_d_0427 .lb_nr .box3 .wenzi .lj{ margin-top: 16px; } } @media(max-width: 1600px){ .research .right_d_0427 .lb_nr .box3 .wenzi .lj{font-size: 14px;} .research .right_d_0427 .lb a{ font-size: 16px; } .research .right_d_0427 .lb_nr .box3 .wenzi .time{ font-size: 14px; } .research .right_d_0427 .lb_nr .box3 .wenzi .biaoti{font-size: 18px;} .research .right_d_0427 .lb_nr .box3 .wenzi{padding-top: 12px;} } @media(max-width: 1000px){ .research .right_d_0427 .lb a.cur, .research .right_d_0427 .lb a{ width: 32%; text-align: center; float: left; margin-bottom: 8px; margin-left: 0; margin-top: 0; margin-right: 2%; padding-left: 0; padding-right: 0; } .research .right_d_0427 .lb a:nth-child(3n){ margin-right: 0; } .research .right_d_0427{ padding: 20px 18px 30px; } } @media(max-width: 640px){ .research .right_d_0427 .lb_nr .box3 .wenzi .biaoti{font-size: 16px;height: 42px} .research .right_d_0427 .lb a.cur, .research .right_d_0427 .lb a{ width: 48.5%; margin-right: 3%; } .research .right_d_0427 .lb a:nth-child(3n){ margin-right: 3%; } .research .right_d_0427 .lb a:nth-child(2n){ margin-right: 0; } .research .right_d_0427 .lb{ padding-bottom: 24px; } .research .right_d_0427 .lb_nr .box3 .img{ width: 100%; } .research .right_d_0427 .lb_nr .box3{ padding: 22px 0; } .research .right_d_0427 .lb_nr .box3 .wenzi{ width: 100%; padding-left: 0; margin-top: 14px; } .research .right_d_0427 .lb_nr .box3 .wenzi .lj span:before{ width: 36px; height: 26px; right: -45px; } } .product2{ padding: 100px 0; background: #f5f5f5; } .product2 .left{ width: 17.2%; } .product2 .left ul li{ margin-bottom: 20px; background: #fff; padding: 30px 0; text-align: center; border-radius: 8px; overflow: hidden; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1); } .product2 .left ul li a{display: block;} .product2 .left ul li:last-child{ margin-bottom: 0; } .product2 .left ul li .img{ width: 69px; display: inline-block; } .product2 .left ul li .img .img2{display: none;} .product2 .left ul li .text{ margin-top: 10px; } .product2 .left ul li .text .bt{ color: #333333; font-size: 18px; } .product2 .left ul li.cur,.product2 .left ul li:hover{ background: #004ea2; } .product2 .left ul li.cur .img .img1,.product2 .left ul li:hover .img .img1{display: none;} .product2 .left ul li.cur .img .img2,.product2 .left ul li:hover .img .img2{display: block;} .product2 .left ul li.cur .text .bt,.product2 .left ul li:hover .text .bt{ color: #fff; } .product2 .right{ width: 78.1%; background: #fff; border-radius: 8px; overflow: hidden; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1); padding: 70px 60px; } .product2 .right .right_t .en{ font-size: 16px; color: #48c2be; text-transform: uppercase; } .product2 .right .right_t .cn{ font-size: 36px; color: #333333; margin-top: 2px; } .product2 .right .box{ margin-top: 30px; } .product2 .right .box ul li{ padding: 28px 0 28px 5px; border-bottom: 1px solid #eeeeee; } .product2 .right .box ul li .bt{ font-size: 18px; color: #666666; float: left; width: 75%; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .product2 .right .box ul li .lj{ color: #999999; font-size: 16px; float: right; margin-right: 54px; } .product2 .right .box ul li .lj span{ display: inline-block; position: relative; } .product2 .right .box ul li .lj span:before{ content: ""; position: absolute; background: url(../images/lj_a.png) center center/cover; width: 43px; height: 31px; right: -54px; top: 50%; transform: translateY(-50%); } @media(max-width: 1600px){ .product2 .left ul li .img{ width: 60px; } .product2 .left ul li .text .bt{ font-size: 16px; } .product2 .right{ padding: 54px 40px; } .product2 .right .right_t .cn{ font-size: 30px; } .product2 .right .box { margin-top: 20px; } .product2 .right .box ul li{ padding: 20px 0 20px 5px; } .product2 .right .box ul li .bt{ font-size: 16px; } .product2 .right .box ul li .lj{font-size: 14px;} } @media(max-width: 1440px){ .product2 .right .right_t .en{ font-size: 14px; } .product2 .right .right_t .cn{ font-size: 26px; } .product2 .right .box ul li .bt{font-size: 14px;} .product2{ padding: 70px 0; } } @media(max-width: 1100px){ .product2 .left ul{ width: 800px; } .product2 .left{ overflow: auto; width: 100%; } .product2 .left ul li{ width: 19%; margin-right: 1.25%; float: left; /*padding:20px 0;*/ } .product2 .left ul li:nth-child(5){ margin-right: 0; } .product2 .right{ width: 100%; } .product2{ padding: 40px 0 30px; } } @media(max-width: 768px){ .product2 .right .right_t .cn { font-size: 20px; } .product2 .right .box { margin-top: 0; } } @media(max-width: 640px){ .product2 .left ul li .text .bt{font-size: 14px;} /* .product2 .left ul li{ width: 49%; margin-right: 2%; float: left; margin-bottom: 10px; }*/ /* .product2 .left ul li:nth-child(3n){ margin-right: 2%; }*/ /* .product2 .left ul li:nth-child(2n){ margin-right: 0; }*/ .product2 .right { padding: 30px 24px; margin-top: 18px; } .product2 .right .box ul li .lj{display: none;} .product2 .right .box ul li .bt{width: 100%;overflow: inherit;text-overflow: initial;white-space: initial;} .product2 .left ul li .img { width: 50px; } } .hexin .hexin_box .hexin_l .text ul li{ list-style: disc; margin-left: 18px; } /*.hexin .hexin_box .hexin_l .text ol li{ list-style: decimal; margin-left: 18px; } */ .hexin .hexin_box .hexin_l .text ul li:after{ } /*20210506news*/ .news_a_list{ float: right; margin-bottom: 30px; } .news_a_list a{ font-size: 16px; color: #666666; margin-left: 48px; padding-bottom: 10px; display: inline-block; } .news_a_list a:nth-child(1) { margin-left: 0; } .news_a_list a.cur{ color: #004ea2; border-bottom: 1px solid #004ea2; } @media(max-width: 768px){ .news_a_list{ margin-bottom: 18px; } .news_a_list a{ margin-left: 16px; } } .about_c ul li .img .img2{ display: none; } .about_c ul li:hover .img .img2{ display: block; } .about_c ul li:hover .img .img1{ display: none; } .about_c ul li:hover .text .bt{ color: rgba(255,255,255,.8); } .about_c ul li:hover .text .wenzi{ color: #fff; } .about_c ul li .icon{ position: absolute; width: 130px; /*height: 118px;*/ right: 36px; bottom: 26px; line-height: 0; } .about_c ul li .icon .icon2{display: none;} .about_c ul li:hover .icon .icon1{display: none;} .about_c ul li:hover .icon .icon2{display: block;} @media(max-width: 1680px){ .about_c ul li .text .wenzi{ font-size: 24px; } .about_c ul li .icon{ width: 115px; } } @media(max-width: 1300px){ .about_c ul li .text { padding: 30px 22px 0; } .about_c ul li .text .wenzi{ font-size: 20px; } .about_c ul li .icon { width: 90px; } } .team_tanchuang{ background: rgba(0,0,0,0.5); position: fixed; left: 0; top: 0; z-index: 11; width: 100%; height: 100%; display: none; } .team_tanchuang .container { background: #fff; padding: 65px 45px 65px 60px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); border-radius: 8px; overflow: hidden; } .team_tanchuang .container .right_1 .text{ height: 500px; overflow: auto; padding-right: 8px; } .team_tanchuang .container .right_1 .text::-webkit-scrollbar{ width: 2px; background: #ccc; } .team_tanchuang .container .right_1 .text::-webkit-scrollbar-track{ width: 2px; } .team_tanchuang .container .right_1 .text::-webkit-scrollbar-track-piece{ width: 2px; } .team_tanchuang .container .right_1 .text::-webkit-scrollbar-thumb{ background: #3ebbbc; border: 5px; } .team_tanchuang .container .right_1 .text::-webkit-scrollbar-button{ display: none; } .team_tanchuang .guanbi { background: url(../images/guanbi_2.png) center center/cover; background-size: 100% 100%; width: 45px; height: 45px; cursor: pointer; position: absolute; right: 40px; top: 30px; } @media(max-width: 1700px){ .team_tanchuang .container .right_1 .text{ height: 400px; overflow: auto; } .team_tanchuang .container{ width: 1100px; } /* .team_xq .team_xq_box .right_1 .bt{ font-size: 30px; } .team_xq .team_xq_box .right_1 .bt span{ font-size: 20px; }*/ .team_xq .team_xq_box .right_1 .text{font-size: 14px;} } @media(max-width: 1500px){ .team_tanchuang .container{ width: 940px; padding: 40px 30px 40px 45px; } .team_xq .team_xq_box .right_1 .text{height: 300px;} .team_tanchuang .guanbi{ width: 40px; height: 40px; top: 40px; right: 30px; } } @media(max-width: 1100px){ .team_xq .team_xq_box .right_1{ width: 100%; } .team_xq .team_xq_box .right_1 .text{ height: auto; } .team_xq .team_xq_box .left_1{ width: 100%; margin-top: 20px; float: none; display: inline-block; text-align: center; } .team_xq .team_xq_box .left_1 .img img{width: auto;} .team_tanchuang .container{ width: 96%; padding: 18px; height: 90%; overflow: auto; } .team_xq .team_xq_box .right_1 .bt span { font-size: 15px; } .team_tanchuang .guanbi{ top: 10px; right: 10px; width: 36px; height: 36px; } } /*0511娉曞緥澹版槑*/ .state { padding-top: 60px; background: #f4f4f4; padding-bottom: 50px; } .state .tag-box { margin: 0 auto; padding: 45px 80px 45px; box-shadow: 0 0 80px #EAEAEA; box-sizing: border-box; margin-top: 35px; background: #fff; } .state .tag-box .state-content { font-size: 14px; color: #666; line-height: 28px; margin-bottom: 40px; } .state .state-tit { text-align: center; } .state .state-tit a { display: inline-block; font-size: 16px; color: #333333; padding: 10px 25px; } .state .state-tit a.cur { color: #ffffff; background-color: #dd2226; } @media(max-width: 1500px) { .state { padding-top: 50px; } } @media(max-width: 1100px) { .state { padding-top: 30px; } .state .tag-box { padding: 28px 18px; } .state .tag-box { margin-top: 28px; } .state .state-tit a { padding: 8px 20px; } } @media(max-width: 550px) { .state .state-tit a { padding: 8px 16px; font-size: 14px; } .state .tag-box { margin-top: 0; } } .about_e ul li .text2 .wenzi p{position: relative;padding-left: 12px;} .about_e ul li .text2 .wenzi p:after{ content: ''; width: 5px; height: 5px; background: #fff; border-radius: 50%; position: absolute; left: 0; top: 8px; } .research .right_d_0427 .lb_nr .xiangmujinzhan{ font-size: 26px; color: #004ea2; margin-top: 30px; margin-bottom: -11px; } @media(max-width: 1500px){ .research .right_d_0427 .lb_nr .xiangmujinzhan{ font-size: 24px; margin-top: 24px; } } @media(max-width: 640px){ .research .right_d_0427 .lb_nr .xiangmujinzhan{ margin-bottom: 0; } } /*.backTop { position: fixed; bottom:30px; right:30px; z-index: 1000; cursor: pointer;} */ .popRight { display: none; position: fixed; right: 10px; top: 90%; z-index: 10; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); } .popRight ol li { width: 75px; text-align: center; background: #004ea2; margin-bottom: 2px; padding: 12px 0; border-radius: 5px 0 0 5px; -webkit-border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px; -ms-border-radius: 5px 0 0 5px; -o-border-radius: 5px 0 0 5px; position: relative; } .popRight ol li .tel { z-index: -1; line-height: 0; position: absolute; left: 0; top: 0; background: #fff; padding: 19px 10px; width: 180px; transform: translateX(180px); -webkit-transform: translateX(180px); -moz-transform: translateX(180px); -ms-transform: translateX(180px); -o-transform: translateX(180px); transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; } .popRight ol li .tel::before, .popRight ol li .ewm::before { content: ""; position: absolute; right: -9px; height: 18px; background: url(../images/sj.png) no-repeat center center; top: 50%; width: 9px; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); } .popRight ol li .tel .t{ color: #2276df; font-size: 15px; line-height: 20px; } .popRight ol li .ewm { z-index: -1; line-height: 0; position: absolute; left: 0; top: -16px; background: #fff; width: 112px; transform: translateX(75px); -webkit-transform: translateX(75px); -moz-transform: translateX(75px); -ms-transform: translateX(75px); -o-transform: translateX(75px); transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; } .popRight ol li:hover { background: #4e98f5; } .popRight ol li:hover .tel { transform: translateX(-200px); -webkit-transform: translateX(-200px); -moz-transform: translateX(-200px); -ms-transform: translateX(-200px); -o-transform: translateX(-200px); } .popRight ol li:hover .ewm { transform: translateX(-130px); -webkit-transform: translateX(-130px); -moz-transform: translateX(-130px); -ms-transform: translateX(-130px); -o-transform: translateX(-130px); } .popRight ol li .icon { line-height: 0; } .popRight ol li p { color: #fff; font-size: 14px; margin-top: 7px; } @media(max-width: 600px){ .popRight{ right: 0; } .popRight ol li{ width: 60px; padding: 10px 0; } .popRight ol li .icon{ width: 18px; display: inline-block; } .popRight ol li p{ font-size: 12px; } } @media(max-width: 640px){ .research .right_aa{ padding: 20px 14px; } } body { /*font-family: SourceHanSansCNNormal; */ } .development_b_tc .box .box2{ display: none; } .development_b_tc .box .box2.cur{ display: block; } .jszcAdd,.jszcAdd a { color:rgba(255,255,255,0.1); } @media(max-width: 1360px){ .about_e ul li .text2 .wenzi p:after{ top: 7px; } .about_e ul li .text .tiaozhuan{ top: 30%; } } .jszcAdd,.jszcAdd a { color:rgba(255,255,255,0.1); }