#doc_sec #grid{display:flex;align-items:center;justify-content:center}@media(max-width:1300px){#doc_sec #grid{display:block}}@media(max-width:768px){#doc_sec div.content .doc_section .wrap ul li a{height:250px !important}}@media(max-width:450px){#doc_sec div.content .doc_section .wrap ul li a{height:200px !important}}.wrap:after,ul:after{content:"";clear:both;display:block;height:0;visibility:hidden}#doc_sec .width_wrap{width:1300px;margin:0 auto;height:auto;position:relative}#doc_sec div.content .doc_section .wrap{position:relative;left:0;top:0;margin-left:0;width:100%;height:auto}#doc_sec{background:0;height:auto}#doc_sec .doc2_title{height:90px}#doc_sec .title{float:left;font-size:30px;font-weight:bold;color:#333}#doc_sec .title:after{content:"";clear:both;display:block;height:0;visibility:hidden}#doc_sec .doc2_title .page{float:right}#doc_sec .doc2_title .page li{width:auto !important;height:auto !important;float:left}#doc_sec .doc2_title .page li a{padding:10px 20px;color:#787878 !important;min-width:auto !important;position:relative;transition:color .3s ease}#doc_sec .doc2_title .page li a:after{content:"";width:0;position:absolute;left:50%;bottom:3px;height:2px;background:#42c0bf;transform:translateX(-50%);transition:width .3s ease}#doc_sec .doc2_title .page .select a:after{width:60%}#doc_sec .doc2_title .page .select a{color:#42c0bf !important;display:inline !important}#doc_sec div.content .doc_section .wrap ul li{width:25%;height:500px;padding:0 10px;position:relative}#doc_sec div.content .doc_section .wrap ul li a{background:#cdd2d8;overflow:hidden;height:395px}#doc_sec div.content .doc_section .wrap ul li:nth-child(4n){margin-right:0}#doc_sec div.content .doc_section .wrap ul li a .pic-area{height:100%}#doc_sec div.content .doc_section .wrap ul li a .pic_area{background-position:0 30% !important}#doc_sec div.content .doc_section .wrap ul li a:before{display:none}#doc_sec .pic_area{height:100%;transition:all .5s ease;position:relative}#doc_sec .on_bg{background:rgba(0,0,0,0.5);width:100%;height:100%;transition:opacity .3s ease;position:absolute;top:0;left:0;z-index:2;opacity:0}#doc_sec .txt_box{text-align:center;transition:all .5s ease;padding-top:10px;font-size:18px;z-index:10;position:relative}#doc_sec .txt_box p:nth-of-type(2){font-weight:bold;margin-top:5px}#doc_sec div.content .doc_section .wrap ul li a .pic-area p{position:relative;top:0;left:0;opacity:1;transition:none}#doc_sec div.content .doc_section .wrap ul li a:hover .pic-area p{left:0;opacity:1}#doc_sec .content p{margin:5px 0 0 0}#doc_sec .content{overflow:hidden;width:auto;max-width:initial;height:auto}#doc_sec .content p:nth-child(odd),.content.light p:nth-child(odd){background:0;padding:0;border-radius:0}#doc_sec div.content .doc_section .wrap ul li a{position:relative;display:block}#doc_sec .content img{background:0;padding:0}#doc_sec .grid-sizer{width:33.333%}#doc_sec .on_txt{position:absolute;top:50%;left:50%;color:#fff;text-align:center;transform:translate(-50%,-50%);font-size:15px}#doc_sec .on_txt .detail{margin-bottom:10px;transform:scale(0.6);transition:all .5s ease}#doc_sec .mo_detail{width:60px;height:60px;position:absolute;bottom:0;right:0;background:#42c0bf;display:none}#doc_sec .mo_detail .line{background:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#doc_sec .mo_detail .line_box{position:absolute;top:50%;left:50%;transition:all .3s ease}#doc_sec .mo_detail .line_w{width:35px;height:5px}#doc_sec .mo_detail .line_h{width:5px;height:35px}#doc_sec .txt_box .value{height:0;opacity:0;transition:opacity .3s ease}@media screen and (max-width:1300px){#doc_intro .mob-title{top:60px}#doc_intro div.content .section01{height:750px !important}#doc_intro div.content .section01 .bg-wrap{height:750px !important}#doc_sec .width_wrap{width:100%}#doc_sec .doc2_title{height:auto;padding-bottom:21px}#doc_sec .doc2_title .page{float:none;display:flex;align-items:center;justify-content:center;padding:16px 0}#doc_sec .title{float:none;text-align:center}#doc_sec .page .select{margin-right:0}#doc_sec div.content .doc_section .wrap{width:90%;padding:0;margin:0 auto}#doc_sec div.content .doc_section .wrap ul{width:100%}#doc_sec div.content .doc_section .wrap ul li{width:50%;height:auto;margin-bottom:20px}#doc_sec .mo_detail{display:block}#doc_sec .on_bg{display:none}#doc_sec .pic_area{transform:scale(1) !important}#doc_sec .txt_box{transform:translateY(0) !important;font-size:15px;pointer-events:none}#doc_sec .txt_box .value{height:0 !important;opacity:0 !important}#doc_sec .txt_box>p{color:#555 !important}#doc_sec .txt_box p:nth-of-type(2){margin:0}#doc_sec div.content .doc_section .wrap ul li{float:left !important}#doc_sec div.content .doc_section .wrap ul li a .pic_area{background-size:70% !important;background-position:50% 30% !important}#doc_sec .mo_detail{width:80px;height:80px;display:block}#doc_sec .mo_detail .line_w{width:45px;height:5px}#doc_sec .mo_detail .line_h{width:5px;height:45px}}@media screen and (max-width:768px){#doc_sec .mo_detail{width:60px;height:60px;position:absolute;bottom:0;right:0;background:#42c0bf;display:block}#doc_sec .mo_detail .line_w{width:35px;height:3px}#doc_sec .mo_detail .line_h{width:3px;height:35px}#doc_sec div.content .doc_section .wrap ul li a .pic_area{background-size:120% !important}.grid-sizer{width:50%}}@media screen and (max-width:450px){#doc_sec .mo_detail{width:35px;height:35px;position:absolute;bottom:0;right:0;background:#42c0bf;display:block}#doc_sec .mo_detail .line_w{width:17px;height:3px}#doc_sec .mo_detail .line_h{width:3px;height:17px}#doc_sec .doc2_title .page li a{padding:10px 15px}#doc_sec div.content .doc_section .wrap ul li a{height:195px}#doc_sec .doc2_title{height:auto;padding-bottom:21px;margin-bottom:0}#doc_sec div.content .doc_section .wrap ul li a .pic_area{background-size:100% !important}}@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){.on_bg .txt_box{width:190px !important}}