﻿@charset "utf-8";
/* CSS Document */
html{overflow-x: auto;  overflow-y: auto; }
*{padding: 0;  margin: 0; }
ul, ol, li{list-style-type: none;  line-height: normal; }
body, button, input, select, textarea{font-family: 'Microsoft yahei', Arial;  font-size: 12px;  }
code, kbd, pre, samp{font-family: 'Microsoft yahei', Arial; }
a{text-decoration: none;  color: #333;  -webkit-transition: all 0.2s ease-out 0s;  -moz-transition: all 0.2s ease-out 0s;  -o-transition: all 0.2s ease-out 0s;  transition: all 0.2s ease-out 0s;  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);  -webkit-tap-highlight-color: transparent;  }
a:hover{color: #333;  cursor: pointer; }
img{border: 0;  max-width: 100%; }
table{border-collapse: collapse;  border-spacing: 0; }
h1, h2, h3, h4, h5, h6{margin: 0;  font-weight: normal;  font-family: 'Microsoft yahei', Arial; }
h1{font-size: 32px; }
h2{font-size: 24px; }
h3{font-size: 22px; }
h4{font-size: 18px; }
h5{font-size: 14px; }
h6{font-size: 12px; }
input, table, tr, td{margin: 0;  padding: 0;  border: none;  }
button, table{border: none;  background: none;  margin: 0;  padding: 0; }
select{margin: 0;  padding: 0;  font-family: 'Microsoft yahei', Arial;}
textarea{resize: none; }
input{outline: 0; }
input，textarea{outline: none;  font-family: "微软雅黑";  -webkit-appearance: none;  -moz-border-radius: 0px;  -webkit-border-radius: 0;  -khtml-border-radius: 0;  border-radius: 0;}
.pz_top{ width: 100%; }
.pz_banner{ width: 100%;  overflow: hidden;  position: relative; }
.pz_down{ width: 100%; }
.fl{ float: left;}
.fr{ float: right;}
.disable{ display: none;}
/*top*/
.c_0100_bg2{border-bottom: #e2e2e1 solid 1px;  position: relative;  z-index: 10; }
.c_1170_2{height: 88px; padding: 0 10px}
.logo{float: left;  margin: 19px 0 0 0;  }
.logo .img1{width: 162px;  height: 54px;  }
.search{float: right;  width: 100px;  height: 88px;  padding: 37px 40px 0 41px;  border-right: #efefef solid 1px;  border-left: #efefef solid 1px;  position: relative; }
.search .img_search{float: left;  width: 25px;  height: 25px;  }
.search .box_search{display: none;  position: absolute;  width: 308px;  height: 42px;  border: #ddd solid 1px;  right: 0;  top: 88px;  background-color: #fff; }
.search .box_search .fom1{float: left;  width: 256px;  height: 40px;  border: 0;  padding: 0;  margin: 0;  padding-left: 10px;  color: #333;  font-size: 14px;  line-height: 40px; }
.search .box_search .rbtn{float: right;  width: 19px;  height: 19px;  margin: 11px 11px 0 0;  }
@media screen and (max-width:1199px){
	.search{width: 80px;  height: 88px;  padding: 37px 30px 0 31px;}
}
@media screen and (max-width:991px){
	.c_1170_2{height: 62px;  }
	.logo{margin: 11px 0 0 0;  }
	.logo .img1{width: 120px;  height: 40px; }
	.phonemenu{float: right;  width: 42px;  height: 40px;  margin: 19px 0 0 0;  position: relative;  background-color: #F08519; }
	.phonemenu a{float: left;  width: 42px;  height: 40px;  background-color: #F08519; }
	.phonemenu .menu_out{position: absolute;  left: 0;  top: 0;  display: none; }
}

/*menu 效果*/
.menu_1{height: 88px; float: right; }
.menu_1 ul .nli{float: left;  width: 110px;  border-left: #efefef solid 1px;  z-index: 15;}
.menu_1 ul .nli span a{float: left; width: 100%; height: 88px;  border-bottom: #fff solid 2px;  color: #252525;  font-size: 16px;  line-height: 86px;  text-align: center;  }
.menu_1 ul .nli span a:hover, .menu_1 ul .nli.on span a{border-bottom: #F08519 solid 2px;  color: #F08519;  }
.menu_1 .sub_1{position: absolute;  width: 100%;  padding: 28px 0 30px 0;  left: 0;  top: 88px;  border-bottom: #F08519 solid 2px;  border-top: #ebebeb solid 1px;  background: #ffffff;  display: none;  z-index: 20;  }
.menu_1 .sub_1 .subbox{padding: 0 10px;   /*background:url(../images/menu1.png) center repeat-y;  */}
.menu_1 .sub_1 .subbox .licell{padding: 0 50px;  border-right: 1px solid #999;  }
.menu_1 .sub_1 .li2{}
.menu_1 .sub_1 .li2 .l2_a{color: #333333;  font-size: 16px;  line-height: 20px;  font-weight: bold;  }
.menu_1 .sub_1 .li2_ul{padding: 15px 0 17px 0;  }
.menu_1 .sub_1 .li2_ul .l3_a{padding: 10px 0;  line-height: 16px;  color: #3d3d3d;  font-size: 14px;  }
.menu_1 .sub_1 .li2_ul .l3_a:hover{color: #F08519;  }
.menu_1 .sub_2{position: absolute;  width: 100%;  padding: 0px 0 40px 0;  left: 0;  top: 88px;  border-bottom: #F08519 solid 2px;  border-top: #ebebeb solid 1px;  background: #ffffff;  display: none;  z-index: 20;  }
.menu_1 .sub_2 .cell{padding: 0 3px;  margin-top: 40px;  }
.menu_1 .sub_2 .li2{}
.menu_1 .sub_2 .subbox{padding: 0 15px;  background: url(../png/menu1.png) center repeat-y;  display: flex;  flex-wrap: wrap;  align-items: flex-start;  }
.menu_1 .sub_2 .subbox .licell{padding: 0 50px;  }
.menu_1 .sub_2 .li2 .l2_img{margin: 0 auto;  width: 146px;  }
.menu_1 .sub_2 .li2 .l2_img .img2{width: 146px;  height: 110px;  }
.menu_1 .sub_2 .li2 .l2_tit{padding: 19px 15px 20px 15px;  line-height: 22px;  text-align: center;  }
.menu_1 .sub_2 .li2 .l2_tit a{color: #333333;  font-size: 16px;  }
.menu_1 .sub_2 .li2 .l2_tit a:hover{color: #F08519;  }
.menu_1 .sub_2 .li2 .l2_text{line-height: 19px;  }
.menu_1 .sub_2 .li2 .l2_text a{display: inline-block;  color: #666666;  font-size: 14px;  padding: 3px 16px;  }
.menu_1 .sub_2 .li2 .l2_text a:hover{color: #F08519;  }

.ty_list b{ display: block; font-size: 16px; color: #333; line-height: 20px; padding-bottom: 7px;}
.ty_list ul{ display:-webkit-flex; display: flex; flex-wrap: wrap;  flex-direction: row; width: 100%; margin-bottom: 20px;}
.ty_list li{ width: 150px; font-size: 14px; color: #3d3d3d; line-height: 16px; padding: 6px 0;}
.ty_list li a{color: #3d3d3d}


@media screen and (max-width:1199px){
	.menu_1 ul .nli{width: auto;  padding: 0 15px}
	.menu_1 .sub_1 .subbox{background: url(../png/menu6.png) center repeat-y;  }
	.menu_1 .sub_2 .subbox{background: url(../png/menu6.png) center repeat-y;  }
}

/*手机导航*/
.pf_menu_bg{position: fixed;  width: 100%; height: 120%; left: 0; top: 0; margin-top: 62px; z-index: 500; background-color: rgba(0,0,0,0.6); }
.pf_menu{display: none;  position: absolute; width: 100%;  left: 0;  top: 62px;  background-color: #fff;  z-index: 510;  border-top: #dddddd solid 1px;  box-shadow: 0 3px 10px rgba(0,0,0,.22);  -webkit-box-shadow: 0 3px 10px rgba(0,0,0,.22);  -moz-box-shadow: 0 3px 10px rgba(0,0,0,.22);  -ms-box-shadow: 0 3px 10px rgba(0,0,0,.22);  }
.ph_menu{float: left;  width: 100%;  padding: 18px 0 0 0; }
.ph_menu .nli{float: left;  width: 100%;  border-bottom: #dddddd solid 1px; }
.ph_menu .nli span{float: left;  width: 100%;  padding: 0 15px 0 15px;  }
.ph_menu .nli .l1_a{float: left;  width: 100%;  color: #444444;  font-size: 14px;  line-height: 39px; }
.ph_menu .nli .l1_a.have{background: url(../png/menu21_h.png) right center no-repeat; }
.ph_menu .nli.on .l1_a.have{background: url(../png/menu21.png) right center no-repeat; }
.ph_menu .nli.on .l1_a{color: #F08519; }
.ph_menu .l2_ul{float: left;  width: 100%;  padding: 10px 0;  border-top: #dddddd solid 1px;  display: none; }
.ph_menu .l2_ul .l2{float: left;  width: 100%;  padding-left: 35px;  padding-right: 35px;  box-sizing: border-box;  -moz-box-sizing: border-box;  -webkit-box-sizing: border-box; }
.ph_menu .l2_ul .l2 .l2_a{float: left;  width: 100%;  padding: 10px 0;  color: #444444;  font-size: 14px;  line-height: 20px; }
.ph_menu .l2_ul .l2 .l2_a.dohave{background: url(../png/menu22.png) right center no-repeat; }
.ph_menu .nli .l2_ul .l2.on .l2_a.dohave{background: url(../png/menu22_h.png) right center no-repeat; }
.ph_menu .l3_ul{float: left;  width: 100%;  background-color: #f1f1f1;  padding: 10px 20px;  display: none; }
.ph_menu .l3_ul .l3_a{color: #333;  line-height: 24px;  word-wrap: break-word;  margin: 0 10px; }
.ph_regisiter{float: left;  width: 100%;  text-align: center;  line-height: 44px; }
.ph_regisiter a{display: inline-block;  color: #444444;  font-size: 14px; }
.ph_regisiter a:hover{color: #9b000e; }
.ph_regisiter a .p_ewm{position: absolute;  width: 110px;  height: 114px;  right: 50%;  margin-right: -55px;  bottom: 34px;  padding: 11px 14px 17px 10px;  background: url(../down5p.html) no-repeat;  }
.ph_regisiter span{display: inline-block; }
.ph_downse{float: left;  width: 100%;  padding: 0 15px 28px 15px;  margin-top: 20px; }
.ph_downse .ph_downbox{float: left;  width: 100%;  height: 44px;  border: #cccccc solid 1px;  padding-right: 56px;  position: relative;  box-sizing: border-box;  -moz-box-sizing: border-box;  -webkit-box-sizing: border-box; }
.ph_downse .ph_downbox .leftinput{float: left;  width: 100%;  padding: 0 10px 0 10px;  margin-top: 9px;  line-height: 24px; }
.ph_downse .ph_downbox .rightsumit{position: absolute;  right: 0;  top: 0;  float: right;  width: 42px;  height: 24px;  margin: 9px 14px 0 0;  padding-left: 17px;  border-left: #cccccc solid 1px;}
.ph_downse .ifom1{height: 24px;  border: 0;  color: #333;  font-size: 14px;  outline: 0;  padding: 0 10px;  margin: 0;  -moz-border-radius: 0;  -webkit-border-radius: 0;  -khtml-border-radius: 0;  border-radius: 0;  -webkit-appearance: none; }

/*banner*/
.slide_banner{ width: 100%;position: relative; }
.slide_banner .swiper-slide img{width: 100%;  }
.swiper-pagination{position: absolute;  left: 0; right: 0;  bottom: 20px;  height: 3px;  overflow: hidden; text-align: center;}
.slide_banner .hd ul{float: left;  width: 100%;  height: 3px;  line-height: 0px;  text-align: center;  }
.swiper-pagination span{display: inline-block;  width: 27px;  height: 3px;  vertical-align: top;  margin: 0 4px;  background-color: #fff;  text-indent: -90px;  overflow: hidden;  cursor: pointer;  opacity: 0.5;  filter: alpha(opacity=50);  -moz-opacity: 0.5;  -khtml-opacity: 0.5; border-radius: 0; }
.swiper-pagination span.swiper-pagination-bullet-active{opacity: 1;  filter: alpha(opacity=100);  -moz-opacity: 1;  -khtml-opacity: 1;  }
@media screen and (max-width:1199px){
	.swiper-pagination{position: absolute;  left: 0;  bottom: 12px;  float: left;  width: 100%;  height: 3px;  line-height: 0px;  text-align: center;  overflow: hidden;  }
	.swiper-pagination span{display: inline-block;  width: 27px;  height: 3px;  margin: 0 6px;  background-color: #fff;  text-indent: -90px;  overflow: hidden;  cursor: pointer;  opacity: 0.5;  filter: alpha(opacity=50);  -moz-opacity: 0.5;  -khtml-opacity: 0.5;  }
	.swiper-pagination span.swiper-pagination-bullet-active{opacity: 1;  filter: alpha(opacity=100);  -moz-opacity: 1;  -khtml-opacity: 1;  }
}
@media  screen and (max-width: 991px){
	.swiper-pagination{ height: 1px;}
}

/*footer*/
.z_bg_1{ width:100%; background:#f7f7f7;padding:0}
.z_0100_1{ width:100%; float:left; padding:29px 0 23px 0;}
.z_0100_1 ul{ width:100%; float:left;}
.z_0100_1 ul li{ float:left; text-align:center;}
.z_0100_1 ul li .z_ico_2{ width:80px; display:inline-block; height:80px; border:solid 1px #F08519; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; overflow:hidden;}
.z_0100_1 ul li h4{ margin-top:9px; line-height:30px; font-size:18px; color:#4c4c4c;}

.z_link_1{width: 100%;  background: #404040;  padding: 35px 0 78px 0;  overflow: hidden}
.z_link_1 ul{width: 100%;  float: left;  }
.z_link_1 ul li{float: left;  padding-left: 1.7%;  }
.z_link_1 ul li dl{width: 100%;  float: left;  }
.z_link_1 ul li dl dt{width: 100%;  float: left;  padding-bottom: 8px;  }
.z_link_1 ul li dl dt a{font-size: 16px;  line-height: 44px;  color: white;  }
.z_link_1 ul li dl dd a{font-size: 14px;  line-height: 25px;  color: rgba(255,255,255,0.8);  }
.z_link_1 ul li dl dd a:hover{color: rgba(255,255,255,1);  }
.footer{width: 100%;  float: left;  padding: 24px 0 22px 0; background-color:#404040; }
.z_link_2{width: 100%;  float: left;  padding-bottom: 13px;  border-bottom: solid 1px #4f4f4f;  font-size: 12px;  color: rgba(255,255,255,0.8);  line-height: 20px;  }
.z_link_2 span{display: inline-block;  float: left;  }
.z_link_2 a{color: rgba(255,255,255,0.8); padding: 0 8px;  display: inline-block;  }
.footer .p{width: 100%;  position: relative;  float: left;  margin-top: 12px;  font-size: 12px;  color: rgba(255,255,255,0.8);  line-height: 26px;  }
.z_fx{position: absolute;  right: 0;  bottom: -4px;  text-align: right;  bottom: 0}
.z_fx a{display: inline-block;  width: 38px !important;  height: 38px !important;  margin-left: 12px;  background-color: #616161 !important;  padding: 0 !important;  margin-right: 0 !important;  border-radius: 50%;  -webkit-border-radius: 50%;  -moz-border-radius: 50%;  overflow: hidden;  }
.z_fx a.z_a1{background-image: url(../png/z_img_2_1.png);  background-position: center;  }
.z_fx a.z_a2{background-image: url(../png/z_img_2_2.png);  background-position: center;  }
.z_fx a.z_a3{background-image: url(../png/z_img_2_3.png);  background-position: center;  }
.z_fx a:hover{background-color: #F08519 !important;  opacity: 1 !important;  filter: alpha(opacity=100) !important;  }
@media screen and (max-width:992px){
	.z_fx{width: 100%;  position: static;  float: left;  text-align: center;  margin-top: 20px;  }
}
@media screen and (max-width:767px){
	.footer{padding-bottom: 70px;  border-top: solid 1px #ccc;  }
	.footer .p{text-align: center;  }
}
@media  screen and (max-width:767px){
	.z_0100_1 ul li h4{ font-size:14px;}
	.z_0100_1 ul li .z_ico_2{ width: 70px; height: 70px;}
}

/*漂浮right*/
.pf_right{ width:40px; position:fixed; right:50px; top:35%; z-index:9;}
.pf_right ul{ width:100%; float:left;}
.pf_right ul li{ width:40px; height:40px; float:left; margin-top:15px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; position:relative; background:#e55e2f; cursor:pointer; z-index:10; -webkit-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -o-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s;}
.pf_right ul li .z_span_1{ padding:0 10px; height:30px; line-height:30px; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; text-align:center; position:absolute; right:0; top:50%; margin-top:-15px; background:#F08519; color:white; white-space:nowrap; opacity:0; filter:alpha(opacity=0); z-index:9; -webkit-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -o-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s;}
.pf_right ul li .z_span_2{ padding:2px; width:165px; height:165px; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; text-align:center; position:absolute; right:0; top:45%; margin-top:-45px; background:#F08519; border:solid 1px #ccc; white-space:nowrap; opacity:0; filter:alpha(opacity=0); -webkit-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -o-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s;}		
.pf_right ul li .z_ico_1{ background:url(../png/z_img_1_ico.png) no-repeat right center; width:17px; height:19px; position:absolute; right:-14px; top:50%; margin-top:-9px;}
.pf_right ul li:hover{ background:#F08519;}
.pf_right ul li:hover .z_span_1{ right:64px; opacity:1; filter:alpha(opacity=100);}
.pf_right ul li:hover .z_span_2{ right:64px; opacity:1; filter:alpha(opacity=100);}
@media  screen and (max-width:1199px){
.pf_right{ right:0;}
}



/*产品中心*/
.index_title{ text-align: center; padding: 60px 0;}
.index_title h2{ display: block; font-size: 28px; color: #1e1c1c; font-weight: normal; line-height: 1.5;}
.index_title p{ font-size: 16px; color: #777; line-height: 1.5;}
.index_product{ padding-bottom: 15px;}
.index_product li{ float: left; width: 32%; margin-right: 2%; margin-bottom: 4%;}
.index_product li:nth-child(3n+3){ margin-right: 0;}
.index_product a{ display:block;}
.index_product img{ width: 100%;}
.index_product h4{ display: block; font-size: 20px; color: #1e1c1c; font-weight: normal; line-height: 2.0; margin-top: 3%;}
.index_product p{ font-size: 15px; color: #999;}

/*新品*/
.index_pro{ padding-bottom: 0px;}

.index_pro li{ float: left; width: 33%; margin-right: 0.3%; margin-bottom: 4%; background:#edebeb;}
.index_pro li:nth-child(3n+3){ margin-right: 0;}
.index_pro a{ display:block;}
.index_pro img{ width: 100%;}
.index_pro h4{ display: block; font-size: 20px; color: #e8821f; font-weight: normal; line-height: 2.0; margin-top: 3%; padding-left:3%;}
.index_pro p{ font-size: 15px; color: #fdaf63;padding-left:3%; padding-bottom:3%;}

@media (max-width: 992px){
	.index_title{ padding: 40px 0;}
	.index_title h2{ font-size: 22px;}
	.index_title p{ font-size: 14px; }
	.index_product a{ display:block;}
	.index_product h4{ font-size: 16px; }
	.index_product p{ font-size: 13px;}
	
	.index_pro a{ display:block;}
	.index_pro h4{ font-size: 16px; }
	.index_pro p{ font-size: 13px;}
}

@media (max-width:768px){
	.index_title h2{ font-size: 18px;}
	.index_product li{ width: 49%; margin-right: 0;}
	.index_product li:nth-child(2n){ float: right;}
	
	.index_pro li{ width: 49%; margin-right: 0;}
	.index_pro li:nth-child(2n){ float: right;}
}
@media (max-width:768px){
  .index_product li{ width: 100%;}
  .index_pro li{ width: 100%;}
}

/*新闻中心*/
.index_news{background: #f5f5f5; overflow: hidden;}
.index_news .container > ul{ padding: 50px 0; display: -webkkit-flex; display: flex; flex-direction: row; align-items: flex-start; flex-wrap: wrap;}
.index_news .video{ width: 46%; position: relative;}
.index_news .video a{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 70px; height: 70px; background-image: url(../png/video_play.png); background-size: 100% 100%; z-index: 2;}
.index_news .video img{ width: 100%;}
.index_news .video i{ position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,1.0); opacity: 0; transition: all 0.8s; z-index: 1;}
.index_news .video:hover i{ opacity: 0.6;}
.index_news .news{ padding-left: 15px; width: 54%; box-sizing: border-box;}

.new_tab{ padding-left: 20px;}
.new_tab em{ float: left; font-size: 20px; color: #898989; line-height: 40px; font-style: normal; margin: 0 10px; cursor: pointer;}
.new_tab i{ float: left; border-right: 2px #ccc solid; height: 18px; margin: 11px 10px;}
.new_tab em.on{ color:#333;}
.new_tab a{ float: right; font-size: 15px; color: #898989; line-height: 40px;}
.new_tab a:hover{ color: #F08519;}
.news_reviews li{ margin-top: 15px; box-sizing: border-box;}
.news_reviews li:hover { -moz-box-shadow:2px 2px 15px rgba(0,0,0,.1); -webkit-box-shadow:2px 2px 15px rgba(0,0,0,.1); box-shadow:2px 2px 15px rgba(0,0,0,.1);}
.news_reviews .time{ float: left; width: 120px; padding-right: 20px; text-align: right; font-size: 12px; color: #b5b5b6;}
.news_reviews .time b{ display: block; font-size: 25px; font-weight: normal;}
.news_reviews .con{ overflow: hidden; padding-right: 7%;}
.news_reviews h4{ display: block; font-size: 20px; color: #333; font-weight: normal; line-height: 33px; height: 33px; overflow: hidden;}
.news_reviews h4 a{ color: #333;}
.news_reviews h4 a:hover{ color: #F08519;}
.news_reviews p{ font-size: 15px; color: #898989; line-height: 22px; height: 44px; overflow: hidden;}
.news_reviews p a{ color:#898989;}

@media (max-width: 1200px){
	.index_news .container > ul{ padding: 40px 0;}
	.news_reviews .time{ width: 110px; font-size: 12px;}
  .news_reviews .time b{ font-size: 22px; }
	.news_reviews h4{ font-size: 18px; line-height: 30px; height: 30px;}
  .news_reviews p{ font-size: 13px; line-height: 20px; height: 40px; }
	
}

@media (max-width: 992px){
	.new_tab em{  font-size: 16px; line-height: 35px; margin: 0;}
	.new_tab i{  border-right: 1px #ccc solid; height: 15px; margin: 10px 10px;}
	.new_tab a{ font-size: 13px; line-height: 35px;}
	.news_reviews h4{ font-size: 16px; line-height: 28px; height: 28px;}
	.news_reviews li{ margin-top: 5px;}
}

@media (max-width: 992px){
	.index_news .video,.index_news .news{ padding-left: 0; width: 100%;}
	.new_tab{ margin-top: 30px; padding-left: 0;}
	.news_reviews li{ marin-top: 15px;}
}


/*关于我们*/
.about{ padding-top: 50px; padding-bottom: 50px;background: #f5f5f5; }
.about li{ width: 47%;}
.about img{ width: 100%;}
.about h2{ display: block; font-size: 28px; font-weight: normal; color: #333; line-height: 40px; padding-top: 20px;}
.about span{ display: block; font-size: 15px; color: #333; line-height: 40px;}
.about p{ font-size: 14px; line-height: 22px; color: #333; margin-top: 40px; max-width: 500px;}
.about a{ display: block; width: 140px; line-height: 35px; border: 1px #F08519 solid; font-style: normal; color: #F08519; font-size: 15px; margin-top: 60px; text-align: center;}
.about a:hover{ color:#fff; background:#F08519}

.scnl{ margin: 15px 0 5px;  background:url("../png/product_list01_bg.png") center top no-repeat; color:#fff; padding-bottom:30px;}
.scnl img{ width: 100%;}
.scnl .right{ width: 25%;}
.scnl .right a{ margin:80% 3% 5% 3%; display: block; width: 140px; line-height: 35px; border: 1px #ccc solid; background:#fff;font-style: normal; color: #000; font-size: 15px; text-align: center;}
.scnl .right a:hover{margin:80% 3% 5% 3%;  color:#fff; background:#F08519;border: 1px #F08519 solid;}
.scnl .left{ width: 75%; box-sizing: border-box; padding: 3% 4% 0 3%;}
.scnl h2{ display: block; font-size: 28px; font-weight: normal; color: #fff; line-height: 40px; padding-top: 20px;}
.about .scnl p{ margin-top: 30px;color:#fff; line-height:30px;}


.honor img{ display: block; width: 100%;}
.honor h4{ display: block; text-align: center; font-size: 16px; line-height: 50px; color: #333; font-weight: normal; background: #efefef;}

@media (max-width: 1200px){
	.about{ padding-top: 40px; padding-bottom: 40px;}
	.about h2{ font-size: 22px; line-height: 35px; padding-top: 15px;}
	.about span{ font-size: 13px; line-height: 35px;}
	.about p{ font-size: 13px; margin-top: 20px;}
	.about a{ width: 130px; font-size: 14px; margin-top: 30px;}
	
	.scnl{ margin: 10px 0; background:url("../png/product_list01_bg.png") center top no-repeat; color:#fff}
 .scnl h2{ display: block; font-size: 22px; font-weight: normal; color: #fff; line-height: 40px; padding-top: 20px;}
 .scnl .right a{ margin:80% 3% 5% 3%; display: block; width: 140px; line-height: 35px; border: 1px #ccc solid; background:#fff;font-style: normal; color: #000; font-size: 15px; text-align: center;}
.scnl .right a:hover{margin:80% 3% 5% 3%;  color:#fff; background:#F08519;border: 1px #F08519 solid;}
	.about .scnl p{ margin-top: 20px;color:#fff;}
	
	.honor h4{ font-size: 15px; line-height: 45px;}
	
}

@media (max-width: 992px){
	.about h2,.scnl h2{ font-size: 18px; line-height: 30px; padding-top: 0;}
	.about span{ font-size: 13px; line-height: 30px;}
	.about p{ font-size: 13px; margin-top: 10px;}
	.about a{ width: 120px; margin-top: 15px;}
	
	.scnl{ margin: 10px 0;}
	.scnl .right a{ margin:80% 3% 5% 3%; display: block; width: 140px; line-height: 35px; border: 1px #ccc solid; background:#fff;font-style: normal; color: #000; font-size: 15px; text-align: center;}
.scnl .right a:hover{margin:80% 3% 5% 3%;  color:#fff; background:#F08519;border: 1px #F08519 solid;}
	.about .scnl p{ margin-top: 15px}
	
	.honor h4{ font-size: 15px; line-height: 45px;}
	
}

@media (max-width:768px){
	.about li{ width: 100%;}
	.about h2{ margin-top: 20px;}
	.about p{ max-width: 100%;}
	
	.scnl{ margin: 25px 0;background:url("../png/product_list01_bg_sp.png"); background-size:cover}
	.scnl .left,.scnl .right{ width: 100%;}
	.scnl .right{ margin-top: 30px;}
	.scnl .right a{ margin:0 3% 5% 3%; display: block; width: 140px; line-height: 35px; border: 1px #ccc solid; background:#fff;font-style: normal; color: #000; font-size: 15px; text-align: center;}
.scnl .right a:hover{margin:0 3% 5% 3%;  color:#fff; background:#F08519;border: 1px #F08519 solid;}
}

/*产品中心*/
.z_tit_1{ width:100%; text-align:center; padding: 60px 0 30px; overflow: hidden;}
.z_tit_1 span{ display:inline-block; position:relative; font-size:20px; color:#323232; line-height:35px;}
.z_tit_1 span:before{ width:380px; height:9px; background:url(../png/z_bian_1.png) no-repeat center; content:''; position:absolute; left:-390px; top:14px;}
.z_tit_1 span:after{ width:380px; height:9px; background:url(../png/z_bian_2.png) no-repeat center; content:''; position:absolute; right:-390px; top:14px;}
.z_1200_2{ width:100%; float:left;}
.z_1200_2 .title{ width:100%; float:left; text-align:center; margin-top:40px;}
.z_1200_2 .z_main{ width:100%; float:left; margin-top:36px; padding-bottom:51px;}
.z_1200_2 .z_main .z_670{ width:57%; float:left; font-size:14px; color:#4c4c4c; line-height:26px;}
.z_1200_2 .z_main .z_img_1{ width:43%; float:left; text-align:center; padding:0 35px;}
.z_1200_2 .z_main .z_670_1{ padding-top:62px;}
.z_1200_2 p{line-height:26px}
@media  screen and (max-width: 767px){
  .z_tit_1 span{ font-size:16px;}
	.z_tit_1{ padding: 40px 0 10px;}
	.z_1200_2 .z_main .z_670{ width:100%;}
.z_1200_2 .z_main .z_img_1{ width:100%;}
.z_1200_2 .z_main .z_670_1{ padding-top:32px;}
}
.z_ul_4{ width:100%;  display:flex; flex-wrap: wrap; align-items: flex-start;}
.z_ul_4 > li{ padding:0 15px; float:left; margin-top:30px;}
.z_ul_4 > li .z_box_2{ border:solid 1px #e6e6e6; padding:10px; -webkit-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -o-transition: all 0.2s ease-out 0s;  transition: all 0.2s ease-out 0s; height:220px;}
.z_ul_4 > li:hover .z_box_2{ box-shadow:0 2px 8px rgba(0,0,0,0.12); -webkit-box-shadow:0 2px 8px rgba(0,0,0,0.12); -moz-box-shadow:0 2px 8px rgba(0,0,0,0.12);}
.z_ul_4 > li .z_img_9{ width:100%; position:relative; padding-bottom:11px; border-bottom:solid 1px #e6e6e6;}
.z_ul_4 > li .z_img_9 .z_img_9_img{ width:100%; position:relative; padding-bottom:59%; overflow:hidden; }
.z_ul_4 > li .z_img_9 .z_img_9_img ul{position:absolute; left:0; top:0; width:100%; height:100%;}
.z_ul_4 > li .z_img_9 .outhd1{ width:100%; position:absolute; left:0; bottom:10px;  text-align:center;}
.z_ul_4 > li .z_img_9 .outhd1 dl{ display:inline-block; height:17px;}
.z_ul_4 > li .z_img_9 .outhd1 dl dd{ width:17px; height:17px; margin:0 5px; float:left; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; overflow:hidden; cursor:pointer;}
.z_ul_4 > li .z_img_9 .outhd1 dl dd.d1{ background:#e5d1b6;}
.z_ul_4 > li .z_img_9 .outhd1 dl dd.d2{ background:#be9080;}
.z_ul_4 > li .z_img_9 .outhd1 dl dd.d3{ background:#fff; border:solid 1px #ccc;}
.z_ul_4 > li .z_img_9 .outhd1 dl dd.d4{ background:#666;}
.z_ul_4 > li .z_img_9 .outhd1 dl dd.d5{ background:#ccc;}
.z_ul_4 > li .z_img_9 .outhd1 dl dd.d6{ background:#000;}
.z_ul_4 > li .z_text_4{ width:100%; margin-top:16px;}
.z_ul_4 > li .z_text_4 h4{ width:100%; font-size:14px; color:#4c4c4c; line-height:24px;}
.z_ul_4 > li .z_text_4 h4 a{ display:inline-block; width:100%; color:#4c4c4c;}
.z_ul_4 > li .z_text_4 h4 a:hover{ display:inline-block; width:100%; color:#F08519;}
.z_ul_4 > li .z_text_4 h5{ width:100%; font-size:12px; color:#4c4c4c; line-height:22px;}
.z_ul_4 > li .z_text_4 h5 a{ display:inline-block; width:100%; color:#4c4c4c;}
.z_ul_4 > li .z_text_4 .z_moy{ width:100%; font-size:16px; color:#808080; line-height:36px;}
.z_ul_4 > li .z_text_4 .z_moy span{ font-size:18px; color:#F08519;}

.z_fy_2{ width:100%; padding:30px 0 50px;}
.z_fy_1{ width:100%; padding:50px 0;}
.pz_fy{width:100%;  text-align:center;}
.pz_fy a { display:inline-block; width:30px; height:30px; line-height:30px; COLOR: #999; font-size:14px; text-decoration:none; margin:0 1px; background:#f5f5f5;}
.pz_fy a:hover,.pz_fy a.on{color: #fff; text-decoration:none; background:#F08519;}
.fy_phone{ display:none;}
@media  screen and (max-width:992px){
	.z_fy_1{ padding:25px 0;}
	.pz_fy{ display:none; }	
	.fy_phone{ display:block; font-family:'Arial';}
	.fy_phone{ width:100%; float:left; padding:20px 0; text-align:center; font-size:14px; color:#333;}
	.fy_phone a{ display:inline-block; width:100px; height:30px; line-height:29px; border:solid 1px #F08519; color:#333; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; }
	.fy_phone span{ display:inline-block; padding:0 10%; height:30px; line-height:30px; color:#333;}
}	


/*9产品详情*/
.z_main_7{ width:100%; float:left;}
.z_main_7 .z_img_10{ width:570px; margin-top:34px; float:left;}
.z_main_7 .z_img_10 .hometop{ width:100%; float:left;border: solid 1px #e6e6e6; overflow:hidden;}
.z_main_7 .z_img_10 .hometop .slick-slide{ position:relative; height:448px;}

.z_main_7 .z_img_10 .hometop .slick-slide .video_box,
.z_main_7 .z_img_10 .hometop .slick-slide .video_box p,
.z_main_7 .z_img_10 .hometop .slick-slide .video_box p iframe{width:100%; height:100%; border:none;}

.z_main_7 .z_img_10 .hometop img{ width:570px; height:448px; position:absolute; left:50%; top:50%; margin:-224px 0 0 -285px; max-width:none;}
.z_main_7 .z_img_10 .hometop .video-js{ width:100%; height:448px;}
.z_main_7 .z_img_10 .hometop .video-js .vjs-poster{ background-size:cover;}
.row_1{ margin:0 -6px;}
.z_main_7 .z_img_10 .hometop .video-js video{ object-fit: cover;}
.z_main_7 .z_img_10 .hometop .video-js .vjs-big-play-button { height: 58px; width: 58px; top:50%; left:50%; margin:-29px 0 0 -29px; background:url(../z_btn_4.html) no-repeat center center; border: 0;          	
	-webkit-border-radius: 0em;
    -moz-border-radius: 0em;
    border-radius: 0em;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}
.z_main_7 .z_img_10 .hometop .video-js .vjs-big-play-button span{ display:none;}

.z_main_7 .z_img_10 .homedown{ width:100%; float:left; margin-top:12px;}
.z_main_7 .z_img_10 .homedown .img{ width:100%; float:left; padding:0 6px;}
.z_main_7 .z_img_10 .homedown .img .imgk{ width:100%; float:left; position:relative;}
.z_main_7 .z_img_10 .homedown .img .imgk .span{ position:absolute; width:22px; height:22px; left:50%; top:50%; margin:-11px 0 0 -11px;}
.z_main_7 .z_img_10 .homedown .img .imgk > img{ width:100%; float:left; border:solid 1px #ccc;}
.z_main_7 .z_img_10 .homedown .img .imgk .imgk_b{ width:100%; height:100%; position:absolute; left:0; top:0; border:solid 2px #0171bb; opacity:0;}
.z_main_7 .z_img_10 .homedown .slick-current .img .imgk .imgk_b{ opacity:1;}
.z_main_7 .z_text_5{ margin-left:600px; margin-top:34px;}
.z_main_7 .z_text_5 h4{ width:100%; float:left; margin-top:11px; line-height:44px; font-size:26px; color:#333;}
.z_main_7 .z_text_5 .p{ width:100%; float:left; margin-top:12px; line-height:28px; font-size:14px; color:#666;}
.z_main_7 .z_text_5 h5{ width:100%; float:left; margin-top:21px; line-height:44px; font-size:18px; color:#333;}
.z_main_7 .z_text_5 h5 span{ color:#F08519; font-size:26px;}
.z_main_7 .z_text_5 .z_btn_6{ width:100%; float:left; margin-top:45px;}
.z_main_7 .z_text_5 .z_btn_6 a{ display:inline-block; width:30%; float:left; margin-right:3.333%; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; overflow:hidden; text-align:center; line-height:42px; height:42px; font-size:18px; color:white; background:#F08519;}
.z_main_7 .z_text_5 .z_btn_6 a.z_a4{ margin-right:0; background:#2e2d2d;}
.z_main_7 .z_text_5 .z_fx_1{ width:100%; float:left; margin-top:14px;}

.z_text_6{ width:100%; float:left; margin-top:30px; padding-bottom:30px;}
.z_text_6 .title{ width:100%; float:left; height:46px; background:#f0f0f0; line-height:46px;}
.z_text_6 .title span{ display:inline-block; float:left; text-align:center; padding:0 30px; font-size:16px; color:white; background:#F08519;}
.z_text_6 .p{ width:100%; float:left; font-size:14px; color:#444; line-height:28px; margin-top:22px;}
.z_text_6 .p h5{ font-size:16px; color:#F08519;}
.zmb{ width:100%; height:100%; position:fixed; left:0; top:0; background:black; background:rgba(0,0,0,0.8); display:none; z-index:99999;}
.tc_video{ width:1170px; height:600px; position:fixed; left:50%; top:50%; margin:-300px 0 0 -585px; background:white; display:none; z-index:100000;}
.tc_video video{ width:100%; height:100%; position:absolute; left:0; top:0;}
.tc_video p,.tc_video p iframe{ width:100%; height:100%; border:none;}
.pz_fy_1{ width:100%; float:left; padding:18px 0 44px 0; font-size:14px; color:#333; line-height:24px; border-top:solid 1px #dbdbdb;}
.pz_fy_1 a{ color:#333;}
.pz_fy_1 .pz_fy_1_left{ float:left;}
.pz_fy_1 .pz_fy_1_right{ float:right;}
.pz_fy_1 a:hover{ color:#F08519;}


@media  screen and (max-width:1199px){
.z_main_7 .z_img_10{ width:500px; height:auto;}
.z_main_7 .z_text_5{ margin-left:530px;}
}
@media  screen and (max-width:992px){
.z_main_7 .z_img_10{ width:100%;}
.z_main_7 .z_text_5{ margin-left:0; float:left;}
.z_main_7 .z_img_10 .hometop .slick-slide{ height:auto;}
.z_main_7 .z_img_10 .hometop img{ width:100%; height:auto; position:relative; left:auto; top:auto; margin:0; float:left;}
.z_main_7 .z_img_10 .hometop .slick-slide .btn{ background:url(../z_btn_4.html) no-repeat center center; background-size:contain; width:58px; height:58px; position:absolute; left:50%; top:50%; margin:-29px 0 0 -29px;}
.tc_video{ width:760px; height:300px; margin:-150px 0 0 -380px;}
}
@media  screen and (max-width:767px){
.z_main_7 .z_text_5{ margin-top:17px;}
.z_main_7 .z_text_5 h4{ font-size:22px; line-height:34px;}
.z_main_7 .z_text_5 .p{ font-size:12px; line-height:22px; margin-top:6px;}
.z_main_7 .z_text_5 h5{ font-size:14px; line-height:34px;}
.z_main_7 .z_text_5 h5 span{ font-size:18px;}
.z_main_7 .z_text_5 .z_btn_6{ margin-top:25px;}
.z_main_7 .z_text_5 .z_btn_6 a{ font-size:12px;}
.z_main_7 .z_text_5 .z_btn_6 a img{ width:28px;}
.z_main_7 .z_text_5 .z_btn_6 a.z_a4{ width:33%}
.z_text_6{ margin-top:15px; padding-bottom:15px;}
.z_text_6 .title{ height:36px; line-height:36px;}
.z_text_6 .title span{ font-size:14px;}
.z_text_6 .p{ font-size:12px; line-height:22px;}
.z_text_6 .p h5{ font-size:14px;}
.tc_video{ width:90%; height:250px; margin:-125px 0 0 0; left:5%;}
.row_1{ margin:0 -1px;}
.z_main_7 .z_img_10 .homedown .img{ padding:0 1px;}
.z_main_7 .z_img_10 .homedown{ margin-top:6px; display:none !important;}
.z_main_7 .z_img_10 .hometop .slick-dots {
	position: absolute;
	bottom:15px;
	display: block;
	width: 100%;
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: center;
	overflow:hidden;
}
.z_main_7 .z_img_10 .hometop .slick-dots li {
	position: relative;
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 0 3px;
	padding: 0;
	cursor: pointer;
	overflow:hidden;
	-moz-border-radius:50%; 
-webkit-border-radius:50%; 
-khtml-border-radius:50%;
border-radius:50%; background:#ccc;
}
.z_main_7 .z_img_10 .hometop .slick-dots li button {
	display:none;
}
.z_main_7 .z_img_10 .hometop .slick-dots li.slick-active{
	background:#F08519;
}

@media  screen and (max-width:767px){
.pz_fy_1{ font-size:12px; line-height:20px;}
.pz_fy_1 .pz_fy_1_left,
.pz_fy_1 .pz_fy_1_right{ width:100%;}
}


.ry{ text-align: center; padding: 20px 0;}
.ry h2{ display: block; font-size: 28px; color: #1e1c1c; font-weight: normal; line-height: 2;}
.ry .x{width:60px; height:5px; background:#000; margin:auto;}
.ry .xx{width:100%; height:1px; background:#ccc; margin:auto;}
.ry p{ font-size: 16px; color: #777; line-height: 2.5;}

@media (max-width: 992px){
	.ry{ padding: 40px 0;}
	.ry h2{ font-size: 22px;}
	.ry p{ font-size: 14px; }
}

@media (max-width:768px){
	.ry h2{ font-size: 18px;}
}


