@charset "UTF-8";
/*主容器*/
/*正常容器*/
.con-fangDaIMg {
  position: relative; }
  .con-fangDaIMg > img {
    max-width: 100%; }

/*滑块*/
.magnifyingBegin {
  width: 150px;
  height: 175px;
  left: 0;
  top: 0;
  background-color: #454545;
  opacity: 0.5;
  filter: alpha(opacity=50);
  position: absolute;
  cursor: move;
  display: none; }

/*放大镜显示区域*/
.magnifyingShow {
  width: 450px;
  height: 400px;
  display: none;
  position: absolute;
  right: -470px;
  top: 0;
  overflow: hidden;
  background-color: #fff;
  border: 2px solid #cecece;
  z-index: 100; }

.magnifyingShow > img {
  width: 1000px;
  height: auto;
  margin-left: 0;
  margin-top: 0; }

/*设置选择图片容器*/
.con-FangDa-ImgList {
  margin-top: 10px;
  height: 54px;
  width: 320px;
  list-style: none; }

.con-FangDa-ImgList > li {
  margin-right: 7px;
  width: 50px;
  height: 50px;
  float: left;
  cursor: pointer;
  border: 2px solid #666;
  background-color: #454545;
  text-align: center; }

.con-FangDa-ImgList > li > img {
  vertical-align: top;
  display: inline;
  width: auto;
  height: 50px; }

