@charset "utf-8";

/*首页banner*/
.bannerSwiper img{ width:100%}
.sjbanner{ padding-top:30px}
/*首页产品 css*/
.ind_pro{background: url(../image/homeonebg2.png) no-repeat left top; position:relative}
/*.ind_pro:before{position:absolute; content:""; bottom:0; right:0; width:55%;  height:400px;background: url(../image/one-bot0.png) no-repeat right bottom;  z-index:22}*/
.ind_tit{color: #333333; text-align: center; padding-bottom:40px; font-weight: normal;position: relative; }
.ind_tit .ind_tit2 {color: #555; font-weight: normal; margin-top: 10px  }
.ind_tit b{ color: #41434f;z-index: 88;   position: relative; margin-top: -55px; display: block;}
.ind_tit span{ color: #f7f7f7;  font-size: 70px; font-family:Montserrat;font-weight: normal; display: block;  text-align: center; width: 100%; z-index:66; text-transform: uppercase;  }

.ind_tit span.baise{ color: #fff }


@media (max-width:992px) {
.ind_pro{ background-size:100%}
.mbanner{ padding-top:70px }
#flash {  position: relative;  }
.ind_pro{ margin-top:0px}
.ind_tit b{ margin-top: -15px;}
.ind_tit{padding-bottom:10px }
.ind_tit span{ font-size:30px;   }
.ind_tit .ind_tit2 {  margin-top: 4px }
}

/*分类*/
.ind-fl {}
.ind-fl ul { position: relative; z-index: 88; text-align: center;}
.ind-fl ul li {cursor:pointer; height: 50px; display: inline-block; line-height: 50px; margin: 0 7px 15px; }
.ind-fl ul li a{ display: block; background:#e9edf6; background-size: 100%; display: block; color: #222; padding: 0 15px }
.ind-fl ul li a:hover,.ind-fl ul li.active a{background:#005bac; color: #fff}
.nyfl{ border-bottom: none }
.nyfl ul li{ margin: 0 10px 10px;}
.ind-flbs ul li a{ background: #fff }
@media (max-width:992px) {
.ind-fl { margin: 10px auto;width:94%;}
.ind-fl ul{ margin:0 0 0 -1%}
.ind-fl ul li { height:36px; line-height: 36px; margin: 0 0 2px 1%; border-radius: 5px; overflow: hidden; font-size: 13px}
.ind-fl ul li a{padding: 0 5px;}

}

/*产品列表*/
.ind_cplist{ margin:20px 0 30px -1%; overflow: hidden; }
.ind_cplist ul{ margin:0 0 0 -1%}
.ind_cplist .por-iteam{ position: relative; width: 23%; margin: 0 1% 20PX 1%; display: inline-block; border-radius: 8px; overflow: hidden; }
/*.ind_cplist .por-iteam:nth-child(1):before,.ind_cplist .por-iteam:nth-child(2):before{ position: absolute; content: 'HOT';  color:#fff; background: #f74848;background: -moz-linear-gradient(left, #f74848 0%, #d03636 100%); background: -webkit-linear-gradient(left, #f74848 0%,#d03636 100%); background: linear-gradient(to right, #f74848 0%,#d03636 100%); border-radius: 0 5px 5px 0; width: 55px; height: 35px; line-height: 35px; left: 0; top: 10px; z-index: 99; text-align: center; font-family:Montserrat; }*/
.ind_cplist .por-iteam img{ width: 100%;  padding-bottom: 56px;border-radius: 8px;}
.ind_cplist .por-iteam .txt{color:#222;text-align:center; position: absolute; bottom: 0;left: 0; width: 100%; height: 55px;transition: all 0.3s; overflow: hidden; background: #fff;z-index: 88 }
.ind_cplist .por-iteam .txt .tit{ display: block; line-height: 55px; }
.ind_cplist .por-iteam:hover .txt{ height: 100%;transition: all 0.3s; background: rgba(15,90,157,.88);  color: #fff }
.ind_cplist .por-iteam:hover .txt .tit{ margin: 14% 15px 0;  border-bottom: 1px solid rgba(255,255,255,.15);  }
.ind_cplist .por-iteam .txt .jj{ line-height: 1.7; font-size: 14px; display: block; padding: 10px 10px 0 }
.ind_cplist .por-hot .txt .jj{ width: 80%; margin: 0 auto; padding: 20px 0 0  }
.ind_cplist .por-iteam .txt .an{ display: block; margin: 15px auto 0; text-align: center; }
.ind_cplist .por-iteam .txt .an a{ display: block; width: 110px;  height: 35px; line-height: 35px; text-align: center; display: inline-block; background: #f8ffed;  color: #333; margin: 0 10px }
.ind_cplist .por-iteam .txt .an a.zx{ background:#d24b4a; color: #fff  }



/*more*/
.imore{  text-align: center;width: 160px;margin:0 auto; height: 48px; line-height: 48px; display: block; color: #fff  !important;   background: #2d59b3;background: -moz-linear-gradient(left, #2d59b3 0%, #2672ce 100%); background: -webkit-linear-gradient(left, #2d59b3 0%,#2672ce 100%); background: linear-gradient(to right, #2d59b3 0%,#2672ce 100%); }
.imore:hover{transition: all 0.3s;width:200px; background: #d23737 }


@media (max-width:992px) {
.ind_cplist{ margin:0 auto 15px auto}
.imore{ font-size:14px;width:30%;height:35px; line-height:35px; }

.ind_cplist ul{ margin:0 0 0 -1%}
.ind_cplist{ width: 100%; float: none; }
.ind_cplist .por-iteam{ position: relative; width:49%; margin: 0 .5% 10px; }
.ind_cplist .por-iteam img{ padding:5px}
.ind_cplist .por-iteam .txt{text-align:center; position: relative; bottom: 0;  height: 35px; }
.ind_cplist .por-iteam .txt .tit{  line-height: 35px }
.ind_cplist .por-iteam:hover .txt{ height: 35px; }
.ind_cplist .por-iteam:hover .txt .tit{ margin: 0;  border-bottom:none;  }
}


/*about*/
.ind_about{ background: #edf1fb url(../image/about_bg.jpg) no-repeat bottom center; height: auto; overflow: hidden;  position: relative; padding-top: 80px}
.ind_about .company .txt{ line-height: 1.8;color: #333333;text-align: center; max-width: 1150px; margin: 0 auto}
.ind_about .company .more1{ color:#c42121  }



.abouticon{ margin:30px auto 50px; text-align: center; vertical-align:top}
.abouticon li{text-align:left;  padding: 15px; margin-right:30px; position: relative;  flex-shrink:0}
.abouticon li:last-child{ margin-right: 0;}
.abouticon li figure{  width: 70px; height: 70px; background: #2d5cb6; border-radius: 5px; text-align: center; line-height: 70px; float: left; margin-right: 15px }
.abouticon li b{color: #111;  display: block; font-weight: normal;}
.abouticon li span{ display: block;  color: #333; font-weight:normal;padding-top: 5px; float: left;}
.abouticon li:hover figure{  transition: all 0.3s; background: #c51616 }


.about-pic{ background:rgba(255,255,255,.95); border-radius: 15px 15px 0 0; position: relative; }
.about-hd{ margin-bottom: 8px }
.about-hd .t{ height:45px; line-height:45px;  display: inline-block; text-align: center; margin:0 0 0 15px ; color: #2d5cb6 ; padding: 0 20px; border-radius:0 0 5px 5px}
.about-hd  .t:hover,.about-hd .t.active{ background: #2d5cb6; color: #fff; font-weight: bold;}

.about-bd{overflow: hidden;  height: 260px }
.about-bd .aboutbox{ display: none; }
.pic-item,.fh-item{ padding:0 5px; position: relative;  overflow: hidden; border-radius:5px; float: left; }
.pic-item .img,.fh-item .img{  width: 100%;  overflow: hidden; }
.pic-item .img img,.fh-item .img img{ width: 100%; display: block;transition: all 0.6s; height:auto; border-radius:5px }
.pic-item:hover .img img,.fh-item:hover .img img{transform: scale(1.06, 1.06);}
.pic-item .tit,.fh-item .tit{ padding:15px 0; text-align: center; }
.pic-item .tit a,.fh-item .tit a{  color: #333;  display: block;  }

.about-bd{}
.aboutbox{  padding:15px 50px 0; overflow:hidden}
.swiper-honor-next,.swiper-honor-prev,.swiper-fengcai-next,.swiper-fengcai-prev{ width: 30px; height: 30px; line-height: 30px; text-align: center;color: #fff; border-radius: 50%; background: #7388b0; top:55%}
.swiper-honor-next:after,.swiper-honor-prev:after,.swiper-fengcai-next:after,.swiper-fengcai-prev:after{ font-size:18px}

.hmore{ position:absolute; right:2%; top:5%}



@media (max-width:992px) {
.ind_about{ background-size: 100%; padding-top: 20px}
.ind_about .inner{  padding: 0 0 10px 0}
.ind_about .company p {font-size: 14px; line-height: 1.6;padding: 10px 0 0;}
.pic-item .tit{ padding:6px 0;  }
.abouticon{ margin:15px auto 15px; }

.abouticon li{padding: 1% .5%; margin-right:0px; width: 33%}
.abouticon li figure{  width:50px; height:50px; text-align: center; line-height: 40px; float: none; margin: 0px auto 6px; display: block; padding:5px}
.abouticon li figure img{ width:70%; margin:0 auto}
.abouticon li b{ margin-bottom:3px}
.abouticon li span{padding-top: 0px; float: none; text-align: center; font-size:10px}
.about-bd{overflow: hidden;  height: 120px }
.about-hd .t{ height:35px; line-height:35px;  margin:0 0 0 9px ; padding: 0 10px;}
.swiper-button-next:after, .swiper-button-prev:after{ font-size:20px}
.aboutbox{  padding:6px 6px 0; }
.hmore{  font-size:12px}


.swiper-honor-next,.swiper-honor-prev,.swiper-fengcai-next,.swiper-fengcai-prev{ width: 20px; height:20px; line-height: 20px; top:65%}
.swiper-honor-next:after, .swiper-honor-prev:after,.swiper-fengcai-next:after, .swiper-fengcai-prev:after{ font-size:14px}
}


/*优势*/
.ind_ys{ background: #f0f4fb url(../image/ys_bg.jpg) no-repeat bottom center;  text-align: center; padding:0 0 40px 0 }
.ind_ys_tit{ color: #fff; padding-top:40px; position: relative;  font-weight: bold; }
.ind_ys_tit:before{ position: absolute; width:40px; margin-left: -20px; left: 50%; top: 0; content: ''; height: 4px; background: #e83939}
.ind_ys ul{margin-top:50px; border: 1px solid rgba(255,255,255,.3);}
.ind_ys ul li{ background: #f7f9fe; padding:45px 30px; text-align: center;  border-left: 1px solid rgba(255,255,255,.2); color: #ffffff; background: #2c59b0}
.ind_ys ul li img{ width:90px; height: 90px; margin:0 auto 15px }
.ind_ys ul li:first-child{border-left:none;}
.ind_ys ul li p{line-height:1.6;  }
.ind_ys ul li span{transition:all .3s; position: relative; padding-bottom: 20px; margin-bottom: 20px; display: block;  }
.ind_ys ul li span:before{ position: absolute; width:30px; margin-left: -15px; left: 50%; bottom: 0; content: ''; height: 3px; background: #e83939;transition:all .3s; }
.ind_ys ul li:hover img{animation-duration: .8s;animation-name: flipInX;}
.ind_ys ul li:hover span:before{ width:50px; margin-left: -25px;}

@media (max-width:992px) {

.ind_ys{padding-bottom:10px;height: auto; background-size: cover }
.ind_ys_tit{ padding-top:10px; }
.ind_ys_tit:before{ width: 60px; margin-left: -30px;}
.ind_ys ul {margin-top: 0; border:0; display: block;}
.ind_ys ul li{width:47%;margin:5px 1% 10px;z-index: 55;height: auto; border:0; display:inline-block; padding: 3%}
.ind_ys_tit{margin-bottom:10px; padding-bottom: 10px; line-height: 45px }
.ind_ys ul li p{ padding: 0 5px; line-height: 1.8; font-size: 12px}
.ind_ys ul li img{ width:50px; height: 50px; z-index: 66; margin: 0 auto 7px}
.ind_ys ul li:first-child{margin:5px 1%;}
.ind_ys ul li p{line-height:1.6; padding:10px 15px 15px; line-height: 1.65}
.ind_ys ul li span {padding-bottom:10px;margin-bottom: 0px;}

}




/*案例 css*/
.ind-case{ background:#fff; height: auto; position: relative;  }
.ind-case .swiper{padding:10px ; margin-bottom: 30px}

.case-itemi{  display: inline-block;position: relative;  overflow: hidden;border-radius:5px; background: #fff; vertical-align: top; border-radius:8px; overflow: hidden; box-shadow: 0 0 10px rgba(0,0,0,.15)}
.case-itemi .img{  width: 100%;  overflow: hidden;  position: relative;}
.case-itemi .img img{ width: 100%; display: block;transition: all 0.6s; }
.case-itemi:hover .img img{transform: scale(1.06, 1.06);}
.case-itemi .cpsm{ padding:20px 20px 25px; text-align: left; }
.case-itemi .cpsm .tit{ color: #000;display: block;  font-size:15px; }
.case-itemi .cpsm .tit i{ padding: 3px 5px; font-size: 12px;background-image:-webkit-linear-gradient(left,#c71e32,#142b86);  color: #fff; font-weight:normal; }
.case-itemi .cpsm p{ color: #555; line-height: 1.55; padding-top: 6px }


.case-itemi:hover .tit{transition:all .3s; color: #2d59b3}
.txtcenter{ text-align: center !important;  }
.txtcenter .img:after{ background: #1663bf url(../image/icon2.png) no-repeat center center !important;}
.case-itemi .m{ display: block; color: #1663bf; font-size: 14px; padding-top:15px;transition: all 0.3s;}
.case-itemi:hover .m{padding-left: 20px}

/*内页*/
.case-item{  display: inline-block;position: relative;  overflow: hidden;border:1px #cacaca solid; border-radius:5px; background: #fff; margin:0 15px; }
.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 .cpsm{ padding:15px 0; 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)}

.slick-dots  { text-align:center; margin-top:25px }
.slick-dots li{ text-align: center; width: 35px; height: 6px; background-color: #2545a3; border-radius: 3px;display: inline-block; margin-right: 8px}
.slick-dots li button{ border:0; background:transparent; color: transparent; }
.slick-dots li.slick-active{ background:#fa830e; }

.ind-case .slick-arrow{ position: absolute; font-size: 30px; font-family: "宋体"; background: #d5dbea; text-align: center; border:0; width: 40px;  height: 100px; z-index: 777; color: #000;cursor: pointer; }
.ind-case .prev-nav { left: 12%; top: 45% }
.ind-case .next-nav{right: 12%; top: 45%}



@media (max-width:992px) {
.ind-case .swiper{padding:5px ; margin-bottom:10px}
.case-item{  margin:0 auto;padding:0px; float: none;}
.case-item .cpsm{ padding:8px 0;  height:auto }
.case-item .cpsm a .tit{  font-size:14px; }
.case-item p{ font-size: 12px;line-height:1.5; margin-top:5px }
.slick-dots {margin-top:10px;}
.slick-dots li{  width:20px; height: 3px; margin-right:6px}
.case-itemi .cpsm{ padding:3% 2%; }
.case-itemi .m{  padding-top:5px;}
}


/*news css*/
.ind_news{  background:#fff url(../image/news_bg.jpg) no-repeat bottom center;  }
.new_bd{ padding:30px 0}
.w50{ width: 48%;  display: inline-block;  margin: 0 1% }

@media (max-width:992px)
{
	.new_bd{ padding:10px 0}
	.w50{ width: 100%; display: block;}
}

/*新闻列表*/
.news-iteam{ display: inline-block; width: 25%; padding: 0 15px }
.news-iteam img{ width: 100% }
.news-iteam .news-tit{  color: #111; display: block;  padding: 30px 0 10px 0 }
.news-iteam .data{ color: #777; padding-bottom: 10px; display: block; position: relative;font-family:Montserrat; }
.news-iteam .data b{  color: #222 }
.news-iteam .news-jj{ color: #777; line-height: 1.7; margin-bottom: 40px }
.news-iteam .newpic{ display: block; }
.news-iteam:hover .data,.news-iteam:hover .data b,.news-iteam:hover .news-tit{  color:#396eff !important }

.news-hd a.active{ background: #2d5cb6; color: #fff; font-weight: bold;}

.news-fl{ text-align:center; width:550px; margin:0  auto}
.news-fl .newsthumbs .swiper-slide{cursor:pointer; height: 50px; display: inline-block; line-height: 50px; background:#f2f6ff; display: block; color: #222; }

.news-fl .newsthumbs .swiper-slide-thumb-active,.news-fl .newsthumbs .swiper-slide:hover{background:#005bac; color: #fff}


@media (max-width:992px) {

.news-iteam{ display: block; width:100%; padding: 0 1% 8px; border-bottom: 1px #ddd solid; margin-bottom: 8px }
.news-iteam .news-tit{ padding: 8px 0 5px 0 }
.news-iteam .data{ padding-bottom:6px;}
.news-iteam .news-jj{line-height: 1.6; margin-bottom:5px }

.news-fl{ text-align:center; width:94%; margin:0  3%}
.news-fl .newsthumbs .swiper-slide{height: 40px; line-height: 40px; }
}


.itemn{  height: 50px; line-height: 50px; background: url(../image/news_icon.png) no-repeat left center; padding-left: 25px; color:#555; }
.itemn:hover a{color:#497aff;padding-left:6px}
.itemn span{ float: right; color:#888;  font-family: Arial }

.newslist{ width: 48% }
@media (max-width:992px) {
.newsbox{  margin:0 auto 15px;}
.newsnav li{width: 30%; line-height:35px;margin:0 1%; }
.newsl{  width:98%; clear: both; float: none;margin: 8px 1% }
.itemn{  height:35px; line-height:35px; padding-left: 18px;  font-size:14px; width: 100%}
.newslist { width:98%; float: none;}
.itemn span{    }

}

/*内页*/
.ny_box{ margin:0px auto 0 auto; }
.nylist{ margin: 30px auto 0 auto }
.dqwz{ height: 60px; line-height: 60px; background: #f5f5f5; font-size: 14px; margin-bottom: 50px}
.dqwz .wz{  width: 150px; text-align: center; color: #fff; background: #0f5a9d; margin: 0 auto}
.article { line-height:2.2; padding:10px 0 20px 0; position: relative;}
.article video{ width:70%; height:50vh; z-index:66; position:relative}

.pb80{padding-bottom: 80px}
.pt30{ padding-top: 30px }
.pb30{padding-bottom: 30px}
.bannerm{ padding-top: 60px; background: #fff }
.news-detail-header {width:100%;background:url("../image/news_detail_bg.jpg") center top no-repeat;-webkit-background-size:100% auto;background-size:100% auto;padding:0.4rem 0.4rem 0;margin-bottom:0.1rem;}
.news-detail-header .detail-info {width:100%;height:2.33333rem;background:url("../image/news_title_bg.png") center top no-repeat;-webkit-background-size:100% auto;background-size:100% auto;padding:0.26667rem 0.48rem 0;position:relative;}
.news-detail-header .detail-info h1 {display:block;height:1.28rem;line-height:0.64rem;font-size:0.45333rem;color:#fff;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.news-detail-header .detail-info p {display:block;width:100%;padding-right:2.66667rem;height:0.53333rem;line-height:0.53333rem;font-size:0.3rem;color:#fff;overflow:hidden;}
.news-detail-header .detail-info p span{ font-size: .40rem; font-family:Montserrat; margin-left: .25rem}

.news-detail-header .detail-info > a {display:block;height:0.64rem;width:2rem;line-height:0.64rem;text-align:center;font-size:0.32rem;color:#cd2524;font-weight:bold;background:#eee8d9 url("../image/news_title_bg_02.png") center bottom no-repeat;-webkit-background-size:auto 100%;background-size:auto 100%;overflow:hidden;border-radius:0.64rem;position:absolute;right:0.4rem;bottom:0.26667rem;z-index:5;}
.news-detail-header .detail-list {width:8.8rem;background:#eee8d9 url("../image/news_detail_des_bg.png") right top no-repeat;-webkit-background-size:auto 100%;background-size:auto 100%;-webkit-box-shadow:0 0 20px rgba(0,0,0,0.2);-moz-box-shadow:0 0 20px rgba(0,0,0,0.2);-o-box-shadow:0 0 20px rgba(0,0,0,0.2);box-shadow:0 0 20px rgba(0,0,0,0.2);border-radius:0.26667rem; height: auto; overflow: hidden;}
.news-detail-header .detail-list li {width:50%;float:left;padding:0 0 0 0.4rem;overflow:hidden;}
.news-detail-header .detail-list li span {display:block;line-height:0.85333rem;font-size:0.3rem;color:#5a5a5a;padding-left:0.42667rem;background:url("../image/icon_11.png") left center no-repeat;-webkit-background-size:0.4rem 0.4rem;background-size:0.4rem 0.4rem;}





@media (max-width:992px) {
.ny_box{ margin:25px auto 10px auto; }
.nylist{ margin:10px auto}
.dqwz {height:40px;line-height:40px;margin-bottom: 15px; display: none;}
.dqwz .wz{  width:120px ; }
.pb80{padding-bottom:20px}
.pt30{ padding-top: 10px }
.pb30{padding-bottom: 10px}
.article { line-height:1.8; padding:10px 0 10px 0; }
.article video{ width:100% !important; height:30vh !important}
.article  img{width:100%}
}



/*about*/
.about1{ line-height: 1.8 ; }
.about1-l{ line-height: 1.8; width: 100% }
.about1-tit{width: 100%; color:#0f5a9d; position: relative;font-weight: normal; margin-bottom:15px; padding-bottom: 15px; text-align: center; }
.about1-tit:after{ position: absolute; content: ''; width: 30px; height:3px; background: #0f5a9d; left:50%; bottom:0px; margin-left: -15px}
.about1_con{ line-height: 2.2; color: #444 }
/*.about1_con p{ padding-bottom: 20px }*/
.fuwu_con{ line-height: 1.8; padding-bottom: 60px }

.about3 { position: relative; }
.about3 .inner{   overflow: hidden;}
.about3 .prev-nav { border-radius: 25px; left: 10%; top: 37% }
.about3 .next-nav{border-radius:25px; right:10%; top:37%}

.picture{ padding: 30px 0 50px 0 }
.w30{ width:24%; margin-bottom: 15px}
.w25{width:23%; margin: 0 1% 25px 1%}
@media (max-width:992px) {
.about1_con{ line-height: 1.8;  font-size: 14px}
.picture{ padding: 10px 0 20px 0 }
.w30{ width:48%; margin-bottom: 8px}
.w25{width:48%; margin: 0 1% 10px 1%}
.about2{padding-top:10px;padding-bottom:10px}
.about2 ul {margin-top: 0;}
.about2 ul li{width:48%;margin:5px 1%;}
.about1-tit{margin-bottom:10px; padding-bottom: 10px; line-height: 45px }
.about2 ul li p{ padding: 0 5px; line-height: 1.8; font-size: 12px}
.about2 ul li p span:after{margin:8px auto 8px}
.fuwu_con{ line-height: 1.6; padding-bottom: 20px }
.about1_con{ line-height: 1.7;}

}

/*新闻*/
.newsnybox{ margin-top: 30px }
.newslistny{ width: 76%; }
.newteam{background: #fff;overflow: hidden;margin-bottom:25px; position: relative;}
.newteam dt{font-size:0;line-height: 0;overflow:hidden;float: left;  max-width: 280px; padding: 15px}
.newteam dt img {transition:all 0.5s;display: block; width:250px; height: 160px;}
.newteam dl:hover dt img{transform:scale(1.1);}
.newteam dd{  float: left; margin: 0 10px; width:-webkit-calc(100% - 300px); width:-moz-calc(100% - 300px); width:calc(100% - 300px); }
.newteam dd .idate{ display: block;font-family:Montserrat; }
.newteam dd h4{padding:15px 0 8px 0;}
.newteam dd h4 a{color: #222;text-align:left;font-weight: 600;}
.newteam dd p{font-size:14px;color:#666666;display: block;line-height:24px;padding-top:10px;}
.newteam dd p a{font-size:14px;color:#fe470d;display:inline-block;}
.newteam dl:hover h4 a{color: #2d59b3;}
.newteam dl:last-of-type{margin-bottom: 0;}
.newteam .xx{ width: 60px; height: 35px;background: #1663bf url(../image/icon1.png) no-repeat center center; border-radius: 3px 0 0 3px; position: absolute; right: 0; bottom: 0; transition: all 0.3s}
.newteam:hover{ box-shadow: 0 0 10px rgba(0,0,0,.15) }
.newteam:hover .xx{ width: 90px; transition: all 0.3s; background: #b93749 url(../image/icon1.png) no-repeat center center}
.date2{ display: block; color: #888; }
.newsbox2{ margin-top: 30px }
.cpn_t{ text-align: center; padding-bottom:10px }
.z-day{ background: #fff; text-align: center; padding: 0px 3px; border-radius: 5px; margin-bottom: 15px; font-size: 12px; color: #999 }
.z-day span{ padding: 0 6PX}
.next-box{  margin-top: 10px}
.next-box p{ padding: 5px 0 }
.com-part{ background: url(../image/news.png) no-repeat bottom center;  background-size: 100% }
.pt30{ padding-top: 30px }

.page{ padding-bottom: 50px; width:77%; }
.sid{ width: 20%; background: #f5f5f5; padding:1%; }

@media (max-width:992px) {
	.newsnybox{ margin-top:5px }
	.newslistny{ width: 100%; float: none }
	.newteam{padding:2%; margin-bottom:15px}
	.newteam dt{max-width: 40%; padding: 0; width: 40%; }
	.newteam dt img { width:100%; height: auto; max-height:150px}
	.newteam dd h4{padding:8px 0 5px 0;}
	.newteam dd{  margin:0; width:55%;  padding: 0; float:right}
	.newteam dd p{font-size:13px;line-height:1.5;padding-top:8px; display:none}
	.newsbox2{ margin-top: 10px }
	.cpn_t{  padding: 15px 0}
	.pt30{ padding-top: 0px }
	.case-itemi{ width: 100%; float: none; }

.page{ padding-bottom:20px; width:100%; float: none; }
.sid{ width: 100%; background: #f5f5f5; padding:2%; float: none; }





}



/*产品*/
.title-panel{width:100%; margin-top: 30px}
.title-panel .txt-h2{overflow:hidden; padding: 10px 20px; background: #0a5ace; width: 250px; color: #fff;background: -webkit-linear-gradient(90deg, rgba(36, 106, 206, 1), rgba(56, 142, 239, 0));background: -moz-linear-gradient(90deg, rgba(36, 106, 206, 1), rgba(56, 142, 239, 0));background: -o-linear-gradient(90deg, rgba(36, 106, 206, 1), rgba(56, 142, 239, 0));background: linear-gradient(90deg, rgba(36, 106, 206, 1), rgba(56, 142, 239, 0));}
.title-panel .txt-p a{display:inline-block;height:40px;line-height:40px;padding-left:44px;color:#1d1d1f;position:relative;transition:all .3s}
.title-panel .txt-p a:before{content:'+';display:block;width:30px;height:30px;top:5px;font-size:24px;line-height:25px;border-radius:100%;border:2px solid #1d1d1f;position:absolute;left:0;color:#1d1d1f;text-align:center;transition:all .3s}
.title-panel .txt-p a:hover{color:#f2281c}
.title-panel .txt-p a:hover:before{border:2px solid #f2281c;color:#f2281c;transform:rotate(180deg)}
.linebor{  padding-bottom: 50px }
.cptitle{ padding:15px 1%; background: #e9edf6; border-radius: 5px;  }

/*详细*/
.proone{padding-bottom:10px;position:relative}
.proone .proonefl{float:left;width:45%;position:relative;z-index:1; }
.proone .proonefl .prooneflpic{clear:both;display:block;overflow:hidden;border-radius:5px}
.proone .proonefl .prooneflpic img{ width: 100% }
.proone .prooneflicon{clear:both;text-align:left;line-height:1;padding-top:32px}
.proone .prooneflicon span{padding-right:25px;display:inline-block;padding-left:14px;background:url(../image/prodot01.png) left center no-repeat}
.proone .proonefr{float:right;width:51%;position:relative;z-index:1; padding-top: 30px}
.proone .proonefr h1{color:#333;display:inline-block;position:relative;line-height:1;margin-bottom:25px}
.proone .proonefr .proonefrtab{clear:both}
.proone .proonefr .proonefrtab li{float:left;color:#fff;width:30%;margin-left:10px;border-radius:5px 5px 0 0;background-color:#9d4a15;background-image:linear-gradient(90deg,#0f5a9d,#0b5bbc);background-position:left center;background-size:100% 100%;background-repeat:no-repeat;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;text-align:center;line-height:45px}

.proone .proonefr .proonefrbox{margin:9px 11px;position:relative;border-radius:5px;padding:10px 15px;z-index:2}
.proone .proonefr .proonefrbox:after{content:"";position:absolute;left:0;bottom:0;right:0;top:0;background:#fff;z-index:2;border-radius:5px;box-shadow:0 4px 20px rgba(0,0,0,.2) inset}
.proone .proonefr .proonefrbox:before{content:"";position:absolute;left:-11px;right:-11px;top:-9px;bottom:-9px;z-index:1;box-shadow:0 4px 20px rgba(0,0,0,.2);border-radius:5px}
.proone .proonefr .proonefrbox p{border-bottom:1px solid #e8e8e8;position:relative;z-index:3;clear:both;display:block;line-height:1.6;color:#1b1b1b; padding:10px 0 15px 0; }
.proone .proonefr .proonefrbox p span{ color: #666; margin-top: 5px }
.proone .proonefr .proonefrbox p:nth-child(3){ border-bottom: 0 }
.proonefrbom{padding-top:35px;text-align:left;}
.proonefrbom a{display:inline-block;color:#fff;background-color:#d1461d;background-image:linear-gradient(90deg,#b12e3d 0,#243b98 50%,#c9211e 100%);background-position:left center;background-size:200% 100%;background-repeat:no-repeat;width:40%;line-height:45px;border-radius:30px;text-align:center;cursor:pointer;transition:background-position .6s ease}
.proonefrbom a:hover{background-position:right center}
.proonefrbom span{float:right;line-height:34px}
.proonefrbom span strong{color:#b12e3d}



@media (max-width:992px) {
.title-panel {margin-top:10px;}
.linebor{  padding-bottom: 15px }
.proone .proonefl{float:none;width:100%; }
.proone .proonefr{float:none;width:100%; padding-top:10px }
.proone .proonefr .proonefrbox{margin:5px 0;padding:8px;}
.proone .prooneflicon{padding-top:10px}
.proonefrbom{padding-top:25px;}
.proonefrbom a{line-height:34px; width: 30%}
.title-panel .txt-p a{ padding-left: 30px }
.title-panel .txt-p a:before{width:24px;height:24px;font-size:17px;line-height:24px;border:1px solid #1d1d1f;}
.title-panel .txt-h2{ padding: 8px; width:70%;}
.title-panel .txt-p{ width:30%;}

}


.protwo{   padding-top: 30px}
.protwo .protwofl{float:left;width:72%}
.protwo .protwofl .protwonav{clear:both;width:100%;}
.protwo .protwofl .protwonav li{float:left;margin-right:1%; width:25%}
.protwo .protwofl .protwonav li a{display:block;line-height:45px;text-align:center;border-radius:5px 5px 0 0;border:1px dashed #bfbfbf;border-bottom:0;}
.ie8-hack .protwo .protwofl .protwonav li a{border:1px dashed #bfbfbf}
.protwo .protwofl .protwonav li a:hover,.protwo .protwofl .protwonav li:first-child a{border:1px solid #0f5a9d;border-bottom:0;background:#0f5a9d;color:#fff}
.protwobox{background:url(../image/protwobg01.png) no-repeat top center;  background-size: 100%}
.protwobox h3{color: #272727;background: url(../image/lc_dian.png) 10px 14px no-repeat;margin:15px 0;background-size: 30px 8PX;padding-left: 50px;}
.protwobox{padding-top:15px}
.protwobox p{text-align:left;padding:0 0 10px 0;line-height:1.8;}
.protwobox img{margin:0 auto;display:block; max-width:960px;}

.protwofr{float:right;width:20%;}
.protwofrhottit{clear:both;text-align:left;font-weight:700;color:#272727;padding:30px 0 20px}
.protwofrhottit h4{line-height:1;display:inline-block}
.ie8-hack .protwofrhottit h4{padding-left:0}
.protwofr .protwofrhot ul{clear:both;}
.protwofr .protwofrhot ul li{margin-bottom:20px;background:#f0f3fa;}
.protwofr .protwofrhot ul li img{border-radius:5px; width: 100%}
.protwofr .protwofrhot ul .protwofrhottxt{border-radius:0 0 5px 5px;line-height:50px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden; padding-left: 15px}
.protwofr .protwofrhot ul .protwofrhottxt .protwofrhottxtfl{float:right;background:#fee2cc;color:#cb291e;width:60px;text-align:center;position:relative;}
.protwofr .protwofrhot ul .protwofrhottxt .protwofrhottxtfl:hover{font-weight:700}

.protwofr .protwofrhot .nyfl-item{ height:48px; line-height:48px; font-size: 17px; padding: 0 20px; margin: 0 0 10px 0; border-radius: 5px;background:#f0f3fa; }
.protwofr .protwofrhot .nyfl-item:hover{ background: #0f5a9d; color: #fff }

.entry-content { padding: 2% }
@media (max-width:992px) {
.protwo{   padding-top: 15px}
.protwo .protwofl{float:none;width:100%}
.protwobox h3{margin:10px 0 10px;background-size:18px 5PX;padding-left:24px; font-size:16px; background-position: 0 8px}
.protwobox img{width: 100% !important;height:auto !important}
.protwo img,.article img{ width: 100% !important;height:auto !important}
.protwobox p{padding:5px 0;}
.protwo .protwofl .protwonav li{ width:31%}
.protwofrhottit{padding:12px 8px 12px; background-color:#2d5cb6; color:#fff; margin-bottom:7px; border-radius:4px}
.protwofr{ width: 100%; text-align: center; float: none; }
.protwofr .protwofrhot ul{clear:both;}
.protwofr .protwofrhot .nyfl-item{display: inline-block;  width:auto; margin: 0 1% 5px 0; height: 38px; line-height: 38px; font-size: 14px;padding: 0 10px;}
}




/*liuyan*/
.msg .xqtit{ margin:0 0 20px 20px; text-transform: uppercase; }
.msg{position:relative; width: 100%; margin: 30px auto; height: auto; overflow: hidden; background: #f5f5f5; padding-top: 30px}
.msg form{ width: 96%; padding:0 20px 30px 20px; margin: 15px auto }
.msg form .same{margin:0 3% 20px 0;float: left; width: 30%}
.msg form .txt{width: 40%}
.msg form .same input,.msg form .same textarea,.same select{width:100%;height:42px;border:none;font-size:13px;color:#999;background:#fff;border:1px #adadad solid;border-radius:2px; padding-left:10px;}
.msg form .same textarea{ height: 140px;padding-top: 5px }
.msg form .submit_box{ width: 56%;float: left; }
.msg form .submit_box .msgtxt{ font-size: 14px; color: #362f2f; }
.msg form .submit_box .msgtxt b{ color:#b01c1c;display: block; font-weight: normal; padding:0 0 10px 0; line-height: 1.5;}
.msg form .submit input{width:30%;height:40px;background: #0b5bbc;border:none;font-size:20px;color:#fff;font-weight:400;cursor:pointer;border-radius:3px; text-align: center; margin-right: 3%}
.msg form .submit .reset{background: #1a2131;}

@media (max-width:992px) {
.msg .xqtit{ margin:0 0 10px 10px;font-size:14px; }
.msg .xqtit i{ font-size: 18px; padding-right: 8px }
.msg{margin:15px auto;padding-top: 10px}
.msg form{ width: 96%; padding:0 10px 10px 10px; margin:10px auto }
.msg form .same{margin:0 1% 0 0;float: none; width: 100%}
.msg form .txt{width: 100%}
.msg form .same input,.msg form .same textarea,.same select{width:100%;height:35px;border:none;font-size:14px;color:#999;background:#fff;border:1px #adadad solid;border-radius:2px; padding-left:10px;margin-top:5px;}
.msg form .same textarea{ height: 90px; }
.msg form .submit_box{ width: 100%;float: none; }
.msg form .submit_box .msgtxt{ font-size: 14px; }
.msg form .submit_box .msgtxt b{ padding:0 0 10px 0; line-height: 1.5;}
.msg form .submit input{width:45%;height:35px;background: #0b5bbc;border:none;font-size:14px;}

}






/*联系*/
.contact1{overflow:hidden;margin-bottom: 35px; }
.contact1 ul{width:100%;margin-top:80px;}
.contact1 ul li{ width:25%; float:left; padding:0 10px;}
.contact1 ul li .zbox{ width:100%; float:left; background:#f9f9f9; text-align:center; padding:0 50px 10px 50px; height:234px;
-moz-border-radius:6px; 
-webkit-border-radius:6px; 
-khtml-border-radius:6px;
border-radius:6px;}
.contact1 ul li .zbox .ico{ display:inline-block; vertical-align:top; width:80px; height:80px; background:#0b5bbc; margin-top:-47px;
-moz-border-radius:50%; 
-webkit-border-radius:50%; 
-khtml-border-radius:50%;
border-radius:50%;}
.contact1 ul li .zbox .ico img{ width:100%; }
.contact1 ul li .zbox h5{ width:100%; margin-top:27px; line-height:23px; font-weight: normal; font-size:18px; color:#333; letter-spacing:2px;text-transform: capitalize;}
.contact1 ul li .zbox h6{ width:100%; line-height:18px; font-size:12px; font-weight: normal; color:#888787; letter-spacing:1px; font-family:Arial; text-transform:uppercase;}
.contact1 ul li .zbox .jj{ width:100%; margin-top:19px; line-height:26px; font-size:14px; color:#666; letter-spacing:1px;}
.contact1 ul li .zbox .btn{ width:100%; position:relative; margin-top:10px;}
.contact1 ul li .zbox .btn img{ width:100%; max-width:90px !important}


.cont-map h2{text-align:center;color:#2D203B;font-size:34px;line-height:1.1;margin-bottom: 40px;}
#allmap{ width: 100%; height: 450px;  }
#allmap img{MAX-WIDTH:none !important;HEIGHT:none !important;_width:none !important; }

@media (max-width:992px) {
.contact1{overflow:hidden;margin-bottom:10px; }
.contact1 ul{margin-top:10px;}
.contact1 ul li{ width:100%; float:none; padding:0; margin-bottom:10px; height: auto; overflow: hidden;}
.cont-map h2 {font-size: 14px;margin-bottom:15px;}
.contact1 ul li .zbox{ height: auto; overflow: hidden;  text-align: left; padding:8px; }
.contact1 ul li .zbox .ico{ display: block; margin-top:10px;float: left;width:60px; height:60px; margin-right: 10px }
.contact1 ul li .zbox h6{ display: none; }
.contact1 ul li .zbox h5{ font-size: 14px;margin-top:5px; line-height:1.6; }
.contact1 ul li .zbox .jj{ margin-top: 0; line-height: 1.5 }
#allmap{ width: 100%; height:280px;  }
}