.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%; }
.sub-slogun .img img {visibility:hidden;}

.check1 .sub-slogun .img {background:url('/img/sub/check/check01.png') no-repeat center center; background-size:cover;}
.check2 .sub-slogun .img {background:url('/img/sub/check/check02.png') no-repeat center center; background-size:cover;}
.check3 .sub-slogun .img {background:url('/img/sub/check/check03.png') no-repeat center center; background-size:cover;}
.check4 .sub-slogun .img {background:url('/img/sub/check/check04.png') no-repeat center center; background-size:cover;}
.check5 .sub-slogun .img {background:url('/img/sub/check/check05.png') no-repeat center center; background-size:cover;}
.check6 .sub-slogun .img {background:url('/img/sub/check/check06.png') no-repeat center center; background-size:cover;}

.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;}
.box .list-box {width:100%; overflow:hidden;height:120px; margin-bottom:20px;}
.check4 .box .list-box,.check5 .box .list-box {min-height:130px;}
.box .list-box .list-num {width:25%; height:100%; float:left; box-sizing:border-box; padding:20px; background:#8cc220 url('/img/sub/list-line.png') no-repeat right top;}
.box .list-box .list-num p:first-child {font-size:22px;  position:relative; padding-bottom:10px;}
.box .list-box .list-num p:first-child:after {width:15px; height:2px; background:#fff; position:absolute; bottom:5px; left:0; display:block; content:''; clear:both;}
.check1 .box .list-box .list-num p {color:#fff; font-size:16px; }
.check1 .box .list-box .list-num p:last-child {font-size:16px;}
 .box .list-box .list-num p:last-child{ color:#fff; font-size:22px;}
 .box .list-box .list-num p {color:#fff;}

.box .list-box .list-txt {float:right; width:70%; display:table; height:100%;}

.box .list-box .list-txt p{color:#464646; font-size:15px; display:table-cell; vertical-align:middle;}

.box .list-box .list-txt > div{color:#464646; font-size:15px;vertical-align:middle; display:table-cell;}
.box .list-box .list-txt div div {position:relative;  }
.check2 .box .list-box .list-txt div div { padding-left:60px; }
.box .list-box .list-txt div div:after{clear:both; content:''; display:block;}
.box .list-box .list-txt strong {display:block; color:#464646; font-size:15px; line-height:20px; padding-bottom:10px;}
.box .list-box .list-txt > div span.bsp {display:block; width:60px; float:left; line-height:70px; font-size:80px; color:#8cc220; font-weight:bold; position:absolute; top:0; left:0;}
.box .list-box .list-txt div span.pc {display:block; float:left; line-height:96px; padding-left:60px;}
.check3 .list-box .list-txt div span.pc ,
.check4 .list-box .list-txt div span.pc,
.check5 .list-box .list-txt div span.pc,
.check6 .list-box .list-txt div span.pc{padding-left:0;}
.box .list-box .list-txt div span img {vertical-align:middle; width:100%; margin-top:5px;}
.box .list-box .list-txt div span.mo {display:none;}

.bsp-list {width:100%; }
.bsp-list tr td {overflow:hidden; height:70px;}
.bsp-list tr td ul {float:left; width:33.3333%;}
.bsp-list tr td ul li {font-size:15px;}
.bsp-list tr td ul li.green {color:#8cc220;  font-weight:bold;}
.check6 .bsp-list tr td ul:first-child {width:55%;}
.check6 .bsp-list tr td ul:nth-child(2){width:15%;}
.check6 .bsp-list tr td ul:last-child {width:30%;}
@media (max-width:1200px){
   .sub .con {padding-right:10px;}
   .box .list-box {height:120px;}
}
@media (max-width:1023px){
 
}

@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%;}

  .box .list-box{height:auto;}

  .box .list-box .list-num {width:100%; float:none;}
  .box .list-box .list-txt {width:100%; float:none; padding-left:0; padding-top:20px;}
  .box .list-box .list-txt > div span.bsp{line-height:1; font-size:70px;}
  .box .list-box .list-txt div span.pc {display:none;}
  .box .list-box .list-txt div span.mo {display:block; padding-left:60px; padding-top:12.5px; padding-bottom:12.5px;}
  
  .bsp-list tr td ul{width:100%; float:none;}
  .check6 .bsp-list tr td ul:first-child, .check6 .bsp-list tr td ul:nth-child(2), .check6 .bsp-list tr td ul:last-child {width:100%; float:none;}
}