﻿#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}

select,input,textarea,button{-webkit-appearance: none;}

.top_section{ position:fixed; width:100%; height:80px; top:0; left:0; z-index:99;  /*box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.12); */ transition: all .3s ease; border-bottom: 1px rgba(255,255,255,0.1) solid; }
.logo{ float:left;}
.logo a{ display:block; padding:15px 0; transition: all .3s ease;}
.logo a img{ height:50px; vertical-align:middle; transition: all .3s ease;}
.logo a .img2{ display:none;}

.site_nav{ float:right;}
.site_nav ul{ margin:0; padding:0; list-style:none; position:relative;}
.site_nav ul li{ float:left;  padding-top:25px; padding-bottom:25px; position:relative; z-index:3; transition: all .3s ease;}
.site_nav ul li a{ padding:0 12px; line-height:30px; color:rgba(255,255,255,0.85); text-transform:uppercase; font-size:14px; display:block; transition: all .3s ease;}
.site_nav ul li a.have_menu{ padding:0px 30px 0 15px;}
.site_nav ul li a:hover,.site_nav ul li.open a,.site_nav ul li.web_language a{ color:#fff; text-decoration:underline;}
.site_nav ul li.active a{ color:#FFF; text-decoration:underline;}
.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,1); right:15px; line-height:20px; transition: all .3s ease;}
.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:220px; top:100%; left:0px; z-index:99; font-size:13px; color:#666; padding-top:5px; box-shadow: 0px 13px 42px 11px rgba(0, 0, 0, 0.05);   border-top: 2px solid rgba(255,255,255,0.8); border-radius:0 0 4px 4px; list-style:none; line-height: 40px; background-color: #113051; display:none;  transition: all .3s ease;}
.dropdown .dropdown-menu ul{ display:inline-block; margin-top: 0px; padding: 25px 0 5px;}
.dropdown .dropdown-menu li a,.dropdown.open .dropdown-menu li a{ color:rgba(255,255,255,0.6); display:inline-block; width:100%; text-align:left; line-height:40px; padding:0 15px; text-decoration:none; position:relative; box-sizing: border-box;}
.dropdown .dropdown-menu li a:after,.dropdown.open .dropdown-menu li a:after{ position:absolute; content: "\f105";  font: normal normal normal 14px/1 FontAwesome; top:12px; right:15px;}
.dropdown .dropdown-menu li a:hover{ background:rgba(255,255,255,0.1); color:#fff; padding-left:18px;}
.site_nav ul li.open .dropdown-menu li a{ background:none;}
.site_nav ul li .dropdown-menu li{ line-height:40px; padding:0; float:none;}

.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;}

