.zbanner{

  position:relative;

  display:flex;

  justify-content: center;

  align-items: center;

  width: 100%;

}

.zban_text{

  position:absolute;

  right:0;

  left:0;

  top:50%;

  z-index: 10000;

  -webkit-transform: translateY(-50%);

  -moz-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  -o-transform: translateY(-50%);

  transform: translateY(-50%);

  text-align: center;

}

.zban_text>h3{

  position:absolute;

  font-size: 10.5rem;

  -webkit-text-stroke: 0.2px rgba(255,255,255,0.5);

  color: transparent;

  line-height: 40px;

  text-transform: uppercase;

  font-weight: bold;

  left:50%;

  -webkit-transform: translateX(-50%);

  -moz-transform: translateX(-50%);

  -ms-transform: translateX(-50%);

  -o-transform: translateX(-50%);

  transform: translateX(-50%);

}

.zban_text>h5{

  text-align: center;



  font-size: 4rem;

  font-weight: bold;

  color: #fff;

  padding-top: 2vw;

  text-shadow: 0 4px 1px #1c1c1c;

}

.crumbs{

  color: #fff;

  font-size: 1.6rem;

  font-weight: lighter;

}

.crumbs>span{

  display: inline-block;

  line-height: 43px;
#009696
  padding-left:28px;

  background:url("../images/home.png") no-repeat left center;

}

.crumbs a{

  color: #fff;

  font-weight: lighter;

}

.zcom01{

  padding:4vw 0;

  display:flex;

  justify-content: space-between;

  align-items: center;

}

.zcom01>b{

  display:block;

  position:relative;

  overflow:hidden;

  width: 548px;

  height: 529px;

}

.zcom01>img{

  width: 100%;

  height: 100%;

  object-fit:#009696

}

.zcom01>div{

  width: calc(95% - 548px);

}

.zcom01>div>h1{

  font-size: 3.4rem;

  color: #2c2c2c;

  font-weight: bold;

}

.zcom01>div>p{

  font-size: 1.8rem;

  color: #525252;

  margin-bottom: 1.5vw;

  padding-bottom: 18px;

  position:relative;

}

.zcom01>div>p:before{

  position:absolute;

  left:0;

  bottom:0;

  content: '';

  display:block;

  width:100%;

  height: 2px;

  background:#f1f1f1;

}

.zcom01>div>p:after{

  background:#009696;

  position:absolute;

  left:0;

  bottom:0;

  content: '';

  display:block;

  height: 2px;

  width: 80px;

}

.zcom01>div>small{

  font-size: 1.6rem;

  color: #565656;

  line-height: 32px;

}

.zcom02{

  background:url("../images/zcom02.jpg") no-repeat center;

  background-size:cover;

  text-align: center;
#009696
  padding:4vw 0;

}

.zcom02>h3{

  color: #fff;

  font-size: 3.4rem;

  font-weight: bold;

}

.zcom02>p{

  font-size: 1.6rem;

  color: #fff;

}

.zcom02 .warpper{

  display:flex;

  justify-content: space-between;

  align-items: center;

  margin-top: 2vw;

}

.zcom02 ul li{

  background:#fff;

  width:22%;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  padding:3vw 2vw;

  position: relative;

}

.zcom02 ul li:before{

  display:block;

  content: '';

  background:#fff;

  position:absolute;

  left:50%;

  top:50%;

  width: 105%;

  height: 105%;

  -webkit-transform: translate(-50%,-50%);

  -moz-transform: translate(-50%,-50%);

  -ms-transform: translate(-50%,-50%);

  -o-transform: translate(-50%,-50%);

  transform: translate(-50%,-50%);
#009696
  opacity: 0.7;

  -webkit-transition: 350ms 0s all ease;

  -moz-transition: 350ms 0s all ease;

  -ms-transition: 350ms 0s all ease;

  -o-transition: 350ms 0s all ease;

  transition: 350ms 0s all ease;

}

.zcom02 ul li:after{

  display:block;

  content: '';

  background:#fff;

  position:absolute;

  left:50%;
#009696
  top:50%;#009696

  width: 105%;

  height: 105%;

  -webkit-transform: translate(-50%,-50%);

  -moz-transform: translate(-50%,-50%);

  -ms-transform: translate(-50%,-50%);

  -o-transform: translate(-50%,-50%);

  transform: translate(-50%,-50%);
#009696
}#009696

.zcom02 ul li:hover:before{

  width: 112%;

  height: 112%;

}

.zcom02 ul li b{

  positio#009696

  z-index: 10;

  font-weight: normal;

  color: #dadada;

  font-size: 5rem;

  line-height: 40px;

}

.zcom02 ul li>h4{

  position:relative;

  font-size: 2.4rem;

  color: #000000;

  z-index: 10;

  margin-top: 10px;

  font-weight: bold;

}

.zcom02 ul li>p{

  position:relative;

  font-size: 1.4rem;

  color: #646464;

  text-transform: uppercase;

  z-index: 10;

}

.zcom02 ul li>i{

  position:relative;

  display:flex;

  justify-content: center;

  align-items: center;

  width:100%;

  height: 135px;

  z-index: 10;

}

.zcom02 ul li>i>img{

  max-height:67px;

}

.zcom02 ul li>small{

  z-index: 10;

  position:relative;

  font-size: 1.6rem;

  color: #565656;

}

/*zprolist*/

.zgoodslist ul li{

  width:49%;

  float:left;

  margin-bottom: 2vw;

  background:#fff;

  -webkit-transition: 350ms 0s all ease;

  -moz-transition: 350ms 0s all ease;

  -ms-transition: 350ms 0s all ease;

  -o-transition: 350ms 0s all ease;
#009696
  transition: 350ms 0s all ease;

}

.zgoodslist ul li:hover{

  background:#009696;

}

.zgoodslist ul li:nth-of-type(2n){

  float:right;

}

.zgoodslist ul li a{

  display:flex;

  width:100%;

  justify-content: space-between;

  align-items: center;

}

.zgoodslist ul li a>b{

  display:block;

  position:relative;

  overflow:hidden;

  width: 45%;

  height: 240px;

}

.zgoodslist ul li a>b>img{

  width: 100%;

  height: 100%;

  object-fit: cover;

}

.zglist_right{

  width: 55%;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  padding:0 2vw;

}

.zglist_right>h3{

  font-weight: bold;

  font-size: 2rem;

  color: #333;

  text-overflow: ellipsis;

  white-space: nowrap;

  overflow:hidden;

    -webkit-transition: 350ms 0s all ease;

  -moz-transition: 350ms 0s all ease;

  -ms-transition: 350ms 0s all ease;

  -o-transition: 350ms 0s all ease;

  transition: 350ms 0s all ease;

}

.zgoodslist ul li a:hover .zglist_right>h3{
#009696
  color: #fff;

}
#009696


.zglist_right>div{

  display:flex;

  align-items: center;

  margin-#009696

  margin-bottom: 10px;

}

.zglist_right>div>span{

  font-size: 1.6rem;

  color: #666;

  position:relative;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  padding-left:15px;

  margin-right: 1.5vw;

    -webkit-transition: 350ms 0s all ease;

  -moz-transition: 350ms 0s all ease;

  -ms-transition: 350ms 0s all ease;

  -o-transition: 350ms 0s all ease;

  transition: 350ms 0s all ease;

}

.zglist_r#009696re{

  display:block;

  content: '';

  position:absolute;

  left:0;

  top:50%;

  -webkit-transform: translateY(-50%);
