.wrap_sub_banner{overflow: hidden;z-index: 1;position: relative;} .sub_banner{padding-bottom: calc(500% / 19.2);height: 0;overflow: hidden;position: relative;background: center;background-size: cover;} .sub_banner img{display: block;width: 100%;} .sub_banner_links{position: absolute;right: 0;bottom: 0;filter: drop-shadow( 0px 10px 20px rgba(0, 0, 0, 0.15) );z-index: 2;} .sub_banner_links ul{margin: 0 0;position: relative;z-index: 1;padding: 0 20px 0 20px;background: #992a18;clip-path: polygon( 25px 0 , 100% 0, 100% 100%, 0 100%, 0 18px);} .sub_banner_links li{width: auto;} .sub_banner_links .item{margin: 0 42px 0 0;padding: 10px 0 10px 18px;line-height: 26px;color: #fff;position: relative;overflow: hidden;} .sub_banner_links .item::before{content: '';display: block;width: 6px;height: 6px;border: 1px dotted #fff;border-radius: 50%;top: 50%;transform: translateY(-50%);left: 0;position: absolute;} .sub_banner_links .item::after{content: '';display: block;width: 0px;height: 50%;border-right: 1px dashed #fff;top: -5px;;left: 3px;position: absolute;opacity: .5;} .wrap_top_sub_menu{position: relative;z-index: 3;background: #f7f3f0;box-shadow: 0px 10px 20px 0px rgba(153, 42, 24, 0.06);} .bread{line-height: 30px;position: absolute;color: #fff;margin: 0 0 103px;left: 3px;bottom: 100%;} .bread a{padding: 0 1px;display: inline-block;vertical-align: top;color: #fff;} .bread i{display: inline-block;vertical-align: top;margin: 0 3px;} .bread a.on{color: #003a8c;} .bread a:first-child{padding-left: 26px;background: url(../images/bread.png) left center no-repeat;} .page_title{margin: 0 0 45px;} .top_sub_menu_title{color: #fff;line-height: 1.5em;position: absolute;bottom: 100%;left: 0;margin-bottom: 148px;font-family: 'Noto Serif SC';font-weight: bold;} .top_sub_menu ul{font-size: 0;} .top_sub_menu li{display: inline-block;vertical-align: top;} .top_sub_menu .item{display: block;color: #000;padding: 26px 36px;position: relative;z-index: 2;} .top_sub_menu .item.on{background: #992a18;color: #fff;} .content{position: relative;z-index: 2;padding-bottom: 90px;padding-top: 50px;background: #f5ede6;overflow: hidden;} .content.bg1{background: #f5ede6 url(../images/sub_bg.jpg) right bottom no-repeat;} .content.bg2{background: #f5ede6 url(../images/sub_bg2.jpg) no-repeat right top/100% auto ;} .content .gp-container.gp-flex{padding-top: 30px;} .sub_content{position: relative;padding: 0;} .sub_menu{} .sub_menu .lv0{position: relative;padding: 0 19px 105px;background: url(../images/sub_menu_bg.png) center bottom no-repeat;border-left: 1px solid #dcdcdc;border-right: 1px solid #dcdcdc;} .sub_menu .lv0 ul{display: none;} .sub_menu ul,.sub_menu .t,.sub_menu li{position: relative;} .sub_menu .li0{border-bottom: 1px solid #e5e5e5;margin: 0 0 20px;} .sub_menu .li0:last-child{margin: 0;} .sub_menu .t0{padding: 13px 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;} /* .sub_menu .t0.on,.sub_menu .t0:hover{color: #003a8c;} */ .sub_menu a{line-height: 1.5em;position: relative;font-size: 14px;color: #888;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;display: block;} .sub_menu a.a0{font-size: 16px;line-height: 30px;color: #666;text-align: center;padding-left: 0;} .sub_menu a.current,.sub_menu a.on,.sub_menu a:hover{color: #333;} .sub_menu a.current.a0,.sub_menu .on > a.a0,.sub_menu a.a0:hover{color: #003a8c;} .sub_menu .li0.on a.a0{text-align: left;padding-left: 20px;} .sub_menu .lv1{padding: 0 0 5px 20px;position: relative;top: -9px;} .sub_menu a.a1{font-size: 14px;padding-top: 3px;padding-bottom: 3px;line-height: 23px;} .sub_menu .t1.on a.a1,.sub_menu a.a1:hover{color: #333;} .sub_menu a.a1.current::before,.sub_menu a.a1:hover::before{content: '';width: 5px;height: 5px;background: #f69c20;position: absolute;left: -14px;top: 50%;transform: translateY(-50%);border-radius: 50%;} .sub_menu .arrow{width: 20px;height: 20px;cursor: pointer;display: block;position: absolute;right: -5px;top: 50%;transform: translateY(-50%);background: url(../images/sub_menu_arrow.png) center no-repeat;} .sub_menu .t.on .arrow{background-image: url(../images/sub_menu_arrow2.png);} .sub_left{width: 300px;position: relative;} .sub_left .wrap_fix_scroll,.sub_left .fix_scroll{width: 300px;} .sub_right{position: relative;width: calc(100% - 360px);} .sub_menu2{max-height: calc(100vh - 140px);overflow: auto;} .sub_menu2 a{display: block;margin: 0 0 20px;padding: 25px 0;background: #e6d9cf;cursor: pointer;} .sub_menu2 a.on{background: #992a18;color: #fff;} .sub_menu2 .title{line-height: 1.5;text-align: center;} @media screen and (max-width:1640px){ .sub_left{width: 240px;} .sub_right{width: calc(100% - 270px);} .sub_left .wrap_fix_scroll,.sub_left .fix_scroll{width: 240px;} .sub_menu2 a{padding: 15px 0;} .sub_content{} .top_sub_menu_title{} .top_sub_menu .item{padding: 20px 26px;} } @media screen and (max-width:1280px){ .content{padding: 30px 0 60px;} .bread{margin-bottom: 70px;} .top_sub_menu_title{margin-bottom: 110px;} .sub_banner_links .item{margin: 0 24px 0 0;} .content .gp-container.gp-flex{padding-top: 10px;} } @media screen and (max-width:996px){ .wrap_sub_banner{position: relative;} .sub_banner{padding-bottom: 200px;} .sub_banner_links{position: relative;display: none;} .sub_banner_links ul{clip-path: none;} .content .gp-container.gp-flex{padding: 0;} .wrap_top_sub_menu{padding: 0;} .top_sub_menu .item.on{font-size: 17px;} .bread{ margin: 0 0 12px;} /* .bread{font-size: 12px;bottom: 0;position: relative;margin-bottom: 0;color: #555;} */ /* .bread a{color: #555;} */ .sub_menu .wrap_fix_scroll{position: relative;} .sub_menu .wrap_fix_scroll .fix_scroll{position: relative !important;} .sub_left .wrap_fix_scroll, .sub_left .fix_scroll{width: 100%;position: relative !important;} .sub_left{width: 100%;float: none;margin: 0 0 10px;position: relative;left: 0;right: 0;top: 0;z-index: 20;} .sub_left.fixed{position: fixed;left: 20px;right: 20px;} .sub_menu2{max-height: initial;} .sub_menu2 li{display: inline-block;width: auto;} .sub_menu2 a{padding: 6px 15px;margin: 0 0 5px;} .sub_menu2 .title{font-size: 16px;} .sub_menu .wrap_fix_scroll, .sub_menu .wrap_fix_scroll .fix_scroll{width: 100%;float: none;} .sub_right{margin: 0;width: 100%;} .top_sub_menu_title{/* position: relative; */margin-bottom: 36px;padding: 12px 0;font-size: 24px;/* color: #000; */} .top_sub_menu ul{} .top_sub_menu li{} .top_sub_menu .item{padding: 10px 15px;} .top_sub_menu .item.on::before{width: 100px;} .sub_menu_title{background: #00508f url(../images/sub_menu_title1.png) no-repeat center/auto 9px;height: 30px;} .sub_menu_title.on{background-image: url(../images/sub_menu_title2.png);} .sub_menu .lv0{display: none;margin: 0;padding: 0 12px 120px;border: none;max-height: calc(100vh - 190px);overflow: auto;background-image: url(../images/sub_menu_bg2.png);} .sub_menu .li0{margin: 0;} .sub_menu .lv1{padding-top: 12px;} .sub_menu .t0{padding: 8px 0;margin: 5px 0 0;} .sub_menu a.a0{} .sub_menu a.a1{padding-top: 5px;padding-bottom: 5px;} .sub_content{} .content{padding: 20px 0 30px;margin-top: 0;z-index: 100;} .content.bg1{background-size: 50% auto;} .content .gp-container{min-height: initial;} } @media screen and (max-width:767px){ .sub_banner{padding-bottom: 140px;} .bread{font-size: 12px;} .bread a:first-child{padding-left: 18px;} } /* article_page_start */ .page_article{position: relative;margin: 0 0 0;} .vjs_video_3-dimensions{width: 100% !important;height: auto !important;padding-bottom: 56.25% !important;} .article_left{width: calc(100% - 350px);float: left;padding-right: 50px;border-right: 1px solid #d9d9d9;position: relative;} .article_right{width: 270px;float: right;} .page_article_title {} .page_article_title h3 {line-height: 1.4;color: #000;margin: 22px 0 28px;} .article_author{margin: 0 0 35px;font-size: 0px;padding: 16px 9px;line-height: 28px;border-top: 1px solid #d9d9d9;border-bottom: 1px solid #d9d9d9;position: relative;z-index: 2;} .article_author span{font-size: 15px;line-height: 22px;padding: 0 92px 0 0;color: #999;display: inline-block;vertical-align: middle;} .article_author i{width: 1px;display: inline-block;height: 16px;vertical-align: middle;margin: 0 20px;background: #ccc;} .page_article .article {position: relative;text-align: justify;} .page_article .article p { } .page_article .article { } .annex {overflow: hidden;margin: 53px 0 0;line-height: 24px;padding: 0 0 0;} .annex .annex_title {position: relative;color: #333;padding: 0 0 16px 20px;font-weight: bold;} .annex .list {margin: 0 0 -10px 0;} .annex li {margin: 0 0 10px;} .annex a{position: relative;display: block;color: #666;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;padding: 17px 20px;background: #f7f3f0;} .annex a:hover{} @media screen and (max-width: 1640px){ .page_article{margin: 0;} .page_article_title{padding: 5px 0 0;} .article_author{line-height: 24px;margin: 0 0 20px;} .article_author span{padding: 0 40px 0 0;} } @media screen and (max-width: 996px){ .full_page .page_article,.page_article{margin: 0;} .page_article_title{padding: 0 0 10px;} .page_article_title h3{margin: 0;text-align: center;} .article_author{margin: 0 0 20px;padding: 10px 0;text-align: center;} .article_author span{padding: 0 10px;} .page_article .article{font-size: 15px;} .annex{margin: 30px 0 0;} .annex li{margin: 0 0 6px;} .article_left{width: 100%;float: none;padding: 0;border: none;} .article_right{width: auto;float: none;margin: 30px 0 0;} .share_box{text-align: center;} } @media screen and (max-width: 767px) { .page_articleTitle{margin: 0 0 16px;padding-bottom: 0;} .article_author span{padding:2px 10px;border: 0;font-size: 14px;line-height: 20px;} .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 {line-height: 7px;text-align: center;color: rgb(1, 88, 156);font-size: 0px;z-index: 100;position: relative;height: 60px;margin: 0 0 0 -10px;} .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: 60px;height: 60px;background-position: center center;background-repeat: no-repeat;background-size: 100%;cursor: pointer;display: block;border-radius: 0%;background-color: #F8F8F8;float: left;} .share_box > .share_btn{margin-left: 10px;} .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;margin: 8px 0 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;} .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{float: none;display: inline-block;vertical-align: top;} /* .share_box > .share_btn{display: none;} */ /* .share_box .share_btn{display: inline-block;} */ .share_box .share_btn.share_more{display: inline-block;margin: 0;} .share_box .share_btn .alert_box { left: 0px; top: auto; bottom: 100%; } .share_box .share_more .share_btn{margin: 0 0 0 10px;} .share_wechat .alert_box{left: 50% !important;transform: translateX(-50%) !important;top: auto !important;bottom: 105% !important;right: auto !important;} } @media screen and (max-width: 767px){ .share_box .share_btn{width: 40px;height: 40px;} } /* article_page_end */ /* pages_start */ .pages {padding: 0;font-size: 0;text-align:center;margin: 54px 0 0 0;position: relative;z-index: 2;} .pages > a{display:inline-block;width: 48px;height: 44px;line-height: 44px;position:relative;vertical-align: top;font-size: 16px;color: #555;margin: 0 0 0 5px;border: 1px solid #999;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;} .pages .start,.pages .end,.pages .next,.pages .prev{width: auto;padding: 0 23px;margin: 0 0 0 10px;} .pages .start{margin: 0;} .pages .prev + a{margin: 0 0 0 10px;} /* .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;border: 1px solid #979797;} */ /* .pages .prev{background: url(../images/pages_prev1.png) center no-repeat #fff;border: 1px solid #979797;} */ .pages > a:hover ,.pages > a.on_page{/*background-color:#003a8c;color: #fff;border-color: #003a8c;*/color: #fff;background: #992a18;border-color: #992a18;} /* .pages > a.on_page{} */ /* .pages .next:hover{background: url(../images/pages_next2.png) center no-repeat #003a8c;} */ /* .pages .prev:hover{background: url(../images/pages_prev2.png) center no-repeat #003a8c;} */ .pages .select_link_box{display: inline-block;vertical-align: top;margin: 0 0 0 20px;padding: 0 17px 0 2px;height: 44px;line-height: 44px;border: 1px solid #999;font-size: 16px;position: relative;} .pages .select_link_box::before{content: '';display: block;width: 1px;height: 100%;position: absolute;top: 50%;transform: translateY(-50%);left: 68px;background: #ccc;} .pages .select_link_box span{display: inline-block;vertical-align: top;} .pages .select_link{display: inline-block;vertical-align: middle;width: 53px;height: 32px;position: relative;margin: -2px 13px 0 0;padding: 0 13px 0 0;} .pages .select_link:hover{background: #992a18;} .pages .select_link:hover > a{color: #fff;} .pages .select_link .arrow{width: 20px;height: 20px;position: absolute;right: 4px;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: 32px;text-align: center;position: relative;} /* .pages .select_link > p::before{content: '';display: block;width: 1px;height: 24px;position: absolute;top: 50%;transform: translateY(-50%);right: 34px;background: rgba(0, 0, 0, .1);} */ .pages .select_link:hover > p{color: #fff;} .pages .select_link .alert_box{height: 0;position: absolute;left: 0;right: 0;bottom: 100%;background: #992a18;overflow: hidden;border: 0;opacity: 0;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;max-height: 200px;overflow: auto;padding: 5px 0 0;} .pages .select_link:hover .alert_box{opacity: 1;height: auto;} .pages .select_link .alert_box a{display: block;font-size: 14px;color: #fff;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{width: 40px;font-size: 14px;} .pages .start, .pages .end, .pages > span, .pages .next, .pages .prev{padding: 0 15px;} .pages .select_link_box{margin-left: 30px;/* padding: 0 15px; */font-size: 14px;} .pages .select_link{/* margin: -2px 0 0; */} } @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_link_box{margin-left: 20px;/* padding: 0 10px; */font-size: 13px;height: 30px;line-height: 30px;} .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,.pages .prev + a{margin-bottom: 10px;margin-left: 5px;} .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{padding: 0 5px;margin: 0 0 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_011a{background: #992a18;margin: 0 0 44px;} .sub_011a .lf{background: center/cover;width: 60%;} .sub_011a .rt{box-sizing: border-box;width: 40%;padding: 41px 40px 30px;background: url(../images/sub011_bg1.png) 0 0/100% 100%;color: rgba(255,255,255,.8);} .sub_011b{margin: 0 0 40px;} .sub_011c{margin: 0 0 46px;} .sub_011c .rt{float: right;width: 520px;margin: 7px 0 0 32px;} .sub_011d{position: relative;padding: 80px 0;} .sub_011d::before{content: '';display: block;position: absolute;top: 0;bottom: 0;left: 50%;transform: translateX(-50%);background: url(../images/sub011_bg2.png) center/cover;width: 100vw;} .sub_011d ul{margin: 0 0 -20px -40px;position: relative;z-index: 2;} .sub_011d li{width: 25%;} .sub_011d .item{margin: 0 0 20px 40px;background: rgba(255,255,255,.12);border-radius: 10px;text-align: center;color: #fff;padding: 45px 0 58px;} .sub_011d .tip{display: inline-block;font-family: 'Noto Serif SC';color: #fff;font-size: 60px;position: relative;font-weight: bold;margin: 0 0 20px;} .sub_011d .tip span{display: block;margin: 0 0 0 8px;position: absolute;left: 100%;bottom: 14px;font-family:'Microsoft YaHei','微软雅黑';opacity: .6;font-weight: normal;} .sub_011e{padding: 50px 0 0;} .sub_011e .lf{float: left;width: 622px;margin: 18px 45px 20px 0;overflow: hidden;} .sub_011e .lf .img1{display: block;width: 100%;margin: 0 0 22px;} .sub_011e .lf .img2{display: block;width: calc(50% - 10px);float: left;} .sub_011e .lf .img3{display: block;width: calc(50% - 10px);float: right;} .sub_012{color: #000;} .sub_012 .title{font-weight: bold;text-align: center;margin: 20px 0 50px;} .sub_013{} .sub_013 ul{margin: 0 0 -50px -40px;padding: 30px 0 0;} .sub_013 .item{margin: 0 0 50px 40px;} .sub_013 .img_box{margin: 0 auto;width: 200px;max-width: 100%;} .sub_013 .gp-img2x3{padding-bottom:133.3%} .sub_013 .bottom{padding: 18px 0 28px;position: relative;text-align: center;} .sub_013 .bottom::before{content: '';display: block;position: absolute;left: 0;right: 0;bottom: 0;height: 170px;background: #e6d9cf;z-index: -1;clip-path: polygon(0 0, 100% 30px, 100% 100%,0 100%);} .sub_013 .title{margin: 0 0 11px;font-weight: bold;} .sub_013 .info{margin: 0 0;color: #8d6d54;} .audio_player{line-height: 32px;padding: 10px 0 30px;} .jp-video{display: inline-block;background: #e6d9cf;padding: 9px 10px;border-radius: 10px;} .audio_player .jp-play{display: inline-block;vertical-align: middle;width: 30px;height: 30px;line-height: 30px;position: relative;margin: 0 20px 0 0;} .audio_player .jp-play::before{content: '';display: block;border-left: 10px solid #fff;border-bottom: 7px solid transparent;border-top: 7px solid transparent;position: absolute;left: 58%;top: 50%;transform:translateX(-50%) translateY(-50%);} .audio_player .jp-play.on::before{width: 4px;height: 15px;background: #fff;left: 50%;margin: 0 0 0 -4px;border-left: none;border-bottom: none;border-top: none;} .audio_player .jp-play.on::after{content: '';display: block;position: absolute;left: 50%;top: 50%;transform:translateX(-50%) translateY(-50%);width: 4px;height: 15px;margin: 0 0 0 4px;background: #fff;} .audio_player .jp-type-playlist,.audio_player .jp-duration{display: none;} .audio_player .jp-volume-bar, .audio_player .jp-volume-max{display: none !important;} .audio_player .jp-current-time{position: absolute;top: -34px;width: 40px;height: 22px;background: #fff;text-align: center;color: #5f4180;line-height: 22px;border-radius: 4px;right: -20px;font-size: 12px;display: none;} .audio_player .jp-current-time::before{content: '';display: block;border-top: 5px solid #fff;border-left: 4px solid transparent;border-right: 4px solid transparent;position: absolute;top: 100%;left: 50%;transform: translateX(-50%);} .audio_player:hover .jp-current-time{display: block;} .audio_player .jp-duration{display: none;margin: 0 5px 0 5px;color: #e29c45;} .audio_player .jp-progress{background-color:#fff;position:relative;height:7px;width: 342px;display: inline-block;vertical-align: middle;border-radius: 5px;} .audio_player .jp-seek-bar{width:100%;height:100%;cursor:pointer;} .audio_player .jp-play-bar{background-color:#b38a6a;width:0;height:100%;position: relative;border-radius: 5px;overflow: visible !important;} .audio_player .jp-play-bar::before{content: '';display: block;position: absolute;right: 0;top: 50%;transform:translateX(50%) translateY(-50%);width: 6px;height: 6px;background: #e25e27;border: 3px solid #fff;border-radius: 50%;} .audio_player .jp-mute{display: inline-block;color: #d2ccc2;vertical-align: middle;margin: 0 16px;height: 18px;width: 18px;background: url(../images/sub014_voice.png) no-repeat center/100% auto;} .audio_player .jp-mute.on{background-image: url(../images/sub014_voice2.png);} /* .audio_player .jp-mute.on .icon-shengyin, .audio_player .jp-mute:not(.on) .icon-jingyin{display: none;} */ @media screen and (max-width: 767px){ .jp-video{padding: 3px 10px 5px;} .audio_player .jp-progress{width: 160px;} .audio_player .jp-play{margin-right: 10px;} } .sub_014_title{font-weight: bold;border-bottom: 1px solid #b38a6a;padding: 0 0 17px;background: url(../images/sub014_title.png) right center/auto 100% no-repeat;margin: 0 0 20px;} .sub_014{margin: 0 0 70px;} .sub_014:last-child{margin: 0;} .sub_015_title{margin: 0 0 48px;} .sub_015_title h3{font-family: 'Noto Serif SC';font-weight: bold;margin: 0 0 26px;line-height: 40px;} .sub_015_title p{color: #b38a6a;line-height: 24px;} .sub_015_title p::before{content: '';display: inline-block;width: 8px;height: 8px;border-radius: 50%;vertical-align: middle;background: #b38a6a;margin: -4px 10px 0 0;} .sub_015{position: relative;z-index: 2;margin: 22px 0 30px;} .sub_015::before{content: '';position: absolute;top: 185px;width: 100vw;left: 50%;transform: translateX(-50%);height: 1px;background: #b38a6a;z-index: -1;} .sub_015 ul{margin: 0 0;} .sub_015 .swiper-slide{width: 360px;display: block;} .sub_015 .swiper-slide:first-child{} .sub_015 .item{padding: 0 80px 0 0;position: relative;overflow: hidden;} .sub_015 .bottom::before{content: '';display: block;position: absolute;right: -40px;top: 0;width: 1px;height: 1000px;background: #b38a6a;opacity: .3;} .sub_015 .bottom{position: relative;padding: 26px 0 0;margin: 18px 0 0;} .sub_015 .bottom::after{content: '';display: block;width: 10px;height: 10px;border: 7px solid #e6d9cf;background: #992a18;position: absolute;left: 16px;top: -12px;border-radius: 50%;} .sub_015 .gp-img{margin: 28px 0 0;padding-bottom: 0;height: auto;} .sub_015 .tip{margin: 0 0;position: relative;white-space: nowrap;font-family: 'Noto Serif SC';font-weight: bold;} .sub_015 .info{margin: 0 0;color: #000;} .sub_015 .swiper_menu{text-align: center;padding: 0;font-size: 0;position: absolute;right: 0;top: 0;} .sub_015 .arrow{width: 60px;height: 60px;background: center no-repeat rgba(247, 243, 240, .8);display: inline-block;vertical-align: top;margin: 0 0 1px 20px;cursor: pointer;border-radius: 50%;box-shadow: 0px 8px 17.6px 2.4px rgba(0, 0, 0, 0.1);} .sub_015 .prev{left: 0px;background-image: url(../images/mode08_prev.png);} .sub_015 .next{right: 0px;background-image: url(../images/mode08_next.png);} .sub_015 .arrow:hover{background-color: #fff;} .sub_02{} .sub_02 ul{margin: 0 0 -30px -40px;padding: 29px 0 0;} .sub_02 .item{margin: 0 0 70px 40px;position: relative;height: 100px;} .sub_02 .item::before{content: '';display: block;position: absolute;left: 0;right: 0;top: 0;bottom: 0;border: 1px solid #d9c0ad;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;} .sub_02 .item::after{content: '';display: block;width: 170px;height: 33px;background: url(../images/sub02_bg2.png) no-repeat center/100% auto #f5ede6;border-left: 11px solid #f5ede6;border-right: 6px solid #f5ede6;position: absolute;right: 20px;top: -16px;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;} .sub_02 .title{position: absolute;top: 50%;transform: translateY(-50%);width: 100%;text-align: center;z-index: 3;max-height: 90px;} .sub_02 .item:hover::before{border-color: #b38a6a;} .sub_02 .item:hover::after{background-image: url(../images/sub02_bg.png);} .sub_right .sub_02 ul{margin-top: -30px;} .sub_right .sub_02 .item{margin-bottom: 50px;} .sub_03{padding: 30px 0 0;} .sub_03 ul{margin: 0 0 -60px -70px;} .sub_03 .item{margin: 0 0 60px 70px;position: relative;padding: 0 112px 0 0;} .sub_03 .item::before{content: '';display: block;position: absolute;right: 0;top: 0;width: 112px;bottom: 36px;background: #fff;clip-path: polygon(0 0, 100% 0, 100% calc(100% - 36px), 0 100%);} .sub_03 .item::after{content: '';display: block;position: absolute;right: 0;width: 6px;height: 60px;background: #992a18;top: 40px;} .sub_03 .img_box{position: relative;z-index: 2;} .sub_03 .title{margin: 0 0;position: absolute;top: 40px;right: 35px;writing-mode: vertical-lr;-webkit-writing-mode: vertical-lr;-ms-writing-mode: vertical-lr;line-height: 42px;font-family: 'Noto Serif SC';font-weight: bold;letter-spacing: 3px;} .sub_03 .gp-img{padding-bottom: 67%;} .sub_04{} .sub_04 ul{margin: 0 0 -40px;padding: 30px 0 0;} .sub_04 .item{margin: 0 0 60px;} .sub_04 .gp-img{padding-bottom: 26.4%;} .sub_04 .bottom{padding: 0 220px 0 100px;} .sub_04 .bottom::after{content: '';display: block;clear: both;} .sub_04 .box01{float: left;padding: 39px 0 0;} .sub_04 .box02{float: right;background: #992a18;box-sizing: border-box;width: 600px;z-index: 2;position: relative;margin: -80px 0 0;color: #fff;padding: 45px 68px;} .sub_04 .title{font-family: 'Noto Serif SC';font-weight: bold;margin: 0 0 23px;} .sub_04 .more{display: block;white-space: nowrap;color: #992a18;letter-spacing: 1.8px;} .sub_04 .more::after{content: '';display: inline-block;width: 27px;height: 12px;vertical-align: middle;background: url(../images/sub04_more.png) no-repeat center;margin: 0 0 0 10px;} .sub_04 li:nth-child(2n) .bottom{padding: 0 100px 0 220px;} .sub_04 li:nth-child(2n) .box01{float: right;text-align: right;} .sub_04 li:nth-child(2n) .box02{float: left;} .sub_04 li:nth-child(3n+2) .box02{background: #7f594a;} .sub_04 li:nth-child(3n) .box02{background: #b36450;} .sub_05{} .sub_05 ul{margin: 0 0 -70px -70px;padding: 30px 0 0;} .sub_05 .item{margin: 0 0 70px 70px;padding: 0 0 0 20px;border-left: 1px solid #992a18;position: relative;} .sub_05 .title{margin: 33px 0 -7px;font-family: 'Noto Serif SC';font-weight: bold;padding: 0 50px 0 0;max-width: calc(100% - 50px);background: url(../images/sub04_more.png) right center no-repeat;display: inline-block;} .sub_06{} .sub_06 ul{margin: 0 0 -40px -40px;padding: 30px 0 0;} .sub_06 .item{margin: 0 0 40px 40px;padding: 25px 30px 25px 23px;background: #fff;overflow: hidden;position: relative;} .sub_06 .item::before{content: '';display: block;width: 2px;height: 40px;background: #992a18;position: absolute;left: 0;top: 38px;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;} .sub_06 .img_box{width: 140px;background: #f7f3f0;border-radius: 50%;float: right;} .sub_06 .title{margin: 0 0;padding: 19px 0 0;font-weight: bold;} .sub_06 .item::after{content: '';display: block;position: absolute;left: 29px;bottom: 53px;width: 27px;height: 10px;background: url(../images/sub06_more.png) no-repeat center/100% auto;} .sub_06 .item:hover:before{top: 0;height: 100%;} .sub_081{} .sub_081 ul{margin: 20px 0 -40px;padding: 0 0;} .sub_081 .item{margin: 0 0 40px;padding: 30px 56px 30px 120px;position: relative;background: #fff} .sub_081 .item::before{content: '';display: block;position: absolute;left: 0;top: 42px;width: 3px;height: 40px;background: #992a18;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;} .sub_081 .img_box{width: 357px;float: left;} .sub_081 .info_box{margin: 0 0 0;padding: 5px 0 0 30px;border-left: 1px solid #f1d7c3;min-height: 150px;box-sizing: border-box;} .sub_081 .img_box ~ .info_box{padding: 27px 0 0 30px;margin: 0 0 0 357px;border: none;} .sub_081 .title{margin: 0 0 24px;} .sub_081 .info{margin: 0 0;color: #8c847e;} .sub_081 .time{position: absolute;left: 30px;width: 60px;text-align: center;color: #992a18;top: 38px;} .sub_081 .month{position: absolute;left: 50%;transform: translateX(-50%);writing-mode: vertical-lr;-webkit-writing-mode: vertical-lr;-ms-writing-mode: vertical-lr;top: 140%;white-space: nowrap;} .sub_081 .item:hover::before{top: 0;height: 100%;} .sub_082{} .sub_082 ul{margin: 20px 0 -20px;padding: 0 0;} .sub_082 .item{margin: 0 0 20px;padding: 25px 26px;position: relative;background: #fff;align-items: center;} .sub_082 .item::before{content: '';display: block;position: absolute;left: 0;width: 3px;height: 40px;background: #992a18;top: 30px;} .sub_082 .item::after{content: '';display: block;position: absolute;left: 120px;width: 1px;height: 70px;background: #f1d7c3;top: 50%;transform: translateY(-50%);} .sub_082 .time{width: 80px;text-align: center;color: #992a18;padding: 5px 0;} .sub_082 .title{width: calc(100% - 120px);} .sub_09a{} .sub_09a ul{margin: 0 0;} .sub_09a li{width: auto;} .sub_09a .item{margin: 0 0 20px;line-height: 50px;padding: 10px 30px;color: #992a18;} .sub_09a .item.on{background: #992a18;color: #fff;} .sub_09 ul{margin: 0 0 -30px -40px;padding: 0 0;} .sub_09 .item{margin: 0 0 30px 40px;padding: 30px 40px 32px 120px;position: relative;background: #fff} .sub_09 .item::before{content: '';display: block;position: absolute;left: 0;top: 29px;width: 3px;height: 40px;background: #992a18;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;} .sub_09 .time{position: absolute;left: 30px;width: 60px;text-align: center;color: #992a18;top: 24px;} .sub_09 .month{position: absolute;left: 50%;transform: translateX(-50%);writing-mode: vertical-lr;-webkit-writing-mode: vertical-lr;-ms-writing-mode: vertical-lr;top: 110%;white-space: nowrap;} .sub_10{padding: 40px 50px 58px;background: #fff;} .sub_10a{margin: 0 0 20px;position: relative;} .sub_10 ul{margin: 0 0;} .sub_10 .item{margin: 0 0;position: relative;} .sub_10 .gp-img::before{content: '';display: block;position: absolute;left: 0;right: 0;bottom: 0;height: 24.6%;background: -webkit-linear-gradient(top, rgba(0,0,0,0) , rgba(0,0,0,.5));background: -o-linear-gradient(bottom, rgba(0,0,0,0) , rgba(0,0,0,.5));background: -moz-linear-gradient(bottom, rgba(0,0,0,0) , rgba(0,0,0,.5));background: linear-gradient(to bottom, rgba(0,0,0,0) , rgba(0,0,0,.5));z-index: 2;} .sub_10 .title{position: absolute;left: 0;right: 0;bottom: 0;color: #fff;padding: 0 40px 46px;z-index: 2;} /* .sub_10a .gp-img,.sub_10b .gp-img{padding-bottom: 42.7%;} */ .sub_10a .gp-video-box{position: absolute;left: 0;right: 0;top: 0;bottom: 0;z-index: 3;} .sub_10a video{display: block;width: 100%;height: 100%;} .sub_10a .swiper_box{overflow: hidden;} .sub_10a .swiper_menu{text-align: center;font-size: 0;position: absolute;top: 50%;transform: translateY(-50%);width: 100%;z-index: 2;} .sub_10a .arrow{width: 80px;height: 80px;background: center no-repeat rgba(255,255,255,.8);display: inline-block;vertical-align: top;margin: 0 0 1px;cursor: pointer;position: absolute;top: 50%;transform: translateY(-50%);border-radius: 50%;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;box-shadow: 0px 8px 17.6px 2.4px rgba(0, 0, 0, 0.1);} .sub_10a .prev{left: -40px;background-image: url(../images/sub10_prev1.png);} .sub_10a .next{right: -40px;background-image: url(../images/sub10_next1.png);} .sub_10a .arrow:hover{background-color: #992a18;} .sub_10a .prev:hover{background-image: url(../images/sub10_prev2.png);} .sub_10a .next:hover{background-image: url(../images/sub10_next2.png);} .sub_10b{overflow: hidden;margin: 0 0 0 -10px;} .sub_10b ul{} .sub_10b .item{margin: 0 0 0 10px;} .sub_10b .swiper-slide-thumb-active .item::before{content: '';display: block;position: absolute;left: 0;right: 0;top: 0;bottom: 0;border: 6px solid #b38a6a;opacity: .8;z-index: 2;} .sub_11{margin: 54px 0 0;} .sub_11 h3{color: #992a18;border-bottom: 1px solid #d9d9d9;padding: 0 0 13px;margin: 0 0 24px;} .sub_11 ul{margin: 0 0;} .sub_11 .item{margin: 0 0 33px;padding: 0 0 0 22px;position: relative;} .sub_11 .item::before{content: '';display: block;width: 6px;height: 6px;border: 1px solid #992a18;position: absolute;left: 3px;top: 10px;} .sub_121{} .sub_121 ul{margin: 0 0 -55px -40px;padding: 10px 0 0;} .sub_121 .item{margin: 0 0 55px 40px;position: relative;padding: 0 0 32px;text-align: center;} .sub_121 .img_box{margin: 0 auto 14px;width: 170px;max-width: 100%;} .sub_121 .gp-img1x1{border-radius: 50%;} .sub_121 .item::before{content: '';display: block;position: absolute;left: 0;right: 0;bottom: 0;height: 160px;background: #e6d9cf;z-index: -1;clip-path: polygon(0 0, 100% 30px, 100% 100%,0 100%);} .sub_121 .title{} .sub_122{} .sub_122 ul{margin: 0 0 -55px -40px;padding: 10px 0 0;} .sub_122 .item{margin: 0 0 55px 40px;position: relative;padding: 0 30px 30px;} .sub_122 .item::before{content: '';display: block;position: absolute;left: 0;right: 0;bottom: 0;height: 150px;background: #e6d9cf;z-index: -1;clip-path: polygon(0 30px, 100% 0, 100% 100%,0 100%);} .sub_122 .img_box{width: 160px;} .sub_122 .gp-img5x7{padding-bottom: 120%;} .sub_122 .title{position: absolute;left: 210px;top: 22px;right: 0;} .sub_123{padding: 10px 0 0;} .sub_123 .left{width: 220px;float: left;position: relative;padding: 0 0 32px;} .sub_123 .left::before{content: '';display: block;position: absolute;left: 0;right: 0;bottom: 0;height: 120px;background: #e6d9cf;z-index: -1;clip-path: polygon(0 30px, 100% 0, 100% 100%,0 100%);} .sub_123 .img_box{width: 170px;border-radius: 50%;margin: 0 auto;overflow: hidden;} .sub_123 .img_box img{width: 100%;display: block;} .sub_123 .right{margin: 0 0 0 220px;border-left: 1px solid #d9d9d9;padding: 0 0 0 40px;min-height: 620px;} .sub_123 .title{margin: -5px 0 28px;} .sub_123 .info{margin: 0 0 48px;color: #999;} .sub_123 .tip{width: 110px;height: 40px;text-align: center;line-height: 40px;background: #b38a6a;color: #fff;margin: 0 0 23px;} .sub_124 .left::before{height: 150px;} .sub_124 .img_box{width: 160px;border-radius: 0;} @media screen and (max-width:1640px){ .sub_06 ul{margin: 0 0 -24px -24px;} .sub_06 .item{margin: 0 0 24px 24px;} .sub_06 .img_box{width: 110px;} .sub_06 .item::after{bottom: 40px;} .sub_06 .title{padding: 10px 0 0;} .sub_06 .item::before{top: 28px;} } @media screen and (max-width:1280px){ .sub_011c .rt{width: 360px;} .sub_011d{padding: 60px 0;} .sub_011d ul{margin: 0 0 -20px -24px;} .sub_011d .item{margin: 0 0 20px 24px;padding: 40px 0 42px;} .sub_011d .tip{font-size: 45px;margin: 0 0 10px;} .sub_011d .title{font-size: 16px;} .sub_011e .lf{width: 350px;margin: 5px 30px 20px 0;} .sub_012 .title{margin: 10px 0 30px;} .sub_013 ul{margin: 0 0 -30px -30px;padding: 10px 0 0;} .sub_013 .item{margin: 0 0 30px 30px;} .sub_013 .bottom{padding: 15px 0;} .sub_013 .title{margin: 0 0 5px;} .sub_015{margin: 10px 0 20px;} .sub_015::before{top: 154px;} .sub_015_title{margin: 0 0 30px;} .sub_015_title h3{margin: 0 0 12px;} .sub_015 .item{padding: 0 60px 0 0;} .sub_015 .bottom::before{right: -30px;} .sub_015 .tip{font-size: 20px;} .sub_015 .arrow{width: 40px;height: 40px;margin: 0 0 0 10px;} .sub_02 ul{margin: 0 0 0 -10px;padding: 16px 0 0;} .sub_02 .item,.sub_right .sub_02 .item{margin: 0 0 40px 10px;} .sub_right .sub_02 ul{margin-top: 0;} .sub_03{padding: 20px 0 0;} .sub_03 ul{margin: 0 0 -30px -30px;} .sub_03 .item{margin: 0 0 30px 30px;position: relative;padding: 0 70px 0 0;} .sub_03 .item::before{width: 70px;bottom: 10px;background: #fff;clip-path: polygon(0 0, 100% 0, 100% calc(100% - 20px), 0 100%);} .sub_03 .item::after{top: 15px;} .sub_03 .title{right: 15px;top: 15px;} .sub_04 .bottom{padding: 0 100px 0 60px;} .sub_04 li:nth-child(2n) .bottom{padding: 0 60px 0 100px;} .sub_04 .box02{width: 540px;padding: 30px 40px;margin-top: -50px;} .sub_04 .box01{padding-top: 24px;} .sub_04 .title{margin: 0 0 10px;} .sub_05 ul{margin: 0 0 -30px -30px;padding: 30px 0 0;} .sub_05 .item{margin: 0 0 30px 30px;} .sub_05 .title{margin: 15px 0 0;} .sub_10{padding: 30px 40px;} .sub_10 .title{padding: 0 20px 24px;} .sub_10a .arrow{width: 50px;height: 50px;background-size: 20% auto;} .sub_10a .prev{left: -25px;} .sub_10a .next{right: -25px;} .sub_122 ul{margin: 0 0 -30px -40px;} .sub_122 .item{margin: 0 0 30px 30px;padding: 0 12px 12px;} .sub_122 .item::before{height: 120px;} .sub_122 .img_box{width: 120px;} .sub_122 .title{left: 140px;top: 12px;} } @media screen and (max-width:996px){ .sub_011a,.sub_011b,.sub_011c{margin: 0 0 30px;} .sub_011a .lf{width: 100%;padding-bottom: 62%;} .sub_011a .rt{width: 100%;padding: 20px 30px;} .sub_011d{padding: 40px 0;} .sub_011d li{width: 50%;} .sub_011d .item{padding: 30px 0;} .sub_011e{padding: 40px 0 0;} .sub_012 .title{margin: 0 0 20px;} .sub_04 ul{padding: 0;margin: 0 0 -20px;} .sub_04 .item{margin: 0 0 20px;} .sub_04 .bottom,.sub_04 li:nth-child(2n) .bottom{padding: 0 20px;} .sub_04 .box02,.sub_04 .box01{float: none;width: auto;margin: 0 0 20px;} .sub_04 .box01{padding: 10px 0 0;margin: 0 0 10px;} .sub_04 .box02{padding: 16px 30px;} .sub_04 .title{margin: 0 0 6px;} .sub_05 ul{padding: 0;} .sub_05 .item{padding-left: 10px;} .sub_05 .title{margin: 10px 0 0;} .sub_081 ul{margin: 0 0 -24px;} .sub_081 .item::before{top: 18px;} .sub_081 .item{padding: 20px 30px 20px 80px;margin: 0 0 24px;} .sub_081 .time{top: 20px;left: 10px;} .sub_081 .img_box ~ .info_box{padding-top: 10px;} .sub_081 .title{margin: 0 0 12px;} .sub_082 ul{margin-top: 0;} .sub_082 .item{padding: 16px;} .sub_082 .item::after{height: 50px;left: 90px;} .sub_082 .item::before{top: 50%;transform: translateY(-50%);} .sub_082 .time{width: 70px;} .sub_082 .title{width: calc(100% - 90px);line-height: 1.6;} .sub_09 ul{margin: 0 0 -20px -20px;} .sub_09 .item::before{top: 18px;} .sub_09 .item{padding: 20px 20px 20px 10px;margin: 0 0 20px 20px;overflow: hidden;} .sub_09 .time{float: left;position: relative;left: 0;right: 0;top: 0;bottom: 0;} .sub_09 .month{position: relative;margin: 10px auto 0;top: 0;transform: none;left: 0;} .sub_09 .title{line-height: 1.6;margin: 0 0 0 65px;} .sub_11{margin: 30px 0 0;} .sub_11 h3{padding: 0 0 10px;margin: 0 0 12px;} .sub_11 .item{margin: 0 0 8px;} } @media screen and (max-width: 767px){ .sub_011c .rt,.sub_011e .lf{width: 100%;margin: 0;float: none;margin: 0 auto 20px;} .sub_011c .rt{width: 200px;} .sub_013 .bottom{padding: 10px 0 15px;} .sub_014_title{padding: 0 0 8px;} .sub_014{margin: 0 0 30px;} .sub_014:last-child{margin: 0;} .sub_02 ul{margin: 0 0 0 -10px;padding: 16px 0 0;} .sub_02 .item,.sub_right .sub_02 .item{margin: 0 0 20px 10px;height: auto;padding: 10px;} .sub_02 .title{position: relative;top: 0%;transform: translateY(0%);} .sub_02 .item::after{width: 80px;} .sub_04 .bottom, .sub_04 li:nth-child(2n) .bottom{padding: 0;} .sub_05 ul{margin: 0 0 -20px -20px;} .sub_05 .item{margin: 0 0 20px 20px;} .sub_081 .img_box{width: auto;float: none;margin: 0 0 10px;} .sub_081 .img_box ~ .info_box{margin: 0;padding: 0;} .sub_082 .item{padding: 10px 12px;} .sub_082 .item::after{height: 50px;left: 80px;} .sub_082 .item::before{top: 50%;transform: translateY(-50%);} .sub_082 .time{width: 60px;} .sub_082 .title{width: calc(100% - 80px);line-height: 1.6;} .sub_09a .item{margin: 0 0 10px;line-height: 30px;padding: 0 10px;} .sub_10{padding: 10px;} .sub_10 .title{padding: 0 12px 12px;} .sub_10a{margin: 0 0 10px;} .sub_10b{margin: 0 0 0 -4px;} .sub_10b .item{margin: 0 0 0 4px;} .sub_10b .swiper-slide-thumb-active .item::before{border-width: 3px;} .sub_121 ul{margin: 0 0 -30px -30px;padding: 0;} .sub_121 .item{margin: 0 0 30px 30px;padding: 0 0 20px;} .sub_121 .item::before{height: 140px;} .sub_123 .left{float: none;margin: 0 auto;} .sub_123 .right{border-left: none;margin: 0;padding: 20px 0 0;min-height: initial;} .sub_123 .title{margin: 0 0 10px;text-align: center;} .sub_123 .info{line-height: 1.6;margin: 0 0 24px;} .sub_123 .tip{margin: 0 0 10px;} } @media screen and (max-width: 413px){ .sub_011d li{width: 100%;} .sub_011d .item{padding: 20px 0 24px;} .sub_015_title{margin: 0 0 20px;} .sub_015_title h3{margin: 0 0 6px;} .sub_015::before{top: 138px;} .sub_015 .swiper-slide{width: 280px;} .sub_03{padding: 0;} .sub_03 ul{margin: 0 0 -20px -30px;} .sub_03 .item{margin: 0 0 20px 30px;padding: 0 50px 0 0;} .sub_03 .item::after{top: 10px;} .sub_03 .item::before{width: 70px;bottom: 0px;background: #fff;clip-path: polygon(0 0, 100% 0, 100% calc(100% - 10px), 0 100%);} .sub_03 .title{right: 5px;top: 10px;letter-spacing: 0;} }