body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,a,time,form,fieldset,figure,footer { margin: 0; padding: 0; } a{ text-decoration: none; } .swiper-container-horizontal > .banner_pagination.swiper-pagination-bullets{ width: auto; left: auto; right: 122px; bottom: auto; top: 50%; transform: translatey(-50%); -webkit-transform: translatey(-50%); -moz-transform: translatey(-50%); -ms-transform: translatey(-50%); -o-transform: translatey(-50%); } .swiper-container-horizontal > .banner_pagination.swiper-pagination-bullets .swiper-pagination-bullet { margin: 8px 0; display: block; } /* .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction */ .swiper-wrapper::-webkit-scrollbar { display: none; /* chrome safari */ } .fp-tablecell{ position: relative; } .banner_bg1{ position: relative; } .header_line{ width: 100%; height: 4px; background: #004d93; position: absolute; left: 0; top: 0; z-index: 100; } .header_line::before{ width: 166px; height: 4px; background: #ffffff; position: absolute; right: 0; top: 0; content: ""; } .header_line .left,.header_line .right{ width: 100px; height: 4px; background: #67af00; top: 0; position: absolute; } .header_line .left{ left: 350px; } .header_line .right{ left: 590px; } .swiper-button-next, .swiper-button-prev{ padding: 0; } #show_nav { position: fixed; left: 0; top: 0; z-index: 99999; width: 100%; height: 82px; display: block; opacity: 0.5; } /* 头部 */ .header_nav.active{ z-index: 1000; position: absolute; left: 0; top: 4px; padding: 21px 120px; box-sizing: border-box; width: 100%; z-index: 10000; display: flex; justify-content: space-between; align-items: center; } .header_nav.header_nav0{ position: fixed; /* width: 100%; */ z-index: 10; padding: 21px 0px; top: 4px; right: 0; padding-right: 120px; } /* .header_nav .logo{ float: left; } */ .header_nav .logo img{ display: block; width: 237px; } .header_nav .header_ul{ /* float: right; */ /* display: flex; align-items: center; justify-content: center; */ } /* .header_nav .header_menu .left{ display: flex; } .header_nav .header_menu .pic:nth-child(2){ position: relative; margin: 0 45px 0 70px; } .header_nav .header_menu .pic:nth-child(2)::after{ width: 1px; height: 28px; opacity: 0.19; border-left: 1px solid #ffffff; content: ""; left: -35px; top: 0; position: absolute; } */ .backtop { display: none; position: fixed; right: 9%; bottom: 150px; z-index: 1111; float: left; width: 50px; height: 50px; background: no-repeat; cursor: pointer; text-align: center; text-indent: -9999em; } a:hover { text-decoration: none; } /*@media (max-width: 1440px) {*/ /*.container {*/ /*width: 100%;*/ /*min-width: 1366px;*/ /*height: 100%;*/ /*min-height: 706px;*/ /*background-color: blue;*/ /*}*/ /*}*/ /*@media screen and (max-width: 1366px) {*/ /*.container {*/ /*width: 100%;*/ /*min-width: 1366px;*/ /*height: 100%;*/ /*min-height: 600px;*/ /*background-color: fuchsia;*/ /*}*/ /*}*/ /*@media (min-width: 1200px) {*/ /*.container {*/ /*max-width: 1140px;*/ /*height: 100%;*/ /*min-height: 900px;*/ /*background-color: red;*/ /*}*/ /*}*/ /*@media (max-width: 992px) {*/ /*.container {*/ /*max-width: 960px;*/ /*background: orange;*/ /*}*/ /*}*/ /*@media (max-width: 768px) {*/ /*.container {*/ /*max-width: 720px;*/ /*background: yellow;*/ /*}*/ /*}*/ /*@media (max-width: 576px) {*/ /*.container {*/ /*max-width: 540px;*/ /*background: green;*/ /*}*/ /*}*/ .banner_bg2 { background: .png') center top no-repeat; background-size: 100% 100%; } .group_bg { background: .png'); background-color: rgba(0, 0, 0, 0); background-size: auto; background-size: 100% 100%; } @media screen and (min-width: 1441px) { /* body { width: 100%; min-width: 1440px; height: 100%; min-height: 900px; } .container { width: 100%; min-width: 1440px; min-width: 100%; height: 900px; min-height: 900px; } */ .side_nav { bottom: 100px; } .map_box .map_tab dl:nth-child(1) dd { padding-left: 20px; } .man_bg { position: relative; left: 0; width: 100%; height: 100%; } .c10 { background: 0 0 no-repeat; width: 600px; height: 800px; position: absolute; left: 101px; bottom: 0; z-index: 10; } .c11 { background: 0 0 no-repeat; width: 245px; height: 245px; position: absolute; left: 48px; top: 118px; z-index: 9; } .c12 { background: 0 0 no-repeat; width: 305px; height: 305px; position: absolute; left: 406px; bottom: -43px; z-index: 11; } .wrap { margin: 0 auto; overflow: hidden; min-width: 1002px; } .layout_head h2 { font-size: 70px; } .layout_head h3 { font-size: 30px; } .tit_1 h2 { margin: 85px auto 0; } .tit_1 h3 { margin: 8px auto 0; line-height: 94px; } .tit_2 h2 { margin: 30px auto 0; font-weight: normal; } .tit_2 h3 { margin: 8px auto 0; line-height: 40px; } .tit_3 h2 { margin: 16px 0 0; font-weight: normal; text-align: left; word-spacing: -9px; letter-spacing: -6px; } .tit_3 h3 { margin: 0 0 10px; color: #ffffff; line-height: 46px; text-align: left; } .banner_txt1 { font-size: 104px; line-height: 1.13; margin-top: 211px; height: 320px; } .banner_txt1 img { width: 100%; height: 100%; } .banner_txt2 { font-size: 18px; line-height: 1.8; margin-top: 14px; } .banner_txt3 { font-size: 16px; line-height: 8px; margin-top: 30px; } .banner_txt4 { font-size: 14px; line-height: 8px; margin-top: 25px; } .banner_btn { width: 184px; height: 42px; margin-top: 60px; } .banner_btn img { margin: 6px 0 5px 28px; } .banner_btn span { font-size: 14px; line-height: 42px; padding-left: 12px; } .advantage_box li:nth-child(odd) div p { padding-left: 23px; } .advantage_box li:nth-child(even) div p { padding-left: 55px; } .advantage_box { background-position: center 82px; z-index: 99999999; height: 581px; margin-bottom: 54px; } .advantage_box li { width: 317px; height: 142px; } .advantage_box li:nth-child(1) { left: 0; top: 26px; } .advantage_box li:nth-child(2) { right: 0; top: 26px; } .advantage_box li:nth-child(3) { left: 0; bottom: 50px; } .advantage_box li:nth-child(4) { right: 0; bottom: 50px; } .advantage_box li:nth-child(3).hover span { top: 185px; } .advantage_box li:nth-child(4).hover span { top: 185px; } .advantage_box li div h3 { font-size: 24px; line-height: 30px; padding-top: 36px; } .advantage_box li .ellipsis { width: 300px; height: 35px; line-height: 30px; box-sizing: border-box; overflow: hidden; display: inline-block; text-overflow: ellipsis; overflow: hidden; } .ellipsis-1 { display: -webkit-box; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } .advantage_box li .ellipsis p { height: auto; font-size: 14px; line-height: 20px; padding-top: 15px; margin-bottom: 4px; } .advantage_box li .ellipsis p strong { display: block; width: 70px; float: left; font-weight: normal; } .advantage_box li .ellipsis p label { display: block; width: 170px; float: left; display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 17px; } .advantage_box li.hover { height: auto; background-color: #ffffff; background-image: none; border: solid 1px #aee636; } .advantage_box li.hover .ellipsis { height: 245px !important; } .advantage_box li.hover .ellipsis p label { display: block; width: 170px; float: left; box-sizing: border-box; overflow: hidden; display: inline-block; white-space: normal; text-overflow: ellipsis; } .advantage_box li:nth-child(3) .ellipsis p label { width: 240px; } .advantage_box li:nth-child(4) .ellipsis p label { width: 240px; } .advantage_box li:nth-child(3).hover .ellipsis p label { width: 240px; } .advantage_box li:nth-child(4).hover .ellipsis p label { width: 240px; } .group_con3 dl dt { width: 115px; height: 130px; margin: 0 auto; } .group_con3 dl dt img { display: inline-block; width: 100%; } .group_con3 dl dd { margin: 0; padding: 0; text-indent: 0; font-size: 14px; line-height: 24px; padding-top: 8px; } .group_txt { bottom: -94%; font-size: 18px; } .map_box { background: center 220px no-repeat; /*opacity: 0.5;*/ height: 900px; position: relative; } .map_box .map_tab { width: 450px; height: 60px; margin: 10px auto 0; } .map_box .map_tab dl { float: left; width: 150px; } .map_box .map_tab dl dt strong { font-size: 54px; line-height: 40px; text-align: center; } .map_box .map_tab dl dt span { font-size: 19px; line-height: 40px; } .city_list li .big_city span { display: block; margin-top: 25px; line-height: 24px; font-size: 14px; color: #ffffff; } .city_list li .big_city strong { display: block; font-family: avantgardeitcbybt-book; font-size: 36px; font-weight: bold; font-stretch: normal; line-height: 36px; letter-spacing: 0px; color: #ffffff; } .city_list li { position: absolute; } .city_list li:hover { display: block; } .city_list li:nth-child(1) { left: 682px; top: 463px; } .city_list li:nth-child(2) { left: 703px; top: 470px; } .city_list li:nth-child(3) { left: 673px; top: 512px; } .city_list li:nth-child(4) { left: 720px; top: 537px; } .city_list li:nth-child(5) { left: 652px; top: 575px; } .city_list li:nth-child(6) { left: 761px; top: 590px; } .city_list li:nth-child(7) { left: 725px; top: 622px; } .city_list li:nth-child(8) { left: 785px; top: 610px; } .city_list li:nth-child(9) { left: 763px; top: 659px; } .city_list li:nth-child(10) { left: 632px; top: 517px; } .city_list li:nth-child(11) { left: 580px; top: 570px; } .city_list li:nth-child(12) { left: 544px; top: 515px; } .city_list li:nth-child(13) { left: 507px; top: 542px; } .city_list li:nth-child(14) { left: 488px; top: 463px; } .city_list li:nth-child(15) { left: 380px; top: 540px; } .city_list li:nth-child(16) { left: 236px; top: 427px; } .city_list li:nth-child(17) { left: 816px; top: 325px; } .city_list li:nth-child(18) { left: 810px; top: 388px; } .city_list li:nth-child(19) { left: 498px; top: 650px; } .city_list li:nth-child(20) { left: 566px; top: 650px; } .city_list li:nth-child(21) { left: 302px; top: 644px; } .city_list li:nth-child(22) { left: 774px; top: 423px; } .city_list li:nth-child(23) { left: 458px; top: 759px; } .city_list li:nth-child(24) { left: 675px; top: 632px; } .city_list li:nth-child(25) { left: 558px; top: 722px; } .city_list li:nth-child(26) { left: 635px; top: 706px; } .city_list li:nth-child(27) { left: 695px; top: 706px; } .city_list li:nth-child(28) { left: 750px; top: 722px; } .city_list li:nth-child(29) { left: 584px; top: 791px; } .city_list li:nth-child(30) { left: 660px; top: 762px; } .city_list li:nth-child(31) { left: 610px; top: 847px; display: none; } .city_list li:nth-child(32) { left: 650px; top: 802px; display: none; } .city_list li:nth-child(33) { left: 668px; top: 790px; display: none; } .city_list li:nth-child(34) { left: 690px; top: 783px; display: none; } .city_list li:nth-child(35) { left: 710px; top: 781px; display: none; } .city_list li:nth-child(36) { left: 803px; top: 760px; display: none; } .city_list li i { background: 0 0 no-repeat; width: 23px; height: 30px; /*box-shadow: 1px 0 3px #333;*/ } .city_list li div { display: none; } .partner_box { background: center 68px no-repeat; height: 100%; min-height: 764px; } .partner_list ul li:nth-child(1) { left: 2px; top: 36px; } .partner_list ul li:nth-child(2) { left: 443px; top: 36px; } .partner_list ul li:nth-child(3) { left: 883px; top: 36px; } .partner_list ul li:nth-child(4) { left: 223px; top: 145px; } .partner_list ul li:nth-child(5) { left: 664px; top: 145px; } .partner_list ul li:nth-child(6) { left: 443px; top: 253px; } .partner_list ul li:nth-child(7) { left: 2px; top: 362px; } .partner_list ul li:nth-child(8) { left: 773px; top: 362px; } .partner_list ul li:nth-child(9) { left: 333px; top: 470px; } } ul, ol { list-style: outside none none; /*list-style:none;*/ } #show_nav { position: fixed; left: 0; top: 0; z-index: 99999; width: 100%; height: 105px; display: block; opacity: 0.5; } /*头部--开始*/ .header { width: 100%; min-width: 1200px; /*height: 105px;*/ background: black; position: fixed; left: 0; right: 0; top: 0; z-index: 30; opacity: .7; } .header_contain { margin: 25px 120px; height: 105px; display: flex; align-items: center; align-items: center; justify-content: space-between; } /* text-indent:-99999px 是个很常见的东西,将文字向前缩进,让普通用户看不到,而搜索引擎却能看到。 */ /* background-size的contain特定值会保持图像本身的宽高比例,将图片缩放到宽度或高度正好适应定义背景的区域。 */ .header_contain .logo { background-image: .png'); width: 237px; height: 59px; text-indent: -99999px; float: left; background-size: contain; } .header_ul { float: right; /*height: 105px;*/ line-height: 80px; } .header_ul li { float: left; margin-left: 85px; height: 80px; cursor: pointer; opacity: 0.5; position: relative; } .header_ul li.lin a{ display: block; height: 100%; } .header_ul li.lin0{ margin-left: 0; } .header_ul li.header_home::after{ position: absolute; width: 1px; height: 28px; border-left: 1px solid rgba(255,255,255,0.19); right: -38px; top: 20px; content: ""; } .header_ul li:nth-last-of-type(1){ opacity: 1; } .header_ul li:hover{ opacity: 1; transform-style: preserve-3d; transition: all 1s; } .header_ul li a { font-family: '微软雅黑'; font-size: 14px; color: #dedede; display: inline-block; } /*.header_choice a,*/ /*.header_ul li:hover a {*/ /* border-bottom: 5px solid #9ed527;*/ /* color: #9ed527 !important;*/ /*}*/ .header_ul .header_home:hover a { border-bottom: 0 !important; } .header_home { line-height: 80px; } /*头部--结束*/ /* aaaaaaaaaaaaaaaaaaaaaaaaaaaaa */ .ui-header { /* width: 100%; */ min-width: 1200px; height: 130px; position: fixed; z-index: 99; /*overflow: hidden;*/ } /* .header { margin: 0 120px; height: 130px; display: flex; justify-content: space-between } */ .header .logo { width: 237px; height: 59px; } .header .logo img { width: 100%; height: 100%; } .header-nav { float: right; /*margin-top: 27px;*/ } .header-nav ul { display: table; /*这里是关键步骤:*/ margin: 0 auto; /*让ul在div中水平居中 */ height: 130px; line-height: 130px; /*垂直居中*/ } .wire { position: relative; } .wire::after { content: ""; width: 1px; height: 28px; position: absolute; top: 50%; right: 0; background: #ffffff; opacity: 0.19; transform: translate(0, -50%); } .header-nav li { float: left; /*让li浮动起来 横向排列*/ text-align: center; /*让li在ul中水平居中*/ padding: 0 34px; display: inline; font-size: 16px; position: relative; } .normally { width: 80px; height: 80px; /*background: #0068b7;*/ /*border-radius: 50%;*/ /*box-shadow: 0 0 10px #d8d8d8;*/ } .normally img { /*width: 59px;*/ /*height: 59px;*/ } .hero-image { position: relative; width: 100%; height: 100%; overflow: hidden; object-fit: cover; } .bg-title { top: 30%; left: 5%; position: absolute; } .banner_main { width: 45%; } .baneer_title { text-align: left; font-size: 78px; font-weight: bold; color: #ffffff; } .baneer_brief { text-align: left; margin-top: 90px; font-size: 40px; font-weight: 400; color: #ffffff; width: 642px; height: 213px; line-height: 86px; } .baneer_one { text-align: left; font-size: 78px; font-weight: bold; color: #ffffff; margin-bottom: 60px; } .baneer_two { text-align: left; font-size: 54px; font-weight: bold; color: #ffffff; margin-bottom: 60px; } .baneer_three { text-align: left; font-size: 24px; font-weight: 400; color: #847ebd; } .identification { width: 44%; font-size: 52px; font-weight: bold; color: #ffffff; margin-bottom: 64px; text-align: left; } .identification_one { width: 40px; height: 24px; margin-bottom: 64px; } .identification_two { width: 42%; font-size: 18px; font-weight: 600; /* color: #ffffff; */ color: rgba(255,255,255,0.49); text-align: left; } .weixin { position: relative; z-index: 1000; cursor: pointer; } .weixin_main { opacity: 0.5; } .weixin::after { background: url(/uploads/image/simg/code.png); content: ''; position: absolute; /* right: 0; */ right: -48px; z-index: 1000; width: 130px; height: 130px; border-radius: 4px; transform-origin: top right; transform: scale(0); opacity: 0; -webkit-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; display: block; background-size: cover; } .weixin:hover::after { transform: scale(1); opacity: 1; } /*第二版*/ .product { text-align: center; margin: auto; } .productone img { width: 104px; height: 116px; } .producttwo { margin-top: 37px; font-size: 40px; font-weight: 500; color: #2f2f2f; } .productthree { font-size: 21px; font-weight: 400; color: #515151; width: 40%; margin: 29px auto 0; } .productfour { margin: 94px auto 0; font-size: 21px; font-weight: 500; color: #9c9c9c; padding: 23px 50px; border-radius: 38px; border: 2px solid #cbcbcb; width: 40%; } .productmain { text-align: center; height: 100%; /*margin: auto 100px;*/ } .management { display: flex; flex-wrap: wrap; margin: auto; border-left: 1px solid #f3f3f3; width: 1px; height: 100%; } .managementlist { /*display: flex;*/ align-items: center; width: 330px; background-color: #ffffff; text-align: center; margin-top: 35px; margin-bottom: 35px; margin-right: 27px; box-shadow: 0px 15px 30px 0px rgba(0, 0, 0, 0.1); } .managementone img { width: 330px; height: 310px; } .managementtwo { font-size: 18px; font-weight: 500; color: #333333; } .managementthree { margin: 15px 0 30px; font-size: 12px; font-weight: 500; color: #999999; } /*第二版*/ /*第三版*/ .comprehend { text-align: center; /* margin-top: 100px; */ margin-top: 54px; } .comprehend_one { font-size: 24px; font-weight: 600; color: #ffffff; } .comprehend_two { margin-top: 10px; font-size: 50px; font-weight: 800; color: #ffffff; } .comprehend_style { display: flex; align-items: baseline; justify-content: center; margin-bottom: 50px; } .link-top-one { width: 20%; height: 1px; border-top: solid #acc0d8 1px; margin-left: 10px; position: relative; } .link-top-one::after{ position: absolute; top: -1px; height: 1px; width: 30px; background: #ffffff; content: ""; } .link-top-one::after{ left: 0; } .link-top-one0::after{ right: 0; left: auto; } .link-top-one0{ margin-left: 0; margin-right: 10px; } /*画一条再右边的竖线*/ .link-right-one { width: 50px; height: 20%; border-right: solid #acc0d8 1px; } /*.comprehend_two span {*/ /*display: block; !*设置为块级元素会独占一行形成上下居中的效果*!*/ /*position: relative; !*定位横线(当横线的父元素)*!*/ /*. fs(14);*/ /*text-align: center;*/ /*}*/ /*.comprehend_two span:before, .comprehend_two span:after {*/ /*content: '';*/ /*position: absolute; !*定位背景横线的位置*!*/ /*bottom: 0;*/ /*background: #8f8fba;; !*背景横线颜色*!*/ /*width: 25%; !*单侧横线的长度*!*/ /*height: 1px;*/ /*}*/ /*.comprehend_two span:before {*/ /*left: 10%; !*调整背景横线的左右距离*!*/ /*}*/ /*.comprehend_two span:after {*/ /*right: 10%;*/ /*}*/ .substance { display: flex; align-items: center; justify-content: center; margin-top: 96px; width: 100%; } .substance_left { padding-right: 20px; /* padding-left: 200px; */ padding-left: 260px; width: 50%; text-align: left; box-sizing: border-box; } .substance_left .street img{ display: block; width: 237px; } .street_one { margin-top: 45px; font-size: 18px; font-weight: 500; color: #ffffff; width: 651px; line-height: 30px; } .street_two { margin-top: 20px; font-size: 18px; font-weight: 500; color: #ffffff; width: 651px; line-height: 30px; } .street_three { /* width: 36%; */ width: 256px; box-sizing: border-box; padding: 16px 0; border-radius: 29px; border: 2px solid #ffffff; margin-top: 44px; display: flex; align-items: center; justify-content: center; } .street_three_title { font-size: 18px; font-weight: 500; color: #ffffff; letter-spacing: 2px; margin-right: 20px; } .substance_right { display: flex; margin: auto; flex-wrap: wrap; } .substance_four { margin-right: 35px; position: relative; } .substance_four img { width: 298px; height: 311px; } .substance_five { position: absolute; z-index: 100; top: 116px; left: 45px; text-align: left; } .substance_five_title { font-size: 24px; font-weight: 500; color: #ffffff; } .substance_five_biref { margin-top: 20px; display: flex; align-items: center; } .substance_five_biref a{ display: flex; align-items: center; } .substance_five_main { font-size: 18px; font-weight: 500; color: #ffffff; letter-spacing: 2px; margin-right: 8px; } .substance_five_img img { width: 17px; height: 8px; } .eventual { background: linear-gradient(270deg, #5ea729 0%, #0099e0 50%, #007bbf 100%); position: absolute; bottom: 0; z-index: 10000; padding: 0 20px; box-sizing: border-box; width: 100%; /* display: flex; */ /* align-items: center; */ overflow: hidden; } .eventual .wrap0{ display: flex; align-items: center; } .eventual_title { /* padding: 36px 140px; */ padding: 36px 0 36px 240px; /* padding-left: 240px; */ box-sizing: border-box; /* margin: 0 20px; */ /* width: 25%; */ float: left; } .eventual_one { font-size: 30px; font-weight: 500; color: #ffffff; position: relative; } .eventual_one::after { position: absolute; content: ""; left: 0%; bottom: -8px; height: 2px; width: 15%; background-color: #ffffff; z-index: 22; } .eventual_two { margin-top: 20px; font-size: 16px; font-weight: 400; color: #c6cbea; } .partner { background: center center no-repeat; /*background-size: auto;*/ /* background-size: 100% 100%; */ background-size: cover; height: 100%; position: relative; /*background-image: ;*/ /*height: 830px;*/ /*width: 100%;*/ /*background-size: cover;*/ /*background-position: center;*/ /*background-color: #ddd;*/ /*position: relative;*/ /*display: table;*/ } /*第三版*/ /*第四版*/ .enterprise_first { /*padding: 134px 0 106px;*/ /* padding: 130px 0 110px; */ /* padding: 120px 0 110px;. */ position: relative; width: 100%; left: 0; top: 50%; transform: translatey(-50%); -webkit-transform: translatey(-50%); -moz-transform: translatey(-50%); -ms-transform: translatey(-50%); -o-transform: translatey(-50%); margin: 0 auto; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; } .container{ width: 100%; height: 100%; position: relative; } .enterprise { /*padding-left: 50px;*/ text-align: center; margin: 0 260px; /* background: #0f2041; */ background: rgba(15, 32, 65, 0.5); /* opacity: 0.5; */ } .enterprise_two { font-size: 50px; font-weight: 800; color: #ffffff; z-index: 200; } .enterprise_one { margin-top: 50px; font-size: 24px; font-weight: 600; color: #ffffff; z-index: 200; } .technology image { } .enterprise_style { display: flex; align-items: baseline; justify-content: center; margin-bottom: 50px; } .link-top { width: 20%; height: 1px; border-top: solid #acc0d8 1px; margin-left: 10px; } /*画一条再右边的竖线*/ .link-right { width: 50px; height: 20%; border-right: solid #acc0d8 1px; } .enterprise_list { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; } .enterprisemain { /* width: 352px; */ width: 33.333333%; height: 260px; /* padding-left: 50px; */ /* padding-right: 50px; */ padding-bottom: 20px; /*background-color: white;*/ line-height: 20px; font-size: 14px; text-align: center; cursor: pointer; box-sizing: border-box; } .technology img { width: 60px; height: 60px; z-index: 1000; } .technology_one { margin-top: 24px; font-size: 14px; font-weight: 400; color: #ffffff; } .technology_two { margin-top: 10px; font-size: 18px; font-weight: 400; color: #ffffff; line-height: 30px; } /*第四版*/ /*第五版 */ .partner_bg { background: center center no-repeat; background-size: 100% 100%; height: 100%; } .finallymain { text-align: center; margin: 0 auto; } .finally_one { padding-top: 260px; } .finally_one img { width: 442px; height: 110px; } .finallyimg { margin-top: 116px; display: flex; align-items: center; justify-content: center; position: relative; } .weibo{ position: relative; opacity: 0.5; } .weibo:hover,.weixin:hover{ opacity: 1; transform-style: preserve-3d; transition: all 1s; } .finallyimg .weibo::after{ position: absolute; right: 35px; top: 0; width: 1px; height: 28px; opacity: 0.19; border-left: 1px solid #ffffff; content: ""; } .finallyimg a{ display: block; } .weibo img { width: 32px; height: 26px; margin-right: 70px; } .weixin_main img { width: 32px; height: 26px; } .finally_two { margin-top: 83px; font-size: 18px; font-weight: 400; color: #8c97ac; } .finally_three { font-size: 16px; font-weight: 400; color: #8c97ac; margin-top: 27px; } .finally_three a{ color: #8c97ac; } .lastly { margin-top: 27px; display: flex; align-items: center; justify-content: center; } .lastly_img img { width: 19px; height: 21px; margin-right: 2px; } .lastly_title { font-size: 16px; font-weight: 400; color: #bcbcbc; letter-spacing: 1px; } /*第五版 */ #menu { width: 50px; margin: 0; padding: 0; position: fixed; bottom: 45px; list-style-type: none; z-index: 70; margin: 0 auto; left: 50%; transform: translatex(-50%); -webkit-transform: translatex(-50%); -moz-transform: translatex(-50%); -ms-transform: translatex(-50%); -o-transform: translatex(-50%); cursor: pointer; } #menu li { float: left; margin: 0; font-size: 14px; } #menu a { display: block; float: left; padding: 0; margin: 0 auto; width: 50px; height: 50px; overflow: hidden; text-indent: 99999; text-decoration: none; background-size: 100% 100%; background: url(/uploads/image/simg/back_top.png) center center no-repeat; } #menu .active a { /* color: #fff; background-color: #333;*/ width: 40px; height: 40px; /* background: center center no-repeat; */ background: center center no-repeat; background-size: 100% 100%; } #fp-nav.fp-right { /* right: 17px; */ right: 5px; } /*菜单栏*/ /*.titlebar {*/ /*display: inline-block;*/ /*position: relative;*/ /*}*/ .prompt { display: none; position: absolute; background: #000000; opacity: 0.9; width: 45%; z-index: 2000; right: 0; height: 100%; padding: 0 75px; } .returned { margin-top: 84px; display: flex; align-items: center; justify-content: space-between; } .returnedmain { padding: 11px 25px; display: flex; align-items: center; cursor: pointer; border-radius: 26px; border: 2px solid #555555; } .returnedimg img { width: 11px; height: 21px; margin-right: 10px; } .returnedtitle { font-size: 21px; font-weight: 500; color: #555555; } .returned_fine { width: 59px; height: 59px; background: #0068b7; border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; } .returned_fine img { width: 20px; height: 20px; } .grading { margin-top: 58px; } .titlebar:hover .prompt { display: block; } .grading_list { padding: 30px 0px; /* display: flex; */ /* align-items: center; */ /* justify-content: space-between; */ position: relative; border-bottom: 2px solid #252525;; } .gradingimg{ position: absolute; top: 50%; transform: translatey(-50%); -webit-transform: translatey(-50%); -moz-transform: translatey(-50%); -ms-transform: translatey(-50%); -o-transform: translatey(-50%); right: 0; } .gradingtitle{ width: 100%; } .grading_list a{ display: block; color: #fff; } .gradingtitle { font-size: 24px; font-weight: 500; color: #f9fdfd; } .gradingimg img { width: 11px; height: 21px; } /*菜单栏*/ /* 产品展示 */ .index_product{ width: 100%; display: flex; } .index_product .pro_intro{ flex: 700; height: 100vh; text-align: center; box-sizing: border-box; border-right: 1px solid #f3f3f3; position: relative; } .index_product .pro_intro div,.index_product .pro_intro img{ display: block; margin: 0 auto; } .index_product .pro_intro img{ width: 104px; margin-top: 104px; } .index_product .pro_intro .hover_show{ width: 543px; height: 100%; position: absolute; top: 0; left: 145px; background: linear-gradient(180deg, #0085cc 0%, rgba(89, 206, 254, 0.85) 0%, rgba(73, 195, 92, 0.26) 100%); } .index_product .pro_intro .hover_show .title,.index_product .pro_intro .hover_show .intro,.index_product .pro_intro .hover_show .read_more{ color: #fff; } .index_product .pro_intro .title{ font-size: 40px; font-family: pingfangsc-medium, pingfang sc; font-weight: 500; color: #2f2f2f; line-height: 56px; padding: 37px 0 29px; } .index_product .pro_intro .intro{ width: 372px; font-size: 21px; font-family: pingfangsc-regular, pingfang sc; font-weight: 400; color: #515151; line-height: 30px; } .index_product .pro_intro .read_more{ width: 183px; height: 75px; line-height: 73px; box-sizing: border-box; border-radius: 38px; border: 2px solid #cbcbcb; font-size: 21px; margin-top: 94px; font-family: pingfangsc-medium, pingfang sc; font-weight: 500; color: #9c9c9c; cursor: pointer; } .index_product .pro_intro .read_more a{ display: block; color: #9c9c9c; } .index_product .pro_intro .hover_show .read_more a{ color: #fff; } .index_product .pro_intro .wrap_img{ display: none; position: absolute; bottom: 0; left: 118px; width: auto; } .index_product .pro_intro .hover_show .read_more{ border-color: #fff; margin-top: 10px; } .index_product .pro_intro .hover_show,.index_product .pro_intro:hover .default_show{ display: none; } .index_product .pro_intro:hover .hover_show,.index_product .pro_intro:hover .wrap_img{ display: block; } .index_product .pro_intro:hover{ border-color: transparent; } .index_product .pro_intro .hover_show img{ margin-top: 70px; } .index_product .pro_intro ul{ width: 280px; margin: 50px auto 0; } .index_product .pro_intro ul li{ color: #f9fdfd; line-height: 48px; border-top: 1px solid #fff; } .index_product .pro_intro ul li a{ display: block; text-decoration: none; font-size: 16px; font-family: pingfangsc-medium, pingfang sc; font-weight: 500; color: #f9fdfd; } .index_product .pro_list{ flex: 1220; height: 100vh; position: relative; } .index_product .pro_list .list{ position: absolute; left: 0; top: 50%; transform: translatey(-50%); -webkit-transform: translatey(-50%); -moz-transform: translatey(-50%); -ms-transform: translatey(-50%); -o-transform: translatey(-50%); } .index_product .pro_list ul{ width: 100%; padding: 0 122px 0 55px; box-sizing: border-box; overflow: hidden; } .index_product .pro_list ul li{ float: left; width: 31.6%; padding: 20px 0 0; padding-left: 2.6%; } .index_product .pro_list ul li:nth-child(3n 1){ padding-left: 0; } .index_product .pro_list ul li img{ display: block; width: 100%; height: 310px; object-fit: cover; } .index_product .pro_list ul li .inner{ width: 100%; background: #ffffff; box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.05); } .index_product .pro_list ul li:nth-child(-n 3){ border-bottom: 1px solid #f3f3f3; padding-bottom: 25px; padding-top: 1px; } .index_product .pro_list ul li .p-1{ font-size: 18px; margin-top: 5px; font-family: pingfangsc-medium, pingfang sc; font-weight: 500; color: #333333; line-height: 25px; } .index_product .pro_list ul li .word{ padding-bottom: 30px; text-align: center; } .index_product .pro_list ul li .p-2{ width: 126px; height: 34px; font-size: 12px; font-family: pingfangsc-medium, pingfang sc; font-weight: 500; color: #999999; line-height: 17px; margin: 15px auto 0; } .banner,.banner img{ display: block; width: 100%; } .banner{ position: relative; } .banner .con{ width: 100%; left: 0; bottom: 122px; position: absolute; } .banner .con img{ width: 794px; margin: 0 auto; } .banner .con .word{ width: 100%; position: absolute; text-align: center; bottom: 311px; left: 0; color: #fff; font-weight: bold; } .banner .con .word .p-1{ font-size: 72px; font-family: pingfangsc-medium, pingfang sc; font-weight: 500; color: #ffffff; line-height: 100px; } .banner .con .word .p-2{ margin-top: 30px; font-size: 60px; font-family: pingfangsc-semibold, pingfang sc; font-weight: 600; color: #ffffff; line-height: 84px; letter-spacing: 10px; } /* 产品展示 */ .product_display{ width: 100%; background: #f5f5f5; padding-bottom: 54px; } .wrap{ width: 1600px; margin: 0 auto; } .current_location ul{ padding: 32px 0 33px; } .current_location ul,.current_location ul li,.current_location ul li a{ display: flex; align-items: center; /* line-height: 98px; */ } .current_location ul img{ width: 12px; margin-right: 10px; } .current_location ul .home{ width: 25px; margin-right: 15px; } .current_location ul li span{ font-family: pingfangsc-regular, pingfang sc; font-weight: 400; color: #666666; line-height: 33px; margin-right: 10px; } .clear{ clear: both; } .product_list{ width: 100%; background: #fff; padding: 79px 0 91px; } .product_list .left{ width: 28.875%; float: left; box-sizing: border-box; padding: 0 60px 0 54px; border: 1px solid #fef7ee; } .product_list .left .title{ font-size: 24px; font-family: pingfangsc-medium, pingfang sc; font-weight: 600; color: #ef7c10; line-height: 70px; text-align: center; border-bottom: 3px solid #f8b551; position: relative; } .product_list .left .title img{ display: block; position: absolute; left: 50%; transform: translatex(-50%); -webkit-transform: translatex(-50%); -moz-transform: translatex(-50%); -ms-transform: translatex(-50%); -o-transform: translatex(-50%); width: 12px; bottom: -9px; } .product_list .left ul{ padding-top: 15px; } .product_list .left ul li{ width: 100%; position: relative; padding-left: 63px; box-sizing: border-box; color: #626262; font-size: 21px; font-family: pingfangsc-medium, pingfang sc; font-weight: 500; margin-top: 25px; line-height: 29px; cursor: pointer; } .product_list .left ul li::after{ width: 8px; height: 8px; background: #f8b551; border-radius: 50%; position: absolute; left: 29px; content: ""; top: 50%; transform: translatey(-50%); -webkit-transform: translatey(-50%); -moz-transform: translatey(-50%); -ms-transform: translatey(-50%); -o-transform: translatey(-50%); display: none; } .product_list .left ul li.active,.product_list .left ul li:hover{ color: #0068b7; } .product_list .left ul li.active::after,.product_list .left ul li:hover::after{ display: block; } .product_list .right{ width: 71.125%; float: left; padding-right: 104px; box-sizing: border-box; } .product_list .right .list ul li{ width: 100%; position: relative; padding-left: 330px; box-sizing: border-box; height: 311px; border-bottom: 1px solid #ededed; } ul.pagination{ width: 100%; text-align: center; margin-top: 50px; overflow: hidden; /* display: flex; align-items: center; justify-content: center; */ } ul.pagination li{ width: 55px; height: 55px; box-sizing: border-box; line-height: 53px; padding-left: 0; border-radius: 50%; border-bottom-color: #3c3c46; border: 1px solid #3c3c46; display: inline-block; vertical-align: middle; cursor: pointer; font-size: 21px; float: none; margin-left: 10px; } /* ul.pagination li:nth-child(2n 1){ margin-left: 14px !important; } */ ul.pagination li:first-child{ margin-left: 0; } ul.pagination li a,ul.pagination li span{ display: block; color: #3c3c46; } ul.pagination li.active{ border-color: #eb7d13; color: #eb7d13; /* border-bottom-color: #eb7d13 !important; */ } ul.pagination li.active a,ul.pagination li.active span{ color: #eb7d13; } .product_list .right .list ul li .pic{ position: absolute; left: 0; top: 0; } .product_list .right .list ul li .pic img{ display: block; width: 330px; height: 310px; object-fit: cover; } .product_list .right .list ul li .word{ width: 100%; padding-top: 40px; } .product_list .right .list ul li .word .p-1{ font-size: 21px; font-family: pingfangsc-medium, pingfang sc; font-weight: 500; color: #333333; line-height: 29px; } .product_list .right .list ul li .word .p-2{ font-size: 16px; font-family: pingfangsc-regular, pingfang sc; font-weight: 400; color: #6b6b6b; line-height: 22px; margin-top: 20px; } .product_list .right .list ul li .word .btn{ width: 140px; height: 50px; line-height: 48px; display: flex; align-items: center; justify-content: center; box-sizing: border-box; border-radius: 30px; border: 2px solid #000000; margin-top: 40px; cursor: pointer; } .product_list .right .list ul li .word .btn img{ width: 11px; display: block; margin-left: 10px; } .product_list .right .list ul li .word .btn .img2,.product_list .right .list ul li.active .word .btn .img1,.product_list .right .list ul li:hover .word .btn .img1{ display: none; } .product_list .right .list ul li.active .word .btn .img2,.product_list .right .list ul li:hover .word .btn .img2{ display: block; } .product_list .right .list ul li.active .word .btn,.product_list .right .list ul li:hover .word .btn{ background: #0068b7; border-color: #0068b7; color: #fff; } /* 底部 */ .footer{ position: relative; } .footer .wrap_img{ display: block; width: 100%; /* position: absolute; */ /* left: 0; */ /* top: 0; */ /* height: 100%; */ object-fit: cover; } .footer .finallymain{ width: 100%; position: absolute; left: 0; top: 50%; transform: translatey(-50%); -webkit-transform: translatey(-50%); -moz-transform: translatey(-50%); -o-transform: translatey(-50%); -ms-transform: translatey(-50%); } .footer .finallymain .finally_one{ padding-top: 0; } /* 产品展示内容详情 */ .prodtct_con_model{ width: 100%; position: fixed; left: 0; top: 0; right: 0; bottom: 0; box-sizing: border-box; padding-top: 79px; z-index: 100000; overflow-y: scroll; display: none; } .prodtct_con_model::-webkit-scrollbar { display: none; } .prodtct_con_model .close{ width: 100%; background: rgba(0,0,0,0.79); height: 79px; position: fixed; left: 0; top: 0; z-index: 100000; } .prodtct_con_model .inner{ width: 100%; background: #fff; padding: 79px 0 135px; } .prodtct_con_model .returned_fine{ top: 10px; right: 45px; position: fixed; cursor: pointer; } .wrap0{ width: 1400px; margin: 0 auto; } .prodtct_con_model .con_top{ width: 100%; position: relative; padding-left: 497px; box-sizing: border-box; height: 429px; } .prodtct_con_model .con_top .pic{ position: absolute; left: 0; top: 0; } .prodtct_con_model .con_top .pic img{ width: 457px; height: 429px; display: block; object-fit: cover; } .prodtct_con_model .con_top .word{ width: 100%; padding-top: 67px; } .prodtct_con_model .con_top .word .p-1{ font-size: 36px; font-family: pingfangsc-medium, pingfang sc; font-weight: 500; color: #1c1b30; line-height: 50px; } .prodtct_con_model .con_top .word .p-2{ font-size: 24px; font-family: pingfangsc-regular, pingfang sc; font-weight: 400; color: #363648; line-height: 40px; width: 90%; margin-top: 46px; text-align: justify; } .prodtct_con_model .tab_top{ position: relative; margin: 159px 0 77px; } .prodtct_con_model .tab_top::after{ width: 100%; content: ""; position: absolute; left: 0; bottom: 0; height: 2px; background: #ececed; } .prodtct_con_model .tab_top,.prodtct_con_model .tab_top ul{ width: 100%; overflow: hidden; } .prodtct_con_model .tab_top ul li{ width: 259px; line-height: 80px; float: left; text-align: center; background: #e5e5e5; font-size: 21px; cursor: pointer; font-family: pingfangsc-medium, pingfang sc; font-weight: 500; color: #333333; } .prodtct_con_model .tab_top ul li.active,.prodtct_con_model .tab_top ul li:hover{ background: #0068b7; color: #fff; } .prodtct_con_model .tab_list{ display: none; } .prodtct_con_model .tab_list.focus{ display: block; } .prodtct_con_model .tab_list .title{ font-size: 36px; font-family: pingfangsc-medium, pingfang sc; font-weight: 500; color: #1c1b30; line-height: 50px; padding-bottom: 30px; } /* 产品优势 */ .banner .con0 img{ width: 945px; } .advantage_con{ padding-bottom: 132px; } .advantage_con,.advantage_con .wrap{ width: 100%; display: block; position: relative; } .advantage_con .wrap_img{ display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; z-index: 10; } img{ max-width: 100%; } .advantage_con .inner{ width: 100%; position: relative; z-index: 11; } .advantage_con .inner{ width: 100%; padding-top: 100px; color: #fff; } .advantage_con .inner .top{ width: 100%; overflow: hidden; } .advantage_con .inner .top .left{ font-size: 48px; font-family: pingfangsc-regular, pingfang sc; font-weight: 400; color: #ffffff; line-height: 67px; float: left; } .advantage_con .inner .top .right{ float: right; display: flex; align-items: center; justify-content: center; } .advantage_con .inner .top .right img,.advantage_con .inner .top span{ display: block; } .advantage_con .inner .top .right img{ width: 17px; margin-right: 6px; } .advantage_con .eng_pro{ width: 100%; font-size: 60px; font-family: pingfangsc-semibold, pingfang sc; font-weight: 600; color: #3a568d; line-height: 84px; letter-spacing: 10px; padding: 30px 0 20px; border-bottom: 2px #8cabc8 solid; } .advantage_con .intro{ font-size: 21px; font-family: pingfangsc-regular, pingfang sc; font-weight: 400; color: #ffffff; line-height: 29px; padding: 63px 0; } .advantage_con .last{ width: 100%; padding-top: 22px; background: rgba(159, 202, 255, 0.14); } .advantage_con .last .l_top{ width: 100%; width: 1400px; border-bottom: 1px #8cabc8 solid; padding-bottom: 100px; } .advantage_con .last .l_top ul{ display: flex; width: 75%; margin: 0 auto; } .advantage_con .last .l_top ul:nth-child(2){ width: 100%; } .advantage_con .last .l_top ul li{ flex: 1; text-align: center; margin-top: 65px; } .advantage_con .last .l_top ul li img{ width: 100px; display: block; margin: 0 auto 25px; } .advantage_con .last .l_top ul li .p-1{ font-size: 24px; font-family: pingfangsc-regular, pingfang sc; font-weight: 400; color: #ffffff; line-height: 33px; } .advantage_con .last .l_top ul li .p-2{ font-size: 14px; font-family: pingfangsc-regular, pingfang sc; font-weight: 400; color: #ffffff; line-height: 20px; } .advantage_con .last .l_foot{ width: 100%; padding: 113px 40px 79px 93px; box-sizing: border-box; overflow: hidden; } .advantage_con .l_foot .left{ width: 33.1%; float: left; } .advantage_con .l_foot .left .pic{ background: #486ba7; width: 100%; } .advantage_con .l_foot .left img{ display: block; margin: 0 auto; } .advantage_con .l_foot .left .pic:first-child{ padding: 30px 0 219px; } .advantage_con .l_foot .left .pic:nth-child(2){ padding-bottom: 80px; } .advantage_con .l_foot .left .pic:nth-child(3){ margin-top: 10px; padding: 46px 0 31px; } .advantage_con .l_foot .right{ width: 66.9%; float: left; padding-left: 36px; box-sizing: border-box; } .advantage_con .l_foot .right .title{ display: flex; align-items: center; height: 33px; font-size: 24px; font-family: pingfangsc-medium, pingfang sc; font-weight: 500; color: #ffffff; line-height: 33px; margin-top: 21px; } .advantage_con .l_foot .right .title:first-child{ margin-top: 9px; } .advantage_con .l_foot .right .title0{ margin-top: 51px; } .advantage_con .l_foot .right .t-1{ display: block; width: 15px; height: 2px; background: #ffffff; } .advantage_con .l_foot .right .num{ padding: 0 9px 0 16px; } .advantage_con .l_foot .right .con{ width: 100%; box-sizing: border-box; padding-left: 64px; font-size: 16px; margin-top: 11px; font-family: pingfangsc-regular, pingfang sc; font-weight: 400; color: #ffffff; line-height: 30px; } /* 企业业绩 */ .enterprise_performance{ position: relative; width: 100%; } .enterprise_performance .banner{ padding-bottom: 69px; } .enterprise_performance .wrap_img,.about_main .wrap_img,.enterprise_spirit .wrap_img{ display: block; width: 100%; height: 100%; object-fit: cover; position: absolute; left: 0; top: 0; z-index: 10; } .enterprise_sort{ width: 100%; position: relative; z-index: 11; } .enterprise_sort .tab_top ul{ width: 100%; padding-top: 140px; display: grid; grid-template-columns: repeat(3, 1fr); justify-content: space-between; } .enterprise_sort .tab_top ul li{ font-size: 24px; text-align: center; font-family: pingfangsc-regular, pingfang sc; font-weight: 400; color: #8facc1; line-height: 33px; padding: 50px 0 28px; cursor: pointer; position: relative; height: 113px; box-sizing: border-box; } .enterprise_sort .tab_top ul li::after{ bottom: -2px; height: 2px; width: 412px; background: #8facc1; content: ""; } .enterprise_sort .tab_list ul li:nth-child(3n 1){ margin-left: 0; } .enterprise_sort .tab_top ul li img{ display: none; bottom: -8px; width: 412px; } .enterprise_sort .tab_top ul li img,.enterprise_sort .tab_top ul li::after{ position: absolute; left: 50%; transform: translatex(-50%); -webkit-transform: translatex(-50%); -moz-transform: translatex(-50%); -ms-transform: translatex(-50%); -o-transform: translatex(-50%); } .enterprise_sort .tab_top ul li.active img,.enterprise_sort .tab_top ul li:hover img{ display: block; } .enterprise_sort .tab_top ul li.active,.enterprise_sort .tab_top ul li:hover{ color: #fff; } .enterprise_sort .tab_top ul li.active::after,.enterprise_sort .tab_top ul li:hover::after{ display: none; } .enterprise_sort .tab_list{ width: 100%; margin-top: 60px; } .enterprise_sort .tab_list ul li{ width: 31.5%; float: left; margin-left: 2.75%; cursor: pointer; } .enterprise_sort .tab_list ul li .word{ width: 100%; background: #fff; height: 140px; box-sizing: border-box; padding: 41px 30px 41px 45px; font-size: 21px; font-family: pingfangsc-medium, pingfang sc; font-weight: 500; color: #333333; line-height: 29px; } .enterprise_sort .tab_list ul li:hover .word{ color: #004d93; } /* 关于我们 */ .about_main .banner{ padding-bottom: 117px; } .about_con{ width: 100%; position: relative; z-index: 11; /* padding-top: 100px; */ padding-top: 184px; color: #ffffff; } .about_con .title{ width: 100%; position: relative; padding-bottom: 45px; border-bottom: 2px solid #4770a1; } .about_con .title .p-1{ font-size: 48px; font-family: pingfangsc-regular, pingfang sc; font-weight: 400; color: #ffffff; line-height: 67px; } .about_con .title .eng{ margin-top: 46px; font-size: 48px; font-family: pingfangsc-medium, pingfang sc; font-weight: 500; color: #5579a7; line-height: 36px; letter-spacing: 8px; } .about_con .title .right{ position: absolute; right: 0; bottom: 45px; font-size: 21px; font-family: sourcehansanssc-regular, sourcehansanssc; font-weight: 400; color: #f4f4f4; line-height: 30px; text-align: center; border-top: 1px solid #fff; border-bottom: 1px solid #fff; padding: 15px 0 16px; } .about_con .title .right .p-2{ height: 17px; font-size: 12px; font-family: sourcehansanssc-regular, sourcehansanssc; font-weight: 400; color: #f4f4f4; line-height: 17px; margin-top: 7px; } .about_con .about_intro{ padding-top: 50px; display: flex; } .about_con .about_intro .left{ flex: 968; padding-right: 35px; box-sizing: border-box; text-align: justify; } .about_con .about_intro .left .p-1{ font-size: 18px; font-family: pingfangsc-medium, pingfang sc; font-weight: 500; color: #ffffff; line-height: 30px; } .about_con .about_intro .left .word{ width: 100%; padding-right: 36px; box-sizing: border-box; } .about_con .about_intro .left .p-2{ font-size: 16px; margin-top: 28px; font-family: pingfangsc-regular, pingfang sc; font-weight: 400; color: #ffffff; line-height: 30px; } .about_con .about_intro .left .pic{ width: 100%; position: relative; padding-top: 68px; } .about_con .about_intro .left .pic img{ position: relative; z-index: 10; display: block; } .about_con .about_intro .left .pic::after{ width: 928px; height: 453px; background: #456fa5; position: absolute; left: 40px; top: 39px; content: ""; z-index: 1; } .about_con .about_intro .right{ flex: 432; } .about_con .right .top{ width: 432px; height: 488px; background: #2654b9; border: 2px solid #b5d8ff; box-sizing: border-box; padding: 0 66px; } .about_con .right .top ul li{ margin-top: 25px; text-align: center; padding-bottom: 24px; border-bottom: 1px solid rgba(255, 255, 255, .1); } .about_con .right .top ul li:nth-last-of-type(1){ border-bottom: 0; } .about_con .right .top ul li .p-1{ font-size: 21px; font-family: sourcehansanssc-regular, sourcehansanssc; font-weight: 400; color: #f4f4f4; line-height: 30px; } .about_con .right .top ul li .p-2{ font-size: 12px; font-family: sourcehansanssc-regular, sourcehansanssc; font-weight: 400; color: #a0b3cc; line-height: 17px; } .about_con .right .top ul li .p-20{ margin-top: 7px; } .about_con .right .foot{ width: 100%; background: #2667a1; padding: 18px 56px 49px; box-sizing: border-box; } .about_con .right .foot ul li{ width: 100%; margin-top: 30px; position: relative; } .about_con .right .foot ul li p{ display: inline-block; position: relative; background: #2667a1; z-index: 10; padding-right: 11px; font-size: 14px; font-family: sourcehansanssc-regular, sourcehansanssc; font-weight: 400; color: #f4f4f4; line-height: 20px; } .about_con .right .foot ul li::after{ position: absolute; left: 0; top: 50%; transform: translatey(-50%); -webkit-transform: translatey(-50%); -moz-transform: translatey(-50%); -ms-transform: translatey(-50%); -o-transform: translatey(-50%); content: ""; width: 100%; border-top: 1px dashed #668cb6; } .about_con .title0 .eng{ color: #fff; } .about_con .title0{ margin-top: 147px; border-bottom-color: #fff; } .about_con .about_adv{ width: 100%; font-size: 18px; padding: 53px 0 98px; font-family: pingfangsc-medium, pingfang sc; font-weight: 500; color: #ffffff; line-height: 30px; text-align: justify; } .about_con .adv_list ul{ width: 100%; display: flex; } .about_con .adv_list ul li{ flex: 1; height: 299px; text-align: center; margin-left: 14px; padding: 49px 50px 0; box-sizing: border-box; background: rgba(0, 133, 204, 0.79); } .about_con .adv_list ul li:first-child{ margin-left: 0; } .about_con .adv_list ul li .p-1{ font-size: 36px; font-family: pingfangsc-medium, pingfang sc; font-weight: 500; color: #ffffff; line-height: 50px; } .about_con .adv_list ul li .p-2{ width: 121px; font-size: 16px; font-family: pingfangsc-regular, pingfang sc; font-weight: 400; color: rgba(255,255,255,0.5); line-height: 22px; margin: 6px auto 25px; } .about_con .adv_list ul li .p-3{ width: 240px; font-size: 16px; font-family: pingfangsc-regular, pingfang sc; font-weight: 400; color: #ffffff; line-height: 25px; margin: 0 auto; } .about-main2 { height: 914px; width: 100%; overflow: hidden; background: url(/uploads/image/simg/lc_bg.png); background-size: cover; } .about-main2 .wrap0{ height: 100%; position: relative; } .about-main2 .licheng-bg { background-color: rgba(255, 255, 255, .8); width: 100%; height: 100%; position: relative; } .about-main2 .licheng-bg img { height: 518px; position: absolute; bottom: 0px; left: 0; width: 100%; } .about-main2 .ny-title { padding-top: 61px; } .about-main2 .ny-title .p-1{ display: flex; align-items: center; font-size: 18px; font-family: pingfangsc-regular, pingfang sc; font-weight: 400; color: #0c52c1; line-height: 25px; } .about-main2 .ny-title .p-1 img{ width: 18px; height: 14px; position: static; left: 0; top: 0; margin-right: 6px; } .ny-title .title-en { font-size: 36px; font-family: pingfangsc-semibold, pingfang sc; font-weight: 600; color: #b8b8b8; line-height: 50px; } .ny-title .title-ch { margin: 10px 0 19px; font-size: 28px; font-family: pingfangsc-medium, pingfang sc; font-weight: 500; color: #494949; line-height: 40px; } .ny-title i { display: block; width: 50px; height: 2px; background: #d8d8d8; } .about-main2 .licheng-content { position: absolute; width: 100%; /* height: 100%; */ height: 707px; } .about-main2 .licheng-content .swiper-wrapper,.about-main2 .licheng-content .swiper-slide,.about-main2 .licheng-content ul { width: 100%; height: 100%; } .about-main2 .licheng-content ul li { width: 20%; float: left; height: 100%; } .about-main2 .licheng-content ul li a { display: block; width: 100%; position: relative; height: 320px } .about-main2 .licheng-content ul li .date { color: #0a3875; font-size: 30px; } .about-main2 .licheng-content ul li.item1 .line,.about-main2 .licheng-content ul li.item3 .line,.about-main2 .licheng-content ul li.item5 .line { margin-bottom: 30px; } .about-main2 .licheng-content ul li.item2 .line,.about-main2 .licheng-content ul li.item4 .line { margin-top: 30px; } .about-main2 .licheng-content ul li.item1 .line:after,.about-main2 .licheng-content ul li.item3 .line:after,.about-main2 .licheng-content ul li.item5 .line:after { width: 25px; height: 25px; background-color: rgba(10, 56, 117, 0.8); display: block; content: ""; border-radius: 50%; text-align: center; vertical-align: middle; position: absolute; } .about-main2 .licheng-content ul li.item2 .line:before,.about-main2 .licheng-content ul li.item4 .line:before { width: 25px; height: 25px; background-color: rgba(10, 56, 117, 0.8); display: block; content: ""; border-radius: 50%; text-align: center; vertical-align: middle; position: absolute; } .about-main2 .licheng-content ul li .lc-left { position: absolute; } .about-main2 .licheng-content ul li .line { height: 250px; width: 1px; display: block; background-color: #0a3875; position: relative; left: 30px; } .about-main2 .licheng-content ul li .lc-right { position: absolute; left: 30px; width: 400px; height: 100%; display: table; } .about-main2 .licheng-content ul li.item5 .lc-right { width: 200px; } .about-main2 .licheng-content ul li.item2 .lc-right,.about-main2 .licheng-content ul li.item4 .lc-right { width: 400px; } .about-main2 .licheng-content ul li .lc-right .right-text { padding: 20px; display: table-cell; vertical-align: middle; } .about-main2 .licheng-content ul li.item1 a { top: 50px; } .about-main2 .licheng-content ul li.item1 .lc-left .line:after { bottom: -25px; left: -11px; } .about-main2 .licheng-content ul li.item1 .lc-right { bottom: 68px; } .about-main2 .licheng-content ul li.item2 a { top: 258px; } .about-main2 .licheng-content ul li.item2 .lc-left .line:before { top: -25px; left: -11px; } .about-main2 .licheng-content ul li.item2 .lc-right { top: 80px; } .about-main2 .licheng-content ul li.item3 a { top: 136px; } .about-main2 .licheng-content ul li.item3 .lc-left .line:after { bottom: -25px; left: -11px; } .about-main2 .licheng-content ul li.item3 .lc-right { bottom: 100px; } .about-main2 .licheng-content ul li.item4 a { top: 278px; } .about-main2 .licheng-content ul li.item4 .lc-left .line:before { top: -25px; left: -11px; } .about-main2 .licheng-content ul li.item4 .lc-right { top: 70px; } .about-main2 .licheng-content ul li.item5 a { top: 99px; } .about-main2 .licheng-content ul li.item5 .lc-left .line:after { bottom: -25px; left: -11px; } .about-main2 .licheng-content ul li.item5 .lc-right { bottom: 100px; } .about-main2 .licheng-content .right-text h3 { font-size: 24px; margin-bottom: 10px; } .about-main2 .licheng-content .right-text p { font-size: 16px; } .about-main2 .swiper-button-next,.about-main2 .swiper-button-prev{ height: 30px; width: 30px; bottom: 217px; padding: 0; } .about-main2 .swiper-button-prev{ left: 0; right: auto; } .about-main2 .swiper-button-next{ background: url(/uploads/image/simg/right.png); background-size: 100% 100%; } .about-main2 .swiper-button-prev{ background: url(/uploads/image/simg/left.png); background-size: 100% 100%; } .about-main2 .swiper-button-prev:after,.about-main2 .swiper-container-rtl .swiper-button-next:after,.about-main2 .swiper-button-next:after,.about-main2 .swiper-container-rtl .swiper-button-prev:after{ display: none; } .enterprise_spirit{ position: relative; width: 100%; } .enterprise_spirit .wrap_img{ display: block; width: 100%; } .enterprise_spirit .inner{ width: 100%; position: relative; z-index: 11; padding: 0 0 270px; } .service_area .inner{ padding-bottom: 159px; } .about_outlook .inner{ padding-bottom: 88px; } .about_honor .inner{ padding-bottom: 122px; } .honor_list .inner{ padding-bottom: 135px; } .enterprise_spirit .about_con{ position: static; left: 0; top: 0; } .enterprise_spirit .about_con .title .eng{ font-size: 60px; font-family: pingfangsc-semibold, pingfang sc; font-weight: 600; color: #87a6c2; line-height: 84px; letter-spacing: 10px; margin-top: 30px; } .enterprise_spirit .about_con .title { padding-bottom: 20px; border-color: #8cabc8; } .about_con .title .logo_con{ position: absolute; right: 0; top: 0; display: flex; align-items: center; font-size: 18px; font-family: pingfangsc-regular, pingfang sc; font-weight: 400; color: #ffffff; line-height: 25px; } .about_con .title .logo_con img{ display: block; width: 14px; margin-right: 6px; } .about_con .title .logo_con span{ opacity: 0.9; } .enterprise_spirit .spirit_con{ width: 1400px; padding: 120px 0; margin-top: 80px; text-align: center; color: #fff; font-size: 48px; font-family: pingfangsc-regular, pingfang sc; font-weight: 400; color: #ffffff; line-height: 67px; background: rgba(219, 235, 255, 0.2); } .enterprise_spirit .spirit_con .p-2{ font-size: 24px; font-family: pingfangsc-regular, pingfang sc; font-weight: 400; color: #ffffff; line-height: 33px; margin-top: 15px; } .enterprise_spirit .spirit_con .p-10{ margin-top: 60px; } .enterprise_spirit .spirit_con ul li{ width: 100%; /* display: flex; */ /* align-items: center; */ font-size: 24px; font-family: pingfangsc-medium, pingfang sc; font-weight: 500; color: #ffffff; line-height: 33px; padding-left: 80px; box-sizing: border-box; text-align: left; overflow: hidden; margin-top: 50px; } .enterprise_spirit .spirit_con ul li:nth-child(3){ margin-top: 68px; } .enterprise_spirit .spirit_con ul li .line{ width: 30px; height: 2px; background: #ffffff; margin-right: 15px; margin-top: 24px; } .enterprise_spirit .spirit_con ul li .num{ font-size: 36px; margin-right: 28px; font-family: pingfangsc-semibold, pingfang sc; font-weight: 600; color: #ffffff; line-height: 50px; } .enterprise_spirit .spirit_con ul li .con{ width: 903px; margin-top: 8px; } .enterprise_spirit .spirit_con ul li p{ float: left; } .enterprise_spirit .outlook_con{ width: 100%; background: #fff; margin-top: 80px; text-align: center; padding: 112px 0 98px; font-size: 24px; font-family: pingfangsc-regular, pingfang sc; font-weight: 400; color: #999999; line-height: 33px; } .enterprise_spirit .outlook_con img{ display: block; width: 424px; margin: 0 auto; } .enterprise_spirit .outlook_con .p-1{ margin-top: 79px; font-size: 48px; font-family: pingfangsc-semibold, pingfang sc; font-weight: 600; color: #333333; line-height: 67px; } /* 联系我们 */ .contact_us{ width: 100%; background: #222329; padding: 171px 0 121px; } .contact_us .con{ width: 100%; display: flex; } .contact_us .con .pic{ flex: 529; position: relative; } .contact_us .con .pic .wrap_img{ display: block; width: 100%; height: 100%; object-fit: cover; } .contact_us .con .pic .contact_infor{ position: absolute; left: 0; top: 0; width: 100%; padding: 93px 0 0 91px; box-sizing: border-box; color: #fff; font-size: 21px; font-family: pingfangsc-regular, pingfang sc; font-weight: 400; color: #ffffff; line-height: 35px; } .contact_us .con .pic .logo{ display: block; width: 173px; } .contact_us .con .pic ul{ padding-top: 23px; } .contact_us .con .pic ul li{ width: 308px; margin-top: 40px; } .contact_us .con .pic ul li .p-1{ font-size: 14px; font-family: pingfangsc-regular, pingfang sc; font-weight: 400; color: #a8acb9; line-height: 28px; letter-spacing: 1px; margin-bottom: 3px; } .contact_us .con .word{ flex: 871; background: #fff; } .contact_us .con .word .inner{ width: 100%; padding: 80px 99px 0 102px; box-sizing: border-box; } .contact_us .con .word .p-1{ font-size: 42px; font-family: pingfangsc-regular, pingfang sc; font-weight: 400; color: #222228; line-height: 59px; } .contact_us .con .word .p-2{ margin-top: 11px; font-size: 14px; font-family: pingfangsc-regular, pingfang sc; font-weight: 400; color: #4f5362; line-height: 24px; } .contact_us .con .word ul{ width: 100%; padding-top: 22px; } .contact_us .con .word ul li{ width: 100%; display: flex; margin-top: 21px; } .contact_us .con .word ul li .p-3{ font-size: 14px; padding-left: 16px; font-family: pingfangsc-regular, pingfang sc; font-weight: 400; color: #a8acb9; line-height: 28px; letter-spacing: 1px; margin-bottom: 11px; } .contact_us .con .word ul li .name{ flex: 1; margin-left: 30px; } .contact_us .con .word ul li .name:first-child{ margin-left: 0; } .contact_us .con .word ul li .inp{ height: 42px; background: #eff0f4; border-radius: 100px; border: 0; padding-left: 21px; box-sizing: border-box; width: 100%; display: block; line-height: 42px; outline: none; } .contact_us .con .word ul li .inner0{ display: block; flex: 1; } .contact_us .con .word ul li .inner0 textarea{ height: 198px; background: #eff0f4; border-radius: 10px; resize:none; font-family: montserrat-light, montserrat; } .contact_us .con .word .btn{ width: 320px; height: 50px; background: #0068b7; border-radius: 99px; margin: 74px auto 0; text-align: center; color: #fff; line-height: 50px; cursor: pointer; font-size: 14px; } .model{ width: 400px; height: 200px; line-height: 200px; text-align: center; font-size: 16px; color: #fff; background: rgba(0,0,0,0.5); position: fixed; left: 50%; top: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); display: none; } /* 招聘 */ .recruit_center{ width: 100%; background: #f5f5f5; padding: 77px 0 110px; } .recruit_center .about_con{ position: relative; padding-top: 0; } .recruit_center .about_con .title .p-1{ color: #333333; } .recruit_center .about_con .title .eng{ color: #dedede; } .recruit_center .about_con .title{ border-color: #dedede;; } .recruit_center .about_con .title .logo_con{ color: #333333; } .recruit_center .post_list{ width: 100%; background: #fff; margin-top: 30px; padding-bottom: 111px; } .recruit_center .post_list .top{ display: flex; width: 1400px; border-bottom: 2px solid #b0b0b0; } .recruit_center .post_list .top .con{ flex: 1; text-align: center; line-height: 100px; font-size: 21px; font-family: pingfangsc-medium, pingfang sc; font-weight: 500; color: #333333; } .recruit_center .post_list .top .con:first-child{ text-align: left; padding-left: 40px; flex: 0.6; } .recruit_center .post_list ul li .top{ border-bottom: 0; padding-top: 20px; } .recruit_center .post_list ul li .top .con{ font-size: 18px; font-family: pingfangsc-medium, pingfang sc; font-weight: 500; color: #0068b7; line-height: 25px; } .recruit_center .post_list ul li .foot,.recruit_center .post_list >.inner{ width: 100%; padding-left: 40px; box-sizing: border-box; } .recruit_center .post_list ul li .foot .inner:nth-last-of-type(1){ width: 100%; padding-bottom: 20px; border-bottom: 2px solid #dedede; } .recruit_center .post_list .p-1{ font-size: 26px; font-family: pingfangsc-medium, pingfang sc; font-weight: 500; color: #333333; line-height: 37px; } .recruit_center .post_list .p-2{ font-size: 16px; margin-top: 25px; font-family: pingfangsc-regular, pingfang sc; font-weight: 400; color: #333333; line-height: 40px; } .recruit_center .post_list .inner .con .p-1{ color: #0068b7; margin-top: 20px; } .recruit_center .post_list ul li .foot .inner{ margin-top: 30px; } .recruit_center .post_list ul li .foot .inner:first-child{ margin-top: 20px; } .honor_list{ position: relative; width: 100%; margin-top: 80px; } .honor_list .inner{ padding-top: 0; } .honor_list .wrap_img{ display: block; width: 100%; } .honor_list .swiper_title{ width: 100%; text-align: center; padding: 80px 0 45px; } .honor_list .swiper_title:first-child{ padding-top: 76px; } .honor_list .swiper_title .p-1{ font-size: 36px; font-family: pingfangsc-medium, pingfang sc; font-weight: 500; color: #ffffff; line-height: 50px; } .honor_list .swiper_title .p-2{ font-size: 21px; opacity: 0.49; font-family: pingfangsc-medium, pingfang sc; font-weight: 500; color: #ffffff; line-height: 29px; margin-top: 20px; } .honor_list .swiper_list{ position: relative; padding: 0 30px; box-sizing: border-box; } .honor_list .swiper_list .swiper-slide{ background: #fff; padding: 10px; box-sizing: border-box; } .honor_list .swiper-container{ padding-top: 15px; } .honor_list .swiper_list .swiper-button-next,.honor_list .swiper_list .swiper-button-prev{ background: #fff; } .honor_list .swiper_list .swiper-button-next:after,.honor_list .swiper_list .swiper-container-rtl .swiper-button-prev:after,.honor_list .swiper_list .swiper-button-prev:after,.honor_list .swiper_list .swiper-container-rtl .swiper-button-next:after{ color: #000000; } .honor_list .swiper_list .swiper-button-next,.honor_list .swiper_list .swiper-button-prev{ width: calc(var(--swiper-navigation-size) / 55 * 45); bottom: 180px; outline: none; } .honor_list .swiper_list .swiper-button-next { right: -56px; } .honor_list .swiper_list .swiper-button-prev { left: -56px; } .honor_list .swiper_list .swiper-button-next:hover,.honor_list .swiper_list .swiper-button-prev:hover{ background: #004097; } .honor_list .swiper_list .swiper-button-next:hover:after,.honor_list .swiper_list .swiper-container-rtl .swiper-button-prev:hover:after,.honor_list .swiper_list .swiper-button-prev:hover:after,.honor_list .swiper_list .swiper-container-rtl .swiper-button-next:hover:after{ color: #fff; } .honor_list .swiper_list0 .swiper-button-next,.honor_list .swiper_list0 .swiper-button-prev{ width: calc(var(--swiper-navigation-size) / 55 * 45); bottom: 114px; outline: none; } .honor_list .swiper_list .swiper-slide:hover{ transform: translatey(-15px); transform-style: preserve-3d; transition: all 1s; } .recruitment_list{ display: none; } @media screen and (max-width: 1768px) { .index_product .pro_list ul li img{ height: 280px; } .index_product .pro_list ul li .word { padding-bottom: 15px; } .index_product .pro_list ul li .p-2 { margin: 6px auto 0; } /* .index_product .pro_intro .default_show{ display: none; } .index_product .pro_intro .hover_show{ display: block; } */ .index_product .pro_intro .hover_show { left: 70px; } .index_product .pro_intro ul li { line-height: 46px; } .index_product .pro_intro .hover_show img { margin-top: 55px; } .index_product .pro_intro .title { padding: 28px 0 18px; } .index_product .pro_intro ul { margin: 30px auto 0; } .index_product .pro_intro .read_more { height: 64px; line-height: 62px; } .index_product .pro_intro .wrap_img { left: 46px; } .comprehend { margin-top: 50px; } .substance { margin-top: 70px; } .enterprisemain{ height: auto; /* width: 376px; */ /* width:; */ /* padding-left: 20px; */ /* padding-right: 20px; */ } .enterprise_first{ /* padding-top: 60px; */ } .returned,.grading { margin-top: 50px; } .grading_list { padding: 28px 0px; } } @media screen and (max-width: 1680px) { .eventual_title{ padding-left: 234px; } } @media screen and (max-width: 1600px) { .index_product .pro_list ul li img { height: 249px; } .index_product .pro_intro img { width: 90px; margin-top: 70px; } .index_product .pro_intro .hover_show { left: 50px; } .index_product .pro_intro .hover_show img { margin-top: 36px; } .index_product .pro_intro .title { padding: 20px 0 10px; } .index_product .pro_intro .intro { font-size: 18px; line-height: 28px; } .index_product .pro_intro ul { margin: 20px auto 0; } .index_product .pro_intro .hover_show .read_more { margin-top: 0; } .comprehend { margin-top: 20px; } .comprehend_style{ margin-bottom: 0; } .substance { margin-top: 30px; } .enterprise_list{ display: block; overflow: hidden; } .enterprisemain{ /* width: 33.3333%; */ float: left; } .enterprise_one { margin-top: 20px; } .enterprise_first { /* padding-top: 33px; */ } .returned, .grading { margin-top: 30px; } .grading_list { padding: 26px 0px; } .wrap{ width: 1460px; } .banner .con img { width: 640px; } .product_list .left ul li { padding-left: 49px; } .eventual_title { padding: 36px 0 36px 220px; } .street_one,.street_two{ width: auto; } .street_two{ margin-top: 8px; } .street_three { margin-top: 22px; } .street_one{ margin-top: 25px; } .eventual_title{ width: 25%; padding-left: 10%; box-sizing: border-box; } .banner .con .word .p-2 { font-size: 50px; margin-top: 0; } .banner .con .word .p-1 { font-size: 66px; } .banner .con .word { bottom: 211px; } .about_con { padding-top: 166px; } } @media screen and (max-width: 1480px) { .index_product .pro_intro .hover_show{ width: 90%; } .eventual_title { padding: 36px 0 36px 192px; } .substance_left { padding-left: 100px; } .technology_two { font-size: 15px; } .wrap{ width: 1300px; } .wrap0,.advantage_con .last .l_top,.enterprise_spirit .spirit_con,.recruit_center .post_list .top{ width: 1200px; } .product_list .left ul li { padding-left: 38px; font-size: 18px; } .product_list .left ul li::after { left: 12px; } .header_nav.active { padding: 21px 60px; } .header_nav.header_nav0{ padding-right: 60px; } .about_con .about_intro .left .pic::after { width: 728px; height: 406px; } .about_con .adv_list ul li{ padding: 49px 0; } .enterprise_spirit .inner { padding: 0 0 100px; } .service_area .inner{ padding-bottom: 80px; } .finally_one { padding-top: 190px; } .banner .con { bottom: 60px; } .banner .con .word{ bottom: 200px; } .contact_us .con .word .inner{ padding:60px 99px 40px 102px; } .contact_us .con .word .btn{ margin-top: 40px; } .index_product .pro_list ul{ padding: 0 50px; } } @media screen and (max-width: 1366px) { .baneer_title,.baneer_one{ font-size: 36px; } .identification { font-size: 28px; margin-bottom: 49px; } .identification_two,.baneer_three{ font-size: 16px; } .baneer_brief { margin-top: 50px; font-size: 26px; height: auto; line-height: 47px; } .baneer_two{ font-size: 24px; } .index_product .pro_list ul li img{ height: 204px; } .index_product .pro_list ul li:nth-child(-n 3) { padding-bottom: 16px; } .index_product .pro_list ul li{ padding-top: 16px; } .index_product .pro_list ul li .word { padding-bottom: 6px; } .index_product .pro_list ul li .p-1{ margin-top: 0; } .index_product .pro_intro img { width: 76px; margin-top: 70px; } .index_product .pro_intro .title { font-size: 35px; line-height: 42px; } .index_product .pro_intro ul li:nth-last-of-type(1){ display: none; } .index_product .pro_intro .title { padding: 12px 0 10px; } .index_product .pro_intro .intro { font-size: 16px; line-height: 24px; } .index_product .pro_intro .hover_show .read_more{ margin-top: 6px; } .index_product .pro_intro .read_more { height: 54px; line-height: 52px; } .eventual{ padding: 0; } .eventual_title { padding: 16px 0 16px 130px; } .substance_left { padding-left: 40px; } .street_one ,.street_two{ margin-top: 27px; font-size: 14px; line-height: 22px; width: 100%; } .street_two{ margin-top: 10px; } .enterprise { margin: 0 100px; } .technology_two { font-size: 12px; line-height: 24px; } .technology_one { margin-top: 10px; } .comprehend_style { margin-bottom: 42px; } .finally_one { /* margin-top: 90px; */ padding-top: 170px; } .returned, .grading { margin-top: 14px; } .grading_list { padding: 20px 0px; } .gradingtitle { font-size: 20px; font-weight: 500; color: #f9fdfd; } .banner .con img { width: 500px; } .banner .con .word { bottom: 200px; } .banner .con .word .p-1 { font-size: 50px; line-height: 70px; } .banner .con .word .p-2 { margin-top: 10px; font-size: 32px; line-height: 32px; } .wrap,.wrap0,.advantage_con .last .l_top,.enterprise_spirit .spirit_con,.recruit_center .post_list .top{ width: 1100px; } .advantage_con .l_foot .right .title{ font-size: 22px } .advantage_con ,.about_main .banner,.service_area .inner,.recruit_center .post_list,.recruit_center{ padding-bottom: 70px; } .advantage_con .last .l_foot{ padding-bottom: 60px; } .about_con .adv_list ul li { height: 250px; padding: 20px 0 0; } .enterprise_spirit .about_con .title .eng { font-size: 50px; line-height: 68px; margin-top: 20px; } .enterprise_spirit .inner { padding: 0 0 100px; } .about_con { /* padding-top: 66px; */ } .enterprise_spirit .spirit_con{ padding: 60px 0 80px; } .enterprise_spirit .outlook_con{ padding: 76px 0; } .recruit_center .post_list .top .con { line-height: 80px; font-size: 18px; } .recruit_center .post_list ul li .top .con { font-size: 16px; line-height: 25px; } .contact_us .con .word .btn{ margin-top: 40px; } .contact_us .con .word .inner{ padding-top: 40px; padding-bottom: 40px; } .contact_us .con .pic .contact_infor{ padding: 50px 0 0 50px; } .contact_us{ padding-bottom: 90px; } #menu a{ height: 30px; width: 30px; background-size: 100% 100%; } .enterprise_sort .tab_top ul li::after,.enterprise_sort .tab_top ul li img{ width: 300px; } .about_con .about_intro .left .pic::after { width: 628px; height: 346px; } .about_con .right .top ul li { margin-top: 18px; padding-bottom: 18px; } .about_con .right .top{ height: 448px; } .about_con .right .foot ul li { margin-top: 23px; } .about_con .about_adv { padding: 50px 0; } .about_con .adv_list ul li .p-1 { font-size: 30px; } .about_con .adv_list ul li .p-2 { font-size: 12px; line-height: 18px; margin: 6px auto 16px; } .about_con .adv_list ul li .p-3 { font-size: 14px; line-height: 22px; } .eventual_title{ padding-left: 5%; } .substance_four >img{ width: 270px; height: auto; } .substance { padding-top: 0; } .comprehend { margin-top: 20px; } } @media screen and (max-width: 1280px) { .substance_four>img { width: 266px; height: 277px; } .eventual_one { font-size: 26px; } .advantage_con .last .l_top{ padding-bottom: 60px; } .advantage_con .last .l_foot{ padding-top: 76px; } .enterprise_sort .tab_top ul li::after,.enterprise_sort .tab_top ul li img{ width: 300px; } } @media screen and (max-width: 1152px) { .substance_four>img { width: 250px; height: 260px; } .eventual_title { padding: 20px 0 20px 108px; } .wrap, .wrap0, .advantage_con .last .l_top, .enterprise_spirit .spirit_con, .recruit_center .post_list .top { width: 990px; } .about_con { padding-top: 130px; } .about_con .about_intro .left .pic::after { width: 518px; height: 285px; } .about_con .right .foot ul li { margin-top: 17px; } .recruit_center .post_list ul li .top .con { font-size: 14px; } } @media screen and (max-width: 1024px) { .substance_four>img { width: 220px; height: 230px; } .comprehend { margin-top: 66px; } .index_product .pro_list ul { padding: 0 30px; } .index_product .pro_intro img { margin-top: 120px; } } @media screen and (max-width: 768px) { .index_product .pro_intro img { margin-top: 70px; } .index_product .pro_list .list { position: relative; left: 0; top: 0; transform: translatey(0); -webkit-transform: translatey(0); -moz-transform: translatey(0); -ms-transform: translatey(0); -o-transform: translatey(0); } .baneer_title, .baneer_one { font-size: 32px; } .banner_main { width: 47%; } .index_product .pro_intro:hover .hover_show,.index_product .pro_intro:hover .wrap_img,.index_product .pro_list ul li,.product_list .left{ display: none; } .index_product .pro_intro:hover .default_show,.index_product{ display: block; } .index_product .pro_intro:hover{ border-color: #f3f3f3; } .index_product .pro_intro,.index_product .pro_list{ height: auto; } .index_product .pro_list ul{ padding: 50px 50px 0; } .index_product .pro_intro .read_more { margin-top: 40px; } .index_product .pro_list ul li:nth-child(-n 3){ display: block; border-bottom: 0; } .substance_four>img { width: 157px; height: 163px; } .substance_five{ top: auto; bottom: 14px; } .substance_five_title { font-size: 20px; } .substance_five_biref { margin-top: 12px; } .substance_five_main{ font-size: 14px; } .eventual_title{ padding: 20px 0; } .eventual_title{ width: 25%; padding-left: 16px; box-sizing: border-box; } .eventual_one { font-size: 20px; } .eventual_two { font-size: 14px; } .substance { margin-top: 94px; } .partner{ background-size: cover; } .enterprise { margin: 0 22px; } .enterprisemain{ padding-left: 10px; padding-right: 10px; } .comprehend_style { margin-bottom: 0; } .enterprise_first { /* padding-top: 90px; */ } .header_nav.active { padding: 21px 30px; } .header_nav.header_nav0 { padding-right: 30px; } .banner .con img { width: 300px; } .banner .con .word .p-1 { font-size: 38px; line-height: 56px; } .banner .con .word .p-2 { font-size: 22px; line-height: 28px; } .banner .con .word { bottom: 109px; } .wrap, .wrap0, .advantage_con .last .l_top, .enterprise_spirit .spirit_con, .recruit_center .post_list .top { width: 100%; /* padding: 0 15px; */ /* box-sizing: border-box; */ } .banner .con { bottom: 35px; } .product_list .right{ width: 100%; padding: 0 15px; } .current_location,.prodtct_con_model .tab_list{ width: 100%; padding: 0 15px; box-sizing: border-box; } .product_display{ padding-bottom: 0; } .product_list { padding: 50px 0 70px; } .prodtct_con_model .inner { padding: 50px 0 100px; } .prodtct_con_model .con_top .pic img { width: 420px; height: 394px; } .prodtct_con_model .con_top{ padding-left: 440px; } .prodtct_con_model .con_top .word .p-1 { font-size: 28px; } .prodtct_con_model .con_top .word .p-2 { font-size: 18px; line-height: 36px; margin-top: 20px; } .prodtct_con_model .tab_top { position: relative; margin: 70px 0; } .prodtct_con_model .tab_top ul li { width: 220px; line-height: 70px; } .footer { padding-bottom: 66px; } .finally_one { padding-top: 90px; } .advantage_con{ padding: 0 20px; box-sizing: border-box; } .advantage_con .eng_pro { font-size: 34px; line-height: 58px; padding: 20px 0 16px; } .advantage_con .inner { padding-top: 50px; } .advantage_con .inner .top .left ,.about_con .title .p-1{ font-size: 40px; line-height: 54px; } .advantage_con .intro { font-size: 16px; padding: 40px 0; } .advantage_con .last .l_top ul li { margin-top: 40px; } .advantage_con .last .l_top ul li img { width: 80px; margin: 0 auto 18px; } .advantage_con .last .l_top ul li .p-1 { font-size: 20px; line-height: 33px; } .advantage_con .last .l_top ul li .p-2 { font-size: 12px; height: 40px; } .advantage_con .last .l_top { padding-bottom: 24px; } .advantage_con .last .l_foot { padding: 83px 16px 74px; } .advantage_con .l_foot .right .title { font-size: 16px; margin-top: 0; } .advantage_con .l_foot .right .con { width: 100%; font-size: 14px; line-height: 30px; } .advantage_con .l_foot .left .pic:nth-child(2) { padding-bottom: 96px; } .enterprise_sort .tab_top ul li::after, .enterprise_sort .tab_top ul li img { width: 200px; } .enterprise_sort .tab_list ul li .word { height: auto; padding: 15px; font-size: 16px; line-height: 28px; } .enterprise_sort .tab_list{ padding: 0 15px; box-sizing: border-box; } .enterprise_sort .tab_top ul li { font-size: 22px; line-height: 33px; padding: 35px 0 13px; height: 81px; } .about_con .title .eng { margin-top: 18px; font-size: 36px; line-height: 36px; } .about_con .title{ padding-left: 15px; padding-right: 15px; padding-bottom: 30px; box-sizing: border-box; } .about_con .title .logo_con { right: 22px; font-size: 16px; } .recruit_center{ padding-top: 40px; padding-bottom: 0; } .contact_us .con{ display: block; } .contact_us .con .pic .wrap_img { position: absolute; left: 0; top: 0; } .contact_us .con .pic .contact_infor ,.contact_us .con .word .inner{ padding: 50px; position: relative; } .contact_us .con .pic .contact_infor{ font-size: 18px; } .contact_us .con .pic ul { padding-top: 23px; overflow: hidden; } .contact_us .con .pic ul li { margin-top: 30px; float: left; width: 50%; } .about_con .about_intro,.about_con .about_adv{ display: block; padding-left: 20px; padding-right: 20px; box-sizing: border-box; } .about_con .about_intro .left{ width: 95%; padding: 0; display: block; } .about_con .about_intro .left .word{ padding: 0; } .about_con .about_intro .left .pic::after { width: 100%; height: 84%; } .about_con .about_intro .right{ width: 100%; overflow: hidden; padding-top: 30px; } .about_con .right .top,.about_con .right .foot{ height: auto; width: 48%; float: left; box-sizing: border-box; border: 0; } .about_con .right .foot{ margin-left: 4%; } .about_con .right .top{ padding: 0; } .about_con .right .top ul li .p-1 { font-size: 16px; } .about_con .title0 { margin-top: 58px; } .about_con .adv_list ul li .p-3{ width: 84%; margin: 0 auto; text-align: justify; } .about-main2{ display: none; } .about_con .adv_list ul li .p-2{ height: 36px; } .about_con .adv_list ul li { margin-left: 10px; } .about_con .adv_list ul li{ height: 230px; } .advantage_con, .about_main .banner, .service_area .inner, .recruit_center .post_list, .recruit_center { padding-bottom: 50px; } .about_con { padding-top: 60px; } .enterprise_spirit .spirit_con{ font-size: 32px; } .enterprise_spirit .spirit_con .p-2 { font-size: 16px; line-height: 25px; margin-top: 0; } .enterprise_spirit .spirit_con .p-10 { margin-top: 30px; } .enterprise_spirit .spirit_con { padding: 40px 0 60px; } .enterprise_spirit .spirit_con{ margin-top: 60px; } .enterprise_spirit .inner { padding: 0 0 70px; } .enterprise_spirit .spirit_con ul li { font-size: 18px; line-height: 24px; padding-left: 50px; margin-top: 20px; } .enterprise_spirit .outlook_con img { width: 300px; } .enterprise_spirit .outlook_con { padding: 50px 0; } .enterprise_spirit .outlook_con .p-1 { margin-top: 44px; font-size: 32px; line-height: 58px; } .enterprise_spirit .outlook_con{ font-size: 18px; } .honor_list .inner { width: 88%; margin: 0 auto; } .honor_list .swiper_list .swiper-button-next, .honor_list .swiper_list .swiper-button-prev{ padding: 0; } .honor_list .swiper_list .swiper-button-next, .honor_list .swiper_list .swiper-button-prev{ bottom: auto; top: 50%; transform: translatey(-50%); -webkit-transform: translatey(-50%); -moz-transform: translatey(-50%); -ms-transform: translatey(-50%); -o-transform: translatey(-50%); margin-top: 15px; } .honor_list .swiper_list .swiper-button-next { right: -30px; } .honor_list .swiper_list .swiper-button-prev{ left: -30px; } .honor_list .swiper_title .p-1 { font-size: 30px; line-height: 30px; } .honor_list .swiper_title .p-2 { font-size: 16px; margin-top: 10px; } .honor_list .swiper_title { padding: 56px 0 20px; } .about_main .about_con { padding-top: 145px; } .advantage_con .inner .top .left, .about_con .title .p-1 { font-size: 34px; line-height: 42px; } .about_con .title .eng ,.enterprise_spirit .about_con .title .eng{ font-size: 28px; line-height: 28px; } .about_con .title .right{ display: none; } .enterprise_spirit .spirit_con ul li .con{ width: 100%; } .enterprise_spirit .spirit_con ul li:nth-child(3){ margin-top: 20px; } .about_con .title .logo_con { font-size: 14px; } .enterprise_spirit .spirit_con ul li .num { font-size: 30px; } .enterprise_spirit .spirit_con ul li .line { width: 24px; } .technology_two p{ height: 24px; overflow: hidden; } .substance_left { width: 100%; padding: 0 30px; } .substance_right{ display: none; } ul.pagination li { width: 40px; height: 40px; line-height: 38px; font-size: 16px; margin-left: 6px; } } @media screen and (max-width: 767px) { .swiper-container-horizontal > .banner_pagination.swiper-pagination-bullets{ display: none; } .finally_one img { width: 80%; height: auto; display: block; margin: 0 auto; } .header_ul li{ width: 40px; } .header_nav{ box-sizing: border-box; } .header_ul,.header_ul li,.header_home{ height: auto; line-height: normal; } .header_ul li { margin-left: 14px; } .header_nav .logo img{ width: 120px; } .header_ul{ display: flex; align-items: center; } .header_nav.active { padding: 21px 20px; } .header_nav.header_nav0 { padding-right: 20px; } .identification,.identification_two,.banner_main{ width: 74%; } .identification { font-size: 20px; margin-bottom: 28px; line-height: 36px; } .identification_one { width: 24px; height: 21px; margin-bottom: 24px; } .baneer_title, .baneer_one { font-size: 30px; } .baneer_brief{ width: 100%; } .baneer_brief { font-size: 16px; line-height: 36px; } .baneer_three{ color: #ffffff; } .fp-tablecell { vertical-align: middle; } .substance_right,.eventual{ display: none; } .substance_left{ width: 100%; } .comprehend_two { font-size: 26px; } .comprehend_one { font-size: 20px; } .substance { margin-top: 70px; } .comprehend_style { margin-bottom: 70px; } .street_three{ margin: 44px auto 0; } .enterprisemain{ display: none; } .enterprisemain:nth-child(-n 4){ display: block; width: 50%; } .enterprise_first { /* padding-top: 74px; */ } .enterprise{ margin: 0; } .prompt { width: 76%; padding: 0 20px; } .returned_fine { width: 40px; height: 40px; } .returnedmain { padding: 4px 25px; } .returnedimg img { width: 9px; height: auto; margin-top: 3px; } .returnedtitle,.gradingtitle { font-size: 18px; } .banner .con,.header_line{ display: none; } .current_location ul { padding: 18px 0; } .product_list .right .list ul li{ padding-left: 0; height: auto; } .product_list .right .list ul li .pic{ position: relative; width: 100%; } .product_list .right .list ul li .pic img{ height: auto; width: 100%; } .product_list .right .list ul li .word .btn { width: 128px; height: 44px; line-height: 44px; margin: 20px 0; font-size: 16px; } .product_list .right .list ul li .word .btn img{ width: 8px; } .header_ul li a img{ width: 24px !important; height: auto !important; } .index_product .pro_list ul{ padding: 0 20px; } .index_product .pro_list ul li,.index_product .pro_list ul li:nth-child(-n 3){ display: none; } .index_product .pro_list ul li:nth-child(-n 2){ display: block; } .index_product .pro_list ul li{ width: 48%; margin-left: 2%; padding: 0; } .index_product .pro_list ul li:nth-child(2n 1){ margin-left: 0; } .index_product .pro_intro .read_more { margin-top: 20px; } .index_product .pro_intro img { margin-top: 0; } .index_product .pro_list{ padding-top: 28px; } .footer .wrap_img{ position: absolute; left: 0; top: 0; height: 100%; } .footer .finallymain{ position: relative; top: 0; transform: translatey(0); -webkit-transform: translatey(0); -moz-transform: translatey(0); -ms-transform: translatey(0); -o-transform: translatey(0); } .finally_one img { width: 70%; } .finallyimg ,.finally_two{ margin-top: 60px; } .footer { padding: 66px 0; } .advantage_con .inner .top .right,.advantage_con .last .l_top ul li .p-2,.advantage_con .last .l_foot{ display: none; } .advantage_con .eng_pro { font-size: 24px; line-height: 34px; } .advantage_con .last .l_top ul li img { width: 50px; } .advantage_con .last .l_top ul { width: 80%; } .advantage_con .last .l_top ul li .p-1 { font-size: 14px; line-height: 30px; } .advantage_con .last .l_top ul li { margin-top: 20px; } .enterprise_sort .tab_top ul { width: 100%; padding-top: 140px; display: grid; grid-template-columns: repeat(2, 1fr); } .enterprise_sort .tab_top ul li::after, .enterprise_sort .tab_top ul li img { width: 80%; } .enterprise_sort .tab_top ul { padding-top: 86px; } .enterprise_sort .tab_top ul li { font-size: 18px; line-height: 33px; padding: 25px 0 3px; height: 61px; } .enterprise_sort .tab_list { margin-top: 18px; } .enterprise_sort .tab_list ul li{ width: 48%; margin-left: 4% !important; margin-top: 18px; } .enterprise_sort .tab_list ul li:nth-child(2n 1){ margin-left: 0 !important; } .enterprise_performance .banner { padding-bottom: 40px; } .contact_us .con .pic ul li{ width: 100%; margin-top: 20px; } .contact_us .con .word ul li{ display: block; } .contact_us .con .word ul li .name{ width: 100%; margin-left: 0; margin-top: 20px; } .contact_us .con .pic .contact_infor, .contact_us .con .word .inner { padding: 20px; } .contact_us { padding-top: 96px; } .contact_us .con .word ul { padding-top: 0; } .about_con .title .logo_con{ display: none; } .about_con .about_intro .left,.about_con .right .top, .about_con .right .foot{ margin-left: 0; width: 100%; } .about_con .about_intro, .about_con .about_adv{ padding-top: 30px; } .about_con .about_intro .left .pic::after { height: 74%; } .about_con .right .foot { padding: 18px 26px 49px; } .about_con .title .eng, .enterprise_spirit .about_con .title .eng { font-size: 22px; line-height: 22px; letter-spacing: 6px; } .about_con .title0 { margin-top: 34px; } .advantage_con .inner .top .left, .about_con .title .p-1 { font-size: 28px; line-height: 36px; } .about_con .adv_list ul{ display: block; overflow: hidden; padding:0 20px; box-sizing: border-box; } .about_con .adv_list ul li{ width: 48%; float: left; margin-left: 4%; margin-top: 16px; } .about_con .adv_list ul li:nth-child(2n 1){ margin-left: 0; } .about_con .adv_list ul li { height: 250px; padding: 10px 0 0; } .about_con .about_adv{ font-size: 16px; padding-bottom: 20px; } .enterprise_spirit .spirit_con{ font-size: 18px; line-height: 44px; } .enterprise_spirit .spirit_con { margin-top: 30px; padding: 30px 0 40px; } .enterprise_spirit .spirit_con .p-10 { margin-top: 20px; } .enterprise_spirit .inner { padding: 0 0 40px; } .about_con { padding-top: 40px; } .enterprise_spirit .spirit_con ul li{ padding: 0 20px; font-size: 16px; } .enterprise_spirit .spirit_con ul li .con,.enterprise_spirit .spirit_con ul li:first-child,.enterprise_spirit .outlook_con{ margin-top: 0; } .enterprise_spirit .outlook_con img { width: 200px; } .enterprise_spirit .outlook_con .p-1 { margin-top: 26px; font-size: 24px; } .enterprise_spirit .outlook_con{ font-size: 16px; line-height: 26px; } .substance { padding-top: 0; margin-top: 0; } .comprehend_style { margin-bottom: 56px; } .returned_fine img { width: 14px; height: 14px; } .prodtct_con_model .con_top{ padding-left: 0; height: auto; padding: 0 20px; box-sizing: border-box; } .prodtct_con_model .con_top .pic{ position: relative; left: 0; top: 0; width: 100%; } .prodtct_con_model .con_top .word .p-1 { font-size: 24px; } .prodtct_con_model .con_top .word .p-2{ width: 100%; font-size: 16px; line-height: 30px; margin-top: 10px; } .prodtct_con_model .tab_top { margin: 40px 0; } .prodtct_con_model .tab_top ul li { width: 40%; line-height: 54px; font-size: 18px; } .banner .con{ display: block; bottom: 0; } .banner .con img,.banner .con .word .p-2,.swiper-container-vertical > .swiper-pagination-bullets{ display: none; } .banner .con .word{ bottom: 44px; } .about_main .about_con { padding-top: 100px; } .about_main .about_con { overflow: hidden; } .header_ul li a#titlebar img{ height: 40px !important; width: 40px !important; } .enterprise_sort .tab_list ul li .word{ padding: 6px; font-size: 14px; height: 72px; line-height: 20px; } .recruit_center .about_con .title .eng{ font-size: 18px; } .recruit_center .post_list ul li .foot, .recruit_center .post_list >.inner{ padding-left: 0; } .recruit_center{ padding-bottom: 0; } .recruit_center .post_list .top,.recruit_center .post_list ul li .top{ display: none; } .recruitment_list{ display: block; width: 100%; padding: 20px 0 0; box-sizing: border-box; background: #fff; } .recruit_center .post_list { padding: 0 15px; box-sizing: border-box; padding-bottom: 30px; } .topclick{ font-size: 18px; color: #333; } .recruitment_list ul li{ font-size: 16px; line-height: 40px; color: #333333; } .recruit_center .post_list .p-2,.recruit_center .post_list{ margin-top: 0; } .prodtct_con_model .close{ height: 62px; } .prodtct_con_model{ padding-top: 62px; } .prodtct_con_model .returned_fine { right: 10px; } .enterprise_sort .tab_top ul li::after { bottom: -5px; height: 1px; } .header_ul li.header_home::after{ display: none; } /* ul.pagination li:nth-child(2n 1){ margin-left: 2px !important; } */ ul.pagination{ padding: 0 20px; box-sizing: border-box; } ul.pagination li { width: 30px; height: 30px; line-height: 28px; font-size: 16px; margin-top: 6px; } #menu{ bottom: 24px; } .honor_list .swiper_list .swiper-slide{ padding: 5px; } .honor_list .swiper_list .swiper-button-next { right: -18px; } .honor_list .swiper_list .swiper-button-prev { left: -18px; } }