#009696
  -moz-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  -o-transform: translateY(-50%);

  transform: translateY(-50%);

  border-radius: 50%;

  background:#009696;

  width: 10px;

  height: 10px;

  -webkit-transition: 350ms 0s all ease;

  -moz-transition: 350ms 0s all ease;

  -ms-transition: 350ms 0s all ease;

  -o-transition: 350ms 0s all ease;

  transition: 350ms 0s all ease;

}

.zgoodslist li:hover a .zglist_right>div>span{

  color: #fff;

}

.zgoodslist li:hover a .zglist_right>div>span:before{

  background:#fff;

}



.zglist_right>small{

  display:block;

  font-size: 1.4rem;

  letter-spacing: 5px;

  padding: 10px 0;

  color: #646464;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;
#009696
  box-sizing: border-box;

  margin-bottom: 1vw;

  border-top: 1px solid #009696;

  border-bottom: 1px solid #009696;

  -webkit-transition: 350ms 0s all ease;

  -moz-transition: 350ms 0s all ease;

  -ms-transition: 350ms 0s all ease;

  -o-transition: 350ms 0s all ease;

  transition: 350ms 0s all ease;

}

.zgoodslist li:hover a .zglist_right>small{

  color: #fff;

  border-top: 1px solid #fff;

  border-bottom: 1px solid #fff;

}

.zglist_right>p{

  display:block;

  color: #fff;

  background:#009696;

  border:1px solid #009696;

  border-radius: 17px;

  line-height: 36px;

  width: 120px;

  text-align: center;

  -webkit-transition: 350ms 0s all ease;

  -moz-transition: 350ms 0s all ease;

  -ms-transition: 350ms 0s all ease;

  -o-transition: 350ms 0s all ease;

  transition: 350ms 0s all ease;

}

.zgoodslist li:hover a .zglist_right>p{

  color: #009696;

  background:#fff;

}



/*zproinfo*/

.zproinfo_top{

  margin-top: 4vw;

  margin-bottom: 2vw;

}

.zproinfo_top_left{

  float:left;

  width:calc(98% - 490px);

  background:#fff;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  padding:62px 35px;

}

.zproinfo_top_left>h3{

  font-size: 3.2rem;

  color: #363636;

}

.zproinfo_top_left>small{

  font-size: 1.8rem;

  color: #545454;

  display:block;

  margin-top: 10px;

  margin-bottom:15px;

}

.swiper-zproinfo{

  width: 100%;

  height:550px;

  position:relative;

  overflow:hidden;

}

.swiper-zproinfo .swiper-slide{

  width: 100%;

  position:relative;

  overflow:hidden;

}

.swiper-zproinfo .swiper-slide img{

  width: 100%;

  height: 100%;

  object-fit: cover;

}

.zproinfo2bg{

  position:relative;

  overflow:hidden;

  margin-top: 15px;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  width:100%;

  padding:0 57px;

}

.swiper-zproinfo2{

  width: 100%;

  height: 165px;

}

.swiper-zproinfo2 .swiper-slide {

  width: 100%;

  position:relative;

  overflow:hidden;

}

.swiper-zproinfo2 .swiper-slide img{

  width: 100%;

  height: 100%;

  object-fit: cover;

}



.zproinfo2bg .swiper-button-next,.zproinfo2bg .swiper-button-prev{

  height: 100%;

  width:43px;

  background:#f5f5f5;

  top:0;

  margin-top: 0;

    -webkit-transition: 350ms 0s all ease;

  -moz-transition: 350ms 0s all ease;

  -ms-transition: 350ms 0s all ease;

  -o-transition: 350ms 0s all ease;

  transition: 350ms 0s all ease;

}

.zproinfo2bg .swiper-button-prev{

  left:0;

}

.zproinfo2bg .swiper-button-next{

  right:0;

}

.zproinfo2bg .swiper-button-next:after,.zproinfo2bg .swiper-button-prev:after{

  font-size: 18px;

  color: #888888;

  font-weight: bold;

    -webkit-transition: 350ms 0s all ease;

  -moz-transition: 350ms 0s all ease;

  -ms-transition: 350ms 0s all ease;

  -o-transition: 350ms 0s all ease;

  transition: 350ms 0s all ease;

}

.zproinfo2bg .swiper-button-next:hover,.zproinfo2bg .swiper-button-prev:hover{

  background:#009696;

}

.zproinfo2bg .swiper-button-next:hover:after,.zproinfo2bg .swiper-button-prev:hover:after{

  color: #fff;

}

.zproinfo_top_right{

  float:right;

  background:#fff;

  width: 490px;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  padding:2vw 33px;

}

.zproinfo_top_right>h4{

  text-align: center;

  font-size: 2.6rem;

  color: #2e2e2e;

}



#proform>input{

  width: 100%;

  line-height: 50px;

  border:1px solid #e9e9e9;

   -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-siz#009696

  font-size: 1.4rem;

  color: #535353;

  margin-top: 15px;

  padding-left: 15px;

}

#proform #009696

  width: 100%;

  height: 100px;

  font-size: 1.4rem;

  color: #535353;

  border:1px solid #e9e9e9;

   -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  margin-top: 15px;

  padding: 10px 15px;

}

#proform textarea::placeholder,#proform>input::placeholder{

  font-size: 1.4rem;

  color: #535353;

}

#proform .code{

  width: 100%;

  line-height: 50px;

  margin-top: 10px;

  border:1px solid #e9e9e9;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  display:flex;

  justify-content: space-between;

  align-items: center;

}

#proform .code input{

  font-size: 1.4rem;

  color: #535353;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  line-height: 50px;

  padding-left: 15px;

}

#proform .code input::placeholder{

  font-size: 1.4rem;

  color: #535353;

}

#proform .code .verify{

  width:120px;

  height: 100%;

  display:flex;

  align-items: center;

  justify-content: center;

}

#proform .code .verify img{

  max-width: 100%;

  max-height: 100%;

}

#proform>small{

  font-size: 1.6rem;

  color: #c01d1d;

  line-height: 50px;

}

#proform .prosubmit{

  display:block;

  width:100%;

  line-height: 48px;

  text-align: center;

  background:#009696;

  color: #fff;

  font-weight: bold;

  font-size: 2rem;

  border:1px solid #009696;

  -webkit-transition: 350ms 0s all ease;

  -moz-transition: 350ms 0s all ease;

  -ms-transition: 350ms 0s all ease;

  -o-transition: 350ms 0s all ease;

  transition: 350ms 0s all ease;

}

#proform .prosubmit:hover{

  background:none;

  color: #009696;

}



.kfpic{

  background:url("../images/kfpic.jpg") no-repeat center;

  background-size:cover;

  display:flex;

  align-items: center;

  justify-content: center;

  height: 146px;

  margin-top: 15px;

}

.kfpic h3{

  text-align: center;

  font-size: 2.6rem;

  color: #fff;

}

.kfpic small{

  text-align: center;

  color: #fff;

  font-size: 1.6rem;

}

.kftel{

  padding-top: 1.5vw;

}

.kftel>small{

  display:block;

  text-align: center;

  font-size: 1.6rem;

  color: #3e3e3e;

}

.kftel>h3{

  text-align: center;

  font-weight:bold;

  font-size: 2.6rem;

  line-height: 24px;

  color: #009696;

}

.kftel>img{

  margin:0 auto;

}

.kftel>div{

  display:flex;

  justify-content: center;

  align-items: center;

  height: 146px;

  margin-top: 10px;

}

.kftel>div>p{

  background:#009696;

  font-size: 1.6rem;

  color: #fff;

  font-weight:lighter;

  height:100%;

  line-height: 30px;

  text-align: center;

  letter-spacing: 4px;

  word-wrap: break-word;

  writing-mode: vertical-lr;/*从左向右 从右向左是 writing-mode: vertical-rl;*/

  writing-mode: tb-lr;/*IE浏览器的从左向右 从右向左是 writing-mode: tb-rl；*/

}

