@charset "gb2312";
.tr {
  transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
  -webkit-transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}
.ov {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.clf {
  clear: both;
  display: block;
  content: '';
  height: 0;
  visibility: hidden;
}
.i {
  transform: scale(1.1);
}
.i2 {
  transform: scale(1.2);
}
.bf {
  content: "";
  position: absolute;
}
.logo {
  display: block;
  margin: 0 0.74rem;
}
.logo img {
  display: block;
  width: 300px;
  height: auto;
  margin: 0 auto;
}
.menu_click {
  width: 30px;
  height: 22px;
  position: relative;
  float: left;
  cursor: pointer;
}
.menu_click li {
  position: absolute;
  margin-top: 2px;
  height: 2px;
  width: 30px;
  background: #7d7d7d;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
}
.menu_click li.li_1 {
  top: 0;
  left: 0;
}
.menu_click li.li_2 {
  top: 9px;
  left: 0;
}
.menu_click li.li_3 {
  bottom: 0;
  left: 0;
}
.onl .menu_click li.li_1 {
  top: 9px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  background: #d6d6d6;
}
.onl .menu_click li.li_2 {
  display: none;
}
.onl .menu_click li.li_3 {
  bottom: 9px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  background: #d6d6d6;
}
.header {
  padding: 16px .25rem;
  box-sizing: border-box;
  overflow: hidden;
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
  transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
  -webkit-transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
  z-index: 13;
  background: #fff;
}
.lan {
  float: right;
  width: 77px;
  position: relative;
}
.lan a {
  display: block;
  width: 37px;
  text-align: center;
  transition: .5s;
  line-height: .45rem;
  color: #333;
  float: left;
  font-size: 14px;
  transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
  -webkit-transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}
.lan a:last-child {
  font-family: Arial;
}
.lan:before {
  content: "";
  position: absolute;
  width: 1px;
  height: .19rem;
  background: #d2d2d2;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.lan a:hover {
  color: #d74b4b;
}
.onl {
  left: 260px;
}
/*²àµ¼º½*/
.nav_wrap {
  position: fixed;
  z-index: 21;
  width: 260px;
  padding: 50px 0px 50px 0;
  height: 100%;
  left: -260px;
  top: 0;
  background: #f3f3f3;
  transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
  -webkit-transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}
.nav_rbg {
  position: fixed;
  z-index: 11;
  width: 100%;
  background: #fff;
  box-sizing: border-box;
  top: 0;
  left: -100%;
  height: 100%;
  transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
  -webkit-transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}
.nav_wrap_left {
  left: 0;
}
.nav {
  overflow-x: hidden;
  overflow-y: auto;
  height: 100%;
}
.nav > li {
  position: relative;
  border-bottom: 1px solid #dfdfdf;
  transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
  -webkit-transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}
.nav > .on,
.nav > li:hover {
  background: #fff;
}
.nav > li > a {
  display: block;
  line-height: 25px;
  color: #333333;
  font-size: 15px;
  margin: 0 50px 0 30px;
  padding: 10px 0;
}
.nav2 {
  display: none;
}
.nav2 a {
  display: block;
  line-height: 23px;
  border-top: 1px solid #dfdfdf;
  color: #333333;
  font-size: 13px;
  padding: 8px 50px 8px 30px;
}
.nav li i {
  display: block;
  width: 20px;
  height: 46px;
  position: absolute;
  right: 15px;
  top: 0;
  box-sizing: border-box;
  padding-top: 4px;
  line-height: 46px;
  text-align: center;
  background-size: 35%;
  -webkit-transition: .8s;
  -moz-transition: .8s;
  -ms-transition: .8s;
  -o-transition: .8s;
  transition: .8s;
}
.nav li i img {
  transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
  -webkit-transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}
.nav li .ion img {
  transform: rotate(90deg);
}
/*banner*/
.banner_inner {
  width: 100%;
  overflow: hidden;
}
.banner_inner img {
  display: block;
  width: 100%;
}
.zw1 {
  height: 58px;
}
.banner_inner .swiper-container1.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  background: #929091;
  opacity: 0.2;
  transition: .5s;
  font-size: 0;
  margin: 0 3px;
}
.banner_inner .swiper-container1.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet-active {
  background: #e05151;
  opacity: 1;
}
.swiper-container1 img {
  display: block;
  width: 100%;
}
.swiper-container1 a {
  display: block;
}
.swiper-container1 {
  width: 100%;
  overflow: hidden;
}
.swiper-container1 .swiper-pagination {
  font-size: 0;
}
/*content_index*/
.cont_innerbg {
  background: #f4f4f4;
  width: 100%;
  overflow: hidden;
  box-sizing: border-box;
}
.cont1 {
  padding: 10px 16px 39px 16px;
}
.in_tit {
  font-size: 18px;
  line-height: 28px;
  color: #333333;
}
.in_en {
  font-size: 14px;
  line-height: 20px;
  color: #b9b9b9;
  font-family: Arial;
}
.in_titl {
  float: left;
}
.cont1_ov:after {
  clear: both;
  display: block;
  content: '';
  height: 0;
  visibility: hidden;
}
.cont1_ov {
  margin-top: 30px;
}
.in_more1 {
  color: #999999;
  font-size: 16px;
  float: right;
  line-height: 20px;
  padding-top: 13px;
  transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
  -webkit-transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
  display: block;
  font-family: Arial;
}
.in_more1:hover {
  color: #e05151;
}
.pro_inlist:after {
  clear: both;
  display: block;
  content: '';
  height: 0;
  visibility: hidden;
}
.pro_inlist {
  width: 100%;
  box-sizing: border-box;
  margin-top: 15px;
}
.pro_ina {
  display: block;
  width: 48%;
  float: left;
  overflow: hidden;
  background: #fff;
  margin-right: 4%;
  position: relative;
  transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
  -webkit-transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}
