button{
 border:none!important;
 outline: none;
}
input[type=button], input[type=submit], input[type=file], button ,select,input[type=password],input[type=number],input[type=date],textarea{ cursor: pointer; -webkit-appearance: none;-webkit-tap-highlight-color:rgba(255,255,255,0);}
input[type=date]{cursor: pointer; -webkit-appearance: none;}

input[type="text"], input[type="button"], input[type="submit"], input[type="reset"], select, textarea,button {
 -webkit-appearance: none;
}
input:-webkit-autofill {
 -webkit-box-shadow: 0 0 0px 100px white inset;
}


@media only screen and (min-width: 768px){
 .hidden-l{display:none!important;}
}
@media only screen and (max-width: 767px){
 .warpper{width:94%!important;}
 .hidden-xs{display:none!important;}
 html{font-size:60%;}

 /*index*/
 #header{
  background:#fff;
  padding-top: 60px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
 }
 .content{
  width: 96%;
 }
 .topLinks,.phone{
  display:none;
 }
 .logobg{
  width: 100%;
  position:fixed;
  top:0;
  background:#fff;
  z-index: 10000;
 }
 .logoLine{
  padding-top: 0;
  display:flex;
  height: 60px;
  justify-content: space-between;
  align-items: center;
 }
 .logo{
  width: 120px;
 }
 .logo>img{
  width: 100%;
 }
 .menu img{
  height: 34px;
 }
 .menu .m1{
  display:block;
 }
 .menu span{
  background:#0d5cb4;
  color: #fff;
  text-align: center;
 padding:3px 10px
 }
 .menu .m2{
  display:none;
 }
.changemenu .m1{display:none;}
.changemenu .m2{display:block;}

 #nav{
  width: 200px;
  position:fixed;
  right:-100%;
  top:60px;
  left:initial;
  height: calc(100% - 60px);
  background: #0d5cb4;
  -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-y: auto;
 }
 #nav.open{
  right:0;
 }
 #nav ul{
  width: 100%;}
 #nav ul li{
  float:none;
  width: 100%;
  background:none;
 }
 #nav ul li a{
  padding-top: 0;
  line-height: 40px;
  width: 100%;
  text-align: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-left:30px;
 }
 #nav ul li a.current{
  background:#07c0d1;
 }

 .typeList,.fNav,.searchLine ul{
  display:none;
 }
 #indexMain .content,#footer .content{
  width: 96%;
 }

 #nav ul li ul{
  width: calc(100% - 10px);
  top:0;
  left:0;
  display: block;
  position:relative;
  background: #0a4e9b;
 }
 #nav ul li .pUL{
  padding-left: 0;
  width: calc(100% - 10px)!important;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
 }
 #nav ul li ul li a{
  padding-left: 35px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
 }
 /*banner*/
 .banner{
  width: 100%;
  height: 45vw;
 }
 .mySwiperbanner,.mySwiperbanner .swiper-slide>div{
  width: 100%;
  height: 100%;
 }
