@font-face { font-family: "BEBAS"; src: url('../font/BEBAS.ttf'), url('../font/BEBAS.eot'); font-weight: normal; font-style: normal; } /** 娓呴櫎鍐呭杈硅窛 **/ body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 缁撴瀯鍏冪礌 */ dl, dt, dd, ul, ol, li, /* list elements 鍒楄〃鍏冪礌 */ pre, /* text formatting elements 鏂囨湰鏍煎紡鍏冪礌 */ form, fieldset, legend, button, input, textarea, /* form elements 琛ㄥ崟鍏冪礌 */ th, td /* table elements 琛ㄦ牸鍏冪礌 */ { margin: 0; padding: 0; } /** 璁剧疆榛樿瀛椾綋 **/ body, button, input, select, textarea /* for ie */ { font: 14px/1.0 "PingFangSC", "Arial", "Microsoft YaHei", "榛戜綋", "瀹嬩綋", "KaiTi", sans-serif; } h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; } address, cite, dfn, em, var, i { font-style: normal; } /* 灏嗘枩浣撴壎姝 */ code, kbd, pre, samp { font-family: courier new, courier, monospace; } /* 缁熶竴绛夊瀛椾綋 */ small { font-size: 12px; } /* 灏忎簬 12px 鐨勪腑鏂囧緢闅鹃槄璇? 璁 small 姝e父鍖 */ /** 閲嶇疆鍒楄〃鍏冪礌 **/ ul, ol { list-style: none; } /** 閲嶇疆鏂囨湰鏍煎紡鍏冪礌 **/ a { color: #333; text-decoration: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } a:hover { text-decoration: none; cursor: pointer; } sup { vertical-align: text-top; } /* 閲嶇疆, 鍑忓皯瀵硅楂樼殑褰卞搷 */ sub { vertical-align: text-bottom; } /** 閲嶇疆琛ㄥ崟鍏冪礌 **/ legend { color: #000; } /* for ie6 */ fieldset, img { border: 0; } /* img 鎼溅锛氳閾炬帴閲岀殑 img 鏃犺竟妗 */ button, input, select, textarea { font-size: 100%; outline: none; } /* 浣垮緱琛ㄥ崟鍏冪礌鍦 ie 涓嬭兘缁ф壙瀛椾綋澶у皬 */ button, input[type="button"] { cursor: pointer; -webkit-appearance: none; } input::-ms-clear { display: none; } /*闅愯棌鏂囨湰妗嗗弶瀛?/ input::-ms-reveal { display: none; } /*闅愯棌瀵嗙爜妗嗗皬鐪肩潧*/ /* 娉細optgroup 鏃犳硶鎵舵 */ /** 閲嶇疆琛ㄦ牸鍏冪礌 **/ table { border-collapse: collapse; border-spacing: 0; } /* 閲嶇疆 HTML5 鍏冪礌 */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { display: block; margin: 0; padding: 0; } html { font-size: 100px; } body { color: #333; background: #fff; } .clear_both::after { content: "."; display: block; height: 0; visibility: hidden; clear: both; } .w82 { width: 82%; box-sizing: border-box; margin: 0 auto; display: block; } .hs_body { background: #f7f7f7; } .head_box { position: fixed; top: 0; left: 0; z-index: 9; width: 100%; height: 0.7rem; border-bottom: 1px solid rgba(255, 255, 255, 0.2); background: rgba(61, 174, 108, 0); transition: all 0.5s; -webkit-transition: all 0.5s; } .head_box .w82 { height: 100%; } .head_box .logo_a { display: inline-block; vertical-align: top; height: 100%; width: 1.2rem; background: url(../img/logo.png) no-repeat center; background-size: contain; transition: all 0.5s; -webkit-transition: all 0.5s; } .head_box form { float: right; width: 0.3rem; height: 0.3rem; margin-top: 0.2rem; position: relative; z-index: 3; transition: all 0.5s; -webkit-transition: all 0.5s; } .head_box form input { position: absolute; top: 0; right: 0; background: #fff; border: none; border-radius: 0.15rem; font-size: 0.14rem; width: 0; height: 100%; padding: 0 0.14rem; opacity: 0; color: #3dae6c; transition: all 0.5s; -webkit-transition: all 0.5s; } .head_box form button { width: 100%; height: 100%; border: none; position: relative; z-index: 3; background: url(../img/tb18.png) no-repeat center; transition: all 0.5s; -webkit-transition: all 0.5s; } .head_box .yy_dl { float: right; height: 0.2rem; padding-right: 0.16rem; margin-top: 0.25rem; position: relative; font-size: 0; margin-right: 0.35rem; transition: all 0.5s; -webkit-transition: all 0.5s; } .head_box .yy_dl dd { display: inline-block; vertical-align: top; height: 0.2rem; line-height: 0.22rem; overflow: hidden; transition: all 0.5s; -webkit-transition: all 0.5s; } .head_box .yy_dl dd a { display: block; font-size: 0.16rem; color: #fff; transition: all 0.5s; -webkit-transition: all 0.5s; } .head_box .yy_dl::before { content: ""; display: inline-block; vertical-align: top; width: 0.2rem; height: 0.2rem; background: url(../img/tb17.png) no-repeat; background-size: contain; margin-right: 0.16rem; } .head_box .yy_dl::after { display: none; content: ""; position: absolute; right: 0; top: 0.06rem; width: 0.09rem; height: 0.09rem; background: url(../img/jt4.png) no-repeat center; transition: all 0.5s; -webkit-transition: all 0.5s; } .head_box .active_dl dd { height: 0.44rem; } .head_box .active_dl::after { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } .head_box .nav_ul { font-size: 0; float: right; margin-right: 0.4rem; padding-right: 0.13rem; position: relative; } .head_box .nav_ul::after { content: ""; position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 1px; height: 40%; background: #fff; opacity: 0.2; } .head_box .nav_ul li { padding: 0 0.28rem; display: inline-block; vertical-align: top; position: relative; } .head_box .nav_ul li>a { display: block; font-size: 0.16rem; height: 0.7rem; line-height: 0.7rem; color: #fff; position: relative; transition: all 0.5s; -webkit-transition: all 0.5s; } .head_box .nav_ul li>a::after { content: ""; position: absolute; margin: auto; left: 0; right: 0; bottom: 0; width: 0; height: 2px; background: #fff; opacity: 0; transition: all 0.5s; -webkit-transition: all 0.5s; } .head_box .nav_ul li.active>a::after { opacity: 1; width: 100%; } .head_box .nav_ul li.active::after { width: 100%; opacity: 1; } .head_box .nav_ul li a i { float: right; display: none; transition: all 0.5s; -webkit-transition: all 0.5s; } .head_box .nav_ul li p { display: none; position: absolute; width: 100%; padding: 0.1rem 0; text-align: center; top: 100%; left: 0; background: rgba(0, 0, 0, 0.4); } .head_box .nav_ul li p a { opacity: 0.7; display: block; color: #fff; width: 100%; margin: 0; line-height: 2.2; font-size: 0.15rem; transition: all 0.5s; -webkit-transition: all 0.5s; } .head_box .nav_ul li p .hide_a{ display: none; } .head_box .nav_ul li.active_li a i { -webkit-transform: rotate(-135deg); transform: rotate(-135deg); } .headb_box { height: 0.5rem; background: rgba(0, 0, 0, 0.4); box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.2); } .headb_box .nav_ul li>a { height: 0.5rem; line-height: 0.5rem; } .headb_box form { margin-top: 0.1rem; } .headb_box .yy_dl { margin-top: 0.15rem; } .head_box .nav_div { display: none; width: 52px; height: 100%; float: right; background: #287548; position: relative; } .head_box .nav_div span { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 28px; font-size: 0; } .head_box .nav_div i { display: inline-block; width: 100%; height: 2px; border-radius: 2px; background: #fff; margin: 3px 0; opacity: 1; transition: all 0.5s; -webkit-transition: all 0.5s; } .head_box .active_div {} .head_box .active_div i:nth-of-type(1) { -webkit-transform: rotate(45deg) translate(6px, 6px); transform: rotate(45deg) translate(6px, 6px); } .head_box .active_div i:nth-of-type(2) { opacity: 0; } .head_box .active_div i:nth-of-type(3) { -webkit-transform: rotate(-45deg) translate(6px, -6px); transform: rotate(-45deg) translate(6px, -6px); } .swiper_box {} .swiper_box::after { content: ""; position: absolute; z-index: 3; width: 0.3rem; height: 0.18rem; margin-left: -0.15rem; left: 50%; bottom: 0.4rem; background: url(../img/jtx.png) no-repeat; background-size: contain; animation: mymove3 2s infinite; } @keyframes mymove3 { 0% { opacity: 0; bottom: 0.4rem; } 70% { opacity: 1; bottom: 0.2rem; } 100% { opacity: 0; bottom: 0.1rem; } } .swiper_box .swiper-slide { height: 100vh; background-repeat: no-repeat; background-position: center; background-size: cover; } .swiper_box .m_img { display: none !important; } /* .swiper_box .swiper-slide img{ width: 100%; vertical-align: top; } */ .swiper_box .swiper-pagination { bottom: 0.6rem !important; } .swiper_box .swiper-pagination span { padding: 0.08rem; width: 0.06rem; height: 0.06rem; background: none; border: 1px solid rgba(255, 255, 255, 0); border-radius: 50%; opacity: 1; margin: 0 0.14rem !important; transition: all 0.5s; -webkit-transition: all 0.5s; } .swiper_box .swiper-pagination span::after { content: ""; display: block; width: 6px; height: 6px; background: #fff; border-radius: 50%; } .swiper_box .swiper-pagination .swiper-pagination-bullet-active { border: 1px solid rgba(255, 255, 255, 1); } /* .swiper_box .swiper-slide h5{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); color: #fff; } .swiper_box .swiper-slide h5 strong{ white-space: nowrap; display: block; font-size: 60px; font-weight: bold; text-shadow: 0 4px 4px rgba(0,0,0,0.4); } .swiper_box .swiper-slide h5 small{ white-space: nowrap; display: block; background: rgba(126,179,40,0.7); text-align: center; font-size: 24px; } */ .foot_box { background: #222; padding: 0.56rem 0 0.32rem; } .foot_box .divt { padding-bottom: 0.42rem; border-bottom: 1px solid #393939; } .foot_box .divt .logo_a { display: inline-block; width: 2.06rem; height: 0.44rem; background: url(../img/logo.png) no-repeat; background-size: contain; } .foot_box .divt p { font-size: 0; float: right; } .foot_box .divt p a { display: inline-block; font-size: 0.16rem; color: #bcbcbc; line-height: 0.44rem; margin-left: 0.9rem; transition: all 0.5s; -webkit-transition: all 0.5s; } .foot_box .divm { font-size: 0; margin: 0.5rem 0; position: relative; } .foot_box .divm em { display: inline-block; vertical-align: top; width: 1.3rem; padding: 0.12rem; border: 1px solid #393939; } .foot_box .divm em img { width: 100%; vertical-align: top; } .foot_box .divm h5 { position: absolute; top: 50%; right: 0; transform: translateY(-50%); font-size: 0.2rem; text-align: right; color: #3dae6c; } .foot_box .divm h5::before { content: ""; display: inline-block; vertical-align: top; width: 0.2rem; height: 0.2rem; background: url(../img/tb12.png) no-repeat; } .foot_box .divm h5 small { display: block; font-size: 0.14rem; color: #a9a9a9; margin: 0.1rem 0; } .foot_box .divm dl { display: inline-block; width: calc(100% - 3.16rem); vertical-align: top; box-sizing: border-box; padding-left: 0.6rem; } .foot_box .divm dl dd { display: inline-block; vertical-align: top; margin-right: 0.6rem; padding-left: 0.76rem; padding-top: 0.18rem; background: url(../img/tb11.png) no-repeat } .foot_box .divm dl dd:last-of-type { margin-right: 0; } .foot_box .divm dl dd h6 { font-size: 0.16rem; color: #bcbcbc; margin-bottom: 0.14rem; } .foot_box .divm dl dd p { font-size: 0.14rem; color: #7a7a7a; line-height: 1.6; } .foot_box .divb { font-size: 0.14rem; color: #959595; border-top: 1px solid #393939; padding-top: 0.3rem; } .foot_box .divb .gw_a { display: inline-block; vertical-align: top; width: 1.28rem; height: 0.38rem; text-align: center; color: #959595; border: 1px solid #393939; line-height: 0.38rem; border-radius: 0.2rem; } .foot_box .divb .gw_a::before { content: ""; display: inline-block; margin-top: -2px; vertical-align: middle; margin-right: 0.12rem; width: 0.19rem; height: 0.19rem; background: url(../img/tb13.png) no-repeat; } .foot_box .divb .bdsharebuttonbox { display: inline-block; vertical-align: top; line-height: 0.4rem; margin-left: 0.4rem; } .foot_box .divb .bdsharebuttonbox::after { display: none; } .foot_box .divb .bdsharebuttonbox a { display: inline-block; vertical-align: top; float: none; padding: 0; margin: 0; width: 0.4rem; height: 0.4rem; } .foot_box .divb .bdsharebuttonbox a.bds_tsina { background: url(../img/tb14.png) no-repeat center; } .foot_box .divb .bdsharebuttonbox a.bds_weixin { background: url(../img/tb15.png) no-repeat center; } .foot_box .divb .bdsharebuttonbox a.bds_sqq { background: url(../img/tb16.png) no-repeat center; } .foot_box .divb h6 { float: right; line-height: 0.4rem; } .foot_box .divb h6 a { color: #959595; margin-left: 0.3rem; transition: all 0.5s; -webkit-transition: all 0.5s; } .welcome_box {} .welcome_box .box1 { font-size: 0; box-shadow: 0 0 6px rgba(0, 0, 0, 0.1); } .welcome_box .box1 .swiper-container { padding-top: 0.1rem; margin-top: -0.1rem; } .welcome_box .box1 .swiper-slide { flex: 1; display: flex; display: -webkit-flex; height: auto; align-items: center; background: #fff; border-right: 1px solid #dedede; font-size: 0; padding: 0.3rem; position: relative; z-index: 6; transition: all 0.5s; -webkit-transition: all 0.5s; } .welcome_box .box1 .swiper-slide::before { content: ""; position: absolute; width: 100%; height: 0.1rem; left: 0; top: -0.1rem; z-index: 3; background: rgba(61, 174, 108, 0.3); transition: all 0.5s; -webkit-transition: all 0.5s; } .welcome_box .box1 .swiper-slide:nth-of-type(3) { border-right: none; } .welcome_box .box1 .swiper-pagination { display: none; } .welcome_box .box1 .swiper-slide em { display: inline-block; vertical-align: middle; width: 0.74rem; height: 0.74rem; border-radius: 50%; box-sizing: border-box; border: 1px solid #3dae6c; position: relative; transition: all 0.5s; -webkit-transition: all 0.5s; } .welcome_box .box1 .swiper-slide em img { position: absolute; width: 0.44rem; height: 0.44rem; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: all 0.5s; -webkit-transition: all 0.5s; } .welcome_box .box1 .swiper-slide em img:nth-of-type(1) { opacity: 1; } .welcome_box .box1 .swiper-slide em img:nth-of-type(2) { opacity: 0; } .welcome_box .box1 .swiper-slide div { display: inline-block; vertical-align: middle; width: calc(100% - 0.74rem); box-sizing: border-box; padding-left: 6%; } .welcome_box .box1 .swiper-slide div h6 { font-size: 0.24rem; margin-bottom: 0.12rem; } .welcome_box .box1 .swiper-slide div dd { font-size: 0.16rem; color: #999; line-height: 1.6; } .title_h5 { text-align: center; margin-bottom: 0.5rem; } .title_h5 span { display: inline-block; vertical-align: top; font-size: 0.34rem; padding: 0.16rem 0.18rem 0; background: url(../img/tb4.png) no-repeat right top; } .title_h5 em { display: block; font-size: 0.30rem; margin-top: 0.16rem; } .title_h5 small { display: block; font-size: 0.14rem; color: #999; margin-top: 0.16rem; line-height: 1.5; } .welcome_box .box2 { margin-top: 0.42rem; padding-top: 0.42rem; background: #fff; position: relative; } .welcome_box .box2 .gallery-top .m_img { display: none !important; } .welcome_box .box2 .gallery-top .swiper-slide img { width: 100%; vertical-align: top; } .welcome_box .box2 .gallery-thumbs { position: absolute; bottom: 0; right: 0; width: 50%; background: #3dae6c; } .welcome_box .box2 .gallery-thumbs .swiper-slide { box-sizing: border-box; font-size: 0; padding: 0.1rem 1.0rem 0.1rem 0.14rem; } .welcome_box .box2 .gallery-thumbs .swiper-slide em { display: inline-block; vertical-align: top; width: 0.42rem; height: 0.42rem; line-height: 0.42rem; } .welcome_box .box2 .gallery-thumbs .swiper-slide em img { width: 100%; vertical-align: middle; } .welcome_box .box2 .gallery-thumbs .swiper-slide h6 { display: inline-block; vertical-align: top; box-sizing: border-box; width: calc(100% - 0.64rem); height: 0.42rem; line-height: 0.42rem; color: #fff; font-size: 0.2rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding-left: 0.2rem; margin-left: 0.2rem; border-left: 1px solid #b9e1c9; } .welcome_box .box2 .button_div { position: absolute; background: #3dae6c; z-index: 9; top: 50%; right: 0; padding: 0.1rem 0.14rem; height: 0.32rem; transform: translateY(-50%); font-size: 0; } .welcome_box .box2 .swiper-button-prev { display: inline-block; vertical-align: top; position: static; margin-top: 0; width: 0.32rem; height: 0.32rem; outline: none; background: url(../img/jtz.png) no-repeat; background-size: 100%; } .welcome_box .box2 .swiper-button-next { display: inline-block; vertical-align: top; margin-left: 0.1rem; position: static; margin-top: 0; width: 0.32rem; height: 0.32rem; outline: none; background: url(../img/jty.png) no-repeat; background-size: 100%; } .welcome_box .more_a { display: block; width: 1.6rem; height: 0.42rem; background: #3dae6c; color: #fff; font-size: 0.14rem; text-align: center; line-height: 0.44rem; } .welcome_box .more_a::after { content: ""; display: inline-block; vertical-align: middle; margin-top: -4px; width: 0; height: 0.11rem; margin-left: 0; opacity: 0; background: url(../img/jt1.png) no-repeat; background-size: auto 100%; transition: all 0.5s; -webkit-transition: all 0.5s; } .welcome_box .box3 { background: #fff; /* position: relative; */ margin-top: 0.42rem; } .welcome_box .box3 .divl { width: 100%; padding: 4% 3%; /* box-sizing: border-box; */ display: flex; } .welcome_box .box3 .divl .title_h5 { text-align: left; width: 30%; float: left; } .welcome_box .box3 .divl .title_h5 span { padding-left: 0; } .welcome_box .box3 .divl .more_a{ margin-top: 20px; } .welcome_box .box3 .divl .nr_div { font-size: 0.14rem; line-height: 666; line-height: 1.6; padding: 0.24rem 0; /* border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; */ margin-bottom: 0.3rem; width: 60%; float: left; } .welcome_box .box3 .divl ul { font-size: 0; margin-top: 0.5rem; } .welcome_box .box3 .divl ul li { display: inline-block; vertical-align: top; margin-right: 6%; } .welcome_box .box3 .divl ul li:last-of-type { margin-right: 0; } .welcome_box .box3 .divl ul li strong { font-size: 0.32rem; font-family: "BEBAS"; color: #3dae6c; display: inline-block; vertical-align: top; } .welcome_box .box3 .divl ul li i { font-size: 0.32rem; font-family: "BEBAS"; color: #3dae6c; display: inline-block; vertical-align: top; margin-left: 0.1rem; font-weight: bold; } .welcome_box .box3 .divl ul li sup { display: inline-block; vertical-align: top; font-size: 0.18rem; color: #3dae6c; font-weight: bold; } .welcome_box .box3 .divl ul li span { display: block; font-size: 0.14rem; color: #666; margin-top: 0.12rem; } .welcome_box .box3 .divr { /* cursor: pointer; position: absolute; */ width: 100%; /* height: 100%; */ /* height: 500px; */ /* top: 0; right: 0;*/ background-repeat: no-repeat; background-position: center; background-size: cover; } .welcome_box .box3 .divr video{ width: 100%; } /* .welcome_box .box3 .divr::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 0.68rem; height: 0.68rem; background: url(../img/tb20.png) no-repeat; background-size: contain; } */ .welcome_box .box4 { background: #fff; padding-top: 0.42rem; margin-top: 0.42rem; } .welcome_box .box4 .swiper-pagination{ top: 60%; width: 100%; } .welcome_box .box4 .swiper-button-prev { width: 0.16rem; height: 0.30rem; background: url(../img/jt7.png) no-repeat center; background-size: contain; left: 0.1rem; outline: none; } .welcome_box .box4 .swiper-button-next { width: 0.20rem; height: 0.34rem; background: url(../img/jt8.png) no-repeat center; background-size: contain; right: 0.1rem; outline: none; } .welcome_box .box4 dl { position: relative; } .welcome_box .box4 dl dt {} .welcome_box .box4 dl dt .m_img { display: none !important; } .welcome_box .box4 dl dt img { width: 100%; vertical-align: top; } .welcome_box .box4 dd { opacity: 0; position: absolute; width: 0.14rem; height: 0.14rem; transform: translateY(0.6rem); background: url(../img/tb21.png) no-repeat; background-size: contain; } .welcome_box .box4 .show_dl dd { animation-name: mymove1; animation-duration: 1s; animation-fill-mode: forwards; } .welcome_box .box4 dd.dd1 { top: 42%; left: 18%; } .welcome_box .box4 dd.dd2 { top: 48%; left: 13%; } .welcome_box .box4 dd.dd3 { top: 58%; left: 45.6%; } .welcome_box .box4 dd.dd4 { top: 56%; left: 70.6%; } .welcome_box .box4 dd.dd5 { top: 43%; left: 50.7%; } .welcome_box .box4 ul{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .welcome_box .box4 ul li{ position: absolute; width: 0.6rem; height: 0.6rem; top: 0; left: 0; transform: translate(-50%,-50%); cursor: pointer; } .welcome_box .box4 ul li .img{ width: 100%; } .welcome_box .box4 ul li span{ position: absolute; top: 0.3rem; left: 0.3rem; width: 0; height: 0.62rem; pointer-events: none; overflow: hidden; transition: all 0.5s; -webkit-transition: all 0.5s; } .welcome_box .box4 ul li .span{ top: auto; bottom: 0.3rem; } .welcome_box .box4 ul li span img{ width: 0.86rem; height: 0.62rem; vertical-align: top; } .welcome_box .box4 ul li em{ position: absolute; top: 0; left: 0.76rem; padding: 0.6rem; transform: translateY(-34%); background-color: rgba(255,255,255,0.8); border-radius: 0.2rem; box-shadow: 0px 0.05rem 0.14rem 0px rgba(0,0,0,0.44); pointer-events: none; opacity: 0; transition: all 0.5s; -webkit-transition: all 0.5s; } .welcome_box .box4 ul li:hover span{ width: 0.86rem; } .welcome_box .box4 ul li:hover em{ left: 1.16rem; opacity: 1; } .welcome_box .box4 ul .li1{ top: 26%; left: 12%; } .welcome_box .box4 ul .li1 em img{ width: 2.85rem; vertical-align: top; } .welcome_box .box4 ul .li2{ top: 24%; left: 19%; } .welcome_box .box4 ul .li2 em{ transform: translateY(-20%); } .welcome_box .box4 ul .li2 em img{ width: 2.85rem; vertical-align: top; } .welcome_box .box4 ul .li3{ top: 51%; left: 14%; } .welcome_box .box4 ul .li3 em img{ width: 2.85rem; vertical-align: top; } .welcome_box .box4 ul .li4{ top: 62%; left: 8%; } .welcome_box .box4 ul .li4 em img{ width: 2.85rem; vertical-align: top; } .welcome_box .box4 ul .li5{ top: 58%; left: 45%; } .welcome_box .box4 ul .li5 em img{ width: 2.85rem; vertical-align: top; } .welcome_box .box4 ul .li6{ top: 48%; left: 51.2%; } .welcome_box .box4 ul .li6 em img{ width: 1.26rem; vertical-align: top; } .welcome_box .box4 dd em { cursor: pointer; position: absolute; width: 0.8rem; height: 0.8rem; box-sizing: border-box; background: rgba(100, 100, 100, 0.6); border-radius: 50%; border: 1px dashed rgba(255, 255, 255, 1); top: -0.4rem; transition: all 0.5s; -webkit-transition: all 0.5s; } .welcome_box .box4 dd em i { position: absolute; width: 0.68rem; height: 0.68rem; background: rgba(34, 148, 58, 0); border-radius: 50%; top: 5px; left: 5px; text-align: center; line-height: 0.7rem; color: #fff; font-size: 0.2rem; transition: all 0.5s; -webkit-transition: all 0.5s; } .welcome_box .box4 dd.dd1 em { left: 0.8rem; } .welcome_box .box4 dd.dd2 em { right: 0.8rem; } .welcome_box .box4 dd.dd3 em { right: 0.8rem; } .welcome_box .box4 dd.dd4 em { left: 0.8rem; } .welcome_box .box4 dd.dd5 em { left: 0.8rem; } .welcome_box .box4 dd span { position: absolute; width: 0.8rem; height: 0; opacity: 0; } .welcome_box .box4 .show_dl dd span { animation-name: mymove2; animation-duration: 1s; animation-fill-mode: forwards; } .welcome_box .box4 dd.dd1 span { left: 0.1rem; bottom: 0.1rem; background: url(../img/xz.png) no-repeat; animation-delay: 0.5s; } .welcome_box .box4 dd.dd2 span { right: 0.1rem; bottom: 0.1rem; background: url(../img/xy.png) no-repeat; background-size: 100% 100%; animation-delay: 0.5s; } .welcome_box .box4 dd.dd3 span { right: 0.1rem; bottom: 0.1rem; background: url(../img/xy.png) no-repeat; animation-delay: 0.5s; } .welcome_box .box4 dd.dd4 span { left: 0.1rem; bottom: 0.1rem; background: url(../img/xz.png) no-repeat; animation-delay: 0.5s; } .welcome_box .box4 dd.dd5 span { left: 0.1rem; bottom: 0.1rem; background: url(../img/xz.png) no-repeat; animation-delay: 0.5s; } .welcome_box .box6 { padding-top: 0.4rem; background-image: url(../img/bg1.jpg); background-repeat: no-repeat; background-position: left bottom; background-size: cover; font-size: 0; padding: 4% 3%; } .welcome_box .box6 .title_h5 { color: #fff; text-align: left; margin-bottom: 24%; } .welcome_box .box6 .title_h5 span { padding-left: 0; background: url(../img/tb4h.png) no-repeat right top; } .welcome_box .box6 .title_h5 small { color: #fff; } .welcome_box .box6 .divl { display: inline-block; vertical-align: bottom; width: 30%; } .welcome_box .box6 .divl .link_a { display: block; background: #fff; padding: 7% 6%; } .welcome_box .box6 .divl .link_a h6 { font-size: 0.2rem; color: #3dae6c; margin-bottom: 0.12rem; line-height: 1.4; } .welcome_box .box6 .divl .link_a div { font-size: 0.14rem; color: #999; line-height: 1.6; margin-bottom: 8%; } .welcome_box .box6 .divl .link_a span { font-size: 0.12rem; color: #999; padding-right: 0.16rem; background: url(../img/jt5.png) no-repeat right 0 top 2px; transition: all 0.5s; -webkit-transition: all 0.5s; } .welcome_box .box6 .divr { display: inline-block; vertical-align: bottom; margin-bottom: -0.3rem; width: 60%; box-sizing: border-box; margin-left: 10%; position: relative; } .welcome_box .box6 .divr dl {} .welcome_box .box6 .divr dt img { width: 100%; vertical-align: top; } .welcome_box .box6 .divr dd { position: absolute; opacity: 1; width: 0.14rem; height: 0.14rem; background: url(../img/tb21.png) no-repeat; background-size: 100% 100%; } .welcome_box .box6 .divr dd img { position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); } .welcome_box .box6 .divr dd::after { content: ""; position: absolute; left: 50%; bottom: 110%; margin-left: -1px; width: 1px; height: 0; background: #fff; opacity: 0.2; } .welcome_box .box6 .divr dd.dd1 { top: 18%; left: 18%; } .welcome_box .box6 .divr dd.dd2 { top: 60%; left: 29%; } .welcome_box .box6 .divr dd.dd3 { top: 27%; left: 39%; } .welcome_box .box6 .divr dd.dd4 { top: 38%; left: 50%; } .welcome_box .box6 .divr dd.dd5 { top: 48%; left: 60%; } .welcome_box .box6 .divr dd.dd6 { top: 28%; left: 67.5%; } .welcome_box .box6 .divr dd.dd7 { top: 53%; left: 73.5%; } .welcome_box .box6 .divr dd.dd8 { top: 24%; left: 81%; } .welcome_box .box6 .divr dd.dd1 img { bottom: 2vw; } .welcome_box .box6 .divr dd.dd2 img { bottom: 14vw; } .welcome_box .box6 .divr dd.dd3 img { bottom: 5vw; } .welcome_box .box6 .divr dd.dd4 img { bottom: 4vw; } .welcome_box .box6 .divr dd.dd5 img { bottom: 12vw; } .welcome_box .box6 .divr dd.dd6 img { bottom: 5vw; } .welcome_box .box6 .divr dd.dd7 img { bottom: 3vw; } .welcome_box .box6 .divr dd.dd8 img { bottom: 6vw; } .welcome_box .box6 .divr dd.dd1::after { height: 1vw; } .welcome_box .box6 .divr dd.dd2::after { height: 13vw; } .welcome_box .box6 .divr dd.dd3::after { height: 4w; } .welcome_box .box6 .divr dd.dd4::after { height: 3vw; } .welcome_box .box6 .divr dd.dd5::after { height: 11vw; } .welcome_box .box6 .divr dd.dd6::after { height: 4vw; } .welcome_box .box6 .divr dd.dd7::after { height: 2vw; } .welcome_box .box6 .divr dd.dd8::after { height: 5vw; } .welcome_box .box7 { background: #fff; padding: 0.42rem 0; } .welcome_box .box7 .swiper_div{ position: relative; padding: 0 3%; } .welcome_box .box7 .swiper-container { margin: 0 0.4rem; } .welcome_box .box7 .swiper-pagination{ top: 50%; width: 100%; } .welcome_box .box7 .swiper-slide a { display: block; padding-bottom: 0.2rem; border-bottom: 1px solid #ccc; transition: all 0.5s; -webkit-transition: all 0.5s; } .welcome_box .box7 .swiper-slide h6 { font-size: 0.2rem; line-height: 1.4; height: 0.54rem; overflow: hidden; transition: all 0.5s; -webkit-transition: all 0.5s; } .welcome_box .box7 .swiper-slide em { display: block; margin: 0.2rem 0 0.16rem; overflow: hidden; padding-bottom: 60%; position: relative; } .welcome_box .box7 .swiper-slide em i { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-size: cover; background-position: center; background-repeat: no-repeat; transition: all 0.5s; -webkit-transition: all 0.5s; } .welcome_box .box7 .swiper-slide dd { font-size: 0.14rem; color: #999; line-height: 1.6; height: 0.44rem; overflow: hidden; margin-bottom: 0.24rem; } .welcome_box .box7 .swiper-slide span { display: block; font-size: 0.14rem; color: #999; padding-left: 0.2rem; background: url(../img/tb22.png) no-repeat; background-size: contain; } .welcome_box .box7 .swiper-slide span::after { content: ""; float: right; margin-top: 2px; margin-right: 0.1rem; opacity: 0; width: 0.07rem; height: 0.11rem; background: url(../img/jt6.png) no-repeat; background-size: contain; transition: all 0.5s; -webkit-transition: all 0.5s; } .welcome_box .box7 .swiper-button-prev { width: 0.16rem; height: 0.30rem; background: url(../img/jt7.png) no-repeat center; background-size: contain; left: 0.1rem; outline: none; } .welcome_box .box7 .swiper-button-next { width: 0.20rem; height: 0.34rem; background: url(../img/jt8.png) no-repeat center; background-size: contain; right: 0.1rem; outline: none; } .welcome_box .box7 .more_a { margin: 0.4rem auto 0; } .welcome_box .ceshi_box { position: relative; margin-top: 0.42rem; overflow: hidden; } .welcome_box .ceshi_box .title_h5 { color: #fff; position: absolute; width: 100%; left: 0; top: 19%; z-index: 5; } .welcome_box .ceshi_box .link_div { text-align: center; z-index: 5; position: absolute; width: 100%; left: 0; bottom: 0.4rem; } .welcome_box .ceshi_box .link_div a { text-align: center; display: inline-block; vertical-align: top; font-size: 0.16rem; color: #fff; transition: all 0.5s; -webkit-transition: all 0.5s; } .welcome_box .ceshi_box .link_div a::after { content: ""; display: inline-block; vertical-align: middle; margin-top: -4px; width: 0; height: 0.11rem; margin-left: 0; opacity: 0; background: url(../img/jt6.png) no-repeat; transition: all 0.5s; -webkit-transition: all 0.5s; } .welcome_box .ceshi_box .gallery-thumbs { position: absolute; z-index: 6; top: 50%; left: 14%; height: 56%; width: 72%; transform: translateY(-40%); overflow: visible; } .welcome_box .ceshi_box .gallery-thumbs .swiper-slide { cursor: pointer; height: auto; } .welcome_box .ceshi_box .gallery-thumbs .swiper-slide:nth-of-type(1) { position: absolute; top: 0; left: 0; } .welcome_box .ceshi_box .gallery-thumbs .swiper-slide:nth-of-type(2) { position: absolute; top: 0; right: 0; text-align: right; } .welcome_box .ceshi_box .gallery-thumbs .swiper-slide:nth-of-type(3) { position: absolute; bottom: 0; right: 0; text-align: right; } .welcome_box .ceshi_box .gallery-thumbs .swiper-slide:nth-of-type(4) { position: absolute; bottom: 0; left: 0; } .welcome_box .ceshi_box .gallery-thumbs .swiper-slide em { display: inline-block; width: 0.5rem; height: 0.58rem; position: relative; } .welcome_box .ceshi_box .gallery-thumbs .swiper-slide em img { position: absolute; top: 0; left: 0; transition: all 0.5s; -webkit-transition: all 0.5s; } .welcome_box .ceshi_box .gallery-thumbs .swiper-slide em img:nth-of-type(1) { opacity: 1; } .welcome_box .ceshi_box .gallery-thumbs .swiper-slide em img:nth-of-type(2) { opacity: 0; } .welcome_box .ceshi_box .gallery-thumbs .swiper-slide em img:nth-of-type(3) { opacity: 0; } .welcome_box .ceshi_box .gallery-thumbs .swiper-slide h6 { display: inline-block; font-size: 0.24rem; margin-left: -0.34rem; color: #fff; padding: 0.18rem 0.16rem 0.14rem 0.34rem; background-image: url(../img/tb21.png); background-repeat: no-repeat; background-position: left center; position: relative; transition: all 0.5s; -webkit-transition: all 0.5s; } .welcome_box .ceshi_box .gallery-thumbs .swiper-slide:nth-of-type(2) h6 { margin-right: -0.34rem; padding: 0.18rem 0.34rem 0.18rem 0.2rem; background-position: right center; } .welcome_box .ceshi_box .gallery-thumbs .swiper-slide:nth-of-type(3) h6 { margin-right: -0.34rem; padding: 0.18rem 0.34rem 0.18rem 0.2rem; background-position: right center; } .welcome_box .ceshi_box .gallery-thumbs .swiper-slide h6::after { content: ""; opacity: 0; position: absolute; top: 6px; right: 0; width: 0.1rem; height: 0.17rem; background: url(../img/tb23.png) no-repeat; transition: all 0.5s; -webkit-transition: all 0.5s; } .welcome_box .ceshi_box .gallery-thumbs .swiper-slide:nth-of-type(2) h6::after { right: auto; left: 0; } .welcome_box .ceshi_box .gallery-thumbs .swiper-slide:nth-of-type(3) h6::after { right: auto; left: 0; } .welcome_box .ceshi_box .gallery-thumbs .swiper-slide p { color: #999; font-size: 0.14rem; line-height: 1.6; } .welcome_box .ceshi_box .gallery-thumbs .swiper-slide-thumb-active h6 { background-image: url(../img/tb21h.png); color: #3dae6c; } .welcome_box .ceshi_box .gallery-thumbs .swiper-slide-thumb-active h6::after { opacity: 1; } .welcome_box .ceshi_box .gallery-thumbs .swiper-slide-thumb-active em img:nth-of-type(1) { opacity: 0; } .welcome_box .ceshi_box .gallery-thumbs .swiper-slide-thumb-active em img:nth-of-type(2) { opacity: 1; } .welcome_box .ceshi_box .gallery-thumbs .swiper-slide-thumb-active em img:nth-of-type(3) { opacity: 0; } .welcome_box .ceshi_box .gallery-top {} .welcome_box .ceshi_box .gallery-top .swiper-slide { transition-duration: 1.5s !important; transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1); } .welcome_box .ceshi_box .gallery-top .swiper-slide-active {} .welcome_box .ceshi_box .gallery-top .swiper-slide .m_img { display: none !important; } .welcome_box .ceshi_box .gallery-top .swiper-slide img { width: 100%; vertical-align: top; transition: all 1s cubic-bezier(0.7, 0, 0.3, 1); -webkit-transition: all 1s cubic-bezier(0.7, 0, 0.3, 1); -webkit-transform: scale(1.4); transform: scale(1.4); opacity: 0; } .welcome_box .ceshi_box .gallery-top .swiper-slide-active img { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } .welcome_box .ceshi_box .gallery-top .swiper-slide .m_div { display: none; position: absolute; width: 90%; top: 8%; left: 5%; text-align: center; } .welcome_box .ceshi_box .gallery-top .swiper-slide .m_div img { vertical-align: middle; width: 0.36rem; } .welcome_box .ceshi_box .gallery-top .swiper-slide .m_div span { font-size: 0.26rem; vertical-align: middle; color: #fff; margin-left: 0.10rem; } .welcome_box .ceshi_box .gallery-top .swiper-slide .m_div p { font-size: 0.18rem; margin-top: 0.1rem; color: #fff; line-height: 1.6; } .welcome_box .ceshi_box .yq_dl { width: 40%; padding-bottom: 40%; position: absolute; z-index: 4; top: 12%; left: 30%; box-sizing: border-box; border-radius: 50%; border: 1px solid #5c5c5c; } .welcome_box .ceshi_box .hide::after { opacity: 0; } .welcome_box .ceshi_box .yq_dl .dd3 { position: absolute; width: 100%; height: 100%; } .welcome_box .ceshi_box .yq_dl .dd3 i { position: absolute; transition: 5.5s; -webkit-transition: 5.5s; } .welcome_box .ceshi_box .yq_dl .dd3 i.i1 { width: 0; height: 16.2%; background: url(../img/x5.png) no-repeat; background-size: cover; top: -2%; left: 15%; } .welcome_box .ceshi_box .yq_dl .dd3 i.i2 { width: 16.2%; height: 0; background: url(../img/x6.png) no-repeat; background-size: cover; right: -2%; top: 15%; } .welcome_box .ceshi_box .yq_dl .dd3 i.i3 { width: 0; height: 16.2%; background: url(../img/x5.png) no-repeat; background-size: cover; bottom: -2%; right: 15%; -webkit-transform: rotate(180deg); transform: rotate(180deg); } .welcome_box .ceshi_box .yq_dl .dd3 i.i4 { width: 16.2%; height: 0; background: url(../img/x6.png) no-repeat; background-size: cover; left: -2%; bottom: 15%; -webkit-transform: rotate(180deg); transform: rotate(180deg); } .welcome_box .ceshi_box .yq_dl .dd3 i.i1.active { width: 70%; } .welcome_box .ceshi_box .yq_dl .dd3 i.i2.active { height: 70%; } .welcome_box .ceshi_box .yq_dl .dd3 i.i3.active { width: 70%; } .welcome_box .ceshi_box .yq_dl .dd3 i.i4.active { height: 70%; } .welcome_box .ceshi_box .yq_dl .swiper-pagination { position: absolute; width: 100%; height: 100%; top: 0; left: 0; transform: none; } .welcome_box .ceshi_box .yq_dl .swiper-pagination span { position: absolute; outline: none; width: 0.14rem; height: 0.14rem; background: url(../img/tb21.png) no-repeat; opacity: 1; transition: all 0.5s; -webkit-transition: all 0.5s; } .welcome_box .ceshi_box .yq_dl .swiper-pagination span:nth-of-type(1) { top: 13.5%; left: 13.5%; } .welcome_box .ceshi_box .yq_dl .swiper-pagination span:nth-of-type(2) { top: 13.5%; right: 13.5%; } .welcome_box .ceshi_box .yq_dl .swiper-pagination span:nth-of-type(3) { bottom: 13.5%; right: 13.5%; } .welcome_box .ceshi_box .yq_dl .swiper-pagination span:nth-of-type(4) { bottom: 13.5%; left: 13.5%; } .welcome_box .ceshi_box .yq_dl .swiper-pagination .swiper-pagination-bullet-active { background: url(../img/tb21h.png) no-repeat; } .welcome_box .ceshi_box .yq_dl dd { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .welcome_box .ceshi_box .yq_dl dd.dd1 { width: 130%; height: 130%; border-radius: 50%; border: 1px solid #343434; } .welcome_box .ceshi_box .yq_dl dd.dd2 { width: 160%; height: 160%; border-radius: 50%; border: 1px solid #2c2c2c; } .banner_box { position: relative; overflow: hidden; } .banner_box img { width: 100%; vertical-align: top; } .banner_box h5 { position: absolute; top: 50%; left: 9%; transform: translateY(-50%); } .banner_box h5 strong { display: block; font-size: 0.5rem; color: #fff; font-weight: normal; } .banner_box h5 p { font-size: 0; margin-top: 0.28rem; } .banner_box h5 p a { display: inline-block; vertical-align: top; font-size: 0.18rem; color: #fff; opacity: 0.5; transition: all 0.5s; -webkit-transition: all 0.5s; } .banner_box h5 p a::after { content: "/"; display: inline-block; vertical-align: top; margin: 0 0.1rem; } .banner_box h5 p a:last-of-type { opacity: 1; } .banner_box h5 p a:last-of-type::after { display: none; } .banner_box em { display: block; height: 100vh; background-repeat: no-repeat; background-position: center; background-size: cover; } .banner_box i { content: ""; position: absolute; z-index: 3; width: 0.3rem; height: 0.18rem; margin-left: -0.15rem; left: 50%; bottom: 0.4rem; background: url(../img/jtx.png) no-repeat; background-size: contain; animation: mymove3 2s infinite; } .banner_box .wa_img { position: absolute; width: auto; height: 0.9rem; top: 50%; left: 50%; transform: translate(-50%, -50%); } .pd { padding: 0.42rem 0 0.6rem; } .fh_a { display: block; font-size: 0.16rem; color: #3dae6c; width: 2.1rem; height: 0.44rem; border: 1px solid #3dae6c; text-align: center; line-height: 0.44rem; margin: 0.5rem auto 0; transition: all 0.5s; -webkit-transition: all 0.5s; } .recruitqa_box {} .recruitqa_box ul { display: flex; display: -webkit-flex; flex-wrap: wrap; margin-top: -0.26rem; } .recruitqa_box ul li { width: 23.5%; flex-shrink: 0; margin-right: 2%; margin-top: 0.26rem; background: #f9f9f9; text-align: center; padding: 3% 2%; box-sizing: border-box; } .recruitqa_box ul li:nth-of-type(4n) { margin-right: 0; } .recruitqa_box ul li img { vertical-align: top; } .recruitqa_box ul li h6 { font-size: 0.14rem; color: #fff; background: #3dae6c; height: 0.44rem; line-height: 0.44rem; border-radius: 0.22rem; margin: 0.26rem 0; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .recruitqa_box ul li dd { font-size: 0.14rem; color: #666; line-height: 1.8; } .process_box {} .process_box .box1 { background: url(../img/bg9.jpg) no-repeat; background-size: cover; padding: 10% 0; margin-bottom: 0.6rem; } .process_box .box1 ul { font-size: 0; text-align: center; } .process_box .box1 li { display: inline-block; vertical-align: top; text-align: center; width: 9%; margin-right: 4%; position: relative; } .process_box .box1 li:last-of-type { margin-right: 0; } .process_box .box1 li::after { content: ""; position: absolute; padding-bottom: 20%; width: 43%; left: 100%; top: calc(50% - 0.27rem); transform: translateY(-50%); background: url(../img/tb26.png) no-repeat center; background-size: 70%; } .process_box .box1 li:last-of-type:last-of-type::after { display: none; } .process_box .box1 li img { width: 100%; vertical-align: top; border-radius: 50%; box-shadow: 0 0 0.2rem rgba(61, 174, 108, 0.8); } .process_box .box1 li span { display: block; font-size: 0.22rem; color: #fff; margin-top: 0.3rem; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2); } .process_box .box2 {} .process_box .box2 dd { float: left; background: #f9f9f9; width: 22%; margin-right: 4%; margin-top: 4%; padding: 0.4rem 0.2rem; box-sizing: border-box; position: relative; } .process_box .box2 dd:last-of-type::before { display: none; } .process_box .box2 dd:last-of-type::after { display: none; } .process_box .box2 dd::after { content: ""; position: absolute; width: 18%; border-top: 1px dashed #3dae6c; top: 50%; left: 100%; } .process_box .box2 dd::before { content: ""; position: absolute; width: 18%; padding-bottom: 18%; background: url(../img/tb34.png) no-repeat center; top: 50%; left: 100%; margin-top: -9%; } .process_box .box2 dd:nth-of-type(1) { margin-top: 0; } .process_box .box2 dd:nth-of-type(2) { margin-top: 0; } .process_box .box2 dd:nth-of-type(3) { margin-top: 0; } .process_box .box2 dd:nth-of-type(4) { margin-top: 0; } .process_box .box2 dd:nth-of-type(4n) { margin-right: 0; } .process_box .box2 dd:nth-of-type(4n)::after { display: none; } .process_box .box2 dd:nth-of-type(4n)::before { display: none; } .process_box .box2 dd em { display: block; width: 40%; margin: 0 auto; } .process_box .box2 dd em img { width: 100%; vertical-align: top; } .process_box .box2 dd h6 { font-size: 0.26rem; text-align: center; margin: 0.24rem 0 0.3rem; } .process_box .box2 dd div {} .process_box .box2 dd p { background: #f2f2f2; line-height: 1.5; font-size: 0.18rem; color: #999; padding: 4px 0.2rem; margin-top: 6px; } .process_box .box2 dd p span { color: #666; margin-left: 0.10rem; } .salary_box {} .salary_box .box1 { margin-top: -0.26rem; display: flex; display: -webkit-flex; flex-wrap: wrap; } .salary_box .box1 li { flex: 0 0 31%; margin-right: 3.5%; padding: 3%; background: #fafafa; margin-top: 0.26rem; border-radius: 0.15rem; box-sizing: border-box; position: relative; } .salary_box .box1 li::after { content: ""; position: absolute; width: calc(100% - 0.32rem); height: calc(100% - 0.32rem); box-sizing: border-box; top: 0.16rem; left: 0.16rem; border: 2px solid #3dae6c; border-radius: 0.15rem; opacity: 0; transition: all 0.5s; -webkit-transition: all 0.5s; } .salary_box .box1 li:nth-of-type(3n) { margin-right: 0; } .salary_box .box1 li em { display: block; width: 0.92rem; height: 0.92rem; border-radius: 50%; margin: 0 auto; position: relative; box-sizing: border-box; border: 2px solid #3dae6c; transition: all 0.5s; -webkit-transition: all 0.5s; } .salary_box .box1 li em::before { content: ""; position: absolute; width: 1.0rem; height: 1.0rem; left: -7px; top: -7px; border-radius: 50%; border: 1px solid #3dae6c; } .salary_box .box1 li em img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: all 0.5s; -webkit-transition: all 0.5s; } .salary_box .box1 li em img:nth-of-type(1) { opacity: 1; } .salary_box .box1 li em img:nth-of-type(2) { opacity: 0; } .salary_box .box1 li h6 { font-size: 0.28rem; text-align: center; margin: 0.28rem 0 0.2rem; } .salary_box .box1 li p { font-size: 0.16rem; color: #666; text-align: center; line-height: 1.6; } .salary_box .box2 { position: relative; margin-top: 0.6rem; } .salary_box .box2 .img1 { width: 100%; vertical-align: top; } .salary_box .box2 .img2 { position: absolute; width: 64%; top: 50%; left: 50%; transform: translate(-50%, -50%); } .type_dl { background: #fff; } .type_dl dt { display: flex; display: -webkit-flex; } .type_dl dt a { flex-grow: 1; height: 0.6rem; line-height: 0.6rem; font-size: 0.18rem; text-align: center; position: relative; transition: all 0.5s; -webkit-transition: all 0.5s; } .type_dl dt a::after { content: ""; position: absolute; width: 1px; height: 60%; top: 20%; right: -1px; background: #e6e6e6; } .type_dl dt a:last-of-type::after { display: none; } .type_dl dt a.active { background: #3dae6c; color: #fff; } .classify_box { margin-top: 0.5rem; background: #fff; margin-top: 0.42rem; padding: 0.42rem 5% 0.6rem; } .classify_box .box1 { margin-bottom: 0.42rem; } .classify_box .box1 p { font-size: 0.16rem; color: #666; line-height: 1.6; margin-bottom: 0.3rem; } .classify_box .box1 img { width: 100% !important; vertical-align: top !important; } .classify_box .box2 {} .classify_box .box2 dl { font-size: 0; } .classify_box .box2 dl:first-of-type { border-top: 1px solid #e6e6e6; } .classify_box .box2 dt { position: relative; border-bottom: 1px solid #e6e6e6; padding: 0.18rem 0; line-height: 0.6rem; } .classify_box .box2 dt h6 { font-size: 0.18rem; width: 1.8rem; box-sizing: border-box; color: #666; display: inline-block; vertical-align: middle; } .classify_box .box2 dt ul { display: inline-block; vertical-align: middle; width: calc(100% - 2.9rem); box-sizing: border-box; border-left: 1px solid #e6e6e6; padding-left: 0.4rem; } .classify_box .box2 dt li { display: inline-block; vertical-align: top; font-size: 0.16rem; color: #999; margin-right: 10%; } .classify_box .box2 dt li:last-of-type { margin-right: 0; } .classify_box .box2 dt li span { color: #666; } .classify_box .box2 dt .dj_em { display: inline-block; vertical-align: middle; width: 1.1rem; height: 0.32rem; font-size: 0.14rem; text-align: center; line-height: 0.32rem; background: #e6e6e6; cursor: pointer; transition: all 0.5s; -webkit-transition: all 0.5s; } .classify_box .box2 dt .dj_em::after { content: "鐐瑰嚮灞曞紑"; } .classify_box .box2 dt .active { color: #fff; background: #3dae6c; } .classify_box .box2 dt .active::after { content: "鐐瑰嚮鍏抽棴"; } .classify_box .box2 dd { display: none; padding: 0.3rem; border-bottom: 1px solid #e6e6e6; } .classify_box .box2 dd div { margin-bottom: 0.24rem; padding-left: 0.2rem; display: inline-block; width: 46%; margin-right: 8%; vertical-align: top; box-sizing: border-box; } .classify_box .box2 dd div:nth-of-type(2n) { margin-right: 0; } .classify_box .box2 dd h6 { font-size: 0.16rem; margin-bottom: 0.12rem; margin-left: -0.2rem; } .classify_box .box2 dd div p { font-size: 0.16rem; color: #666; line-height: 1.6; } .classify_box .box2 dd button { display: block; width: 1.1rem; height: 0.32rem; font-size: 0.14rem; text-align: center; line-height: 0.32rem; background: #e6e6e6; border: none; cursor: pointer; transition: all 0.5s; -webkit-transition: all 0.5s; } .recruit_box {} .recruit_box .box1 { position: relative; padding-top: 0.42rem; } .recruit_box .box1 .gallery-top {} .recruit_box .box1 .gallery-top .swiper-slide {} .recruit_box .box1 .gallery-top .swiper-slide img { width: 100%; vertical-align: top; } .recruit_box .box1 .gallery-thumbs { position: absolute; bottom: 0; left: 0; width: 65%; background: #3dae6c; } .recruit_box .box1 .gallery-thumbs .swiper-slide { box-sizing: border-box; font-size: 0; padding: 0.1rem 1.0rem 0.1rem 0.14rem; } .recruit_box .box1 .gallery-thumbs .swiper-slide em { display: inline-block; vertical-align: top; width: 0.42rem; height: 0.42rem; } .recruit_box .box1 .gallery-thumbs .swiper-slide em img { width: 100%; vertical-align: top; } .recruit_box .box1 .gallery-thumbs .swiper-slide h6 { display: inline-block; vertical-align: top; box-sizing: border-box; width: calc(100% - 0.64rem); height: 0.42rem; line-height: 0.42rem; color: #fff; font-size: 0.2rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding-left: 0.2rem; margin-left: 0.2rem; border-left: 1px solid #b9e1c9; } .recruit_box .box1 .button_div { position: absolute; background: #3dae6c; z-index: 9; top: 50%; right: 0; padding: 0.1rem 0.14rem; height: 0.32rem; transform: translateY(-50%); font-size: 0; } .recruit_box .box1 .swiper-button-prev { display: inline-block; vertical-align: top; position: static; margin-top: 0; width: 0.32rem; height: 0.32rem; outline: none; background: url(../img/jtz.png) no-repeat; background-size: 100%; } .recruit_box .box1 .swiper-button-next { display: inline-block; vertical-align: top; margin-left: 0.1rem; position: static; margin-top: 0; width: 0.32rem; height: 0.32rem; outline: none; background: url(../img/jty.png) no-repeat; background-size: 100%; } .recruit_box .box2 {} .recruit_box .box2 .div { display: flex; display: -webkit-flex; justify-content: space-between; } .recruit_box .box2 .div a { position: relative; overflow: hidden; } .recruit_box .box2 .div a h5 { position: absolute; width: 100%; z-index: 3; margin-bottom: 0; top: 10%; left: 0; color: #fff; transition: all 0.5s; -webkit-transition: all 0.5s; } .recruit_box .box2 .div a h5 small { color: #fff; } .recruit_box .box2 .div a h5 i { display: block; text-align: center; margin-top: 0.16rem; } .recruit_box .box2 .div a.a1 { flex: 0 0 65%; } .recruit_box .box2 .div a.a1 dd { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: url(../img/bg11.png) no-repeat center; background-size: cover; box-sizing: border-box; opacity: 0; transition: all 0.5s; -webkit-transition: all 0.5s; } .recruit_box .box2 .div a.a1 dd div { position: absolute; width: 80%; left: 10%; top: 50%; transform: translateY(-50%); } .recruit_box .box2 .div a.a1 dd h6 { color: #fff; text-align: center; font-size: 0.28rem; margin-bottom: 0.24rem; } .recruit_box .box2 .div a.a1 dd p { font-size: 0.16rem; color: #fff; line-height: 2.0; } .recruit_box .box2 .div a.a2 { flex: 0 0 34%; } .recruit_box .box2 .div a img { width: 100%; height: 100%; vertical-align: top; transition: all 0.5s; -webkit-transition: all 0.5s; } .recruit_box .box3 { position: relative; overflow: hidden; padding-top: 0.42rem; } .recruit_box .box3 .luxy_el { position: absolute; left: 0; top: 14vh; width: 100%; height: 86vw; z-index: -1; background: url(../img/bg19.jpg) repeat; background-size: cover; background-repeat: no-repeat; background-position: center center; } .recruit_box .box3 li { /* float: left; width: 33.33%; text-align: center; position: relative; background-color: #38bdb9; */ /* flex: 1; width: 31%; float: left; height: 4rem; position: relative; margin-right: 0.26rem; margin-bottom: 0.26rem; background-color: #38bdb9; text-align: center; color: #fff; display: flex; flex-direction: column; justify-content: center; align-items: center; overflow: hidden; cursor: pointer; */ display: flex; } .recruit_box .box3 li dl { background-color: rgba(0, 0, 0, 0.7); } .recruit_box .box3 li em{ flex-shrink: 0; width: 0.82rem; height: 0.82rem; border-radius: 50%; background-color: #fff; } .recruit_box .box3 li em img{ width: 100%; } .recruit_box .box3 li h6{ font-size: 0.26rem; line-height: 1.4; margin-bottom: 0.10rem; font-weight: 600; } .recruit_box .box3 li h6:hover{ color: #22943a; } .recruit_box .box3 li p.con{ font-size: 0.16rem; /* padding: 0 0.24rem; */ line-height: 1.4; } .recruit_box .box3 li dl{ position: absolute; width: 90%; height: 90%; top: 0; /* left: 0; */ box-sizing: border-box; padding: 0 0.24rem; margin-top: 0.20rem; display: flex; flex-direction: column; justify-content: center; text-align: left; opacity: 0; transition: all 0.4s; } .recruit_box .box3 li:hover dl{ opacity: 1; top: 0; } .recruit_box .box3 li dt{ font-size: 0.26rem; line-height: 1.4; font-weight: bold; text-align: center; margin-bottom: 0.34rem; } .recruit_box .box3 li dd{ font-size: 0.16rem; line-height: 1.6; } .recruit_box .box3 li dd a { /* position: absolute; */ /* right: 1rem; */ /* bottom: 0.4rem; */ width: 1.6rem; height: 0.42rem; font-size: 0.14rem; color: #fff; margin-top: 0.2rem; text-align: center; line-height: 0.4rem; border: 1px solid rgba(255, 255, 255, 0.6); transition: all 0.5s; -webkit-transition: all 0.5s; } .recruit_box .box3 li dd a:hover { border: 1px solid rgba(61, 174, 108, 1); background: #3dae6c; } .recruit_box .box3 li dd a::after { content: ""; display: inline-block; vertical-align: middle; margin-top: -4px; margin-left: 0.1rem; width: 0.07rem; height: 0.11rem; background: url(../img/jt1.png) no-repeat center; background-size: contain; transition: all 0.5s; -webkit-transition: all 0.5s; } .recruit_box .box3 li dd strong{ font-weight: bold; } /* .recruit_box .box3 li:nth-of-type(1) { background-color: #38bdb9; } .recruit_box .box3 li:nth-of-type(2) { background-color: #23a3c1; } .recruit_box .box3 li:nth-of-type(3) { background-color: #49d29f; } .recruit_box .box3 li:nth-of-type(4) { background-color: #23a4c1; } .recruit_box .box3 li:nth-of-type(5) { background-color: #31646c; } .recruit_box .box3 li:nth-of-type(6) { background-color: #24a2c1; } .recruit_box .box3 li:nth-of-type(3n) { margin-right: 0; } */ /* .recruit_box .box3 ul a { display: block; width: 40%; margin: 0 auto; } */ .recruit_box .box3 ul a em { display: block; padding: 0.14rem; border-radius: 50%; background: rgba(61, 174, 108, 0.8); } .recruit_box .box3 ul a em img { width: 100%; vertical-align: top; border-radius: 50%; transition: all 0.5s; -webkit-transition: all 0.5s; } /* .recruit_box .box3 ul a h6 { position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 100%; color: #fff; font-size: 0.32rem; text-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); } */ .recruit_box .box3 ol { margin-top: 0.6rem; } .recruit_box .box3 ol a { display: block; width: 64%; margin: 0 auto; position: relative; border-radius: 1.0rem; transition: all 0.5s; -webkit-transition: all 0.5s; } .recruit_box .box3 ol a .bg_img { width: 100%; vertical-align: top; } .recruit_box .box3 ol a em { position: absolute; width: 30%; padding-bottom: 30%; top: 50%; left: 10%; transform: translateY(-50%); } .recruit_box .box3 ol a em img { position: absolute; width: 100%; height: 100%; top: 0; left: 0; transition: all 0.5s; -webkit-transition: all 0.5s; } .recruit_box .box3 ol a em img:nth-of-type(1) { opacity: 1; } .recruit_box .box3 ol a em img:nth-of-type(2) { opacity: 0; } .recruit_box .box3 ol a h6 { position: absolute; top: 50%; left: 46%; transform: translateY(-50%); color: #fff; font-size: 0.32rem; text-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); } .recruit_box .box4 { background: url(../img/bg8.jpg) no-repeat; background-size: cover; } .recruit_box .box4 .w82 { padding: 0.42rem 0 0.2rem; } .recruit_box .box4 .top_div { position: relative; } .recruit_box .box4 .gallery-top { box-sizing: border-box; border: 2px dashed #3dae6c; } .recruit_box .box4 .gallery-top .swiper-slide { box-sizing: border-box; padding: 0.2rem; font-size: 0; } .recruit_box .box4 .gallery-top .swiper-slide em { display: inline-block; vertical-align: middle; width: 28%; } .recruit_box .box4 .gallery-top .swiper-slide em img { width: 100%; vertical-align: top; } .recruit_box .box4 .gallery-top .swiper-slide div { display: inline-block; vertical-align: middle; width: 72%; box-sizing: border-box; padding-left: 3%; padding-right: 2%; } .recruit_box .box4 .gallery-top .swiper-slide div h5 { font-size: 0.26rem; margin-bottom: 0.14rem; } .recruit_box .box4 .gallery-top .swiper-slide div h6 { font-size: 0.14rem; color: #999; line-height: 1.6; margin-bottom: 0.3rem; } .recruit_box .box4 .gallery-top .swiper-slide div dd { font-size: 0.16rem; color: #666; line-height: 1.6; } .recruit_box .box4 .swiper-button-prev { width: 0.24rem; height: 0.42rem; margin-top: -0.21rem; left: -0.4rem; outline: none; background: url(../img/jt7.png) no-repeat; background-size: 100% 100%; } .recruit_box .box4 .swiper-button-next { width: 0.24rem; height: 0.42rem; margin-top: -0.21rem; right: -0.4rem; outline: none; background: url(../img/jt8.png) no-repeat; background-size: 100% 100%; } .recruit_box .box4 .gallery-thumbs { padding: 0.3rem 0; } .recruit_box .box4 .gallery-thumbs .swiper-slide { background: #fff; font-size: 0; box-sizing: border-box; padding: 6px; cursor: pointer; border: 2px solid #fff; transition: all 0.5s; -webkit-transition: all 0.5s; } .recruit_box .box4 .gallery-thumbs .swiper-slide-thumb-active { border: 2px solid #3dae6c; box-shadow: 0 0 0.15rem rgba(0, 0, 0, 0.2); } .recruit_box .box4 .gallery-thumbs .swiper-slide em { display: inline-block; vertical-align: middle; width: 30%; } .recruit_box .box4 .gallery-thumbs .swiper-slide em img { width: 100%; vertical-align: top; } .recruit_box .box4 .gallery-thumbs .swiper-slide div { display: inline-block; vertical-align: middle; width: 70%; box-sizing: border-box; padding-left: 0.12rem; } .recruit_box .box4 .gallery-thumbs .swiper-slide div h6 { font-size: 0.14rem; margin-bottom: 6px; } .recruit_box .box4 .gallery-thumbs .swiper-slide div p { font-size: 0.12rem; color: #999; line-height: 1.4; } .recruit_box .box5 {} .recruit_box .box5 .swiper-slide img { width: 100%; vertical-align: top; } .recruit_box .box5 .thumbs_div { position: relative; padding: 0.3rem 0.5rem; background: url(../img/bg5.jpg) repeat; } .recruit_box .box5 .swiper-button-prev { width: 0.21rem; height: 0.34rem; margin-top: -0.17rem; left: 0.1rem; outline: none; background: url(../img/jt9.png) no-repeat; background-size: 100% 100%; } .recruit_box .box5 .swiper-button-next { width: 0.21rem; height: 0.34rem; margin-top: -0.17rem; right: 0.1rem; outline: none; background: url(../img/jt10.png) no-repeat; background-size: 100% 100%; } .recruit_box .box5 .gallery-thumbs .swiper-slide { cursor: pointer; } .recruit_box .box5 .gallery-thumbs .swiper-slide::after { content: ""; position: absolute; width: calc(100% - 0.2rem); height: calc(100% - 0.2rem); box-sizing: border-box; top: 0.1rem; left: 0.1rem; border: 2px solid #3dae6c; opacity: 0; transition: all 0.5s; -webkit-transition: all 0.5s; } .recruit_box .box5 .gallery-thumbs .swiper-slide-thumb-active::after { opacity: 1; } .pc_box { position: fixed; bottom: 8%; right: -0.8rem; z-index: 11; transition: all 0.5s; -webkit-transition: all 0.5s; } .pc_box dt { position: absolute; cursor: pointer; top: 50%; right: 0.8rem; width: 0.56rem; padding: 0.06rem 0; font-size: 0.16rem; line-height: 1.2; color: #fff; box-sizing: border-box; padding-left: 0.30rem; transform: translateY(-50%); background: #3dae6c; border-top-left-radius: 5px; border-bottom-left-radius: 5px; box-shadow: 0 0 6px rgba(0, 0, 0, 0.2); transition: all 0.5s; -webkit-transition: all 0.5s; } .pc_box dt::after { content: ""; position: absolute; left: 3px; top: 50%; margin-top: -0.09rem; width: 0.18rem; height: 0.18rem; background: url(../img/jt11.png) no-repeat center; background-size: contain; transition: all 0.5s; -webkit-transition: all 0.5s; } .pc_box dd { position: relative; z-index: 3; width: 0.8rem; background: #fff; border-top-left-radius: 5px; border-bottom-left-radius: 5px; box-shadow: 0 0 0.15rem rgba(0, 0, 0, 0.2); box-sizing: border-box; padding: 0 0.06rem; } .pc_box dd a { display: block; text-align: center; padding: 0.1rem 0; border-bottom: 1px solid #f4f4f4; } .pc_box dd a:last-of-type { border: none; } .pc_box dd a em { display: block; width: 0.32rem; height: 0.32rem; position: relative; margin: 0 auto; } .pc_box dd a em img { position: absolute; top: 0; left: 0; width: 0.32rem; height: 0.32rem; transition: all 0.5s; -webkit-transition: all 0.5s; } .pc_box dd a em img:nth-of-type(1) { opacity: 1; } .pc_box dd a em img:nth-of-type(2) { opacity: 0; } .pc_box dd a span { display: block; font-size: 0.14rem; margin-top: 0.1rem; transition: all 0.5s; -webkit-transition: all 0.5s; } .hide_box { right: 0; } .hide_box dt { right: 0.48rem; } .hide_box dt::after { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .zwsq_box { display: none; position: fixed; width: 100%; height: 100%; z-index: 11; top: 0; left: 0; background: rgba(0, 0, 0, 0.8); } .zwsq_box .bg_img { width: 100%; vertical-align: top; } .zwsq_box .out_i { position: absolute; width: 0.4rem; height: 0.4rem; border-radius: 50%; background: url(../img/outh.png) no-repeat center #3dae6c; right: 0.2rem; top: 0.2rem; cursor: pointer; } .zwsq_box .zwsq_div { width: 510px; background: #fff; border-radius: 0.1rem; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); overflow: hidden; } .zwsq_box .zwsq_div h6 { height: 0.8rem; line-height: 0.8rem; text-align: center; background: #f7f7f7; font-size: 0.2rem; position: relative; } .zwsq_box .zwsq_div h6 .out_i { position: absolute; width: 0.4rem; height: 0.4rem; background: url(../img/out.png) no-repeat center; right: 0; top: 0; cursor: pointer; } .zwsq_box .zwsq_div form { padding: 0.5rem 0.8rem; } .zwsq_box .zwsq_div form label { display: block; font-size: 0; margin-bottom: 0.1rem; } .zwsq_box .zwsq_div form label span { display: inline-block; vertical-align: middle; width: 110px; height: 36px; line-height: 36px; color: #666; font-size: 0.16rem; } .zwsq_box .zwsq_div form label span i { color: red; } .zwsq_box .zwsq_div form label span .hide_i { visibility: hidden; } .zwsq_box .zwsq_div form label input { display: inline-block; vertical-align: middle; width: calc(100% - 120px); border: 1px solid #3dae6c; height: 34px; line-height: 34px; text-align: center; font-size: 0.16rem; color: #3dae6c; } .zwsq_box .zwsq_div form label dd { display: inline-block; vertical-align: middle; width: calc(100% - 120px); border: 1px solid #3dae6c; height: 34px; line-height: 34px; text-align: center; font-size: 0.16rem; color: #3dae6c; position: relative; cursor: pointer; transition: all 0.5s; -webkit-transition: all 0.5s; } .zwsq_box .zwsq_div form em { display: block; margin-left: 110px; font-size: 0.12rem; color: #999; } .zwsq_box .zwsq_div form button { display: block; width: 1.8rem; height: 0.36rem; margin: 0.4rem auto 0; background: #3dae6c; color: #fff; border: none; font-size: 0.16rem; } .zwsq_box .zwsq_div form label dd .controls { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .zwsq_box .zwsq_div form label dd .fileupload { position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: 0; } .zwsq_box .zwsq_div form label dd #js-photo-show { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } #js-photo-show, #js-photo_v-show { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .zwsq_box .zwsq_div form label dd .btn-success { opacity: 0; } .zwsq_box .zwsq_div form label dd .img-list { width: 100%; background: #fff; padding: 0 0.14rem; box-sizing: border-box; } .zwsq_box .zwsq_div form label dd #js-photo-show a { display: block; width: 100%; border: none; overflow: hidden; } #js-photo-show a, #js-photo_v-show a { display: block; width: 100%; border: none; overflow: hidden; } .zwsq_box .zwsq_div form label dd #js-photo-show a img { height: 0.32rem !important; vertical-align: top; width: auto; } #js-photo-show a img, #js-photo_v-show a img { height: 0.32rem !important; vertical-align: top; width: auto; } .zwsq_box .zwsq_div form label dd .img-list-action { position: absolute; top: 0; right: -0.5rem; background: #fff; } .zwsq_box .zwsq_div form label dd .btn-del { border: none; width: auto !important; font-size: 0; padding: 0 6px !important; } .zwsq_box .zwsq_div form label dd .btn-del::after { content: "鍒犻櫎"; font-size: 0.16rem; } .society_box {} .society_box form { font-size: 0; height: 0.7rem; } .society_box form select { display: inline-block; vertical-align: top; width: 43%; height: 100%; background: #fff; margin-right: 1%; border: none; font-size: 0.18rem; box-sizing: border-box; padding: 0 0.24rem; color: #666; } .society_box form button { display: inline-block; vertical-align: top; width: 12%; height: 100%; border: none; background: #3dae6c; font-size: 0.18rem; color: #fff; } .society_box .zplb_dl { margin-top: 0.3rem; padding-bottom: 0.3rem; background: #fff; } .society_box .zplb_dl dt { font-size: 0; height: 0.7rem; line-height: 0.7rem; background: #b4b4b4; } .society_box .zplb_dl dt span { display: inline-block; vertical-align: top; width: 20%; text-align: center; font-size: 0.18rem; color: #fff; } .society_box .zplb_dl dd {} .society_box .zplb_dl dd h6 { font-size: 0; height: 0.7rem; line-height: 0.7rem; position: relative; } .society_box .zplb_dl dd h6::after { content: ""; position: absolute; width: 90%; left: 5%; bottom: 0; border-bottom: 1px dashed #ccc; } .society_box .zplb_dl dd h6 span { display: inline-block; vertical-align: top; width: 20%; color: #666; text-align: center; font-size: 0.18rem; } .society_box .zplb_dl dd h6 .ckxq_span { color: #3dae6c; cursor: pointer; } .society_box .zplb_dl dd h6 .ckxq_span::after { content: "鏌ョ湅璇︽儏"; } .society_box .zplb_dl dd h6 .active_span::after { content: "鐐瑰嚮鍏抽棴"; } .society_box .zplb_dl dd h6.active::after { opacity: 0; } .society_box .zplb_dl dd .nr_div { display: none; width: 90%; margin: 0 auto; background: #f7f7f7; font-size: 0; box-sizing: border-box; padding: 4%; position: relative; } .society_box .zplb_dl dd .nr_div::before { content: ""; position: absolute; left: 0.3rem; bottom: 100%; width: 0px; height: 0px; border-width: 8px; border-style: solid; border-color: transparent transparent #f7f7f7 transparent; } .society_box .zplb_dl dd .nr_div>div { display: inline-block; vertical-align: top; width: 48%; margin-right: 4%; } .society_box .zplb_dl dd .nr_div>div:nth-of-type(2n) { margin-right: 0; } .society_box .zplb_dl dd .nr_div strong { display: block; font-size: 0.16rem; font-weight: normal; margin-bottom: 0.12rem; } .society_box .zplb_dl dd .nr_div p { font-size: 0.16rem; line-height: 1.6; color: #666; } .society_box .zplb_dl dd .nr_div button { display: block; margin-top: 0.3rem; width: 1.1rem; height: 0.32rem; font-size: 0.14rem; text-align: center; line-height: 0.32rem; background: #e6e6e6; border: none; cursor: pointer; transition: all 0.5s; -webkit-transition: all 0.5s; } .society_box .gdfldy_a { width: 1.6rem; height: 1.6rem; display: block; margin: 0.4rem auto 0; border-radius: 50%; background-image: url(../img/tb50.png); background-repeat: no-repeat; background-size: 100% 100%; position: relative; } .society_box .gdfldy_a p { text-align: center; position: absolute; width: 100%; top: 50%; left: 0; transform: translateY(-54%); } .society_box .gdfldy_a p img { vertical-align: top; width: 0.42rem; } .society_box .gdfldy_a p span { display: block; font-size: 0.18rem; color: #fff; margin-top: 0.1rem; } .idea_box {} .idea_box .box1 { background: #fafafa; font-size: 0; } .idea_box .box1 div { display: inline-block; vertical-align: middle; width: 36%; box-sizing: border-box; font-size: 0.18rem; line-height: 2.4; box-sizing: border-box; padding: 0 3%; } .idea_box .box1 em { display: inline-block; vertical-align: middle; width: 64%; } .idea_box .box1 em img { width: 100%; vertical-align: top; } .idea_box .box2 { margin: 0.42rem 0; padding: 0.6rem 0; position: relative; overflow: hidden; } .idea_box .box2 .luxy_el { position: absolute; left: 0; top: -30vh; width: 100%; height: 86vw; z-index: 1; background: url(../img/tp24.jpg) repeat; background-size: cover; background-repeat: no-repeat; background-position: center center; } .idea_box .box2 .swiper-container { width: 74%; margin: 0 auto; font-size: 0; padding-left: 0.4rem; } .idea_box .box2 ul li {} .idea_box .box2 ul li h6 { position: absolute; top: 0; left: -0.4rem; width: 1.1rem; height: 1.1rem; background: url(../img/bg32.jpg) no-repeat; background-size: 100% 100%; border-radius: 5px; overflow: hidden; } .idea_box .box2 ul li h6 span { position: absolute; width: 100%; text-align: center; left: 0; top: 50%; box-sizing: border-box; padding: 0 0.16rem; transform: translateY(-50%); font-size: 0.22rem; line-height: 1.4; color: #fff; } .idea_box .box2 ul li div { width: 100%; padding-bottom: 260%; background: rgba(255, 255, 255, 0.8); background-size: 100% 100%; margin-top: 0.4rem; border-radius: 10px; } .idea_box .box2 ul li div dd { position: absolute; height: 60%; top: 30%; left: 50%; transform: translateX(-50%); font-size: 0.2rem; color: #666; line-height: 2.0; letter-spacing: 4px; writing-mode: vertical-rl; -webkit-writing-mode: vertical-rl; -ms-writing-mode: vertical-rl; } .idea_box .box2 ul li div dd p { white-space: nowrap; } .idea_box .box2 .swiper-pagination { display: none; bottom: 0; } .idea_box .box2 .swiper-pagination .swiper-pagination-bullet-active { background: #3dae6c; } .idea_box .box3 { position: relative; } .idea_box .box3 img { width: 100%; vertical-align: top; } .idea_box .box3 h5 { position: absolute; top: 14%; left: 6%; color: #fff; } .idea_box .box3 h5 strong { font-size: 0.52rem; display: block; font-style: italic; letter-spacing: 6px; } .idea_box .box3 h5 span { font-size: 0.78rem; } .idea_box .box3 h5 small { display: block; font-size: 0.2rem; margin: 0.4rem 0 0 0.6rem; } .news_box {} .news_box ul { margin-top: -0.5rem; } .news_box ul li { float: left; width: 23.5%; margin-right: 2%; margin-top: 0.5rem; } .news_box ul li:nth-of-type(4n) { margin-right: 0; } .news_box ul li a { display: block; padding-bottom: 0.2rem; border-bottom: 1px solid #ccc; transition: all 0.5s; -webkit-transition: all 0.5s; } .news_box ul li h6 { font-size: 0.2rem; line-height: 1.4; height: 0.54rem; overflow: hidden; transition: all 0.5s; -webkit-transition: all 0.5s; } .news_box ul li em { display: block; padding-bottom: 60%; margin: 0.2rem 0 0.16rem; overflow: hidden; position: relative; } .news_box ul li em i { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-size: cover; background-position: center; background-repeat: no-repeat; transition: all 0.5s; -webkit-transition: all 0.5s; } .news_box ul li em img { display: none; width: 100%; vertical-align: top; transition: all 0.5s; -webkit-transition: all 0.5s; } .news_box ul li dd { font-size: 0.14rem; color: #999; line-height: 1.6; height: 0.44rem; overflow: hidden; margin-bottom: 0.24rem; } .news_box ul li span { display: block; font-size: 0.14rem; color: #999; padding-left: 0.2rem; background: url(../img/tb22.png) no-repeat; background-size: contain; } .news_box ul li span::after { content: ""; float: right; margin-top: 2px; margin-right: 0.1rem; opacity: 0; width: 7px; height: 0.11rem; background: url(../img/jt6.png) no-repeat; background-size: contain; transition: all 0.5s; -webkit-transition: all 0.5s; } .page_box { font-size: 0; text-align: center; margin-top: 0.5rem; } .page_box .pagination { display: inline-block; vertical-align: top; } .page_box a { display: inline-block; vertical-align: top; font-size: 0.14rem; color: #fff; height: 0.38rem; line-height: 0.38rem; padding: 0 0.16rem; background: #ccc; margin: 0 6px; transition: all 0.5s; -webkit-transition: all 0.5s; } .page_box a.active { background: #3dae6c; } .culture_box {} .culture_box .box1 ul { display: flex; display: -webkit-flex; } .culture_box .box1 ul li { width: 31%; margin-right: 3.5%; flex-shrink: 0; background: #3dae6c; padding: 0.16rem; box-sizing: border-box; } .culture_box .box1 ul li div { background: #f2f2f2; box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.2); text-align: center; height: 100%; box-sizing: border-box; padding: 0.4rem 0.32rem; } .culture_box .box1 ul li img { vertical-align: top; width: 0.68rem; } .culture_box .box1 ul li h6 { font-size: 0.22rem; margin: 0.16rem 0; } .culture_box .box1 ul li h6::after { content: ""; display: block; width: 0.3rem; height: 2px; background: #3dae6c; margin: 0.12rem auto 0; } .culture_box .box1 ul li p { font-size: 0.16rem; color: #666; line-height: 1.6; } .culture_box .box2 { position: relative; overflow: hidden; } .culture_box .box2 .luxy_el { position: absolute; left: 0; top: 0; width: 100%; height: 68vw; z-index: -1; background: url(../img/bg22.jpg) repeat; background-size: cover; background-repeat: no-repeat; background-position: center center; } .culture_box .box2 dl { width: 60%; margin: 0 auto; border-radius: 0.1rem; box-sizing: border-box; padding: 0.34rem 5%; border: 0.1rem solid rgba(255, 255, 255, 0.2); position: relative; overflow: hidden; } /* .culture_box .box2 dl::before{ content: ""; position: absolute; top: -0.15rem; left: -0.15rem; width: calc(100% + 0.3rem); height: calc(100% + 0.3rem); background-image: url(../img/bg22.jpg); background-repeat: no-repeat; background-position: center; background-attachment: fixed; background-size: cover; filter: blur(8px); } */ .culture_box .box2 dl::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.5); } .culture_box .box2 dl dd { font-size: 0.2rem; line-height: 1.6; position: relative; z-index: 3; text-align: center; margin-bottom: 0.3rem; } .culture_box .box2 dl dd:last-of-type { margin-bottom: 0; } .culture_box .box2 dl dd::before { content: ""; display: block; width: 0.37rem; height: 0.37rem; background: url(../img/tb70.png) no-repeat; background-size: contain; margin: 0 auto 0.2rem; } .culture_box .box3 {} .culture_box .box3 ul { margin-top: -0.2rem; } .culture_box .box3 ul li { float: left; width: 23.5%; margin-right: 2%; margin-top: 0.2rem; text-align: center; background: #f2f2f2; padding: 3% 0; position: relative; overflow: hidden; cursor: pointer; box-sizing: border-box; border: 0.15rem solid #f2f2f2; } .culture_box .box3 ul li:nth-of-type(4n) { margin-right: 0; } .culture_box .box3 ul li img { vertical-align: top; margin-bottom: 0.12rem; width: 0.5rem; } .culture_box .box3 ul li h6 { font-size: 0.22rem; } .culture_box .box3 ul li div { position: absolute; width: 100%; height: 100%; top: 0.6rem; left: 0; background: #3dae6c; color: #fff; box-sizing: border-box; padding: 0.12rem; display: flex; display: -webkit-flex; align-content: center; flex-wrap: wrap; opacity: 0; transition: all 0.5s; -webkit-transition: all 0.5s; } .culture_box .box3 ul li div h6 { flex-shrink: 0; width: 100%; } .culture_box .box3 ul li div p { flex-shrink: 0; width: 100%; font-size: 0.16rem; line-height: 1.6; margin-top: 0.2rem; } .culture_box .box3 dl { margin-top: 0.3rem; padding: 8% 0; position: relative; overflow: hidden; } .culture_box .box3 dl .luxy_el { position: absolute; left: 0; top: 30vh; width: 100%; height: 68vw; z-index: -1; background: url(../img/bg23.jpg) repeat; background-size: cover; background-repeat: no-repeat; background-position: center center; } .culture_box .box3 dt {} .culture_box .box3 dt img { width: 100%; vertical-align: top; } .culture_box .box3 dd { width: 68%; margin: 0 auto; border-radius: 0.1rem; box-sizing: border-box; padding: 6% 5% 7%; border: 0.1rem solid rgba(255, 255, 255, 0.2); overflow: hidden; text-align: center; position: relative; } .culture_box .box3 dd::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.5); } /* .culture_box .box3 dd::before{ content: ""; position: absolute; top: -0.15rem; left: -0.15rem; width: calc(100% + 0.3rem); height: calc(100% + 0.3rem); background-image: url(../img/bg23.jpg); background-repeat: no-repeat; background-position: center bottom; background-attachment: fixed; background-size: cover; filter: blur(8px); } */ .culture_box .box3 dd i img { position: absolute; width: 81vw; top: 50%; left: 50%; transform: translate(-50%, -50%); } .culture_box .box3 dd img { position: relative; z-index: 3; vertical-align: top; width: 0.57rem; } .culture_box .box3 dd h6 { position: relative; z-index: 3; font-size: 0.28rem; margin: 0.3rem 0 0.5rem; } .culture_box .box3 dd p { position: relative; z-index: 3; font-size: 0.36rem; color: #333; font-weight: 600; } .culture_box .box4 { padding-bottom: 0.6rem; } .culture_box .box4 dl { margin-top: 0.3rem; padding: 8% 0; position: relative; overflow: hidden; } .culture_box .box4 dl .luxy_el { position: absolute; left: 0; top: 30vh; width: 100%; height: 68vw; z-index: -1; background: url(../img/tp341.jpg) repeat; background-size: cover; background-repeat: no-repeat; background-position: center center; } .culture_box .box4 dl dd { width: 68%; margin: 0 auto; border-radius: 0.1rem; box-sizing: border-box; padding: 5% 5%; border: 0.1rem solid rgba(255, 255, 255, 0.2); overflow: hidden; text-align: center; position: relative; } .culture_box .box4 dl dd::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(61, 174, 108, 0.4); } .culture_box .box4 dl dd img { position: relative; z-index: 3; height: 0.6rem; } .culture_box .box4 dl dd ul { display: flex; display: -webkit-flex; position: relative; z-index: 3; margin-top: 0.5rem; } .culture_box .box4 dl dd ul li { flex: 1; text-align: center; } .culture_box .box4 dl dd ul li i { display: block; margin: 0 auto 0.1rem; width: 0.56rem; height: 0.56rem; line-height: 0.56rem; background: #fff; border-radius: 50%; color: #3dae6c; font-size: 0.28rem; } .culture_box .box4 dl dd ul li p { display: block; font-size: 0.20rem; color: #fff; line-height: 1.6; } /* .culture_box .box4 dl{ display: flex; display: -webkit-flex; } */ /* .culture_box .box4 dt{ width: 68%; flex-shrink: 0; margin-right: 2%; position: relative; background-image: url(../img/tp34.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; padding: 6% 0; } .culture_box .box4 dt div{ margin: 0 auto; width: 68%; border-radius: 0.1rem; box-sizing: border-box; padding: 5% 7%; border: 0.1rem solid rgba(255,255,255,0.2); overflow: hidden; text-align: center; position: relative; } */ /* .culture_box .box4 dt div::before{ content: ""; position: absolute; top: -0.15rem; left: -0.15rem; width: calc(100% + 0.3rem); height: calc(100% + 0.3rem); background-image: url(../img/tp34.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; filter: blur(4px); } */ /* .culture_box .box4 dt div::after{ content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255,255,255,0.5); } .culture_box .box4 dt div p{ position: relative; z-index: 3; display: flex; display: -webkit-flex; justify-content: space-between; align-items: center; margin-bottom: 7%; } .culture_box .box4 dt div p img{ height: 0.48rem; } .culture_box .box4 dt div p i{ display: inline-block; vertical-align: top; width: 0.55rem; height: 0.26rem; background-image: url(../img/tb87.png); background-repeat: no-repeat; background-size: contain; } .culture_box .box4 dt div p strong{ font-weight: normal; font-size: 0.36rem; } .culture_box .box4 dt div p span{ font-size: 0.3rem; } .culture_box .box4 dt div h6{ position: relative; margin-top: 10%; z-index: 3; font-weight: bold; font-size: 0.42rem; text-shadow: 2px 2px 0 #fff; } .culture_box .box4{ padding-bottom: 0.6rem; } .culture_box .box4 dd{ width: 30%; flex-shrink: 0; background-image: url(../img/tp35.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; position: relative; } .culture_box .box4 dd ul{ position: absolute; width: calc(100% - 0.3rem); height: calc(100% - 0.3rem); top: 0.15rem; left: 0.15rem; background-image: url(../img/bg28.png); background-size: 100% 100%; box-sizing: border-box; display: flex; display: -webkit-flex; flex-wrap: wrap; align-content: space-around; padding: 10% 14%; } .culture_box .box4 dd ul li{ flex-shrink: 0; width: 100%; font-size: 0.26rem; line-height: 0.52rem; color: #fff; display: -webkit-flex; flex-wrap: wrap; justify-content: space-between; } .culture_box .box4 dd ul li span{ } .culture_box .box4 dd ul li i{ display: inline-block; vertical-align: top; width: 0.52rem; height: 0.52rem; text-align: center; background: #fff; color: #3dae6c; text-transform: uppercase; border-radius: 50%; margin-right: 0.1rem; } .culture_box .box4 dd ul li em{ } */ .leader_box {} .leader_box .box2 { position: relative; overflow: hidden; padding: 0.8rem 0; } .leader_box .box2 .luxy_el { position: absolute; left: 0; top: 8vh; width: 100%; height: 76vw; z-index: 1; background: url(../img/bg21.jpg) repeat; background-size: cover; background-repeat: no-repeat; background-position: center center; } .leader_box .box2 .w82 { position: relative; z-index: 3; } .leader_box .box2 h5 { color: #fff; } .leader_box .box2 h5 span { background: url(../img/tb4h.png) no-repeat right top; } .leader_box .box2 h6 { color: #fff; font-size: 0.2rem; line-height: 1.8; } .leader_box .box2 ul { margin-top: 5%; } .leader_box .box2 li { float: left; width: 17.6%; margin-right: 3%; } .leader_box .box2 li:nth-of-type(5) { margin-right: 0; } .leader_box .box2 li div { width: 100%; padding-bottom: 115.65%; background: url(../img/bg26.png) no-repeat; background-size: 100% 100%; position: relative; } .leader_box .box2 li em { position: absolute; width: 100%; text-align: center; left: 0; top: 50%; transform: translateY(-54%); } .leader_box .box2 li em img { width: 0.58rem; vertical-align: top; } .leader_box .box2 li em span { display: block; font-size: 0.22rem; color: #fff; margin-top: 0.24rem; } .leader_box .box2 .swiper-slide { color: #fff; text-align: center; } .leader_box .box2 .swiper-slide span { display: block; font-size: 0.24rem; margin-bottom: 0.16rem; } .leader_box .box2 .swiper-slide i { display: block; padding-bottom: 5%; background: url(../img/ryjt.png) no-repeat; background-size: 100% 100%; opacity: 0.45; } .leader_box .box2 .swiper-slide small { display: block; width: 1px; height: 0.5rem; background: #fff; margin: 0 auto; } .leader_box .box2 .swiper-slide img { width: 0.72rem; vertical-align: top; } .leader_box .box2 .swiper-slide h6 { font-size: 0.20rem; line-height: 1.6; padding: 0 12%; margin-top: 0.16rem; } .leader_box .box2 .btn_div { text-align: center; margin-top: 0.4rem; } .leader_box .box2 .btn_div .swiper-button-prev { display: inline-block; vertical-align: top; position: static; width: 0.38rem; height: 0.38rem; background: url(../img/jtz.png); background-size: 100% 100%; margin-top: 0; margin-right: 0.12rem; outline: none; } .leader_box .box2 .btn_div .swiper-button-next { display: inline-block; vertical-align: top; position: static; width: 0.38rem; height: 0.38rem; background: url(../img/jty.png); background-size: 100% 100%; margin-top: 0; outline: none; } .leader_box .box3 {} .leader_box .box3 ul { overflow: hidden; } .leader_box .box3 li { float: left; width: 18.4%; margin-right: 2%; position: relative; } .leader_box .box3 li:nth-of-type(5n) { margin-right: 0; } .leader_box .box3 li a { display: block; } .leader_box .box3 li em { display: block; overflow: hidden; position: relative; z-index: 6; border: 2px solid #e6e6e6; transition: all 0.5s; -webkit-transition: all 0.5s; } .leader_box .box3 li em img { width: 100%; vertical-align: top; transition: all 0.5s; -webkit-transition: all 0.5s; } .leader_box .box3 li h6 { text-align: center; font-size: 0.24rem; margin-top: 0.3rem; transition: all 0.5s; -webkit-transition: all 0.5s; } .leader_box .box3 li:nth-of-type(1) { z-index: 3; } .leader_box .box3 li dl { position: absolute; width: 445%; overflow: hidden; opacity: 0; height: calc(100% - 0.54rem); background: #6cb7bd; left: -344%; top: 0; display: flex; display: -webkit-flex; color: #fff; flex-direction: column; justify-content: center; box-sizing: border-box; padding: 0 14%; transition: all 0.5s; -webkit-transition: all 0.5s; } .leader_box .box3 li dt { font-size: 0.22rem; } .leader_box .box3 li dd { font-size: 0.18rem; line-height: 1.8; margin-top: 4%; } .leader_box .box1 { font-size: 0; position: relative; } .leader_box .divl { width: 28%; padding-top: 0.44rem; } .leader_box .divl .title_h5 { text-align: left; } .leader_box .divl .title_h5 i { display: inline-block; vertical-align: bottom; font-size: 0.2rem; margin-top: -2px; } .leader_box .divl dl {} .leader_box .divl dt { width: 100%; padding-bottom: 124.54%; background: url(../img/bg20.png) no-repeat; background-size: 100% 100%; position: relative; } .leader_box .divl dt img { position: absolute; width: 56%; bottom: 0; left: 22%; } .leader_box .divl dd { background: #3a8e95; color: #fff; font-size: 0.14rem; text-align: justify; line-height: 1.8; padding: 0.16rem 0.3rem; } .leader_box .h5 { height: 0.44rem; line-height: 0.44rem; background: url(../img/bg25.png) repeat; padding: 0 0.3rem; } .leader_box .h5 img { vertical-align: middle; width: 0.3rem; } .leader_box .h5 span { display: inline-block; vertical-align: middle; font-size: 0.2rem; color: #fff; margin-left: 6px; } .leader_box .divc { position: absolute; left: 28%; top: 0; height: 100%; width: 36%; background: #6cb7bd; box-sizing: border-box; padding: 0.6rem 0.2rem; } .leader_box .divc dl { height: 100%; overflow: hidden; } .leader_box .divc dd { margin-bottom: 0.34rem; } .leader_box .divc dd:last-of-type { margin-bottom: 0; } .leader_box .divc dd div { padding: 0.16rem 0.3rem 0; color: #fff; font-size: 0.14rem; line-height: 1.8; } .leader_box .divr { position: absolute; right: 0; top: 0; height: 100%; width: 36%; background: #f7f7f7; box-sizing: border-box; padding: 0.6rem 0.2rem; } .leader_box .divr .h5 { background: url(../img/bg24.png) repeat; } .leader_box .divr .h5 span { color: #666; } .leader_box .divr dl { padding: 0.16rem 0.3rem 0; color: #666; font-size: 0.14rem; line-height: 1.8; height: calc(100% - 0.44rem); box-sizing: border-box; } .leader_box .divr dd { height: 100%; overflow: hidden; } .leader_box .divr dl em { display: block; margin-top: 0.14rem; padding-left: 0.16rem; position: relative; } .leader_box .divr dl em::before { content: ""; position: absolute; left: 0; top: 0.1rem; width: 6px; height: 6px; background: #3dae6c; border-radius: 50%; } .leader_box .mCSB_inside>.mCSB_container { margin-right: 0.14rem; } .leader_box .mCSB_scrollTools { width: 4px; } .leader_box .mCSB_scrollTools .mCSB_draggerRail { background: #ddd; } .leader_box .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background: #3dae6c !important; } .about_box {} .about_box .box1 { background: url(../img/bg14.png) no-repeat; background-size: auto; /* padding-bottom: 0; */ } .about_box .box1 dl { font-size: 0; } .about_box .box1 dt { display: inline-block; vertical-align: middle; width: 50%; box-sizing: border-box; padding-right: 4%; } .about_box .box1 dt h6 { display: inline-block; color: #fff; margin-bottom: 0.3rem; font-size: 0.2rem; padding: 0.1rem 0.44rem 0.1rem 0.2rem; background: url(../img/tb4h.png) no-repeat right 0.2rem top 4px #3dae6c; } .about_box .box1 dt p { font-size: 0.16rem; color: #666; text-align: justify; line-height: 1.8; text-indent: 0.32rem; } .about_box .box1 dd { display: inline-block; vertical-align: middle; width: 50%; position: relative; } .about_box .box1 dd img { width: 100%; vertical-align: top; } .about_box .box1 dd::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 0.68rem; height: 0.68rem; background: url(../img/tb20.png) no-repeat; background-size: contain; } .about_box .box1 .swiper_div { position: relative; } .about_box .swiper-button-prev { width: 0.24rem; height: 0.43rem; background: url(../img/jt7.png) no-repeat center; background-size: contain; margin-top: -0.22rem; left: auto; right: 94%; outline: none; } .about_box .swiper-button-next { width: 0.24rem; height: 0.43rem; background: url(../img/jt8.png) no-repeat center; background-size: contain; margin-top: -0.22rem; right: auto; left: 94%; outline: none; } .about_box .box1 .swiper-container { padding: 0.6rem 0.3rem; box-sizing: content-box; } .about_box .box1 .swiper-pagination { display: none; } .about_box .box1 .swiper-slide { box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.2); cursor: pointer; } .about_box .box1 .swiper-slide::before { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: url(../img/bg27.jpg) no-repeat; background-size: 100% 100%; opacity: 0; transition: all 0.5s; -webkit-transition: all 0.5s; } .about_box .box1 .swiper-slide::after { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-image: url(../img/bg15.png); background-repeat: no-repeat; background-position: center; background-size: 100% 100%; opacity: 0.4; transition: all 0.5s; -webkit-transition: all 0.5s; } .about_box .box1 .swiper-slide:nth-of-type(2n)::after { background-image: url(../img/bg16.png); } .about_box .box1 .swiper-slide:nth-of-type(3n)::after { background-image: url(../img/bg17.png); } .about_box .box1 .swiper-slide:nth-of-type(4n)::after { background-image: url(../img/bg18.png); } .about_box .box1 .swiper-slide h6 { text-align: center; padding: 16% 0; position: relative; z-index: 3; } .about_box .box1 .swiper-slide h6 span { font-family: "BEBAS"; font-size: 0.5rem; color: #3dae6c; display: block; transition: all 0.5s; -webkit-transition: all 0.5s; } .about_box .box1 .swiper-slide h6 sup { vertical-align: top; display: inline-block; font-size: 0.34rem; } .about_box .box1 .swiper-slide h6 small { display: block; font-size: 0.16rem; color: #666; margin-top: 0.2rem; transition: all 0.5s; -webkit-transition: all 0.5s; } .about_box .box2 {} .about_box .box2 .swiper_div { position: relative; } .about_box .box2 .swiper-container { padding: 0 0.1rem; box-sizing: content-box; } .about_box .box2 .swiper-wrapper { align-items: flex-end; } .about_box .box2 .swiper-slide { box-sizing: border-box; padding: 0.44rem 0.44rem 0.9rem 0.16rem; background: url(../img/bg29.png) no-repeat left bottom 0.4rem; background-size: 100%; } .about_box .box2 .swiper-slide::before { content: ""; position: absolute; left: -0.07rem; top: 0; background-image: url(../img/tb61.png); background-size: cover; background-repeat: no-repeat; background-position: 0 0; width: 0.17rem; height: 0.19rem; transition: all 0.5s; -webkit-transition: all 0.5s; } .about_box .box2 .swiper-slide::after { content: ""; position: absolute; top: 0.24rem; left: 0; width: 1px; height: calc(100% - 1.0rem); background: #b0b0b0; transition: all 0.5s; -webkit-transition: all 0.5s; } .about_box .box2 .swiper-slide h6 { font-size: 0.24rem; margin-bottom: 0.2rem; } .about_box .box2 .swiper-slide p { font-size: 0.16rem; color: #666; line-height: 1.6; } .about_box .box2 .swiper-slide em { display: block; margin-top: 0.2rem; overflow: hidden; height: 1.68rem; } .about_box .box2 .swiper-slide img { width: 100%; vertical-align: top; transition: all 0.5s; -webkit-transition: all 0.5s; } .about_box .box2 .swiper-slide h5 { position: absolute; bottom: 0; left: 0; font-size: 0.2rem; transition: all 0.5s; -webkit-transition: all 0.5s; } .about_box .box3 { overflow: hidden; position: relative; } .about_box .box3 .luxy_el { position: absolute; left: 0; top: 24vh; width: 100%; height: 86vw; z-index: -1; background: url(../img/bg19.jpg) repeat; background-size: cover; background-repeat: no-repeat; background-position: center center; } .about_box .box3 .title_h5 { margin-bottom: 0.3rem; } .about_box .box3 .title_h5 span { color: #fff; background: url(../img/tb4h.png) no-repeat right top; } .about_box .box3 .swiper-container { width: 100%; padding: 0.2rem 1px 0.6rem; margin-left: -1px; } .about_box .box3 .swiper-pagination { bottom: 0; } .about_box .box3 .swiper-pagination span { width: 8px; height: 8px; border: 1px solid #fff; background: rgba(255, 255, 255, 0); opacity: 1; } .about_box .box3 .swiper-pagination .swiper-pagination-bullet-active { background: rgba(255, 255, 255, 1); } .about_box .box3 .swiper-slide { padding-bottom: 19%; box-sizing: border-box; border: 1px solid #fff; } .about_box .box3 .swiper-slide .bg_img { position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: 0; -webkit-transform: scale(0.6); transform: scale(0.6); transition: all 0.5s; -webkit-transition: all 0.5s; } .about_box .box3 .swiper-slide h5 { position: absolute; width: 100%; left: 0; top: 50%; transform: translateY(-50%); text-align: center; transition: all 0.5s; -webkit-transition: all 0.5s; } .about_box .box3 .swiper-slide h5 img { vertical-align: top; width: 0.8rem; } .about_box .box3 .swiper-slide h5 span { display: block; font-size: 0.24rem; color: #fff; margin-top: 0.24rem; } .about_box .box4 {} .about_box .box4 em { display: block; } .about_box .box4 em img { width: 100%; vertical-align: top; } .newsinfo_box { background: #fff; padding: 0.5rem 9%; margin: 0.5rem auto; } .newsinfo_box .divt { border-bottom: 1px solid #ccc; padding-bottom: 0.2rem; } .newsinfo_box .divt h5 { font-size: 0.26rem; margin-bottom: 0.16rem; line-height: 1.4; } .newsinfo_box .divt h6 { font-size: 0.16rem; color: #666; margin-bottom: 0.22rem; line-height: 1.6; } .newsinfo_box .divt em { font-size: 0.14rem; color: #999; } .newsinfo_box .bdsharebuttonbox { float: right; margin-top: -0.1rem; font-size: 0.14rem; color: #999; height: 0.25rem; line-height: 0.25rem; } .newsinfo_box .bdsharebuttonbox a { float: none; width: 0.26rem; height: 0.25rem; display: inline-block; vertical-align: top; margin-top: -2px; padding: 0; margin: 0 0 0 4px; background-image: url(../img/tb10.jpg); background-repeat: no-repeat; } .newsinfo_box .bdsharebuttonbox a.bds_weixin { background-position: 0 0; } .newsinfo_box .bdsharebuttonbox a.bds_tsina { background-position: -0.35rem 0; } .newsinfo_box .bdsharebuttonbox a.bds_sqq { background-position: -0.7rem 0; } .newsinfo_box .divm { padding: 0.4rem 0; font-size: 0.16rem; color: #666; line-height: 1.6; } .newsinfo_box .divm p { text-indent: 0.32rem; margin-bottom: 0.24rem; } .newsinfo_box .divm span { display: block; } .newsinfo_box .divm img { max-width: 100%; display: block; } .newsinfo_box .divb { padding-right: 2.0rem; position: relative; min-height: 0.41rem; } .newsinfo_box .divb a.link_a { display: block; font-size: 0.16rem; line-height: 2.0; color: #999; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; transition: all 0.5s; -webkit-transition: all 0.5s; } .newsinfo_box .divb a.return_a { position: absolute; right: 0; top: 50%; margin-top: -0.2rem; width: 1.58rem; height: 0.39rem; line-height: 0.39rem; text-align: center; border: 1px solid #3dae6c; font-size: 0.16rem; color: #3dae6c; transition: all 0.5s; -webkit-transition: all 0.5s; } .cooperation_box {} .cooperation_box .box1 {} .cooperation_box .hs_box { background: #ededed; } .cooperation_box .box1 ul { margin-top: -0.24rem; } .cooperation_box .box1 ul li { float: left; width: 23.5%; margin-right: 2%; background: #fff; margin-top: 0.24rem; cursor: pointer; } .cooperation_box .box1 ul li:nth-of-type(4n) { margin-right: 0; } .cooperation_box .box1 ul li em { display: block; width: 100%; padding-bottom: 64%; position: relative; overflow: hidden; } .cooperation_box .box1 ul li em img { position: absolute; width: auto; height: auto; max-width: 90%; max-height: 90%; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: all 0.5s; -webkit-transition: all 0.5s; } .cooperation_box .box1 ul li span { display: block; width: 84%; margin: 0 auto; border-top: 1px solid #ccc; font-size: 0.18rem; color: #666; padding: 0.16rem 0; text-align: center; } .cooperation_box .box1 dl { text-align: center; font-size: 0; margin-top: 0.5rem; } .cooperation_box .box1 dl dd { display: inline-block; vertical-align: top; margin: 0 1%; text-align: left; width: 24%; font-size: 0.22rem; height: 0.56rem; line-height: 0.56rem; padding: 0.08rem 0.08rem 0.08rem 0.8rem; border: 1px solid #3dae6c; border-radius: 0.4rem; background-repeat: no-repeat; background-size: 0.56rem; background-position: 0.08rem 0.08rem; } .cooperation_box .box1 dl dd:nth-of-type(1) { background-image: url(../img/tb92.png); } .cooperation_box .box1 dl dd:nth-of-type(2) { background-image: url(../img/tb93.png); } .cooperation_box .box1 dl dd:nth-of-type(3) { background-image: url(../img/tb94.png); } .cooperation_box .box2 {} .cooperation_box .box2 .dt_div { width: 66%; position: relative; margin: 0 auto; margin-top: 0.8rem; } .cooperation_box .box2 .dt_div img { width: 100%; vertical-align: top; } .cooperation_box .box2 .dt_div span { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .cooperation_box .box2 .dt_div span i { position: absolute; width: 10px; height: 10px; background: #3dae6c; border-radius: 50%; } .cooperation_box .box2 .dt_div span i::before { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: #3dae6c; border-radius: 50%; opacity: 0; } .cooperation_box .box2 .dt_div span i::after { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: #3dae6c; border-radius: 50%; opacity: 0; } .cooperation_box .box2 .dt_div span i.i1 { top: 34%; left: 58.5%; } .cooperation_box .box2 .dt_div span i.i2 { top: 16.5%; left: 15%; } .cooperation_box .box2 .dt_div span i.i3 { top: 8.5%; left: 66%; } .cooperation_box .box2 .dt_div span i.i4 { top: 54%; left: 27.5%; } .cooperation_box .box2 .dt_div span i.i5 { top: 70.5%; left: 53.2%; } .cooperation_box .box2 .dt_div span i.i6 { top: 12.5%; left: 83%; } .cooperation_box .box2 .dt_div span i.i7 { top: 73%; left: 83.5%; } .cooperation_box .box2 .dt_div span i.i8 { top: 3%; left: 39%; } .cooperation_box .box2 .dt_div span i.i1::before { animation: myfirst 3s linear infinite; -webkit-animation: myfirst 3s linear infinite; } .cooperation_box .box2 .dt_div span i.i1::after { animation: myfirst 3s 1.5s linear infinite; -webkit-animation: myfirst 3s 1.5s linear infinite; } .cooperation_box .box2 .dt_div span i.i2::before { animation: myfirst 3s 0.5s linear infinite; -webkit-animation: myfirst 3s 0.5s linear infinite; } .cooperation_box .box2 .dt_div span i.i2::after { animation: myfirst 3s 2s linear infinite; -webkit-animation: myfirst 3s 2s linear infinite; } .cooperation_box .box2 .dt_div span i.i3::before { animation: myfirst 3s 1s linear infinite; -webkit-animation: myfirst 3s 1s linear infinite; } .cooperation_box .box2 .dt_div span i.i3::after { animation: myfirst 3s 2.5s linear infinite; -webkit-animation: myfirst 3s 2.5s linear infinite; } .cooperation_box .box2 .dt_div span i.i4::before { animation: myfirst 3s 1.5s linear infinite; -webkit-animation: myfirst 3s 1.5s linear infinite; } .cooperation_box .box2 .dt_div span i.i4::after { animation: myfirst 3s 3s linear infinite; -webkit-animation: myfirst 3s 3s linear infinite; } .cooperation_box .box2 .dt_div span i.i5::before { animation: myfirst 3s 2s linear infinite; -webkit-animation: myfirst 3s 2s linear infinite; } .cooperation_box .box2 .dt_div span i.i5::after { animation: myfirst 3s 3.5s linear infinite; -webkit-animation: myfirst 3s 3.5s linear infinite; } .cooperation_box .box2 .dt_div span i.i6::before { animation: myfirst 3s 2.5s linear infinite; -webkit-animation: myfirst 3s 2.5s linear infinite; } .cooperation_box .box2 .dt_div span i.i6::after { animation: myfirst 3s 4s linear infinite; -webkit-animation: myfirst 3s 4s linear infinite; } .cooperation_box .box2 .dt_div span i.i7::before { animation: myfirst 3s 3s linear infinite; -webkit-animation: myfirst 3s 3s linear infinite; } .cooperation_box .box2 .dt_div span i.i7::after { animation: myfirst 3s 4.5s linear infinite; -webkit-animation: myfirst 3s 4.5s linear infinite; } .cooperation_box .box2 .dt_div span i.i8::before { animation: myfirst 3s 3.5s linear infinite; -webkit-animation: myfirst 3s 3.5s linear infinite; } .cooperation_box .box2 .dt_div span i.i8::after { animation: myfirst 3s 5s linear infinite; -webkit-animation: myfirst 3s 5s linear infinite; } .hzly_box { display: none; position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 11; background: rgba(0, 0, 0, 0.6); } .hzly_box form { position: absolute; width: 62%; background: #fff; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; padding: 3% 0; } .hzly_box form .out_i { position: absolute; top: 0; right: 0; width: 0.6rem; height: 0.6rem; cursor: pointer; background: url(../img/out1.png) no-repeat center; } .hzly_box form h5 { font-size: 0.3rem; margin-bottom: 0.4rem; } .hzly_box form label { display: block; font-size: 0.18rem; margin-bottom: 0.2rem; } .hzly_box form label span { display: inline-block; vertical-align: top; width: 1.0rem; height: 0.46rem; line-height: 0.46rem; text-align: right; margin-right: 0.2rem; } .hzly_box form label input { vertical-align: top; width: 50%; height: 0.46rem; box-sizing: border-box; border: 1px solid #ccc; padding: 0 0.2rem; } .hzly_box form label textarea { vertical-align: top; width: 50%; height: 1.4rem; resize: none; box-sizing: border-box; border: 1px solid #ccc; padding: 0.1rem 0.2rem; line-height: 1.6; } .hzly_box form label .sc_div { display: inline-block; vertical-align: top; width: 50%; } .hzly_box form label .sc_div span { display: block; width: 1.8rem; height: 0.46rem; line-height: 0.46rem; text-align: center; color: #fff; background: #3dae6c; } .hzly_box form label .sc_div p { text-align: left; font-size: 0.14rem; color: #999; margin-top: 0.2rem; } .hzly_box form button { display: block; margin: 0 auto; width: 2.4rem; height: 0.46rem; background: #3dae6c; color: #fff; font-size: 0.18rem; border: none; margin-top: 4%; } .contact_box {} .contact_box ul {} .contact_box ul li { float: left; width: 24.25%; margin-right: 1%; box-sizing: border-box; padding: 0.2rem; background: #f7f7f7; font-size: 0; } .contact_box ul li:nth-of-type(4n) { margin-right: 0; } .contact_box ul li img { width: 0.7rem; vertical-align: middle; } .contact_box ul li span { display: inline-block; vertical-align: middle; width: calc(100% - 0.7rem); box-sizing: border-box; padding-left: 0.2rem; font-size: 0.18rem; } .contact_box ul li span small { display: block; font-size: 0.16rem; color: #666; margin-top: 0.1rem; } .contact_box .map_div { margin-top: 0.14rem; margin-bottom: 0.42rem; position: relative; width: 100%; padding-bottom: 36%; } .contact_box #map { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .contact_box form { font-size: 0; } .contact_box form input { display: inline-block; vertical-align: top; width: 32%; margin-right: 2%; box-sizing: border-box; border: 1px solid #ccc; height: 0.68rem; font-size: 0.18rem; padding: 0 0.2rem; } .contact_box form input:nth-of-type(3) { margin-right: 0; } .contact_box form textarea { width: 100%; height: 1.4rem; margin-top: 0.2rem; box-sizing: border-box; border: 1px solid #ccc; font-size: 0.18rem; line-height: 1.5; resize: none; padding: 0.1rem 0.2rem; } .contact_box form button { display: block; width: 32%; height: 0.68rem; background: #3dae6c; border: none; color: #fff; font-size: 0.18rem; margin: 0.3rem auto 0; } .product_box {} .product_box .box2 { background: #f7f7f7; } .product_box .box2 .w82 { position: relative; text-align: right; } .product_box .box2 .gallery-thumbs { text-align: left; position: absolute; width: 25%; height: 100%; top: 0; left: 0; background: #fff; } .product_box .box2 .gallery-thumbs .swiper-slide { box-sizing: border-box; padding: 0.1rem; cursor: pointer; transition: all 0.5s; -webkit-transition: all 0.5s; } .product_box .box2 .gallery-thumbs .swiper-slide h6 { width: 100%; height: 100%; box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.1); display: flex; display: -webkit-flex; align-items: center; justify-content: center; position: relative; z-index: 3; } .product_box .box2 .gallery-thumbs .swiper-slide h6 em { vertical-align: middle; width: 0.4rem; height: 0.4rem; overflow: hidden; margin-right: 0.06rem; transition: all 0.5s; -webkit-transition: all 0.5s; } .product_box .box2 .gallery-thumbs .swiper-slide h6 em img { width: 0.4rem; vertical-align: top; } .product_box .box2 .gallery-thumbs .swiper-slide h6 span { display: inline-block; vertical-align: middle; font-size: 0.24rem; line-height: 0.4rem; transition: all 0.5s; -webkit-transition: all 0.5s; } .product_box .box2 .gallery-thumbs .swiper-slide::before { content: ""; position: absolute; width: calc(100% - 0.2rem); height: 1px; left: 0.1rem; bottom: -1px; background: #e6e6e6; } .product_box .box2 .gallery-thumbs .swiper-slide::after { content: ""; position: absolute; width: 0; height: 100%; top: 0; left: 0; opacity: 0; background-color: #3dae6c; background-repeat: no-repeat; background-position: center; background-size: auto 80%; transition: all 0.5s; -webkit-transition: all 0.5s; } .product_box .box2 .gallery-thumbs .swiper-slide:nth-of-type(1)::after { background-image: url(../img/cptb5.png); } .product_box .box2 .gallery-thumbs .swiper-slide:nth-of-type(2)::after { background-image: url(../img/cptb1.png); } .product_box .box2 .gallery-thumbs .swiper-slide:nth-of-type(3)::after { background-image: url(../img/cptb2.png); } .product_box .box2 .gallery-thumbs .swiper-slide:nth-of-type(4)::after { background-image: url(../img/cptb3.png); } .product_box .box2 .gallery-thumbs .swiper-slide:nth-of-type(5)::after { background-image: url(../img/cptb4.png); } .product_box .box2 .gallery-thumbs .swiper-slide-thumb-active h6 { box-shadow: none; } .product_box .box2 .gallery-thumbs .swiper-slide-thumb-active h6 em { width: 0; } .product_box .box2 .gallery-thumbs .swiper-slide-thumb-active h6 span { color: #fff; } .product_box .box2 .gallery-thumbs .swiper-slide-thumb-active::after { width: 100%; opacity: 1; } .product_box .box2 .swiper-pagination { display: none; } .product_box .box2 .gallery-top { display: inline-block; vertical-align: top; width: 75%; } .product_box_info .box2 .gallery-top { display: inline-block; vertical-align: top; width: 100%; padding-bottom: 30px; } .product_box_info .box2 .swiper-pagination-bullet-active{ background: #22943a; } .product_box_info .box2 .swiper-pagination { bottom: 7px; } .product_box_info .box2 .swiper-pagination { display: block; } .product_box_info .box2 .info_con img{ width: 100%; } .product_box_info .box2{ background: #fff; } .product_box_body .head_box{ /* background: rgba(0, 0, 0, 0.4); */ box-shadow: 0 0 0.1rem rgb(0 0 0 / 20%); } .product_box_body .head_box .logo_a{ display: inline-block; vertical-align: top; height: 100%; width: 1.5rem; background: url(../img/cpinfologo.png) no-repeat center; background-size: contain; transition: all 0.5s; -webkit-transition: all 0.5s; } .product_box_body .headb_box .logo_a{ display: inline-block; vertical-align: top; height: 100%; width: 1.2rem; background: url(../img/logo.png) no-repeat center; background-size: contain; transition: all 0.5s; -webkit-transition: all 0.5s; } .product_box_body .head_box .nav_ul li>a::after{ background: #22943a; } .product_box_body .head_box .nav_ul li.active>a { color: #22943a; } .product_box_body .head_box .nav_ul li>a{ color: #333; } .product_box_body .headb_box .nav_ul li>a{ color: #fff; } .product_box_info{ margin-top: 1.1rem; } .product_box_info .box2 h6{ font-size: 0.36rem; color: #333333; text-align: center; font-weight: 100; margin-top: 0.5rem; } .product_box_info .box2 .small{ display: block; font-size: 0.24rem; color: #333333; font-weight: 100; width: 42%; text-align: center; line-height: 1.8; margin: 0.1rem auto 0; margin-bottom: 0.5rem; } .product_box .box2 .gallery-top .swiper-slide img { width: 100%; vertical-align: top; } .product_box .box2 .gallery-top .swiper-slide a { position: absolute; right: 0.4rem; bottom: 0.4rem; width: 1.6rem; height: 0.42rem; font-size: 0.14rem; color: #fff; text-align: center; line-height: 0.4rem; border: 1px solid rgba(255, 255, 255, 0.6); transition: all 0.5s; -webkit-transition: all 0.5s; } .product_box .box2 .gallery-top .swiper-slide a::after { content: ""; display: inline-block; vertical-align: middle; margin-top: -4px; margin-left: 0.1rem; width: 0.07rem; height: 0.11rem; background: url(../img/jt1.png) no-repeat center; background-size: contain; transition: all 0.5s; -webkit-transition: all 0.5s; } .product_box .box3 {} .product_box .box3 a { position: relative; overflow: hidden; display: block; } .product_box .box3 a .bg_img { width: 100%; vertical-align: top; transition: all 0.5s; -webkit-transition: all 0.5s; } .product_box .box3 a::after { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: 0; background: rgba(0, 0, 0, 0.6); transition: all 0.5s; -webkit-transition: all 0.5s; } .product_box .box3 a div { position: absolute; z-index: 3; top: 70%; left: 50%; transform: translate(-50%, -50%); text-align: center; opacity: 0; transition: all 0.5s; -webkit-transition: all 0.5s; } .product_box .box3 a div img { vertical-align: top; width: 1.5rem; } .product_box .box3 a div span { display: block; font-size: 0.24rem; color: #fff; margin-top: 0.24rem; padding-right: 0.3rem; background: url(../img/jt12.png) no-repeat right center; background-size: auto 0.2rem; } .product_box .box1 {} .product_box .box1 ul { overflow: hidden; } .product_box .box1 ul li { float: left; width: 15%; padding-bottom: 40%; background-size: cover; background-repeat: no-repeat; background-position: center; overflow: hidden; margin-right: 1%; cursor: pointer; position: relative; } .product_box .box1 ul li:nth-of-type(4) { margin-right: 0; } .product_box .box1 ul li h6 { position: absolute; z-index: 3; left: 0; bottom: 0.2rem; padding: 0 0.16rem; } .product_box .box1 ul li h6 img { height: 0.44rem; vertical-align: top; } .product_box .box1 ul li h6 strong { display: block; font-size: 0.2rem; color: #fff; white-space: nowrap; font-weight: normal; margin-top: 0.06rem; } .product_box .box1 ul li h6 p { margin-top: 0.16rem; color: #fff; font-size: 0.14rem; line-height: 1.6; display: none; height: 0.44rem; } .product_box .box1 ul li i { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 1; transition: 0.8s; -webkit-transition: 0.8s; } .product_box .box1 ul li:nth-of-type(1)::after { background: rgba(83, 78, 84, 0.6); } .product_box .box1 ul li:nth-of-type(2)::after { background: rgba(241, 141, 0, 0.6); } .product_box .box1 ul li:nth-of-type(3)::after { background: rgba(25, 27, 26, 0.6); } .product_box .box1 ul li:nth-of-type(4)::after { background: rgba(118, 75, 33, 0.6); } .product_box .box1 ul li:nth-of-type(5)::after { background: rgba(205, 145, 29, 0.6); } .product_box .box1 ul li.active i { width: 0; opacity: 0; } .product_box_list_type_dl { background: #fff; } .product_box_list_type_dl .w82 { width: 100%; } .product_box_list_type_dl dt { display: flex; display: -webkit-flex; } .product_box_list_type_dl dt a { flex-grow: 1; padding: 0.2rem 0; height: 1rem; line-height: 0.6rem; font-size: 0.18rem; text-align: center; position: relative; transition: all 0.5s; -webkit-transition: all 0.5s; } .product_box_list_type_dl dt a::after { content: ""; position: absolute; width: 1px; height: 100%; top: 0; right: -1px; background: #e6e6e6; } .product_box_list_type_dl dt a:last-of-type::after { display: none; } .product_box_list_type_dl dt a.active { background: #3dae6c; color: #fff; } .product_box_list_type_dl dt a:hover h6{ color: #3dae6c; } .product_box_list_type_dl dt a em{ display: block; margin: 0 auto; width: 0.80rem; height: 0.60rem; position: relative; } .product_box_list_type_dl dt a em img{ position: absolute; width: 100%; top: 0; left: 0; transition: all 0.4s; } .product_box_list_type_dl dt a em img:nth-of-type(1){ opacity: 1; } .product_box_list_type_dl dt a em img:nth-of-type(2){ opacity: 0; } .product_box_list_type_dl dt a:hover em img:nth-of-type(1){ opacity: 0; } .product_box_list_type_dl dt a:hover em img:nth-of-type(2){ opacity: 1; } .product_box_list .box1{ /* margin-top: -200px; */ } .w70{ width: 82%; box-sizing: border-box; margin: 0 auto; display: block; } .sidenav { width: 300px; position: sticky; padding-top: 40px; /* width: 90px; */ top: 115px; left: 30px; z-index: 99; float: left; } /* .sidenav>ul::before{ content: ""; position: absolute; top: 50%; left: 17px; transform: translateY(-50%); width: 1px; height: 100%; background: #cccccc; opacity: 1; } */ .sidenav>ul>li { /* line-height: 34px; */ position: relative; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; -webkit-box-align: left; -ms-flex-align: left; align-items: center; width: 200px; height: 40px; padding-left: 16px; text-align: left; font-size: 14px; color: #737c8b; font-weight: 400; list-style-type: none; border-left: 1px solid #ddd; cursor: pointer; } .sidenav>ul>li.active::before{ content: ""; position: absolute; top:17px; left: -2px; transform: translateY(-50%); width: 3px; height: 100%; background: #22943a; opacity: 1; } .sidenav>ul>li.active a, .sidenav>ul>li:hover a{ font-size: 16px; font-weight: bold; color: #22943a; } .sidenav-focus-ul li{ padding-left: 16px; } .sidenav>ul>li>ul>li{ line-height:34px; } .sidenav>ul>li>ul>li.xiala>ul{ display:none; } .sidenav>ul>li>ul>li.shouqi>ul{ display:block; } .sidenav>ul>li>ul>li>a{ font-size: 14px; color: #7d7d7d; display:block; height:34px; line-height:34px; padding:0px 25px; } .sidenav>ul>li>ul>li.sidenav-focus-2>a{ color:#3fb8bf } .sidenav>ul>li>ul>li>ul>li{ line-height:28px; margin:0px 50px 0px 25px; } .sidenav>ul>li>ul>li>ul>li>a { font-size: 14px; color: #7d7d7d; display:block; height:30px; line-height:30px; padding-left:10px; } .sidenav>ul>li>ul>li>ul>li.sidenav-focus-3>a{ background:#3fb8bf; color:#fff; } .mainright { /* width: 100%; */ padding-bottom:50px; } .mainright-tit { font-size: 24px; color: #535353; padding-left: 40px; border-bottom: 1px solid #f3f3f3; background: url(../img/cpico1-1.png) no-repeat left; background-size:40px; line-height: 40px; } .mainright .louceng{ margin-top: 50px; } .list-solution{ display:flow-root; } .list-solution ul li { float: left; width: 23.5%; margin-right: 2%; margin-top: 0.5rem; } .list-solution ul li:nth-of-type(4n) { margin-right: 0; } .list-solution ul li a { display: block; padding-bottom: 0.2rem; /* border-bottom: 1px solid #ccc; */ background-color: #f7f7f7; transition: all 0.5s; -webkit-transition: all 0.5s; } .list-solution ul li h6 { font-size: 0.18rem; line-height: 0.54rem; text-align: center; height: 0.54rem; overflow: hidden; border-top: 1px solid #ccc; transition: all 0.5s; -webkit-transition: all 0.5s; } .list-solution ul li em { display: block; padding-bottom: 100%; margin: 0.2rem 0 0.16rem; overflow: hidden; position: relative; } .list-solution ul li em i { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-size: cover; background-position: center; background-repeat: no-repeat; transition: all 0.5s; -webkit-transition: all 0.5s; } .list-solution ul li em img { display: none; width: 100%; vertical-align: top; transition: all 0.5s; -webkit-transition: all 0.5s; } .list-solution ul li dd { font-size: 0.14rem; color: #999; line-height: 1.6; height: 0.44rem; overflow: hidden; margin-bottom: 0.24rem; } .list-solution ul li:hover em i { -webkit-transform: scale(1.2); transform: scale(1.2); } .list-table table { width: 100%; } .list-table table tr th { height: 76px; font-size: 16px; font-weight: bold; color: #434343; border-bottom: 1px solid #f3f3f3 } .list-table table tr td { text-align: center; font-size: 14px; color: #707070; height: 60px; border-bottom: 1px dotted #f3f3f3 } .list-table table tr td a.download-btn { display: block; width: 64px; height: 30px; border: 1px solid #959595; text-align: center; line-height: 30px; margin: 0 auto } .list-table table tr td a.download-btn:hover { background: #3FB8BF; border: 1px solid #3FB8BF; color: #fff } .download-more { height: 40px; margin: 50px 20px 50px } .download-more a { display: block; width: 120px; height: 40px; text-align: center; line-height: 40px; font-size: 16px; color: #fff; background-color: #3fb8bf; float: right; } .download-more a:hover { font-size: 18px; } .list-question { font-size: 14px; line-height: 2; color: #707070; } .list-question-hidden { max-height: 200px; overflow: hidden; } /* .list-question ul li { margin-top: 30px; } */ .list-question ul li h5 { font-size: 14px; font-weight: lighter } .solution-more { text-align: center; margin: 30px 0px 60px; height: 30px; } .solution-more a { font-size: 18px; font-weight: bold; color: #3fb8bf; padding-bottom: 30px; background: url(../Images/icon_more.png) center bottom no-repeat } .solution-more a:hover { font-size: 20px; } .cplbnav ul li:hover a{ color:#fff; } .productetcj_box {} .productetcj_box .bg_img { width: 100%; vertical-align: top; } .productetcj_box .h5 { position: absolute; left: 9%; top: 50%; transform: translateY(-50%) !important; } .productetcj_box .h5 span { display: block; font-size: 0.3rem; padding: 0.16rem 0; border-top: 1px solid #dea758; border-bottom: 1px solid #dea758; color: #ce790b; } .productetcj_box .h5 strong { display: block; font-size: 0.7rem; color: #ce790b; font-weight: normal; margin: 0.24rem 0; } .productetcj_box .h5 p { font-size: 0.24rem; color: #ce790b; font-weight: 100; } .productetcj_box .h5 em { display: block; margin-bottom: 0.2rem; } .productetcj_box .h5 em img { vertical-align: top; height: 0.65rem; } .productetcj_box .h5 dl { font-size: 0; margin-top: 0.4rem; margin-left: -0.06rem; } .productetcj_box .h5 dl dd { display: inline-block; vertical-align: top; width: 1.0rem; text-align: center; margin-right: 0.24rem; } .productetcj_box .h5 dl dd img { width: 0.86rem; vertical-align: top; } .productetcj_box .h5 dl dd small { display: block; font-size: 0.14rem; color: #fff; margin-top: 0.1rem; white-space: nowrap; } .productetcj_box .content_dl { text-align: center; position: absolute; left: 0; top: 14%; width: 100%; } .productetcj_box .h6 { font-size: 0.44rem; color: #fff; font-weight: 100; } .productetcj_box .p { font-size: 0.24rem; color: #fff; font-weight: 100; width: 60%; line-height: 1.5; margin: 0.24rem auto 0; } .productetcj_box .span { margin-top: 0.3rem; display: block; font-size: 0.20rem; padding: 0.16rem 0; border-top: 1px solid rgba(255, 255, 255, 0.5); border-bottom: 1px solid rgba(255, 255, 255, 0.5); color: #eee; font-weight: 100; } .productetcj_box .small { display: block; font-size: 0.16rem; color: #fff; font-weight: 100; width: 42%; line-height: 1.8; margin: 0.24rem auto 0; } .productetcj_box .box1 { position: relative; } .productetcj_box .box2 { position: relative; } .productetcj_box .box2 .h6 { color: #ce790b; } .productetcj_box .box2 .content_dl {} .productetcj_box .box2 .content_dl dd { font-size: 0; text-align: center; margin-top: 0.5rem; } .productetcj_box .box2 .content_dl dd span { display: inline-block; vertical-align: top; margin: 0 1.2%; } .productetcj_box .box2 .content_dl dd span img { width: 0.86rem; vertical-align: top; } .productetcj_box .box2 .content_dl dd span small { font-size: 0.14rem; color: #ce790b; display: block; width: 1.0rem; line-height: 1.5; margin-top: 0.12rem; } .productetcj_box .box3 { position: relative; } .productetcj_box .box3 .h6 { color: #ce790b; } .productetcj_box .box3 .p { color: #ce790b; } .productetcj_box .box3 .content_dl {} .productetcj_box .box4 { position: relative; } .productetcj_box .box4 .h5 {} .productetcj_box .box4 .h5 span { color: #fff; line-height: 0.34rem; border-top: 1px solid rgba(255, 255, 255, 0.5); border-bottom: 1px solid rgba(255, 255, 255, 0.5); } .productetcj_box .box4 .h5 span i { display: inline-block; vertical-align: top; font-size: 0.34rem; background: linear-gradient(to bottom, #ffdc91, #c49d50); -webkit-background-clip: text; color: transparent; } .productetcj_box .box4 .h5 strong { background: linear-gradient(to bottom, #ffdc91, #c49d50); -webkit-background-clip: text; color: transparent; } .productetcj_box .box4 .h5 strong img { vertical-align: middle; width: 0.54rem; margin-top: -2px; } .productetcj_box .box4 .h5 p { color: #ccc; } .productetcj_box .box5 { position: relative; } .productetcj_box .box5 .content_dl { height: 86%; } .productetcj_box .box5 .content_dl dd { width: 40%; height: calc(100% - 0.54rem); margin: 0 auto; font-size: 0; box-sizing: border-box; padding-top: 0.5rem; } .productetcj_box .box5 .content_dl dd span { display: inline-block; vertical-align: top; width: 34%; } .productetcj_box .box5 .content_dl dd span img { width: 1.0rem; vertical-align: top; } .productetcj_box .box5 .content_dl dd span em { display: block; font-size: 0.2rem; color: #fff; margin-top: 0.2rem; } .productetcj_box .box5 .content_dl dd span small { display: block; font-size: 0.12rem; color: #ccc; text-transform: uppercase; -webkit-transform: scale(0.7); transform: scale(0.7); margin-top: 0.06rem; } .productetcj_box .box5 .content_dl dd span:nth-of-type(3) { float: left; margin-top: 10%; transform: translateX(-20%); } .productetcj_box .box5 .content_dl dd span:nth-of-type(4) { float: right; margin-top: 10%; transform: translateX(20%); } .productetcj_box .box6 { position: relative; } .productetcj_box .box6 .content_dl { height: 86%; text-align: center; } .productetcj_box .box6 .content_dl dd { position: absolute; left: 18%; bottom: 0; width: 50%; height: calc(100% - 1.2rem); } .productetcj_box .box6 .content_dl dd span i { position: absolute; font-size: 0.26rem; color: #eee; font-style: italic; white-space: nowrap; } .productetcj_box .box6 .content_dl dd .span1 { position: absolute; right: 66%; bottom: 43%; width: 31%; padding-bottom: 18%; background: url(../img/cpx1.png) no-repeat; background-size: contain; } .productetcj_box .box6 .content_dl dd .span2 { position: absolute; left: 57%; bottom: 66%; width: 20%; padding-bottom: 11.5%; background: url(../img/cpx2.png) no-repeat; background-size: contain; } .productetcj_box .box6 .content_dl dd .span3 { position: absolute; right: 45%; top: 49%; width: 42%; padding-bottom: 23%; background: url(../img/cpx3.png) no-repeat; background-size: contain; } .productetcj_box .box6 .content_dl dd .span1 i { top: -0.4rem; left: 0; } .productetcj_box .box6 .content_dl dd .span2 i { left: 110%; top: -0.13rem; } .productetcj_box .box6 .content_dl dd .span3 i { left: 0; bottom: 0.16rem; } .productetcj_box .box7 { position: relative; } .productetcj_box .box7 .content_dl {} .productetcj_box .box7 .content_dl dt { display: inline-block; } .productetcj_box .box7 .content_dl dd { width: 26%; margin: 0 auto; } .productetcj_box .box7 .content_dl dd span { display: block; font-size: 0.26rem; color: #fff; margin-bottom: 0.2rem; margin-top: 0.4rem; } .productetcj_box .box7 .content_dl dd i { color: #edc46c; } .productetcj_box .box7 .content_dl dd img { width: 100%; vertical-align: top; } .productetcj_box .box8 { position: relative; } .productetcj_box .box8 .content_dl {} .productetcj_box .box8 .content_dl dd { width: 40%; margin-left: 45%; font-size: 0; text-align: left; margin-top: 5%; } .productetcj_box .box8 .content_dl dd p { display: inline-block; width: 50%; vertical-align: top; margin-bottom: 0.3rem; } .productetcj_box .box8 .content_dl dd p img { width: 0.50rem; vertical-align: middle; } .productetcj_box .box8 .content_dl dd p span { font-size: 0.20rem; width: calc(100% - 0.7rem); box-sizing: border-box; padding-left: 0.2rem; color: #fff; display: inline-block; vertical-align: middle; white-space: nowrap; } .productetcj_box .box9 { position: relative; background: #1c1c1c; padding-bottom: 41.7%; } .productetcj_box .box9 .content_dl dt { display: inline-block; } .productetcj_box .box9 .content_dl dd { font-size: 0; margin-top: 3%; } .productetcj_box .box9 .content_dl dd p { display: inline-block; vertical-align: middle; } .productetcj_box .box9 .content_dl dd i { display: inline-block; vertical-align: middle; width: 4%; margin: 0 3%; padding-bottom: 2%; background: url(../img/cptb29.png) no-repeat center; background-size: contain; } .productetcj_box .box9 .content_dl dd p:last-of-type { margin-right: 0; } .productetcj_box .box9 .content_dl dd p:last-of-type::after { display: none; } .productetcj_box .box9 .content_dl dd p img { vertical-align: top; height: 18vw; } .productetcj_box .box9 .content_dl dd p span { display: block; font-size: 0.20rem; color: #fff; margin-top: 0.1rem; } .productetcj_box .box10 { position: relative; } .productetcj_box .box10 .content_dl dd { font-size: 0; text-align: center; width: 82%; margin: 5% auto 0; position: relative; display: flex; display: -webkit-flex; justify-content: space-between; } .productetcj_box .box10 .content_dl dd::after { content: ""; position: absolute; width: 90%; bottom: 0.14rem; height: 1px; background: #3dae6c; left: 5%; } .productetcj_box .box10 .content_dl dd p { display: inline-block; vertical-align: top; position: relative; z-index: 3; } .productetcj_box .box10 .content_dl dd p img { vertical-align: top; width: 100%; } .productetcj_box .box10 .content_dl dd p span { display: inline-block; background: #3dae6c; color: #fff; font-size: 0.16rem; padding: 0.06rem 0.16rem; border-radius: 0.4rem; margin-top: 0.1rem; } .productetcj_box .box11 { position: relative; } .productetcj_box .box11 .content_dl {} .productetcj_box .box11 .content_dl dd { margin: 7% 0 0 26%; width: 38%; padding-bottom: 11%; background: url(../img/cpx4.png) no-repeat; background-size: contain; position: relative; } .productetcj_box .box11 .content_dl dd::after { content: ""; position: absolute; top: -0.1rem; right: -0.1rem; background: #fff; border-radius: 50%; width: 0.2rem; height: 0.2rem; } .productetcj_box .box11 .content_dl dd ol { position: absolute; top: 100%; left: -12%; transform: translateY(-50%); } .productetcj_box .box11 .content_dl dd li { color: #eee; text-align: left; padding-left: 1.8rem; position: relative; } .productetcj_box .box11 .content_dl dd li:first-of-type { margin-bottom: 0.6rem; } .productetcj_box .box11 .content_dl dd li img { position: absolute; width: 1.4rem; left: 0; top: 0; } .productetcj_box .box11 .content_dl dd li strong { display: block; font-size: 0.30rem; font-weight: normal; color: #fff; } .productetcj_box .box11 .content_dl dd li small { font-size: 0.18rem; color: #eee; font-weight: 100; margin-left: 0.1rem; } .productetcj_box .box11 .content_dl dd li span { display: block; font-size: 0.18rem; margin: 0.14rem 0 0.1rem; font-weight: 100; } .productetcj_box .box11 .content_dl dd li span::after { content: ""; display: block; width: 0.4rem; height: 2px; margin-top: 0.1rem; background: #3dae6c; } .productetcj_box .box11 .content_dl dd li p { font-size: 0.16rem; line-height: 1.6; font-weight: 100; } .productetcj_box .box12 { position: relative; } .productetcj_box .box12 .h5 span { color: #fff; line-height: 0.34rem; border-top: 1px solid rgba(255, 255, 255, 0.5); border-bottom: 1px solid rgba(255, 255, 255, 0.5); } .productetcj_box .box12 .h5 strong { color: #fff; } .productetcj_box .box12 .h5 p { color: #ccc; } .productetcj_box .box13 { position: relative; } .productetcj_box .box13 .content_dl dd { width: 82%; margin: 10% auto 0; } .productetcj_box .box13 .content_dl dd ul { display: flex; display: -webkit-flex; background: url(../img/bg31.png) no-repeat; background-size: 100% 100%; } .productetcj_box .box13 .content_dl dd li { flex: 1; display: flex; display: -webkit-flex; flex-direction: column; align-items: center; transform: translateY(-0.6rem); } .productetcj_box .box13 .content_dl dd li:nth-of-type(2n) { flex-direction: column-reverse; transform: translateY(0.6rem); } .productetcj_box .box13 .content_dl dd li span { display: block; font-size: 0.18rem; color: #fff; line-height: 1.4; height: 0.5rem; margin-bottom: 0.3rem; display: flex; display: -webkit-flex; align-items: flex-end; } .productetcj_box .box13 .content_dl dd li:nth-of-type(2n) span { margin-bottom: 0; margin-top: 0.3rem; align-items: flex-start; } .productetcj_box .box13 .content_dl dd li img { vertical-align: top; width: 1.27rem; } .productetcj_box .box14 { position: relative; } .productetcj_box .box14 .content_dl { height: 86%; } .productetcj_box .box14 .content_dl dd { position: absolute; left: 26%; bottom: 0; width: 52%; height: calc(100% - 2rem); } .productetcj_box .box14 .content_dl dd i { position: absolute; width: 18%; padding-bottom: 18%; background: url(../img/cptp14.png) no-repeat; background-size: contain; } .productetcj_box .box14 .content_dl dd i.i1 { left: 8%; top: 16%; } .productetcj_box .box14 .content_dl dd i.i2 { width: 14%; padding-bottom: 14%; top: 28%; right: 8%; } .productetcj_box .box14 .content_dl dd i.i3 { width: 12%; padding-bottom: 12%; left: 31%; top: 52%; } .mcp_box { display: none; } .mcp_box img { width: 100%; vertical-align: top; } .showvideo_box { display: none; position: fixed; top: 0; left: 0; z-index: 11; width: 100%; height: 100%; background: rgb(51, 51, 51); } .showvideo_box i { position: absolute; cursor: pointer; top: 0.2rem; right: 0.2rem; z-index: 9; width: 0.3rem; height: 0.3rem; background: url(../img/gb.png); background-size: cover; } .showvideo_box video { width: 100%; height: 100%; } .showvideo_box #iframe_div { width: 100%; height: 100%; } .showvideo_box iframe { width: 100%; height: 100%; } .catalog_box {} .catalog_box ul {} .catalog_box ul li { margin-bottom: 0.16rem; transition: all 0.5s; -webkit-transition: all 0.5s; } .catalog_box ul li a { display: block; background: #f2f2f2; padding: 0.4rem 0.45rem; font-size: 0; position: relative; } .catalog_box ul li h5 { display: inline-block; vertical-align: top; font-size: 0.6rem; font-family: "BEBAS"; color: #3dae6c; } .catalog_box ul li h5::after { content: "/"; display: inline-block; vertical-align: top; font-size: 0.5rem; margin-left: 0.2rem; } .catalog_box ul li div { display: inline-block; vertical-align: top; width: 60%; margin-left: 0.24rem; } .catalog_box ul li h6 { font-size: 0.24rem; margin-bottom: 0.16rem; margin-top: 0.06rem; } .catalog_box ul li p { font-size: 0.16rem; color: #666; line-height: 1.8; } .catalog_box ul li span { position: absolute; right: 0.45rem; top: 50%; font-size: 0.2rem; color: #666; margin-top: -0.1rem; } .catalog_box .ts_a { display: block; margin: 0.5rem auto 0; width: 2.2rem; height: 0.60rem; background: #3dae6c; color: #fff; font-size: 0.18rem; text-align: center; line-height: 0.60rem; transition: all 0.5s; -webkit-transition: all 0.5s; } .about_box .box5 { background: url(../img/bg26.jpg) repeat; } .about_box .box5 .swiper_div { position: relative; } .about_box .box5 .top_list { width: 62.5%; display: inline-block; vertical-align: top; } .about_box .box5 .top_list>div { display: none; } .about_box .box5 .top_list>div:nth-of-type(1) { display: block; } .about_box .box5 .swiper-slide img { width: 100%; vertical-align: top; } .about_box .box5 .thumbs_list { position: absolute; width: 35%; right: 0; bottom: 0; } .about_box .box5 .thumbs_list>div { display: none; } .about_box .box5 .thumbs_list>div:nth-of-type(1) { display: block; } .about_box .box5 .thumbs_div .swiper-slide { box-sizing: border-box; } .about_box .box5 .thumbs_div .swiper-slide-thumb-active { border: 2px solid #3dae6c; } .about_box .box5 .btn_div { font-size: 0; text-align: center; margin-bottom: 0.2rem; } .about_box .box5 .swiper-button-prev { display: inline-block; vertical-align: middle; position: static; width: 0.12rem; height: 0.20rem; margin-top: 0; } .about_box .box5 .swiper-button-next { display: inline-block; vertical-align: middle; position: static; width: 0.12rem; height: 0.20rem; margin-top: 0; } .about_box .box5 .swiper-pagination { display: inline-block; vertical-align: middle; position: static; margin: 0 0.1rem; } .about_box .box5 .swiper-pagination span { display: inline-block; vertical-align: top; width: 7px; height: 7px; border-radius: 50%; background: rgba(61, 174, 108, 0); box-sizing: border-box; border: 1px solid #3dae6c; margin: 0 2px; opacity: 1; } .about_box .box5 .swiper-pagination .swiper-pagination-bullet-active { background: rgba(61, 174, 108, 1); } .about_box .box5 .tab_dl { position: absolute; width: 35%; top: 0; right: 0; } .about_box .box5 .tab_dl dt { font-size: 0; border-bottom: 1px solid #3dae6c; } .about_box .box5 .tab_dl dt span { display: inline-block; vertical-align: top; width: 24.33%; height: 0.44rem; line-height: 0.44rem; text-align: center; font-size: 0.2rem; color: #999; cursor: pointer; transition: all 0.5s; -webkit-transition: all 0.5s; } .about_box .box5 .tab_dl dt span.active { color: #fff; background: url(../img/n2.png) no-repeat center; background-size: 100% 100%; } .about_box .box5 .tab_dl dd { margin-top: 0.4rem; } .about_box .box5 .tab_dl dd>div { display: none; font-size: 0.16rem; line-height: 1.8; color: #666; text-align: justify; } .about_box .box5 .tab_dl dd>div:nth-of-type(1) { display: block; } .leader_box .box4 { padding-bottom: 0; } .leader_box .box4 .swiper-slide { padding-bottom: 46%; overflow: hidden; } .leader_box .box4 .swiper-slide i { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-size: cover; background-position: center; background-repeat: no-repeat; transition: all 0.5s; -webkit-transition: all 0.5s; } .leader_box .box4 .thumbs_div { padding-left: 20%; margin-top: 0.2rem; } .leader_box .box4 .thumbs_div h6 { position: absolute; left: 0; top: 0; width: 32%; height: 100%; background: url(../img/n5.jpg) no-repeat; background-size: 100% 100%; font-size: 0.14rem; color: #fff; line-height: 1.8; text-align: justify; box-sizing: border-box; padding: 0.22rem 14% 0.22rem 0.3rem; } .leader_box .box4 .gallery-thumbs { padding: 0.24rem 14px; } .leader_box .box4 .swiper-button-prev { width: 0.6rem; height: 0.32rem; left: 0; background: url(../img/nl.jpg); background-position: center; margin-top: -0.16rem; opacity: 1; } .leader_box .box4 .swiper-button-next { width: 0.6rem; height: 0.32rem; right: 0; background: url(../img/nr.jpg); background-position: center; margin-top: -0.16rem; opacity: 1; } .leader_box .box4 .gallery-thumbs .swiper-slide { box-sizing: border-box; border: 5px solid #95dbbe; padding-bottom: 11%; transition: all 0.5s; -webkit-transition: all 0.5s; } .leader_box .box4 .gallery-thumbs .swiper-slide-thumb-active { box-shadow: 0 0 0.06rem rgba(0, 0, 0, 0.6); border: 5px solid #3dae6c; } .corporate_box {} .corporate_box .dl1 { display: flex; display: -webkit-flex; background: #f2f2f2; align-items: center; cursor: pointer; } .corporate_box .dl1 dt { flex-shrink: 0; width: 62%; padding-bottom: 34%; position: relative; overflow: hidden; } .corporate_box .dl1 dt i { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-size: cover; background-position: center; background-repeat: no-repeat; transition: all 0.5s; -webkit-transition: all 0.5s; } .corporate_box .dl1 dt::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 0.68rem; height: 0.68rem; background: url(../img/tb20.png) no-repeat; background-size: contain; } .corporate_box .dl1 dt img { display: none; width: 100%; vertical-align: top; transition: all 0.5s; -webkit-transition: all 0.5s; } .corporate_box .dl1 dd { flex-shrink: 0; width: 38%; box-sizing: border-box; padding: 0 3%; } .corporate_box .dl1 dd h6 { font-size: 0.24rem; line-height: 1.4; transition: all 0.5s; -webkit-transition: all 0.5s; } .corporate_box .dl1 dd span { display: block; font-size: 0.14rem; margin: 0.22rem 0 0.46rem; color: #999; padding-left: 0.2rem; background: url(../img/tb22.png) no-repeat; background-size: contain; } .corporate_box .dl1 dd p { font-size: 0.16rem; color: #666; line-height: 1.8; } .corporate_box ul {} .corporate_box ul li { float: left; cursor: pointer; width: 32%; margin-right: 2%; margin-top: 0.4rem; } .corporate_box ul li:nth-of-type(3n) { margin-right: 0; } .corporate_box ul li em { display: block; padding-bottom: 60%; overflow: hidden; position: relative; } .corporate_box ul li em i { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-size: cover; background-position: center; background-repeat: no-repeat; transition: all 0.5s; -webkit-transition: all 0.5s; } .corporate_box ul li em img { display: none; width: 100%; vertical-align: top; transition: all 0.5s; -webkit-transition: all 0.5s; } .corporate_box ul li em::before { content: ""; opacity: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); transition: all 0.5s; -webkit-transition: all 0.5s; } .corporate_box ul li em::after { content: ""; opacity: 0; position: absolute; top: 50%; left: 50%; width: 0.5rem; height: 0.5rem; margin-top: -0.25rem; margin-left: -0.25rem; background: url(../img/tb20.png) no-repeat; background-size: cover; transition: all 0.5s; -webkit-transition: all 0.5s; } .corporate_box ul li div {} .corporate_box ul li div h6 { font-size: 0.2rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin-top: 0.2rem; transition: all 0.5s; -webkit-transition: all 0.5s; } .corporate_box ul li div span { display: block; margin-top: 0.16rem; font-size: 0.14rem; color: #999; padding-left: 0.2rem; background: url(../img/tb22.png) no-repeat; background-size: contain; } .search_box { padding: 40px 0; } .search_box p { font-size: 14px; color: #999; height: 40px; line-height: 40px; border-bottom: 1px solid #ddd; margin-bottom: 30px; } .search_box h6 { margin-bottom: 12px; } .search_box ul li { height: 40px; line-height: 40px; border-bottom: 1px solid #eee; } .search_box ul li a { display: block; color: #333; transition: all 0.5s; -webkit-transition: all 0.5s; } .search_box ul li a:hover { color: #3dae6c; } .wisdom_box {} .wisdom_box .box1 {} .wisdom_box .box1 dl { font-size: 0; } .wisdom_box .box1 dt { display: inline-block; vertical-align: middle; width: 291px; } .wisdom_box .box1 dt img { vertical-align: top; width: 100%; } .wisdom_box .box1 dd { display: inline-block; vertical-align: middle; width: calc(100% - 291px); box-sizing: border-box; padding-left: 5%; } .wisdom_box .box1 dd h6 { font-size: 0.22rem; } .wisdom_box .box1 dd p { font-size: 0.18rem; color: #666; line-height: 1.8; margin: 0.18rem 0; } .wisdom_box .box1 dd a { display: inline-block; padding-right: 16px; font-size: 0.16rem; color: #3dae6c; background: url(../img/jt8.png) no-repeat right center; background-size: 7px; transition: all 0.5s; -webkit-transition: all 0.5s; } .wisdom_box .box1 dd img { vertical-align: top; } .wisdom_box .box2 { overflow: hidden; position: relative; } .wisdom_box .box2 .luxy_el { position: absolute; left: 0; top: -10vw; width: 100%; height: 56vw; z-index: -1; background-size: cover; background-repeat: no-repeat; background-position: center center; } .wisdom_box .box2 dl { width: 838px; height: 389px; margin: 0 auto; background: url(../img/xztp9.png) no-repeat; background-size: 100% 100%; text-align: center; position: relative; } .wisdom_box .box2 dd { position: absolute; width: 100%; top: 50%; left: 0; transform: translateY(-50%); } .wisdom_box .box2 dd h5 { font-size: 28px; margin-bottom: 0.26rem; } .wisdom_box .box2 dd h5::after { content: ""; display: block; width: 0.26rem; height: 2px; background: #3dae6c; margin: 0.14rem auto 0; } .wisdom_box .box2 dd h6 { font-size: 24px; } .wisdom_box .box2 dd p { font-size: 18px; margin: 0.2rem 0; } .wisdom_box .box2 dd span { display: inline-block; vertical-align: top; width: 66px; height: 66px; background: url(../img/xztp7.png) no-repeat; background-size: cover; cursor: pointer; transition: all 0.5s; -webkit-transition: all 0.5s; } .wisdom_box .box3 {} .wisdom_box .box3 dl { background: #f7f7f7; position: relative; } .wisdom_box .box3 dt { width: 70%; padding-bottom: 42%; position: relative; } .wisdom_box .box3 dt img { width: 100%; height: 100%; vertical-align: top; position: absolute; top: 0; left: 0; } .wisdom_box .box3 dt video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; z-index: 3; } .wisdom_box .box3 dt #iframe_div { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; z-index: 3; } .wisdom_box .box3 dt #iframe_div iframe { width: 100%; height: 100%; } .wisdom_box .box3 dd { position: absolute; width: 30%; height: 100%; top: 0; right: 0; box-sizing: border-box; padding: 0 0.16rem; } .wisdom_box .box3 dd ul { width: 100%; height: 100%; overflow: hidden; } .wisdom_box .box3 dd li { padding: 0.36rem 0; box-sizing: border-box; border-bottom: 1px dashed #ccc; font-size: 0; cursor: pointer; } .wisdom_box .box3 dd li em { display: inline-block; vertical-align: middle; width: 50%; padding-bottom: 30%; overflow: hidden; position: relative; } .wisdom_box .box3 dd li em i { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-size: cover; background-position: center; background-repeat: no-repeat; transition: all 0.5s; -webkit-transition: all 0.5s; } .wisdom_box .box3 dd li em::after { content: ""; position: absolute; width: 100%; height: 100%; z-index: 3; top: 0; left: 0; background: url(../img/tb20.png) no-repeat center rgba(0, 0, 0, 0.5); background-size: 0.34rem; } .wisdom_box .box3 dd li div { display: inline-block; vertical-align: middle; width: 50%; box-sizing: border-box; padding-left: 0.2rem; } .wisdom_box .box3 dd li div h6 { font-size: 0.2rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin-bottom: 0.14rem; transition: all 0.5s; -webkit-transition: all 0.5s; } .wisdom_box .box3 dd li div p { font-size: 0.16rem; color: #666; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .wisdom_box .box3 .mCSB_inside>.mCSB_container { margin-right: 20px; } .wisdom_box .box3 .mCSB_scrollTools { width: 4px; } .wisdom_box .box3 .mCSB_draggerContainer { height: 90%; top: 5%; } .wisdom_box .box3 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background: #3dae6c !important; } .wisdom_box .box3 .mCSB_scrollTools .mCSB_draggerRail { background: #ddd; } .wisdom_box .box3 dd li.active em::after { opacity: 0; } .wisdom_box .box3 dd li.active div h6 { color: #3dae6c; } .recruit_box .box6 { background-image: url(../img/xztp2.jpg); background-repeat: no-repeat; background-size: cover; background-position: center; } .recruit_box .box6 .nr_div { text-align: center; padding-bottom: 0.3rem; } .recruit_box .box6 .nr_div p { font-size: 0.18rem; line-height: 2.4; } .recruit_box .box7 { position: relative; } .recruit_box .box7 .swiper-pagination { bottom: 0; left: 0; width: 100%; } .recruit_box .box7 .swiper-pagination span { display: inline-block; vertical-align: top; width: 12x; height: 12x; border-radius: 50%; background: rgba(61, 174, 108, 0); box-sizing: border-box; border: 1px solid #3dae6c; margin: 0 5px; opacity: 1; outline: none; } .recruit_box .box7 .swiper-pagination span.swiper-pagination-bullet-active { background: rgba(61, 174, 108, 1); } .recruit_box .box7 .swiper-slide { background: #f9f9f9; box-sizing: border-box; padding: 0.2rem; } .recruit_box .box7 .swiper-slide em { display: block; overflow: hidden; padding-bottom: 60%; position: relative; } .recruit_box .box7 .swiper-slide em i { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-size: cover; background-position: center; background-repeat: no-repeat; transition: all 0.5s; -webkit-transition: all 0.5s; } .recruit_box .box7 .swiper-slide div { margin-top: 0.2rem; text-align: center; } .recruit_box .box7 .swiper-slide div h6 { font-size: 0.26rem; margin-bottom: 0.16rem; transition: all 0.5s; -webkit-transition: all 0.5s; } .recruit_box .box7 .swiper-slide div p { font-size: 0.18rem; color: #666; } .zwsq_box .zwsq_div form label #yzm_input { width: 100%; } .yzm_box .yzm_div button {} /* 20210326淇敼 */ .nav_ul li { position: relative; } .more-nav { position: absolute; display: flex; flex-direction: column; top: 0; width: 100%; transform: translate(100%, 0); left: 0; padding: 0.1rem 0; background-color: rgba(0, 0, 0, 0.4); display: none; } .nav_ul .more-nav li { padding: 0; display: flex; align-items: center; justify-content: center; } .nav_ul .more-nav li a { height: .3rem; opacity: 0.7; display: flex; align-items: center; justify-content: center; color: #fff; width: 100%; margin: 0; line-height: 2.2; font-size: 0.15rem; transition: all 0.5s; line-height: 1.5; -webkit-transition: all 0.5s; } .nav_ul .more-nav li a::after { display: none; } .nav_ul .more-nav li a:hover { opacity: 1; } .zwsq_box .zwsq_div .zwsq_info { padding: 0.5rem 0.3rem; display: flex; flex-direction: column; align-items: flex-start; } .zwsq_box .zwsq_div .zwsq_info p { font-size: .18rem; color: #666; position: relative; margin-bottom: 10px; } .zwsq_info a { margin-bottom: .3rem; margin-top: .05rem; } .zwsq_box .zwsq_div .zwsq_info p::after { position: absolute; content: '*'; right: 0; top: 50%; color: red; transform: translate(120%, -50%); } .zwsq_box .zwsq_div .zwsq_info p:nth-last-child(1) { margin-bottom: 0; } .zwsq_box .zwsq_div .btn-zwsq-btn { display: flex; width: 1.8rem; height: 0.36rem; margin: .4rem auto .4rem; background: #3dae6c; color: #fff; border: none; font-size: 0.16rem; align-items: center; justify-content: center; cursor: pointer; } .head_box .nav_ul li div { display: none; position: absolute; width: 100%; padding: 0.1rem 0; text-align: center; top: 100%; left: 0; background: rgba(0, 0, 0, 0.4); } .head_box .nav_ul li div a { opacity: 0.7; display: block; color: #fff; width: 100%; margin: 0; line-height: 2.2; font-size: 0.15rem; transition: all 0.5s; -webkit-transition: all 0.5s; } .head_box .nav_ul li div a:hover { opacity: 1; } li .more-nav .mobile-show { display: none; } .bulletin_box{ } .bulletin_box .box1{ background-color: #f3f5f5; } .bulletin_box .box1 .list_ul{ } .bulletin_box .box1 .list_ul li{ float: left; width: 23.5%; margin-right: 2%; background-color: #fff; transition: all 0.5s; -webkit-transition: all 0.5s; } .bulletin_box .box1 .list_ul li:nth-of-type(4n){ margin-right: 0; } .bulletin_box .box1 .list_ul li a{ display: block; padding: 0.46rem 0.2rem 0.34rem; } .bulletin_box .box1 .list_ul li span{ display: block; font-size: 0.18rem; color: #666; margin-bottom: 0.2rem; } .bulletin_box .box1 .list_ul li h6{ font-size: 0.22rem; line-height: 1.4; height: 1.4rem; transition: all 0.5s; -webkit-transition: all 0.5s; } .bulletin_box .box1 .list_ul li em{ display: block; font-size: 0.16rem; color: #3dae6c; background-image: url(../img/tb100.png); background-repeat: no-repeat; background-size: auto 100%; height: 0.2rem; line-height: 0.2rem; padding-left: 0.26rem; } .bulletin_box .box2{ } .bulletin_box .box2 .list_ul{ margin-top: -0.34rem; } .bulletin_box .box2 .list_ul li{ border-bottom: 1px solid #e6e6e6; } .bulletin_box .box2 .list_ul li a{ position: relative; display: block; padding: 0.34rem 0.28rem 0.28rem; } .bulletin_box .box2 .list_ul li span{ display: block; font-size: 0.18rem; color: #666; margin-bottom: 0.2rem; } .bulletin_box .box2 .list_ul li h6{ font-size: 0.22rem; transition: all 0.5s; -webkit-transition: all 0.5s; } .bulletin_box .box2 .list_ul li em{ position: absolute; right: 0.28rem; bottom: 0.32rem; font-size: 0.16rem; color: #3dae6c; background-image: url(../img/tb100.png); background-repeat: no-repeat; background-size: auto 100%; height: 0.2rem; line-height: 0.2rem; padding-left: 0.26rem; } .bulletin_box .more_div{ margin-top: 0.5rem; } .more{ display: block; margin: 0 auto; width: 1.6rem; height: 0.42rem; background: #3dae6c; color: #fff; font-size: 0.14rem; text-align: center; line-height: 0.44rem; } .more::after{ content: ""; display: inline-block; vertical-align: middle; margin-top: -4px; width: 0; height: 0.11rem; margin-left: 0; opacity: 0; background: url(../img/jt1.png) no-repeat; background-size: auto 100%; transition: all 0.5s; -webkit-transition: all 0.5s; } .report_box{ } .report_box .list_ul{ } .report_box .list_ul li{ margin-bottom: 0.3rem; } .report_box .list_ul li:last-of-type{ margin-bottom: 0; } .report_box .list_ul li a{ display: flex; align-items: center; position: relative; box-sizing: border-box; padding: 0 0.44rem; height: 1.06rem; background-color: #f3f5f5; } .report_box .list_ul li span{ font-size: 0.24rem; color: #666; flex-shrink: 0; width: 1.7rem; } .report_box .list_ul li h6{ font-size: 0.24rem; flex-shrink: 0; line-height: 1.4; width: calc(100% - 3.4rem); white-space: nowrap; text-overflow: ellipsis; overflow: hidden; transition: all 0.5s; -webkit-transition: all 0.5s; } .report_box .list_ul li em{ position: absolute; right: 0.44rem; top: 50%; margin-top: -0.1rem; font-size: 0.16rem; color: #3dae6c; background-image: url(../img/tb100.png); background-repeat: no-repeat; background-size: auto 100%; height: 0.2rem; line-height: 0.2rem; padding-left: 0.26rem; } .message_box{ } .message_box .dl{ width: 100%; padding-bottom: 36%; position: relative; } .message_box .dl dt{ position: absolute; width: 49%; height: 100%; top: 0; left: 0; } .message_box .dl dd{ position: absolute; width: 49%; height: 100%; top: 0; right: 0; font-size: 0; } .message_box .dl a{ display: inline-block; vertical-align: top; width: 100%; height: 100%; color: #fff; } .message_box .dl dd a{ width: 48%; height: calc(50% - 0.15rem); margin-right: 4%; margin-top: 0.3rem; position: relative; } .message_box .dl dd a:nth-of-type(2n){ margin-right: 0; } .message_box .dl dd a:nth-of-type(1), .message_box .dl dd a:nth-of-type(2){ margin-top: 0; } .message_box .dl a em{ display: block; width: 100%; height: 100%; position: relative; overflow: hidden; } .message_box .dl a em i{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-size: cover; background-position: center; transition: all 0.5s; -webkit-transition: all 0.5s; } .message_box .dl a::after{ content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 40%; background-size: 100% 100%; background-image: url(../img/tp43.png); opacity: 0.8; } .message_box .dl a div{ position: absolute; z-index: 3; left: 0; bottom: 0.2rem; width: 100%; box-sizing: border-box; padding: 0 0.2rem; } .message_box .dl a div h6{ font-size: 0.2rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .message_box .dl a div span{ display: block; font-size: 0.16rem; margin-top: 0.12rem; } .message_box .ul{ margin-top: 0.4rem; } .message_box .ul li{ border-bottom: 1px solid #e6e6e6; } .message_box .ul li a{ display: flex; align-items: center; justify-content: space-between; height: 1.0rem; } .message_box .ul li h6{ font-size: 0.22rem; flex-shrink: 0; width: calc(100% - 2.0rem); white-space: nowrap; text-overflow: ellipsis; overflow: hidden; transition: all 0.5s; -webkit-transition: all 0.5s; } .message_box .ul li span{ font-size: 0.18rem; color: #666; } .message_box .more_div{ margin-top: 0.5rem; } .investor_box{ padding-top: 0; } .investor_box .box1{ } .investor_box .box1 .dl{ width: 100%; box-sizing: border-box; padding: 0.56rem 0; background-color: #f3f5f5; display: flex; justify-content: center; } .investor_box .box1 .dl dt{ flex-shrink: 0; width: 360px; height: 345px; margin-right: 0.4rem; background-color: #eee; position: relative; display: flex; align-items: center; } .investor_box .box1 .dl dt div{ width: 360px; height: 309px; overflow: hidden; } .investor_box .box1 .dl dt iframe{ display: block; width: 1400px; margin-left: -932px; margin-top: -525px; height: 1150px; } .investor_box .box1 .dl dd{ flex-shrink: 0; width: 675px; height: 345px; overflow: hidden; position: relative; } .investor_box .box1 .dl dd iframe{ display: block; width: 1200px; margin-left: -290px; margin-top: -300px; height: 1150px; } .investor_box .box1 .dl dd::after, .investor_box .box1 .dl dt::after{ content: ""; position: absolute; z-index: 3; width: 100%; height: 100%; top: 0; left: 0; } .investor_box .box1 .div{ display: none; } .investor_box .box1 .div a{ display: block; width: 100%; } .investor_box .box1 .div a img{ width: 100%; vertical-align: top; height: auto; } .investor_box .box2{ } .investor_box .box2 .div{ position: relative; } .investor_box .box2 .div .h5{ position: absolute; top: 0; left: 0; z-index: 5; width: 1.66rem; height: 0.44rem; background-color: #3dae6c; color: #fff; text-align: center; line-height: 0.44rem; font-size: 0.24rem; } .investor_box .box2 .divl{ position: relative; width: 65.5%; } .investor_box .box2 .divl .dt{ display: flex; justify-content: space-between; } .investor_box .box2 .divl .dt a{ flex-shrink: 0; width: 49%; position: relative; color: #fff; } .investor_box .box2 .divl .dt a em{ display: block; width: 100%; padding-bottom: 60%; position: relative; overflow: hidden; } .investor_box .box2 .divl .dt a em i{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-size: cover; background-position: center; transition: all 0.5s; -webkit-transition: all 0.5s; } .investor_box .box2 .divl .dt a::after{ content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 40%; background-size: 100% 100%; background-image: url(../img/tp43.png); opacity: 0.8; } .investor_box .box2 .divl .dt a div{ position: absolute; z-index: 3; left: 0; bottom: 0.2rem; width: 100%; box-sizing: border-box; padding: 0 0.2rem; } .investor_box .box2 .divl .dt a div h6{ font-size: 0.2rem; line-height: 1.2; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .investor_box .box2 .divl .dt a div span{ display: block; font-size: 0.16rem; margin-top: 0.12rem; } .investor_box .box2 .divl .dd{ background-color: #f3f5f5; } .investor_box .box2 .divl .dd a{ display: flex; justify-content: space-between; align-items: center; height: 1.44rem; border-bottom: 1px solid #e6e6e6; padding-right: 0.6rem; } .investor_box .box2 .divl .dd a span{ flex-shrink: 0; width: 1.54rem; text-align: center; border-right: 1px solid #ccc; } .investor_box .box2 .divl .dd a strong{ display: block; font-size: 0.36rem; color: #3dae6c; } .investor_box .box2 .divl .dd a small{ display: block; font-size: 0.18rem; color: #666; margin-top: 0.05rem; box-sizing: border-box; padding-left: 0.44rem; } .investor_box .box2 .divl .dd a h6{ font-size: 0.2rem; line-height: 1.4; flex: 1; min-width: 0; margin: 0 0.46rem; transition: all 0.5s; -webkit-transition: all 0.5s; } .investor_box .box2 .divl .dd a em{ flex-shrink: 0; width: 1.38rem; height: 1.0rem; overflow: hidden; } .investor_box .box2 .divl .dd a i{ display: block; width: 100%; height: 100%; background-size: cover; } .investor_box .box2 .divr{ position: absolute; top: 0; right: 0; width: 32%; height: 100%; background-color: #f3f5f5; box-sizing: border-box; padding-top: 0.44rem; } .investor_box .box2 .divr .dl{ width: 100%; height: 100%; } .investor_box .box2 .divr .dl a{ display: flex; flex-direction: column; justify-content: center; height: 25%; padding: 0 0.2rem; box-sizing: border-box; border-bottom: 1px solid #e6e6e6; } .investor_box .box2 .divr .dl a span{ display: block; font-size: 0.16rem; color: #666; } .investor_box .box2 .divr .dl a h6{ font-size: 0.2rem; line-height: 1.4; height: 0.62rem; overflow: hidden; margin: 0.14rem 0 0.18rem; transition: all 0.5s; -webkit-transition: all 0.5s; } .investor_box .box2 .divr .dl a em{ display: block; font-size: 0.16rem; color: #3dae6c; background-image: url(../img/tb100.png); background-repeat: no-repeat; background-size: auto 100%; height: 0.2rem; line-height: 0.2rem; padding-left: 0.26rem } .investor_box .more_a{ font-size: 0.16rem; color: #3dae6c; display: inline-block; vertical-align: top; padding-bottom: 0.1rem; border-bottom: 1px solid #3dae6c; } .investor_box .show_a{ display: none; } .investor_box .box2 .more_h6{ position: relative; margin-top: 0.24rem; } .investor_box .box2 .more_h6 a:nth-of-type(1){ position: absolute; top: 0; left: 0; } .investor_box .box2 .more_h6 a:nth-of-type(2){ margin-left: 68%; } .investor_box .box3{ } .investor_box .box3 .h6{ display: flex; margin-bottom: 0.16rem; } .investor_box .box3 .h6 span{ font-size: 0.18rem; color: #666; } .investor_box .box3 .h6 span:first-of-type{ width: 68%; } .investor_box .box3 .div{ position: relative; } .investor_box .box3 .divl{ width: 65.5%; } .investor_box .box3 .divl a{ float: left; width: 49%; margin-right: 2%; margin-top: 0.2rem; background-color: #f3f5f5; box-sizing: border-box; padding: 0.46rem 0.2rem 0.34rem; transition: all 0.5s; -webkit-transition: all 0.5s; } .investor_box .box3 .divl a:nth-of-type(2n){ margin-right: 0; } .investor_box .box3 .divl a:nth-of-type(1), .investor_box .box3 .divl a:nth-of-type(2){ margin-top: 0; } .investor_box .box3 .divl a span{ display: block; font-size: 0.18rem; color: #666; margin-bottom: 0.2rem; } .investor_box .box3 .divl a h6{ font-size: 0.2rem; line-height: 1.4; height: 1.0rem; transition: all 0.5s; -webkit-transition: all 0.5s; } .investor_box .box3 .divl a em{ display: block; font-size: 0.16rem; color: #3dae6c; background-image: url(../img/tb100.png); background-repeat: no-repeat; background-size: auto 100%; height: 0.2rem; line-height: 0.2rem; padding-left: 0.26rem; } .investor_box .box3 .divr{ position: absolute; top: 0; right: 0; width: 32%; height: 100%; background-color: #f3f5f5; box-sizing: border-box; } .investor_box .box3 .divr a{ display: flex; flex-direction: column; justify-content: center; position: relative; height: 20%; box-sizing: border-box; padding: 0 0.2rem; border-bottom: 1px solid #e6e6e6; } .investor_box .box3 .divr a span{ display: block; font-size: 0.18rem; color: #666; margin-bottom: 0.18rem; } .investor_box .box3 .divr a p{ display: flex; align-items: center; justify-content: space-between; } .investor_box .box3 .divr a strong{ flex-shrink: 0; line-height: 1.2; width: calc(100% - 1.2rem); font-size: 0.2rem; font-weight: normal; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; transition: all 0.5s; -webkit-transition: all 0.5s; } .investor_box .box3 .divr a em{ font-size: 0.16rem; color: #3dae6c; background-image: url(../img/tb100.png); background-repeat: no-repeat; background-size: auto 100%; height: 0.2rem; line-height: 0.2rem; padding-left: 0.26rem; } .investor_box .box3 .more_h6{ text-align: center; margin-top: 0.4rem; } .investor_box .box4{ } .investor_box .box4 .div{ position: relative; background-color: #f3f5f5; } .investor_box .box4 .divl{ width: 62.5%; position: relative; } .investor_box .box4 .divl img{ width: 100%; vertical-align: top; } .investor_box .box4 .divl div{ position: absolute; color: #fff; width: 80%; left: 10%; top: 20%; text-align: center; } .investor_box .box4 .divl h6{ font-size: 0.26rem; font-weight: bold; } .investor_box .box4 .divl p{ font-size: 0.18rem; line-height: 1.6; margin: 0.24rem 0; } .investor_box .box4 .divl a{ display: inline-flex; vertical-align: top; align-items: center; justify-content: center; width: 2.74rem; height: 0.54rem; background-color: #22943a; color: #fff; font-size: 0.18rem; } .investor_box .box4 .divl a img{ width: 0.25rem; margin-left: 0.2rem; transition: all 0.5s; -webkit-transition: all 0.5s; } .investor_box .box4 .divr{ position: absolute; width: 37.5%; height: 100%; top: 0; right: 0; box-sizing: border-box; padding: 0.4rem 0.28rem 0; } .investor_box .box4 .divr .h6{ display: flex; align-items: center; justify-content: space-between; margin-bottom: 0.32rem; } .investor_box .box4 .divr .h6 span{ font-size: 0.26rem; } .investor_box .box4 .divr .h6 a{ } .investor_box .box4 .divr .nr_div{ height: calc(100% - 0.8rem); overflow: hidden; } .investor_box .box4 .divr .nr_div dl{ padding-bottom: 0.16rem; margin-bottom: 0.2rem; border-bottom: 1px solid #ccc; } .investor_box .box4 .divr .nr_div dl:last-of-type{ margin-bottom: 0; padding-bottom: 0; border-bottom: 0; } .investor_box .box4 .divr .nr_div dt{ font-size: 0.18rem; line-height: 1.6; padding-left: 0.24rem; background-image: url(../img/tb101.png); background-size: 0.18rem; background-repeat: no-repeat; background-position-y: 0.04rem; } .investor_box .box4 .divr .nr_div dd{ font-size: 0.16rem; line-height: 1.6; color: #666; margin-top: 0.08rem; padding-left: 0.24rem; background-image: url(../img/tb102.png); background-size: 0.18rem; background-repeat: no-repeat; background-position-y: 0.03rem; } .investor_box .mCSB_inside>.mCSB_container { margin-right: 0.14rem; } .investor_box .mCSB_scrollTools { width: 4px; } .investor_box .mCSB_scrollTools .mCSB_draggerRail { background: #ddd; } .investor_box .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background: #3dae6c !important; } .investor_box .box5{ } .investor_box .box5 .div{ position: relative; } .investor_box .box5 .divl{ width: 46%; padding-bottom: 34%; position: relative; overflow: hidden; } .investor_box .box5 .divl i{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; transition: all 0.5s; -webkit-transition: all 0.5s; } .investor_box .box5 .divl::before{ content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 30%; background-size: 100% 100%; background-image: url(../img/tp44.png); opacity: 0.8; } .investor_box .box5 .divl::after{ content: ""; position: absolute; z-index: 3; top: 50%; left: 50%; margin: -0.4rem 0 0 -0.4rem; width: 0.8rem; height: 0.8rem; background-image: url(../img/tb20.png); background-size: 100% 100%; } .investor_box .box5 .divl div{ position: absolute; z-index: 3; left: 0; bottom: 0.2rem; width: 100%; box-sizing: border-box; padding: 0 0.2rem; color: #fff; } .investor_box .box5 .divl h6{ font-size: 0.2rem; line-height: 1.2; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .investor_box .box5 .divl span{ display: block; font-size: 0.16rem; margin-top: 0.12rem; } .investor_box .box5 .swiper-container{ position: absolute; width: 51%; height: 100%; top: 0; right: 0; box-sizing: border-box; border-bottom: 1px solid #e6e6e6; } .investor_box .box5 .swiper-slide{ } .investor_box .box5 .swiper-slide em{ position: relative; display: block; width: 100%; padding-bottom: 66%; overflow: hidden; } .investor_box .box5 .swiper-slide i{ display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-size: cover; background-position: center; transition: all 0.5s; -webkit-transition: all 0.5s; } .investor_box .box5 .swiper-slide em::after{ content: ""; position: absolute; z-index: 3; top: 50%; left: 50%; margin: -0.25rem 0 0 -0.25rem; width: 0.5rem; height: 0.5rem; background-image: url(../img/tb20.png); background-size: 100% 100%; } .investor_box .box5 .swiper-slide div{ margin-top: 0.24rem; } .investor_box .box5 .swiper-slide h6{ font-size: 0.2rem; line-height: 1.2; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .investor_box .box5 .swiper-slide p{ font-size: 0.18rem; color: #999; line-height: 1.6; margin: 0.2rem 0 0.56rem; height: 0.58rem; overflow: hidden; } .investor_box .box5 .swiper-slide span{ display: block; font-size: 0.16rem; } .investor_box .box5 .swiper-pagination-bullet-active{ background-color: #3dae6c; } .investor_box .box6{ } .investor_box .box6 .div{ display: flex; justify-content: space-between; } .investor_box .box6 .div a{ flex-shrink: 0; width: 18.5%; height: 1.8rem; display: flex; flex-direction: column; justify-content: center; align-items: center; background-color: #f3f5f5; } .investor_box .box6 .div a img{ width: 0.4rem; vertical-align: top; } .investor_box .box6 .div a span{ font-size: 0.22rem; margin: 0.16rem 0 0.1rem; } .investor_box .box6 .div a small{ font-size: 0.16rem; color: #666; } .investor_box .box6 #map{ width: 100%; height: 6.0rem; margin-top: 0.4rem; } .investor_box .box6 .xx-div{ padding: 0.1rem 0; font-size: 0.16rem; line-height: 1.6; } .investor_box .box6 .xx-div h6{ padding-left: 0.24rem; background-image: url(../img/tb109.png); background-size: 0.14rem; background-repeat: no-repeat; background-position: left center; } .investor_box .box6 .xx-div p{ margin-top: 0.06rem; } .recruit_box .box4 .ljgd { text-align: center; /* position: relative; */ } .recruit_box .box4 .ljgd a { /* position: absolute; */ /* right: 1rem; */ /* bottom: 0.4rem; */ width: 1.6rem; height: 0.42rem; font-size: 0.14rem; color: #fff; margin-top: 0.2rem; text-align: center; line-height: 0.4rem; border: 1px solid rgba(61, 174, 108, 1); background: #3dae6c; transition: all 0.5s; -webkit-transition: all 0.5s; display: block; margin: 0 auto; } .recruit_box .box4 .ljgd a::after { content: ""; display: inline-block; vertical-align: middle; margin-top: -4px; margin-left: 0.1rem; width: 0.07rem; height: 0.11rem; background: url(../img/jt1.png) no-repeat center; background-size: contain; transition: all 0.5s; -webkit-transition: all 0.5s; } .product_box_xys .list-solution ul li em{ padding-bottom: 75%; margin:0; } .product_box_xys .list-solution ul li h6{ text-align: left; padding: 0 10px; line-height: 0.34rem; height: 0.34rem; font-weight: 600; margin: 10px 0; border-top:none; } .product_box_xys .list-solution ul li p{ text-align: left; padding: 0 10px; margin: 10px 0; line-height: 25px; color: #999999; } .w70 { width: 70%; box-sizing: border-box; margin: 0 auto; display: block; } .xys_box { display: none; position: fixed; top: 40%; left: 15%; z-index: 99; width: 64%; height: auto; padding: 0.6rem; background:#fff; } .xys_box i { position: absolute; cursor: pointer; top: 0.2rem; right: 0.2rem; z-index: 9; width: 0.3rem; height: 0.3rem; background: url(../img/gb.png); background-size: cover; } .xys_box em { display: inline-block; vertical-align: middle; width: 28%; } .xys_box em img { width: 100%; vertical-align: top; } .xys_box div { display: inline-block; vertical-align: middle; width: 70%; box-sizing: border-box; padding-left: 3%; padding-right: 2%; } .xys_box div h5 { font-size: 0.26rem; margin-bottom: 0.14rem; } .xys_box div h6 { font-size: 0.14rem; color: #999; line-height: 1.6; margin-bottom: 0.3rem; } .xys_box div dd { font-size: 0.16rem; color: #666; line-height: 1.6; } #black { display: none; top: 0%; left: 0%; width: 100%; height: 100%; background-color: black; z-index: 88; -moz-opacity: 0.8; opacity: .50; filter: alpha(opacity=88); position: fixed; } .box6 .zpgw{ height: auto; background-color: #f7f7f7; display: flex; padding: 40px; } .recruit_box .box6 { padding-top: 0; } .box6 .zpgw .zpgw_l{ width: 50%; } .box6 .zpgw .zpgw_r{ width: 50%; } .box6 .zpgw .zpgw_r li { margin: 3% 0; } .box6 .zpgw .zpgw_r li div{ margin: 20px 30px; } .recruit_box .box3 .gallery-thumbs { position: absolute; bottom: 0; right: 20%; width: 40%; background: #3dae6c; padding-right:14% } .recruit_box .box3 .gallery-thumbs .swiper-wrapper{ /* margin-right: 40px; */ } .recruit_box .box3 .gallery-thumbs .swiper-slide { box-sizing: border-box; padding: 0.3rem 0.1rem; filter: opacity(50%); } .recruit_box .box3 .gallery-thumbs .swiper-slide-thumb-active { filter: opacity(100%); } .recruit_box .box3 .gallery-thumbs .swiper-slide em { display: block; width: 0.42rem; height: 0.42rem; line-height: 0.42rem; margin:0 auto; } .recruit_box .box3 .gallery-thumbs .swiper-slide em img { width: 100%; vertical-align: middle; } .recruit_box .box3 .gallery-thumbs .swiper-slide h6 { display: inline-block; vertical-align: top; box-sizing: border-box; width:100%; height: 0.42rem; line-height: 0.42rem; color: #fff; font-size: 0.2rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; text-align: center; margin-top: 10px; } .recruit_box .box3 .gallery-thumbs .swiper-slide::after { content: ""; position: absolute; margin: auto; right: 0; bottom: 20%; width: 1px; height: 55%; background: #fff3; opacity: 1; transition: all 0.5s; -webkit-transition: all 0.5s; } .recruit_box .box3 .button_div { position: absolute; background: #fff; z-index: 9; right: 0; top:0; /* transform: translateY(-50%); */ height: 100%; width: 26%; text-align: center; } .recruit_box .box3 .swiper-button-prev { display: inline-block; vertical-align: top; position: static; margin-top: 40%; width: 0.10rem; height: 0.13rem; outline: none; background: url(../img/zpjtz.png) no-repeat; transform: rotateY(180deg); background-size: 100%; margin-right: 40%; } .recruit_box .box3 .swiper-button-next { display: inline-block; vertical-align: top; margin-left: 0.1rem; position: static; margin-top: 40%; width: 0.10rem; height: 0.13rem; outline: none; background: url(../img/zpjtz.png) no-repeat; background-size: 100%; } .recruit_box .box3 .gallery-top .swiper-slide img { width: 100%; vertical-align: top; } .recruit_box .box3 .gallery-top .swiper-slide .zpjh_con{ position:absolute; left: 17%; top: 15%; color: #fff; width: 27%; } .recruit_box .box3 .gallery-top .swiper-slide .zpjh_con h2{ font-size: 0.8rem; margin-bottom: 0.3rem; } .recruit_box .box3 .gallery-top .swiper-slide .zpjh_con h2 em{ font-size: 0.3rem; } .recruit_box .box3 .gallery-top .swiper-slide .zpjh_con h5{ font-size: 0.4rem; margin-bottom: 0.2rem; } .recruit_box .box3 .gallery-top .swiper-slide .zpjh_con p{ font-size: 0.16rem; margin-bottom: 0.2rem; line-height: 25px; } .recruit_box .box3 .gallery-top .swiper-slide .zpjh_con a{ width: 1.6rem; height: 0.42rem; font-size: 0.14rem; color: #fff; margin-top: 0.2rem; padding: 10px 30px; text-align: center; line-height: 0.4rem; border: 1px solid rgba(255, 255, 255, 0.6); transition: all 0.5s; -webkit-transition: all 0.5s; } .recruit_box .box3 .gallery-top .swiper-slide .zpjh_con a::after { content: ""; display: inline-block; vertical-align: middle; margin-top: -4px; width: 0; height: 0.11rem; margin-left: 0; opacity: 0; background: url(../img/jt1.png) no-repeat; background-size: auto 100%; transition: all 0.5s; -webkit-transition: all 0.5s; } .recruit_box .box3 .gallery-top .swiper-slide .zpjh_con a:hover::after { width: 0.07rem; margin-left: 0.12rem; opacity: 1; } .box6 .zpgw .zpgw_l h6{ font-size: 0.28rem; margin: 20px 0; font-weight: 600; } .box6 .zpgw .zpgw_l p{ font-size: 0.16rem; margin: 20px 0; line-height: 25px; padding-right: 20%; } .box6 .zpgw .zpgw_l a{ /* width: 1.6rem; height: 0.42rem; font-size: 0.14rem; color: #fff; margin-top: 0.2rem; background-color: #3dae6c; padding: 10px 30px; text-align: center; line-height: 0.4rem; border: 1px solid rgba(255, 255, 255, 0.6); transition: all 0.5s; */ display: block; width: 1.6rem; height: 0.42rem; background: #3dae6c; color: #fff; font-size: 0.14rem; text-align: center; line-height: 0.44rem; } .box6 .zpgw .zpgw_l a::after { content: ""; display: inline-block; vertical-align: middle; margin-top: -4px; width: 0; height: 0.11rem; margin-left: 0; opacity: 0; background: url(../img/jt1.png) no-repeat; background-size: auto 100%; transition: all 0.5s; -webkit-transition: all 0.5s; } .box6 .zpgw .zpgw_l a:hover::after { width: 0.07rem; margin-left: 0.12rem; opacity: 1; } /* 閫傞厤 */ @media (min-width: 1200px) { .investor_box .box5 .swiper-slide:hover i{ -webkit-transform: scale(1.2); transform: scale(1.2); } .investor_box .box5 .divl:hover i{ -webkit-transform: scale(1.2); transform: scale(1.2); } .investor_box .box4 .divl a:hover img{ margin-left: 0.3rem; } .investor_box .box3 .divr a:hover strong{ color: #3dae6c; } .investor_box .box3 .divl a:hover h6{ color: #3dae6c; } .investor_box .box3 .divl a:hover{ box-shadow: 0 0 0.2rem rgba(0, 0, 0, .2); } .investor_box .box2 .divr .dl a:hover h6{ color: #3dae6c; } .investor_box .box2 .divl .dd a:hover h6{ color: #3dae6c; } .investor_box .box2 .divl .dt a:hover em i{ -webkit-transform: scale(1.2); transform: scale(1.2); } .message_box .ul li:hover h6{ color: #3dae6c; } .message_box .dl a:hover em i{ -webkit-transform: scale(1.2); transform: scale(1.2); } .report_box .list_ul li:hover h6{ color: #3dae6c; } .more:hover::after { width: 0.07rem; margin-left: 0.12rem; opacity: 1; } .bulletin_box .box1 .list_ul li:hover h6{ color: #3dae6c; } .bulletin_box .box1 .list_ul li:hover{ box-shadow: 0 0 0.2rem rgba(212, 211, 211, .75); } .bulletin_box .box2 .list_ul li:hover h6{ color: #3dae6c; } .wisdom_box .box2 dd span:hover { -webkit-transform: scale(1.1); transform: scale(1.1); } .recruit_box .box7 .swiper-slide:hover div h6 { color: #3dae6c; } .recruit_box .box7 .swiper-slide:hover em i { -webkit-transform: scale(1.2); transform: scale(1.2); } .wisdom_box .box3 dd li:hover div h6 { color: #3dae6c; } .wisdom_box .box3 dd li:hover em i { -webkit-transform: scale(1.2); transform: scale(1.2); } .wisdom_box .box1 dd a:hover { padding-right: 24px; } .corporate_box ul li:hover em::after { opacity: 1; } .corporate_box ul li:hover em::before { opacity: 1; } .corporate_box .dl1:hover dt i { -webkit-transform: scale(1.2); transform: scale(1.2); } .corporate_box .dl1:hover dd h6 { color: #3dae6c; } .corporate_box ul li:hover div h6 { color: #3dae6c; } .corporate_box ul li:hover em i { -webkit-transform: scale(1.2); transform: scale(1.2); } .leader_box .box3 li:hover dl { opacity: 1; left: 100%; } .leader_box .box3 li:hover em { border: 2px solid #3dae6c; } .about_box .box5 .tab_dl dt span:hover { color: #3dae6c; } .about_box .box5 .tab_dl dt span.active:hover { color: #fff; } .catalog_box .ts_a:hover {} .catalog_box ul li:hover { box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.2); } .product_box .box3 a:hover div { top: 50%; opacity: 1; } .product_box .box3 a:hover .bg_img { -webkit-transform: scale(1.2); transform: scale(1.2); } .product_box .box3 a:hover::after { opacity: 1; } .product_box .box1 ul li:hover i { width: 0; } .product_box .box2 .gallery-top .swiper-slide a:hover { border: 1px solid rgba(61, 174, 108, 1); background: #3dae6c; } .product_box .box2 .gallery-top .swiper-slide a:hover::after { margin-left: 0.2rem; } .product_box .box2 .gallery-thumbs .swiper-slide:hover h6 { box-shadow: none; } .product_box .box2 .gallery-thumbs .swiper-slide:hover h6 em { width: 0; } .product_box .box2 .gallery-thumbs .swiper-slide:hover h6 span { color: #fff; } .product_box .box2 .gallery-thumbs .swiper-slide:hover::after { width: 100%; opacity: 1; } .cooperation_box .box1 ul li:hover em img { transform: translate(-50%, -50%) scale(1.2); } .head_box .nav_ul li p a:hover { opacity: 1; } .newsinfo_box .divb a.return_a:hover { background: #3dae6c; color: #fff; } .about_box .box3 .swiper-slide:hover .bg_img { opacity: 1; -webkit-transform: scale(1.0); transform: scale(1.0); box-shadow: 0 0 0.2rem rgba(0, 0, 0, 0.4); } .about_box .box3 .swiper-slide:hover h5 { opacity: 0; } .about_box .box2 .swiper-slide:hover h5 { color: #3dae6c; } .about_box .box2 .swiper-slide:hover img { -webkit-transform: scale(1.2); transform: scale(1.2); } .about_box .box2 .swiper-slide:hover::after { background: #3dae6c; } .about_box .box2 .swiper-slide:hover::before { background-position: 0 -0.21rem; } .about_box .box1 .swiper-slide:hover::after { opacity: 1; } .about_box .box1 .swiper-slide:hover::before { opacity: 1; } .about_box .box1 .swiper-slide:hover h6 span { color: #fff; } .about_box .box1 .swiper-slide:hover h6 small { color: #fff; } .leader_box .box3 li:hover em img { -webkit-transform: scale(1.2); transform: scale(1.2); } .leader_box .box3 li:hover h6 { color: #3dae6c; } .culture_box .box3 ul li:hover div { top: 0; opacity: 1; } .page_box a:hover { background: #3dae6c; } .news_box ul li:hover a { border-bottom: 1px solid #3dae6c; } .news_box ul li:hover h6 { color: #3dae6c; } .news_box ul li:hover em i { -webkit-transform: scale(1.2); transform: scale(1.2); } .news_box ul li:hover span::after { opacity: 1; margin-right: 0; } .society_box .zplb_dl dd .nr_div button:hover { background: #3dae6c; color: #fff; } @keyframes mymove1 { 0% { opacity: 0; transform: translateY(0.6rem); } 100% { opacity: 1; transform: translateY(0); } } @keyframes mymove2 { 0% { opacity: 0; height: 0; } 100% { opacity: 1; height: 0.32rem; } } .recruit_box .box2 .div a.a1:hover dd { opacity: 1; } .recruit_box .box2 .div a.a1:hover h5 { opacity: 0; } .recruit_box .box2 .div a:hover img { -webkit-transform: scale(1.2); transform: scale(1.2); } .zwsq_box .zwsq_div form label dd:hover { background: #3dae6c; color: #fff; } .pc_box dd a:hover em img:nth-of-type(1) { opacity: 0; } .pc_box dd a:hover em img:nth-of-type(2) { opacity: 1; } .pc_box dd a:hover span { color: #3dae6c; } .recruit_box .box3 ol a:hover { box-shadow: 0 0 0.3rem rgba(0, 0, 0, 0.2); } .recruit_box .box3 ol a:hover em img:nth-of-type(1) { opacity: 0; } .recruit_box .box3 ol a:hover em img:nth-of-type(2) { opacity: 1; } .recruit_box .box3 ul a:hover em img { box-shadow: 0 0 0.3rem rgba(0, 0, 0, 0.3); } .classify_box .box2 dd button:hover { color: #fff; background: #3dae6c; } .classify_box .box2 dt .dj_em:hover { color: #fff; background: #3dae6c; } .type_dl dt a:hover { background: #3dae6c; color: #fff; } .salary_box .box1 li:hover em { background: #3dae6c; } .salary_box .box1 li:hover em img:nth-of-type(1) { opacity: 0; } .salary_box .box1 li:hover em img:nth-of-type(2) { opacity: 1; } .salary_box .box1 li:hover::after { opacity: 1; } .fh_a:hover { background: #3dae6c; color: #fff; } .banner_box h5 p a:hover { opacity: 1; } .welcome_box .box4 dd em:hover { border: 1px solid rgba(34, 148, 58, 0.5); background: rgba(34, 148, 58, 0.5); } .welcome_box .box4 dd em:hover i { background: rgba(34, 148, 58, 0.8); } .welcome_box .ceshi_box .gallery-thumbs .swiper-slide:hover h6 { background-image: url(../img/tb21h.png); color: #3dae6c; } .welcome_box .ceshi_box .gallery-thumbs .swiper-slide:hover h6::after { opacity: 1; } .welcome_box .ceshi_box .gallery-thumbs .swiper-slide:hover em img:nth-of-type(1) { opacity: 0; } .welcome_box .ceshi_box .gallery-thumbs .swiper-slide:hover em img:nth-of-type(2) { opacity: 1; } .welcome_box .ceshi_box .link_div a:hover { color: #3dae6c; } .welcome_box .ceshi_box .link_div a:hover::after { width: 7px; margin-left: 0.12rem; opacity: 1; } .welcome_box .box7 .swiper-slide:hover a { border-bottom: 1px solid #3dae6c; } .welcome_box .box7 .swiper-slide:hover h6 { color: #3dae6c; } .welcome_box .box7 .swiper-slide:hover em i { -webkit-transform: scale(1.2); transform: scale(1.2); } .welcome_box .box7 .swiper-slide:hover span::after { opacity: 1; margin-right: 0; } .welcome_box .box6 .divl .link_a:hover span { color: #3dae6c; padding-right: 0.26rem; background: url(../img/jt5h.png) no-repeat right 0 top 2px; } .welcome_box .more_a:hover::after { width: 0.07rem; margin-left: 0.12rem; opacity: 1; } .welcome_box .box1 .swiper-slide:hover { box-shadow: 0 0 0.12rem rgba(0, 0, 0, 0.2); } .welcome_box .box1 .swiper-slide:hover::before { background: rgba(61, 174, 108, 1); } .welcome_box .box1 .swiper-slide:hover em { background: #3dae6c; } .welcome_box .box1 .swiper-slide:hover em img:nth-of-type(1) { opacity: 0; } .welcome_box .box1 .swiper-slide:hover em img:nth-of-type(2) { opacity: 1; } .foot_box .divb h6 a:hover { color: #3dae6c; } .foot_box .divt p a:hover { color: #3dae6c; } .head_box .nav_ul li:hover>a::after { width: 100%; opacity: 1; } .head_box .yy_dl:hover::after { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } .head_box .yy_dl:hover dd { height: 0.44rem; } .head_box .yy_dl dd a:hover { /* color: #3dae6c; */ } .headb_box .yy_dl dd a:hover { color: #225f3b; } .head_box form:hover input { opacity: 1; width: 1.7rem; } .head_box form:hover button { background: url(../img/tb18h.png) no-repeat center; } @keyframes myfirst { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 0; } 70% { opacity: 0.3; } 100% { -webkit-transform: scale(20); transform: scale(20); opacity: 0; } } @-webkit-keyframes myfirst { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 0; } 70% { opacity: 0.3; } 100% { -webkit-transform: scale(20); transform: scale(20); opacity: 0; } } } @media (max-width: 1800px) { .foot_box .divm { display: flex; display: -webkit-flex; flex-wrap: wrap; } .foot_box .divm em { flex-shrink: 0; width: 1.6rem; height: 1.6rem; padding: 0.2rem; box-sizing: border-box; } .foot_box .divm em img { width: 100%; } .foot_box .divm dl { flex-shrink: 0; width: calc(100% - 1.6rem); display: flex; display: -webkit-flex; justify-content: space-between; } .foot_box .divm dl dd { margin-right: 0; } .foot_box .divm h5 { flex-shrink: 0; width: 100%; position: static; text-align: left; transform: none; line-height: 0.2rem; margin-top: 0.3rem; } .foot_box .divm h5 small { display: inline-block; vertical-align: top; margin: 0 0.2rem; } .welcome_box .box3 .divl ul { margin-top: 0.2rem; } .welcome_box .box3 .divl ul li { margin-right: 0; width: 50%; margin-top: 0.3rem; } .wisdom_box .box2 .luxy_el { top: -2vw; } } @media (max-width: 1600px) { .foot_box .divm dl dd { margin-right: 0.3rem; } .head_box .nav_ul li { padding: 0 0.2rem; } .foot_box .divm dl { padding-left: 0.4rem; } .foot_box .divm em { padding: 0.14rem; } .leader_box .box4 .thumbs_div { padding-left: 24%; } .leader_box .box4 .thumbs_div h6 { width: 38%; padding: 0.22rem 16% 0.22rem 0.3rem; } .leader_box .box4 .gallery-thumbs .swiper-slide { padding-bottom: 13%; } .wisdom_box .box2 .luxy_el { top: 2vw; } } @media (max-width: 1500px) { html { font-size: 90px; } .about_box .box3 .swiper-slide h5 span { font-size: 0.20rem; } .idea_box .box1 div { line-height: 2.0; } .idea_box .box2 ul li h6 {} .idea_box .box2 ul li h6 span { font-size: 0.20rem; } .idea_box .box2 ul li div { margin-top: 0.5rem; } .recruit_box .box3 ol a em { width: 26%; padding-bottom: 26%; } .recruit_box .box3 ol a h6 { left: 40%; ; } .process_box .box1 li span { font-size: 0.19rem; margin-top: 0.2rem; } .process_box .box1 { padding: 8% 0; } .salary_box .box1 li h6 { font-size: 0.24rem; } .productetcj_box .h5 strong { font-size: 0.6rem; } .productetcj_box .h6 { font-size: 0.42rem; } .cooperation_box .box1 dl dd { width: 22%; font-size: 0.2rem; } .banner_box .wa_img { height: 0.7rem; } .product_box .box2 .gallery-thumbs .swiper-slide h6 span { font-size: 0.22rem; } .culture_box .box4 dl dd ul li p { font-size: 0.22rem; } .productetcj_box .box5 .content_dl dd span img { width: 0.9rem; } .productetcj_box .box6 .content_dl dd span i { font-size: 0.22rem; } .productetcj_box .box7 .content_dl dd span { font-size: 0.22rem; } .productetcj_box .box11 .content_dl dd li strong { font-size: 0.3rem; } .idea_box .box2 ul li h6 { width: 1.0rem; height: 1.0rem; } .idea_box .box2 ul li div dd { top: 27%; } } @media (max-width: 1400px) { html { font-size: 84px; } .productetcj_box .box5 .content_dl dd span img { width: 0.8rem; } .idea_box .box2 ul li div { margin-top: 30%; } .idea_box .box2 ul li div dd { height: 70%; top: 26%; } .wisdom_box .box2 .luxy_el { top: 5vw; } .investor_box .box1 .dl dt{ transform: scale(0.9); margin-right: -0.3rem; } .investor_box .box1 .dl dd{ transform: scale(0.9); } } @media (max-width: 1200px) { body { padding-top: 46px; } .w82 { width: 92%; } .head_box .logo_a { width: 100px; } .head_box .nav_ul li>a::after{ display: none; } .head_box .yy_dl { float: none; display: inline-block; vertical-align: top; margin-top: 14px; margin-left: 20px; margin-right: 0; } .head_box .yy_dl::before { margin-right: 10px; } .head_box { height: 46px; background: rgba(61, 174, 108, 1); border-bottom: none; } .head_box .nav_ul { display: none; position: absolute; width: 100%; left: 0; top: 46px; background: #3dae6c; box-sizing: border-box; padding: 0 4%; margin-right: 0; } .head_box .nav_div { display: block; margin-right: -4%; } .head_box .nav_ul li { display: block; margin: 0; padding: 0; border-top: 1px solid #338d58; } .head_box .nav_ul li.active::after { display: none; } .head_box .nav_ul li>a { height: 40px; line-height: 40px; } .head_box .nav_ul li a i { display: block; } .head_box .nav_ul li p { position: static; padding: 10px 18px; text-align: left; box-sizing: border-box; } .head_box .nav_ul li p a { height: 36px; line-height: 36px; } .head_box .nav_ul li p .hide_a{ display: block; } .head_box .nav_ul li p { background: rgba(0, 0, 0, 0.2); } .swiper_box .swiper-pagination span::after { width: 4px; height: 4px; } .swiper_box .swiper-pagination span { padding: 4px; width: 4px; height: 4px; } .head_box form { display: none; } .swiper_box .pc_img { display: none !important; } .swiper_box .m_img { display: block !important; height: 66.66vw; } .swiper_box::after { display: none; } .swiper_box .swiper-pagination { bottom: 20px !important; } .swiper_box .swiper-pagination span { margin: 0 6px !important; } .foot_box { padding: 30px 0 10px; } .foot_box .divt { display: none; } .foot_box .divm dl { float: none; display: block; width: 100%; padding-left: 0; } .foot_box .divm dl dd { display: block; width: 100%; margin-top: 10px; padding-left: 0; padding-top: 50px; background: url(../img/tb11.png) no-repeat center 0; background-size: 40px; } .foot_box .divm { margin: 0 0 24px 0; text-align: center; display: block; } .foot_box .divm h5 { text-align: center; } .foot_box .divb .bdsharebuttonbox { float: right; } .foot_box .divb h6 { float: none; text-align: center; } .foot_box .divb h6 a { display: none; } .welcome_box .box1 { display: block; box-shadow: none; } .welcome_box .box1 .swiper-slide { flex-shrink: 0; flex: 0 0 100%; width: 100%; padding: 10px 0; box-sizing: border-box; text-align: center; box-shadow: 0 0 6px rgba(0, 0, 0, 0.1); display: flex; display: -webkit-flex; align-content: center; justify-content: center; align-items: center; } .welcome_box .box1 .swiper-slide div { width: calc(100% - 80px); padding-left: 0; text-align: left; } .welcome_box .box1 .swiper-slide div h6 { display: block; margin-bottom: 0; font-size: 16px; padding: 0 12px; } .welcome_box .box1 .swiper-slide div dd { margin-top: 6px; padding: 0 12px; font-size: 12px; } .welcome_box .box1 .swiper-slide::before { background: rgba(61, 174, 108, 1); height: 5px; top: -5px; } .title_h5 small { padding: 0 4%; } .welcome_box .box1 .swiper-slide em { width: 42px; height: 42px; } .welcome_box .box1 .swiper-slide em img { width: 30px; } .welcome_box .box1 .swiper-pagination { display: block; position: static; margin-top: 0.16rem; } .welcome_box .box1 .swiper-pagination .swiper-pagination-bullet-active { background: #3dae6c; } .title_h5 { margin-bottom: 30px; } .title_h5 span { font-size: 22px; } .welcome_box .box2 { margin-top: 30px; border: none; padding-top: 20px; } .title_h5 em { font-size: 18px; } .welcome_box .box2 .gallery-thumbs { position: relative; width: 100%; bottom: 0; } .welcome_box .box2 .button_div { display: none; } .welcome_box .box2 .gallery-top .pc_img { display: none !important; } .welcome_box .box2 .gallery-top .m_img { display: block !important; } .welcome_box .ceshi_box .gallery-top .swiper-slide .pc_img { display: none !important; } .welcome_box .ceshi_box .gallery-top .swiper-slide .m_img { display: block !important; } .welcome_box .ceshi_box .gallery-top .swiper-slide .m_div { display: block; } .welcome_box .box2 .gallery-thumbs .swiper-slide { padding: 10px 16px; } .welcome_box .box2 .gallery-thumbs .swiper-slide em { width: 28px; height: 28px; line-height: 28px } .welcome_box .box2 .gallery-thumbs .swiper-slide h6 { height: 28px; line-height: 28px; padding-left: 12px; margin-left: 12px; font-size: 14px; width: calc(100% - 48px); } .welcome_box .box3 { margin-top: 30px; } .welcome_box .box3 .divl { width: 100%; } .welcome_box .box3 .divr { position: relative; margin-top: 20px; width: 100%; height: auto; padding-bottom: 87.5%; } .welcome_box .box3 .divl ul { margin-top: 10px; } .welcome_box .box3 .divl ul li { text-align: center; } .welcome_box .box3 .divl .title_h5 { text-align: center; } .welcome_box .box3 .divl .nr_div { padding: 18px 0; } .welcome_box .box4 { padding-top: 20px; margin-top: 30px; } .welcome_box .box7 .swiper-slide a { padding-bottom: 14px; } .welcome_box .box7 .swiper-slide h6 { height: auto; width: 90%; margin-left: 5%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; text-align: center; } .welcome_box .box7 .swiper-slide dd { margin-bottom: 16px; } .welcome_box .box7 .more_a { margin: 24px auto 0; } .welcome_box .box7 { padding: 20px 3% 30px; margin-top: 30px; } .welcome_box .box7 .swiper_div{ padding: 0; } .welcome_box .box7 .swiper-button-prev{ display: none; } .welcome_box .box7 .swiper-button-next{ display: none; } .welcome_box .more_a { width: 130px; height: 36px; line-height: 36px; margin: 0 auto; } .welcome_box .box6 { padding: 20px 0 30px; margin-top: 30px; } .welcome_box .box6 .divl { width: 100%; } .welcome_box .box6 .divl .link_a { margin-bottom: 30px; display: none; } .welcome_box .box6 .title_h5 { margin-bottom: 30px; text-align: center; } .welcome_box .box6 .divr { width: 100%; margin-top: 0; margin-left: 0; margin-bottom: 0; } .welcome_box .box6 .divr dd img { -webkit-transform: scale(0.7) translateX(-70%); transform: scale(0.7) translateX(-70%); } .welcome_box .box6 .divr dd.dd1 img { bottom: 0; } .welcome_box .box6 .divr dd.dd2 img { bottom: 0; } .welcome_box .box6 .divr dd.dd3 img { bottom: 21px; } .welcome_box .box6 .divr dd.dd4 img { bottom: 10px; } .welcome_box .box6 .divr dd.dd5 img { bottom: -5px; } .welcome_box .box6 .divr dd.dd6 img { bottom: -14px; } .welcome_box .box6 .divr dd.dd7 img { bottom: -14px; } .welcome_box .box6 .divr dd.dd8 img { bottom: 10px; } .welcome_box .box6 .divr dd::after { display: none; } .welcome_box .ceshi_box .gallery-thumbs { position: relative; height: auto; width: 100%; left: 0; transform: none; } .welcome_box .ceshi_box .gallery-thumbs .swiper-wrapper { flex-wrap: wrap; } .welcome_box .ceshi_box .gallery-thumbs .swiper-slide { position: static !important; text-align: center !important; height: auto; padding: 14px 0; } .welcome_box .ceshi_box .gallery-thumbs .swiper-slide:nth-of-type(2) { text-align: center; } .welcome_box .ceshi_box .gallery-thumbs .swiper-slide:nth-of-type(4) { text-align: center; } .welcome_box .ceshi_box .gallery-thumbs .swiper-slide p { display: none; } .welcome_box .ceshi_box .gallery-thumbs .swiper-slide h6 { background: none; padding: 0 !important; display: inline-block; margin: 10px 0 0 0 !important; font-size: 14px; margin-top: 10px; color: #999; } .welcome_box .ceshi_box .gallery-thumbs .swiper-slide em { width: 40px; height: 46px; } .welcome_box .ceshi_box .gallery-thumbs .swiper-slide em img { width: 100%; } .welcome_box .ceshi_box .gallery-thumbs .swiper-slide em img:nth-of-type(2) { opacity: 0; } .welcome_box .ceshi_box .gallery-thumbs .swiper-slide em img:nth-of-type(3) { opacity: 1; } .welcome_box .ceshi_box .gallery-thumbs .swiper-slide-thumb-active em img:nth-of-type(2) { opacity: 1; } .welcome_box .ceshi_box .gallery-thumbs .swiper-slide-thumb-active em img:nth-of-type(3) { opacity: 0; } .welcome_box .ceshi_box .gallery-thumbs .swiper-slide:nth-of-type(2n) h6 { padding: 0; margin-right: 0; } .welcome_box .ceshi_box .gallery-thumbs .swiper-slide h6::after { display: none; } .welcome_box .ceshi_box .yq_dl { display: none; } .welcome_box .ceshi_box { background: #fff; padding-top: 20px; margin-top: 30px; } .welcome_box .ceshi_box .gallery-thumbs .swiper-slide-thumb-active h6 { color: #3dae6c; } .welcome_box .ceshi_box .title_h5 { position: static; color: #333; } .welcome_box .box4 dd { opacity: 1; transform: translateY(0); background: none !important; } .welcome_box .box4 dd span { height: 14px; width: 14px; opacity: 1; background: none !important; } .welcome_box .box4 dl dt .pc_img { display: none !important; } .welcome_box .box4 dl dt .m_img { display: block !important; } .welcome_box .box4 dd em { width: 46px; height: 46px; left: 0 !important; top: 0 !important; right: auto !important; } .welcome_box .box4 dd span { position: static; } .welcome_box .box4 dd em i { width: 100%; top: 0; left: 0; height: 100%; line-height: 46px; font-size: 14px; } .welcome_box .box4 dd { width: 46px; height: 46px; } .welcome_box .box4 dd.dd1 { top: 30%; left: 20%; } .welcome_box .box4 dd.dd2 { top: auto; bottom: 30%; left: 14%; } .welcome_box .box4 dd.dd3 { top: auto; bottom: 30%; left: calc(14% + 69px); } .welcome_box .box4 dd.dd4 { top: auto; bottom: 30%; left: auto; right: 14%; } .welcome_box .box4 dd.dd5 { top: auto; bottom: 30%; left: auto; right: calc(14% + 69px); } .pd { padding: 22px 0 40px; } .pc_box { display: none; } .banner_box h5 {} .banner_box h5 strong { font-size: 28px; } .banner_box h5 p { margin-top: 0.14rem; } .banner_box img { height: 160px; width: auto; margin-left: 50%; transform: translateX(-50%); } .fh_a { width: 100px; height: 34px; line-height: 34px; margin: 30px auto 0; font-size: 14px; } .salary_box .box1 { margin-top: -12px; } .salary_box .box1 li { flex: 0 0 49%; margin-right: 2%; padding: 12px; margin-top: 12px; } .salary_box .box1 li p { font-size: 12px; } .salary_box .box1 li:nth-of-type(3n) { margin-right: 2%; } .salary_box .box1 li:nth-of-type(2n) { margin-right: 0; } .salary_box .box1 li::after { display: none; } .salary_box .box1 li h6 { font-size: 16px; margin: 10px 0 10px; } .salary_box .box1 li em { border: none; width: 50px; height: 50px; } .salary_box .box1 li em::before { display: none; } .salary_box .box2 { margin-top: 30px; } .recruitqa_box ul { margin-top: -12px; } .recruitqa_box ul li { flex: 0 0 100%; margin-top: 12px; padding: 5% 4%; } .recruitqa_box ul li h6 { margin: 16px 0; } .process_box .box1 ul { margin-top: -24px; } .process_box .box1 li { width: 22%; margin-right: 4%; margin-top: 24px; } .process_box .box1 { margin-bottom: 20px; } .process_box .box1 li:nth-of-type(4n) { margin-right: 0; } .process_box .box1 li::after { display: none; } .process_box .box1 li span { font-size: 14px; margin-top: 10px; } .process_box .box2 { margin-top: -16px; } .process_box .box2 dd { width: 100%; margin-top: 16px !important; margin-right: 0; padding: 4% 16px; } .process_box .box2 dd::before { display: none; } .process_box .box2 dd::after { display: none; } .process_box .box2 dd em { width: 32%; } .type_dl dt { width: 100%; } .type_dl dt a { height: 42px; line-height: 42px; font-size: 14px; } .classify_box { margin-top: 30px; padding: 20px 5% 40px; } .classify_box .box1 { margin-bottom: 20px; } .classify_box .box2 dt ul { display: none; } .classify_box .box2 dt { line-height: 32px; padding: 14px 0; } .classify_box .box2 dd { padding: 20px 0; } .classify_box .box2 dd div { width: 100%; margin-right: 0; } .classify_box .box2 dd div p { font-size: 14px; } .classify_box .box2 dt h6 { font-size: 16px; } .classify_box .box2 dt .dj_em { float: right; } .classify_box .box1 p { font-size: 14px; } .banner_box em { height: 60vw; } .banner_box i { display: none; } .recruit_box .box1 .gallery-top .swiper-slide { overflow: hidden; } .recruit_box .box1 .gallery-top .swiper-slide img { width: 124%; margin-left: -12%; } .recruit_box .box1 { padding-top: 20px; } .recruit_box .box1 .gallery-thumbs { position: relative; width: 100%; } .recruit_box .box1 .gallery-thumbs .swiper-slide { padding: 6px 16px; } .recruit_box .box1 .gallery-thumbs .swiper-slide em { width: 28px; height: 28px; line-height: 28px; } .recruit_box .box1 .gallery-thumbs .swiper-slide h6 { height: 28px; line-height: 28px; padding-left: 12px; margin-left: 12px; font-size: 14px; width: calc(100% - 48px); } .recruit_box .box2 .div a.a1 dd { position: static; opacity: 1; } .recruit_box .box2 .div a.a1 dd div { position: static; transform: none; width: 92%; margin: 0 auto; padding: 30px 0; } .recruit_box .box1 .button_div { display: none; } .recruit_box .box2 .div { display: block; } .recruit_box .box2 .div a { width: 100%; display: block; } .recruit_box .box2 .div a.a1 { margin-bottom: 16px; } .recruit_box .box2 .div a h5 i { margin-top: 10px; } .recruit_box .box2 .div a.a2 em { padding-bottom: 60.8%; overflow: hidden; position: relative; display: block; } .recruit_box .box2 .div a.a2 img { position: absolute; width: 100%; height: auto; top: 50%; left: 0; transform: translateY(-69%); } .recruit_box .box4 .w82 { padding: 20px 0; overflow: hidden; } .recruit_box .box4 .gallery-top .swiper-slide { padding: 12px; } .recruit_box .box4 .gallery-top .swiper-slide em { width: 100%; } .recruit_box .box4 .gallery-top .swiper-slide div { width: 100%; padding-left: 0; margin-top: 16px; } .recruit_box .box4 .gallery-top .swiper-slide div h6 { margin-bottom: 12px; } .recruit_box .box4 .gallery-top .swiper-slide div dd { font-size: 14px; } .recruit_box .box4 .gallery-thumbs { padding: 20px 0 10px; } .recruit_box .box4 .gallery-thumbs .swiper-slide div { display: none; } .recruit_box .box4 .gallery-thumbs .swiper-slide em { width: 100%; } .recruit_box .box5 .thumbs_div { padding: 14px; } .recruit_box .box5 .swiper-button-prev { display: none; } .recruit_box .box5 .swiper-button-next { display: none; } .recruit_box .box3 ul a { width: 90%; } .recruit_box .box3 ul a h6 { font-size: 16px; } .recruit_box .box3 ul a em { padding: 10px; } .recruit_box .box3 ol a { width: 90%; } .recruit_box .box3 ol a h6 { font-size: 16px; width: 100%; left: 0; } .recruit_box .box4 .gallery-top .swiper-slide div h5 { font-size: 20px; } .recruit_box .box3 ol { margin-top: 30px; } .recruit_box .box3 ol a em { display: none; } .welcome_box .box6 .divr dd { background: none; } .recruit_box .box2 .div a.a1 dd h6 { font-size: 16px; margin-bottom: 14px; } .about_box .box1 dt { width: 100%; vertical-align: top; padding-right: 0; } .about_box .box1 dt h6 { padding: 10px 40px 10px 20px; } .about_box .box1 dd { width: 100%; vertical-align: top; } .about_box .box1 dt p { font-size: 14px; } .about_box .box1 .swiper-container { padding: 24px 0.1rem; box-sizing: border-box; width: calc(92% + 0.2rem); } .about_box .box1 .swiper-pagination { display: block; position: static; margin-top: 0.16rem; } .about_box .box1 .swiper-pagination .swiper-pagination-bullet-active { background: #3dae6c; } .about_box .swiper-button-next { display: none; } .about_box .swiper-button-prev { display: none; } .about_box .box1 .swiper-slide h6 span { font-size: 0.4rem; } .about_box .box2 .swiper-slide { padding: 0.44rem 0.20rem 0.9rem 0.20rem; } .about_box .box3 .swiper-slide h5 span { font-size: 0.18rem; height: 0.36rem; margin-top: 0.16rem; } .about_box .box3 .swiper-slide h5 img { width: 0.7rem; } .about_box .box3 .swiper-container { padding: 0 1px 0.6rem; } .leader_box .divl { width: 100%; } .leader_box .divc { position: static; width: 100%; } .leader_box .divr { position: static; width: 100%; } .leader_box .divl .title_h5 { text-align: center; } .leader_box .divl { padding-top: 20px; } .leader_box .divc { padding: 0.2rem 0.2rem; } .leader_box .divl dd { font-size: 14px; } .leader_box .divc dd div { font-size: 14px; } .leader_box .divr dl { font-size: 14px; } .leader_box .box2 h6 { font-size: 16px; } .leader_box .box2 ul { text-align: center; font-size: 0; } .leader_box .box2 li { display: inline-block; vertical-align: top; float: none; width: 32%; margin-right: 2%; } .leader_box .box2 li:nth-of-type(3n) { margin-right: 0; } .leader_box .box2 li em span { font-size: 16px; line-height: 1.4; height: 44px; margin-top: 5px; } .leader_box .box2 li em img { width: 34px; } .leader_box .box3 li { width: 49%; margin-right: 2%; margin-top: 24px; } .leader_box .box3 li:nth-of-type(2n) { margin-right: 0; } .leader_box .box3 ul { margin-top: -24px; } .leader_box .box3 li h6 { font-size: 16px; margin-top: 16px; } .news_box ul { margin-top: -24px; } .news_box ul li { width: 100%; margin-right: 0; margin-top: 24px; } .news_box ul li h6 { height: auto; } .news_box ul li dd { height: auto; } .page_box { margin-top: 30px; } .newsinfo_box { width: 100%; margin: 0; } .newsinfo_box { padding: 30px 4%; } .newsinfo_box .divt h6 { margin-bottom: 4px; } .newsinfo_box .divm { padding: 20px 0; } .newsinfo_box .divb a.return_a { width: 1.2rem; } .newsinfo_box .divb { padding-right: 1.4rem; } .idea_box .box1 div { width: 100%; padding: 18px; } .idea_box .box1 em { width: 100%; } .idea_box .box2 { padding: 30px 0; } .idea_box .box2 .swiper-container { width: 92%; padding-left: 0; } .idea_box .box2 ul li div { margin-top: 0; padding-bottom: 160%; } .idea_box .box2 ul li h6 { position: static; position: relative; left: 0; top: 0; width: 100%; } .idea_box .box3 h5 strong { font-size: 0.2rem; } .idea_box .box3 h5 span { font-size: 0.30rem; } .idea_box .box3 h5 small { margin-left: 0; font-size: 0.16rem; margin-top: 16px; } .idea_box .box3 h5 { width: 100%; left: 4%; } .society_box form select { width: 39%; padding: 0 12px; } .society_box form button { width: 20%; } .society_box form { height: 44px; } .society_box .zplb_dl { margin-top: 14px; } .society_box .zplb_dl dt { height: 0.5rem; line-height: 0.5rem; padding: 0 14px; } .society_box .zplb_dl dt span { display: none; } .society_box .zplb_dl dt span:first-of-type { display: inline-block; width: 50%; text-align: left; } .society_box .zplb_dl dt span:last-of-type { display: inline-block; float: right; width: auto; } .society_box .zplb_dl dd h6 { height: 0.5rem; line-height: 0.5rem; padding: 0 14px; } .society_box .zplb_dl dd h6 span { display: none; } .society_box .zplb_dl dd h6 span:first-of-type { display: inline-block; width: 50%; text-align: left; } .society_box .zplb_dl dd h6 span:last-of-type { display: inline-block; float: right; width: auto; } .society_box .zplb_dl dd .nr_div>div { width: 100%; margin-right: 0; } .society_box .zplb_dl dd .nr_div { padding: 14px; width: calc(100% - 28px); } .society_box .gdfldy_a { margin-top: 18px; width: 1.2rem; height: 1.2rem; } .society_box .gdfldy_a p img { width: 0.34rem; } .society_box .gdfldy_a p span { font-size: 12px; } .culture_box .box1 ul li { width: 100%; margin-right: 0; box-sizing: border-box; } .culture_box .box1 ul { flex-wrap: wrap; } .culture_box .box1 ul li div { padding: 0.24rem; } .culture_box .box2 dl { width: 92%; } .culture_box .box3 ul li { width: 49%; } .culture_box .box3 ul li:nth-of-type(2n) { margin-right: 0; } .culture_box .box3 ul li h6 { font-size: 0.22rem; } .culture_box .box3 dd { width: 92%; padding: 8% 5% 7%; } /* .culture_box .box4 dl{ flex-wrap: wrap; } .culture_box .box4 dt{ width: 100%; } .culture_box .box4 dd{ width: 100%; } .culture_box .box4 dd ul{ height: auto; position: static; width: 100%; } .culture_box .box4 dt div{ width: 92%; } .culture_box .box4 dt div h6{ font-size: 0.26rem; } */ .about_box .box3 .luxy_el { top: 0; height: 100%; } .leader_box .box2 .luxy_el { top: 0; height: 100%; } .culture_box .box2 .luxy_el { top: 0; height: 100%; } .culture_box .box3 dl .luxy_el { top: 0; height: 100%; } .idea_box .box2 .luxy_el { top: 0; height: 100%; } .recruit_box .box3 .luxy_el { top: 0; height: 100%; } .leader_box .divc { padding: 0.2rem 0; } .leader_box .divr { padding: 0.2rem 0; } .leader_box .box2 { padding: 0.4rem 0; } .leader_box .box2 .swiper-slide img { width: 0.6rem; } .leader_box .box2 .swiper-slide span { font-size: 0.22rem; } .culture_box .box3 dd p { font-size: 0.3rem; line-height: 1.5; } .culture_box .box3 dd h6 { margin: 0.3rem 0; } .culture_box .box4 dl .luxy_el { top: 0; height: 100%; } .culture_box .box4 dl dd { width: 92%; padding: 8% 5%; } .culture_box .box4 dl dd img { height: auto; width: 70%; } .culture_box .box4 dl dd ul { display: block; font-size: 0; margin-top: 0.14rem; } .culture_box .box4 dl dd ul li { display: inline-block; vertical-align: top; width: 33.33%; margin-top: 0.2rem; } .cooperation_box .box1 ul li { width: 49%; margin-right: 2%; } .cooperation_box .box1 ul li:nth-of-type(2n) { margin-right: 0; } .cooperation_box .box1 dl { margin-top: 0.2rem; } .cooperation_box .box1 dl dd { width: 100%; box-sizing: border-box; margin-top: 0.1rem; line-height: 0.46rem; background-size: 0.44rem; background-position: 0.05rem 0.05rem; padding: 0.05rem 0.05rem 0.05rem 0.54rem; } .cooperation_box .box2 .dt_div { width: 100%; margin-top: 0; } .contact_box ul li { width: 100%; margin-bottom: 0.1rem; padding: 0.1rem 0.2rem; } .contact_box ul li img { width: 0.6rem; } .contact_box .map_div { padding-bottom: 60%; } .contact_box form input { width: 100%; margin-right: 0; height: 0.5rem; margin-bottom: 0.1rem; } .contact_box form textarea { margin-top: 0; } .contact_box form button { height: 0.6rem; width: 50%; } .product_box .box2 .gallery-top { width: 100%; } .product_box .box2 .gallery-thumbs { display: none; position: static; width: 100%; } .product_box .box2 .gallery-thumbs .swiper-slide h6 em { display: none; } .product_box .box2 .gallery-thumbs .swiper-slide::before { display: none; } .product_box .box2 .gallery-thumbs .swiper-slide { padding: 0.10rem 0; } .product_box .box2 .gallery-thumbs .swiper-slide h6 { box-shadow: none; } .product_box .box2 .gallery-thumbs .swiper-slide h6 span { font-size: 0.18rem; } .product_box .box2 .gallery-top .swiper-slide a { right: 0; bottom: 0.05rem; border: none; width: 1.2rem; } .product_box .box2 .swiper-pagination { display: block; position: static; margin-top: 0.16rem; } .product_box .box2 .swiper-pagination .swiper-pagination-bullet-active { background: #3dae6c; } .product_box .box3 a::after { opacity: 1; } .product_box .box3 a div { top: 50%; opacity: 1; } .product_box .box3 a div img { width: 1.2rem; } .product_box .box3 a div span { font-size: 0.2rem; } .product_box .box1 ul li { width: 100% !important; margin-right: 0; margin-bottom: 0.1rem; } .product_box .box1 ul li:last-of-type { margin-bottom: 0; } .product_box .box1 ul li h6 p { display: none !important; } .product_box .box1 ul li i { opacity: 0 !important; } .about_box .box5 .tab_dl { width: 100%; position: static; } .about_box .box5 .top_list { width: 100%; } .about_box .box5 .thumbs_list { width: 100%; position: static; margin-top: 0.14rem; } .about_box .box5 .tab_dl dd { margin: 0.16rem 0; } .about_box .box5 .btn_div { display: none; } .leader_box .box4 .thumbs_div h6 { display: none; } .leader_box .box4 .thumbs_div { margin-top: 0.14rem; padding: 0; } .leader_box .box4 .gallery-thumbs { padding: 0; } .leader_box .box4 .swiper-button-prev { display: none; } .leader_box .box4 .swiper-button-next { display: none; } .leader_box .box4 .gallery-thumbs .swiper-slide { border: 3px solid #95dbbe; } .leader_box .box4 .gallery-thumbs .swiper-slide-thumb-active { border: 3px solid #95dbbe; } .catalog_box ul li a { padding: 0.18rem; } .catalog_box ul li h5 { font-size: 0.30rem; } .catalog_box ul li h5::after { font-size: 0.24rem; } .catalog_box ul li span { position: static; float: right; margin-top: 0.05rem; } .catalog_box ul li div { width: 100%; margin-left: 0; margin-top: 0.14rem; } .catalog_box .ts_a { margin: 0.3rem auto 0; width: 100%; height: 0.54rem; line-height: 0.54rem; } .corporate_box .dl1 { display: block; } .corporate_box .dl1 dt { width: 100%; padding-bottom: 60%; } .corporate_box .dl1 dd { width: 100%; background: #fff; padding: 0.2rem 0 0; } .corporate_box .dl1 dd p { display: none; } .corporate_box ul li { width: 100%; margin-right: 0; margin-top: 0.3rem; } .corporate_box .dl1 dd span { margin: 0.16rem 0 0; } .corporate_box .dl1 dd h6 { font-size: 0.2rem; } .corporate_box ul li em::after { opacity: 1; } .corporate_box .dl1 dt::after { width: 0.5rem; height: 0.5rem; } .leader_box .box3 li:nth-of-type(1) { width: 100%; margin-right: 0; } .leader_box .box3 li:nth-of-type(1) em { width: 49%; border: 2px solid #6cb7bd; } .leader_box .box3 li dl { left: 49%; width: 51%; opacity: 1; height: calc(100% - 32px); padding: 0.2rem; } .leader_box .box3 li dd { max-height: 1.54rem; overflow: hidden; } .leader_box .box3 li dt { margin-bottom: 0.1rem; } .leader_box .box3 li dd:last-of-type { display: none; } .product_box .box3 a .bg_img { height: 2.4rem; width: auto; } .idea_box .box2 ul li { padding-bottom: 30px; } .idea_box .box2 ul li div dd p { white-space: normal; } .idea_box .box2 .swiper-pagination { display: block; } .about_box .box3 .swiper-slide { padding-bottom: 0; } .about_box .box3 .swiper-slide h5 { position: static; transform: translateY(0); padding: 14px 0; } .about_box .box3 .swiper-slide .bg_img { position: static; vertical-align: top; width: 100%; opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .culture_box .box3 ul li { padding-bottom: 0; } .culture_box .box3 ul li div { position: static; display: block; opacity: 1; background: none; color: #666; padding: 0; height: 63px; } .culture_box .box3 ul li div h6 { display: none; } .zwsq_box .zwsq_div { width: 92%; } .zwsq_box .zwsq_div form label input { width: 100%; } .zwsq_box .zwsq_div form label dd { width: 100%; } .zwsq_box .zwsq_div form em { margin-left: 0; } .zwsq_box .zwsq_div form button { width: 100%; } .leader_box .box3 li dd p { height: 1.54rem; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; } .recruit_box .box6 .nr_div { padding-bottom: 0; } .recruit_box .box7 .swiper-slide { padding: 0.1rem; } .recruit_box .box7 .swiper-slide div h6 { font-size: 0.22rem; } .recruit_box .box7 .swiper-slide div p { font-size: 0.16rem; } .wisdom_box .box1 dt { width: 100%; } .wisdom_box .box1 dd { width: 100%; padding-left: 0; margin-top: 0.3rem; } .wisdom_box .box2 dl { width: 100%; height: 300px; } .wisdom_box .box2 .luxy_el { top: 0; height: 100%; } .wisdom_box .box2 dd h5 { font-size: 24px; } .wisdom_box .box2 dd h6 { font-size: 20px; } .wisdom_box .box2 dd p { font-size: 0.16px; } .wisdom_box .box2 dd span { width: 50px; height: 50px; } .wisdom_box .box3 dt { width: 100%; padding-bottom: 60%; } .wisdom_box .box3 dd { position: static; width: 100%; } .wisdom_box .box3 dd ul { display: flex; display: -webkit-flex; flex-wrap: nowrap; overflow: auto; } .wisdom_box .box3 dd li { flex-shrink: 0; width: 80%; padding: 0.2rem 0; } .wisdom_box .box3 dd li em { width: 40%; padding-bottom: 24%; } .wisdom_box .box3 dd li div { width: 60%; } /* 20210326 */ .head_box .nav_ul li div { position: static; padding: 10px 18px; text-align: left; box-sizing: border-box; } .head_box .nav_ul li div { background: rgba(0, 0, 0, 0.2); } li .more-nav .mobile-show { display: flex; } .report_box .list_ul li a{ display: block; padding: 0.3rem 0.24rem; height: auto; } .report_box .list_ul li h6{ width: 100%; margin: 0.14rem 0; } .report_box .list_ul li em{ position: static; display: block; margin-top: 0; } .message_box .dl{ padding-bottom: 0; } .message_box .dl dt{ position: static; width: 100%; height: 60vw; } .message_box .dl dd{ display: none; } .message_box .ul{ margin-top: 0; } .bulletin_box .box1 .list_ul li{ width: 100%; margin-bottom: 0.2rem; margin-right: 0; } .bulletin_box .box1 .list_ul li:last-of-type{ margin-bottom: 0; } .bulletin_box .box1 .list_ul li a{ padding: 0.3rem 0.24rem; } .bulletin_box .box1 .list_ul li span{ margin-bottom: 0.14rem; } .bulletin_box .box1 .list_ul li h6{ height: auto; margin-bottom: 0.14rem; } .bulletin_box .box2 .list_ul li a{ padding: 0.3rem 0; } .bulletin_box .box2 .list_ul li span{ margin-bottom: 0.14rem; } .bulletin_box .box2 .list_ul li em{ position: static; display: block; margin-top: 0.14rem; } .bulletin_box .more_div{ margin-top: 0.4rem; } .type_dl dt .hide_a{ display: none; } .investor_box{ padding-top: 0; } .investor_box .box1{ } .investor_box .box1 .dl{ display: none; } .investor_box .box1 .div{ display: block; } .investor_box .box2 .divl{ width: 100%; } .investor_box .box2 .divr{ position: relative; width: 100%; height: auto; margin-top: 0.4rem; } .investor_box .box2 .divr .dl a{ padding: 0.2rem; } .investor_box .box2 .divl .dd{ display: none; } .investor_box .box2 .divl .dt{ display: block; } .investor_box .box2 .divl .dt a{ display: block; width: 100%; margin-top: 0.24rem; } .investor_box .box2 .divl .dt a em{ padding-bottom: 60vw; } .investor_box .box2 .more_h6{ display: none; } .investor_box .show_a{ display: block; width: 0.64rem; white-space: nowrap; text-align: center; margin: 0.3rem auto 0; } .investor_box .box3 .h6{ display: none; } .investor_box .box3 .divl{ width: 100%; } .investor_box .box3 .divr{ position: static; width: 100%; margin-top: 0.4rem; } .investor_box .box3 .divr a{ padding: 0.2rem; } .investor_box .box4 .divl{ width: 100%; } .investor_box .box4 .divr{ position: static; width: 100%; height: 100vw; } .investor_box .box4 .divl div{ top: 50%; transform: translateY(-50%); } .investor_box .box5 .divl{ width: 100%; padding-bottom: 60%; } .investor_box .box5 .swiper-container{ position: static; width: 100%; height: auto; padding-bottom: 0.4rem; margin-top: 0.4rem; } .investor_box .box5 .swiper-slide p{ margin-bottom: 0.2rem; } .investor_box .box6 .div{ flex-wrap: wrap; margin-top: -0.2rem; } .investor_box .box6 .div a{ width: 48%; margin-top: 0.2rem; } .investor_box .box6 .div a:last-of-type{ width: 100%; } .investor_box .box6 #map{ height: 60vw; } .recruit_box .box3 li { width: 100%; } .welcome_box .box3 .divl .title_h5{ width: 100%; } .welcome_box .box3 .divl .nr_div{ width: 100%; float: none; } .welcome_box .box3 .divl{ display: block; } .sidenav{ display: none; } .list-solution ul li{ width: 49%; } .list-solution ul li:nth-of-type(2n){ margin-right: 0; } .product_box_list_type_dl dt{ display: flow-root; } .product_box_list_type_dl dt a{ width: 32%; display: block; float: left; } .product_box_list_type_dl dt a:nth-of-type(3n)::after { display: none; } .product_box_list_type_dl dt a:last-of-type::after{ display: block; } .product_box_info{ margin-top: 0rem; } .product_box_body .head_box .logo_a{ display: inline-block; vertical-align: top; height: 100%; width: 1.5rem; background: url(../img/logo.png) no-repeat center; background-size: contain; transition: all 0.5s; -webkit-transition: all 0.5s; } .box6 .zpgw .zpgw_l{ width: 100%; } .box6 .zpgw .zpgw_r{ width: 100%; } } @media (max-width: 768px) { body { overflow-x: hidden; } .productetcj_box { overflow-x: hidden; } .productetcj_box .bg_img { width: auto; height: 220px; margin-left: 50%; transform: translateX(-50%); } .productetcj_box .h5 span { font-size: 0.2rem; padding: 0.05rem 0; } .productetcj_box .box4 .h5 span i { font-size: 0.22rem; } .productetcj_box .box4 .h5 strong { font-size: 0.4rem; margin: 0.2rem 0; } .productetcj_box .box4 .h5 strong img { width: 0.4rem; } .productetcj_box .h5 p { font-size: 0.18rem; } .productetcj_box .h6 { font-size: 0.24rem; } .productetcj_box .box5 .content_dl dd { height: calc(100% - 0.24rem); padding-top: 0.2rem; width: 100%; font-size: 0; } .productetcj_box .box5 .content_dl dd span { width: 25%; float: none !important; margin-top: 0 !important; transform: none !important; } .productetcj_box .box5 .content_dl dd span img { width: 60%; } .productetcj_box .box5 .content_dl dd span em { font-size: 0.16rem; } .productetcj_box .box6 .content_dl dd { position: static; text-align: center; width: 100%; margin-top: 0.2rem; } .productetcj_box .box6 .content_dl dd span { position: static !important; background: none !important; padding-bottom: 0 !important; width: 100% !important; display: block; margin-top: 0.1rem; } .productetcj_box .box6 .content_dl dd span i { position: static; } .productetcj_box .box6 .content_dl.productetcj_box .h5 em img dd span i { position: static; font-size: 0.2rem; } .productetcj_box .span { padding: 0.1rem 0; font-size: 0.18rem; margin-top: 0.1rem; } .productetcj_box .box7 .content_dl dd { width: 100%; } .productetcj_box .box7 .content_dl dd img { width: 46%; } .productetcj_box .box7 .content_dl dd span { font-size: 0.18rem; margin-top: 0.16rem; } .productetcj_box .box7 .content_dl dd:nth-of-type(1) { display: none; } .productetcj_box .h5 em img { height: 0.4rem; } .productetcj_box .h5 dl { display: none; } .productetcj_box .small { width: 92%; } .productetcj_box .box10 .content_dl dd { display: none; } .productetcj_box .box11 .content_dl dd { width: 92%; padding-bottom: 0; background: none; margin: 5% auto 0; } .productetcj_box .box11 .content_dl dd ol { position: static; transform: none; font-size: 0; } .productetcj_box .box11 .content_dl dd ol li { padding-left: 0; display: inline-block; width: 50%; vertical-align: top; box-sizing: border-box; } .productetcj_box .box11 .content_dl dd li img { display: none; } .productetcj_box .box11 .content_dl dd::after { display: none; } .productetcj_box .box11 .content_dl dd li strong { font-size: 0.24rem; } .productetcj_box .box11 .content_dl dd li small { font-size: 0.18rem; } .productetcj_box .box11 .content_dl dd li span { font-size: 0.18rem; } .productetcj_box .box8 .content_dl dd { width: 92%; margin: 0 auto; margin-top: 0.2rem; } .productetcj_box .box8 .content_dl dd p { margin-bottom: 0.06rem; width: 40%; } .productetcj_box .box8 .content_dl dd p span { font-size: 0.18rem; width: calc(100% - 0.4rem); padding-left: 0.1rem; } .productetcj_box .box8 .content_dl dd p img { width: 0.4rem; } .productetcj_box .box9 .content_dl dd p span { font-size: 0.14rem; } .productetcj_box .box9 { padding-bottom: 220px; } .productetcj_box .h5 strong { font-size: 0.4rem; } .productetcj_box .box13 .content_dl dd { width: 92%; margin-top: 5%; } .productetcj_box .box13 .content_dl dd ul { background: none; overflow: auto; align-items: flex-start; } .productetcj_box .box13 .content_dl dd li { flex-direction: column-reverse !important; transform: none !important; flex-shrink: 0; width: 30%; flex: none; } .productetcj_box .box13 .content_dl dd li span { margin-top: 0 !important; align-items: flex-start !important; height: auto; font-size: 0.16rem; } .productetcj_box .box13 .content_dl dd li img { width: 1.0rem; } .productetcj_box .box14 .content_dl dd { height: 100%; } .productetcj_box .box2 .content_dl dd { display: flex; display: -webkit-flex; overflow: auto; } .productetcj_box .box2 .content_dl dd span img { width: 0.76rem; } .productetcj_box { display: none; } .mcp_box { display: block; } /* 20210326 */ .head_box .nav_ul li.active_li div a i { transform: rotate(0deg); } .more-nav { position: static; display: flex; flex-direction: column; top: 0; width: 100%; transform: translate(0); left: 0; padding: 0.1rem 0; background-color: transparent; display: none; padding-left: .2rem; box-sizing: border-box; padding-top: 0; } .head_box .nav_ul li div a { height: auto; } .head_box .nav_ul li.active_li div .mobile-active i { -webkit-transform: rotate(-135deg); transform: rotate(-135deg); } .box6 .zpgw{ display: block; padding: 10px; } .box6 .zpgw .zpgw_l { width: 100%; padding:0; } .box6 .zpgw .zpgw_l img{ width: 100%; } .recruit_box .box3 .gallery-top .swiper-slide .zpjh_con{ top: 5px; left: 5px; width: 85%; padding: 20px; } .recruit_box .box3 .gallery-thumbs{ display: block; position: initial; width: 100%; } .recruit_box .box3 .gallery-top .swiper-slide .zpjh_con h2{ font-size: 0.16rem; margin-bottom:0; } .recruit_box .box3 .gallery-top .swiper-slide .zpjh_con h5{ font-size: 0.16rem; margin-bottom:0; } .recruit_box .box3 .button_div{ display: none; } .product_box_list .box1{ margin-top: 0; width: 90%; } } /* .box6 .zpgw .zpgw_r li { display: flex; } .box6 .zpgw .zpgw_r li dl { background-color: rgba(0, 0, 0, 0.7); } .box6 .zpgw .zpgw_r li em{ flex-shrink: 0; width: 1rem; height: 1rem; border-radius: 50%; background-color: #fff; } .box6 .zpgw .zpgw_r li em img{ width: 100%; } .box6 .zpgw .zpgw_r li h6{ font-size: 0.18rem; } */