@font-face {
  font-family: 'DINCond';
  src: url("https://www.cwbattlefields.com/css/web/fonts/DINCond-Medium.eot");
  src: url("https://www.cwbattlefields.com/css/web/fonts/DINCond-Medium.eot") format('embedded-opentype'), url("https://www.cwbattlefields.com/css/web/fonts/DINCond-Medium.woff2") format('woff2'), url("https://www.cwbattlefields.com/css/web/fonts/DINCond-Medium.woff") format('woff'), url("https://www.cwbattlefields.com/css/web/fonts/DINCond-Medium.ttf") format('truetype'), url("https://www.cwbattlefields.com/css/web/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%;}

.ali_icon {  width: 1em; height: 1em; vertical-align: -0.15em; fill: currentColor; overflow: hidden;}
.all_height{ height: 100%; position: relative; background-position:center center; background-repeat:no-repeat;  background-size: cover; box-sizing: border-box;}

#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:#d7000f; 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:#d7000f; 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,.have_bg{position:absolute; width:100%; left:0; top:0; background: rgba(255,255,255,0); z-index:99;}
.page_site_top{position:fixed; width:100%; left:0; top:0; background: rgba(255,255,255,.8); z-index:99;}
.new_logo{ margin-left:30px; margin-top:40px; transition: all 0.3s ease-out 0s;}
.new_logo a{ display: block;}
.new_logo img{ width:260px; transition: all 0.3s ease-out 0s;}
.new_logo img.top_color_logo{ display: none;}
.top_small_icon{ position:absolute; top:30px; right:15px; }
.top_small_icon a{ font-size:13px; margin-right:15px; color:#333; line-height:30px; position: relative; display: inline-block;overflow: hidden;}
.top_small_icon a:before{content: ""; display: block; width: 100%; height: 20px; background-color: #A0C3C6; position: absolute; top: 0; bottom: 0; left: -1%; margin: auto; transform-origin: 100% 0; transform: translate3d(-101.5%,0,0); -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; z-index: 1;}
.top_small_icon a:hover:before{ background-color: #d7000f; transform-origin: 0 0; transform: translate3d(105%,0,0); transition: all 0.5s cubic-bezier(0.5, 0, 0, 1);}
.top_small_icon a.menu_mobile{ font-size:18px;}
.top_small_icon a.en_show{background:#d7000f; color:#fff; padding: 0 5px;}

.page_site_top .new_logo img.top_color_logo{ display: block;}
.page_site_top .new_logo img.top_w_logo{ display: none;}

.site_top.NavBg,.have_bg.NavBg,.page_site_top.NavBg{ background:rgba(255,255,255,1); border-bottom:1px rgba(0,0,0,.1) solid; position: fixed;}
.site_top.NavBg .new_logo,.have_bg.NavBg .new_logo,.page_site_top.NavBg .new_logo{ margin-top:16px;}
.site_top.NavBg .new_logo img,.have_bg.NavBg .new_logo img,.page_site_top.NavBg .new_logo img{ width:180px;}
.site_top.NavBg .new_logo img.top_color_logo,.have_bg.NavBg .new_logo img.top_color_logo,.page_site_top.NavBg .new_logo img.top_color_logo{ display: block;}
.site_top.NavBg .new_logo img.top_w_logo,.have_bg.NavBg .new_logo img.top_w_logo,.page_site_top.NavBg .new_logo img.top_w_logo{ display: none;}
.site_top.NavBg .top_small_icon,.have_bg.NavBg .top_small_icon,.page_site_top.NavBg .top_small_icon{ top:-100%;}
.site_top.NavBg .site_menu,.have_bg.NavBg .site_menu,.page_site_top.NavBg .site_menu{ margin-top:0;}

.hList{ margin: 0; padding: 0; list-style: none; padding-top: 50px; padding-right: 15px; transition: 0.5s;}
.menu { display: block;  position: relative; cursor: pointer;}
.menu-title { margin: 0; display: block; text-transform: uppercase; transition: 0.3s }
.menu-title a{ display: block; height: 70px; line-height: 70px; padding: 0 15px; font-size: 15px; color: #000; font-weight: bold; }
.menu-title a:before{content: ""; display: block; width: 0; height: 1px; background-color: #d7000f; position: absolute; bottom: 0; left: 50%; z-index: 1;}
.active .menu-title a,.menu-title a:hover{ color: #d7000f;}
.active .menu-title a:before,.menu-title a:hover:before{ width: calc(100% - 30px); left: 15px;  transition: all 0.5s cubic-bezier(0.5, 0, 0, 1);}
.menu-title:hover {}

.menu-dropdown { width: 180px; min-width: 100%; padding: 15px 0; position: absolute; left: 15px; background: rgba(0,0,0,.65); box-shadow: 0 6px 12px rgb(0 0 0 / 18%); z-index: 100; transition: 0.5s padding, 0.5s background;}
.menu-dropdown a{ display: block; color: rgba(255,255,255,.8); line-height: 40px; transition: 0.5s;}

.menu-dropdown.all-width-menu{ position: fixed; width:658px; min-width: inherit; top: 120px; left: auto; right: 0; padding: 10px 0;}
.page_site_top.NavBg .menu-dropdown.all-width-menu{ top:70px;}
.menu-dropdown.last_right{ left: auto; right: 0 !important;}
.menu .menu-dropdown { margin: 0; padding: 0; list-style: none; z-index: 99;}
.menu-dropdown > * { overflow: hidden; height: 40px; line-height: 40px; padding: 0 10px; background: transparent;  white-space: nowrap; transition: 0.5s;}
.menu-dropdown > *:hover { background: rgba(0, 0, 0, 0.3);}
.menu-dropdown a:hover{ color: #fff;}
.menu-dropdown.all-width-menu li{ float: left; width: 33.33%; box-sizing: border-box;}
.menu:not(:hover) > .menu-dropdown > * { visibility: hidden; height: 0; padding-top: 0; padding-bottom: 0; margin: 0; color: rgba(25, 25, 25, 0); transition: 0.5s 0.1s height, 0.5s 0.1s padding, 0.5s 0.1s margin, 0.3s color, 0.6s visibility; z-index: 99;}
.hList > * {float: left;}
.hList > * + * {margin-left: 0;}
.NavBg .hList{ padding-top: 0;}

/* banner */
.slideBox{ width:100%; height:100%; min-height:450px; overflow:hidden;  box-sizing: border-box;}
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; left:100px; bottom:90px; width: 100%; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; margin:0; padding:0; list-style:none; }
.slideBox .hd ul li{ display: inline-block; margin:0 6px; position: relative; width:60px; height:10px; line-height:140px; text-align:center; border: 1px #fff solid; box-sizing: border-box;  cursor:pointer; }
.slideBox .hd ul li:before{ content:""; position: absolute; width:0; left: 0; top: 0; height: 100%; background: #d7000f; transition: all .3s ease;}
.slideBox .hd ul li.on:before{ width: 100%;}
.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; z-index:2;}
.slideBox .bd .box_word .box_word_bg{display: table-cell; vertical-align: middle;  padding:0px 100px 0; }

.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: 28s; 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; text-align:center; margin-top:-80px; }
.banner_title{ font-size:60px; font-weight:bold; line-height:1.2em; color:#fff; letter-spacing:0px;  margin-bottom:0px; margin-top:200px; position:relative; max-width:800px; }
.banner_title:before{ content:""; background:#BF0230; height:3px; top:50%; left:-100px; position:absolute; width:50px; display:none;}
.banner_txt{ font-size:28px; line-height:1.6em; color:#fff;  margin:0 auto; margin-bottom:60px; text-align:center; max-width:800px;}
.slideBox .more_btn{ text-align:left;}
.slideBox .more_btn a{color:rgba(255,255,255,0.8); font-size:12px; background:none; border:1px #fff solid;}
.short_width{margin:0 auto; line-height:2em; color:rgba(255,255,255,0.8);}

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

.page_down{ position:absolute; right:50px; top:50%; z-index:3; width:40px; height:64px; margin-top:-32px; background:url("https://www.cwbattlefields.com/css/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);
  }
}

.banner_kongbai_height{ height:100%;}

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


.img_menu_more{  text-align:center;}
.img_menu_more a{display: inline-block; background:none; border:1px #d7000f solid; padding:20px 90px; color:#d7000f; position:relative;}
.img_menu_more a span{ position:relative; font-size:16px; z-index:2;  transition: all .3s ease-out 0s;}
.img_menu_more a:before{ content:""; background:#d7000f; position:absolute; height:100%; top:0; left:0; width:0; z-index:1; transition: all .3s ease-out 0s;}
.img_menu_more a:after{ content:""; background:#d7000f; position:absolute; height:2px; top:50%; margin-top:-1px; right:0; width:40px; z-index:1; transition: all .3s ease-out 0s;}
.img_menu_more a:hover span{ color:#fff;}
.img_menu_more a:hover:before{ width:100%;}
.img_menu_more a:hover:after{ background:#fff;}




/* news_section */
.index_news{background:#fff; padding:120px 0 150px; position:relative; z-index:2;}
.index_title_word{ color:#333; font-size:42px; font-weight: bold; line-height:1em; padding-bottom:80px; margin-bottom:40px; position: relative; z-index: 3;}
.index_title_word span{ font-size: 18px; color: #666; font-weight: normal; line-height: 42px; display: inline-block; margin-left: 30px;}
.index_title_word:after{ content: ""; position: absolute; width: 2px; height: 60px; left: 42px; bottom: 0px; background:#d7000f; }

.index_news_section{ padding: 0 120px; box-sizing: border-box;}
.index_news_section ul{ margin: 0; padding: 0; list-style: none;}
.index_news_section ul li{ float: left; width:calc((100% - 120px)/3); margin-right: 60px;}
.index_news_section ul li:nth-child(3n){ margin-right: 0;}
.index_news_section a{ display: block; vertical-align:middle; overflow:hidden;}
.index_news_section .index_news_img{ overflow:hidden; position: relative;}
.index_news_section .index_news_img:after{content:""; position:absolute; background:#d7000f; height:6px; width:72px; left:25px; bottom:0; transition: all 0.36s ease;}
.index_news_section .index_news_img img{ width:100%; vertical-align:middle; transition: all .3s ease-out 0s;}
.index_news_section h2{ color:#000; font-size: 18px; font-weight:normal; margin:0px; padding:30px 25px 25px; background: #f7f7f7; line-height: 32px; height:64px; display: -webkit-box; -webkit-line-clamp: 2;  -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; transition: all 0.36s ease;}
.index_news_section .index_news_time{display:block; position: absolute; top: 0; left: 25px; background: #d7000f; padding: 10px; text-align: center; box-sizing: border-box; color: #fff;}
.index_news_section .index_news_time h3{margin:0; margin-bottom: 5px; font-size:32px; line-height:1em; transition: all 0.3s ease-out 0s;}
.index_news_section .index_news_time em{ display: block; font-style: normal; line-height:1em; transition: all 0.3s ease-out 0s;}
.index_news_section p{ color:#999; font-size:14px; line-height: 28px; margin:0; padding:0 25px; background: #f7f7f7; height: 84px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis;}
.index_news_section font{display: block; padding:30px 25px 30px; color: #333; background: #f7f7f7;}
.index_news_more{display: block; margin-left: 120px; margin-top: -27px; position: relative; z-index: 9;}
.index_news_section .index_news_more a{ background: none;}
.index_news_section .index_news_more font{ margin: 0; }

.index_news_section a:hover img{transform: scale(1.08);}
.index_news_section a:hover .index_news_img:after{ width:calc(100% - 50px);}
.index_news_section a:hover h2,.index_news_section a:hover font{ color:#d7000f;}

.more_index_btn{ margin-top: 40px; padding-top: 40px; border-top: 5px #f0f0f0 solid;}
.index_news_section .img_menu_more{ text-align: right;}
.index_news_section .img_menu_more a{ display: inline-block;}

.page_news_section{ padding: 0 0;}
.page_news_section ul li{ margin-bottom: 60px;}

 
.index_news_section.page_pdf_section .index_news_img{ box-sizing: border-box;}
.index_news_section.page_pdf_section ul li{width: calc((100% - 150px)/4); margin-right: 50px;}
.index_news_section.page_pdf_section ul li:nth-child(3n){ margin-right: 50px;}
.index_news_section.page_pdf_section ul li:nth-child(4n){ margin-right: 0;}

.index_news_section.about_pdf_section {
margin-top:50px;}
.index_news_section.about_pdf_section ul li {
    width: calc((100% - 50px)/2);
    margin-right: 50px;
}
    .index_news_section.about_pdf_section ul li:nth-child(2n) {
        margin-right: 0;
    }
    .index_news_section.about_pdf_section .index_news_time {display:none;
    }
    .index_news_section.about_pdf_section h2 {
        padding:10px;
    }
    .index_news_section.about_pdf_section .index_news_img:after {
        left: 10px;
    }
/* article_section */
.index_article_list_item ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.index_article_list_item ul li{ position:relative; margin-bottom: 30px;}
.index_article_list_item ul li a{ display:block; vertical-align:middle; position:relative; transition: all 0.36s ease;}
.article_img{ float: left; width: 30%;}
.article_txt{ float: left; width: 70%; padding-left: 15px; padding-right: 5px; box-sizing: border-box;}
.index_article_list_item ul li a img{ width: 100%;}
.index_article_list_item ul li a h3{ font-size:16px; font-weight:normal; color:#333; margin:0 0 5px;  line-height: 28px; height:56px; display: -webkit-box; -webkit-line-clamp: 2;  -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; transition: all 0.36s ease;}
.index_article_list_item ul li a p{ color:#666; font-size:13px; margin:0; transition: all 0.36s ease;}
.index_article_list_item ul li a p em{ display: inline-block; margin-left: 12px; font-style: normal;}
.index_article_list_item ul li a:hover{background: #d7000f;}
.index_article_list_item ul li a:hover h3{ line-height: 24px; height: 48px; margin-top: 8px; margin-bottom: 0; color:#fff;}
.index_article_list_item ul li a:hover p{ color:#fff;}
.index_art_more font{ display: inline-block; margin-top: 10px; color: #333;}
.index_art_more a:hover font{color:#d7000f;}

/* yewu */
.index_yewu{background:#fff; position:relative; z-index:2; box-sizing: border-box;margin-top: 80px;}
.index_yewu .index_title_word{padding: 0 120px 80px;}
.index_yewu .index_title_word:after{ height: 120px; bottom: -60px; left: 162px;}
.index_yewu_bg{background-position:center center; background-repeat:no-repeat;  background-size: cover; height: 820px; width: 75%; position: relative; margin-top: -40px;}
.yewu_posi{background:linear-gradient(to left bottom,#ddd,rgba(255,255,255,.5));; position: absolute; width: calc(50% + 100px); height: 620px; bottom: 100px; right: 120px;}
.index_yewu_box{ padding:0 20px;}
.index_yewu_box .index_title_word{ margin-left: 25px; margin-top: 10px; margin-bottom: 50px;}
.index_yewu_list_item{position: relative; padding: 40px 50px; box-sizing: border-box;}
.index_yewu_list_item ul{margin: 0; padding: 0; list-style: none;}
.index_yewu_list_item ul li{ box-sizing: border-box;}
.index_yewu_list_item a{ display:block; border-bottom: 1px rgba(0,0,0,.1) solid; position:relative; padding: 10px 0;}
.index_yewu_list_item a .yewu_icon{fill: currentColor; overflow: hidden; color: #666; position: absolute; top: 15px; right: 10px; width: 30px; height: 30px; font-size: 28px; line-height: 30px; text-align: center; box-sizing: border-box; z-index: 9; transition: all 0.3s ease-out 0s;}
.index_yewu_list_item a h3{ font-size:18px; line-height: 60px; font-weight:bold; color:#000; margin:0; padding-left: 0;transition: all 0.3s ease-out 0s;}
.index_yewu_list_item a p{color:#666; margin:30px 25px; text-align: justify; font-size:13px; line-height:2em; height:104px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; text-overflow: ellipsis;  display: none; }
.yewu_txt{ position:relative; z-index:2;}
/*
.index_yewu_list_item a:before{ content:""; background:rgba(255,255,255,.3); width:0%; height:100%;  position:absolute; left:0%; top:0%; z-index:1; transition: all 0.3s ease-out 0s; }
.index_yewu_list_item a:hover:before{ width:100%;}
*/
.index_yewu_list_item a:hover h3{ padding-left: 15px; color: #d7000f;}
.index_yewu_list_item a:hover .yewu_icon{right:15px; color: #d7000f; }

.index_yewu_list_item .owl-controls{ position: absolute; bottom: 0; left: 50px; width: 100%; text-align: left;}

.index_article{ padding: 180px 120px 0; background: #fff; position: relative; z-index: 2;}
.index_article .index_title_word{ margin-bottom: 0; padding-bottom: 50px;}
.index_article .index_title_word:after{ bottom: -30px;}
.index_news_list_box{ background: #f7f7f7; position: relative; z-index: 2;}
.index_news_list{ max-width: 1000px; margin:0 auto; padding:80px 0 30px; list-style:none;}
.index_news_list li a{ display:block; position:relative; padding-left:240px; border-bottom:1px #ddd solid;}
.index_news_list li a span{ position:absolute; left:0; top:0; display:block; padding:22px 0; font-size:18px; color:#333; font-family: DINCond;  transition:all .5s ease;}
.index_news_list li a em{position:absolute; left:110px; top:0; display:block; padding: 5px 10px; margin: 18px 0; background: #000; color: #fff; font-style: normal; transition:all .5s ease;}
.index_news_list li a p{ margin:0; padding:22px 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:#d7000f;}
.index_news_list li a:hover em{ background: #d7000f;}
.index_news_list .more_index_btn{border-top:none; margin-top: 0; margin-bottom: 120px;}
.index_news_list .more_index_btn .img_menu_more{ text-align: right;}

/* bottom_section */
.bottom_section{ background:#333; padding:50px 0; width:100%; position:relative; z-index:2; text-align: center;}
.bottom_link,.bottom_link a{ color:rgba(255,255,255,.75);}
.bottom_link font{ margin:6px;}
.bottom_link a:hover{ color:#fff; text-decoration:underline;}

.bottom_logo img{ width:50px; margin-bottom:40px;}
.bottom_word img{ width:240px; margin-bottom:40px;}

.main_content{ background:#fff; position:relative; z-index:2; padding:60px 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:#d7000f;}
.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:40%; min-height:350px; background-position:center center; background-repeat:no-repeat;  background-size: cover;  width:100%;}
.section_name{ background: #d7000f; color: #fff; padding: 20px 40px; font-size: 28px; line-height: 40px; margin-top: -40px; display: inline-block;}

.page_guide{color:#000; padding: 50px 0 0; margin-bottom: 50px;}
.page_guide a{ color:#666;}
.page_guide a:hover{ text-decoration:underline;}
.page_guide_txt font{ margin:0 8px;}
.page_guide_txt{ position: relative; padding-bottom: 15px;}
.page_guide_txt:before{ content: ""; width: 28px; height: 3px; background: #d7000f; position: absolute; left: 0; bottom: 0; }
.top_page_guide{color: #fff;}
.top_page_guide a{ color: rgba(255,255,255,.8);}

.news_page_title{ padding-bottom: 60px;}
.news_page_title h1{margin:0; margin-bottom:10px; font-size:36px; color:#fff; line-height:1.4em;}
.news_page_title span{ display:inline-block; margin-right:15px; color: rgba(255,255,255,.8);}
.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;}
.lawyer_link_list ul{ margin:0; padding:0; list-style:none;}
.lawyer_link_list ul li{ border-bottom:1px #e6e6e6 solid; padding-top:15px; margin-bottom: 10px;}
.lawyer_link_list ul.right_menu li{ border-bottom:1px #f0f0f0 solid; padding-top:0; padding-bottom:0;}
.lawyer_link_list ul li a{ display:block; line-height:1em;}
.lawyer_link_list ul.right_menu li a{font-size:16px; line-height:4em; color:#666; position:relative; transition: all 0.3s ease-out;}
.lawyer_link_list ul.right_menu li a:after{ content:"\f18e"; font-family:FontAwesome; position:absolute; top:0; right:0;}
.lawyer_link_list ul.right_menu li.acvite a,.lawyer_link_list ul.right_menu li a:hover{ color:#5E2E1D;}
.news_lawyer_img{ float:left; margin-right:12px; width:31%;}
.news_lawyer_txt{ overflow:hidden;}
.news_lawyer_txt h4{ margin:10px 0; font-size:16px; line-height: 1; color:#666;}
.news_lawyer_txt em{ font-size:12px; line-height: 2em; color:#999; font-style:normal; display:block; 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:#d7000f; 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;}

.box_word .img_menu_more{ position:static; display: inline-block;}
.box_word .img_menu_more a{border: 1px #fff solid; color: #fff;}
.box_word .img_menu_more a:after{ background:#fff;}

.lawyer_guide{ padding-bottom:10px; margin-bottom:30px; border-bottom:1px rgba(255,255,255,.8) solid; position: relative;}
.lawyer_guide .padding15{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.lawyer_guide h2{ font-size:48px; color:#fff; margin:0; margin-bottom:10px; line-height:1.3em; display: block; }
.lawyer_guide span{ display:inline-block; vertical-align: middle; color:#fff; font-size:16px; line-height: 20px; margin-right: 16px;}
.lawyer_guide a{display: inline-block; line-height: 20px; color: #666; margin-right: 20px; }
.lawyer_guide a:hover{ text-decoration:underline;}
.lawyer_main{ margin:90px 0 80px 0;}

.lawyer_btn{ position:absolute; bottom: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 #fff; 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:#fff;}
.lawyer_btn span font{ float:left; line-height:36px; font-size:12px; margin:0; color:#fff;}
.lawyer_btn span.dr:hover{ width:115px;} 
.lawyer_btn span.dv:hover{ width:120px;} 
.lawyer_btn span.dc:hover{ width:90px;} 

.lawyer_phone_email{ color:#fff; font-size:16px; margin-bottom:20px;}
.lawyer_phone_email p{ margin: 15px 0;}
.lawyer_phone_email span{ display: inline-block; margin-right:30px;}
.lawyer_phone_email i{ margin-right:12px; color:rgba(255,255,255,.5); width: 20px; text-align: center;}
.lawyer_phone_email a{ color:#fff; margin-right:50px; }
.lawyer_phone_email a:hover{text-decoration:underline;}

.lawyer_yewu{ margin-bottom:20px;}
.lawyer_yewu span{ display:inline-block; vertical-align:middle; font-size:14px; color: rgba(255,255,255,.5); margin-right: 0;}
.lawyer_yewu p{display:inline-block; color:#fff; margin: 0; font-size:16px;}
.lawyer_yewu a{display:inline-block; color:#fff; margin-right:20px;}
.lawyer_yewu a:hover{text-decoration:underline;}

.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: #d7000f; 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:#d7000f;}

.service_lawyer_search .layui-input{ height: 48px; border-color:#ccc;}
.service_lawyer_search .layui-input:hover{ border-color:#d7000f !important;}
.service_lawyer_search .layui-input:focus,#msg_to_me .layui-textarea:focus{ border-color:#d7000f !important;}
.service_lawyer_search .layui-form-select dl{ top:47px; border:1px #d7000f solid}
.service_lawyer_search .layui-form-selectup dl{ top:auto; bottom: 47px;}
.service_lawyer_search .layui-form-select dl dd.layui-this{ background:#d7000f; }
.service_lawyer_search .layui-btn{ width: 100%; height: 48px; line-height: 48px; background-color: #d7000f;}
.service_lawyer_search p{ color:#999; margin:5px 0; text-align:left; font-size:14px;}
#msg_to_me .layui-input,.lawyer_link_search .layui-input,.lawyer_link_list .layui-input{ margin-bottom: 20px;}
#msg_to_me .layui-textarea{ margin-bottom: 20px; border-color:#ccc;}
#msg_to_me .service_lawyer_search .layui-btn{ width: auto; padding: 0 30px;}
.lawyer_link_search h3,.lawyer_link_list .layui-form h3{ border-bottom: none;}

.word_search ul{ margin:0; padding:0; list-style:none;  margin-bottom:15px; border: 1px #eee solid;}
.word_search ul li{ float:left; width:3.653846153846154%; text-align:center; padding:10px 0;}
.word_search ul li.allword{ width: 5%;}
.word_search ul li a,.word_search ul li span{ font-size:16px; display:inline-block; width:36px; height:36px; line-height:36px; border-radius:100%; text-align:center; color: #666; transition: all .5s; }
.word_search ul li.allword a{ font-size: 14px;}
.word_search ul li span{ color:#ccc;}
.word_search ul li a:hover,.word_search ul li.onthis a{ background:#d7000f; color:#fff;}
.lawyer_link_list .word_search ul li{ width:14.28571428571429%;}
.lawyer_link_list .word_search ul li.two_long{ width:28.57142857142857%;}

.team_list ul{margin:0; padding:0; list-style:none; margin-top: 80px;}
.team_list ul li{ float:left; margin-right:80px; margin-bottom:70px; width:calc((100% - 80px)/2);}
.team_list ul li:nth-child(2n){ margin-right:0;}
.team_list ul li a{ display:block; position:relative; box-sizing: border-box; border-bottom: 1px #ccc solid; transition: all 0.3s ease-out 0s;}
/*.team_list ul li a:before{ content:""; background:#A76B28; width:10%; height:0px; border-radius: 100%;  position:absolute; left:45%; top:80px; z-index:1; transition: all 0.5s ease-out 0s; }*/
.show_lawyer_img{ overflow: hidden;}
.team_list ul li a img{ width:100%; position:relative; z-index:2; transition: all 0.3s ease-out 0s;}
.team_list ul li a:hover img{transform: scale(1.1);}
.team_list ul li a .width8{ padding-left: 30px; box-sizing: border-box;}
.team_list ul li a h2{ font-size:28px; color:#000; margin:20px 0 5px; font-weight: bold; position:relative; z-index:2;}
.team_list ul li a span{ font-size:14px; color:#777; display:inline-block; font-weight: normal; margin-left: 20px;}
.team_list ul li a span i{ margin-right: 6px;}
.team_list ul li a p{ font-size:14px; color:#666; line-height:21px; margin:15px 0; margin-right: 30px; padding-bottom: 15px; border-bottom: 1px #eee solid; position:relative; z-index:2; transition: all 0.3s ease-out 0s;}
.team_list ul li a .team_yewu{ }
.team_list ul li a font{ display: block; color: #999; margin-top: 15px; margin-bottom: 5px;}
.team_list ul li a em{ display:inline-block; position:relative; font-style:normal; line-height: 2em; margin-right: 30px;}
.team_list ul li a:hover span,.team_list ul li a:hover p,.team_list ul li a:hover em{ color: #000;}
.layui-laypage .layui-laypage-curr .layui-laypage-em{ background: #d7000f;}
.layui-laypage a:hover{ color: #d7000f;}

.lawyer_detail{ padding-top:30px;}

#allmap{ height:480px;}
.normal_h{ color:#d7000f; 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 #d7000f solid; color:#d7000f; margin-bottom:10px;}
.msg_ok a:hover{ background:#d7000f; 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:#d7000f; margin-right:6px;}

.title_line{ margin-top:60px;}
.title_line h2{ font-size:16px; color:#d7000f;}
.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:#d7000f; 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; }
.lawyer_show_box ul li a{ color:#999; line-height:1em; display:block;}
.lawyer_show_box ul li a img{ width:100%; max-width:150px;}
.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:2em;}
.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_txt{ margin-left:30px; border-bottom:1px #eee solid; min-height:185px; }

.accordion { width: 100%; margin: 60px 0 0; padding:0; list-style:none;}
.accordion .link { cursor: pointer; display: block; padding: 20px 30px; color: #4D4D4D; font-size: 15px; border: 1px solid #CCC; margin-bottom: 30px; position: relative; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}
.accordion .link font{ display:inline-block; width:15%; line-height: 24px;}
.accordion .link span{ display:inline-block; width:75%; 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: #d7000f; 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:40px;}

.index_lawyer_img{padding:100px 80px; margin-top:0; position:relative; z-index:2; background-repeat: no-repeat; background-position: center center; background-size: cover; }
.index_lawyer_img:before{content:""; position:absolute; width:100%; height:100%; background:rgba(0,0,0,0.5); top:0; left:0;}
.index_lawyer_img_search{ width:50%; position:relative; z-index:2;}
.index_lawyer_content,.index_office_content{ position:relative; z-index:2;}
.index_lawyer_content h2{font-size:46px; line-height:1em; color:#fff; margin:0; }
.index_lawyer_content p{ margin: 50px 0; color: #fff; font-size: 18px; line-height:2em; text-align:justify;}
.index_lawyer_content .inputselect{ height:50px; line-height:50px; margin-bottom:30px; width:60%; font-size:14px;}
.index_lawyer_content .img_menu_more{ display:inline-block;}
.index_lawyer_content .img_menu_more a{border: 1px #fff solid; color: #fff; padding:0 90px; height:50px; line-height:50px; background:#d7000f;}
.index_lawyer_content .img_menu_more a:after{ background:#fff;}
.index_lawyer_content .img_menu_more a:before{ background:#000;}

.index_lawyer_man{ position:absolute; width:100%; height:100%; bottom:0; right:0; z-index:1; background-repeat: no-repeat; background-position: bottom right; background-size: contain;}

.menu_index_btn{ margin-top: -10px; margin-bottom: 40px; padding-top: 0; border-top: 0;}
.menu_index_btn .img_menu_more{text-align: right; margin-right: 50px;}
.menu_index_btn .img_menu_more a{display: inline-block; color: #fff !important; padding: 15px 70px !important; border: 1px #fff solid !important; line-height: 1em !important;}
.menu_index_btn .img_menu_more a:after{ background: #fff;}
.menu_index_btn .img_menu_more a:before{ height: 0 !important;}
.menu_index_btn .img_menu_more a:hover:before{ height: 100% !important;}

.lawyer_base{margin-top: -50px;}
.lawyer_pic{ text-align: center;}
.lawyer_pic img{ max-width:100%;}
.lawyer_content{ margin-top: 50px;}

.left_menu_ul{ margin:0; padding:0; list-style:none; margin-top: 55px; margin-right: 20px; border-right: 1px #ccc solid;}
.left_menu_ul li{ margin-bottom:30px;}
.left_menu_ul li a{font-size:18px; color:#666; position:relative; line-height: 1em; display: block; text-align: right; padding-right: 100px; transition: all 0.5s ease;}
.left_menu_ul li a:hover{color:#d7000f;}

.lawyer_position.lawyer_position_fixed{ position: fixed; top: 60px; z-index: 3;}

.second_section{ position:absolute; width:28px; height:40px; border:1px #fff solid; left:50%; margin-left:-14px; bottom:30px; display:block; z-index:999; border-radius: 12px;}
.second_section i{width: 2px;
	height: 10px;
	background:#fff;
	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;
	}
}

.playvideo{  width: 80px;line-height: 80px; position: absolute; top: 50%; left: 50%; margin-top: -40px; margin-left: -40px;}
.playvideo i{font-size: 80px; color: #fff; }

.about_banner_black:before{content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: linear-gradient(to bottom,rgba(0,0,0,.3),rgba(0,0,0,.0),rgba(0,0,0,.3));}
.all_height .site_width{ height: 100%;}
.about_video_open{ position: absolute; left: 50%; top: 50%; margin-top: -40px; margin-left: -40px;}
.about_video_open a{ display: block;}
.about_video_open i{width: 80px;line-height: 80px; font-size: 80px; color: #fff; }
.about_banner_txt{ position: absolute; left: 15px; bottom: 100px; color: #fff; font-size: 24px; line-height: 1.5em; font-weight: bold;}

.height_padding{ padding: 160px 0;}
.about_big_btn{ position: relative;}
.about_big{ font-size: 24px; color: #000; line-height: 1.5em; margin-bottom: 60px; max-width: 75%;}
.about_btn_add{ position: absolute; top: 0; right: 0; }
.about_btn_add a{display: block; border: 1px #d7000f solid; padding: 20px 90px; color: #d7000f; font-size: 16px;}
.about_btn_add a i{ margin-right: 8px;}
.about_btn_add a:hover{background: #d7000f; color: #fff;}
.about_left{ text-align: right; padding-top: 40px; background-repeat: no-repeat; background-position: left bottom;}
.year{ font-size: 84px; line-height: 1em; color: #d7000f; position: relative;}
.year:before{ content: "+"; position: absolute; right: 10px; top: -50px; font-size: 24px;}
.year_txt{ padding: 20px 10px 20px 0; margin-bottom: 50px; font-size: 14px; color: #666; line-height: 1em; border-bottom: 1px #eee solid; display: inline-block;}
.about_page_box .img_menu_more{ text-align: right;}

.honer_box{position:relative; margin: 80px 0;}
.Honer_top{position:absolute;left:0;top:0;height:100%;width:20%;padding-top:50px;padding-left:40px;background:#d7000f;box-sizing:border-box}
.Honer_top h2{font-size:36px;margin:0;line-height:1.2em;color:#fff}
.honor_content{float:left;margin-left:20%;width:80%; box-sizing:border-box}
.honor_list{background:#fff;padding:60px 30px 80px;border:1px solid rgba(0,0,0,.1);box-sizing:border-box}
.honor_list ul{margin:0;padding:0;list-style:none;position:relative}
.honor_line{width:48px;height:2px;display:inline-block;background:#fff;margin-top:20px}
.Honer_top .more_index_btn{margin-top: 20px; padding-top: 0; border-top: none;}
.Honer_top .more_index_btn .img_menu_more{ text-align: left;}
.Honer_top .more_index_btn .img_menu_more a{padding: 15px 50px; border: 1px #fff solid; color: #fff;}
.Honer_top .more_index_btn .img_menu_more a:after{background:#fff;}
.Honer_top .more_index_btn .img_menu_more a:before{background:rgba(255,255,255,.3);}
.honor_list ul li img{width:100%;vertical-align:middle;border:1px solid rgba(0,0,0,.1);box-sizing:border-box}
.honer_box .owl-carousel{box-sizing:border-box;text-align:center}
.honer_box .owl-carousel .owl-stage-outer{z-index:2}
.honer_box .owl-theme .owl-controls{position:absolute;z-index:1;width:100%;box-sizing:border-box;left:0}
.honer_box .owl-theme .owl-controls .owl-nav{position:relative}
.honer_box .owl-carousel .owl-controls .owl-nav .owl-prev{position:absolute;right:10px}
.honer_box .owl-carousel .owl-controls .owl-nav .owl-prev:before{content:"\f104";font-family:FontAwesome;position:absolute;left:0;top:0;width:40px;text-align:center;font-size:14px;color:rgba(255,255,255,.6);line-height:40px}
.honer_box .owl-carousel .owl-controls .owl-nav .owl-next{position:absolute;right:-30px}
.honer_box .owl-carousel .owl-controls .owl-nav .owl-next:before{content:"\f105";font-family:FontAwesome;position:absolute;left:0;top:0;width:40px;text-align:center;font-size:14px;color:rgba(255,255,255,.6);line-height:40px}
.honer_box .owl-carousel .owl-controls .owl-nav .owl-next:after{content:"";position:absolute;left:0;top:13px;width:1px;height:14px;background:rgba(255,255,255,.6)}
.honer_box .owl-carousel .owl-controls .owl-nav .owl-next:hover:before,.honer_box .owl-carousel .owl-controls .owl-nav .owl-prev:hover:before{color:#fff}

.shuyuan_banner_black{ padding: 260px 0 160px; height: auto;}
.shuyuan_banner_black:before{content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0,0,0,.75);}

.shuyuan_list{ width:80%; position: relative;}
.shuyuan_list ul{ margin: 0; padding: 0; list-style: none;}
.shuyuan_list img{ width: 100%;}
.shuyuan_txt{ position: absolute; width: 25%; top: -100px; right: 0; background: rgba(0,0,0,.1); border: 1px solid rgba(255,255,255,.2); padding: 60px 50px; z-index: 9;}
.shuyuan_txt:before{ content: "+"; position: absolute; top: -10px; right: -10px; color: #fff; display: block; width: 20px; line-height: 20px; font-size: 18px; text-align: center;}
.shuyuan_txt h2{ font-size: 36px; color: #fff; font-weight: bold; margin: 0; margin-bottom: 30px;}
.shuyuan_txt p{ margin: 0; color: #fff; font-size: 16px; line-height: 2em; text-align: justify;}
.shuyuan_txt .more_index_btn{border-top: 1px #f0f0f0 solid;}
.shuyuan_txt .more_index_btn .img_menu_more{ text-align: right;}
.shuyuan_txt .more_index_btn .img_menu_more a{border: 1px #fff solid; color: #fff;}
.shuyuan_txt .more_index_btn .img_menu_more a:after{background:#fff;}
.shuyuan_list .owl-controls{margin-top: -40px; margin-left: 20px; padding-bottom: 10px; position: relative; z-index: 2;}
.shuyuan_list:before{ content: "+"; position: absolute; top: -10px; left: -10px; color: #fff; display: block; width: 20px; line-height: 20px; font-size: 18px; text-align: center; z-index: 9;}
.shuyuan_list .owl-carousel .owl-item:before{content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: linear-gradient(to right,rgba(0,0,0,0),rgba(0,0,0,.0),rgba(0,0,0,.3)); z-index: 9;}

.timeline_box{ padding: 120px 80px 100px;}
#timeline{overflow:hidden; margin:50px auto 0; position:relative;}
#timeline:before{ content: ""; position: absolute; left: 0; top: 75px; width: 100%; height: 29px; background:url("https://www.cwbattlefields.com/css/images/his_line.png") repeat-x;}
#dates{ margin: 0; padding: 0; list-style: none;}
#dates li{list-style:none; float:left;width:150px; font-size:24px;text-align:center;}
#dates a{ display: block; line-height:48px; color: #999; padding-top: 20px; position: relative;}
#dates .selected{font-size:48px; color: #d7000f; padding-top: 0px; padding-bottom:20px;}
#dates a:before{content: ""; position: absolute; left: 50%; margin-left: -3px; bottom: -10px; width: 7px; height: 7px; border-radius: 100%; background: rgba(0,0,0,.6);}
#dates a.selected:before{margin-left: -5px; width: 11px; height: 11px; bottom: 0px; background:#d7000f;}
#dates a:after{content: ""; position: absolute; left: 50%; bottom: -20px; width: 1px; height: 10px; background: rgba(0,0,0,.6);}
#dates a.selected:after{ height: 20px; background:#d7000f;}
#issues{width:100%; min-height: 350px; overflow:hidden; margin: 0; padding: 0; list-style: none;}
#issues li{ width: 1330px; text-align: center; list-style:none; float:left; padding-top: 80px;}
#issues li p{font-size:16px; font-weight:normal; line-height:2em; margin: 5px 0; color: #666;}
#grad_left,#grad_right{width:40px;height:40px; line-height: 40px; text-align: center; border-radius: 100%; position:absolute;bottom:0; border: 1px rgba(0,0,0,.3) solid;}
#grad_left i,#grad_right i{font-size: 18px;  color: rgba(0,0,0,.3);}
#grad_left{left:50%; margin-left: -50px;}
#grad_right{right:50%; margin-right: -50px;}
#next,#prev{position:absolute;bottom:0; width:40px;height:40px; line-height: 40px; text-align: center; border-radius: 100%; border: 1px #000 solid;}
#next i,#prev i{ font-size: 18px; color: #000;}
#next:hover,#prev:hover{background-position:0 -76px}
#next{right:50%; margin-right: -50px;}
#prev{left:50%; margin-left: -50px;}
#next.disabled,#prev.disabled{opacity:0.2}

.page_top_bg{ position: relative; background: linear-gradient(to bottom,#f0f0f0,#3e3a3a); background-position:center center; background-repeat:no-repeat;  background-size: cover; padding-top: 150px;}	
.page_top_bg:before{ content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: linear-gradient(to bottom,rgba(255,255,255,.6),rgba(255,255,255,.0),rgba(0,0,0,.4),rgba(0,0,0,.6));}
.half_height{ height: 50%; min-height: 600px; padding-top: 400px; box-sizing: border-box;}
.half_height:before{ background: linear-gradient(to bottom,rgba(255,255,255,.6),rgba(255,255,255,.0),rgba(0,0,0,.4),rgba(0,0,0,.6));}

.page_banner_big_name h1{ font-size: 48px; line-height: 1em; color: #fff; font-weight: normal; margin: 0; padding-bottom: 15px; border-bottom: 1px rgba(255,255,255,.5) solid; font-family: Arial,Microsoft yahei;}
.page_banner_big_name p{ margin: 20px 0; text-align: right; color: #fff; font-size: 18px; font-family: Arial,Microsoft yahei;}

.page_menu{ border-bottom: 1px rgba(0,0,0,.2) solid;}
.page_menu ul{ margin: 0; padding: 0; list-style: none;}
.page_menu ul li{ float: left; padding:0 30px; position: relative;}
.page_menu ul li:before{content: ""; position: absolute; top: 30px; right: 0px; height: 14px; width: 1px; background: rgba(0,0,0,.2);}
.page_menu ul li:last-child:before{ display: none;}
.page_menu ul li:first-child{ padding-left: 0;}
.page_menu ul li a{display: block; position: relative; padding: 25px 0; color: #000;  transition: all 0.3s ease-out;}
.page_menu ul li a:hover{ color:#d7000f; }
.page_menu ul li a.active{ color:#d7000f; }
.page_menu ul li a.active:before{ content: ""; position: absolute; bottom: 0; left: 0px; height: 2px; width: 100%; background: #d7000f;}

.no_padding_top{ padding-top: 0;}
.faxianpages{ text-align: center;}
.layui-laypage .layui-laypage-curr .layui-laypage-em{background-color:#d7000f;}

.page_news_list{ max-width: inherit; padding: 0 0 50px;}
.index_news_list li a font{ display: block; margin-top: -15px; margin-bottom: 30px; line-height: 2em; color: #999;}
.page_news_list li a{ padding-left: 300px;}
.page_news_list li a p{overflow:inherit ; text-overflow:inherit; white-space:inherit;}
.page_news_list li a em{ padding: 5px 40px;}

.page_practices_list{ padding: 20px 0 0;}
.page_practices_list ul{ margin: 0; padding: 0; list-style: none;}
.page_practices_list ul li{ float: left; width:calc((100% - 160px)/3); margin-right: 80px; margin-bottom: 80px;}
.page_practices_list ul li:nth-child(3n){ margin-right: 0;}
.page_practices_list ul li a{ position: relative; display: block; padding-left: 20px; padding-top: 20px; box-sizing: border-box;}
.leftshape { position: absolute; top: 0px; left: 0px; width: 20px; height: 60%; background-color: #e9eff4; transition: all .3s ease-out 0s;}
.leftshape:before { position: absolute; content: ""; width: 100%; height: 30px; background-color: #e9eff4; left: 0; bottom: -20px; transform: skewY(45deg); transition: all .3s ease-out 0s;}
.topshape { position: absolute; top: 0px; left: 0px; width: 60%; height: 20px; background-color: #e9eff4; transition: all .3s ease-out 0s;}
.topshape:before { position: absolute; content: ""; width: 30px; height: 20px; background-color: #e9eff4; top: 0; right: -20px; transform: skewX(45deg); transition: all .3s ease-out 0s;}
.pra_name{padding: 25px 40px 25px 40px; box-shadow: 0px 0px 10px rgb(0 0 0 / 8%); box-sizing: border-box;}
.page_practices_list ul li a .yewu_icon{ position: absolute; bottom: -25px; right: -10px; width: 70px; height: 70px; line-height: 70px; background-color: #d7000f; font-size: 40px; color: #fff; text-align: center;}
.page_practices_list ul li a:hover .leftshape,.page_practices_list ul li a:hover .leftshape:before,.page_practices_list ul li a:hover .topshape,.page_practices_list ul li a:hover .topshape:before{background-color: #d7000f;}

.page_practices_list ul li a h2{ font-size: 24px; color: #000; margin: 10px 0; line-height: 1em;}
.page_practices_list ul li a h3{ font-size: 13px; color: #666; margin: 0; line-height: 1.5em; height: 6em; display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;}
.page_practices_list ul li a em {
    font-size: 12px; font-style:normal;
    display: block;
    margin-top: 15px;
    color: #d7000f;
}

.fensuo_list {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-top: 90px;
}
.fensuo_list li{ margin-bottom: 80px;}
.fensuo_list li a{ display: block; position: relative; transition: all 0.3s ease-out 0s;}
.fensuo_list li a:before{ content: ""; position: absolute; left: 0; bottom: 0; width: 0; height: 1px; background: #d7000f;  transition: all .3s ease-out 0s;}
.fensuo_img{ overflow: hidden;}
.fensuo_img img{ width: 100%; transition: all 0.3s ease-out 0s;}
.fensuo_txt{ padding-left: 45px;}
.fensuo_txt h2{ color: #000; font-size: 32px; line-height: 1em; margin: 0;}
.fensuo_txt p{ color: #666; margin: 30px 0 0px; line-height: 2em; font-size: 16px;}
.fensuo_list li a:hover:before{ width: 100%;}
.fensuo_list li a:hover .fensuo_img img{transform: scale(1.1);}

.begood{ border-left: 1px #eee solid; padding-left: 15px;}
.begood h2{ color:#d7000f; margin: 0; font-size: 21px; font-weight: bold; line-height: 1em;}
.practices_do{ margin: 0; padding: 0; list-style: none; margin-top: 30px;}
.practices_do li{margin-bottom: 10px; color: #666; font-size: 14px; line-height: 1.8em; text-align: justify; position: relative; padding-left: 1.2em;}
.practices_do li:before{ content: "\f0da"; font-family: FontAwesome; position: absolute; left: 0; top: 0; line-height: 1.8em;}
.begood .lawyer_link_list{ margin-top: 30px;}
.begood .more_index_btn{ margin-top: 0; padding-top: 0; border-top: 0;}
.begood .more_index_btn .img_menu_more a{width: 100%; box-sizing: border-box;}

.article_yewu .team_list ul,.article_yewu .page_news_section,.article_yewu .page_news_list{margin-top: 30px;}

.fensuo_map{ margin-top: 20px;}
.fensuo_add{ margin-bottom: 40px;}
.fensuo_add h2{font-size: 30px; line-height: 1.6; color: #000; margin:0 0 30px 0; font-weight: bold;}
.fensuo_add h4{font-size: 18px; line-height: 1.6; color: #000; margin:0 0 10px 0; font-weight: bold;}
.fensuo_add a{ display: block; position: relative;}
.fensuo_add p{ color: #555; margin: 16px 0; line-height: 1.5em; font-size: 16px; text-indent: -2.5em; padding-left: 2.5em;}
.fensuo_add p span{ color: #999; font-size: 14px;}
.fensuo_add p a{ color: #666; line-height: 1.5em; }
.fensuo_add p a:hover{ color: #d7000f;}

.right_add{ margin: 30px 0;}
.right_add p{ margin: 3px 0;}

.dang_img ul{ margin: 0; padding: 0; list-style: none; margin-top: 40px;}
.dang_img ul li{ margin-bottom: 30px;}
.dang_img img{ width: 100%;}

.title_border{font-size: 30px; line-height: 1.6; color: #d7000f; margin:50px 0 30px 0; border-top: 1px #ddd solid; padding-top: 20px; font-weight: normal;}

.shuyuan_big{ margin:80px 0 40px; font-size: 42px; line-height: 1em; color: #000; text-align: center;}
.shuyuan_big_txt{ margin:40px 0; font-size: 18px; line-height: 2em; color: #575757; text-align: center;}
.shuyuan_item{ background: url("https://www.cwbattlefields.com/css/images/shuyuan_door.png") no-repeat top center; margin: 80px 0; min-height: 140px; text-align: center;}
.shuyuan_item h2{margin:0; font-size: 36px; line-height: 1em; color: #000; padding: 35px 0 15px;}
.shuyuan_item p{ margin: 0; font-size: 18px; line-height: 1em; color: #575757; }

.shuyuan_item_list img{ width:100%; vertical-align:middle;}
.shuyuan_item_list .visit_txt{ padding:40px 0 30px 90px; position:relative;}
.shuyuan_item_list .visit_txt:before{content: ""; position:absolute; top:50px; left:-60px; background: #d7000f; width: 120px; height: 6px;}
.shuyuan_item_list .floatleft .visit_txt{ padding:60px 90px 30px 0;}
.shuyuan_item_list .floatleft .visit_txt:before{top:70px; left:auto; right:-60px;}
.shuyuan_item_list .visit_txt h2{ margin:0; font-size:24px; color:#000;}
.shuyuan_item_list .visit_txt p{ margin:0; font-size:16px; color:#666; line-height:2em; text-align: justify;}

.join_box{ margin: 60px 0 0;}
.join_main_img img{ width: 100%;}
.join_main_txt h1{margin:0; font-size: 42px; line-height: 1em; color: #000;}
.join_main_txt p{margin:35px 0 0; font-size: 18px; line-height: 1.8em; color: #575757;}
#join{ padding-top: 60px;}

.mobile-inner-nav .accordion{ margin-top:0;}

.article_yewu .more_index_btn {
    margin-top:0; padding-top:0; border-top:none;
}
    .article_yewu .more_index_btn .img_menu_more { text-align:left;
    }