
img{ max-width: 100%; }
header{width: 100%;padding-left: 20px;padding-top: 10px;padding-bottom: 5px;background: #1b4bba;}
header img{display: block;height: 28px;}
.h-banner img{ display: block;width: 100%; }
.h-three{ background: #f7f7f7; padding: 0 15px 20px;text-align: center; color: #666; }
.h-title{font-weight: bold;font-size: 1.8em;color: #0083d5;padding-top: 18px;text-align: center;width: 100%;display: block;}
.h-first{ margin-top: 20px; font-size: 1.4em;}
.h-first img{ display: block; height: 42px; margin: 0 auto 12px; }

.h-experience{ padding: 0 15px; color: #2c2c2c; line-height: 22px;}
.experience-first{ padding-top: 15px; }
.experience-first h3{ background: url(../images/himg04.jpg) no-repeat; background-size: 28px auto; font-size: 1.5em; line-height: 30px; padding-left: 40px; padding-bottom: 5px;}
.experience-first p{ font-size: 1.4em; }
.experience-eg h3{font-size: 1.6em; font-weight: bold; line-height: 40px;}
.experience-eg p{font-size: 1.3em;}
.the-eg{ padding-top: 15px; }
.the-eg img{ display: block;; margin: 0 auto 15px; }
.the-eg p{ font-size: 1.4em; line-height: 24px; color: #666;}
.experience-first img{ display: block; margin: 0 auto; }

.h-need{background: url(../images/hbg.jpg) no-repeat;background-size:cover;padding: 52px 15px 0;color: #2c2c2c;line-height: 22px;}
.h-need .h-title{ padding-bottom: 20px; }
.h-need p{ font-size: 1.4em; }
.h-need img{ display: block;; margin: 10px auto 15px; }
.he-formula p{font-size: 1.4em;}
.eg-intro{ color: #fff; font-size: 1.4em; background: #49b3ff; padding:5px 8px; line-height: 20px; margin-left: 8px; position: relative; margin-top:10px;}
.eg-intro:before{content: "";position: absolute;display: block;width: 0;height: 0;border-left: 12px solid transparent;border-bottom: 12px solid transparent;border-right: 12px solid #0083d5;left: -24px;top: 0;}

.first-chose{background: url(../images/hbg.jpg) no-repeat;background-size: cover;padding: 93px 15px 20px;}
.first-chose h3{ font-size: 1.5em; color: #2c2c2c; font-weight: bold; background: url(../images/himg11.png) left 15px no-repeat; background-size: 30px auto; padding-left: 40px; line-height: 30px; padding-top: 15px; }
.first-chose li{ margin-top:15px; margin-bottom: 10px;}
.first-chose li p{ font-size: 1.4em; color: #0083d5; line-height: 26px;display: inline-block;}
.first-chose li img{ display: block;; margin: 0 auto; }
.first-chose li div{ position: relative; text-align: center; padding: 0 10px; position: relative;; top:-3px;}
.first-chose li div span{ display: inline-block; color: #fff; font-size: 2em; width: 25px; height: 25px; text-align: center; line-height: 25px;  margin-right:12px; background: #0083d5; -webkit-border-radius: 100%; -o-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; border-radius: 100%;  }

.h-aim{ background:url(../images/hbg02.jpg) no-repeat; background-size:cover; padding: 20px 15px 25px;color: #2c2c2c; line-height: 22px;}
.h-aim ul{ padding-bottom: 20px; }
.h-aim li{ display: -webkit-box; margin-top: 20px;}
.h-aim li p{ font-size: 1.4em; -webkit-box-flex:1; }
.h-aim li span{ font-size: 2.2em; margin-right: 10px; color: #0083d5 }
.more{ font-size: 1.4em; font-weight: bold; color: #2c2c2c; }

.h-notice{ padding: 25px 15px; line-height: 24px;}
.h-notice .notice-title{ display: block;; font-weight: bold; font-size: 1.6em; color: #2c2c2c; padding-bottom: 20px;}
.h-notice p{ font-size: 1.4em; color: #666; }
.h-button{position:fixed;bottom:0;width:100%;background-color: red;color: white;;padding:10px}












