@charset "utf-8";

* {
  margin: 0;
  padding: 0;
}

:focus {
  outline: 0 !important;
}

body {
  margin: 0;
  width: 100%;
  font-size: 14px;
 background:#fff;
  font-family: 'Microsoft YaHei', '微软雅黑';
  min-width: 1200px;
}

.blue {
  background: url("/Shared/images/homev1/indexv1/lefttop.png") no-repeat left bottom;
  text-align: left;
  padding-bottom: 30px;
  position: relative;
  padding-left:80px;
}
.blue .bgline{
  position: absolute;
  bottom:0;
  left:0;
}
.blue .layout{
  padding: 40px 80px 0 80px;
  display: flex;
  justify-content:flex-start;
  color: #fff;
}
.blue h3 {
  font-size: 56px;
  line-height: 78px;
  font-weight: bold;
}
.blue .layout p.rightimg{
margin-left:60px;
}
.blue .layout p.rightimg img{
  width:180px;
}
.blue .layout{position: relative;}
.blue p:nth-of-type(4) img{width:400px;height:285px;object-fit: cover;}



.blue a {
  display: block;
  color: #fff;
  text-align: center;
  height: 44px;
  width: 176px;
  margin: 0 auto;
  margin-top: 60px;
  border: 2px solid #fff;
  border-radius: 5px;
  background: #66bf3a;
  font-size: 16px;
  line-height: 46px;
  box-shadow: 0px -5px #51992d inset;
}

