@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;}
}