@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;
}
body.no_move{ overflow: hidden;}
.site_width{box-sizing: border-box;}
.gray_bg{ width:100%; height:100%; position:fixed; background:rgba(0,0,0,.5); left:0; top:0; z-index:998; display:none;}
body.no_move .gray_bg{ display:block;}
.imgwidth100 img{ width:100%;}
.align_right{ text-align: right;}

#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}


.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:-170px; z-index:99999; background:rgba(255,255,255,1); border-radius: 10px; text-align:center;  display:none;box-sizing: border-box;}
.ewm_box img{ width:120px;}

.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:#740003; border-radius: 3px; color:#fff; transition: all .3s ease-out 0s;}
.ewm_box a:hover{ background:#000;}

#gototop{ position:absolute; top:0; height:0;}
.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:#740003; 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;}

/* menu */
.site_top{position:fixed; width:100%; background:rgba(255,255,255,.8); border-bottom: 1px solid rgba(0,0,0,.1); left:0; top:0; z-index:99; transition: all .3s ease;}

.top_section{ z-index:99; /*box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.12); */ position:relative; 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{ float: left; margin-right: 50px;}
.logo a{ display:block; padding:15px 0;  transition: all .3s ease;}
.logo img{ width:120px; vertical-align:middle; transition: all .3s ease;}
.logo img.logo_w{ display:none;}

.site_nav{ float:left; display:block;}
.menu_icon{ float:right; display: block;}
.site_nav ul{ margin:0; padding:0; list-style:none; position:relative;}
.site_nav ul li{ float:left; position:relative; z-index:3; transition: all .3s ease;}
.site_nav ul li a{ padding:0 15px; position:relative; display:block; transition: all .3s ease; overflow: hidden;}
.site_nav ul li a p{ margin: 0; line-height:112px; color:#333; text-transform:uppercase; font-size:14px; border-bottom: 2px rgba(255,255,255,0) solid;font-weight:normal; }
.site_nav ul li.menu_icon a{ padding:0 8px;}
.menu_btn_search{ margin-left:10px;}
.site_nav ul li a.have_menu{ /*padding:0px 20px 0 15px;*/}
.site_nav ul li a:hover p,.site_nav ul li.open a p,.site_nav ul li.web_language a p,.site_nav ul li.active a p{ color:#740003; border-bottom: 2px #740003 solid; font-weight: bold;}
.site_nav ul li ul li a{ font-size:13px;}

.angle-down{ position:absolute; height:20px; top:50%; margin-top:-5px; color:rgba(0,0,0,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:200px; top:114px; left:0px; z-index:99; font-size:13px; color:#fff;  float:left; list-style:none; line-height: 40px;   display:none;  transition: all .3s ease;}
.dropdown .dropdown-menu ul{ display:block; margin-top: 0px; padding: 0 0 5px; background:rgba(255,255,255,.9); box-shadow: 0 6px 12px rgba(0,0,0,.175); border-radius:0 0 4px 4px;}
.dropdown .dropdown-menu li a,.dropdown.open .dropdown-menu li a{ color:#666; display:inline-block; width:100%; text-align:left; line-height:40px; padding:0 15px; box-sizing: border-box;}
.dropdown .dropdown-menu li a:hover{ background:#fff; color:#000;}
.site_nav ul li.open .dropdown-menu li a{ background:none;}
.site_nav ul li.open .dropdown-menu li a:hover{ background:#fff;}
.site_nav ul li .dropdown-menu li{ line-height:40px; padding-top: 0; padding-bottom: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;}

.menu_right_icon{ float:right;}
.menu_right_icon .site_nav{ padding:0;}

.site_top.NavBg{ height:70px; background:rgba(255,255,255,0.9); border-bottom:1px rgba(0,0,0,.1) solid; transition: all .3s ease;}
.site_top.NavBg .top_section{ height:70px; transition: all .3s ease;}
.site_top.NavBg .top_section .logo a{ padding:8px 0 0px; transition: all .3s ease;}
.site_top.NavBg .top_section .logo img{ width:80px;}
.site_top.NavBg .top_section .site_nav ul li a p{ line-height: 70px; transition: all .3s ease;}
.site_top.NavBg .top_section .site_nav ul li.open a{ color:#fff;}
.site_top.NavBg .top_section .site_nav ul li.open ul li a{color:#666;}
.site_top.NavBg .top_section .site_nav ul li.active a{color: #fff;}
.site_top.NavBg .top_section .angle-down{ margin-top:-7px;}
.site_top.NavBg .top_section .site_nav ul li ul li{ padding-top:0;}
.site_top.NavBg .top_section .site_nav ul li ul li a{ line-height:40px;}
.site_top.NavBg .dropdown .dropdown-menu{ top:71px;}
.site_top.NavBg .site_nav ul li .dropdown-menu li{ padding-bottom:0;}

.dropdown .dropdown-menu.all-width-menu{ position: fixed; width:100%;}
.site_nav ul li .dropdown-menu.all-width-menu ul{ margin-right:100px; max-width: 800px;}
.site_nav ul li .dropdown-menu.all-width-menu li{ float:left; width:33.33%;}

/* banner */
.slideBox{ position:fixed; left:0; top:0; width:100%; height:100%; min-height:450px; overflow:hidden;  z-index:1; box-sizing: border-box;}
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; left:50%; margin-left:-88px; bottom:50px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; margin:0; padding:0; list-style:none; }
.slideBox .hd ul li{ float:left; margin:0 3px;  width:80px; height:12px; border: 1px #fff solid; line-height:140px; overflow:hidden; text-align:center; cursor:pointer; }
.slideBox .hd ul li.on{ background:#740003; border: 1px #740003 solid;}
.slideBox .bd{ position:relative;  width:100%; height:100% !important; z-index:0;}
.slideBox .bd .box_word{ position:absolute; width:100%; height:100%; left:0; top:0; display:table; padding: 0 15px; box-sizing: border-box; z-index:2;}
.slideBox .bd .box_word .box_word_bg{display: table-cell; vertical-align: middle; }

.slideBox .bd .box_word p{ color:#fff; font-size:24px; font-weight:bold; margin:0; line-height:1.6em;}
.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; vertical-align:middle; height:100%;width:100% !important; position:relative;     }
.slideBox .bd li .index_banner_img{ position:absolute; left:0; top:0; width:100%; height:100%; background-position:center center; background-repeat:no-repeat;  background-size: cover; animation-name: kenburns; animation-timing-function: linear; animation-duration: 20s; transform: scale(1.2); }
.slideBox .bd li .index_banner_img:before{ content:""; position:absolute; width:100%; height:100%; background:rgba(0,0,0,0.15); 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=50);opacity:0.5; background:#000; z-index:9;}
.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;  }
.small_title{ font-size:12px; color:#fff; letter-spacing:1px; text-transform:uppercase; margin-top:80px; }
.banner_title{ font-size:58px; font-weight:bold; line-height:1.2em; color:#fff; letter-spacing:0px; margin-bottom:60px; margin-top:10px; position:relative; }
.banner_title:before{ content:""; background:#BF0230; height:3px; top:50%; left:-100px; position:absolute; width:50px; display:none;}
.banner_txt{ font-size:18px; line-height:1.6em; color:#fff; margin-bottom:80px; max-width:800px;}

.slideBox.fullpage{ height:100%; max-height:1000px;}
.slideBox.fullpage .banner_title{ margin-bottom:50px; font-size:46px;}
.slideBox.fullpage .banner_txt{ margin-bottom:60px;}
.slideBox.fullpage .bd .box_word .box_word_bg{ padding-top:0;}

.slideBox .site_width{ position:relative; z-index:2;}

.banner_video{ position:absolute; width:100%; left:0; top:0; z-index:-1; vertical-align:bottom; display:block; height: 100%; overflow: hidden;}
.banner_video:before{ content:""; position:absolute; width:100%; height:100%; background:rgba(0,0,0,0.1); top:0; left:0;}
.banner_video video{ min-height:125%; min-width:125%; vertical-align: middle;}

.banner_kongbai_height{ height:100%;}

.page_down{ position:absolute; right:50px; top:50%; z-index:3; width:40px; height:64px; margin-top:-32px; background:url(../images/page_down.png) no-repeat bottom center; animation: Tmouse 0.9s cubic-bezier(0.56, 0.01, 0.46, 1) infinite alternate;}
.page_down a{ width:40px; height:64px; display:block; }

@keyframes Tmouse {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-8px);
    -moz-transform: translateY(-8px);
    -ms-transform: translateY(-8px);
    -o-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}

@keyframes kenburns {
  0% {
    opacity: 1;
    -webkit-transform: scale(1.2);
            transform:scale(1.2);
  }
  5% {
    opacity: 1;
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
  26.5625% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  80% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    opacity: 0.8;
	transform: scale(1);
  }
}

.ali_icon {  width: 1em; height: 1em; vertical-align: -0.15em; fill: currentColor; overflow: hidden;}
.section_title{ margin-bottom: 60px;}
.section_title h1{ position:relative; padding-bottom:55px; font-size:42px; color:#000; margin: 0; margin-top: 20px; line-height: 1em;}
.section_title h1:before{ content:""; position:absolute; bottom:0; left:0; width:40px; height:10px; background:#740003;}
.section_title h1:after{ content:""; position:absolute; bottom:0; left:20px; width:40px; height:10px; background:#740003; transform: skewX(-45deg);}
.section_title p{ font-size:14px; color:#999; letter-spacing: 2px; margin: 30px 0; max-width: 800px;}

/* 新闻图片变化 */
.yewu_slide_box{ position:relative; z-index:3; background:#f7f7f7; padding:100px 0 100px; }
.yewu_slide{ position:relative; margin-bottom: 40px; z-index:3;}
.yewu_slide_title{font-size: 46px; line-height: 1em; color: #333; padding:0 0 100px 0; text-align:center; position: relative; z-index:3;}
.yewu_slide .hd{ position: relative; z-index:3;}
.yewu_slide .hd ul{ margin:0; padding:0; list-style:none; border-top:1px rgba(255,255,255,.2) solid;}
.yewu_slide .hd ul li{ float:left; width:25%; padding: 0 15px; text-align:center; color:#fff; box-sizing: border-box; transition: all 0.3s ease-out 0s;}
.yewu_slide .hd ul li a{ display:block; color:#000; transition: all 0.3s ease-out 0s; background: #fff; border: 1px #eee solid; padding: 20px 30px 50px; position: relative;}
.yewu_slide .hd ul li a h2{ margin: 30px 0; font-size:18px; line-height: 1em; color: #333; font-weight:normal; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: all 0.3s ease-out 0s;}
.yewu_slide .hd ul li a h3{ position: absolute; top: 50px; right: 30px; margin:0; font-size:18px;font-weight:normal; display: none; transition: all 0.3s ease-out 0s;}
.yewu_slide .hd ul li a p{display: block; margin:0; margin-top: 5px; color: #666; font-size: 14px; line-height: 2em; text-align: justify; max-height: 10em; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:5; transition: all 0.3s ease-out 0s;}
.index_news_img{ float: left; width: 100%;}
.index_news_txt{ float: left; width: 50%; margin-left: 30px; text-align: left;  display: none;}
.yewu_slide .hd ul li a img{ width: 248px; margin-top: 10px; transition: all 0.3s ease-out 0s;}
.yewu_slide .hd ul li.on{ width: 50%;}
.yewu_slide .hd ul li.on .index_news_img{ width: calc(50% - 46px);}
.yewu_slide .hd ul li.on .index_news_txt{ display: block;}
.yewu_slide .hd ul li.on a{ display:block;}
.yewu_slide .hd ul li.on h2{text-align: left; margin-right: 80px;}
.yewu_slide .hd ul li.on h3{ display: block;}
.yewu_slide .hd ul li.on a font{display:inline-block; background:#740003; color: #fff; margin: 20px 0 0px; font-size: 12px; padding: 5px 15px; }
.yewu_slide_box .img_menu_more a{ color:#740003; border: 1px #740003 solid;  }
.yewu_slide_box .img_menu_more a:hover{ color: #fff;}

.index_lawyer{ padding:80px 0 20px; position:relative; z-index: 2;  background-position:center center; background-repeat:no-repeat;  background-size: cover;}
.index_lawyer:before{ content:""; width:100%; height:100%; left:0; top:0; background:rgba(0,0,0,0.15); position:absolute;}
.index_lawyer_txt{ position:relative; z-index:1;}
.index_lawyer_txt h2{ font-size:32px; color:#fff; margin:0;}
.index_lawyer_txt p{ margin:50px 0 80px; font-size:18px; color:#fff; line-height:32px;}
.index_lawyer .section_title h1{ color: #fff;}
.index_lawyer .section_title p{ color: rgba(255,255,255,.8); margin-bottom: 50px;}
.index_lawyer .section_title h1:before,.index_lawyer .section_title h1:after{ background: #fff;}

.index_yewu{position:relative; z-index: 2; background: #fff; padding: 100px 0;}

.index_yewu_list{ margin:0; padding:0; list-style:none; margin-top: 20px;}
.index_yewu_list li{ float:left; width:calc((100% - 80px)/3); margin-right:40px; margin-bottom:40px; box-sizing: border-box;}
.index_yewu_list li:nth-child(3n){ margin-right: 0;}

.more_btn{ text-align:center; position:relative;}
.more_btn a{ width:100%;  display: block;  border:1px #740003 solid; padding:30px 0; color:#740003; position:relative;}
.more_btn a span{ position:relative; display: block; font-size:16px; line-height: 26px; z-index:2;  transition: all .3s ease-out 0s;}
.more_btn a:before{ content:""; background:#740003; position:absolute; height:100%; top:0; left:0; width:0; z-index:1; transition: all .3s ease-out 0s;}
.more_btn a:after{ content:""; background:#740003; position:absolute; height:8px; top:50%; margin-top:-4px; right:0; width:20px; z-index:1; transition: all .3s ease-out 0s;}
.more_btn:after{ content:""; background:#740003; position:absolute; transform: skewX(-45deg); height:8px; top:50%; margin-top:-4px; right:15px; width:10px; z-index:1; transition: all .3s ease-out 0s;}
.more_btn a:hover span{ color:#fff; font-size:20px;}
.more_btn a:hover:before{ width:100%;}
.more_btn a:hover:after{ background:#fff;}

.index_yewu_list li .more_btn a:before{ left: 50%; top: 50%; height: 0;}
.index_yewu_list li .more_btn a:hover:before{ height: 100%; left: 0; top: 0;}
.index_yewu_list li .more_btn:after{ display: none;}
.index_yewu_list li .more_btn a:after{ display: none;}


/* about */
.about_section{ padding:130px 0; display:inline-block; position:relative;}
.about_more{ position: absolute; bottom: 0; left: -150px; border:1px #740003 solid; padding:5px;} 
.about_more a{ display:block; background:linear-gradient(to bottom right,#740003,#EBE1A6); padding:25px 5px; color:#fff; font-size:18px;}
.about_more a:hover{ background:#740003;}
.about_txt{ position:relative; display:inline-block; height:340px; text-align:justify; writing-mode: vertical-rl; writing-mode: tb-rl; font-size: 18px; line-height: 2.5em; letter-spacing: 5px;}
.about_title{ position: absolute; top: 0px; right: -150px; text-align: left; writing-mode: vertical-rl; writing-mode: tb-rl;}
.about_title span{ font-size:12px; color:#999; letter-spacing: 2px; display:block;}
.about_title h1{ font-size:42px; color:#000; margin: 0; margin-right: 20px; letter-spacing: 10px;}
.about_section .about_title h1{ margin-right:0;}

/* img_content */
.yewu_box{position:relative; z-index:2; box-sizing: border-box; background:#f7f7f7;}
.yewu_section_bg_img{  height:500px; background-position:center center; background-repeat:no-repeat;  background-size: cover;}

.img_menu_more{ display: inline-block;}
.img_menu_more a{ display:block; border:1px #fff solid; padding:15px 60px; color:#fff; font-size:16px; transition:all .3s ease;}
.img_menu_more a i{ margin-left:15px;}
.img_menu_more a:hover{ background:#740003;}
.show_img .img_menu_more{ left:auto; right:60px;}
.yewu_section .img_menu_more{ bottom:120px;}
.news_section .img_menu_more a,.yewu_section .img_menu_more a{ border:1px #740003 solid; color:#740003;}
.news_section .img_menu_more a:hover,.yewu_section .img_menu_more a:hover{ color:#fff;}
.floatright .show_img .img_menu_more{ left:60px; right: auto;}


.yewu_section{ margin-top:-160px; position:relative; z-index:3; background:#f7f7f7; padding:100px 50px 120px 80px;}
.yewu_menu_list{ margin:0; padding:0; list-style:none;}
.yewu_menu_list li{ float:left; width:33.33%; padding-right:30px; box-sizing: border-box; margin-bottom:30px;}
.yewu_menu_list li a{ display:block; border:1px solid rgba(255,255,255,.5); position:relative; height:110px; transition:all .3s ease;}
.yewu_menu_list li a i{ position:absolute; right:20px; bottom:15px; font-size:28px; color: rgba(255,255,255,.75);}
.yewu_menu_list li a span{ display:block; position:absolute; left:20px; top:15px; font-size:16px; line-height: 1.6em; color:#fff; padding-right: 20px; text-align: justify;}

.contact_msg.bottom_contact{ margin-top: 0; padding-bottom:40px;}
.contact_msg.bottom_contact h1{font-size: 30px; line-height: 1.6; color: #000; margin: 0 0 30px 0; font-weight: bold;}
.contact_msg.bottom_contact p{margin-bottom: 10px;}
.contact_msg.bottom_contact p,.contact_msg.bottom_contact a{ color:#333; font-size:16px;}
.contact_msg.bottom_contact a:hover{ color:#000;} 
.contact_msg.bottom_contact a.download{margin-left: 42px; color: #2440b3;}
.contact_msg.bottom_contact p span{ color:rgba(0,0,0,.6); font-size:14px;}

.msg_box h3{ margin: 0; font-size: 14px; color: #666; font-weight: normal;}

/* news_section */
.news_section{ padding:120px 0 120px; position:relative; background:#f7f7f7; z-index:2;}

.news_section .img_menu_more{ left:15px; bottom:0;}
.index_news_list{ margin:0; padding:0; list-style:none; border-top:1px #eee solid;}
.index_news_list li a{ display:block; position:relative; padding-left:120px; border-bottom:1px #eee solid;}
.index_news_list li a span{ position:absolute; left:0; top:0; display:block; padding:40px 0; font-size:18px; color:#333; font-family: DINCond;  transition:all .5s ease;}
.index_news_list li a p{ margin:0; padding:40px 0; font-size:16px; line-height:1.4em; color:#333; font-weight:bold; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; transition:all .5s ease;}
.index_news_list li a:hover span,.index_news_list li a:hover p{ color:#740003;}

.news_menu_open .index_news_list{ border-top:none;}
.news_menu_open .index_news_list li a{ border-bottom:1px rgba(255,255,255,.2) solid;}
.news_menu_open .index_news_list li a span{ color:rgba(255,255,255,.5); padding:30px 0;}
.news_menu_open .index_news_list li a p{padding:30px 0; font-size:15px; color:rgba(255,255,255,.8); font-weight:normal;}
.news_menu_open .index_news_list li a:hover span,.news_menu_open .index_news_list li a:hover p{ color:#fff;}
.news_menu_open .img_menu_more{ position:static; display:inline-block; margin-top:50px;}
.news_menu_open .img_menu_more a{ border:1px rgba(255,255,255,.5) solid;}

.show_img .news_section_title{ position:absolute; top:70px; right:60px; text-align:right; z-index:3;}
.show_img .news_section_title:before{ left:auto; right:0;}
.show_img .news_section_title span{ color:rgba(255,255,255,.8);}
.show_img .news_section_title h1{ color:#fff;}

.floatright .show_img .news_section_title{ left:60px; right:auto; text-align:left;}
.floatright .show_img .news_section_title:before{ left:0; right:auto;}

/* bottom_section */
.bottom_section{ background:#333; padding:50px 0 0; width:100%; position:relative; z-index:2;}
.bottom_link,.bottom_link a{ color:rgba(255,255,255,.75);}
.bottom_link i{ margin-right:5px;}
.bottom_link a:hover{ color:#fff; text-decoration:underline;}
.bottom_link font{ margin:0 6px;}
.bottom_icon{ text-align:right; color:rgba(255,255,255,.75);}
.bottom_icon a{ color:rgba(255,255,255,.75);}
.bottom_icon font{ margin:0 12px;}
.bottom_icon img{ vertical-align:middle; margin-right:6px;}
.bottom_icon a i{ width:22px; height:22px; border-radius:100%; background:#172385; color:#fff; text-align:center; line-height:22px; font-size:12px;  transition: all .3s ease-out 0s;}
.bottom_icon a:hover{ text-decoration:underline; color:#fff;}
.bottom_last{ margin-top:30px; border-top:1px solid rgba(255,255,255,.15); padding:30px 0;}

.bottom_link{ margin:0; padding:0; list-style:none;}
.bottom_link li{ float:left;  width:20%;}
.bottom_link li h3{ margin:0;}
.bottom_link li h3.second_h3{ margin-top:25px;}
.bottom_link li h3 a{ color:#ccc; margin:0; margin-bottom:25px; font-size:16px;}
.bottom_link li a{ display:block; color:#999; margin-bottom:10px; font-size:13px;  transition: all .3s ease-out 0s;}
.bottom_link li a:hover{ color:#fff; text-decoration:underline;}

.bottom_link li img{ width:60%;}

.bottom_contact{ padding-right:30px; margin-top: 20px;}
.bottom_contact h3{ color:#fff; font-size: 16px; line-height: 24px; margin-top:0; margin-bottom: 25px;}
.bottom_contact p{ margin:0; color:#fff; line-height:2em;}
.bottom_contact p span{ color:rgba(255,255,255,.75);}
.bottom_contact a{ color:#fff;}
.bottom_contact a:hover{ color:#fff; text-decoration:underline;}
.icon_link{ margin-top:35px;}
.icon_link a{ color:#ccc; font-size:18px; line-height:1em; margin-right:15px;}
.icon_link a:hover{ color:#fff;}

.contact_input input,.contact_input textarea{ width:100%; background:none; border:none; border-bottom: rgba(255, 255, 255, 0.09) 1px solid; color:#fff; padding:15px 0;}
.contact_input input.button{ width:auto; padding:12px 40px; border:1px solid #5E2E1D; transition: all .3s ease-out 0s; color:#fff; margin-top:15px; cursor:pointer; transition: all .3s ease-out 0s;}
.contact_input input.button:hover{ background:#5E2E1D;}

.bottom_logo img{ width:100%; max-width:130px; margin-top:25px;}
.bottom_last_img{ text-align:right; margin-top: 25px;}
.bottom_last_img img{ width:100%;}

.bottom_office{ margin-top: 25px;}
.bottom_office_item h2{ margin:0; margin-bottom:30px; color:#fff; font-size:18px;}
.office_item{ padding-left:3em; color:#fff; position:relative; margin-bottom:15px;}
.office_item span{ position:absolute; display:block; top:0; left:0; color:rgba(255,255,255,.6);}
.office_item a{ color:#fff;}
.office_icon{ margin:30px 0;}
.office_icon a{ color:#fff;}
.office_icon a i{ width:30px; height:30px; border:1px #fff solid; font-size:14px; line-height:30px; text-align:center; border-radius: 100%; margin-right: 15px; transition: all .3s ease-out 0s;}
.office_icon a:hover i{ background:#fff; color:#E6081F;}
.bottom_office .owl-theme .owl-controls .owl-nav{ display: none;}
.bottom_office .owl-dots{ margin-left: 15px; margin-top: 50px;}

.main_content{ background:#fff; position:relative; z-index:2; padding:80px 0 160px;}

/* 上一篇下一篇新闻 */
.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:#740003;}
.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;}


.site_banner{height:60%; min-height:350px; background-position:center center; background-repeat:no-repeat;  background-size: cover;  width:100%;}
.lawyer_banner_height{ height: 115px; min-height: inherit;}

.page_guide{color:#000; padding:15px 0; position:relative; background:#f0f0f0; z-index:2;}
.page_guide a{ color:#666;}
.page_guide a:hover{ text-decoration:underline;}
.page_guide font{ margin:0 8px;}

.news_page_title{ margin-top: 180px; margin-bottom:60px; }
.news_page_title h1{margin:0; margin-bottom:10px; font-size:36px; color:#000; line-height:1.4em;}
.news_page_title span{ display:inline-block; margin-right:15px;}
.news_page_title span i{ margin-right: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-size:16px !important; line-height:2em !important;}

/* 相关律师 */
.lawyer_link_list{ margin-bottom:40px;}
.lawyer_link_list h2{ margin:0; padding-bottom:20px; border-bottom:1px #e6e6e6 solid; font-size:18px; color:#333; font-weight:bold;}
.lawyer_link_list h3{ margin:0; padding-bottom:10px; border-bottom:1px #e6e6e6 solid; font-size:14px; color:#999; font-weight:normal;}
.small_lawyer_list{ margin:0; padding:0; list-style:none;}
.small_lawyer_list li{ border-bottom:1px #e6e6e6 solid; padding-top:15px; padding-bottom:15px;}
.small_lawyer_list li a{ display:block; line-height:1em;}
.news_lawyer_img{ float:left; margin-right:12px; width:31%;}
.news_lawyer_txt{ overflow:hidden;}
.news_lawyer_txt h4{ margin:0; font-size:16px; line-height: 1; color:#666; margin-bottom:10px;}
.news_lawyer_txt em{ font-size:12px; color:#999; font-style:normal; display:block; margin-bottom:20px;  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;}

.small_practices{ margin: 0; padding: 0; list-style: none; margin-top: 20px;}
.small_practices li{display: inline-block; margin-right: 20px; margin-bottom: 20px;}
.small_practices li a{ display: block; color: #666; border: 1px #ccc solid; padding: 5px 10px; text-align: center; transition: all 0.3s ease-out 0s;}
.small_practices li a:hover{ background:#740003; border: 1px #740003 solid; color: #fff;}


.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:#740003; 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:#000;}
.input100{ width:100%;}
.align_right{ text-align:right;}

.lawyer_link_list .img_menu_more,.article_yewu .img_menu_more{ position:static; margin-top:20px;}
.lawyer_link_list .img_menu_more a,.article_yewu .img_menu_more a{border: 1px #740003 solid; color: #740003; text-align:center;}
.lawyer_link_list .img_menu_more a:hover,.article_yewu .img_menu_more a:hover{ color:#fff;}
.article_yewu .img_menu_more a{ display:inline-block;}
.article_yewu .index_news_list{ border-top:none;}

.lawyer_content img{ width:100%; margin-bottom:60px;}

.lawyer_guide{ margin-bottom:30px; position: relative;}
.lawyer_guide .padding15{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.lawyer_guide h2{ font-size:48px; color:#000; margin:0; margin-bottom:10px; line-height:1.3em;}
.lawyer_guide span{ display:inline-block; vertical-align: middle; color:#999; font-size:16px; line-height: 20px;}
.lawyer_guide a{display: inline-block; line-height: 20px; color: #666; margin-right: 20px; text-decoration:underline;}
.lawyer_guide a:hover{ text-decoration:none;}

.lawyer_btn{ position:absolute; top:25px; right:0; text-align:right;}
.lawyer_guide .lawyer_btn span{ display:inline-block; width:36px; height:36px; overflow:hidden; border-radius:36px; border:1px solid #740003; margin-right:0; margin-left: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:#740003;}
.lawyer_btn span font{ float:left; line-height:36px; font-size:12px; margin:0; color:#740003;}
.lawyer_btn span.dr:hover{ width:105px;} 
.lawyer_btn span.dv:hover{ width:110px;} 
.lawyer_btn span.dc:hover{ width:90px;} 

.lawyer_phone_email{ color:#666; font-size:16px; margin-bottom:20px;}
.lawyer_phone_email br{ display:none;}
.lawyer_phone_email span{ display: inline-block; margin-right:30px;}
.lawyer_phone_email i{ margin-right:12px; color:#740003;}
.lawyer_phone_email a{ color:#666; margin-right:50px; text-decoration:underline;}
.lawyer_phone_email a:hover{color: #740003; text-decoration:none;}

.lawyer_yewu{ margin-bottom:20px;}
.lawyer_yewu span{ display:inline-block; vertical-align:middle; font-size:16px;}
.lawyer_yewu a{display:inline-block; color:#666; margin-right:20px; font-size:16px; text-decoration:underline;}
.lawyer_yewu a:hover{color: #740003; text-decoration:none;}

.yewu_a{border-bottom:1px rgba(0,0,0,.1) solid; padding: 50px 0 20px;}
.yewu_a a{ display: inline-block; text-decoration: none; border: 1px #eee solid; padding: 10px 20px; margin-bottom: 20px; transition: all .3s ease-out 0s;}
.yewu_a a:hover{ background: #740003; color: #fff;}

.lawyer_page_content{padding: 80px 0 80px; position: relative; z-index:2;}
.lawyer_page_img img{ width:100%;}
.lawyer_page_name{ border-bottom:1px solid #666; position:relative; padding-bottom:40px; margin-bottom:20px;}
.lawyer_page_name h1{ font-size:36px; color:#fff; line-height:1.2em; margin:0; margin-bottom:10px;}
.lawyer_page_name span{ font-size:13px; color:#fff;}

.lawyer_int{ margin-top:20px; padding-bottom:25px;}
.lawyer_int h2{ margin:0; font-size:24px; color:#333; line-height:1.1em; margin-bottom: 25px;}
.lawyer_int p{ margin:20px 0; color:#777; font-size:15px; text-align:justify; line-height:1.8em;}
.lawyer_int ul{ margin:10px 0; padding:0; list-style:none;}
.lawyer_int ul li{ margin-bottom:10px; color:#777; font-size:16px; line-height:1.8em; text-align:justify; position:relative;}
.lawyer_int ul li a{color: #666; text-decoration: underline;}
.lawyer_int ul li a:hover{color: #740003; text-decoration:none;}
.lawyer_int ul li b{ color:#555;}
.lawyer_yewu em{ margin:0 8px; font-style:normal; color:#999;}
.lawyer_int ul.lawyer_yewu li a{color:#B60005;}

.service_lawyer_search{ width:100%; margin-bottom:20px; text-align:right;}
.service_lawyer_search p{ color:#999; margin:5px 0; text-align:left; font-size:14px;}
.service_lawyer_search input,.service_lawyer_search select,.service_lawyer_search textarea{ box-sizing:border-box;}
.service_lawyer_search input,.service_lawyer_search select,.service_lawyer_search button,.service_lawyer_search textarea{font-family:Arial;}
.service_lawyer_search input,.service_lawyer_search select,.service_lawyer_search textarea{ display: block; width: 100%; height: 34px; border-radius: 3px; padding: 6px 12px; +padding:0 0; font-size: 14px; line-height: 1.42857143; +line-height:34px; color: #555555; background-color: #ffffff;border: 1px solid #cccccc;}
.service_lawyer_search input:focus {border-color: #999;box-shadow:none;}
.service_lawyer_search textarea{ height:90px;}
.service_lawyer_search input.button{ cursor: pointer; outline: none; white-space: nowrap; display:inline-block; margin-top:20px; padding:12px 40px; width:auto; border:1px solid #740003; background:none; color:#740003; height:auto; letter-spacing: 1px;transition: all .2s ease-in-out;}
.service_lawyer_search input.button:hover{background-color: #740003; color:#fff;}
.service_lawyer_search input.longbtn{ cursor: pointer; outline: none; white-space: nowrap; margin-top:20px; padding: 0 22px; font-size: 14px; height: 40px; line-height: 40px; border-radius: 3px; background-color: #111; color: #FFF; font-weight:bold; letter-spacing: 1px; border: none;transition: all .2s ease-in-out;}
.service_lawyer_search input.longbtn{ width:100%; background-color: #BC2818;}
.service_lawyer_search input.longbtn:hover{ background-color:#000;}

.lawyer_detail{ padding-top:30px;}

#allmap{ width:800px;height:400px; margin:0 0 60px;}
.normal_h{ color:#740003; font-weight:bold; margin-bottom:30px;}
.contact_menu_open h3{ margin:0; font-size:14px; color:#666; font-weight:normal;}
.msg_ok{ margin-top:30px;}
.msg_ok a{ padding: 15px 60px; display:inline-block; border: 1px #740003 solid; color:#740003; margin-bottom:10px;}
.msg_ok a:hover{ background:#740003; color:#fff;}
.msg_ok a.no_border{ border:none; padding: 30px 0 0; margin-left: 20px; color: #0c88e8;}
.msg_ok a.no_border:hover{ background:none; color:#0c88e8; text-decoration:underline;}
.form_note i{color:#740003; margin-right:6px;}

.page_menu{ margin:30px 15px 100px; padding:0; list-style:none;}
.page_menu li{ display:inline-block; margin-right:20px;}
.page_menu li a{ border:1px #ccc solid; color:#000; padding:15px 30px; font-size: 18px; display: block; transition: all .3s ease-out 0s;}
.page_menu li a:hover,.page_menu li.active a{ border:1px #740003 solid; background:#740003; color:#fff;}

.honor_list ul{margin:0; padding:0; list-style:none;}
.honor_list ul li{ float:left; margin-right:30px; margin-bottom:30px; width:calc((100% - 60px)/3);}
.honor_list ul li:nth-child(3n){ margin-right:0;}
.honor_list ul li img{ width:100%;}
.honor_list ul li h2{ text-align:center; margin:10px 0 0; font-size:15px; font-weight:normal; color:#666; line-height:24px; min-height:72px;}

.title_line{ margin-top:60px;}
.title_line h2{ font-size:16px; color:#740003; font-weight: bold; margin: 0 0 20px;}
.service_more{ margin:0; padding:0; list-style:none;}
.service_more li{ float:left; width:50%; box-sizing: border-box; padding-left:16px; position:relative; font-size:16px; line-height:2em;}
.service_more li:before{ content:""; width:6px; height:6px; background:#740003; position:absolute; left:0; top:50%; margin-top:-3px; border-radius: 100%;}

.article_yewu{ margin-top:80px;}

.lawyer_show_box{position:relative; overflow:hidden;}
.lawyer_show_box ul{ margin:0; padding:0; list-style:none;}
.lawyer_show_box ul li{ margin-bottom:40px; position: relative;}
.lawyer_show_box ul li:before{ content: ""; position: absolute; bottom: 0; right: 0; width: calc(83.3333333% - 30px); height: 1px; background: #eee; }
.lawyer_show_box ul li a{ color:#999; line-height:1em; padding-bottom: 20px; display:block; position: relative;}
.lawyer_show_box ul li a:before{ content:""; position:absolute; bottom:0; right:0; width:0px; height:10px; background:#740003; transition: all .3s ease-out 0s;}
.lawyer_show_box ul li a:after{ content:""; position:absolute; bottom:0; right:20px; width:0px; height:10px; background:#740003; transform: skewX(-45deg); transition: all .3s ease-out 0s;}
.lawyer_show_box ul li a:hover:before,.lawyer_show_box ul li a:hover:after{ width: 40px;}
.lawyer_show_box ul li a img{ width:100%; max-width:150px; transition: all .3s ease-out 0s;}
.lawyer_show_box ul li a h3{ font-size:18px; color:#333; margin:0; line-height:2em;}
.lawyer_show_box ul li a p{ margin:0; line-height:1.5em;}
.lawyer_show_box ul li a p span{ display:block;}
.lawyer_show_box ul li a p span i{ margin-right:12px;}
.lawyer_show_box ul li a:hover h3,.lawyer_show_box ul li a:hover p{ color:#000}
.lawyer_show_box ul li a:hover img{transform: scale(1.1);}

.lawyer_img{ float: left; width: 16.6666667%;}
.lawyer_txt{ float: left; width: 30%; padding-left:30px; box-sizing: border-box;}
.lawyer_word{ float: left; width: 53.3333333%; padding-left:30px; box-sizing: border-box;}
.lawyer_show_box ul li a p.top_position{ margin-bottom: 20px;}

.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; padding:5px 0;}
.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:#740003; color:#fff;}
.lawyer_link_list .word_search ul li{ width:14.28571428571429%;}
.lawyer_link_list .word_search ul li.two_long{ width:28.57142857142857%;}

.accordion { width: 100%; margin:0; padding:0; list-style:none;}
.accordion .link { cursor: pointer; display: block; padding: 20px 30px; color: #4D4D4D; font-size: 15px; border-bottom: 1px solid #CCC; margin-bottom: 30px; position: relative; box-sizing: border-box; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}
.accordion .link font{ display:inline-block; width:120px; line-height: 24px;}
.accordion .link span{ display:inline-block; width:calc(100% - 120px); font-size: 18px; line-height: 24px; font-weight:bold; color: #000;}
.accordion .link:hover{ background:#f0f0f0;}
.accordion li i{ position: absolute; top: 24px; right: 20px; font-size: 14px; color: #999; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}
.accordion li.open .link { background: #740003; color: #fff;}
.accordion li.open .link span{color: #fff;}
.accordion li.open i { color: #fff;}
.accordion li.open i.fa-chevron-down { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);}
.submenu {display: none; background: #f7f7f7; font-size: 14px; padding:30px 40px; margin-top: -30px; margin-bottom: 30px;}
.submenu p { margin:0;}
.submenu a { display: block; text-decoration: none; color: #d9d9d9; padding: 12px; padding-left: 42px; -webkit-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease;}
.submenu a:hover { background: #d7000f; color: #FFF;}

.team_item{ margin-bottom:60px; }
.team_item img{ width:100%; transition: all .3s ease-out 0s;}
.team_item h2{ padding:0 15px; margin: 0; margin-bottom: 25px; font-size: 28px; color: #000; line-height: 1.4em;}
.team_item a{ display:block; color:#666;}
.team_item a h3{ margin:5px 0; color:#666; font-weight:normal; font-size:13px;}
.team_item a:hover h3{ color:#000;}
.team_item_list{ margin:0; margin-left:15px; padding:0; list-style:none;}
.team_item_list li{ float:left; width: calc((100% - 30px)/3); margin-right:15px; margin-bottom:10px;}
.team_item_list li:nth-child(3n) { margin-right: 0;}
.team_item a:hover img{transform: scale(1.02);}
.team_item_list li a:hover img{transform: scale(1.05);}

.normal_team_list .team_item_list li{ float:left; width: calc((100% - 45px)/4); margin-right:15px; margin-bottom:10px;}
.normal_team_list .team_item_list li:nth-child(3n){ margin-right:15px;}
.normal_team_list .team_item_list li:nth-child(4n) { margin-right: 0;}

.padding_left0{ padding-left:0;}

.lawyer_img_for_phone{ display:none;}
.lawyer_img_for_phone img{ width:100%; margin-bottom:0;}

.practices_lawyer ul{ margin:0; margin-top: 20px; padding:0; list-style:none; text-align:center;}
.practices_lawyer ul li img{ width:100%;}
.practices_lawyer ul li h4{ margin:15px 0 5px 0; color:#333; font-size:18px; line-height:1.3em; font-weight:normal;}
.practices_lawyer ul li em{ font-style:normal; color:#999;}
.owl-controls{ margin-top:20px;}

.page_news_list ul{ margin: 0; padding: 0; list-style: none;}
.page_news_list ul li{ margin-bottom: 60px; }
.page_news_list ul li a{ display: block; padding: 0; position: relative; transition:all .5s ease;}
.page_news_img{ float: left; width: 30%; overflow: hidden;}
.page_news_txt{ float: left; width: 70%; padding-left: 50px; box-sizing: border-box;}

.page_news_img img{ width: 100%; transition:all .5s ease;}
.page_news_list ul li a:hover .page_news_img img{transform: scale(1.1);}
.page_news_list ul li a{ display: block; position: relative;  border-bottom:1px #eee solid;}
.page_news_list ul li a h2{margin:0; color:#333; font-size:24px; line-height:1.4em; font-weight: bold; transition:all .5s ease;}
.page_news_list ul li a span{ display: block; color: #999; font-size: 13px;}
.page_news_list ul li a p{margin:15px 0 0; font-size:14px; line-height:1.8em; padding-bottom: 20px; color:#666; text-align: justify; transition:all .5s ease;}
.page_news_list ul li a:before{ content:""; position:absolute; bottom:0; right:0; width:0px; height:10px; background:#740003; transition: all .3s ease-out 0s;}
.page_news_list ul li a:after{ content:""; position:absolute; bottom:0; right:20px; width:0px; height:10px; background:#740003; transform: skewX(-45deg); transition: all .3s ease-out 0s;}

.page_news_list ul li a:hover:before,.page_news_list ul li a:hover:after{ width: 40px;}

.history{ position:relative; overflow: visible !important; height: auto !important; max-width: 1000px; margin: 0 auto;}
.history:before{ content: ""; position: absolute; border-left: 1px #740003 dotted; width: 1px; height: calc(100% - 30px); left: 28px; top: 30px;}
.history-date{ position:relative; margin-bottom: 20px;}
.history-date h2{margin:0; background: #fff; padding: 10px 0; font-weight: bold;}
.history-date h2 a{ display: block; position: relative;}
.history-date h2 a:after{ content: "\f13a"; font-family: FontAwesome; color: #ddd; font-size: 18px; line-height: 20px; position: absolute; right: 0; top: 50%; margin-top: -10px;}
.history-date h2 a:hover:after{ color: #740003;}
.history-date h2 span{ display: inline-block; font-size: 38px; font-family: DINCond; color: #740003; line-height: 1.2em; margin-right: 20px;}
.history_txt{margin-left: 60px; margin-top: 15px; background: #f7f7f7; padding: 10px 30px;}
.history-date p{ font-size: 14px; line-height: 1.5em; color: #555; margin: 18px 0; position: relative; padding-left: 20px;}
.history-date p:before{ content: "\f105"; font-family: FontAwesome; position: absolute; left: 3px; top: 0;  font-size: 14px; line-height: 1.5em; color: #999; }

.page_big_title h1{font-size: 30px; line-height: 1.6; color: #000; margin: 0 0 30px 0; font-weight: bold;}
.about_video{ margin-bottom: 30px;}