.about_a .wrap { background: url(../images/about_02.jpg) no-repeat center / cover; padding-bottom: 5.2083%; } .about_a .content { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .about_a .content .lt-box { width: 46.6666%; } .about_a .content .lt-box .tl { color: #333333; font-size: 22px; line-height: 26px; text-align: center; margin: 20px 0 60px; padding: 0 10px; } .about_a .content .lt-box .tl .fh { font-size: 100px; color: #3680e3; line-height: 24px; position: relative; top: 54px; } .about_a .content .rt-box { width: 50%; padding-right: 5%; line-height: 30px; font-size: 16px; color: #666666; } .about_b .top { background: url(../images/about_04.jpg) no-repeat center / cover; padding-bottom: 3%; } .about_b .top .block-title .cn { color: #ffffff; } .about_b .top .block-title .en { color: #bfe4f7; } .about_b .top .about-tab-box { margin-bottom: 80px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; border-bottom: 1px solid rgba(255, 255, 255, 0.2); } .about_b .top .about-tab-box .tab { width: 190px; padding-bottom: 20px; text-align: center; font-size: 18px; color: #ffffff; position: relative; cursor: pointer; } .about_b .top .about-tab-box .tab::after { content: ""; width: 1px; height: 14px; background-color: #ffffff; opacity: 0.4; right: 0; top: 2px; } .about_b .top .about-tab-box .tab::before { content: ""; width: 0; height: 3px; bottom: -1px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: all 0.2s; -o-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; background: #fff; } .about_b .top .about-tab-box .tab:last-child::after { display: none; } .about_b .top .about-tab-box .current::before, .about_b .top .about-tab-box .tab:hover::before { width: 30px; } .about_b .top .swiper-box { width: 88.8889%; margin: 0 auto; background: url(../images/about_05.png) no-repeat left bottom; -webkit-background-size: 100% 100%; -moz-background-size: 100%; background-size: 100%; margin-bottom: 50px; position: relative; display: none; } .about_b .top .swiper-box .btn { position: absolute; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; top: 30px; cursor: pointer; opacity: 0.6; } .about_b .top .swiper-box .btn:hover { opacity: 1; } .about_b .top .swiper-box .prev_historyLine0, .about_b .top .swiper-box .prev_historyLine1, .about_b .top .swiper-box .prev_historyLine2, .about_b .top .swiper-box .prev_historyLine3 { left: 0; } .about_b .top .swiper-box .next_historyLine0, .about_b .top .swiper-box .next_historyLine1, .about_b .top .swiper-box .next_historyLine2, .about_b .top .swiper-box .next_historyLine3 { right: 0; } .about_b .top .swiper-box .swiper-container { width: 70%; text-align: center; } .about_b .top .swiper-box .swiper-container .swiper-slide { padding-bottom: 30px; height: 140px; } .about_b .top .swiper-box .swiper-container .swiper-slide span { display: block; padding-bottom: 40px; color: rgba(255, 255, 255, 0.6); position: absolute; -webkit-transition: all 0.4s; -o-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s; bottom: 30px; width: 100%; font-size: 24px; font-weight: bold; } .about_b .top .swiper-box .swiper-container .swiper-slide span::after { content: ""; width: 16px; height: 16px; background-color: #bdbdbd; border: solid 4px #f6f6f6; left: 50%; bottom: 0px; -webkit-transform: translate(-50%, 50%); -moz-transform: translate(-50%, 50%); -ms-transform: translate(-50%, 50%); transform: translate(-50%, 50%); -webkit-transition: all 0.4s; -o-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .about_b .top .swiper-box .swiper-container .swiper-slide-active span { font-size: 60px; color: #3680e3; } .about_b .top .swiper-box .swiper-container .swiper-slide-active span::after { width: 26px; height: 26px; background-color: #0e98d8; border: solid 4px #ffffff; } .about_b .top .swiper-box:first-child { display: block; } .about_b .bot { padding: 60px 0 120px; background: url(../images/about_09.jpg) no-repeat center / cover; } .about_b .bot .boxtl { font-size: 24px; color: #3680e3; text-align: center; margin-bottom: 50px; } .about_b .bot .con-box { display: none; } .about_b .bot .con-box:first-child { display: block; } .about_b .history { position: relative; padding-top: 50px; display: none; } .about_b .history li { margin-bottom: 20px; } .about_b .history li .textbox { width: 50%; margin-top: 60px; position: relative; } .about_b .history li .textbox .indiv { width: 560px; position: relative; } .about_b .history li .textbox .indiv::after { content: ""; width: 120px; height: 2px; background-color: #90cee9; opacity: 0.3; top: 14px; } .about_b .history li .textbox .time { font-size: 18px; color: #333333; line-height: 30px; margin-bottom: 15px; } .about_b .history li .textbox .time img { margin-right: 16px; } .about_b .history li .textbox .text { font-size: 16px; font-weight: normal; font-stretch: normal; line-height: 30px; letter-spacing: 0px; color: #666666; position: relative; } .about_b .history li .textbox::before { content: ""; width: 26px; height: 26px; background-color: #0e98d8; border: solid 4px #f5f5f5; opacity: 0.9; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; top: 3px; } .about_b .history li .imgbox { width: 50%; } .about_b .history li .imgbox .img { -webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.06); -moz-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.06); box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.06); border: solid 4px #ffffff; position: relative; overflow: hidden; } .about_b .history li .imgbox .img .indiv { position: absolute; width: 100%; left: 0; top: 100%; height: 100%; padding: 20px; line-height: 24px; background: rgba(15, 142, 199, 0.9); color: #fff; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; } .about_b .history li .imgbox .img:hover .indiv { top: 0; } .about_b .history li:nth-child(2n + 1) .imgbox { float: left; } .about_b .history li:nth-child(2n + 1) .imgbox .img { float: right; margin-right: 86px; } .about_b .history li:nth-child(2n + 1) .textbox { float: right; } .about_b .history li:nth-child(2n + 1) .textbox .indiv { float: left; margin-left: 152px; } .about_b .history li:nth-child(2n + 1) .textbox .indiv::after { left: -140px; } .about_b .history li:nth-child(2n + 1) .textbox .time img { margin-right: 16px; } .about_b .history li:nth-child(2n + 1) .textbox::before { left: -13px; } .about_b .history li:nth-child(2n) .imgbox { float: right; } .about_b .history li:nth-child(2n) .imgbox .img { float: left; margin-left: 86px; } .about_b .history li:nth-child(2n) .textbox { float: left; } .about_b .history li:nth-child(2n) .textbox .indiv { float: right; margin-right: 152px; } .about_b .history li:nth-child(2n) .textbox .indiv .time { text-align: right; clear: both; } .about_b .history li:nth-child(2n) .textbox .indiv .time img { float: right; margin-right: 0; margin-left: 16px; } .about_b .history li:nth-child(2n) .textbox .indiv::after { right: -140px; } .about_b .history li:nth-child(2n) .textbox::before { right: -13px; } .about_b .history:nth-child(1) { display: block; } .about_b .history::before { content: ""; width: 6px; height: 800px; background-color: #90cee9; opacity: 0.4; left: 50%; top: 0; height: 100%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .about_c .block-title { background: #f7f7f7; } .about_c .imgbox { position: relative; } .about_c .imgbox .email-box { position: absolute; width: 500px; height: 150px; background-color: #89bed6; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; right: 0; bottom: 0; } .about_c .imgbox .email-box .email { width: 400px; height: 50px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border: solid 1px rgba(255, 255, 255, 0.3); padding-left: 20px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; font-size: 18px; color: #ffffff; } .about_c .imgbox .email-box .email img { margin-right: 12px; } .about_d { padding-bottom: 6.25%; } .about_d .content { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .about_d .content .lt, .about_d .content .rt { width: 41.6666%; margin-left: 5.5555%; } .about_d .content .lt .ewmbox { text-align: center; padding-bottom: 30px; border-bottom: 1px solid #f5f5f5; display:none; } .about_d .content .lt .ewmbox .text { color: #333333; font-size: 18px; line-height: 30px; margin-bottom: 10px; } .about_d .content .lt .lx-box { margin-top: 67px; position: relative; margin-bottom: 60px; } .about_d .content .lt .lx-box .addr { font-size: 16px; color: #333333; margin-bottom: 15px; line-height: 25px; } .about_d .content .lt .lx-box .addr img { margin-right: 10px; } .about_d .content .lt .lx-box .addr:last-child { margin-bottom: 0; } .about_d .content .lt .lx-box .zb { position: absolute; left: 60%; bottom: 0; line-height: 25px; color: #333; font-size: 16px; } .about_d .content .lt .dz { height: 50px; background-color: #0e98d8; line-height: 50px; padding-left: 35px; color: #ffffff; font-size: 16px; } .about_d .content .lt .dz span { margin-left: 40px; } .culture_a .wrap { background: url(../images/culture_01.jpg) no-repeat center / cover; padding-bottom: 4.1666%; } .culture_a ul { width: 88.8888%; margin: 0 auto; } .culture_a ul li { float: left; width: 23.75%; margin-right: 1.6666%; height: 420px; background-color: #ffffff; border: solid 1px #d2edfa; text-align: center; padding-top: 70px; position: relative; top: 0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .culture_a ul li .imgbox { margin-bottom: 64px; } .culture_a ul li .title { font-size: 24px; color: #333333; } .culture_a ul li .line { width: 20px; height: 1px; background-color: #ebebeb; margin: 25px auto 18px; } .culture_a ul li .text { line-height: 32px; font-size: 18px; color: #666666; padding: 0 10px; } .culture_a ul li:last-child { margin-right: 0; } .culture_a ul li:hover { top: -10px; } .eact { overflow: hidden; margin-bottom: 60px; } .eact span { color: #dae2e5; font-size: 48px; position: relative; } .eact span::after { content: ""; width: 1920px; left: 120%; top: 50%; height: 1px; background-color: #f0f3f5; } .culture_b { padding-bottom: 6.25%; } .culture_b .content { width: 88.8888%; margin: 0 auto; } .culture_b .bt_01 { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; margin-bottom: 40px; } .culture_b .bt_01 .tl { font-size: 24px; color: #333333; margin-right: 10%; white-space: nowrap; position: relative; } .culture_b .bt_01 .tl::after { content: ""; width: 60px; height: 1px; background-color: #edf3f5; left: 0; top: 54px; } .culture_b .bt_01 .text { font-size: 16px; line-height: 32px; color: #666666; } .culture_b .swiper-box .control-box { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .culture_b .swiper-box .control-box .prev_culture { margin-right: 30px; } .culture_b .swiper-box .swiper { position: relative; padding-left: 80px; } .culture_b .swiper-box .swiper::after { content: ""; width: 4px; background-color: #edf1f5; left: 0; top: 60px; bottom: 0; } .culture_b .swiper-box #culture { padding-top: 60px; } .culture_b .swiper-box #culture .swiper-slide { float: left; position: relative; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; top: 0; width: 31.5789%; margin: 2.63156% 2.63156% 0 0; } .culture_b .swiper-box #culture .swiper-slide img { width: 100%; } .culture_b .swiper-box #culture .swiper-slide .text { position: absolute; left: 0; bottom: 0; width: 100%; line-height: 50px; padding: 0 20px; background-color: rgba(15, 142, 199, 0.7); font-size: 16px; color: #fff; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .culture_b .swiper-box #culture .swiper-slide:nth-child(1), .culture_b .swiper-box #culture .swiper-slide:nth-child(2), .culture_b .swiper-box #culture .swiper-slide:nth-child(3) { margin-top: 0; } .culture_b .swiper-box #culture .swiper-slide:nth-child(3n) { margin-right: 0; } .culture_b .swiper-box #culture .swiper-slide:hover { top: -10px; } .disc_a .block-title { background-color: #fafafa; } .disc_a .indiv { background: url(../images/disc_01.jpg) no-repeat center / cover; padding: 0 5.5555% 8.3333%; } .disc_a .bt-01 { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; line-height: 24px; margin-bottom: 40px; } .disc_a .bt-01 .btl { font-size: 24px; color: #333333; margin-right: 70px; position: relative; } .disc_a .bt-01 .btl::after { content: ""; width: 30px; height: 1px; background-color: #ebebeb; right: -50px; top: 50%; } .disc_a .bt-01 .st { color: #666666; font-size: 16px; } .disc_a .div_xi .imgbox { border: 6px solid #fff; width: 21.875%; float: left; -webkit-box-shadow: 0px 4px 18px 2px rgba(0, 0, 0, 0.06); -moz-box-shadow: 0px 4px 18px 2px rgba(0, 0, 0, 0.06); box-shadow: 0px 4px 18px 2px rgba(0, 0, 0, 0.06); } .disc_a .div_xi .imgbox img { width: 100%; } .disc_a .div_xi .text-box { float: left; margin-top: 40px; width: 29%; margin-left: 40px; } .disc_a .div_xi .text-box .tl { font-size: 24px; margin-bottom: 34px; color: #3680e3; line-height: 1.3; } .disc_a .div_xi .text-box .text { color: #333333; font-size: 16px; line-height: 26px; margin-bottom: 55px; } .disc_a .div_xi .text-box .down-btn-box { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .disc_a .div_xi .text-box .download { margin-bottom: 20px; background: #3680e3; opacity: .8; -webkit-transition: all .4s; -o-transition: all .4s; -moz-transition: all .4s; transition: all .4s; height: 50px; width: 180px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0 20px; color: #fff; font-size: 16px; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .disc_a .div_xi .text-box .download:hover { opacity: 1; } .disc_a .div_xi .text-box .download { margin-right: 25px; } .disc_a .div_xi .text-box .download:last-child { margin-right: 0; margin-bottom: 0; } .disc_a .div_xi .zzbox { float: right; width: 700px; } .disc_a .div_xi .zzbox .swiper-box { position: relative; margin-bottom: 30px; } .disc_a .div_xi .zzbox .swiper-box .btn { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .disc_a .div_xi .zzbox .swiper-box .prev_nbswiper { left: 0; } .disc_a .div_xi .zzbox .swiper-box .next_nbswiper { right: 0; } .disc_a .div_xi .zzbox .swiper-box #nbswiper { width: 515px; } .disc_a .div_xi .zzbox .swiper-box #nbswiper .swiper-slide { position: relative; cursor: pointer; } .disc_a .div_xi .zzbox .swiper-box #nbswiper .swiper-slide img { width: 100%; } .disc_a .div_xi .zzbox .swiper-box #nbswiper .swiper-slide .inbox { position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: center; padding-top: 29%; } .disc_a .div_xi .zzbox .swiper-box #nbswiper .swiper-slide .inbox .year { color: #757575; font-size: 18px; padding-bottom: 15px; margin-bottom: 15px; } .disc_a .div_xi .zzbox .swiper-box #nbswiper .swiper-slide .inbox .year span { position: relative; } .disc_a .div_xi .zzbox .swiper-box #nbswiper .swiper-slide .inbox .year span::after { content: ""; width: 100%; height: 2px; background: #3680e3; left: 0; bottom: -15px; } .disc_a .div_xi .zzbox .swiper-box #nbswiper .swiper-slide .inbox .name { padding: 0 10px; color: #757575; line-height: 24px; margin-bottom: 40px; } .disc_a .div_xi .zzbox .swiper-box #nbswiper .swiper-slide .inbox .more { width: 140px; height: 42px; background-color: #fff; line-height: 42px; margin: 0 auto; text-align: center; color: #757575; border: 1px solid #e8e8e8; transition: all .4s; } .disc_a .div_xi .zzbox .swiper-box #nbswiper .swiper-slide:hover .inbox .more { background: #3680e3; border: 1px solid #3680e3; } .disc_a .div_xi .zzbox .swiper-box #nbswiper .swiper-slide:hover .inbox .more { color: #fff; } .disc_a .div_xi .zzbox #nbswiperSP { position: static; text-align: center; } .disc_a .div_xi .zzbox #nbswiperSP .swiper-pagination-bullet { opacity: 1; border: solid 1px #dbdbdb; background: none; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; margin: 0 5px; } .disc_a .div_xi .zzbox #nbswiperSP .swiper-pagination-bullet-active { border-color: #3680e3; background: #3680e3; } .disc_b .wrap { padding-bottom: 5.5555%; background: url(../images/disc_14.jpg) no-repeat center / cover; } .disc_b .incont { width: 88.8888%; margin: 0 auto; } .disc_b .swiperbox { position: relative; } .disc_b .swiperbox #nb { width: 85%; } .disc_b .swiperbox .hoverbtn { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .disc_b .swiperbox .prev_nb { left: 0; } .disc_b .swiperbox .next_nb { right: 0; } .disc_b .swiperbox .swiper-slide .imgbox { position: relative; margin-bottom: 15px; } .disc_b .swiperbox .swiper-slide .imgbox img { width: 100%; } .disc_b .swiperbox .swiper-slide .maskImg { position: absolute; left: 0; top: 0; z-index: 20; } .disc_b .swiperbox .swiper-slide .text { color: #fff; height: 50px; font-size: 16px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; padding: 0 20px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; background: #bdbdbd; -webkit-transition: all .4s; -o-transition: all .4s; -moz-transition: all .4s; transition: all .4s; } .disc_b .swiperbox .swiper-slide .text:hover { background-color: #3680e3; } .disc_c .wrap { padding-bottom: 5.5555%; background: url(../images/disc_15.jpg) no-repeat center / cover; } .disc_c .incont { width: 88.8888%; margin: 0 auto; position: relative; } .disc_c .incont .imgbox, .disc_c .incont .nul { width: 50%; } .disc_c .incont .nul { position: absolute; right: 0; top: 0; height: 100%; overflow: auto; padding-right: 10px; } .disc_c .incont .nul li { height: 33.3333%; width: 100%; } .disc_c .incont .nul li a { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; padding: 0 40px; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: all 0.4s; -o-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s; background: #fff; height: 100%; } .disc_c .incont .nul li .slimg { width: 31.25%; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; margin-right: 35px; } .disc_c .incont .nul li .text { -webkit-box-flex: 1; -webkit-flex-grow: 1; -moz-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; font-size: 18px; line-height: 32px; } .disc_c .incont .nul li:hover { -webkit-box-shadow: 0px 4px 14px 1px rgba(0, 0, 0, 0.06); -moz-box-shadow: 0px 4px 14px 1px rgba(0, 0, 0, 0.06); box-shadow: 0px 4px 14px 1px rgba(0, 0, 0, 0.06); } .disc_c .incont .nul::-webkit-scrollbar-track { background: #e6e7e9; } .disc_d { padding-bottom: 6.25%; } .disc_d .tomore { width: 240px; height: 52px; -webkit-border-radius: 26px; -moz-border-radius: 26px; border-radius: 26px; border: solid 2px #d2edfa; line-height: 48px; text-align: center; font-size: 18px; -webkit-transition: all 0.4s; -o-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s; color: #333333; } .disc_d .tomore span { padding-right: 22px; position: relative; } .disc_d .tomore span img { position: absolute; right: 0; top: 3px; -webkit-transition: all 0.4s; -o-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s; } .disc_d .tomore:hover { border-color: #3680e3; color: #3680e3; } .disc_d .tomore:hover img { right: -10px; } .disc_d .top { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .disc_d .top .imgbox, .disc_d .top .text-box { width: 50%; } .disc_d .top .text-box { padding: 4% 4% 0 4%; } .disc_d .top .text-box .line { width: 60px; height: 4px; background-color: #f0f0f0; margin-bottom: 28px; } .disc_d .top .text-box .tilte { line-height: 48px; color: #333333; font-size: 24px; margin-bottom: 22px; height: 99px; } .disc_d .top .text-box .text { font-size: 16px; line-height: 32px; color: #666666; margin-bottom: 36px; } .disc_d .bot { margin-top: 40px; } .disc_d .bot li { border: solid 1px #d2edfa; width: 32.1429%; float: left; margin: 1.78565% 1.78565% 0 0; } .disc_d .bot li a { padding: 40px; } .disc_d .bot li a .title { font-size: 18px; color: #4c4c4c; border-left: 3px solid #3680e3; padding-left: 20px; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; width: 100%; display: block; margin-bottom: 20px; } .disc_d .bot li a .time { display: block; color: #999999; padding-left: 30px; line-height: 18px; background: url(../images/clock.png) no-repeat; } .disc_d .bot li:nth-child(1), .disc_d .bot li:nth-child(2), .disc_d .bot li:nth-child(3) { margin-top: 0; } .disc_d .bot li:nth-child(3n) { margin-right: 0; } .en-tl { color: #4c4c4c; font-size: 36px; text-align: center; padding: 5.2083% 0 4.1666%; } .about_g .cont-box { position: relative; } .about_g .cont-box .title { width: 47.7777%; padding: 0 3% 0 6%; color: #333333; font-size: 28px; letter-spacing: 1px; line-height: 48px; font-weight: 100; margin-bottom: 80px; } .about_g .cont-box .title .inbox { padding-left: 54px; border-left: 5px solid #3680e3; } .about_g .cont-box .text { position: absolute; left: 47.7777%; top: 10px; bottom: 120px; width: 47.7777%; background: rgba(255, 255, 255, 0.95); color: #333; font-size: 16px; line-height: 32px; padding: 0 40px 80px 60px; text-align: justify; } .about_g .cont-box .text .indiv { height: 100%; overflow: auto; padding-right: 20px; } .about_h { padding-bottom: 6.25%; } .about_h .en-tl { padding-bottom: 40px; } .about_h .text { width: 90%; max-width: 1080px; font-size: 24px; color: #333333; line-height: 42px; letter-spacing: 1px; text-align: center; margin: 0 auto 80px; } .about_h .wrapbox { width: 84.4444%; margin: 0 auto; } .about_h .div1 { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 50px; } .about_h .div1 .msgbox, .about_h .div1 .imgbox { width: 50%; } .about_h .div1 .msgbox { padding: 5% 4.5% 0 4.5%; background-color: #f5f6f7; } .about_h .div1 .msgbox .tl { font-size: 30px; color: #333333; letter-spacing: 2px; margin-bottom: 34px; } .about_h .div1 .msgbox .te { font-size: 16px; color: #333333; line-height: 32px; letter-spacing: 1px; } .about_h .div2 { padding-bottom: 80px; border-bottom: 2px solid #0f8ec7; margin-bottom: 80px; } .about_h .div2 ul { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .about_h .div2 ul li { width: 31.5789%; margin: 2.63165% 2.63165% 0 0; height: 80px; background-color: #f5f6f7; border: solid 1px #f0f0f0; padding: 0 30px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; line-height: 24px; font-size: 18px; letter-spacing: 1px; color: #333333; } .about_h .div2 ul li:nth-child(1), .about_h .div2 ul li:nth-child(2), .about_h .div2 ul li:nth-child(3) { margin-top: 0; } .about_h .div2 ul li:nth-child(3n) { margin-right: 0; } .about_h .div3 .box { width: 48.6842%; float: left; margin-right: 2.6316%; } .about_h .div3 .box .imgbox { overflow: hidden; } .about_h .div3 .box .imgbox img { width: 100%; } .about_h .div3 .box .text-box { padding: 64px 70px 70px 70px; background-color: #f5f6f7; } .about_h .div3 .box .text-box .tl { font-size: 30px; line-height: 42px; letter-spacing: 2px; color: #333333; margin-bottom: 30px; height: 84px; } .about_h .div3 .box .text-box .te { font-size: 16px; line-height: 32px; color: #333333; height: 96px; text-align: justify; overflow: auto; } .about_h .div3 .box:nth-child(2n) { margin-right: 0; } @media (max-width: 1600px) { .about_a .content .lt-box .tl { font-size: 18px; } .about_a .content .rt-box { font-size: 14px; line-height: 24px; } .disc_a .div_xi .zzbox { width: 550px; } .disc_a .div_xi .zzbox .swiper-box #nbswiper { width: 450px; } .disc_a .div_xi .text-box .tl { font-size: 20px; } } @media (max-width: 1440px) { .en-tl { font-size: 30px; } .about_a .content .lt-box .tl { font-size: 16px; } .about_b .bot { padding-bottom: 100px; } .about_b .top .about-tab-box { margin-bottom: 50px; } .about_b .top .about-tab-box .tab { font-size: 16px; width: 150px; } .about_b .top .swiper-box .swiper-container .swiper-slide span { font-size: 18px; bottom: 23px; } .about_b .top .swiper-box .swiper-container .swiper-slide-active span { font-size: 48px; } .about_b .history li .textbox .indiv { width: 480px; } .about_b .history li .textbox .indiv::after { width: 90px; } .about_b .history li .textbox .time { font-size: 16px; } .about_b .history li .textbox .time img { width: 25px; } .about_b .history li .textbox .text { font-size: 14px; line-height: 26px; } .about_b .history li:nth-child(2n+1) .textbox .indiv { margin-left: 122px; } .about_b .history li:nth-child(2n+1) .textbox .indiv::after { left: -110px; } .about_b .history li:nth-child(2n+1) .imgbox .img { margin-right: 60px; } .about_b .history li:nth-child(2n) .textbox .indiv { margin-right: 122px; } .about_b .history li:nth-child(2n) .textbox .indiv::after { right: -110px; } .about_b .history li:nth-child(2n) .imgbox .img { margin-left: 60px; } .about_d .content .lt .ewmbox .text { font-size: 16px; line-height: 26px; } .about_d .content .lt .lx-box .addr { margin-bottom: 10px; } .culture_a ul li { height: 380px; padding-top: 50px; } .culture_a ul li .imgbox { margin-bottom: 50px; } .culture_a ul li .imgbox img { height: 80px; } .culture_a ul li .title { font-size: 20px; } .culture_a ul li .text { font-size: 16px; line-height: 28px; } .eact { margin-bottom: 40px; } .eact span { font-size: 40px; } .culture_b .bt_01 .tl { font-size: 20px; } .culture_b .swiper-box .swiper { padding-left: 60px; } .culture_b .swiper-box .swiper::after { top: 40px; } .culture_b .swiper-box #culture { padding-top: 40px; } .disc_a .bt-01 .btl { font-size: 20px; } .disc_a .div_xi .imgbox { width: 18%; } .disc_a .div_xi .text-box { margin-left: 20px; } .disc_a .div_xi .text-box .tl { font-size: 18px; } .disc_a .div_xi .zzbox .box { padding-top: 30px; } .disc_c .incont .nul li a { padding: 0 30px; } .disc_c .incont .nul li .text { font-size: 16px; line-height: 28px; } .disc_c .incont .nul li .slimg { margin-right: 20px; } .disc_d .top .text-box .tilte { font-size: 20px; line-height: 38px; height: 76px; } .disc_d .bot li a { padding: 30px; } .disc_d .bot li a span { font-size: 16px; } .disc_d .tomore span { font-size: 16px; } .about_g .cont-box .title .inbox { font-size: 22px; line-height: 36px; padding-left: 30px; } .about_h .text { font-size: 20px; line-height: 36px; margin-bottom: 60px; } .about_h .div1 .msgbox .tl { font-size: 24px; margin-bottom: 26px; } .about_h .div2 ul li { font-size: 16px; line-height: 22px; } .about_h .div3 .box .text-box { padding: 45px 50px 50px 50px; } .about_h .div3 .box .text-box .tl { font-size: 24px; line-height: 36px; height: 72px; } } @media (max-width: 1366px) { .disc_a .div_xi .zzbox .box { padding-top: 20px; } .disc_a .div_xi .zzbox .box .text { margin-bottom: 20px; } .disc_d .top .text-box .line { margin-bottom: 20px; } .disc_d .top .text-box .tilte { font-size: 18px; line-height: 32px; height: 64px; margin-bottom: 12px; } .disc_d .top .text-box .text { font-size: 14px; line-height: 24px; margin-bottom: 26px; } .about_g .cont-box .title .inbox { font-size: 20px; line-height: 32px; } .about_g .cont-box .text { font-size: 14px; line-height: 28px; } .about_h .text { font-size: 18px; line-height: 30px; } .about_h .div1 .msgbox .tl { font-size: 20px; } .about_h .div1 .msgbox .te { font-size: 14px; line-height: 28px; } .about_h .div2 { padding-bottom: 60px; margin-bottom: 60px; } .about_h .div2 ul li { font-size: 14px; line-height: 20px; } .about_h .div3 .box .text-box .tl { font-size: 20px; line-height: 30px; height: 60px; margin-bottom: 20px; } .about_h .div3 .box .text-box .te { font-size: 14px; line-height: 28px; height: 84px; } } @media (max-width: 1280px) { .about_b .history li .textbox .indiv { width: 400px; } .culture_a ul li { height: 350px; padding-top: 40px; } .culture_a ul li .imgbox { margin-bottom: 40px; } .culture_a ul li .title { font-size: 18px; } .culture_a ul li .text { font-size: 14px; line-height: 24px; } .eact span { font-size: 30px; } .culture_b .bt_01 .tl { font-size: 20px; } .culture_b .bt_01 .text { font-size: 14px; line-height: 26px; } .culture_b .swiper-box .swiper { padding-left: 40px; } .culture_b .swiper-box #culture .swiper-slide .text { font-size: 14px; } .disc_a .div_xi .text-box .tl { font-size: 16px; } .disc_a .div_xi .text-box .text { font-size: 14px; line-height: 24px; } .disc_a .div_xi .zzbox { width: 500px; } .disc_a .div_xi .zzbox .swiper-box .btn { display: none; } .disc_a .div_xi .zzbox .box { padding-top: 30px; } .disc_a .div_xi .zzbox .box .downbtn { height: 30px; line-height: 28px; } .disc_c .incont .nul li a { padding: 0 20px; } .disc_c .incont .nul li .text { font-size: 14px; line-height: 24px; } .disc_d .top .text-box .tilte { font-size: 16px; line-height: 28px; height: 56px; } .disc_d .bot li a { padding: 20px; } .disc_d .bot li a span { font-size: 14px; } .about_h .wrapbox { width: 90%; } } @media (max-width: 1024px) { .about_b .top .about-tab-box { margin-bottom: 30px; } .about_b .top .swiper-box .swiper-container .swiper-slide { height: 100px; } .about_b .top .swiper-box .swiper-container .swiper-slide span { bottom: 16px; } .about_b .top .swiper-box .swiper-container .swiper-slide-active span { font-size: 30px; } .about_b .history li .textbox .indiv { width: 350px; } .about_b .history li .textbox .indiv::after { width: 60px; } .about_b .history li:nth-child(2n + 1) .textbox .indiv { margin-left: 90px; } .about_b .history li:nth-child(2n + 1) .textbox .indiv::after { left: -78px; } .about_b .history li:nth-child(2n) .textbox .indiv { margin-right: 90px; } .about_b .history li:nth-child(2n) .textbox .indiv::after { right: -78px; } .about_d .content .lt .lx-box { margin: 40px 0; } .about_d .content .lt .lx-box .addr { font-size: 14px; } .about_d .content .lt .lx-box .zb { left: auto; right: 0; font-size: 14px; } .about_d .content .lt .dz { line-height: 44px; font-size: 14px; height: 44px; } .disc_a .div_xi .zzbox { width: 400px; } .disc_a .div_xi .zzbox .box { padding-top: 15px; } .disc_a .div_xi .zzbox .box .tl { font-size: 16px; } .disc_a .div_xi .zzbox .box .line { margin: 8px auto; } .disc_a .div_xi .zzbox .box .text { margin-bottom: 10px; } .about_h .div3 .box .text-box { padding: 35px 40px 40px 40px; } } @media (max-width: 768px) { .about_a .content .lt-box { width: 100%; } .about_a .content .lt-box .tl { margin: 0 0 40px 0; } .about_a .content .lt-box .tl .fh { line-height: 0; font-size: 60px; top: 29px; } .about_a .content .rt-box { width: 100%; text-align: justify; padding: 30px 3.333%; } .about_b .top .about-tab-box .tab { font-size: 14px; } .about_b .top .swiper-box { margin-bottom: 20px; width: 100%; } .about_b .top .swiper-box .btn { display: none; } .about_b .top .swiper-box .swiper-container .swiper-slide-active span { font-size: 42px; } .about_b .top .swiper-box .swiper-container { width: 100%; } .about_b .top .swiper-box .swiper-container .swiper-slide { height: auto; padding-bottom: 0; } .about_b .top .swiper-box .swiper-container .swiper-slide span { position: static; padding-bottom: 0; line-height: 30px; } .about_b .top .swiper-box .swiper-container .swiper-slide span::after { display: none; } .about_b .top .swiper-box .swiper-container .swiper-slide-active span { font-size: 42px; } .about_b .bot { padding: 40px 0 60px; } .about_b .bot .boxtl { font-size: 18px; } .about_b .history li .imgbox, .about_b .history li .textbox { width: 100%; } .about_b .history li .imgbox img, .about_b .history li .textbox img { width: 100%; } .about_b .history li .imgbox .indiv::after, .about_b .history li .textbox .indiv::after { display: none; } .about_b .history li .imgbox img { margin: 0!important; } .about_b .history li .textbox { margin-top: 20px; } .about_b .history li .textbox .time { margin-bottom: 10px; } .about_b .history li .textbox .indiv { width: 100%; padding: 0 10px; } .about_b .history li .textbox::after { display: none; } .about_b .history li .textbox::before { display: none; } .about_b .history li:nth-child(2n+1) .textbox .indiv { margin: 0; } .about_b .history li:nth-child(2n) .textbox .indiv { margin: 0; } .about_b .history li:nth-child(2n) .textbox .indiv .time { text-align: left; } .about_b .history li:nth-child(2n) .textbox .indiv .time img { float: none; margin: 0 10px 0 0; } .about_b .history::before { display: none; } .about_c .imgbox .email-box { width: 100%; position: static; } .about_c .imgbox .email-box .email { width: 90%; margin: 0 auto; } .about_d { padding-bottom: 60px; } .about_d .content .rt { display: none; } .about_d .content .lt { margin-left: 0; width: 100%; } .about_d .content .lt .ewmbox .imgbox img { width: 200px; } .about_d .content .lt .lx-box { margin: 20px 0; } .culture_a ul { width: 93%; } .culture_a ul li { height: 300px; width: 100%; margin: 0 0 20px 0; } .eact { display: none; } .culture_b { padding-bottom: 60px; } .culture_b .content { width: 100%; } .culture_b .bt_01 { display: block; } .culture_b .bt_01 .tl { margin-bottom: 30px; font-size: 16px; } .culture_b .bt_01 .tl::after { top: 30px; } .culture_b .swiper-box .control-box { display: none; } .culture_b .swiper-box .swiper { padding-left: 0; } .culture_b .swiper-box .swiper::after { display: none; } .culture_b .swiper-box #culture { padding-top: 0; } .culture_b .swiper-box #culture .swiper-slide { margin: 0!important; width: 100%; margin-bottom: 20px!important; } .culture_b .swiper-box #culture .swiper-slide:last-child { margin-bottom: 0px; } .culture_b .swiper-box #culture .swiper-slide:hover { top: 0; } .culture_b .swiper-box #cultureSP { margin-top: 30px; text-align: center; width: 100%; position: static; } .culture_b .swiper-box #cultureSP .swiper-pagination-bullet { margin: 0 4px; -webkit-transition: all .4s; -o-transition: all .4s; -moz-transition: all .4s; transition: all .4s; } .culture_b .swiper-box #cultureSP .swiper-pagination-bullet-active { background: #3680e3; } .disc_a .indiv { width: 100%; padding: 0 3.5% 8.33%; margin: 0 auto; } .disc_a .bt-01 { display: block; } .disc_a .bt-01 span { display: block; } .disc_a .bt-01 .btl { font-size: 16px; margin-bottom: 10px; } .disc_a .bt-01 .btl::after { display: none; } .disc_a .bt-01 .st { font-size: 14px; line-height: 24px; } .disc_a .div_xi .imgbox { width: 100%; } .disc_a .div_xi .text-box { width: 100%; margin-left: 0; margin-top: 20px; margin-bottom: 20px; } .disc_a .div_xi .text-box .tl { margin-bottom: 14px; } .disc_a .div_xi .text-box .text { margin-bottom: 20px; } .disc_a .div_xi .text-box .down-btn-box { -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .disc_a .div_xi .text-box .download { width: 160px; margin-right: 0; font-size: 14px; } .disc_a .div_xi .zzbox { width: 100%; } .disc_a .div_xi .zzbox .box { padding-top: 10px; } .disc_a .div_xi .zzbox .box .text { font-size: 12px; line-height: 20px; } .disc_b .wrap { padding-bottom: 60px; } .disc_b .incont { width: 93%; } .disc_b .swiperbox .hoverbtn { display: none; } .disc_b .swiperbox #nb { width: 100%; } .disc_b .swiperbox #nbSP { width: 100%; position: static; text-align: center; margin-top: 30px; } .disc_b .swiperbox #nbSP .swiper-pagination-bullet { margin: 0 4px; } .disc_b .swiperbox #nbSP .swiper-pagination-bullet-active { background: #3680e3; } .disc_b .swiperbox .swiper-slide .text { font-size: 14px; } .disc_c .wrap { padding-bottom: 60px; } .disc_c .incont { width: 93%; display: block; } .disc_c .incont .imgbox { display: none; } .disc_c .incont .imgbox, .disc_c .incont .nul { width: 100%; } .disc_c .incont .nul li { margin-bottom: 10px; } .disc_c .incont .nul li a { padding: 10px; } .disc_c .incont .nul li .slimg { margin-right: 10px; } .disc_c .incont .nul li .text { font-size: 12px; line-height: 20px; } .disc_c .incont .nul li:last-child { margin-bottom: 0; } .disc_d { padding-bottom: 60px; } .disc_d .top { display: block; } .disc_d .top .imgbox, .disc_d .top .text-box { width: 100%; } .disc_d .top .text-box { padding: 20px 0 0 0; } .disc_d .top .text-box .line { margin-bottom: 14px; } .disc_d .bot li { width: 100%; margin: 0 0 20px 0; } .disc_d .bot li:last-child { margin-bottom: 0; } .en-tl { font-size: 24px; padding: 60px 0 40px; } .about_g .cont-box .title { width: 100%; padding: 0; margin-bottom: 30px; } .about_g .cont-box .title .inbox { font-size: 18px; line-height: 26px; border-left: 2px solid #3680e3; padding-left: 16px; } .about_g .cont-box .text { position: static; width: 100%; padding: 30px 0 0; } .about_g .cont-box .text .indiv { padding-right: 0; } .about_h { padding-bottom: 60px; } .about_h .wrapbox { width: 100%; } .about_h .text { width: 100%; font-size: 16px; line-height: 26px; margin-bottom: 30px; } .about_h .div1 .imgbox, .about_h .div1 .msgbox { width: 100%; } .about_h .div1 .msgbox { padding: 30px 10px 30px 10px; } .about_h .div1 .msgbox .tl { margin-bottom: 15px; } .about_h .div2 { padding-bottom: 40px; margin-bottom: 40px; } .about_h .div2 ul li { width: 100%; margin: 0 0 20px 0; padding: 0 20px; } .about_h .div2 ul li:last-child { margin-bottom: 0; } .about_h .div3 .box { width: 100%; margin-bottom: 20px; margin-right: 0; } .about_h .div3 .box:last-child { margin-bottom: 0; } } .fade_a img{ width: 100%; } .fade_b{ font-size: 16px; line-height: 32px; color:#333; } .wrap1320{ max-width: 1320px; } .fade_b .wrap1320{ border-top: 1px solid #d7ecf8; padding: 30px 0 70px; } .fade_b .title{ margin-left: 20px; width: 155px; height: 40px; text-align: center; background-image: linear-gradient( #3680e3, #3680e3), linear-gradient( #3680e3, #3680e3); background-blend-mode: normal, normal; color: #fff; font-weight: bold; font-size: 28px; line-height: 40px; margin-bottom: 50px; } .fade_b .content{ padding-left: 55px; } .fade_b .lt{ letter-spacing: 2px; float: left; } .fade_b .rt{ float: left; margin-left: 10%; } .fade_b .cn{ width: 124px; float: left; margin-left: 10%; } .fade_b .rt .bd{ color: #221815; font-weight: bold; } @media (max-width:1440px) { .fade_b .title{ font-size: 24px; } .fade_b { font-size: 16px; line-height: 34px; } } @media (max-width:1024px) { .fade_b { font-size: 14px; line-height: 30px; } .fade_b .cn { margin-left: 5%; } .fade_b .rt { margin-left: 5%; } } @media (max-width:768px) { .fade_b { font-size: 14px; line-height: 30px; } .fade_b .wrap{ padding: 20px 0 30px; } .fade_b .lt, .fade_b .cn, .fade_b .rt { float: none; } .fade_b .cn { margin-left: 0%; } .fade_b .title{ margin-left: 0; margin-bottom: 10px; } .fade_b .rt { margin-left: 0%; } .fade_b .content { padding-left: 0; } }