/* css reset */ body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { padding: 0; margin: 0; } body { font-family: 'Microsoft Yahei',Arial,Simsun; font-size: 14px; min-width: 1000px; } table { border-collapse: collapse; border-spacing: 0; } fieldset, img { border: 0; } address, caption, cite, code, dfn, em, th, var { font-weight: normal; font-style: normal; } ol, ul { list-style: none; } caption, th { text-align: left; } h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; } q:before, q:after { content: ''; } abbr, acronym { border: 0; } a { text-decoration: none; outline: none; blr: expression(this.onFocus=this.blur()); } .clear { display: block; clear: both; } .relative { position: relative; } .grayscale { filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 3.5+ */ filter: gray; /* IE6-9 */ -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */ } p { line-height: 2em; } p img { margin: 10px auto; } /* css reset */ html, body { position: relative; width: 100%; height: 100%; } .bgBlock, .wind_aBlock .icon, .wind_aBlock .text, .wind_textContent, .wind_ulContent, .wind_textBlock .more, .indexNews_textBlock .title, .bgColor, .news_video, .bgImg, .ind2_liBl, a.news_li, a.news_li:after, .news_aBl, .news_aBl:after, .blT_le, .blT_ri, .fo_content a, a.navCo_aBlock:after, a.navCo_aBlock, .new_liBlock .wire, .arr-right, .arr-left, .ne_ti, .ne_da, .ne_date, .ne_ico, .cu_li, .header_bu, .blT_block, .ind2_liBl, .news_video, .cou_block, .hon_li, .hon_img, .pagination a, .cer_li, .bus_li, .fea_li, .vid_play, a.ne_liBl, .ne_more, .ne_aBl, .ne_da, .ne_ti, .ne_te, .rec_tr, .list_aBl, .list_InBl, .buIn_liIn, .ind3_li, .ind3_aLi, .ind4_col, .ind3_aBl, .ind4_img img, .hon2_li, .fea_ti, .ind3_more, a.ind3_aLi:after, .ind31_ti, .ind31_img:after { -webkit-transition: all .3s ease; -ms-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .indexNews_images, .indexNews_img:after, .indexNews_img:before, .indexNews_wire:after, .indexNews_wire:before, .indexUl_bgImg, .news_video .bgImg, .news_map .bgImg { -webkit-transition: all 0.6s ease; -ms-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease; } .king:hover img, .indexNews_aBlock:hover .indexNews_images, .indexUl_aBlock:hover .indexUl_bgImg, .news_video:hover .bgImg, .news_map:hover .bgImg, .ind2_liBl:hover .bgImg, .ind4_block:hover .ind4_img img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .ind2_liBl:hover, .news_video:hover, .hon_li:hover, .cer_li:hover, .bus_li:hover, .fea_li:hover, a.ne_liBl:hover, .ne_more:hover, .list_aBl:hover, .buIn_liIn:hover, .ind3_aBl:hover { -webkit-transform: scale(0.95); -ms-transform: scale(0.95); -moz-transform: scale(0.95); -o-transform: scale(0.95); transform: scale(0.95); } .vid_play:hover { -webkit-transform: scale(0.9); } .header_logo:after { content: ""; display: block; position: absolute; left: -200px; top: 0px; width: 150px; height: 100%; background-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0)); overflow: hidden; -webkit-transform: skewx(-25deg); -webkit-transition: 0s; } .header_logo:hover:after { width: 150px; left: 600px; -webkit-transition: 1.2s; transition: 1.2s; } .king:hover:after { width: 150px; left: 1000px; -webkit-transition: 1.2s; transition: 1.2s; } .hon_li:hover .hon_img, .cer_li:hover, .fea_li:hover, a.ne_liBl:hover, .rec_tr:hover, .list_aBl:hover, .buIn_liIn:hover { box-shadow: 0px 0px 0px 6px #ddd; } ::-webkit-scrollbar-track-piece, ::-webkit-scrollbar, ::-webkit-scrollbar-thumb { width: 8px; } ::-webkit-scrollbar-track-piece { background-color: rgba(255,255,255,0.6); } ::-webkit-scrollbar { background-color: rgba(255,255,255,0.6); } ::-webkit-scrollbar-thumb { background-color: #999; } ::-webkit-scrollbar-thumb:hover { background-color: #999; } @-webkit-keyframes anim1 { 0% { -webkit-transform: translate(0,0px); } 25% { -webkit-transform: translate(0,-20px); } 75% { -webkit-transform: translate(0,10px); } 100% { -webkit-transform: translate(0,0); } } @-ms-keyframes anim1 { 0% { -ms-transform: translate(0,0px); } 25% { -ms-transform: translate(0,-20px); } 75% { -ms-transform: translate(0,10px); } 100% { -ms-transform: translate(0,0); } } @keyframes anim1 { 0% { transform: translate(0,0px); } 25% { transform: translate(0,-20px); } 75% { transform: translate(0,10px); } 100% { transform: translate(0,0); } } @-moz-keyframes anim1 { 0% { -moz-transform: translate(0,0px); } 25% { -moz-transform: translate(0,-20px); } 75% { -moz-transform: translate(0,10px); } 100% { -moz-transform: translate(0,0); } } @-o-keyframes anim1 { 0% { -o-transform: translate(0,0px); } 25% { -o-transform: translate(0,-20px); } 75% { -o-transform: translate(0,10px); } 100% { -o-transform: translate(0,0); } } @keyframes animScale { 0% { transform: scale(1); } 50% { transform: scale(1.05); } 100% { transform: scale(1); } } @-webkit-keyframes animScale { 0% { -webkit-transform: scale(1); } 50% { -webkit-transform: scale(1.05); } 100% { -webkit-transform: scale(1); } } @-ms-keyframes animScale { 0% { -ms-transform: scale(1); } 50% { -ms-transform: scale(1.05); } 100% { -ms-transform: scale(1); } } @-moz-keyframes animScale { 0% { -moz-transform: scale(1); } 50% { -moz-transform: scale(1.05); } 100% { -moz-transform: scale(1); } } @-o-keyframes animScale { 0% { -o-transform: scale(1); } 50% { -o-transform: scale(1.05); } 100% { -o-transform: scale(1); } } @-webkit-keyframes animRotate { 0% { -webkit-transform: rotate(0); } 50% { -webkit-transform: rotate(360deg); } 100% { -webkit-transform: rotate(0); } } @-ms-keyframes animRotate { 0% { -ms-transform: rotate(0); } 50% { -ms-transform: rotate(360deg); } 100% { -ms-transform: rotate(0); } } @keyframes animRotate { 0% { transform: rotate(0); } 50% { transform: rotate(360deg); } 100% { transform: rotate(0); } } @-moz-keyframes animRotate { 0% { -moz-transform: rotate(0); } 50% { -moz-transform: rotate(360deg); } 100% { -moz-transform: rotate(0); } } @-o-keyframes animRotate { 0% { -o-transform: rotate(0); } 50% { -o-transform: rotate(360deg); } 100% { -o-transform: rotate(0); } } .king { -webkit-animation: anim1 2s linear infinite; -ms-animation: anim1 2s linear infinite; animation: anim1 2s linear infinite; -moz-animation: anim1 2s linear infinite; -o-animation: anim1 2s linear infinite; } .bigImg_contentBlock, .ban_conBlock, .vid_img img, .ne_img { -webkit-animation: animScale 20s linear infinite; animation: animScale 20s linear infinite; -ms-animation: animScale 20s linear infinite; -moz-animation: animScale 20s linear infinite; -o-animation: animScale 20s linear infinite; } .bl_img img, .buIn_img img { -webkit-animation: animScale 10s linear infinite; animation: animScale 10s linear infinite; -ms-animation: animScale 10s linear infinite; -moz-animation: animScale 10s linear infinite; -o-animation: animScale 10s linear infinite; } .king { -webkit-animation: animRotate 100s linear infinite; animation: animRotate 100s linear infinite; -ms-animation: animRotate 100s linear infinite; -moz-animation: animRotate 100s linear infinite; -o-animation: animRotate 100s linear infinite; } .bodyer { position: relative; width: 100%; min-width: 1200px; overflow: hidden; min-height: 200px; padding-top: 74px; } .header_content { position: fixed; width: 100%; height: 80px; background: #fff; box-shadow: 0px 0px 4px 0px #ccc; z-index: 999; top: 0px; left: 0px; border-bottom: 1px solid #ddd; } .header_contentBlock { position: relative; width: 84%; margin: auto; min-width: 1180px; } .header_logo { position: absolute; left: 0px; top: 0px; padding: 20px 0; display: block; } .header_ulContent { position: relative; width: 1130px; float: right; } .header_block { position: absolute; right: 0px; top: 22px; border: 1px solid #cccccc; padding-right: 20px; } .header_button { position: absolute; right: 0px; top: 0px; z-index: 99; } .header_ulBlock { position: relative; float: right; } .header_aBlock { position: relative; float: left; display: block; padding: 30px 15px; font-size: 15px; cursor: pointer; } .header_aBlock .text { color: #333333; z-index: 99; position: relative; display: block; } .header_input { position: relative; width: 80px; height: 28px; border: 0px; padding-left: 10px; color: #999; outline: none; padding-right: 10px; } .header_button { position: absolute; padding: 6px 10px; height: 16px; cursor: pointer; } .nav_content { position: absolute; bottom: -50px; height: 50px; width: 1920px; background: url(../images/b_5.png); left: 0px; display: none; } .nav_aBlock { position: relative; float: left; display: block; color: #fff; height: 50px; line-height: 50px; padding: 0px 16px; font-size: 14px; width: 58px; white-space: nowrap; text-align: center; } /*.header_aBlock:hover .nav_content {display: block;}*/ .header_aBlock .bgBlock { position: absolute; top: 24px; left: 0%; width: 100%; height: 26px; display: block; } .header_aBlock.current .bgBlock, .header_aBlock:hover .bgBlock { height: 100%; top: 0px; background: #e52929; opacity: 0.9; } .header_aBlock.current .text, .header_aBlock:hover .text { color: #fff; } .nav_aBlock:hover { color: #e52929; } .nav_content.right { left: -406px; } .nav_content.right1 { left: -408px; } .nav_content.right2 { left: -354px; } .footer_content { position: relative; width: 100%; background: #313131; z-index: 999; box-shadow: 0px 0px 4px 0px #ccc; overflow: hidden; } .footer_contentBlock { position: relative; width: 93%; margin: auto; color: #666; font-size: 12px; } .footer_text { position: relative; float: left; } .footer_aBlock { position: relative; float: right; } .common_content { position: relative; width: 100%; z-index: 99; background: #fff; margin-top: 112px; } .common_contentBlock { position: relative; width: 1200px; margin: auto; } .bigImg_content { position: fixed; width: 100%; height: 112px; overflow: hidden; top: 74px; left: 0px; } .bigImg_contentBlock { position: absolute; height: 100%; width: 100%; top: 0px; left: 0px; } .fixed_top { position: fixed; top: 0px; left: 0px; width: 0px; height: 0px; } .bottom_img { position: relative; width: 100%; height: 171px; background: url(../images/b_7.png) no-repeat center; } @-webkit-keyframes headerAnim { 0% { top: -78px; } 100% { top: 0px; } } /*.header_content.current {position: fixed;-webkit-animation:headerAnim 0.6s ease-in-out backwards;}*/ .index_bodyer .bigImg_content { height: 600px; } .index_bodyer .common_content { position: relative; width: 100%; margin-top: 526px; } .index_img { position: relative; width: 100%; } .index_img img { width: 100%; margin-bottom: -4px; } .wind_content { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 88; min-width: 1200px; } .wind_wireContent { position: absolute; bottom: 0px; width: 100%; left: 0px; height: 4px; background: url(../images/b2_4.png); box-shadow: 0px 0px 4px 0px #ccc; } .wind_wireBlock { position: absolute; left: 0px; bottom: 0px; height: 4px; width: 16%; background: #e52929; } .wind_showBlock { position: relative; width: 100%; height: 100%; overflow: hidden; } .wind_contentBlock { position: relative; width: 130%; height: 100% } .wind_textContent { position: absolute; width: 17%; height: 100%; background: url(../images/b2_3.png); top: 0px; left: -17%; overflow: hidden; } .wind_textBlock { position: absolute; left: 50%; margin-left: -120px; top: 50%; margin-top: -103px; color: #fff; width: 240px; display: none; } .wind_textBlock .title { font-size: 18px; letter-spacing: 3px; } .wind_textBlock .wire { width: 38px; height: 2px; background: #fff; margin: 18px 0; } .wind_textBlock .text { width: 100%; line-height: 30px; text-align: justify; text-justify: inter-ideograph; } .wind_textBlock .more { width: 80px; display: block; border: 1px solid #fff; color: #fff; text-align: center; padding: 5px 0; font-size: 12px; margin-top: 25px; } .wind_ulContent { position: absolute; width: 77%; bottom: 60px; left: 0%; overflow: hidden; height: 91px; padding-top: 30px; } .wind_ulBlock { position: relative; width: 1080px; margin: auto; } .wind_aBlock { position: relative; float: left; width: 80px; display: block; margin: 0px 37px; height: 91px; } .wind_aBlock .icon { position: absolute; width: 62px; margin: auto; height: 62px; top: 0px; left: 9px; } .wind_aBlock .icon.icon1 { background: url(../images/b1_21.png) no-repeat center; } .wind_aBlock .icon.icon2 { background: url(../images/b1_22.png) no-repeat center; } .wind_aBlock .icon.icon3 { background: url(../images/b1_23.png) no-repeat center; } .wind_aBlock .icon.icon4 { background: url(../images/b1_24.png) no-repeat center; } .wind_aBlock .icon.icon5 { background: url(../images/b1_25.png) no-repeat center; } .wind_aBlock .icon.icon6 { background: url(../images/b1_26.png) no-repeat center; } .wind_aBlock .icon.icon7 { background: url(../images/b1_27.png) no-repeat center; } .wind_aBlock:hover .text, .wind_aBlock.current .text { color: #ee8600; } .wind_aBlock:hover .icon.icon1, .wind_aBlock.current .icon.icon1 { background: url(../images/b1_211.png) no-repeat center; } .wind_aBlock:hover .icon.icon2, .wind_aBlock.current .icon.icon2 { background: url(../images/b1_221.png) no-repeat center; } .wind_aBlock:hover .icon.icon3, .wind_aBlock.current .icon.icon3 { background: url(../images/b1_231.png) no-repeat center; } .wind_aBlock:hover .icon.icon4, .wind_aBlock.current .icon.icon4 { background: url(../images/b1_241.png) no-repeat center; } .wind_aBlock:hover .icon.icon5, .wind_aBlock.current .icon.icon5 { background: url(../images/b1_251.png) no-repeat center; } .wind_aBlock:hover .icon.icon6, .wind_aBlock.current .icon.icon6 { background: url(../images/b1_261.png) no-repeat center; } .wind_aBlock:hover .icon.icon7, .wind_aBlock.current .icon.icon7 { background: url(../images/b1_271.png) no-repeat center; } .wind_aBlock .text { color: #fff; padding-top: 10px; white-space: nowrap; width: 100%; text-align: center; position: absolute; bottom: 0px; left: 0px; } .wind_wire { position: absolute; left: -215px; top: 71px; } .ieMrginTop { position: relative; height: 1px; width: 100%; } .wind_aBlock.current .icon, .wind_aBlock:hover .icon { top: -10px; } .wind_aBlock.current .text, .wind_aBlock:hover .text { padding-top: 20px; } .wind_contentBlock.current .wind_textContent { left: 0px; } .wind_contentBlock.current .wind_ulContent { left: 17%; width: 60%; } .bigImg_ulBlock { position: relative; width: 100%; height: 100%; } .big_imgContent { position: relative; width: 100%; height: 100%; overflow: hidden; } .big_img { position: absolute; width: 100%; height: 100%; bottom: 0px; left: 0px; } .big_img { -webkit-animation: animScale 12s linear infinite; animation: animScale 12s linear infinite; -ms-animation: animScale 12s linear infinite; -moz- animation:animScale 12s linear infinite; -o-animation: animScale 12s linear infinite; } .big_imgBlock { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 8; display: none; } @-webkit-keyframes btssize { 0% { -webkit-transform: scale(1); } 100% { -webkit-transform: scale(1.2); } } .big_imgBlock.current { -webkit-animation: btssize 3s linear forwards; } .navIcon_block { position: absolute; bottom: 30px; right: 60px; } .wind_textBlock .more:hover { border: 1px solid #e52929; color: #e52929; } .index_content { position: relative; width: 100%; } .indexUl_content { position: relative; width: 50%; float: right; min-height: 50px; } .indexNews_content { position: absolute; top: 0px; width: 50%; height: 100%; overflow: hidden; } .indexUl_ulBlock { position: relative; width: 100%; } .indexUl_aBlock { position: relative; width: 50%; float: left; display: block; overflow: hidden; } .indexUl_nullImg { position: relative; width: 100%; } .indexUl_nullImg img { width: 100%; } .indexUl_bgImg { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 6; } .indexUl_title { position: absolute; top: 0px; left: 0px; z-index: 9; width: 100%; } .indexNews_contentBlock { position: relative; width: 86%; margin: 30px auto; } .indexNews_title { font-size: 20px; color: #333; padding-bottom: 25px; } .indexNews_aBlock { position: relative; display: block; width: 100%; } .indexNews_img { position: absolute; width: 42%; float: left; height: 100%; overflow: hidden; } .indexNews_textBlock { position: relative; float: right; width: 56%; padding: 6px 0; } .indexNews_ulBlock { position: relative; padding-top: 30px; height: 122px; overflow: hidden; } .indexNews_textBlock .title { color: #333; font-size: 18px; padding-bottom: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .indexNews_textBlock .time { color: #ee8600; font-size: 13px; padding-bottom: 10px; } .indexNews_textBlock .text { line-height: 24px; color: #4c4c4c; height: 72px; overflow: hidden; text-align: justify; text-justify: inter-ideograph; } .indexNews_liBlock { color: #333; width: 100%; padding-bottom: 12px; margin-bottom: 12px; border-bottom: 1px solid #ccc; display: block; } .indexNews_text { position: relative; float: left; width: 74%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-left: 20px; background: url(../images/b3_2.jpg) no-repeat left; } .indexNews_time { position: relative; float: right; width: 20%; text-align: right; } .indexNews_ulBlock.h168 { height: 168px; } .indexNews_ulBlock.h212 { height: 212px; } .indexNews_ulBlock.h258 { height: 258px; } .indexNews_ulBlock.h300 { height: 300px; } .indexNews_liBlock:hover, .indexNews_aBlock:hover .title { color: #e52929; } .indexNews_liBlock:hover .indexNews_text, .indexNews_liBlock:hover .indexNews_time, .indexNews_aBlock:hover .title { text-decoration: underline; } .indexNews_images { position: relative; width: 100%; height: 100%; } .indexNews_wire { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 99; } .indexNews_img:after { content: ""; position: absolute; top: 0px; width: 0%; left: 0px; height: 2px; background: #e52929; z-index: 99; } .indexNews_img:before { content: ""; position: absolute; top: 0px; width: 2px; right: 0px; height: 0%; background: #e52929; z-index: 99; } .indexNews_wire:after { content: ""; position: absolute; bottom: 0px; width: 0%; right: 0px; height: 2px; background: #e52929; z-index: 99; } .indexNews_wire:before { content: ""; position: absolute; bottom: 0px; width: 2px; left: 0px; height: 0%; background: #e52929; z-index: 99; } .indexNews_aBlock:hover .indexNews_img:after { width: 100%; } .indexNews_aBlock:hover .indexNews_img:before { height: 100%; } .indexNews_aBlock:hover .indexNews_wire:after { width: 100%; } .indexNews_aBlock:hover .indexNews_wire:before { height: 100%; } .header_img { position: relative; float: right; padding-top: 22px; padding-left: 6px; } .navIcon_block { position: absolute; bottom: 30px; right: 60px; z-index: 99; } .navIcon_block a { display: block; width: 24px; height: 24px; float: left; cursor: pointer; background: url(../images/b5_21.png) no-repeat center; margin-left: 8px; } .navIcon_block a.current { background: url(../images/b5_2.png) no-repeat center; } .index_content { position: relative; width: 1200px; margin: auto; } .ul_content { position: relative; width: 1220px; padding: 24px 0px 30px; } .ul_aBlock { position: relative; float: left; margin-right: 7px; height: 147px; display: block; width: 234px; -webkit-perspective: 253px; -moz-perspective: 253px; perspective: 253px; } .ul_block { position: relative; width: 100%; height: 100%; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } .ul_imgBlock { display: block; width: 234px; height: 147px; position: absolute; top: 0px; left: 0px; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; z-index: 2; } .ul_textBlock { width: 100%; height: 147px; position: absolute; top: 0px; left: 0px; background: url(../img/wallGre.png) repeat; -webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); transform: rotateX(180deg); z-index: -1; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } .ul_aBlock:hover .ul_block { -webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); transform: rotateX(180deg); z-index: -1; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } .ul_aBlock:hover .ul_textBlock { z-index: 10 } .con_textBlock { position: relative; width: 100%; } .new_content { position: relative; float: left; width: 33.3%; } .new_img { position: relative; float: right; width: 594px; } .new_contentBlock { position: relative; width: 100%; padding-top: 10px; } .new_images { position: relative; width: 100%; display: none; } .new_navBlock { position: relative; width: 100%; height: 32px; border-bottom: 1px solid #ccc; } .new_liBlock { position: relative; height: 30px; float: left; background: url(../images/b4_4.jpg) no-repeat right; cursor: pointer; font-size: 16px; color: #3a3a37; white-space: nowrap; text-align: center; margin-right: 30px; letter-spacing: 1px; } .new_moreB { position: absolute; right: 10px; top: 7px; color: #3a3a37; } .new_liBlock.last { background: url(); } .new_liBlock .wire { position: relative; margin: auto; margin-top: 10px; width: 0%; border-bottom: 2px solid #db5650; } .new_liBlock.current .wire, .new_liBlock:hover .wire { } .new_liBlock.current .wire { width: 100%; } .a_block { position: absolute; z-index: 99; width: 300px; height: 50px; display: block; left: 213px; top: 701px; background: url(_block); } .a_block2 { position: absolute; z-index: 99; width: 400px; height: 50px; display: block; left: 500px; top: 701px; background: url(_block); } .index2_contentBlock { position: relative; width: 100%; padding-bottom: 30px; } .new_moreB:hover { color: #e52929; } .news_imgBlock { position: relative; width: 594px; float: right; padding-right: 1px; } .news_video { position: relative; float: left; width: 32%; overflow: hidden; cursor: pointer; } .news_map { position: relative; float: right; width: 277px; height: 182px; overflow: hidden; cursor: pointer; } .news_video .icon { position: absolute; top: 50%; left: 50%; margin-left: -30px; margin-top: -39px; z-index: 9; font-size: 16px; color: #fff; text-align: center; text-transform: uppercase; letter-spacing: 1px; width: 60px; } .news_map .icon { position: absolute; bottom: 0px; left: 0px; z-index: 9; } .news_video .bgColor { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 8; background: url(../images/b6_3.png); } .ind2_liBl .bgColor { position: absolute; top: 0px; left: 0px; width: 0%; height: 100%; z-index: 8; background: url(../images/b6_3.png); } .ind2_liBl:hover .bgColor { width: 100%; } .news_video:hover .bgColor, .news_map:hover .bgColor { width: 60px; height: 60px; top: 50%; left: 50%; margin-left: -30px; margin-top: -43px; border-radius: 200px; } .bigImg_title { position: absolute; right: 50%; bottom: 20px; z-index: 8; margin-right: -600px; } .bigImg_title1 { position: absolute; left: 50%; bottom: 20px; z-index: 8; margin-left: -600px; } .navUl_content { position: relative; width: 100%; background: #fff; border-bottom: 1px solid #ccc; } .navUl_contentBlock { position: relative; width: 1200px; margin: auto; height: 50px; overflow: hidden; } .Inner_content { position: relative; width: 100%; background: #fff; } .Inner_textContent { position: relative; float: left; width: 50%; background: #fff; height: 100% } .Inner_textContent img { float: right; } .Inner_blockContent { position: relative; float: right; width: 50%; height: 100%; background: #e6e6e6; } .Inner_contentBlock { position: relative; width: 1200px; margin: auto; } .Inner_contentBlock img { margin-left: -60px; } .Inner_contentBlock1 { position: relative; width: 1200px; margin: auto; } .Inner_bgColor { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; } .Inner1_block { position: relative; width: 100%; background: #e6f4f0; } .Inner1_InnerBlock { position: relative; width: 1200px; margin: auto; } .Inner1_aBlock { position: absolute; top: 240px; left: 49%; display: block; width: 610px; background: url(_block); opacity: 0.5; height: 160px; z-index: 99; } .Inner2_aBlock { position: absolute; top: 61px; left: 0; display: block; width: 1200px; background: url(_block); opacity: 0.5; height: 920px; z-index: 99; } .Inner3_contentBlock { padding: 40px 0; background: #e6f4f0; } .common_content.color3 { background: #e6f4f0; } a.header_logo img { height: 36px; } img { display: block; margin: auto; padding: 0px; } .header_rigBlock { position: relative; width: 180px; float: right; padding-top: 10px; margin-left: 20px; } .header_seek { position: relative; float: left; padding: 20px; display: block; cursor: pointer; padding-bottom: 32px; height: 19px; width: 19px; background: url(../images/c1_1.png) no-repeat 20px 20px; } a.header_bu { border: 1px solid #da251c; color: #da251c; padding: 5px 20px; display: block; float: right; position: relative; top: 13px; } .ind_content { position: relative; padding: 40px 0; } .ind_content.bg2 { background: #f3f3f3; } .com_InnContent { position: relative; width: 73%; margin: auto; min-width: 1000px; z-index: 90; } .clear { clear: both; } .ind_tiEn { font-size: 32px; color: #e2e2e2; opacity: 0.35; margin-bottom: 10px; } .new_liBlock .wire { } .bl_swiper { position: relative; width: 63%; float: right; overflow: hidden; padding-right: 1%; } a.news_aBl { position: relative; width: 100%; display: block; margin-bottom: 15px; } a { color: #666; } .news_ti { font-size: 18px; position: relative; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .news_ulBl { position: relative; width: 90%; margin-top: 20px; } img { max-width: 100%; } .news_ul { position: relative; width: 100%; margin-top: 20px; } .news_da { position: relative; margin-top: 10px; font-size: 16px; color: #999; } .news_more { position: absolute; right: 0px; bottom: 1px; color: #999; } a.news_li { position: relative; display: block; padding: 10px 0; padding-left: 16px; background: url(../images/c1_2.png) no-repeat left; overflow: hidden; } .news_te { float: left; width: 70%; position: relative; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .news_dT { position: absolute; float: right; right: 0px; top: 10px; } .bl_block { position: relative; width: 100%; max-height: 362px; overflow: hidden; border: 1px solid #999; } .news_video .icon img { margin-bottom: 5px; } .ind2_liBl { position: relative; float: left; margin-left: 1%; width: 32.5%; overflow: hidden; } .ind2_tiBl { position: absolute; top: 10%; left: 10%; z-index: 90; } .ind2_ti { font-size: 25px; color: #b78123; letter-spacing: 2px; } .ind2_tEn { color: #505050; font-size: 16px; text-transform: uppercase; opacity: 0.6; margin-top: 4px; } .ind2_liBl .bgImg img { margin-bottom: -1.2%; } .news_video:hover, .ind2_liBl:hover { box-shadow: 0px 0px 0px 6px #fff; } a.news_li:after { content: ""; display: block; width: 0%; position: absolute; bottom: 5px; height: 1px; background: #da251c; left: 50%; } a.news_li:hover { padding-left: 0px; background-position: -30px; color: #db5650; } a.news_li:hover:after { left: 0%; width: 100%; } a.news_aBl:hover { transform: scale(0.9); color: #db5650; } a.news_aBl:after { content: ""; top: 0px; width: 110%; height: 140%; display: block; position: absolute; left: -5%; top: -20%; transform: scale(0.9); } a.news_aBl:hover:after { transform: scale(1); border: 1px solid #db5650; } a.news_aBl:hover .news_da, a.news_aBl:hover .news_more { color: #db5650; } .blT_block { position: absolute; right: 10%; top: 13%; width: 330px; background: url(../images/c1_4.png); border: 1px solid #eee; } .blT_buBlock { position: absolute; right: 0px; top: 0px; background: #bfbfbf; width: 85px; height: 40px; z-index: 90; } a.blT_le { display: block; float: left; padding: 12px 16px; } a.blT_ri { display: block; float: right; padding: 12px 16px; } span { } .blT_buBlock span { color: #fff; position: absolute; top: 9px; left: 50%; margin-left: -2px; } .blT_tTi { font-size: 18px; color: #c7000a; margin-bottom: 2px; } .blT_ten { color: #999; text-transform: uppercase; } .blT_tTe { color: #666; margin-top: 12px; line-height: 1.8em; text-align: justify; position: relative; max-height: 150px; overflow: hidden; } .blT_teLi { position: relative; display: none; padding: 30px; padding-top: 45px; } a.blT_ri:hover, a.blT_le:hover { background: #db5650; } div#Footer { position: relative; width: 100%; background: #313131; color: #fff; } .fo_content a { color: #fff; opacity: 0.6; margin-right: 30px; } .fo_content { position: relative; width: 100%; margin: auto; padding: 25px 0 60px 0; } .fo_ul { margin-bottom: 40px; } a.fo_li { margin-right: 30px; display: block; float: left; } .fo_wxBl { position: absolute; right: 0px; top: 0px; } .fo_wxBl { position: absolute; right: 0px; top: 25px; text-align: center; } .fo_wT { padding-top: 10px; opacity: 0.6; } .fo_ulBl { position: relative; width: 100%; margin-bottom: 20px; } .fo_aBl { float: left; position: relative; } .fo_ulBl:after { content: ""; display: block; clear: both; } .fo_content a:after { } a.fo_aBl:after { content: ""; display: block; position: absolute; right: -15px; top: 4px; height: 12px; border-right: 1px solid #fff; opacity: 0.6; } select.fo_select { position: absolute; left: 67px; top: 0px; border: 1px solid #999; padding: 1px 10px; font-size: 12px; } div.fo_aBl { opacity: 0.6; } .fo_teBl a, .fo_teBl span { margin-right: 20px; display: block; float: left; opacity: 0.6; } .fo_teBl:after { content: ""; display: block; clear: both; } .fo_wx { width: 90px; } .fo_content a:hover { opacity: 1; } .bgImg img { width: 100%; } .com_content { position: relative; padding-top: 80px; width: 100%; min-height: 500px; } .ban_content { position: relative; width: 100%; height: 284px; overflow: hidden; } .ban_conBlock { position: relative; width: 100%; height: 100%; } .com_conBlock { position: relative; width: 100%; z-index: 90; background: #fff; } .com_navBlock { position: relative; width: 100%; border-bottom: 1px solid #deb463; height: 60px; z-index: 99; background: #fff; } a.com_li { float: left; padding: 20px 0px; height: 20px; display: block; padding-left: 22px; background: url(../images/c2_51.png) no-repeat left; margin-left: 10px; } a.com_li.home { width: 20px; background: url(../images/c2_5.png) no-repeat center; padding-left: 0px; margin-left: 0px; background-size: 18px; } .com_ul { position: absolute; float: left; width: 30%; left: 0px; top: 0px; } .navCo_content { position: relative; float: right; } a.navCo_aBlock { padding-top: 20px; display: block; float: left; position: relative; margin-left: 40px; } a.navCo_aBlock:after { content: ""; display: block; width: 0%; margin: auto; margin-top: 19px; border-bottom: 2px solid #b81c27; } a.navCo_aBlock:hover:after, a.navCo_aBlock.cur:after { content: ""; display: block; width: 100%; } a.navCo_aBlock:hover, a.navCo_aBlock.cur { color: #b81c27; } .abo_content { position: relative; width: 100%; } .com_InnConBlock { position: relative; width: 100%; padding: 60px 0; } .abo_img { position: relative; float: left; width: 50%; padding-right: 3%; padding-bottom: 10px; } body { color: #666; } .abo_en { color: #ecdec0; text-transform: uppercase; font-size: 34px; font-weight: bold; position: relative; z-index: 90; } .abo_ch { font-size: 24px; color: #dabe81; letter-spacing: 2px; padding-top: 2px; } .abo_wi { width: 45px; height: 3px; background: #cab076; margin-top: 35px; margin-bottom: 35px; position: relative; left: 2px; } .abo_ico { position: absolute; right: -98px; top: -40px; } .abo_te { position: relative; line-height: 2em; text-align: justify; } .abo_te p { margin-bottom: 20px; } .abo_block { position: relative; float: left; width: 47%; } a.com_li:hover { color: #b81c27; } .ban_animate { position: relative; width: 100%; height: 100%; overflow: hidden; } @keyframes am01 { 0% { transform: translate(0,-50px); opacity: 0.5; } 100% { transform: translate(0,0px); opacity: 1; } } @keyframes am02 { 0% { transform: translate(0,-20px); opacity: 0; } 100% { transform: translate(0,0px); opacity: 1; } } .ban_content, .bigImg_content { animation: am02 0.6s ease-in-out backwards; } .com_conBlock, .com_navBlock, .common_content, #Footer { animation: am01 0.6s ease-in-out backwards; } .abo_wi:after { content: ""; display: block; position: absolute; left: 60px; width: 30px; height: 30px; background: url(../images/c2_4.png); top: -15px; } .ban_tiBl { position: absolute; top: 50%; z-index: 90; color: #fff; width: 100%; left: 0px; text-align: right; margin-top: -50px; } .ban_ti { font-size: 32px; letter-spacing: 4px; padding-bottom: 5px; font-weight: 100; } .ban_tEn { font-size: 41px; text-transform: uppercase; opacity: 0.8; } .org_img { position: relative; padding: 60px 0; width: 100%; margin: auto; } .org_content { position: relative; width: 100%; } .com_conBlock.org_bg { background: url(../images/c2_61.jpg) no-repeat center; background-size: cover; } .cou_block { padding-left: 35px; background: url(../images/c3_1.png) no-repeat 2px 12px; width: 80%; background-size: 16px; height: 200px; position: relative; } .cou_date { font-size: 26px; color: #eb6100; padding-bottom: 10px; position: relative; left: -2px; } .cou_text { line-height: 1.8em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; position: relative; height: 125px; transition: 0.3s ease; } .cou_block.bl2 { margin-top: 80px; } .cou_content { position: relative; width: 100%; padding: 50px 0; } .cou_wi { position: absolute; bottom: 55px; left: 0px; width: 100%; border-bottom: 1px solid #ccc; opacity: 0.5; } .cou_ico { position: absolute; left: 4px; bottom: 0px; width: 12px; height: 14px; background: url(../images/c3_4.png) no-repeat center; } .cou_block.bl2 .cou_ico { bottom: 0px; } .cou_wi:after { content: ""; display: block; width: 12px; height: 12px; background: url(../images/c3_5.png) no-repeat center; position: absolute; right: -8px; top: -6px; } .cou_buBlock { position: absolute; right: 0px; top: 30px; width: 84px; z-index: 90; } a.arr-left { position: relative; width: 42px; height: 42px; background: #fff5f5 url(../images/c3_21.png) no-repeat center; display: block; float: left; } a.arr-right { position: relative; width: 42px; height: 42px; background: #fff5f5 url(../images/c3_31.png) no-repeat center; display: block; float: right; } a.arr-left:hover { background: #b81c27 url(../images/c3_2.png) no-repeat center; } a.arr-right:hover { background: #b81c27 url(../images/c3_3.png) no-repeat center; } a.hon_li { float: left; width: 23%; margin-right: 2%; margin-bottom: 40px; } .hon_ti { text-align: center; padding: 15px 0; font-size: 15px; } .hon_content { position: relative; width: 100%; margin-top: 60px; padding-bottom: 20px; } .hon_ul { position: relative; width: 102%; } .hon_img { padding: 10px; border: 1px solid #ccc; } .hon_img img { width: 100%; } .pagination { text-align: center; padding: 20px 0; } .pagination a, .pagination span { padding: 5px 10px; margin: 0px 8px; border-radius: 4px; } .pagination a:hover, .pagination a.page_current, .pagination a.cur { background: #e2271f; color: #fff; } .cer_ul { position: relative; width: 103%; } a.cer_li { float: left; margin-right: 3%; margin-bottom: 60px; background: #fff; width: 26.3%; padding: 2%; box-shadow: 0px 0px 5px 1px #ccc; } .cer_img img { width: 100%; } .cer_ti { border-top: 1px solid #ccc; padding-top: 15px; text-align: center; margin-top: 20px; font-size: 15px; } a.bus_li { position: relative; float: left; width: 49.5%; margin-right: 0.5%; margin-bottom: 0.5%; } .bus_ul { position: relative; width: 100.5%; padding: 20px 0; } .bus_bl { position: absolute; bottom: 8%; left: 8%; width: 84%; color: #fff; width: 50%; } .bus_ti { font-size: 26px; padding-bottom: 15px; letter-spacing: 2px; } .bus_te { line-height: 1.8; } .bus_img img { width: 100%; } .list_content { position: relative; width: 100%; padding: 20px 0; } .list_ul { position: relative; width: 102%; } a.list_aBl { width: 31.3%; float: left; margin-right: 2%; margin-bottom: 40px; } .list_img img { width: 100%; } .list_tiBl { padding: 15px 0 12px 0; border-bottom: 1px solid #ccc; font-size: 16px; position: relative; } .list_more { position: absolute; right: 0px; top: 16px; color: #e2271f; font-size: 14px; } .list_te { padding-top: 10px; } .list_te p { line-height: 1.8em; position: relative; height: 50px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .cul_content { position: relative; width: 100%; padding: 20px 0; } .cul_img img { width: 100%; } .cul_imgBl { position: relative; width: 100%; } .cul_teBl { position: absolute; right: 10%; top: 50%; z-index: 90; width: 40%; color: #fff; margin-top: -70px; } .cul_ul { position: relative; width: 101%; margin-top: 60px; } .cul_teBl p { text-align: justify; } .cul_li { position: relative; width: 11.66%; float: left; margin-right: 1%; background: #fff; padding: 2%; border-radius: 8px; box-shadow: 0px 0px 4px 0px #ccc; text-align: center; } .cul_num { position: absolute; left: 6%; top: 6%; color: #f7f7f7; font-size: 70px; } .cul_ti { font-size: 20px; color: #e2271f; z-index: 90; position: relative; padding-bottom: 10px; padding-top: 20px; } .cul_te { position: relative; line-height: 1.8em; height: 60px; } .cul_col { position: absolute; bottom: 0px; left: 0px; width: 100%; height: 410px; background: #f3e8df linear-gradient(to bottom, #f3e8df, #fffefc); } .buIn_content { position: relative; width: 100%; } .buIn_block { position: relative; width: 100%; background: #f2f2f2; margin-top: 60px; } .buIn_imgBl { position: relative; width: 50%; float: left; max-height: 394px; overflow: hidden; } .buIn_teBl { position: relative; width: 38%; float: right; padding: 4%; padding-bottom: 20px; padding-right: 6%; } .buIn_tTi { font-size: 26px; margin-bottom: 20px; color: #333; } .buIn_tTe { position: relative; margin-bottom: 30px; } .buIn_phone { font-size: 30px; color: #b2976a; padding-left: 50px; background: url(/images/c5_2.png) no-repeat left; } .buIn_teTi { font-size: 18px; color: #b2976a; margin-bottom: 10px; } .buIn_te { position: relative; width: 92%; text-align: justify; margin-top: 60px; padding-bottom: 50px; border-bottom: 1px solid #ddd; margin-bottom: 60px; } .buIn_uTi { font-size: 18px; color: #b2976a; margin-bottom: 30px; } .buIn_ul { position: relative; width: 9999px; } a.buIn_li { position: relative; width: 445px; float: left; margin-right: 20px; text-align: center; overflow: hidden; } .buIn_ti { padding: 15px 0; font-size: 16px; } .buIn_ulBlock { position: relative; width: 100%; padding-bottom: 30px; } .buIn_showBl { position: relative; width: 100%; } .buIn_buBl { position: absolute; bottom: 0px; right: 0px; z-index: 90; } .buIn_showBl .swiper-scrollbar { width: 100%; height: 4px; position: absolute; left: 0; bottom: 5px; z-index: 20; } .buIn_showBl .swiper-container { padding-bottom: 60px; } .buIn_showBl .swiper-scrollbar-drag { background: #e2271f; } .fea_content { position: relative; width: 100%; padding: 20px 0; } .fea_ul { position: relative; width: 102.5%; } .fea_li { position: relative; width: 31%; float: left; margin-right: 2%; margin-bottom: 40px; text-align: center; border: 1px solid #ddd; background: #fff; padding-bottom: 45px; overflow: hidden; } .fea_ti { padding: 12px 4%; font-size: 14px; position: absolute; bottom: 12px; left: 0px; width: 92%; background: #fff; line-height: 1.6em; text-align: left; height: 21px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; padding-bottom: 0px; overflow: hidden; } .fea_hide { position: relative; width: 0px; height: 0px; overflow: hidden; } .vid_block { position: relative; width: 100%; margin-top: 60px; margin-bottom: 40px; overflow: hidden; } .vid_img img { width: 100%; } .vid_img:after { content: ""; display: block; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 90; background: url(/images/c6_2.png); } .vid_play { position: absolute; top: 50%; left: 50%; margin-left: -36px; margin-top: -36px; z-index: 90; cursor: pointer; } .vidBl_content { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 9999999; display: none; } .vidBl_bg { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: url(/images/a5_8.png); } .videoBl_conBlock { position: absolute; left: 10%; top: 0%; width: 80%; height: 80%; z-index: 20; } .videoBl_conBlock video { position: relative; } .videoBl_clear { position: absolute; right: 10%; margin-right: -64px; top: 10%; cursor: pointer; width: 40px; } .par_bg { background: url(../images/c6_6.jpg) no-repeat center bottom; background-size: cover; } .par_teBl { position: relative; width: 70%; margin: 40px auto; padding: 60px 8% 50px 8%; background: #fff; background: rgba(255,255,255,0.8); margin-top: 80px; } .par_teBl p { margin-bottom: 10px; } .ne_content { position: relative; width: 100%; padding-top: 20px; padding-bottom: 40px; } .ne_block { position: relative; width: 100%; } .ne_swiper { position: relative; width: 46%; float: left; height: 394px; } .ne_ul { position: relative; width: 50%; float: right; border-top: 1px solid #ddd; } a.ne_aBl { padding: 24px 0; display: block; border-bottom: 1px solid #ddd; position: relative; } .ne_ti { position: relative; width: 80%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 18px; margin-bottom: 8px; color: #333; } .ne_da { position: absolute; bottom: 12px; right: 0px; font-size: 12px; } .ne_te { line-height: 1.8em; height: 50px; position: relative; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; padding-right: 120px; } .ne_img img { width: 100%; } .ne_img { position: relative; width: 100%; height: 100%; background-size: cover; } .ne_tTi { font-size: 22px; color: #e2271f; } .ne_conBlock { position: relative; width: 100%; margin-top: 60px; } .ne_ulBl { position: relative; width: 100%; margin-top: 30px; } a.ne_liBl { display: block; position: relative; background: #f4f4f4; margin-bottom: 15px; padding: 25px 2%; padding-left: 165px; padding-right: 160px; } .ne_date { position: absolute; left: 2%; top: 20px; width: 110px; background: #fff; color: #e2271f; text-align: center; padding: 10px 0; } .ne_ico { position: absolute; right: 5%; top: 45px; width: 46px; height: 46px; text-align: center; line-height: 46px; background: #ebebeb; border-radius: 200px; font-size: 30px; font-weight: 100; } .ne_year { font-size: 18px; } .ne_day { font-size: 40px; } .ne_teTi { font-size: 18px; color: #333; margin-bottom: 15px; white-space: nowrap; position: relative; width: 100%; overflow: hidden; text-overflow: ellipsis; } .ne_teTe { line-height: 1.8em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; position: relative; height: 48px; } a.ne_more { display: block; position: relative; width: 100%; margin-top: 30px; background: #f4f4f4; padding: 15px 0; } a.ne_aBl:hover .ne_ti, a.ne_aBl:hover .ne_da { color: #e2271f; } a.ne_liBl:hover .ne_date, a.ne_liBl:hover .ne_ico { background: #e2271f; color: #fff; } @media screen and (min-width: 1500px) { .nav_aBlock { padding: 0px 20px; } .header_aBlock { padding: 30px 20px; } } .neIn_ti { text-align: center; font-size: 26px; color: #333; margin-bottom: 40px; } .neIn_block { position: relative; width: 100%; margin-bottom: 40px; color: #999; border-bottom: 1px solid #ccc; padding-bottom: 20px; } .neIn_block span { margin-right: 30px; } a.neIn_a { position: absolute; right: 0px; top: 0px; background: url(../images/c7_1.png) no-repeat right; padding-right: 26px; color: #999; } .neIn_teBl { position: relative; width: 100%; padding-bottom: 30px; border-bottom: 1px solid #ccc; margin-bottom: 20px; } .neIn_teBl p { margin-bottom: 20px; } .neIn_buBl { position: relative; width: 100%; padding-bottom: 30px; } a.neIn_le { float: left; width: 46%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } a.neIn_ri { float: right; width: 46%; text-align: right; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } a.neIn_a:hover { color: #b81c27; } .cli_ul { position: relative; width: 98%; margin: auto; margin-top: 80px; margin-bottom: 50px; } .cli_li { position: relative; float: left; background: #fff; padding: 1%; width: 14.66%; box-shadow: 0px 0px 0px 1px #ddd; } .cli_li:after { content: ""; display: block; position: absolute; right: -16px; width: 10px; height: 10px; background: #ddd; border-radius: 200px; border: 10px solid #fff; top: -16px; z-index: 90; } .cli_li:before { content: ""; display: block; position: absolute; right: -16px; width: 10px; height: 10px; background: #ddd; border-radius: 200px; border: 10px solid #fff; bottom: -16px; z-index: 90; } .cli_ul:after { /* content: ""; */ display: block; position: absolute; left: -16px; width: 10px; height: 10px; background: #ddd; border-radius: 200px; border: 10px solid #fff; bottom: -16px; z-index: 90; } .cli_ul:before { /* content: ""; */ display: block; position: absolute; left: -16px; width: 10px; height: 10px; background: #ddd; border-radius: 200px; border: 10px solid #fff; top: -16px; z-index: 90; } .cli_bg { position: absolute; left: 0px; top: 0px; height: 100%; width: 0px; } .cli_bg:hover { } .cli_bg:after { content: ""; display: block; position: absolute; left: -16px; width: 10px; height: 10px; background: #ddd; border-radius: 200px; border: 10px solid #fff; top: -16px; z-index: 90; } .cli_bg:before { content: ""; display: block; position: absolute; right: -16px; width: 10px; height: 10px; background: #ddd; border-radius: 200px; border: 10px solid #fff; bottom: -16px; z-index: 90; } .cu_content { position: relative; display: block; margin: auto; margin-top: 60px; background: #fff; box-shadow: 0px 0px 6px 0px #ccc; overflow: hidden; padding-left: 290px; height: 540px; } .cu_block { position: absolute; left: 0px; top: 0; width: 220px; height: 100%; background: #fff; padding: 0% 35px; } .cu_li { position: relative; width: 100%; border-bottom: 1px solid #ddd; padding: 20px 0; cursor: pointer; font-size: 15px; } .cu_ul { position: relative; top: 55px; border-top: 1px solid #ddd; } .cu_ulBl { position: relative; width: 100%; height: 100%; overflow: hidden; } .cu_liBl img { width: 100%; } .cu_liBl { position: absolute; width: 1125px; height: 610px; top: 50%; left: 50%; margin-left: -562px; margin-top: -305px; } .cu_li.cur, .cu_li:hover { background: #b81c27; color: #fff; right: 0px; padding-left: 35px; } .rec_content { position: relative; width: 100%; margin-top: 60px; margin-bottom: 40px; } .rec_table { position: relative; width: 100%; } .rec_th { position: relative; width: 100%; background: #e2271f; color: #fff; font-size: 16px; } .rec_td { position: relative; width: 50%; float: left; text-align: center; padding: 20px 0; } .rec_tr { position: relative; width: 100%; background: #fffafa; margin-bottom: 15px; cursor: pointer; } img.rec_ico { display: inline-block; width: 26px; margin-right: 30px; position: relative; top: -4px; margin-bottom: -8px; } img.rec_icoB { position: absolute; right: 10%; top: 16px; } .rec_tr .rec_td:nth-child(1) { padding-left: 5%; width: 45%; text-align: left; } .rec_teBl { position: relative; width: 90%; margin: auto; padding: 20px 5% 30px 5%; border-top: 1px solid #f5f5f5; display: none; } .rec_teBl h2 { font-size: 18px; color: #333; padding-bottom: 10px; } .rec_teBl p { margin-bottom: 20px; } a.rec_aBl { position: relative; width: 100px; margin: 20px auto; background: #e2271f url(../images/c8_3.png) no-repeat 92px 8px; background-size: 24px; display: block; text-align: center; color: #fff; padding: 10px 0; border-radius: 6px; padding-right: 30px; margin-top: 40px; } .fee_content { position: relative; width: 100%; margin-top: 60px; padding-bottom: 20px; } .fee_img img { width: 100%; } .fee_ul { position: relative; width: 105%; margin-top: 30px; } .fee_li { position: relative; width: 46%; float: left; border: 1px solid #ccc; margin-right: 3%; margin-bottom: 20px; } .fee_ti { position: absolute; left: 20px; top: 11px; } .fee_bl { position: relative; padding-left: 95px; } input.fee_input { position: relative; width: 92%; padding: 13px 0; border: 0px; outline: none; color: #666; } textarea.fee_textarea { position: relative; width: 96.4%; padding: 1.8%; height: 120px; border: 1px solid #ccc; font-family: "Microsoft YaHei"; outline: none; line-height: 1.6em; color: #666; font-size: 14px; } .fee_submit { position: relative; width: 120px; background: #e2271f; text-align: center; padding: 10px 0; color: #fff; margin-top: 20px; cursor: pointer; } a.header_bu:hover { background: #da251c; color: #fff; } .head_inputBl { position: absolute; top: 70px; right: -20px; padding: 20px; padding-top: 0px; display: none; } .head_inputBl input[type="text"] { height: 40px; line-height: 40px; border: 0px; outline: none; padding-left: 15px; color: #fff; background: url(../images/b_5.png); } .header_seek:hover .head_inputBl { display: block; } @keyframes leftAm { 0% { transform: translate(20px,0); opacity: 0; } 100% { transform: translate(0px,0); opacity: 1; } } .head_inputBl { animation: leftAm 0.3s ease-in-out backwards; } .blT_block:hover { box-shadow: -6px 6px 0px 0px #ccc; margin-right: -6px; margin-top: -6px; border-left: 6px solid #ddd; border-bottom: 6px solid #ddd; border: 1px solid #eee; } .header_seek:after { content: ""; display: block; width: 36px; height: 36px; position: absolute; top: 11px; left: 10px; border: 1px dashed #da251c; border-radius: 100px; display: none; } .header_seek:hover:after { display: block; } @keyframes rotateAm { 0% { transform: rotate(0); } 100% { transform: rotate(360deg); } } .header_seek:after { animation: rotateAm 4s linear infinite; } .header_seek:hover { background: url(../images/c1_11.png) no-repeat 20px 20px; } .bl_img { position: relative; width: 100%; overflow: hidden; min-width: 720px; } .bl_img img { width: 100%; } .cou_block:hover { background-position: 2px 160px; margin-top: 0px; height: 280px; } .bus_li:hover { box-shadow: 0px 0px 0px 10px #ddd; } .vid_img { position: relative; width: 100%; overflow: hidden; } .vid_play:hover { transform: rotate(120deg); } .ne_swiper .swiper-container, .ne_swiper .swiper-slide { width: 100%; height: 100%; } .pa03 { position: absolute; bottom: 20px; left: 20%; width: 60%; z-index: 90; text-align: center; } .pa03 span.swiper-pagination-switch { width: 10px; height: 10px; border: 1px solid #fff; border-radius: 200px; display: inline-block; margin: 0px 8px; cursor: pointer; } .pa03 span.swiper-active-switch { background: #fff; } .abo_wi:after { animation: rotateAm 4s linear infinite; } a.ne_aBl:hover { box-shadow: 0 0 0 8px #ddd; padding: 18px 0 30px 0; } a.ne_aBl:hover .ne_da { right: 20px; } .ne_ti, .ne_te { left: 0px; } a.ne_aBl:hover .ne_ti, a.ne_aBl:hover .ne_te { left: 20px; } .neIn_buBl a:hover { color: #b81c27; } @keyframes scaAm { 0% { transform: scale(1); } 50% { transform: scale(1.1); } 100% { transform: scale(1); } } .abo_ico img { animation: scaAm 10s linear infinite; } .cou_block:hover .cou_text { -webkit-line-clamp: initial; height: 215px; overflow: scroll; padding-right: 1px; } .cou_block:hover .cou_text::-webkit-scrollbar-track-piece, .cou_block:hover .cou_text::-webkit-scrollbar, .cou_block:hover .cou_text::-webkit-scrollbar-thumb { width: 4px; } .cou_block:hover .cou_ico { bottom: -30px; } .cou_paBl { position: relative; width: 100%; padding-top: 50px; height: 300px; } .list_InBl { position: relative; width: 100%; } a.list_aBl:hover .list_InBl { transform: scale(0.95); } .buIn_img { position: relative; width: 100%; overflow: hidden; display: block; } .buIn_liIn { position: relative; width: 100%; border: 1px solid #ddd; } .ne_swiper .swiper-slide { overflow: hidden; } .co_mapLi img { max-width: none; width: auto; } label.BMapLabel { font-size: 20px !important; padding: 5px 20px !important; left: -51px !important; top: -60px !important; border: none !important; border-radius: 500px; min-width: 80px; text-align: center; overflow: hidden; } .max_ul { width: 400px; position: relative; padding: 0px 15px; } .max_li { color: #666; padding: 3px 0; line-height: 1.6em; padding-left: 35px; font-size: 15px; } .max_li.li1 { background: url(../images/m_1.png) no-repeat 0px 6px; background-size: 22px; } .max_li.li2 { background: url(../images/m_2.png) no-repeat 0px 6px; background-size: 22px; } .max_li.li3 { background: url(../images/m_3.png) no-repeat 0px 6px; background-size: 22px; } .max_li.li4 { background: url(../images/m_4.png) no-repeat 0px 6px; background-size: 22px; } .max_li.li5 { background: url(../images/m_5.png) no-repeat 0px 6px; background-size: 22px; } .max_li.li6 { background: url(../images/m_6.png) no-repeat 0px 6px; background-size: 22px; } .fee_ti { left: 10px; } .fee_bl { padding-left: 80px; } a.ind2_liBl.li2 { margin-left: 33%; } a.news_video.vid_button { position: absolute; left: 0px; height: 100%; z-index: 90; } .bgImg { position: relative; width: 100%; height: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; } .ind2_content { position: relative; padding-left: 1px; } .ind3_InnBlock { position: relative; width: 84%; margin: auto; min-width: 1180px; padding: 20px 0; } .ind3_content { position: relative; width: 100%; background: #eff1f4; margin-bottom: 20px; } .ind3_ul { position: absolute; width: 16%; float: left; left: 0px; top: 0px; } .ind3_li { padding: 22px 0; margin-bottom: 1px; background: #656871; color: #fff; text-align: center; text-transform: uppercase; font-size: 13px; cursor: pointer; } .ind3_ti { font-size: 16px; margin-bottom: 2px; } .ind3_ulBl { position: relative; width: 84%; float: right; height: 420px; overflow: hidden; } .ind3_liBl { position: relative; width: 100%; height: 420px; overflow: hidden; } .ind3_aBl { display: block; position: relative; width: 30%; float: left; padding: 20px 1.5%; background: #dadee3; padding-bottom: 20px; height: 380px; } .ind3_liTi { font-size: 16px; margin-top: 12px; margin-bottom: 12px; white-space: nowrap; position: relative; width: 100%; overflow: hidden; text-overflow: ellipsis; color: #333; } .ind3_te { line-height: 1.6em; position: relative; height: 44px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .ind3_date { margin-top: 10px; font-size: 13px; } .ind3_aUl { position: relative; width: 61%; float: right; padding: 18px 0; padding-right: 3%; } a.ind3_aLi { display: block; position: relative; width: 100%; padding: 9px 0px; margin-top: 2px; } .ind3_ico { float: left; width: 5%; } .ind3_aTi { float: left; width: 68%; position: relative; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .ind3_aDa { float: right; } .ind4_block { position: relative; width: 100%; display: block; } .ind4_img img { width: 100%; } .ind4_col { position: absolute; bottom: 0px; left: 0px; width: 100%; height: 100%; background: rgba(0,0,0,0.3); z-index: 60; } .ind4_block:hover .ind4_col { height: 0px; } .ind4_ti { position: absolute; top: 50%; left: 10%; width: 80%; color: #fff; z-index: 90; font-size: 16px; text-align: center; letter-spacing: 1px; margin-top: -12px; } a.ar-left2 { position: absolute; top: 50%; left: 0px; width: 41px; height: 76px; background: url(/images/4.png); z-index: 90; margin-top: -38px; cursor: pointer; } .ind4_content { position: relative; width: 100%; max-height: 242px; } a.ar-right2 { position: absolute; top: 50%; right: 0px; width: 41px; height: 76px; background: url(/images/3.png); z-index: 90; margin-top: -38px; cursor: pointer; } .ind3_li.cur { background: #c52620; } .ind3_parent { position: relative; width: 100%; } .ind3_parent { transition: all 0.6s ease-in-out; } a.ind3_aLi:hover { color: #c52620; } .ind3_img { position: relative; width: 100%; height: 174px; background-size: cover; background-position: center; } a.ind3_aLi:hover:after { content: ""; display: block; position: absolute; top: 0px; left: -3%; width: 106%; height: 100%; border: 1px solid #c52620; } .ind4_img { position: relative; width: 100%; overflow: hidden; } .hon2_ul { position: relative; width: 100%; margin-bottom: 90px; text-align: center; } a.hon2_li { padding: 12px 35px; background: #eee; margin: 0px 30px; font-size: 16px; border: 1px solid #ddd; } a.hon2_li:hover, a.hon2_li.active { background: #e52929; color: #fff; } .list_tiB { position: relative; width: 78%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .img_show .hon_img:after, .img_show .fancybox-inner:after, .img_show .cer_img:after { content: ""; display: block; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 90; background: url(/images/6.png) no-repeat center; background-size: 96%; } .hon_img, .fancybox-inner, .cer_img { position: relative; } .fea_li:hover .fea_ti { bottom: 0px; padding-bottom: 12px; height: auto; -webkit-line-clamp: 10; -webkit-box-orient: vertical; } .ind3_en { font-size: 12px; } a.ind3_more { position: absolute; bottom: 8%; left: 5%; width: 89%; border: 1px solid #ccc; text-align: center; padding: 10px 0; font-size: 13px; } .ind3_more:hover { border: 1px solid #c52620; color: #c52620; } .ind33_block { position: relative; width: 100%; height: 100%; overflow: hidden; } .ind33_bg { position: relative; width: 100%; height: 100%; background-position: top center; background-repeat: no-repeat; background-size: cover; } .ind33_teBl { position: absolute; left: 10%; top: 15%; color: #8d7d58; z-index: 90; } .ind33_ti { font-size: 32px; letter-spacing: 3px; } .ind33_en { font-size: 28px; text-transform: uppercase; margin: 10px 0; opacity: 0.8; font-weight: 100; } .ind33_wi { position: relative; width: 36px; border-bottom: 3px solid #8d7d58; margin: 30px 0; } a.ind33_more { margin-top: 110px; display: block; width: 160px; background: #c52620; text-align: center; color: #fff; padding: 10px 0; border-radius: 6px; } .ind31_block { position: relative; width: 100%; height: 420px; } a.ind31_li { display: block; position: relative; width: 100%; height: 420px; } .ind31_img { position: relative; width: 100%; height: 100%; overflow: hidden; } .ind31_img:after { content: ""; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.3); } .ind31_ti { position: absolute; top: 46%; left: 15%; width: 70%; text-align: center; color: #fff; z-index: 90; font-size: 16px; } a.ind31_li:hover .ind31_img:after { bottom: -100%; } a.ind31_li:hover .ind31_ti { top: 82%; }