.kftel>div>img{

  height:100%;

}

.zpro_mid{

  background:#fff;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  padding:20px;

  padding-top: 0;

}

.zprotit{

  position:relative;

  font-size: 1.6rem;

  color: #313131;

  text-transform: uppercase;

  margin-bottom: 1.5vw;

  line-height: 85px;

}

.zprotit:before{

  display:block;

  content: '';

  position:absolute;

  left:0;

  bottom:0;

  width:100%;

  height: 2px;

  background:#f1f1f1;

}



.zprotit span{

  font-size: 2.6rem;

  color: #313131;

  position:relative;

  display: inline-block;

  font-weight: bold;

  margin-right: 15px;

}

.zprotit span:after{

  display:block;

  content: '';

  position:absolute;

  left:0;

  bottom:-3px;

  width:100%;

  height: 3px;

  background:#009696;

}

.zpro_mid>small{

  font-size: 1.8rem;

  color: #545454;

}

















.common-inner {

  background: #f6f6f6;

  padding: 28px 0 48px;

  min-height: 500px;

}

.common-inner .inner-left {

  float: left;

  width: 260px;

}

.common-inner .inner-left .pro-sider {

  float: none;

}

.common-inner .inner-right {

  float: right;

  width: 870px;

  background: #fff;

  min-height: 800px;

  padding: 0 25px;

}

.common-inner .inner-right .rig-title {

  font-size: 18px;

  color: #0058b1;

  font-weight: bold;

  height: 54px;

  line-height: 60px;

  overflow: hidden;

  border-bottom: 1px solid #ededed;

}

.common-inner .inner-right .rig-title .crumbs {

  overflow: hidden;

  margin-top: 6px;

  float: right;

  padding-left: 25px;

  height: 48px;

  line-height: 54px;

  background: url(../images/home-icon.png) no-repeat left center;

  color: #b2b2b2;

  font-size: 13px;

  font-weight: normal;

  max-width: 400px;

  white-space: nowrap;

  text-overflow: ellipsis;

}

.common-inner .inner-right .rig-title .crumbs a {

  color: #b2b2b2;

}

.common-inner .inner-right .rig-title .crumbs a:hover {

  color: #237ed2;

  text-decoration: underline;

}

.common-inner .inner-right .search-result {

  height: 50px;

  line-height: 50px;

  background: #f5f5f5;

  margin: 12px 0 25px;

  padding: 0 17px;

  font-size: 14px;

  color: #595959;

}

.common-inner .inner-right .search-result span {

  color: #0058b1;

  font-weight: bold;

}

.common-inner .inner-right .search-result .search-record {

  float: right;

}

.common-inner .inner-right .search-list,

.common-inner .inner-right .de-product-list {

  overflow: hidden;

  min-height: 622px;

}

.common-inner .inner-right .search-list ul,

.common-inner .inner-right .de-product-list ul {

  margin: 0 -12px;

}

.common-inner .inner-right .search-list ul li,

.common-inner .inner-right .de-product-list ul li {

  border: 2px solid #fff;

  float: left;

  width: 270px;

  margin: 0 12px 25px;

}

.common-inner .inner-right .search-list ul li a,

.common-inner .inner-right .de-product-list ul li a {

  display: block;

}

.common-inner .inner-right .search-list ul li .img,

.common-inner .inner-right .de-product-list ul li .img {

  width: 268px;

  height: 200px;

  background: #e6e6e6;

  font-size: 0;

  line-height: 200px;

  text-align: center;

  border: 1px solid #e6e6e6;

  border-bottom: none;

  overflow: hidden;

}

.common-inner .inner-right .search-list ul li .img img,

.common-inner .inner-right .de-product-list ul li .img img {

  display: inline-block;

  vertical-align: middle;

  max-width: 100%;

  max-height: 100%;

  transition: all 0.5s;

}

.common-inner .inner-right .search-list ul li .title,

.common-inner .inner-right .de-product-list ul li .title {

  font-size: 14px;

  padding: 0 18px;

  height: 80px;

  border: 1px solid #e6e6e6;

  border-top: none;

}

.common-inner .inner-right .search-list ul li .title h3,

.common-inner .inner-right .de-product-list ul li .title h3 {

  color: #595959;

  line-height: 44px;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}

.common-inner .inner-right .search-list ul li .title em,

