.xmn_clear::after { content: ""; height: 0; line-height: 0; display: block; visibility: hidden; clear: both; } .xmn_button { line-height: 30px; padding: 0 26px; } .xmn_center { padding: 60px 0 70px 0; } /* 绀句細鎷涜仒 */ .xmn_list { overflow: hidden; margin-bottom: 39px; } .xmn_list ul li { float: left; width: calc(50% - 15px); padding: 33px 29px; border: 1px solid #d0cfcf; margin-right: 27px; margin-bottom: 42px; } .xmn_list ul li:nth-child(2n) { margin-right: 0; } .xmn_list ul li h2 { padding-bottom: 17px; border-bottom: 1px solid #d0cfcf; } .xmn_text { padding: 20px 0; display: table; width: 100%; } .xmn_text p { display: table-row; } .xmn_text span { color: #656161; margin-bottom: 15px; display: table-cell; line-height: 29px; } .xmn_text span:first-child{width:48%; padding-right:10px;} .xmn_btn { float: left; background: #e9e9e9; font-size: 14px; position: relative; } .xmn_btn::after { content: ''; width: 0.4em; height: 0.4em; display: inline-block; border-top: 1px solid #656161; border-right: 1px solid #656161; position: absolute; top: 50%; right: 0.8em; transform: translateY(-50%) rotate(45deg); -webkit-transform: translateY(-50%) rotate(45deg); -ms-transform: translateY(-50%) rotate(45deg); } /* 鏍″洯鎷涜仒 */ .xmn_top { text-align: right; margin-bottom: 20px; } .xmn_top span { display: inline-block; color: #656161; } .xmn_top span a { display: inline-block; color: #e60008; border-bottom: 1px solid #e60008; line-height: 28px; cursor: pointer; } .xmn_der { margin-bottom: 60px; } .xmn_der .xmn_ul .xmn_li { border-bottom: 1px solid #e9e9e9; } .xmn_der .xmn_ul .xmn_li:nth-child(1) { border-top: 1px solid #e9e9e9; } .xmn_der { overflow: hidden; } .xmn_tab { display: table; cursor: pointer; border-collapse: collapse; width: 100%; } .xmn_tab p { display: table-row; } .xmn_tab span { display: table-cell; padding-left: 32px; line-height: 65px; color: #656161; } .xmn_tab span:nth-child(1) { width: 25%; } .xmn_tab span:nth-child(2) { width: 50%; } .xmn_tab span:nth-child(3) { width: 25%; text-align: right; padding-right: 32px; } .xmn_tab span i { display: inline-block; cursor: pointer; transition: 0.3s all; } .xmn_content { padding: 41px 32px; color: #656161; } .xmn_conttop { margin-bottom: 42px; } .xmn_conttop span { padding: 0 33px; position: relative; } .xmn_conttop span::after { content: ''; display: block; width: 1px; height: 14px; background: #d0cfcf; position: absolute; top: 50%; right: 0; transform: translateY(-50%); } .xmn_conttop span:nth-last-child(1)::after { display: none; } .xmn_conttop span:nth-child(1) { padding-left: 0; } .xmn_conttop span:nth-last-child(1) { padding-right: 0; } .rt_lt { margin-bottom: 26px; } .rt_lt .xmn_lt, .rt_lt .xmn_rt { width: 50%; float: left; } .rt_lt .xmn_lt { padding-right: 44px; border-right: 1px solid #d0cfcf; } .xmn_lt h2, .xmn_rt h2 { color: #000; margin-bottom: 17px; } .rt_lt .xmn_rt { padding-left: 44px; } .tcont .edit_con_original { color: #656161; } .xmn_tobtn { line-height: 40px; background: #e60008; display: inline-block; color: #fff; padding: 0 59px; margin-bottom: 20px; } .xmn_tobtn:hover { color: #fff !important; } .xmn_ts { font-size: 14px; } /* 涓嬫媺绫 */ .xmnnet { display: none; } .xmn_on { transform: rotate(180deg); color: #fff; } .tab_bg { background: url('../images/tab_bg.png'); } .xmn_bor { border: none; } .xmn_color { color: #fff !important; } .xmn_tan { width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: rgba(0, 0, 0, 0.2); z-index: 10000; display: none; } .tan_center { width: 70%; margin: 0 auto; position: absolute; top: 50%; left: 50%; padding: 60px 80px; background: #fff; transform: translate(-50%, -50%); } .tan_center h2 { color: #656161; text-align: center; margin-bottom: 38px; } .tan_tab { overflow: auto; max-height: 390px; } .tan_tab ul { display: table; border-collapse: collapse; width: 100%; } .tan_tab ul li { display: table-row; line-height: 2.8125em; border-bottom: 1px solid #d0cfcf; } .tan_tab ul li span:nth-child(1) { padding-left: 60px; } .tan_tab ul li span:nth-last-child(1) { line-height: 1.3; } .tan_tab ul li span { display: table-cell; width: 25%; } .tan_cons .mCSB_inside>.mCSB_container{margin-right:0!important; padding-right: 20px;} .tan_cons .mCSB_scrollTools{right:-5px;} .tab_top{ border-bottom: 1px solid #e60008 !important; } .tab_top span:nth-of-type(2){position: relative; left:-3px;} .tab_top span:nth-of-type(3){position: relative; left:-6px;} .tab_top span:nth-of-type(4){position: relative; left:-12px;} .xmn_tanbn { margin-bottom: 0; margin-top: 40px; float: right; } .xmn_details { overflow: hidden; padding: 60px 0 100px 0; } .xmn_details h2 { display: inline-block; color: #3e3a39; padding-bottom: 30px; border-bottom: 3px solid #e60008; } .details_content { padding: 38px 30px; border: 1px solid #e9e9e9; color: #656161; } .xmn_org { border-bottom: 1px solid #e9e9e9; padding-bottom: 6em; } .details_bottom { padding-top: 1.4em; } .xmn_Ic { display: inline-block; margin-left: 30px; } .xmn_Ic a { display: inline-block; margin-right: 14px; color: #d0cfcf; } .xmn_ti { color: #656161; font-size: 14px; } .xmn_del { width: 100%; } .xmn_del a { width: 110px; line-height: 46px; background: #e9e9e9; display: block; text-align: center; margin: 0 auto; margin-top: 30px; } /* pc:hover */ @media only screen and (min-width: 1024px) { /* 绀句細鎷涜仒 */ .xmn_list ul li:hover { border: 1px solid #e60008; } .xmn_list ul li:hover .xmn_btn { background: #e60008; color: #fff; } .xmn_list ul li:hover .xmn_btn::after { border-top: 2px solid #fff; border-right: 2px solid #fff; } .xmn_list ul li a:hover { color: #fff !important; } .xmn_tobtn:hover { color: #fff !important; } } @media only screen and (max-width: 1280px) { .xmn_text .fnt_16 { font-size: 12px; } .xmn_conttop span { padding: 0 12px; } } @media only screen and (max-width: 1024px) { .xmn_del a { display: none; } .xmn_list ul li { width: 100%; margin-right: 0; } .xmn_conttop { overflow: hidden; } .xmn_conttop span { width: 33.33%; padding: 0; float: left; margin-bottom: 6px; } .xmn_conttop span::after { display: none; } .xmn_center { padding-bottom: 42px; } .xmn_center { padding: 20px 0 20px 0; } .xmn_der { margin-bottom: 20px; } .xmn_tab span:nth-child(3) .fnt_30 { font-size: 24px; } .pop_dis { display: block !important; position: initial; } .tan_center { width: auto !important; position: initial; transform: initial; padding: 0; overflow: hidden; } .tan_tab { max-height: initial; display: block; } .tan_tab ul { width: 100%; display: block; } .tan_tab ul li { border: none; display: block; margin-bottom: 15px; } .tan_tab ul li span { display: block; width: 100%; border: 1px solid #d0cfcf; } .tan_tab ul li span:nth-child(1) { padding-left: 0; border-bottom: none; } .tan_tab ul li span:nth-child(2) { border-bottom: none; } .tan_tab ul li span:nth-child(3) { border-bottom: none; } .tan_tab ul li span::before { display: inline-block; width: 4em; content: attr(data-title); padding: 0 15px; } .tan_tab ul li span:nth-last-child(1) { padding-right: 0; line-height: 3.8125em; } .xmn_pop { padding: 20px 0; } .tan_center h2 { margin-bottom: 20px; } .xmn_tanbn { margin: 20px 0; } .xmn_details { padding: 20px 0 20px 0; } .xmn_Ic { margin: 0; display: block; } .xmn_Ic a { margin-right: 8px; font-size: 24px; } /* 鏃犵敤鐨勭紪杈戝櫒鏍峰紡 */ .xmn_ooo { display: block !important; } .xmn_ooo li { display: block !important; } .xmn_ooo li span { display: block !important; } } @media only screen and (max-width: 1023px) { .xmn_text span:first-child{width:100%;padding-right: 0;} } @media only screen and (max-width: 768px) { .xmn_text p { display: block; } .xmn_text span { display: block; margin-bottom: 0px; } .xmn_btn { display: block; } .xmn_list { margin-bottom: 0; } .xmn_conttop span { width: 50%; } .rt_lt .xmn_lt, .rt_lt .xmn_rt { width: 100%; padding: 0; } .rt_lt .xmn_lt { margin-bottom: 15px; border: none; } .xmn_conttop { margin-bottom: 20px; } .xmn_tab span:nth-child(1) { width: 55%; padding-left: 10px; } .xmn_tab span:nth-child(2) { width: 35%; padding: 0; } .xmn_tab span:nth-child(3) { width: 10%; padding-right: 10px; } } @media only screen and (max-width: 767px) { .xmn_conttop span { width: 100%; } .xmn_content{padding:5% 3%;} .xmn_list ul li{padding:5%; margin-bottom: 10px;} .xmn_list ul li h2,.xmn_details h2{padding-bottom: 10px;} .xmn_text{padding:10px 0;} .xmn_details{padding-top:0;} .details_content{padding:5%;} .xmn_org{padding-bottom: 6%;} .xmn_tab span{padding:20px 5px!important; line-height: 20px;} }