@charset "UTF-8"; /*css 鍒濆鍖 */ html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img{margin: 0; padding: 0;} fieldset, img, input, button ,select{border: none; padding: 0; margin: 0; outline-style: none;} ul, ol{list-style: none;} input , button{padding-top: 0; padding-bottom: 0; font-family: "寰蒋闆呴粦";} button{cursor:pointer; background: transparent;} select, input{vertical-align: middle;} select, input, textarea{font-size: 12px; margin: 0; background: transparent;} .pb0{padding-bottom:0 !important;} /*闃叉鎷栧姩*/ textarea{resize: none; font-family: "Microsoft YaHei"; outline-style: none;} img{border: 0; vertical-align: middle;} table{border-collapse: collapse;} body{font: 14px/100% "寰蒋闆呴粦"!important; color: #000; background-color: #f0f2f5;} .clearfix:before, .clearfix:after{content: ""; display: table;} .clearfix:after{clear: both;} .clearfix{*zoom: 1; /*IE/7/6*/} .f-l{float: left;} .f-r{float: right;} a{text-decoration: none;} a:hover{color:#052b47;} h1, h2, h3, h4, h5, h6{text-decoration: none; font-weight: normal; font-size: 100%;} em ,i , u{font-style: normal; text-decoration: none;} .wrap{white-space: pre-wrap; overflow-wrap: break-word;} .mh795{min-height:795px !important;} .base-div{width:92%;max-width:1150px;margin:0 auto 30px;background:white;padding:50px 0;} .base-div .base-title{border-bottom:1px solid #eeeeee;position:relative;} .base-div .base-title h1{font-size:26px;font-weight:bold;margin-bottom:2%;line-height:30px;} .base-div .base-title h3{font-size:14px;margin-bottom:2%;color:#999999;} .base-div .base-title span{display:inline-block;width:50px;height:3px;background:#03121a;position:absolute;bottom:0;left:0;} .base-div .base-desc{width:100%;padding-top:40px;color:#333333;line-height:30px;text-align:justify;font-size:16px;white-space:pre-wrap;overflow-wrap:break-word;} .base-div .base-desc-cont{width:80%;margin:0 auto;} .base-div .base-desc-img{display:block;width:80%;margin:0 auto;} .base-div .base-desc .base-desc-cont img,.base-div .base-desc .base-desc-cont video{max-width:70%;height:auto !important;margin:0 auto; display: block;} /*涓婁竴椤典笅涓€椤?/ .expert_details_bottom {width:92%;margin:0 auto;max-width:1150px;padding:10px 6px 20px;border-top:1px dashed #e6e6e6;} .expert_details_bottom a {overflow:hidden;display:block;font-size:14px;line-height:30px;color:#333;} .expert_details_bottom a:hover {color:#16242c;} .expert_details_bottom span{float:left;font-size:14px;line-height:30px;border-radius:2px;margin-right:10px;color:#16242c;} .no-data{font-size:24px;text-align:center;color:#333333;margin:150px auto;} .pages{text-align:center;margin:40px auto;} .pages li{display:inline-block;} .pages a,.pages span,.pages button,.pages strong{font-size:16px;font-weight:600; line-height: 30px; color: #999999;padding:5px 10px; margin: 0 2px; background: transparent;} .pages a.on,.pages strong,.pages a:hover,.pages li.active span{color:#000000;} .pages li.disabled{display:none;} .pages li.disabled span{color:#e1e1e1;background:#f1f1f1;} .footer_txt{clear:both;padding-top:60px;color:#666666;text-align:left;width:100%;margin:0 auto;line-height:25px;} .footer_txt a{color:#666666;} @media screen and (min-width: 1025px) { .more, .mobile_logo, .mobile_search, .business_list_m, .Around_shadow_lb, .about_list li.mobile_div{ display: none; } .inner{ width: 1200px; box-sizing: border-box; margin: 0 auto; } /* index */ .header{ width: 100%; height: 120px; position: fixed; top: 0; left: 0; z-index: 999; } .logo{ float: left; line-height: 120px; } .search{ float: right; line-height: 120px; } .search img{ height: 16px; } .search-div{height:120px;line-height:120px;float:right;margin-left:10px;width:0px;overflow:hidden;} .search-div form input{width:85%;background:#ffffff;padding:15px;border-radius:5px;margin:-5px 10px 0;} .search-div form span{font-size:18px;color:#000000;cursor:pointer;} .search_mask{display:none;} .nav{ float: right; height: 120px; } .nav li{ float: left; font-size: 16px; line-height: 120px; color: #252526; margin-right: 32px; position: relative; } .nav li a{ display: block; color: #252526; } .main_visual{ position:relative; } .main_image{ height: 980px; overflow:hidden; position:relative; } .main_image li{ float:left; width:100%; height: 1080px; position: relative; overflow: hidden; } .main_image li a>img{ width: 100%; height: 100%; position: absolute; top: 0; left: 50%; margin-left: -50%; } .main_image li a>img:nth-child(2){ display: none; } .flicking_con{ width: 72%; position:absolute; bottom: 136px; left:50%; margin-left: -36%; z-index: 9; } .flicking_con .flicking-container{padding-top:50px;overflow:hidden;} .flicking_con a{ text-align: center; } .flicking_con a h3{ font-size: 26px; line-height: 54px; color: #e6e7e7; } .flicking_con a p{ font-size: 14px; line-height: 34px; color: #d7d3d1; } .flicking_con a.on h3,.swiper-slide-active a h3{ font-size: 60px; line-height: 72px; color: #fff; margin-top: -18px; } #btn_prev, #btn_next{ display: block; width: 24px!important; height: 24px!important; position: absolute; bottom: 164px; z-index: 9; } #btn_prev{ left: 10.5%; background: url(../images/prev.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } #btn_next{ right: 10.5%; background: url(../images/next.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .advantage{ padding: 18px 0 0; } .tit{ font-size: 38px; line-height: 180px; color: #000; text-align: center; font-weight: bold; } .advantage_list li{ float: left; width: 33.33%; margin-top: 18px; } .advantage_list li:nth-child(2){ animation-delay: .2s; } .advantage_list li:nth-child(3){ animation-delay: .4s; } .advantage_list li>div{display:table;margin:0 auto;} .advantage_list li:nth-child(1)>div{float:left;} .advantage_list li:nth-child(3)>div{float:right;} .advantage_list li h3{ font-size: 38px; line-height: 72px; color: #000; font-weight: bold; } .advantage_list li h4{ font-size: 26px; line-height: 72px; color: #737273; font-weight: bold; margin-bottom: 10px; } .advantage_list li h4 span{ display: inline-block; border-bottom: 1px solid #CCCCCC; } .advantage_list li p{ font-size: 16px; line-height: 34px; color: #000F17; font-weight:500; white-space: pre-wrap; overflow-wrap: break-word; } .business{ padding: 200px 0 0 0; } .business_list a{ float: left; width: 33.33%; height: 616px; box-sizing: border-box; position: relative; cursor: pointer; } /*.business_list a{display:block;width:100%;height:100%;}*/ .business_list a:nth-child(2){ animation-delay: .2s; } .business_list a:nth-child(3){ animation-delay: .4s; } .business_list a:after{ content: ""; display: block; width: 100%; height: 100%; background:linear-gradient(180deg,rgba(214,245,255,.5) 0%,rgba(104,104,104,.5) 100%,rgba(216,216,216,.5) 100%); position: absolute; top: 0; left: 0; z-index: 1; } .business_list a>img{ display: block; width: 100%; height: 100%; } .business_list_con{ width: 100%; box-sizing: border-box; padding: 40px; position: absolute; bottom: 0; left: 0; z-index: 2; } .business_list_con h3{ font-size: 26px; line-height: 56px; color: #fff; font-weight: bold; } .business_list_con p{ font-size: 14px; line-height: 28px; color: #fff; font-weight: 500; min-height: 86px; } .business_list a:hover:after{ background: none; } .business_list a:hover .business_list_con{ background:linear-gradient(180deg,rgba(214,245,255,.5) 0%,rgba(104,104,104,.5) 100%,rgba(216,216,216,.5) 100%); } .Around_shadow{ padding: 210px 0 0 0; } .Around_shadow_con{ height: 980px; /*background: url(../images/bg1.jpg) no-repeat top center; -webkit-background-size: 1920px 100%; background-size: 1920px 100%;*/ box-sizing: border-box; /*padding: 210px 10.4% 0 6.66%;*/ position: relative; overflow:hidden; } .Around_shadow_con_info{ width: 62%; height: 70%; overflow-y: auto; box-sizing: border-box; position: absolute; top: 0; left: 0; z-index: 1; padding: 0 0 0 4%; margin: 115px 0 0 4%; direction: rtl; } .Around_shadow_con_info::-webkit-scrollbar { width: 5px; } .Around_shadow_con_info::-webkit-scrollbar-track { border-radius: 10px; background-color: #60737f; } .Around_shadow_con_info::-webkit-scrollbar-thumb { border-radius: 10px; background: #b5c5d2; } .Around_shadow_con_info::-webkit-scrollbar-thumb:window-inactive { background: #60737f; } .Around_shadow_con_info li{ margin-bottom: 18px; cursor: pointer; text-align: left; direction:ltr; } .Around_shadow_con_info li h3{ font-size: 36px; line-height: 144px; color: #848C8F; font-weight: bold; margin-bottom: 10px; transition: all .3s; } .Around_shadow_con_info li h3 span{ display: inline-block; border-bottom: 1px solid #DDDDDD; } .Around_shadow_con_info li p{ font-size: 22px; line-height: 36px; color: #848C8F; } .Around_shadow_con_info li.on h3, .Around_shadow_con_info li.on p{ color: #fff; } .Around_shadow_con_info li.on h3{ font-size: 50px; } /*.Around_shadow_con_img{ float: right; width: 38%; padding-top: 290px; }*/ .Around_shadow_con_img img{ width: 100%; display: none; } .Around_shadow_con_img img.on{ display: block; } .news{ padding: 210px 0 0 0; } .news_list a{ float: left; width: 388px; margin-right: 18px; background-color: #fff; box-shadow:0px 3px 3px 0px rgba(0,0,0,0.24),0px 0px 3px 0px rgba(0,0,0,0.12); border-radius:3px; border:1px solid; box-sizing: border-box; border-image:linear-gradient(180deg, rgba(255,255,255,0.2), rgba(255,255,255,0.1), rgba(255,255,255,0), rgba(255,255,255,0)) 1 1; } .news_list a:nth-child(2){ animation-delay: .2s; } .news_list a:nth-child(3){ animation-delay: .4s; } .news_list a:last-child{ margin-right: 0; } .news_list_img{ position: relative; } .news_list_img img{ width: 100%; height: 276px; } .news_list_img span{ display: block; width: 80px; font-size: 12px; line-height: 26px; color: #fff; text-align: center; border-radius: 30px; background:rgba(210,219,222,1); box-shadow:0px 3px 5px 0px rgba(0,0,0,0.5); position: absolute; top: 10px; left: 8px; } .news_list_info{ padding: 38px 26px 0; height: 186px; box-sizing: border-box; } .news_list_info p{ font-size: 22px; line-height: 32px; color: #000F17; } .footer{ margin-top: 100px; border-top: 1px solid #979797; padding: 40px 0 120px; } .footer_top{ height: 320px; box-sizing: border-box; } .footer_top h3{ font-size: 30px; line-height: 174px; color: #000; text-align: center; font-weight: 500; } .footer_top_list{ text-align: center; } .footer_top_list a{ display: inline-block; font-size: 20px; line-height: 20px; color: #040404; width: 108px; border-right: 2px solid #696a6c; position: relative; } .footer_top_list a:last-child{ border-right: 0; } .footer_top_list a i{ display: block; width: 100%; text-align: center; font-size: 14px; line-height: 36px; color: #636465; position: absolute; top: 20px; left: 0; } .footer_bottom_list{ float: left; } .footer_bottom_list li{ float: left; width: 250px; } .footer_bottom_list li h3{ font-size: 16px; line-height: 50px; color: #070707; font-weight: bold; } .footer_bottom_list li a{ display: block; font-size: 16px; line-height: 40px; color: #6a6b6d; } .footer_bottom_list li.store a{width:26%;float:left;} .footer_ewm{ float: right; width: auto; text-align: center; } .footer_ewm img{ width: 100%; max-width:180px; } .footer_ewm p{ font-size: 14px; line-height: 36px; color: #000; font-weight: 500; } /* about */ .about_body{ padding-top: 120px; } .header_f0f2f5{ background-color: #f0f2f5; } .about_banner{ height: 280px; background: url(../images/about_banner.jpg) no-repeat center center; -webkit-background-size: 1920px 100%; background-size: 1920px 100%; text-align: center; box-sizing: border-box; padding-top: 150px; position: relative; } .about_banner img{ width: 100%; } .about_banner h3{ position:absolute; top:25%; left:15vw; line-height:75px; text-align:left; font-size:50px; color:#ffffff; white-space: pre-wrap; overflow-wrap: break-word; } .about_banner p{ font-size:24px; color:#ffffff; } .about_list li{ margin-top: 140px; overflow: hidden; display:table; width:100%; } .about_list_con{ display:table-cell; vertical-align:middle; width: 530px; } .about_list_con h3{ font-size: 50px; line-height: 90px; color: #000; } .about_list_con h4{ font-size: 30px; line-height: 50px; color: #000; margin-top: 30px; } .about_list_con p{ font-size: 20px; line-height: 36px; color: #666; margin-top: 30px; white-space: pre-wrap; overflow-wrap: break-word; } .about_list li>img{ float: right; width: 590px; } .about_list2 .about_list_con{ /*float: right;*/ } .about_list2 li>img{ float: left; width: 590px; } .Distribution{ margin-top: 180px; } .Distribution img{ width: 100%; } /* 瑙e喅鏂规 */ .case{ padding: 80px 0 0 0; } .case_list li{ float: left; margin: 30px 30px 0 0; border: 1px solid #e7e8e9; width: 380px; height:auto; box-sizing: border-box; cursor: pointer; padding-bottom:30px; min-height:680px; } .case_list li:nth-child(3n){ margin-right: 0; } .case_list li h2{ overflow: hidden; margin-bottom: 33px; } .case_list li h2 img{ width: 100%; height: 274px; transition: all .5s; } .case_list li:hover h2 img{ transform: scale(1.1); } .case_list li h3{ font-size: 24px; line-height: 38px; color: #252525; padding: 0 33px; font-weight: bold; } .case_list li p{ font-size: 14px; line-height: 28px; color: #5b5c5d; padding: 0 33px; margin-top: 20px; text-align:justify; } .case_list li p span{ color: #151515; font-weight: bold; margin-right: 12px; } .case_list li span.more{ display:block; padding: 0 33px; margin-top: 20px; color:#5b5c5d; } .case_list li span.more img{ width:20px; margin-left:10px; vertical-align:middle; margin-top:-2px; } .look_more{ display: block; font-size: 18px; line-height: 20px; color: #010101; text-align: center; padding-right: 20px; background: url(../images/bg2.png) no-repeat center; background-size: 100% 12px; margin-top: 110px; } .advantage_ys{ padding: 80px 0 0 0; } .advantage_ys_list li{ float: left; margin: 20px 30px 50px 0; width: 380px; text-align: center; } .advantage_ys_list li:nth-child(3n){ margin-right: 0; } .advantage_ys_list li h3{ font-size: 24px; line-height: 56px; color: #151515; border-bottom: 1px solid #d4d5d7; width: 270px; display: block; margin: 0 auto; } .advantage_ys_list li p{ font-size: 14px; line-height: 28px; color: #222223; height: 125px; margin-top: 10px; white-space: pre-wrap; overflow-wrap: break-word; } .advantage_ys_list li>img{ width: 100%; height: 200px; } .cooperation{ padding: 190px 0 0 0; } .cooperation_list{ margin-top: 20px; background-color: #fff; } .cooperation_list li{ float: left; width: 25%; height: 157px; box-sizing: border-box; border-right: 1px solid #ececec; border-bottom: 1px solid #ececec; } .cooperation_list li img{ width: 100%; height: 100%; } /* 鍗曚釜鍖荤敓 */ .bg_fff{ background-color: #fff; } .store-top{display:inline-block;width:100%;margin-top:100px;} .store-top .store-image{width:45%;} .store-top .image_center{width:50%;padding:0;text-align:left;display:table;height:405px;} .image_center{ padding: 140px 180px 0; text-align: center; } .image_center h3{ font-size: 38px; line-height: 96px; color: #000; font-weight: bold; } .image_center h4{ color: #000; margin-bottom:20px;font-size:16px;margin-top:-10px; display:table-cell;vertical-align:middle; } .image_center p{ font-size: 16px; line-height: 37px; color: #566065; } .image_center p.margt{ margin-top: 24px; } .image_experts{ padding: 100px 0 0 0; } .image_experts_info{ background-color: #f0f5fa; box-sizing: border-box; padding: 30px 0 30px 76px; display:inline-block; width:100%; margin-bottom:40px; } .image_experts_info .experts_image{ float: left; width: 302px; height: 302px; border-radius: 50%; margin-right: 76px; overflow:hidden; } .image_experts_info .experts_image img{ width:100%; } .image_experts_info_txt{ float: left; width: 285px; padding-top: 20px; padding-right:44px; } .image_experts_info_txt h3{ font-size: 38px; line-height: 84px; color: #000; font-weight: bold; } .image_experts_info_txt h4{ font-size: 17px; line-height: 36px; color: #03121a; font-weight: bold; } .image_experts_info_txt p{ font-size: 14px; line-height: 25px; color: #5b676e; margin-top:10px; white-space: pre-wrap; overflow-wrap: break-word; } .image_experts_info_txt_last{ margin-top: 20px; width: 412px; height: 266px; box-sizing: border-box; padding-left: 44px; padding-right:44px; border-left: 1px solid #ced2d5; display:table; } .image_experts_info_txt_last p{display:table-cell;vertical-align:middle;} .image_check{ padding: 100px 0 100px 0; } .image_check_tab a{ float: left; width: 33.33%; font-size: 24px; line-height: 50px; color: #131313; text-align: center; } .image_check_tab.four a{ width:25%; } .image_check_tab a.on span{ display: inline-block; border-bottom: 1px solid #252525; } .image_check_con{ display: none; margin-top: 94px; } .image_check_con.on{ display: block; } .image_check_con>img{ width: 100%; } /* 澶氫釜鍖荤敓 */ .image_experts_list li{ float: left; background-color: #f0f5fa; width: 585px; height: 350px; box-sizing: border-box; overflow: hidden; padding: 16px 0 0 20px; margin-bottom:40px; } .image_experts_list li:nth-child(even){ float: right; } .image_experts_list li>img{ float: left; width: 210px; height: 300px; margin-right:10px; } .image_experts_list_info{ float: left; width: 335px; text-align: center; } .image_experts_list_info h3{ font-size: 26px; line-height: 100px; color: #000; font-weight: bold; } .image_experts_list_info h4{ font-size: 17px; line-height: 36px; color: #03121a; font-weight: bold; margin-top: 12px; } .image_experts_list_info h5{ font-size: 16px; line-height: 30px; color: #122029; height: 60px; width: 220px; margin: 0 auto; border-bottom: 1px solid #cfd2d5; margin-bottom: 12px; } .image_experts_list_info p{ font-size: 14px; line-height: 26px; color: #5b676e; padding:0 5%; } /*涓変釜鍖荤敓*/ .image_experts_list_three li{ float: left; background-color: #f0f5fa; width: 27%; box-sizing: border-box; overflow: hidden; padding-bottom:40px; margin:40px 100px 0 0; } .image_experts_list_three li:nth-child(3n){ margin-right:0; } .image_experts_list_three li>img{ display:block; width: 258px; margin:0 auto; padding:25px; } .image_experts_list_three_info{ width: 290px; margin:0 auto; text-align: center; } .image_experts_list_three_info h3{ font-size: 26px; line-height: 114px; color: #000; font-weight: 600; } .image_experts_list_three_info h4{ font-size: 17px; line-height: 36px; color: #03121a; font-weight: bold; min-height:72px; margin: 12px 0; } .image_experts_list_three_info p{ font-size: 14px; line-height: 26px; color: #5b676e; margin:0 auto; min-height:78px; white-space: pre-wrap; overflow-wrap: break-word; } /*鑽h獕璧勮川*/ .honor_list li{ float: left; border:5px solid #f0f5fa; background:#ffffff; width: 30%; box-sizing: border-box; overflow: hidden; margin:40px 5% 0 0; } .honor_list li:nth-child(3n){ margin-right:0; } .honor_list li>img{ display:block; width: 96%; margin:0 auto; padding:10px 2%; } /* 浜掕仈缃 杩滅▼褰卞儚璇婃柇鏈嶅姟 */ .nav li:hover>a,.nav li.on>a{ color: #052a46; font-weight: bold; } .nav li:hover:after,.nav li.on:after{ content: ""; width: 100%; height: 2px; background-color: #052a46; position: absolute; top: 80px; left: 0; } .nav_list{ width: 290px; background-color: #f0f5fa; border-radius: 6px; padding: 10px 20px; position: absolute; top: 95px; left: 0; z-index: 999; display: none; opacity:.9; } .nav_list.fixed{width:100%;position:fixed;top:120px;border-radius:0;} .nav_div{ width:1200px; margin:0 auto; } .nav_list a{ display: block; line-height: 40px; font-size:15px; color: #020101; } .nav_list .nav_div a{ width:25%; float:left; } .nav_list .normal a{ width:100%; float:initial; } .nav_list .normal.id15 a{padding-left:820px;} .nav_list .normal.id66 a{padding-left:560px;} .nav_list a:last-child{border-bottom:none;} .nav_list a:hover{ font-weight: bold; } .case_intr{ padding: 130px 0 0 0; } .case_intr_con{ margin-top: 70px; } .case_intr_con_txt{ float: left; width: 540px; } .case_intr_con_txt>p{ font-size: 24px; line-height: 39px; color: #000; text-align:justify; margin-bottom:15px; white-space: pre-wrap; overflow-wrap: break-word; } .case_intr_con_txt_bottom li{ float: left; width: 33.33%; height: 60px; text-align: center; box-sizing: border-box; border-right: 1px solid #d2d4d6; display: flex; align-items: center; justify-content: center; flex-direction: column; } .case_intr_con_txt_bottom li:last-child{border-right:none;} .case_intr_con_txt_bottom li p{ font-size: 14px; line-height: 28px; color: #2a2b2b; white-space: pre-wrap; overflow-wrap: break-word; } .case_intr_con>img{ float: right; width: 584px; height: 348px; } .case_advantage{ padding: 180px 0 0 0; } .case_advantage_list li{ float: left; width: 25%; height: 400px; text-align: center; box-sizing: border-box; background-color: #f0f5fa; overflow: hidden; position: relative; } .case_advantage_list li>div{ height:200px; } .case_advantage_list li:nth-child(even) .case_adv_info{width:100%;position:absolute;bottom:0;} .case_advantage_list li:nth-child(even) .case_adv_img{position:absolute;top:0;} .case_advantage_list li img{ width: 100%; height: 100%; } .case_advantage_list li h3{ font-size: 24px; line-height: 54px; padding-top: 28px; border-bottom: 1px solid #cfd2d5; color: #000; width: 230px; margin: 0 auto 10px; } .case_advantage_list li p{ font-size: 14px; line-height: 28px; color: #4c4e4f; white-space: pre-wrap; overflow-wrap: break-word; } .Cooperation_case{ padding: 180px 0 0 0; } .Cooperation_case_list{ background-color: #fff; } .Cooperation_case_list li{ float: left; width: 25%; height: 156px; box-sizing: border-box; text-align: center; border-right: 1px solid #ececec; border-bottom: 1px solid #ececec; display: flex; align-items: center; justify-content: center; flex-direction: column; } .Cooperation_case_list li p{ font-size: 22px; line-height: 34px; color: #121212; white-space: pre-wrap; overflow-wrap: break-word; } /* 鑱旂郴鎴戜滑 */ .Contact_us_info{ background-color: #f0f5fa; border: 1px solid #fff; padding: 0 82px 78px; margin-top: 84px; } .Contact_us_info_list li{ float: left; width: 450px; border-bottom: 1px solid #e0e5e9; padding-top: 80px; overflow: hidden; } .Contact_us_info_list li:nth-child(2n){ float: right; } .Contact_us_info_list li h3{ float: left; font-size: 22px; line-height: 58px; margin-right: 20px; } .Contact_us_info_list li input{ float: left; font-size: 22px; line-height: 58px; } .Contact_us_info_list li.full_li{ width: 100%; } .Contact_us_info_list li.full_li input{ width: 950px; } .Contact_us_info button{ font-size: 24px; line-height: 58px; color: #030303; border-radius: 8px; background-color: #d2dbde; width: 126px; text-align: center; display: block; margin: 76px auto 0; } .Contact_us_way{ padding: 80px 0 0 0; } .Contact_us_way_list li{ float: left; width: 584px; height: 600px; box-sizing: border-box; border: 1px solid #eaeaec; margin-top: 30px; } .Contact_us_way_list li:nth-child(2n){ float: right; } .Contact_us_way_top{ width: 100%; height: 416px; position: relative; } .Contact_us_way_top img{ width: 100%; height: 100%; } .Contact_us_way_top p{ font-size: 26px; line-height: 416px; color: #fff; text-align: center; width: 100%; position: absolute; top: 0; left: 0; z-index: 1; background: rgba(0,0,0,.2); } .Contact_us_way_bottom{ padding: 40px 52px 0; } .Contact_us_way_bottom p{ font-size: 22px; line-height: 38px; color: #38444b; } .Contact_us_way_bottom p.margt{ margin-top: 18px; } .Contact_us_way_bottom h1{font-size:24px;color:#000000;line-height:35px;margin-bottom:25px;overflow:hidden;} .Contact_us_way_bottom span{color:#000000;} .join_us{ display: block; font-size: 38px; line-height: 48px; color: #000; text-align: center; font-weight: bold; margin-top: 280px; } .join_us img{ height: 38px; margin: -4px 0 0 20px; } .dynamic_list{ margin-top: 134px; } .dynamic_list a{ display: block; margin-top: 36px; background-color: #fff; padding: 44px; overflow: hidden; border:1px solid #fff; transition: all .5s; } .dynamic_list a:hover{ border:1px solid #052b47; } .dynamic_list a:hover h4{ color:#052b47; } .dynamic_list_con{ float: left; width: 730px; } .dynamic_list_con h3{ font-size: 12px; line-height: 30px; color: #808285; } .dynamic_list_con h4{ font-size: 20px; line-height: 40px; color: #000; font-weight: bold; } .dynamic_list_con p{ font-size: 14px; line-height: 25px; color: #6e7073; margin-top: 20px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .dynamic_list a>img{ float: right; width: 285px; /*height: 140px;*/ } } @media screen and (min-width: 1441px) and (max-width: 1680px){ /* index */ .main_image{ height: 900px; } .main_image li{ height: 900px; } .main_image li a>img{ width: 100%; height: 100%; position: absolute; top: 0; left: 50%; margin-left: -50%; } .flicking_con a h3{ font-size: 30px; line-height: 46px; } .flicking_con a.on h3,.swiper-slide-active a h3{ font-size: 50px; line-height: 62px; margin-top: -16px; } .flicking_con a p{ font-size: 14px; line-height: 30px; } .Around_shadow_con{ height: 1120px; /*padding-top: 140px;*/ } .Around_shadow_con_info{ margin-top: 150px; height: 80%; } .Around_shadow_con_info li h3{ font-size: 38px; line-height: 126px; } .Around_shadow_con_info li p{ font-size: 20px; line-height: 34px; } .Around_shadow_con_info li.on h3{ font-size: 52px; } .footer{ padding-bottom: 90px; } } @media screen and (min-width: 1025px) and (max-width: 1440px){ /* index */ .main_image{ height: 768px; } .main_image li{ height: 768px; } .main_image li a>img{ width: 100%; height: 100%; position: absolute; top: 0; left: 50%; margin-left: -50%; } .flicking_con a h3{ font-size: 24px; line-height: 40px; } .flicking_con a.on h3,.swiper-slide-active a h3{ font-size: 44px; line-height: 52px; margin-top: -12px; } .flicking_con a p{ font-size: 12px; line-height: 24px; } .Around_shadow_con{ height: 1024px; } .Around_shadow_con_info{ margin-top: 100px; height: 75%; } .Around_shadow_con_info li h3{ font-size: 32px; line-height: 102px; } .Around_shadow_con_info li p{ font-size: 18px; line-height: 28px; } .Around_shadow_con_info li.on h3{ font-size: 44px; } .footer{ padding-bottom: 90px; } } @media screen and (max-width: 1024px) { html{ font-size:36px !important; } .dynamic_list{ margin-top: 2.2rem; } .dynamic_list a{ display: block; margin-top: .6rem; background-color: #fff; padding: .4rem; overflow: hidden; } .dynamic_list_con{ float: left; width: 7rem; } .dynamic_list_con.w100{width:100%;} .dynamic_list_con h3{ font-size: .3rem; line-height: .6rem; color: #808285; } .dynamic_list_con h4{ font-size: .45rem; line-height: .8rem; color: #000; font-weight: bold; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .dynamic_list_con p{ font-size: .4rem; line-height: .7rem; color: #6e7073; margin-top: .2rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } .dynamic_list a>img{ float: right; width: 4rem; height: 2.2rem; } .logo, .search, .flicking_con a h3, .flicking_con a p, .business_list, .Around_shadow_con{ display: none; } body{ padding-top: 1.5rem; } /* index */ .header{ width: 100%; height: 1.5rem; position: fixed; top: 0; left: 0; z-index: 999; background-color: #052b47; box-sizing: border-box; padding: 0 .6rem; } .more{ float: left; height: .9rem; margin: .3rem 0; } .about_banner{ height: 12vh; background: url(../images/about_banner.jpg) no-repeat top center; -webkit-background-size: auto 100%; background-size:100% auto; text-align: center; box-sizing: border-box; position: relative; } .about_banner h3{ position: absolute; top:20%; left:7vw; font-size:.6rem; color:#ffffff; white-space: pre-wrap; overflow-wrap: break-word; line-height:40px; text-align:left; font-weight:600; } .about_banner p{ font-size:.5rem; color:#ffffff; text-align:left; line-height:25px; } .search-div{display:none;} .pc_div{display:none;} .mobile_logo{ height: 1.4rem; position: absolute; top: 50%; left: 50%; margin-left: -.7rem; margin-top:-.7rem; } .mobile_search{ float: right; height: 1.5rem; } .mobile_search img{ height: .8rem; display: block; margin: .35rem 0; } .search_mask {width:100%;padding:.5rem;box-sizing:border-box;position:fixed;top:1.5rem;left:0;z-index:9999;background-color:#fff;border-top:1px solid #ddd;display:none;} .search_mask input {float:left;width:8.4rem;font-size:.45rem;line-height:1.2rem;color:#333;padding:0 .3rem;box-sizing:border-box;border:1px solid #ddd;} .search_mask button {float:left;width:3rem;font-size:.45rem;line-height:1.2rem;color:#fff;background-color:#052b47;text-align:center;box-sizing:border-box;border:1px solid #052b47;} .nav{ width: 100%; height: 100%; box-sizing: border-box; padding-bottom: 1.5rem; overflow-y: auto; background-color: #f0f2f5; position: fixed; top: 1.5rem; left: 0; z-index: 999; display: none; } .nav li{ display: block; font-size: .4rem; line-height: 1.3rem; color: #252526; padding: 0 1rem; border-bottom: 1px solid #ddd; position: relative; } .nav li a{ display: block; color: #252526; } .main_visual{ position:relative; } .main_image{ height: 17rem; overflow:hidden; position:relative; } .main_image li{ float:left; width:100%; height: 17rem; position: relative; overflow: hidden; } .main_image li a>img{ width: 100%; height: 100%; } .main_image li a>img:nth-child(1){ display: none; } .flicking_con{ position:absolute; bottom: .6rem; left: 50%; z-index: 9; } .flicking_con a{ float: left; width: .25rem; height: .25rem; border-radius: 50%; background-color: #d2dbde; text-align: center; margin: 0 .1rem; } .flicking_con a.on{ background-color: #000f17; } .main_image_info{ width: 4.2rem; height: 7.4rem; background:linear-gradient(180deg,rgba(214,245,255,.5) 0%,rgba(104,104,104,.5) 100%,rgba(216,216,216,.5) 100%); position: absolute; bottom: 0; right: .6rem; z-index: 9; box-sizing: border-box; padding: 1.1rem 0 0 .7rem; } .main_image_info h3{ font-size: .8rem; line-height: .8rem; color: #000F17; font-weight: 500; } .main_image_info h4{ font-size: .45rem; line-height: 1.3rem; color: #000F17; } .main_image_info p{ font-size: .36rem; line-height: 1.2rem; color: #000F17; font-weight: 500; position: relative; } .main_image_info p:before{ content: ""; display: block; width: 1rem; height: .1rem; background-color: #000; position: absolute; top: 0; left: 0; } .advantage{ padding: 1.1rem .9rem 0; } .tit{ font-size: .7rem; line-height: 1.5rem; color: #000; text-align: center; font-weight: bold; } .advantage_list li{ margin-bottom: 2rem; } .advantage_list li:nth-child(2){ animation-delay: .2s; } .advantage_list li:nth-child(3){ animation-delay: .4s; } .advantage_list li h3{ font-size: .7rem; line-height: 1.3rem; color: #000; font-weight: bold; } .advantage_list li h4{ font-size: .55rem; line-height: 1.2rem; color: #737273; font-weight: bold; margin-bottom: .4rem; } .advantage_list li h4 span{ display: inline-block; border-bottom: 1px solid #CCCCCC; } .advantage_list li p{ font-size: .5rem; line-height: .9rem; color: #000F17; font-weight:500; white-space: pre-wrap; overflow-wrap: break-word; } .business_list_m li{ position: relative; display:block; overflow:hidden; } .business_list_m li>img{ width: 100%; position: absolute; top: 0; left: 0; } .business_list_m li .business_list_con{ width: 100%; height: 100%; box-sizing: border-box; padding: 2rem 1rem; z-index: 9; position:relative; } .business_list_m li .business_list_con h3{ font-size: .6rem; line-height: 1.5rem; color: #000; font-weight: bold; } .business_list_m li .business_list_con p{ font-size: .5rem; line-height: 1rem; color: #5c6262; } .business_list_m li .business_list_con a{ display: block; font-size: .35rem; line-height: .8rem; border-radius: .3rem; background-color: #fff; width: 2.4rem; color: #000; text-align: center; box-shadow:0px .05rem .1rem 0px rgba(0,0,0,0.5); border:2px solid rgba(255,255,255,1); margin-top: .8rem; font-weight: bold; } .business_list_m li:nth-child(2) .business_list_con h3, .business_list_m li:nth-child(2) .business_list_con p{ color: #fff; } .Around_shadow{ padding: 2.2rem 0 0 0; } .Around_shadow_lb{ margin-left: 1.1rem; overflow: hidden; } .m-slider { width: 10rem; box-sizing: border-box; position: relative; } .slider-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; height: 100%; -webkit-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); position: relative; z-index: 1; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; } .slider-item { width: 100%; height: 100%; box-sizing: border-box; padding-right: .5rem; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } .slider-item img { width: 100%; height: 9.4rem; display: block; border: none; } .slider-item p{ font-size: .4rem; line-height: 1.5rem; text-align: center; color: #2b2c2c; font-weight: bold; } .slider-pagination { text-align: right; position: absolute; width: 100%; box-sizing: border-box; padding-right: .5rem; z-index: 2; right: 0; bottom: 1rem; pointer-events: none; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .slider-pagination > .slider-pagination-item { flex: 1; height: .05rem; background-color: #bec7cf; } .slider-pagination > .slider-pagination-item.slider-pagination-item-active { background-color: #476378; } .Around_shadow_lb_page{ font-size: .4rem; line-height: 1rem; color: #060606; } .news{ padding: 2rem 1.5rem 0 1rem; } .news_list a{ display: flex; margin: .7rem 0; } .news_list a:nth-child(2){ animation-delay: .2s; } .news_list a:nth-child(3){ animation-delay: .4s; } .news_list a:last-child{ margin-right: 0; } .news_list_img{ width: 4.3rem; height: 3.1rem; margin-right: .55rem; } .news_list_img img{ width: 100%; height: 100%; } .news_list_img span{ display: none; } .news_list_info{ flex: 1; padding: .55rem 0 0; height: 3.1rem; box-sizing: border-box; } .news_list_info p{ font-size: .4rem; line-height: .7rem; color: #000F17; } .footer{ border-top: 1px solid #979797; padding: 1.5rem 0 2rem; margin-top:1rem; } .footer_top{ padding-left: 1.1rem; } .footer_top h3{ font-size: .5rem; line-height: 1.3rem; color: #000; font-weight: bold; } .footer_top_list{ width: 6.6rem; } .footer_top_list a{ float: left; font-size: .45rem; line-height: 1.05rem; color: #040404; margin-right: .4rem; } .footer_top_list a i{ display: none; } .footer_bottom_list li{ float: left; width: 50%; min-height: 5.8rem; margin-top: 1rem; padding-left: 1.1rem; box-sizing: border-box; } .footer_bottom_list li h3{ font-size: .45rem; line-height: 1.2rem; color: #070707; font-weight: bold; } .footer_bottom_list li a{ display: block; font-size: .45rem; line-height: .9rem; color: #6a6b6d; } .footer_ewm{ text-align: center; } .footer_ewm p{ font-size: .4rem; line-height: 1rem; color: #000; font-weight: 500; } .footer_ewm img{max-width:30%;} /* about */ .about_banner img{ width: 100%; } .about_list{ padding: 0 .5rem; } .about_list li{ margin-top:1rem; overflow: hidden; } .about_list_con h3{ font-size: 1rem; line-height: 1.5rem; color: #000; } .about_list_con h4{ font-size: .6rem; line-height: 1rem; color: #000; margin-top: .5rem; } .about_list_con p{ font-size: .4rem; line-height: .8rem; color: #666; margin-top: .5rem; white-space: pre-wrap; overflow-wrap: break-word; } .about_list li>img{ width: 100%; margin-top: .5rem; } .about_list li .bounceInRight h3{margin-top:1rem;} .Distribution{ margin-top: 1.5rem; padding: 0 .5rem; } .Distribution img{ width: 100%; } /* 瑙e喅鏂规 */ .case{ padding: .5rem .5rem 0; } .case_list li{ float: left; margin: .5rem 0 0 0; border: 1px solid #e7e8e9; width: 48%; height: 18rem; min-height:auto !important; box-sizing: border-box; cursor: pointer; padding-bottom:.5rem; } .case_list.case_list_disease li{ display:inline-block; width:100%; float:initial; height: auto; } .case_list.case_list_disease li h2 img{ height:auto; } .case_list li:nth-child(2n){ float: right; } .case_list li h2{ overflow: hidden; margin-bottom: .55rem; } .case_list li h2 img{ width: 100%; height: 4.5rem; transition: all .5s; } .case_list li:hover h2 img{ transform: scale(1.1); } .case_list li h3{ font-size: .5rem; line-height: .7rem; color: #252525; padding: 0 .5rem; font-weight: bold; } .case_list li p{ font-size: .35rem; line-height: .55rem; color: #5b5c5d; padding: 0 .5rem; margin-top: .35rem; text-align:justify; } .case_list li p span{ color: #151515; font-weight: bold; margin-right: .2rem; } .look_more{ display: block; font-size: .4rem; line-height: .4rem; color: #010101; text-align: center; padding-right: .35rem; background: url(../images/bg2.png) no-repeat center; background-size: 200% .2rem; margin-top: 1.8rem; } .advantage_ys{ padding: 1rem .5rem 0; } .advantage_ys_list li{ margin-top: .4rem; text-align: center; } .advantage_ys_list li h3{ font-size: .5rem; line-height: 1.4rem; color: #151515; border-bottom: 1px solid #d4d5d7; width: 8rem; display: block; margin: 0 auto; } .advantage_ys_list li p{ font-size: .4rem; line-height: .7rem; color: #222223; margin-top: .2rem; white-space: pre-wrap; overflow-wrap: break-word; margin-bottom:1rem; } .advantage_ys_list li>img{ width: 100%; } .cooperation{ padding: 1rem .5rem 0; } .cooperation_list{ margin-top: .4rem; background-color: #fff; } .cooperation_list li{ float: left; width: 25%; height: 1.6rem; box-sizing: border-box; } .cooperation_list li img{ width: 100%; height: 100%; } /* 鍗曚釜鍖荤敓 */ .bg_fff{ background-color: #fff; } .store-top{display:inline-block;width:100%;margin-top:50px;} .store-top .store-image{width:94%;float:initial !important;margin:0 auto;} .store-top .store-image img{width:100%;height:auto;} .store-top .image_center{width:94%;float:initial !important;margin:0 auto;padding:0;text-align:left;height:auto;} .image_center{ padding: 1rem .5rem 0; text-align: center; } .image_center h3{ font-size: .8rem; line-height: 2rem; color: #000; font-weight: bold; } .image_center h4{ font-size: .8rem; line-height: 2rem; color: #000; margin-bottom:.4rem; margin-top:1rem; } .image_center p{ line-height: .8rem; color: #566065; width:100%; margin:0 auto; font-size:.4rem; } .image_center p.margt{ margin-top: .4rem; } .image_experts{ padding: 1rem 0 0 0; } .image_experts_info{ background-color: #f0f5fa; box-sizing: border-box; padding: .5rem; display:inline-block; width:100%; } .image_experts_info .experts_image{ width: 5rem; height: 5rem; border-radius: 50%; display: block; margin: 0 auto; overflow:hidden; } .image_experts_info .experts_image img{ width:100%; } .image_experts_info_txt{ float: left; width: 50%; box-sizing: border-box; padding-top: .7rem; padding-right: .5rem; } .image_experts_info_txt h3{ font-size: .8rem; line-height: 1.4rem; color: #000; font-weight: bold; } .image_experts_info_txt h4{ font-size: .45rem; line-height: .8rem; color: #0c1b23; font-weight: bold; } .image_experts_info_txt p{ font-size: .4rem; line-height: .6rem; color: #00040c; white-space: pre-wrap; overflow-wrap: break-word; } .image_experts_info_txt_last{ margin-top: 1.3rem; box-sizing: border-box; padding-left: .5rem; border-left: 1px solid #ced2d5; } .image_check{ padding: 1.5rem 0; } .image_check_tab a{ float: left; width: 33.33%; font-size: .4rem; line-height: 1rem; color: #131313; text-align: center; } .image_check_tab a.on span{ display: inline-block; border-bottom: 1px solid #252525; } .image_check_con{ display: none; margin-top: 1.6rem; padding:0 .5rem; } .image_check_con.on{ display: block; } .image_check_con>img{ width: 100%; } /* 澶氫釜鍖荤敓 */ .image_experts_list li{ background-color: #f0f5fa; box-sizing: border-box; overflow: hidden; padding: .4rem; margin-top: .4rem; } .image_experts_list li>img{ float: left; width: 25vw; } .image_experts_list_info{ float: right; width: 65vw; text-align: center; } .image_experts_list_info h3{ font-size: .6rem; line-height: 2rem; color: #000; font-weight: bold; } .image_experts_list_info h4{ font-size: .4rem; line-height: 1rem; color: #03121a; font-weight: bold; } .image_experts_list_info h5{ font-size: .3rem; line-height: .5rem; color: #122029; height: 1.5rem; width: 4rem; margin: 0 auto; border-bottom: 1px solid #cfd2d5; margin-bottom: .2rem; } .image_experts_list_info p{ font-size: .3rem; line-height: .5rem; color: #5b676e; padding:0 5%; } /*涓変釜鍖荤敓*/ .image_experts_list_three{display:inline-block;width:90%;padding:0 5%;} .image_experts_list_three li{ background-color: #f0f5fa; width: 45%; box-sizing: border-box; overflow: hidden; padding-bottom:40px; float:left; margin-bottom:1rem; } .image_experts_list_three li:nth-child(even){ float:right; } .image_experts_list_three li>img{ display:block; width: 100%; margin:0 auto; } .image_experts_list_three_info{ width: 100%; margin:0 auto; text-align: center; } .image_experts_list_three_info h3{ font-size: .7rem; line-height: 2rem; color: #000; font-weight: 600; } .image_experts_list_three_info h4{ font-size: .4rem; line-height: 1rem; color: #03121a; font-weight: bold; min-height:100px; } .image_experts_list_three_info p{ font-size: .35rem; line-height: 26px; color: #5b676e; margin:0 auto; min-height:78px; white-space: pre-wrap; overflow-wrap: break-word; } /*鑽h獕璧勮川*/ .honor_list li{ border:5px solid #f0f5fa; background:#ffffff; width: 94%; box-sizing: border-box; overflow: hidden; margin:.4rem auto 0; } .honor_list li>img{ display:block; width: 96%; margin:0 auto; padding:10px 2%; } /* 浜掕仈缃 杩滅▼褰卞儚璇婃柇鏈嶅姟 */ .nav li:hover>a{ color: #052a46; font-weight: bold; } .nav li:hover:after{ content: ""; width: 100%; height: 2px; background-color: #052a46; position: absolute; left: 0; } .nav_list{ padding: .1rem .5rem; display: block; } .nav_list a{ display: block; line-height: 1.4rem; color: #020101; border-bottom: 1px solid #fff; } .nav_list a:hover{ font-weight: bold; } .case_intr{ padding:1rem .5rem 0; } .case_intr_con{ margin-top: .5rem; } .case_intr_con_txt>p{ font-size: .4rem; line-height: .8rem; color: #000; text-align:justify; margin-bottom:.5rem; white-space: pre-wrap; overflow-wrap: break-word; } .case_intr_con_txt_bottom li{ float: left; width: 33.33%; height: 1.2rem; text-align: center; box-sizing: border-box; border-right: 1px solid #d2d4d6; display: flex; align-items: center; justify-content: center; flex-direction: column; } .case_intr_con_txt_bottom li:last-child{border-right:none;} .case_intr_con_txt_bottom li p{ font-size: .4rem; line-height: .6rem; color: #2a2b2b; white-space: pre-wrap; overflow-wrap: break-word; } .case_intr_con>img{ display: block; width: 100%; margin-top: .5rem; } .case_advantage{ padding: 1rem .5rem 0; } .case_advantage_list li{ float: left; width: 50%; height: 8rem; text-align: center; box-sizing: border-box; background-color: #f0f5fa; overflow: hidden; } .case_advantage_list li .case_adv_info{height:4rem;} .case_advantage_list li .case_adv_img{height:4rem;} .case_advantage_list li .case_adv_img img{ height: 100%; } .case_advantage_list li h3{ font-size: .45rem; line-height: .9rem; padding-top: .3rem; border-bottom: 1px solid #cfd2d5; color: #000; width: 4rem; margin: 0 auto .2rem; } .case_advantage_list li p{ font-size: .35rem; line-height: .6rem; color: #4c4e4f; white-space: pre-wrap; overflow-wrap: break-word; width:80%; margin:0 auto; } .Cooperation_case{ padding: 1rem .5rem 0; } .Cooperation_case_list{ background-color: #fff; } .Cooperation_case_list li{ float: left; width: 50%; height: 2.6rem; box-sizing: border-box; text-align: center; display: flex; align-items: center; justify-content: center; flex-direction: column; } .Cooperation_case_list li p{ font-size: .4rem; line-height: .6rem; color: #121212; white-space: pre-wrap; overflow-wrap: break-word; } /* 鑱旂郴鎴戜滑 */ .Contact_us_info{ background-color: #f0f5fa; border: 1px solid #fff; padding: 0 .5rem .5rem; margin-top: .5rem; } .Contact_us_info_list li{ float: left; width: 48%; border-bottom: 1px solid #e0e5e9; padding-top: 1.2rem; overflow: hidden; } .Contact_us_info_list li:nth-child(2n){ float: right; } .Contact_us_info_list li h3{ float: left; font-size: .4rem; line-height: 1.2rem; margin-right: .3rem; } .Contact_us_info_list li input{ float: left; width: 3.5rem; font-size: .4rem; line-height: 1.2rem; } .Contact_us_info_list li.full_li{ width: 100%; } .Contact_us_info_list li.full_li input{ width: 10rem; } .Contact_us_info button{ font-size: .45rem; line-height: 1.2rem; color: #030303; border-radius: .1rem; background-color: #d2dbde; width: 2.2rem; text-align: center; display: block; margin: 1.3rem auto 0; } .Contact_us_way{ padding: .5rem .5rem 0; } .Contact_us_way_list li{ float: left; width: 49%; box-sizing: border-box; border: 1px solid #eaeaec; margin-top: .5rem; } .Contact_us_way_list li:nth-child(2n){ float: right; } .Contact_us_way_top{ width: 100%; position: relative; } .Contact_us_way_top img{ width: 100%; } .Contact_us_way_top p{ font-size: .6rem; line-height: 3.5rem; color: #fff; text-align: center; width: 100%; position: absolute; bottom: 0; left: 0; z-index: 1; background: rgba(0,0,0,.2); } .Contact_us_way_bottom{ padding: .3rem; } .Contact_us_way_bottom p{ font-size: .4rem; line-height: .55rem; height:1.65rem; color: #38444b; } .Contact_us_way_bottom p:nth-child(2){height:1.1rem;} .Contact_us_way_bottom h1{font-size:.4rem;color:#000000;line-height:.8rem;margin-bottom:.2rem;height:2.4rem;overflow:hidden;} .Contact_us_way_bottom span{color:#000000;} .join_us{ display: block; font-size: .8rem; line-height: .8rem; color: #000; text-align: center; font-weight: bold; margin: 2rem 0; } .join_us img{ height: .65rem; margin: -.1rem 0 0 .3rem; } .footer_txt{text-align:center;} .footer_txt a{display:block;} .base-div .base-desc-cont{width:90%;} .base-div .base-title h1{font-size:.7rem;line-height:1rem;margin-bottom:.5rem;} } /* 妯悜鏀剧疆鐨勬墜鏈哄強鍒嗚鲸鐜囨洿灏忕殑璁惧 */ @media screen and (max-width: 768px) { .Contact_us_way_list li{float:none;width:100%;} .Contact_us_way_bottom h1{height: auto;font-size:.45rem;margin-bottom:.5rem;} .Contact_us_way_list li:nth-child(2n){float:none;} /*鑱旂郴鎴戜滑*/ .Contact_us_info_list li{float:none;width:100%;} .Contact_us_info_list li:nth-child(2n){float:none;} }