.common-inner .inner-right .de-product-list ul li .title em {

  font-weight: bold;

  display: block;

  color: #ff8111;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}

.common-inner .inner-right .search-list ul li:hover,

.common-inner .inner-right .de-product-list ul li:hover {

  border-color: #268AE7;

}

.common-inner .inner-right .search-list ul li:hover .title,

.common-inner .inner-right .de-product-list ul li:hover .title {

  border-color: #fff;

}

.common-inner .inner-right .search-list ul li:hover .img img,

.common-inner .inner-right .de-product-list ul li:hover .img img {

  transform: scale(1.1);

}

.common-inner .inner-right .de-product-list {

  margin-top: 26px;

}

.common-inner .inner-right .de-about-content {

  padding: 30px 50px;

}

.common-inner .inner-right .de-about-content img {

  margin: 0 auto;

  max-width: 100%;

}

.common-inner .inner-right .de-about-content p {

  font-size: 14px;

  color: #595959;

  line-height: 24px;

}

.common-inner .inner-right .de-news-list {

  overflow: hidden;

  min-height: 644px;

  padding: 5px;

}

.common-inner .inner-right .de-news-list ul li {

  padding: 20px 15px;

  overflow: hidden;

  border-bottom: 1px solid #ededed;

}

.common-inner .inner-right .de-news-list ul li a {

  display: block;

}

.common-inner .inner-right .de-news-list ul li .img {

  float: left;

  width: 175px;

  height: 120px;

  text-align: center;

  line-height: 120px;

  font-size: 0;

}

.common-inner .inner-right .de-news-list ul li .img img {

  display: inline-block;

  vertical-align: middle;

  max-width: 100%;

  max-height: 100%;

}

.common-inner .inner-right .de-news-list ul li .box {

  float: right;

  width: 640px;

  font-size: 14px;

}

.common-inner .inner-right .de-news-list ul li .box h4 {

  color: #323232;

  line-height: 1.1;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

  font-weight: bold;

}

.common-inner .inner-right .de-news-list ul li .box p {

  color: #595959;

  line-height: 24px;

  height: 48px;

  overflow: hidden;

  margin: 15px 0 25px;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 2;

}

.common-inner .inner-right .de-news-list ul li .box .time {

  color: #999999;

  line-height: 1.1;

}

.common-inner .inner-right .de-news-list ul li .box .time span {

  display: block;

  float: right;

  font-size: 14px;

  color: #0058b1;

}

.common-inner .inner-right .de-news-list ul li:hover {

  box-shadow: 0 0 4px 2px rgba(104, 104, 104, 0.1);

}

.common-inner .inner-right .de-news-list ul li:hover .time span {

  color: #237ed2;

}

.common-inner .inner-right .news-detail-content {

  padding: 0 18px;

}

.common-inner .inner-right .news-detail-content .news-detail-title {

  padding-bottom: 15px;

  border-bottom: 1px dashed #ededed;

  text-align: center;

  margin-bottom: 15px;

}

.common-inner .inner-right .news-detail-content .news-detail-title .h3 {

  font-size: 18px;

  color: #323232;

  line-height: 24px;

  font-weight: bold;

  margin: 25px 0 10px;

}

.common-inner .inner-right .news-detail-content .news-detail-title .b {

  font-size: 13px;

  color: #999999;

  line-height: 20px;

}

.common-inner .inner-right .news-detail-content .news-detail {

  padding: 0 12px 30px;

}

.common-inner .inner-right .news-detail-content .news-detail p {

  font-size: 14px;

  color: #595959;

  line-height: 24px;

}

.common-inner .inner-right .news-detail-content .news-detail img {

  max-width: 100%;

  margin: 0 auto;

}

/*.newsPage {*/

  /*padding: 0 12px;*/

  /*font-size: 1.4rem;*/

  /*color: #323232;*/

  /*line-height: 30px;*/

  /*margin: 2vw 0;*/

/*}*/

/*.newsPage a {*/

  /*color: #323232;*/

  /*font-size: 1.4rem;*/

/*}*/

/*.page-a{*/

  /*border-top: 1px solid #f1f1f1;*/

/*}*/

/*.page-a:last-of-type{*/

  /*border-bottom: 1px solid #f1f1f1;*/

/*}*/

/*.newsPage a:hover {*/

  /*color: #237ed2;*/

/*}*/



.newsPage{

  margin-top: 2vw;

}

.newsPage .page-a{

  background:#f5f5f5;

  line-height: 40px;

  font-size: 14px;

  color: #666666;

  -webkit-transition: 350ms 0s all ease;

  -moz-transition: 350ms 0s all ease;

  -ms-transition: 350ms 0s all ease;

  -o-transition: 350ms 0s all ease;

  transition: 350ms 0s all ease;

  margin-bottom: 16px;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  padding-left: 15px;

}

.newsPage .page-a:hover{

  background:#fdf7f1;

  color: #009696;

}

.newsPage .page-a a{

  font-size: 14px;

  color: #666666;

  -webkit-transition: 350ms 0s all ease;

  -moz-transition: 350ms 0s all ease;

  -ms-transition: 350ms 0s all ease;

  -o-transition: 350ms 0s all ease;

  transition: 350ms 0s all ease;

}

.newsPage .page-a:hover a {

  color: #009696;

}





.common-inner .inner-right .de-honor-list {

  overflow: hidden;

  margin: 0 auto;

  margin-top: 24px;#009696
#009696
  padding-top: 6px;

  min-height: 556px;

}

.common-inner .inner-right .de-honor-list ul {

  margin:#009696

}

.common-inner .inner-right .de-honor-list ul li {

  float: left;

  margin: 0 10px 30px;

  overflow: hidden;

  width: 270px;

  background: #f6f6f6;

}

.common-inner .inner-right .de-honor-list ul li a {

  display: block;

}

.common-inner .inner-right .de-honor-list ul li .img {

  width: 270px;

  height: 200px;

  text-align: center;

  line-height: 200px;

  font-size: 0;

  overflow: hidden;

}

.common-inner .inner-right .de-honor-list ul li .img img {

  display: inline-block;

  vertical-align: middle;

  max-width: 100%;

  max-height: 100%;

  transition: all 0.5s;

}

.common-inner .inner-right .de-honor-list ul li .title {

  text-align: center;

  height: 48px;

  padding: 0 10px;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

  line-height: 48px;

  font-size: 14px;

  color: #595959;

}

.common-inner .inner-right .de-honor-list ul li:hover {

  box-shadow: 0 0 4px 2px rgba(104, 104, 104, 0.1);

}

.common-inner .inner-right .de-honor-list ul li:hover .img img {

  transform: scale(1.1);

}

.common-inner .inner-right .de-job-list {

  overflow: hidden;

  padding-bottom: 19px;

  min-height: 645px;

  padding: 5px 5px;

}
#009696
.common-inner .inner-right .de-job-list ul li {

  overflow: hidden;

  padding: 0 55px 0 25px;

  height: 128px;

  border-bottom: 1px solid #ededed;

}

.common-inner .inner-right .de-job-list ul li .job-title {

  float: left;

  width: 260px;

  margin-right: 10px;

  padding-top: 38px;

}

.common-inner .inner-right .de-job-list ul li .job-title h3 {

  font-weight: bold;

  font-size: 18px;

  color: #333;

  line-height: 20px;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

  margin-bottom: 15px;

}

.common-inner .inner-right .de-job-list ul li .job-title p {

  font-size: 16px;

  color: #237ed2;

  line-height: 20px;

  font-we#009696

}

.common-inner .inner-right .de-job-list ul li .job-title p em {

  font-weight: normal;

  font-size: 12px;

}

.common-inner .inner-right .de-job-list ul li .job-info {

  float: left;

  width: 200px;

  padding-top: 38px;

}

.common-inner .inner-right .de-job-list ul li .job-info p {

  font-size: 13px;

  color: #b2b2b2;

  line-height: 20px;

  margin-bottom: 15px;

}

.common-inner .inner-right .de-job-list ul li .job-info p span {

  color: #737373;

}

.common-inner .inner-right .de-job-list ul li .job-btn {

  display: none;

  float: right;

  width: 80px;

  height: 32px;

  line-height: 32px;

  text-align: center;

  font-size: 14px;

  color: #fff;

  background: #237ed2;

  margin-top: 50px;

}

.common-inner#009696job-list ul li:hover {

  box-shadow: 0 0 4px 2px rgba(104, 104, 104, 0.1);

}

.common-inner .inner-right .de-job-list ul li:hover .job-btn {

  display: block;

}

.common-inner .inner-right .jobs-info {

  padding: 40px 10px 30px;

  margin-bottom: 28px;

  border-bottom: 1px dashed #ededed;

}

.common-inner .inner-right .jobs-info .h3 {

  overflow: hidden;
#009696
  margin-bottom: 15px;

}

.common-inner .inner-right .jobs-info .h3 .job-name {

  float: left;

  font-weight: bold;

  font-size: 20px;

  color: #333333;

  width: 450px;

}

.common-inner .inner-right .jobs-info .h3 .job-price {

  float: right;

  font-weight: bold;

  font-size: 24px;

  color: #237ed2;

  line-height: 1.1;

  max-width: 360px;

}

.common-inner .inner-right .jobs-info .h3 .job-price em {
#009696
  font-weight: normal;

  font-size: 16px;

}

.common-inner .inner-right .jobs-info .p {

  font-size: 13px;

  color: #999999;

  line-height: 20px;

  margin-bottom: 10px;

}

.common-inner .inner-right .jobs-info .p span {

  color: #595959;

}

.common-inner .inner-right .jobs-info .btn {

  padding-top: 10px;

  overflow: hidden;

}

.common-inner .inner-right .jobs-info .btn a {

  display: block;

  width: 230px;

  height: 44px;

  text-align: center;

  line-height: 44px;

  color: #fff;

  background: #237ed2;

  font-size: 14px;

}

.common-inner .inner-right .jobs-info .btn a:hover {

  background: #0058b1;

}

.common-inner .inner-right .jobs-info-content {

  padding: 0 20px 30px;

  overflow: hidden;

}

.common-inner .inner-right .jobs-info-content h3 {

  font-size: 18px;

  color: #333333;

  font-weight: bold;

  line-height: 1.1;

  margin-bottom: 10px;

}

.common-inner .inner-right .jobs-info-content p {

  font-size: 14px;

  color: #333;

  line-height: 24px;

}

.common-inner .inner-right .newsPage {

  padding: 0 20px;

  font-size: 16px;

  color: #323232;

  line-height: 30px;

  margin: 15px 0 30px;

}

.common-inner .inner-right .newsPage a {

  color: #323232;

}

.common-inner .inner-right .newsPage a:hover {

  color: #237ed2;

}

.common-inner .inner-right .apply-job {

  overflow: hidden;

  margin-top: 20px;

}

