.business {clear:both; overflow:hidden;  width:100%;  padding:0px 0 0px 0; }
.business .txtC16 {line-height:28px;}

.business .cont {min-height:auto; border-top:1px solid #dfdfdf;  padding:30px 30px; display:block; clear:both; overflow:hidden; }
.business .cont:last-child {border-bottom:1px solid #dfdfdf;}
.business .cont .floatL {width:10%; font-size:55px; line-height:65px;}
.business .cont .floatR {width:90%}
.business .cont .tit{font-size:25px; padding:16px 0 0 0; font-weight:500;}
.business .cont .txt{font-size:14px}

.business div.pro {width:100%; clear:both; overflow:hidden;}
.business div.proR {padding:50px 0 ; overflow:hidden;}
.business div.proR div.pro_img { float:right; width:35%; text-align:right;}
.business div.proR div.pro_txt {float:left; width:63%; text-align:right; padding-top:30px;}
.business div.pro_img { float:left; width:35%; }
.business div.pro_txt {float:right; width:63%; padding-top:30px; }
.business .pro2 div.pro_img { float:left; width:70%; }
.business .pro2 div.pro_txt {float:right; width:30%;  }
.business .pro3 div.pro_img { float:right; width:75% !important;  }
.business .pro3 div.pro_txt {float:left; width:25% !important; text-align:left !important; }
.business .pro4 div.pro_img { float:left; width:50%; }
.business .pro4 div.pro_txt {float:right; width:50%; padding-top:0; }
.business .pro4 div.pro_txt h2{padding-top:0}
.business .pro4 {padding:50px 0; border-top:1px solid #dfdfdf;}
.business .pro4:last-child {border-bottom:1px solid #dfdfdf;}
.business div.pro_txt h2 {font-size:22px; /*font-family:"noto_m";*/ padding:20px 0; color:#666; font-weight:400}
.business div.pro_txt h2 span {font-weight:600;}
.business div.pro_txt p { color:#555}
.business div.btn {padding-top:20px;}
.business a{ border:1px solid #ccc;	padding: 10px 16px 12px 16px; font-size: 17px;	margin-top:20px;	;	border-radius: 6px}
.business a:hover {	color: #333;	background-color: #f0f0f0; }

/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/
@media (max-width: 1023px) {
.business {clear:both; overflow:hidden; text-align: left;  padding:35px 0px 0px 0px;  }
.business div.pro {width:100%;  }
.business div.pro_img {clear:both; width:100%; text-align:center;}
.business div.pro_img img {max-width:100%;}
.business div.pro_txt {clear:both;  width:100%;}
.business div.pro_txt h1 {font-size:25px; padding:20px 0;}
.business div.pro_txt p {font-size:15px; line-height:30px; padding-bottom:42px;}
.business div.proR div.pro_img {text-align:center !important;}
.business div.proR div.pro_img,
.business div.proR div.pro_txt,
.business .pro2 div.pro_img,
.business .pro2 div.pro_txt,
.business .pro3 div.pro_img,
.business .pro3 div.pro_txt,
.business .pro4 div.pro_img,
.business .pro4 div.pro_txt {float:none; width:100% !important; text-align:left ;}
.business .pro4 {padding:50px 0 20px 0;}
.business .pro4 div.pro_txt h2{padding-top:10px}
.business div.btn {padding-top:0px; margin-bottom:50px;}
.business .cont .floatL {width:15%;  font-size:30px; line-height:55px; height:auto;}
.business .cont .floatR {width:85% !important; }
.business .cont {text-align:left; min-height:auto; clear:both; overflow:hidden; padding:20px 5px;}
.business .cont .tit{font-size:18px; padding:0px 0 0 0; font-weight:500;}
}
@media (max-width: 768px) {
}
@media (max-width: 640px) {
}
@media (max-width: 480px) {
}
@media (max-width: 320px) {
}