@charset "utf-8";
@import"font-awesome-4.4.0/css/font-awesome.min.css";

/*banner样式*/
.bannerSwiper{background: #444; width: 100%}
.swiper-button-next,.swiper-button-prev {position: absolute;top: 50%;z-index: 10;cursor: pointer;background-position: center;background-repeat: no-repeat;margin-top:-30px;width: 60px;height: 60px; border-radius: 30px; -o-box-shadow:0 0 30px rgba(0,0,0,.08); -ms-box-shadow:0 0 30px rgba(0,0,0,.08); -moz-box-shadow:0 0 30px rgba(0,0,0,.08); -webkit-box-shadow:0 0 30px rgba(0,0,0,.08); box-shadow:0 0 30px rgba(0,0,0,.08); color: #333; background: rgba(255,255,255,.58);outline: 0; border: 0  }
.swiper-button-next:after,.swiper-button-prev:after{ font-size: 20px; border: 0; }
.swiper-banner-next{ right: 5%;  }
.swiper-banner-prev{ left: 5% }
.banner-pagination{ position: absolute; text-align: center; width: 100%; bottom: 20px }
.banner-pagination span{ margin: 0 3px; background: #fff }
.banner-pagination .swiper-pagination-bullet-active{ background: #ed1c23 }

/*.bannerSwiper img{ MAX-WIDTH:none !important; width:auto; }*/


@media screen and (max-width:998px){
.swiper-button-next,.swiper-button-prev {margin-top:-10px;width:30px;height:30px; border-radius: 20px; -o-box-shadow:0 0 15px rgba(0,0,0,.08); -ms-box-shadow:0 0 15px rgba(0,0,0,.08); -moz-box-shadow:0 0 15px rgba(0,0,0,.08); -webkit-box-shadow:0 0 15px rgba(0,0,0,.08); box-shadow:0 0 15px rgba(0,0,0,.08);  top: 35% }
.swiper-button-next:after,.swiper-button-prev:after{ font-size: 20px; border: 0; }
.swiper-banner-next{ right: 3%; top: 40%  }
.swiper-banner-prev{ left: 3% ;top: 40%}
.banner-pagination{ bottom: 4px }
/*.bannerSwiper{ padding-top:65px }*/
.swiper-button-next:after,.swiper-button-prev:after{ font-size:16px !important; border: 0; }
}






.home_pro{background:#fff; padding:60px 0 60px}
.ind_tit{color: #222222; padding-bottom: 10px; position: relative; text-align: center; font-weight: normal; }
.ind_tit span{ position: relative;  display: block; z-index:8; line-height:60px; font-weight: bold; }
.ind_tit span b { font-size:70px; font-weight: bold; color: #f5f5f5; position: absolute;  width: 100%;  left: 0; z-index: -1;text-transform: uppercase;  }
.ind_tit .tit_txt {color:#666; font-weight: normal;  display: block; }
.ind_tit:before{ position: absolute; content: ""; left:33%; bottom:68%; background: url(../image/tit_line1.png) no-repeat center bottom; width:120px; height: 6px; z-index: 10  }
.ind_tit:after{ position: absolute; content: ""; right:33%; bottom:68%; background: url(../image/tit_line2.png) no-repeat center bottom; width:120px; height: 6px; z-index: 10  }


.ind_tit2{color: #fff; }
.ind_tit2:after{ background: url(../image/tit_line2.png) no-repeat center bottom;}
.ind_tit2 span b { color: rgba(255,255,255,.1);}
.ind_tit2 .tit_txt {color:rgba(255,255,255,.7); }
.ind_tit3 span b {color: #fff;  }

@media screen and (max-width:998px){
.ind_tit{padding-bottom: .05rem;  }
.ind_tit span{ line-height:25px;  }
.ind_tit span b { font-size:30px; }

.ind_tit:before{left:20%; bottom:68%; width:40px; height:2px;   }
.ind_tit:after{ right:20%; bottom:68%;width:40px; height:2px;  }

}



/*分类*/
.cpfl_list{ margin:15px 0 0px -1%; z-index:88; text-align: center;  }
.cpfl_list .name{display:inline-block; text-align: center;width:12.88888%; line-height: 52px; margin:10px 0 0 1%; position: relative;background:#454545; font-weight: normal;}
.cpfl_list a{ color: #fff; display: block; }
.cpfl_list a:hover{ background: #ed1c23}
.cpfl_list .cpfl_two {display:none;position:absolute;left:0px; box-shadow: 0 0 10px rgba(0,0,0,.15);width:100%;background:#fff;  z-index: 999;  }
.cpfl_list .name:hover .cpfl_two {display:block;line-height: 2 !important; }
.cpfl_list .cpfl_two a{ color: #333;  display: block; }
.cpfl_list .cpfl_two a:hover{  text-decoration: underline;; color:#ed1c23; background: none  }
.cpfl_list .cpfl_two a:nth-child(1){ padding-top: 15px }
.cpfl_list .cpfl_two a:last-child{ padding-bottom:15px}


.home_pro .por-body .item{ width: 32.3333333%; margin:30px 0 0 0; position: relative; text-align: center;  background: #fff; border:1px #ddd solid; float: left; position: relative; }
.home_pro .por-body .item:nth-child(2),.home_pro .por-body .item:nth-child(5){ margin: 30px 1.5% 0 }
.home_pro .por-body .item a{ display: block; position: relative; z-index: 6;   }
.home_pro .por-body .item figure{ overflow: hidden; background: #eaeaea; background-size: cover;}
.home_pro .por-body .item figure img { width: 88%;transition: all linear 0.4s; margin: 5% auto }
.home_pro .por-body .item .tit{ display:block;  line-height: 58px; text-align: left; padding-left: 20px }
.home_pro .por-body .item:hover img { transform: scale(1.1) }
.home_pro .por-body .item:hover .tit{ color: #bd2e2e }
.home_pro .por-body .item .an{  line-height:30px; font-size: 14px; position: absolute;  bottom: 10px; right: 15px ; }
.home_pro .por-body .item .an a{ display:inline-block; width: 80px; float: left; background: #444;color: #fff }
.home_pro .por-body .item .an a.m{ background: #ed1c23;}

.imore{ display: block; width: 150px; margin:35px auto 0; background:#125cc0; color: #fff; text-align: center; transition: all .3s; border-radius: 25px; line-height: 50px }
.imore:hover{ width: 180px; color: #ffb100 }

.home_pro .por-body .item .item-hot-icon { position: absolute; top: 0; left: 0; z-index: 2; width: 70px; height: 70px; background: url("../image/hot-icon.png") center/contain no-repeat; display: block; opacity: 0 }
.home_pro .por-body .item:nth-child(1) .item-hot-icon,.home_pro .por-body .item:nth-child(2) .item-hot-icon{ opacity: 1 }


@media screen and (max-width:1440px) {
.home_pro{ padding:60px 0 }
}


@media screen and (max-width:1240px) {
.home_pro{ padding:40px 0 }
}



@media (max-width:980px) {
.home_pro{ padding:30px 0 15px }


.cpfl_list{ margin:.05rem 0 0px -1%; z-index:88; text-align: center;  }
.cpfl_list .name{width:30.6666%; line-height:35px; margin:7px 1% 0 1%;}
.cpfl_list .name:hover .cpfl_two {display:none;line-height: 2 !important; }




.adv-hd-swiper .swiper-slide .t1{ font-size: 12px }
.home_pro .por-body .item{ width: 48%;margin:10px 1% 0; }
.home_pro .por-body .item:nth-child(2),.home_pro .por-body .item:nth-child(5){margin:10px 1% 0;}
.home_pro .por-body .item .tit{ display: block;  line-height: 38px; text-align: center; padding-left: 0px }
.home_pro .por-body .item:before{border-radius:7px 7px 0 0; }
.home_pro .por-body .item:after{ border-radius:7px 7px 0 0; }
.home_pro .por-body .item .an{  line-height:28px; font-size: 10px; bottom:5px; right:3px; display: none; }
.home_pro .por-body .item .an a{ width: 50px;}
.home_pro .por-body .item .item-hot-icon {width: 30px; height: 30px; }
.imore{ width:60%; margin:15px auto 0; line-height: 40px }
.imore:hover{ width: 65%; }
}



/*关于*/
.home-about{width: 100%;position: relative;background:#fff; text-align: center; color: #fff; background-repeat: no-repeat; padding: 30px 0 60px}
.home-about .h_tit{ padding-top:6% }
.home-about .company{ padding: 60px 0;  line-height: 1.8}
.about-m{ width: 30%; max-width: 220px; height: 50px; line-height: 50px;  background: rgba(255,255,255,.1);border-radius: 3px; border: 1px solid rgba(255,255,255,.35) ; margin: 0 auto 0; transition: .3s all}
.about-m:hover{  max-width: 250px; transition: .3s all }
.home-about .video {width: 100%;position: relative;height:600px;overflow: hidden; margin-top:10px;}
.home-about .video video{ width: 100%; }
.videobg {width:100%;position: absolute;background: rgba(0,0,0,0.6);top: 0px;height: 600px;overflow: hidden;}

@media screen and (max-width:998px){
.home-about{height:auto; padding:30px 3% 10px}
.home-about .video #video-media{ display: none; }
.home-about .company{ padding:10px 2% 15px;  line-height: 1.7; font-size: 12px}
.home-about .h_tit{ padding-top:0 }
.home-about .video {width: 100%;height: auto;}
.videobg {max-width:100%;position: relative;background:none;top:0;height:auto; padding:.55rem 0 25px; background: #444 }
.about-m{ height: 30px; line-height: 30px; width:30%}
}



.about-pic{position: relative; margin: -48px auto 0 }
.about-hd{ margin-bottom:25px; text-align: center; }
.about-hd .t{ height:48px; line-height:48px;  display: inline-block; text-align: center; margin:0 3px ; background: #fff; color: #333; width: 150px}
.about-hd  .t:hover,.about-hd .t.active{ background: #ed1c23; color: #fff; }
.aboutpicbox{ display: none;}
.swiper-wrapper{}
.pic-item{  }
.pic-item .img{   overflow: hidden; width: 100% }
.pic-item .img img{ display: block;transition: all 0.6s; width: 100% }
.pic-item:hover .img img{transform: scale(1.06, 1.06); }
.pic-item .tit{ padding:10px 0; text-align: center; display: block; }

.about-bd .swiper-button-next{ top:55%; right: 0; border-radius: 0; background: rgba(31,35,66,1); color: #fff;width: 40px; height: 40px;}
.about-bd .swiper-button-prev{ top:55%; left: 0;border-radius: 0;background: rgba(31,35,66,1); color: #fff; width: 40px; height: 40px;  }
.swiper-button-next:after, .swiper-button-prev:after{ font-size:20px }



@media (max-width:998px) {
.about-pic{margin:0px auto 0 }
.about-hd{ margin-bottom:10px; text-align: center; }
.about-hd .t{ height:30px; line-height:30px;  width: 30%}
.about-bd .swiper-button-next{ top: 65%; width: 20px; height: 20px;}
.about-bd .swiper-button-prev{ top:65%;  width: 20px; height: 20px;  }
.swiper-button-next:after, .swiper-button-prev:after{ font-size:14px }

}


/*案例*/
.home-case{ padding: 40px 0 60px; position: relative;}
.casethumbs .swiper-slide{ background-size: cover; text-align: center; padding: 50px 0; position: relative; z-index: 6 }
.casethumbs .swiper-slide em{  display: block;text-transform: uppercase; font-size: 14px; font-family: arial  }

.casethumbs .swiper-slide:after,.casethumbs .swiper-slide-thumb-active:after{ position: absolute; left: 0; bottom: 0; content: ''; width: 100%; height: 100%; background: rgba(255,255,255,.65); z-index:-1 }
.casethumbs .swiper-slide:hover:after,.casethumbs .swiper-slide-thumb-active:after{background: rgba(255,255,255,0);}
.casethumbs .swiper-slide:hover,.casethumbs .swiper-slide-thumb-active{ color: #fff }
.casethumbs .swiper-slide:hover:before,.casethumbs .swiper-slide-thumb-active:before{ position: absolute; left: 0; bottom: 0; content: ''; width: 100%; height: 100%; background: rgba(237,28,35,.85); z-index:-1 }


.home-case .case_box{ background: #f2f2f2; margin:20px auto 0; position: relative; }
.home-case .case_box .case_txt{ width: 36%;  padding: 4% 3%}
.home-case .case_box .case_pic{ width: 60%; }
.home-case .case_box .case_txt .t1{ font-weight: bold; }
.home-case .case_box .case_txt .t2{ padding-bottom:25px; margin-bottom: 25px; position: relative; color: #666; text-transform: uppercase; padding-top: 5px; font-family: arial}
.home-case .case_box .case_txt .t2:after{ width: 100px; height: 2px; background: #d41118; position: absolute; left: 0; bottom: 0;  content: ''; }
.home-case .case_box .case_txt .txt{ line-height: 2; color: #555 }
.home-case .case_box .case_txt .m{ display: block; width:120px; line-height: 35px; border:1px #ccc solid ; text-align: center; margin-top: 30px; }
.home-case .case_box .case_txt .m:hover{ background: #e70e15; color: #fff; }
.home-case .case_box .case_txt .t1:hover{ color: #e70e15;}
.home-case .caseSwiper .swiper-slide{ position: relative; }
.home-case .case_box:after{ position: absolute; left: 3%; bottom: 3%; content: 'ZHENWEI MACHINERY'; font-size: 40px;   color: #e8d9d9; font-family: arial; font-weight: bold;}


@media (max-width:998px) {
.home-case{ padding:30px 0 15px; position: relative;}
.home-case .case_box{ margin:5px auto 0;  }
.casethumbs .swiper-slide{padding:0;}
.home-case .case_box .case_txt{ width:100%;  padding: 6% 4% 4%;float: none}
.home-case .case_box .case_pic{ width:100%;; float: none }
.home-case .case_box .case_txt .t1{  font-size: 17px; line-height: 1}
.home-case .case_box .case_txt .t2{ padding-bottom:10px; margin-bottom:10px;padding-top: 0px; font-size: 12px }
.home-case .case_box .case_txt .t2:after{ width: 60px; height: 2px; }
.home-case .case_box .case_txt .txt{ line-height:1.75; }
.home-case .case_box .case_txt .m{ width:30%;  margin-top:15px; line-height: 26px; font-size: 12px; }
.casethumbs{ display: none; }
.casethumbs .swiper-slide em{  display: none;font-size:9px; }


}


/*服务*/
.home-service{ padding:70px 0; background:#f5f5f5 url(../image/fw_bg.jpg) no-repeat center center/cover;}
.area-service-top-til{ font-size: 40px; line-height: 60px; text-align: center; padding: 30px 0 30px;}
.area-service-label{ padding:10px 0 30px;}
.area-service-label li{ padding-top: 35px;}
.area-service-label-til { line-height: 50px;}
.area-service-label-til b{ font-size: 100px; font-family: Arial, Helvetica, sans-serif; background-image:-webkit-linear-gradient(right,#eb3349,#f45c43); -webkit-background-clip:text; -webkit-text-fill-color:transparent;}
.area-service-label-til span{ font-size: 24px;}
.area-service-label-tex{ font-size: 24px}
.area-service-btn{ text-align: center;}
.area-service-btn a{ margin: 0 15px;}
.area-service-list{ padding-bottom: 35px;}
.area-service-list-main{ margin-bottom: 30px;}
.area-service-list-desc{ text-align: center;}
.area-service-list-desc::after{ clear: both; content: " "; width: 100%; height: 0; display: block;}
.area-service-list-bg{ background: #c7c7c7;}
.area-service-list-bg2{ background:#c7c7c7;}
.area-service-list-img{ width: 80%; float: right;}
.area-service-list-img .img-responsive{ width: 100% !important;}
.area-service-list-num{ font-size: 44px; line-height: 48px; padding: 15px 0 5px; display: inline-block;  font-weight: bold; opacity: 0.3; font-family: arial; margin:0 auto;}
.area-service-list-tex{ font-size: 18px; line-height: 26px;  writing-mode:vertical-rl; writing-mode: tb-rl; letter-spacing:5px; margin:0 auto;font-weight: bold; }
.area-service-list-nums{ font-size: 44px; line-height: 48px; padding: 20px 0; display: inline-block; letter-spacing: 10px; font-style: italic; font-weight: bold; opacity: 0.3;}
.area-service-list-text{ font-size: 16px; line-height: 24px; padding: 0 7px; display: inline-block;}

.area-defa-btn{display: inline-block; width: 150px; height: 46px; font-size: 16px; line-height: 46px; color: #fff; margin: 0 auto; border-radius: 23px; background: #f45c43;background: -moz-linear-gradient(left,  #f45c43 0%, #eb3349 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#f45c43), color-stop(100%,#eb3349)); background: -webkit-linear-gradient(left,  #f45c43 0%,#eb3349 100%);
 background: -o-linear-gradient(left,  #f45c43 0%,#eb3349 100%);background: -ms-linear-gradient(left,  #f45c43 0%,#eb3349 100%); background: linear-gradient(to right,  #f45c43 0%,#eb3349 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f45c43', endColorstr='#eb3349',GradientType=1 ); text-align: center;}
.area-defa-btn:hover{color: #fff;}
.area-defa-img{ position: relative; vertical-align: top; cursor: pointer;}
.area-defa-img span{ position: absolute; bottom: 100%; left: 0; right: 0; width: 150px; height: 0; overflow: hidden; transition: all .5s;}
.area-defa-img span img{ margin: 0 auto;}
.area-defa-img:hover span{ height:106px ;}
.area-defa-btn2{ width:300px }
.area-defa-btn2 b{  font-family: arail; font-size:20px }
.maleft{ margin:20px 0 0 0; text-align: left; }

@media (max-width:998px) {
.home-service{ padding:30px 0; margin-top: .45rem }
.area-service-top-til{ font-size: 40px; line-height: 60px; text-align: center; padding: 30px 0 30px;}
.area-service-label{ padding:5px 0 10px;}
.area-service-label li{ width: 31%; padding: 5px 0 0 1%; float: left;}
.area-service-label-til { line-height: 1;}
.area-service-label-til b{ font-size:24px; }
.area-service-label-til span{ font-size: 14px;}
.area-service-label-tex{ font-size: 10px; line-height: 1.7}
.area-service-btn{ text-align: center;}
.area-service-btn a{ margin: 0 1%;}
.area-service-list{ padding-bottom: .35rem;}
.area-service-list-main{ margin-bottom: .3rem; float: left; width:46%; padding:0 !important; margin:0 2% 10px 2.5%}
.area-service-list-main:nth-child(odd){ margin: 0 0 10px 2%}
.area-service-list-img{ width: 100%; float:none;}
.area-service-list-img .img-responsive{ width: 100% !important;}
.area-service-list-tex{ font-size: 14px; line-height:1.6;  letter-spacing:2px;writing-mode:horizontal-tb;padding:6px 0px 5px; text-align: left; }
.area-service-list-num{ font-size:22px; line-height: 20px; padding:7px 5px 5px 10px; letter-spacing:0px;  text-align: left; display: inline-block; float: left;}



.area-defa-btn{width:25%; height: 38px; font-size: 14px; line-height: 38px; }
.area-defa-btn2{ width:68% }
.area-defa-btn2 b{  font-family: arail; font-size:18px }
.maleft{ margin:10px 0 0 0;  }




}



/*新闻*/
.home-news{ padding: 60px 0 0}
.newsbox{  margin:20px auto 0;}
.newsthumbs{ width: 500px; margin:0 auto; }
.newsnav{ text-align: center; margin-top: 10px  }
.newsnav li{display: inline-block;  text-align: center;  line-height:38px; background: #f3f3f3; color: #111; margin:10px 0; font-size: 16px  }
.newsnav li:hover{background: #ed1c23; color: #fff }
.newsl{ width:49%;position: relative; background: #f5f5f5; overflow: hidden;}
.newsl .lpic{ display: block; width: 100% ; overflow: hidden; max-height: 404px;}
.newsl .ltxt{ padding:2% 2% 3%; color: #777; line-height: 1.6 }
.newsl .ltxt em{  font-size: 14px; color: #999 }
.newsl .ltxt b{ display: block; color: #111; padding: 10px 0; font-weight: normal;}
.newsl img{ width: 100%; display: block;transition: all 0.5s; }
.newsl:hover img{transform: scale(1.06, 1.06);transition: all 0.5s;}
.newsl:hover b{color: #ed1c23; }

.inewslist{ padding-bottom: 60px }
.newsr{width: 49%;}
.item-news{ margin: 0 0 15px 0; }
.item-news .idate{background: #f5f5f5; float: left;  padding:3.2% 0; width: 14%; display: block; font-family: arial;color: #a9a9a9; text-align: center; }
.item-news .idate b{ }
.item-news .txt{ width: 82%; float: right; color: #666; padding: 5px 0; line-height: 1.6 }
.item-news .txt .t{ color: #222; margin-bottom: 6px }
.item-news:hover .idate{ background: #242424;  color: #fff}
.item-news:hover .t{ text-decoration: underline; color: #000 }

.itemn{  height: 55px; line-height: 55px; background: url(../image/news_icon.png) no-repeat left center; padding-left: 25px; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;  font-size: 17px;color:#555; border-bottom: 1px #dadada dashed; background-size:20px 20px}
.itemn span{ float: right; font-family: arial }
.newslist .mr0{ margin-right: 0}
.itemn:hover a{color:#00379e;padding-left:15px}
.itemn a span{ float: right; color:#888; font-size: 16px; font-family: Arial }

@media (max-width:998px) {
.home-news{ padding: .85rem 0 0}
.newsbox{  margin:0px auto 10px;}
.newsnav li{width: 23%; line-height:35px;margin:0px 1% 5px; font-size: 14px  }
.newsl{ width:98%; clear: both; float: none; margin: 8px 1% 15px}
.newsr{  width:98%; clear: both; float: none;margin: 8px 1% }
.newsl .ltxt{ padding:5px 5px 10px; line-height: 1.55;  font-size:12px}
.newsl .ltxt b{ font-size: 14px; padding:6px 0 3px 0;}
.newslisti{ margin-top: 10px }
.itemn{  height:35px; line-height:35px; padding-left:16px;  font-size:14px; background-size:12px 12px}
.newslist { width:98%; float: none;}
.newsl .ltxt span{display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;
overflow: hidden; line-height:1.5;}
.item-news .idate{ font-size: 12px }
.item-news .txt .t{ margin-bottom:0 }
.item-news .txt{  padding: 0;  }
.item-news .txt span{ display: block; font-size: 12px; line-height: 1.6 }
.inewslist{ padding-bottom: .65rem }
}



/*服务页面*/
.fwbanner{ position: relative; }
.fu_nav{ position: absolute;  text-align: center; bottom: 0; left: 0 ; width: 100%}
.fu_nav li{ display: inline-block; background: rgba(255,255,255,.15); line-height: 60px; width: 110px; color: #fff; margin: 0 1% }
.fu_nav li.active,.fu_nav li:hover{ background: #eb3349 }

.fuwu{position: relative; padding-top: 60px}
.fuwu .t{font-size: 36px;color: #333333;line-height: 50px;text-align: center;font-weight: normal;margin-bottom: 6px;}
.fuwu .des{font-size: 18px;color: #5b688b;line-height: 34px;text-align: center; max-width:800px; margin: 0 auto 30px}
.fw-ul{padding:15px 0 30px;margin-left: -1.5%;}
.fw-ul li{width: 23.5%;float: left;margin-left: 1.5%;background-color: #fff;border-radius: 10px;-webkit-box-shadow:0 10px 40px rgba(0,34,146,0.2);-moz-box-shadow:0 10px 40px rgba(0,34,146,0.2);-ms-box-shadow:0 10px 40px rgba(0,34,146,0.2);-o-box-shadow:0 10px 40px rgba(0,34,146,0.2);box-shadow:0 10px 40px rgba(0,34,146,0.2);margin-bottom: 30px;padding:35px 0 32px 20px;}
.fw-ul li img{float: left;margin-right: 20px;}
.fw-ul li .con{overflow: hidden;}
.fw-ul li .con span{display: block;font-size:24px;color: #172236;line-height: 38px;}
.fw-ul li .con p{font-size: 15px;color: #606f87;line-height: 28px;}

@media (max-width:998px) {
.fu_nav ul{ width: 100%; margin: 0; padding: 0 }
.fu_nav li{line-height: 50px; width:19%; margin: 0 .5% }
.fuwu{ padding-top:30px}
.fuwu .t{font-size: 22px;line-height: 2;margin-bottom: 0;}
.fuwu .des{font-size: 14px;line-height:1.7;margin: 0 auto 10px}

.fw-ul li{width:48%;float: left;margin:0 1% 10px;padding:3%; text-align: center;  height: 130px}
.fw-ul li img{float: none;margin:0 35% 5px; width: 30%}
.fw-ul li .con{overflow: hidden;}
.fw-ul li .con span{font-size:18px;line-height: 1.7;}
.fw-ul li .con p{font-size:13px;line-height:1.7;}

}


.jsjd{ padding-top: 60px }

.fuwu .fuwuzc{margin-top:118px;box-shadow:0 7px 32px rgba(158,177,181,0.22); margin-bottom: 60px}
.fuwu .fuwuzc li{width:25%;height:374px;float:left;padding:75px 3.28571%;background:#fff;position:relative;text-align:center;line-height:1;transition:all linear 0.3s}
.fuwu .fuwuzc li:before{content:"";height:3px;background:#f74031;position:absolute;left:50%;right:50%;bottom:0;transition:all linear 0.3s}
.fuwu .fuwuzc li img{width:96px;border-radius:50%;position:absolute;left:0;right:0;top:-48px;margin:0 auto;box-shadow:0 11px 32px rgba(161,179,183,0.57)}
.fuwu .fuwuzc li i{display:block;font-size:28px;color:#f83637;font-weight:bold;font-style:normal}
.fuwu .fuwuzc li span{display:block;margin-top:50px;margin-bottom:35px;font-size:24px;color:#000000;}
.fuwu .fuwuzc li p{font-size:15px;color:#7e858c;line-height:2}
.fuwu .fuwuzc li:hover{box-shadow:0 0 30px rgba(158,177,181,0.4);z-index:1}
.fuwu .fuwuzc li:hover:before{left:0;right:0}
.fuwu .fuwuzc li+li{border-left:1px solid #eef1f5}

.fwlist{ padding: 50px 0 80px }
.fwlist li{ align-items:center; }
.fwlist li:nth-child(2n){flex-direction:row-reverse}
.fwlist li .pic,.fwlist li .txt{ width: 48% }
.fwlist li .pic img{ width:100%}
.fwlist li .txt .t{text-align: left;  padding-bottom:10px }
.fwlist li .txt p{ line-height:2.2 }
.fwlist li .more{ background: #999; color: #fff; width: 120px; line-height: 60px; text-align: center; display: block;   margin-top: 20px;}
.fwlist li .more:hover{ color: #fff; background:#0d1a2a }

@media (max-width:998px) {
.jsjd{ padding-top:30px }
.fuwu .fuwuzc{margin-top:40px; margin-bottom:30px}
.fwlist .t3{ width:60%; padding:8px; margin:10px auto 15px auto }
.fwlist{ padding: 10px 0 30px }
.fwlist li{  display: block;  margin-bottom: 20px}
.fwlist li .pic,.fwlist li .txt{ width: 100%;  float: none; }
.fwlist li .txt .t{text-align: center; padding:6px 0 }
.fwlist li .more{  width: 50%; line-height:50px;  margin:6px auto;}


.fuwu .fuwuzc li{width:48%;height:300px;padding:75px 3.28571%; margin:15px 0 60px}

.fuwu .fuwuzc li img{width:80px;top:-40px;margin:0 auto;}
.fuwu .fuwuzc li i{font-size:22px;}
.fuwu .fuwuzc li span{margin-top:15px;margin-bottom:10px;font-size:18px;}
.fuwu .fuwuzc li p{font-size:14px;line-height:1.7}
.fuwu .fuwuzc li+li{border-left:1px solid #eef1f5}

.fuwu .fuwuzc li:before{left:0;right:0}
}




/*关于我们*/
.dll-about-banner{background:url(../image/about-bg.jpg) no-repeat center;background-size:cover;-o-background-size:cover;-ms-background-size:cover;-moz-background-size:cover;-webkit-background-size:cover;padding:120px 0; z-index:3; position: relative;} 
.dll-about-banner h1{text-align:center;font-size:40px;color:#fff;margin-bottom:23px} 
.dll-about-banner h1 span{color:#dc2720} 
.dll-about-banner .des{color:#fff;line-height:2;text-align:center;padding:0 0 40px 0; } 
.dll-about-banner .des p,.pagecon p{ padding-bottom: 15px }

/*.dll-about-banner .more-a{display:block;width: 200px;height: 60px;line-height: 60px;font-size: 18px;font-weight: bold;cursor: pointer;text-align: center;color: #fff;font-size: 18px;border-radius: 4px;background: #cf3535;background: -moz-linear-gradient(left, #fd4c4c 0%, #cf3535 100%);background: -webkit-linear-gradient(left, #fd4c4c 0%,#cf3535 100%);background: -o-linear-gradient(left, #fd4c4c 0%,#cf3535 100%);background: -ms-linear-gradient(left, #fd4c4c 0%,#cf3535 100%);background: linear-gradient(to right, #fd4c4c 0%,#cf3535 100%);background-position: left center;background-size: 200% 100%;background-repeat: no-repeat;transition: background-position .6s ease;  margin: 0 auto}
*/
.about-num{position: relative;margin-top: -102px;margin-bottom: 65px; z-index:6;}
.number-ul{overflow: hidden;background:#fff url(../image/about-bg2.jpg) no-repeat center;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;border-radius: 4px;border-bottom: 5px solid #ef4c43;padding:34px 0 30px;-webkit-box-shadow: 6px 3px 29px rgba(21,0,0,0.1);-moz-box-shadow: 6px 3px 29px rgba(21,0,0,0.1);-ms-box-shadow: 6px 3px 29px rgba(21,0,0,0.1);-o-box-shadow: 6px 3px 29px rgba(21,0,0,0.1);box-shadow: 6px 3px 29px rgba(21,0,0,0.1);}
.number-ul li{float: left;width: 20%;text-align: center;}
.number-ul li span{display: inline-block;font-family: "Impact";line-height: 80px;color: #d53242;background-image: -webkit-gradient(linear, 0 0, right 0, from(#d53242), to(#e3674f));-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;position: relative;font-size: 20px;font-weight: bold;}
.number-ul li strong{font-size:60px;margin-right: 8px; font-weight: normal;}
.number-ul li p{font-size: 20px;color: #333333;line-height: 30px;}
.number-ul li strong:after{content:'';width: 21px;height: 13px;background: url(../image/ab-arr.png) no-repeat;position: absolute;left: 50%;bottom: 8px;margin-left: -10px;}


.aboutnav{ width: 100%; float: none ; margin-bottom: 20px}
.aboutnav .nt1{ display: none; }
.aboutnav ul{ line-height: 55px;  text-align: center; }
.aboutnav ul li{ width:150px;  text-align: center; font-size: 18px; background: #f5f5f5; display: inline-block; margin: 0 10px 20px }
.aboutnav ul li a{ display: block; }
.aboutnav ul li a.active{ background:#e3674f; color: #fff}

.about-one{ padding-bottom: 60px }
.about-one .company{ width: 47% }
.about-one .videobox{ width:50%; position: relative; height: 420px; padding-left: 40px }
.about-one .videobox:before,.about-one .videobox:after{ position: absolute;width: 20px; content: ''; border-radius:20px 0 0 20px;  }
.about-one .videobox:before{ left:20px; top:20px;background: #ed1c23;height: 340px; }
.about-one .videobox:after{ left:0px; top:40px;background: #fa9296;height: 300px;   }


.about-one .videobox .videoIMg01 {position: relative;margin: 0 auto;z-index: 6}
.about-one .videobox .videoIMg01 img {margin: 0 auto; border-radius:20px 0 0 20px }
.about-one .videobox .videoIMg01:after{ position: absolute;content: ''; width: 100%; height: 100%; background: rgba(0,0,0,.3); left: 0; top:0; }
.videoBtn {width: 65px;height: 65px;position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%, -50%);background: #fff;border-radius: 50%;z-index: 20;cursor: pointer;}



.lightBox{opacity:0;visibility:hidden;position:fixed}
.lightBox{width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,.8);z-index:1000;transition:all .5s cubic-bezier(.23,1,.32,1)}
.lightBox.active{opacity:1;visibility:visible}

.videoBox {width: 70%;max-width: 1000px;height: auto;position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);background: #fff;padding: 35px 0px;border-radius: 10px;z-index: 999999}
.videoBox video {display: block;position: relative;width: 100%;}
.videoCloseBtn {width: 35px;height: 35px;position: absolute;right: 10px;top: 0px;line-height: 35px;text-align: center;cursor: pointer;-webkit-transition: all .5s;}
.videoBtn span {display: block;width: 0px;height: 0px;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:10px solid #000;content: '';position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%, -50%);}
.videoBtn p {color: #fff;width: 150%;height: auto;position: absolute;left: -25%;top: 150%;text-align: center;font-size: 16px;}
@-webkit-keyframes scaleAnimate {
    0% {
        -webkit-transform: scale(1);
        opacity: 0;
    }

    50% {
        -webkit-transform: scale(1.5);
        opacity: 0.7;
    }

    100% {
        -webkit-transform: scale(2);
        opacity: 0;
    }
}

.videoBtn::before,
.videoBtn::after {width: 100%;height: 100%;border: 1px solid #fff;position: absolute;left: -1px;top: -1px;content: '';border-radius: 50%;-webkit-animation: scaleAnimate 2s linear infinite;opacity: 0;}
.videoBtn::after {-webkit-animation-delay: .5s;}


.pagecon .aboutjj{line-height:2;}
.pagecon{padding-top: 30px; height: auto; overflow: hidden;}
.pagecon .aboutjj{width:48%;  }
.pagecon .aboutjj p{ padding-top: 15px; line-height: 2.2}
.pagecon .videobox{ width:48%; position: relative;  border-radius: 15px; overflow: hidden;}
.pagecon .videobox .videoIMg01 {position: relative;margin: 0 auto;z-index: 6}
.pagecon .videobox .videoIMg01 img {margin: 0 auto;border-radius: 15px; width: 100% }
.pagecon .videobox .videoIMg01:after{ position: absolute;content: ''; width: 100%; height: 100%; background: rgba(0,0,0,.3); left: 0; top:0;border-radius: 15px;  }
.videoBtn .sjx {display: block;width: 0px;height: 0px;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:10px solid #000;content: '';position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%, -50%);}
.pagecon .videobox .videoBtn {top:40%;}




@media (max-width:998px) {
.dll-about-banner{padding:60px 0 80px} 
.dll-about-banner h1{font-size:18px;margin-bottom:15px} 
.dll-about-banner .des{line-height:1.7;padding:0 0 20px 0; } 
.dll-about-banner .more-a{width:50%;height: 40px;line-height: 40px;font-size: 14px;}
.about-num{margin-top:-80px;margin-bottom:20px;}


.number-ul{border-bottom:3px solid #ef4c43;padding:15px 0 15px;}
.number-ul li{float: left;width: 20%;text-align: center;}
.number-ul li span{line-height:1.7;font-size:10px;}
.number-ul li strong{font-size:18px;margin-right:1px;}
.number-ul li p{font-size:10px;line-height:1.6;}
.number-ul li strong:after{width: 10px;height:6px;bottom:0px;margin-left: -5px; background-size: cover;}


.aboutnav{ margin-bottom: 10px}

.aboutnav ul{ line-height: 35px; text-align: center;   }
.aboutnav ul li{ width:auto; font-size:14px; margin: 0 1% 10px;}
.aboutnav ul li a{ padding:0 10px;}

.about-one{ padding-bottom: 20px }
.pagecon .aboutjj{line-height:1.8;}
.pagecon{padding-top:10px; }
.pagecon .aboutjj{width:100%;  float: none; }
.pagecon .aboutjj p{ padding-top:6px; line-height:1.8}
.pagecon .videobox{ width:100%;  float: none; padding-left: 0; height:  auto;}
.pagecon .videobox .videoIMg01 {position: relative;margin: 0 auto;z-index: 6}
.pagecon .videobox .videoIMg01 img {margin: 0 auto;border-radius: 15px; width: 100% }
.about-one .videobox:before,.about-one .videobox:after{width:0px; }


}




.base-title{text-align: center;}
.base-title h1,.base-title h2{font-size: 40px;color: #333333;line-height: 60px;margin-bottom: 15px;}
.base-title .bs{ color: #fff }
.base-title .bs2{ color:rgba(255,255,255,.65); }
.base-title p{font-size: 16px;color: #666666;line-height: 26px;}
.base-title p a{color: #666;}
.base-title p a:hover{color: #cf3535;}
.base-title h2 a:hover {-webkit-box-shadow: 0px 1px 10px rgba(0,0,0,0.2);-moz-box-shadow: 0px 1px 10px rgba(0,0,0,0.2);-ms-box-shadow: 0px 1px 10px rgba(0,0,0,0.2);-o-box-shadow: 0px 1px 10px rgba(0,0,0,0.2);box-shadow: 0px 1px 10px rgba(0,0,0,0.2);border-radius: 10px;}


.about-title p{line-height: 34px;}
.about_pic{overflow: hidden;margin-top: 40px;margin-left: -2%; margin-bottom: 80px}
.about_pic li{float: left;width: 23%;margin-left: 2%; margin-bottom: 35px}
.about_pic li .pic img{display: block;width: 100%;border-radius: 4px;}
.about_pic li p{margin-top: 25px;font-size: 22px;color: #333333;line-height: 32px;text-align: center;position: relative;}
.about_pic li p:before{content:'';width: 6px;height: 25px;background:#e3674f;background: -moz-linear-gradient(left, #d53242 0%, #e3674f 100%);background: -webkit-linear-gradient(left, #d53242 0%,#e3674f 100%);background: -o-linear-gradient(left, #d53242 0%,#e3674f 100%);background: -ms-linear-gradient(left, #d53242 0%,#e3674f 100%);background: linear-gradient(to right, #d53242 0%,#e3674f 100%);position: absolute;top: 3px;left: 0;}

@media (max-width:998px) {
.base-title h1,.base-title h2{font-size:18px;line-height:2;margin-bottom:10px;}
.base-title p{font-size: 14px;line-height:1.7;}

.about_pic{margin-bottom:20px;margin-top:10px;}
.about-title p{line-height: 1.7;}
.about_pic ul{margin-top:25px;margin-left: 0;}
.about_pic li{width: 48%;margin:0 1% 15px;}
.about_pic li p{margin-top:8px;font-size:14px;line-height:1.7;}
.about_pic li p:before{width: 2px;height: 16px;top: 3px;left: 0;}

}






/*联系页面*/
.contact_1{background: #f5f5f5; padding: 80px 0}
.contact_1 .con_1 .tel,.contact_1 .con_1 .add{ text-align: center; }
.contact_1 .con_1 .iconfont{ color: #e70010; padding:30px 0 10px; display: block; }
.contact_1 .con_1 .tit .t1{color: #e40013; font-size:44px}
.contact_1 .con_1 p{ line-height:1.8; padding-top: 3% }
.contact_1 .con_1 .zx{ width: 170px; line-height: 55px; text-align: center; color: #fff; background:#e70010; border-radius: 30px; display: block;  margin-top: 20px; transition: all .3s }
.contact_1 .con_1 .zx:hover{ transition: all .3s;width:200px;}
.contact_1 .con_1 .dticon{ color: #e70010; text-decoration: underline; }
.contact_1 .con_2 .list{ margin-left: -2% }
.contact_1 .con_2 li{ background: #fff; display:inline-block; padding: 2%; line-height: 2; margin: 30px 0 0 2%; width: 31%; position: relative; }
.contact_1 .con_2 li:hover{ box-shadow:0 0 15px rgba(0,0,0,.15)  }
.contact_1 .con_2 li .pic{ position: absolute;right:5%; top: 35%; width: 55px; height: 55px;}

.contact2{ padding:80px 0; }
.contact2 #allmap {width: 100%;height:500px; border: 1px #ddd solid;margin-top:25px}
#allmap img{MAX-WIDTH:none !important;HEIGHT:none !important;_width:none !important; }
.cot-title {font-size: 48px;color: #000000;font-weight: bold;text-align: center;line-height: 1;}
.cot-title:after {content: "";width: 100px;height: 6px;background: #f74031;display: block;margin: 23px auto 0;}
.cot-text {margin-top: 18px;font-size: 17px;color: #676767;line-height: 2;text-align: center;}
.telnum {  font-family: arial; color: #eb3349 }




@media screen and (max-width:998px){

  .contact_1{padding: 40px 0}
.contact_1 .con_1{ display: block; }
.contact_1 .con_1 .tit{width: 100%; }
.contact_1 .con_1 .tel,.contact_1 .con_1 .add{   margin:15px 0 0 0;text-align: left; background: #fff; padding: 3%}
.contact_1 .con_1 .tel .t1,.contact_1 .con_1 .add .t1{ font-size: 16px; font-weight: normal; }
.contact_1 .con_1 .tel b,.contact_1 .con_1 .add b{ display: inline-block; }
.contact_1 .con_1 .iconfont{padding:0px 0 10px; display: inline-block; }
.contact_1 .con_1 .zx{ width: 40%; line-height:35px; border-radius: 20px;  margin-top:5px;  }
.contact_1 .con_1 .zx:hover{ width:45%;}
.contact_1 .con_1 .tit .t3{ padding-top: 7px;  font-weight: normal; font-size: 14px }
.contact_1 .con_1 p{ line-height:1.75 }
.contact_1 .con_2 .list{ margin:0 0 0 -1% }
.contact_1 .con_2 li{ padding:2%; line-height:1.75; margin:8px 1% 0; width: 47.3333%; }
.contact_1 .con_2 li:hover{ box-shadow:0 0 15px rgba(0,0,0,.15)  }
.contact_1 .con_2 li .pic{right:3%; top:50%; width: 24px; height: 24px; margin-top: -12px}
.contact_1 .con_2 li p{ font-size: 10px }
.contact_1 .con_1 .iconfont{padding:20px 0 10px;  }
.contact_1 .con_1 .tit .t1{ font-size:22px}

.contact2{ padding:40px 0; }
.contact2 #allmap {height:250px;margin-top:15px}
.cot-title {font-size: 22px;}
.cot-title:after {width: 50px;height: 4px;margin:10px auto 0;}
.cot-text {margin-top:10px;line-height:1.7;}


}



/*新闻列表页面*/

.news_list5 dd{margin-bottom: 32px;}
.news_list5_item{display:flex;display:-ms-flexbox;display:-webkit-flex;justify-content:space-between;-ms-justify-content:space-between;-webkit-justify-content:space-between;align-items: center;-webkit-align-items: center;-ms-align-items:center;padding: 30px 50px;background: #fff;border-radius: 5px;overflow: hidden;box-shadow: 0 5px 15px rgba(9,54,117,.15);}
.news_list5_item_l{width: calc(100% - 180px);display:flex;display:-ms-flexbox;display:-webkit-flex;padding-right: 20px;border-right: 1px solid #ededed;}
.news_list5_item_icon{width: 60px;font-size: 30px;text-align: center;color: #e04545;}
.news_list5_item_con{width: calc(100% - 60px);padding-left: 18px;}
.news_list5_item_tt{font-size: 18px;color: #333;font-weight: bold;margin-bottom: 15px;}
.news_list5_item_text{font-size: 16px;color: #888;}

.news_list5_item_r{width: 180px;text-align: center;}

.news_list5_item_time{font-size: 16px;color: #666;margin-bottom: 25px;}
.news_list5_item_time_btn{width: 32px;height: 32px;display:flex;display:-ms-flexbox;display:-webkit-flex;justify-content:center;-ms-justify-content:center;-webkit-justify-content:center;align-items: center;-webkit-align-items: center;-ms-align-items:center;font-size: 20px;color: #fff;border-radius: 50%;background: #e04545;}
.news_list5_item:hover{transform:translateY(-3px);-webkit-transform: translateY(-3px);}

.news-fl { margin:40px auto 20px}
.news-flsy{  margin:20px auto 20px }
.news-fl ul { position: relative; z-index: 88; text-align: center;}
.news-fl ul li {cursor:pointer; height:50px; display: inline-block; line-height: 50px; margin: 0 10px 0; }
.news-fl ul li a{ display: block; background:#e9edf6; background-size: 100%; display: block; color: #222; padding: 0 25px }
.news-fl ul li a:hover,.news-fl ul li.active a{background:#005bac; color: #fff}

@media (max-width:998px) {

.news_list5 dd{margin-bottom:10px;}
.news_list5_item{padding:10px 1%;border-radius:3px;box-shadow: 0 5px 10px rgba(9,54,117,.15);}
.news_list5_item_l{width: calc(100% - 80px);padding-right:5px;}
.news_list5_item_icon{width:30px;font-size:18px;}
.news_list5_item_con{width: calc(100% - 60px);padding-left: 6px;}
.news_list5_item_tt{font-size: 14px;margin-bottom:5px;}
.news_list5_item_text{font-size: 12px; line-height: 1.5}
.news_list5_item_r{width:80px;}

.news_list5_item_time{font-size: 12px;margin-bottom:5px;}
.news_list5_item_time_btn{width:20px;height: 20px;font-size:14px;}




.news-fl { margin:20px auto;width:94%;}
.news-fl ul li {width:auto; height:38px; line-height: 38px; margin: 0 1% 2px 1%; border-radius: 5px; overflow: hidden; font-size: 14px;}
.news-fl ul li a{padding: 0 5px;}

}


.zhence_ul{}
.zhence_ul .item{  background: #f5f6f8;padding:4% 3%; margin-bottom: 25px; /*width:49%; float: left;*/ }
/*.zhence_ul .item:nth-child(2n){ margin-left: 2% }*/
.zhence_ul .item .t1{ position: relative; padding: 15px 0; font-weight:normal; display: block;}
.zhence_ul .item .t1:before { position:absolute;content: ""; height: 2px; width:40px; background: #0057d5; left: 0; top: 0; transition: all .3s}
.zhence_ul .item .des{ color: #777; line-height:25px }
.zhence_ul .item .last{ color: #777;  display: block; padding-top: 8px}
.zhence_ul .item .last i{ float: right; font-style: normal; }
.zhence_ul .item a{ display: block; }
.zhence_ul .item a:hover .t1{ color: #0057d5;  text-decoration: underline;}
.zhence_ul .item a:hover .last i{color: #0057d5; }
.zhence_ul .item a:hover .t1:before{ width: 55px; }

/*新闻内页*/
.newsdqwz{  line-height: 55px; color: #666; font-size: 16px; box-shadow: 0 10px 10px rgba(0,0,0,0.15) }

.Newsmian{ background: #f5f5f5; padding:50px 0 60px 0; }
.Newsmian .news_l{ width: 78%; float: left; }
.Newsmian .news_r{width: 19%; float: right;}

.news_l .n_info_con{ background: #fff; padding: 4% 3%;}
.news_l .n_info_con .tit{font-size: 24px;color: #323232;height: auto;line-height:35px;text-align: left;font-weight: bold;padding-bottom:15px;border-bottom: 1px solid #efefef;}
.news_l .n_info_con .n_tit{font-size: 13px;color: #999999;text-align: left;line-height: 20px;margin-top:2%;}
.news_l .n_info_con .n_tit span{ padding-right: 20px }
#cntrBody{ font-size: 16px; color: #555; line-height:2; padding: 30px 0 }

.news_l .n_info_con .gduo {padding: 2% 0;font-size: 16px;border-top: 1px solid #efefef;color: #666;line-height: 35px;margin: 15px 0 30px;}
.news_l .n_info_con .gduo span{ display: block; }
.news_l .n_info_con .gduo span a:hover{  color: #000; text-decoration: underline;}
.news_l .n_info_con .info_key{ color: #888; font-size:14px; padding-top:15px }

.n_info_con2{ margin-top: 35px }
.n_info_con2 .t04{ font-size: 24px; padding-left: 20px; position: relative; }
.n_info_con2 .t04:before{  position: absolute; content: ""; left: 0; top: 50%; width: 15px; height:4px; background: #eb3349; margin-top: -2px}

.n_info_con2 .info_b{ margin-top:15px;  }
.n_info_con2 .info_b dl{ width: 23.5%; font-size: 16px; margin-left: 2%; float: left;}
.n_info_con2 .info_b dl:nth-child(1){ margin-left:0 }
.n_info_con2 .info_b dl img{ width: 88%; margin: 5% auto; display:block;}
.n_info_con2 .info_b dl dt{ max-height: 220px; overflow: hidden; background:#ddd }
.n_info_con2 .info_b dl dd{  text-align: center; padding-top:15px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; }
.n_info_con2 .info_b dl:hover dd a{ color:#104fb6; text-decoration: underline; }


.news_r .t03{ font-size: 18px; padding-left: 20px; position: relative; border-bottom:1px #e1e1e1 solid;  line-height: 45px; margin-bottom: 10px }
.news_r .t03:before{  position: absolute; content: ""; left: 0; top: 50%; width: 15px; height:4px; background: #eb3349; margin-top: -2px}
.news_r .newrlist{ background: #fff; margin-bottom: 25px; padding:4% 3%; }
.news_r .newrlist .n_rt_ul{padding:0 8px;}
.news_r .newrlist .n_rt_ul li{overflow: hidden;text-overflow: ellipsis;white-space: nowrap; line-height:38px; font-size: 14px; color: #666;padding-left:13px; position: relative;}
.news_r .newrlist .n_rt_ul li:before{  position: absolute; content: ""; left: 0; top: 50%; width: 4px; height:4px; background: #eb3349; margin-top: -2px; border-radius: 50%}
.news_r .newrlist .n_rt_ul li:hover a{color:#000; text-decoration: underline; }




@media (max-width: 998px){
.Newsmian{ background: #f5f5f5; padding:0 0 60px 0; }
.Newsmian .news_l{width: 100%; float: none; margin: 20px auto 0 }
.Newsmian .news_r{width: 100%; float: none; display: none;}
.news_l .n_info_con{ padding: 4%;}
.news_l .n_info_con .tit{font-size: 20px;line-height:28px;padding-bottom:6px;}
.news_l .n_info_con .n_tit{font-size: 11px;line-height: 20px;margin-top: 8px;}
.news_l .n_info_con .n_tit span{ padding-right:8px }
#cntrBody{ font-size: 14px; line-height:2; padding:15px 0 }

.news_l .n_info_con .gduo {padding: 2% 0;font-size: 14px;line-height: 35px;margin: 15px 0 15px;}
.news_l .n_info_con .info_key{  display: none; }
.n_info_con2{ margin-top: 35px }
.n_info_con2 .t04{ font-size: 20px; padding-left: 20px; position: relative; }
.n_info_con2 .t04:before{  position: absolute; content: ""; left: 0; top: 50%; width: 15px; height:4px; background: #eb3349; margin-top: -2px}
.n_info_con2 .info_b{ margin-top:5px;  }
.n_info_con2 .info_b dl{ width: 48%; font-size: 15px; margin:10px 1%; }
.n_info_con2 .info_b dl:nth-child(1){margin:10px 1%;}
.n_info_con2 .info_b dl dt{ max-height: 100%;  }
.n_info_con2 .info_b dl dd{  text-align: center; padding-top:10px;}
}


/*案例*/
.case{ padding:50px 0  40px}
.case-item{ position: relative;  overflow: hidden;border:1px #cacaca solid; border-radius:5px; background: #fff; margin:0 1% 35px 1%; float: left; width: 23% }
.case-item .img{  width: 100%;  overflow: hidden;  position: relative;}
.case-item .img img{ width: 100%; display: block;transition: all 0.6s; height:auto; border-radius:5px }
.case-item:hover .img img{transform: scale(1.06, 1.06);}
.case-item .tit{ padding:15px 0; text-align: center;  display: block; text-align: center;}

.case-item .img:after{content:"";position:absolute;left:0;right:0;height:100%;background:rgba(0,0,0,.24);bottom:-100%;z-index:1}
.case-item .img:before{content:"";position:absolute;left:50%;top:150%;width:50px;height:50px;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);background:url(../image/hovericon.png) center center no-repeat rgba(0,0,0,.5);background-size:39px;z-index:2;border:2px solid #fff;border-radius:50%;transition:all .5s;-webkit-transition:all .5s}
.case-item:hover .img:after{bottom:0;transition:all .5s;-webkit-transition:all .5s}
.case-item:hover .img:before{top:50%;transition:all .5s;-webkit-transition:all .5s}
.case-item:hover{transition:all .3s;box-shadow:0 5px 12px rgba(0,0,0,.1)}

.videony{ padding: 50px 0 }
.videony .case-item .img:before{top:50%;content:"";position:absolute;left:50%;width:50px;height:50px;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);background:url(../image/hovericon2.png) center center no-repeat rgba(0,0,0,.5);background-size:39px;z-index:2;border:2px solid #fff;border-radius:50%;transition:all .5s;-webkit-transition:all .5s}
.casebox .case-item .img:before,.casebox .case-item .img:after{ width: 0 }

@media (max-width:998px) {
.case{ padding:0px 0  10px}
.case-item{  margin:0 1% 10px; width: 48%}
.case-item .tit{ padding:8px 0; }
.case-item .tit{  font-size:14px; }
}

/*产品总列表*/
.location {font-size:16px;}
.location span {color:#e30c03;}
.location a:hover{color:#e30c03;}
.cpfl-rot {width:100%;overflow:hidden;padding:70px 0 50px 0; background:url(../image/cplb-bgzs.jpg) right center no-repeat; }
.cpfl-rot .fl {width:28%;}
.cpfl-rot .fl .pic {width:154px;margin:30px 0 30px 0;position:relative;}
.cpfl-rot .fl .text {font-size:18px;line-height:36px;}
.cpfl-rot .fl .text span,.cplb-tit .left .text span {margin:10px 0;display:block;background:url(../image/cp-tb.png) left center no-repeat;padding-left:35px;}
.cpfl-rot .fl .text span:first-child,.cplb-tit .left .text span:first-child {background:none;padding-left:0;}
.cpfl-rot .fr {width:68.23%;}
.cpfl-rot .fr ul li {width:48.2%;background:#344053 url(../image/cprm-bg.jpg) center bottom no-repeat;background-size:100% 100%;float:left;text-align:center;padding:30px 0 60px;border-radius:10px;box-shadow:0 2px 15px rgba(0,0,0,0.2);position:relative;}
.cpfl-rot .fr ul li img {border-radius:10px; width: 70%; margin:0 auto}
.cpfl-rot .fr ul li p a {width:100%;font-size:24px;color:#fff;text-align:center;display:block;padding:25px 0 15px;position:absolute;left:0;bottom:0;}
.cpfl-rot .fr ul .cp1 {margin-right:3.6%;}
.cpfl-rot .fr ul li:before {content:"1";width:56px;height:58px;background:url("../image/rottb-bg.png") center no-repeat;background-size:100%;display:block;position:absolute;left:40px;top:20px;font-size:24px;color:#e4554a;font-weight:bold;line-height:48px; font-family: arial}
.cpfl-rot .fr ul .cp2:before {content:"2"; }


.pro-item { padding: 66px 0 38px; }
.pro-item:nth-child(even) { background-color: #f6f8fb; }
 .pro-title { position: relative; padding-right: 130px; margin-bottom: 38px; }
 .pro-title h2 { display: inline-block; font-size: 40px; color: #333333; line-height: 50px; margin-right: 20px; }
 .pro-title h2 a { color: #333333; }
 .pro-title .pro { position: relative; z-index: 1; margin-bottom: 20px; }
 .pro-title .pro .wz { display: inline-block; position: relative; z-index: 1; }
 .pro-title .pro span { height: 33px; line-height: 33px; text-align: center; font-size: 20px; color: #fff; background: #cf3535; background: -moz-linear-gradient(left, #fd4c4c 0%, #cf3535 100%); background: -webkit-linear-gradient(left, #fd4c4c 0%, #cf3535 100%); background: -o-linear-gradient(left, #fd4c4c 0%, #cf3535 100%); background: -ms-linear-gradient(left, #fd4c4c 0%, #cf3535 100%); background: linear-gradient(to right, #fd4c4c 0%, #cf3535 100%); border-radius: 4px; -webkit-box-shadow: 5px 5px 13px rgba(69, 0, 5, 0.2); -moz-box-shadow: 5px 5px 13px rgba(69, 0, 5, 0.2); -ms-box-shadow: 5px 5px 13px rgba(69, 0, 5, 0.2); -o-box-shadow: 5px 5px 13px rgba(69, 0, 5, 0.2); box-shadow: 5px 5px 13px rgba(69, 0, 5, 0.2); padding: 0 20px; display: inline-block; }
 .pro-title .pro img { position: absolute; bottom: 0; right: -36px; z-index: -1; }
 .pro-title h2 a:hover { color: #cf3535; }
 .pro-title p { font-size: 17px; color: #666666; line-height: 30px; }
 .pro-title .more { display: block; width: 118px; height: 32px; text-align: center; text-align: center; position: absolute; right: 0; top: 20px; border-radius: 4px; font-size: 16px; line-height: 30px; border: 1px solid #666666; color: #666; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
 .pro-title .more:hover { -webkit-box-shadow: 5px 5px 13px rgba(69, 0, 5, 0.2); -moz-box-shadow: 5px 5px 13px rgba(69, 0, 5, 0.2); -ms-box-shadow: 5px 5px 13px rgba(69, 0, 5, 0.2); -o-box-shadow: 5px 5px 13px rgba(69, 0, 5, 0.2); box-shadow: 5px 5px 13px rgba(69, 0, 5, 0.2); color: #fff; background: #cf3535; background: -moz-linear-gradient(left, #fd4c4c 0%, #cf3535 100%); background: -webkit-linear-gradient(left, #fd4c4c 0%, #cf3535 100%); background: -o-linear-gradient(left, #fd4c4c 0%, #cf3535 100%); background: -ms-linear-gradient(left, #fd4c4c 0%, #cf3535 100%); background: linear-gradient(to right, #fd4c4c 0%, #cf3535 100%); border-color: transparent; }
 .pro-list { margin: 0 -20px; }
 .pro-list li { float: left; width: 25%; padding: 0 20px; margin-bottom: 30px; }
 .pro-list li .item { border-radius: 4px; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;background: #eaeaea  }
 .pro-list li a.pic { width: 100%; height: 0; overflow: hidden; position: relative; padding-top: 68.7%; border-radius: 4px 4px 0 0; display: block;  }
 .pro-list li a.pic img { display: block; position: absolute; top: 5%; left: 5%; width: 90%; height: 90%; }
 .pro-list li .tit { font-size: 18px; color: #333333; line-height: 60px; padding-right: 50px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: relative; padding-left: 10px; display: block;background: #fff }
 .pro-list li .tit:after { content: ''; width: 24px; height: 16px; background: url(../image/index-arr.png) no-repeat; position: absolute; right: 30px; top: 20px; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
 .pro-list li:hover .item { -webkit-box-shadow: 6px 10px 20px rgba(210, 61, 71, 0.1); -moz-box-shadow: 6px 10px 20px rgba(210, 61, 71, 0.1); -ms-box-shadow: 6px 10px 20px rgba(210, 61, 71, 0.1); -o-box-shadow: 6px 10px 20px rgba(210, 61, 71, 0.1); box-shadow: 6px 10px 20px rgba(210, 61, 71, 0.1); background-color: #fff; transform: translateY(-5px); }
 .pro-list li:hover .tit:after { opacity: 1; filter: alpha(opacity=100); }


@media (max-width: 998px){

.location {font-size:14px;}
.cpfl-rot {padding:25px 0 20px 0; }
.cpfl-rot .fl {width:100%; float: none;}
.cpfl-rot .fl .pic {width:25%;margin:10px 0 10px 0;}
.cpfl-rot .fl .text {font-size:14px;line-height:1.7;}
.cpfl-rot .fl .text span,.cplb-tit .left .text span {margin:6px 0;padding-left:30px;}
.cpfl-rot .fr {width:100%; float: none; padding-top: 15px}

.cpfl-rot .fr ul li {padding:30px 0 40px;border-radius:5px;}
.cpfl-rot .fr ul li img {border-radius:5px; width: 90%;}
.cpfl-rot .fr ul li p a {font-size:14px;padding:10px 0 6px;}
.cpfl-rot .fr ul li:before {width:30px;height:28px;left:10px;top:5px;font-size:16px;font-weight:bold;line-height:25px;}


.pro-item { padding:25px 0 15px; }
.pro-title {  padding-right:0px; margin-bottom:10px; }
 .pro-title h2 { font-size: 22px;  line-height: 30px; margin-right: 8px; }
 .pro-title .pro {margin-bottom:10px;  position: relative; z-index: 6}

 .pro-title .pro span { height: 25px; line-height:25px; font-size:14px; padding: 0 8px; }
 .pro-title p { font-size: 12px;line-height:1.8 }
 .pro-title .more {width: 80px; height: 25px;top: 6px; border-radius: 2px; font-size: 14px; line-height:23px; z-index: 99  }

 .pro-list { margin: 0 -8px; }
 .pro-list li { float: left; width:50%; padding: 0 8px; margin-bottom: 10px; }
 .pro-list li .item { border-radius: 3px; }
 .pro-list li a.pic { width: 100%; height: 0; overflow: hidden; position: relative; padding-top: 68.7%; border-radius: 3px 3px 0 0; display: block;  }
 .pro-list li a.pic img {  top: 5%; left: 5%; width: 90%; height: 90%; }
 .pro-list li .tit { font-size: 14px; line-height:40px; padding-right:0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: relative; padding-left: 10px; display: block;background: #fff }
 .pro-list li .tit:after { content: ''; width: 0px; }
 .pro-list li:hover .tit:after { opacity: 1; filter: alpha(opacity=0); }

}




/*产品分类列表*/

.porbanner .t1{ color: #fff; padding: 0px 0 10px 0 }
.porbanner .t2{ color: #fff; line-height: 1.8; color: #fff }
.porbanner .title{ width: 50% }
.btn-area {float: right;width: 50%;text-align: right;margin-top: 50px;}
.btn-area .lx-a {margin-right: 4px;cursor: pointer;}
.btn-area .more-a {display: inline-block;width: 160px;height: 48px;line-height: 48px;text-align: center;color: #fff;font-size: 18px;border-radius: 4px;background: #eb3349;background: -moz-linear-gradient(left, #eb3349 0%, #eb3349 100%);background: -webkit-linear-gradient(left, #eb3349 0%, #eb3349 100%);background: -o-linear-gradient(left, #eb3349 0%, #eb3349 100%);background: -ms-linear-gradient(left, #eb3349 0%, #eb3349 100%);background: linear-gradient(to right, #eb3349 0%, #eb3349 100%);background-position: left center;background-size: 200% 100%;background-repeat: no-repeat;transition: background-position .6s ease; transition: all .3s}
.btn-area a {display: inline-block; }
.btn-area a img,.btn-area span img {margin-left: 4px;}

.btn-area .more-a:hover{ width:180px }


@media (max-width: 998px){


.porbanner .title{ width: 100%; float: none;}
.btn-area {width: 100%; float: none;text-align: left;margin-top: 10px;}
.btn-area .lx-a {margin-right: 4px;cursor: pointer;}
.btn-area .more-a {display: inline-block;width:150px;height: 35px;line-height: 35px;text-align: center;font-size: 14px;border-radius: 4px;}


}



/*产品内页*/
.pormian{ background: url(../image/porbanner2.jpg) no-repeat top center; background-size: cover; min-height: 550px; padding-bottom:50px; z-index: 1; position: relative;}
/*pro图片*/
.pro_Mone{ position:relative;z-index:66; padding: 50px 0; }
.pro_Mone .por1-l{ width:50%;   border-radius:20px 20px 20px 100px; overflow: hidden;background:url("../image/cp_bg.jpg");  background-size: cover;}
.pro_Mone .por1-l img{ width: 100%;  }
.pro_Mone .por1-r{ width:50%;  }
.pro_Mone .por1-r .pornr{margin-top:30px; padding:6% 5%;border-top:6px #eb3349 solid; overflow: hidden; border-radius: 0 0 80px 0;background:#fff url(../image/t_bg.jpg) no-repeat center center; background-size: cover; position: relative; }
.pro_Mone .por1-r .pornr:after,.pro_Mone .por1-r .pornr:before{ position: absolute;content: ''; width:120px; height: 120px; border-radius: 50%; background:rgba(218,37,28,.1); z-index: 1   }
.pro_Mone .por1-r .pornr:after{ right: -50px; bottom: -10px }
.pro_Mone .por1-r .pornr:before{ right: -10px; bottom: -40px }
.pro_Mone .por1-r .t1{ font-weight: bold; position: relative; padding-bottom: 30px; color: #222;z-index: 33 }
.pro_Mone .por1-r .t2{  margin:0px 0 20px 0 ;position: relative;z-index: 33  }
.pro_Mone .por1-r .t3{ line-height:24px;position: relative;z-index: 33 }
.pro_Mone .por1-r .t2 a{ text-decoration: underline; }
.pro_Mone .por1-r .t2 a:hover{ color:#005ec8; }

.pro_Mone .por1-r .t2,.pro_Mone .por1-r .t3{ color: #666;}
.pro_Mone .por1-r .t2 span,.pro_Mone .por1-r .t3 span{ color: #111; font-weight: bold; }
.pro_Mone .por1-r .t2 em{ color: #bf0405 }

.por_lx{  margin-top:40px; position: relative;z-index: 33 }
.por_lx a{ display: block; float: left; margin-right: 20px ; }
.por_lx a.lx_zx{   line-height: 50px; width: 160px; background: #f2352c;  text-align: center; transition: all .3s; color: #fff; border-radius: 5px }
.por_lx a.lx_zx:hover{ width:180px }
.por_lx a.lx_tel{  line-height: 50px}
.por_lx a.lx_tel .fa{ padding-right: 5px; font-size: 30px; color: #eb3349 }
.por_lx a.lx_tel b{  font-family: arial; font-size:30px; color:#111; }

.pro_Mone .por1-r .icon2{  margin:35px 0 0 4%;  }
.pro_Mone .por1-r .icon2 span{ display: inline-block;position: relative;  padding:0 20px 0 15px;color: #999  }
.pro_Mone .por1-r .icon2 span:before{  position: absolute; content: ""; left: 0; top: 50%; width:8px; height:8px; background: #da251d; margin-top: -5px; border:2px #f0bab9 solid; border-radius: 50%}



.pro_Mtwo{ position:relative;z-index: 88;   }
.pro_Mtwo .por_nav{  line-height: 80px; border-radius: 10px; font-size: 22px; position:relative;z-index:99;background:#f2f2f2; }
.pro_Mtwo .por_nav .inner{ position: relative; }
.pro_Mtwo .por_nav .inner:after{position:absolute; content:""; width:1px; height:30px; left:0; top:25px; background:#ddd}
.pro_Mtwo .por_nav a{ display: inline-block; text-align: center; width: 20%;position:relative; }
.pro_Mtwo .por_nav a:after{position:absolute; content:""; width:1px; height:30px; right:0; top:25px; background:#ddd}
.pro_Mtwo .por_nav a:hover{ color: #ea2a2a }

.pro_Mtwo .por_box{ padding:30px 0 30px }
.pro_Mtwo .por_box .por_nrl{ width: 100%; min-height: 100%  }
.pro_Mtwo .por_box .por_nrl .porjs{ padding-bottom: 15px }
.pro_Mtwo .por_box .por_nrl .porjs .lmtit{  margin:10px 0 5px 0; font-size:25px; color: #222; position: relative; padding-left:35px; font-weight: bold;   color: #ea2a2a;font-weight: normal; }
.pro_Mtwo .por_box .por_nrl .porjs .lmtit:before{  position: absolute; content: ""; left: 0; top: 50%; width:23px; height:18px; margin-top: -9px; background:url(../image/cp-tb.png) no-repeat; background-size: cover;}
.pro_Mtwo .por_box .por_nrl .porjs{ line-height:1.85; font-size: 17px; color: #555; }
.pro_Mtwo .por_box .por_nrl .porjs .jieshao{ padding:0 35px 15px; }
.pro_Mtwo .por_box .por_nrl img{ MAX-WIDTH:100% !important;HEIGHT:auto !important;_width:expression(this.width > 100% ? "100%" :this.width) !important; margin:15px auto; display: block; }

.porjs .xgcpSwiper{ margin-top: 15px; text-align: center; }
.porjs .xg-item .img{ background: #eee }
.porjs .xg-item .img img{ display: block; width: 88%; margin:0 auto; padding: 6% 0 }
.porjs .xg-item .tit{ padding:10px 0; }
.porjs .xg-item:hover .tit{ color: #eb3349; text-decoration: underline; }


.wlbox .wlvideo{ width: 49.5%; padding-top: 15px }
.wlbox .wlcon{ width: 48% }
/*.pro_Mtwo .por_box .por_nrl .porjs2{margin:40px 0 0px }
.pro_Mtwo .por_box .por_nrl .porjs2 img{ margin-bottom: 35px }


.pro_Mtwo .por_box .por_nrr{ width: 27%;}
.pro_Mtwo .cftj_r{background:url(../image/cppage-bg.jpg) repeat;padding:34px 0 20px 0;border-radius:30px 0 0 0;margin:35px 0 35px;box-shadow:0 0 40px #d4dbde;}
.pro_Mtwo .cftj_r .tit{background:#e6eef1;font-size:24px;color:#000;text-align:center;font-weight:700;line-height:56px;position:relative;left:-8px}
.pro_Mtwo .cftj_r .tit:before{content:"";width:0;border-top:0 solid transparent;border-bottom:8px solid transparent;border-right:8px solid #7fb4c5;position:absolute;left:0;bottom:-8px}
.pro_Mtwo .cftj_r ul{padding:19px 20px 0}
.pro_Mtwo .cftj_r li{border:1px solid #ddd;margin-top:20px; background: #fff}
.pro_Mtwo .cftj_r li .t1{font-size:18px;color:#494d56;text-align:center;padding:20px 0;display:block;   background: #f2f2f2}
.pro_Mtwo .cftj_r li:hover .t1{color:#fff; background: #013ea0}
.porpicbox{ overflow: hidden;  position: relative;}
.porpicbox .swiper-wrapper{ display: flex !important; }
.porpicbox .pic-item{  width:31.333333333%; margin: 0 1%}
*/




@media (max-width:980px) {
.pro_Mone{ padding:15px 0 20px;}
.pro_Mtwo .por_nav .inner:after { width: 0 }
.pro_Mtwo .por_nav a:last-child:after{ width: 0 }
.pro_Mone .por1-l{ width: 100%;  float: none;border-radius: 10px 0 10px 0;border:4px #ddd solid; }
.pro_Mone .por1-l img{  }
.pro_Mone .por1-r{ width:100%; font-size: 14px; padding-top:10px }
.pro_Mone .por1-r .pornr {margin-top:10px;padding:2% 3%;border-top:4px #eb3349 solid; border-radius: 0 0 20px 0; }

.pro_Mone .por1-r .t1{ font-size: 20px; padding-bottom:0; }
.pro_Mone .por1-r .t2{  margin:8px 0;   }
.pro_Mone .por1-r .t3{ padding-top:4px; line-height:1.7;  }
.por_lx { margin-top:10px;}
.pro_Mone .por1-r .icon{ font-size: 14px; margin:15px 0 20px; }
.pro_Mone .por1-r .icon span{ padding:0 10px 0 10px  }
.pro_Mone .por1-r .icon span:nth-child(4){ padding-right: 0 }
.pro_Mone .por1-r .icon span:before{  position: absolute; content: ""; left: 0; top: 50%; width:4px; height:4px; background: #0053b9; margin-top: -2px}

.pro_Mone .por1-r .t2,.pro_Mone .por1-r .t3 { font-size:12px }


.por_lx a{ margin-right:0;}
.por_lx a.lx_zx{   line-height:35px; width: 40%;font-size:14px; }
.por_lx a.lx_zx:hover{ width: 40% }
.por_lx a.lx_tel{ width: 56%; margin-left: 4% }
.por_lx a.lx_tel b{  font-size:18px;padding-top: 3px }

.pro_Mone .por1-r .icon2{  margin:20px 0;  }
.pro_Mone .por1-r .icon2 span{  padding:0 10px 0 10px;color: #777; font-size: 11px  }
.pro_Mone .por1-r .icon2 span:before{ width:8px; height:8px;margin-top: -4px; border:1px #f0bab9 solid;}


.pro_Mtwo{ top:-20px;   }
.pro_Mtwo .por_nav{  line-height: 50px; border-radius:5px; font-size:14px;   }
.pro_Mtwo .por_nav a:after{height:20px; top:15px;}

.pro_Mtwo .por_box{ padding:0px 0 10px }
.pro_Mtwo .por_box .por_nrl{ width:100%;  float: none; }
.pro_Mtwo .por_box .por_nrl .porjs .lmtit{  margin-bottom: 10px; font-size:16px;padding-left:25px;   }
.pro_Mtwo .por_box .por_nrl .porjs .lmtit:befor{ width:12px; height:9px;  margin-top:-4px}
.pro_Mtwo .por_box .por_nrl .porjs{ line-height:2; font-size: 14px; }
.pro_Mtwo .por_box .por_nrl img{ width: 100% !important; max-width: 100% !important; }
.pro_Mtwo .por_box .pro_Mtwo{  width: 100%;  float: none; display: none;}
.pro_Mtwo .por_box .por_nrl .porjs .jieshao{ padding:0 4% 8px; }
.jieshao p{ text-indent: 0em !important; }
.pormian{ padding-bottom:20px}

.wlbox .wlvideo{ width:100%; padding-top:7px; float: none; }
.wlbox .wlcon{ width:100%; float: none; }



}



.pro_Mfour{ padding:40px 0 60px; box-shadow:0 -10px 10px rgba(0,0,0,.1)  }
.news-xg dd h3 {font-size:24px;font-weight:bold;background:url(../image/xgwz-tb.png) left center no-repeat;padding-left:35px;}
.news-xg dt a {font-size:16px;color:#666666;background:url("../image/more-jt.png") right center no-repeat;padding:0 20px;display:block;}
.news-xg ul {overflow:hidden; margin-top:15px}
.news-xg li {width:33.3%;float:left;border-bottom:1px solid #ffecec;padding:0 2% 0 0;}
.news-xg li a {font-size:17px;line-height:60px;display:block;background:url(../image/cp-tb2.png) no-repeat left center;padding-left:25px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}

@media (max-width:998px) {

.pro_Mfour{ padding:10px 0 30px; box-shadow:0 -5px 5px rgba(0,0,0,.1)  }  
}







/*内页banner*/
.dll-pro-list{background:url(../image/pro-list-banner.jpg) no-repeat center bottom/cover;padding:100px 0 160px 0; position: relative;}
.dll-pro-listcp{padding:55px 0 275px 0;}
  .dll-bread-area{text-align:center;position:relative}
  .dll-bread-area h2{font-size:42px;color:#fff;position:relative;z-index:2;margin-bottom:5px}
  .dll-bread-area p{font-size:18px;color:#e8e8e8;position:relative;z-index:2; line-height: 1.7}
  .dll-bread-area .dll-sy{font-family:Arial;line-height:1;position:absolute;z-index:1;top:-20px;left:50%;transform:translateX(-50%);text-transform:uppercase;font-weight:700;font-size:150px;color:#3e4348;background-image:-webkit-gradient(linear,0 0,0 bottom,from(rgba(72,76,82,1)),to(rgba(46,49,56,1)));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
@media (max-width:998px) {

  .dll-pro-list{padding:40px 0 60px;  margin-bottom: 20px}
  .dll-pro-listcp{padding:25px 0 0;background:url(../image/pro-list-banner2.jpg) no-repeat center bottom/cover; height:4.2rem}
    .dll-bread-area h2{font-size:20px;margin-bottom:2px;  line-height:1}
  .dll-bread-area p{font-size:12px; line-height:1.6; width:80%; margin:0 auto}
  .dll-bread-area .dll-sy{font-size:40px;}

}
 .dll-pro-list-nav{ background: #f7fcfc; box-shadow: 0 7px 18px rgba(53,91,91,0.09); position: relative; } 
 .dll-pro-list-nav li{ width: 16.666%; float: left; position: relative; text-align: center; } 
 .dll-pro-list-nav li:before{ content: ""; width: 1px; background: #dcdcdc; display: block; position: absolute; left: 0; top: 17.4%; bottom: 17.4%; }
  .dll-pro-list-nav li:first-child:before{ display: none; }
  .dll-pro-list-nav li a{ padding: 30px 0; font-size: 0; line-height: 1; text-align: center; display: block; }
  .dll-pro-list-nav li img{ width: 80px; background: #cfdfe4; border: 1px solid #fff; border-radius: 20px; display: block; vertical-align: middle; margin-right: 20px; box-shadow: 0 7px 18px rgba(53,91,91,0.19); transition: all linear 0.3s; margin:0 auto; }
  .dll-pro-list-nav li span{ font-size: 20px; color: #090909; font-weight: bold;display: block; vertical-align: middle; transition: all linear 0.3s; margin-top: 15px }
  .dll-pro-list-nav li span i{ font-size: 16px; color: #8b9292; font-weight: normal; font-style: normal; display: block; margin-top:5px; }
  .dll-pro-list-nav li span i:after{ content: "+"; font-size: 20px; color: #8b9292; font-weight: bold; display: inline-block; margin-left: 9px; }
  .dll-pro-list-nav .flon img,.dll-pro-list-nav li:hover img{ background: #2051a0; }
  .dll-pro-list-nav .flon span,.dll-pro-list-nav li:hover span{ color: #2051a0; }

  .dll-pro-list-con{background-color:#f7fcfc;padding-top: 15px;padding-bottom: 80px;}
  .dll-pro-list-con ul{margin-left:-2%}
  .dll-pro-list-con li{width: 31.373%;margin-left: 1.96%;margin-top:40px;box-shadow:0 0 20px rgba(4,51,71,.1);-o-box-shadow:0 0 20px rgba(4,51,71,.05);-ms-box-shadow:0 0 20px rgba(4,51,71,.05);-moz-box-shadow:0 0 20px rgba(4,51,71,.05);-webkit-box-shadow:0 0 20px rgba(4,51,71,.15); float: left;}
  .dll-pro-list-con .pic{display:block;position:relative;overflow:hidden; max-height: 270px; overflow: hidden;}
  .dll-pro-list-con .pic img{ width: 100%; transition: all ease 0.3s; }
  .dll-pro-list-con .pic img:hover{transform:scale(1.05);-o-transform:scale(1.05);-ms-transform:scale(1.05);-moz-transform:scale(1.05);-webkit-transform:scale(1.05)}
  .dll-pro-list-con .text{padding:20px 20px 35px 20px;background-color:#fff}
  .dll-pro-list-con .text h3{font-size:22px;color:#043347;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
  .dll-pro-list-con .text h3 a{color:#043347;transition:.3s;-o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s}
  .dll-pro-list-con .text h3 a:hover{color:#2765c8}
  .dll-pro-list-con .text p{height: 34px;font-size:16px;color:#666;line-height:34px;margin-bottom:25px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp: 1;overflow:hidden;}
  .dll-pro-list-con .text strong{display:block;color:#666;font-weight:400;font-size:18px;margin:12px 0 12px 0;padding-bottom:15px;border-bottom:1px solid #e8e8e8}
  .dll-pro-list-con .text .getquote,.dll-pro-list-con .text .more{display:inline-block;width:48%;height:45px;line-height:45px;text-align:center;border:1px solid #2765c8;color:#2765c8;transition:.3s;-o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s}
  .dll-pro-list-con .text .getquote{background-color:#2765c8;color:#fff;margin-left:2%}
  .dll-pro-list-con .text .more:hover{background:#2765c8;color:#fff;-webkit-border-radius:26px;-moz-border-radius:26px;border-radius:26px}
  .dll-pro-list-con .text .getquote:hover{background:#fff;color:#2765c8;-webkit-border-radius:26px;-moz-border-radius:26px;border-radius:26px}


@media screen and (max-width:998px){

.dll-pro-list-con{padding-top: 15px;padding-bottom:30px;}
  .dll-pro-list-con ul{margin-left:-2%}
  .dll-pro-list-con li{width:48%;margin-left:2%;margin-top:20px; float: left;}

  .dll-pro-list-con .text{padding:3%;}
  .dll-pro-list-con .text h3{font-size:16px;}

  .dll-pro-list-con .text p{height: 24px;font-size:13px;line-height:24px;margin-bottom:10px;}
  .dll-pro-list-con .text strong{font-size:16px;margin:8px 0 8px 0;padding-bottom:8px}
  .dll-pro-list-con .text .getquote,.dll-pro-list-con .text .more{width:48%;height:28px;line-height:28px;  margin: 0 0 10px}
  .dll-pro-list-con .text .getquote{ }




 .dll-pro-list-nav{} 
 .dll-pro-list-nav li{ width: 33.3333%;  } 
/* .dll-pro-list-nav li:before{ content: ""; width: 1px; background: #dcdcdc; display: block; position: absolute; left: 0; top: 17.4%; bottom: 17.4%; }
  .dll-pro-list-nav li:first-child:before{ display: none; }*/
  .dll-pro-list-nav li a{ padding:15px 0; }
  .dll-pro-list-nav li img{ width:60px;  border-radius:8px; margin:0 auto; }
  .dll-pro-list-nav li span{ font-size:16px;  margin-top: 15px }
  .dll-pro-list-nav li span i{ font-size:12px; margin-top:8px; }
  .dll-pro-list-nav li span i:after{ font-size: 14px; margin-left:5px; }
  .dll-pro-list-nav li:nth-child(4n):before{ display: none; }

}





/* ======================== 相关新闻 ====================== */

.re-tit{position: relative;margin-bottom: 20px;}
.re-tit strong{display: block;font-size: 28px;color: #333333;line-height: 38px;padding-left: 42px;font-weight: normal;}
.re-tit .more{display: block;color: #333333;line-height: 28px;font-size: 16px;position: absolute;right: 0;bottom: 0;}
.re-tit .more i{color: #ff6d28;}
.re-tit .more:hover{color: #ff6d28;}
.re-news .re-tit strong { background: url(../image/re-icon1.png) no-repeat left center;}
.re-news{  margin:80px 0; }
.news-list {margin-left: -3%;}
.news-list li{float: left;width: 47%;margin-left: 3%;font-size: 16px;line-height: 26px;overflow: hidden;margin-bottom: 30px;}
.news-list li a{display: block;color: #333333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-left: 18px;background: url(../image/index-icon2.png) no-repeat left center;}

.news-list li .date{display: block;float: right;color: #666666;margin-left: 30px;}
.news-list li:hover a{padding-left: 25px;color: #4d7dff;}


@media (max-width:998px) {

.re-tit{margin-bottom:10px;}
.re-tit strong{font-size:18px;line-height: 2;padding-left:22px;font-weight: normal; background:none}
.re-tit .more{line-height: 28px;font-size: 14px;}

.re-news{  margin:40px 0; }
.news-list {margin-left:0%;}
.news-list li{float: none;width:100%;margin-left:0%;font-size: 14px;line-height:1.8;margin-bottom:10px;}
.news-list li a{padding-left:15px;  background-size: 10px 10px}

.news-list li .date{margin-left: 10px; font-size: 12px}
.news-list li:hover a{padding-left: 0px;}

}




/*内页tit*/
.crumbs{ color: rgba(255,255,255,.45); }
.tit_n{ padding-top: 50px }
.titboxny{font-weight: normal;padding-bottom: 20px; position: relative; }
.titboxny .t1{font-weight: bold;  font-size: 36px}
.titboxny .te{ text-transform: uppercase; color:rgba(0,0,0,.45);font-family: arial ; padding-top: 5px;font-size: 24px }
.titboxny:after{ position: absolute; content: ''; width:50px; height:3px; background: #0757a5; left:0%; bottom: 0;  }
.txtcenter{ text-align: center; }
.txtcenter:after{ left: 50%; margin-left:-25px }

.tit_n{ margin-bottom: 30px }
.tit_n .z_nav{  padding-top: 30px }
.tit_n .z_nav a{ display: inline-block;; padding:7px 15px; border-radius: 3px; margin: 0 10px }
.tit_n .z_nav a:hover,.tit_n .z_nav a.active{ background: #0757a5; color: #fff }


@media (max-width:998px) {
	.crumbs li{ color: rgba(0,0,0,.45); display: inline-block; padding-top: 20px}
}




/*荣誉 */
.nylist{ padding-top: 50px }
.w25{ width: 23% }
.nylist .item-pic{ display: inline-block; margin:10px 1% 35px; border-bottom: 4px #999 solid; text-align: center;border:1px #ddd solid;border-bottom: 4px #f5f5f5 solid;  }
.nylist .item-pic .tit{ background: #f5f5f5; padding: 25px 3px }
.nylist .item-pic:hover{ box-shadow: 0 0 15px rgba(0,0,0,.15);border-bottom: 4px #0757a5 solid;  }


@media (max-width:998px) {

.ny_box{ margin:0 auto 10px auto; }
.nylist{ margin:10px auto}
.center-ban {padding-top:100px;padding-bottom:40px;}
.center-ban .p1{ font-size:13px}
.center-ban .p1 span {margin-bottom:8px; font-size:18px}
.w25{ width: 48% }
.nylist .item-pic{  margin:5px 1% 8px; border-bottom:2px #999 solid; }
.nylist .item-pic .tit{ padding: 10px 3px }

}



.jj-nav-fixed {
    position: fixed;
    top:110px;max-width: 260px
}
.jj-nav-absolute{position:absolute;top:auto;bottom:0; display: none;}

@media (max-width:998px) {

.jj-nav-fixed {
    position: relative;
    top:0px; max-width: 94%; width:94%
}



}