body{
	max-width: 750px;
	margin: 0 auto;
	background-color: #fff;
	visibility: hidden;
}
.header{
	padding:10px 3%;
	/*position: relative;*/
	position:fixed;
	left:50%;
	top:0;
	margin-left:-3.75rem;
	width:7.5rem;
	max-width:100%;
    box-shadow: 0px 0px 10px 0px rgba(10, 2, 5, 0.15);
	z-index: 9999;
	background:rgba(0,0,0,0.5);
	box-sizing:border-box;
}
.header .logo{
	/*max-width:40%;*/
	display: block;
	height:40px;
	/*margin:0 auto;*/

}
.header.fixed
{
	background:rgba(0,0,0,0.6);
}
/*
.header.fixed
{
	position: fixed;
	top: 0;
	left: 0;
}
.footer.fixed
{
	position: fixed;
	bottom: 0;
	left: 0;
}*/

/*banner*/
/*
.banner	.slideBox{ position:relative; overflow:hidden; margin:0 auto;  max-width:100%; }
.banner	.slideBox .hd{ position:absolute; height:28px; line-height:28px; bottom:0px; right:0; z-index:1;  width:100%; text-align:center;}
.banner	.slideBox .hd li{ display:inline-block; width:8px; height:8px;  background:none; text-indent:-9999px; overflow:hidden; margin:0 6px; border-radius: 4px; background:#fff; }
.banner	.slideBox .hd li.on{ background:#721d36;  }
.banner	.slideBox .bd{ position:relative; z-index:0; }
.banner	.slideBox .bd li{ position:relative; text-align:center;  }
.banner	.slideBox .bd li img{ vertical-align:top; width:100%;}
.banner	.slideBox .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);  } 
.banner	.slideBox .bd li .tit{ display:block; width:100%;  position:absolute; bottom:0; text-indent:10px; height:28px; line-height:28px; background:url(../images/tm.png) repeat; color:#fff;  text-align:left;  }*/

.banner-container{ position:relative;}
.banner-container img{ display:block;}