.common-inner .inner-right .apply-job .job-tr {

  overflow: hidden;

}

.common-inner .inner-right .apply-job .job-tr .tr-over {

  overflow: hidden;

}

.common-inner .inner-right .apply-job .job-tr .error {

  padding-left: 75px;

  height: 18px;

  line-height: 18px;

  font-size: 12px;

  color: #f00;

}

.common-inner .inner-right .apply-job .job-tr .tr-title {

  float: left;

  width: 50px;

  min-height: 20px;

  text-align: right;

  font-size: 14px;

  color: #808080;

  margin-right: 25px;

  line-height: 40px;

}

.common-inner .inner-right .apply-job .job-tr .tr-cont {

  float: left;

  width: 640px;

}

.common-inner .inner-right .apply-job .job-tr .tr-cont h3 {

  font-size: 14px;

  color: #4c4c4c;

  line-height: 40px;

  font-weight: bold;

}

.common-inner .inner-right .apply-job .job-tr .tr-cont input[type=text] {

  line-height: 38px;

  font-size: 14px;

  color: #333;

  display: block;

  padding: 0 10px;

  width: 618px;

  height: 38px;

  border: 1px solid #e6e6e6;

}

.common-inner .inner-right .apply-job .job-tr .tr-cont input[name='captcha'] {

  font-size: 14px;

  line-height: 38px;

  color: #333;

  width: 190px;

  float: left;

  margin-right: 30px;

}

.common-inner .inner-right .apply-job .job-tr .tr-cont .verify {

  cursor: pointer;

  float: left;

  width: 120px;

  height: 40px;

  line-height: 40px;

  text-align: center;

  font-size: 0;

}

.common-inner .inner-right .apply-job .job-tr .tr-cont .verify img {

  display: inline-block;

  vertical-align: middle;

  max-width: 100%;

  max-height: 100%;

}

.common-inner .inner-right .apply-job .job-tr .tr-cont textarea {

  font-size: 14px;

  color: #333;

  display: block;

  height: 170px;

  line-height: 20px;

  padding: 5px 10px;

  width: 618px;

  border: 1px solid #e6e6e6;

}

.common-inner .inner-right .apply-job .job-tr .tr-cont.radio-cont {

  line-height: 40px;

}

.common-inner .inner-right .apply-job .job-tr .tr-cont.radio-cont input[type=radio] {

  margin-right: 10px;

}

.common-inner .inner-right .apply-job .job-tr .tr-cont.radio-cont label {

  margin-right: 30px;

  color: #4c4c4c;

  line-height: 40px;

  font-weight: bold;

}

.common-inner .inner-right .apply-job .job-tr .tr-cont a.submit {

  display: block;

  width: 190px;

  height: 40px;

  line-height: 40px;

  text-align: center;

  background: #237ed2;

  color: #fff;

  font-size: 15px;

}

.common-inner .inner-right .apply-job .job-tr .tr-cont a.submit:hover {

  background: #0058b1;

}

.common-inner .inner-right .de-message {

  overflow: hidden;

  padding: 0 5px;

}

.common-inner .inner-right .de-message .tips {

  font-size: 13px;

  line-height: 55px;

  color: #737373;

}

.common-inner .inner-right .de-message .mes-form {

  overflow: hidden;

}

.common-inner .inner-right .de-message .mes-form .form-tr {

  overflow: hidden;

}

.common-inner .inner-right .de-message .mes-form .form-tr input {

  display: block;

  width: 658px;

  padding: 0 10px;

  height: 38px;

  line-height: 38px;

  border: 1px solid #e6e6e6;

}

.common-inner .inner-right .de-message .mes-form .form-tr textarea {

  display: block;

  width: 658px;

  padding: 5px 10px;

  height: 168px;

  border: 1px solid #e6e6e6;

}

.common-inner .inner-right .de-message .mes-form .form-tr .code {

  overflow: hidden;

}

.common-inner .inner-right .de-message .mes-form .form-tr .code input {

  width: 188px;

  float: left;

}

.common-inner .inner-right .de-message .mes-form .form-tr .code .verify {

  cursor: pointer;

  float: left;

  margin-left: 25px;

  width: 120px;

  height: 40px;

  line-height: 40px;

  text-align: center;

  font-size: 0;

}

.common-inner .inner-right .de-message .mes-form .form-tr .code .verify img {

  display: inline-block;

  vertical-align: middle;

  max-width: 100%;

  max-height: 100%;

}

.common-inner .inner-right .de-message .mes-form .form-tr .submit {

  margin-top: 15px;

  display: block;

  width: 190px;

  height: 40px;

  text-align: center;

  line-height: 40px;

  background: #237ed2;

  color: #fff;

  font-size: 15px;

}

.common-inner .inner-right .de-message .mes-form .form-tr .submit:hover {

  background: #0058b1;

}

.common-inner .inner-right .de-message .mes-form .form-tr .error {

  height: 18px;

  line-height: 18px;

  font-size: 12px;

  color: #f00;

  padding: 0 5px;

}

.common-inner .inner-right .de-contact {

  overflow: hidden;

}

.common-inner .inner-right .de-contact .contact-list {

  overflow: hidden;

  margin: 25px 0 35px;

}

.common-inner .inner-right .de-contact .contact-list ul li {

  min-height: 28px;

  padding-left: 50px;

  float: left;

  width: 365px;

  font-size: 14px;

  color: #595959;

  line-height: 20px;

  padding-top: 8px;

  margin-bottom: 14px;

  word-wrap: break-word;

}

.common-inner .inner-right .de-contact .contact-list ul li span {

  display: block;

  float: left;

  color: #999;

}

.common-inner .inner-right .de-contact .contact-list ul li.icon-01 {

  background: url(../images/contact-icon-01.png) no-repeat left top;

}

.common-inner .inner-right .de-contact .contact-list ul li.icon-02 {

  background: url(../images/contact-icon-02.png) no-repeat left top;

}

.common-inner .inner-right .de-contact .contact-list ul li.icon-03 {

  background: url(../images/contact-icon-03.png) no-repeat left top;

}

.common-inner .inner-right .de-contact .contact-list ul li.icon-04 {

  background: url(../images/contact-icon-04.png) no-repeat left top;

}

.common-inner .inner-right .de-contact .contact-list ul li.icon-05 {

  background: url(../images/contact-icon-05.png) no-repeat left top;

}

.common-inner .inner-right .de-contact .contact-list ul li.icon-06 {

  background: url(../images/contact-icon-06.png) no-repeat left top;

}

.common-inner .inner-right .de-contact .contact-map {

  overflow: hidden;

}



.inner-contact {

  width: 260px;

  margin-top: 18px;

}

.inner-contact .title {

  height: 80px;

  background: url(../images/i-pro-title.jpg) no-repeat center;

  text-align: center;

  line-height: 1;

  overflow: hidden;

}

.inner-contact .title h3 {

  margin-top: 20px;

  font-size: 22px;

  color: #fff;

  margin-bottom: 5px;

}

.inner-contact .title em {

  font-size: 13px;

  color: #728dbc;

}

.inner-contact .contact-box {

  min-height: 180px;

  border: 1px solid #ededed;

  border-top: none;

  background: #fff;

  padding: 20px 20px 10px;

  padding-right: 5px;

}

.inner-contact .contact-box .contact-item {

  overflow: hidden;

  padding-left: 60px;

  font-size: 14px;

  color: #595959;

  line-height: 20px;

  margin-bottom: 10px;

  word-wrap: break-word;

}

.inner-contact .contact-box .contact-item .act {

  float: left;

  width: 60px;

  margin-left: -60px;

  color: #808080;

}

