@charset "utf-8";
html{font-size: 312.5% !important;}
.context{ margin:0 auto; max-width:1200px;}
.con-img img{ display:block; height:auto; border-bottom:2px solid #c9c9c9;}

.context_detail{overflow: hidden; margin: 30px auto;}
.items{width: 31.75%; float: left;text-align: center;}
.items img{ width: 100%; border-radius: 3px; }
.items p{margin: 25px 0;}
.items a{font-size: 18px; color: #333; }
.items a:hover{color: #2f87d4;}
.items-c{margin: 0 2.37%;}
@media (max-width: 767px) {
.context{padding: 0;}
.context_detail{margin-top: 0;}
.items{width: 100%}
.items img{ width: 85%;}
.items-c{margin: 0;}
.items p{margin: 15px 0 25px;}

}