.touch_wr, .header_ulContent { transition: 0.3s ease-in-out; } .touch_nav { width: 23px; height: 23px; float: left; position: absolute; padding: 5px 5px; right: 0%; top: 12px; border: 1px solid #ccc; border-radius: 200px; z-index: 128; } .touch_wr { width: 20px; border-bottom: 2px solid #999; margin: 4px auto; } .touch_nav.cur .touch_wr:nth-child(1) { -webkit-transform: rotate(45deg) translate(4px,5px); } .touch_nav.cur .touch_wr:nth-child(2) { opacity: 0; } .touch_nav.cur .touch_wr:nth-child(3) { -webkit-transform: rotate(-45deg) translate(3px,-4px); } .ind6_bgCol { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background: url(../images/z6_31.png); z-index: 990; display: none; } .header_rigBlock { position: absolute; bottom: 0px; left: 0px; margin-left: 0px; z-index: 220; width: 100%; height: 72px; background: #676767; } .header_aBlock .after { content: ""; display: block; position: absolute; top: 0px; left: 0px; width: 100%; height: 50px; z-index: 120; } /* * * * * */ html, body { min-width: auto; } body, .header_contentBlock, .bodyer, .wind_content, .com_InnContent, div#Footer { min-width: auto; } .header_ulContent { width: auto; } .header_ulContent { position: fixed; top: 0px; right: -220px; width: 200px; height: 100%; background: #676767; } a.header_logo img { height: 34px; } .header_content { height: 60px; } a.header_logo { left: 4%; padding: 13px 0; } .header_ulBlock { position: relative; right: 0px; padding-top: 60px; } .header_aBlock { width: 100%; padding: 0; } .header_seek { margin-left: 0px; left: -3px; } .header_bu { right: 0px; padding: 31px 0px; font-size: 13px; } .head_inputBl { top: -33px; right: auto; left: -17px; } .head_inputBl input[type="text"] { width: 185px; } .he_block { top: 0; padding: 0; position: relative; background: url(); left: 0; margin-left: 0; width: 100%; padding-bottom: 20px; z-index: 60; } .he_num { font-size: 30px; } .he_ico { top: 0px; } .nav_content { position: relative; bottom: auto; width: 100%; height: auto; padding: 5px 0; } .header_aBlock .text { padding: 15px 10%; width: 80%; } a.nav_aBlock { text-align: left; width: 80%; padding: 0px 10%; height: 40px; line-height: 40px; float: none; } .header_aBlock.current .bgBlock, .header_aBlock:hover .bgBlock { height: 50px; } .bigImg_content { min-width: auto; } .nav_ico { background-size: 30px; left: -40px; } .he_content { height: 60px; } .com_InnContent { width: 92%; } .he_conBlock { position: fixed; right: 0; top: 0; width: 0px; background: #fff; height: 100%; overflow: hidden; transition: all 0.3s; z-index: 120; } a.he_logo { padding: 3px 1%; } .he_ulBl { position: relative; margin-left: 0; left: 0; top: 60px; min-width: 180px; } .he_enCh { position: absolute; top: auto; bottom: 20px; right: 5%; width: 68px; } .he_liBl { width: 100%; height: auto; } a.he_a { padding: 15px 20px; } .he_ul { background: url(); padding: 0; height: auto; } .he_ul a { position: relative; width: 50%; float: left; color: #fff; padding: 10px 0; margin-right: 0; } .he_ul:after { content: ""; display: block; clear: both; } .he_ul a.active { color: #fff; } .tou_ico { position: absolute; right: 0; top: 0; padding: 15px; z-index: 90; display: block; width: 10px; height: 19px; padding-left: 20px; } .he_liBl.active .tou_ico, .he_liBl:hover .tou_ico { color: #fff; } .he_content .he_after { display: block; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.3); } .ind_body { min-width: auto; } .ind_bottom { left: 32px; bottom: 0px; } .navIcon_block { bottom: 20px; right: 4%; } .navIcon_block span { transform: scale(0.9); width: 40px; } .com_img img { width: 150%; max-width: 300%; position: relative; left: -7%; } .com_content { padding-top: 60px; } .com_tiBl { margin-top: -24px; left: 0; width: 100%; } .com_ul { display: none; } a.nav_a { margin-left: 0; margin-right: 20px; } .com_navBlock:after { left: 0%; width: 100%; } .nav_ul a:after { margin-top: 14px; } .nav_ul a { margin-right: 7%; margin-left: 7%; font-size: 15px; padding-top: 15px; } .nav_ul { width: 109%; float: none; } .nav_ul:after { content: ""; clear: both; display: block; } .com_navBlock { height: auto; } .page_ul a { font-size: 14px; margin: 0; } .page_ul { width: 110%; left: -5%; } .he_seek { top: auto; bottom: 0px; right: 20px; } .he_seek input { top: auto; bottom: 80px; right: -18px; width: 164px; } .ho_content { padding: 40px 0; } .ho_title h2 { font-size: 22px; } .ho_title h3 { font-size: 14px; } .ho_ulBl { z-index: 80; width: 100%; top: 20px; min-height: 392px; background: rgba(0,0,0,0.5); position: relative; } .ho_li { background-size: 50px; padding: 8px 0; padding-left: 60px; width: 30%; float: left; } .ho_ul { width: 130%; padding-bottom: 198px; padding-top: 0px; left: 3%; } .ho_li.active { left: 0; } .ho_li.active:after { opacity: 0; } a.ho_liBl:after { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); } .ho_li p { line-height: 1.5em; display: none; } .ho_img:after { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); } .ho2_block { width: 100%; } .ho2_ul { padding-top: 0; display: none; } .ho2_li { margin: 5px 0; } .ho2_ulBl { margin-right: 0; width: 100%; } a.ho2_liBl { width: 100%; } .ho2_img img { margin-bottom: -200px; } a.ho3_liBl { width: 100%; } .ho3_content { width: 92%; margin: auto; } .ho2_liBl.active .text { height: auto; } .ho_content:after { width: 100%; } .ho_img { height: 200px; } .ho_teBl { padding: 20px 6%; min-height: 150px; } .ho2_liBl h3 { font-size: 20px; top: 20%; } .ho3_img img { margin-top: -150px; margin-bottom: -150px; } .ho3_block .wr { height: 40px; margin: 20px auto; } .ho3_block img { width: 50px; } .ho3_block h2 { font-size: 18px; } .ho4_block { width: 100%; padding-top: 0; } .ho4_img { margin-left: 0; width: 100%; } .ho5_content { padding: 40px 0; } .ho2_img img { margin-top: -150px; } .ho5_swiper { width: 100%; } div#Footer { padding: 15px 0; } .fo_left { float: none; } a.fo_right { display: block; position: relative; top: 3px; } .fo_share { display: none; } .fo_text { float: none; margin: 5px 0; position: relative; left: 0; } .com_img { width: 200%; left: -50%; } h2.com_ti { font-size: 32px; } .com_navBlock .com_InnContent { min-width: auto; width: 92%; } .ab_content { min-width: auto; width: 100%; } .com_tiEn { font-size: 26px; } h2.com_tiCh { font-size: 24px; } .com_title { margin-bottom: 30px; } .ab_text { width: 100%; margin-top: 30px; float: none; margin-bottom: 30px; } .ab_img { float: none; margin-top: 0; width: 100%; } .com_banner { overflow: hidden; } .xi_text { width: 100%; float: none; } .xi_block { width: 100%; } .xi_img { width: 100%; float: none; margin-top: 20px; } .xi_bgColor { width: 100%; top: auto; bottom: 0; height: 160px; } .com_pages { padding: 30px 0 40px 0; } .cu_img { width: 100%; } .cu_textBlock { width: 92%; padding: 20px 4%; } .cu_li { margin-bottom: 40px; } .sol_text { left: 0%; width: 90%; position: relative; } .sol_img { width: 60%; float: none; margin: auto; margin-bottom: 25px; } .sol_li .text { width: 85%; } .sol_textBlock { width: 100%; margin-left: 0; } .con_li { margin: 0 10px; } .con_ul { margin-bottom: 50px; padding-top: 10px; } .adv_textBlock { width: 100%; left: 0%; } .adv_num { left: 0%; } .adv_ul { width: 100%; } .adv_block { padding-right: 0; } .adv_button { display: none; } .adv_li { padding: 20px 0; width: 100%; } a.ne_aBlock { padding: 20px 10%; background-size: cover; } .neB_img { width: 100%; } .neB_textBl { width: 100%; margin-left: 0; margin-top: 20px; } a.ne_li { height: auto; padding: 0; padding-bottom: 16px; } .ne_img { position: relative; width: 100%; float: none; margin-bottom: 20px; } .ne_text { display: none; } .ne_title { line-height: 1.8em; margin-bottom: 0; position: relative; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 2; height: 63px; overflow: hidden; } .ne_date { height: 60px; top: 3px; } .meIn_content { width: 100%; } h1.meIn_title { line-height: 1.6em; padding-top: 10px; } a.meIn_prev { width: 100%; } a.meIn_next { width: 100%; text-align: left; margin-top: 15px; } .hu_li { width: 92%; margin-bottom: 20px; padding: 30px 4% 40px; } .hu_ul { width: 100%; margin-bottom: 0px; } .hu_li .text { min-height: auto; } .hu_liBl { width: 92%; padding: 20px 4%; min-height: auto; } .hu_ulBl { background-size: cover; padding: 30px 0; margin-top: 30px; } .so_tr .so_td.td_2:after { content: ""; display: block; position: absolute; right: -60%; top: 10px; width: 40px; height: 40px; background: url(/images/a3_11.png) no-repeat center; background-size: 28px; } .so_td.td_3 { display: none; } .so_td.td_0 { width: 30%; } .so_tr .so_td.td_0:after { left: -3px; background-size: 22px; opacity: 0; } .tr_ul { width: 100%; } a.tr_li { width: 92%; padding: 4%; } .te_ul { width: 100%; } a.te_li { width: 100%; } .te_block h3 { margin-bottom: 5px; } .te_block .date { margin-bottom: 10px; } .te_block { padding: 4%; } .news_block { width: 200%; left: -50%; } .news_swiper .sw_prev { left: 0; } .news_swiper .sw_next { right: 0; } a.meIn_back { top: -21px; right: -3%; padding: 2px 15px 3px; border: 1px solid #ccc; text-align: center; border-radius: 200px; font-size: 13px; } .cont_ul { width: 100%; display: block; } div#mapBox { left: 0; position: relative; width: 100%; height: 300px; } .cont_tLi { padding: 8px 0; padding-left: 30px; } .cont_li { padding: 20px 5%; } .ho2_liBl .text { bottom: auto; top: 38%; } .nav_ul.s5 a { margin-left: 0%; margin-right: 5%; } .nav_ul.s4 a { margin-left: 3%; margin-right: 5%; } .adv_content .com_ul { display: block; position: relative; } .ho3_liBl:hover .ho3_block { bottom: 25%; } .ab_content { padding-top: 0; } .cul_li { width: 100%; height: 33.3%; } .cul_img { width: 400%; left: -120%; } .cul_block .ico { background-size: 46px; height: 50px; margin-bottom: 10px; } .cul_block .te { font-size: 14px; } .cul_block { margin-top: -62px; } .cul_block .ti { font-size: 18px; } .cul_ul { top: 5%; height: 90%; } .cul_content { padding: 50px 0 0px; } .cul_ulBl { width: 100%; } .cul_liBl { width: 100%; margin-bottom: 20px; } .cul_liBl:nth-child(3) { border-radius: 0 0 80px; } .cul_liBl p { text-align: left; } .cul_liBl:after { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); } a.he_en { top: 10px; } div#Footer .com_InnContent { min-width: auto; } a.fo_a1 { position: relative; right: auto; margin-top: 8px; float: left; margin-left: 0; } .alert-info { width:80%; }