/* CSS Document */
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;
}
ul{ list-style:none}
a, a:link, a:visited, a:active{ text-decoration:none; color:#333}
a:hover{color:#FB0613; text-decoration:none;}
.clear{ height:0px; line-height:0px; overflow:hidden; clear:both; font-size:0px;}
.container-fluid{padding:0}
.mt-60{margin-top:60px;}
.service_bg{background: url(../images/service_bg.jpg) no-repeat center; background-size: cover}
.consult_bg{background: url(../images/contact_bg.jpg) no-repeat center; background-size: cover}
.opacity_bg{background-color: rgba(0,0,0,.8);}
.box_bg_gray{background-color: #F0F1F5}
.box_bg_foot{background-color: #333}
.box_bg_main{background-color: #ed1c24}

/*header*/
.headerBox{font-size: 0;}
.head_title{padding:12px 0 4px 0; display: inline-block;}
.head_title a{display: block; float: left;}
.head_title img{display: block; float: left;}
.head_share {float: right; margin-top:23px; text-align: left;}
.head_share li{display: inline-block; font-size: 24px; color: #DA251D; margin-left: 15px; vertical-align: middle;}
.head_share li i{display: inline-block; width:38px; height: 38px; background-color: #ccc; margin:0; float: left; background:url(../images/share_icon.png) no-repeat 0 0;}
.head_share li i.tel{background-position: 0 0}
.head_share li i.wx{background-position: 0 -38px}
.head_share li i.wb{background-position: 0 bottom}
.head_share li span{display: inline-block; margin-left: 5px}
.head_share li span em{font-style: normal; font-size: 13px; color: #888; display: block;}

/*menu*/
.menu{background-color:#A20612; height:56px;}
.menu ul {height: 56px; display: flex; align-items:center;}
.menu ul li{ flex:1; text-align: center; position:relative; z-index:99;}
.menu ul li > a{display: block; height: 56px; font-size:16px; color: #fff; line-height: 120%; padding-top: 12px; box-sizing:border-box; -webkit-transition: all 0.8s; -o-transition: all 0.8s; transition: all 0.8s;}
.menu ul li > a span{display: block; color: rgba(255,255,255,.5); font-size: 12px}
.menu ul li > a:hover{background-color: #C40614}
.menu ul li.active > a{background-color: #C40614}

.menu ul li.navItem{ position: relative;}
.menu ul li.navItem > div{display: none; }
.menu ul li.navItem:hover{background-color: #C40614}
.menu ul li.navItem:hover div{display: block; position: absolute; width:100%; top:56px; background-color: rgba(196,6,20,.8);}
.menu ul li.navItem:hover div a{display: block; height: 46px; line-height: 46px; text-align: center; font-size: 15px; color: #fff; border-bottom: rgba(255,255,255,.2) 1px dotted}
.menu ul li.navItem:hover div a:hover{background-color: rgba(196,6,20,.8);;}

/*footer*/
.foot_intr{}
.foot_intr img{margin-top: -5px}
.foot_contact{color:#fff; margin-top: 20px; padding-left: 5px}
.foot_contact dd{font-size: 18px; font-weight: bold;}
.foot_contact ul{margin-top: 10px; font-size: 13px}
.foot_contact li{color:#ddd;}

.foot_QR ul{text-align: right}
.foot_QR li{margin-top: 10px; color:#ccc; display: inline-block;}
.foot_QR li p{display: inline-block; margin-right: 20px; text-align: center}
.foot_QR li p img{display: block;}
.foot_QR li p strong{display: block; font-weight: normal; padding-top: 5px}

.foot_menu {display: flex; line-height: 30px; margin-top: 5px}
.foot_menu li{ flex:1; text-align: left; position:relative; z-index:99;}
.foot_menu li > a{display: block; font-size:14px; color: #fff; font-weight: bold}
.foot_menu li > a span{display: block; color: rgba(255,255,255,.7); font-size: 13px}

.foot_menu li.navItem div{display: block;width:100%;}
.foot_menu li.navItem div a{display: block; width:100%; font-size: 13px; color: #fff; overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.foot_menu li.navItem div a:hover{color:#FB0613;}

.other_link{border-top: rgba(255,255,255,.2) 1px solid; margin-top: 40px; padding-top: 30px; font-size: 13px; color: #ccc}
.other_link a{display: inline-block; margin-right: 6px; margin-left: 4px; color: #ccc}
.other_link a:hover{color:#FB0613;}
.footer{ background-color:#000; padding:20px 0;}
.copyRight{text-align: center; color:rgba(255,255,255,.7); font-size: 13px}

/*slider banner*/
.banner-img{padding:0; background-color:#f0f0f0}
.banner-img .hiSlider{height:460px; margin:0 auto; overflow: hidden;}
.banner-img .hiSlider-item{float: left; width:100%; height:460px}
.banner-img .hiSlider-item a{display:block; height:460px; width:100%; background-repeat:no-repeat; background-position:top center; background-size:cover}
.banner-img .hiSlider-item img{ display:block; width:100%; margin:0 auto;}
.banner-img .hiSlider-pages,
.banner-img .hiSlider-title{position:absolute; z-index:3}
/*.banner-img .hiSlider-btn-prev,
.banner-img .hiSlider-btn-next{position:absolute; z-index:5; top:50%; height:50px; width:50px; background:url(../images/all.png) no-repeat; background-size:100px 50px; background-color: rgba(0,0,0,.2); margin-top:-26px; text-indent:-200px; border-radius:50%; overflow:hidden; opacity:0.2;filter:alpha(opacity:20)}
.banner-img .hiSlider-btn-prev{left:20px; background-position:0 0}
.banner-img .hiSlider-btn-next{right:20px; background-position:-50px 0}
.banner-img .hiSlider-btn-prev:hover,
.banner-img .hiSlider-btn-next:hover{background-color: rgba(0,0,0,.5); opacity:0.6;filter:alpha(opacity:60)}*/
.banner-img .hiSlider-pages{bottom:12px; text-align:center; width:100%}
.banner-img .hiSlider-pages a{height:8px; width:16px; margin:0 3px; display:inline-block;overflow:hidden;text-indent:-100px;font-size:0; border-radius:4px;background:#fff; opacity:0.6;filter:alpha(opacity:60)}
.banner-img .hiSlider-pages a.active{background:#B20000; width:24px; opacity:1; filter:alpha(opacity:100)}

/*模板框架通用*/
.box_padding{padding:80px 0;}
.content_title{ text-align: center;}
.content_title img{margin:0 auto;}
.content_title strong{display: block; font-size: 42px; color:#222; font-weight: normal; font-weight: bold;}
.content_title strong p{display: inline-block; color: rgba(0,0,0,.6); font-size: 22px; margin-top: 20px; padding-top:8px; border-top:rgba(0,0,0,.7) 1px solid; font-weight: normal;}
.content_title strong.c-f{color:#DA251D;}
.content_title strong.c-f p{color:rgba(255,255,255,.7); border-top:rgba(255,255,255,.7) 1px solid;}
.content_title > div{text-align: center; font-size: 16px; color: #888; margin-top: 40px}
.content_title > div.c-f{color:rgba(255,255,255,.8);}
.content_title > div p{margin:0;}
.content_more{margin-top: 50px; text-align: center;}
.content_more a{display: inline-block; margin-top: 25px; color: rgba(255,255,255,.8); background-color:#D9251D; padding:1px 15px; -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s}
.content_more a:hover{background-color:#B20000; color:#fff}

.bgicon_1{background: url(../images/bg_icon_1.png) no-repeat right bottom}
.bgicon_2{background: url(../images/bg_icon_2.png) no-repeat top left}

/*客户展示*/
.case-item{margin-top: 50px;}
.case-item li:nth-child(n+5){margin-top: 35px;}
.case-item li div{position: relative; overflow: hidden;}
.case-item li div > img{width:100%; min-height: 188px; display: block;}
.case-item li a{position: absolute; z-index: 5; width:100%; height: 100%; left: 0; top:0; display: flex; justify-content:center; align-items:center; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.case-item li a > strong{font-size: 16px; display: block; width:100%; height: 34px; line-height: 34px; overflow: hidden; color: #fff; background-color: rgba(0,0,0,.5); text-align: center; padding:0 10px; font-weight: normal; position: absolute; z-index: 15; bottom:0; -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s;}
.case-item li a > strong img{display: inline-block; vertical-align: middle; margin-right: 5px; position: relative; top:-2px;}
.case-item li a p{display: none; text-align: center;}
.case-item li a p strong{font-size: 20px; display: block; padding:10px 20px; color: #fff;}
.case-item li a p span{display: inline-block; color: rgba(255,255,255,.9); padding:1px 12px; font-size: 13px}

.case-item li a:hover{background-color: rgba(218,37,29,.8)}
.case-item li a:hover > strong{bottom:-40px;}
.case-item li a:hover p{display: block;}

@media screen and (max-width: 720px) {
  .case-item{padding-left: 15px; padding-right: 15px; padding-bottom: 0}
  .case-item li{margin-bottom: 20px}
  .case-item li:nth-child(n+5){margin-top: 0}
  .case-item li:nth-child(n+3){margin-top: 35px;}
}

/*服务内容*/
.advantage{margin-top: 50px}
.advantage_col{ display: block; padding:15px 0; min-height:320px; color: #fff; text-align: center; -webkit-transition: background-color 0.2s; -o-transition: background-color 0.2s; transition: background-color 0.2s; border-radius: 2px}
.advantage li:nth-child(n+5) .advantage_col{margin-top: 10px;}
.advantage_col i{ display:block; width:60px; height:60px; margin:0 auto; font-style: normal; border-radius:50%; border:rgba(255,255,255,.8) 2px solid; color:#fff; text-align:center; color:rgba(255,255,255,.8); line-height:58px; font-size:26px; font-weight:bold; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.advantage_col strong{ display:block; position:relative; text-align:center; font-size:18px; margin-top:20px; line-height: 170%; color: #fff; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.advantage_col strong span:last-child{display: block; font-size: 15px; font-weight: 500; color: rgba(255,255,255,.8); font-weight: normal;}
.advantage_col > div{ display:inline-block; text-align:center; line-height:160%; margin-top:10px; color:rgba(255,255,255,.8); font-size:16px; border-top:rgba(218,37,29,.8) 1px solid; padding-top: 12px}
.advantage_col > div p{margin:0;}
.advantage_col:hover{background-color: rgba(255,255,255,.1)}
.advantage_col:hover i{background-color: rgba(218,37,29,.8); color: #fff; border:rgba(218,37,29,1) 2px solid; }
.advantage_col:hover strong{color:#FB0613;}

/*新闻动态*/
.news-comm {display: block; background-color: #fff}
.news-comm > a{display: block; height: 272px; overflow: hidden;}
.news-comm > a img{width:100%;}
.news-comm > div {padding:10px;}
.news-comm > div strong{font-size: 16px; display: block; height: auto;}
.news-comm > div p{font-size: 13px; color: #999; height: 50px; line-height: 170%; margin-top:10px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3; overflow: hidden;}
.news-comm > div > a{display: inline-block; margin-top: 15px; border-top:#D9251D 1px solid; padding:1px; -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s;}
.news-comm > div > a:hover{color:#B20000;}

.news-list li{}
.news-list li:nth-child(n+2){margin-top: 17px;}
.news-list li > a{display: block; height: 92px; padding:11px; background-color:#fff;-webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; }
.news-list li > a .time{ width:80px; height: 70px; float: left; background-color: #444; color: #fff; text-align: center; margin-right: 20px; font-size: 13px; -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s;}
.news-list li > a .time strong{display: block; font-size: 26px; line-height: 26px; font-weight: normal; padding-top: 12px}
.news-list li > a .time strong small{font-size: 14px}
.news-list li > a .time span{display: block; line-height: 120%; color: rgba(255,255,255,.6);}
.news-list li > a .info{flex:1; padding-left: 20px; height: 70px; overflow: hidden;}
.news-list li > a .info strong{font-size: 16px; display: block; height: auto; line-height: 150%}
.news-list li > a .info p{font-size: 13px; color: #999; line-height: 160%; margin-top:5px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden; min-height: 65px}
.news-list li > a:hover{box-shadow: 1px 1px 10px #ccc}
.news-list li > a:hover .time{background-color:#FB0613 }

/*客户展示*/
.customer-item{margin-top: 50px}
.customer-item li > a{display: block;}
.customer-item li img{width:100%; display: block;}
.customer-item li div{text-align: center; font-size: 12px; border-color: #e5e5e5; border-style: solid; border-width: 0 1px 1px 1px; padding:5px 15px 25px 15px;}
.customer-item li:hover div{background-color: #f0f0f0}
.customer-item li div strong{font-size: 16px; display: block; padding:10px 0; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; text-align: center; position: relative;}
.customer-item li div strong:after{content: ""; display: block; width:50px; height: 2px; background-color: #D9251D; position: absolute; bottom:0; left: 50%; margin-left: -25px}
.customer-item li div p{font-size: 13px; color: #999; line-height: 170%; margin-top:20px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden; min-height: 65px}
.customer-item li div a{display: inline-block; margin-top: 25px; border-top:#D9251D 1px solid; padding:1px; -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s;}
.customer-item li div a:hover{color:#B20000;}

@media screen and (max-width: 720px) {
  .customer-item{padding-left: 15px; padding-right: 15px; padding-bottom: 0}
  .customer-item li{margin-bottom: 20px}
}

/*二级页面*/
.subpage-banner{text-align: center; overflow: hidden;}
.subpage-banner img{display: block; max-width: 100%}
.column-title{ text-align: center; margin-top: 60px}
.column-title strong{ display: block; font-size: 26px; padding-bottom: 15px; position: relative;}
.column-title strong:after{content: ""; display: block; width:50px; height: 2px; background-color: #D9251D; position: absolute; bottom:0; left: 50%; margin-left: -25px}
.column-content{padding:50px 0 60px 0}
.content{font-size: 16px; padding:0 20px;}
.content p{margin-bottom: 10px}
.content p img, .content img{max-width: 100%}

.team-item{margin-top: 60px}
.team-item li{display: flex}
/*.team-item li:nth-child(n+3){margin-top: 35px;}*/
.team-item li > a{display: block; width:25%; max-height: 200px; overflow: hidden;}
.team-item li > a img{width:100%;}
.team-item li > div{flex:1; padding-left: 40px;}
.team-item li > div strong{font-size: 18px; display: block;}
.team-item li > div strong span{display: block; font-size: 16px; font-weight: 200; margin-top: 5px}
.team-item li > div p{font-size: 14px; color: #666; line-height: 170%; margin-top:15px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden; min-height: 65px}
.team-item li > div > a{display: inline-block; margin-top: 25px; color: rgba(255,255,255,.8); background-color:#D9251D; padding:1px 14px; -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s;}
.team-item li > div > a:hover{background-color:#B20000; color:#fff;}

.newsRecommend{background-color: #e8e8e8; padding:15px 0 10px 0;}
.newsRecommend > a{display: block; max-height: 380px; overflow: hidden; }
.newsRecommend > a img{width:100%;}
.newsRecommend > div{padding-left: 20px;}
.newsRecommend > div strong{font-size: 24px; width:90%; line-height: 140%; display: block; padding-top: 10px}
.newsRecommend > div p.time{color: #999; padding:20px 0;}
.newsRecommend > div p.desc{font-size: 16px; color: #666; line-height: 180%; margin-top:5px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden; min-height: 65px}
.newsRecommend > div > a{display: inline-block; margin-top: 35px; border-top:#D9251D 1px solid; padding:1px; -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s;}
.newsRecommend > div > a:hover{color:#B20000;}

.newslist{min-height:300px;}
.newslist li{ font-size:17px; border-bottom:1px dotted #ccc; padding:20px 0;}
.newslist li:hover{ background-color:#f5f5f5;}
.newslist li a{ color:#333;}
.newslist li a:hover{ color:#ff1f03;}
.newslist li .time strong{display: block; font-size: 36px; text-align: center; line-height: 120%; padding-top: 10px}
.newslist li .time strong small{font-size: 18px;}
.newslist li .time span{ display: block; color:#888; font-size: 14px; text-align: center;}
.newslist li .desc strong a{font-size: 20px}
.newslist li .desc p{margin-top: 15px; font-size: 15px;  color: #666; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;text-overflow: ellipsis;overflow: hidden;}
.newslist li .desc > a{display: inline-block; margin-top: 25px; border-top:#D9251D 1px solid; padding:1px; -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; font-size: 12px}
.newslist li .desc > a:hover{color:#B20000;}

.caselist{min-height:300px; margin-top: 10px}
.caselist li{ font-size:17px; border-bottom:1px dotted #ccc; padding:15px 0;}
.caselist li:hover{ background-color:#f5f5f5;}
.caselist li a{ color:#333;}
.caselist li a:hover{ color:#ff1f03;}
.caselist li .pic img{display: block;width:100%;}
.caselist li .desc strong a{font-size: 20px}
.caselist li .desc p{margin-top: 15px; font-size: 15px;  color: #666; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3;text-overflow: ellipsis;overflow: hidden;}
.caselist li .desc > a{display: inline-block; margin-top: 25px; color: rgba(255,255,255,.8); background-color:#D9251D; padding:1px 14px; -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; font-size: 12px}
.caselist li .desc > a:hover{background-color:#B20000; color:#fff;}

.caselist_2{min-height:300px; margin-top: 10px}
.caselist_2 li{ padding:15px 0;}
.caselist_2 li .pic div, .caselist_2 li .desc div{background-color: #fff; border-radius: 5px; padding:0; overflow: hidden;}
.caselist_2 li .pic div{height: 176px; display: flex; align-items:center;}
.caselist_2 li .pic div img{display: block;width:100%;}
.caselist_2 li .desc div{padding:15px 15px 25px 15px;}
.caselist_2 li .desc div:hover{box-shadow: 1px 1px 10px #ccc}
.caselist_2 li .desc p{margin-top: 15px; font-size: 15px; color: #666; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;text-overflow: ellipsis; overflow: hidden;}
.caselist_2 li .desc a{display: block; }
.caselist_2 li .desc a strong{font-size: 20px; display: inline-block; padding-bottom: 5px; border-bottom:#D9251D 1px solid;  -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s;}
.caselist_2 li .desc a p{font-size: 18px; color: #333}
.caselist_2 li .desc div > p{height: 50px}

.pageBox{margin-top: 30px; text-align: right; font-size: 13px}
.pageBox a, 
.pageBox span{display: inline-block; margin:0 4px ;}

.news-title{ text-align: center; margin-top: 60px}
.news-title strong{ display: block; font-size: 26px; line-height: 140%; padding:0 10%;}
.news-title p{color: #888; margin-top: 20px}

.abcont{line-height:28px; padding:20px; border-top:#ddd 1px solid; margin-top: 50px}

.caseDetail_banner{background-position: center; height: 360px; background-image:url(../images/case_banner_bg.jpg); background-repeat: no-repeat; background-color: #f2f2f2}
.caseDetail_title{text-align: center;padding:20px 0 50px 0; }
.caseDetail_title strong{font-size: 40px; display: inline-block; line-height: 40px; padding-bottom: 12px; border-bottom:#D9251D 1px solid;}
.caseDetail_title p{font-size: 20px; line-height: 180%; margin-top: 5px}

.feedbook {margin-top: 20px}
.feedbook dt{font-size: 16px; text-align: center;}
.feedbook dd{padding:40px 6.4% 0 5%;}
.feedbook ul{font-size: 0; color: #fff}
.feedbook ul li{padding:15px 0; display: inline-block; width:50%; font-size: 15px}
.feedbook ul li span{display:inline-block; width:100px; margin-right:10px; text-align: right; font-size: 16px; vertical-align: top; line-height: 40px}
.feedbook ul li input{width:calc(100% - 115px); height: 40px; padding:0 10px; border:none;}
.feedbook ul li.area,
.feedbook ul li.btn{width:100%;}
.feedbook ul li textarea{width:calc(100% - 115px); padding:10px; height: 200px; border:none;}
.feedbook ul li.btn{text-align: right;}
.feedbook ul li button{display: inline-block; color: #fff; background-color:#D9251D; padding:5px 50px; font-size: 18px; border:none;}
.feedbook ul li button:last-child{background-color:#888; color: #ccc; margin-left: 10px}

/*---fixed---*/
.fixed{ position:fixed; z-index: 1000; bottom:0; background-color:#ff6b0b; height:50px; width:100%; overflow: hidden;}
.fixedul{ width:980px; margin:0 auto; height:50px; line-height:50px; overflow:hidden; vertical-align:middle;}
.fixedul li{ float:left; font-family:"Microsoft Yahei"; font-weight:700; font-size: 14px; margin-right: 15px}
.fixedul li a:hover,.fixedul li a{ color:#fff;}
.fixedul li.nav{float: right; margin-right: 0}
.fixedul li.nav a{display: inline-block; margin-left: 6px; height:26px; line-height: 26px; padding:0 10px; background-color: #fff; border-radius: 3px; color: #f60}

.callMe_mode{text-align: center; font-size: 20px; line-height: 200%;}
.contact_map{font-size: 16px; color: #fff; padding:50px;}