.top_section.NavBg{ height:70px; background:rgba(255,255,255,1); transition: all .3s ease;    border-bottom: 1px #ccc solid;}
.top_section.NavBg .logo a{ padding:15px 0 0px; transition: all .3s ease;}
.top_section.NavBg .logo img{ height:40px; transition: all .3s ease;}
.top_section.NavBg .logo .img1{ display: none; transition: all .3s ease;}
.top_section.NavBg .logo .img2{ display: block; transition: all .3s ease;}
.top_section.NavBg .site_nav ul li{ padding-top:20px; padding-bottom:20px;}
.top_section.NavBg .site_nav ul li a{ padding-top:0; transition: all .3s ease;color: #666;}
.top_section.NavBg .site_nav ul li.active a{ color:#113051;}
.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 .site_nav ul li .dropdown-menu li{ padding:0px;}
.top_section.NavBg .site_nav ul li .dropdown-menu li a{color:rgba(255,255,255,0.6);}

/*底部*/
.bottom{width:100%; position:relative;z-index:1;}
.bottom .bottom_index{background:#113051;position: absolute;z-index: 2;width: 100%;font-size: 12px;}
.bottom .bottom_index p{padding: 10px 0; color:rgba(255,255,255,.7);margin:15px 0}
.bottom .bottom_index p a{color:rgba(255,255,255,.7); margin: 0 5px;}
.bottom .bottom_index p i{padding: 10px;border: 1px rgba(255,255,255,.7) solid; border-radius: 100%;}
.bottom .bottom_index p a:hover{color:#fff;}
.bottom .bottom_index p a:hover i{ background:rgba(17,48,81,1);}


/* 更多按钮 */
.more_btn{ margin-top:60px; text-align:center;}
.more_btn a{ background:none; border:1px #fff solid; padding:15px 70px; font-size:15px; color:#FFFFFF; display: inline-block; position:relative;}
.btn1 a{border:1px #113051 solid;color:#113051; }
.more_btn a span{ position:relative; z-index:2; transition: all .3s ease-out 0s;}
.more_btn a:before{ content:""; background:rgba(17,48,81,1); 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:#fff;}
.more_btn a:hover:before{ width:100%;}

.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:rgba(17,48,81,1); 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;}

/* banner */
.index_content_height{ height:100%; min-height:600px;}
.slideBox{ width:100%; height:100%; min-height:600px; overflow:hidden; position: fixed; top:0; left:0;}
.slideBox .hd{ position:absolute; right:30px; top:50%; z-index:1; margin-top: -50px;}
.slideBox .hd ul{zoom:1; margin:0; padding:0; list-style:none; }
.slideBox .hd ul li{ width:9px; height:9px; margin:10px 0; border-radius: 100%; border:1px #fff solid; line-height:140px; text-align:center; cursor:pointer;  position:relative; transition: all .3s ease-out 0s; }
.slideBox .hd ul li:before{ content:""; position:absolute; height:1px; width:0px; right:1px; top:4px; background:#fff; transition: all .3s ease-out 0s;}
.slideBox .hd ul li.on{ background:#fff;}
.slideBox .hd ul li.on:before{ width:50px;}
.slideBox .bd{ position:relative;  width:100%; height:100% !important; z-index:0;}

.slideBox .bd .box_word_phone{ display:none;}
.slideBox .bd ul{ margin:0; padding:0; list-style:none; height:100% !important; width:100% !important;}
.slideBox .bd li{ zoom:1;  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(17,48,81,0.5); top:0; left:0;}
.slideBox .prev,.slideBox .next{ position:absolute; left:0; top:50%; /*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;  }
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }

.slideBox .more_btn a{color:rgba(255,255,255,0.8); font-size:12px; background:none; border:1px #fff solid;}

.word_box{ position:relative; z-index:2; display:table; width:100%; height:100%;}
.word_box:before{ content:""; position:absolute; width:100%; height:100%; background:rgba(17,48,81,0.5); top:0; left:0;}
.height_middle{display:table-cell; vertical-align:middle; text-align: left;padding-top: 80px}
.word_box img{ width:200px;}
.word_box h1{margin: 0; line-height: 1.6em; font-weight:normal; font-size: 64px; color: #fff; max-width:800px;}
.word_box p{margin: 0; line-height: 1.6em; font-size: 18px; color: #fff; max-width:800px; margin-top:30px;text-align: left;}
.inlineblock{ display:inline-block}

.page_banner{background-position:center center; background-repeat:no-repeat;  background-size: cover; height:300px; position:relative;display: table;width: 100%;}
.page_banner:before{ content:""; position:absolute; width:100%; height:100%; background:rgba(17,48,81,0.3); top:0; left:0;}

.main_content{ background:#fff; position:relative; z-index:1; padding:120px 0;}

.section_title{text-align: center;}
.section_title h2{ font-size:36px; margin:0; line-height:36px; color:#113051;}
.section_title p{ font-size:13px; margin:8px 0; line-height:1em; color:#999;display: inline-block;position: relative}
.section_title p:before{  content:""; position:absolute; height:2px; width:20px; left:-30px; top:6px; background:#ccc; }
.section_title p:after{  content:""; position:absolute; height:2px; width:20px; right:-30px; top:6px; background:#ccc; }


.index_news{ padding:60px 0 120px;}
.index_news ul{ margin:0; padding:0; list-style:none;}
.index_news ul li{ float:left; width:33.33%; padding:0 15px; box-sizing: border-box;}
.index_news ul li a{ display:block;}
.index_news_img{ overflow:hidden;}
.index_news_img img{ width:100%; vertical-align:middle; transition: all .3s ease-in-out;}
.index_news_txt{padding: 24px 30px 24px 0px; border-bottom:1px #eee solid; box-sizing: border-box; transition: all .3s ease-in-out;}
.index_news_txt h3{ margin:0; color: #333; font-size: 15px; line-height: 30px; font-weight:normal;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: all .3s ease-in-out;}
.index_news_txt p{margin:10px 0 0px; color: #888; font-size: 13px; line-height: 22px; height:44px; overflow:hidden; transition: all .3s ease-in-out;}
.index_news_btn{ padding:20px 0 15px; box-sizing: border-box; transition: all .3s ease-in-out;}
.index_news_btn span{ display:inline-block; padding:0 20px; line-height:30px; border:1px #eee solid; font-size:12px; color:#999; transition: all .3s ease-in-out;}

.index_news ul li a:hover .index_news_img img{transform:scale(1.08); display: inline;}
.index_news ul li a:hover .index_news_txt{ background:rgba(17,48,81,1); padding:24px 15px; border-bottom:1px rgba(255,255,255,0.2) solid;}
.index_news ul li a:hover .index_news_txt h3{ color:#fff;}
.index_news ul li a:hover .index_news_txt p{ color:#fff;}
.index_news ul li a:hover .index_news_btn{ background:rgba(17,48,81,1); padding:20px 15px 15px;}
.index_news ul li a:hover .index_news_btn span{ color:#666; padding:0 30px; border-radius: 15px; background:#fff;}

.index_middle_banner{ height:400px; background-position:center center; background-repeat:no-repeat;  background-size: cover; }

.index_practices{ height:340px; margin-top:-170px; background:#fff; box-shadow: 0px 15px 30px rgba(0, 0, 0, .06);}
.index_practices_left{ float:left; height:100%; width:33.33%; background:#be0000;}
.index_practices_right{ float:left; height:100%; width:66.66%;}
.index_practices_left h1{ color:#fff; margin:50px 0 0 60px; font-size:36px; position:relative;}
.index_practices_left h1:before{ content:""; background:#fff; position:absolute; left:0; bottom:-50px; width:36px; height:2px;}


.page_guide{font-size:12px; color:#999; padding:10px 0; background: #f0f0f0;}
.page_guide a{ color:#666;}
.page_guide a:hover{ text-decoration:underline;}
.page_guide font{ margin:0 8px;}

.news_title{ text-align:center; margin-bottom:60px;}
.news_title h1{ margin:0 auto; margin-bottom:10px; font-size:28px; color:#333; max-width: 800px; line-height: 1.5em;}
.news_title span{ font-size:12px; color:#999; display:inline-block; margin:0 6px;}

.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-family:Arial,Microsoft yahei !important; font-size:14px !important; line-height:2em !important;}

.news_right{ background:#f8fafa; padding:20px;}


/* 相关律师 */
.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-top:15px;}
.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;    margin-bottom: 30px; width: 100%; height:43px; border-radius: 3px; padding: 6px 12px; font-size: 12px; line-height: 1.42857143; color: #555555; background-color: #ffffff; border: 1px solid #ddd; box-sizing: border-box;}
.search_btn_show{background: #113051; width:auto;height: 43px; display:inline-block; color:#fff; cursor:pointer; border:none; line-height:43px; padding:0 35px;  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; background:#f7f7f7;}
.news_related a{ padding:40px 30px; display:block;  transition: all .3s ease-out 0s;}
.news_related a:hover{ background:#113051;}
.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;}

.Honor{padding: 120px 0 20px ;}
.Honor ul{ margin:0; padding: 0; list-style:none;padding-top: 50px;}
.Honor ul li {width:13.66666666666667%; float:left;text-align: center; margin:0 1.5%;margin-bottom:40px; box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.12);}
.Honor ul li img{width: 100%;vertical-align: middle;}


.field{ background:rgba(17,48,81,1);min-height: 300px;position: relative; overflow: hidden;}
.field .fileld-txt{width: 50%; margin-left:50%; padding:145px 80px; box-sizing: border-box;}
.field .section_title h2{color:#fff;}
.field .section_title p:before, .field .section_title p:after{background: #999;}
.field .section_title{ display: inline-block;}
.field .section_title p{}
.field .field_bg{ position: absolute;left: 0;top: 0; height: 100%; width:50%; background-position:center center; background-repeat:no-repeat;  background-size: cover;}


.link-box{}
.link-box p{color:rgba(255,255,255,0.8); margin:20px 0;margin-bottom: 50px;}
.link-box a{display: inline-block; line-height:44px; height:44px; text-align: center; font-size: 13px; margin-bottom: 15px; border: 1px solid #828282; margin-right: 10px;  box-sizing: border-box; color: #fff;transition: all 0.3s ease 0s;}
.link-box a h3{display: inline-block;font-size: 14px;margin: 0;font-weight: normal }
.link-box a:hover{background:rgba(255,255,255,0.1);}
.link-box a:hover h3{}

.banner1{height:500px;}

.banner_txt{display: table-cell;vertical-align: middle;padding-top: 80px;}
.banner_txt .section_title h2{color:#fff;}
.banner_txt .section_title p{color:rgba(255,255,255,.7);}
.banner_txt .section_title p:before,.banner_txt .section_title p:after{background:rgba(255,255,255,.5);}

.main_news{padding:0;}
.main_news ul li{padding-bottom: 30px;}

.right_content_item{ margin-bottom:30px;}
.right_content_item h3{ margin:0; margin-bottom:15px; font-size:14px; color:#113051;}
.right_content_item select,.right_content_item input{ width:100%; height:34px; font-size:12px; margin-bottom:15px; border: 1px solid #cccccc; border-radius: 3px; padding: 6px; color:#666; box-sizing: border-box;}
.right_content_item input.search_btn{ cursor:pointer; background: #113051; color:#fff; border:none; margin-bottom:0; transition: all .3s ease-out 0s;text-align:center;}
.right_content_item input.search_btn:hover{ background:#000;}

.tag{ margin:0; padding:0; list-style:none;}
.tag li{ float:left; margin-right:5px; margin-bottom:5px;}
.tag li a{ display:block; padding:3px 6px; border: 1px solid #E5E5E5; font-size: 12px; color: #666; border-radius: 3px; background: #fff;}
.tag li a:hover{ background:#f7f7f7; color:#113051; transition: all .5s ease-in-out;}

.news_list_img{width:90%;}
.news_list_img ul{ margin:0; padding:0; list-style:none;}
.news_list_img ul li{ padding:25px 0;  border-bottom:1px #eee solid;}
.news_list_img ul li:nth-child(1){padding-top: 0;}
.news_list_img ul li a{ display:block;}
.news_list_img ul li a .news_pic{ float:left; width:270px; padding-right:30px;osition:relative; }
.news_list_img ul li a .news_pic img{ width:100%; vertical-align:middle;}
.news_list_img ul li a .news_txt{ overflow:hidden; position:relative;  padding-right:100px; transition: all .3s ease-out 0s;}
.news_list_img ul li a .news_txt h2{ color:#555; font-size:18px;  margin:5px 0 0;}
.news_list_img ul li a .news_txt h3{margin: 0;color: #333;font-size: 15px;line-height: 30px;font-weight: normal;white-space: nowrap; overflow: hidden;text-overflow: ellipsis;}
.news_list_img ul li a .news_txt p{ margin:0; font-size:13px; color:#777; display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;}
.news_list_img ul li a .news_txt span{font-size: 12px;color: #999;display: block;margin-bottom: 10px;}
.news_list_img ul li a .news_data{ position:absolute; right:0; top:50%; text-align:right;margin-top: -22px;}
.news_list_img ul li a .news_data span{ font-size:14px; color:#999;margin-bottom:0;}
.news_list_img ul li a .news_data p{ margin:0; color:#999; font-size:24px;}

.news_list_img ul li a:hover .news_txt{ padding-left:10px; padding-right:90px;}
.news_list_page{ padding:0; margin-top:50px;}
.news_list_page .inputselect{ height:36px; margin-bottom:10px;}
.news_list_page .search_btn_show{ width:100%;}

.white_box{ margin:120px 0;width: 90%;}


.word_search{}
.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:#113051; color:#fff;}

.team_main_search{}
.team_main_search h3{ font-size:16px; color:#113051; margin:0; margin-bottom:20px;}
.team_main_search .word_search{ margin-bottom:50px; border:1px #eee solid; padding:5px 0; width:100%; margin-top:20px;}
.team_main_search .word_search ul{ border-right:none; margin-bottom:0;}
.team_main_search .word_search ul li{ width:11.11%;  margin:5px 0;}
.team_main_search .word_search ul li a,.team_main_search .word_search ul li span{width:36px; height:36px; line-height:36px; border-radius:36px;}

.btn{text-align: center;margin-top: 30px;}

.main_right h1{-webkit-writing-mode: vertical-rl;writing-mode: tb-rl;font-size: 72px; float: right; padding: 120px 0;color:#113051; position: relative;}
.main_right h1:before{ content:""; position:absolute; width:150px; height:100%; background:rgba(240,240,240,0.9); top:0; left:-144px;}

.form_group{margin-bottom: 15px;}
.form_group input,.form_group select,.form_group textarea{width: 100%; font-size: 13px; height: 40px; line-height: 41px; border-radius: 4px; color: #000; outline: none; padding: 0 20px; transition: all 0.2s; border: 1px solid #ccc; background: #fff; font-family: Helvetica,Arial,Microsoft yahei; box-sizing: border-box;}
.form_group textarea{height: 120px; padding-top: 11px; padding-bottom: 11px; line-height: 27px !important; resize: vertical;}
.form_group input{width: 45%;float: left;}
.form_group input:focus,.form_group select:focus,.form_group textarea:focus { box-shadow: none; border-color: #113051; background: #fff; }
.form_group input.form_btn{ background:#113051; float: none; width:auto; height: 45px; line-height: 45px; padding: 0 26px; font-size: 12px; color:#fff; border:none; cursor:pointer; transition: all .3s ease-out 0s;}
.form_group input.form_btn:hover{ background:#000;}
.form_note{ color:#999; font-size:12px;}
.form_note i{ color:#113051; font-size:14px; margin-right:5px;}

.map{ margin-top:80px;margin-bottom: 120px;}
#allmap{height:450px;}

.contact_info h1{ font-size:22px; color:#000; margin-top:0; margin-bottom:30px;}
.contact_info p{ margin:0; line-height:2.5em;}

.contact_link{ margin:20px 0;}
.contact_link a{ display: inline-block; height: 40px; width: 40px; padding:10px; margin-right:15px; border:1px #113051 solid; color:#113051; box-sizing: border-box; border-radius:100%; transition: all .3s ease-out 0s;}
.contact_link a i{ font-size:18px; width:20px; height:20px; text-align:center; line-height:20px;}
.contact_link a:hover{ background:#113051; color:#fff;}

.contact_info{margin-top: 120px;}



.white_box .section_title{float:left;}

.about_txt{background:#113051; color:#fff;font-size:36px;text-align: center;  padding: 100px 0;}

.lawyer_show_box ul{ margin:0; padding:0; list-style:none;}
.lawyer_show_box ul li{ margin-bottom:50px; float:left; width:25%; padding:0 15px; box-sizing: border-box;}
.lawyer_show_box ul li a {display: block;color: #CF000E;font-size: 12px;vertical-align: middle; white-space: nowrap;overflow: hidden; text-overflow: ellipsis;}
.lawyer_show_box ul li a.office_email{ color:#666;}
.lawyer_show_box ul li a img{ width:100%; vertical-align:middle; margin-bottom:15px;}
.lawyer_show_box ul li h2{ font-size:16px; color:#000; margin:0;}
.lawyer_show_box ul li p {margin-top: 0;margin-bottom: 8px;font-size: 12px;color: #999;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.lawyer_show_box ul li a:hover h2,.lawyer_show_box ul li a.office_home:hover,.lawyer_show_box ul li a.office_email:hover{ text-decoration:underline}



.team_img img{width:95%;}

.title{position: relative;border-bottom: 2px #eee solid;padding-bottom: 20px;}
.title h3{display: block;margin: 0; font-size: 24px;line-height: 1.3em;color: #333;}
.title span{font-size: 12px;color: #999;}

.lawyer_btn{ position:absolute; top:15px; right:-12px; 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 #113051; 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:#113051;}
.lawyer_btn span font{ float:left; line-height:36px; color:#113051;}
.lawyer_btn span.dr:hover{ width:105px;} 
.lawyer_btn span.dv:hover{ width:110px;} 

.lawyer_bg{list-style: none;padding: 0;margin-top: 30px;}
.lawyer_bg li{ padding: 0;display: table;margin: 10px 0;}
.lawyer_bg li span{display:inline-block ;color: #999;width: 75px;}
.lawyer_bg li p{display:inline-block ;padding-right: 20px;margin: 0;}
.lawyer_bg li a{color: #999;}
.lawyer_bg li a:hover{color: #113051;}


.practices_content_small_title{margin:50px 0 30px;padding: 0;}
.practices_content_small_title h3{font-size:20px; color: #113051;margin: 0;}
.practices_content_small_title h2{font-size:22px;color: #113051;margin: 0;display:inline-block;}

.left_menu_ul{ margin:0;margin-left: 18px; padding:0; list-style:none;}
.left_menu_ul li{ margin-bottom:15px;}
.left_menu_ul li a{ font-size:14px; color:#666; position:relative; transition: all 0.5s ease;}
.left_menu_ul li a:hover,.left_menu_ul li.active a{color:#113051;font-weight: 600;}
.left_menu_ul li.active a:before{ content:""; position:absolute; left:-18px; width:12px; top:8px; border-bottom: 1px solid #113051;}


.title_filed{margin-top:0;}

.practices_content_server{margin: 0;padding: 0;list-style: none;}
.practices_content_server li{margin: 5px 0; padding-left:12px;font-size: 14px ; line-height:22px; color: #666; position: relative;}
.practices_content_server li:before{ content: ""; border-radius: 100%; background: #999; position: absolute; left: 0; top:8px; width: 6px; height: 6px;}

.white_box .link-box p{color:#666;font-size: 14px !important;line-height: 2em !important;}
.white_box .link-box a{color:#666;width: 30%;float: left;padding: 20px 0;margin-bottom: 30px;line-height: normal;height: auto;margin-right: 5%;}
.white_box .link-box a:nth-child(3n+1){margin-right: 0;}
.white_box .link-box a:hover{color: #fff;background: #113051;}


.wrapper{width:100%;display:block;min-width:320px;}
.main{margin:0 auto;}
#wrap{ position:relative;min-height:100%; _height:100%;overflow:hidden;}
#imgs{position:absolute;top:0;left:0;width:100%; height:100%;text-align:center;}
.page{position:absolute;top:0; left:0;width:100%;height:100%;background-size: cover;}
#navs{z-index:10;position:absolute;right:100px;top:50%;margin-top:-75px;width:4px;}
#navs a{display: block; width: 10px;height: 10px;border: 1px solid #fff;margin: 0 0 10px; transition: background 600ms ease; border-radius: 100%; position: relative;}
#navs a.active{background:#fff;}
#navs a:before{ content:""; position:absolute; height:1px; width:0px; right:1px; top:4px; background:#fff; transition: all .3s ease-out 0s;}
#navs a.active:before{width:50px;}

.second_section{ position:absolute; width:28px; height:40px; border:1px rgba(255,255,255,0.6) solid; left:50%; margin-left:-14px; bottom:50px; display:block; z-index:999; border-radius: 12px;}
.second_section i{width: 2px;
	height: 10px;
	background: rgba(255,255,255,0.6);
	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;
	}
}

.join_school{ margin-bottom: 30px;}
.join_school h3{ color: #113051; font-size:22px; margin:60px 0 30px; }
.download_file{ margin:40px 0;}
.download_file a{ display:inline-block; color:#666; padding-right:15px; margin-right:20px; transition: all .3s ease-out 0s;}
.download_file a:hover{ text-decoration:underline; background:#f7f7f7;}
.download_file a i{ color:#113051; font-size:36px; margin-right:12px; background: #f0f0f0; padding: 20px;}

.join_school_list ul{ margin:0; padding:0; list-style:none;}
.join_school_list ul li{ margin-bottom:30px; border-bottom:1px #eee solid;}
.join_school_list ul li a{ display:block; color:#666; transition: all .3s ease-out 0s;}
.join_school_list ul li a:hover{ background:#f7f7f7;}
.join_school_list ul li a img{ width:20%; vertical-align:middle;}
.join_school_list ul li a p{ display:inline-block; width:80%; padding-left:15px; box-sizing: border-box;}


#zhiwei_list{ min-height:200px; margin-bottom:40px; margin-top: -15px;}
.zhiwei_oneyear{ margin-bottom:30px;}
.rlAccordion h3 {border-bottom: 1px #f0f0f0 solid; color:#666; font-weight:normal; margin: 0 auto; font-size:14px; padding:15px 0; text-decoration: none; cursor:pointer;}
.rlAccordion h3 span { float: right; font-family: arial, serif, sans-serif;color: #113051;}
.rlAccordion div {display: none; padding:5px 30px 10px; margin-bottom:15px; background:#f7f7f7;  border-bottom: 1px #f0f0f0 solid; text-align:justify;}

.filed_btn { display:inline-block;float:right;margin-top: 0;}
.filed_btn a{ display:inline-block;padding: 5px 20px;}

.news_content h1{margin: 0; margin-bottom: 10px; font-size: 28px;color: #333;max-width: 800px;line-height: 1.5em;}

.bottom_wechat{text-align: right;}


.about-honor{ padding: 120px 0;}

.black_bg{ position:fixed; width:100%; height:100%; top:0; left:0; background:rgba(0,0,0,0.3); z-index:998; display:none;}
.ewm_box{ position:fixed; width:340px; padding:30px; top:50%; margin-top:-140px; left:50%; margin-left:-200px; z-index:999; 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;}
.ewm_box .inputselect{ margin:20px 0; height:38px;}
.ewm_box a{ display:block; height:38px; line-height:38px; background:rgba(17,48,81,1); border-radius: 3px; color:#fff;}

.phone_search_lawyer{ position:fixed; right:10px; bottom:10px; width:40px; height:40px; border-radius:100%; color:#fff; background:rgba(17,48,81,1); text-align:center; z-index:7; display:none;border: 1px #fff solid;}
.phone_search_lawyer i{ line-height:40px;}

.cover_bg{ background:rgba(0,0,0,0.7); position:fixed; left:0; top:0; width:100%; height:100%; z-index:97; display:none; opacity:0; transition: all .2s ease;}
.cover_bg.cover_open{ display:block; opacity:1;}

.popup{ background:#fff; position:fixed; width:100%; left:0; bottom:-100%; padding:15px 15px 60px; box-sizing: border-box; z-index:98; transition: all .5s ease;}
.popup.phone_open{ bottom:0;}

.pop_close,.textarea_close{ position:absolute; width:50px; height:50px; top:0; right:0; box-sizing: border-box; padding:15px;}
.pop_x{ text-align: center; color: #666;  font-size: 28px;}
.pop_save,.textarea_save{  position:absolute; width:100%; bottom:0; left:0;}
.pop_save a,.textarea_save a,.ok a{ display:block; text-align:center; padding:10px 0; font-size:14px; background:rgba(17,48,81,1); color:#fff; text-decoration:none;}
.popup h2,.poptextarea h2{ font-size:16px; margin:0; padding-bottom:10px; color: rgba(17,48,81,1);}
.poptextarea textarea{ width:100%; border:1px #ccc solid; background:#fff; height:100px; font-size:14px;}

.phone_word_search ul{ margin:0; padding:0; list-style:none; border-top: 1px #ccc dotted; border-left: 1px #ccc dotted;}
.phone_word_search ul li{ float:left; width: 14.28571428571429%;}
.phone_word_search ul li a,.phone_word_search ul li span,.phone_word_search ul li font{display: inline-block; width: 100%; height:35px; border-right: 1px #ccc dotted; color: #555; text-align: center; border-bottom: 1px #ccc dotted; line-height: 35px; transition: All 0.4s ease-in-out;}
.phone_word_search ul li span{ color:#ccc;}
.phone_word_search ul li font{ color:#fff; border-color:#fff;}
.phone_word_search ul li a:hover{ text-decoration:none; background:#e1e1e1;}
.popup .inputselect{ margin-bottom:15px;}

.popup .sub_menu{ margin-bottom:15px;}
.popup .sub_menu ul li{float: left; width: 46%; margin: 0 2%;}

.box1{width: 80%;}


.sice_box{ background:#fff; padding:0 15px; min-height:400px;}
.office_left{ float:left; width:20%;}
.office_right{ float:left; width:80%;}


.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:#113051; left:10px;}
.sub_menu ul li.active a{ color:#113051;}
.sub_menu ul li.active a::before {background:#113051;}

.lawyer_int{ margin-top:0; padding-bottom:10px;}
.lawyer_int h2{ margin:0; font-size:18px; color:#333;}
.lawyer_int p{ margin:20px 0; color:#666; text-align:justify; line-height:1.8em;}
.lawyer_int ul{ margin:10px 0; padding:0; list-style:none;}
.lawyer_int ul li{ color:#777; margin: 10px 0; padding-bottom:10px; text-align:justify; position:relative; border-bottom: 1px #999 solid;border-bottom-style: dashed;}
.lawyer_int ul li a{color:#777; display:block;}
.lawyer_int ul li a:hover{ color:#000;}
.lawyer_int ul li b{ color:#555;}

.search_bar{margin-bottom: 60px;}

.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;}

.fileld-txt .link-box a{ min-width:169px;}