.prodect-Info {

  overflow: hidden;

  background: #f6f6f6;

  min-height: 500px;

  padding-bottom: 48px;

}

.prodect-Info .info-crumbs {

  overflow: hidden;

  height: 54px;

  line-height: 58px;

  font-size: 14px;

  color: #999;

  padding-left: 28px;

  background: url(../images/home-icon.png) no-repeat 5px center;

}

.prodect-Info .info-crumbs a {

  color: #595959;

}

.prodect-Info .info-crumbs a:hover {

  color: #237ed2;

  text-decoration: underline;

}

.prodect-Info .info-main {

  overflow: hidden;

  background: #fff;

  padding: 25px 25px 20px;

  margin-bottom: 25px;

}

.prodect-Info .info-main .info-preview {

  float: left;

  width: 350px;

}

.prodect-Info .info-main .info-main-rig {

  float: right;

  width: 775px;

  overflow: hidden;

}

.prodect-Info .info-main .info-main-rig .title {

  font-size: 20px;

  line-height: 30px;

  color: #333;

  font-weight: bold;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

  margin: 18px 0;

}

.prodect-Info .info-main .info-main-rig .price {

  height: 65px;

  background: #f6f6f6;

  line-height: 65px;

  padding: 0 20px;

  color: #ff8111;

  font-size: 22px;

  font-weight: bold;

  margin-bottom: 25px;

}

.prodect-Info .info-main .info-main-rig .price span {

  font-size: 14px;

  color: #808080;

  font-weight: normal;

  margin-right: 25px;

}

.prodect-Info .info-main .info-main-rig .de-list {

  overflow: hidden;

  padding: 0 20px;

  min-height: 150px;

  max-height: 223px;

}

.prodect-Info .info-main .info-main-rig .de-list .list-item {

  overflow: hidden;

  padding-left: 60px;

  font-size: 14px;

  color: #333333;

  line-height: 20px;

  word-wrap: break-word;

  margin-bottom: 10px;

}

.prodect-Info .info-main .info-main-rig .de-list .list-item .item-title {

  width: 60px;

  float: left;

  margin-left: -60px;

  color: #808080;

}

.prodect-Info .info-main .info-main-rig .order-btn {

  overflow: hidden;

  padding: 0 10px;

}

.prodect-Info .info-main .info-main-rig .order-btn .submit {

  display: block;

  width: 155px;

  height: 44px;

  line-height: 44px;

  text-align: center;

  background: #237ed2;

  color: #fff;

  font-size: 14px;

}

.prodect-Info .info-main .info-main-rig .order-btn .submit:hover {

  background: #0058b1;

}

.prodect-Info .info-center {

  overflow: hidden;

}

.prodect-Info .info-center .infoCenter-left {

  float: left;

  width: 260px;

}

.prodect-Info .info-center .infoCenter-left .pro-sider {

  float: none;

}

.prodect-Info .info-center .infoCenter-right {

  float: right;

  width: 870px;

  background: #fff;

  padding: 0 25px;

  min-height: 800px;

}

.prodect-Info .info-center .infoCenter-right .center-title {

  font-weight: bold;

  font-size: 18px;

  color: #0058b1;

  line-height: 60px;

  margin-bottom: 20px;

  height: 59px;

  border-bottom: 1px solid #ededed;

}

.prodect-Info .info-center .infoCenter-right .center-content {

  overflow: hidden;

  padding-bottom: 30px;

}

.prodect-Info .info-center .infoCenter-right .center-content img {

  max-width: 100%;

}

.prodect-Info .info-center .infoCenter-right .center-content table {

  max-width: 100%;

}

.prodect-Info .info-center .infoCenter-right .center-content table.contentTab {

  font-family: '微软雅黑';

  width: 100%;

  border-collapse: collapse;

  table-layout: fixed;

  margin-bottom: 20px;

}

.prodect-Info .info-center .infoCenter-right .center-content table.contentTab tr th {

  width: 50%;

  text-align: center;

  font-size: 15px;

  color: #262626;

  background: #f6f6f6;

  border: 1px solid #e6e6e6;

  line-height: 48px;

  font-weight: bold;

}

.prodect-Info .info-center .infoCenter-right .center-content table.contentTab tr td {

  line-height: 45px;

  color: #595959;

  font-size: 15px;

  text-align: center;

  border: 1px solid #e6e6e6;

}

.prodect-Info .info-center .infoCenter-right .newsPage {

  font-size: 16px;

  color: #323232;

  line-height: 30px;

  margin: 15px 0 30px;

}

.prodect-Info .info-center .infoCenter-right .newsPage a {

  color: #323232;

}

.prodect-Info .info-center .infoCenter-right .newsPage a:hover {

  color: #237ed2;

}

#MagnifierWrap2 {

  position: relative;

  width: 350px;

}

.MagnifierMain {

  position: relative;

  width: 350px;

  height: 350px;

  font-size: 0;

  text-align: center;

  line-height: 350px;

  border: 1px solid #e6e6e6;

}

.MagnifierMain.video {

  cursor: pointer;

}

.MagnifierMain.video::after {

  position: absolute;

  content: '';

  top: 50%;

  left: 50%;

  width: 70px;

  height: 70px;

  margin-left: -35px;

  margin-top: -35px;

  z-index: 1;

  background: url(../images/media-icon.png) no-repeat center;

  background-size: 100% auto;

}

.play-video {

  width: 350px;

  height: 350px;

  border: 1px solid #e6e6e6;

}

.play-video iframe {

  overflow: hidden;

  display: block;

  width: 100%;

  height: 100%;

}

.MagnifierMain img {

  max-width: 100%;

  max-height: 100%;

  display: inline-block;

  vertical-align: middle;

}

.MagnifierDrag {

  position: absolute;

  top: 0;

  left: 0;

  background-color: #ccc;

  opacity: 0.4;

  filter: alpha(opacity=40);

  cursor: move;

}

.MagnifierPop {

  position: absolute;

  top: 0;

  overflow: hidden;

  background: #fff;

}

.MagnifierImg {

  position: absolute;

  top: 0;

  left: 0;

}

.spec-items {

  position: relative;

  width: 292px;

  height: 69px;

  overflow: hidden;

  padding-top: 20px;

  margin: 0 auto;

}

.spec-items ul {

  width: 500%;

  position: absolute;

  top: 20px;

  left: 0;

}

.spec-items ul * {

  -webkit-transition: all 0.3s;

  -o-transition: all 0.3s;

  transition: all 0.3s;

}

.spec-items li {

  width: 65px;

  height: 65px;

  line-height: 65px;

  text-align: center;

  float: left;

  overflow: hidden;

  margin-right: 5px;

  border: 2px solid #fff;

  font-size: 0;

  cursor: pointer;

}

.spec-items li[data-type=video] {

  position: relative;

}

.spec-items li[data-type=video]::after {

  position: absolute;

  content: '';

  top: 50%;

  left: 50%;

  z-index: 1;

  width: 24px;

  height: 24px;

  margin-top: -12px;

  margin-left: -12px;

  background: url(../images/video-icon.png) no-repeat center;

  background-size: 100% auto;

}

.spec-items li.on {

  border: 2px solid #268ae7;

}

.spec-items li img {

  display: inline-block;

  max-height: 100%;

  max-width: 100%;

  vertical-align: middle;

}

span.spe_leftBtn,

span.spe_rightBtn {

  position: absolute;

  bottom: 0px;

  display: block;

  width: 20px;

  height: 69px;

  line-height: 69px;

  text-align: center;

  font-size: 21px;

  font-weight: bold;

  color: #ddd;

  cursor: default;

  background-color: #f9f9f9;

  -moz-user-select: none;

  -webkit-user-select: none;

  -ms-user-select: none;

  -khtml-user-select: none;

  user-select: none;

}