.mySwiperbanner .swiper-slide img{
 width: 100%;
 height: 100%;
 object-fit: cover;
 margin:0 auto;
}
 .mySwiperbanner .swiper-button-next:after, .mySwiperbanner .swiper-button-prev:after{
  color: #fff;
  font-size: 19px;
 }

 /*搜索*/
 .searchLine .content{
  display:flex;
  justify-content: center;
 }


 /*优势*/
 .youshi{
  height: initial;
  padding-top: 39px;
  padding-bottom: 4vw;
 }
 .youshi .title{
  margin-bottom: 4vw;
 }
 .youshi .title p{
  font-size: 12px;
 }
 .youshi .title h2{
  font-size: 19px;
 }
 .youshiImg{
  width: 100%;
 }
 .youshiImg img{
  max-width: 100%;
 }
 .youshi ul{
  margin-top: 4vw;
  padding-left:0;
 }
 .youshi ul li{
  float:none;
  font-size: 12px;
  width: 100%;
  margin-left: 0;
  margin-bottom: 4vw;
 }
 .youshi ul li span{
  margin-right: 3px;
 }
 .youshi ul li:last-child{
  margin-left: 0;
 }

 /*coop*/
 .mainService{
  width: 100%;
 }
 .mr_frbox1{
  display:none;
  position:relative;
  width: 100%;
 }
 .mr_frbox1 .mr_frUl{
  width: 181px;
  margin-left:calc(50% - 130px);
  overflow: hidden;
 }
 .mr_frbox1 .mr_frBtnR{
  position:absolute;
  top:20px;
  right:25px;
  margin-left: 0;
 }
 .mcoop{
  display:block;
 }


 /*产品*/
 .indexProduct{
  display:none;
 }
 .mindexProduct{
  display:block;
 }
 .pR{
  width: 100%;
  margin-left: 0;
  height: initial;
 }
 .pR ul:after{
  display:block;
  content: '';
  clear: both;
 }
 .pR ul li{
  width: 49%;
  margin-right: 2%;
  overflow:hidden;
  margin-bottom: 2vw;
 }
 .pR ul li img {
  width: 100%;
  height: 36vw;
 }
 .pR ul li .title1{
  line-height: 45px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow:hidden;
  font-size: 15px;
 }
 .mindexProduct .more{
  display:block;
  width: 120px;
  text-align: center;
  background: #777;
  line-height: 45px;
  margin: 3vw auto;
  margin-bottom:5vw;
  color: #fff;
 }

 .mside{
  display:block;
 }
 /*资质*/
 .titleH h2{
  font-size: 19px;
  padding-bottom: 17px;
 }
 .titleH p {
  font-size: 13px;
 }

 .honor{
  padding-top: 7vw;
 }
 .mr_frbox2{
  width: 100%;
  position:relative;
 }
 .mr_frbox2 .mr_frUl{
  width: 150px;
  margin-left: calc(50% - 115px);
 }
 .mr_frbox2 .mr_frBtnR{
  position:absolute;
  right:0;
  margin-left: 0;
 }

/*关于*/
 .indexCompany {
  height: initial;
 }
 .indexCompany{
  padding-left:0;
  background-size:100%;
 }
 .indexCompany .title{
  padding:30px;
  padding-top: 40px;
 }
 .indexCompany .title h2{
  font-size: 20px;
 }
 .companiMG{
  position:relative;
  right:initial;
  top:initial;
  width: 100%;
 }
 .indexCompany .intro{
  width: 100%;
 }
 .indexCompany .more{
  margin:4vw auto;
 }

 /*adv*/
 .ad{
  margin-top: 6vw;
  height: initial;
  background: url(../Image/bg2.jpg) no-repeat left center;
  padding:9vw 0;
  background-size:auto 100%;
 }
 .ad h2{
  font-size: 18px;
  margin-bottom: 2vw;
 }
 .ad h4{
  font-size: 15px;
  line-height: 22px;
 }
 .ad span{
  font-size: 13px;
  margin-top: 7px;
 }

 /*news*/
 .indexNews{
  width: 100%;
  padding-right: 0;
  height: initial;
  border-left:none;
  padding-left: 0;
  margin-bottom: 4vw;
 }
 .indexNews>img{
  width: 100%;
 }
 .indexNews ul li a{
  text-overflow:ellipsis;
  white-space: nowrap;
  overflow:hidden;
 }

 .guanzhu{
  width:100%;
 }
 .guanzhu ul{
  width:100%;
  display:flex;
  justify-content: space-between;
  align-items: center;
  height: 128px;
 }
 .guanzhu ul li{
  width: 49%;
  height: 100%;
  margin-bottom: 0;
 }
 .guanzhu ul li a{
  text-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background:#07c0d1;
  padding-left:5px;
  height: 100%;
  width: 100%;
 }
 .guanzhu ul li .second{
  background:#07c0d1;
 }
 .guanzhu ul li a h4{
  font-size: 17px;
 }
 .newsLine{
  padding-bottom: 2vw;
 }
 /*footer*/
 #footer{
  background:#0c2951;
  height: initial;
 }
 .indexContact{
  padding-top: 6vw;
  height: initial;
 }
 .phoneF{
  padding: 3px 0;
  padding-left: 62px;
  display:inline-block;
 }
 .phoneF span{
  font-size: 24px;
 }
 .contactsInfo{
  width: 100%;
  text-align: center;
 }
 .contactsInfo ul li{
  display:inline-block;
 }
 .indexMessage{
  display:none;
 }
 .indexContact>.con>img{
  margin:0 auto;
  float:none;
  display:block;
 }

 .contactsInfo ul{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
 }
 .contactsInfo ul li.li4{display:none;}


 .copy{
  padding:10px 0;
  line-height: 23px;
 }
 .copy a{
  float:none;
 }

 /*关于我们子页*/
 #listMain {padding-top: 4vw;}
 .subBanner{
  height: 35vw;
  background-size: cover!important;
  display:flex;
  align-items: center;
 }
 .subBanner .con{
  width: 96%;
  margin:0 auto;
 }
 .subBanner .con h2{
  font-size: 20px;
  padding-bottom: 0;
 }
 .subBanner .con p{
  font-size: 14px;
 }
 #listMain .left{
  display:none;
 }
 #listMain .content{
  width: 96%;
 }
 #listMain .right{
  float:none;
  width:100%!important;
  margin-left: 0;
 }
 #listMain .right .title h4{
  font-size: 16px;
 }
 #listMain .right .title .yPosition{
  display:none;
 }

