.system {width:100%; }
.system h3 {font-size: 32px;     font-weight: 600;}
.system  h4 {font-size:25px; padding:0 0 20px 16px; position:relative; font-weight:600; }
.system  h4 span{background-color:#dfdfdf; display:inline-block; color:#333; font-size:18px; padding:5px 30px; margin-bottom:30px;}
.system  h4::before  { content: "";  width: 5px; height: 5px; background-color: #555;  position: absolute; left: 0;
 top: 16px;   border-radius: 50%;}
.system p {font-size:15px; line-height:32px;}

div.system ul.list3 li {float:left; width:31.7%; box-sizing:border-box; font-size:15px;}
div.system ul.list3 li+li{margin-left:2%}
div.system ul.list3 li span {display:block; padding:10px 1px; text-align:center;}
div.system ul.list3 li span.tit {background-color:#f0f0f0; font-weight:600; font-size:18px; padding:20px 0}
div.system ul.list3 img {vertical-align:top;}

div.system .box3{padding:50px; background-color:#f0f0f0;}
.btn a{display:block; padding:10px 30px; font-size:18px; font-weight:500; border:2px solid #dfdfdf; margin:0 auto; width:180px; text-align:center;}

div.system ul.list2 li {float:left; width:48%; box-sizing:border-box; font-size:15px;}
div.system ul.list2 li+li{margin-left:2%}
div.system ul.list2 li span {display:block; }
div.system ul.list2 li span.tit { font-weight:600; font-size:18px; padding:20px 0}
div.system ul.list2 img {vertical-align:top;}

div.system ul.list2_1 li {float:left; width:48%; box-sizing:border-box; font-size:15px; padding:15px 0;}
div.system ul.list2_1 li:nth-child(even){float:right;}
div.system ul.list2_1 li:nth-child(odd){clear:both;}
div.system ul.list2_1 li span {display:block; }
div.system ul.list2_1 li span.tit { font-weight:600; font-size:18px; padding:0px 0 5px 0}
div.system ul.list2_1 li p {line-height:25px;}

div.system .pro .floatL {float:left; width:50%;}
div.system .pro .floatR {float:right; width:40%; text-align:center;}

div.mbn p.txtP {padding-bottom:10px;}
div.mbn h3 {font-size:25px; padding:0 0 20px 0; position:relative; font-weight:600; text-align:center; color:#333; }
div.mbn h3::before {display:none;}
div.mbn video {max-width:100%;}

/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/
@media (max-width: 1023px) {
.system  h3 {font-size:20px;}	
	
div.system ul.list3 li {float:left; width:100%; box-sizing:border-box; font-size:14px;}
div.system ul.list3 li+li{margin-left:0%}
div.system ul.list3 li span {display:block; padding-top:10px; padding-bottom:30px;}
div.system .box3{padding:20px;}

div.system ul.list2_1 li {float:left; width:100%; }
div.system ul.list2_1 li:nth-child(even){}
div.system ul.list2_1 li:nth-child(odd){clear:none;}
div.system ul.list2_1 li span.tit { font-weight:600; font-size:18px; padding:0px 0 5px 0}

div.system .pro  div.floatL {float:none; width:100%;  }
div.system .pro  div.floatR {float:none; width:100%; padding-top:20px;}	
}
@media (max-width: 768px) {
}
@media (max-width: 640px) {	
}
@media (max-width: 480px) {
}
@media (max-width: 320px) {
}