@charset "utf-8";
/* CSS Document */

/*css reset*/
html,body,ul,li,ol,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,form,fieldset,legend,img,input{margin:0;padding:0;}
body{font-size:14px;font-family: '微软雅黑';}
ul,ol,li{list-style:none;}
b,strong{font-weight:normal;}
i,em{font-style:normal;}
a,u{text-decoration: none;}
h1,h2,h3,h4,h5,h6{font-size:16px;font-weight:normal;}
input{outline:none;}
img{display:block; border:0;}
.clearfix:after{content:"";clear:both;display:block;height:0;overflow:hidden;visibility: hidden;}/*清除浮动*/

.sectiondiv{ min-width: 320px;  width: 100%; background-color: #f0f0f2;}
.white_container{ width:100%; }
.yellow_container{ background:#fccf00; width: 100%;}
.main_container{ max-width:1190px; margin: 0 auto;}
.top48{margin-top:4.5%;}
.top60{margin-top:8%;}
.paddingtop48{ padding-top:2.5%}
.nomargin{ margin:0!important;}
.aligncenter{ text-align:center;}
.title_levelone{ text-align:center;margin-top:5%;}
.title_levelone p{ font-size:36px; color:#232929; }
.title_levelone span{ display:inline-block; border-top: 4px solid #fccf00; width: 80px;}
.title_leveltwo{ margin-top: 3%;}
.title_leveltwo p{ font-size:28px; color:#333333; border-left:3px solid #fccf00;padding-left:1.5%;}

.PCheader_container{ box-shadow:none; background-color: white; }
.header{padding:16px 0;}
.logo_left{ float:left; }
.logo_left img{ display: inline-block; float:left;}
.logo_left span{ display: inline-block; float:left; line-height: 60px; font-size:24px; color:#1b2c69; margin-left:10px;}
.nav_right{ float:right;}
.nav{ margin-top:10px;}
.nav li{ float:left; line-height: 30px;margin: 0 14px; cursor: pointer;}
.nav li a{float:left;   color:#333333; font-size:16px;}
.nav .currentNav{ border-bottom:2px solid #ff6600;}
.nav .currentNav a{ color:#ff6600;}
.nav li:hover{border-bottom:2px solid #ff6600;}
.nav li:hover a{color:#ff6600;}

.mobileheader_container{ display:none; position:fixed; top:0; left:0; z-index: 999;border-bottom:1px solid #eeeeee}
.mob_header{ padding:6px 14px; background-color: white;}
.mobile_logoleft{ float:left; width: 84%}
.mobile_logoleft img{display: inline-block; float:left; width: 100%; }
.mobile_logoleft span{ display: block;width: 70%;  float:left; margin-top: 10px; font-size:24px; color:#1b2c69; margin-left:10px;}
.mobile_nav{ float:right; width: 15%}
.mov_navbtn{ width: 30px; height:26px; border:2px solid #1b2c69; border-radius: 4px; float:right; margin-top:18px;}
.mov_navbtn i{ display: block;margin:13%; border-bottom:2px solid #1b2c69}
.btnnav{ margin-top:6px;}
.mobilenav_list{position:absolute;top:0; left:0; z-index: 999; width: 100%; background-color: white;box-shadow: 2px 6px 6px #3f3f3f; margin-top:60px; display: none;}
.mobilenav li{  line-height: 40px; margin-left:14px;margin-right:14px; border-bottom:1px solid #EBEBEB}
.mobilenav li a{ color:#333333; display: block;}

/*banner*/
.device {width: 100%;margin: 0 auto;position: relative;}
.arrow-left{background: url(../../images/wlst/huilam/arrows.png) no-repeat left top;position: absolute;left: 10px;top: 50%;margin-top: -15px;width: 17px;height: 30px;z-index: 99}
.arrow-right{background: url(../../images/wlst/huilam/arrows.png) no-repeat left bottom;position: absolute;right: 10px;top: 50%;margin-top: -15px;width: 17px;height: 30px;z-index: 99}
.pagination{position: absolute;left: 0;text-align: center;bottom:5px;width: 100%;z-index: 888}
.swiper-container {width: 100%;}
.swiper-slide{ position:relative;}
.swiper-pagination-switch {display: inline-block;width: 10px;height: 10px;border-radius: 10px;background: #999;box-shadow: 0px 1px 2px #555 inset;margin: 0 3px;cursor: pointer;}
.swiper-active-switch {background: #fff;}
.banner_container .swiper-slide img{ display:block;}
.banner_text{ position: absolute;top:0; left: 50%; margin-left:-31%; margin-top: 7%}
.banner_text p{ font-size:66px; color:white; font-weight: bold; text-shadow: 2px 2px 10px #101010;}
.banner_text span{font-size:30px; color:#fffc00; display: block;text-shadow: 2px 2px 10px #101010;}

/*案例与资讯*/
.case_tabbtn{ margin-top:2%;}
.case_tabbtn li{float:left; margin-right: 1.5%; width: 23.5%; height: 139px;text-align:center;border:2px solid transparent;}
.case_tabbtn li.currentTab{border:2px solid #fccf00;}
.case_tabbtn li.currentTab span{color:#fccf00; cursor: pointer;}
.case_tabbtn li.case_btn1{background: url(../../images/wlst/huilam/tab_bg01.jpg) no-repeat; }
.case_tabbtn li.case_btn2{background: url(../../images/wlst/huilam/tab_bg02.jpg) no-repeat; }
.case_tabbtn li.case_btn3{background: url(../../images/wlst/huilam/tab_bg03.jpg) no-repeat; }
.case_tabbtn li.case_btn4{background: url(../../images/wlst/huilam/tab_bg04.jpg) no-repeat; }
.case_tabbtn li span{font-size:46px; color:white; font-weight: bold; text-shadow: 1px 2px 2px #3e3e3e; display: block;margin-top: 34px;}
.arrowhead{ border-top:4px solid #fccf00; margin-top: 1.5%; position: relative;}
.arrowhead span{ position:absolute; top:-20px; left:10.92%; display: block; border-top: 8px solid transparent; border-right:8px solid transparent;border-bottom: 8px solid #fccf00; border-left:8px solid transparent;}

.case_group .case_content{ display:none;}
.case_list{ background:white; padding:20px; margin-top: 2%;}
.case_list .case_img{float:left; border:1px solid #e6e6e6; width:17.2%;}
.case_list .case_text{ float:left; margin-left:2%;width: 66% }
.case_list .case_text>p{font-size:24px; color:#333333; font-weight: bold;overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}
.case_list .case_text .case_pos{ font-size:14px; color:#808080; display: block;margin-top: 0.5%;}
.case_list .case_text .case_pos em{ margin-left:20px;}
.case_list .case_text .case_maintext{ font-size:16px; color: #333333; line-height: 28px; display: block; margin-top: 1.5%;}
.case_list .case_link{ float:right; margin-top: 46px; text-align: center; width: 12%;}
.case_list .case_link a{ font-size:16px; color:white; background: #fccf00; width: 90%; display: block; padding:8px 0; border-radius: 3px;}
/*分页器*/
.pagenumber-container{ margin: 30px auto; text-align: center;}
.pagenumber-container a{ padding:10px 16px; display: inline-block; font-size: 13px; color: #646464; background-color: #fafafa; margin-left: 4px; cursor: pointer; }
.pagenumber-container a:hover{background-color: #fccf00;  color:white;}
.pagenumber-container .current-selectpage{background-color: #fccf00;  color:white;}
.go-num{ width: 34px ;height: 35px;border:1px solid #dbdbdc;margin-top: 10px;}
.go-btn{width: 60px ;height: 35px; background-color: white; border:none; color:#646464;margin-top: 10px;}
.go-btn:hover{background-color: #ff7200; color:white;}

/*关于许林*/
.introduce_content{background: #fccf00; margin-top: 2%;}
.introduce_content>img{float:left; width: 21.8%;}
.introduce_content .intro_text{ float:left; padding:2%;  width: 74%; }
.introduce_content .intro_text span{ font-size:18px; color:#333333; line-height: 36px; display:block;}
.feature_contentT{ background:white; margin-top: 2%; padding-bottom: 5%;}
.feature_contentT ul li{ float:left; padding:2%; width: 29.33%; }
.feature_contentT ul li .featimg_container{ text-align:center; padding-top: 6%;}
.feature_contentT ul li .featimg_container img{ display:inline-block;}
.feature_contentT ul li>span{ font-size:18px; color:#333333; line-height: 30px; display: block; padding-top: 3%;}
.feature_contentB{ background:#fccf00;}
.feature_contentB ul li{ float:left; text-align: center; padding:2%; width: 21%; position: relative;}
.feature_contentB ul li img{ display:inline-block; position:absolute; top:-50px; left:30%; border:6px solid white; border-radius: 50%;}
.feature_contentB ul li>p{ font-size:36px; color:#333333; font-weight:bold; margin-top: 50px;}
.feature_contentB ul li>span{ font-size:24px; color:#4c4c4c; line-height: 42px;}
.team_container{ margin-top:2%;background-color: white;}
.team_container .team_left{float:left; padding:2%; width: 39.7%; }
.team_container .team_middle{ float:left; width: 25.21%;}
.team_container .team_right{float:right;padding:2%; width: 27.09%;}
.team_container .team_text p{ font-size:16px;color:#333333; font-weight: bold; line-height: 30px;}
.team_container .team_text ul li{ list-style: disc inside; color:#fccf00; line-height: 34px; margin-left: 20px;}
.team_container .team_text ul li span{ color:#333333; font-size:16px;}
.team_container .team_right .libra_img{ text-align: right;}
.team_container .team_right .libra_img img{ display:inline-block;}


/*业务范围*/
.legalservice_content{ margin-top: 2%;background:white;}
.legalservice_content .leagal_tabbtn{ float:left; width: 25.21%;}
.legalservice_content .leagal_tabbtn ul li{ text-align: center; background:#c9cacb; padding:10% 0;}
.legalservice_content .leagal_tabbtn ul li.currentLi{ background:#fccf00; position:relative;}
.legalservice_content .leagal_tabbtn ul li.currentLi span:after{ content:""; position:absolute; right:-16px;top:40%; border-top:8px solid transparent; border-right:8px solid transparent; border-bottom:8px solid transparent;border-left:8px solid #fccf00;}
.legalservice_content .leagal_tabbtn ul li span{ font-size:24px; color:#232929; cursor: pointer;}
.legalservice_content .leagal_textcontent{ float:right; padding:3%; width: 68.79%; }
.legalservice_content .leagal_textcontent .per_leagaltext{display:none;}
.legalservice_content .leagal_textcontent .per_leagaltext ul li{ font-size:20px; color:#333333; line-height: 80px;}
.legalservice_content .leagal_textcontent .per_leagaltext ul li i{ display:inline-block; background: url(../../images/wlst/huilam/icons.png) -53px -57px; width: 12px; height: 12px; vertical-align: middle; margin-right: 3%;}
.secre_service{ background:white; padding:4% 2%; margin-top: 2%;}
.secre_service p{ font-size:24px; color:#232929;}
.secre_service .secre_local{ margin-top:2%;}
.secre_service .secre_local span{display: block; width: 25%; float:left;font-size:20px; color:#232929; }
.secre_service .secre_local span:nth-child(1){width:18%;}
.secre_service .secre_local span i{ display: inline-block;background: url(../../images/wlst/huilam/icons.png) -53px -57px; width: 12px; height: 12px; vertical-align: middle; margin-right: 3%;}
.fair_service{background:white; padding:2%; margin-top: 2%;}
.fair_service>div span{display: block;font-size:24px; color:#232929; line-height: 48px;}
.fair_service>div span i{display: inline-block;background: url(../../images/wlst/huilam/icons.png) -53px -57px; width: 12px; height: 12px; vertical-align: middle; margin-right: 3%;}


/*咨询联系*/
.yellow_container{ margin-top:2%; background-color:#fccf00;  }
.yellow_container .yellowbg_img{background:url(../../images/wlst/huilam/21-t952cg.jpg?v=2021) no-repeat; background-position: right;height: 258px;}
/*.yellow_container .contact_bg{background:url(../images/21-t952cg.jpg) no-repeat right; max-width: 100%; height: 249px;}*/
.yellow_container .contact_bg{float:right; width: 46%;}
.yellow_container .contact_msg{max-width:1190px; margin: 0 auto;}
.yellow_container .contact_msg>div{ float:left; width: 47%;margin-left:2%; margin-top:4%;}
.yellow_container .contact_msg>img{ float:left; margin-top: 46px; margin-right: 12px;}
.yellow_container .contact_msg>div p{font-size:24px; color: #333333; line-height: 45px;}
.yellow_container .contact_msg .icon01{display: inline-block;background: url(../../images/wlst/huilam/icons.png) -5px -6px; width: 31px; height: 31px; vertical-align: middle; margin-right: 1%;}
.yellow_container .contact_msg .icon02{display: inline-block;background: url(../../images/wlst/huilam/icons.png) -5px -48px; width: 31px; height: 31px; vertical-align: middle; margin-right: 1%;}
.yellow_container .contact_msg .icon03{display: inline-block;background: url(../../images/wlst/huilam/icons.png) -43px -7px; width: 31px; height: 31px; vertical-align: middle; margin-right: 1%;}



/*底部*/
.bottom_container{ background-color:#0f479c; width: 100%;}
.bottom_left{ float:left;padding: 3% 0; width: 30%;}
.bottom_left p{ font-size:20px; color:white; font-weight: bold;}
.bottom_left span{font-size:16px;color:white; line-height: 36px; display: block;margin-top: 4%}
.bottom_middle{ float:left; width: 40%; padding: 3% 0;}
.bottom_right{ float:right; width: 27%; margin-top: 5%;}
.bottom_right img{ width:100%}
.bottom_middle p{ font-size:20px; font-weight: bold; color:white;}
.bottom_middle span{ display:block; font-size: 14px; color:#bac3db; line-height: 38px;}
.bottom_middle span b{ color:white; }
.bottom_middle .phone_icon{ display:inline-block; background: url(../../images/wlst/huilam/icons.png); background-position: -10px -95px; width: 17px; height: 18px; vertical-align: middle;}
.bottom_middle .time_icon{display:inline-block; background: url(../../images/wlst/huilam/icons.png); background-position: -9px -125px; width: 18px; height: 18px; vertical-align: middle;}
.bottom_middle .address_icon{display:inline-block; background: url(../../images/wlst/huilam/icons.png); background-position: -9px -155px; width: 18px; height: 18px; vertical-align: middle;}
.copyright{ background:#0a3372;}
.copyright span{ font-size:14px; color:#6e7c9e; display: block;padding:1% 0;}
.copyright span a{color:#6e7c9e}




@media screen and (min-width:1000px){
	.PCheader_container{display:block;}
	.mobileheader_container{ display:none;}
}

@media screen and (max-width:1640px){
	.yellow_container .contact_msg{left:6%; }
	.yellow_container .contact_msg>div p{font-size:20px; line-height: 40px;}
	.yellow_container .contact_msg>div{ width:52%;}
}
@media screen and (max-width:1320px){
	.yellow_container .contact_msg{left:5%; }
	.yellow_container .contact_msg>div p{font-size:20px; line-height: 35px;}
	.yellow_container .contact_msg>div{ width:56%;}
}

@media screen and (max-width:1170px){
	.banner_container .swiper-slide img{ max-height:350px; width: auto; }
	.device{max-height:350px;}
	.swiper-container{max-height:350px;}

	.case_tabbtn li span{ font-size:40px;}
	.case_tabbtn li{ width:23.2%;}

	.yellow_container .contact_bg{width:60%;}
	.yellow_container .contact_msg>div{ width:66%;}
}
@media screen and (max-width:1000px){
	.PCheader_container{display:none;}
	.mobileheader_container{ display:block;}
	.banner_container{ margin-top:62px;}

	.yellow_container .contact_bg{ float:none; width: 100%;}
	.yellow_container .contact_msg{ padding:2%; width: 90%; }
	.yellow_container .contact_msg>img{ float:none; width:80%; margin: auto;}
	.yellow_container .yellowbg_img{background:none; height: auto}
}
@media screen and (max-width:700px){
	.banner_container .swiper-slide img{ max-height:250px;  }
	.device{max-height:250px;}
	.swiper-container{max-height:250px;}
	.banner_text p{ font-size:34px; }
    .banner_text span{font-size:18px; }
	.banner_text{ margin-left:-38%; margin-right: 10%; margin-top:18%}
	.title_container span{ font-size:22px;}
	.title_container2 span{ font-size: 20px;}
	.bottom_left{ float:none;width: 90%; margin:auto;}
	.bottom_middle{ float:none; width: 92%; margin: 3% 4%;}
    .bottom_right{ float:none; width: 90%; margin: 5% auto; }
	.bottom_right img{ width:100%;}
	.content_box01 li span{ font-size: 20px;}
	.content_box01 li b{ font-size:22px;}
	.copyright span{padding:4%;}

	.case_tabbtn li{ height:100px; width: 22.5%;}
	.case_tabbtn li span{ font-size:20px;}
	.arrowhead{ margin-top:3%;}

	.case_list .case_img{ float:none; width: 65%; margin: auto;}
	.case_list .case_text{float:none; width: 100%; margin: auto;}
	.case_list .case_link{float:none; width: 100%; margin: auto; margin-top: 2%; text-align: center;}
	.case_list .case_text>p{ margin-top:2%; font-size:20px;}
	.case_list .case_link a{ width:100%;}

	.title_levelone p{ font-size:28px;}
	.title_leveltwo p{ font-size:22px;}
	.introduce_content>img{ float:none;width: 90%; margin: auto;padding-top: 7%;}
	.introduce_content .intro_text{float:none;width: 90%; margin: auto; padding:0;}
	.introduce_content .intro_text span{ font-size:16px; padding:3% 0;}

	.feature_content ul li{float:none;width: 90%; margin: auto;}

	.feature_contentT ul li{float:none;width: 90%; margin: auto;}
	.feature_contentT ul li>span{ font-size:16px;}
	.feature_contentB ul li img{ position:static;}
    .feature_contentB ul li{float:none;width: 90%; margin: auto; padding-top: 5%;}
	.feature_contentB ul li>p{ margin-top: 20px; font-size: 28px;}
	.feature_contentB ul li>span{ font-size:16px; line-height: 30px;}

	.team_container .team_left,.team_container .team_middle,.team_container .team_right{float:none;width: 90%; margin: auto;}
	.team_container .team_right .libra_img{ text-align:center;}

	.legalservice_content .leagal_tabbtn ul li span{ font-size:20px;}
	.legalservice_content .leagal_textcontent .per_leagaltext ul li{ line-height:60px; font-size:18px;}

	.secre_service p{ font-size:18px;}
	.secre_service .secre_local span{ float:none;width: 90%; margin: auto; font-size: 16px; line-height: 30px;}
	.secre_service .secre_local span:nth-child(1){width: 90%;}

	.fair_service>div span{ font-size:16px; line-height: 30px;}

	.yellow_container .contact_msg>div p{ font-size:16px;}
	.yellow_container .contact_msg>div{ float:none;width: 90%; margin: auto;}
	.yellow_container .contact_msg>img{float:none;width:50%; margin:2% auto;}
	
	.yellow_container .yellowbg_img{ background:none}

}

@media screen and (min-width:401px) and (max-width:500px){
	.title_container span{ font-size:26px;}
	.floor1_bottom .title1{ font-size:18px;}
	.summary span{ font-size:16px;}

	.legalservice_content .leagal_tabbtn ul li span{ font-size:18px;}
	.legalservice_content .leagal_textcontent .per_leagaltext ul li{ line-height:40px; font-size:16px;}

}
@media screen and (min-width:320px) and (max-width:400px){
	.title_container span{ font-size:16px;}
	.chara{ margin-left:20px;}
	.chara span{ font-size: 14px; width: 80px;}
	.title_container span{ font-size:20px;}

	.legalservice_content .leagal_tabbtn ul li span{ font-size:16px;}
	.legalservice_content .leagal_textcontent .per_leagaltext ul li{ line-height:30px; font-size:14px;}


}