span.on {

  background-color: #f9f9f9;

  color: #0058b1;

  cursor: pointer;

}

span.spe_leftBtn {

  left: 0;

  background: url(../images/p-detail-left.png) no-repeat center;

}

span.spe_leftBtn.on {

  background: url(../images/p-detail-left-active.png) no-repeat center;

}

span.spe_rightBtn {

  right: 0;

  background: url(../images/p-detail-right.png) no-repeat center;

}

span.spe_rightBtn.on {

  background: url(../images/p-detail-right-active.png) no-repeat center;

}

.de-page-mian {

  overflow: hidden;

  text-align: center;

  font-size: 0;

  margin: 10px 0 35px;

}

.de-page-mian .page-inner {

  display: inline-block;

  overflow: hidden;

}

.de-page-mian .page-inner a {

  display: block;

  float: left;

  min-width: 26px;

  padding: 0 5px;

  height: 36px;

  border: 1px solid #dddddd;

  background: #fff;

  text-align: center;

  line-height: 36px;

  font-size: 14px;

  color: #333;

  margin-right: -1px;

  overflow: hidden;

}

.de-page-mian .page-inner a.active,

.de-page-mian .page-inner a:hover {

  color: #fff;

  border-color: #237ed2;

  background: #237ed2;

}

.de-page-mian .page-inner a.prev {

  margin-right: 10px;

  background: #fff url(../images/prev.jpg) no-repeat center;

}

.de-page-mian .page-inner a.prev.on {

  background: #fff url(../images/prev-hover.jpg) no-repeat center;

}

.de-page-mian .page-inner a.prev:hover {

  background-color: #fff;

  border-color: #dddddd;

}

.de-page-mian .page-inner a.next {

  margin-left: 10px;

  margin-right: 15px;

  background: #fff url(../images/next.jpg) no-repeat center;

}

.de-page-mian .page-inner a.next.on {

  background: #fff url(../images/next-hover.jpg) no-repeat center;

}

.de-page-mian .page-inner a.next:hover {

  background-color: #fff;

  border-color: #dddddd;

}

.de-page-mian .page-inner a.page-btn {

  font-size: 12px;

  margin-right: 0;

  width: 63px;

  margin-left: 10px;

}

.de-page-mian .page-inner span {

  display: block;

  font-size: 12px;

  color: #333;

  float: left;

  line-height: 38px;

}

.de-page-mian .page-inner input {

  display: block;

  float: left;

  height: 36px;

  width: 36px;

  border: 1px solid #dddddd;

  text-align: center;

  line-height: 36px;

  font-size: 14px;

  color: #333;

  margin: 0 5px;

}





/*zcontact*/

.zcontact01{

  display:flex;

  justify-content: space-between;

  align-items: center;

  padding:3vw 0;

}

#dituContent{

  width: 53%;

  height: 640px;

}

.zcontact01_right{

  width: 42%;

}

.zcontact01_right ul li{

  border-bottom: 1px solid #f0f0f0;

  height: 150px;

  display:flex;

  align-items: center;

}

.zcontact01_right ul li>b{

  width: 52px;

  height: 52px;

}

.zcontact01_right ul li>div{

  margin-left: 2.5vw;

}

.zcontact01_right ul li>div small{

  font-size: 2rem;

  color: #2f2f2f;

}

.zcontact01_right ul li>div h3{

  font-size: 2.2rem;

  color: #2f2f2f;

  font-weight: bold;

}

.zcontact01_right>img{

  width: 175px;

  margin-top: 2vw;

}

.zcontact02{

  background:url("../images/zcontactbg.jpg") no-repeat center;

  background-size:cover;

  padding-bottom:4vw;

}

.zcontact02 .title h3,.zcontact02 .title small{

  color: #fff;

}

.zcontact02 .warpper{

  display:flex;

  justify-content: space-between;

  align-items: center;

}

#zcontactform{

  width: 52%;

}

.zcontact02 .warpper>b{

  display:block;

  width: 47%;

  height:395px;

}

.zcontact02 .warpper>b img{

  width: 100%;

  height: 100%;

  object-fit: cover;

}

#zcontactform{

  display:flex;

  justify-content: space-between;

  flex-wrap: wrap;

}

#zcontactform>input{

  background:#fff;

  line-height: 80px;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  padding:0 25px;

  width: 49%;

  font-size: 1.6rem;

  color: #2f2f2f;

}

#zcontactform input::placeholder,#zcontactform textarea::placeholder{

  font-size: 1.6rem;

  color: #2f2f2f;

}

#zcontactform textarea{

  width:100%;

  font-size: 1.6rem;

  color: #2f2f2f;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  padding:25px;

  height: 200px;

  margin: 18px 0;

}

#zcontactform .code{

  width: 49%;

  display:flex;

  justify-content: space-between;

  align-items: center;

  background:#fff;

}

#zcontactform .code input{

  font-size: 1.6rem;

  line-height: 80px;

  color: #2f2f2f;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  padding:0 25px;

  width: 98px;

}

#zcontactform .code .verify{

  display:flex;

  justify-content: center;

  align-items: center;

  width: 220px;

  height: 100%;

}

#zcontactform .code .verify img{

  max-width:100%;

  max-height:100%;

}

.zcontsubmit{

  width: 49%;

  font-weight: bold;

  color: #fff;

  font-size: 1.8rem;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  line-height: 78px;

  text-align: center;

  border:1px solid #009696;

  background:#009696;

  -webkit-transition: 350ms 0s all ease;

  -moz-transition: 350ms 0s all ease;

  -ms-transition: 350ms 0s all ease;

  -o-transition: 350ms 0s all ease;

  transition: 350ms 0s all ease;

}

.zcontsubmit:hover{

  background:none;

  color: #009696;

}



/*honor*/

.zcase{

  padding:4vw 0;

}

.zcase ul li{

  float:left;

  width:32%;

  border-right:1px solid #ddd;

  border-top: 1px solid #ddd;

}

.zcase ul li:first-of-type,.zcase ul li:nth-of-type(2),.zcase ul li:nth-of-type(3){

  border-top:none;

}

.zcase ul li:nth-of-type(3n){

  border-right: none;

}

.zcase ul li a{

  display:block;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  padding:30px;

  text-align: center;

  position:relative;

  overflow:hidden;

}





.zcase ul li a>b{

  width:100%;

  height: 12vw;

}

.zcase ul li a>p{

  font-size: 18px;

  color: #666;

  font-weight: bold;

  margin-top: 10px;

  line-height: 40px;

  text-overflow: ellipsis;

  white-space: nowrap;

  overflow:hidden;

}

.zcase ul li a>small{

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 2;

  overflow: hidden;

  color: #9d9d9d;

  font-size: 14px;

  height: 52px;

  line-height: 26px;

}





/*znews*/

.znews{

  padding:3vw 0;

}

.znews ul li a{

  display:flex;

  justify-content: space-between;

  align-items: center;

  height: 230px;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  padding:25px;

  border-top:1px solid #ddd;

}

.znews ul li:last-of-type a{

  border-bottom:1px solid #ddd;

}

.znews ul li b{

  width:350px;

  height: 100%;

}

.znews ul li b img{

  -webkit-transition: 350ms 0s all ease;

  -moz-transition: 350ms 0s all ease;

  -ms-transition: 350ms 0s all ease;

  -o-transition: 350ms 0s all ease;

  transition: 350ms 0s all ease;

  -webkit-transform: scale(1);

  -moz-transform: scale(1);

  -ms-transform: scale(1);

  -o-transform: scale(1);

  transform: scale(1);

}

