.pointer {cursor:pointer;}
.text-box1 { padding:15px 0; font-size:14px; font-weight:300; line-height:24px; color:#777; border:1px solid #ccc; border-top:0;}
.head.bg0 { text-align:center; margin-top:20px; padding:8px 15px; background:#90f0f3}
.head.bg1 { text-align:center; margin-top:20px; padding:8px 15px; background:#16c5d0}
.head.bg2 { text-align:center; margin-top:20px; padding:8px 15px; background:#5badda}
.head.bg3 { text-align:center; margin-top:20px; padding:8px 15px; background:#5b65fa}
.head.bg4 { text-align:center; margin-top:20px; padding:8px 15px; background:#182ef0}
.head.bg5 { text-align:center; margin-top:20px; padding:8px 15px; background:#5a861d}

.row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin:0 auto; }
.col { position: relative; width: 100%; padding:0 5px; -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; }
.intro .cnt1 h4 {font-size:18px; font-weight:700; line-height:26px; color:#000;}
.intro .cnt2 {margin:25px 0;}
.intro .cnt3 p {margin-bottom:25px;}
.intro .row {margin:-8px 0;}
.intro .row:after {content:""; display:block; clear:both;}
.intro .row .col {text-align:center; padding:8px 15px;}
.intro .row .col .head {padding:10px 0;}
.intro .row .col .head h3 {font-size:24px; font-weight:500; color:#fff; line-height:26px;}
.intro .row .col .head.bg1 {background:#439fcf}
.intro .row .col .head.bg2 {background:#5c88ba}
.intro .row .col .head.bg3 {background:#43cacf}
.intro .row .col .head.bg4 {background:#8bb949}
.intro .row .col .txt {padding:15px 0; font-size:14px; font-weight:300; line-height:24px; color:#777; border:1px solid #ccc; border-top:0;}
.intro .row .col1 {width:100%; clear:both;}
.intro .row .col2 {float:left; width:50%;}
.intro .row .col2 .txt {text-align:left; padding:15px;}