/*zhonor*/
 .productMain ul:after{
  display:block;
  content: '';
  clear: both;
 }
 .productMain ul li{
  width: 48%;
  margin-right: 2%!important;
  margin-bottom: 2vw;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-bottom: 0;
  border: 1px solid #d1d1d1;
 }
 .productMain ul li:nth-of-type(2n){
  margin-right: 0!important;
 }
 .productMain ul li a:first-of-type{
  display:block;
  overflow:hidden;
  width: 100%;
  height: 37vw;
 }
 .productMain ul li b{
  display:block;
  width: 100%;
  height: 100%;
 }
 .productMain ul li a:nth-of-type(2){
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow:hidden;
  line-height: 45px;
  margin-top: 0;
 }
 .productMain ul li a img{
  width: 100%!important;
  height: 100%!important;
  object-fit: cover;
  border:none!important;
 }
 .honorMain ul li a img{
  object-fit: scale-down;
 }

 .productMain ul li a p{
  line-height: 45px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow:hidden;
 }
 .company img{
  max-width:100%;
 }
 .proIntro img.rel_center{
  width: 100%;
 }

 /*news*/
 .newsList ul li a{
  width: 75%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow:hidden;
 }
 .newsInfo p{
  text-indent:0;
 }
 .newsInfo .context{
  margin-bottom: 4vw;
 }
 .newsContent img{
  max-width:100%;
 }
 .newsInfo .back{display:none;}
 /*map*/
 #allmap{
  width: 100%!important;
  height: 59vw!important;
 }
 #listMain .right{
  padding-bottom: 0;
 }

 /*yeji*/
 .newsContent table{
  width: 100%!important;
 }

/*proinfo*/
 #listMain #message{
  padding:0;
 }
 #message textarea{
  width: 87%;
 }
 .proIntro .details{
  width: 100%;
  margin-left: 0;
  float:none;
 }


 div.proPage select{
  display:none;
 }
 div.proPage a{
  display: inline-block;
  margin-bottom: 7px;
 }

 .xgcp ul li:nth-of-type(3){
  display:none;
 }

 .searchAreaH form{
  position:relative;
  width:100%;
 }

 #listMain .mainContent h5{
  margin-bottom: 4vw;
 }
 .pR ul li .span1{
  width: 100%;
  height: 100%;
 }

}