@charset "utf-8";
/* public CSS*/
body {
  margin: 0;
  color: #333;
  line-height: 180%;
  font-size: 14px;
  font-family: "microsoft yahei",Arial,Verdana,sans-serif;
}
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, select, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
}
a, a:link, a:visited, a:active{ text-decoration:none; color:#333}
a:hover{color:#A20612; text-decoration:underline}
ul{ list-style:none}
i, em{font-style: normal;}
.fl{float:left;}
.fr{float:right;}
.red{color:#A20612}
.red a{color:#A20612}
/*IF html5*/
article,aside,dialog,footer,header,section,nav,figure,menu{display:block}
/*.container{ margin-left:auto; margin-right:auto; width:1000px;}*/
.clearfix:after{
  content: "020"; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;  
  }
.clearfix {zoom: 1; }
.hei_over{height:auto; overflow:hidden}
.w600{width:600px;}
.w360{width:360px;}
.bg-main{background:#A20612}
.bg-gray{background:#EEEEEE}
.bg-main-bg{background:url(../images/main_bg_1.jpg) no-repeat center bottom #A20612;}
.bg-gray-bg2{background:url(../images/main_bg_2.jpg) no-repeat center bottom #EFEFEF;}
.mt-10{margin-top:10px}
.mt-15{margin-top:15px}
.mt-20{margin-top:20px}
.mt-30{margin-top:30px;}
.mt-40{margin-top:40px;}
.f_s_14{ font-size:14px}
.ta-c{ text-align:center}
.ta-r{ text-align:right}
.p-b-40{padding-bottom:40px}
/*header And footer*/
.headBox{height:auto; background-color: #fff; }
.headBox .headlogo{height:100px; position:relative; z-index:15000}
.headBox .head_logo{ float:left; text-align:left}
.headBox .head_logo a{float:left; display:inline-block; width:420px; height:80px; margin-top:10px; background-image:url(../images/logo.png); background-repeat:no-repeat; background-position:left center; font-size:0; line-height:0; text-indent:-666px}
.headBox .head_logo .head_title{float:left; display:inline-block; margin-top:15px; padding-left:20px; line-height:165%;}
.headBox .head_logo .head_title strong{font-size:15px;}
.headBox .head_logo .head_title span{font-size:13px; display:inline-block; line-height:120%; padding-top:3px}
.headBox .head_logo .head_title span small{font-size:13px;}
.top_nav{position: absolute; top:25px; right:0; z-index:99;}
.top_nav li, .top_nav li a{display:inline-block; height:50px; width:50px}
.top_nav li{margin-left:10px}
.top_nav li a{ background:url(../images/shearIcon.png) no-repeat; border:#ccc 1px solid; border-radius:50%;}
.top_nav li a.wx{ background-position:0 0; }
.top_nav li a.wb{ background-position:-48px 0; }
.top_nav li a.wx:hover{border:#86C610 1px solid; }
.top_nav li a.wb:hover{border:#D92723 1px solid; }
.js-wxshow{ position:relative}
.wxshowBox{ display:none; position:absolute; z-index:1500; border:#e5e5e5 1px solid; background-color:#fff; padding:5px 5px 8px 5px; left:50%; margin-left:-66px}
.wxshowBox img{ display:block}
.wxshowBox span{ display:block; text-align:center; font-size:13px}

.arrow-up {
    width:0; 
    height:0; 
    border-left:6px solid transparent;
    border-right:6px solid transparent;
    border-bottom:6px solid #ccc;
	position:absolute;
	top:-6px;
	left:50%;
	margin-left:-6px
}
.arrow-up2 {
    width:0; 
    height:0; 
    border-left:6px solid transparent;
    border-right:6px solid transparent;
    border-bottom:6px solid #fff;
	position:absolute;
	top:1px;
	left:50%;
	margin-left:-6px
}
/*nav*/
.ourService{display:inline-block; width:240px; position:relative; vertical-align:top}
.ourService .th{ display:inline-block; width:240px; line-height:44px; background-color:#81050D; text-align:center; font-size:16px; color:#fff}
.ourService .th span{margin-left:10px}
.ourServiceSub { background-color:rgba(51, 51, 51, 0.7); position:absolute; z-index:100; color:#fff; width:240px; height:auto; display:none; overflow:hidden}
.ourServiceSub dl{ padding:8px 5px 7px 15px; border-bottom:rgba(255,255,255,0.3) 1px solid}
.ourServiceSub dl:last-child{border-bottom:none}
.ourServiceSub dt{font-size:15px; font-weight:normal; padding-bottom:2px}
.ourServiceSub dd{margin-top:1px}
.ourServiceSub dl:hover{ background-color:#A20612}
.ourServiceSub dl:hover dt{color:#f80}
.ourServiceSub a{ color:#fff; display:inline-block; margin-right:8px; font-size:13px}
.navIcon{ display:none;}
.nav{display:inline-block; height:44px; line-height:44px; text-align:left; overflow:hidden; vertical-align:top}
.nav li{ display:inline-block; height:44px}
.nav li span{ display:block; line-height:44px;}
.nav li span a{ display:block; padding:0 30px; color:#fff; text-align:center; font-size:16px;}
.nav li span a em{ font-size:12px;}
.nav li span a:hover{ text-decoration:none}
.nav li.current span a{background-color:#A20612;}
/*footer*/
.footNavCol{ display:inline-block; float:left; width:16.5%; min-height:172px; vertical-align:top; border-left:#555 1px solid; margin-left:-1px; padding:4px 3%}
.footNavCol:first-child{border-left:#555 0px solid;}
.footNavCol dt{ color:#fff; font-size:15px; font-weight:normal; padding-bottom:5px}
.footNavCol dd{ line-height:160%}
.footNavCol a{ display:inline-block; width:100%; color:#CCC}
.copyright{text-align:center; font-size:13px; color:#ccc; font-family: Arial; padding:15px 0; line-height:180% }
.copyright a{color:#ccc;}
.copyright a:hover{ text-decoration:underline}
.copyright span, .copyright strong{ display:inline-block; margin-right:10px}
/*slider banner*/
.bannerimg{padding:0}
.hiSlider{height:460px; margin:0 auto; overflow: hidden;}
.hiSlider-item{float: left; width:100%; height:460px}
.hiSlider-item a{display:block; height:460px; width:100%; background-repeat:no-repeat; background-position:top center}
.hiSlider-item img{ display:block; width:100%; margin:0 auto;}
.hiSlider-pages,
.hiSlider-title{position:absolute; z-index:3}
.hiSlider-btn-prev,
.hiSlider-btn-next{position:absolute; z-index:5; top:50%; height:50px; width:50px; background:url(../images/all.png?v=32131) no-repeat; background-size:100px 50px; margin-top:-26px; text-indent:-200px; overflow:hidden; opacity:0.8; filter:alpha(opacity:80); border-radius:50%}
.hiSlider-btn-prev{left:20px; background-position:0 0}
.hiSlider-btn-next{right:20px; background-position:-50px 0}
.hiSlider-btn-prev:hover{border:#fff 2px solid; background-position:-2px -2px}
.hiSlider-btn-next:hover{border:#fff 2px solid; background-position:-52px -2px}
.hiSlider-pages{bottom:10px; text-align:center; width:100%}
.hiSlider-pages a{height:10px; width:10px; margin:0 6px; display:inline-block;overflow:hidden;text-indent:-100px;font-size:0; border-radius:50%;background:#fff; opacity:0.8;filter:alpha(opacity:80)}
.hiSlider-pages a.active{background:#A20612; opacity:1; filter:alpha(opacity:100)}
/*section*/
.container-fluid{padding:0}
.conBox{padding-top:50px; padding-bottom:50px}
.title_h{height:auto; line-height:36px; text-align:center; margin-top:10px}
.title_h strong{ display:inline-block; font-size:22px}
.title_h strong em{display:inline-block; font-size:12px; line-height:22px; vertical-align: top; padding:6px}
.t-1{color:#333}
.t-2{color:#fff}
.companyInt{ font-size:16px; color:#666; text-align:left; line-height:180%; text-indent:32px}
.companyInt_contact{ text-align:center;}
.companyInt_li{ text-align:center; display:inline-block; font-size:0; margin:0 25px}
.companyInt_li i, .companyInt_li span{ display:inline-block; vertical-align:top}
.companyInt_li span{ font-size:16px; color:#A20612; height:40px; line-height:40px;}
.companyInt_li i{ width:40px; height:40px; box-sizing:border-box; border:#80050C 1px solid; border-radius:50%; margin-right:10px}
.companyInt_li i.i-tel,
.companyInt_li i.i-email,
.companyInt_li i.i-addr{ background:url(../images/intr_icon.png?v=321) no-repeat }
.companyInt_li i.i-tel{ background-position:0 -1px}
.companyInt_li i.i-email{ background-position:-41px -1px }
.companyInt_li i.i-addr{ background-position:-81px -1px}
a.a-more{ display:inline-block; padding:5px 22px 5px 25px; border:#e8e8e8 1px solid; border-radius:3px; text-align:center; color:#bbb}
a.a-more i{ display:inline-block; width:12px; height:11px; background:url(../images/more_icon.png) no-repeat center 0; margin-left:5px}
a.a-more:hover{color:#A20612; border:#A20612 1px solid; text-decoration:none}
a.a-more:hover i{ background-position:center -11px}
.advantage_col{ padding-bottom:15px; margin-bottom:15px; min-height:320px; text-align:center}
.advantage_col img{ width:80px;margin:0 auto}
.advantage_col strong{ display:block; position:relative; text-align:center; font-size:18px; margin-top:10px; color:#fff}
.advantage_col strong i{ display:inline-block; width:40px; height:40px; border-radius:50%; position:absolute; z-index:20; background-color:rgba(255,191,0,0.8); color:#fff; text-align:center; line-height:40px; font-size:20px; top:-46px; left:50%; margin-left:-20px; font-weight:normal}
.advantage_col span{ display:block; padding:0 2px; text-align:center; line-height:160%; margin-top:10px; color:#fff; font-size:12px}
.title_h2{height:40px; line-height:40px; border-top:#e8e8e8 1px solid; text-align:center}
.title_h2 strong{ display:inline-block; font-size:18px; font-weight:normal}
.newsBox{ margin-bottom:15px}
.newsBox .newsImg{ display:block}
.newsBox .newsImg img{ width:100%}
.newsList li{height:26px; line-height:26px; }
.newsList li a{display:inline-block; width:100%; overflow:hidden; overflow: hidden;white-space: nowrap; text-overflow: ellipsis;}
.caseRow li{margin-bottom:20px;}
.caseRow .caseRowLi{overflow:hidden; position:relative;}
.caseRow .caseRowLi img{width:100%; min-height:200px; display:block; max-height:230px}
.caseRow .caseRowLi .mbg{display:block; position:absolute; width:100%; height:100%; left:0; top:0; z-index:10; background:url(../images/imgbg.png) repeat-x left bottom;}
.caseRow .caseRowLi .mbg2{display:block; position:absolute; width:100%; height:100%; left:0; top:0; z-index:10; background-color:rgba(0,0,0,0.6)}
.caseRow .caseRowLi p{display:block; position:absolute; width:100%; padding:0 6%; height:auto; text-align:left; left:0; bottom:0; z-index:20; color:#fff}
.caseRow .caseRowLi p a strong{display:block; height:auto; font-size:16px; color:#fff; line-height:140%; font-weight:normal; padding:15px 0; /*overflow: hidden; white-space: nowrap; text-overflow: ellipsis; */}
/*.caseRow .caseRowLi p a span{ color:rgba(255,255,255,0.8); font-size:14px; line-height:140%;}*/
.caseRow .caseRowLi p a:hover{ text-decoration:none}
.caseRow .caseRowLi p.hover a strong{font-size:24px}
.special_col{ background-color:#fff;  padding-bottom:15px; margin-bottom:15px}
.special_col img{ width:100%}
.special_col strong{ display:block; text-align:left; font-size:18px; margin-top:10px}
.special_col span{ display:block; text-align:left; line-height:160%; margin-top:10px; color:#666}
.title_3{ text-align:center; font-size:18px}
.title_3 strong{font-weight:normal}
.f_links{text-align:left; font-size:0;}
.f_links li{ display:block; float:left; width:20%; line-height:180%; font-size:14px; overflow: hidden;white-space: nowrap; text-overflow: ellipsis;}
.f_links a{ color:#666}

/* sub page */
.pagelocal{height:34px; border-bottom:#e5e5e5 1px solid; font-size:12px}
.pagelocal span{ float:right; color:#999}
.pagelocal span a{ color:#999; }
.pagelocal span a:hover{color:#A20612;}
.sub_nav{width:100%; font-size:0; text-align:center; margin-top:20px}
.sub_nav li{ display:inline-block; padding:0 10px; height:34px; line-height:34px; font-size:17px}
.sub_nav li a{display:inline-block; padding:0 8px; line-height:34px;}
.sub_nav li a:hover{ text-decoration:none}
.aboutbanner{min-height:190px; position:relative; overflow:hidden; text-align:center; background-color:#EDEBEE}
.aboutbanner img{ display:block; height:auto; width:auto; margin:0 auto}
.aboutbanner strong{ display:block; position:absolute; left:0; top:0; background-color:#A20612; font-size:16px; color:#fff; padding:5px 15px 6px 15px; font-weight:normal}

.con_detial_box{text-align:left; font-size:15px; line-height:180%; padding-bottom:40px}
.con_detial_box p{margin:15px 0; font-size:15px;}
.con_detial_box img,
.con_detial_box p img,
.con_detial_box div img{ max-width:100%}

.newlist_li_class li{ height:auto; overflow:hidden; border-bottom:#ccc 1px dotted; padding:40px 0}
.newlist_li_class li span.time{ font-size:18px; color:#ccc; text-align:center; padding-top:10px; padding-bottom:10px}
.newlist_li_class li a.newsImg{ display:block; overflow:hidden; border:#ccc 1px solid}
.newlist_li_class li a.newsImg img{display:block; width:100%; height:auto}
.newlist_li_class li p strong{display:block; font-size:22px; font-weight:normal; }
.newlist_li_class li p strong a{color:#333}
.newlist_li_class li p strong a:hover{color:#A20612;}
.newlist_li_class li p span{display:block;color:#666; font-size:15px; margin-top:15px}
/*.cases_ul_sub{width:1040px}
.cases_ul_sub li{display:block; width:240px; float:left; margin-right:20px; margin-top:10px; margin-bottom:10px}
.cases_ul_sub li a{ display:block}
.cases_ul_sub li .img{display:block; width:240px; height:150px; overflow:hidden }
.cases_ul_sub li img{width:240px; min-height:150px; display:block}
.cases_ul_sub li span{display:block; height:30px; line-height:30px; overflow:hidden; font-size:14px; margin-top:2px }*/

.class_page{margin-top:40px; text-align:center; font-size:14px; height:40px}
.class_page span{ display:inline-block; margin:0 4px}
.class_page select{border:#ccc 1px solid}

.con_detial_title2{color:#333; padding-top:30px; font-size:22px; text-align:left; line-height:160%}
.con_detial_sentime{color:#999; margin:5px 0; height:30px; line-height:30px; text-align:left}

.other_news{ text-align:center; line-height:30px; font-size:14px; margin-top:40px}
.other_news span{ display:block; text-align:left;}
.other_news span a{ color:#A20612}

.svDl_nav dt{ font-size:20px; font-weight:normal; color:#999}
.svDl_nav dd{ padding:10px 0}
.svDl_nav dd a{ display:block; line-height:200%; font-size:16px}
.sv_title{ font-size:22px; padding-bottom:15px; text-align:center; border-bottom:#e5e5e5 1px solid}

@media screen and (max-width: 720px) {
	body{ overflow-x:hidden}
    .headBox .head_logo .head_title, .top_nav{ display:none}
	.headBox .headlogo{height:70px;}
	.headBox .head_logo a{width:300px; height:40px; margin-top:15px; background-image:url(../images/logo.png); background-size:260px 40px}
	.ourService{width:120px;}
	.ourService .th{width:120px;}
	.ourServiceSub {width:240px; background-color:rgba(51, 51, 51, 0.9); height:auto; display:none}
	
	.navIcon{ display:block; float:right; width:44px; height:44px; background:url(../images/navicon.png) no-repeat right center; background-size:26px 26px}
	.nav{display:none; position:absolute; z-index:20000; width:200px; right:0; height:auto; background-color:#f5f5f5}
	.nav li{ display:block; height:44px; border-bottom:#e5e5e5 1px solid}
	.nav li span{ display:block; line-height:44px; text-align:left}
	.nav li span a{ color:#666; text-align:left}
	
	.hiSlider{height:auto;}
	.hiSlider-item{width:100%; height:140px; overflow:hidden}
	.hiSlider-item a{height:140px; background-size:120%}
	.hiSlider-item img{height:200px; margin-left: -65%}
	.hiSlider-btn-prev,
	.hiSlider-btn-next{display:none}
	.hiSlider-pages{bottom:5px;}
	.hiSlider-pages a{height:5px; width:5px; background:#ccc; }
	.companyInt_contact{ text-align:left;}
	.companyInt_li{ text-align:left; display:inline-block; font-size:0; margin:5px 0}
	.svDl_nav dd{height:auto; overflow:hidden}
	.svDl_nav dd a{display:inline-block; float:left; width:33.3%}
	.sv_title{margin-top:20px;}
	
	.sub_nav{width:100%; font-size:0; text-align:center; margin-top:20px}
	.sub_nav li{padding:0 5px;font-size:16px}
	.aboutbanner{height:auto; min-height:50px;}
	.aboutbanner img{height:180px; margin-left:-70%}
	.f_links li{width:33.3%}
	
	.footNavCol{width:50%}
	.footNavCol{border-left:#555 0px solid;}
}