﻿

.point-list{ background:#fff; border-radius:6px; padding:30px;}
.point-list-title{ width:100%;  line-height:42px;}
.point-list-title b{ font-size:1.1rem; font-weight:bold; color:#00A3EE;}
.point-list-title a{ background:#00A3EE; border-radius:6px; padding:0 20px; color:#fff;}
.point-list-title b i{ margin-right:10px;}

.point-list-item{ margin-top:20px; width:100%;}
.point-list-item dl{ width:24%; background:#f7f7f7; border-radius:6px; padding:15px; margin:0.5%;}
.point-list-item dl dt{ width:100%; height:116px; line-height:116px; background:url(../images/pointbg1.png) no-repeat center; background-size:cover; color:#fff; position:relative; text-align:center;}
.point-list-item dl dt .point-title-lab{ width:92px; height:30px; line-height:23px; padding-left:5px; text-align:left; background:url(../images/pointbg2.png) no-repeat center; background-size:cover; position:absolute; top:5px; left:-5px;}
.point-list-item dl dt b{ color:#fff; font-size:3.2rem;}
.point-list-item dl dd{ margin-top:10px;  position:relative;}
.point-list-item dl dd b{ display:block; font-weight:normal; line-height:32px; font-size:1rem;}
.point-list-item dl dd p{ line-height:48px; height:48px; margin-top:10px;}
.point-list-item dl dd p span{ color:#00A3EE; font-weight:bold;}
.point-list-item dl dd a{ opacity:0; display:block; width:100%; height:48px; line-height:48px; background:#00A3EE; color:#fff;border-radius:6px; position:absolute; left:0; bottom:0; text-align:center; font-size:1.1rem; }
.point-list-item dl:hover dd a{ opacity:1.0;}


.point-infobox{ background:#fff; border-radius:6px; margin-top:20px; padding:30px;}
.point-infobox b{ font-size:1.1rem; font-weight:bold; line-height:42px; color:#00A3EE;}
.point-infobox b i{ margin-right:10px;}
.point-infobox p{ line-height:28px;}






@media (max-width: 768px) {



.point-list{  padding:20px;}
.point-list-title a{  padding:0 10px;}


.point-list-item{ margin-top:15px; }
.point-list-item dl{ width:100%; margin:1.5% 0;}
.point-list-item dl dt{ width:100%; height:116px; line-height:116px; background:url(../images/pointbg1.png) no-repeat center; background-size:cover; color:#fff; position:relative; text-align:center;}
.point-list-item dl dt .point-title-lab{ width:92px; height:30px; line-height:23px; padding-left:5px; text-align:left; background:url(../images/pointbg2.png) no-repeat center; background-size:cover; position:absolute; top:5px; left:-5px;}
.point-list-item dl dt b{ color:#fff; font-size:3.2rem;}
.point-list-item dl dd{ margin-top:10px;  position:relative;}
.point-list-item dl dd b{ display:block; font-weight:normal; line-height:32px; font-size:1rem;}
.point-list-item dl dd p{ line-height:48px; height:48px; margin-top:10px;}
.point-list-item dl dd p span{ color:#00A3EE; font-weight:bold;}
.point-list-item dl dd a{ opacity:0; display:block; width:100%; height:48px; line-height:48px; background:#00A3EE; color:#fff;border-radius:6px; position:absolute; left:0; bottom:0; text-align:center; font-size:1.1rem; }
.point-list-item dl:hover dd a{ opacity:1.0;}


.point-infobox{  margin-top:10px; padding:20px;}
.point-infobox b{ font-size:1rem; }







}