/*banner*/
.tem_banner .label_txt {position:absolute;top:50%;left:30%;text-align:center;width:100%;z-index:1;transform:translateX(-50%);}
.tem_banner .label_txt h4{font-size:.6rem;color:#FFF}
.tem_banner .label_txt p{font-size:.36rem;color:#FFF;text-transform:uppercase;margin:.4rem 0 0}
.tem_banner .label_txt img{display: inline-block;width: 10%;left:30%;transform:translateX(-50%);}
.tem_banner .slide-pagination{transition:.5s;position:absolute;z-index:1;bottom:5%;left:50%;transform:translateX(-50%);text-align:center}
.tem_banner .slide-pagination span{width:11px;height:11px;border-radius:100%;border:1px solid #fff;opacity:1;background:0 0;margin:0 5px;outline:0;}
.tem_banner .slide-pagination span.swiper-pagination-bullet-active{background:#f0991d;border-color:#f0991d}

.tem_banner.inside .flash {
  font-size: 0;
}
.tem_banner.inside .flash img {
  width: 100%;
  height: 100%;
}
/* flash_title */
.flash_title {
	position: absolute;
	width: 100%;
	color: #ffffff;
	bottom: 40%;
  }
  .flash_title p {
	font-size: 0.14rem;
	margin-bottom: 0.1rem;
		font-weight:bold;
	text-shadow:10px 10px 10px black;
  }
  .flash_title h1 {
	font-size: 0.36rem;
	font-weight: 400;
  }
/*header*/
/*********--mobile header--*********/
.m-header {
	position: fixed;
	top: -100%;
	background: rgba(0, 0, 0, 0.4);
	z-index: 50;
	transition: all 0.36s;
	opacity: 0;
	width: 100%;
	line-height: 50px;
	height: 50px;
	overflow: hidden;
	z-index: 999999;
	background: #fff;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	color: #fff;
  }
  .m-header > div {
	width: 50%;
  }
  .m-header .left {
	width: 50%;
	padding: 0;
	height: 100%;
  }
  .m-header .left a {
	display: flex;
	align-items: center;
	height: 100%;
  }
  .m-header .left a img {
	height: 80%;
	margin-left: 0.2rem;
  }
  .m-header .right {
	height: 100%;
	display: flex;
	flex-direction: row-reverse;
  }
  .m-header .right > div {
	display: flex;
	align-items: center;
	height: 100%;
	flex-direction: row-reverse;
	margin-right: 0.2rem;
  }
  .m-header .right i {
	color: #818181;
	font-size: 30px;
  }
  .st-menu {
	opacity: 0;
  }
  .st-menu-open .st-menu {
	opacity: 1;
  }
  .st-menu {
	display: none;
	background-color: #fff !important;
  }
  .st-menu .logo {
	font-weight: 600;
  }
  .st-menu .logo a {
	height: 70px;
	display: flex;
	align-items: center;
  }
  .st-menu .logo a img {
	 height: 80%; 
	}
  .st-menu .logo a span {
	margin-left: 10px;
  }
  .st-menu ul {
	margin-top: 30px !important;
  }
  .st-menu ul li a {
	color: green !important;
	font-size:14px;
	}

/***** header ******/
header {
  width: 100%;
  height: 0.85rem;
  transition: 0.5s;
  background-color: #fff;
  display: flex;
  position: fixed;
  z-index: 10;
  z-index: 999;
}
header.on {
  height: 0.7rem;
  background-color: #fff;
  box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.2);
}
header.on + .tem_banner {
  padding-top: 0.7rem;
}
header > div {
  display: flex;
}
header .left {
  display: flex;
  align-items: center;
  margin-right: 0.6rem;
}
header .left .img {
  height: 45%;
}
header .left .img img {
  height: 100%;
}
header .nav {
  width: 45%;
  height: 100%;
   margin-left:2rem
}
header .nav ul {
  display: flex;
  justify-content: space-around;
  height: 100%;
  width: 100%;
}
header .nav ul li {
  font-size: 0.16rem;
  display: flex;
  align-items: center;
}
header .nav ul li a {
  display: inline-block;
  transition: 1s;
}
header .nav ul li a.on {
  color: #0853a0;
}
header .nav ul li a:hover {
	color: #0853a0;
  }

header .right {
  flex: 1;
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
}
header .right .lang {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
}
header .right .lang:hover .off {
  display: flex;
}
header .right .lang div {
  display: none;
}
header .right .lang div.on {
  position: relative;
  height: 0.45rem;
  width: 0.45rem;
  border: 1px solid #d5d5d5;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
header .right .lang div.on i {
  display: inline-block;
  margin-left: 0.03rem;
}
header .right .lang a:hover{
	color: #22a93b;
}
header .right .lang div.on .off {
  box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.2);
  position: absolute;
  bottom: -0.27rem;
  width: 0.45rem;
  background: #fff;
  justify-content: center;
}
header .right .lang div.on .off i {
  display: none;
}

/* footer */
  .tem_footer {
	width: 100%;
	padding: 0.5rem 0 0rem;
	background-color: #1c1c1c;

  }
   .tem_footer .list ul li{
 	display:inline;
 	padding:0 .8rem 0 0;
 
 }
 .tem_footer .list ul li a{
  font-size:.17rem;
  color:white
 }
 .tem_footer .infos{padding:.4rem 0 0 0}
  .tem_footer .infos p{color:#787878}
    .tem_footer .infos .beian{padding:.3rem  0}
       .tem_footer .infos .beian a{color:white;margin-left:.2rem}
    .tem_footer .right{position:absolute;top:0;right:0;width:10%}
    .tem_footer .right  p{text-align:center;color:#787878}
  .tem_footer .footTitle {
	color: #fff;
	font-size: 0.16rem;
	margin: 0.28rem 0;
  }
  .tem_footer .tem_inner .info {
	display: flex;
	justify-content: space-between;
  }
  .tem_footer .tem_inner .info .logo .logiImg p {
	padding: 0.2rem 0 0.5rem;
	color: #bdbdbd;
  }
  .tem_footer .tem_inner .info .logo .bottom p {
	color: #878787;
	margin-top: 0.15rem;
  }
  .tem_footer .tem_inner .info .logo .bottom p a {
	color: #878787;
  }
  .tem_footer .tem_inner .product li {
	margin-bottom: 0.1rem;
  }
  .tem_footer .tem_inner .product a {
	color: #bdbdbd;
  }
  .tem_footer .tem_inner .contact > div p {
	color: #bdbdbd;
	margin-bottom: 0.1rem;
  }
  .tem_footer .tem_inner .contact .icon {
	display: flex;
	margin-top: 0.5rem;
  }
  
  .tem_footer .tem_inner .contact .icon > a {
	display: inline-block;
	margin-right: 0.2rem;
  }
  
  .tem_footer .tem_inner .contact .icon a {
	  position: relative;
  }
  
  .tem_footer .tem_inner .contact .icon a * {
	  transition: none;
  }
  
  .tem_footer .tem_inner .contact .icon a .pd {
	  width: 100px;
	  position: absolute;
	  bottom: 0;
	  right: 35px;
	  display: none;
  }
  .tem_footer .tem_inner .sao > div {
	width: 1rem;
	height: 1rem;
	padding: 0.07rem;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 0.15rem;
	background-color: #434343;
  }
  .tem_footer .tem_inner .sao > div img {
	width: 100%;
  }
  .tem_footer .tem_inner .sao p:nth-child(3) {
	color: #bdbdbd;
	text-align: center;
  }
@-webkit-keyframes aase{
	0%{-webkit-transform: rotateY(0deg);}
	100%{-webkit-transform: rotateY(360deg);}
}
@-moz-keyframes aase{
	0%{-moz-transform: rotateY(0deg);}
	100%{-moz-transform: rotateY(360deg);}
}
@keyframes aase{
	0%{transform: rotateY(0deg);}
	100%{transform: rotateY(360deg);}
}
.index_title {
	display: flex;
	justify-content: center;
  }
  .index_title p {
	padding: 0 0.6rem;
	font-size: 0.3rem;
	border-left: 6px solid #0853a0;
	border-right: 6px solid #0853a0;
	color: #181818;
	display: inline-block;
	margin: a auto;
	line-height: 0.3rem;
  }
   .index_support {
	padding: 0.7rem 0.8rem;
  }
  .index_support .content {
	display: flex;
	margin-top: 1.1rem;
  }
  .index_support .content > div {
	display: flex;
	width:50%;
	
  }
 .index_support .content   .left div{

 }

  .index_support .content > div .left {
	width:1rem;
	height:1rem;
margin-right:.2rem
  }

  .index_support .content > div .right h3 {
	color: #3a3a3a;
	font-size: 0.18rem;
	font-weight:bold;
	}
	.index_support .content  div:nth-child(3) .left img {
	width:.6rem

}

  .index_support .content > div .right p:nth-child(2) {

  }
  .index_support .content > div .right p:nth-child(3) {
	color: #6b6b6b;
	font-size: 0.14rem;
  }
  .index_product {
	background: #f1f3fb;
	padding: 0.48rem 0 0.45rem;
  }
  .index_product .bg {
	margin: 0 auto;
	width: 50%;
	}
  .index_product .link {
	position: absolute;
	left: 50%;
	top: 0%;
	z-index: 2;
  }
  .index_product .link a {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	
	width: 1.9rem;
	
	margin: -0.35rem 0 0 -0.95rem;
  }
  .index_product .link a p {
width:4rem;
	font-size: 0.3rem;
	border-left: 6px solid #0853a0;
	border-right: 6px solid #0853a0;
	color: #181818;
	display: inline-block;
	margin: a auto;
	line-height: 0.3rem;
	text-align:center

  }
  .index_product .link a p:nth-child(2) {
	display: none;
  }
  .index_product .content {
	position: absolute;
	width: 100%;
	height: 55%;
	top: 22%;
	left: 0;
  }
  .index_product .content .title {
	font-size: 0.16rem;
	color: #242525;
	display: inline-flex;
	flex-direction: column;
	text-align: center;
	align-items: center;
	transition: 0s;
	cursor: default;
	position: absolute;
	z-index: 1;
  }
  .index_product .content .title p {
	transition: 0s;
  }
  .index_product .content .title i {
	display: inline-block;
	width: 0.36rem;
	height: 0.34rem;
	background-repeat: no-repeat no-repeat;
	transition: 0s;
	background-size: cover;
  }
    .index_product .content .title:hover p {
	color: #0853a0;
  }

  .index_product .content .img {
	width: 20%;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	transition: 0.3s;
	opacity: 0;
	visibility: hidden;
	z-index: -1;
  }
  .index_product .content .img p {
	color: #2a6aad;
	position: absolute;
	display: block;
	font-size: 0.16rem;
	top: -0.2rem;
	right: 0;
  }
  .index_product .content .img a {
	display: inline-block;
	width: 0.5rem;
	height: 0.5rem;
	position: absolute;
	border-radius: 100%;
	background: #e6781740;
	display: flex;
	align-items: center;
	justify-content: center;
	bottom: 0;
	right: 15%;
  }
  .index_product .content .img a div {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 0.3rem;
	height: 0.3rem;
	background: #e67817;
	border-radius: 100%;
	color: #fff;
	font-size: 0.16rem;
  }
   .index_product .content>div:hover .img {
	opacity: 1;
	visibility: visible;
	z-index: 22;
  }
 .index_product .content .img1{
  	top:20%
  }
  .index_product .content .img2 {
	left: 0;
	margin-top:2rem
  }
  .index_product .content .img3{
  	right: 0;
  	top:0
  }
  .index_product .content .img4
  {
	right: 0;
  }
  .index_product .content .img5 {
  	right: 5%;
  	margin-top:2rem
  }
  .index_product .content .title1 {
	left: 20%;
	top: 0;
  }
  .index_product .content .title1 i {
	background-image: url(/public/common/images/indexProIcon1.png);
  }
  .index_product .content .title2 {
	left: 20%;
	bottom: 10%;
  }
  .index_product .content .title2 i {
	background-image: url(/public/common/images/indexProIcon2.png);
  }
  .index_product .content .title3 {
	right: 20%;
	top: 0;
	}
  .index_product .content .title3 i {
	background-image: url(/public/common/images/indexProIcon3.png);
  }
  .index_product .content .title4 {
	right: 15%;
	top: 40%;
  }
  .index_product .content .title4 i {
	background-image: url(/public/common/images/indexProIcon4.png);
  }
  .index_product .content .title5 {
	right: 25%;
	bottom: 10%;
  }
  .index_product .content .title5 i {
	background-image: url(/public/common/images/indexProIcon5.png);
  }
 

  .index_news {
	padding: 1rem 0 1.3rem;
	}
  .index_news ul {
	display: flex;
	flex-wrap: wrap;
  }
  .index_news ul li {
	width: 31%;
	margin: 1rem 1% 0;
	border-bottom: 1px solid #dcdcdc;
  }
  .index_news ul li:hover img {
	transform: scale(1.1);
  }
  .index_news ul li  img {
	transition: 0.3s;
	
  }
 .index_about{padding:.97rem 0 .97rem}
  .index_about .indexab{padding:.66rem 0}
  .index_about .indexab>div{width:20%;height:3.5rem;margin:0 .3rem}
  .index_about .indexab>div h1{color:white;font-size:.20rem;padding:.2rem .2rem;text-align:center;margin-top:1.2rem;position:relative}
   .index_about .indexab .ab0 h1:before{content:'';width:1rem;height:1rem;background:url(../images/1-1.png) center no-repeat;position:absolute;bottom:60%;transform: translateX(-10%);transition:all 1s}
      .index_about .indexab .ab1 h1:before{content:'';width:1rem;height:1rem;background:url(../images/1-2.png) center no-repeat;position:absolute;bottom:60%;transform: translateX(-10%);transition:all 1s}
         .index_about .indexab .ab2 h1:before{content:'';width:1rem;height:1rem;background:url(../images/1-3.png) center no-repeat;position:absolute;bottom:60%;transform: translateX(-10%);transition:all 1s}
            .index_about .indexab .ab3 h1:before{content:'';width:1rem;height:1rem;background:url(../images/1-4.png) center no-repeat;position:absolute;bottom:60%;transform: translateX(-10%);transition:all 1s}
    .index_about .indexab>div p:after{content:"\f061";font:normal normal normal 14px/1 FontAwesome;width:.3rem;position:absolute;bottom:10%;left:50%;}
   .index_about .indexab   a:hover  h1:before{transform: scale(0.8);}
 .index_about .indexab a:hover p:after{padding:0 .5rem;transition:all 1s}
 .index_about .indexab>div p{color:white}
  .index_about .indexab .ab0{background: url(../images/1.jpg) center;}
  .index_about .indexab .ab1{background: url(../images/2.jpg) center;}
  .index_about .indexab .ab2{background: url(../images/3.jpg) center;}
  .index_about .indexab .ab3{background: url(../images/4.jpg)center;}
 .index_text {position:relative}
 .index_text .text{position:absolute;top:30%;left:50%;text-align:center;transform:translateX(-50%);}
.index_text .text p{font-size:.2rem;color:white}
.index_text .text h1{font-size:.22rem;font-weight:bold;color:white}
  .index_news ul li .txt {
	padding: 0.2rem 0 0.35rem;
	display: flex;
	}
  .index_news ul li .txt .left {
	width: 25%;
	border: 1px solid #e5e5e5;
	display: flex;
	flex-direction: column;
	padding: 0.15rem 0.17rem ;
  }
  .index_news ul li .txt .left > span:nth-child(1) {
	font-size: 0.2rem;
	color: #6c6c6c;
	
  }
  .index_news ul li .txt .left > span:nth-child(2) {
	color: #1ea838;
	font-size: 0.14rem;
  }
  .index_news ul li .txt .right {
	width: 75%;
	padding-left: 0.2rem;
	}
  .index_news ul li .txt .right h2 {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #252525;
	font-size: 0.15rem;
	font-weight: bold;
  }
  .index_news ul li .txt .right p {
	color: #818181;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
  }
.aboutab{
	position: absolute;
    width: 100%;
    bottom: 40%;
    left:20%;
    color:white;
}
.com_h1{
	color: rgb(230, 120, 23);
	font-size: .24rem;
}
.com_h2{
	color: rgb(230, 120, 23); 
	font-size: .18rem;
}
.com_h3{
	font-size: .16rem;
}













.show_loc{display:block;height:65px;width:60px;text-align:center;line-height:65px;float:left;color:#e20a17;position:relative;}
.show_loc:hover{color:#e20a17;}
.show_loc i{font-size:24px;line-height:60px;width:100%;text-align:center;}
.show_na{display:block;height:45px;line-height:100px;}
.show_na dd{display:block;height:65px;padding-left:50px;padding-right:50px;float:left;line-height:65px;border-left:1px solid #e5e5e5;}
.show_na a{color:#333;}
.show_na a:hover,.show_na a.on{color:#e20a17;}
.show_ab_bg{background: url(../images/about.jpg);}

.show_ab{position:relative;padding:50px 0px 50px 0px;overflow:hidden;}
.show_ab .show_ab_bg{background-repeat:no-repeat;background-position:center;background-size:100% 100%;}
.show_ab .clear_ab{clear:both;height:40px;}
.show_ab .show_ab_bg{position:relative;overflow:hidden;}
.show_ab .show_ab_con{padding:5% 15% 5% 15%;font-size:16px;color:#323232;float:left;line-height:28px;overflow:hidden;box-shadow: 0 0 30px rgba(0,0,0,.15);background:#fff;margin-top:-150px;}
.show_ab .show_ab_con1{padding-top:30px;font-size:16px;color:#323232;line-height:28px;overflow:hidden;background:#eee;padding:50px;}
.show_ab  h2{font-size:30px;margin-bottom:10px;font-weight:normal;margin-bottom:30px;text-align:center;}

.show_ab .show_ab_img1{float:left;}

.show_ab_bg{background-repeat:no-repeat;background-position: top center !important;text-align:center;padding-top:80px;padding-bottom:300px;clear:both;overflow:hidden;}
.show_ab_bg .tem_inner{height:780px;}
.show_ab_bg .tem_inner h3{font-style:italic;font-size:38px;color:#fff;text-align:center;position:relative;z-index:1;text-transform : uppercase;margin-bottom:75px;}
.show_ab_bg .tem_inner h3:before{content:'';height:12px;width:360px;background:#e20a17;display:block;bottom:0px;left:50%;margin-left:-180px;position:absolute;z-index:-1;}
.show_ab_bg img{max-width:100%;}

.show_ab_bg .tem_inner h2{font-size:50px;color:#fff;text-align:center;font-weight:bold;margin-bottom:80px;}
.show_ab_bg .tem_inner h4{font-size:30px;color:#fff;text-align:center;font-weight:bold;margin-bottom:80px;margin-bottom:50px;}
.show_ab_bg .tem_inner h4 {background: url(../images/1598578616.png) center 0 no-repeat;padding: .9rem 0 0 0;}
.show_ab_bg .tem_inner ul{display:flex;margin:80px auto;width:100%;}
.show_ab_bg .tem_inner ul li{position:relative;width:20%;margin-left:3%;margin-right:3%;text-align:center;float:left;}	
.show_ab_bg .tem_inner ul li a{text-align:center;display:block;width:100%;height:100%;border-radius:50%;background:#fff;font-size:18px;line-height:30px;color:#282828;position:relative;transition: ease .3s;padding-bottom:100%;position:absolute;z-index:4}
.show_ab_bg .tem_inner ul li a:after{content:'';text-align:center;display:block;width:100%;height:100%;border-radius:50%;background:#fff;font-size:18px;line-height:30px;color:#282828;position:relative;transition: ease .3s;padding-bottom:100%;position:absolute;z-index:-1;top:0px;left:0px;}
.show_ab_bg .tem_inner ul li a:before{content:'';text-align:center;display:block;width:110%;height:110%;border-radius:50%;font-size:18px;line-height:30px;color:#282828;position:relative;transition: ease .3s;padding-bottom:100%;position:absolute;z-index:-2;top:-5%;left:-5%;background-color:rgba(69,69,69,.28)}
.show_ab_bg .tem_inner ul li a h5{font-size:24px;color:#ff0000;display:block;margin-top:40%;}
.show_ab_bg .tem_inner ul li:hover a{box-shadow: 0 0 20px rgba(226,13,13,.95);}
.show_ab_bg .tem_inner ul i{width:10%;margin-top:7%;font-size:100px;color:#a0a0a0;}

.hcfzs{background:#bcc2c9;padding-top:90px;}
.hcfzs h2{font-size:36px; text-align:center;margin-bottom:50px;}
.hcfzs .tem_inner{height:650px;background:url(../fzls_bg.jpg) no-repeat;background-position:top center;padding-top:150px;}
.hcfzs .tem_inner .hzfzs_fr{float:right;text-align:left;padding:0px 30px;}
.hcfzs .tem_inner .hzfzs_fl{float:left;text-align:right;padding:0px 30px;}
.hcfzs .tem_inner h3{font-size:30px;font-weight:bold;color:#e20a17;margin-bottom:20px;}
.hcfzs .tem_inner p{font-size:16px;color:#fff;}

.show_ab .show_ab_left{width:50%;float:right;padding:5%;background: rgba(245,230,176, 0.8);}
.show_ab .show_ab_left .show_ab_left_con{float:right;text-align:left;}
.show_ab .show_ab_left .show_ab_left_con h2{text-align:left;font-size:40px;font-weight:bold;margin-bottom:10px;}
.show_ab .show_ab_left .show_ab_left_con h3{text-align:left;font-size:30px;margin-bottom:30px;}
.show_ab .show_ab_left .show_ab_left_con p{margin-bottom:30px;font-size:18px;line-height:40px;}
.show_ab .show_ab_right{width:49%;float:right;}
.show_ab .show_ab_right img{width:100%;}

.swiper-container-fz{overflow:hidden;height:430px;}

.show_ab_title{font-size:40px;position:relative;}
.show_ab_ftitle{font-size:16px;color:#e20a17;margin-top:20px;position:relative;}
.show_wh_tit{color:#fff;font-size:30px;position:relative;}
.show_wh_tit:before{content:'';position:absolute;width:120px;height:1px;background:#fff;bottom:-30px;}

.wrap{width: 100%; height: auto;margin: 50px auto;border-radius: 5px;padding: 50px 50px 50px 200px;background: #fff;position:relative;}
.wrap .ry_log{position:absolute;top:50px;left:50px;width:150px;padding-top:30px;}
.wrap .ry_log img{max-width:100%;}
ul,li,h4{list-style: none;margin: 0;padding: 0}
.wrap>ul{border-radius: 5px }
.wrap>ul>li{text-align: left;border-bottom: solid 1px #DED1D1;color:#000;cursor: pointer;position: relative;padding:30px 20px;}
/*.wrap>ul>li:last-child{border-bottom: none;}*/
.wrap>ul>li h4{font-size:18px;font-weight:initial;color:#333}
.wrap>ul li span{position: absolute;top: 30px;right: 12px;font-size: 22px;color: #e20a17;display: inline-block;}
.wrap>ul>li .child-ul{background: #fff;display: none;padding-top:30px;line-height:30px;font-size:16px; color:#666666;overflow:hidden;}
.wrap>ul>li .child-ul dd{float:left;text-align:center;margin-right:100px;line-height:40px;padding-bottom:30px;}
.wrap>ul>li .child-ul li{color: #000;line-height: 40px;}
.wrap>ul>li.on h4{color:#014099;}

.fz_con{padding-left:20%;padding-right:20%;position:relative}
.fz_con h3{font-size:24px;font-weight:bold;margin-bottom:30px;}
.fz_con p{font-size:14px;}
.fz_con:before{content:'';position:absolute;width:1px;height:100px;left:15%;bottom:100%;background:#d2d2d2;}
.fz_con:after{content:'';position:absolute;width:14px;height:14px;left:15%;bottom:100%;border:1px solid #d2d2d2;margin-left:-7px;margin-bottom:-14px;border-radius:50%;}

.swiper-slide-active .fz_con:after{border:1px solid #db151b;background:#db151b;}
.swiper-slide-active{color:#db151b;}

.show_cjcf{padding-top:80px;padding-bottom:80px;clear:both;overflow:hidden;}
.show_cjcf h2{font-size:36px;text-align:left;color:#000;margin-bottom:30px;text-align:center;}
#gallery {
	width: 100%;
	margin-top: 30px;
}
#gallery img{width:100%;}
#thumbs {
	width: 100%;
	margin-top: 30px;height: 100%;
position: absolute;
top: 0px;
}
#thumbs img{width:100%;height:100%;}
#thumbs .swiper-slide {
	opacity: 0.3;
}

#thumbs .swiper-slide-thumb-active{
	opacity: 1;
}

.swiper-container13 {
	padding-bottom: 60px;
	padding-top: 60px;
	overflow:hidden;
}

.swiper-container13  .swiper-slide {
	width: 700px;
	

	
}
.swiper-container13  .swiper-slide a{
	display: block;
position: relative;
width: 100%;
padding-bottom: 125%;
}
.swiper-container13  .swiper-slide a .play{width:83px;height:83px;background:rgba(0,0,0,.4) url(../3f_play_left.png) no-repeat center center;position:absolute;left:50%;top:50%;margin:-41px 0 0 -41px;border-radius:50%;cursor:pointer;transition:all .2s;}
.swiper-container13  .swiper-slide a .play:hover{background-color:rgba(0,0,0,.6);}
.swiper-container13  .swiper-slide img{
	display:block;
	position:absolute;
	top: 0;
left: 0;
width: 100%;
height: 100%;
}
.swiper-container13  .swiper-slide p {
	line-height: 58px;
	padding-top: 0;
	text-align: center;
	color: #fff;
	font-size: 1.1em;
	margin: 0;
}

.swiper-container13 .swiper-pagination {
	width: 100%;
	bottom: 20px;
}

.swiper-container13 .swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 5px;
	border: 3px solid #fff;
	background-color: #d5d5d5;
	width: 10px;
	height: 10px;
	opacity: 1;
}

.swiper-container13 .swiper-pagination-bullets .swiper-pagination-bullet-active {
	border: 3px solid #00aadc;
	background-color: #fff;
}

.swiper-container13 .swiper-button-prev {
	left: -70px;
	width: 45px;
	height: 45px;
	background: url(../wm_button_icon.png) no-repeat;
	background-position: 0 0;
	background-size: 100%;
}

.swiper-container13 .swiper-button-prev:hover {
	background-position: 0 -46px;
	background-size: 100%
}

.swiper-container13 .swiper-button-next {
	right: -70px;
	width: 45px;
	height: 45px;
	background: url(../wm_button_icon.png) no-repeat;
	background-position: 0 -93px;
	background-size: 100%;
}

.swiper-container13 .swiper-button-next:hover {
	background-position: 0 -139px;
	background-size: 100%
}


.ty_title{font-size:30px;font-weight:bold;text-align:center;}

.mainbox_four .bot_img{position:relative;display:block;top:-50px;z-index:0px;}

.mainbox_four .list_content_box li{

    padding: 0;
    padding-top: 20px;
}

.mainbox_four .list_content_box .list_img{
    height: 50px;
}

.mainbox_four li p.title{
    font-size: 20px;
}
.mainbox_four li:hover p.title{
    font-size: 20px;font-weight:bold;
}
.mainbox_four li.bdr{
    border-right: none !important;
}

.mainbox_four li.bdb{
    border-bottom: none;
}

.mainbox_four{

	padding-top: 80px;
	overflow:hidden;
	background: #fff;
}
.clear_x:after{content:'.';clear: both;display:block;width:0;height:0;overflow: hidden;visibility: hidden;}
.mainbox_four .list_content_box{
position: relative;z-index: 1;
	margin: 40px auto 0;
}
.mainbox_four .list_content_box li{
	list-style: none;
  margin-bottom: 0px;
    line-height: 22px;
    font-size: 14px;
    color: #656565;
    text-align: center;
    padding: 33px 0;
    border: 1px dashed #ddd;
    border-left: 0;
    border-top: 0;
    float: left;
    position: relative;
    cursor: pointer;
    box-shadow: 0 0 20px rgba(0,0,0,0); overflow: hidden; transition: ease .3s;
    border:none;
}
.mainbox_four .list_content_box li:hover{box-shadow: 0 0 30px rgba(0,0,0,.15);}
.mainbox_four .list_content_box .bor_bot{
	border-bottom:0;
}
.mainbox_four li.bdb {
    border-bottom: none;
}
.mainbox_four .list_content_box .last{
	border-right:0;
}
.mainbox_four .list_content_box  .list_img{ height:80px; display:black;}
.mainbox_four li p{
	width: 180px;
	margin: 0 auto;
    padding-top: 15px;
    margin-bottom: 0 !important;
    text-align:center !important;
}
.mainbox_four li .desc{height:35px;overflow:hidden;}
.mainbox_four .list_content_box li:hover img{
	-webkit-animation: aase 1s 1;
	-moz-animation: aase 1s 1;
	animation: aase 1s 1;
}
.list_on{    cursor: pointer;}
@-webkit-keyframes aase{
	0%{-webkit-transform: rotateY(0deg);}
	100%{-webkit-transform: rotateY(360deg);}
}
@-moz-keyframes aase{
	0%{-moz-transform: rotateY(0deg);}
	100%{-moz-transform: rotateY(360deg);}
}
@keyframes aase{
	0%{transform: rotateY(0deg);}
	100%{transform: rotateY(360deg);}
}



	.show_tdfc{padding:50px 0px 50px 0px;overflow:hidden;margin:0px auto;position:relative;}
	
	.show_tdfc ul{border-bottom:1px solid #eeeeee;height:80px;line-height:80px;}
	.show_tdfc ul li{border-bottom:1px solid #eeeeee;float:left;height:80px;line-height:80px;padding-left:20px;padding-right:20px;font-size:36px;}
	.show_tdfc ul li.on{border-bottom:2px solid #3b7f34;color:#3b7f34;}
	
.show_tdfc h2{font-size:30px;text-align:center;margin-bottom:30px;}
.show_tdfc .swiper-container13 img{width:100%;display:block;}
.show_tdfc .swiper-container13{padding-bottom:70px;position:relative;overflow:hidden;}
.show_tdfc .swiper-container13 .swiper-pagination-bullet{width: 35px;height: 4px;background:#a0a0a0;}
.show_tdfc .swiper-container13 .swiper-pagination-bullet-active{background:#3b7f34 !important;}
.show_tdfc .swiper-container13 .swiper-pagination-bullet{border:none;opacity: 1;border-radius:0px;}
.show_tdfc .swiper-container13 .s_tit{background:#f1f1f1;height:45px;line-height:45px;text-align:center;color:#252525;font-size:16px;}


.show_tdfc .swiper-container14 img{width:100%;display:block;}
.show_tdfc .swiper-container14{padding-bottom:70px;position:relative;overflow:hidden;}
.show_tdfc .swiper-container14 .swiper-pagination-bullet{width: 35px;height: 4px;background:#a0a0a0;}
.show_tdfc .swiper-container14 .swiper-pagination-bullet-active{background:#3b7f34 !important;}
.show_tdfc .swiper-container14 .swiper-pagination-bullet{background:none;border-radius:0px;opacity: 1;}
.show_tdfc .swiper-container14 .s_tit{height:45px;line-height:45px;text-align:center;color:#252525;font-size:16px;}

.pro{padding-top:70px;}
.pro .ty_title{margin-bottom:5px;}
.pro .desc{color:#00adbd;font-size:16px;}
.pro_tab{padding-bottom:70px;}

.about_page .nav ul{
	display: flex;
    width: 70%;
    margin: 0.25rem auto;
    justify-content: space-between;
}

.about_page .nav ul li{
	position:relative;
	width: 25%;
}
.about_page .nav ul li a {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
  .about_page  .nav ul li i{
  display: inline-block;
    background-size: 100% !important;
    width: 0.5rem;
    height: 0.5rem;}

.about_page ul li a span{
	transition: 0.3s;
    color: #292929;
    font-weight: 700;
}
 .about_page .nav ul li:nth-child(n + 2):after {
  content: "";
  width: 1px;
  height: 50%;
  display: inline-block;
  background: #e5e5e5;
  top: 25%;
  left: 0;
  position: absolute;
}
.about_page ul li:hover span {
	color: #0853a0;
  }
 
.about_page .nav ul li:nth-child(1) i {
	background: url("../images/aboutIcon1.png") no-repeat no-repeat;
  }
  .about_page .nav ul li:nth-child(1):hover i {
	background: url("../images/aboutIcon11.png") no-repeat no-repeat;
  }
  .about_page .nav ul  li:nth-child(2) i {
	background-size: 80% !important;
	background: url("../images/aboutIcon2.png") no-repeat no-repeat center;
  }
  .about_page .nav ul li:nth-child(2):hover i {
	background: url("../images/aboutIcon21.png") no-repeat no-repeat center;
  }
  .about_page .nav ul li:nth-child(3) i {
	background: url("../images/aboutIcon3.png") no-repeat no-repeat;
  }
  .about_page  .nav ul li:nth-child(3):hover i {
	background: url("../images/aboutIcon31.png") no-repeat no-repeat;
  }
  .about_page  .nav ul li:nth-child(4) i {
	background: url("../images/aboutIcon4.png") no-repeat no-repeat;
  }
  .about_page .nav ul li:nth-child(4):hover i {
	background: url("../images/aboutIcon41.png") no-repeat no-repeat;
  }
.com h1{
    color: #f6f6f6;
    font-size: 0.72rem;
    width:auto;
    position:absolute;
    top:0;
    font-weight:bold;
}
.com .left .title h2{
	font-size: 0.36rem;
	font-weight:bold;
    color: #232323;
    text-align:left;
   
}
.mouse{
	margin: 0.2rem 0 0.35rem;
	border: 0;
    max-width: 100%;
    transition: 2s;
	content: "";
	background:url("../images/aboutImg.png") no-repeat no-repeat;
	border-bottom: 1px solid #e5e5e5;
	display: block;
	height:40px;
}


.com .left{
	width: 50%;
	display:inline-block;
	padding-top:100px;
	padding-right: 50px;
	line-height:0.30rem;
	}
	.com  .content{text-align:left;line-height:.23rem}
.com .right{
	width:45%;
	display:inline-block;
	vertical-align:top;
	padding-top:100px;
}


.honor{
	position: relative;
	background: url(../images/honorBg.jpg) no-repeat no-repeat;
	background-size: cover;
	padding: 0.6rem 0 1.4rem;
	
}

.com{
	margin-bottom:0.5rem;
}
.honor .title h1{
	color: #ffffff40;
  font-size: 0.72rem;
  text-align: center;
  line-height: 0.7rem;
}
.honor .title  p{
	font-size: 0.36rem;
    color: #ffffff;
    text-align: center;
}
.honor .content {
  padding: 0 0.55rem;
  position: relative;
}
.honor .content img {
  padding: 0.15rem;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.honor .content img {
  padding: 0.15rem;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
 .honor .content .prev,
 .honor .content .next {
  font-size: 0.3rem;
  z-index: 2;
  position: absolute;
  top: calc(50% - 0.15rem);
  color: #b9b9b9;
  width: 0.35rem;
  height: 0.37rem;
  background: #ffffff;
  display: flex;
  align-items: center;
  cursor: pointer;
  justify-content: center;
  outline: none;
  transition: 0s;
}
 .honor .content .prev {
  left: 0;
}
 .honor .content .next {
  right: 0;
}

 .honor .content .prev:hover,
 .honor .content .next:hover {
  color: #fff;
  background: #3ab250;
}
.page_about .sales {
	position: relative;
	display: flex;
	justify-content: space-between;
	padding: 1.45rem 0 0.7rem;
  }
  .page_about .sales > h1 {
	position: absolute;
	top: 1.45rem;
	line-height: 1rem;
	left: 0;
	color: #f6f6f6;
	font-size: 0.72rem;
	z-index: 2;
  }
  .page_about .sales .left {
	width: 30%;
	z-index: 2;
  }
  .page_about .sales .right {
	z-index: 1;
  }
  .page_about .sales .left .title > h1 {
	color: #232323;
	font-size: 0.36rem;
	padding: 0.8rem 0 0.95rem;
  }
  .page_about .sales .left p {
	font-size: 0.16rem;
	line-height: 0.3rem;
	text-align: justify;
  }
.workshop .title h1{
	color: #e6e6e6;
    font-size: 0.72rem;
    text-align: center;
    line-height: 0.7rem;
}
.workshop .title {
	margin-bottom: 0.85rem;
}
.workshop .title p{
	font-size: 0.36rem;
    color: #232323;
    text-align: center;
}
 .workshop .content p {
    
    margin-top: 0.25rem;
   
	color: black;
	text-align:center;
	font: 16px/1.6 "pingfang", "Microsoft YaHei", Tahoma, Verdana, "Simsun";
}
.workshop .content p:hover {
   color: #24ce79;
}
.workshop .content .swiper-pagination-bullet {
	margin: 0 0.05rem;
}
.workshop .content .swiper-pagination-bullet-active {
  color: #0853a0;
}
.workshop .slide-pagination {
  width: 100%;
  bottom: -0.7rem;
text-align: center;
}
.page_product ul {
	padding: 1rem 0 1.4rem;
  }
  .page_product ul li {
	display: flex;
	margin-bottom: 0.6rem;
	}
  .page_product ul li .left {
	position: relative;
	width: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	background:#0853a0;
	height: 4rem;
  }
  .page_product ul li .left img{
	height:80%;
  }
  .page_product ul li .left .info {
	position: absolute;
	width: 100%;
	height: 100%;
	display: flex;
	/* justify-content: center; */
	align-items: center;
	flex-direction: column;
	top: 0;
	left: 0;
	color: #ffffff;
	padding-top: .2rem;
	}
  .page_product ul li .left .info > p:nth-child(1) {
	font-size: 0.2rem;
	font-weight: 700;
	margin-bottom: 0.15rem;
  }
  .page_product ul li .left .info > p:nth-child(2) {
	font-size: 0.16rem;
	text-align: center;
  }
  .page_product ul li .right {
	width: 50%;
	background: #f3f3f3;
	position: relative;
	display: flex;
	align-items: center;
  }
  .page_product ul li .right .img {
	padding-left: 0.2rem;
	height: 70%;
  }

  .page_product ul li .right .info {
	height: 60%;
	display: flex;
	flex-direction: column;
	padding: 0.3rem;
	width: 100%;
  }
  .page_product ul li .right .info > p:nth-child(1) {
	color: #272727;
	font-size: 0.16rem;
	margin-bottom: 0.35rem;
	}
  .page_product ul li .right .info .editor {
	color: #9a9a9a;
	font-size: 0.14rem;
	flex: 1;
  }
  .page_product ul li .right .info a {
	color: #ffffff;
	background: #0853a0;
	width: 0.45rem;
	height: 0.45rem;
	border-radius: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 0.2rem;
  }
  .page_product ul li:nth-child(5) .img {
	height: 50%;
  }

td {
  height: 40px;
  line-height: 40px;

}
.product {padding-bottom:2.2rem}
.product  .title h1{text-align:center;padding:.7rem 0 .5rem 0;color:black}
.product .lists li{margin-bottom:.2rem;display:inline-block;width:28%;border:1px solid black;margin:.2rem .2rem}
.product .lists li p{padding:.22rem 0;background:#grey;text-align:center}

.product .lists li a:hover{color:black}
.page {text-align:center;margin-top:.7rem}
.page .page-item{display:none}
.page span,.page a {display:inline-block;margin:0 4px;width:.3rem;height:.3rem;border:1px solid #aaa;border-radius:0%;line-height:.3rem;font-size:.16rem;color:#2e2e2e;color:white;border:1px solid #555557}
.page a:hover,.page a.page-num-current {background:red;color:#FFF}

.product .item{padding:.7rem 0}
.product .item>.left{display:inline-block;}
.product .item>.left img {position: relative;width:6rem;}
.product .item>.right{display:inline-block;width:40%;vertical-align:middle;margin-left:1rem;}
.product .item>.right h1{padding: 0  0 .45rem;font-size:.25rem;color:white}
.product .item>.right p{line-height:.28rem;color:#acacac;}

.product .mains{padding:1rem 0 0;color:white}
.product .mains .title  .title1,.product .mains .title  .title2{display:inline-block;width:15%;font-size:.25rem;position:relative}
.product .mains .title{border-bottom:1px solid #3d3c40;}
.product .mains .title a{color:white;padding:.43rem 0;display:block}
.product .mains  .left{margin-top:.5rem;}
.product .mains  .left a{display:block;background-color:#626262;height:.4rem;width:8rem;padding:.1rem .36rem;color:white;position:relative}
.product .mains  .left a:after{content:"\f067";font:normal normal normal 14px/1 FontAwesome;position:absolute;right:.2rem;top:50%;transform:translateY(-50%)}
.product .mains  .left table  {text-align: center;}
.product .mains  .left table td{word-break: break-all;width:2rem;border: 1px solid #acacac;height:.4rem;	background-color:#ffffff;color:black}
.product .mains  .left .infos{margin:.2rem 0}
.product .mains  .left div:first-child .cont{display:block}
.product .mains  .left .cont{display:none;}
.product .mains  .left .submenu{transition:0s}
.product .mains  .left  .opens a:after{content:"\f068";font:normal normal normal 14px/1 FontAwesome;position:absolute;right:.2rem;top:50%;transform:translateY(-50%)}
.product .mains .right p{margin:.5rem 0}
.product .mains  .title  #current:after{display:block}
.product .mains  .title .title1:after{content:'';width:.2rem;border:1px solid red;position:absolute;bottom:0;left:20%;display:none}
.product .mains  .title .title2:after{content:'';width:.2rem;border:1px solid red;position:absolute;bottom:0;left:20%;display:none}
.product_box {padding:0 0 .75rem;}
.product_box .menus {background:#f7f7f7;padding:.2rem 0rem;margin:0.3rem 0rem}
.product_box .menus li {display:inline-table;padding-left:.55rem;position:relative;}
.product_box .menus li a{font-size:.14rem;color:#333;}
.product_box .menus li a:hover{color:green}
.product_box .menus li:before{content:'';width:6px;height:6px;background:#949494;border-radius:100%;position:absolute;left:.3rem;top:50%;transform:translateY(-50%);transition:all .4s}
.product_box .menus li:after{content:'';width:0;height:1px;background:#d80000;position:absolute;left:0;top:50%;transition:all .4s}
.product_box .menus li.on:after{width:.4rem;}
.product_box .menus li.on:before{opacity:0}
.product_box .menus li.on a {color:#d80000;font-size:.16rem;}
.product_box .lists {padding:.5rem 0 0;}
.product_box .lists li {padding:0 .15rem;margin:0  0 .6rem;}
.product_box .lists li img{animation-fill-mode:none;-webkit-animation-fill-mode:none;width: 100%;height: 2.6rem;object-fit: cover;overflow:hidden;border:1px solid black}
.product_box .lists li a {display:block;position:relative;overflow:hidden;}
.product_box .lists li a:hover img{transform:scale(1.06)}

.page {text-align:center;}
.page input,.page span.PageText {display:none;}
.page a,.page span {display:inline-table;margin:0 .07rem;vertical-align:middle;width:30px;height:35px;line-height:35px;font-size:.16rem;color:#737373;}
.page a:hover{background:#e5e5e5;color:#d80000}
.page a.page-item:hover{background:#d80000;color:#FFF}
.page a.page-num-current{
	background:#e5e5e5;color:#d80000
}
  #showproduct  img{
  	max-width:100%;max-height:100%;
  	
  }
#showproduct p{
	font-size:0.15rem;
	margin:4px 0px;
}
  #showproduct {
	padding: 50px 0;
  }
 #showproduct .top{
 	display:flex;
 	padding-bottom:0.2rem;
 }
  #showproduct .top .left{
  	width:50%;
  } 

   #showproduct .top .right{
 	width: 50%;
 	padding-left: 20px;
 }
 
 #showproduct .top .right  h1{
 	color: #0853a0;font-size: 30px;
 	margin-bottom:0.25rem;
 	font-weight:bold;
 }

  #showproduct .middle{
 	display:flex;
 	padding-bottom:0.2rem;
 }
  #showproduct .middle .right{
  	width:50%;
  	padding-left: 20px;
  }	
   #showproduct .middle .left{
 	width: 50%;
 }
#showproduct .middle .left p:nth-child(1){
	color: #0853a0;
	font-size: 20px;
	margin-bottom:0.25rem;
}
#showproduct .bottom  p:nth-child(1){
	color: #0853a0;
	font-size: 20px;
	margin-bottom:25px;
	margin-top:25px

}
#showproduct hr{
	height:1px;
	background-color:darkgrey
}


 #showproduct table{
 	text-align: center;
 	border:"1";
 }
 #showproduct .first .firstRow{
 	background-color: #0853a0;
  	color: #fff; 	
 }
 #showproduct .first td{
 	word-break: break-all;
 	width:251px;
 	border: 2px solid white;
 }
 #showproduct .first tbody > tr:nth-child(2){
 	background-color: #e5e5e5
 }
  #showproduct .second td{
 	word-break: break-all;
 	 width:183px; 
 	border: 2px solid white;
 	}
  #showproduct .second td{
  	background-color:#e5e5e5;
  }
 #showproduct .second tbody tr > td:nth-child(1){
 	background-color: #0853a0;
  	color: #fff; 
 }
  
 #showproduct .content1{
 	color:#0853a0
 }

  .page_news {
	padding-bottom: 0.5rem;
  }
  
  .page_news ul {
	display: flex;
	flex-wrap: wrap;
  }
  .page_news ul li {
	width: 31%;
	margin: 1rem 1% 0;
	border-bottom: 1px solid #dcdcdc;
  }
  .page_news ul li:hover img {
	transform: scale(1.1);
  }
  .page_news ul li img {
	transition: 0.3s;
  }
  
 
  .page_news ul li .txt {
	padding: 0.2rem 0 0.35rem;
	display: flex;
  }
  .page_news ul li .txt .left {
	width: 25%;
	border: 1px solid #e5e5e5;
	display: flex;
	flex-direction: column;
	padding: 0.15rem 0.16rem;
	}
  .page_news ul li .txt .left > span:nth-child(1) {
	font-size: 0.2rem;
	color: #6c6c6c;
	}
  .page_news ul li .txt .left > span:nth-child(2) {
	color: #1ea838;
	font-size: 0.15rem;
	}
  .page_news ul li .txt .right {
	width: 80%;
	padding-left:0.2rem;
  }
  .page_news ul li .txt .right h2 {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #252525;
	font-size:0.15rem;
	font-weight:800;

  }
  .page_news ul li .txt .right p {
  	
  	color: #818181;
  	text-overflow: ellipsis;
  	display: -webkit-box;
  	-webkit-line-clamp: 2;
  	-webkit-box-orient: vertical;
  	overflow: hidden;
  }
  .met_pager {
  text-align: center;
  padding: 40px 0 30px;
  font-size: 0;
}


.met_pager  a {
  border: 1px solid #d2d2d2;
  background: #f3f3f3;
  font-size: 13px;
  color: #787878;
  margin: 0 3px;
  display: inline-block;
  min-width: 16px;
  padding: 5px;
  line-height: 20px;
  border-radius: 6px;
  -webkit-transition: all 0.1s;
  -moz-transition: all 0.1s;
  transition: 1s;
}
.met_pager .page-item {
  visibility: hidden;
}
.met_pager a.page-num-current{
	background:green;
	color:white
}


/****************/
.show_news {
	width: 100%;
	padding-bottom:0rem;
  }
  .show_news a {
	color: #000;
  }
  .show_news a:hover {
	color: #22a93b;
  }
  .show_news .list {
	background: #fff;
	box-shadow: 1px 1px 9px #ccc;
	margin-bottom: 30px;
	}
  .show_news .list .top {
	border-bottom: 1px solid #e5e5e5;
	text-align: center;
	padding: 30px 0 20px;
	margin-bottom: 40px;
  }
  .show_news .list .top .title {
	font-size: 20px;
	color: #313131;
	font-weight: 700;
	line-height: 50px;
  }
  .show_news .list .top .infos {
	display: block;
	text-align: center;
	font-size: 0;
  }
  .show_news .list .top .infos > div {
	display: inline-block;
	vertical-align: top;
	margin: 0 20px;
	font-size: 14px;
	color: #737373;
  }
  .show_news .list .top .infosspan {
	color: #4064ae;
  }
  .show_news .list .bot {
	width: 100%;
	text-align: center;
	
	border-bottom: 1px solid #e5e5e5;
  }
  .show_news .list .bot .con {
	
	text-align: initial;
	min-height: 200px;
	margin-bottom:0.3rem;
  }
  .show_news .list .bot p {
	margin: 0 50px;
	}
  .show_news .list .met_page {
	display: block;
	list-style: none;
	padding: 10px 0;
	width: 95%;
	margin: 0 auto;
	overflow: hidden;
	text-align: left;

  }
  .show_news .list .met_page li a:hover {
  	color:green;
  	transition: .36s;
  }

  .show_news .list .met_pageli {
	display: inline-block;
	vertical-align: top;
	margin-right: 50px;
	height: 50px;
	line-height: 50px;
  }
  .show_news .list .met_pageli > * {
	display: inline-block;
	vertical-align: top;
  }
  .show_news .list .met_pagelispan {
	color: #888;
  }
  .show_news .list .met_pagelia {
	color: #466ab0;
  }
  .page_contact {
	background: #f8f8f8;
	padding-top: 0.8rem;
  }
  .page_contact .tem_inner {
	padding: 0.65rem 0.9rem;
	display: flex;
	background: #ffffff;
  }
  .page_contact .tem_inner .title {
	color: #202020;
	
  }
  .page_contact .tem_inner .title h1 {
	font-size: 0.3rem;
	font-weight: bold;
  }
  .page_contact .tem_inner .title p {
	font-size: 0.36rem;
	position: relative;
	top: -0.1rem;
	}
  .page_contact .tem_inner .left {
	width: 50%;
  }
  .page_contact .tem_inner .left .info > p:nth-child(1) {
	font-size: 0.18rem;
  }
  .page_contact .tem_inner .left .info > p:nth-child(2) {
	font-size: 0.2rem;
	margin-bottom: 0.3rem;
	margin-top:-0.1rem;

  }
  .page_contact .tem_inner .left .info ul li {
	display: flex;
	align-items: center;
	height: 0.55rem;
	font-size: 0.16rem;
	margin-bottom: 0.15rem;
  }
  .page_contact .tem_inner .left .info ul li img {
	margin-right: 0.1rem;
	height: 100%;
  }
  .page_contact .tem_inner .right {
	width: 50%;
  }
  .page_contact .tem_inner .right .feedback_table tr {
	display: block;
	margin-bottom: 0.18rem;
  }
  .page_contact .tem_inner .right .feedback_table tr td:nth-child(1) {
	display: block;
	font-size: 0.16rem;
	margin-bottom: 0.05rem;
	}
  .page_contact .tem_inner .right .feedback_table tr .input {
	display: block;
  }
  .page_contact .tem_inner .right .feedback_table tr .input input{
  	width:3.5rem;
  	border: 1px solid #dcdcdc;
	
	font-size: 0.16rem;
  }
  .page_contact .tem_inner .right .feedback_table tr .input textarea {
	border: 1px solid #dcdcdc;
	font-size: 0.16rem;
	width:4.5rem;
	height:1.3rem;
	}
  .page_contact .tem_inner .right .feedback_table  .submint button {
	background: #e67716;
	color: #ffffff;
	font-size: 0.16rem;
	width: 1.5rem;
	
	
	justify-content: center;
	align-items: center;
	border-radius: 5px;
	border: none;
	margin-top: 0.4rem;
  }
  .page_contact .bot .map {
  	padding-top:0.5rem;
	height: 100%;
  }
  .img {
	overflow: hidden;
  }
  img {
	border: 0;
	max-width: 100%;
	transition: 2s;
  }
/********<=767 mobile nav style css********/
.fl-page{position:relative;top:-1.5rem;}

.m-header {background:#FFF;box-shadow:0 0 12px rgba(0,0,0,0.2)}
.m-header >.col-xs-6>div {color:#333}
.m-header >.col-xs-6 img {max-height:45px;}
.st-container .st-menu {background:#0e6eb8;
	-webkit-transition: all .6s cubic-bezier(.77,0,.175,1) 0s;
    -o-transition: all .6s cubic-bezier(.77,0,.175,1) 0s;
     transition: all .6s cubic-bezier(.77,0,.175,1) 0s;
}
.st-container  .st-menu ul li a{
	font-size:14px;

	
}

/**************************/
@media(max-width:1300px){
	.tem_index_product .swiper-page>div{left:.15rem;}
	.tem_index_product .swiper-page>div.slide-button-next {left:auto;right:.15rem;}
	.header .navbox .langs{right:.25rem;}
	
	.brand_info .lists li .img img {max-height:90%;}
	
	.news_box .com_nlist .swiper-page>div{left:.1rem}
	.news_box .com_nlist .swiper-page>div.slide-button-next{left:auto;right:.1rem}
	.tem_footer .left{margin-left:1.5rem}
	.tem_footer .right{margin-right:1.5rem}
	.com .left p{
	font-size:.2rem
}
}
/******ipad****/

.show_xzzx{background-repeat:no-repeat;background-position:center;padding:130px 0px 120px 0px;text-align:center;}
.show_xzzx h2{font-size:36px;font-weight:bold;text-align:center;color:#fff;}
.show_xzzx ul{display:table;
margin:80px auto;}
.show_xzzx ul li{
text-align:center;
float:left;
*float:none;
*display:inline;
*zoom:1;
margin-left:50px;
margin-right:50px;}	
.show_xzzx ul li a{display:block;width:200px;height:200px;border-radius:50%;background:#fff;font-size:20px;line-height:150px;color:#333;font-weight:bold;position:relative;transition: ease .3s;}
.show_xzzx ul li:hover a{box-shadow: 0 0 20px rgba(226,13,13,.95);}

.show_xzzx ul li a i{position:absolute;display:block;width:100%;text-align:center;bottom:20%;font-weight:400;}


@media(max-width:1400px){
header .logo_txt dd{padding-left: 15px;
padding-right: 15px;}
header .logo_txt{padding-left: 10px;
padding-right: 5px;}
.flash_title {

	bottom: 50%;
	}
}
@media(max-width:1200px){
header .logo_txt{padding-left: 10px;
padding-right: 5px;}
header .logo_txt dd{padding-left: 10px;
padding-right: 5px;}
.logo_txt{display:none;}
.flash_title {

	bottom: 50%;
	}
}
}
@media(max-width:990px){
.st-pusher{padding-top:50px;}
.st-menu{display:block}
header{display:none}
.m-header{top:0;opacity:1;}
.tem_inner,.met_section{width:100%}
/*.tem_banner{ margin-top:50px }*/
/*.tem_banner.inside{ margin-top:50px; }*/
.news_product .title{font-size:24px;padding:40px 0}
.news_product .list{display:block}
.news_product .list .left{display:block;margin:0 auto;width:100%}
.news_product .list .right{display:block;width:100%;margin:15px auto 0;padding:0}
.news_product .list .right .txt{font-size:16px;line-height:30px;margin-bottom:30px}
.news_product .list .right .link{display:block;position:relative}
.tem_index_about{margin-top:85px}
.tem_index_about .title{padding:40px 0;font-size:24px;margin-bottom:50px}
.tem_index_about .list{padding:0px}
.tem_index_about .list .left{display:block;float:initial;margin:0 auto;top:-50px}
.tem_index_about .list .right{width:97%;margin:0 auto;background:#7a7a7a;float:initial;padding-bottom:40px}
.tem_index_about .list .right h2{padding-left:40px;font-size:24px}
.tem_index_about .list .right p{font-size:15px;line-height:29px;display:block;padding:0 40px}
.tem_index_about .list .right .more{margin-top:40px}
.tem_index_product .title{font-size:24px}
.tem_index_product .list .product_click .left{left:20px}
.tem_index_product .list .product_click .right{right:20px}
.tem_index_product .list a h2{font-size:16px}
.tem_index_product .more{margin-top:60px}
.tem_index_news .title{font-size:23px;padding:40px 0}
.tem_index_news .list .left{display:none}
.tem_index_news .list .right{float:initial;display:block;width:95%;margin:0 auto}
.tem_index_news .list .right ul li{background:#f2f2f2;border:0;padding:15px}
.tem_index_footer{padding:30px 0}

.tem_index_footer .contact_info{display:block;width:95%;margin:0 auto 20px}
.tem_index_footer .nav_bar{margin:0;display:block}
.tem_index_footer .nav{display:block;text-align:center}
.tem_index_footer {vertical-align:middle}
.tem_index_footer dl{display:inline-block;width:initial;}
.tem_index_footer dl dd{display:none}
.tem_index_footer dl::before{content:none}
.tem_index_footer dl .bar>*{padding:0 10px;font-size:13px}

.tem_footer_nav{display:block;position:relative;margin:0;top:0}



.in_fczs  .pics .swiper-page{margin: -2rem -0.61rem 0;}
.in_fczs .pics .swiper-page>div.slide-button-next{padding: 0 0 0 14.5rem;}

}
/********mobile*********/
@media (max-width: 767px) {
	.index_support{
		padding:0.5rem 0rem;
	}
	.index_support .content {
	  flex-wrap: wrap;
	}
	.index_product .content .title{
		max-width: 2.5rem;
	}
	.index_product .bg{
		width:100%;
	}
	.index_support .content div> .right h3 {
	  font-size:0.1rem;
	}
	.index_support .content > div {
	  width: 50%;
	  margin-bottom: 0.4rem;
	}
	.index_support .content > div .left{
		width: 1.3rem;
    height: 1.3rem;
	}
	.index_product .content .img {
	  display: none !important;
	}
	.index_product .content .title1 {
	  left: 10%;
	}
	.index_product .content .title2 {
	  left: 10%;
	   bottom: -30%;
	}
	.index_product .content .title3 {
	  right: 10%;
	}
	.index_product .content .title4 {
	  right: 5%;
	}
	.index_product .content .title5 {
	  right: 25%;
	  bottom: -30%;
	}
		.index_about .indexab>div{width:90%;height:4rem;margin-bottom:.2rem}

	.index_about .indexab .ab0 h1:before{
		background-size:90%
	}
		.index_about .indexab .ab1 h1:before{
		background-size:90%
	}
		.index_about .indexab .ab2 h1:before{
		background-size:90%
	}	.index_about .indexab .ab3 h1:before{
		background-size:90%
	} 
	 .index_text img{height:3rem}
	  .tem_footer .list ul li{
	  	display:block;
	  	padding: 0
	  }
.tem_footer .right .img{width:1.5rem}
.tem_footer .right p{width:1.7rem}
.tem_footer .left{margin-left:0}
	.tem_footer .infos p{margin:0}
	.index_about ul {
	  flex-wrap: wrap;
	}
	.index_about ul li {
	  width: 49%;
	  margin-bottom: 0.3rem;
	}
	.index_news ul li {
	  width: 100%;
	  margin: 0.3rem 0;
	}
	.index_news ul li img {
	  width: 100%;
	}
	.tem_footer .product,
	.tem_footer .sao,
	.tem_footer .contact {
	  display: none;
	}
	.index_product .link a p:nth-child(2) {
	  display: none;
	}
	.nav{
		display:none;
	}
	.com .left{
		padding:0	
		}
	.page_about .page .right {
		display: none;
	  }
	  .page_about .page .left {
		width: 100%;
		}
	  .page_about .sales .left {
		position: absolute;
	  }
	  .page_product ul li{
	  	display:block;
	  	
	  }
	  .page_product ul li .left{
	  	width:100%;
	  }.page_product ul li .right{
	  	width:100%;
	  }
	.page_product ul li .right .img {
	  display: none;
	}
	.page_product ul li .right .info {
	  width: 100%;
	}

	.page_product ul li .right .info {
	  height: 100%;
	  top: 0;
	 
	}
	.page_product ul li .right .info a{
		margin-top:0.1rem;
}
		#showproduct .top .right{
			padding-left:0rem;
			
	}
	#showproduct .top{
		display:block;
	}
	#showproduct .top .right{
		width:100%;
	}
	#showproduct .top .left{
		width:100%;
	}
	#showproduct .middle{
		display:block;
	}
	#showproduct .middle .right{
		width:100%;
	}
	#showproduct .middle .left{
		width:100%;
	}
	#showproduct .second td{
		width:1.4rem
	}
	#showproduct .middle .left p:nth-child(1){
		font-size:0.3rem;
	}
	.page_news ul li {
	  width: 48%;
	  margin: 1rem 1% 0;
	}
	
	.page_contact .tem_inner {
	  flex-wrap: wrap;
	 
	}

	.page_contact .tem_inner .left {
	  width: 100%;
	  margin-bottom: 0.2rem;
	}
	.page_contact .tem_inner .right {
	  width: 100%;
	}
	.page_contact .tem_inner .title p{
		top:0rem;
	}
	.page_contact .tem_inner .right .feedback_table tr .input input,
	.page_contact .tem_inner .right .feedback_table tr .input textarea {
	 width:7rem
	}
	.index_news ul li .txt .left{
    display: none;
}
.index_news ul li .txt{
	padding-right:initial;
	width: 100%;
	display: block;
}
.index_news ul li .txt .right{
	width:100%;
	font-size:0.2rem
}
.index_news {
    padding: 0.1rem  0rem
  }
 .com .left{
 	padding-top:50px
 }
 .page_news ul li .txt .left > span:nth-child(1){
 	 display:none;
 }
 .page_news ul li .txt .left{
 	padding:0.4rem 0.1rem;
 }
 .show_news .list .bot p{
 	margin:0px .3rem;
 }
  }