.about {padding:170px 60px 80px 60px; overflow: hidden;}
.about .wid {max-width:1700px; margin:0 auto; position: relative;}

.about h1 {font-size:60px; color:#111; font-family: 'Paperlogy-9Black';}
.about ul {width:350px; margin:0 auto; position:absolute; left:50%; top:2px; padding:6px; background:#f3f3f3; border-radius:50px; transform: translate(-50%,0);}
.about ul:after {content:''; clear:both; display: table;}
.about ul li {float:left; width:50%; border-radius:50px; font-size:20px; color:#111; font-weight:500; height:55px; line-height:55px; text-align: center; cursor: pointer;}
.about ul li.on {background:#111; color:#fff;}

.about .img {width:calc(100% + 120px); background:url('../img/about_img.jpg')no-repeat center; background-size:cover; margin-left:-60px; margin-top:120px; position: relative; z-index: 1;}
.about .img .wid {height:200px;}
.about .img span {position: absolute; left:-10px; bottom:-40px; font-size:150px; color:#fcfcfc; font-family: 'Paperlogy-9Black';}
.about .img button {position: absolute; right:65px; bottom:0;height:60px; width:230px; border-radius:50px; background:#111; color:#fff; font-weight:500; border:none; font-size:20px; }
.about .img button img {margin:-2px -5px 0 40px}
.about .img .bg_img {position: absolute; right:0; bottom:-2px; z-index: -1;}
.about .img .img3 {position: absolute; right:65px; top:148px; width:230px; border-radius:30px; box-shadow: 2px 2px 20px rgba(0,0,0,.1);}
.about .img .img4 {position: absolute; right:10px; top:395px; z-index: 1;}
.about .img .img5 {position: absolute; right:10px; top:420px; z-index: 1;}



.about .txt h2 {font-size:45px; color:#111; font-weight:500; margin-top:60px; font-weight:400;}
.about .txt h2 b {font-weight:700;}
.about .txt h2 b br {display: none;}
.about .txt h2.eng .mo {display: none;}
.about .txt p {font-size:18px; color:#111; line-height:1.5em; margin-top:40px; font-weight:500; padding-right:400px;}



.about .box {margin-top:80px;}
.about .box:after {content:''; clear:both; display: table;}
.about .box .img_box {float:left; width:800px; height:382px; background:url('../img/about_img2.png')no-repeat center; background-size:cover; }
.about .box .txt_box {float:right; width:calc(100% - 800px); padding-left:80px;}
.about .box .txt_box h2 {font-size:60px ; color:#111; margin-top:70px; font-weight:800; }
.about .box .txt_box h2 b {font-weight:800;}
.about .box .txt_box p {font-weight:400; line-height:1.7em; margin-top:30px; font-size:20px; font-weight:500; color:#111; letter-spacing: -.2px;}







@media screen and (max-width:1600px) {
    .about .box {margin-top:60px; padding-bottom:130px;}
    .about .box .img_box {width:650px; height:312px;}
    .about .box .txt_box {padding-left:0; width:calc(100% - 530px); position: absolute; right:0; bottom:0;}
    .about .img {margin-top:90px;}
}


@media screen and (max-width:1279px) {
    .about .box {margin-top:40px;}
    .about .box .txt_box {width:100%; position: relative; padding-left:0;}
    .about .box .txt_box h2 {margin-top:0;}
    .about .box .img_box {width:100%; padding-top:48%; margin-top:60px; height:auto;}
    .about .txt p {padding-right:280px;}
    .about .img {margin-top:0;}

}


@media screen and (max-width:1023px) {
    .about .txt h2 {font-size:50px;}
    .about .txt h2 b {width:100% ;display:inline-block;}
    .about .img span {font-size:100px; bottom:-30px;}
    .about .txt p {margin-top:110px; padding-right:0;}

    .about .txt h2.eng .mo {display: block;}
    .about .txt h2.eng b {width:auto;}
}


@media screen and (max-width:767px) {
    .about {padding:120px 25px 60px 25px;}
    .about h1 {font-sizE:40px;}

    .about .box {margin-top:30px; padding-bottom:60px;}
    .about .box .txt_box h2 {font-size:35px;}
    .about .box .txt_box p {margin-top:10px; font-size:16px; }
    .about .box .txt_box p .mo {display: none;}
    .about .box .img_box {margin-top:40px;}

    .about .img .wid {height:140px;}
    .about .img .bg_img {right:20px; width:220px;}
    .about .img .img3 {right:58px; top:105px; width:143px; border-radius:17px;}
    .about .img span {font-size:40px; bottom:-11px; left:29px;}

    .about .txt h2 {font-size:32px; margin-top:35px;}
    .about .txt h2 b br {display: block;}
    .about .txt p {font-size:15px; margin-top:40px;}

    .about .txt h2.eng {font-size:23px; font-weight:500;}

    .about .img .img4 {right:40px; top:259px; width:90px;}
    .about .img .img5 {right:40px; top:279px; width:110px;}
}