

.sub_visual{background:url(/images/sub2/visual.png) no-repeat 50%;}
 
.sub1 .sub_contents{padding-top:0 !important;}
.sub1 .sub_contents>div{display:table; width:100%;}
.sub1 .sub_contents>div>div{display:table-cell;vertical-align:middle;}
.sub1 .sub_con1{ height:730px; background:url(/images/sub2/s1_bg1.png) no-repeat 50%;}

.sub1 .sub_con2{  height:730px; background:url(/images/sub2/s1_bg2.png) no-repeat 50%;}
.sub1 .sub_con2 .inbox{padding-left:730px;}

.sub1 .sub_con3{  height:730px; background:url(/images/sub2/s1_bg3.png) no-repeat 50%;}

.sub1 .sub_con4 .inbox{padding-left:690px;}
.sub1 .sub_con4{position:relative;  height:730px; background:url(/images/sub2/s1_bg4.png) no-repeat 50%;}
.sub1 .sub_con4 p span{position:absolute;top: 203%;left:0;width:100%;text-align: center;}


.sub1 .sub_title h5{position:relative;}
.sub1 .sub_title h5::after{position:absolute; bottom:-20px; height:1px;  left:0; content:''}
.sub1 .sub_title h5.blue::after{background-color:#217984}
.sub1 .sub_title h5.white::after{background-color:#fff}

.sub1  .sub_con1 h5::after{width:520px;}
.sub1  .sub_con2 h5::after{width:590px;}
 
.sub1  .sub_con3 h5::after{width:610px;}
.sub1  .sub_con4 h5::after{width:610px;}
 
 
 
.sub2 .list2{}
.sub2 .list2 ul{margin:0 -20px;}
.sub2 .list2 li{position:relative; float:left;width:640px; margin:0 20px; padding-bottom:100px}
.sub2 .list2 li div{position:absolute; left:0; bottom:0; padding:25px; background-color:#3d848d; width:600px}
.sub2 .list2 li div strong{display:block; color:#fff; font-size:28px; font-weight:900;padding-bottom:25px; margin-bottom:20px; border-bottom:1px solid #fff;}
.sub2 .list2 li div p{display:block; color:#fff; font-size:18px; line-height:1.5em; word-break:keep-all;}


.sub2 .sub_con2{background:url(/images/sub2/s2_con2_bg.png) no-repeat 50%;}
 
.sub2 .sub_con3 li{width:33.33%; text-align:center; float:left; margin-bottom:40px}
.sub2 .sub_con3 li p{margin-top:10px; color:#272727; font-size:17px; line-height:1.6em}


.sub3 .sub_contents{padding-top:0 !important;}
.sub3 .sub_contents>div{display:table; width:100%;}
.sub3 .sub_contents>div>div{display:table-cell;vertical-align:middle;}
.sub3 .sub_con1{ height:530px; background:url(/images/sub2/s3_bg1.png) no-repeat 50%;}

.sub3 .sub_con2{  height:530px; background:url(/images/sub2/s3_bg2.png) no-repeat 50%;}
.sub3 .sub_con2 .inbox{padding-left:910px;}

.sub3 .sub_con3{  height:530px; background:url(/images/sub2/s3_bg3.png) no-repeat 50%;}

 
 
 .sub3 .sub_title h5{position:relative;}
.sub3 .sub_title h5::after{position:absolute; bottom:-20px; height:1px;  left:0; content:''}
.sub3 .sub_title h5.blue::after{background-color:#217984}
.sub3 .sub_title h5.white::after{background-color:#fff}

.sub3  .sub_con1 h5::after{width:420px;}
.sub3  .sub_con2 h5::after{width:430px;}
 
.sub3  .sub_con3 h5::after{width:420px;}

 
 .sub4 .sub_con1{}
  .sub4 .titlebox p{margin-top:30px;}
 .sub4 .sub_con1 .titlebox{padding:60px 0 60px 710px; background:url(/images/sub2/s4_con1.png) no-repeat 0 50%;}
 .sub4 .sub_con1 table{width:100%;}
 .sub4 .sub_con1 th,.sub4 .sub_con1 td{border:1px solid #dcdcdc; text-align:center;}
.sub4 .sub_con1 th{height:70px; color:#272727; font-size:20px; font-weight:400; background-color:#f9f9f9}
.sub4 .sub_con1 td{padding:23px 0; font-size:18px; color:#5f5f5f; line-height:1.5em; vertical-align:top;}