.sub_4 {overflow: hidden;}
.sub_4 .wid {max-width:1400px; margin:0 auto ;padding:0 20px;}
.sub_4 .sec1 {padding:200px 0 0 0 ; }
.sub_4 .sec1 h2 {font-size:64px; color:#474849; line-height :1.35em;}
.sub_4 .sec1 p {margin-top:30px; font-size:20px; color:#676779; line-height:1.6em; font-weight:400;}

.sub_4 .img {width:100%; height:640px; margin-top:40px; background:url('../img/sub4_img1.jpg')no-repeat center; background-size:cover;}

.sub_4 .sec2 {padding:40px 0 120px 0;}
.sub_4 .sec2 .txt {font-size:16px; color:#474849; line-height:1.7em; padding:0 5px;}
.sub_4 .sec2 .txt b {display: inline-block; width:100%; font-weight:800; margin-bottom:5px; font-size:18px;}
.sub_4 .sec2 .txt span {display: inline-block; width:100%; position: relative; padding-left:20px; margin-left:0px;}
.sub_4 .sec2 .txt span strong {position: absolute; left:0; top:0; font-weight:400;}
.sub_4 .sec2 .txt ul li {padding-left:11px; padding-bottom:1px; font-size:15px; color:#777; position: relative;}
.sub_4 .sec2 .txt ul li span {position: absolute; left:0; top:0; margin:0; padding:0;}
.sub_4 .sec2 .txt ul li strong {position: absolute; left:0; top:0; font-weight:400;}
.sub_4 .sec2 .txt ul {margin-bottom:10px; padding-left:19px; margin-top:5px;}
.sub_4 .sec2 .txt b.bold {font-weight:700; font-size:16px; color:#222; margin:0 ; padding:0; width:auto; text-decoration: underline;}


.sub_4 .bt_box {margin:60px 0 40px 0;}
.sub_4 .bt_box:after {content:''; clear:both; display: table;}
.sub_4 .bt_box button {float:left; margin-right:8px; height:45px; padding:0 ; border:none; background:#e4e7ec; font-size:18px; color:#A6ACB2; font-weight:600; border-radius:50px; box-shadow: -5px -5px 11px 0px rgba(255, 255, 255, 0.81), inset 3px 3px 8px 0px #D6DCE1, 3px 3px 8px 0px #D6DCE1, inset -4px -5px 7px 0px rgba(255, 255, 255, 0.73); width:180px; margin-right:15px;}
.sub_4 .bt_box button:last-child {margin-right:0;}
.sub_4 .bt_box button.on {color:#fff; background:#A6ACB2; box-shadow: inherit; font-weight:500;}



@media screen and (max-width:900px) {
    .sub_4 .sec1 {padding-top:100px;}
    .sub_4 .sec1 h2 {font-size:50px;}
    .sub_4 .sec1 p {margin-top:25px; font-size:18px;}
}


@media screen and (max-width:767px) {
    .sub_4 .sec1 {padding-top:45px;}
    .sub_4 .sec1 h2 {font-size:30px; text-align: center;}
    .sub_4 .sec1 p br {display: none;}
    .sub_4 .sec1 p {font-size:16px; }

    .sub_4 .bt_box {margin:25px 0 0px 0;}
    .sub_4 .bt_box button {width:calc((100% - 6px) / 2); margin-right:6px; font-size:15px; padding:0 10px;}
    .sub_4 .bt_box button:last-child {margin-right:0; }

    .sub_4 .sec2 {padding-bottom:60px;}
    .sub_4 .sec2 .txt {font-size:14px;}
    .sub_4 .sec2 .txt b {font-size:16px;}
    .sub_4 .sec2 .txt ul li {font-size:13px;}
    .sub_4 .sec2 .txt b.bold {font-size:14px;}
}