.pro_ina:after {
  content: "";
  position: absolute;
  height: 200%;
  width: 201%;
  background: #e05151;
  left: 0;
  top: 0;
   transform: rotate(45deg) translate(0%, 0%);
/*   transform: rotate(45deg) translate(-34%, 11%);*/
  /*transform: rotate(45deg) translate(70%, 0%);*/
  transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
  -webkit-transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}
.pro_ina:hover:after {
  transform: rotate(45deg) translate(70%, 0%);
}
.pro_inpic {
  width: 100%;
  overflow: hidden;
  padding: 2px 2px;
  box-sizing: border-box;
  background: #fff;
  border-bottom: solid #e5e5e5 1px;
  transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
  -webkit-transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}
.pro_inpic img {
  display: block;
  width: 100%;
  height:150px;
  position: relative;
  z-index: 2;
}
.pro_inp {
  font-size: 14px;
  color: #ffffff;
  line-height: 20px;
  text-align: center;
  box-sizing: border-box;
  padding: 10px 15px;
  position: relative;
  z-index: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
  -webkit-transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}
.pro_inr {
  margin-right: 0;
  margin-bottom: 16px;
}
.pro_ina:last-child {
  margin-bottom: 0;
}
.pro_ina:hover .pro_inp {
  color: #333;
}


/*À¸Ä¿±êÌâ*/