.blue a:hover {
  box-shadow: none;
  background: #fff;
  color: #333;
}
.borderte{border-bottom: 5px solid #fff;}
.companyintroduct{
  text-align:center;
}

.companyintroduct p{margin-top:30px;}
    h1, h2, h3, h4, h5, h6 {
      color: inherit;
      font-family: inherit;
      font-weight: normal;
      /* line-height: 20px; */
      margin: 0;
      text-rendering: optimizelegibility;
    }
    .clear:after {
      clear: both;
      content: ".";
      display: block;
      height: 0;
      visibility: hidden;
    }
    .info {
        border: 0px #e0e0e0 solid;
        padding: 0px 20px;
        margin: 0 auto;
      width: 625px;
      border-radius: 5px;
    }
    .info h2 {
      font-size: 30px;
      color: #79c061;
      padding-left: 40px;
      margin-bottom:30px;
      text-align: center;
      /*border-bottom:1px solid #e5e5e5;*/
    }
    .mtop13 {
      margin-top: 13px;
    }
    .tableTd_lh td {
      line-height: 60px;
    }
    .alignr {
      text-align:right;
      width: 80px;
      font-size: 14px;
      color: #354052;
      padding-right:20px;
    }
    .info input[type="text"], .info input[type="password"] {
      width: 500px;
      height: 23px;
      border: 1px #ddd solid;
      margin-top: 6px;
      margin-bottom: 5px;
      padding: 5px 2px;
      vertical-align: middle;
      border-radius: 2px;
       -moz-border-radius:4px;
      -webkit-border-radius:4px;
      border-radius:4px;
      padding-left:5px;
    }
    .WJButton {
      font-weight: bold;
      display: inline-block;
      zoom: 1;
      vertical-align: baseline;
      margin: 0;
      outline: none;
      cursor: pointer;
      text-align: center;
      text-decoration: none;
      font-size: 18px;
      line-height: normal;
      padding: 10px 46px;
      /*width:46px;*/
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      border-radius: 4px;
      color: #F7F7F7;
      background: #79c061;
      border:0px;margin-top: 13px;
      font-family: "微软雅黑";
      float:right;
      /*background: url(/Shared/home2017/images/aboutus/sbutton.png) no-repeat;*/
      background-size: cover;
      background-position: 50% 50%;
    }
    
    #contactbox {
      width: 100%;
      min-height: 500px;
      background: #fff;
      padding-bottom: 20px;
      min-width: 600px;
      max-width: 1200px;
      margin:50px auto;
      z-index: 8888889;
      border-radius: 5px;
    }
    #contactbox textarea {
      font-family: Arial, Helvetica, sans-serif;
      font-size: 14px;  
       -moz-border-radius:4px;
      -webkit-border-radius:4px;
      border-radius:4px;  
        border: 1px solid #ddd;
      width: 500px;
      height: 37px;
      line-height: 23px;
      padding-left:5px;
    }
    .tableTd_lh{ width:96%;}
    #fancybox-content{border-width:0px !important;}
    #messagetips{ padding-left:20px;font-size: 20px;  color: #fa7979;}
    
    .alignr span{
      color:red;
    }
    .tableTd_lh label{ font-size:12px; color:#666;}
    #shanghai-allmap,#beijing-allmap,#wuhan-allmap,#shenzhen-allmap,#hangzhou-allmap,#yiwu-allmap{ height:400px; width:100%;overflow: hidden !important;}
    .contactinfo-banner{
      background:url(/Shared/home2017/images/slider/contactbannerbottom.png) no-repeat;
    }
    .contactmap{
      display:flex;
      justify-content: space-evenly;
      color:#fff;
    }
    .contactmap .bannerintext2{
      font-weight: bold;
    }
    .contactposition{
      text-align:center;
      padding-bottom:20px;
      box-shadow: 1px 3px 5px rgba(0,0,0,.2);
      border-radius: 5px;
    }
    .contactinfo-item-box-left{
      margin:0 auto;
      background:#fff;
    }
    
    .mapleft{
    float:none;
    padding:5px;
    border: 1px solid #e2e2e2;
    }
    .mapleftbtm{
    padding:5px;
    border: 1px solid #e2e2e2;	
    }
    .contactinfo-item-title{
      margin-bottom:30px;
      font-size:40px;
      font-weight: bold;
    }
    .wrap-contactinfo{
      position:relative;
      top:-120px;
      z-index:999;
    }
    .contactinfo-item{
      width:50%;
      height:470px;
      background:#fff;
    }
    #shanghai-allmap{
      height:330px;
    }
    #shanghai-allmap, #beijing-allmap, #wuhan-allmap, #shenzhen-allmap, #hangzhou-allmap, #yiwu-allmap{
      height:330px;
    
    }
    .bottom-logo{
      text-align:center;
      margin-top: -130px;
    }
    .wrap-contactinfo-bg{
      background-color:#ffa602;
      background-image: url(/Shared/images/homev1/indexv1/leftbottom.png), url(/Shared/images/homev1/indexv1/lefttop.png);
        background-position: left top, left bottom;
        background-repeat: no-repeat, no-repeat;
    }
    .contactinfo-item-box-right{
      float:right;
      width: 460px;
    }
    .item-right-box{
      margin: 50px 60px;
    }
    .button{
      color:#fff;
      font-weight: bold;
    }
    .item-right-box{
      color:#fff;
    }
    .info{
      box-shadow: 0px 2px 12px rgba(0,0,0,.2);
      padding-top:20px;
    }
    #contactbox{
      width:665px;
    }
    .info h2{
      
    }
    .WJButton{
      float:none;
      margin-bottom:20px;
      padding: 10px 90px;
    }
    .phone {
      text-align: center;
    }
    .moreul {
      display: flex;
      text-align: center;
      justify-content: space-evenly;
    }
    
    .moreul .imgbox1 {
    
      text-align: center;
    }
    .moreul li h3{
      color:#333;
    }
    
    .moreul .imgbox1 img {
      width: 120px;
      height: 120px;
      object-fit: cover;
    }
    .moreul li p{
      color:#333;
    }
    .bgpublic {
      padding:80px 0;
      color: #fff;
      text-align: center;
      overflow: hidden;
      background: #33cccc;
      background-image: url(/Shared/images/homev1/solutionv1/leftbottom.png), url(/Shared/images/homev1/solutionv1/righttop.png);
      background-position: left top, left bottom;
      background-repeat: no-repeat no-repeat;
    }
    .swiper-container {
      width: 1220px;
      height: 410px;
    padding:10px 20px 10px 10px!important;
    }
    .swiper-wrapper{
      display:flex!important;
      justify-content: space-between;
      align-items: center;
    }
    .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;
      box-shadow: 0px 2px 12px rgba(0,0,0,.4);
      border-radius: 5px;
      padding-top:30px;
      box-sizing: border-box;
      padding: 30px!important;
      width:386px!important;
      /* display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center; */
    }
    .swiper-slide:nth-of-type(1){
      margin-left:10px;
    }
.swiper-slide .imgbox{
  height:120px;
  display:flex;
  align-items: center;
  justify-content: center;
}
.swiper-slide .imgbox img{

}
.swiper-slide p{
  color:#333;
  text-align: left;
  font-size:20px;
}

