/*-----------fixed-module-----------*/ .ul_list03 > li { position: relative; } .ul_list03 > li > a { padding: 0 17px; display: block; color: #fff; font-size: 16px; text-align: center; } .ul_list03 > li:hover > a, .ul_list03 > li.on > a { border-bottom: 2px solid #c1a96c; color: #fff; } .ul_list03 > li .subBox { display: none; position: absolute; left: 0; top: 50px; } .ul_list03 > li .subBox > ul > li { position: relative; } .ul_list03 > li .subBox > ul > li > a { background: rgba(193, 169, 108, 0.75); padding: 0 25px; color: #fff; display: block; text-align: center; } .ul_list03 > li .subBox > ul > li > a:hover { background: rgba(193, 169, 108,1); } .ul_list03 > li .subBox_3 { display: none; position: absolute; left: 100%; top: 0; } .ul_list03 > li .subBox > ul > li:hover .subBox_3 { display: block !important; } .ul_list03 > li .subBox_3 > ul > li > a { background: rgba(154, 0, 0, 0.75); padding: 0 10px; color: #fff; display: block; } .ul_list03 > li .subBox_3 > ul > li > a:hover { background: rgb(88, 0, 0); } .ul_list04 > li { background: url("../images/li_dot.png") no-repeat left center; padding-left: 15px; line-height: 60px; } .ul_list04 > li a { font-size: 1.2rem; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: block; } .ul_list04 > li .time { float: right; color: #bcbcbd; width:90px; } .ul_list05 { } .ul_list05 > li { padding-left: 15px; line-height: 32px; border-bottom: solid 1px #eee; padding: 20px 0; } .ul_list05 > li a { font-size: 1.5rem; font-family: sf_pro_displayregular; } .ul_list05 > li .time { background: url("../images/list_01.png") no-repeat left center; padding-left: 15px; font-size: 12px; color: #888; } @media (min-width: 1200px) and (max-width: 1278px) { .container { overflow: hidden; } .subMain,.subMain .container { overflow: visible; } } .row { margin-left: -10px; margin-right: -10px } .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { position: relative; min-height: 1px; padding-left: 10px; padding-right: 10px } .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { float: left } .col-xs-12 { width: 100% } .col-xs-11 { width: 91.666% } .col-xs-10 { width: 83.333% } .col-xs-9 { width: 75% } .col-xs-8 { width: 66.666% } .col-xs-7 { width: 58.333% } .col-xs-6 { width: 50% } .col-xs-5 { width: 41.666% } .col-xs-4 { width: 33.333% } .col-xs-3 { width: 25% } .col-xs-2 { width: 16.666% } .col-xs-1 { width: 8.333% } @media (min-width: 768px) { .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 { float: left } .col-sm-12 { width: 100% } .col-sm-11 { width: 91.666% } .col-sm-10 { width: 83.333% } .col-sm-9 { width: 75% } .col-sm-8 { width: 66.666% } .col-sm-7 { width: 58.333% } .col-sm-6 { width: 50% } .col-sm-5 { width: 41.666% } .col-sm-4 { width: 33.333% } .col-sm-3 { width: 25% } .col-sm-2 { width: 16.666% } .col-sm-1 { width: 8.333% } } @media (min-width: 992px) { .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 { float: left } .col-md-12 { width: 100% } .col-md-11 { width: 91.666% } .col-md-10 { width: 83.333% } .col-md-9 { width: 75% } .col-md-8 { width: 66.666% } .col-md-7 { width: 58.333% } .col-md-6 { width: 50% } .col-md-5 { width: 41.666% } .col-md-4 { width: 33.333%; padding: 0; } .col-md-3 { width: 25% } .col-md-2 { width: 16.666% } .col-md-1 { width: 8.333% } } @media (min-width: 1200px) { .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9 { float: left } .col-lg-12 { width: 100% } .col-lg-11 { width: 91.666% } .col-lg-10 { width: 83.333% } .col-lg-9 { width: 75% } .col-lg-8 { width: 66.666% } .col-lg-7 { width: 58.333% } .col-lg-6 { width: 50% } .col-lg-5 { width: 41.666% } .col-lg-4 { width: 33.333% } .col-lg-3 { width: 25% } .col-lg-2 { width: 16.666% } .col-lg-1 { width: 8.333% } } .ul-col-1, .ul-col-2, .ul-col-3, .ul-col-4, .ul-col-5, .ul-col-5-3, .ul-col-6, .ul-col-7, .ul-col-8, .ul-col-9, .ul-col-10, .ul-col-11, .ul-col-12 { margin-top: -20px; margin-left: -10px; margin-right: -10px; overflow: hidden; } .ul-col-1>li, .ul-col-2>li, .ul-col-3>li, .ul-col-4>li, .ul-col-5>li, .ul-col-5-3>li, .ul-col-6>li, .ul-col-7>li, .ul-col-8>li, .ul-col-9>li, .ul-col-10>li, .ul-col-11>li, .ul-col-12>li { margin-top: 20px; padding-left: 10px; padding-right: 10px; float: left; } .ul-col-1>li { width: 100%; } .ul-col-2>li { width: 50%; } .ul-col-3>li { width: 33.333%; } .ul-col-4>li { width: 25%; } .ul-col-4>li { padding: 0; } .ul-col-5>li { width: 20%; } .ul-col-5-3>li { width: 20%; } .ul-col-6>li { width: 16.666%; } .ul-col-7>li { width: 14.285%; } .ul-col-8>li { width: 12.5%; } .ul-col-9>li { width: 11.111%; } .ul-col-10>li { width: 10%; } .ul-col-11>li { width: 9.090%; } .ul-col-12>li { width: 8.333%; } .ul-pd25>li { padding: 25px 0; } .txt0 { font-size: 1.2rem; } .txt1 { font-size: 1.2rem; } .txt2 { font-size: 1rem; line-height: 32px; } .txt3 { font-size: 1rem; line-height: 1.5rem; color: #858484; } .txt4 { font-size: 1.2rem !important; line-height: 24px !important; color: #666; } .fl, .left, .cent { float: left; } .fr, .right { float: right; } .mt60-20{ margin-top: 60px; } .mt50-20{ margin-top: 50px; } .mt40-20{ margin-top: 40px; } .mt30-0{ margin-top: 30px; } .mt20-0{ margin-top: 20px; } .mt20-10{ margin-top: 20px; } .mt10-0{ margin-top: 10px; } @media (max-width: 1199px) { .m-section4 .txt2{font-size:16px;} .aside { display: none; } .mt50-20,.mt60-20,.mt40-20{ margin-top: 20px; } .mt20-10{ margin-top: 10px; } .mt30-0,.mt20-0,.mt10-0{ margin-top: 20px; } .ul-col-5-3>li { width: 33.333%; } .ul-pd25>li { padding: 20px 0; } .ul-col-1, .ul-col-2, .ul-col-3, .ul-col-4, .ul-col-5, .ul-col-5-3, .ul-col-6, .ul-col-7, .ul-col-8, .ul-col-9, .ul-col-10, .ul-col-11, .ul-col-12 { margin-top: -15px; margin-left: -7.5px!important; margin-right: -7.5px!important; overflow: hidden; } .ul-col-1>li, .ul-col-2>li, .ul-col-3>li, .ul-col-4>li, .ul-col-5>li, .ul-col-5-3>li, .ul-col-6>li, .ul-col-7>li, .ul-col-8>li, .ul-col-9>li, .ul-col-10>li, .ul-col-11>li, .ul-col-12>li { margin-top: 15px; padding-left: 7.5px!important; padding-right: 7.5px!important; float: left; } .ul-col-4>li{ padding: 0 !important; } } @media (max-width: 991px) { .ul-col-5-3>li { width: 33.333%; } .ul-col-8>li{ width: 25%; } .ul-pd25>li { padding: 15px 0; } } @media (max-width: 767px) { .ul-col-5-3>li { width: 100%; } .ul-col-3>li { width: 100%; } .ul-pd25>li { padding: 10px 0; } .ul-col-5>li{ width: 100%; } .ul-col-4>li { width: 50%; } } @media (max-width: 576px) { .ul-col-1>li, .ul-col-2>li, .ul-col-3>li, .ul-col-4>li, .ul-col-5>li, .ul-col-6>li, .ul-col-7>li, .ul-col-9>li, .ul-col-10>li, .ul-col-11>li, .ul-col-12>li { width: 100%; } .ul-col-8>li { width: 50%; } }