﻿/*通用样式*/
body{
margin: 0 !important;
}
input,button,select,textarea{outline:none;}
div,p,ul,li{ margin:0; padding:0;}
ul,li{ list-style:none;}
a{ text-decoration:none;font-family:"Microsoft YaHei"; color:#515151;}
a:hover{text-decoration: none;}
.qc{clear:both; height:0px;}
img{ border:0px;outline-width:0px;vertical-align:top; }
b{
	font-weight:normal;}
h1,h2,h3,h4,h5,h6{
	font-weight:normal;
	padding:0px;
	margin:0;
	font-weight:normal;}
.bk{
	border:1px solid #e4e4e4;
	}
	.qc{clear: both;}
i{
	font-style:normal;}
input{font-family:"Microsoft YaHei";}
textarea{font-family:"Microsoft YaHei"; padding:0; margin:0;}
.new_wei_nr_bt,.new_wei_tp img,.new_wei_nr_more,.zy_cf li:hover p,.zy_cf li:hover img,.zy_cf li  .zy_cf_fdj,.zy_fw_more{-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s}


/*----banner-----*/
.top_banner{text-align:center;}
.top_banner img{width:100%;}
.s_hy{ height: 90px;}
.s_banner{ padding: 0;}
.s_top_margin{height:90px;}
.s_top{ padding:0 8rem; background: #FFF; height: 90px; box-shadow: 2px 0px 10px rgba(0, 0, 0, 0.2); position: fixed; top: 0; left: 0;width: 100%; z-index: 999;} 
.s_top_1{ float: left;padding: 20px 0;}
.s_top_2{ float: left; margin-left:15.3rem;}
.s_top_2 li{ float: left; margin: 0 10px; position: relative;z-index: 9999;}
.s_top_2 li a.s_top_x{  color: #333; padding: 32px 25px; font-size: 18px; display: block;}
.s_top_3{ float: right; padding: 30px 0;}
.s_top_3 li{ float: left; margin: 14px 10px 0; position: relative;}
/*.s_top_3 li span{ padding-left: 10px; display: block; position: absolute; top: 0; left: 24px;}*/
.s_top_3 li .wei_ewm_hover{width: 19px; height: 21px; overflow: hidden !important; float: right;
	-webkit-transition:all .5s;
	-moz-transition:all .5s;
	-ms-transition:all .5s;
	-o-transition:all .5s;
	transition:all .5s}
.wei_ewm_hover_kd{ width: 140px;color: #333; }
.wei_ewm_hover_kd span{ padding-left: 10px; font-size: 14px; color: #333;}
.s_top_3 li a:hover .wei_ewm_hover{width: 140px;}
.s_top_2 li .s_top_4{ position: absolute;opacity:0; visibility:hidden; top:87px; left: -47px; padding: 10px 0; background:#fff;width: 225px;    
    -webkit-transform: translate(0, 20px);
    -moz-transform: translate(0, 20px);
    -ms-transform: translate(0, 20px);
    -o-transform: translate(0, 20px);
    -webkit-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
    -moz-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1)} 
.s_top_2 li:hover .s_top_4{
opacity:1; visibility:visible;
	-webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  background-color:rgb(221, 26, 32);
  }
.s_top_2 li:hover .s_top_4 .s_top_x{display: block;/*-webkit-transition:all .8s;-moz-transition:all .8s;-ms-transition:all .8s;-o-transition:all .8s;transition:all .8s*/}
.s_top_2 li:hover .s_top_4 .s_top_x:hover{color: rgb(221, 26, 32);}
.s_top_4 li{float:none;margin:0px; padding:0px;}
.s_top_4 a.s_top_x{text-align: center; color:#FFF; display: block; line-height: 24px; padding: 8px 0; font-size: 13px; position: relative;z-index: 5;}
.s_top_4 a.s_top_x:hover{ background:#FFF;}
.s_top_4 a.s_top_x:hover i{background-position:0 0;}
.s_top_4 a.s_top_x i{background:url(../images/nav_arr.png) -10px 0 no-repeat; display: block; width: 20px; height: 5px; position: absolute; right: 10px; top: 17px;-webkit-transition:all 0.3s ease; transition:all 0.3s ease;}
@media (min-width:1450px) and (max-width: 1650px) {
   .s_top_2{ float: left; margin-left:9.3rem;}
   .s_top_2 li{ float: left; margin: 3px 10px 0;}
   .s_top_2 li a.s_top_x{  padding: 32px 15px; font-size: 18px; display: block;}
   .s_top_2 li .s_top_4{left: -57px; width: 180px;}
   .s_top_4 li{ float: none;}
   .s_top_4 li a.s_top_x{ padding: 8px 0; color:#FFF;}
}
@media (min-width:1200px) and (max-width: 1450px) {
   .s_top{ padding:0 3rem;} 
   .s_top_2{ float: left; margin-left:7.8rem;}
   .s_top_2 li{ float: left; margin: 3px 10px 0;}
   .s_top_2 li a.s_top_x{  padding: 32px 9px; font-size: 18px; display: block;}
   .s_top_2 li .s_top_4{ width: 180px; left: -57px;}
   .s_top_4 li{ float: none;}
   .s_top_4 li a.s_top_x{ padding: 8px 0; color:#FFF;}
}
@media (min-width: 992px) and (max-width: 1200px) {
	   .s_top{ padding:0 3rem;} 
	   .s_top_2{ float: left; margin-left:4.3rem;}
       .s_top_2 li{ float: left; margin: 3px 10px 0;padding: 10px;}
       .s_top_3 li{margin: 14px 0 0;}
	   .s_top_4 li{ float: none;}
}
@media (min-width:768px) and (max-width: 992px) {
	.s_hy{ height:61px;}
	.s_top{  padding: 0 1rem; height: 61px;}
	.s_top_margin{height:61px;}
	.s_top_1{ float: left;padding: 15px 0;}
.s_top_1 img{height: 30px; width:auto;}
.s_top_3{ padding: 15PX 0;}
.s_top_3 li{margin: 5px 0 0;}
}
@media (min-width:320px) and (max-width:768px) {
	.s_hy{ height:61px;}
	.s_top{  padding: 0 1rem; height: 61px;}
	.s_top_margin{height:61px;}
	.s_top_1{ float: left;padding: 15px 0;}
.s_top_1 img{height: 30px; width:auto;}
	.s_top_3 li{margin: 6px 0 0 ;}
	.s_top_3{ padding: 15PX 0;}
}
.s_ss{background: #222222; height: 165px;position:fixed; top:0; left:0;z-index: 99999; width: 100%;}
.s_ssh{padding-top: 60px;}
.s_ss_1{ float: left; width: 86%;}
.s_ss_1 input[type="text"]{ float: left; width: 72%; height: 37px; line-height: 37px; border: none; padding: 0 2%; font-size: 14px;}
.s_ss_1 input[type="button"]{float: left; margin-left: 2%;  width: 26%; height: 37px; background: #017006; color: #fff; line-height: 37px; text-align: center; border: none; font-size: 17px;}
.s_ss_2{ float: left; color: #fff; font-size: 20px; font-weight: bold; width: 35px; height: 35px; border-radius:50px; line-height:35px; text-align: center; margin-left: 5%; background: #6c6c6c;}
.s_ss_2 a{display: block; color: #fff;}
@media (min-width:768px) and (max-width: 992px) {
	.s_ssh{padding-top: 40px;}
	.s_ss{ height: 120px;}
	.s_ss_2{ margin-left: 3%;}
}
@media (min-width:320px) and (max-width:768px) {
	.s_ssh{padding-top: 15px;}
	.s_ss{ height: 70px;}
	.s_ss_2{ margin-left: 3%;}
}


.s_yw{ background: #FFF; padding: 0 8rem; margin:0 0 2.5rem; box-shadow: 1px 3px 20px #b3b3b3;}
.s_yw_1{}
.s_yw_1 li{ float: left; padding: 0; text-align:center;}
.s_yw_1 li img{width: 80px; height: 80px;     transition: .7s all;}
.s_yw_1 li h2{ font-size: 20px; font-weight: bold; color: #303030; padding: 10% 0;line-height: 30px; overflow: hidden;}
.s_yw_1 li h3{ line-height: 26px; font-size: 14px; color: #969696; height: 26px; overflow: hidden;}
.s_yw_1 li a{display: block; padding:20% 10% 20%;}
.s_yw_1 li a:hover{ background: #f1f1f1;}
.s_yw_1 li a:hover .pic{
    transform:rotate(360deg);
    -webkit-transform:rotate(360deg); /* Safari 和 Chrome */

}

@media (min-width:1200px) and (max-width: 1450px) {
.s_yw{ padding: 0 3rem; background: url(../images/x_3_2.jpg) no-repeat;}
}
@media (min-width:992px) and (max-width: 1200px) {
.s_yw{ padding: 0 3rem;}
.s_yw_1 li a{display: block; padding:20% 11% 20%;}
}
@media (min-width:768px) and (max-width: 992px) {
	.s_yw{  padding: 0 1rem;}
}
@media (min-width:320px) and (max-width:768px) {
	.s_yw{ padding: 0 1%;}
	.s_yw_1{ padding: 3% 0;}
	.s_yw_1 li{ background: #fff;width: 46%;margin: 2% 2%; box-shadow: 0px 2px 22px 3px #cecccc;}
	.s_yw_1 li a{display: block; padding:10%;}
	.s_yw_1 li h2{ font-size: 17px; font-weight: bold; color: #303030; padding: 10% 0; }
	.s_yw_1 li img{width: 50px; height: 50px;     transition: .7s all;}
}


.s_gywm{margin:0 8rem; background: #fff;}
.s_gywm_1{ padding-left: 0 !important;padding-right: 0 !important; overflow: hidden; position: relative;}
.s_gywm_1 img{ width: 100%; height: auto;-webkit-transition: all .7s ease-out;
    -moz-transition: all .7s ease-out;
    -ms-transition: all .7s ease-out;
    -o-transition: all .7s ease-out;
    transition: all .7s ease-out;}

.s_gywm_1 a:hover img{width: 100%; 
 	webkit-transform: scale3d(1.1,1.1,1);
    -ms-transform: scale3d(1.1,1.1,1);
    -o-transform: scale3d(1.1,1.1,1);
    -moz-transform: scale3d(1.1,1.1,1);
    transform: scale3d(1.1,1.1,1);}

    .s_gywm_1 .up-graybox { display: none;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
/*opacity: 0;
  filter: alpha(opacity=0);*/
  
}
 .s_gywm_1 a:hover .up-graybox { display: block;}
.s_gywm_1 .up-graybox .bgbox {
  display: block;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0.5;
  filter: alpha(opacity=50);
  transition: all 0.4s ease 0s;
}
.s_gywm_1 .up-graybox .stit {
  font-size: 16px;
  line-height: 30px;
  width: 100%;
  text-align: center;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -15px;
  color: #fff;
}
.s_gywm_1 .up-graybox .line {
  display: inline-block;
  width: 100px;
  height: 1px;
  background-color: #FFF;
  position: absolute;
  left: 50%;
  margin-left: -50px;
  transition: all 0.6s ease 0s;
}
.s_gywm_1 .up-graybox .linet {
  top: 0;
}
.s_gywm_1 .up-graybox .lineb {
  bottom: 0;
}
.s_gywm_1 .up-graybox:hover .line {
  width: 6px;
  margin-left: -3px;
  opacity: 0.6;
  filter: alpha(opacity=60);
}


.s_gywm_2{ padding: 0 4%;}
.s_gywm_2 h1{ text-align: center; padding-top: 2%; padding-bottom: 2%;}
.s_gywm_2 h2{ font-family: "微软雅黑"; font-size: 14px; line-height: 35px; height: auto; padding-bottom:2rem;}
.s_gywm_2 .s_gywm_more{ text-align: center; height:50px; display:block; margin-bottom:10px;}
.s_gywm_2 .s_gywm_more a{border-radius:8px; border:1px solid #CCC; font-size:14px; padding:12px 20px;}
.s_gywm_2 .s_gywm_more a:hover{color:#c9241e;}
.s_gywm_1 a{ display: block;}
.s_gywm_1 a:hover h1{ display: block;}
@media (min-width:1650px) and (max-width: 1800px) {
  .s_gywm_2 h1{ text-align: center;}
}
@media (min-width:1450px) and (max-width: 1650px) {
  .s_gywm_2 h1{ text-align: center;}
}

@media (min-width:1200px) and (max-width: 1450px) {
  .s_gywm{margin:0 3rem; background: #fff;}
  .s_gywm_2 h1{ text-align: center;}
  .s_gywm_2 h1 img{ width: 36%; height: auto;}
  .s_gywm_2 h2{ font-family: "微软雅黑"; font-size: 14px; line-height:30px;}
}
@media (min-width:992px) and (max-width: 1200px) {
	.s_gywm{margin:0 3rem; background: #fff;}
	.s_gywm_2 h1{ text-align: center;}
    .s_gywm_2 h1 img{ width: 36%; height: auto;}
    .s_gywm_2 h2{ font-family: "微软雅黑"; font-size: 14px; line-height:30px;}
	.s_gywm_2 .s_gywm_more{ margin-bottom:20px;}
}

@media (min-width:768px) and (max-width: 992px) {
	.s_gywm_1{ padding: 0  0 !important;}
	.s_gywm{margin:0 1rem; background: #fff;}
	.s_gywm_2 h1{text-align: center;}
	.s_gywm_2 h1 img{ width: 36%; height: auto;}
	.s_gywm_2 h2{ font-size:15px; line-height: 30PX;}
	.s_gywm_2 .s_gywm_more{ margin-bottom:30px;}
}
@media (min-width:320px) and (max-width:768px) {
	.s_gywm{margin:0 1rem; background: #fff;} 
	.s_gywm_1{ padding: 0  0 !important;}
	.s_gywm_2 h1{ padding-top: 2%;}
	.s_gywm_2 h2{ font-size:15px; line-height: 30PX;}
	.s_gywm_2 .s_gywm_more{ margin-bottom:30px;}
}
.s_alzs{padding:2.5rem 8rem 0; margin-top:2.5rem;  background: url(../images/03.jpg) no-repeat;}
.s_alzs_1{ padding: 3rem 0 3rem 2rem;}
.s_alzs_1 ul li{line-height: 30px;  font-size: 14px; padding-right: 10px;}
.s_alzs_2{padding: 0 1rem;}
.s_alzs_3{ padding-bottom:6rem;}
.s_alzs_3 ul li{ float: left;}
.s_alzs_3 ul li .s_alzs_4 h1{overflow: hidden;}
.s_alzs_3 ul li .s_alzs_4 h1 img{width: 100%;-webkit-transition: all .7s ease-out;
    -moz-transition: all .7s ease-out;
    -ms-transition: all .7s ease-out;
    -o-transition: all .7s ease-out;
    transition: all .7s ease-out;}
 .s_alzs_3 ul li:hover img{width: 100%; 
 	webkit-transform: scale3d(1.1,1.1,1);
    -ms-transform: scale3d(1.1,1.1,1);
    -o-transform: scale3d(1.1,1.1,1);
    -moz-transform: scale3d(1.1,1.1,1);
    transform: scale3d(1.1,1.1,1);}
.s_alzs_3 ul li .s_alzs_4{ width: 100%; position: relative;}
.s_alzs_3 ul li h2{ font-size: 14px; color:#333; text-align:center; background:#FFF; font-weight: bold; padding: 2rem 0; margin-bottom:2rem; font-family:"微软雅黑" ; }
.s_alzs_3 ul li h2 span{overflow: hidden; text-overflow: ellipsis;
    white-space: nowrap;}
.hidetext{display:none;}
.showtext{display:block;}
.hidecolor{
	color: #FFF; font-weight: bold; font-size:24px; text-align:center; padding-right: 20px; font-family: "微软雅黑";}
.showcolor{
	color: #FFF;padding-right: 20px; font-size:24px; text-align:center; font-family: "微软雅黑";}

@media (min-width:1200px) and (max-width: 1450px) {
	.s_alzs{padding:2.5rem 3rem 0;}
	.s_alzs_3{ padding-bottom:6rem;}
}
@media (min-width:992px) and (max-width: 1200px) {
	.s_alzs{padding:2.5rem 3rem 0;}
	.s_alzs_3{ padding-bottom:6rem;}
}

@media (min-width:768px) and (max-width: 992px) {
	.s_alzs{padding:2.5rem 1rem 0; background: #333;}
	.s_alzs_3{ padding-bottom:4rem;}
}
@media (min-width:320px) and (max-width:768px) {
	.s_alzs_2{ padding: 0;}
	.s_alzs_1{ padding: 2rem 0 2rem 2rem;}
	.s_alzs{padding:2.5rem 1rem 0; background: #333;}
	.s_alzs_3 ul li{ margin-bottom: 0;}
	.s_alzs_3{ padding-bottom:3rem;}
}
/*------留言中心------*/
.s_lyzx{  background: url(../images/s_11.jpg) repeat; padding: 7rem 8rem; margin-top: 2.5rem;}
.s_lyzx h1{ font-size: 32px; color: #1e1d1d; font-family: "微软雅黑"; font-weight: bold;}
.s_lyzx_1{ padding-top: 57px;}
.s_lyzx_1 li{ float: left; padding-left: 0;}
.s_lyzx_1 li input[type="text"]{ width: 100%; line-height: 61px; height: 61px; padding: 0 15px; border: 1px solid #e5e5e5;}
.s_lyzx_1 li textarea{ padding: 15px; width: 100%;border: 1px solid #e5e5e5; line-height: 28px; height: 130px;}
.s_lyzx_1 .s_lyzx_2{ padding-right: 0;}
.s_lyzx_1 .s_lyzx_2 input[type="button"]{ width: 100%; text-align: center; background: #c9241e; color: #fff;height: 61px; font-size: 18px; line-height: 61px;  border: 1px solid #e5e5e5;}
.s_lyzx_1 .s_lyzx_4{display: none;}
@media (min-width:1200px) and (max-width: 1450px) {
	.s_lyzx{background: url(../images/s_11.jpg) repeat; padding: 7rem 3rem;}
	
}

@media (min-width:992px) and (max-width: 1200px) {
	.s_lyzx{background: url(../images/s_11.jpg) repeat; padding: 7rem 3rem;}

}
@media (min-width:768px) and (max-width:992px) {
	.s_lyzx{background: url(../images/s_11.jpg) repeat; padding: 5rem 1rem;}

}
@media (min-width:320px) and (max-width:768px) {
	.s_lyzx h1{font-size: 27px;}
	.s_lyzx{background: url(../images/s_11.jpg) repeat; padding: 3rem 1rem;}
	.s_lyzx_1{ padding-top: 20px;}
	.s_lyzx_1 li{ margin-bottom: 4%; padding-right: 0;}
	.s_lyzx_1 li input[type="text"]{ width: 100%; line-height: 35px; height: 35px; padding: 0 15px; border: 1px solid #e5e5e5;}
	.s_lyzx_1 .s_lyzx_2 input[type="button"]{ width: 100%; text-align: center; background: #c9241e; color: #fff;height: 37px; font-size: 18px; line-height: 35px;  border: 1px solid #e5e5e5;}
	.s_lyzx_1 .s_lyzx_3{display: none;}
	.s_lyzx_1 .s_lyzx_4{display: block;}
}
/*--新闻中心---*/
.s_xwzx{  margin: 2.5rem 8rem 0; background: #fff; padding-bottom:1%;}
.s_xwzx_1{ padding: 3rem 2rem 2rem; }
.s_xwzx_1 i{float: right; padding-top: 59px; color: #666666; font-size: 12px; padding-left: 20px;}
.s_xwzx_1 h1{ font-size: 24px; color: #000000; font-family: "微软雅黑";}
.s_xwzx_1 h2{ width: 15px; height: 2px; background: #c9241e; margin: 20px 0 10px;}
.s_xwzx_1 h3{ font-size:16px; color: #666666;font-family: "微软雅黑"; line-height:30px;}
.s_xwzx_2{margin: 0 1rem;}
.s_xwzx_2 li{ float: left; text-align: center; margin-bottom: 1%;}
.s_xwzx_2 li img{ width: 100%; }
.s_xwzx_2 li .s_xwzx_3{ border-bottom: 1px solid #e5e5e5; padding: 10px 20px 15px;}
.s_xwzx_2 li .s_xwzx_3 h4{ text-align: left; font-family: "微软雅黑"; font-weight: bold; font-size: 16px; line-height: 30px; height: 30px; overflow: hidden;}
.s_xwzx_2 li .s_xwzx_3 h5{ text-align: left; color: #666666; font-size: 13px; line-height:24px; height: 48px; overflow: hidden; font-family:"微软雅黑" ;}
.s_xwzx_2 li h6{ padding: 0 20px; font-size: 13px; color: #666666; font-family: "微软雅黑"; text-align: left; font-weight: bold; line-height: 50px;}
.s_xwzx_2 li h6 i{  background:url(../images/s_13.jpg) no-repeat; display: block; width: 24px; height: 8px; float: right; margin-top: 22px;}
.s_xwzx_2 li a{display: block;}
.s_xwzx_2 li a:hover h6{ color:#c9241e;}
.s_xwzx_2 li a:hover .s_xwzx_3 h4{color:#c9241e;}
.s_xwzx_2 li a:hover .s_xwzx_4{ box-shadow: 0px 2px 22px 3px #cecccc; margin-top: -6px; margin-bottom: 6px;}
.s_xwzx_2 li .s_xwzx_4{
	   transition: All 0.4s ease-in-out;
    -webkit-transition: All 0.4s ease-in-out;
    -moz-transition: All 0.4s ease-in-out;
    -o-transition: All 0.4s ease-in-out; overflow: hidden;
}
.s_xwzx_2 li .s_xwzx_img{
	max-height:200px;
	overflow:hidden;
}
@media (min-width:1200px) and (max-width: 1450px) {
	.s_xwzx{margin: 2.5rem 3rem 0;}
	
}
@media (min-width:992px) and (max-width: 1200px) {
	.s_xwzx{margin: 2.5rem 3rem 0;}

}
@media (min-width:768px) and (max-width:992px) {
	.s_xwzx{margin: 2.5rem 1rem 0;}

}

@media (min-width:320px) and (max-width:768px) {
	.s_xwzx{margin: 2.5rem 1rem 0;}

	
}

.s_hzhb{background: #fff; padding: 3% 8rem; margin-top: 2.5rem;}
.s_hzhb h1{ text-align: center;font-size: 32px; font-weight: bold; color: #000000; font-family: "微软雅黑";}
.s_hzhb h2{ font-size: 16px; color:#999; text-align: center; line-height: 45px;}
.s_hzhb h3{ margin: 0 auto; width: 64px; height: 4px; background: #c9241e; margin-top: 5px;}
.s_hzhb_1 li h4{ text-align: center; line-height: 24px; color: #666666; font-size: 16px; height: 24px; overflow: hidden;font-family: "微软雅黑";}
.s_hzhb_1 li:hover h4{ color: #c9241e;}
.s_hzhb_1{ margin-top: 3%;}
.s_hzhb_1 li{float: left; width: 20%; position: relative;}
.s_hzhb_1 li .s_hzhb_3{ position: absolute; top: 0; left:0; width: 100%; text-align: center;
    z-index:-1;}
    .s_hzhb_1 li .s_hzhb_2 img, .s_hzhb_1 li .s_hzhb_3 img{width: 100%; height:auto;}
.s_hzhb_1 li .s_hzhb_2{ margin:0 5px;
text-align: center;
	-webkit-transform: rotateX(0deg) rotateY(0deg);
    -webkit-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    -moz-transform: rotateX(0deg) rotateY(0deg);
    -moz-transform-style: preserve-3d;
    -moz-backface-visibility: hidden;
    -o-transition: all .6s ease-in-out;
    -ms-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -webkit-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;
     -webkit-filter: grayscale(1);

   }
.s_hzhb_1 li .s_hzhb_3{	
    text-align: center; 
   -webkit-transform: rotateY(-180deg);
    -webkit-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    -moz-transform: rotateY(-180deg);
    -moz-transform-style: preserve-3d;
    -moz-backface-visibility: hidden;
    -o-transition: all .6s ease-in-out;
    -ms-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -webkit-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;
	
}
.s_hzhb_1 li a{display: block;}
.s_hzhb_1 li:hover .s_hzhb_2{ 

    	-webkit-transform:rotateY(180deg);
    -moz-transform:rotateY(180deg);
    
}
.s_hzhb_1 li:hover .s_hzhb_3{
	 -webkit-transform:rotateX(0deg) rotateY(0deg);
    -moz-transform:rotateX(0deg) rotate(0deg);
     z-index: 10;
    position: absolute;

}
@media (min-width:1200px) and (max-width: 1450px) {
	.s_hzhb{padding: 3% 3rem;}
	
}
@media (min-width:992px) and (max-width: 1200px) {
	.s_hzhb{padding: 3% 3rem;}

}

@media (min-width:768px) and (max-width:992px) {
	.s_hzhb{padding: 3% 1rem;}

}
@media (min-width:320px) and (max-width:768px) {
	.s_hzhb h1{ text-align: center;font-size: 22px; font-weight: bold; color: #000000; font-family: "微软雅黑"; padding-top: 4%;}
	.s_hzhb h2{ text-transform: uppercase; font-family: arial; font-size: 9px; text-align: center; line-height: 28px;}
	.s_hzhb h3{margin-top: 0;}
	.s_hzhb{padding: 3% 1rem;}
    .s_hzhb_1 li{ width: 49%; position: relative; margin-right: 1%; margin-bottom: 2%;}
    .s_hzhb_1 .s_hzhb_4{ margin-right: 0;}
    .s_hzhb_1 li a .s_hzhb_2{-webkit-filter: grayscale(0);}
}

.footer{  background: #262626; padding: 2% 8rem;}
.footer_1{ float: left;}
.footer_3{}
.footer_3 li{ float: left; width:30%;}
.footer_3 li a{display: block; line-height: 30px; font-size: 14px; color: #b6b2b2;}
.footer_3 li h1{ font-size: 20px; color: #b6b2b2; font-family: "宋体";}
.footer_3 li h2{ width: 37px; height: 1px;  background: #999999; margin: 19px 0;}
.footer_3 li h3{ font-size: 14px; line-height: 30px; font-size: 14px;  color: #b6b2b2;}
.footer_3 li a:hover{color:#fff;}
.footer_2{ float: left;}
/*.footer_4 li{ float: right; margin-left: 30px;}
.footer_4 li h1{ font-size: 12px; font-family: "宋体"; text-align: center; line-height: 65px; color: #999999;}*/
.footer_2 h2{ font-size: 12px; color: #b6b2b2; line-height: 28px; text-align: right; font-family: "微软雅黑";}
.footer_2 h3{ text-align: right;font-size: 12px; color: #b6b2b2; line-height: 28px; font-family: "微软雅黑";}
.footer_2 h5{ width:200px; float:right;}
.footer_2 h3 a,.footer_2 h5 a{color: #b6b2b2; }
.footer_2 h3 a:hover,.footer_2 h5 a:hover{ color: #fff;}
.footer_2 h4{float: right; margin-top: 10px;}
.footer_2 h4 i{ float: right;margin-left: 10px; }
.footer_2 h4 span{line-height: 40px;}
.footer_2 h4 span img{vertical-align: middle;}
.logo_bottom{width:270px; height:73px; margin:0 auto; background:url(../images/logo_bottom.png) no-repeat;}
@media (min-width:1200px) and (max-width: 1450px) {
	.footer{ padding: 2% 3rem;}
	
}
@media (min-width:992px) and (max-width: 1200px) {
.footer{ padding: 2% 3rem;}
.footer_4 table{ margin: 0 auto; float: none;}
.footer_2{ padding-top: 2%;}
.footer_2 h2{ font-size: 12px; color: #b6b2b2; line-height: 28px; text-align: center; font-family: "微软雅黑";}
.footer_2 h3{ text-align: center;font-size: 12px; color: #b6b2b2; line-height: 28px; font-family: "微软雅黑";}
.footer_2 h4{float:none; margin: 0 auto; width: 120px;  margin-top: 10px;}
.footer_2 h5{ float:none; margin:0 auto;  width:200px;}
}
@media (min-width:768px) and (max-width:992px) {
.footer{ padding: 2% 1rem;}
.footer_4 table{ margin: 0 auto; float: none;}
.footer_2{ padding-top: 2%;}
.footer_2 h2{ font-size: 12px; color: #b6b2b2; line-height: 28px; text-align: center; font-family: "微软雅黑";}
.footer_2 h3{ text-align: center;font-size: 12px; color: #b6b2b2; line-height: 28px; font-family: "微软雅黑";}
.footer_2 h4{float:none; margin: 0 auto; width: 120px;  margin-top: 10px;}
.footer_2 h5{ float:none; margin:0 auto;  width:200px;}
}

@media (min-width:320px) and (max-width:768px) {
.footer{ padding: 2% 1rem;}
.footer_4 table{ margin: 0 auto; float: none;}
.footer_4 table tr td h1{font-size: 12px; font-family: "宋体"; text-align: center; line-height: 30px; color: #999999;}
.footer_2{ padding: 5% 0;}
.footer_2 h2{ font-size: 12px; color: #b6b2b2; line-height: 25px; text-align: center; font-family: "微软雅黑";}
.footer_2 h3{ text-align: center;font-size: 12px; color: #b6b2b2; line-height: 25px; font-family: "微软雅黑";}
.footer_2 h4{float:none; margin: 0 auto; width: 120px; margin-top: 10px;}
.footer_2 h5{ float:none; margin:0 auto;  width:200px;}
}

/*----公司简介-----*/
.z_gslc{  background: url(../images/g_1.jpg) no-repeat;background-size: cover; padding:8rem 8rem;}
.z_gslc_1{border-bottom: 1px solid #5b5b5b;}
.z_gslc_1 li{ float: left; color: #fff;  padding-bottom:20px;}
.z_gslc_1 li h1{ font-size: 40px; font-weight: bold; font-family:"微软雅黑" ;padding: 10px 0 20px;}
.z_gslc_1 li h2{font-size: 14px; font-family:"微软雅黑" ; font-weight:normal; line-height: 27px; }
.z_gslc_1 li h3{font-size: 20px; font-family:"微软雅黑" ; font-weight:normal; line-height: 40px;}
.z_gslc_1 li h4{ font-size: 26px;font-family:"微软雅黑" ; font-weight:normal; padding: 17px 0 17px;}
.z_gslc_1 li h5{font-size: 100px;font-family:arial ; font-weight: bold; }
.z_gslc_1 li h5 span{font-size: 36px;font-family:"微软雅黑" ;font-weight: bold; padding-left: 10px;}
.z_gslc_1 .z_gslc_2{border-left:  1px solid #5b5b5b; padding-left: 7%;}
.z_gslc_3{ padding: 8% 0 4%;}
.z_gslc_3 li{ float: left; color: #fff; text-align:center;}
.z_gslc_3 li h1{ font-size: 164px; font-family:arial; font-weight: bold;}
.z_gslc_3 li h1 span{ font-size: 36px; font-weight: normal; padding-left: 2%; font-family: "微软雅黑";}
.z_gslc_3 li h2{ font-size: 26px; font-family: "微软雅黑"; font-weight: normal;}

@media (min-width:1450px) and (max-width: 1650px) {
  .z_gslc_3 li h1{font-size: 80px;}
}

@media (min-width:1200px) and (max-width: 1450px) {
  .z_gslc_3 li h1{font-size: 60px;}
  .z_gslc_3 li h2{ font-size: 18px; font-family: "微软雅黑"; font-weight: normal;}
}

@media (min-width:992px) and (max-width: 1200px) {
.z_gslc{ padding: 3%;}	
.z_gslc_1 .z_gslc_2{ padding-left: 3%;}
.z_gslc_1 li h5{font-size: 70px;}
  .z_gslc_3 li h1{font-size: 50px;}
  .z_gslc_3 li h2{ font-size: 15px; font-family: "微软雅黑"; font-weight: normal;}
}

@media (min-width:768px) and (max-width: 992px) {
.z_gslc{ padding: 3%;}	
.z_gslc_1 .z_gslc_2{ padding-left: 3%;}
.z_gslc_1 li h5{font-size: 70px;}
  .z_gslc_3 li h1{font-size: 40px;}
   .z_gslc_3 li h1 span{ font-size: 20px;}
  .z_gslc_3 li h2{ font-size: 14px; font-family: "微软雅黑"; font-weight: normal;}
}
@media (min-width:320px) and (max-width: 768px) {
.z_gslc_1 li h1{ font-size: 20px; padding: 10px 0 ;}
.z_gslc_1 li h3{ font-size: 18px; line-height: 27px;}
.z_gslc_1 li h2{ line-height: 24px;}
.z_gslc{ padding: 4% 1%;}	
.z_gslc_1 .z_gslc_2{ padding-left: 3%;}
 .z_gslc_3 li{ margin-bottom: 4%;}
.z_gslc_1 li h5{font-size: 37px;}
.z_gslc_1 li h4{ font-size: 18px;}
  .z_gslc_3 li h1{font-size: 27px;}
   .z_gslc_3 li h1 span{ font-size: 16px;}
  .z_gslc_3 li h2{ font-size: 13px; font-family: "微软雅黑"; font-weight: normal;}
}
.z_gsjj{background:#666; background-image: url(../images/companyprofile_bg2.jpg); margin: 0 8rem; padding: 2% 0 3%;}
.z_gsjj_1{ padding-left: 3%; float: left;}
.z_gsjj_1 h1{ font-size: 28px; font-weight: bold; color: #666666; font-family: "微软雅黑";}
.z_gsjj_1 h2{ width: 48px; height: 5px; background: #FF9933; margin: 12px 0;}
.z_gsjj_1 h3{ font-size: 20px; font-weight: bold; text-align:center; color: #6d6c6c;font-family: "微软雅黑"; line-height: 40px; padding-top: 20px;}
.z_gsjj_1 h4{ font-size: 14px;line-height:30px; color: #333333; font-family:"微软雅黑" ; padding-top: 35px;}
.z_gsjj_2{ float: right; padding-top:7%;}

@media (min-width:1450px) and (max-width: 1700px) {
  .z_gsjj_2 img{width: 100%;}
}

@media (min-width:1200px) and (max-width: 1450px) {
.z_gsjj{ margin: 0 3rem;}
.z_gsjj_1 h3{font-size: 18px;}
.z_gsjj_2{ float: right; padding-top:12%;}
.z_gsjj_2 img{width: 100%;}
}

@media (min-width:992px) and (max-width: 1200px) {
.z_gsjj{ margin: 0 3rem;}
.z_gsjj_1 h3{font-size: 18px; padding: 0 3%;}
.z_gsjj_2{ float: none; width: 500px; margin: 0 auto; padding: 4% 0;}
.z_gsjj_2 img{width: 100%;}
}
@media (min-width:768px) and (max-width: 992px) {
.z_gsjj{ margin: 0 1rem;}
.z_gsjj_1 h3{font-size: 18px; padding: 0 3%;}
.z_gsjj_2{ float: none; width: 500px; margin: 0 auto; }
.z_gsjj_2 img{width: 100%;}
}
@media (min-width:320px) and (max-width: 768px) {
.z_gsjj{ margin: 0 1rem;}
.z_gsjj_1 h3{font-size: 15px; line-height: 24px;}
.z_gsjj_2{ float: none;  width: 70%; margin: 0 auto;  padding-bottom: 6%;}
.z_gsjj_2 img{width: 100%;}
.z_gsjj_1 h1{ font-size: 20px;}
.z_gsjj_1 h2{ width: 30px;}
.z_gsjj_1 h4{ padding-top:15px; line-height: 24px;}
}

.z_qywh{ margin: 2.5% 8rem 0; background: #333333;}
.z_qywh_1{ float:left; padding-left: 0; padding-right: 0; height: 606px;}
.z_qywh_1 img{width: 100%; height: 100%;}
.z_qywh_2{ color:#FAFAFA; line-height: 34px; font-family: "微软雅黑"; padding-top: 35px;}
.z_gsjj_3{ float: left;padding: 50px; height: 606px;}
.z_gsjj_3 h1{ color: #FAFAFA; font-family: "微软雅黑"; font-size: 28px; font-weight: bold;}
.z_gsjj_3 h2{ width: 48px; height: 5px; background: #FF9933; margin: 15px 0;}
.z_gsjj_3 h3{ font-size: 14px; color: #FAFAFA;font-family: "微软雅黑"; line-height: 50px;}
.z_gsjj_3 h4{ }


@media (min-width:1450px) and (max-width: 1700px) {
	
      .z_qywh_2{ padding:2% 2%;}
      .z_qywh_2 h5{ padding-top:10px;}
      .z_qywh_2{ padding: 10px 2%;}
}
@media (min-width:1200px) and (max-width: 1450px) {
.z_qywh{ margin: 2.5% 3rem 0; background: #333333;}
.z_qywh_2{ padding-top: 25px; line-height: 31px;}

}
@media (min-width:992px) and (max-width: 1200px) {
.z_qywh{ margin: 2.5% 3rem 0; background: #333333;}
.z_qywh_1{ height: auto; float: none;} 
.z_gsjj_3{ float: none; height: auto; padding: 3% 4%; width: 100%;}

}

@media (min-width:768px) and (max-width: 992px) {
.z_qywh{ margin: 2.5% 1rem 0;}
.z_qywh_1{ height: auto; float: none;} 
.z_gsjj_3{ float: none; height: auto; padding: 3% 4%; width: 100%;}
}
@media (min-width:320px) and (max-width: 768px) {
.z_qywh{ margin: 2.5% 1rem 0;}
.z_qywh_1{ height: auto; float: none;} 
.z_gsjj_3{ float: none; height: auto; padding: 4% 4%; width: 100%;}
.z_qywh_2{ padding-top: 20px; line-height: 27px;}
.z_gsjj_3 h3{ line-height: 30px;}
.z_gsjj_3 h4{ width: 70%; font-size: 0; margin-top: 1%;}
.z_gsjj_3 h4 img{width: 100%; height: auto;}
}
.z_aeys{ margin: 2.5% 8rem; background: #006699;}
.z_aeys_1{ float: left; padding: 30px 30px;}
.z_aeys_1 h1{    font-size: 28px;
    font-weight: bold;
    color: #FAFAFA;
    font-family: "微软雅黑";}
 .z_aeys_1 h2{     width: 48px;
    height: 5px;
    background: #FF9933;
    margin: 15px 0;}  
  .z_aeys_1 h3{ font-size: 14px; color: #FAFAFA; font-family: "微软雅黑"; line-height: 30px; padding-top: 30px;}   
.z_aeys_1 h4{font-family: "微软雅黑"; font-weight: bold; font-size: 18px; color: #FAFAFA; line-height: 30px; padding-top: 30px;}
.z_aeys_2{ float: left;padding-right: 0; padding-left: 0; height:485px;}
.z_aeys_2 img{width: 100%; height: 100%;}



@media (min-width:1450px) and (max-width: 1700px) {
	.z_aeys_1{ padding: 3% 30px;}
}
@media (min-width:1200px) and (max-width: 1450px) {
.z_aeys{margin: 2.5% 3rem;}
/*.z_aeys_1{ padding-top:2%;}
	.z_aeys_1 h2{ margin: 15px 0 10px;}
	.z_aeys_1 h4{ padding-top: 10px; line-height: 24px; font-size: 15px;}
.z_aeys_1 h3{ padding-top:5px;line-height: 24px;}*/
.z_aeys_1{ padding: 30px 30px;}
.z_aeys_1 h3{ padding-top: 20px; line-height: 27px;}

}

@media (min-width:992px) and (max-width: 1200px) {
.z_aeys{margin: 2.5% 3rem;}
.z_aeys_1{ padding:2%; float: none; height: auto;}

	.z_aeys_1 h2{ margin: 15px 0 10px;}
	.z_aeys_1 h4{ padding-top: 10px; line-height: 24px; font-size: 15px;}
.z_aeys_1 h3{ padding-top:5px;line-height: 24px;}
.z_aeys_2{ padding: 2%; height: auto;}
}
@media (min-width:768px) and (max-width: 992px) {
.z_aeys{margin: 2.5% 1rem;}
.z_aeys_1{ padding:3% 3% 0; float: none; height: auto;}
	.z_aeys_1 h2{ margin: 15px 0 10px;}
	.z_aeys_1 h4{ padding-top: 10px; line-height: 24px; font-size: 15px;}
.z_aeys_1 h3{ padding-top:5px;line-height: 24px;}
.z_aeys_2{ padding: 3%; height: auto;}
}
@media (min-width:320px) and (max-width: 768px) {
.z_aeys{margin: 2.5% 1rem;}
.z_aeys_1{ padding:3% 3% 0; float: none; height: auto;}
	.z_aeys_1 h2{ margin: 10px 0 10px; width: 30px;}
	.z_aeys_1 h4{ padding-top: 10px; line-height: 24px; font-size: 15px;}
.z_aeys_1 h3{ padding-top:5px;line-height: 24px;}
.z_aeys_2{ padding: 3%; height: auto;}
.z_aeys_1 h1{ font-size: 20px;}

}
/*-------新闻中心-------*/
.z_xwzx{ min-height:300px; max-height:400px; overflow:hidden; background-size: cover; padding: 3% 8rem 2%;}
.z_xwzx h1{ width: 45px; height: 3px; background:#fff;}
.z_xwzx h2{ font-size: 30px; font-family: "微软雅黑"; font-weight:  bold; color: #fff; line-height: 70px; }
.z_xwzx h3{ font-size: 13px; font-family: "微软雅黑"; color: #fff;}
.z_xwzx h4{ font-size: 30px; font-weight: bold; text-align:center; font-family: "微软雅黑"; color: #333; line-height: 90px;}
.z_xwzx_1{ padding: 0 8rem; min-height:520px;}
.z_xwzx_2{ padding: 2% 0 4%;}
.z_xwzx_2 li{ float: left; background: #fff; line-height: 40px; font-size: 16px; color: #666666;margin-right: 2%; width: 120px; text-align: center; border-radius: 5px;}
.z_xwzx_2 li a{ display: block; color: #666;}
.z_xwzx_2 li a:hover,.z_xwzx_2 .hj{ background: #046d04; color: #fff;border-radius: 5px;}
.z_xwzx_2 .hj a{ color: #fff;}
.z_xwzx_3{}
.z_xwzx_3 li{float: left; margin-bottom: 30px;}
.z_xwzx_3 li .z_xwzx_7{ background: #fff; padding: 15px;}
.z_xwzx_3 li .z_xwzx_4{  background: #fff; padding-bottom: 10px; }
.z_xwzx_3 li .z_xwzx_4 .z_xwzx_5{ text-align: center; border-right: 1px solid #e5e5e5; padding-bottom: 10px; padding-left: 0;}
.z_xwzx_3 li .z_xwzx_4 .z_xwzx_5 span{ font-family: arial; font-size: 56px; color:#333333; font-weight: bold; display: block; line-height: 60px;}
.z_xwzx_3 li .z_xwzx_4 .z_xwzx_5 em{ font-style: normal;  font-size: 14px; color: #999; display: block; line-height: 27px;}
.z_xwzx_3 li .z_xwzx_4 .z_xwzx_6{ padding-right: 0; padding-left: 15px;}
.z_xwzx_3 li .z_xwzx_4 .z_xwzx_6 h1{ color: #333333; font-size: 16px; font-weight: bold; line-height: 30px; font-family: "微软雅黑"; height: 30px; overflow: hidden;}
.z_xwzx_3 li .z_xwzx_4 .z_xwzx_6 h2{ font-size: 13px; color: #666666; line-height: 24px; height: 48px; overflow: hidden; font-family: "微软雅黑";}
.z_xwzx_3 li h3{background: #fff;border-top: 1px solid #e5e5e5; font-family: "微软雅黑"; font-weight: bold; font-size: 12px; color: #777777; line-height: 40px; padding: 0 10px;}
.z_xwzx_3 li h3 i{ float: right; background: url(../images/s_13.jpg) no-repeat; width: 24px; height: 8px; margin: 16px 0;}
.z_xwzx_3 li h4{ width: 100%;}
.z_xwzx_3 li h4 img{width: 100%;}
.z_xwzx_3 li a{ display: block;}
.z_xwzx_3 li a:hover .z_xwzx_4 .z_xwzx_5 span{ color: #333333;}
.z_xwzx_3 li a:hover .z_cd{ box-shadow: 0px 2px 22px 3px #cecccc; margin-top: -10px; margin-bottom: 10px;}
.z_xwzx_3 li .z_cd{
	   transition: All 0.4s ease-in-out;
    -webkit-transition: All 0.4s ease-in-out;
    -moz-transition: All 0.4s ease-in-out;
    -o-transition: All 0.4s ease-in-out;
}
.dj li{ padding: 0;}

.z_xwzx_8{ padding-bottom: 50px;}
@media (min-width:1200px) and (max-width: 1450px) {
.z_xwzx{ background: url(../images/banner.jpg) no-repeat; background-size: cover; padding: 3% 3rem 2%;}
.z_xwzx_1{ padding: 0 3rem; }
}
@media (min-width:992px) and (max-width: 1200px) {
.z_xwzx{ background: url(../images/banner.jpg) no-repeat; background-size: cover; padding: 3% 3rem 2%;}
.z_xwzx_1{ padding: 0 3rem; }
.z_xwzx_3 li .z_xwzx_4 .z_xwzx_6 h1{ height: 30px; overflow: hidden;}
.z_xwzx_2{ padding: 4% 0 4%;}
}
@media (min-width:768px) and (max-width: 992px) {
	.z_xwzx_2{ padding-left: 15px;}
.z_xwzx{ background: url(../images/banner.jpg) no-repeat; background-size: cover; padding: 3% 1rem 2%;}
.z_xwzx_1{ padding:0; }
.dj{ padding-left: 0; padding-right: 0;}
.dj li{ padding: 0 15px;}
}
@media (min-width:320px) and (max-width: 768px) {
	.z_xwzx_2{ padding-top: 4%;}
	.z_xwzx{padding: 4% 1rem 2%;}
	.z_xwzx h1{width: 30px;}
	.z_xwzx h2{ font-size: 17px; line-height: 30px; padding: 10px 0;}
	.z_xwzx h4{ font-size: 20px; line-height: 35px; padding: 10px 0 0;}
	.z_xwzx_2{padding-left:2%;}
	.z_xwzx_2 li{ width: 31.3%; float: left;}
.z_xwzx_1{padding: 0;}
.z_xwzx_3 li{  margin-bottom: 13px;}
.z_xwzx_3 li .z_xwzx_7{ padding-bottom: 10px;}
.z_xwzx_3 li .z_xwzx_4 .z_xwzx_5 span{ font-size: 50px;}
.z_xwzx_3 li h3{ line-height: 35px;}
.z_xwzx_3 li h3 i{ margin-top: 13.5px;}
}

.z_xwzx_9{padding: 0 8rem; background:url(../images/x_3.jpg) no-repeat; background-size:cover ;}
.z_xwzx_x{padding-left:10px; padding-right:0; margin-bottom:20px;}
.z_xwzx_x1{padding-left:0; padding-right:10px;}
.z_xwzx_w{background: #fff;padding: 6% 15px;}
.z_xwzx_title{height:50px; padding-left:15px; font-weight:bold; background:#232940; color:#FFF; line-height:50px;}
.z_xwzx_x2{padding-bottom: 2%; border-bottom:1px solid #DDD;}
.z_xwzx_x2 h1{ padding-top: 3%; font-family: "微软雅黑";}
.z_xwzx_x2 h1 span{ display:block; font-weight: bold; font-size: 22px; color:#000000; padding-left: 3%; line-height: 40PX;}
.z_xwzx_x2 h1 em{ width: 68%; height: 1px;background: #ebebeb; display: block; float: right; margin-top: 20px; margin-right: 3%;}
.z_xwzx_x2 h2{ font-family: arial; font-size: 14px; color:#c2c2c2; margin-left: 3%; line-height: 30px; padding-left: 6%;}
.z_xwzx_x2 h3{ font-size: 16px; font-family: "微软雅黑"; padding: 0 3%; color: #616161; line-height: 30px;}
.z_xwzx_x2 a{ display: block;}
.z_xwzx_x2 a:hover h1 span,.z_xwzx_x2 a:hover h3{ color: #046d04;}

.z_xwzx_x3{background: #fff; padding: 6% 4% 2%; margin-bottom: 4%;}
.z_xwzx_x3 h1{ font-family: "微软雅黑"; font-size: 26px; font-weight: bold; color: #666666; text-align: center; line-height: 50px;} 
.z_xwzx_x3 h2{text-align: center; line-height: 50px; font-size: 14px; font-family: "微软雅黑"; color: #c2c2c2;}
.z_xwzx_x3 h2 span{ text-transform: uppercase; padding-right: 2%; padding-left: 2%;}
.z_xwzx_x4{width: 29%; padding: 2% 0; margin: 0 auto;}
.z_xwzx_x5{ float: left; background: url(../images/x_12.jpg) center no-repeat; background-size:25px auto ; width: 45px; height: 45px; display: block; border:1px solid #c2c2c2; border-radius: 50px;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s}
.z_xwzx_x5:hover{background: url(../images/x_13.jpg) center no-repeat;background-size:28px auto ; border:1px solid #017104;}
.z_xwzx_x6{float: left; background: url(../images/x_7.jpg) center no-repeat; background-size:22px auto ; margin-top:4px ; margin-left: 3%; width: 36px; height: 36px; display: block; border:1px solid #c2c2c2; border-radius: 50px;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s}
.z_xwzx_x6:hover{background: url(../images/x_7_1.jpg) center no-repeat;background-size:25px auto ; border:1px solid #017104;}
.z_xwzx_x8{float: left; background: url(../images/x_8.jpg) center no-repeat; background-size:22px auto ;margin-top:4px ; margin-left: 3%; width: 36px; height: 36px; display: block; border:1px solid #c2c2c2; border-radius: 50px;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s}
.z_xwzx_x8:hover{background: url(../images/x_8_1.jpg) center no-repeat;background-size:25px auto ; border:1px solid #017104;}
.z_xwzx_x9{float: left; background: url(../images/x_9.jpg) center no-repeat; background-size:22px auto ; margin-top:4px ; margin-left: 3%; width: 36px; height: 36px; display: block; border:1px solid #c2c2c2; border-radius: 50px;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s}
.z_xwzx_x9:hover{background: url(../images/x_9_1.jpg) center no-repeat;background-size:25px auto ; border:1px solid #017104;}
.z_xwzx_x10{float: left; background: url(../images/x_10.jpg) center no-repeat;  background-size:22px auto ;margin-top:4px ; margin-left: 3%; width: 36px; height: 36px; display: block; border:1px solid #c2c2c2; border-radius: 50px;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s}
.z_xwzx_x10:hover{background: url(../images/x_10_1.jpg) center no-repeat;background-size:25px auto ; border:1px solid #017104;}
.z_xwzx_x12{float: left; background: url(../images/x_11.jpg) center no-repeat; background-size:22px auto ;margin-top:4px ; margin-left: 3%;margin-right: 3%; width: 36px; height: 36px; display: block; border:1px solid #c2c2c2; border-radius: 50px;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s}
.z_xwzx_x12:hover{background: url(../images/x_11_1.jpg) center no-repeat;background-size:25px auto ; border:1px solid #017104;}
.z_xwzx_x11{ float: left; background: url(../images/x_14.jpg) center no-repeat; background-size:25px auto ; width: 45px; height: 45px; display: block; border:1px solid #c2c2c2; border-radius: 50px;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s}
.z_xwzx_x11:hover{background: url(../images/x_14_1.jpg) center no-repeat;background-size:28px auto ; border:1px solid #017104;}
.z_xwzx_x14{ z-index: 3; margin-left: 3%; width: 36px; float: left;}
.z_xwzx_x13{  padding: 10px; width:135px;}
.z_xwzx_x13 h3{ font-size: 12px; font-family: "微软雅黑"; color: #333; font-weight: bold; line-height: 24px;}
.z_xwzx_x13 h5{font-size: 12px; font-family: "微软雅黑"; color: #666; line-height: 24px;}
.z_xwzx_x13 h4{ padding: 5px 0;}
.z_xwzx_x15{ width: 100%;  padding-top:2%; }
.z_xwzx_x16 {min-height: 400px;}
.z_xwzx_x16 img{ padding: 20px 0; max-width: 100%;}
.z_xwzx_x16{font-family: "微软雅黑"; font-size: 16px; color: #333333; line-height: 30px; padding-bottom: 2%;}
.z_xwxz_x17{ background: url(../images/x_16.jpg) bottom center no-repeat; background-size:100% auto ; color: #017104; font-size: 18px;text-align: center; width: 100%; line-height: 50px;}
.z_xwxz_x17 a{ display: block;color: #017104;}

.z_xwzx_x18{ width: 100%; padding-top: 4%;}
.z_xwzx_x19{ width: 100%; margin-bottom: 1%;}
.z_xwzx_x19 span{ float: left; width: 12%; line-height: 30px; text-align: center; font-size: 14px; color: #666; font-family: "微软雅黑"; background: #bcbcbc; border-radius: 7px;}
.z_xwzx_x19 p{ width: 85%; float: right; font-size: 14px; color:#666; line-height: 30px;font-family: "微软雅黑"; overflow: hidden; height: 30px;}
.z_xwzx_x19 a{ display: block;}
@media (min-width:1650px) and (max-width: 1850px) {
.z_xwzx_x4{ width: 34%;}
}
@media (min-width:1450px) and (max-width: 1650px) {
	.z_xwzx_x4{ width: 40%;}
	.z_xwzx_x2 h1 em{width: 59%;}
	.z_xwzx_x2 h2{ padding-left: 1%;}
}
@media (min-width:1200px) and (max-width: 1450px) {
	.z_xwzx_9{ padding: 0 3rem;}
	.z_xwzx_x4{ width: 51%;}
	.z_xwzx_x3 h2 span{ padding-left: 3%;}
	.z_xwzx_x2 h1 em{width: 50%;}
	.z_xwzx_x2 h2{ padding-left: 1%;}
}

@media (min-width:992px) and (max-width: 1200px) {
	.z_xwzx_9{    padding: 0 3rem;}
	.z_xwzx_x4{ width: 56%;}
	.z_xwzx_x2 h1 em{width: 45%;}
	.z_xwzx_x2 h1 span{ font-size: 20PX;}
	.z_xwzx_x2 h2{ padding-left: 1%; font-size: 10px;}
	}
@media (min-width:768px) and (max-width: 992px) {
	.z_xwzx_9{padding: 0 1rem;}
	.z_xwzx_x4{ width: 34%;}
	.z_xwzx_x{padding:0; margin-bottom:40px;}
	.z_xwzx_x1{padding:0;}

}
@media (min-width:320px) and (max-width: 768px) {
	.z_xwzx_x3 h1{ font-size: 18px; line-height: 32px;}
	.z_xwzx_9{ padding: 0 1rem;}
	.z_xwzx_x16{ font-size: 14px; line-height: 27px;}
	.z_xwzx_x16 img{ padding: 2% 0;}
	.z_xwzx_x4{ width: 34%;}
	.z_xwzx_x18{ padding: 4% 0;}
	.z_xwzx_x19 span{ width: 20%;}
	.z_xwzx_x19 p{width: 76%;}
	.z_xwzx_x{padding:0; margin-bottom:40px;}
	.z_xwzx_x1{padding:0;}

}
/*------------案例展示---------*/
.z_al{ padding: 2% 8rem;}
.z_al h1{ font-size: 18px; color: #565656;font-family: "微软雅黑"; line-height: 30px;}
.z_al h2{ font-size: 54px; font-family: "微软雅黑"; font-weight: bold; line-height: 90px;}
.z_al_1{ margin: 0 8rem 5rem; background: #fff; padding: 0 1rem 3%; }
.z_al_2{ padding: 3rem 0 3rem 1rem;}
.z_al_2 ul li{ float: left; line-height: 30px; font-size: 14px; font-family: "微软雅黑"; color: #333333;}
.z_al_2 ul li span{ line-height: 30px; padding: 0 10px;}
.z_al_2 ul li span img{vertical-align:middle;}
.z_al_2 ul li a{display: block;color: #333333;text-decoration:none;}
.z_al_2 ul li a:hover{ font-weight: bold;}
.z_al_h{ width:10%; height: 40px; background: #eeeeee; font-family: arial; font-size: 16px; color: #999999; margin: 0 auto; line-height: 40px; text-align: center;}
@media (min-width:1200px) and (max-width: 1450px) {
	.z_al{ padding: 2% 3rem;}
	.z_al_1{ margin: 0 3rem 5rem;}
}
@media (min-width:992px) and (max-width: 1200px) {
	.z_al{ padding: 2% 3rem;}
	.z_al_1{ margin: 0 3rem 4rem;}
	}

@media (min-width:768px) and (max-width: 992px) {
	.z_al{ padding: 2% 1rem;}
	.z_al h2{ font-size: 30px; line-height: 40px;}
	.z_al_1{ margin: 0 1rem 3rem;}
	.z_al_2{ padding: 2rem 0 2rem 1rem;}
	.z_al_h{ width: 14%;}
	}
@media (min-width:320px) and (max-width: 768px) {
	.z_al{ padding: 2% 1rem;}
	.z_al h2{ font-size: 20px; line-height: 28px; padding-bottom: 2%;}
	.z_al_1{ margin: 0 1rem 3rem;}
	.z_al_2{ padding: 2rem 0 2rem 1rem;}
	.z_al h1{    font-size: 15px;}
	.z_al_h{ width: 14%;}
	}
	
.z_al_x{ width: 100%; position: relative;}
.z_al_x1{ width: 100%;}
.z_al_x1 img{width: 100%; height: auto;}
.z_al_x2{ position: absolute; bottom: 5rem; left: 8rem;}
.z_al_x2 h1{ color: #fff; font-family: "微软雅黑"; font-size: 22px;text-shadow:#666 2px 2px 4px;}
.z_al_x2 h2{ font-family: "微软雅黑"; font-size: 54px; font-weight: bold; line-height: 80px; color: #fff;text-shadow:#666 2px 2px 4px;}
.z_al_x3{ margin: 3rem 8rem;}
.z_al_x4{ background: #fff; padding: 2% 5%;}
.z_al_x8{border-bottom: 1px solid #e0e0e0; padding-bottom: 2%;}
.z_al_x5{ font-size: 16px; color: #000; font-family: "微软雅黑";border-right: 1px solid #e0e0e0; line-height: 35px; height: 70px; overflow: hidden; padding-left: 5%; }
.z_al_x5 span{ font-size:14px; color: #999999; line-height: 24px;}
.z_al_x6{ color: #999; font-size: 14px; line-height: 35px;height: 70px; overflow: hidden; border-right: 1px solid #e0e0e0; font-family: "微软雅黑"; text-align: center;}
.z_al_x7{text-align: center;}
.z_al_x7 img{width: 45px; height: 45px; margin-top: 15px;    transition: .6s all;}
.z_al_x7 a:hover .z_al_x9,.z_al_x5 em a:hover .z_al_x9{
    transform:rotate(360deg);
    -webkit-transform:rotate(360deg); /* Safari 和 Chrome */

}
.z_al_x5 em{float: right; display: block; width: 30px; height: 70px;}
.z_al_x5 em a{ display: block;}
.z_al_x5 em img{ width: 25px; height: 25px; transition: .6s all; float: right; margin-top: 23px;}
.z_al_x10{ font-family: "微软雅黑"; line-height: 30px; padding: 2% 0 1%;}
.z_al_x11{ line-height: 40px; color: #333333; font-size: 16px; font-weight: normal;}
.z_al_x11 a{color: #333333;}
.z_al_x11 a:hover{ color: #017104;}
.z_al_x11 i{ line-height: 40px; padding-left: 10px;}
.z_al_x11 i img{vertical-align: middle;}
.z_al_x12{ float:right; line-height: 40px; font-family: "微软雅黑";}
.z_al_x12 span{ font-family: arial; color: #fff; font-size: 24px; background: #000000; padding: 6px 15px;}

.z_al_x13{ background: #fff; margin-top: 2rem;}
.z_al_x14{ padding: 6rem 5rem;}
.z_al_x14 h1{}
.z_al_x14 h2{ font-family: "微软雅黑"; font-size: 14px; color: #666666; line-height: 30px; margin:20px 0 13px; height: 120px;overflow: hidden;}
.z_al_x14 h3{}
.z_al_x15{ background: #e6e6e6;padding: 6rem 15rem;}
.z_al_x15 h1{}
.z_al_x16 {padding:10px 0;}
.z_al_x16 li{ line-height:40px; font-size: 16px; font-family: "微软雅黑"; text-indent: 15px; color: #333;}
.z_al_x16 li a{ display: block; color: #333;}
.z_al_x17{ padding: 5rem; background: #fff; margin-top: 3rem;} 
.z_al_x17 img{width: 100%;}
@media (min-width:1200px) and (max-width: 1450px) {
	.z_al_x3{ margin: 3rem;}
}

@media (min-width:992px) and (max-width: 1200px) {
	.z_al_x3{ margin: 3rem;}
	.z_al_x2{ left: 3rem;}
	.z_al_x15{ padding: 6rem 10rem;}
	}

@media (min-width:768px) and (max-width: 992px) {
	.z_al_x2{ left: 1rem;}
	.z_al_x2 h2{ font-size: 30px;}
	.z_al_x3{ margin: 3rem 1rem;}
	.z_al_x5{}
	.z_al_x6{ height: 70px; line-height: 35px; border-right: none;}
	.z_al_x15{ padding: 6rem 5rem;}
	}
@media (min-width:320px) and (max-width: 768px) {
	.z_al_x2{ left: 1rem; bottom: 2rem;}
	
	.z_al_x2 h1{ font-size: 15px;}
	.z_al_x2 h2{ font-size: 20px; line-height: 40px;}
	.z_al_x3{ margin: 3rem 1rem;}
	.z_al_x5{ border-right: none; padding-left: 0; height: 50px;line-height: 25px;}
	.z_al_x6{ text-align: left; padding: 10px 0 0; line-height: 27px; border-right: none;}
	.z_al_x12{ font-size:13px ; float: none; line-height: 30px;}
	.z_al_x12 span{ padding: 1px 2px; font-size: 13px;}
	.z_al_x11{ line-height: none;}
	.z_al_x14,.z_al_x15{ padding:2rem; }
	.z_al_x14 h2{ line-height: 27px; height: 108px;}
    .z_al_x16 li{ line-height: 27px; font-size: 15px;}
    .z_al_x17{ padding: 2rem; background: #fff; margin-top: 2rem;} 
    .z_al_x5 em{ height: 50px;}
    .z_al_x5 em img{ margin-top: 10px;}
	}
/*------联系我们------*/
.z_lxwm_banner{ background: url(../images/banner.jpg) no-repeat; min-height:300px; max-height:400px; overflow:hidden; background-size: cover; padding: 3% 8rem 2%;}

.z_lxwm{ width: 100%; height: 410px;}
.z_lxwm_x{border-bottom: 1px solid #ebebeb;border-top: 1px solid #ebebeb;}
.z_lxwm_x ul li{ padding:1% 0; float: left; background: #fff; width: 33.3%; text-align: center; border-right: 1px solid #ebebeb;    box-sizing: border-box;-webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.z_lxwm_x ul li h1{ font-size: 18px; color: #282727; font-family: "微软雅黑"; line-height: 40px;}
.z_lxwm_x ul li img{ width: 5%; height: auto;}
.z_lxwm_x1{ padding: 2.5rem 8rem 5rem; background: url(../images/l_6.jpg) center no-repeat; background-size:cover ;}
.z_lxwm_x1 h1{text-align: center; padding-top:3%; padding-bottom: 10px;}
.z_lxwm_x1 h2{text-align: center; font-size: 32px; font-weight:bold; line-height: 100px;}
.z_lxwm_x2{ text-align: center;}
.z_lxwm_x2 table{ margin: 0 auto; border: 0;}
.z_lxwm_x2 table tr td{ border: none; padding: 0 10px;}
.z_lxwm_x2 table tr td h3{ font-family: "微软雅黑"; font-size: 12px; text-align: center; line-height: 55px; color: #666666;}
.z_lxwm_x1 h3{text-align: center; line-height: 40px; font-family: "微软雅黑"; font-size: 18px; color: #282727;}
.z_lxwm_x1 h4{ text-align: center; font-size: 48px; color: #282727; line-height: 80px; font-family: arial; font-weight: bold; text-transform: uppercase;}
.z_lxwm_x1 h5{ text-align: center; padding: 1% 0 2%;}
.z_lxwm_x3{ margin: 0 auto; width: 75%;}
.z_lxwm_x4{ float: left; padding-right: 0;}
.z_lxwm_x4 h6{width: 100%;}
.z_lxwm_x4 h6 input{width: 100%; height: 65px; line-height: 65px;color: #333; font-size: 14px; font-family: "微软雅黑"; margin-bottom: 10px;border: 1px solid #ecebeb;padding: 0 1%;}
.z_lxwm_x5{ float: left; padding-left: 0;}
.z_lxwm_x5 textarea{width: 100%; height: 342px; border: 1px solid #ecebeb;color: #333; font-size: 14px; line-height: 30px; font-family: "微软雅黑"; padding: 2%;}
.z_lxwm_x3 p{width: 100%;}
.z_lxwm_x3 p input{ width: 100%; height: 57px; background: #373636; color: #fff; text-align: center; font-size: 18px; border: none;}
.z_lxwm_x6{ font-family: "微软雅黑"; font-size: 14px; text-align:center; line-height: 27px; color: #282727;}

@media (min-width:1200px) and (max-width: 1450px) {
	.z_lxwm_x1{padding: 2.5rem 1rem 3rem;}
	.z_lxwm_x ul li img{ width: 8%; height: auto;}
 	.z_lxwm_x3{ margin: 0 auto; width: 95%;}
}

@media (min-width:992px) and (max-width: 1200px) {
	.z_lxwm_x1{ padding: 2.5rem 3rem 5rem;}
	.z_lxwm_x3{ margin: 0 auto; width: 95%;}
	}

@media (min-width:768px) and (max-width: 992px) {
	.z_lxwm_x1{padding: 2.5rem 1rem 3rem;}
	.z_lxwm_x1 h4{ font-size: 37px;}
	.z_lxwm_x3{ width: 90%; margin: 0 auto;}
	}
@media (min-width:320px) and (max-width: 768px) {
	.z_lxwm{width: 100%; height: 230px;}
	.z_lxwm_x1{padding: 2.5rem 1rem 3rem;}
	.z_lxwm_x1 h1{ width: 50%; margin: 0 auto; font-size: 0;}
	.z_lxwm_x1 h2{ font-size: 18px; line-height: 40px; margin-bottom: 1%;}
	.z_lxwm_x1 h1 img,.z_lxwm_x1 h5 img{ width: 100%;}
	.z_lxwm_x1 h3{ font-size: 13px; line-height: 30px;text-align: left;}
	.z_lxwm_x1 h4{ font-size: 17px; line-height: 45px;}
	.z_lxwm_x1 h5{ width: 27%; margin: 0 auto; padding-bottom: 6%;}
	.z_lxwm_x2 table tr td h3{ line-height: 24px;}
	.z_lxwm_x3{ width: 100%;}
	.z_lxwm_x4{ width: 100%; padding-left: 0;}
	.z_lxwm_x4 h6 input{ line-height: 40px; height: 40px; margin-bottom: 2%;}
	.z_lxwm_x5{width: 100%; padding-right: 0; }
	.z_lxwm_x5 textarea{height: 140px;}
	.z_lxwm_x3 p input{ height: 40px; line-height: 40px; font-size: 17px;}
	}

/*------招贤纳士-------*/
.z_zxns{ background-size:cover ; padding: 3% 8rem 2%; width: 100%;}
.z_zxns h1{width: 45px; height: 3px; background: #fff;}
.z_zxns h2{    font-size: 30px;
    font-family: "微软雅黑";
    font-weight: bold;
    color: #fff;
    line-height: 70px;}
.z_zxns h3{font-size: 13px;
    font-family: "微软雅黑";
    color: #fff;}
.z_zxns h4{    font-size: 40px;
    font-weight: bold;
    font-family: "微软雅黑";
    color: #fff;
    line-height: 90px;}
.z_zxns_1{  background: #f1f1f1; padding: 5rem 8rem;}
.z_zxns_2 ul li{ float: left; margin-bottom: 30px;}
.z_zxns_2 ul li .z_zxns_5{ background: #fff; padding:5% 7% !important;}
.z_zxns_2 ul li .z_zxns_5 h1{ font-size: 22px; color: #000; font-family: "微软雅黑";line-height: 30px; max-height: 60px; overflow:hidden;}
.z_zxns_2 ul li .z_zxns_5 h2{ width: 85px; height: 1px; background: #048007; margin: 3% 0;}
.z_zxns_2 ul li .z_zxns_5 .z_zxns_3{ font-size: 14px; line-height: 27px; color:#666; font-family: "微软雅黑"; min-height: 200px; padding-bottom: 10px;}
.z_zxns_2 ul li .z_zxns_5 .z_zxns_6{}
.z_zxns_2 ul li .z_zxns_5 .z_zxns_6 h3{ float: left; padding-left: 25px;line-height: 35px; font-family: "微软雅黑"; font-size: 14px; color: #048007;}
.z_zxns_2 ul li .z_zxns_5 .z_zxns_6 h3 a{display: block;color: #048007; text-decoration: none;-webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;}
.z_zxns_2 ul li .z_zxns_5 .z_zxns_6 h3 a:hover{color: #165a18;}
.z_zxns_7{ text-align: center; padding-top: 3%; padding-bottom: 2%;}
.z_zxns_8{ width: 20%;line-height:40px; margin:0 auto; color: #fff; text-align: center; font-size: 14px; font-family: "微软雅黑"; background: #353637;}
.z_zxns_8 span{ padding-left: 3%;}
.z_zxns_8 span img{vertical-align: middle; }
.gt{width:500px; height:260px;position:fixed; left:50%; top:50%;z-index: 99999; margin-left:-257px; margin-top:-100px; background:#fff;}
@media (min-width:1200px) and (max-width: 1450px) {
.z_zxns{ padding: 3% 3rem 2%;}
.z_zxns_1{padding: 4rem 3rem;}
.z_zxns_2 ul li .z_zxns_5 .z_zxns_6 h3{ padding-left: 5%;}
.gt{ margin-left: -200px;}
}
@media (min-width:992px) and (max-width: 1200px) {
.z_zxns{padding: 3% 3rem 2%;}
.z_zxns_1{padding: 4rem 3rem;}
.z_zxns_2 ul li .z_zxns_5 .z_zxns_6 h3{ padding-left: 6%;}
.gt{ margin-left: -237px;}
}
@media (min-width:768px) and (max-width: 992px) {
.z_zxns{padding: 3% 3rem 2%;}
.z_zxns_1{padding: 3rem 1rem;}
.z_zxns_2 ul li .z_zxns_5 .z_zxns_6 h3{ padding-left:25px;}
.gt{ margin-left: -237px;}
}
@media (min-width:320px) and (max-width: 768px) {
	.z_zxns{padding: 4% 1rem 2%;}
	.z_zxns h1{width: 30px;}
	.z_zxns h2{ font-size: 17px; line-height: 30px; padding: 10px 0;}
	.z_zxns h4{ font-size: 20px; line-height: 35px; padding: 10px 0 0;}
	
	.z_zxns_1{padding: 2rem 0;}
	.z_zxns_2{ float: left;}
	.z_zxns_2 ul li{ padding: 0; margin-bottom: 15px;}
	.z_zxns_2 ul li .z_zxns_5 h1{ font-size: 17PX;}
	.z_zxns_2 ul li .z_zxns_5 h2{ width: 40px;}
	.z_zxns_2 ul li .z_zxns_5 .z_zxns_6 h3{ padding-left:25px;}
	.z_zxns_7{ width: 90%; margin: 0 auto; padding-bottom:6%;}
	.z_zxns_7 img{ width: 100%; height: auto;}
	.z_zxns_8{ width: 50%; margin: 0 auto; line-height: 35px; height: 35px;}
.gt{ width: 300px; margin-left: -150px;}
.dwsa{ margin-top: 58px;}
}


.scjl h3{ font-size:20px; padding-top:10px; text-align:center; padding-bottom:20px; color:#048007; font-weight:bold; font-family: "微软雅黑";}
.scjl h1{ font-size:14px; color:#F00; font-weight:normal ;font-family: "微软雅黑"; line-height:30px; text-align:center; padding-top:10px;}
.scjl .dws{width:265px; margin:0 auto; }
.scjl .dws h4{ float: left; width: 180px; padding-top: 5px;font-family: "微软雅黑";}
.scjl .dws h4 input{ width: 172px;}
.scjl .dws h5{ float: left; width: 80px;}
.scjl .dws h5 input[type="submit"]{ width:80px; height:30px; background:#048007;font-family: "微软雅黑"; border:none; color:#fff; font-size:14px;    -webkit-border-radius: 5px;
-moz-border-radius: 5px;border-radius: 5px; }
.scjl .dws h5 input[type="button"]{ width:80px; height:30px; background:#048007;font-family: "微软雅黑"; border:none; color:#fff; font-size:14px;    -webkit-border-radius: 5px;
-moz-border-radius: 5px;border-radius: 5px; }
.dwsa{ width: 100%; height: 37px; background:#eeeeee; border-bottom: 1px solid #cccccc; border-top: 1px solid #cccccc; margin-top: 57px;}

/*-----------服务-------------*/
.z_fw{ background-size:cover ; padding: 3% 8rem 2%;}
.z_fw h1{width: 45px;
    height: 3px;
    background: #fff;}
.z_fw h2{
	    font-size: 30px;
    font-family: "微软雅黑";
    font-weight: bold;
    color: #fff;
    line-height: 70px;
}
.z_fw h3{    font-size: 13px;
    font-family: "微软雅黑";
    color: #fff;}
.z_fw h4{    font-size: 40px;
    font-weight: bold;
    font-family: "微软雅黑";
    color: #fff;
    line-height: 90px;}
.z_wf_r{ margin: 0 8rem;}
.z_wf_r1{  background: #fff; margin-top: 3rem;}
.z_wf_r2{ padding:50px; float: left; width: 40%; height: 450px;}
.z_wf_r2 h1{ font-size: 33px; color: #2f2f2f; font-weight: bold; font-family: "微软雅黑"; line-height: 70px;}
.z_wf_r2 h1 span{ font-family: arial; font-size: 40px;}
.z_wf_r2 h2{ width: 15px; height: 5px; background: #9a9a9a;}
.z_wf_r2 h3{ font-size: 18px; color: #333333; line-height: 30px; font-family: "微软雅黑"; padding: 20px 0;}
.z_wf_r2 h4{ color: #666666; font-size: 13px; line-height: 30px; font-family: "微软雅黑";}
.z_wf_r2 h5{ padding:7% 0 0;}
.z_wf_r3{float: left; width: 60%; overflow: hidden;}
.z_wf_r3 h1{ height: 450px;}
.z_wf_r3 h1 img{width: 100%; height: 100%;    -webkit-transition: all .7s ease-out;
    -moz-transition: all .7s ease-out;
    -ms-transition: all .7s ease-out;
    -o-transition: all .7s ease-out;
    transition: all .7s ease-out;}
 .z_wf_r3:hover h1 img{width: 100%;
 	webkit-transform: scale3d(1.1,1.1,1);
    -ms-transform: scale3d(1.1,1.1,1);
    -o-transform: scale3d(1.1,1.1,1);
    -moz-transform: scale3d(1.1,1.1,1);
    transform: scale3d(1.1,1.1,1);}

.z_wf_h{ width: 50%; float: left;}  
.z_wf_h1{    height: 0;
    padding-bottom: 76%;
    overflow: hidden;
    background: #fff;}
.z_wf_h2{  padding:16% 10%;}
.z_wf_h2 h1{ font-size: 17px; color: #333; font-weight: bold; padding-bottom: 5px;font-family: "微软雅黑";}
.z_wf_h2 h2{ font-size:15px; line-height: 25px; font-family: "微软雅黑"; overflow: hidden;}
.z_wf_h3 img{ width: 100%;}

.z_wf_r4{ margin: 3rem 8rem;}
.z_wf_r5{}
.z_wf_r5 li{ height: 400px; padding: 50px; background: #fff;}
.z_wf_r5 li a{ display: block;} 
.z_wf_r5 li h1{ padding-top: 26px;}
.z_wf_r5 li h1 img{transition: .9s all;}
.z_wf_r5 li a:hover h1 .sdx{    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);}
.z_wf_r5 li h2{ color: #303030; font-size: 22px; font-weight: bold; font-family: "微软雅黑"; line-height: 80px;}
.z_wf_r5 li h3{ font-size: 14px; color: #969696; line-height: 27px; font-family: "微软雅黑";}
.z_wf_r5 .z_wf_r6{ background: #f6f6f6;}

.z_wf_r7{ margin: 0 8rem; background: #2f2f2f; overflow: auto;}
.z_wf_r8{ float: left; position: relative; overflow: hidden; width: 60%;}
.z_wf_r8 h1{ height:450px;}
.z_wf_r8 h1 img{ width: 100%; height:100%; webkit-transition: all .7s ease-out;
    -moz-transition: all .7s ease-out;
    -ms-transition: all .7s ease-out;
    -o-transition: all .7s ease-out;
    transition: all .7s ease-out;}

.z_wf_r10{ position: absolute; top: 85px; left: 50px;}
.z_wf_r10 h3{    width: 15px;
    height: 5px;
    background: #9a9a9a;}
.z_wf_r10 h4{ font-size: 14px; font-family: "微软雅黑"; line-height: 30px; color: #fff; padding-top: 25px;}
.z_wf_r9{ float: left; width: 40%; padding: 85px 50px; height: 450px;}
.z_wf_r9 h1,.z_wf_r10 h2{ color: #fff; font-size: 33px; font-weight: bold; font-family: "微软雅黑"; line-height: 70px;}
.z_wf_r9 h2{    width: 15px;
    height: 5px;
    background: #9a9a9a;}
.z_wf_r9 h3{ font-size: 14px; color: #c8c8c8; font-family: "微软雅黑"; line-height: 27px; padding: 15px 0;}
.z_wf_r9 h4{ font-size: 14px; font-family: "微软雅黑"; line-height: 30px; color: #969696;}

.z_wf_hx{ width: 50%; float: left;}  
.z_wf_hx1{    height: 0;
    padding-bottom: 76%;
    overflow: hidden;
    background: #2f2f2f;}
.z_wf_hx2{  padding: 24% 10%;}
.z_wf_hx2 h1{ font-size: 17px; color: #fff; font-weight: bold; padding-bottom: 5px;font-family: "微软雅黑";}
.z_wf_hx2 h2{ font-size:15px;color: #fff; line-height: 25px; font-family: "微软雅黑"; overflow: hidden;}
.z_wf_hq1{ background: url(../images/a_10_1.jpg) no-repeat; background-size:cover;height: 0;
    padding-bottom: 76%;
    overflow: hidden;}

.z_wf_h3 img{ width: 100%;}
@media (min-width:1200px) and (max-width: 1450px) {
	
.z_fw{ padding: 3% 3rem 2%;}
.z_wf_r{ margin: 0 3rem;}
.z_wf_r4{  margin: 3rem 3rem;}
.z_wf_r7{ margin: 0 3rem;}


}
@media (min-width:992px) and (max-width: 1200px) {
.z_fw{ padding: 3% 3rem 2%;}
.z_wf_r{ margin: 0 3rem;}
.z_wf_r4{  margin: 3rem 3rem; }
.z_wf_r5 li h1{ padding-top: 0;}
.z_wf_r7{ margin: 0 3rem;}
}
@media (min-width:768px) and (max-width: 992px) {
	
 .z_fw{padding: 3% 1rem 2%;}
.z_wf_r{ margin:0 1rem;}
.z_wf_r3 h1{ height: 315px;}
.z_wf_r2{ height: 315px; padding: 25px 25px;}
.z_wf_r2 h1{ font-size: 28px; line-height: 40px;}
.z_wf_r2 h1 span{ font-size: 34px;}
.z_wf_r2 h3{ padding: 15px 0 10px;}
.z_wf_r2 h4{ line-height: 27px; font-size: 12px;}
.z_wf_r2 h5 img{ width: 30px; height: 30px;}

.z_wf_r4{ margin: 3rem 1rem;}
.z_wf_r5 li{ padding: 25px;}
.z_wf_r5 li h3{ line-height: 25px;}

.z_wf_r7{ margin: 0 1rem;}
}
@media (min-width:320px) and (max-width: 768px) {
	.z_xwzx_2{ padding-top: 4%;}
	.z_fw{padding: 4% 1rem 2%;}
	.z_wf_r1{ margin-top: 2rem;}
	.z_fw h1{width: 30px;}
	.z_fw h2{ font-size: 17px; line-height: 30px; padding: 10px 0;}
	.z_fw h4{ font-size: 20px; line-height: 35px; padding: 10px 0 0;}
.z_wf_r{  margin: 0;}
.z_wf_r4{ margin: 2rem 0 0;}
.z_wf_r5 li{ padding: 15px 20px 20px; height: auto; margin-bottom: 15px;}
.z_wf_r5 li h1{ padding-top: 10px; padding-bottom: 5px;}
.z_wf_r5 li h1 img{ width: 40px; height: auto;}
.z_wf_r5 li h2{ font-size: 20px; line-height: 40px;}
.z_wf_r5 li h3{ line-height: 24px;}

.z_wf_r7{ margin: 0;}


}
@media (min-width:540px) and (max-width:640px) {
	.z_wf_h2{ padding: 10%; }
	.z_wf_h2 h2{height: 125px;}
	.z_wf_hx2{  padding: 14% 10%;}
	
}
@media (min-width:320px) and (max-width:540px) {
	.z_wf_h2{ padding: 10%; }
	.z_wf_h2 h2{ font-size:14px; line-height: 24px; height: 72px; font-family: "微软雅黑"; overflow: hidden;}
	.z_wf_hx2 h2{font-size:14px; line-height: 24px; height: 72px; font-family: "微软雅黑"; overflow: hidden;}
	.z_wf_hx2{  padding:10%;}
}

/*-------网站地图------*/
.z_wzdt{ background: url(../images/w_1.jpg) no-repeat; padding: 3% 8rem 2%;}
.z_wzdt h1{    width: 45px;
    height: 3px;
    background: #fff;}
.z_wzdt h2{font-size: 30px;
    font-family: "微软雅黑";
    font-weight: bold;
    color: #fff;
    line-height: 70px;}
.z_wzdt h3{    font-size: 13px;
    font-family: "微软雅黑";
    color: #fff;}
.z_wzdt h4{    font-size: 40px;
    font-weight: bold;
    font-family: "微软雅黑";
    color: #fff;
    line-height: 90px;}
.z_wzdt_1{ padding: 2% 8rem 10%; background: url(../images/w_2.jpg) center no-repeat; background-size: cover;}
.z_wzdt_1 h1{ text-align: center;padding: 3% 0 4%; }
.z_wdzt_2 li{ float: left; width: 12.25%;}
.z_wdzt_2 li p{width: 112px; height: 112px; background: #fff; border-radius:100%; 
box-shadow: -1px 0 6px #c3c2c2, 0 -1px 0 #fff, 0 2px 0 #fff,2px 0 0 #fff; margin: 0 auto; text-align:center; color:#333333; font-size: 16px;}
.z_wdzt_2 li p span{ font-size: 16px; color: #999999; text-transform:uppercase;}
.z_wdzt_2 li p i{ font-size: 13px; color: #999999; text-transform:uppercase;}
.z_wdzt_2 li p a{ display: block; padding-top: 35px; height: 112px; color:#333333;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.z_wdzt_2 li p a:hover{color: #017104;}
.z_wdzt_2 li p a:hover i,.z_wdzt_2 li p a:hover span{color: #017104;}
.z_wdzt_2 li .z_wdzt_4{ width: 68%; margin: 0 auto;}
.z_wdzt_2 li .z_wdzt_4 h2{ width: 1px; height: 25px; background: #cacaca; margin: 0 auto;}
.z_wdzt_2 li .z_wdzt_4 h3{ font-family: "微软雅黑"; line-height:28px; border: 1px solid #cacaca; text-align: center; font-size: 14px; color: #999999; width: 100%;}
.z_wdzt_2 li .z_wdzt_4 h3 a{ display: block;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.z_wdzt_2 li .z_wdzt_4 h3 a:hover{ color: #017104;}
.z_wdzt_2 li .z_wdzt_4 h4{ width: 7px; height: 7px; background: #017104; margin: 0 auto; border-radius: 100%;}
@media (min-width:1200px) and (max-width: 1450px) {
.z_wzdt{padding: 3% 3rem 2%;}
.z_wzdt_1{ padding: 2% 3rem 10%; }
}
@media (min-width:992px) and (max-width: 1200px) {
.z_wzdt{ padding: 3% 3rem 2%;}


}
@media (min-width:768px) and (max-width: 992px) {
	
.z_wzdt{padding: 3% 1rem 2%;}
}
@media (min-width:320px) and (max-width: 768px) {
	.z_xwzx_2{ padding-top: 4%;}
	.z_wzdt{padding: 4% 1rem 2%;}
	.z_wzdt h1{width: 30px;}
	.z_wzdt h2{ font-size: 17px; line-height: 30px; padding: 10px 0;}
	.z_wzdt h4{ font-size: 20px; line-height: 35px; padding: 10px 0 0;}

}



/*--文章列表---*/
.z_wzlb_list{}
.z_wzlb_nav{height:50px; line-height:50px; color:rgb(102, 102, 102);}
.z_wzlb1{padding: 2rem 0;border-bottom:1px solid #EEE; background:#FFF;}
.z_wzlb1 a:hover{color: #CC0000;}
.z_wzlb1 img.z_wzlb_img{width:100%;}
.z_wzlb1 h4{font-weight:bold; margin-bottom:10px;}
.z_wzlb1 h5{margin-bottom:10px; color:#999;}
.z_wzlb1 .z_wzlb_excerpt{color:#666;}

.z_cebl{}
.z_cebl .z_cebl_side{position:relative;}
.z_cebl .z_cebl_inbox{position:absolute; top:0; height:auto; padding-bottom:60px; width:100%; background:#FFF;}
.z_cebl .z_cebl_title{height:125px; background:#232940; color:#FFF; font-size:24px; font-weight:bold; text-align:center; line-height:125px;}

.z_cebl_contact{background:#FF6600;}
.z_cebl_contact_info{background:url(../images/contact_phone.png) 10px 20px no-repeat; color:#FFF; line-height:2.6rem; font-size:18px; padding-left:70px; padding-top:1.5rem; padding-bottom:1.5rem;}
.z_cebl_contact_img img{ width:100%;}
@media (min-width:320px) and (max-width: 768px) {
	.z_wzlb_list{padding:0rem;}
	.z_wzlb_list .z_wzlb_nav{padding:0 1rem;}
	.z_wzlb1{margin:0 10px 20px 10px;}
	.z_wzlb{padding:0;}
	.z_wzlb1 h4{margin-top:20px; margin-bottom:20px;}
}

/*--分页---*/
.pagination{margin:20px 0}.pagination ul{display:inline-block;*display:inline;margin-bottom:0;margin-left:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;*zoom:1;-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.05);-moz-box-shadow:0 1px 2px rgba(0,0,0,0.05);box-shadow:0 1px 2px rgba(0,0,0,0.05)}.pagination ul>li{display:inline}.pagination ul>li>a,.pagination ul>li>span{float:left;padding:8px 12px;line-height:20px;text-decoration:none;background-color:#FFF;border:1px solid transparent;border-left-width:0;margin-right:6px;}.pagination ul>li>a:hover,.pagination ul>li>a:focus,.pagination ul>.active>a,.pagination ul>.active>span{background-color:rgb(221, 26, 32); color:#FFF;}.pagination ul>.active>a,.pagination ul>.active>span{color:#FFF;cursor:default}.pagination ul>.disabled>span,.pagination ul>.disabled>a,.pagination ul>.disabled>a:hover,.pagination ul>.disabled>a:focus{color:#FFF;cursor:default;background-color:transparent}.pagination ul>li:first-child>a,.pagination ul>li:first-child>span{border-left-width:1px;-webkit-border-bottom-left-radius:0;border-bottom-left-radius:0;-webkit-border-top-left-radius:0;border-top-left-radius:0;-moz-border-radius-bottomleft:0;-moz-border-radius-topleft:0}.pagination ul>li:last-child>a,.pagination ul>li:last-child>span{-webkit-border-top-right-radius:0;border-top-right-radius:0;-webkit-border-bottom-right-radius:0;border-bottom-right-radius:0;-moz-border-radius-topright:0;-moz-border-radius-bottomright:0}