.banner-pagination{ position:absolute; left:0; bottom:0; width:100%; text-align:center; z-index:2;}
.banner-pagination .swiper-pagination-bullet{ width:12px; height:6px; background:#fff; opacity:1; border-radius:0; transition:all 0.3s; margin:0 3px !important;}
.banner-pagination .swiper-pagination-bullet-active{ width:25px; background:#0071b9;}



.clearfix::after { content: ""; clear: both; overflow: hidden; display: block; height: 0; visibility: hidden;}
.sl{overflow:hidden; text-overflow:ellipsis;white-space: nowrap;}
.sl2{overflow: hidden; text-overflow: ellipsis; display: box; display: -webkit-box; line-clamp: 2; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.sl3{overflow: hidden; text-overflow: ellipsis; display: box; display: -webkit-box; line-clamp: 3; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.sl4{overflow: hidden; text-overflow: ellipsis; display: box; display: -webkit-box; line-clamp: 4; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}
.sl5{overflow: hidden; text-overflow: ellipsis; display: box; display: -webkit-box; line-clamp: 5; -webkit-line-clamp: 5; -webkit-box-orient: vertical;}
.block{ display:block;}
.yy{ box-shadow: 0px 0px 10px 0px rgba(10, 2, 5, 0.15);}
.fl{ float:left;}
.fr{ float:right;}

.pages { margin-top: 15px; font-size: 12px; line-height: 22px; text-align: center; }
.pages a { text-decoration: none; color: #666; background: #fff; display: inline-block; width: 30px; line-height: 30px; line-height: 30px; margin-right: 8px; font-size: 14px; color: #333333; margin-bottom:10px; border:#cccccc 1px solid;}
.pages a.active { background: #0071b9; border:#0071b9 1px solid; color: #fff }
.pages a:hover {  background: #0071b9; border:#0071b9 1px solid; color: #fff; text-decoration: none;  }
.pages a.wz{ display: inline-block; width: 60px; line-height: 30px; line-height: 30px;}

.download_bg .pages { margin-top: 15px; font-size: 12px; line-height: 22px; text-align: center; }
.download_bg .pages a { text-decoration: none; color: #fff; background: #721d36; border:#cccccc 1px solid; display: inline-block; width: 30px; line-height: 30px; line-height: 30px; margin-right: 8px; font-size: 14px;}
.download_bg .pages a.active { background: #fff; border:#fff 1px solid; color: #721d36 }
.download_bg .pages a:hover {  background: #fff; border:#fff 1px solid; color: #721d36; text-decoration: none;  }
.download_bg .pages a.wz{ display: inline-block; width: 30px; line-height: 30px; line-height: 30px; font-family: "瀹嬩綋"; font-weight: bold;}



.hamburger {
		display: block;
	width: 28px;
	height: 18px;
	padding: 11px;
	position: absolute;
	top: 50%;margin-top: -17px;
	right: 3%;

  display: inline-block;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  overflow: visible; }
  .hamburger:hover {
    opacity: 0.7; }

.hamburger-box {
  width: 30px;
  height: 24px;
  display: inline-block;
  position: relative; }

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px; }
  .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    width: 30px;
    height: 2px;
    background-color: #fff;
    border-radius: 4px;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease; }
  .hamburger-inner::before, .hamburger-inner::after {
    content: "";
    display: block; }
  .hamburger-inner::before {
    top: -10px; }
  .hamburger-inner::after {
    bottom: -10px; }

.hamburger--slider .hamburger-inner {
  top: 8px; }
  .hamburger--slider .hamburger-inner::before {
    top: 10px;
	width:100%;
    transition-property: transform, opacity;
    transition-timing-function: ease;
    transition-duration: 0.15s; }
  .hamburger--slider .hamburger-inner::after {
    top: 20px; }

.hamburger--slider.is-active .hamburger-inner {
  transform: translate3d(0, 10px, 0) rotate(45deg); }
  .hamburger--slider.is-active .hamburger-inner::before {
    transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
	width:100%;
    opacity: 0; }
  .hamburger--slider.is-active .hamburger-inner::after {
    transform: translate3d(0, -20px, 0) rotate(-90deg); }


/*棣栭〉*/
.h40{ height:40px;}
.h20{ height:20px;}
.h10{ height:10px;}

.i_d1{ background:#e9e9e9;}
.i_d1_title{ line-height:30px; position:relative;}
.i_d1_title .title1{ font-size:20px; color:#222222; line-height:30px; text-transform:uppercase; font-weight:bold;}
.i_d1_title .title1 span{ font-family:Arial; font-size:14px; color:#999999; margin-left:5px;}
.i_d1_title .i_d1_nav{ position:absolute; right:0; top:0;}
.i_d1_title .i_d1_nav li{ float:left; font-size:14px; color:#999999; line-height:30px; font-weight:bold; margin-left:20px; transition:all 0.3s; /*cursor:pointer;*/}
.i_d1_title .i_d1_nav li.on{ color:#222222;}

.i_d1_list li{ float:left; width:48%; margin-left:4%; margin-top:20px; background:#fff; position:relative;}
.i_d1_list li.p_box{ padding:10px; box-sizing:border-box;}
.i_d1_list li .img img{ display:block; width:100%; height:2.3rem; object-fit: contain;}
.i_d1_list li .txt1{ font-size:16px; color:#222222; line-height:30px; transition:all 0.3s;}
.i_d1_list li .more_img{ display:block; width:100%; height:calc(2.3rem + 50px); object-fit: cover;}
.i_d1_list li .more_box{ position:absolute; left:0; top:50%; width:100%; margin-top:-35px;}
.i_d1_list li .more_box .more_txt{ font-size:20px; color:#ffffff; line-height:30px; text-align:center; font-weight:bold; margin-bottom:10px;}
.i_d1_list li .more_box .more_ico{ text-align:center;}
.i_d1_list li .more_box .more_ico img{ height:30px;}
/*.i_d1_list li:hover .img.fd img{transform: scale(1.05)}*/
.i_d1_list li:hover .txt1{ color:#0071b9;}


.i_d1_list li:nth-child(2n){ margin-left:0;}
.i_d1_list li:nth-child(1) .img img{ width:100%; height:4.24rem; object-fit: contain;}
.i_d1_list li:nth-child(1){ margin-top:0; margin-left:0; width:100%;}


.i_d2{ background:url(../images/i_d2_bg.jpg) center no-repeat; background-size:cover;}
.i_d2_title{ font-size:24px; color:#fff; font-weight:bold; line-height:30px; text-align:center;}
.i_d2_txt{ width:100%; margin:0 auto; font-size:14px; color:#ffffff; line-height:25px; text-align:center;}
.i_d2_txt *{ line-height:25px;}
a.i_d2_more{ display:block; width:100px; height:34px; border:#fff 1px solid; line-height:34px; text-align:center; font-size:16px; color:#ffffff; margin:0 auto; transition:all 0.3s; text-transform:uppercase;}
a.i_d2_more:hover{ background:#fff; color:#333;}

.i_d2_list li{ float:left; width:46%; position:relative; margin-left:8%; margin-top:30px;}
.i_d2_list li:nth-child(2n+1){ margin-left:0;}
.i_d2_list li .box{ width:100%; background:#fff; border-radius:10px; position:relative; z-index:1;}
.i_d2_list li .box .ico{ line-height:50px; padding-top:10px; text-align:center;}
.i_d2_list li .box .ico img{ height:40px; vertical-align:middle;}
.i_d2_list li .box .title{ font-size:20px; color:#0071b9; line-height:30px; text-align:center;}
.i_d2_list li .box .txt{ font-size:14px; color:#222222; line-height:20px; text-align:center; padding:0 10px; height:100px; margin-top:4px;}
.i_d2_list li:after{content: ""; width:100%; height:194px; background:rgba(255,255,255,0.2); border-radius:10px; position:absolute; left:10px; top:-8px; z-index:0;}
.i_d2_list li:hover .xz img{transform: rotateY(360deg)}

.i_d3_sp{ width:100%; position:relative;}
.i_d3_sp .video{ display:block; width:100%; height:3.9rem; background:#fff;}
.i_d3_sp .i_d3_video_bt{ position:absolute; left:50%; top:50%; margin-left:-22px; margin-top:-25px; cursor:pointer; height:50px;}


.i_d4{ background:url(../images/i_d4_bg.jpg) center no-repeat; background-size:cover;}
.i_d4_title{ font-size:24px; color:#ffffff; line-height:30px; text-align:center; font-weight:bold; text-align:center;}

.i_d4_nav{ box-shadow: 0px 0px 10px 0px rgba(232, 43, 50, 0.15);}
.i_d4_nav li{ float:left; width:50%; border:#fff 1px solid; position:relative; box-sizing:border-box; height:80px; background:#eeeeee; padding-left:70px; padding-right:25px; cursor:pointer; transition:all 0.3s; margin-top:10px;}
.i_d4_nav li .ico{ position:absolute; left:10px; top:10px; width:60px; height:60px; background:#e0dfdf; border-radius:50%; line-height:60px; text-align:center; transition:all 0.3s;}
.i_d4_nav li .ico1{ background: url(../images/i_d4_ico1.png) #e0dfdf center no-repeat; background-size:auto 30px;}
.i_d4_nav li .ico2{ background: url(../images/i_d4_ico2.png) #e0dfdf center no-repeat; background-size:auto 30px;}
.i_d4_nav li .ico3{ background: url(../images/i_d4_ico3.png) #e0dfdf center no-repeat; background-size:auto 30px;}
.i_d4_nav li .ico4{ background: url(../images/i_d4_ico4.png) #e0dfdf center no-repeat; background-size:auto 30px;}
.i_d4_nav li .txt{ padding-top:15px;}
.i_d4_nav li .txt .txt1{ font-size:14px; color:#333333; font-weight:bold; line-height:25px; text-align:left; padding-left:5px; transition:all 0.3s;}
/*.i_d4_nav li.on{ border:#e82b32 1px solid; background:#e82b32;}*/
.i_d4_nav li.on .ico1{ background: url(../images/i_d4_ico1_on.png) #e0dfdf center no-repeat; background-size:auto 30px;}
.i_d4_nav li.on .ico2{ background: url(../images/i_d4_ico2_on.png) #e0dfdf center no-repeat; background-size:auto 30px;}
.i_d4_nav li.on .ico3{ background: url(../images/i_d4_ico3_on.png) #e0dfdf center no-repeat; background-size:auto 30px;}
.i_d4_nav li.on .ico4{ background: url(../images/i_d4_ico4_on.png) #e0dfdf center no-repeat; background-size:auto 30px;}
.i_d4_nav li.on .txt .txt1{ color:#0071b9;}


.i_d4_list li{ background:#f0f0f0; box-shadow: 0px 0px 10px 0px rgba(232, 43, 50, 0.15); display:none;}
.i_d4_list li.on{ display:block;}
.i_d4_list li .img{ width:100%;}
.i_d4_list li .img img{ display:block; width:100%; height:4.11rem; object-fit: cover;}
.i_d4_list li .box{ padding:15px 15px 15px 15px; box-sizing:border-box;}
.i_d4_list li .box .box_title{ font-size:24px; color:#0071b9; line-height:40px; font-weight:bold;}
.i_d4_list li .box .box_txt{ font-size:14px; color:#666666; line-height:25px; margin-top:10px;}
.i_d4_list li .box .box_txt *{ line-height:25px;}


.i_d5{ background:#e9e9e9;}
.i_d5_c{ position:relative;}
.i_d5_c_box1{ position:relative;}
.i_d5_c_list .swiper-slide {
	  /*transition: 300ms;*/
	  overflow:hidden;
	  transform: scale(0.7);
	  z-index:3;
	  background:#fff;
	  /*box-shadow: 0px 0px 20px 0px rgba(10, 2, 5, 0.3);*/
	  margin-top:20px;
	  margin-bottom:20px;

}
.i_d5_c_list .swiper-slide-active{ transform: scale(1); z-index:9;}
.i_d5_c_list .swiper-slide img{ /*opacity:0.5;*/}
.i_d5_c_list .swiper-slide-active img{ opacity:1;}
/*.i_d5_c_list li img { width:100%; height:600px; object-fit: cover;}*/
.i_d5_c_list li {}
.i_d5_c_list li .img {
  position: relative;
  padding: 30% 0;
  overflow:hidden;
  box-sizing:border-box;
  /*border:#fff 3px solid;
  border-radius:3px;*/
  background:#000;
}
.i_d5_c_list li .img img {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  object-fit: cover;
  transition: all 0.6s;
  opacity:0.4;
}
.i_d5_c_list li.swiper-slide-active  .img img {opacity:1;}
.i_d5_c_list li .txt { height:130px; line-height:130px; font-size:30px; color:#222222; text-align:center; padding:0 20px;}
.i_d5_c_nav{ position:relative;}

.i_d5_c_prev{ position:absolute; left:5px; top:50%; margin-top:-15px; width:30px; height:30px; border:#fff 1px solid; border-radius:50%; background:url(../images/i_d5_left.png) center no-repeat; background-size:auto 16px; z-index:99; cursor:pointer; transition:all 0.3s; outline:none;}
.i_d5_c_prev:hover{ background:url(../images/i_d5_left_on.png) #fff center no-repeat; background-size:auto 16px;}
.i_d5_c_next{ position:absolute; right:5px; top:50%; margin-top:-15px; width:30px; height:30px; border:#fff 1px solid; border-radius:50%; background:url(../images/i_d5_right.png) center no-repeat; background-size:auto 16px; z-index:99; cursor:pointer; transition:all 0.3s; outline:none;}
.i_d5_c_next:hover{ background:url(../images/i_d5_right_on.png) #fff center no-repeat; background-size:auto 16px;}

a.i_d5_more{ display:block; width:100px; height:34px; border:#b3b2b2 1px solid; line-height:34px; text-align:center; font-size:16px; color:#181818; margin:0 auto; transition:all 0.3s; text-transform:uppercase;}
a.i_d5_more:hover{ background:#0071b9; color:#fff; border:#0071b9 1px solid;}


.i_d6_c{ position:relative;}
.i_d6_c_list li{
	float:left; width:47%; margin-left:1%; margin-right:1%;
	  box-shadow: 0px 0px 5px 0px rgba(10, 2, 5, 0.3);
	  margin-top:10px;
	  margin-bottom:10px;
}
.i_d6_c_list li:nth-child(2n){ margin-left:3%;}
.i_d6_c_list li .img{ width:100%; height:4.54rem;}
.i_d6_c_list li .img {
  position: relative;
  padding: 69% 0;
  overflow:hidden;
  box-sizing:border-box;
}
.i_d6_c_list li .img img {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  object-fit: cover;
  transition: all 0.6s;
  background:#fff;
  object-fit: contain;
}

.i_d6_c_list li .txt{ width:392px; max-width:100%; height:50px; line-height:48px; font-size:24px; color:#666666; text-align:center; border:#cdcdcd 1px solid; box-sizing:border-box; margin:30px auto 0 auto; transition:all 0.3s;}
.i_d6_c_list li:hover .txt{ color:#ea5404;}

.i_d6_c_nav{ position:relative;}

.i_d6_c_nav .i_d6_c_prev{ position:absolute; right:50px; top:50%; margin-top:-15px; width:30px; height:30px; border:#333 1px solid; border-radius:50%; background:url(../images/i_d5_left_on.png) center no-repeat; background-size:auto 16px; z-index:99; cursor:pointer; transition:all 0.3s; outline:none;}
.i_d6_c_nav .i_d6_c_prev:hover{ background:url(../images/i_d5_left.png) #0071b9 center no-repeat; background-size:auto 16px; border:#0071b9 1px solid;}
.i_d6_c_nav .i_d6_c_next{ position:absolute; right:0; top:50%; margin-top:-15px; width:30px; height:30px; border:#333 1px solid; border-radius:50%; background:url(../images/i_d5_right_on.png) center no-repeat; background-size:auto 16px; z-index:99; cursor:pointer; transition:all 0.3s; outline:none;}
.i_d6_c_nav .i_d6_c_next:hover{ background:url(../images/i_d5_right.png) #0071b9 center no-repeat; background-size:auto 16px; border:#0071b9 1px solid;}


.i_d7_img{ display:block; width:100%; height:4.3rem; object-fit: cover;}
.i_d7_r{ box-sizing:border-box;}
.i_d7_list li{ margin-top:20px;}
.i_d7_list li .img{ float:left; width:106px; height:104px; object-fit: cover;}
.i_d7_list li .txt{ float:right; width:calc(100% - 120px);}
.i_d7_list li .txt .txt1{ font-size:14px; font-weight:bold; color:#181818; line-height:30px; height:30px;}
.i_d7_list li .txt .txt2{ font-size:14px; color:#cccccc; line-height:23px; height:46px; margin:2px 0;}
.i_d7_list li .txt .txt3{ font-size:14px; color:#cccccc; line-height:25px; height:25px;}

a.i_d7_more{ display:block; width:100px; height:34px; border:#b3b2b2 1px solid; line-height:34px; text-align:center; font-size:16px; color:#181818; transition:all 0.3s; text-transform:uppercase; margin:0 auto; margin-top:20px;}
a.i_d7_more:hover{ background:#0071b9; color:#fff; border:#0071b9 1px solid;}


.footer1{ background:#e9e9e9; padding-top:40px; padding-bottom:20px;}
.footer1_l{}
.footer_logo{ display:block; margin:0 auto; margin-bottom:10px;}
.footer1_l_txt1{ font-size:24px; color:#222222; line-height:40px; font-weight:bold; padding:10px 0; text-align:center;}
.footer1_l_txt2{ font-size:14px; color:#666666; line-height:25px; text-align:center;}
.footer1_l_txt2 *{ line-height:25px;}
.footer1_c{}
.footer1_c_txt1{ font-size:30px; color:#222222; line-height:40px; text-transform:uppercase; text-align:center;}
.footer1_c_txt2{ font-size:14px; color:#666666; line-height:25px; text-transform:uppercase; text-align:center; margin-top:10px;}
.footer1_c_txt2 *{ line-height:25px;}
.footer1_r{}
.footer1_r_nav{ float:right; width:200px;}
.footer1_r_nav li{ font-size:16px; color:#666666; line-height:34px; text-align:center;}
.footer1_r_nav li a{ color:#666666;}

.footer2{ background:#838383; padding-top:10px; padding-bottom:10px;}
.footer2_c{ position:relative;}
.footer2_c .txt1{ font-size:14px; color:#fff; line-height:25px; text-align:center;}
.footer2_c .txt1 *{ line-height:25px; color:#fff;}
.footer2_c .txt2{ font-size:14px; color:#fff; line-height:25px; text-align:center;}
.footer2_c .txt2 *{ line-height:25px; color:#fff;}

.totop{ position:fixed; right:3%; bottom:20px; width:30px; height:30px; background:url(../images/totop.png) center no-repeat; background-size:30px auto; z-index:10;}



/*news*/
.n_banner_c{ position:relative;}
.n_banner{ display:block; width:100%; object-fit: cover;}

.news_list li{ margin-top:30px;}
.news_list li:nth-child(3n+1){ margin-left:0;}
.news_list li .img{ width:100%; height:4.7rem; border-radius:10px; overflow:hidden;}
.news_list li .img img{ display:block; width:100%; height:4.7rem; object-fit: cover;}
.news_list li .title{ line-height:25px; margin-top:10px; font-size:16px; color:#333333; font-weight:bold; transition:all 0.3s;}
.news_list li .txt{ height:75px; line-height:25px; margin-top:5px; font-size:14px; color:#333333; overflow:hidden;}

.news_list li:hover .title{ color:#171c61;}



/*鏂伴椈璇︽儏椤�*/
.news_i_title1{ font-size:16px; color:#181818; line-height:30px; text-align:center; font-weight:bold;}
.news_i_title2{ font-size:14px; color:#999999; line-height:25px; text-align:center; padding-bottom:10px; border-bottom:#efefef 1px solid; margin-bottom:20px;}

.news_i_more{ border-top:#efefef 1px solid; margin-top:20px; position:relative;}
.news_i_more .li{ position:relative; padding-left:72px; height:33px; font-size:14px; color:#999999; margin-top:20px;}
.news_i_more .li a{ font-size:14px; color:#999999; transition:all 0.3s;}
.news_i_more .li a:hover,
.news_i_more .li a.on{ color:#333333;}
.news_i_more .li a .ico1{ position:absolute; left:0; top:0; width:60px; height:31px; border:#222222 1px solid; background:url(../images/news_i_more_ico1.png) center no-repeat; background-size:18px auto; transition:all 0.3s;}
/*.news_i_more .li a:hover .ico1{ border:#0071b9 1px solid; background:url(../images/news_i_more_ico1_on.png) #0071b9 center no-repeat; background-size:18px auto;}*/
.news_i_more .li a .ico2{ position:absolute; left:0; top:0; width:60px; height:31px; border:#0071b9 1px solid; background:url(../images/news_i_more_ico2_on.png) #0071b9 center no-repeat; background-size:18px auto; transition:all 0.3s;}
/*.news_i_more .li a:hover .ico2{ border:#0071b9 1px solid; background:url(../images/news_i_more_ico2_on.png) #0071b9 center no-repeat; background-size:18px auto;}*/
a.news_i_more_back{ display:block; height:33px; line-height:33px; font-size:14px; color:#222222; margin-top:20px;}


/*product*/
.p_nav_c{ padding-top:5px; padding-bottom:5px;}
.p_nav_c a{ display:inline-block; font-size:14px; color:#666666; line-height:30px;  padding:0 10px; margin-top:5px; margin-bottom:5px;}
.p_nav_c a.on{ background:#0071b9; color:#fff;}


.p_nav_list2{ background:#f7f7f7; padding:5px 10px;}
.p_nav_list2 a{ display:inline-block; font-size:14px; color:#666666; line-height:30px; margin:0 5px;}
.p_nav_list2 a.on,
.p_nav_list2 a:hover{ color:#0071b9;}

.p_list li{ float:left; width:48%; margin-left:4%; margin-top:20px; position:relative; top:0; transition:all 0.3s; box-shadow: 0px 0px 10px 0px rgba(10, 2, 5, 0.15);}
.p_list li:nth-child(2n+1){ margin-left:0;}
.p_list li:nth-child(1),
.p_list li:nth-child(2){ margin-top:0;}
.p_list li .img{
  position: relative;
  padding: 43% 0;
  overflow:hidden;
  box-sizing:border-box;
  background:#fff;
}
.p_list li .img img {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  object-fit: contain;
  transition: all 0.8s;
  background:#fff;
}
.p_list li .txt{ height:40px; line-height:40px; text-align:center; font-size:14px; color:#333333; background:#f1f1f1;}
/*.p_list li:hover{ top:-10px;}*/

/*productinfo*/
.p_i_d1{ background:#efefef; background:#efefef;}
/*.p_i_d1_img{ display:block; width:100%; border-radius:10px; object-fit: cover;}*/
.p_d1_l{ padding:10px; border-radius:10px; overflow:hidden; background:#fff;}


.p_i_d1_l_list li img{ display:block; width:100%; height:4.5rem; object-fit: contain; background:#fff;}
.p_i_d1_l_container{ padding-bottom:50px;}
.p_i_d1_l_pagination .swiper-pagination-bullet{ width:10px; height:10px; background:#cccccc; border-radius:5px; opacity:1;}
.p_i_d1_l_pagination .swiper-pagination-bullet-active{ background:#0071b9; width:30px;}

.p_i_d1_r{ margin-top:20px;}
.p_i_d1_r .title{ font-size:24px; color:#0071b9; font-weight:bold; line-height:30px; text-align:center;}
.p_i_d1_r .txt{ font-size:14px; color:#999999; line-height:25px; margin-top:10px;}
.p_i_d1_r .txt *{ line-height:25px;}

.p_i_d2_title{ font-size:24px; color:#0071b9; line-height:40px; text-align:center; padding-top:20px; padding-bottom:10px;}
.p_i_d2_title_list{ text-align:center; padding: 20px 0;}
.p_i_d2_title_list li{ display:inline-block; width:150px; height:40px; line-height:40px; text-align:center; font-size:16px; color:#333333; margin:0 5px; cursor:pointer;}
.p_i_d2_title_list li.on{ background:#0071b9; color:#fff;}

.p_i_d3_title{ font-size:24px; color:#0071b9; line-height:40px; text-align:center;}
.p_i_d3_txt{ font-size:14px; color:#b1b0b0; line-height:25px; text-align:center; margin-top:5px;}
.p_i_d3_txt *{ line-height:25px;}



/*case*/
.case_list li{ float:left; width:48%; margin-left:4%; margin-top:20px; background:#f7f7f7; position:relative; top:0; transition:all 0.3s;}
.case_list li:nth-child(1),
.case_list li:nth-child(2){ margin-top:0;}
.case_list li:nth-child(2n+1){ margin-left:0;}
.case_list li .img{
  position: relative;
  padding: 32% 0;
  overflow:hidden;
  box-sizing:border-box;
  background:#000;
}
.case_list li .img img {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  object-fit: cover;
  transition: all 0.8s;
  background:#efeeee;
  opacity:1;
}
.case_list li .txt{ line-height:40px; font-size:14px; color:#666666; text-align:center;}
.case_list li:hover .txt{ color:#0071b9;}


/*鑽ｈ獕璇佷功*/
.ry_d1_list li{ float:left; width:48%; margin-left:4%; margin-top:20px; position:relative; top:0; transition:all 0.3s;}
.ry_d1_list li:nth-child(1),
.ry_d1_list li:nth-child(2){ margin-top:0;}
.ry_d1_list li:nth-child(2n+1){ margin-left:0;}
.ry_d1_list li .img {
  position: relative;
  padding: 69.2% 0;
  overflow:hidden;
  box-sizing:border-box;
  box-shadow: 5px 10px 10px 0px rgba(10, 2, 5, 0.15);
}
.ry_d1_list li .img img {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  object-fit: contain;
  transition: all 0.6s;
  background:#fff;
}
.ry_d1_list li .txt{ border:#c9c9c9 1px solid; width:100%; margin:0 auto; font-size:14px; color:#666666; line-height:40px; margin-top:0px; text-align:center; transition:all 0.3s;}
/*.ry_d1_list li:hover{ top:-10px;}*/
.ry_d1_list li:hover .txt{ color:#1b5f43;}



/*鍏充簬鎴戜滑*/
.ab_d1{ background:#f3f3f4;}
.ab_d1_title{ font-size:24px; color:#333333; line-height:40px; font-weight:bold;}
.ab_d1_txt{ font-size:14px; color:#333333; line-height:25px;}
.ab_d1_txt *{ line-height:25px;}
.ab_d1_txt img{ max-width:100%; height:auto !important;}
.ab_d1_list li{ float:left; width:48%; margin-left:4%; position:relative; top:0; transition:all 0.3s;}
.ab_d1_list li:nth-child(2n+1){ margin-left:0;}
.ab_d1_list li .img {
  position: relative;
  padding: 31% 0;
  overflow:hidden;
  box-sizing:border-box;
  box-shadow: 5px 10px 10px 0px rgba(10, 2, 5, 0.15);
}
.ab_d1_list li .img img {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  object-fit: cover;
  transition: all 0.6s;
  background:#fff;
}


.ab_d2_list li{ float:left; width:46%; position:relative; margin-left:8%; margin-top:30px;}
.ab_d2_list li:nth-child(2n+1){ margin-left:0;}
.ab_d2_list li .box{ width:100%; background:#fff; border-radius:10px; position:relative; z-index:1;}
.ab_d2_list li .box .ico{ line-height:50px; padding-top:10px; text-align:center;}
.ab_d2_list li .box .ico img{ height:40px; vertical-align:middle;}
.ab_d2_list li .box .title{ font-size:20px; color:#0071b9; line-height:30px; text-align:center;}
.ab_d2_list li .box .txt{ font-size:14px; color:#222222; line-height:20px; text-align:center; padding:0 10px; height:100px; margin-top:4px;}
.ab_d2_list li:after{content: ""; width:100%; height:194px; background:#0071b9; border-radius:10px; position:absolute; left:10px; top:-8px; z-index:0;}
.ab_d2_list li:hover .xz img{transform: rotateY(360deg)}




/*lianxi*/
.lx_l{}
.lx_l_title{ font-size:18px; color:#0071b9; font-weight:bold; line-height:30px;}
.lx_l_list li{ margin-top:20px; padding-left:60px; position:relative;}
.lx_l_list li .txt1{ font-size:16px; color:#0071b9; line-height:25px; font-weight:bold;}
.lx_l_list li .txt2{ font-size:14px; color:#333333; line-height:25px;}
.lx_l_list li .txt2 *{ line-height:25px;}
.lx_l_list li .ico{ position:absolute; left:0; top:0; width:48px; height:48px; text-align:center; line-height:48px; border:#0071b9 1px solid; border-radius:50%;}
.lx_l_list li .ico img{ max-width:25px; max-height:25px; vertical-align:middle;}
.lx_img{ display:block; width:100%; margin-top:20px;}

.lx_ico_list{ line-height:40px; text-align:center;}
.lx_ico_list a{ margin:0 15px;}
.lx_ico_list a img{ height:40px;}
.lx_ico_list a:nth-child(1){ margin-left:0;}