body, div, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, legend, input, textarea, p, th, td, dl, dt, dd{font-family: arial, simhei;} .w-r{ width: 1150px; margin: auto; } .top_header{ background-color: #000; padding: 14px 0 12px; position: relative; } .top_logo{ display: inline; width: 18%; } .top_txt{ right: 0; bottom: 21px; font-size: 16px; color: #fff; } .top_btn{ right: 188px; bottom: 16px; width: 120px; padding: 2px 0; border:2px solid #fff; border-radius: 30px; text-align: center; color: #fff; font-size: 16px; } .w_100{width: 100%;} .txt_con{ margin: 120px 0; } .txt_con p{ font-size: 22px; color: #181819; line-height: 38px; font-family: simhei; } /*白皮书下载1*/ .bps_list{ overflow: hidden; border-radius: 10px; box-shadow:0 0 15px rgba(13,46,209,0.35); } .r_img,.l_con{width: 50%;} .r_img{ float: right; } .l_con{ float: left; position: relative; } .h_con{ position: absolute; top: 38%; width: 100%; height: 100%; } .list_tit{ background-color: #3b4251; padding: 15px 0 15px 22px; width: 58%; text-align: center; color: #fff; font-family: simhei bold; font-size: 50px; letter-spacing: 22px; font-weight: bolder; } .list_txt{ padding-left: 6%; } .list_txt p{ font-size: 26px; color: #3b4251; } .list_txt p:first-child{ margin: 20px 0 82px; } .list_txt span{ display: block; margin-top: 10px; width: 80%; line-height: 30px; font-size: 16px; color: #717989; } .chakan{ position: absolute; bottom: 15px; display: block; padding: 10px 0; width: 80px; background-color: #3b4251; } .chakan img{margin: auto;} .l_con:hover .h_con{ top:0; } .bps_con2{ background-color: #041325; padding: 70px 0; margin-top: -70px; } .h_con2{ font-size: 0; margin-top: -3%; } .con2_img2{ display: inline-block; position: relative; overflow: hidden; } .img2{cursor: pointer;} .img2_2{ position: absolute; bottom: -100%; transition: all 0.6s; } .img2_2,.hide_img{ cursor: pointer; } .con2_img2,.h_txt{vertical-align: middle;} .h_txt{ display: inline-block; width: calc(100% - 600px); padding: 25px; background-color: #fff; } .h_txt span{ display: inline-block; font-size: 16px; color: #041325; margin-bottom: 10px; line-height: 28px; transition: all 0.6s; } .hide_img{display: none;} .jiantou_img{ margin: auto; } .bps_con3{ margin-top: -70px; } .bps_con3 .list_tit{ padding: 15px 0 15px 6%; width: 77%; font-size: 26px; letter-spacing: normal; text-align: left; } .bps_con3 .list_tit span{ letter-spacing: 6px; } .bps_con3 .first_p span{ font-size: 18px; color: #717989; margin-top: 3px; line-height: normal; } .list_txt span{ width: 90%; } .first_p{ transition: all 0.6s; } /*白皮书下载2*/ .list_sec3{ margin: 120px 0; } .ovh{overflow: hidden;} .line_img{ top:35%; width: 100%; } .pdf_con{ display: flex; justify-content:space-between; } .pdf_list{ width: 32.5%; position: relative; overflow: hidden; cursor: pointer; } .fengmian{ width: auto; } .pdf_img{ position: absolute; top: 50%; right: 0; margin-top: -45px; z-index: 1; } .intr_con{ width: 350px; padding: 40px 30px 0; background-color: #3b4251; position: absolute; bottom: -100%; height: 100%; border-bottom-right-radius: 20px; transition: all 0.6s; } .intr_con p{ color: #fff; font-size: 18px; line-height: 26px; } .intr_con p span{ letter-spacing: 1px; } .intr_ul{margin-top: 20px;} .intr_ul li{ margin-bottom: 10px; } .intr_ul li b{ width: 10px; height: 10px; display: inline-block; margin-right: 13px; background-color: #0cabf9; } .intr_ul li span{ font-size: 16px; color: #fff; } .intr_p{ padding-left: 22px; margin: 5px 0; } .intr_p i{ display: inline-block; width: 0; height: 0; border-top: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid #fff; } .intr_con .chakan{ background-color: #fff; } .pdf_list:hover .intr_con{ bottom: 0; } .mb_p{ margin-bottom: 10px; } /*轮播*/ .shipin_sec{ background: linear-gradient(50deg, #0b0050, #4a045a); padding-bottom: 30px; } .sp_con{ position: relative; font-size: 0; } .renxiang{ position: absolute; float: left; margin-top: -10%; } .sp_list{ margin-top: 8%; width: 85%; } .sp_tit{ width: 50%; float: right; font-size: 22px; text-indent: 2em; color: #fff; margin-right: 10%; margin-bottom: 10%; } .sp_img{ float: left; margin-left:10%; } .sp_right{ float: right; margin-top: 20px; margin-right: 60px; } .gk_btn{ display: inline-block; margin-top: 50px; width: 280px; height: 68px; line-height: 68px; border:1px solid #fff; border-radius:50px; font-size: 32px; color: #fff; text-align: center; } .gk_btn:hover{ background-color: #fff; } .gk_btn:hover .span_btn{ background: linear-gradient(290deg, #d65974, #0e2ed0); -webkit-background-clip: text; color: transparent; } .swiper-button-next, .swiper-button-prev{ color: #ff6161; } .myswiper{ padding-bottom: 80px; } .swiper-pagination-bullet{ width:32px; height: 6px; background:#fff; border-radius: 0; opacity: 1; } .swiper-pagination-bullet-active{ background:linear-gradient(to right, #d65974, #0e2ed0); } .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{ margin: 0 8px; } /*介绍*/ .bot_con{ margin: 120px 0; } .bottom_logo{ margin:0 auto 70px; width: 30%; } .bot_txt{ overflow: hidden; } .lcon{ width: 30%; margin-right: 2%; margin-top: -2%; float: left; } .lcon p{ font-size: 22px; color: #0cabf9; text-align: center; } .rcon{ width: 68%; float: right; } .rcon p{ font-size: 22px; margin-bottom: 20px; } .rcon span,.rcon span a{ font-size: 22px; color: #0cabf9; } .foot_txt{ height: 80px; line-height: 80px; background-color: #000; font-size: 18px; font-family: microsoft yahei; text-align: center; } .foot_txt, .foot_txt a{color: #fff;} /*物流行业*/ .wuliu_con{ background-color: #f3f3f4; /*padding: 8% 0;*/ padding-top: 8%; } .wcon{ border-radius: 10px; box-shadow: 0 0 15px rgba(13,46,209,0.35); font-size: 0; background-color: #fff; } .wl_left,.wl_right{ display: inline-block; width: 50%; vertical-align: text-top; } .wl_right{ height: 100%; background: url(/uploads/image/sis196/wl_bg.png) no-repeat center bottom; padding-bottom: 20px; } .r_tit{ background-color: #0d2ed1; width: 100%; padding: 1% 0; font-size: 32px; color: #fff; text-align: center; } .wl_list{ padding: 20px 20px 9px; font-size: 0; } .wl_list p{ display: inline-block; vertical-align: middle; font-size: 16px; } .zhengyan{ width: 65%; padding: 0 5%; position: relative; } .zhengyan img{ position: absolute; } .l_top{ top: -5px; left: 0; } .r_bot{ right: 0; bottom: 0; } .yonghu{ width: 35%; padding-left: 20px; } .limg {overflow: hidden;} .limg img{float: right;} .wl_right{ border-radius: 10px; } .r_tit{ border-top-right-radius: 10px; } .color1{color: #0d2ed1;} .color2{color: #d55875;} /*医药行业*/ .yiyao_con{ padding-bottom:8%; padding-top: 0; } .yiyao_con .wcon{overflow: hidden;} .yiyao_con .wl_left{ float: right; } .yiyao_con .wl_right{ float: left; } .yiyao_con .r_tit{ border-top-left-radius: 10px; border-top-right-radius: 0; } .yiyao_con .zhengyan{ width: 75%; } .yiyao_con .yonghu{ width: 23%; } .yuan{ display: inline-block; width: 3px; height: 3px; background-color: #000; border-radius: 50%; margin-right: 3px; vertical-align: middle; } .yiyao_con .limg img{ float: left; transform: rotatey(180deg); } @media screen and (min-width: 1150px) { .h_con2:hover .img2_2{ bottom:0; } .h_con2:hover .h_txt{ background-color: #041325; } .h_con2:hover .h_txt span{ color: #fff; } .bps_con3 .l_con:hover .first_p,.l_con:hover .txt_tit1{ margin: 20px 0 20px; } } @media screen and (min-width: 900px) { .h_con,.img2_2,.h_txt span,.first_p,.txt_tit1{ transition:all 0.6s; } .l_con:hover .txt_tit1,.bps_con3 .l_con:hover .first_p{ margin: 8px 0; } .l_con:hover .list_txt span{ margin-top: 0; } } @media screen and (max-width: 1150px) { .w-r{ width: 100%; padding: 0 12px; box-sizing: border-box; } .top_txt{ right: 20px; } .top_btn{ right: 202px; } .top_txt{ bottom: 25%; } .top_btn{ bottom: 20%; } .txt_con,.list_sec3,.bot_con{ margin: 10% 0; } .h_con{top: 45%;} .list_tit{ width: 60%; font-size: 36px; } .list_txt span{width: 98%;} .list_txt { padding-left: 3%; } .list_txt p{font-size: 22px;} .fengmian{ width: 90%; } .sp_img{ width: 50%; } .renxiang{width: 40%;} .con2_img2,.h_txt{width: 50%;} .con2_img2 img{width: 100%;} .jiantou_img2{margin-top: -3.6%;} .intr_con{ width: 90%; padding: 20px 25px 0; } .pdf_img{width: 18%;margin-top: -5%;} .h_con2{margin-top: 0;} .wl_list p{font-size: 14px;} } @media screen and (max-width: 1100px) { .bps_con3 .list_tit{width: 90%;} } @media screen and (max-width: 1024px) { .wl_list { padding: 20px 20px 7px; } } @media screen and (max-width: 1000px) { .txt_con p{font-size: 20px;line-height: 30px;} .jiantou_img2{ transform: rotatey(180deg); margin-top: 0; } .h_con { top: 20%; } .list_txt p:first-child{ margin: 20px 0 50%; } .bps_con3 .list_tit{font-size: 22px;} .intr_con p{ font-size: 16px; line-height: 22px; } .intr_ul { margin-top: 10px; } .intr_ul li { margin-bottom: 0; } .chakan{ bottom: 10px; padding: 8px 0; width: 70px; } .pdf_list{ width: 33%; } .pdf_img{ right: 5px; } .sp_img{ margin: 0 5% 0 12%; } .sp_right{ margin-right: 5%; } .gk_btn{ width: 200px; height: 48px; line-height: 48px; font-size: 24px; } .bottom_logo{width: 30%;} .lcon img{width: 100%} .rcon p,.rcon span,.rcon span a,.lcon p{font-size: 20px;} .intr_p{margin: 0;} .bottom_logo{margin: 0 auto 6%;} .wcon{ width: 80%; margin: auto; } .wl_left, .wl_right{ width: 100%; } .wl_left{ background-color: #0e2a4d; } .wl_left img,.wl_left{ border-top-left-radius: 10px; border-top-right-radius: 10px; } .r_tit { border-top-right-radius: 0; } .yiyao_con .r_tit{ border-top-left-radius: 0; } } @media screen and (max-width: 900px) { .txt_con p{ font-size: 18px; line-height: 26px; } .h_con{top: 0;} .list_txt p:first-child{ margin: 8px 0; } .list_txt span,.bps_con3 .list_txt span{ width: 98%; margin-top: 0; line-height: 18px; } .bps_con3 .first_p span{margin-top: 0;} .list_tit { width: 65%; font-size: 30px; } .list_txt p { font-size: 18px; } .bps_con3 .first_p span{font-size: 14px;} .bps_con3 .list_tit{ padding: 10px 0 10px 4%; } .list_txt span{line-height: 22px;font-size: 14px;} .intr_con{ bottom: 0; padding: 10px 15px 0; background: rgba(59,66,81,0.8); } .intr_con p,.intr_ul li span{ font-size: 14px; } .intr_con p span{ letter-spacing: 0; } .pdf_img { width: 15%; } .sp_right{ text-align: right; } .sp_right img{ width: 70%; margin-right: 20%; } .rcon p, .rcon span,.rcon span a, .lcon p{ font-size: 18px; } .rcon p{ margin-bottom: 10px; } .h_txt{ padding: 15px; } .h_txt span{ font-size: 14px; line-height: 22px; } .sp_tit{font-size: 18px;} .sp_img{margin: 0 1% 0 12%;} } @media screen and (max-width: 800px) { .bps_con3 .list_tit{ width: 100%; font-size: 20px; padding: 5px 0 5px 4%; } .intr_con{ padding: 10px 12px 0; } .pdf_img { right: 2px; } .intr_con { padding: 10px 10px 0; } } @media screen and (max-width: 750px) { .r_tit{ border-radius: 0; } } @media screen and (max-width: 768px) { .top_txt{ bottom: 18%; } .top_btn{ bottom: 13%; } .bps_list,.con2_img2, .h_txt,.pdf_list{ width: 80%; margin: auto; } .r_img, .l_con{ width: 100%; } .list_txt p:first-child{ margin: 5% 0 10%; } .list_txt span { font-size: 16px; } .list_txt span, .bps_con3 .list_txt span{ line-height: 26px; } .list_txt p { font-size: 20px; } .list_tit{ width: 55%; } .bps_con1{ padding-bottom: 8px; } .bps_con3 .list_tit{ width: 70%; } .bps_con2{ background-color: #fff; margin-top: -5px; padding: 0; } .jiantou_img{ width: 50%; } .con2_img2, .h_txt{ display: block; } .h_txt{ background-color: #041325; } .h_txt span{ color: #fff; } .hide_img{display: block;margin: auto;width: 100%;} .bps_con3{margin-top: 0;} .pdf_con{flex-wrap: wrap;} .pdf_list{ margin-bottom: 20px; background-color: #3b4251; border-bottom-right-radius: 20px; } .fengmian,.intr_con{ width: 50%; } .intr_con{ right: 0; border-bottom-right-radius: 0; padding: 5% 6% 0; } .line_img{display: none;} .pdf_img{ right: 46%; width: 10%; } .chakan{ bottom: 5%; } .sp_img { width: 70%; margin: auto; float: none; } .sp_tit{ margin-bottom: 30px; } .sp_right{ width:70%; margin: 20px auto 0; float: none; } .sp_right img{ width: 37%; float: left; margin-right: 16%; } .gk_btn{ float: right; background-color: #fff; margin-top: 20%; } .gk_btn span{ background: linear-gradient(290deg, #d65974, #0e2ed0); -webkit-background-clip: text; color: transparent; } .lcon,.rcon{ float: none; width: 100%; } .lcon{ margin-right: 0; margin-top: 2%; } .lcon img{width: 30%;margin: auto;} .foot_txt{ height: 40px; line-height: 40px; font-size: 14px; } .sp_tit{ margin-right: 13%; } } @media screen and (max-width: 640px) { .top_txt{ bottom: 18%; } .top_btn{ bottom: 13%; width: 100px; right: 184px; border: 1px solid #fff; } .top_txt,.top_btn{ font-size: 14px; } .txt_con p{ font-size: 16px; line-height: 24px; text-indent: 2em; margin-bottom: 8px; } .bps_list, .con2_img2, .h_txt, .pdf_list{ width: 100%; } .sp_tit { font-size: 14px; } .sp_right img{ width: 45%; margin-right: 0; } .gk_btn{ width: 150px; font-size: 20px; } .intr_con{ padding: 5% 2% 0 6%; } .bottom_logo { width: 40%; } .top_logo{width: 22%;} .jiantou_img{display: none;} .bps_con1,.bps_con2{margin-bottom: 20px;} .bps_con3{margin-bottom: 0;} .wcon{ width: 100%; } .r_tit{ padding: 2% 0; font-size: 24px; } .wl_list{ padding: 20px 10px 7px; } .zhengyan img{width: 12px;} .wuliu_con{padding-bottom: 2%;} .yiyao_con{padding-top: 5%;padding-bottom: 8%;} .swiper-button-next, .swiper-button-prev{ display:none; } } @media screen and (max-width: 520px) { .list_tit{ width: 50%; font-size: 26px; } .list_txt p:first-child { margin: 5% 0; } .bps_con3 .list_tit span { letter-spacing: 3px; } .list_txt p { font-size: 18px; } .list_txt span { font-size: 14px; } .jiantou_img { width: 60%; } .intr_ul li b{width: 6px; height: 6px;} .chakan{ width: 60px; bottom: 3%; } .chakan img{ width: 50%; } .rcon p, .rcon span,.rcon span a, .lcon p { font-size: 16px; } .list_tit { letter-spacing: 12px; font-size: 24px; } .myswiper { padding-bottom: 64px; } } @media screen and (max-width: 500px) { .intr_con p, .intr_ul li span { font-size: 12px; } .intr_con p{ line-height: 18px; } .bps_con3 .list_txt .first_p{ margin: 2% 0; } .bps_con3 .list_txt span{ line-height: 22px; } .list_txt p { font-size: 16px; } .bps_con3 .list_tit{ width: 90%; font-size: 18px; } .intr_ul { margin-top: 2px; } .intr_con1 { padding: 3% 0 0 5%; } .gk_btn { width: 120px; font-size: 18px; height: 40px; line-height: 40px; margin-top: 22%; } .top_txt ,.top_btn{ font-size: 12px; } .top_txt { right: 10px; } .top_btn{ bottom: 9%; width: 76px; right: 152px; } .foot_txt{font-size: 12px;} } @media screen and (max-width: 420px) { .list_tit{ width: 55%; padding: 15px 0 15px 12px; } .list_txt span, .bps_con3 .list_txt span{ font-size: 12px; line-height: 17px; margin-top: 3px; } .bps_con3 .list_tit{ padding: 5px 0 5px 2%; width: 75%; font-size: 16px; } .pdf_img{ margin-top: -2%; } .intr_con p { line-height: 15px; } .intr_p{ width: 45%; display: inline-block; } .intr_ul .intr_pl{ padding-left: 0; } .sp_img{ width: 80%; } .gk_btn{ width: 100px; height: 34px; line-height: 34px; font-size: 16px; } .sp_right img{ width: 48%; } .swiper-button-prev, .swiper-rtl .swiper-button-nextzz{ left: 0; } .swiper-button-next, .swiper-rtl .swiper-button-prev{ right: 0; } .rcon p, .rcon span,.rcon span a, .lcon p { font-size: 14px; } .sp_tit { margin-right: 8%; } } @media screen and (max-width: 360px) { .list_txt p:first-child { margin: 2% 0; } .bps_con3 .list_tit{ font-size: 15px; } .bps_con3 .list_txt p{ font-size: 14px; } .bps_con3 .list_txt span{ line-height: 15px; } .intr_ul { margin-top: 0; } .pdf_con .chakan{ width: 48px; padding: 5px 0; } .intr_con { padding: 3% 2px 0 5%; } .mb_p{margin-bottom: 0;} }