.znews ul li:hover b img{

  -webkit-transform: scale(1.05);

  -moz-transform: scale(1.05);

  -ms-transform: scale(1.05);

  -o-transform: scale(1.05);

  transform: scale(1.05);

}

.znews ul li a>span{

  background:#009696;

  height: 100%;

  width: 0;

  display:flex;

  justify-content: center;

  align-items: center;

  font-size: 16px;

  color: #fff;

  -webkit-transition: 350ms 0s all ease;

  -moz-transition: 350ms 0s all ease;

  -ms-transition: 350ms 0s all ease;

  -o-transition: 350ms 0s all ease;

  transition: 350ms 0s all ease;

  overflow:hidden;

}

.znews ul li a>span i{

  opacity: 0;

  padding-top:45px;

  background:url("../images/watch2.png") no-repeat center top;

  -webkit-transition: 350ms 300ms all ease;

  -moz-transition: 350ms 300ms all ease;

  -ms-transition: 350ms 300ms all ease;

  -o-transition: 350ms 300ms all ease;

  transition: 350ms 300ms all ease;

}



.znews ul li:hover a>span {

  width: 100px;

}

.znews ul li:hover a>span i{

  opacity: 1;

}

.znews_text{

  width: calc(94% - 450px);

  -webkit-transition: 350ms 0s all ease;

  -moz-transition: 350ms 0s all ease;

  -ms-transition: 350ms 0s all ease;

  -o-transition: 350ms 0s all ease;

  transition: 350ms 0s all ease;

}

.znews_text h4{

  font-weight: bold;

  font-size: 22px;

  color: #404040;

  text-overflow: ellipsis;white-space: nowrap;

  overflow:hidden;

  -webkit-transition: 350ms 300ms all ease;

  -moz-transition: 350ms 300ms all ease;

  -ms-transition: 350ms 300ms all ease;

  -o-transition: 350ms 300ms all ease;

  transition: 350ms 300ms all ease;

}

.znews ul li:hover a .znews_text h4{

  color: #009696;

}

.znews_text>p{

  font-size: 14px;

  color: #a9a9a9;

  font-weight: lighter;

  margin-top: 10px;

  margin-bottom: 10px;

}

.znews_text>small{

  font-size: 14px;

  line-height: 24px;

  color: #666;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 3;

  overflow: hidden;

}

.znewsinfobg{

  padding:4vw 0;

}

.znewsinfo{

  float:left;

  border-right:1px solid #ddd;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  padding-right:35px;

  width:calc(98% - 350px);

}

.znews_tj{

  float:right;

  width: 350px;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

}

.news-detail>img{

  margin:0 auto;

  max-width: 100%;

  margin-bottom: 2vw;

}

.news-detail{

  padding-bottom: 3vw;

}

.news-detail-title{

  border-bottom: 1px solid #ddd;

  padding-bottom: 15px;

  margin-bottom: 2vw;

}

.news-detail-title>h3{

  font-size: 22px;

  color: #101010;

  position:relative;

  padding-left:23px;

}

.news-detail-title>h3:after{

  display:block;

  content: '';

  position:absolute;

  left:0;

  top:5px;

  width:3px;

  height: 23px;

  background:#009696;

}

.news-detail-title>div{

  margin-top: 20px;

  display:flex;

  align-items: center;

}

.news-detail-title>div span{

  background:#fdf7f1;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  padding:3px 8px;

  margin-right:15px;

  color: #626262;

}

.news-detail{

  line-height: 31px;

  font-size: 14px;

  color: #333;

}

.znews_tj{

  background:#f5f5f5;

}

.znews_tj_tit{

  background:#009696;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  text-align: center;

  padding:14px 0;

}

.znews_tj_tit>h3{

  color: #fff;

  font-size: 23px;

}

.znews_tj_tit>small{

  color: #fff;

  font-size: 16px;

  text-transform: uppercase;

}

.znews_tj a{

  display:block;

  border-bottom: 1px solid #ddd;

  padding:15px;

}

.znews_tj a h3{

  text-overflow: ellipsis;

  white-space: nowrap;

  overflow:hidden;

  color: #333;

  font-size: 18px;

  font-weight: bold;

  padding:5px 0;

  -webkit-transition: 350ms 0s all ease;

  -moz-transition: 350ms 0s all ease;

  -ms-transition: 350ms 0s all ease;

  -o-transition: 350ms 0s all ease;

  transition: 350ms 0s all ease;

}

.znews_tj a:hover h3 {

  color: #009696;

}

.znews_tj a small{

  font-size: 14px;

  color: #7a7a7a;

  line-height: 26px;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 2;

  overflow: hidden;

}

.znews_tj a:last-of-type{

  border-bottom: none;

}





/*mmenu*/

.mmenu{

  margin-right:2%;

}

.mmenu,.mobile_head .close{

  width: 28px;

  height: 28px;

  display:flex;

  justify-content: center;

  align-items: center;

  cursor: pointer;

  margin-top:-6px;

  margin-left:15px;

}

.mmenu>div,.mobile_head .close>div{

  width: 100%;

  -webkit-transition: 350ms 0s all ease;

  -moz-transition: 350ms 0s all ease;

  -ms-transition: 350ms 0s all ease;

  -o-transition: 350ms 0s all ease;

  transition: 350ms 0s all ease;

}

.mmenu>div i,.mobile_head .close>div>i{

  background:#fff;

  display:block;

  height: 2px;

  width:100%;

  margin-top:6px;

  -webkit-transition: 350ms 0s all ease;

  -moz-transition: 350ms 0s all ease;

  -ms-transition: 350ms 0s all ease;

  -o-transition: 350ms 0s all ease;

  transition: 350ms 0s all ease;

  opacity: 1;

  position: relative;

}

.menuchange>div .i2{

  opacity: 0;

}

.menuchange>div{

  width: 40px;

}

.menuchange .i1{

  top:8px;

  -webkit-transform: rotate(45deg);

  -moz-transform: rotate(45deg);

  -ms-transform: rotate(45deg);

  -o-transform: rotate(45deg);

  transform: rotate(45deg);

  transform-origin: center;

}

.menuchange .i3{

  top: -8px;

  -webkit-transform: rotate(-45deg);

  -moz-transform: rotate(-45deg);

  -ms-transform: rotate(-45deg);

  -o-transform: rotate(-45deg);

  transform: rotate(-45deg);

  transform-origin: center;

}



.mnavbar{

  position:fixed;

  top:75px;

  right:-220px;

  width: 220px;

  height:calc(100% - 75px);

  background:#fff;

  z-index: 10000;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  overflow-y:auto;

  -webkit-transition: 350ms 0s all ease;

  -moz-transition: 350ms 0s all ease;

  -ms-transition: 350ms 0s all ease;

  -o-transition: 350ms 0s all ease;

  transition: 350ms 0s all ease;

}

.mnavbarin{

  right:0;

}

.mnavbar li{

  width: 100%;

  line-height: 48px;

  padding:0 4%;

  text-align: center;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  border-bottom: 1px solid #e8e8e8;

}

.mnavbar li a{color: #333;}

.mnavbar li.mousein{

  background:#f7f9fa;

}



.headfix{

  background:#fff;

  position:fixed;

  z-index: 10000;

  box-shadow: 0 0 10px #ddd;

}

.headfix .logo>img{

  filter: grayscale(0) brightness(1);

}

.headfix .logo>div>small,.headfix .logo>div>h1{

  color: #666;

}

.headfix .mmenu>div i, .headfix .mobile_head .close>div>i{

  background: #333;

}