div.company {   padding-bottom:30px; min-height:460px;  box-sizing:border-box;  overflow:hidden; }

div.company div.floatL{ margin: 40px auto 40px auto; text-align: center;    float: none;}
div.company div.floatR{float:right; width:100%; color: #555;}
div.company div.floatL h3{ font-size:32px; padding-top:10px;}
div.company div.floatL p{padding:10px 0 0 0; font-size:13px; color:#999; line-height:15px; margin:0; }
div.company div.floatR ul {


}
div.company div.floatR ul li a{float:left; width:20%; text-align:center; transition: all 0.3s;}
div.company div.floatR ul li a{ background-position:center top; background-repeat:no-repeat;}
div.company div.floatR ul li a img{width:250px; margin:15px;}
div.company div.floatR ul li span.tit {display:block; font-size:16px; font-weight:600;  }
div.company div.floatR ul li span.txt {display:block; font-size:15px; color: #999;}
div.company div.floatR ul li a:hover{background-position:center 10px; transition: all 0.3s; color:#1681c1; }


/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/
@media (max-width: 1203px) {
/*layout*/
div.company { width:100%;  padding:50px 0 ; min-height:auto;  }
div.company div.floatL{float:none; width:100%; height:auto; padding-bottom:20px; }
div.company div.floatR{ width:100%; }
div.company div.bg1{background:none; }
div.company div.floatL h3{font-size:32px; text-align:center; padding-top:10px;}
div.company div.floatL p{padding:10px 0 0 0; font-size:13px; color:#999; line-height:20px; margin:0; text-align:center; }
div.company div.floatR ul {}
div.company div.floatR ul li a img{width: 350px;}
div.company div.floatR ul li a{ width:33.3333333%;}
/*product*/
div.company section.pro_list { width:100%; padding:20px 0 0px;}
div.company section.pro_list td.board_output_gallery_img {text-align:center; line-height:0;  }
div.company section.pro_list td.board_output_gallery_img img {width:100px; height:100px; vertical-align:top; }
div.company section.pro_list span.board_output_gallery_subject a {font-size:12px !important; display:block; padding-top:10px;}
div.company .board_output_gallery_img a {height:auto; width:auto; }
div.company  table.main_gallery table {width:100%;  margin:0 auto !important; text-align:center; box-sizing:border-box; padding:0;}

div.company div.floatR ul li span.tit {display:block; font-size:15px; padding-bottom:0px;FONT-WEIGHT: 700; }
div.company div.floatR ul li span.txt {/*display:none;*/ font-size:15px; }
}
@media (max-width: 860px) {
div.company div.floatR ul li a img{width: 220px;}
div.company div.floatL{padding-bottom:0px; margin: 10px auto 10px auto;}

}
@media (max-width: 700px) {
div.company div.floatR ul li a img{width: 100%;margin: 5px;  }
div.company div.floatR ul li span.txt{  text-align: left;   font-size: 13px; padding-bottom: 20px; margin-left: 5px; }
div.company div.floatR ul li span.tit {  text-align: left; margin-left: 5px; letter-spacing: -0.9px;}


}
@media (max-width: 640px) {
div.company div.floatR ul li a{ width:49%;}

}

@media (max-width: 400px) {

div.company div.floatR ul li a img{ width: 165px;}
}