@charset "utf-8";
/* CSS Document */
*,*:before,*:after { }
body{background: #f1f8fc; margin:0px; padding:0px; font-size:12px;font-family:-apple-system,SF UI Display,Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,WenQuanYi Micro Hei,sans-serif;color:#898989;line-height:1;}
ul,li,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,ol,form,input{ margin:0px; padding:0px;}
input,textarea { font-family: "微软雅黑"; border: none; outline: none; background: none; }
ul,li{ list-style:none}
img{border:0px; padding:0px; display: initial;}
a{ color:#5c5c5c; text-decoration:none}

h2,h3,h4,b,strong { font-weight: normal; }
em,i { font-style: normal; }

.indexWarp .top{ width: 100%; background: #0e4c71;}
.indexWarp .top .top_box{ width:1610px; margin: 0 auto; height: 110px;}
.indexWarp .top .top_box .logo{ float: left; height: 110px; line-height: 110px;}
.indexWarp .top .top_box .logo img{ vertical-align: middle; display: inline-block;}
.indexWarp .top .top_box .nav{ float: left; padding-top: 75px; padding-left: 80px;}
.indexWarp .top .top_box .nav ul{ overflow: hidden;}
.indexWarp .top .top_box .nav ul li{ float: left; margin-right: 65px;}
.indexWarp .top .top_box .nav ul li a{ font-size: 12px; color: #fff;}
.indexWarp .top .top_box .serach{ float: right;}
.indexWarp .top .top_box .serach ul{ height: 65px; line-height: 65px;}
.indexWarp .top .top_box .serach ul li{ line-height: 65px; padding-left: 20px; float: right; margin-left: 35px;}
.indexWarp .top .top_box .serach ul li a{ font-size: 12px; color: #fff;}
.indexWarp .top .top_box .serach ul li:nth-child(1){ background: url(../images/index_11.jpg) left center no-repeat;}
.indexWarp .top .top_box .serach ul li:nth-child(2){ background: url(../images/index_05.jpg) left center no-repeat;}
.indexWarp .top .top_box .serach ul li:nth-child(3){ background: url(../images/index_08.jpg) left center no-repeat; margin-left: 0;}
.indexWarp .top .top_box .serach .serach_box{ width: 100%; height: 24px; overflow: hidden;}
.indexWarp .top .top_box .serach .serach_box button{ display: block; width: 30px; border: none; outline: none; height: 24px; background:url(../images/index_17.jpg) center center no-repeat #fff ; float: right;}
.indexWarp .top .top_box .serach .serach_box input{ float: left; width: calc(100% - 31px); border: none; text-indent: 15px; display: block; float: left; background: #fff; height: 100%;}

.indexWarp .banner{ width: 1610px; margin: 0 auto;}
.indexWarp .banner .tit{ padding: 55px 0 20px 0;}
.indexWarp .banner .tit h2{ height: 46px; line-height: 46px; font-size: 46px; color: #0e4c71;margin-bottom:10px;}
.indexWarp .banner .tit p{ font-size: 26px; line-height: 26px; color: #666;}

.indexWarp .banner img{ display: block; width: 100%; height: auto;}

.indexWarp .container1{ width: 100%; overflow: hidden; margin: 0 auto; padding-top: 20px;padding-bottom: 110px;}
.indexWarp .container1 .conLeft{ float: left; width: 290px; }
.indexWarp .container1 .conLeft .tit{ line-height: 60px; width: 100%; height: 60px; border-bottom: 2px solid #efefef; position: relative; color: #202020; font-size: 18px;}
.indexWarp .container1 .conLeft .tit span{ display: block; width: 35px; height: 2px; bottom: -2px; position: absolute; left: 0; background: #64adbe;}
.indexWarp .container1 .conLeft ul{ width: 100%; padding-top: 30px;}
.indexWarp .container1 .conLeft ul li p{font-size: 16px;font-weight: bold; line-height: 40px; color: #4f514f;}
.indexWarp .container1 .conLeft ul li dl{ display: none;}
.indexWarp .container1 .conLeft ul li dl dd{line-height: 40px; color: #4f514f; font-size: 18px;}
.indexWarp .container1 .conLeft ul li dl dd a{ color: #4f514f;}
.indexWarp .container1 .conLeft ul li{ line-height: 28px;}
.indexWarp .container1 .conLeft ul li a{ font-size: 14px; color: #898989;}
.indexWarp .container1 .conLeft .icon{ padding-top: 30px;}
.indexWarp .container1 .conLeft .icon img{ display: block; width: 100%; height: auto;}
.indexWarp .container1 .conRight{ width: 100%;}
.indexWarp .container1 .conRight .tit{ height: 60px; line-height: 60px; border-bottom: 3px solid #64adbe; font-size: 32px; color: #333;}
.indexWarp .container1 .conRight .layer1{ width: 100%; overflow: hidden; padding: 20px 0;}
.indexWarp .container1 .conRight .layer1 .layer1Left{ float: left; width: 20%; height: 460px; background: #bedbe4; border-radius:10px;}
.indexWarp .container1 .conRight .layer1 .layer1Left .icon{ width: 100%; height: 265px; position: relative;}
.indexWarp .container1 .conRight .layer1 .layer1Left .icon img{ transform: translate(-50%,-50%); position: absolute; left: 50%; top: 50%; width:263px;}
.indexWarp .container1 .conRight .layer1 .layer1Left .text{ width: 255px; margin: 0 auto;}
.indexWarp .container1 .conRight .layer1 .layer1Left .text h2{ height: 50px; line-height: 50px; font-size: 24px; border-bottom: 2px solid #fff; color: #333; margin-bottom: 10px;}
.indexWarp .container1 .conRight .layer1 .layer1Left .text p{ font-size: 18px; color: #333; line-height: 28px;}
.indexWarp .container1 .conRight .layer1 .layer1Right{ float: right; width: 80%; height: 460px;padding-left:5px;}
.indexWarp .container1 .conRight .layer1 .layer1Right ul{ width: 100%; overflow: hidden;}
.indexWarp .container1 .conRight .layer1 .layer1Right ul li{ width: 32.6%; float: left; height: 225px; margin-right: 14px; border-radius:10px; background: #fff; margin-bottom: 10px; transition: 0.5s;}
.indexWarp .container1 .conRight .layer1 .layer1Right .icon{ width: 245px; float: left; height: 100%; position: relative;}
.indexWarp .container1 .conRight .layer1 .layer1Right .icon img{ display: block; width: 70%; height: auto; left: 50%; top: 50%; transform: translate(-50%,-50%); position: absolute;}
.indexWarp .container1 .conRight .layer1 .layer1Right .text{ width: calc(100% - 245px); padding-top: 50px; box-sizing: border-box; float: left;}
.indexWarp .container1 .conRight .layer1 .layer1Right .text h2{ width: 100%; background: #6096ad; color: #fff; font-weight: bold; height: 32px; line-height: 32px; font-size: 26px; text-indent: 20px; margin-bottom: 10px; transition: 0.5s;}
.indexWarp .container1 .conRight .layer1 .layer1Right .text p{ font-size: 14px; line-height: 28px; color: #333;}
.indexWarp .container1 .conRight .layer1 .layer1Right ul li:hover{ background: #6096ad; box-shadow: 0 0 10px rgba(0,0,0,0.3);}
.indexWarp .container1 .conRight .layer1 .layer1Right ul li:hover p{ color: #fff;}
.indexWarp .container1 .conRight .layer1 .layer1Right ul li:hover h2{ text-indent: 0;}
/*.indexWarp .container1 .conRight .layer1 .layer1Right ul li:nth-child(2n){ margin-right: 0;}*/
  .indexWarp .container1 .conRight .layer1 .layer1Right ul li:nth-child(3n) {
    margin-right: 0;
  }
.indexWarp .container1 .conRight .layer2{ width: 100%;}
.indexWarp .container1 .conRight .layer2 ul{ width: 100%; height: 395px; padding-top: 20px;}
.indexWarp .container1 .conRight .layer2 ul li{ width: 16%; margin-right: 12.5px; height: 395px; background: #fff; border-radius:8px 8px 0 0; float: left; transition: 0.5s;}
.indexWarp .container1 .conRight .layer2 ul li .icon{ width: 100%; position: relative; height: 240px; position: relative;}
.indexWarp .container1 .conRight .layer2 ul li .icon img{ position:absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 80%; height: auto;}
.indexWarp .container1 .conRight .layer2 ul li h2{ text-align: center; height: 32px; text-align: center; line-height: 32px; background: #71a0c7; color: #fff; margin-bottom: 10px;}
.indexWarp .container1 .conRight .layer2 ul li p{ font-size: 16px; line-height: 26px; text-align: center;}
.indexWarp .container1 .conRight .layer2 ul li:last-child{ margin-right: 0;}
.indexWarp .container1 .conRight .layer2 ul li:hover{ transform: translateY(-10px); box-shadow: 0 0 10px rgba(0,0,0,0.2);}
.indexWarp .container1 .conRight .title{ padding: 48px 0 18px 0; font-size: 26px; color: #333;}
.indexWarp .container1 .conRight .layerTable{ width: 100%;}
.indexWarp .container1 .conRight .layerTable table{ width: 100%;}
.indexWarp .container1 .conRight .layerTable table th{ height: 48px; border-right:1px solid #fff ;}
.indexWarp .container1 .conRight .layerTable table tr th:nth-child(1){ width: 25px;}
.indexWarp .container1 .conRight .layerTable table tr th:nth-child(2){ width: 78px;}
.indexWarp .container1 .conRight .layerTable table tr th:nth-child(3){ width: 210px;}
.indexWarp .container1 .conRight .layerTable table tr th:nth-child(4){ width: 180px;}
.indexWarp .container1 .conRight .layerTable table tr th:nth-child(5){ width: 225px;}
.indexWarp .container1 .conRight .layerTable table tr th:nth-child(6){ width: 140px;}
.indexWarp .container1 .conRight .layerTable table tr th:nth-child(7){ width: 118px;}
.indexWarp .container1 .conRight .layerTable table tr th:nth-child(8){ width: 268px;}
.indexWarp .container1 .conRight .layerTable .Zi tr th{ background: #bdbee1; color: #312f27;}
.indexWarp .container1 .conRight .layerTable .Zi tr td{ text-align: left; border-bottom: 2px solid #bcbde0; height: 42px; font-size: 12px; color: #333;}
.indexWarp .container1 .conRight .layerTable .Cheng tr th{ background: #e1c7bd; color: #312f27;}
.indexWarp .container1 .conRight .layerTable .Cheng tr td{ text-align: center; border-bottom: 2px solid #e1c7bd; height: 42px; font-size: 12px; color: #333;}
.indexWarp .container1 .conRight .layerTable .Lv tr th{ background: #bdd8e1; color: #312f27;}
.indexWarp .container1 .conRight .layerTable .Lv tr td{ text-align: center; border-bottom: 2px solid #bdd8e1; height: 42px; font-size: 12px; color: #333;}

.indexWarp .copyright{ width: 100%;  padding: 0 30px; box-sizing: border-box; background: #0e4c71; line-height: 65px; font-size: 16px; color: #fff;}
.indexWarp .top .SideClick{ display: none;}
.sideFixed{ display: none;}
.listPage{ width: 100%;  overflow: hidden;}
.listPage .listLayer1{ width: 100%;height: 450px; background: #74a5c0;}
.listPage .listLayer1 .icon{ float: left; width: 575px; float: left; height: 100%;}
.listPage .listLayer1 .icon img{ display: block; width: 100%; height:100%;}
.listPage .listLayer1 .text{ float: left; width: calc(100% - 575px); height: 100%; transition: 0.5s; position: relative;}
.listPage .listLayer1 .text .text_box{ width: 100%; top: 50%; transform: translateY(-50%); left: 0; position: absolute;}
.listPage .listLayer1 .text .text_box h2{ font-size: 34px; color: #333; line-height: 34px; padding-bottom: 20px;}
.listPage .listLayer1 .text .text_box h3{line-height: 20px; font-size: 20px; color: #fff;}
.listPage .listLayer1 .text .text_box ul{ overflow: hidden; padding: 15px 0;}
.listPage .listLayer1 .text .text_box ul li{transition: 0.5s; display: inline-block; width: 210px; height: 32px; text-align: center; line-height: 32px; border: 1px solid #72b7c0; background: #fff; color: #203f53; font-size: 16px;}
.listPage .listLayer1 .text .text_box ul li:hover{ background: #72b7c0;}
.listPage .bt{ width: 100%; line-height: 120px; font-size: 32px; color: #0e4c71;}
.listPage .listLayer1 .text .text_box p{ width: 550px; font-size: 16px; color: #fff; line-height: 26px;}
.listPage .listLayer2{ padding:17px 0; width: 100%;}
.listPage .listLayer2 ul{ width: 100%; overflow: hidden;}
.listPage .listLayer2 ul li{ float: left; width: 49%; float: left; margin-right: 2%; height: 365px;}
.listPage .listLayer2 ul li:last-child{ margin-right: 0;}
.listPage .listLayer2 ul li:nth-child(1){ background: #d3fbf8;}
.listPage .listLayer2 ul li:nth-child(2){ background: #c4e2ee;}
.listPage .listLayer2 ul li .listTop{ height: 270px; width: 100%; overflow: hidden;}
.listPage .listLayer2 ul li .listTop .icon{ float: left; width: 350px; height: 100%; position: relative;}
.listPage .listLayer2 ul li .listTop .icon img{ display: block; position: absolute; left: 50%; top: 50%; width: 70%; height: auto; transform: translate(-50%,-50%);}
.listPage .listLayer2 ul li .listTop .text{ box-sizing: border-box; width: calc(100% - 350px); float: left; padding-right: 20px;}
.listPage .listLayer2 ul li .listTop .text h2{ line-height: 48px; width: 100%; font-size:36px; color: #333; padding-top: 35px;}
.listPage .listLayer2 ul li .listTop .text p{ font-size: 18px; line-height: 30px; color: #027b71;}
.listPage .listLayer2 ul li .listBottom{ width: 100%; height: calc(100% - 270px); background: #b9f0eb; padding: 20px 35px; box-sizing: border-box;font-size: 16px; line-height: 22px; color: #102a3d;}
.listPage .listLayer2 ul li:nth-child(2) .listTop .text p{ color: #005278;}
.listPage .listLayer2 ul li:nth-child(2) .listBottom{ background: #b1d3e3;}
.indexWarp .listPage .listLayer3 .title{ width: 100%; background: #3f82a6; height: 195px; padding: 0;}
.listPage .listLayer3 .title h2{ padding: 10px 0; font-size: 32px; color: #fff; line-height: 52px; text-align: center;}
.listPage .listLayer3 .title ul{ text-align: center;}
.listPage .listLayer3 .title ul li{ width: 210px; margin:0 3px; height: 32px; background: #fff; text-align: center; line-height: 32px; font-size: 14px; color: #333; transition: 0.5s; display: inline-block;}
.listPage .listLayer3 .title ul li:hover{ background: rgba(255,255,255,0.6);}
.listPage .listLayer3 .main{ width: 100%; overflow: hidden;}
.listPage .listLayer3 .main ul{ overflow: hidden; margin-top: 20px;}
.listPage .listLayer3 .main ul li{ float: left; width:23.5%; height: 600px; background: #fff; margin-right: 2%;}
.listPage .listLayer3 .main ul li:last-child{ margin-right: 0;}
.listPage .listLayer3 .main ul li .icon{ width: 100%; border-bottom: 2px solid #78bac3;}
.listPage .listLayer3 .main ul li .icon img{ display: block; width: 100%; height: 100%;}
.listPage .listLayer3 .main ul li .icon p {
    padding: 0 20px;
    width: 100%;
    box-sizing: border-box;
    font-size: 32px;
    color: #152f40;
    font-family: "arial narrow";
    line-height: 48px;
    font-weight: 100;
  }
.listPage .listLayer3 .main ul li .text{ width: 100%; height: calc(100% - 392px);}
.listPage .listLayer3 .main ul li .text .text_box1{ width: 100%; padding:12px; height: 105px; box-sizing: border-box;}
.listPage .listLayer3 .main ul li .text .text_box1 p{ line-height: 26px; color: #103147;}
.listPage .listLayer3 .main ul li .text .text_box2{ color: #102a3d; line-height: 20px; height: 100px; width: 100%; padding: 12px; box-sizing: border-box; background: #98cad2;}
.listPage .listLayer3 .main ul li:nth-child(2) .text .text_box2{ background:#d8dbef ;}
.listPage .listLayer3 .main ul li:nth-child(3) .text .text_box2{ background:#d9e2d7;}
.listPage .listLayer3 .main ul li:nth-child(4) .text .text_box2{ background:#efeddc ;}
.listPage .listLayer3 .main ul li:nth-child(2) .icon{ border-bottom: 2px solid #cfd1eb;}
.listPage .listLayer3 .main ul li:nth-child(3) .icon{ border-bottom: 2px solid #d1dac9;}
.listPage .listLayer3 .main ul li:nth-child(4) .icon{ border-bottom: 2px solid #efead1;}
.listPage .listLayer4{ margin-top: 40px;}
.listPage .listLayer4 .tit2{ width: 100%; line-height: 48px; text-align: center; font-size: 28px; color: #fff; background: #3f82a6;}
.listPage .listLayer4 .main{ width: 100%; background: #fff; position: relative; padding: 35px; box-sizing: border-box;}
.listPage .listLayer4 .main p{ font-size: 16px; color: #666; line-height:30px;}
.listPage .listLayer4 .main h2{ font-size: 18px; margin-top: 30px; line-height: 30px; color: #487895;}
.listPage .listLayer4 .main ul{ width: 100%; overflow: hidden;}
.listPage .listLayer4 .main ul li{ width: 50%; float:left; line-height: 30px; font-size: 16px;}
.listPage .listLayer4 .mainLogo{ position: absolute; right: 60px; bottom: 60px; text-align: center; font-size: 12px; color: #333; line-height: 18px;}


.item-box2 {
  position: relative;
  float: left;
  width: 100%;
  margin: 0 0 10px;
}

  .item-box2 .product-item {
    border: 1px solid #e9e9e9;
    background-color: #fff;
    text-align: center;
  }

    .item-box2 .product-item:hover {
      transform: translateY(-10px);
      box-shadow: 0 0 10px rgba(0,0,0,0.2);
    }
    .item-box1 .product-item:hover {
      transform: translateY(-5px);
      box-shadow: 0 0 10px rgba(0,0,0,0.2);
    }

  .item-box2 .picture {
    z-index: 1;
    overflow: hidden;
    margin: 0 0 15px;
  }

    .item-box2 .picture a {
      display: block;
      position: relative;
      overflow: hidden;
    }

      .item-box2 .picture a:before {
        content: "";
        display: block;
        padding-top: 100%;
      }

    .item-box2 .picture img {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      max-width: 100%;
      margin: auto;
    }


  .item-box2 .product-title {
    height: 40px;
    overflow: hidden;
    padding: 10px 15px;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    background: #6096ad;
  }
    /*  .h2 {
    width: 100%;
    background: #6096ad;
    color: #fff;
    font-weight: bold;
    height: 32px;
    line-height: 32px;
    font-size: 26px;
    text-indent: 20px;
    margin-bottom: 10px;
    transition: 0.5s;
  }*/

    .item-box2 .product-title a {
      display: block;
      color:#fff;
    }

    .item-box2 .product-title + .sku {
      display: none;
    }




  /*.item-box .description {
	display: none;
	margin: 0 0 20px;
	line-height: 25px;
}*/
  .item-box2 .description {
    /*display: none;*/
    margin: 0 0 10px;
    overflow: hidden;
    height: 100px;
    font-size: 16px;
    line-height: 26px;
    text-align: center;
  }







.center-1 .product-grid .item-box2 {
  width: 13.41%;
  margin-left: 1%;
}

  .center-1 .product-grid .item-box2:nth-child(7n+1) {
    clear: none;
    margin-left: 0%;
  }
@media(min-width:751px ) {
	body{ min-width: 1610px;}
}
@media(max-width:750px) {

.indexWarp .top{ width: 100%; height: 50px; position: fixed;left: 0; top: 0; z-index: 999;}
.indexWarp .top .top_box{ height: 100%; width: 100%;}
.indexWarp .top .top_box .logo{ line-height: 50px; height: 100%; margin-left: 15px;}
.indexWarp .top .logo img{ vertical-align: middle; display: inline-block; height: 50%;}
.indexWarp .top .SideClick{transition: 0.5s; position: absolute; right: 15px; top: 50%; transform: translateY(-50%); width: 25px; height: 20px; display: block;}
.indexWarp .top .SideClick span{ width: 100%; height: 3px; background: #fff; display: block; position: absolute; transition: 0.5s; }
.indexWarp .top .SideClick.on{ transform: translateY(-50%) rotate(180deg);}
.indexWarp .top .SideClick span:nth-child(1){ left: 0; top: 0;}
.indexWarp .top .SideClick span:nth-child(2){ left: 0; top: 50%; transform: translateY(-50%);}
.indexWarp .top .SideClick span:nth-child(3){ bottom: 0;}
.indexWarp .top .SideClick.on span:nth-child(1){top: 50%; transform:translateY(-50%) rotate(45deg);}
.indexWarp .top .SideClick.on span:nth-child(2){ width: 0;}
.indexWarp .top .SideClick.on span:nth-child(3){top: 50%; bottom: auto; transform:translateY(-50%) rotate(-45deg);}
.indexWarp .top .nav{ display: none;}
.indexWarp .top .serach{ display: none;}
.indexWarp .banner{ width: 100%; margin-top: 50px;}
.indexWarp .banner .tit{ padding: 15px 0;}
.indexWarp .banner .tit h2{  text-align: center; font-size: 24px; line-height: 24px; padding-bottom: 15px; height: auto; margin: 0;}
.indexWarp .banner .tit p{ font-size: 14px; color: #333; text-align: center;}
.indexWarp .container1{ width: 100%;}
.indexWarp .conLeft{ display: none;}
.indexWarp .container1 .conRight{ width: 100%; padding: 0 15px; box-sizing: border-box; margin-bottom:;}
.indexWarp .container1 .conRight .layer1 .layer1Left{ width: 100%; margin-bottom: 10px;}
.indexWarp .container1 .conRight .tit{ line-height: 50px; text-align: center; font-size: 20px;}
.indexWarp .container1 .conRight .layer2 ul{ width: 100%; overflow: hidden; height: auto;}
.indexWarp .container1 .conRight .layer2 ul li{ width: 49%; float: left; margin-right: 2%; height: 320px; margin-bottom: 10px;}
.indexWarp .container1 .conRight .layer2 ul li:nth-child(2n){ margin-right: 0;}
.indexWarp .container1 .conRight .layer2 ul li .icon{ height: 160px;}
.indexWarp .container1 .conRight .layer2 ul li:last-child{width: 100%;}
.indexWarp .container1 .conRight .layer2 ul li:last-child .icon img{ height: 50%; width: auto;}
.indexWarp .container1 .conRight .layer2 ul li p{ font-size: 12px;}
.indexWarp .container1 .conRight .layerTable{ width: 100%; overflow-x: auto;}
.indexWarp .container1 .conRight .layerTable table{ width: 300%; height: auto;}
.sideFixed{display: block; width: 100%;  position: fixed; height: calc(100vh - 50px); top:50px; left: 0; z-index: 999; background: #0e4c71; display: none;}
.sideFixed ul{ width: 100%; padding: 0 30px; box-sizing: border-box; padding-top: 30px;}
.sideFixed ul li{ float: left; line-height: 26px; width: 50%; text-align: center; border-right:1px solid #fff; box-sizing: border-box; margin-bottom: 25px;}
.sideFixed ul li a{ font-size: 16px; color: #fff;}
.sideFixed ul li:nth-child(2n){ margin-right: 0; border:0 ;}
.listPage .bt{ font-size: 18px;}
.listPage .listLayer1{ width: 100%; height: auto; overflow: hidden;}
.listPage .listLayer1 .icon{ width: 100%;}
.listPage .listLayer1 .text{ width: 100%; padding: 20px 0;}
.listPage .listLayer1 .text .text_box{ position: relative; transform: translate(0);}
.listPage .listLayer1 .text .text_box h2{ text-align: center; font-size: 18px;}
.listPage .listLayer1 .text .text_box h3{ text-align: center;}
.listPage .listLayer1 .text .text_box ul{ width: 100%;}
.listPage .listLayer1 .text .text_box ul li{ display: block; margin: 0 auto 10px auto; float: inherit;}
.listPage .listLayer1 .text .text_box p{ width: 80%; margin: 0 auto;}
.listPage .listLayer2 ul li{ width: 100%; height: auto;}
.listPage .listLayer2 ul li .listTop { height: auto;}
.listPage .listLayer2 ul li .listTop .icon{ width: 100%; height: 270px;}
.listPage .listLayer2 ul li .listTop .text{ width: 100%; height: auto; padding:10px; box-sizing: border-box;}
.listPage .listLayer2 ul li .listTop .text h2{ margin: 0; padding: 0;}
.listPage .listLayer2 ul li .listBottom{ padding: 10px; height: auto;}
.indexWarp .listPage .listLayer3 .title{ padding-bottom: 15px; height: auto;}
.listPage .listLayer3 .title h2{ width: 100%; padding: 15px 0; line-height:28px; font-size: 16px;}
.listPage .listLayer3 .main ul li{ width: 100%; margin-bottom: 10px;}
.listPage .listLayer4 .tit2{ font-size: 18px; line-height: 32px; padding: 15px 10px; box-sizing: border-box;}
.listPage .listLayer4 .main{ padding: 10px 15px;}
.listPage .listLayer4 .main ul li{ width: 100%;}
.listPage .listLayer4 .mainLogo{ position: relative; left: auto; bottom: 0; text-align: center;}
.listPage .listLayer4 .mainLogo img{ display: inline-block;}
.indexWarp .container1{ padding-bottom: 50px;}
}