.navtitle{ width:100%; margin:0 auto; height:auto; overflow:hidden;  background-color:#FFFFFF;}
.navtitle a{ display:block; float:left; text-align:center; color:#026444; font-size:130%;}
.navtitle .tt2{width:25%;background-image:url(../images/nav2.png);background-size:100%;	background-repeat: no-repeat;	background-position: center top;	padding-top:70px;	padding-bottom:2%;}
.navtitle .tt1{width:25%;background-image:url(../images/nav1.png);background-size:100%;	background-repeat: no-repeat;	background-position: center top;	padding-top:70px;	padding-bottom:2%;}
.navtitle .tt3{width:25%;	background-image:url(../images/nav3.png);background-size:100%;	background-repeat: no-repeat;	background-position: center top;	padding-top:70px;	padding-bottom:2%;}
.navtitle .tt4{width:25%;background-image:url(../images/nav4.png);	background-size:100%;background-repeat: no-repeat;	background-position: center top;	padding-top:70px;	padding-bottom:2%;}

/*·­Ò³*/

.pageListNav{margin-top:15px; width:100%; position:relative; z-index:9999;text-align:center;  overflow:hidden; margin-bottom:10px;}

.pageListNav a{display:inline-block; width:12%; height:22px;line-height:22px; background-color:#888; color:#ffffff;text-align:center; text-decoration:none; font-size:85%; border:#CCC solid 1px;}

.pageListNav .first{float:left; margin:0 auto;}

.pageListNav span{display:inline-block;overflow:hidden;vertical-align:middle}

.pageListNav span select{width:70px;height:22px; border:0;color:#ffffff;font-size:1em; background:none; text-align:center;}
 
.pageListNav2{margin-top:15px; width:100%; position:relative; z-index:9999;text-align:center; overflow:hidden; margin-bottom:10px;}

.pageListNav2 a{display:inline-block; width:5%; height:22px;line-height:22px; background-color:#888; color:#ffffff;text-align:center; text-decoration:none; font-size:85%; border:#CCC solid 1px;}

.pageListNav2 .first{float:left; margin:0 auto;}

.pageListNav2 span{display:inline-block;overflow:hidden;vertical-align:middle}

.pageListNav2 span select{width:70px;height:22px; border:0;color:#ffffff;font-size:1em; background:none; text-align:center;}


/*new*/
.new_in {
  padding-top: 10px;
}
.new_ina {  background: #ffffff;
  display: block;
  position: relative;
  margin-bottom: 20px;
}
.new_ina:last-child {
  margin-bottom: 0;
}
.new_limg {
  width: 46%;
  float: left;
  position: absolute;
  top: 25px;
  overflow: hidden;
}
.new_ina:after {
  clear: both;
  display: block;
  content: '';
  height: 0;
  visibility: hidden;
}
.new_limg img {
  display: block;
  width: 100%;
  transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
  -webkit-transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
  position: relative;
  z-index: 3;
}
.new_inr {
  background: #ffffff;
  width: 100%;
  float: right;
  padding: 18px 20px 15px 20px;
  box-sizing: border-box;
}
.new_intit {
  font-size: 16px;
  color: #333333;
  text-align: left;
  line-height: 24px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
  -webkit-transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}
.new_inp {
  font-size: 14px;
  color: #666666;
  text-align: left;
  line-height: 22px;
  padding-top: 13px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.new_time {
  font-size: 13px;
  line-height: 18px;
  color: #999999;
  text-align: left;
  padding-top: 10px;
}
.new_ina:hover .new_intit {
  color: #e05151;
}
.new_ina:hover img {
  transform: scale(1.1);
}
.new_list {
  margin-top: 15px;
}
/*footer*/
footer {
  background: #535456;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-bottom: 25px;
}
.footer_nav {
  padding: 13px 25px 20px 25px;
}
.footer_nav > li {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 15px 0;
  position: relative;
  border-bottom: solid rgba(255, 255, 255, 0.2) 1px;
}
.footer_nav > li > a {
  display: block;
  color: #acabab;
  font-size: 15px;
  position: relative;
  z-index: 2;
}
.footer_nav li i {
  display: block;
  width: 30px;
  height: 51px;
  position: absolute;
  right: 2px;
  top: 0px;
  background: url(../images/bjia.png) no-repeat right center;
  background-size: 10px;
  z-index: 4;
}
.footer_nav3 {
  padding-left: 20px;
  display: none;
  padding-top: 12px;
}
.footer_nav3 > li > a {
  display: block;
  padding: 4px 0;
  font-size: 13px;
  color: #b7b7b7;
  line-height: 20px;
}
.footer_nav > .on i,
.footer_nav > li:hover > i {
  background-image: url(../images/bsha.png);
}
.footer_nav > .on > a,
.footer_nav > li:hover > a {
  color: #fff;
}
.footer_font {
  box-sizing: border-box;
  padding: 0 25px;
}
.footer_font p {
  font-size: 13px;
  color: #888888;
  line-height: 24px;
  text-align: left;
}
.footer_font a {
  font-size: 16px;
  color: #888888;
  line-height: 24px;
  transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
  -webkit-transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}
.footer_font a:hover {
  color: #fff;
}
p.p_ff {
  color:#999999;
  font-family: Arial;
  border-bottom:1px dashed #888888;
  font-size:14px;
  padding-bottom:10px; margin-bottom:10px;
}
.p_ff label{  font-size:14px;}
/*brand*/
.brad {
  position: relative;
  width: 100%;
  animation-duration: 1s;
  animation-fill-mode: both;
  z-index: 10;
}
.brad_top {
  padding: 15px 16px;
  box-sizing: border-box;
  color: #fff;
  font-size: 16px;
  text-align: left;
  position: relative;
  background: #d74b4b;
  line-height: 20px;
}
.brad_top:before {
  position: absolute;
  content: "";
  width: 17px;
  height: 100%;
  background: url(../images/bradbg.png) no-repeat center;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
  -webkit-transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}
.nav_little {
  position: absolute;
  width: 100%;
  top: 100%;
  left: 0;
  box-sizing: border-box;
  z-index: 10;
  padding: 0 0 0px 0;
  display: none;
  background-color: #e8e8e8;
}
.nav_little > li > a {
  padding: 10px 0;
  display: block;
  border-bottom: solid #d2d2d2 1px;
  font-size: 14px;
  line-height: 30px;
  color: #333333;
  text-align: center;
  transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
  -webkit-transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}
.nav_little > li > a:hover {
  color: #e05151;
}
.nav_little > li > a.on {
  color: #e05151;
}
/*pro*/
.ban_inner {
  width: 100%;
  overflow: hidden;
}
.ban_inner img {
  display: block;
  width: 100%;
}
.brand_in span {
  font-size: 14px;
  color: #999999;
  line-height: 24px;
}
.brand_in {
  font-size: 14px;
  color: #999999;
  line-height: 24px;
  background: #f4f4f4;
  padding: 13px 30px;
  box-sizing: border-box;
  width: 100%;
  text-align: right;
}
.brand_in a {
  font-size: 14px;
  color: #999999;
  line-height: 24px;
  transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
  -webkit-transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}
.brand_in a:hover,
.brand_in .on {
  color: #e05151;
}
.pro_img1 {
  width: 100%;
  overflow: hidden;
}
.pro_img1 img {
  display: block;
  width: 100%;
  transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
  -webkit-transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}
.pro_listbg {
  background: #f4f4f4;
  box-sizing: border-box;
  padding: 30px 25px;
}
.pro_a {
  background: #fff;
  width: 100%;
  overflow: hidden;
  display: block;
  padding: 30px 0 10px 0;
  box-sizing: border-box;
  margin-bottom: 20px;
}
.pro_a:last-child {
  margin-bottom: 0;
}
.pro_tit {
  font-size: 16px;
  line-height: 20px;
  color: #282828;
  text-align: center;
}
.pro_p2 {
  font-size: 14px;
  line-height: 24px;
  color: #888888;
  text-align: center;
  padding-top: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.pro_img2 {
  width: 100%;
  overflow: hidden;
  box-sizing: border-box;
  margin-top: 10px;
}
.pro_img2 img {
  width: 100%;
  display: block;
  transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
  -webkit-transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}
.pro_a:hover img {
  transform: scale(1.1);
}
.fzlc_pagebg {
  background: #f4f4f4;
  box-sizing: border-box;
  padding: 20px 16px 40px 16px;
}
.about_f4_ul li b {
  display: block;
  text-align: center;
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 50%;
  background-color: #f4474c;
  color: #fff;
  font-size: 14px;
  float: left;
  position: relative;
  z-index: 3;
}
.about_f4_ul li {
  padding-bottom: 35px;
  position: relative;
  display: flex;
  align-items: center;
  transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
  -webkit-transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}
.about_f4_ul li:hover {
  transform: translateY(-10px);
}
.about_f4_ul li:after {
  clear: both;
  display: block;
  content: '';
  height: 0;
  visibility: hidden;
}
.fz_img {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  overflow: hidden;
  margin-left: 20px;
  float: left;
}
.fz_img img {
  display: block;
  width: 100%;
}
.fz_time {
  font-size: 18px;
  color: #333333;
  font-family: Arial;
  text-align: left;
}
.fz_p2 {
  font-size: 14px;
  color: #666666;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  overflow: hidden;
  padding-top: 5px;
  line-height: 24px;
}
.fz_fontr {
  float: left;
  margin-left: 20px;
  max-width: 160px;
  padding-top: 25px;
}
.fz_line {
  display: block;
  height: 102%;
  position: absolute;
  width: 4px;
  background: #f4474c;
  left: 18px;
  top: 0;
}
.about_f4_ul li:first-child .fz_line {
  top: 60px;
}
.about_f4_ul li:last-child .fz_line {
  bottom: 90px;
  top: auto;
}
.about_f4_ul1 li:last-child .fz_line {
  bottom: 0;
  top: 0;
}
.about_f4_ul2 li:first-child .fz_line {
  top: 0;
}
.about_f4_ul2 {
  display: none;
}
.fz_more {
  width: 120px;
  height: 35px;
  line-height: 35px;
  margin: 0 auto;
  background: #e05151;
  border-radius: 50px;
  color: #fff;
  text-align: center;
  font-size: 13px;
  transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
  -webkit-transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
  display: block;
}
.fw_pagebg {
  width: 100%;
  padding: 0 16px 16px 16px;
  box-sizing: border-box;
  background: #f4f4f4;
}
.fw_img1 {
  width: 100%;
  overflow: hidden;
  position: relative;
  display: block;
  margin-bottom: 10px;
}
.fw_img1 img {
  display: block;
  width: 100%;
}
.fw1_font {
  position: absolute;
  width: 40%;
  right: 0;
  top: 0;
  height: 100%;
  box-sizing: border-box;
  padding: 20% 16px 10px 0;
}
.fw1_tit {
  font-size: 16px;
  line-height: 24px;
  color: #535456;
  text-align: left;
}
.fw_en {
  font-size: 14px;
  color: #535456;
  text-align: left;
  font-family: Arial;
  padding-top: 5px;
}
.fwa2 {
  display: flex;
  margin-bottom: 10px;
}
.fwa2:after {
  clear: both;
  display: block;
  content: '';
  height: 0;
  visibility: hidden;
}
.fw_imgl {
  width: 62%;
  float: left;
  overflow: hidden;
}
.fw_imgl img {
  display: block;
  width: 100%;
  transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
  -webkit-transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}
.fw2_fontr {
  width: 38%;
  float: left;
  box-sizing: border-box;
  padding: 50px 10px 10px 20px;
  background: #fff;
}
.fwa2:hover img {
  transform: scale(1.2);
}
.fwa2_left {
  flex-direction: row-reverse;
}
.fwa2_left .fw_imgl {
  width: 56%;
}
.fwa2_left .fw2_fontr {
  width: 44%;
}
.fw_img2 {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  display: block;
}
.fw_img2 img {
  display: block;
  width: 100%;
}
.fw_img2 .fw1_font {
  left: 10%;
  padding-top: 15%;
}
.fw_cj {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 10px;
}
.fw_cja {
  display: block;
  width: 49%;
  float: left;
  box-sizing: border-box;
  padding: 60px 10px;
  background: #a2a5a9;
}
.fw_cja:first-child {
  background: #dd6d6d;
}
.fw_cjtit {
  font-size: 16px;
  color: #fff;
  line-height: 24px;
  text-align: center;
}
.fw_cj_en {
  font-size: 14px;
  color: #fff;
  font-family: Arial;
  text-align: center;
  line-height: 24px;
}
/*about*/
.about_pagebg1 {
  box-sizing: border-box;
  padding: 10px 16px 16px 16px;
  background: #f4f4f4;
  overflow: hidden;
}
.ab1_tit {
  font-size: 16px;
  color: #444444;
  text-align: left;
  line-height: 24px;
}
.ab1_p {
  font-size: 14px;
  line-height: 30px;
  color: #888888;
  text-align: left;
  padding: 15px 0 25px 0;
  border-bottom: solid #d2d2d2 1px;
}
.ab2 .ab1_p {
  border: none;
}
.ab2 {
  padding-top: 30px;
}
.ab3_tit {
  font-size: 18px;
  line-height: 28px;
  color: #282828;
  text-align: left;
  padding-bottom: 25px;
}
.ab3_img {
  width: 100%;
  overflow: hidden;
}
.ab3_img img {
  display: block;
  width: 100%;
}
.ab3_yjtit {
  font-size: 16px;
  color: #282828;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ab3_yjp {
  font-size: 14px;
  line-height: 26px;
  color: rgba(40, 40, 40, 0.6);
  text-align: left;
  padding-top: 9px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
}
.ab3_yjfont {
  background: #fff;
  padding: 20px 23px 25px 23px;
}
.ab3_yj {
  margin-bottom: 13px;
}
.ab3_imgbox {
  width: 100%;
  overflow: hidden;
  box-sizing: border-box;
}
.ab3_imgbox img {
  display: block;
  width: 100%;
}
.ab4_img img {
  display: block;
  width: 100%;
}
.about_pagebg2 {
  background: #f4f4f4;
  padding-bottom: 16px;
}
.ab4_inner {
  background: #fff;
  padding: 15px 16px;
  box-sizing: border-box;
  overflow: hidden;
  margin-bottom: 16px;
}
.ab4_inner:last-child {
  margin-bottom: 0;
}
.ab4_tit2 {
  font-size: 18px;
  line-height: 30px;
  color: #282828;
  text-align: left;
  padding-top: 25px;
}
.ab4_p1 {
  font-size: 14px;
  line-height: 24px;
  color: #444444;
  text-align: left;
  padding-top: 10px;
}
.ab4_p2 {
  padding-bottom: 25px;
}
.ab4_p2 p {
  color: #888888;
  font-size: 14px;
  line-height: 27px;
  text-align: left;
  padding-top: 3px;
}
.new_pagebg {
  background: #f4f4f4;
  padding: 0 0 40px 16px;
  box-sizing: border-box;
  width: 100%;
  overflow: hidden;
}
.newa {
  display: flex;
  padding: 20px 0;
  align-items: center;
  justify-content: space-between;
  border-bottom: solid #e5e5e5 1px;
}
.newa:after {
  clear: both;
  display: block;
  content: '';
  height: 0;
  visibility: hidden;
}
.newa:hover .new_more {
  border: solid #e05151 1px;
  color: #e05151;
}
.newa_img {
  display: block;
  width: 41%;
  float: left;
  overflow: hidden;
}
.newa_img img {
  display: block;
  width: 100%;
  transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
  -webkit-transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}
.new_tit {
  font-size: 16px;
  color: #444444;
  line-height: 24px;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.new_time2 {
  color: #cccccc;
  font-size: 16px;
  line-height: 24px;
  text-align: left;
}
.new_p1 {
  font-size: 14px;
  color: #888888;
  text-align: left;
  line-height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.new_more {
  width: 100px;
  height: 34px;
  line-height: 34px;
  box-sizing: border-box;
  border: solid #d2d2d2 1px;
  text-align: center;
  margin-top: 10px;
  font-family: Arial;
}
.new_rfont {
  width: 50%;
  float: right;
}
.paging {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 30px;
}
.paging a {
  display: block;
  width: 30px;
  height: 30px;
  background: #fff;
  box-sizing: border-box;
  text-align: center;
  line-height: 30px;
  font-size: 14px;
  color: #666666;
  margin: 0 3px;
  transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
  -webkit-transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}
.paging .active,
.paging a:hover {
  background: #e05151;
  color: #fff;
}
.paging .page_prev {
  background: url(../images/lt.png) no-repeat center #fff;
}
.paging .page_next {
  background: url(../images/lg.png) no-repeat center #fff;
}
.paging .page_prev:hover {
  background: url(../images/lth.png) no-repeat center #e05151;
}
.paging .page_next:hover {
  background: url(../images/lgh.png) no-repeat center #e05151;
}
.paging .shangyi{ display:none;}
.share_tit {
  font-size: 18px;
  line-height: 24px;
  color: #282828;
  text-align: left;
}
.sh_line {
  display: block;
  height: 1px;
  background: #e5e5e5;
  position: relative;
}
.sh_line:after {
  content: "";
  position: absolute;
  width: 75px;
  height: 2px;
  background: #bcbcbc;
  bottom: -1px;
  left: 0;
}
.prod1_img {
  height: 290px;
}
.pro_detf1 .n_banner_tit1 {
  padding-top: 101px;
}
.n_banner_tit1 {
  font-size: 24px;
  line-height: 30px;
  color: #000000;
  text-align: center;
  padding-top: 68px;
}
.n_banner_tit2 {
  font-size: 17px;
  color: #000000;
  line-height: 28px;
  padding-top: 10px;
  text-align: center;
}
.n_ul1 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  padding: 40px 16px;
  background: url(../images/prodetbg1_03.jpg) no-repeat center;
  background-size: cover;
}
.n_ul1:after {
  clear: both;
  display: block;
  content: '';
  height: 0;
  visibility: hidden;
}
.n_ul1 li {
  float: left;
  width: 30%;
  margin-bottom: 30px;
}
.n_yuan_ul1 {
  width: 90px;
  height: 90px;
  border: solid #404040 1px;
  border-radius: 50%;
  text-align: center;
  margin: 0 auto;
}
.n_yuan_num {
  font-size: 20px;
  line-height: 32px;
  color: #333333;
  padding-top: 24px;
}
.n_yuan_txt {
  line-height: 15px;
  color: #333333;
}
.n_lip {
  font-size: 16px;
  line-height: 30px;
  color: #333333;
  padding-top: 15px;
  text-align: center;
}
.n_lip2 {
  line-height: 28px;
  color: #333333;
  text-align: center;
  font-size: 14px;
}
.n_p2 {
  overflow: hidden;
  box-sizing: border-box;
  position: relative;
}
.p2_bg {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: -1;
}
.n_p2ul:after {
  clear: both;
  display: block;
  content: '';
}
.n_p2ul li {
  float: left;
  width: 50%;
  text-align: center;
  margin-bottom: 45px;
}
.n_p2yuan {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  border: solid #5e5e5e 1px;
  margin: 0 auto;
  font-size: 16px;
  line-height: 100px;
  text-align: center;
}
.n_p2ul_p {
  font-size: 18px;
  line-height: 34px;
  color: #6e6e6e;
  margin-top: 18px;
}
.n_p2ul_p p {
  font-size: 14px;
  line-height: 24px;
  color: #666666;
}
.n_p2ul {
  margin-top: 40px;
}
.n_p2 .n_banner_tit1 {
  padding-top: 68px;
}
.n_p2 {
  padding-bottom: 20px;
}
.n_p2ul li:hover .n_p2yuan {
  color: #e05151;
  border-color: #e05151;
}
.n_p3ul li {
  font-size: 14px;
  line-height: 26px;
  color: #ffffff;
  box-sizing: border-box;
  margin-top: 15px;
}
.n_p3ul li:first-child {
  margin-top: 0;
}
.n_p3cont {
  width: 100%;
  padding: 0 20px 40px 20px;
  overflow: hidden;
  box-sizing: border-box;
}
.n_p3 .n_banner_tit1 {
  color: #fff;
}
.n_p3ul {
  margin-top: 20px;
  padding-bottom: 30px;
}
.n_p3img {
  width: 100%;
  overflow: hidden;
}
.n_p3img img {
  width: 100%;
  display: block;
  transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
  -webkit-transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}
.n_p3imgh {
  margin-bottom: 18px;
}
.np4_img {
  overflow: hidden;
  width: 100%;
  box-sizing: border-box;
}
.np4_img img {
  display: block;
  width: 100%;
}
.n_p4_tit {
  font-size: 18px;
  line-height: 30px;
  color: #383737;
}
.n_p4left {
  width: 83%;
  margin: 0 auto;
  padding-top: 10px;
  padding-bottom: 45px;
}
.n_p4_p {
  font-size: 14px;
  line-height: 24px;
  color: #6e6e6e;
  overflow: hidden;
  padding-top: 10px;
}
.n_p4a {
  display: block;
  width: 110px;
  height: 35px;
  background: #d74b4b;
  color: #fff;
  font-size: 14px;
  border-radius: 30px;
  text-align: center;
  margin-top: 20px;
  line-height: 35px;
}
.n_p4cont {
  padding-top: 30px;
}
.n_p5right .n_p4_tit {
  color: #fff;
}
.n_p5p {
  line-height: 30px;
  color: rgba(255, 255, 255, 0.5);
  max-height: 126px;
  overflow: auto;
  padding-top: 10px;
}
.n_p5_ul li {
  width: 50px;
  font-size: 20px;
  line-height: 50px;
  color: #fff;
  border-radius: 50%;
  border: solid #fff 1px;
  text-align: center;
  position: relative;
  overflow: hidden;
  float: left;
}
.n_p5_ul li span {
  position: relative;
  z-index: 3;
  color: #fff;
  font-size: 13px;
}
.n_p5_ul li:after {
  content: "";
  position: absolute;
  width: 0px;
  height: 100%;
  background: #d74b4b;
  left: 0;
  top: 0;
  transition: all .5s;
  z-index: 1;
}
.n_p3ul:after,
.np5_cont:after,
.n_p5_ul:after {
  clear: both;
  display: block;
  content: '';
}
.n_p5_ul li:hover {
  border-color: #d74b4b;
}
.n_p5_ul li:hover:after {
  width: 100%;
}
.n_p5img {
  display: block;
  overflow: hidden;
  box-sizing: border-box;
}
.n_p5img img {
  display: block;
  width: 100%;
}
.np5_cont {
  width: 80%;
  margin: 0 auto;
  box-sizing: border-box;
  padding-right: 30px;
  padding-bottom: 50px;
}
.n_p5_ul {
  display: flex;
  justify-content: space-between;
  margin-top: 15px;
}
.p6_tit1 {
  font-size: 18px;
  line-height: 28px;
  color: #383737;
  padding-top: 60px;
}
.n_p6p {
  font-size: 14px;
  line-height: 24px;
  color: #6e6e6e;
  text-align: center;
  padding-top: 10px;
}
.n_p6tcont {
  width: 80%;
  margin: 0 auto;
  text-align: center;
}
.p6_line {
  display: block;
  height: 1px;
  background: #eeeeee;
  margin-top: 30px;
}
.n_p6cont_bot {
  overflow: hidden;
  display: flex;
  flex-grow: 1;
  flex-wrap: wrap;
  padding: 20px 0 40px 0;
}
.n_p6cont_bot li {
  width: 50%;
  float: left;
  overflow: hidden;
}
.n_p6cont_bot li img {
  display: block;
  width: 100%;
}
.n_p7tit {
  font-size: 18px;
  line-height: 28px;
  color: #ffffff;
  text-align: center;
  padding-top: 45px;
}
.n_p7p {
  font-size: 14px;
  line-height: 24px;
  color: rgba(255, 255, 255, 0.6);
  text-align: center;
  padding-top: 10px;
}
.n_p7ul li {
  padding: 24px 20px 30px 40px;
  box-sizing: border-box;
}
.n_p7ul_tit {
  font-size: 18px;
  line-height: 28px;
  color: #ffffff;
}
.n_p7p2 {
  font-size: 16px;
  line-height: 28px;
  color: rgba(255, 255, 255, 0.6);
  padding-top: 10px;
}
.n_p7p2 p {
  font-size: 14px;
  line-height: 28px;
  color: rgba(255, 255, 255, 0.6);
}
.n_p71color1 {
  background: #383838;
}
.n_p71color2 {
  background: #d74b4b;
}
.n_p7_top {
  width: 89%;
  margin: 0 auto;
  padding-bottom: 55px;
}
.np7img {
  display: block;
  overflow: hidden;
}
.np7img img {
  display: block;
  width: 100%;
  overflow: hidden;
  transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
  -webkit-transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}
.p9_tit1 {
  font-size: 18px;
  line-height: 28px;
  padding-top: 56px;
  text-align: center;
}
.n_p9p1 {
  font-size: 14px;
  line-height: 24px;
  color: #646e7a;
  text-align: center;
  padding-top: 10px;
}
.n_p9ul {
  display: flex;
  align-items: top;
  justify-content: space-between;
  flex-wrap: wrap;
}
.n_p9ul li {
  float: left;
  width: 50%;
  box-sizing: border-box;
  text-align: center;
  border-width: 0px 2px 2px 0;
  -webkit-border-image: url(../images/detbor_03.jpg) 0 2 2 0 repeat;
  border-image: url(../images/detbor_03.jpg) 0 2 2 0 repeat;
  padding: 20px 16px 30px 16px;
  position: relative;
  border-right: solid #f2f4f5 2px;
  border-bottom: solid #f2f4f5 2px;
  transition: .5s;
}
.n_p9ul li:nth-of-type(2n) {
  border-right: none;
}
.n_p9ul li:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 0px;
  left: 0;
  bottom: -1px;
  -webkit-border-image: url(../images/detbor2_06.jpg) 0 0 1 0 repeat;
  border-image: url(../images/detbor2_06.jpg) 0 0 1 0 repeat;
  border-width: 0px 0px 1px 0;
  border-right: solid #f2f4f5 1px;
  border-bottom: solid #f2f4f5 1px;
}
.n_p9ul li:nth-last-child(1):before,
.n_p9ul li:nth-last-child(2):before {
  display: none;
}
.n_p9ul li:nth-last-child(1),
.n_p9ul li:nth-last-child(2) {
  padding-bottom: 40px;
}
.p9_imh {
  width: 50px;
  min-height: 54px;
  margin: 0 auto;
  position: relative;
}
.p9_imh img {
  display: block;
  width: 39px;
}
.p9_litit {
  font-size: 15px;
  line-height: 30px;
  color: #646e7a;
}
.p9_lip {
  font-size: 12px;
  line-height: 24px;
  color: #949fab;
  padding-top: 5px;
}
.n9_top {
  width: 85%;
  margin: 0 auto;
  overflow: hidden;
  box-sizing: border-box;
  padding-bottom: 45px;
}
.n_p9ul:after {
  clear: both;
  display: block;
  content: '';
  height: 0;
  visibility: hidden;
}
.p10_top {
  width: 80%;
  margin: 0 auto;
  box-sizing: border-box;
}
.p10img {
  overflow: hidden;
  width: 80%;
  margin: 0 auto;
  margin-top: 25px;
}
.p10img img {
  display: block;
  width: 100%;
  transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
  -webkit-transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}
.p11 {
  background: #ececec;
}
.p10_cont {
  padding-bottom: 40px;
}
.n_p11trigt {
  width: 83%;
  margin: 0 auto;
  box-sizing: border-box;
}
.n_p11trigt img {
  display: block;
  width: 100%;
  transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
  -webkit-transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}
.n_p11left {
  width: 83%;
  margin: 0 auto;
  padding-top: 10px;
  padding-bottom: 45px;
  padding-bottom: 30px;
}
.p11_cont {
  padding-bottom: 23px;
}
.othera {
  display: flex;
  border: solid #e5e5e5 1px;
  justify-content: center;
}
.othera a {
  font-size: 14px;
  line-height: 30px;
  color: #666666;
  box-sizing: border-box;
  transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
  -webkit-transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}
.othera .oth_prev,
.othera .oth_next {
  width: 30%;
}
.othera .oth_next {
  text-align: right;
  padding-right: 30px;
  background: url(../images/othr.png) no-repeat 87% center;
  background-size: 7px;
}
.othera .oth_cen {
  text-align: center;
  width: 40%;
  border-right: solid #e5e5e5 1px;
}
.oth_prev {
  padding-left: 30px;
  border-right: solid #e5e5e5 1px;
  background: url(../images/othl.png) no-repeat 15px center;
  background-size: 7px;
}
.otherbg {
  background: #ececec;
  box-sizing: border-box;
  padding: 0 16px;
  overflow: hidden;
  padding-bottom: 30px;
}
.othera a:hover {
  color: #e05151;
}
/*zt2*/
.p12_font2 {
  position: absolute;
  top: 15%;
  width: 80%;
  box-sizing: border-box;
  padding: 0;
  left: 50%;
  transform: translate(-50%, 0%);
}
.p12_tit {
  font-size: 30px;
  line-height: 29px;
  color: #000000;
  text-align: center;
}
.p12_p {
  font-size: 16px;
  line-height: 24px;
  color: #282828;
  margin-top: 15px;
  text-align: center;
}
.p12 {
  position: relative;
}
.p12 > img {
  display: block;
  width: 100%;
}
.p22 > img {
  display: block;
  width: 100%;
}
.p22 {
  position: relative;
}
.n_p2p2 {
  font-size: 14px;
  line-height: 26px;
  color: #6e6e6e;
  margin: 0 auto;
  margin-top: 10px;
  text-align: center;
  width: 75%;
}
.zt_left {
  width: 90%;
  margin: 0 auto;
  padding-top: 30px;
}
.zt_cptit {
  font-size: 18px;
  line-height: 36px;
  color: #383737;
}
.zt3_ul {
  overflow: hidden;
  width: 90%;
}
.zt3_ul li {
  font-size: 14px;
  line-height: 30px;
  color: #6e6e6e;
  float: left;
  width: 50%;
}
.zt_3img {
  display: block;
  width: 100%;
  overflow: hidden;
}
.zt_3img img {
  display: block;
  width: 100%;
}
.pzt4_cont .ntip2 {
  font-size: 14px;
  line-height: 24px;
  color: rgba(255, 255, 255, 0.6);
  text-align: center;
  margin: 0 auto;
  padding-top: 10px;
  padding-bottom: 30px;
  width: 80%;
}
.zt_7r {
  overflow: hidden;
  width: 100%;
  box-sizing: border-box;
}
.zt_7r img {
  display: block;
  width: 100%;
}
.zt4_ov2 .n_p71color2 {
  background: #3d3d3d;
}
.zt_p5_tit {
  font-size: 16px;
  line-height: 34px;
  color: #101010;
  padding-top: 55px;
  text-align: center;
}
.zt_p5p {
  font-size: 14px;
  line-height: 24px;
  margin: 0 auto;
  color: #83715b;
  margin-top: 10px;
  text-align: center;
  width: 80%;
}
.zt_img5 img {
  display: block;
  width: 100%;
}
.hz_pagebg {
  background: #f4f4f4;
  box-sizing: border-box;
  padding: 0 16px 40px 16px;
}
.hz_a {
  display: block;
  overflow: hidden;
  background: #fff;
}
.hz_img {
  width: 50%;
  float: left;
}
.hz_img img {
  display: block;
  width: 100%;
}
.hz_fot {
  width: 50%;
  box-sizing: border-box;
  float: left;
  padding: 14px 16px ;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
  background: #fff;
}
.hz_tit {
  font-size: 16px;
  line-height: 24px;
  color: #333333;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.hz_p1 {
  font-size: 14px;
  line-height: 24px;
  color: #666666;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-top: 5px;
}
.hz_ar .hz_img {
  float: right;
}
.contact_pagebg {
  background: #f4f4f4;
  padding: 0 16px 30px 16px;
  width: 100%;
  overflow: hidden;
  box-sizing: border-box;
}
.contact_inner {
  background: #fff;
  padding: 15px 16px 20px 16px;
}
.cont_tit {
  margin-bottom: 30px;
}
.cont_tit h3 {
  margin: 10px 0;
  font-size: 17px;
  color: #282828;
}
.cont_tit p {
  font-size: 14px;
  color: #888;
  line-height: 28px;
}
.cont_tit p,
.cont_tit a {
  font-size: 14px;
  color: #888;
  line-height: 25px;
  transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
  -webkit-transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}
.cont_tit a:hover {
  color: #e05151;
}
.cont_input .txt {
  font-size: 14px;
  color: #888;
  text-indent: 15px;
  display: block;
  width: 100%;
  border: 1px solid #e5e5e5;
  height: 40px;
  line-height: 40px;
  margin-bottom: 10px;
  box-sizing: border-box;
}
.cont_input textarea.txt {
  text-indent: 0;
  padding: 10px;
  height: 110px;
  line-height: 20px;
  box-sizing: border-box;
}
.cont_input .sub {
  transition: .5s;
  -webkit-transition: .5s;
  width: 100%;
  font-size: 14px;
  display: block;
  height: 42px;
  background-color: #d74b4b;
  color: #fff;
  cursor: pointer;
}
.ditu {
  display: block;
  width: 100%;
  box-sizing: border-box;
  margin-top: 20px;
      margin-bottom: 20px;
}
.ditu img {
  display: block;
  width: 100%;
}
.newdet_pagebg,
.zpbg {
  background: #f4f4f4;
  box-sizing: border-box;
  padding: 0 16px 40px 16px;
  overflow: hidden;
}
.newdet_tit {
  font-size: 18px;
  line-height: 30px;
  color: #444444;
  text-align: left;
}
.new_det_time {
  font-size: 14px;
  color: #cccccc;
  line-height: 24px;
  text-align: left;
}
.new_det_p {
  font-size: 16px;
  line-height: 200%;
  color: #888888;
  padding-top: 7px;
}
.new_det_p *{ font-size:16px;}
.newdetimg {
  overflow: hidden;
  margin: 15px 0;
}
.newdetimg img {
  display: block;
  width: 100%;
}
.newdet_pagebg .othera {
  background: transparent;
  margin-top: 20px;
}
.share_tit {
  padding-top: 30px;
  margin-bottom: 15px;
}
.biaoq {
  display: flex;
  align-content: center;
  justify-content: left;
  flex-wrap: wrap;
  margin-top: 15px;
}
.biaoq a {
  display: block;
  padding: 0 15px;
  text-align: center;
  border: solid #dcdcdc 1px;
  line-height: 35px;
  height: 35px;
  margin-right: 10px;
  margin-bottom: 10px;
  transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
  -webkit-transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}
.biaoq a:hover {
  border-color: #e05151;
  color: #e05151;
}
.zplist > li {
  background: #fff;
  padding: 15px 20px 30px 20px;
  margin-bottom: 14px;
}
.zplist > li:last-child {
  margin-bottom: 0;
}
.zp_time {
  font-size: 13px;
  line-height: 20px;
  color: #cccccc;
  text-align: left;
}
.zp_position {
  font-size: 16px;
  color: #333333;
  line-height: 30px;
  text-align: left;
}
.zp_line {
  width: 190px;
  height: 1px;
  background: #dcdcdc;
  margin-top: 10px;
  margin-bottom: 10px;
}
.zp_p1 {
  font-size: 15px;
  color: #666666;
  line-height: 20px;
}
.zp_p2 li {
  font-size: 13px;
  line-height: 25px;
  color: #999999;
}
.zp_p2 {
  padding-top: 12px;
  max-height: 173px;
  overflow-y: auto;
}
.zp_a {
  display: block;
  width: 120px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  color: #999999;
  border: solid #bfbfbf 1px;
  border-radius: 5px;
  margin-top: 20px;
  transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
  -webkit-transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}
.zp_a:hover {
  border: solid #e05151 1px;
  color: #e05151;
}
.zpbg {
  padding-bottom: 40px;
}
.share2 {
  overflow: hidden;
  margin-top: 14px;
}
.share2 .bdshare-button-style1-16 .bds_tsina {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  box-sizing: border-box;
  display: block;
  background: url(../images/wb.png) no-repeat center #d74b4b;
  background-size: 15px;
}
.share2 .bdshare-button-style1-16 .bds_weixin {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  box-sizing: border-box;
  display: block;
  background: url(../images/wx.png) no-repeat center #64b532;
  background-size: 15px;
}
.share2 .bdshare-button-style1-16 a {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  box-sizing: border-box;
  display: block;
  margin: 6px 13px 6px 0;
}
.share2 .bdshare-button-style1-16 .tel1 {
  background: url(../images/kf.png) no-repeat center #ffa000;
  background-size: 15px;
}
.p10_csbg {
  background: #f4f4f4;
  box-sizing: border-box;
  padding: 35px 16px 20px 16px;
  width: 100%;
  position: relative;
}
.show_p10 {
  padding-top: 30px;
}
.cs_tit {
  line-height: 30px;
  font-size: 16px;
  color: #282828;
  text-align: left;
}
.cs_en {
  font-size: 13px;
  line-height: 24px;
  color: #666666;
  text-align: left;
}
.table1 {
  width: 100%;
  overflow-x: auto;
}
.table_ov {
  overflow: hidden;
  overflow-x: auto;
  width: 100%;
  box-sizing: border-box;
  margin-top: 15px;
  padding-bottom: 40px;
}
.n_p9cont {
  overflow: hidden;
  padding: 0 16px;
  box-sizing: border-box;
}
.table1 td {
  font-size: 14px;
  line-height: 24px;
  color: #666666;
  text-align: center;
  border: solid #e5e5e5 1px;
  box-sizing: border-box;
  padding: 5px 20px;
}
.table1 td:first-child {
  font-weight: bold;
  padding: 5px 10px;
  white-space: nowrap;
}
.clol_p10 {
  width: 35px;
  height: 35px;
  background: no-repeat center #f4f4f4;
  background-size: 10px;
  position: absolute;
  top: -18px;
  left: 50%;
  margin-left: -15px;
  border-radius: 50%;
}
.clol_p10:before {
  content: "";
  position: absolute;
  width: 16px;
  height: 1px;
  background: #bfbfbf;
  top: 18px;
  left: 50%;
  transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
  -webkit-transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
  margin-left: -8px;
  -webkit-transform-origin: center center;
  transform-origin: center center;
}
.clol_p10:after {
  content: "";
  position: absolute;
  width: 1px;
  height: 16px;
  transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
  -webkit-transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
  background: #bfbfbf;
  top: 10px;
  left: 50%;
  margin-left: -1px;
  -webkit-transform-origin: center center;
  transform-origin: center center;
}
.clol_p10.on1:before {
  transform: rotate(-45deg) translate(2px, -2px);
}
.clol_p10.on1:after {
  transform: rotate(-45deg) translate(2px, -1px);
}

.pro_img1 h3{     font-size: 18px;
    color: #282828;
    padding: 0 15px;
    line-height: 48px;
}
.pro_img1 p{     font-size: 14px;
    color: #888888;
    padding: 0 15px;
}

.po_re{position: relative;}
.po_ab{position: absolute;top: -80px;height: 1px;}

.faq{margin: 0 20px;color: #666;}
.faq li{margin-top: 15px;}
.faq li .tit{background: url("../images/faq_03.jpg") no-repeat left 5px; background-size: 22px; padding-left: 35px;font-size: 16px;line-height: 26px;color: #333333;padding-bottom: 8px;  -webkit-transition: .5s;  -moz-transition: .5s;  -ms-transition: .5s;  -o-transition: .5s;  transition: .5s;}
.faq li .con{border: 1px solid #e7e7e7;margin-left: 35px;position: relative;padding: 8px 10px 8px 12px;line-height: 24px; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; transition: .5s;}
.faq li .con::before{content: " "; background-size: 22px;background: url("../images/faq_06.jpg") no-repeat center;background-size: 22px;width: 22px;height: 23px;left: -35px;position: absolute; top:0;}
.faq li:hover .con{border-color: #e40104;}

.pro_f2{    margin-top: 23px;
    margin-bottom: 23px;}