body, html { font-size: 100%; padding: 0; margin: 0; } body, ul, dl, dd, dt, ol, li, p, h1, h2, h3, h4, h5, h6, textarea, form, select, fieldset, table, td, div, input { margin: 0; padding: 0; -webkit-text-size-adjust: none; } *, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } html { font-size: 62.5%; /* 10÷16=62.5% */ } body { color: #333; font-size: 12px; font-size: 1.2rem; /* 13÷10=1.3 */ font-family: "Microsoft YaHei", "宋体", Arial; background: #fcfcfc; } a { color: #333; text-decoration: none; outline: none; transition: all 0.3s ease } a:hover, a:focus { text-decoration: none; color: #0d6fb8; } a.aHover:hover { color: #e60012; } a:focus { outline: none; } .cor_bs, .cor_bs:hover { color: #fff } .cor_red { color: #C00 } ul li { list-style: none; } select, input, textarea { outline: none } .autoImg img { width: 100%; height: auto; display: block; } .imgBlock img { display: block } .autoMaxImg img { max-width: 100%; height: auto } .fl { float: left; } .fr { float: right; } .f12 { font-size: 12px; } .f13 { font-size: 13px; } .f14 { font-size: 14px; } .f15 { font-size: 15px; } .f16 { font-size: 16px; } .f17 { font-size: 17px; } .f18 { font-size: 18px; } .f19 { font-size: 19px; } .f20 { font-size: 20px; } .f21 { font-size: 21px; } .f22 { font-size: 22px; } .f24 { font-size: 24px; } .dsBlock { display: block; } .dsNone { display: none; } .dsPhone, .dsPad, .phone { display: none; } .ellipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .transition { transition: all 0.3s ease; } .opacity { opacity: 0; } .navbar { background-color: rgba(0,0,0,0.5); height: 69px; border-bottom-width: 0px; border-bottom-style: none; margin-bottom: 0; height: 69px; width: 100%; position: fixed; left: 0; top: 0; z-index: 20 } .logo img { float: left; margin-top: 12px; } #navbar { margin-left: 145px; margin-right: 145px; text-align: center; } .top_a1 { float: right; margin: 0px 13px 0px 17px; } .navbar .container ul.navbar-nav { float: right; width: 100%; } .navbar-inverse .navbar-nav > li > a.nav_a { line-height: 67px; font-size: 16px; padding: 0px 15px 0px 30px; color: #e5e5e5; border-top: 2px solid transparent; } .navbar .container { position: relative; } .navbar-inverse .navbar-nav > li > a.nav_a.on, .navbar-inverse .navbar-nav > li > a.nav_a:hover { padding-top: 0px; border-top: 2px solid #FFFFFF; font-weight: bold; color: #FFF; } .navbar-nav > li { position: relative; display: inline-block; float: none; margin: 0px 2px; } .navbar-nav > li:hover .subMenu { display: block; } .pull-left { float: right!important; z-index: 10 } .serBox { height: 21px; width: 140px; position: absolute; right: 15px; top: 25px; border: 1px solid #FFF; border-radius: 1.5em; } .serInt { line-height: 18px; height: 18px; width: 100%; padding: 0px 24px 0px 13px; border-width: 0px; border-style: none; font-size: 12px; background: none; color: #FFF; } .serSubmit { background: url("/skin/images/serBtn.png") no-repeat center center; height: 18px; width: 18px; position: absolute; top: 0px; right: 7px; border-width: 0px; border-style: none; cursor: pointer; } .hmFocus { width: 100%; height: 100%; } .hmFocus .swiper-slide, .hmFocus .hmBanner { width: 100%; height: 100%; } .hmBan_img { max-width: 892px; width: 46%; position: absolute; left: 27%; top: 26%; } .hmFocus .swiper-pagination-bullet { margin: 0px 5px; height: 14px; width: 14px; border: 2px solid #FFF; opacity: 1; background: none; transition: all 0.3s ease } .hmFocus .swiper-pagination-bullet-active { height: 14px; width: 42px; background: #FFF; border-radius: 1.2em; } .nextPage { height: 44px; width: 30px; border: 2px solid #FFF; margin-left: -15px; position: absolute; left: 50%; z-index: 20; bottom: 40px; border-radius: 1.8em; } .nextPage:after { height: 9px; width: 6px; display: block; margin-left: -3px; left: 50%; top: 14px; content: ""; position: absolute; animation: nextIconMv 0.8s linear 0s infinite; background: url("/skin/images/topSicon.png") no-repeat center center; } @keyframes nextIconMv { 0% { top:10px; } 100% { top:14px; } } .footer { background: #2660A5; padding: 14px 0px; color: #ffffff; } .footer .fl { font-size: 12px; line-height: 30px; } .footer a { color: #fff; } .footer .fr { line-height: 60px; } .hmFocus_itmBox { height: 26px; width: 1200px; margin-left: -600px; position: absolute; z-index: 3; left: 50%; bottom: 49px; } .hmFocus .hmFocus_itmBox .swiper-pagination { float: right; position: static; height: 26px; padding: 6px 5px 0px; background: rgba(0,0,0,0.6); border-radius: 1.2em; } .ke_ConMenu { height: 190px; width: 40px; margin-top: -95px; position: fixed; top: 50%; right: 20px; z-index: 30; } .keCon_icon { background: rgba(0,0,0,0.3); display: block; border-radius: 50%; height: 40px; cursor: pointer } .ke_ConMenu ul li { height: 40px; width: 40px; margin-bottom: 10px; position: relative; } .keCon_show { line-height: 40px; color: #FFF; height: 40px; background: #004EA2; position: absolute; top: 0px; right: 0px; padding-left: 15px; border-radius: 1.8em; display: none; } .keCon_show img { float: right; border-radius: 50%; } .keCon_wx { background: #FFF; height: 229px; padding-top: 12px; text-align: center; width: 202px; position: absolute; top: -8px; right: 68px; border-radius: 0.3em; font-size: 16px; line-height: 30px; display: none; } .keCon_wx:before { content: ""; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 8px solid #fff; height: 0; width: 0; top: 19px; right: -8px; position: absolute; } .hm_kmenu { height: 274px; width: 20px; margin-top: -137px; position: fixed; left: 20px; top: 50%; z-index: 20; } .hm_kmenu li { height: 20px; width: 20px; margin-bottom: 20px; position: relative; } .hmKm_icon { height: 11px; width: 11px; border: 2px solid #CCCCCC; position: absolute; left: 5px; top: 4px; border-radius: 50%; cursor: pointer } .hmKm_nm { line-height: 20px; padding: 0px 26px 0px 31px; height: 20px; position: absolute; left: 0px; top: 0px; background: rgba(0,0,0,0.5); border-radius: 1.4em; font-size: 12px; color: #ffffff; white-space: nowrap; display: none } .hmKm_nm i { background: #FFF; height: 20px; width: 20px; border: 3px solid #000; position: absolute; left: 0; top: 0; display: block; border-radius: 50%; opacity: 0.8 } .hm_kmenu li.on .hmKm_nm { display: block; } .hmCon1 { margin-top: 94px; margin-bottom: 60px; } .hmC1box { margin: 0px 37px; } .hmCon2 { background: url("/skin/images/hm_img1.jpg") no-repeat center center; padding: 82px 0px 120px; background-size: cover } .hm_enT { text-align: center; text-transform: uppercase; color: #d9d9d9; font: 36px/48px Georgia; } .hm_t1 { font-size: 28px; color: #ffffff; text-align: center; line-height: 46px; height: 46px; margin-bottom: 20px; } .hm_p1 { font-size: 14px; line-height: 36px; color: #ffffff; text-align: center; margin-bottom: 18px; } .hm_a1 { font-size: 14px; line-height: 34px; color: #FFF; text-align: center; display: block; height: 38px; width: 150px; border: 2px solid #FFF; margin: 0px auto; border-radius: 0.2em; } .hm_a1:hover { color: #fff; background: rgba(255,255,255,0.1); } .hmCon3 { background: #F2F2F2; padding: 82px 0px 82px; } .hmCon3 .hm_enT, .hmCon4 .hm_enT { color: #333333; } .hmCon3 .hm_t1, .hmCon4 .hm_t1 { color: #333333; } .cor_blue { color: #2d71c2; } .hm_a2 { font-size: 14px; color: #004ea2; line-height: 34px; height: 38px; width: 150px; text-align: center; display: block; margin: 0px auto; border-radius: 0.2em; border: 2px solid #004EA2; } .hm_a2:hover { background: #004EA2; color: #FFF; } .hmU1_a { display: block; } .hm_u1 li { padding: 0px 20px; margin-bottom: 40px; } .hm_u1 { padding-top: 10px; margin: 0px -20px; } .hmU1_img { position: relative; overflow: hidden; } .hmU1_imgNm { line-height: 44px; border-bottom: 2px solid #2D71C2; background: #FFF; height: 50px; overflow: hidden; text-align: center; padding: 4px 10px 0px; font-size: 16px; color: #333; } .hmU1_layer { position: absolute; height: 100%; width: 100%; left: 0px; top: -100%; right: 0px; bottom: 0px; background: rgba(45,113,194,0.7) url("/skin/images/moreIcon.png") no-repeat center center; transition: all 0.2s ease-in-out } .hmU1_a:hover .hmU1_layer { top: 0; } .hmCon4 { padding: 82px 0px 82px; } .hm_swiper .hd { text-align: center; height: 46px; } .hm_swiper .hd ul li { line-height: 26px; background: #CCCCCC; display: inline-block; padding: 0px 18px; height: 26px; cursor: pointer; margin: 0px 8px; transition: all 0.3s ease; margin-bottom: 5px; } .hm_swiper .hd ul .on { color: #FFF; background: #2D71C2; } .hmc4_ul li { padding: 20px 30px 20px 0px; border-bottom: 1px dotted #CCCCCC; } .hmc4_ul li:nth-last-child(1), .hmc4_ul li:nth-last-child(2) { border: none; } .hm_swiper { margin-bottom: 20px; } .hmc4_a { display: block; } .hmc4_img { display: block; float: left; border: 1px solid #E6E6E6; width: 119px; } .hmc4Txt { margin-left: 135px; } .hmc4_time { line-height: 14px; height: 14px; display: block; color: #666; } .hmc4Txt strong { font-size: 18px; line-height: 28px; font-weight: normal; display: block; height: 30px; } .hmc4Txt p { line-height: 24px; color: #999999; overflow: hidden; height: 48px; } .hmc4_a:hover strong { text-decoration: underline; } .hmCon5 { background: url("/skin/images/hmc5bg.jpg") no-repeat center top; background-size: cover; padding: 82px 0px 64px; } .hmc5_ul li { padding: 0px; margin-bottom: 15px; } .hmc5_a { display: block; height: 306px; position: relative; padding: 176px 30px 0px; } .hmc5_a img { position: absolute; left: 50%; top: 35px; margin-left: -65px; } .hmc5_a strong { color: #ffffff; font-size: 18px; line-height: 38px; text-align: center; display: block; transition: all 0.3s ease } .hmc5_a p { font-size: 12px; line-height: 22px; color: #FFF; text-align: center; transition: all 0.3s ease; height: 66px; overflow: hidden; } .hmc5_layImg { opacity: 0; transition: all 0.3s ease } .hmc5_a:hover { background: #ffffff; } .hmc5_a:hover .hmc5_layImg { opacity: 1; } .hmc5_a:hover strong { color: #333; } .hmc5_a:hover p { color: #999999; } .hmc1Top { position: relative; padding: 46px 66px 58px 368px; font-size: 18px; color: #999999; line-height: 36px; border-top: 1px solid #ccc; border-right: 1px solid #ccc; border-left: 1px solid #ccc; } .hmc1Nm { width: 331px; padding-left: 68px; height: 62px; position: absolute; left: 0px; top: 51px; font-size: 24px; line-height: 24px; color: #FFF; border-right: 1px solid #333; z-index: 2; } .hmc1_en { font: 24px Georgia; text-transform: uppercase; display: block; margin-top: 14px; } .hmc1_cor { color: #333; } .hmc1Nm i { background: #333; height: 188px; width: 83px; position: absolute; z-index: -1; left: 35px; top: -96px; display: block; } .hmc1chgCon { height: 353px; position: relative; } .hmc1Img { height: 353px; position: absolute; left: 0px; top: 0px; right: 193px; background-size: cover; background-position: center center; } .hmc1Chg .hd { border-left: 1px solid #ccc; width: 100%; overflow: hidden; } .hmc1Chg .hd ul li { height: 116px; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; float: left; width: 20.72%; color: #999999; font-size: 24px; line-height: 114px; text-align: center; cursor: pointer; } .hmc1Chg .hd ul li img { margin-right: 5px; } .hmc1_iconImg { display: none; } .hmc1Chg .hd ul li img, text { vertical-align: middle; } .hmc1Chg .hd ul li:last-child { width: 17.12%; } .hmc1Chg .hd ul li.on img { display: none; } .hmc1Chg .hd ul li.on .hmc1_iconImg { display: inline-block; } .hmc1Chg .hd ul li.on { color: #333333; } .hmc1Itms { background: url("/skin/images/hmc1_bg.jpg") repeat; float: right; height: 353px; width: 193px; padding-top: 40px; } .hmc1Nm2 { height: 70px; background: #FFF; padding: 14px 0px 0px 30px; } .hmc1Nm2 strong { font-size: 18px; font-weight: normal; line-height: 26px; display: block; height: 26px; } .hmc1Nm2 span { text-transform: uppercase; font-size: 12px; line-height: 16px; color: #999; display: block; } .hmc1_ul { padding: 15px 0px 0px 30px; } .hmc1_ul li { background: url("/skin/images/hmc1_icons.png") no-repeat left center; padding-left: 13px; line-height: 42px; height: 42px; } .hmc1_a { font-size: 14px; color: #b2d5ff; } .hmc1_a:hover { color: #b2d5ff; text-decoration: underline; } .hmFrbox { margin-top: 60px; margin-bottom: 60px; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; height: 85px; padding-top: 20px; padding-left: 105px; position: relative; } .hmFrbox .swiper-wrapper ul li { list-style: none; display: inline-block; margin-left: 10px; margin-top: 15px; } .hmFrbox .swiper-wrapper ul li a { font-size: 14px; } .hmFrNm { font-size: 16px; line-height: 45px; height: 45px; width: 105px; font-weight: bold; position: absolute; left: 0px; top: 20px; border-right: 1px solid #ccc; text-align: center; } .hmFrbox .swiper-slide { float: left; padding: 0px 24px; width: auto; } .m2pos { height: 76px; border-bottom: 2px solid #CCCCCC; position: relative; margin-bottom: 47px; } .m2posNm { background: url("/skin/images/m2nmBg.png") no-repeat; height: 103px; width: 244px; margin-left: -122px; position: absolute; left: 50%; top: 0px; text-align: center; line-height: 28px; color: #FFF; font-size: 24px; padding-top: 10px; } .m2posNm span { display: block; height: 26px; color: #cccccc; font: 18px/26px Georgia; text-transform: uppercase; } .m2menu { margin-bottom: 22px; text-align: center; } .m2menu_a { font-size: 14px; color: #666666; line-height: 48px; height: 48px; padding: 0px 65px; display: inline-block; margin: 0px 8px 10px; background: #D9D9D9; } .m2menu_a.on, .m2menu_a:hover { color: #FFF; background: #004EA2; } .m2subMenu { padding-bottom: 30px; } .m2menu_a2 { font-size: 16px; color: #999; margin-right: 30px; line-height: 32px; height: 32px; white-space: nowrap; } .m2menu_a2.on, .m2menu_a2:hover { color: #004ea2; } .m2pro_ul li { padding: 0px 20px 40px; } .m2pro_ul { margin: 0px -20px; } .m2pro_a { display: block; position: relative; } .m2pro_nm { line-height: 35px; height: 35px; color: #FFF; font-size: 14px; text-align: center; width: 100%; position: absolute; left: 0; bottom: 0; background: rgba(0,0,0,0.7); } .page { background: #fff; height: 48px; margin-bottom: 60px; padding: 0px 7px; } .page_a { font-size: 16px; line-height: 48px; text-align: center; float: left; height: 48px; width: 48px; } .page_a.on, .page_a:hover { color: #FFF; background: #0D6FB8; } .page_prev { background: #E6E6E6 url("/skin/images/page_l.png") no-repeat center center; float: left; height: 48px; width: 48px; margin-right: 7px; } .page_next { background: #E6E6E6 url("/skin/images/page_r.png") no-repeat center center; float: left; height: 48px; width: 48px; } .m2proTop { background: #FFF; } .m2proImg { float: left; } .m2proTxt { margin: 0px 70px 0px 428px; padding-top: 17px; } .m2pro_t1 { line-height: 42px; height: 42px; font-size: 18px; color: #16599f; font-weight: bold; } .m2pro_dsc { font-size: 14px; color: #666666; line-height: 28px; height: 112px; margin-bottom: 23px; overflow: hidden; } .m2body { background: #F2F2F2; } .m2pro_menu li { float: left; height: 64px; width: 90px; text-align: center; background: #F2F2F2; position: relative; line-height: 18px; padding-top: 38px; color: #666666; cursor: pointer; border: 1px solid #E6E6E6; margin-left: -1px; transition: all 0.3s ease } .m2pro_menu li img { position: absolute; left: 50%; top: 9px; margin-left: -13px; } .m2pro_layImg { opacity: 0; transition: all 0.3s ease } .m2pro_menu .on { color: #FFF; background: #004EA2; border: 1px solid #004EA2; } .m2pro_menu li.on .m2pro_layImg { opacity: 1; } .m2pro_con { margin-bottom: 50px; padding-top: 10px; font-size: 14px; line-height: 28px; color: #666; } .m2pro_bt1 { line-height: 34px; padding: 15px 0px 5px; display: block; font-size: 18px; color: #333; } .m2pro_tab td { font-size: 14px; line-height: 22px; padding: 10px; color: #333; } .m2pro_u2 li { line-height: 24px; margin-bottom: 10px; background: url("/skin/images/m2pro_icon5.jpg") no-repeat left center; padding-left: 10px; } .m2case_ul { padding-top: 20px; } .m2down_ul { margin: 0px -20px; padding-top: 18px; } .m2dnBox { border: 1px solid #ccc; padding: 20px 12px 20px 17px; } .m2down_ul li { padding: 0px 20px; margin-bottom: 40px; } .m2dnBox img { float: left; } .m2dnTxt { margin-left: 90px; } .m2dnTxt strong { font-size: 16px; font-weight: normal; line-height: 24px; display: block; margin: -2px 0px 8px; } .m2dn_btn { font-size: 14px; color: #0d6fb8; line-height: 14px; } .m2dn_btn a { margin: 0px 10px; } .m2Editor { font-size: 14px; line-height: 30px; padding-top: 8px; padding-bottom: 55px; } .m2Editor_img { float: left; margin: 8px 30px 0px 0px; } .m2mapBox { background: #FFF; border: 1px solid #CCC; margin: 33px 0px 20px; } .m2mapInfo { float: left; width: 360px; padding: 20px 28px 0px; height: 401px; } .m2map_lg { background: #F2F2F2; text-align: center; height: 86px; padding-top: 13px; } .m2map_ul li { height: 70px; padding: 18px 0px 0px 57px; } .m2map_ul li img { float: left; margin: 7px 15px 0px 0px; } .m2map_stxt { margin-left: 40px; font-size: 14px; color: #999999; line-height: 19px; } .m2map_stxt span { color: #0d6fb8; display: block; } .m2map { margin-left: 360px; height: 401px; overflow: hidden; } .m2zp_topTxt { font-size: 14px; line-height: 30px; padding: 40px 0px 22px; border-bottom: 1px solid #ccc; } .m2zp_box dt { height: 97px; position: relative; padding: 28px 0px 0px 70px; font-size: 16px; color: #c7c7c7; line-height: 18px; cursor: pointer; } .m2zp_box dt span { font: italic normal 14px Arial; } .m2zp_box dt strong { display: block; line-height: 24px; height: 24px; font-size: 18px; color: #004ea2; } .m2zp_box dt i { background: url("/skin/images/m2zp_arrow.png") no-repeat; height: 29px; width: 16px; position: absolute; top: 34px; right: 30px; transition: all 0.3s ease } .m2zp_box dd { font-size: 14px; line-height: 24px; color: #999999; position: relative; z-index: 1; margin: -70px 150px 0px 342px; padding-top: 0px; padding-bottom: 25px; } .m2zp_box:nth-child(2n) { background: #ffffff; } .m2zp_box dt.on i { transform: rotate(90deg); -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); } .m2zp_box dd strong { color: #353535; } .m2zpList { margin-bottom: 60px; border-top: 1px solid #ccc; margin-top: 40px; } .hmc4_u1a { margin-bottom: 20px; } .hmc4_u1a li { border: none; } .m2news_title { font-size: 24px; line-height: 36px; text-align: center; padding-top: 44px; color: #333; } .m2news_time { font-size: 14px; color: #999999; line-height: 32px; text-align: center; height: 50px; } .m2newsEditor { font-size: 14px; line-height: 30px; padding-bottom: 30px; border-bottom: 1px solid #ccc; } .page2 { padding: 25px 0px 0; height: 120px; } .page2_res1 { background: #fff url("/skin/images/res_icon1.png") no-repeat center center; height: 38px; width: 38px; float: left; margin-right: 16px; } .page2_res1:hover { background: #004ea2 url("/skin/images/res_icon1a.png") no-repeat center center; } .page2_res2 { background: #fff url("/skin/images/res_icon2.png") no-repeat center center; height: 38px; width: 38px; float: left; margin-right: 16px; } .page2_res2:hover { background: #004ea2 url("/skin/images/res_icon2a.png") no-repeat center center; } .page2_res3 { background: #fff url("/skin/images/res_icon3.png") no-repeat center center; height: 38px; width: 38px; float: left; margin-right: 16px; } .page2_res3:hover { background: #004ea2 url("/skin/images/res_icon3a.png") no-repeat center center; } .page2_res4 { background: #fff url("/skin/images/res_icon4.png") no-repeat center center; height: 38px; width: 38px; float: left; margin-right: 16px; } .page2_res4:hover { background: #004ea2 url("/skin/images/res_icon4a.png") no-repeat center center; } .page2_res5 { background: #fff url("/skin/images/res_icon5.png") no-repeat center center; height: 38px; width: 38px; float: left; margin-right: 16px; } .page2_res5:hover { background: #004ea2 url("/skin/images/res_icon5a.png") no-repeat center center; } .page2 .page_prev { background: #fff url("/skin/images/page_l.png") no-repeat center center; background-size: 8px auto; float: left; height: 38px; width: 38px; } .page2 .page_next { background: #fff url("/skin/images/page_r.png") no-repeat center center; background-size: 8px auto; float: left; height: 38px; width: 38px; } .m2fa_ul { margin: 16px -20px 0px; } .m2fa_ul li { margin-bottom: 40px; padding: 0px 20px 0px; } .m2fa_a { display: block; padding: 15px 15px 0px; background: #FFF; height: 175px; border: 1px solid #FFF; } .m2faTxt { margin-left: 227px; font-size: 14px; line-height: 28px; color: #969696; } .m2faTxt strong { display: block; line-height: 32px; height: 32px; font-size: 18px; font-weight: normal; color: #333; } .m2faTxt p { height: 84px; overflow: hidden; } /*百度地图样式*/ .iw_poi_title { color: #CC5522; font-size: 14px; font-weight: bold; overflow: hidden; padding-right: 13px; white-space: nowrap } .iw_poi_content { font: 12px arial, sans-serif; overflow: visible; padding-top: 4px; white-space: -moz-pre-wrap; word-wrap: break-word } @media (min-width:1230px) { .container { width: 1230px; } } @media (max-width:1199px) { .navbar-inverse .navbar-nav > li > a.nav_a { padding-left: 10px; padding-right: 10px; } .navbar .container .navbar-header { background: none; } .m2zp_box dt { padding-left: 30px; } .m2zp_box dd { margin-top: 0; margin-left: 30px; margin-right: 80px; } .hmc1Chg .hd ul li { font-size: 18px; } .hmc1Chg .hd ul li img { height: 46px; width: auto; } .hm_u1 { margin-left: 0; margin-right: 0; } .hm_u1 li { padding-left: 15px; padding-right: 15px; margin-bottom: 30px; } .hmc5_a img { width: 110px; height: 110px; margin-left: -55px; } .hmc5_a { padding-top: 166px; height: 290px; padding-left: 15px; padding-right: 15px; } .m2menu_a { padding: 0 20px; margin-bottom: 10px; } .m2down_ul { margin-left: 0; margin-right: 0; } .m2down_ul li { padding-left: 15px; padding-right: 15px; margin-bottom: 30px; } .m2fa_ul { margin-left: 0; margin-right: 0; } .m2fa_ul li { padding-left: 15px; padding-right: 15px; margin-bottom: 30px; } .m2down_ul li.col-md-3 { width: 33.3333%; } } @media (max-width:991px) { .dsPc, .dsPhone, .pc { display: none; } .dsPad, .phone { display: block; } .hmc1Nm { color: #333; width: 100%; padding-right: 0; position: static; border: none; padding-left: 0; text-align: center; margin-bottom: 25px; } .hmc1Top { padding-left: 30px; padding-right: 30px; padding-bottom: 30px; } .serBox { display: none; } #navbar { margin-right: 0; } .hmc1Nm i { display: none; } .hmc1Chg .hd ul li { font-size: 16px; height: 86px; line-height: 86px; } .hmc1Chg .hd ul li img { height: 32px; width: auto; } .hmc5_a img { width: 80px; height: 80px; margin-left: -40px; } .hmc5_a { padding-top: 126px; height: 290px; } .hmc5_a p { height: 88px; } .m2menu_a { margin-left: 5px; margin-right: 5px; border-radius: 0.3em; height: 40px; line-height: 40px; border-radius: 0.3em; } .m2pro_ul { margin-left: 0; margin-right: 0; } .m2proTxt { margin: 0 30px 0 410px; } .m2pro_menu li { width: 70px; } .hmc4_u1a li { padding-right: 0; } .m2down_ul li.col-md-3 { width: 50%; } .hmFocus { height: 600px; } .hmBan_img { width: 70%; left: 15%; } } @media only screen and (max-width: 767px) { .dsPc, .dsPad { display: none; } .dsPhone { display: block; } .navbar .container .navbar-header { background: #222; } #navbar { margin-left: 0; } .logo .dsPhone { line-height: 50px; display: block; text-align: center; font-size: 18px; color: #fff; padding-right: 67px; position: relative; } .navbar { height: 51px; } .page_a { width: 28px; } .page { padding-left: 0; padding-right: 0; } .page_prev { width: 28px; margin-right: 4px; } .page_next { width: 28px; } .m2zp_box dt { padding-left: 15px; } .m2zp_box dd { margin-top: 0; margin-left: 15px; margin-right: 15px; } .m2zp_box dt i { right: 15px; } .hm_kmenu { display: none; } .logo img { margin-left: 15px; margin-top: 10px; width: 110px; height: auto; } .ke_ConMenu ul li { overflow: hidden; border-radius: 50%; } .ke_ConMenu li:nth-child(2) { display: none; } .ke_ConMenu li:nth-child(3) { display: none; } .hmC1box { margin-left: 0; margin-right: 0; } .hmc1Top { font-size: 16px; line-height: 34px; } .hmc1Img { position: static; width: 100%; height: 180px; } .hmc1Itms { float: none; width: 100%; height: 200px; padding-top: 5px; } .hmc1Top { padding-left: 15px; padding-right: 15px; } .hmc1Chg .hd ul li, .hmc1Chg .hd ul li:last-child { width: 50%; height: 51px; line-height: 50px; } .hmc1Chg .hd ul li { font-size: 16px; } .hmc1Chg .hd ul li img { height: 26px; width: auto; } .hm_enT { font-size: 28px; } .hm_t1 { font-size: 24px; } .hmc5_a p { height: 66px; } .hmc5_a { height: 260px; } .footer { padding: 25px 0; } .footer .fr { line-height: 22px; width: 100%; float: none; display: block; text-align: center } .footer .fl { line-height: 22px; width: 100%; float: none; display: block; text-align: center; margin-bottom: 12px; } .footer a { white-space: nowrap; } .navbar-nav > li { display: block; border-bottom: 1px dotted #343434; } .navbar-inverse .navbar-nav > li > a.nav_a.on, .navbar-inverse .navbar-nav > li > a.nav_a:hover { border: none; } .navbar-inverse .navbar-nav > li > a.nav_a { line-height: 48px; border: none; } .navbar { z-index: 1000; } .m2proImg { width: 100%; float: none; } .m2proImg img { width: 100%; height: auto; } .m2proTxt { margin-left: 0; padding-bottom: 30px; padding-left: 15px; margin-right: 0; padding-right: 15px; } .m2Editor_img { float: none; width: 100%; height: auto; margin-right: 0 } .m2mapInfo { width: 100%; float: none; } .m2map { margin-left: 0; width: 100%; } .m2map_ul li { padding-left: 20px; } .m2mapBox { margin-top: 20px; } .page2 .fl a { margin-right: 4px; } .m2fa_a .fl { width: 100%; height: auto; float: none; margin-bottom: 6px; } .m2faTxt { margin-left: 0; width: 100%; } .m2fa_a { height: auto; padding-bottom: 16px; } .m2pro_ul li, .hm_u1 li, .m2down_ul li, .m2fa_ul li { padding-left: 0; padding-right: 0; } .m2down_ul li.col-md-3 { width: 100%; } .hmFocus { height: 360px; } .hmBan_img { width: 70%; left: 15%; } .nextPage { bottom: 20px; } } @media (max-width:565px) { .ellipsis { white-space: normal; } .hmc4_ul li { padding-right: 0px; } } @media (max-width:350px) { .hm_enT { font-size: 22px; } .hm_t1 { font-size: 22px; } .m2pro_menu li { width: 66px; } } /*2016-04-21 CSS*/ .navLayer { width: 420px; padding: 12px 0px 20px; position: absolute; left: 0px; top: 69px; background: rgba(0, 0, 0, 0.5); display: none; } .navLayer dd { width: 49%; line-height: 34px; height: 34px; background: url("/skin/images/navIcion.png") no-repeat 25px center; overflow: hidden; text-align: left; float: left; padding: 0px 20px 0px 42px; color: #FFF; } .navLayer2 { left: auto; right: 0 } @media only screen and (max-width: 767px) { .navLayer { display: none!important; } } /* FILE ARCHIVED ON 23:07:37 Aug 16, 2018 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 16:59:16 Dec 05, 2024. JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE. ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C. SECTION 108(a)(3)). */ /* playback timings (ms): captures_list: 0.511 exclusion.robots: 0.023 exclusion.robots.policy: 0.014 esindex: 0.011 cdx.remote: 10.512 LoadShardBlock: 199.217 (3) PetaboxLoader3.resolve: 125.176 (3) PetaboxLoader3.datanode: 108.054 (4) load_resource: 1673.48 */