.sub {max-width:1200px; position:relative; width:100%; margin:0 auto; padding-bottom:50px;}
.sub .con {padding-left:310px; width:100%; box-sizing:border-box; padding-top:40px;}

.sub-slogun {width:100%; overflow:hidden; background:#f4f4f4;}
.sub-slogun > div {float:left; }
.sub-slogun .txt {width:55%; background:url('/img/sub/tri.png') no-repeat left top;  text-align:center; padding:50px 0 0;}
.sub-slogun .txt h2 {position:relative; color:#7cb706; font-size:30px; padding-bottom:20px;}
.sub-slogun .txt h2:after {width:40px; height:2px; background:#82ba12; position:absolute; bottom:0px; left:50%; margin-left:-20px; display:block; content:''; clear:both;}
.sub-slogun .txt p {padding-top:20px; font-size:16px; color:#272726;}
.sub-slogun .img {width:45%;  }
.well1 .sub-slogun .img {background:url('/img/sub/wellbing/well1.png') no-repeat center center;background-size:cover;}
.well2 .sub-slogun .img {background:url('/img/sub/wellbing/well2.png') no-repeat center center; background-size:cover;}

.sub-slogun .img img {visibility:hidden;}


.content {width:100%; min-height:600px;}
.content .box {padding-top:35px; width:100%;}
.box .sub-title {color:#7cb706; font-size:25px; font-weight:500; position:relative;padding-left:20px; padding-bottom:35px;}
.box .sub-title:before {width:13px; height:31px; background:url('/img/sub/sub-title.png') no-repeat 0 0 ; position:absolute; top:0; left:0; display:block; content:''; clear:both;}
 .txt {color:#464646; font-size:15px; line-height:20px; }

.kind-list {width:100%; overflow:hidden; }
.kind-list ul li {width:100%; overflow:hidden; margin-bottom:50px;}
.kind-list .kind-img {width:33%; float:left; box-sizing:border-box; padding-right:2%;}
.kind-list .kind-txt {width:67%; float:left; box-sizing:border-box; }
.kind-list .kind-img img {width:100%;}
.kind-list .kind-txt strong {display:block; font-size:20px; color:#464646; }
.kind-list .kind-txt p {padding:10px 0; color:#464646; font-size:15px; line-height:20px;}
.cir {width:100%; overflow:hidden; margin-top:10px;}
.cir span{float:left; margin-left:10px ;width:90px; height:90px; text-align:center; color:#fff; display:table; box-sizing:border-box; border-radius:90px;}
.cir span:first-child {margin-left:0;}
.cir .cir1 {background:#e469a0; }
.cir .cir2 {background:#ea6e6e;}
.cir .cir3 {background:#eb5352;}
.cir .cir4 {background:#6cc9b4;}
.cir .cir5 {background:#b3ca50;}
.cir .cir6 {background:#7fb80a;}
.cir span b {display:table-cell; vertical-align:middle; }

.vita-list {width:100%; margin-top:10px;}
.kind-list .vita-list li {margin-bottom:5px; ; font-size:15px; color:#464646; line-height:20px; }
.vita-list span {display:inline-block; width:35px; height:35px; border-radius:35px; color:#fff; line-height:35px; text-align:center;}
.vita-list .vita1 {background:#13b5b1;}
.vita-list .vita2 {background:#ff6c00;}
.vita-list .vita3 {background:#ff4425;}
.vita-list .vita4 {background:#8cc220;}
.vita-list .vita5 {background:#ea68a2;}
.chkbox > p {font-size:15px; color:#464646; padding-bottom:20px; }
.chkbox ul li { font-size:15px; line-height:20px; color:#464646;  margin-bottom:10px;}
.chkbox ul li span {display:inline-block; padding-left:10px;}

.vaccine {width:100%; position:relative; }
.vaccine ul{width:101%; overflow:hidden; margin-left:-1%;}
.vaccine ul li {width:32.3333%; box-sizing:border-box; margin-left:1%; float:left;}
.vaccine ul li > p {width:100%; }
.vaccine ul li > p img {width:100%;}
.vaccine ul li .vtext{line-height:20px; color:#464646; font-size:15px;}
.vaccine ul li .vtext strong{display:block; font-size:20px; color:#464646;  padding:20px 0;}
.vaccine ul li .vtext b {display:block; color:#464646; font-size:15px; }
.vaccine ul li .vtext .text {padding-top:10px;}

.txtbox {color:#464646; font-size:15px; padding-bottom:20px; }
.txtbox strong {font-size:20px; display:block; padding-bottom:10px; }

@media (max-width:1200px){
   .sub .con {padding-right:10px;}
   .box .list-box {height:140px;}
}

@media (max-width:768px){
  .sub .con {padding:0 20px;}
  .sub-slogun > div {float:none;}
  .sub-slogun .txt {width:100%; padding-top:40px; padding-bottom:40px;}
  .sub-slogun .txt h2 {font-size:25px;}
  .sub-slogun .txt p {font-size:14px;}
  .sub-slogun .img {width:100%;}
  .sub-slogun .img img {width:100%;}

  .kind-list .kind-img {width:100%; float:none; padding-right:0; max-width:290px; margin:0 auto; }
  .kind-list .kind-txt {width:100%; float:none; padding-top:30px; }
  .cir {width:260px; margin:0 auto;}
  .cir span{width:80px; height:80px;}
  .vita-list {}

  .vaccine ul li {float:none; width:100%;  margin-bottom:10%; margin-left:0;}
  .vaccine ul li > p {max-width:280px; margin:0 auto;}

  .chkbox ul li {position:relative;}
  .chkbox ul li img {position:absolute; display:block;}
  .chkbox ul li span {display:block; padding-left:35px; box-sizing:border-box;}

}