/*news*/
.news{ background: #FFF; padding: 4% 0; }
.news .tit{position: relative; margin-bottom: 5%;}
.news .tit h1{ font-size: 32px; font-weight: bold; margin-bottom: 0.5%; letter-spacing: 2px; }
.news .tit p{ font-size: 16px;}
.news .tit .mr{ position: absolute; right: 0; top: 0; display: inline-block; background:#0860a7; width: 110px; height: 38px; line-height: 38px; text-align: center; border-radius: 100px; box-shadow: 0px 2px 3px 0px rgb(8,96,67,.3);  transtion:all 0.3s; }
.news .tit .mr,.news .tit .mr:visited{ color: #FFF;}
.news .tit .mr .iconfont{ margin-left: 5px; transition: all 0.3s; }
.news .tit .mr:hover .iconfont{margin-left: 8px;}
.news .tit .mr:hover{ background: #004e8d; box-shadow: 0px 4px 6px 0px rgb(8,96,67,.2); }
.news .newslst{ display: flex; flex-wrap: nowrap; align-items: stretch;   justify-content: space-between;  }
.news .newslst .item{ width: 30%; margin-bottom: 5%;}
.news .newslst .item h2.news-tit{ font-size: 18px; height: 50px; line-height: 25px; overflow: hidden; margin-bottom: 2%;}
.news .newslst .item .fnt { white-space: nowrap; overflow: hidden;  text-overflow: ellipsis; margin-bottom: 12%; }
.news .newslst .item .date{  padding-bottom: 8%; color: #989898;}
.news .newslst .item a{ display: block; border-right: 1px solid #e8e8e8; }
.news .newslst .item .pdg{ padding-right: 5%;}
.news .newslst .item .mr{ padding:8%  3% 0; position: relative;  border-top: 1px solid #e8e8e8;}
.news .newslst .item .mr .iconfont{ position: absolute; right: 5%; font-size: 20px;}
.news .newslst .item a:hover .fnt { color: #333;}
.news .newslst .item a:hover .date { color: #989898;}
.news .newslst .item a .mr .iconfont{right: 5%; transition: all 0.3s;}
.news .newslst .item a:hover .mr .iconfont{right: 3%;}
/*products*/
.products{ background:url(../images/ipr_bg.jpg) no-repeat center top #f6f6f6; background-size: 100% 62%;  padding: 4% 0 2.5% 0; }
.products .tit{position: relative; margin-bottom: 8%; color: #FFF;}
.products .tit h1{ font-size: 32px; font-weight: bold; margin-bottom: 0.5%;  letter-spacing: 2px;}
.products .tit p{ font-size: 16px;}
.products .tit .mr{ position: absolute; right: 0; top: 0; display: inline-block; background:#0860a7; width: 110px; height: 38px; line-height: 38px; text-align: center; border-radius: 100px; box-shadow: 0px 2px 3px 0px rgb(8,96,67,.3);  transtion:all 0.3s; }
.products .tit .mr,.products .tit .mr:visited{ color: #FFF;}
.products .tit .mr .iconfont{ margin-left: 5px; transition: all 0.3s; }
.products .tit .mr:hover .iconfont{margin-left: 8px;}
.products .tit .mr:hover{ background: #004e8d; box-shadow: 0px 4px 6px 0px rgb(8,96,67,.3); }
.about{ background: #FFF;  padding: 4% 0;}
.about .abt-tit { margin-bottom: 2%;}
.about .abt-tit  .fnt{ font-size: 14px;}
.about .abt-tit .tel .num{font-size: 30px; font-weight: bold; color: #0860a7;}
.about .abt-tit .tel{ background: url(../images/abt_icn.png) no-repeat;  padding-left: 40px; float: left; height: 50px;}
.about .abt-tit .abtn{ float: left;}
.about .abt-tit .wx{float: left; position: relative; }
.about .abt-tit .wx .hbtn{ height: 50px;}
.about .abt-tit .wx .hbtn .btnc{width: 124px; height: 38px; border: 1px solid #DDD; border-radius: 100px; text-align: center; line-height: 38px; font-size: 14px;  margin:6px 25px 0 0;  cursor: pointer; }
.about .abt-tit .wx .iconfont{ color: #c7c7c7; font-size: 24px; vertical-align: middle; }
.about .abt-tit .wx .hbtn .btnc:hover{background: #004e8d; box-shadow: 0px 4px 6px 0px rgb(8,96,67,.2); color: #FFF;}
.prlst .item a:hover .mr{ background: #004e8d; box-shadow: 0px 4px 6px 0px rgb(8,96,67,.2); color: #FFF;}
.about .abt-tit .wx .hbtn .btnc .iconfont{ margin-right: 5px; transition: all 0.3s; }
.about .abt-tit .wx .hbtn .btnc:hover .iconfont{color: #FFF; margin-right:8px ;}
.about .abt-tit .wx .wxc{ position: absolute; z-index: 100; background: rgba(255,255,255,.9); box-shadow: 0 2px 3px rgba(0,0,0,.3);  padding: 4%; box-shadow: 0 2px 8px rgba(0,0,0,.3); top: 65px; display: none; }
.about .abt-tit .wx .wxc .pdg{white-space: nowrap; display: flex; flex-wrap: nowrap; align-items: center; }
.about .abt-tit .wx .wxc .pdg img{display: inline-block;}
.about .abt-tit .wx .wxc .pdg p{ padding: 0 10px; line-height: 180%; display: block;}
.about .abt-tit .wx .wxc .pdg:before{ content: ''; position: absolute; left: 70px; width: 0; height: 0; border: 6px solid; border-color:  rgba(255,255,255,.9)  rgba(255,255,255,.9) transparent transparent; transform: rotate(-45deg); top: -6px;  box-shadow: 3px -2px 3px rgba(0,0,0,.1);}
.ablk{ display: flex; flex-wrap: nowrap; justify-content:space-between; align-items:stretch;}
.ablk .abimg{ width: 68%; position: relative; overflow: hidden;}
.ablk .abimg a{ display: block;}
.ablk .abimg .fnt{ position: absolute; left: 4%; top: 8%; color: #FFF; font-size: 28px; z-index: 100;}
.ablk .abimg .cvr{ width: 100%; max-width: 100%; height: 100%; max-height: 100%;}
.ablk .ablnk{width: 31%; display: flex; flex-flow: row wrap; justify-content:space-between; align-content:space-between;}
.ablk .ablnk .item{ width: 48%; height: 48%; display: flex; }
.ablk .ablnk .item .brd{border: 1px solid #DDD; background: #FFF; width: 100%; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; transition: all .3s; }
.ablk .ablnk .item .brd:hover{background: #0860a7; border: 1px solid #0860a7; box-shadow: 0px 4px 6px 0px rgb(8,96,67,.2);}
.ablk .ablnk .item .brd>div{ text-align: center;}
.ablk .ablnk .item .brd .icn{margin-bottom: 15px;}
.ablk .ablnk .item .brd>div p{font-size: 18px;}
.ablk .ablnk .item .brd>div .iconfont{ font-size:60px; color: #b2b2b2;}
.ablk .ablnk .item .brd:hover,.ablk .ablnk .item .brd:hover .iconfont{ color:#FFF;}

@media screen and (max-width: 1440px) {
.swiper-pagination1 .swiper-pagination-bullet{ width: 15px; height: 15px;}
.swiper-pagination1 .swiper-pagination-bullet-active{ width: 15px; height: 15px;}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin: 0 5px;}
.swiper-pagination2 .swiper-pagination-bullet{ width: 15px; height: 15px;}
.swiper-pagination2 .swiper-pagination-bullet-active{ width: 15px; height: 15px;}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin: 0 5px;}
.news .tit h1,.products .tit h1{ font-size: 26px;}
.wcnt{ width: 85%;}
}
@media screen and (max-width: 1366px) {
.prlst .prev_01{ background: url(../images/proarw2.png) no-repeat; width:62px; height: 62px; z-index: 200;   margin-top: -41px; left: -64px; }
.prlst .next_01{ background: url(../images/proarw3.png) no-repeat; width:62px; height: 62px; z-index: 200;   margin-top: -41px;  right: -64px;}
.prlst .prev_01:hover{ background: url(../images/proarw2-2.png) no-repeat; }
.prlst .next_01:hover{background: url(../images/proarw3-2.png) no-repeat;  }
}
@media screen and (max-width: 1280px) {
.news .tit h1, .products .tit h1{ margin-bottom: 2%;}
.hdr .logo img{ height: 46px;}
}
@media screen and (max-width: 1100px) {

.srchs .exts{font-size: 14px;   width: 140px; height: 42px; line-height: 42px;}
.srchs .exts .iconfont{ font-size: 20px;}
.about .abt-tit .tel .num{font-size: 28px;}
.ablk .abimg .fnt{ font-size: 24px;}
.about .abt-tit .wx .hbtn .btnc{margin: 10px 0 0 25px;}
.ablk .ablnk .item .brd>div p{font-size: 16px;}
.ablk .ablnk .item .brd>div .iconfont{font-size: 48px;}
}
@media screen and (max-width: 1024px) {
.hdr .logo img{ height: 42px;}
.news .tit h1, .products .tit h1{font-size: 24px;}
.news .tit p,.products .tit p{font-size: 14px;}
.products .tit p{ line-height: 180%;}
.news .tit .mr{ width: 90px; height: 34px; line-height: 34px; font-size: 12px; }
.news .tit .mr .iconfont{font-size: 14px;}
.products .tit .mr{ width: 90px; height: 34px; line-height: 34px; font-size: 12px; }
.products .tit .mr .iconfont{font-size: 14px;}
.about .abt-tit .wx .hbtn .btnc{ width: 110px; height: 34px; line-height: 34px; }
.prlst .item .pdg .mr{ width: 90px; height: 32px; line-height: 32px; font-size: 12px;}
.prlst .item a .mr .iconfont{font-size: 14px;}
.ftr .ftr-l,.ftr .ftr-r{ float: none; text-align: center;}
.ftr .ftr-l .fimg{ text-align: center;}
.ftr .fimg{ display:inline-flex; margin-bottom: 2%;  }
.ftr .ftr-l .flnk, .ftr .ftr-r .cpy{ margin-bottom: 0;}
.ftr .ftr-l .flnk{ margin-bottom: 10px;}
}
@media screen and (max-width:900px) {
.news .tit h1, .products .tit h1{font-size: 20px;}
.news .tit p, .products .tit p{font-size: 12px;}
.news .newslst .item h2.news-tit{font-size: 16px;}
}
@media screen and (max-width:800px) {
.prlst .prev_01,.prlst .next_01{display: none;}
.products .wcnt{ width: 90%;}
.ablk .ablnk .item .brd>div p{font-size: 14px;}
.ablk .ablnk .item .brd>div .iconfont{font-size: 32px;}
.ablk .ablnk .item .brd .icn{ margin-bottom: 10px;}
}
@media screen and (max-width: 768px) {
   .swiper-slide img.pc_dsp{ display: none;}
   .swiper-slide img.mb_dsp{ display: block;}
   .ablk .abimg .fnt{ font-size: 20px;}
   .about .abt-tit .tel .num{ font-size: 24px;}
   .products{ padding: 4% 0; }
   .wcnt{ width: 90%;}
   }
@media screen and (max-width: 620px) {
    .about .abt-tit .tel{display: none;}
   	  .about .abt-tit .wx .hbtn .btnc{ margin: 10px 25px 0 0; } 
   }
   
@media screen and (max-width:600px) {
	
	.news .tit{ margin-bottom: 10%;}
   .news .tit .mr{ top: -6px;}
   .news .tit .mr{ height: 30px; line-height: 30px;}
   .news .tit .mr .iconfont{ font-size: 12px;}
   .news .tit h1, .products .tit h1{ margin-bottom: 24px;}
   .news .newslst{ display: block;}
   .news .newslst .item{ width: 100%; max-width: 100%; margin-bottom: 10%;}
   .news .newslst .item a{ border-right: 0;}
   .news .newslst .item .fnt{ margin-bottom: 5%;}
   .news .newslst .item .date{ padding-bottom: 5%;}
   .news .newslst .item .mr{ padding: 4%  3% 0 0;}
   .ablk{ display: block;}
   .ablk .abimg{ width: 100%; margin-bottom: 3%;}
   .ablk .ablnk{ flex-wrap: nowrap; width: 100%;}
   .ablk .ablnk .item{ width: 23%; height: auto; }
   .ablk .ablnk .item .brd{ padding: 20% 0;}
   .ftr{ padding: 6% 0 4% 0;}
   .prlst .item a:hover{ box-shadow: none;}
   .about .abt-tit .tel, .about .abt-tit .abtn{float: none;}
   
   }

@media screen and (max-width:580px) {
	.about .abt-tit .wx .wxc{ top: 55px;}
   .about .abt-tit .wx .wxc .pdg img{ height: 120px;}
   }
   @media screen and (max-width: 500px) {
      .swiper-pagination1 .swiper-pagination-bullet{ width: 12px; height: 12px;}
      .swiper-pagination1 .swiper-pagination-bullet-active{ width: 12px; height: 12px;}
	  .swiper-pagination2 .swiper-pagination-bullet{ width: 12px; height: 12px;}
	  .swiper-pagination2 .swiper-pagination-bullet-active{ width: 12px; height: 12px;}
	  .about .abt-tit .wx .wxc{ left: -40px;}
	  .about .abt-tit .wx .wxc .pdg:before{ left: 115px;}
	  .srchs .btn .iconfont{ font-size: 42px;}
      }
	  
	  @media screen and (max-width:460px) {
	     .about .abt-tit .wx{float: none;}
		 .about .abt-tit .abtn{ display: flex; flex-wrap: nowrap;  justify-content:space-between; align-items:stretch; }
		 .about .abt-tit .wx .hbtn .btnc{ margin: 0; width: auto;}
		 .about .abt-tit .wx { width: 30%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
	     }
		 
		 
	  @media screen and (max-width: 450px) {
	  	  .about .abt-tit .wx .wxc{ left: -90px;}
	  	  .about .abt-tit .wx .wxc .pdg:before{ left: 170px;}
		  .ablk .ablnk{ flex-wrap: wrap;}
		  .ablk .ablnk .item{ width: 48%; margin-bottom: 4%;}
		  .ablk .ablnk .item .brd{ padding: 24% 0;}
	     }
	  
	   @media screen and (max-width: 420px) {
		   
	   }
@media screen and (max-width: 380px) {
		  .about .abt-tit .wx .wxc{ left: 0; top: 45px;}
		  .about .abt-tit .wx .wxc .pdg:before{ left: 80px;}
		  .about .abt-tit .wx .iconfont{font-size: 18px;}
		  
	     }