.wrap_sub_banner{overflow: hidden;z-index: 1;} .sub_banner{height: 618px;overflow: hidden;position: relative;background: center;background-size: cover;} .sub_banner img{display: block;width: 100%;} .content{position: relative;z-index: 2;padding: 0 0 23.6%;background: #f3f2ef url(../images/sub_bg.png) no-repeat center bottom/100% auto;} .content.bg2{background: url(../images/sub_bg2.png) no-repeat left bottom/27.6% auto,url(../images/sub_bg3.png) no-repeat center bottom/cover;padding-bottom: 5%;} .content .gp-container{width: 1130px;} .sub_menu_box{position: absolute;left: 0;right: 0;bottom: 100%;} .sub_content{position: relative;padding: 60px 0;} .bread{line-height: 30px;position: absolute;color: #fff;margin: 0 0 20px;right: 0;bottom: 100%;} .bread a{padding: 0 1px;display: inline-block;vertical-align: middle;color: #fff;} .bread i{display: inline-block;vertical-align: middle;margin: 0 3px;} .bread a.on{color: #B00C1D;} .page_title{margin: 0 0 30px;border-bottom: 1px solid #b0b0b0;} .page_title h3{position: relative;padding: 21px 28px;font-weight: normal;font-family: 'hk';width: 50%;background: #ccddf5;color: #004096;line-height: 1.5em;box-sizing: border-box;margin: 0 0 29px;} .page_title h3::before{content: '';display: block;position: absolute;width: 90px;height: 10px;background: #004096;top: 50%;transform: translateY(-50%);left: -70px;} .sub_menu_box{position: absolute;left: 0;right: 0;bottom: 100%;padding: 190px 0 40px;background: url(../images/sub_banner_cover2.png) no-repeat left bottom,url(../images/sub_banner_cover.png) no-repeat top center;} @media screen and (min-width:1920px){ .sub_menu_box{background-size: auto,100% auto;} } .sub_menu_box::before{content: '';display: block;position: absolute;left: 0;right: 0;top: 370px;bottom: 0;background: #004096;z-index: -1;} .sub_menu_title{color: #fff;line-height: 1.5em;position: relative;font-weight: normal;font-family: 'hk';margin: 0 0 22px;letter-spacing: 3.12px;} .sub_menu{position: relative;} .sub_menu .lv0{position: relative;font-size: 0;width: 540px;} .sub_menu .lv0 ul{display: none;} .sub_menu ul,.sub_menu .tit,.sub_menu li{position: relative;} .sub_menu li{display: inline-block;width: 135px;} .sub_menu a{display: block;line-height: 1.5em;position: relative;font-size: 14px;color: #666;} .sub_menu a.l0{font-size: 18px;padding: 10px 0;color: #fff;} .sub_menu a.current,.sub_menu a.on,.sub_menu a:hover{color: #d6c9a5;} .sub_menu a::before{content: '';display: block;width: 36px;height: 4px;position: absolute;left: -46px;top: 50%;transform: translateY(-50%);background: #d6c9a5;display: none;} .sub_menu a.current::before,.sub_menu a.on::before,.sub_menu a:hover::before{display: block;} /* .sub_menu a.current.l0,.sub_menu .on > a.l0,.sub_menu a.l0:hover{color: #333;} */ .sub_menu .arrow{position: absolute;width: 20px;height: 20px;background: url(../images/sub_menu_arrow.png) center no-repeat;right: 33px;top: 50%;transform: translateY(-50%);cursor: pointer;display: none;} .sub_menu .tit.on .arrow{background-image: url(../images/sub_menu_arrow2.png);} @media screen and (max-width:1640px){ .wrap_sub_banner{padding: 0;} .sub_banner{height: 500px;} .sub_menu_title{margin-bottom: 20px;} .bread{margin-bottom: 10px;} .sub_menu_box{padding: 180px 0 30px;background-size: 300px auto, auto;} .sub_menu a.l0{padding: 6px 0;} .sub_content{padding: 40px 0;} .page_title{margin: 0 0 30px;} } @media screen and (max-width:1280px){ .sub_banner{padding-bottom: 360px;height: 0;} .bread{margin: 0 0 20px;} .sub_menu_box{padding: 200px 0 30px;} .page_title h3{padding: 14px 28px;margin-bottom: 20px;} .sub_menu_title{margin-bottom: 10px;} .sub_menu a{padding-right: 40px;} .sub_menu a.current.l0, .sub_menu .on > a.l0, .sub_menu a.l0:hover{background-size: 24px auto;} .sub_menu .arrow{right: 15px;} .page_title{margin-bottom: 20px;} } @media screen and (max-width:996px){ .sub_banner{padding-bottom: calc(618% / 19.20);} .sub_menu_box{position: relative;background: #004096;padding: 15px 0;} .sub_menu::before{display: none;} .sub_content{padding: 20px 0;} .page_title{margin-bottom: 20px;} .page_title h3{width: auto;padding-top: 10px;padding-bottom: 10px;} .bread{font-size: 12px;margin-bottom: 5px;} .sub_menu_title{margin-bottom: 0;} .sub_menu .lv0{padding: 0;width: auto;} .sub_menu li{width:auto;margin-right: 40px;} .sub_menu a.l0{padding-top: 6px;padding-bottom: 6px;font-size: 16px;} .sub_menu a.current::before, .sub_menu a.on::before, .sub_menu a:hover::before{display: none;} } @media screen and (max-width:767px){ .sub_banner{padding-bottom: 140px;} .sub_menu li{margin-right: 20px;} } /* article_page_start */ .page_article{position: relative;margin: 0 0 0;padding: 60px 50px;background: #fff;} .page_article_title {} .page_article_title h3 { line-height: 1.4; color: #111; text-align: center;font-weight: normal;} .article_author {text-align: center;margin: 27px 0 0;font-size: 0px;padding: 12px 0;line-height: 30px;position: relative;z-index: 2;border-top: 1px solid #dcdcdc;} .article_author span{font-size: 16px;line-height: 30px;padding: 0 15px;color: #004096;height: 30px;display: inline-block;vertical-align: top;} .article_author i{font-size: 14px;font-style: normal;} .page_article .article {position: relative;text-align: justify;padding: 20px 0 0;} .page_article .article p { } .annex {overflow: hidden;margin: 54px 0 0;line-height: 24px;padding: 0 0 0;} .annex .annex_title {position: relative;color: #333;margin: 0 auto 10px;padding: 0 0 0 22px;background: url(../images/annex.png) no-repeat left center/auto 80%;} .annex .list {margin: 0 0 -6px;padding: 10px 0 0;border-top: 1px solid #004096;} .annex li {margin: 0 0 6px;} .annex a{position: relative;display: block;padding: 0;transition: all ease-in-out .3s;-ms-transition: all ease-in-out .3s;-moz-transition: all ease-in-out .3s;-webkit-transition: all ease-in-out .3s;-o-transition: all ease-in-out .3s;} /* .annex a:hover{background: #B00C1D;color: #fff;} */ .article_bottom{margin: 55px 0 0;} .article_bottom_link{float: left;} .article_bottom .rt{float: right;text-align: center;} .article_bottom .rt p{padding: 6px 0 0;color: #333;line-height: 20px;} .view_count{display: inline-block;vertical-align: top;margin: 0 0 0 16px;} .article_bottom_link .item{line-height: 24px;padding: 5px 0;} .article_bottom_link .item span{color: #999;} @media screen and (max-width: 1640px){ .page_article{margin: 0;padding: 40px 36px;} .page_article_title{padding: 5px 0 0;} .article_author{} .page_article .article{padding: 0;} .annex,.article_bottom{margin: 30px 0 0;} } @media screen and (max-width: 996px){ .page_article{margin: 0;padding: 20px;} .page_article_title{padding: 0 0 10px;} .page_article .article{font-size: 15px;} .article_author{margin: 6px 0 0;padding: 6px 0;} .annex,.article_bottom{margin: 20px 0 0;} .annex li{margin: 0 0 6px;} .article_bottom_link{float: none;} .article_bottom .rt{padding: 10px 0 0;float: none;} } @media screen and (max-width: 767px) { .page_articleTitle{margin: 0 0 16px;padding-bottom: 0;} .article_author span{padding:2px 10px;border: 0;} .article_author i{display: none;} .annex { margin: 20px 0; } .annex strong::before { left: 10px; } .annex strong{ padding-left: 20px; padding-right: 20px; } .annex li { font-size: 14px; } } .share_box {text-align: center;font-size: 0px;z-index: 100;position: relative;display: inline-block;vertical-align: top;} .share_box .share_title{display: block;text-align: center;color: rgb(51, 51, 51);font-size: 14px;margin: -13px 0 10px;line-height: 20px;position: relative;overflow: hidden;} .share_box .share_title::before{content: '';display: block;border-top: 1px dashed #e5e5e5;position: absolute;width: 100%;height: 0;top: 50%;left: 0;} .share_box .share_title span{background: #fff;display: inline-block;position: relative;z-index: 2;padding: 0 10px;color: #333;} .share_box .share_btn, .share_box .share_btn.share_more::after {line-height: 20px;margin: 0px auto 20px;position: relative;width: 50px;height: 50px;background-position: center center;background-repeat: no-repeat;background-size: 100%;cursor: pointer;display: block;border-radius: 0%;background-color: #F8F8F8;border-radius: 50%;} .share_box .share_more{margin-bottom: 0;} .share_box .share_btn i{left: 50%;top: 50%;transform:translateX(-50%) translateY(-50%);position: absolute;z-index: 2;color: #fff;} .share_box .share_btn.share_wechat { background-image: url("../images/share_wechat.png");} .share_box .share_btn.share_sina { background-image: url("../images/share_sina.png");} .share_box .share_btn.share_qzone { background-image: url("../images/share_qzone.png");} /* .share_box .share_btn.share_copy { background-image: url("../images/share_copy.png"); background: #7dd43c;} */ .share_box .share_btn.share_more::after { content: ""; background-image: url("../images/share_more.png");position: absolute; border: 0px; left: 0px; margin: 0px; } .share_box .share_btn.share_twitter { background-image: url("../images/share_twitter.png"); background: #6babe8;} .share_box .share_btn.share_facebook { background-image: url("../images/share_facebook.png"); background: #415a94;} .share_box .share_btn.share_linkedin { background-image: url("../images/shareto_linkedin.png"); background: #3d84c2;} .share_box .share_btn:last-child { } #qrcode{padding: 5px;background: #fff;box-shadow: 0 0 5px rgba(0,0,0,.2);} .share_box .share_btn .alert_box { position: absolute; top: 100%; left: 0%; padding: 6px; display: none;z-index: 2;padding: 1px;z-index: 10;} .share_box .share_wechat .alert_box{right: 100%;top: 0;left: auto;} .sub_right .share_box .share_wechat .alert_box{left: auto;right: 100%;top: 0;} .share_box canvas { display: block; } .share_box .share_more .share_btn {margin: 10px 0 0;border: 0px;/* border-radius: 0px; */} .share_box .share_btn:hover > .alert_box { display: block; } @media screen and (max-width: 996px) { /* .share_box {position: fixed;right: 20px;bottom: 20px;top: initial;} .share_box .share_title{ margin: 0px 0px 6px; display: none;} .share_box .share_btn, .share_box .share_btn.share_more::after{width: 40px;height: 40px;} .share_box > .share_btn{display: none;} .share_box .share_btn.share_more{display: block;} .share_box .share_btn .alert_box { left: 0px; top: auto; bottom: 100%; } .share_box .share_more .share_btn{margin: 0 0 10px;} */ .share_box {position: relative;left: 0;right: 0;top: 0;bottom: 0;width: auto;transform: none;} .share_box .share_btn.share_more{width: auto;height: auto;background: none;} .share_box .share_btn.share_more::after{display: none;} .share_box .share_btn.share_more > .alert_box{display: block;position: relative;height: 50px;} .share_box .share_title{ margin: 0px 0px 6px; display: none;} /* .share_box .share_btn, .share_box .share_btn.share_more::after{width: 40px;height: 40px;} */ .share_box > .share_btn{display: none;} .share_box .share_btn{display: inline-block;} .share_box .share_btn.share_more{display: block;} .share_box .share_btn .alert_box { left: 0px; top: auto; bottom: 100%; } .share_box .share_more .share_btn{margin: 0 10px;} .share_wechat .alert_box{left: 50% !important;transform: translateX(-50%) !important;top: auto !important;bottom: 105% !important;right: auto !important;} } /* article_page_end */ /* pages_start */ .pages {padding: 0;font-size: 0;text-align:center;margin: 46px 0 0 0;} .pages > a,.pages span{display:inline-block;width: 30px;height: 30px;line-height: 30px;position:relative;text-align: center;vertical-align: top;font-size: 16px;color: #999;margin: 0 5px;border-radius: 500px;transition: all ease-in-out .3s;-ms-transition: all ease-in-out .3s;-moz-transition: all ease-in-out .3s;-webkit-transition: all ease-in-out .3s;-o-transition: all ease-in-out .3s;border: 1px solid #dfdfdf;background: #fff;} .pages .start,.pages .end,.pages .next,.pages .prev{width: auto;padding: 0 30px;margin: 0 15px;} /* .pages > span{font-size: 26px;font-family: arial;color: #333;margin: 0 12px;} */ /* .pages .next{background: url(../images/pages_next1.png) center no-repeat #fff;} */ /* .pages .prev{background: url(../images/pages_prev1.png) center no-repeat #fff;} */ .pages > a:hover ,.pages > a.on_page{/*background-color:#B00C1D;color: #fff;border-color: #B00C1D;*/color: #fff;border-color: #004096;background: #004096;} /* .pages > a.on_page{} */ /* .pages .next:hover{background: url(../images/pages_next2.png) center no-repeat;} */ /* .pages .prev:hover{background: url(../images/pages_prev2.png) center no-repeat;} */ .pages .select_link{display: inline-block;vertical-align: middle; position: relative;margin: 0 5px;} .pages .select_link .arrow{width: 20px;height: 20px;position: absolute;right: 9px;bottom: calc(50% - 10px);background: url(../images/select_arrow.png) center center no-repeat;transition: all ease-in-out 0.2s;-ms-transition: all ease-in-out 0.2s;-moz-transition: all ease-in-out 0.2s;-webkit-transition: all ease-in-out 0.2s;-o-transition: all ease-in-out 0.2s;cursor: pointer;} .pages .select_link:hover .arrow{transform: rotate(180deg);background: url(../images/select_arrow2.png) center center no-repeat;} .pages .select_link > p{display: block;font-size: 16px;line-height: 34px;text-align: left;padding: 0 50px 0 20px;position: relative;border: 1px solid #dcdcdc;height: 34px;border-radius: 18px;color: #999;} .pages .select_link:hover > p{color: #9b0000;border-color: #9b0000;border-radius: 0 0 18px 18px;} .pages .select_link .alert_box{height: 0;position: absolute;left: 0;right: 0;bottom: 100%;overflow: hidden;border: 0;opacity: 0;max-height: 200px;overflow: auto;padding: 5px 0 0;border-radius: 18px 18px 0 0;border:none;background: #fff;} .pages .select_link:hover .alert_box{opacity: 1;height: auto;border: 1px solid #B00C1D;border-bottom: none;} .pages .select_link .alert_box a{display: block;font-size: 16px;line-height: 1.5;padding: 6px 0;text-align: center;} .pages .select_link .alert_box a:hover{background: rgba(255,255,255,0.2);} .pages .input_page{display: inline-block;vertical-align: middle;} /* .pages span.word{color: #494949;font-size: 16px;margin: 0 15px 0 6px;} */ .pages span.jumpto{width: auto;line-height: 32px;height: 32px;cursor: pointer;padding: 0 10px;} .pages span.tips{color: red;display: none;} .pages .input_page input{width: 32px;height: 32px;color: #333;outline: none;padding: 0;text-align: center;background: #F2F2F2;border: none;border-radius: 2px;margin: 0 5px;font-size: 16px;} @media screen and (max-width:1640px){ .pages{margin: 40px 0 0;} } @media screen and (max-width:1220px){ .pages>a{margin: 0 5px;} .pages .start, .pages .end, .pages > span, .pages .next, .pages .prev{/* padding: 0 12px; */} } @media screen and (max-width:996px){ .pages{margin: 20px 0 0;} .pages>a{font-size: 13px;width: 30px;height: 30px;line-height: 30px;} /* .pages .start, .pages .end, .pages > span, .pages .next, .pages .prev{padding: 0 10px;} */ .pages .select_page span{font-size: 13px;line-height: 30px;} .pages .select_link{height: 30px;} .pages .select_link p{font-size: 13px;line-height: 30px;} .pages .select_link .arrow{bottom: 5px;} .pages .input_page input,.pages span.jumpto{font-size: 13px;height: 30px;line-height: 30px;} } @media screen and (max-width:767px){ /* .pages>a, .pages>span{width: 24px;height: 24px;line-height: 24px;} */ .pages a,.pages > span{display: none;} .pages .select_page{display: block;margin: 15px 0 0;} /* .pages .select_link,.pages .select_link p{height: 24px;line-height: 24px;} */ /* .pages .select_link .arrow{bottom: 2px;} */ .pages > a{margin-bottom: 10px;} .pages a.start,.pages a.prev,.pages a.on_page,.pages a.next,.pages a.end{display: inline-block;} .pages .start, .pages .end, .pages .next, .pages .prev, .pages > span{margin: 0 5px;/* padding: 0 5px; */} } @media screen and (max-width:413px){ /* .pages .start, .pages .end, .pages .next, .pages .prev, .pages > span{margin: 0 2px;padding: 0 5px;} */ } /* pages_end */ .sub_01{} .sub_01 ul{margin: 0 0 -30px -36px;} .sub_01 .item{margin: 0 0 30px 36px;background: #fff;padding: 44px 45px 30px;} .sub_01 .info{margin: 7px 0 14px;color: #666;} .sub_01 .time{text-align: right;color: #b0b0b0;} .sub_02{margin-bottom: 100px;position: relative;} .sub_02:last-child{margin-bottom: 0;} .sub_02::before{content: '';display: block;position: absolute;left: 0;top: 0;bottom: 30px;width: 2px;background: #d0cfce;} .sub_02 ul{margin: 0 0 -30px 5px;padding: 0 0;} .sub_02 .item{margin: 0 0 30px 43px;padding: 14px 0;background: #fff;} .sub_02 .img_box{width: 120px;float: left;} .sub_02 .gp-img{padding-bottom: 120%;} .sub_02 .info_box{margin: 0 20px 0 140px;} .sub_02 .title{margin: 0 0;} .sub_02 .info{margin: 0 0;color: #666;} .sub_03{} .sub_03 .page_title{margin-left: 70px;} .sub_03 ul{margin: 0 0;} .sub_03 .item{position: relative;padding: 25px 0 25px 146px;} .sub_03 .item::before{content: '';display: block;position: absolute;left: 50px;top: 0;bottom: 0; width: 0;height: 100%;border-right: 1px dashed #aaa;} .sub_03 li:last-child .item::before{bottom: 50%;} .sub_03 li:first-child .item::before{top: 50%;} .sub_03 .time{position: absolute;left: -10px;top: 50%;transform: translateY(-50%);padding: 1px 10px;border-radius: 16px;} .sub_03 .time span{font-weight: bold;} .sub_03 .box{display: flex;align-items: center;} .sub_03 .img_box{flex-shrink: 0;padding: 0 30px 0 0;max-width: 50%;} .sub_03 .info_box{color: #666;} .sub_04{} .sub_04 ul{margin: 0 0 -31px -36px;} .sub_04 .item{margin: 0 0 31px 36px;padding: 42px 50px 51px;background: #fff;} .sub_04 .info{padding: 18px 0 0;} .sub_04 .info p{line-height: 31px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;padding: 0 0 0 23px;color: #666;margin: 0 0 10px;background: no-repeat left center;} .sub_04 .info p:last-child{margin-bottom: 0;} .sub_04 .info p.ico1{background-image: url(../images/mode04_ico1.png);} .sub_04 .info p.ico2{background-image: url(../images/mode04_ico2.png);} .sub_04 .info p.ico3{background-image: url(../images/mode04_ico3.png);} .sub_05{overflow: hidden;background: #fff;position: relative;line-height: 26px;} .sub_05 .lf{float: left;width: 50%;} .sub_05 .rt{float: right;width: 37.5%;} .sub_05 .box1{padding: 11px 0 11px 30px;position: relative;z-index: 2;} .sub_05 .box2{padding: 28px 0 29px 30px;position: relative;z-index: 2;} .sub_05 .box1::after,.sub_05 .box2::after{content: ''; display: block;clear: both;} .sub_05 .lf .box1::before{content: '';display: block;position: absolute;left: 0;top: 0;bottom: 0;width: 2000px;background: #e8eff6;z-index: -1;} .sub_05 .left{color: #004096;float: left;width: 220px;} .sub_05 .right{margin: 0 0 -20px 230px;} .sub_05 .rt .left{width: 100px;} .sub_05 .rt .right{margin-left: 110px;} .sub_05 .right a{display: inline-block;margin: 0 35px 20px 0;} .sub_07a{align-items: center;border-bottom: 1px solid #b0b0b0;padding: 0 0 32px;margin: -8px 0 0;} .sub_07a .left{width: 208px;} .sub_07a .right{width: calc(100% - 248px);line-height: 2em;} .sub_07b{margin: 0 0 0 170px;padding: 50px 0 0 58px;border-left: 1px solid #b0b0b0;} .sub_07b .img_box{position: relative;z-index: 2;margin: 0 0 41px;} .sub_07b .img_box .img1{display: block;width: 100%;} .sub_07b .img_box .img2{display: block;width: 383px;position: absolute;top: 50%;transform: translateY(-50%);left: -230px;} .sub_07b .img_box::before{content: ''; display: block;width: 383px;position: absolute;top: 50%;transform: translateY(-50%);height: 383px;right: -50px;background: #b29551;z-index: -1;} .sub_07b .bottom{line-height: 2em;} .sub_08{background: #fff url(../images/sub08_bg.png) no-repeat right bottom;margin: 0 0 71px;} .sub_08:last-child{margin-bottom: 0;} .sub_08 h3{background: #e8eff6;color: #004096;line-height: 48px;text-align: center;font-weight: normal;} .sub_08 ul{margin: 0 36px -23px -74px;padding: 22px 0 30px;} .sub_08 .item{margin: 0 0 23px 110px;padding: 0 0 0 20px;position: relative;} .sub_08 .item::before{content: '';display: block;position: absolute;left: 0;border-left: 10px solid #004096;border-bottom: 5px solid transparent;border-top: 5px solid transparent;top: 13px;} .sub_08 .title{line-height: 2em;} .sub_08 .info{line-height: 2em;color: #666;} .sub_09{overflow: hidden;} .sub_09 ul{margin: -32px 0;} .sub_09 .item{line-height: 36px;padding: 32px 0;border-bottom: 1px solid rgba(102, 102, 102, .2);overflow: hidden;} .sub_09 .left{float: left;width: 120px;} .sub_09 .right{margin: 0 0 0 125px;} .sub_09 .right a{float: left;margin: 0 42px 0 0;color: #666;} .sub_09 .right a:hover{color: #004096;} @media screen and (max-width:1640px){ .sub_07b .img_box{margin-right: 30px;} .sub_07b .img_box::before{right: -30px;} } @media screen and (max-width:1280px){ .sub_01 ul,.sub_04 ul{margin: 0 0 -20px -24px;} .sub_01 .item,.sub_04 .item{margin: 0 0 20px 24px;padding: 20px 30px 24px;} .sub_07b{margin: 0 0 0 100px;padding: 40px 0 0 40px;} .sub_07b .img_box{margin-bottom: 30px;} .sub_07b .img_box .img2{width: 240px;left: -140px;} .sub_07b .img_box::before{height: 240px;} .sub_09 ul{margin: -16px 0;} .sub_09 .item{padding: 16px 0;} } @media screen and (max-width:996px){ .sub_01 .info{margin: 5px 0;} .sub_01 .title,.sub_01 .info,.sub_02 .title,.sub_02 .info,.sub_03 .info_box{line-height: 2em;} .sub_03 .item{padding: 25px 0 25px 120px;} .sub_03 .box{flex-direction: column;} .sub_03 .img_box{padding: 0 0 10px;max-width: 80%;} .sub_04 .info{padding: 10px 0 0;} .sub_04 .info p{margin-bottom: 5px;} .sub_05 .lf{width: 60%;} .sub_05 .box1{padding: 5px 0 5px 15px;} .sub_05 .box2{padding: 10px 0 10px 15px;} .sub_05 .left{font-size: 16px;width: 160px;} .sub_05 .right{margin-bottom: -10px;margin-left: 170px;} .sub_05 .right a{margin: 0 15px 10px 0;} .sub_08{margin-bottom: 40px;} .sub_08 ul{margin-bottom: -6px;} .sub_08 .item{margin-bottom: 6px;} .sub_08 .item::before{top: 10px;} } @media screen and (max-width: 767px){ .sub_02{margin-bottom: 50px;} .sub_03 .item{padding: 15px 0 15px 100px;} .sub_05 .left,.sub_05 .rt .left{width: auto;float: none;font-size: 14px;padding: 0 0 5px;} .sub_05 .right,.sub_05 .rt .right{margin-left: 0;} .sub_07a{flex-direction: column;margin: 0 0 0;} .sub_07a .right{width: 100%;margin: 10px 0 0;} .sub_07b{margin: 0;padding: 20px 0 0;border: none;} .sub_07b .img_box{margin: 0 0 10px 0;} .sub_07b .img_box .img2{width: 150px;position: relative;left: 0;right: 0;top: 0;bottom: 0;transform: none;margin: 10px auto 0;} .sub_07b .img_box::before{display: none;} .sub_08{background-size: 80% auto;} .sub_09 .left{width: 80px;} .sub_09 .right{margin: 0 0 0 100px;} .sub_09 .right a{margin: 0 28px 0 0} } @media screen and (max-width: 413px){ }