@font-face {
  font-family: 'DINCond';
  src: url('fonts/DINCond-Medium.eot');
  src: url('fonts/DINCond-Medium.eot') format('embedded-opentype'), url('fonts/DINCond-Medium.woff2') format('woff2'), url('fonts/DINCond-Medium.woff') format('woff'), url('fonts/DINCond-Medium.ttf') format('truetype'), url('fonts/DINCond-Medium.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

#browser_ie { BACKGROUND-COLOR: #f6f6b4; DISPLAY: none; HEIGHT: 85px; COLOR: #000; FONT-SIZE: 15px; position:fixed; bottom:0; width:100%; z-index:9999;}
#browser_ie .brower_info { MARGIN: 0px auto; WIDTH: 800px; PADDING-TOP: 17px}
#browser_ie .brower_info .notice_info { POSITION: relative; MARGIN-TOP: 5px; FLOAT: left}
#browser_ie .brower_info .notice_info P { margin:0; TEXT-ALIGN: left; LINE-HEIGHT: 25px; WIDTH: 360px; DISPLAY: inline-block}
#browser_ie .browser_list { POSITION: relative; FLOAT: left}
#browser_ie .browser_list IMG { WIDTH: 40px; HEIGHT: 40px}
#browser_ie .browser_list SPAN { TEXT-ALIGN: center; WIDTH: 80px; DISPLAY: inline-block}

.top_section{position:fixed;width:100%; height:120px; left:0; top:0; background:#fff;  z-index:999; /* border-bottom:1px solid rgba(255,255,255,0.3); box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.12); */ transition: all .3s ease; }
/*.top_section:before{ content:""; position:absolute; width:100%; height:100%; top:0; left:0; background:rgba(255,255,255,0.85); z-index:-1;}*/
.logo{ position:absolute; left:100px; top:0; z-index:3;}
.logo a{ display:block; padding:35px 0;  transition: all .3s ease;}
.logo img{ height:50px; transition: all .3s ease;}

.icon_menu{ position:absolute; right:112px; top:0; z-index:2; transition: all .3s ease;}
.icon_menu ul{ margin:0; padding:0; list-style:none;}
.icon_menu ul li{ float:left;}
.icon_menu ul li a{ display:block; padding:26px 8px 0; font-size:14px; line-height:14px; color:rgba(0,0,0,.6);  transition: all .3s ease;}
.icon_menu ul li a:hover{ color:#033492;}

.site_nav{ float:right; text-align:center; margin-right:100px; position:relative; z-index:1;}
.site_nav ul{ margin:0; padding:0; list-style:none; position:relative; display: inline-block;}
.site_nav ul li{ float:left; position:relative; margin-top:40px; z-index:3; transition: all .3s ease;}
.site_nav ul li a{ padding:0 14px 10px; line-height:70px; color:rgba(0,0,0,.8); text-transform:uppercase; font-size:15px; letter-spacing:0.075em; font-weight:bold; display:block; box-sizing: border-box; transition: all .3s ease;}
.site_nav ul li a.have_menu{ /*padding:0px 20px 0 15px;*/}
.site_nav ul li a:hover,.site_nav ul li.open a,.site_nav ul li.web_language a{ color:#033492;}
.site_nav ul li.active a{ color:#033492;}
.site_nav ul li ul li a{ font-size:13px;}

.angle-down{ position:absolute; height:20px; top:50%; margin-top:-5px; color:rgba(255,255,255,0.75); right:7px; line-height:20px; transition: all .3s ease; display:none;}
.site_nav ul li a:hover .angle-down,.site_nav ul li.open .angle-down,.site_nav ul li.active .angle-down{color:#fff;}
.dropdown .dropdown-menu{ position: absolute; width:160px; top:80px; left:0px; z-index:99; font-size:13px; color:#fff; border-radius:0 0 4px 4px; float:left; list-style:none; line-height: 40px;  display:none;  transition: all .3s ease;}
.dropdown .dropdown-menu.all-width-menu{ position: fixed; width:100%; top:120px;}
.dropdown .dropdown-menu ul{ margin-top: 0px; padding: 10px 0 10px; display: block; box-sizing: border-box;  background:#fff; box-shadow: 0 6px 12px rgba(0,0,0,.175);}
.dropdown .dropdown-menu li a,.dropdown.open .dropdown-menu li a{  font-weight:normal; color:#666; width:100%; text-align:left; line-height:40px; padding:0 15px; box-sizing: border-box;  transition: all .3s ease;}
.dropdown .dropdown-menu li a:hover{ background:rgba(0,0,0,.04) !important; color:#033492;}
.site_nav ul li.open .dropdown-menu li a{ background:none;}
.site_nav ul li .dropdown-menu li{float:none; line-height:40px; margin-top:0; padding-top: 0; padding-bottom:0;}
.site_nav ul li .dropdown-menu.all-width-menu ul{ margin-right:100px;}
.site_nav ul li .dropdown-menu.all-width-menu li{ float:left; width:33.33%;}

.site_nav ul li .topword_dl span{ display:block; float:left; padding-bottom:15px;}
.site_nav ul li .topword_dl dl{ margin:0; padding:0; list-style:none; float:left;}
.site_nav ul li .topword_dl dt{ float:left; margin-right:12px;}
.site_nav ul li .topword_dl dt a{ line-height:1.6em; height:auto; color:#fff; padding:0; font-size:14px; background:none;}
.site_nav ul li .topword_dl dt a:hover{color:#00b4fa;}
.team_menu{padding-left:18px;}
.team_menu input.search-text,.team_menu select{ background:none; border:1px #ccc solid; width:150px; color:#999; height:30px; box-sizing: border-box;}
.team_menu input.search-text{ margin-right:30px;}
.team_menu select{ margin-right:40px;}
.team_menu input.button{ background:#00b4fa; border:1px #00b4fa solid; height:28px; color:#fff; cursor:pointer; height:30px; padding:0 15px; transition: all 0.2s ease;}
.team_menu input.button:hover{ background:none;}
.site_nav ul li.open .team_menu a{ display:inline-block;}

.menu_right_icon{ position:absolute; right:30px; top:0; text-align:right;}
.menu_right_icon .site_nav{ padding:0;}

.top_section.NavBg{ height:70px; border-bottom:1px solid rgba(0,0,0,.1); transition: all .3s ease;}
.top_section.NavBg .logo a{ padding:15px 0 0px; transition: all .3s ease;}
.top_section.NavBg .logo img{ height:40px;}
.top_section.NavBg .icon_menu{ top:-50px;}
.top_section.NavBg .site_nav ul li{ margin-top:0;}
.top_section.NavBg .site_nav ul li a{ line-height:70px; transition: all .3s ease;}
.top_section.NavBg .angle-down{ margin-top:-7px;}
.top_section.NavBg .site_nav ul li ul li{ padding-top:0;}
.top_section.NavBg .site_nav ul li ul li a{ line-height:40px;}
.top_section.NavBg .dropdown .dropdown-menu{ top:70px;}
.top_section.NavBg .dropdown .dropdown-menu.all-width-menu{ top:70px;}
.top_section.NavBg .site_nav ul li .dropdown-menu li{ padding-bottom:0;}

/* æ›´å¤šæŒ‰é'® */
.more_btn{ margin-top:40px;}
.more_btn a{ background:#033492; border:1px #033492 solid; padding: 12px 40px; color:#fff; position:relative;}
.more_btn a span{ position:relative; z-index:2;  transition: all .3s ease-out 0s;}
.more_btn a:before{ content:""; background:#fff; position:absolute; height:100%; top:0; left:0; width:0; z-index:1; transition: all .3s ease-out 0s;}
.more_btn a:hover span{ color:#033492;}
.more_btn a:hover:before{ width:100%;}

/* banner */
.slideBox{ width:100%; height:calc(100% - 220px); margin-top:120px; min-height:450px; overflow:hidden; position: relative; z-index:2;}
.slideBox .hd{position:absolute; width:100%; left:0; bottom:15px; text-align:center; z-index:1; }
.slideBox .hd ul{ margin:0; padding:0; list-style:none; display:inline-block; }
.slideBox .hd ul li{ display:inline-block; margin:0 3px;  width:5px; height:18px; background:rgba(255,255,255,0.4); cursor:pointer; transition: all .3s ease-out 0s;}
.slideBox .hd ul li.on{ background:#033492; height:30px; }
.slideBox .bd{ position:relative;  width:100%; height:100% !important; z-index:0;}

.slideBox .bd ul{ margin:0; padding:0; list-style:none; height:100% !important; width:100% !important;}
.slideBox .bd li{ zoom:1; vertical-align:middle; height:100%; background-position:center center; background-repeat:no-repeat;  background-size: cover;  width:100% !important; position:relative;}
.slideBox .bd li:before{ content:""; position:absolute; width:100%; height:100%; background:rgba(0,0,0,0.3); top:0; left:0; display:none;}
.banner_img{height:100%; background-position:center center; background-repeat:no-repeat;  background-size: cover;  width:100% !important; position:relative; animation-name: kenburns;
    animation-timing-function: linear;
    animation-duration: 20s;
    transform: scale(1.2);}
	@keyframes kenburns {
	  0% {
		opacity: 1;
		-webkit-transform: scale(1.2);
				transform:scale(1.2);
	  }
	  15% {
		opacity: 1;
		-webkit-transform: scale(1.1);
				transform:scale(1.1);
	  }
	  30% {
		opacity: 1;
		-webkit-transform: scale(1);
				transform: scale(1);
	  }
	  80% {

		opacity: 1;
		-webkit-transform: scale(1);
				transform: scale(1);
	  }
	  100% {
		opacity: 1;
		transform: scale(1);
	  }
	}
	
.slideBox .prev,.slideBox .next{ position:absolute; left:0; top:50%; margin-top: -30px; /*margin-top:35px;*/ display:block; width:30px; height:60px; text-align:center; filter:alpha(opacity=30);opacity:0.3; background:#000;}
.slideBox .prev i,.slideBox .next i{ font-size:30px; color:#fff; line-height:60px;}
.slideBox .next{ left:auto; right:0; background-position:8px 5px; }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1; background:#033492; }
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }
.box_word{ position:absolute; width:100%; height:100%; left:0; top:0; display:table; z-index:2;}
.banner_middle{ display:table-cell; vertical-align:middle; margin:0px auto 0; position:relative;}

.logo_line span{ display:inline-block; width:5px; height:30px; background:#033492; margin:0 2px;}
.word_box{ display:block; padding:0 100px 35px 100px; margin-top:-20px; box-sizing: border-box; position:relative;}

.banner_middle h1{ display:inline-block; color:#fff; font-size:52px; margin:0; padding:50px 0 30px;  line-height:1.3em; /*font-weight:normal;*/ }
.banner_middle h1 span{ margin:0 30px;}
.banner_middle h1 br{ display:none;}
.banner_middle p{color:#fff; font-size:24px; margin:0; line-height:1.6em; max-width:800px;}
.banner_middle .banner_more a{ color:#fff; font-size:18px; margin-top:30px; display:inline-block; transition: all .3s ease-out 0s; }
.banner_middle .banner_more a i{ margin-left:6px; margin-right:12px; transition: all .3s ease-out 0s;}
.banner_middle .banner_more a:hover,.banner_middle .banner_more a:hover i{ color:#033492;}

.banner_news .banner_middle{ text-align:left;}
.banner_news .banner_middle h1{ font-size:36px; line-height:1.3em; padding: 50px 0 0px;}
.banner_news .banner_middle p{ font-size:18px; margin:30px 0 60px;}
.banner_news .banner_middle .more_btn{ text-align:left;}


.second_section{ position:absolute; width:28px; height:40px; border:1px #033492 solid; left:50%; margin-left:-14px; bottom:30px; display:block; z-index:999; border-radius: 12px;}
.second_section i{width: 2px;
	height: 10px;
	background:#033492;
	display: block; position:absolute; margin-top:5px; left:50%; margin-left:-1px;
	-webkit-animation: mymove infinite;
	animation: mymove infinite;
	-webkit-animation-duration: 2s;
	animation-duration: 2s;}
	
@-webkit-keyframes mymove {
	from {
		top: 0;
	}

	to {
		top: 20px;
	}
}

@keyframes mymove {
	from {
		top: 0;
	}

	to {
		top: 20px;
	}
}

.index_news{ float:right; width:50%; background:#033492; padding:40px 60px; margin-top:-110px; position:relative; z-index:2; box-sizing: border-box;}
.index_news_title{ font-size:18px; color:#fff; margin-bottom:20px;}

.txtScroll-left{ position:relative;}
.txtScroll-left .hd{ overflow:hidden;}
.txtScroll-left .hd ul{ float:left; overflow:hidden; zoom:1; margin:0; padding:0; list-style:none; margin-top:10px;  }
.txtScroll-left .hd ul li{ float:left; width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; border:1px #fff solid; border-radius: 100%;}
.txtScroll-left .hd ul li.on{ background:#fff;}
.txtScroll-left .bd{overflow:hidden; margin-bottom:15px;   }
.txtScroll-left .bd ul{ overflow:hidden; zoom:1; margin:0; padding:0; list-style:none;}
.txtScroll-left .bd ul li{ float:left; width:100%; line-height:24px;  text-align:left; _display:inline;}
.txtScroll-left .bd ul li a h3{ font-weight:normal; margin:0; font-size:24px; color:#fff; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; word-break: break-all; }
.txtScroll-left .bd ul li a span{ display:block; margin-bottom:5px; font-size:18px; color:#fff;  }

.index_yewu{ padding:120px 100px;}
.index_yewu_top{ margin-bottom:40px;}
.index_yewu_top span,.index_yewu_top a{ font-size:18px; line-height:1em; vertical-align: middle; color:#033492;}
.index_yewu_top font{ margin:0 15px; font-size:18px; color:#033492; line-height:1em; vertical-align: middle;}
.index_yewu_left{ padding-right:100px; position:relative;}
.index_yewu_left p{ margin:0; font-size:28px; color:#000; line-height:1.4em;}
.index_yewu_left span{ display:block; margin-top:10px; font-size:18px;}
.index_yewu_right p{ margin:0; margin-top:3px; font-size:18px; color:#666; line-height:1.8em;}

.index_service_box{ padding:0 85px 130px;}

.index_service_section .item{ float:left; width:20%; padding:0 15px; margin-bottom:50px; box-sizing: border-box;}
.index_service_section a{display:block; position:relative; overflow:hidden;}
.service_main_title{ padding:15px 0; text-align:center; color:#000; font-size:18px; transition: all 0.36s ease;}
.service_img{ width:100%; overflow:hidden;}
.service_img img{ width:100%; transition: all 0.36s ease;}

.index_service_section a:hover .service_img img{transform: scale(1.08);}

.owl_left_right.owl-carousel .owl-stage-outer{ z-index:2;}
.owl_left_right.owl-theme .owl-controls{ position:absolute; z-index:1; width:100%; top:50px; left:0; text-align:left;}
.owl_left_right.owl-theme .owl-controls .owl-nav [class*=owl-]{ float:left; position:relative; background:none;}
.owl_left_right.owl-theme .owl-controls .owl-nav [class*=owl-]:hover{ background:none;}
.owl_left_right.owl-theme .owl-controls .owl-nav .owl-prev{ margin-left:-60px;}
.owl_left_right.owl-theme .owl-controls .owl-nav .owl-prev:before,.owl_left_right.owl-theme .owl-controls .owl-nav .owl-next:before{content:"\f060"; font-family: FontAwesome; font-size:18px; position:absolute; top:-3px; right:0px; color:#ccc; transition: all 0.36s ease;}
.owl_left_right.owl-theme .owl-controls .owl-nav .owl-next{ float:right; margin-right:-60px;}
.owl_left_right.owl-theme .owl-controls .owl-nav .owl-next:before{content:"\f061"; left:0; right:auto;}
.owl_left_right.owl-theme .owl-controls .owl-nav:hover .owl-prev:before,.owl_left_right.owl-theme .owl-controls .owl-nav:hover .owl-next:before{ color:#000;}
.owl_left_right.owl-theme .owl-controls .owl-dots{ display:none !important;}
.index_service_section.owl_left_right.owl-theme .owl-controls .owl-nav [class*=owl-]{ color:transparent; height:100%;  line-height: 500px; margin-top: -10px;}
.index_service_section.owl_left_right.owl-theme .owl-controls{ top:0%; height:100%;}
.index_service_section.owl_left_right.owl-theme .owl-controls .owl-nav .owl-prev:before,.index_service_section.owl_left_right.owl-theme .owl-controls .owl-nav .owl-next:before{ color:#666)}
.index_service_section.owl_left_right.owl-theme .owl-controls .owl-nav:hover .owl-prev:before,.index_service_section.owl_left_right.owl-theme .owl-controls .owl-nav:hover .owl-next:before{ color:#000;}

/* åº•éƒ¨ */
.bottom_section{ background:#333; padding:60px 0 30px; font-size:13px; position:relative; z-index:1;}
.bottom_left h1{ margin:0; margin-bottom:20px; font-size:18px; color:#fff;}
.bottom_left p{ margin:0; color:#ccc;}
.bottom_left p span{ color:rgba(255,255,255,.5)}
.bottom_right{ text-align:right; position: relative;}
.bottom_copyright{ border-top:1px solid rgba(255,255,255,.2); text-align:center; color:#ccc; margin-top:20px; padding:20px 0 5px; font-size: 12px;}
.bottom_copyright a{ color:#ccc;}
.bottom_copyright a:hover{ text-decoration:underline;}
.bottom_copyright span{}
.bottom_right .bottom_img{ display:inline-block; width:110px; text-align:center;}
.bottom_img img{ width:90px;}
.bottom_img span{ display:block; color:#ccc; font-size:12px;}

.bottom_contact a.office{ display:inline-block; margin-right:15px; color:#ccc; font-size:13px; line-height:2em;}
.bottom_contact a.office:hover{ text-decoration:underline;}

#gototop{ height:1px;}
.gototop{ position:fixed; right:10px; bottom:30px; z-index:998;}
.gototop ul{ margin:0; padding:0; list-style:none; border-bottom:none;}
.gototop ul li{width: 40px; height: 40px; line-height:40px; display: block; cursor:pointer; font-size: 16px; text-align: center;  position: relative; transition: all 0.3s ease-out 0s; background-color: #f0f0f0; transition: all .3s ease-out 0s;}
.gototop ul li:hover,.gototop ul li.goto_wechat{ background:#033492; color:#fff;}
.gototop ul li.goto_up{ height:0; overflow:hidden;}
.gototop ul li.goto_up.show_goto_up{ height:40px;}
.gototop ul li a{ display:block; height:40px; color:#666;}
.gototop ul li:hover a{ color:#fff;}
.gototop ul li i{ font-size:16px;}
.gototop ul li i.fa-mobile{ font-size:20px;}

.black_bg{ position:fixed; width:100%; height:100%; top:0; left:0; background:rgba(0,0,0,0.3); z-index:99998; display:none;}
.ewm_box{ position:fixed; width:340px; padding:30px; top:50%; margin-top:-140px; left:50%; margin-left:-200px; z-index:99999; background:rgba(255,255,255,1); border-radius: 10px; text-align:center;  display:none;box-sizing: border-box;}

.close_ewm_box{ position:absolute; top:5px; right:5px; font-size:28px; padding:5px 10px; cursor:pointer;}
.close_ewm_box:hover{ color:#00ACE9;}
.ewm_box #qrcodetop,.ewm_box #qrcodelawyer,.ewm_box #wechat_img{ display:inline-block; margin-top:15px;}
.ewm_box p{ display:block; margin:0; margin-top:20px; color:#666; line-height:1.6em; font-size:12px;}
.ewm_box h2{ margin:0; font-size:16px; color:#333; text-align:left; margin-bottom:30px;}
.inputselect{ display: block; width: 100%; height: 34px; border-radius: 3px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555555; background-color: #ffffff; border: 1px solid #cccccc; box-sizing: border-box;}
.ewm_box .inputselect{ margin:20px 0; height:38px;}
.ewm_box a{ display:block; height:38px; line-height:38px; background:#033492; border-radius: 3px; color:#fff; transition: all .3s ease-out 0s;}
.ewm_box a:hover{ background:#000;}

.banner_page{background-position:center center; background-repeat:no-repeat;  background-size: cover; height:500px;}
.news_content_box{ padding-top:80px;}
.news_content{ padding-right:100px;}
.news_content p{ margin:0; font-size:14px; color:#666; text-align:justify;}
.news_content img{ max-width:100%;}
.news_content p,.news_content span,.news_content font{ font-size:16px !important; line-height:2em !important; font-family:Arial,Microsoft yahei !important;}

/* ç›¸å…³å¾‹å¸ˆ */
.lawyer_link_list{ margin-bottom:40px;}
.lawyer_link_list h3{ margin:0; padding-bottom:10px; border-bottom:1px #e6e6e6 solid; font-size:14px; color:#999; font-weight:normal;}
.lawyer_link_list ul{ margin:0; padding:0; list-style:none;}
.lawyer_link_list ul li{ border-bottom:1px #e6e6e6 solid; padding:10px 0;}
.lawyer_link_list ul li a{ display:block; line-height:1em;}
.news_lawyer_img{ float:left; margin-right:12px; width:35%;}
.news_lawyer_txt{ overflow:hidden;}
.news_lawyer_txt h4{ margin:0; font-size:15px; line-height: 1; color:#666; margin-bottom:5px;}
.news_lawyer_txt em{ font-size:12px; color:#999; font-style:normal; display:block; margin-bottom:15px;  overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.news_lawyer_txt p{ font-size:12px; color:#999; margin:3px 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.news_lawyer_txt p i{ margin-right:5px;}

.lawyer_link_list #qrcode{ text-align:center; border: 1px #e6e6e6 solid; padding: 20px; border-top: none;}

.inputselect{ display: block; width: 100%; height:33px; border-radius: 3px; padding: 6px 12px; margin:10px 0; font-size: 12px; line-height: 1.42857143; color: #555555; background-color: #ffffff; border: 1px solid #ddd; box-sizing: border-box;}
.search_btn_show{background: #033492; width:auto; display:inline-block; color:#fff; cursor:pointer; border:none; line-height: 1.42857143; padding:7px 25px;  border-radius: 3px; transition: all 0.3s ease-out;}
.search_btn_show:hover{ background:#333;}
.input100{ width:100%;}
.align_right{ text-align:right;}

/* ä¸Šä¸€ç¯‡ä¸‹ä¸€ç¯‡æ–°é—» */
.news_data_list{ float:right; margin-left:40px;}
.news_data_list p{ margin:0; font-size:21px; font-family:helveticaneuethn,Arial; color:#999; margin-top:4px; margin-bottom:20px;  transition: all .3s ease-out 0s;}
.news_data_list font{ display:block; border-left:1px #e6e6e6 solid; margin-left:15px; padding-left:25px;  transition: all .3s ease-out 0s;}
.news_data_list font i{ position:relative; font-size:18px; color:#666;  transition: all .3s ease-out 0s;}
.news_data_list font i:after{ content:""; position:absolute; left:-11px; top:9px; height:1px; width:15px; background:#666;  transition: all .3s ease-out 0s;}

.news_related{ margin-top:80px; margin-right: 100px; background:#f7f7f7;}
.news_related a{ padding:40px 30px; display:block;  transition: all .3s ease-out 0s;}
.news_related a:hover{ background:#033492;}
.news_related h3{ margin:0; overflow:hidden; white-space: nowrap; text-overflow: ellipsis; color:#666; font-size:14px; font-weight:normal;  transition: all .3s ease-out 0s;}
.news_related .related_right h3{ text-align:right;}
.news_related a:hover h3{ color:#fff; }
.related_left .news_data_list{ float:left; margin-right:20px; margin-left:0;}
.related_left .news_data_list font{transform:rotate(180deg); margin-left:0;}
.related_right .news_data_list{ margin-left:20px;}
.news_related a:hover .news_data_list font{ border-color:#fff;}
.news_related a:hover .news_data_list font i{ color:#fff;}
.news_related a:hover .news_data_list font i:after{background:#fff;}

.lawyer_btn{ position:absolute; top:25px; right:0; text-align:right;}
.lawyer_btn a{ display:block; height:100%;}
.lawyer_btn span{ display:inline-block; width:36px; height:36px; overflow:hidden; border-radius:36px; border:1px solid #033492; margin-right:12px;  transition: all .3s ease-out 0s;}
.lawyer_btn span i{width:36px; height:36px; text-align:center; line-height:36px; font-size:18px; float:left; color:#033492;}
.lawyer_btn span font{ float:left; line-height:36px; color:#033492;font-size:14px;}
.lawyer_btn span.dr:hover{ width:105px;} 
.lawyer_btn span.dv:hover{ width:110px;} 
.lawyer_btn span.dc:hover{ width:90px;} 

.lawyer_int{ margin-top:20px; padding-bottom:10px;}
.lawyer_int h2{ margin:0; font-size:18px; color:#333;}
.lawyer_int p{ margin:20px 0; font-size:16px; color:#666; text-align:justify; line-height:1.8em;}
.lawyer_int ul{ margin:10px 0; padding:0; list-style:none;}
.lawyer_int ul li{ margin-bottom:5px; color:#777; font-size:16px; padding-left:1em; line-height:2em; text-align:justify; position:relative;}
.lawyer_int ul li:before{ content:"\f105"; font-family:FontAwesome; position:absolute; left:0; top:0;}
.lawyer_int ul li a{color:#777;padding-bottom:5px;border-bottom:1px dotted #ccc;position:relative;padding-left:20px;display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.lawyer_int ul li a:hover{ color:#033492;}
.lawyer_int ul li b{ color:#555;}

.lawyer_base_box{ margin-bottom:40px; border-top: 1px #ededed solid;}
.lawyer_base{ border-bottom:1px #ededed solid; padding:10px 0; font-size:16px;}
.lawyer_base span{ font-weight:normal; color:#999; font-size:14px;}
.lawyer_base em{ margin:0 5px; font-style:normal; color:#999;}
.lawyer_base a{ color:#033492;}
.lawyer_base a:hover{ text-decoration:underline;}

.lawyer_page_img{ margin-bottom:40px;}
.lawyer_page_img img{ width:100%;}

.field{/* margin-top:80px;*/ width: 100%;position: relative;padding:80px 0 0;}
.yewu_bg_img{position: absolute;left: 0;top: 0;width:100%; height: 100%; background-position: center center; background-repeat: no-repeat; box-sizing: border-box; background-size: cover; transition: all .3s linear 0s;}
.yewu_bg_color{position: absolute;right: 0;top: 0;width:50%; height:150px; background:rgba(255,255,255,1); display:none; }
.field_main_box{ padding:30px 100px 100px;}
.field_main{width: 100%;z-index: 33;position: relative;}
.field_main ul{list-style: none;padding: 0;margin: 0;}
.field .news_title p{margin-top: 0; color:#fff;}
.field .news_title .line{ background:#fff;}
.field .news_title .btn a{ /*background:rgba(255,255,255,0); border:1px rgba(255,255,255,.5) solid;*/}
.field .news_title .btn a:hover{background: rgba(255,255,255,.2);}
.field_main ul li{float:left;width:25%;box-sizing: border-box;border:1px rgba(255,255,255,.5) solid;height:160px;margin-left:-1px;margin-bottom:-1px; background: rgba(0,0,0,.25); transition: all 0.2s ease-out;}

.btn-10{ position:relative; padding:0 12px; margin:0;font-size:21px; max-width:600px; width: 100%; display: table; height:100%; box-sizing: border-box; text-align: center;}
.btn-10 span{color: #fff; margin: 0; position:relative; display: table-cell; vertical-align: middle; z-index:2; transition: all .3s ease-out 0s;}
.btn-10:before, .btn-10:after{ content: ''; position: absolute; top: 0; left: 0; width: 0; height: 160px; background: rgba(3, 52, 146, 0.5);-webkit-transition: 0.4s;transition: 0.4s;}
.btn-10:after,.btn-10 span:before { left: auto;  right: 0;}
.btn-10 span:before,
.btn-10 span:after {-webkit-transition-delay: 0.4s;  transition-delay: 0.4s;}
.btn-10:hover span{color: #fff;}
.btn-10:hover:before, .btn-10:hover:after,
.btn-10:hover span:before,
.btn-10:hover span:after {  width: 100%;}
.btn-10:active { background: #033492;}



.big_banner{ position:relative; height:90%; min-height:650px;}
.big_banner h1{ margin:0; position:absolute; left:100px; bottom:80px; color:#fff; font-size:64px; font-weight:normal; line-height:1.2em; text-transform:uppercase;}
.big_banner h1 span{ display:block; font-size:32px;}

.about_top_img{background-position: center center; background-repeat: no-repeat; box-sizing: border-box; background-size: cover; height:200px; text-align:center; line-height:200px;}

.about_link_img{background-position: center center; background-repeat: no-repeat; box-sizing: border-box; background-size: cover; height:140px; text-align:center; line-height:140px;}
.about_link_img a{ display:block; color:#fff; font-size:24px; position:relative;}
.about_link_img a:before{content:""; background:rgba(0,0,0,.3); width:100%; height:100%; position:absolute; left:0; top:0; transition: 0.4s;}
.about_link_img a:after{ content:"\f105"; font: normal normal normal 14px/1 FontAwesome; color:#fff; background:#033492; position:absolute; right:0; bottom:0; padding:10px 20px; transition: 0.4s;}
.about_link_img a span{ display:block; position:relative; z-index:2;}
.about_link_img a:hover:before{background:rgba(0,0,0,.5);}
.about_link_img a:hover:after{background:#7C0617;}

.news_box{ padding-right:100px;}
.news_box .row_title{ position:relative;}
.news_box .row_title h2{ font-size:24px; color:#000; margin:50px 0 30px;}
.news_box .row_title .row_more{ position:absolute; bottom:-5px; right:0;}
.news_box .row_title .row_more a{ padding: 7px 25px; border-radius: 3px; background:#033492; color:#fff; font-size:14px;  transition: 0.4s;}
.news_box .row_title .row_more a:hover{ background:#000;}
.news_box ul{ margin:0; padding:0; list-style:none; border-top:1px #ddd solid; margin-bottom: 60px;}
.news_box ul li{ border-bottom:1px #ddd solid; }
.news_box ul li a,.news_box ul li .nolink{ display:block;color:#666; font-size:15px; padding:40px 0; transition: all 0.3s ease;}
.news_box ul li a:hover{ background:rgba(0,0,0,.05);}
.news_box ul li a span,.news_box ul li .nolink span{ float:left; width:20%;}
.news_box ul li a font,.news_box ul li .nolink font{ float:left; width:80%; font-size:17px; color: #000; transition: all 0.3s ease;}
.news_box ul li a:hover font{ color:#033492;}

.word_search ul{ margin:0; padding:0; list-style:none;  margin-bottom:15px;}
.word_search ul li{ float:left; width:3.846153846153846%; text-align:center;}
.word_search ul li a,.word_search ul li span{ font-size:14px; display:inline-block; width:32px; height:32px; line-height:32px; border-radius:32px; text-align:center; color: #666; transition: all .5s; }
.word_search ul li span{ color:#ccc;}
.word_search ul li a:hover,.word_search ul li a.onthis{ background:#033492; color:#fff;}
.lawyer_link_list .word_search ul li{ width:14.28571428571429%;}
.lawyer_link_list .word_search ul li.two_long{ width:28.57142857142857%;}

.lawyer_list_pic{ float:left; width:180px;}
.team_list ul{ margin:0; padding:0; list-style:none;}
.team_list ul li{ margin-bottom:40px;}
.team_list ul li a{color:#999; line-height:1em; display:block;}
.team_list ul li a img{ width:100%; max-width:150px;}
.team_list ul li a h3{ font-size:21px; color:#333; margin:0; margin-bottom:20px; line-height:1em;}
.team_list ul li a span{ display:block; padding-bottom:10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.team_list ul li a p span{ padding-bottom:0;}
.team_list ul li a span.lawyer_office{ margin-bottom:30px;}
.team_list ul li a span i{ margin-right:12px; width:14px; text-align:center;}
.team_list ul li a p{ margin:0; margin-top:35px; line-height:2em;}
.team_list ul li a:hover h3,.team_list ul li a:hover span,.team_list ul li a:hover p{ color:#000}
.lawyer_txt{ margin-left:30px; border-bottom:1px #eee solid; min-height:185px; }

.practices_txt{ max-width:1000px; text-align:center; margin:0 auto 20px; }
.practices_txt h2{ font-size:36px; color:#033492; font-weight:normal; margin:0 0 60px; line-height:1.3em;}
.practices_txt p{font-size: 18px; color: #666; line-height:2em;}

.index_service_ul ul{ margin:0; padding:0; list-style:none;}
.index_service_ul ul li{ float:left; width:30%; margin-right:5%; margin-top:30px;}
.index_service_ul ul li:nth-child(3n){ margin-right:0;}
.index_service_ul ul li a{ display:block; border:1px solid rgba(0,0,0,0.1); padding:15px 20px; font-size:18px; line-height:1.2em; color:#033492; box-sizing: border-box; transition: all 0.36s ease;}
.index_service_ul ul li a:hover{ border:1px solid #033492; background:#033492; color:#fff;}

#allmap{height:680px;}
.contact_content{ margin-right:100px;}
.contact_title{ font-size:24px; font-weight:bold; color:#033492; margin:0 0 50px;}
.contact_main{box-sizing: border-box;}
.contact_main ul{ margin:0; padding:0; list-style:none;}
.contact_main ul li{ margin-bottom:10px;}
.contact_main ul li span{ color:#999;}
.contact_main ul li a{ vertical-align:top; color:#999;}
.contact_main ul li a:hover{ text-decoration:underline;}

.normal_h{ margin-top:50px; margin-bottom:30px; color:#033492; font-size:15px; font-weight:bold;}
.form_note{ margin-top: 30px; color:#999; font-size:12px;}
.form_note i{ color:#033492; font-size:14px; margin-right:5px;}

.team_main_search h3{ font-size:14px; font-weight:normal; color:#333; margin:0; margin-bottom:10px;}

.index_news_section{ max-width:1300px; margin:80px auto 0;}
.index_news_section a{ display:block; vertical-align:middle; overflow:hidden;  padding:25px; transition: all 0.36s ease;}
.index_news_section a:hover{ background:#f7f7f7;}
.index_news_section .index_news_img{ overflow:hidden; position:relative;}
.index_news_section .index_news_img img{transition: all .3s ease-out 0s; vertical-align: middle; width:100%;}
.index_news_section a:hover img{transform: scale(1.08);}
.index_news_section h2{ color:#033492; font-size: 24px; font-weight:bold; margin:0 0 25px 0; line-height: 30px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; transition: all 0.36s ease;}
.index_news_section a:hover h2{ color:#033492;}
.index_news_section p{ color:#666; font-size:15px; line-height: 32px; margin:0; height: 96px; display:-webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
.index_news_line{ margin:20px 0 0 0; height:1px; background:#e2e4e6; position:relative;}
.index_news_line:before{ content:""; position:absolute; background:#033492; height:1px; width:0; left:0; top:0; transition: all 0.36s ease;}
.index_news_section a:hover .index_news_line:before{ width:100%;}
.index_news_day{}
.index_news_day span{ display:block; margin-top:15px; font-size:15px; color:#888; position:relative; transition: all 0.36s ease;}
.index_news_day span:before{ content:"\f105"; font-family: FontAwesome; position:absolute; top:-3px; right:15px; color:transparent;  transition: all 0.36s ease;}
.index_news_section a:hover .index_news_day span{ color:#033492;}
.index_news_section a:hover .index_news_day span:before{ color:#033492;}
.index_news_section .item{ margin-bottom:30px; border: 1px #e2e4e6 solid;}



.sub_menu ul{ margin:0; padding:0; list-style:none;}
.sub_menu ul li{ border-bottom:1px #eee solid;}
.sub_menu ul li a{ display:block; padding:10px 0 10px 20px; position:relative; color:#666; font-size:15px; transition: all .3s ease-out 0s;}
.sub_menu ul li a::before {content:''; position:absolute; width:3px; height:12px; background:transparent; left:0px; margin-top:5px; transition: all .3s ease-out 0s;}
.sub_menu ul li a:hover{ padding-left:30px;}
.sub_menu ul li a:hover::before {background:#033492; left:10px;}
.sub_menu ul li.active a{ color:#033492;}
.sub_menu ul li.active a::before {background:#033492;}


.search_bar{margin-bottom: 40px;padding-left: 15px;}

.search_section{ margin-top:0;}
.search_section ul li{ line-height:1.5em; margin-bottom:10px;}
.search_section ul li h2{ font-size:14px;line-height: 1.6em;}
.search_section ul li span{ font-size:12px;}
.search_section ul li font{ margin:0 5px;}
.practices_content_small_title p { margin-top: 30px;}

.office_list ul{ margin:0; margin-top:80px; padding:0; list-style:none;}
.office_list ul li{ float:left; width:33.33%; margin-bottom:30px;}
.office_list ul li a{ display:block; padding:10px 10px 30px; border:1px solid rgba(0,0,0,.2); text-align:center; position:relative;}
.office_list ul li a:before{ content:""; position:absolute; bottom:0; left:50%; width:0px; height:2px; background:#033492;  transition: all 0.36s ease;}
.office_list ul li a img{ width:100%;}
.office_list ul li a h2{ margin:40px 0 30px 0; color:#033492; font-size:24px;}
.office_list ul li a p{ margin:0 30px 50px; color:#888; font-size:15px; line-height:32px; height:96px; display:-webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
.office_list ul li a span{ display:inline-block; position:relative; color:#666;}
.office_list ul li a span:after{ content: "\f105"; font-family: FontAwesome; font-size:18px; position: absolute; top: 0px; right: -5px; color: transparent; transition: all 0.36s ease;}
.office_list ul li a:hover span:after{ color:#033492; right:-25px;}
.office_list ul li a:hover:before{ width:100%; left:0;}

#office_link{ padding-top:80px;}
.office_link ul{margin:0; margin-top:80px; padding:0; list-style:none;}
.office_link ul li{ margin-bottom:30px;}
.office_link ul li a{ display:block; padding-bottom:30px; position:relative;}
.office_link ul li a:before{ content:""; position:absolute; left:15px; bottom:0; width:0; height:1px; background:#033492; transition: all .3s ease-out 0s;}
.office_link ul li img{ width:100%;}
.office_link ul li h2{ font-size:24px; color:#333; margin:0; transition: all .3s ease-out 0s;}
.office_link ul li p{ margin:30px 0 0; font-size:15px; color:#888; line-height:32px; transition: all .3s ease-out 0s;}
.office_link ul li a:hover:before{ width:calc(100% - 30px);}
.office_link ul li a:hover h2{ color:#033492;}
.office_link ul li a:hover p{ color:#333;}

.office_banner{ height:100%; position:relative;}
.office_banner:before{ content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:1;}
.office_banner_txt{ max-width:800px; margin:0 auto; margin-top: -120px; padding:0 15px; text-align:center;}
.office_banner_txt p{ font-size:18px;}
.office_banner_txt .more_btn a{ background:none; border:1px #fff solid;}

.office_img_link{ margin-top:-160px; position:relative; z-index:2;}
.office_img_link_dec{ margin:0 120px 40px; background:#fff; position:relative; padding:80px 20px 80px 0;}
.office_img_link_dec:after{content:""; position:absolute; width:100%; height:100%; top:0; left:-100%;  background:#fff; box-sizing: border-box; z-index:1;}
.office_img_link_dec .about_link_img{ height:180px; line-height:180px;}
.office_img_link_dec .index_yewu_left{ margin:80px 0 40px; padding-right:0;}
.office_img_link_dec .news_box{ padding-right:0;}
.office_small_banner{ position:relative;}
.office_small_banner:before{ content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:1;}
.office_small_banner h1{ margin:0; position:absolute; left:100px; bottom:80px; color:#fff; font-size:64px; font-weight:normal; line-height:1.2em; text-transform:uppercase; z-index:2;}
.office_small_banner h1 span{ display:block; font-size:32px;}

.office_pra{ margin-top:0; margin-left:-15px; padding-right: 30px;}
.office_contact_content{ margin-right:30px;}
.office_contact_margin{ margin-top:72px; margin-right:60px;}
.office_contact{ margin-top:10px;}
.office_contact a{ display:inline-block; margin-right:15px; padding:8px 0; color:#666; transition: all .3s ease-out 0s;}
.office_contact a:hover{ color:#033492;}
.office_map{margin-top:30px; margin-right:60px;}

.bottom_copyright{ text-align:right;}
.bottom_office_link{text-align:left; line-height:2.5em;}
.bottom_office_link a{ margin-right:30px;}
.bottom_office_link i{ font-size:14px; color:#ccc; margin-right:12px;}
.bottom_office_link span{ font-size:12px; color:#ccc;}

.layui-laypage .layui-laypage-curr .layui-laypage-em{background-color:#033492 !important;}

.news_content table{ margin:15px 0; width:100% !important;}
.news_content table td{border:solid #ccc 1px;padding:4px; vertical-align:middle;}
