/* @charset "utf-8";
* {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
:after, :before {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}

html {overflow-y:scroll;}
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select,figure,figcaption{margin:0;padding:0}
/* img{border:0;max-width:100%;max-height:100%;vertical-align:top;} */

/* input,select {vertical-align:middle; } */
/* input,textarea,button{ -webkit-appearance:none; -webkit-border-radius:0; } */ */
.pointer {cursor:pointer;}
/* .input {height:35px; padding:5px 9px; font-size:15px; line-height:23px; border:1px solid #ddd; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.textarea {padding:5px 9px; font-size:14px; line-height:24px; border:1px solid #ddd; resize:none; overflow:auto; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;} */
/* .select {height:35px; padding:0 9px; font-size:14px; font-weight:400; color:#807f7f; line-height:23px; border:1px solid #ddd; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;} */
/* input[type=file].input {border:0;padding:0;}
input[type='checkbox']{-webkit-appearance:checkbox; } 
input[type='radio']{-webkit-appearance:radio; } */
.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;}
.intro .cnt4 { position:relative; margin-top:50px; text-align:center; padding:35px 20px; border:1px solid #ccc;}
.intro .cnt4 .head {position:absolute; top:-18px; text-align:center; margin-left:20px; background:#3b74ac; color:#fff; border-radius:20px;padding: 0 20px}
.intro .cnt4 .head h3 {font-size:16px; font-weight:500; line-height:38px;}
.intro .cnt4 .head h3:before {content:""; display:inline-block; width:17px; height:17px; vertical-align:middle; margin:-.2em 5px 0 0;}
.intro .cnt4 strong {margin-bottom:20px; display:block; font-size:16px; font-weight:500; line-height:26px; color:#000;}
.intro .cnt4 .img {float:left; margin:8px 20px 0 0;}
.intro .cnt4 .box {margin-bottom:20px;}