@charset "utf-8";

.sub_banner { position: relative; z-index: 1; width: 100%; height: 250px; background: no-repeat center; background-size: cover; }
.sub_tit { width: 100%; height: 45px; border-bottom: 1px solid #ddd; background: #f8f8f8; line-height: 45px; }
.sub_tit span { display: inline-block; vertical-align: top; font-size: 0; }
.sub_tit span em { display: inline-block; vertical-align: top; font-size: 12px; color: #444; font-weight: bold;font-style:normal;}
.sub_tit span a { display: inline-block; vertical-align: top; position: relative; margin: 0 10px; font-size: 12px; color: #444; font-weight: bold; }
.sub_tit span a.iconfont { display: inline-block; vertical-align: top; width: 45px; font-size: 12px; margin: 0; color: #999; border-right: 1px solid #ddd; border-left: 1px solid #ddd; margin-right: 10px; text-align: center; cursor: pointer; }
.sub_tit span a.iconfont:before { display: none; }
.sub_tit span a:hover { color: #ed2836; }
.sub_tit span a:before { position: absolute; top: 0; right: -15px; content: '\e62e'; font-family: 'iconfont' !important; font-size:6px; color: #444; }
.sub_tit span b { display: inline-block; vertical-align: top; margin-left: 10px; font-size: 12px; color: #ed2836; font-weight: bold; }
.about-area{ width:100%; height:auto; overflow:hidden; margin:20px 0px;}

.row{ width:100%; height:auto; overflow:hidden; margin:10px 0px}
.isotope-menu { margin:10px 0px;padding: 0;list-style: none;text-align: center;display: block;width: 100%;font-size: 15px; }
.isotope-menu li { display: inline-block;padding:8px 20px; cursor: pointer; border-radius: 3px;background-color: #0D2982; margin:0px 5px}
@media only screen and (max-width: 900px) {.isotope-menu li  {font-size: 14px;padding:5px 10px; margin:5px 2px; }}
.isotope-menu li a{color:#fff;}
.isotope-menu li.active, .isotope-menu li:hover{border-radius: 3px;background-color:#FA8605;border-color: #333 !important;}
.isotope-menu li.active a, .isotope-menu li:hover a{color: #fff;}

.about-content {font-weight: 400;margin-top: 0px; color:#666; line-height:30px; font-size:16px}

.about-content .text-center{ text-align:center}
.about-content h3 {font-size: 24px;margin-bottom:20px; color:#000; margin-top:10px;}
.about-content a.button {margin-top: 15px; }

.portfolio-area{ width:100%; height:auto; overflow:hidden; margin:20px 0px;}
.portfolio-isotope{ width:100%; height:auto; overflow:hidden; margin:5px 0px;}
.single-portfolio {margin: 20px 0; }
.single-portfolio .inner .portfolio-img { position: relative; }
.single-portfolio .inner .portfolio-img img {width: 100%; }
.single-portfolio .inner .portfolio-img .hover-content {position: absolute; height: 100%; width: 100%;left: 0;top: 0;display: -webkit-box;display: -ms-flexbox; display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;-webkit-flex-direction: column;flex-direction: column; text-align: center;opacity: 0;visibility: hidden; }
.single-portfolio .inner .portfolio-img .hover-content .button { color:#FFFFFF;!important; }
.single-portfolio .inner .portfolio-img .hover-content .button:hover { color: #fff;border-color: #222 !important; }
.single-portfolio .inner .portfolio-img:hover .hover-content {opacity: 1;visibility: visible; }
.single-portfolio .inner .portfolio-content {text-align: center; padding-top: 15px;color: #6d7784; }
.single-portfolio .inner .portfolio-content a { display: block; }
.single-portfolio .inner .portfolio-content h3 {font-weight: 400;margin: 0;font-size: 18px; }
.single-portfolio .inner .portfolio-content sapn {font-size: 14px; line-height:30px; }

.single-portfolio .inner .portfolio-img .hover-content .button{color:#fff; }

.single-portfolio .inner .portfolio-img .hover-content{background-color:#FA8605;opacity: 0.5; }
.single-portfolio .inner .portfolio-img .hover-content, .single-portfolio .inner .portfolio-content h3{-webkit-transition: all 0.3s cubic-bezier(0.84, 0.35, 0.39, 0.74) 0s; transition: all 0.3s cubic-bezier(0.84, 0.35, 0.39, 0.74) 0s; }


.col-md-3{-ms-flex:0 0 25%;flex:0 0 25%;width:23%; float:left; margin:1.5% 1%}
@media only screen and (max-width: 991px) {.col-md-3{width:100%;padding-right:15px;padding-left:15px}}



.News_x { display: block; margin-top:40px}
.News_x .bdsharebuttonbox{ width:100%; height:1px; background: #ddd; margin:20px 0px}
.News_x .gro_tit { padding-bottom: 20px; border-bottom: 1px dashed #ddd; }
.News_x .gro_tit h4 { font-size: 20px; color: #333; }
.News_x .gro_tit h5 { font-size: 12px; color: #888; margin: 10px 0; }
.News_x .gro_tit h5 span { display: inline-block; vertical-align: top; margin-right: 20px; }
.News_x .gro_tit h6 a { display: inline-block; width: 24px; height: 24px; font-size: 16px; color: #fff; border-radius: 50%; text-align: center; line-height: 24px; }
.News_x .gro_mian { padding: 30px 0 50px; }
.News_x .gro_mian p { font-size: 14px; color: #666; line-height: 24px; text-indent: 2em; }
.News_x .gro_mian img { display: inline-block; max-width: 100%; }
.News_x .gro_bottom { border-top: 1px solid #ddd; padding: 10px 0; }
.News_x .gro_bottom span.fl { width: calc(100% - 150px); line-height: 30px; }
.News_x .gro_bottom span.fl em { display: block; font-size: 14px; color: #555; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-style:normal}
.News_x .gro_bottom span.fl em a { margin-left: 10px; font-size: 14px; color: #555; }
.News_x .gro_bottom span.fl em a:hover { color: #E71D2A; }
.News_x .gro_bottom span.fr { width: 128px; height: 38px; margin: 10px 0; }
.News_x .gro_bottom span.fr a { display: block; width: 100%; height: 100%; background: #fff; border: 1px solid #ddd; font-size: 16px; color: #666; text-align: center; line-height: 38px; }
.News_x .gro_bottom span.fr a i { display: inline-block; vertical-align: middle; margin-right: 10px; font-size: 16px; }
.News_x .gro_bottom span.fr a:hover { border-color: #E71D2A; background: #E71D2A; color: #fff; }
@media only screen and (max-width: 991px) {
 .News_x .gro_tit { padding-bottom: 3%; }
  .News_x .gro_tit h4 { font-size: 18px; }
  .News_x .gro_tit h5 { margin: 10px 0; }
  .News_x .gro_tit h5 span { margin-right: 15px; }
  .News_x .gro_tit h6 a { width: 20px; height: 20px; font-size: 12px; line-height: 20px; }
  .News_x .gro_mian { padding: 3% 0 5%; }
  .News_x .gro_bottom { padding: 2% 0; }
  }
  
.news-area{ width:100%; height:auto; overflow:hidden; margin:20px 0px;} 
.news-area .news-area-content { width:100%; height:auto; margin:30px 0px}
.news-area .news-area-content li{ overflow:hidden; padding-left:160px; padding-right:58px; position:relative; margin-bottom:2%; background-color:#fff;    box-shadow: 0 0 22px 2px #eee;}
.news-area .news-area-content  li:after{ position:absolute; content:''; right:0; top:0;width:58px; height:100%; background:url(../images/PicList002149-more.png) no-repeat center center; border-left:2px solid #fff;}
.news-area .news-area-content  li div{border-left:1px solid #ededed; padding:3%;}
.news-area .news-area-content  li time{ position:absolute; left:0; top:0; width:160px; height:100%;}
.news-area .news-area-content  li time span{ position:absolute; width:100%; text-align:center; top:50%;-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%); color:#b2b2b2; font-size:16px;}
.news-area .news-area-content  li time i{ font-style:normal; font-size:40px; color:#999; display:block; line-height:40px;}
.news-area .news-area-content  time i:after{ display:block; content:''; margin:5px auto; height:1px; width:50%; max-width:66px; background:#dfdfdf;}
.news-area .news-area-content  li a:hover { color: #E71D2A; }
@media(max-width:1000px){
.news-area .news-area-content  li{padding-left:100px;padding-right:30px;}
.news-area .news-area-content  li:after{width:30px; background-size:35% auto;}
.news-area .news-area-content  li time{width:100px;}
.news-area .news-area-content  li time span{font-size:14px;}
.news-area .news-area-content  li time i{font-size:40px;line-height:30px;}
}

.page{PADDING-BOTTOM: 25px; MARGIN: 20px auto 0px; WIDTH: 98%; PADDING-TOP: 10px; TEXT-ALIGN: center; font-size:12px}
.page a,.page span{BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 8px! important; BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 8px! important; PADDING-BOTTOM: 4px! important; MARGIN: 2px; BORDER-LEFT: #ccc 1px solid; COLOR: #333! important; PADDING-TOP: 4px! important; BORDER-BOTTOM: #ccc 1px solid; TEXT-DECORATION: none! important}

.lineform1{ float:left; width:98.5%; }
.formcon1{ float:left; width:30.5%; border:#c3c3c3 solid 1px; height:45px; }
.formcon2{ float:left; width:30.5%; border:#c3c3c3 solid 1px; height:45px;}
.formcon3{ float:left; width:30.5%; height:45px;}
.formcon4{ float:left; width:30.5%; border:#c3c3c3 solid 1px; height:45px; }
.formcon5{ float:left; width:99%; border:#c3c3c3 solid 1px; height:45px; }
.formargin1{ margin:20px 0 0 2.25%;}
.formargin11{ margin:20px 0 0 2.25%;}
.formargin2{ margin:20px 0 0 2.25%;}
.formargin3{margin:20px 0 0 2.25%;}
.formin1{ float:left; width:75%; height:43px; border:0; color:#000000; font-size:14px; line-height:43px; font-family:"Microsoft YaHei"; padding:0 0 0 10px;}
.formin2{ float:right; padding:0 10px 0 0;}
.formin2 label{ color:#8b8b8b; line-height:43px; font-weight:normal;}
.formin3{ float:left; width:100%; height:43px; border:0; color:#000000; font-size:14px; line-height:43px; font-family:"Microsoft YaHei"; padding:0 10px 0 10px;}
.formin4{ float:left; width:100%; height:220px; border:#c3c3c3 solid 1px; padding:10px; margin:27px 0 0 0; color:#000000; font-size:14px; line-height:24px; font-family:"Microsoft YaHei";}
.formspan1{ float:right; line-height:43px; color:#ff0000; padding:0 5px 0 0;}
.formspan2{ float:left; line-height:43px; color:#000000; font-size:14px; padding:0 0 0 10px; }
.formbtn1{ float:left; width:100%; height:45px; background-color:#02418E; border:0; -webkit-appearance:none; text-align:center; color:#fff; font-size:14px; line-height:35px; font-size:16px}

.case{ width:100%; height:auto; overflow:hidden; margin:5px 0px;}
.case .caseUl { margin-right: -12px; font-size: 0; margin-top:20px; margin-bottom:30px}
.case .caseUl li { display: inline-block; vertical-align: top; width: calc(24% - 8px); margin-right: 20px; margin-bottom: 20px; background: #fff; }
.case .caseUl li:hover .case_img a { -webkit-transform: scale(1.02); transform: scale(1.02); }
.case .caseUl li:hover .case_txt a { color: #CC3333; }
.case .caseUl .case_img { position: relative; width: 100%; padding: 15% 0; overflow: hidden; border: 2px solid #ccc; box-sizing: border-box; }
.case .caseUl .case_img a { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background: no-repeat center; background-size: cover; -webkit-transition: all .5s; transition: all .5s; }
.case .caseUl .case_txt { padding: 5%; text-align: center; }
.case .caseUl .case_txt span { display: block; margin-bottom: 10px; font-size: 16px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.case .caseUl .case_txt a { display: block; font-size: 16px; color: #666; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

@media(max-width:640px){
 .case .caseUl { margin-right: -10px; }
  .case .caseUl li { width: calc(50% - 10px); margin-right: 10px; margin-bottom: 3%; }
  .case .caseUl .case_img { border: 2px solid #d6cfba; }
  .case .caseUl .case_txt span { margin-bottom: 6px; font-size: 12px; }
  }
  


.c-left{width:40%; float:left; height:auto; overflow:hidden; text-align:left}
.c-right{width:58%; float:right; height:auto; overflow:hidden; line-height:27px;text-align:left}
@media(max-width:760px){
.c-left{width:100%; margin:10px 0px; height:auto; overflow:hidden;text-align:center}
.c-right{width:100%; margin:10px 0px; height:auto; overflow:hidden; line-height:28px;}

}
.contact-content {font-weight: 400;margin-top: 0px; color:#333; line-height:30px; font-size:16px; width:100%; height:auto; overflow:hidden}
.contact-content .text-center{ text-align:center}
.contact-content h3 {font-size: 24px;margin-bottom: 30px; color:#000; margin-top:20px;}
.contact-content ._tps{font-size:28px;font-weight:bold;color: #003399; text-align:center; margin:10px 0px 60px}

.contact-content ._nunber .item{ width:25%; float:left; padding-left:70px; height:80px}
.contact-content ._nunber .itemName{font-size:22px;font-weight:bold;margin-bottom:5px;}
.contact-content ._nunber .itemTxt{font-size:16px;font-weight:lighter; line-height:25px}

@media screen and (max-width:1024px){
.contact-content ._tps{font-size:24px; margin-bottom:20px}
.contact-content ._nunber .item{ width:50%; float:left; margin:30px 0px;}
.contact-content ._nunber .itemName{font-size:16px;margin-bottom:12px;}
.contact-content ._nunber{margin-top:30px;}
.contact-content ._nunber .itemTxt{font-size:14px;}

}
@media screen and (max-width:768px){
.contact-content ._tps{font-size:24px; margin-bottom:20px}
.contact-content>div{width:100%;}
.contact-content ._nunber .item{ width:100%; margin:20px auto; padding-left:80px}
.contact-content ._nunber .itemName{font-size:20px;margin-top:2px;}
.contact-content ._nunber .itemTxt{font-size:18px;font-weight:lighter;}
  }