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

 .none{

display:none; }

}


.bk {
  border: 6px solid #cccccc;
  border-image-source: url(bk.jpg);
  border-image-slice: 19;
}


.contact{}
.contact .bg{ border:solid #dcdcdc 1px;}
.contact .bg .mode{ padding:55px 35px; overflow:hidden;}
.contact .bg .mode .p1{ margin-right:50px; padding-right:50px; float:left; font-size:24px; font-weight:bold; line-height:135px; height:135px; vertical-align: middle; border-right:solid #e7e7e7 1px;}
.contact .bg .mode .p2{ padding:11px; font-size:16px; color:#727272; overflow:hidden;}
.contact .bg .mode .p2 span{ margin-bottom:5px; display:block;}
.contact .bg .mode .p2 .no{ margin-bottom:0;}
.contact .bg .pic1{}
.contact .bg .pic2{ display:none;}

@media (max-width: 1024px) {
.contact .bg .mode .p1{ margin-right:0; padding-right:0; border-right:none;}
.contact .bg .mode .p1{ float:none;}
.contact .bg .mode .p2{ padding:0;}

}