.con-FangDa-ImgList > .active {
  border-color: #000; }

.centerBox {
  text-align: center; }

.Title {
  font-size: 30px;
  color: #323232;
  font-weight: 400; }

.flexSty {
  display: flex;
  align-items: center;
  justify-content: space-between; }

.max-wit {
  max-width: 100%; }

ul li {
  padding: 0;
  margin: 0;
  list-style: none; }

a:hover,
a:focus,
a:active {
  text-decoration: none; }

.length {
  height: 1px;
  width: 100%;
  display: block;
  background-color: rgba(255, 255, 255, 0.103); 
}

.imgZoom img{transition: all .5s;-webkit-transition: all .5s;}
.imgZoom:hover img{transform:scale(1.08, 1.08); -webkit-transform:scale(1.08, 1.08);}

.certificate{ padding-bottom: 30px;}
.certificate .tit{ text-align: center; margin-bottom: 25px;}
.certificate .tit h2{ color: #000; display: inline-block; position: relative;}
.certificate .tit h2::before{ content: ""; width: 50px; height: 2px; background: #222; position: absolute; left: -70px; top: 50%; margin-top: -1px;}
.certificate .tit h2::after{ content: ""; width: 50px; height: 2px; background: #222; position: absolute; right: -70px; top: 50%; margin-top: -1px;}
.certificate .picText{}
.certificate .picText .bigpic{ height: 500px; text-align: center; margin-bottom: 20px;}
.certificate .picText .bigpic img{ width:auto; height: 100%;}
.certificate .picText .text{ color: #000; font-size: 15px; line-height: 2;}
.certificate .zclist{ border-top: 1px solid #ddd; padding-top: 50px; margin-top: 30px;}
.certificate .zclist ul{ overflow: hidden; margin: 0 -50px; padding: 0;}
.certificate .zclist ul li{ width: 33.33%; padding:0 50px; float: left;}
.certificate .zclist ul li dl{ padding-bottom: 143.55%; position: relative; overflow: hidden; border: #ccc solid 1px; }
.certificate .zclist ul li dl img{ width: 100%; height: 100%; position:absolute;top:0;bottom:0;left:0;right:0; margin:auto; -o-object-fit: cover; object-fit: cover; padding: 10px;}
.certificate .zclist ul li h3{ height: 36px; font-size: 16px; text-align: center; color: #000; overflow: hidden;}


/*===/分页=============================*/
.fenye { text-align: center; font-size: 15px; width: 100%; height: 50px; margin: 50px 0 10px;}
.fenye .prev, .fenye .next {line-height: 1; color: #8a8a8a; padding: 8px 14px; margin-right: 8px; display: inline; font-family: "宋体";font-size: 17px; background: #fff; border: #EBEBEB solid 1px;border-radius: 6px;}
.fenye a {line-height: 1; color: #8a8a8a; padding: 8px 14px;margin-right: 8px;display: inline; background: #fff; border: #EBEBEB solid 1px;border-radius: 6px;}
.fenye a:hover {color: #fff; background: #222A35;border: #222A35 solid 1px;}
.fenye a.current { line-height: 1; color: #fff;  background: #222A35; padding: 8px 14px; margin-right: 8px; border: #222A35 solid 1px;}


@media screen and (min-width: 768px) {


  .aboutimg {
    text-align: left; }

  .productList .pc {
    display: block; }
  .productList .mob {
    display: none; }

  .container-fluid {
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center; }

  .collapse {
    width: 50%;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between; }
    .collapse .searchBox {
      margin-top: 20px; }

  .navBox .nav {
    display: flex;
    justify-content: center; }

  .navbar-form {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px; }
    .navbar-form .form-group {
      width: 100%; }
    .navbar-form .form-control {
      width: 100%; }
    .navbar-form .btn-default {
      background-color: #808080;
      color: #fff; }

  .follow {
    display: flex;
    justify-content: center;
    flex-direction: column;
    color: #666;
    font-size: 16px; }
    .follow .imgs {
      display: flex;
      align-items: center;
      justify-content: space-around; }
      .follow .imgs img {
        margin-right: 10px; } 

        

}


/*===/分页=============================*/
.fenye { text-align: center; font-size: 15px; width: 100%; height: 50px; margin: 50px 0 10px;}
.fenye .prev, .fenye .next {line-height: 1; color: #8a8a8a; padding: 8px 14px; margin-right: 8px; display: inline; font-family: "宋体";font-size: 17px; background: #fff; border: #EBEBEB solid 1px;border-radius: 6px;}
.fenye a {line-height: 1; color: #8a8a8a; padding: 8px 14px;margin-right: 8px;display: inline; background: #fff; border: #EBEBEB solid 1px;border-radius: 6px; display: inline-block !important; width: auto !important; height: auto !important;}
.fenye a:hover {color: #fff; background: #222A35;border: #222A35 solid 1px;}
.fenye a.current { line-height: 1; color: #fff;  background: #222A35; padding: 8px 14px; margin-right: 8px; border: #222A35 solid 1px;}

@media screen and (max-width: 768px) {

.topBox .lang a{ line-height: 1;  width: 56px;}

  .Title {
    font-size: 20px; }

  .footer {
    display: none; }

  .contact {
    flex-direction: column; }
    .contact .fromBox {
      padding: 20px !important; }
    .contact .fromBox,
    .contact .rtImg {
      width: 100% !important; }

  .aboutimg {
    text-align: center; }

  .aboutBox {
    padding-bottom: 40px !important; }
    .aboutBox img {
      width: 100%; }

  .productList {
    padding: 30px 0 !important; }
    .productList .pc {
      display: none; }
    .productList .mob {
      display: block; }

  .container-fluid {
    background-color: #fff; }

  .follow {
    display: none; }

  .header {
    width: 100%;
    height: 80px !important; }
    .header .indexlogo {
      height: 70px; }

  .navbar-brand {
    display: none; }

  .navBox .nav {
    display: block;
    width: auto; }

  .imgList {
    flex-wrap: wrap; }

  .listItem {
    margin: 0px !important;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 50px;
    width: 50% !important;
    display: inline-block; }
    .listItem h2 {
      margin-top: 10px; }
      .imgList .listItem .imgtext{
        margin-top: -50px;
      }

  .excessive .numbox .numItem {
    justify-content: flex-start !important; }

  .showBox .row {
    flex-direction: column; }
    .showBox .row .showItem {
      width: 100% !important; }
      .showBox .row .showItem p {
        min-height: 220px; }

  .fdj {
    display: none !important; }

  .newsBox .newItem .row {
    flex-direction: column !important; }

  h1 {
    font-size: 24px; }

  .newText {
    padding-top: 20px; }

  .newsBox .newItem .newImg img {
    width: 100%; }

  .newsBox .container .newItem {
    margin-bottom: 30px; }

  .insideBanner .pathBox h1 {
    letter-spacing: 0px !important;
    margin: 0px; }

  .imgtext {
    left: 50% !important;
    transform: translate(-50%, -50%) !important; 
    width:90%;}
    .imgtext div {
      font-size: 14px; } 

.certificate{}
.certificate .tit{ text-align: center; margin-bottom: 20px;}
.certificate .tit h2{ color: #000;}
.certificate .picText{}
.certificate .picText .bigpic{ height: 100%; text-align: center; margin-bottom: 20px;}
.certificate .picText .bigpic img{ width:100%; height:auto;}
.certificate .picText .text{font-size: 14px; line-height: 1.4;}
.certificate .zclist{ border-top: 1px solid #ddd; padding-top: 30px; margin-top: 20px;}
.certificate .zclist ul{ overflow: hidden; margin: 0; padding: 0;}
.certificate .zclist ul li{ width:100%; padding:0 30px; margin-bottom: 20px; float: none;}
.certificate .zclist ul li dl img{ width: 100%; height: auto;}
.certificate .zclist ul li h3{ font-size: 13px; text-align: center; color: #000;}


}
.navbar {
  z-index: 100; }

.banner img {
  width: 100%; }

.topBox {
  background-color: #1f1f1f;
  height: 50px;
  color: rgba(255, 255, 255, 0.493);
  display: flex; }
  .topBox .tel {
    margin: auto; }
  .topBox .lang {
    color: #fff;
    line-height: 50px;
    margin-right: 5%;
    display: flex;
    align-items: center; }
    .topBox .lang a {
      color: #fff;
      margin-left: 6px; }

    .topBox .lang span{ vertical-align: middle; line-height:1; margin-right: 5px;}

.dropdown-menu {
  background-color: #e8e8e8; }
  .dropdown-menu a {
    color: #666666 !important;
    font-weight: 400 !important;
    line-height: 30px !important; }

.header {
  height: 160px;
  margin: 0 auto; }
  .header .navbar {
    height: 100%;
    background-color: #fff;
    border: none; }
  .header .navBox .nav a {
    color: #333;
    font-size: 16px;
    font-weight: 600; }

.aboutBox {
  background-color: #fff;
  background: url(../img/bgc.jpg);
  background-size: cover;
  padding: 90px 0;
  box-sizing: border-box; }
  .aboutBox .aboutname {
    color: #fff;
    border-bottom: 1px solid #fff;
    padding-bottom: 14px; }
  .aboutBox .texeTitle {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    display: flex;
    align-items: center;
    margin-top: 20px; }
    .aboutBox .texeTitle::before {
      content: "";
      display: block;
      width: 4px;
      height: 20px;
      background-color: #fff;
      margin-right: 20px; }
  .aboutBox .bodyText {
    margin-top: 30px;
    color: rgba(255, 255, 255, 0.479);
    text-align: justify; }
  .aboutBox .morebox {
    float: right;
    margin-top: 10px; }
    .aboutBox .morebox a {
      display: block; }
    .aboutBox .morebox .more {
      padding: 20px 60px;
      border: 1px solid rgba(255, 255, 255, 0.479);
      color: rgba(255, 255, 255, 0.479);
      cursor: pointer;
      display: inline-block; }
      .aboutBox .morebox .more:hover {
        background-color: rgba(255, 255, 255, 0.616);
        color: #333;
        border: 1px solid #000; }

.imgList {
  padding-top: 20px;
  display: flex; }
  .imgList .listItem {
    width: 25%;
    margin-left: 20px;
    position: relative; }

    .imgList .listItem .imgtext {
      width: 100%;
      position: absolute;
      color: #000;
      font-size: 20px;
      text-transform: uppercase;
      top: 95%;
      left: 0;
      padding: 0 15px;
      /* transform: translate(0, -50%); */
      font-weight: 400; }
      .imgList .listItem .imgtext>div{ background: #000; padding:20px; color: #fff; font-size: 18px;}

    .imgList .listItem:first-child {
      margin: 0px; }
    .imgList .listItem img {
      width: 100%; }

.productList {
  background-color: #f5f5f5; 
  padding: 150px 0;
  box-sizing: border-box; }
  .productList .container {
    padding: 0px; }
  .productList .productTitle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 15px;
    padding-bottom: 20px; }
    .productList .productTitle a {
      color: #666666; }
  .productList .productSwiper {
    overflow: hidden; }
    .productList .productSwiper .swiper-slide { padding: 0 10px; box-sizing: border-box;}
    .productList .productSwiper .swiper-slide a{  display: block; background: #fff;}
    .productList .productSwiper .swiper-slide .productImg{ padding-bottom: 75%; position: relative; overflow: hidden;}
      .productList .productSwiper .swiper-slide img{ position:absolute;top:0;bottom:0;left:0;right:0; margin:auto; display: inline-block; vertical-align:middle;max-width:100%;max-height:100%;height: auto; border: none;}
      .productList .productSwiper .swiper-slide .productText{ text-align: center; padding: 5px 0 10px;}
  .productList .productItem {
    background-color: #fff;
    color: #666666;
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 20px; }

.contact {
  display: flex; }
  .contact .fromBox,
  .contact .rtImg {
    width: 50%; }
  .contact img {
    max-width: 100%; }

    .contactBox{ margin-bottom: 25px;}
    .contactBox ul{ overflow: hidden; margin: 0 -20px; padding: 0;}
    .contactBox ul li{ width: 33.33%; padding: 0 10px; float: left;}
    .contactBox ul li ol{ border: #fff solid 1px; padding: 10px;  transition: all .8s;}
    .contactBox ul li dl{ margin-bottom: 0; overflow: hidden; }
    .contactBox ul li dl img{ width: 100%; height: auto; transition: all .5s;-webkit-transition: all .5s;}
    .contactBox ul li ol:hover{border: #ddd solid 1px;}
    .contactBox ul li dl:hover img{transform:scale(1.08, 1.08); -webkit-transform:scale(1.08, 1.08);}

    #map{ height: 400px;}

  .yzm ul{ padding: 0; overflow: hidden;}
  .yzm ul li{ width: 50%; height: 42px; line-height: 42px; float: left; vertical-align: middle;}
  .yzm ul li img{ display: inline-block; vertical-align:middle;}

.fromBox {
  padding-top: 80px;
  padding-left: 10%;
  padding-right: 5%; }
  .fromBox .fromname {
    padding-bottom: 30px; }
  .fromBox input {
    background-color: #f5f5f5;
    margin-bottom: 10px;
    padding: 20px; }
  .fromBox .sumbit {
    padding: 16px 20px;
    background-color: #808080;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    border: none;
    margin-top: 30px; }

.footer {
  padding-top: 4%;
  background-color: #000000; }
  .footer .contactWay {
    color: rgba(255, 255, 255, 0.486); }
  .footer .linkBox {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 0; }
    .footer .linkBox .links {
      display: flex; }
      .footer .linkBox .links li {
        padding-left: 80px; }
        .footer .linkBox .links li a {
          color: #fff; }
  .footer .consts {
    padding-bottom: 20px; }

.copyright {
  text-align: left;
  color: rgba(255, 255, 255, 0.5);
  padding: 20px;
  background-color: #000; }

.insideBanner {
  position: relative; }
  .insideBanner img {
    max-width: 100%; }
  .insideBanner .pathBox {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    text-align: center; }
    .insideBanner .pathBox h1 {
      font-weight: 200;
      letter-spacing: 6px; }
    .insideBanner .pathBox h3 {
      font-size: 14px;
      letter-spacing: 2px; }

.commonBox {
  background-color: #fff;
  padding: 40px 0;
  color: #666666; }
  .commonBox p {
    line-height: 30px;
    text-align: justify; }
  .commonBox .buttonP {
    margin-top: 20px; }

.excessive {
  padding: 20px 0;
  min-height: 320px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: url(../img/img2.jpg), no-repeat, center, center; }
  .excessive .numbox .numItem {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff; }
    .excessive .numbox .numItem .numright {
      margin-left: 20px; }

.showBox {
  background-color: #4d4d4d;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 80px 0; }
  .showBox .row {
    display: flex;
    align-items: flex-start;
    justify-content: space-between; }
  .showBox .showItem {
    width: 28%;
    text-align: center; }
    .showBox .showItem p {
      background-color: rgba(255, 255, 255, 0.13);
      display: block;
      padding: 20px 40px;
      color: rgba(255, 255, 255, 0.507);
      text-align: left;
      line-height: 24px;
      min-height: 360px; }

.productsBox {
  background-color: #f5f5f5;
  padding-top: 60px; }
.productsBox .container{ width: 1620px; }

@media screen and (max-width: 1660px) {
.productsBox .container{ width: 100%; }
}
  .productsBox .leftList .podTitle {
    background-color: #000;
    text-transform: uppercase;
    color: #fff;
    font-size: 25px;
    margin: 0px;
    padding: 20px 35px;
    line-height: 1.6;
    box-sizing: border-box; }
  .productsBox .leftList .navLi {
    width: 100%;
    padding: 0px;
    margin: 0px;
    padding-top: 20px; }
    .productsBox .leftList .navLi > li {
      position: relative; }
      .productsBox .leftList .navLi > li::after {
        content: "";
        width: 8px;
        height: 8px;
        display: block;
        border-top: 2px solid #666666;
        border-right: 2px solid #666666;
        transform: rotate(45deg);
        position: absolute;
        right: 10px;
        top: 18px; }
    .productsBox .leftList .navLi > li.noSub:after{display: none;}
    .productsBox .leftList .navLi .li,.productsBox .leftList .navLi .li1 {
      padding: 8px 0;
      line-height: 30px;
      color: #666666;
      cursor: pointer;
      width: 100%;
      display: inline-block; }
      .productsBox .leftList .navLi .li:hover {
        background-color: #9b9b9b; }
    .productsBox .leftList .navLi ul {
      display: none;
      margin: 0px;
      padding: 0px;
      padding-left: 20px; }
      .productsBox .leftList .navLi ul li:hover {
        background-color: #9b9b9b; }
      .productsBox .leftList .navLi ul li a {
        padding: 8px 0;
        line-height: 30px;
        color: #666666;
        cursor: pointer;
        width: 100%;
        display: inline-block; }
  .productsBox .productShow {
    margin-bottom: 40px; }
    .productsBox .productShow a {
      display: block;
      width: 100%;
      height: 100%; }
    .productsBox .productShow .productItem {
      background-color: #fff;
      height: 400px;
      margin-bottom: 20px;
      text-align: center; }
      .productsBox .productShow .productItem .imgProduct {
        height: 310px;
        overflow: hidden;
        display: flex;
        align-items: center;
        justify-content: center; }
        .productsBox .productShow .productItem .imgProduct img {
          max-width: 100%; }
      .productsBox .productShow .productItem .productname {
        margin-top: 10px; }
        .productsBox .productShow .productItem .productname p {
          margin: 0px;
          padding: 0px;
          text-align: center;
          font-size: 14px;
          font-weight: 600;
          color: #666666; }

.pagingbox {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center; }
  .pagingbox a {
    width: auto !important; }
  .pagingbox .Prev {
    margin-right: 20px;
    display: block;
    height: 30px;
    background-color: #f5f5f5;
    padding: 0px 20px;
    line-height: 30px; }
    .pagingbox .Prev:hover {
      background-color: #333333;
      color: #fff; }
  .pagingbox .Next {
    margin-left: 20px;
    display: block;
    line-height: 30px;
    height: 30px;
    padding: 0px 20px;
    background-color: #f5f5f5; }
    .pagingbox .Next:hover {
      background-color: #333333;
      color: #fff; }
  .pagingbox a {
    color: #666666; }
  .pagingbox ul {
    padding: 0px;
    margin: 0px;
    display: flex;
    align-items: center; }
    .pagingbox ul .pageNumber {
      width: 30px;
      height: 30px;
      text-align: center;
      line-height: 30px;
      margin: 0 10px; }
      .pagingbox ul .pageNumber a {
        background-color: #f5f5f5;
        display: block; }
        .pagingbox ul .pageNumber a:hover {
          background-color: #333333;
          color: #fff; }
    .pagingbox ul .isActive a {
      background-color: #333333;
      color: #fff; }

.productDetail {
  padding-top: 40px; }
  .productDetail .detailImg {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 400px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.219);
    position: relative; }
    .productDetail .detailImg .fdj {
      position: absolute;
      right: 0px;
      bottom: 0px;
      cursor: pointer; }
  .productDetail .detailText {
    padding-left: 40px; }
    .productDetail .detailText h1 {
      padding-bottom: 20px;
      border-bottom: 1px solid #dadada; }
    .productDetail .detailText .parameter {
      margin-top: 20px;
      color: #666666; }
  .productDetail .Technical {
    background-image: url(../img/Technical.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 210px;
    margin-top: 60px; }
  .productDetail .tableBox {
    padding-top: 60px;
    padding-bottom: 60px; }
    .productDetail .tableBox table{ width: 100%; }
    .productDetail .tableBox table tr:first-child td {
      padding: 10px 0 10px 30px;
      background-color: #7a7a7a;
      border-bottom: 1px solid #fff;
      border-left: 1px solid #fff;
      color: #fff; }
    .productDetail .tableBox table tr td {
      padding: 10px 0 10px 30px;
      background-color: #f5f5f5;
      border-bottom: 1px solid #fff;
      border-left: 1px solid #fff;
      color: #666; }

      .hotBox{ margin-bottom: 60px;}
      .hotBox .tit{ font-size: 22px; font-weight: bold; border-bottom: 1px solid #949494; line-height: 2;}
      .hotBox .box{ padding-top: 20px;}
      .hotBox .box ul{ margin: 0 -10px; overflow: hidden; padding: 0;}
      .hotBox .box ul li{ width: 25%; padding: 0 10px; float: left;}
      .hotBox .box ul li dl{ padding-bottom: 100%; position: relative; overflow: hidden; margin-bottom: 10px;}
      .hotBox .box ul li dl img{display: inline-block; vertical-align:middle;max-width:100%;max-height:100%;height: auto; border: none;  position:absolute;top:0;bottom:0;left:0;right:0; margin:auto;}
      .hotBox .box ul li ol{ color: #000; font-size: 18px; text-align: center;}

.newsBox {
  padding-top: 40px;
  padding-bottom: 40px; }
  .newsBox .newItem {
    margin-bottom: 60px; }
    .newsBox .newItem .row {
      display: flex;
      align-items: center; }
    .newsBox .newItem .newImg {
      text-align: center; }
    .newsBox .newItem .newText h1 {
      margin: 0px;
      padding: 0px; }
      .newsBox .newItem .newText h1 a {
        color: #333; }
    .newsBox .newItem .newText p {
      color: #666666;
      line-height: 26px; }

.newtime {
  display: flex;
  align-items: center;
  padding: 10px 0;
  color: #666; }
  .newtime img {
    margin-right: 4px; }

.newsDetail {
  padding-bottom: 40px; }
  .newsDetail .newsBody {
    margin-top: 10px;
    padding-top: 20px;
    border-top: 1px solid #d1d1d1; }
    .newsDetail .newsBody p {
      color: #666;
      line-height: 24px; }
    .newsDetail .newsBody img {
      max-width: 100%; }
  .newsDetail .rightGo {
    padding-top: 20px; }
    .newsDetail .rightGo a {
      display: block; }
  .newsDetail .last, .newsDetail .next {
    border: 1px solid #cccccc;
    display: flex;
    align-items: flex-start;
    padding: 20px;
    margin-bottom: 20px;
    cursor: pointer;
    transition: all,0.5s; }
    .newsDetail .last:hover, .newsDetail .next:hover {
      border-color: #000; }
    .newsDetail .last .goright, .newsDetail .next .goright {
      padding-left: 20px;
      color: #666; }

.contantsBox {
  padding-top: 40px;
  padding-bottom: 40px; }
  .contantsBox .fromBox {
    padding: 0px;
    margin: 0px; }
    .contantsBox .fromBox .fromname {
      padding: 0px; }
    .contantsBox .fromBox p {
      padding: 10px 0;
      color: #666;
      line-height: 24px; }
  .contantsBox .contantUs h1 {
    margin: 0px;
    padding-bottom: 40px; }
  .contantsBox .contantUs .contactItem {
    display: flex;
    align-items: flex-start;
    margin-bottom: 30px; }
    .contantsBox .contantUs .contactItem h3 {
      margin: 0px;
      padding: 0px;
      margin-bottom: 10px; 
    text-align: left;}
    .contantsBox .contantUs .contactItem div {
      padding-left: 20px; }
    .contantsBox .contantUs .contactItem p {
      color: #666; }

.contactPic { padding-top:60px;}
.contactPic img{ width: 100%; height: auto;}
.contactPic dl{ overflow: hidden;}
.contactPic dl img{transition: all .5s;-webkit-transition: all .5s;}
.contactPic dl:hover img{transform:scale(1.08, 1.08); -webkit-transform:scale(1.08, 1.08);}
/*# sourceMappingURL=style.css.map */

@media screen and (max-width:750px){

  .imgList .listItem .imgtext{ top: 120%; padding: 0 10px;}
  .imgList .listItem .imgtext>div{ padding: 8px; font-size: 12px;}

.hotBox .box ul li{ width: 50%; padding: 0 10px;}
.hotBox .box ul li ol{ font-size: 15px;}

.contactBox ul{ padding: 0; margin:0;}
.contactBox ul li{ width: 100%;}

#map{ height: 300px;}
}