锘緻font-face{ font-family: "BEBAS"; src: url('../font/BEBAS.ttf'),url('../font/BEBAS.eot'); font-weight: normal; font-style: normal; } /** 娓呴櫎鍐呭杈硅窛 **/ body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 缁撴瀯鍏冪礌 */ dl, dt, dd, ul, ol, li, /* list elements 鍒楄〃鍏冪礌 */ pre, /* text formatting elements 鏂囨湰鏍煎紡鍏冪礌 */ form, fieldset, legend, button, input, textarea, /* form elements 琛ㄥ崟鍏冪礌 */ th, td /* table elements 琛ㄦ牸鍏冪礌 */ { margin: 0; padding: 0; } /** 璁剧疆榛樿瀛椾綋 **/ body,button, input, select, textarea /* for ie */ { font: 14px/1.0 "Arial","PingFangSC-Regular","Source Han Sans CN","Microsoft YaHei","榛戜綋","瀹嬩綋","KaiTi",sans-serif; } h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal;} address, cite, dfn, em, var, i { font-style: normal; } /* 灏嗘枩浣撴壎姝 */ code, kbd, pre, samp { font-family: courier new, courier, monospace; } /* 缁熶竴绛夊瀛椾綋 */ small { font-size: 12px; } /* 灏忎簬 12px 鐨勪腑鏂囧緢闅鹃槄璇? 璁 small 姝e父鍖 */ /** 閲嶇疆鍒楄〃鍏冪礌 **/ ul, ol { list-style: none; } /** 閲嶇疆鏂囨湰鏍煎紡鍏冪礌 **/ a { color: #333; text-decoration: none; -webkit-tap-highlight-color: rgba(0,0,0,0);} a:hover { text-decoration: none; cursor: pointer; } sup { vertical-align: text-top; } /* 閲嶇疆, 鍑忓皯瀵硅楂樼殑褰卞搷 */ sub { vertical-align: text-bottom; } /** 閲嶇疆琛ㄥ崟鍏冪礌 **/ legend { color: #000; } /* for ie6 */ fieldset, img { border: 0; } /* img 鎼溅锛氳閾炬帴閲岀殑 img 鏃犺竟妗 */ button, input, select, textarea { font-size: 100%; outline: none;} /* 浣垮緱琛ㄥ崟鍏冪礌鍦 ie 涓嬭兘缁ф壙瀛椾綋澶у皬 */ button, input[type="button"] { cursor: pointer;-webkit-appearance: none;} input::-ms-clear{display:none;}/*闅愯棌鏂囨湰妗嗗弶瀛?/ input::-ms-reveal{display:none;}/*闅愯棌瀵嗙爜妗嗗皬鐪肩潧*/ /* 娉細optgroup 鏃犳硶鎵舵 */ /** 閲嶇疆琛ㄦ牸鍏冪礌 **/ table { border-collapse: collapse; border-spacing: 0; } /* 閲嶇疆 HTML5 鍏冪礌 */ article, aside, details, figcaption, figure, footer,header, hgroup, menu, nav, section, summary, time, mark, audio, video { display: block; margin: 0; padding: 0; } img{ vertical-align: top; image-rendering: -webkit-optimize-contrast; image-rendering: crisp-edges; } html{ font-size: 100px; /* 绂佹澶嶅埗 */ /* -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; -khtml-user-select: none; user-select: none; */ } body{ color: #333; overflow-x: hidden; background-color: #fff; } .clear_both::after{ content: "."; display: block; height: 0; visibility: hidden; clear: both; } .w1500{ max-width: 1500px; width: 78%; display: block; margin: 0 auto; box-sizing: border-box; } .head_box{ position: fixed; top: 0; left: 0; z-index: 9; width: 100%; font-size: 0; box-sizing: border-box; padding-right: 0.9rem; height: 0.9rem; box-sizing: border-box; border-bottom: 1px solid rgba(255,255,255,0.2); transition: all 0.5s ease; } .head_box .logo_a{ display: inline-block; vertical-align: top; width: 3.0rem; height: 0.9rem; background-color: #fff; text-align: center; line-height: 0.9rem; } .head_box .logo_a img{ width: 1.4rem; vertical-align: middle; } .head_box .search_form{ display: inline-block; vertical-align: top; width: 0.9rem; height: 0.9rem; background-color: #c62424; position: relative; background-image: url(../img/tb1.png); background-repeat: no-repeat; background-size: 0.32rem; background-position: center; cursor: pointer; transition: all 0.5s ease; } .head_box .nav_ul{ float: right; } .head_box .nav_ul li{ display: inline-block; vertical-align: top; margin-right: 0.6rem; } .head_box .nav_ul li a{ display: block; font-size: 0.18rem; color: #fff; height: 0.9rem; line-height: 0.9rem; transition: all 0.5s ease; } .head_box .nav_ul li.active a{ color: #bc2626; } .head_box .nav_ul .ts_li{ } .head_box .nav_ul .ts_li p{ margin-top: 0.3rem; height: 0.3rem; overflow: hidden; padding-right: 0.2rem; position: relative; transition: all 0.5s ease; } .head_box .nav_ul .ts_li p::after{ content: ""; position: absolute; top: 0.1rem; right: 0; width: 0.14rem; height: 0.08rem; background-image: url(../img/tb2.png); background-size: 100% 100%; transition: all 0.5s ease; } .head_box .nav_ul .ts_li p a{ height: 0.3rem; line-height: 0.3rem; } .head_box .nav2_ul li a{ color: #333; } .headb_box{ background-color: #fff; box-shadow: 0 0 0.1rem rgba(0,0,0,0.2); } .headb_box .nav_ul li a{ color: #333; } .menu_dl{ position: fixed; z-index: 12; top: 0; right: 0; width: 0.9rem; height: 0.9rem; background-color: #0a88c1; display: flex; align-items: center; justify-content: center; transition: all 0.5s ease; } .menu_dl dt{ width: 28px; } .menu_dl dt i{ display: block; width: 100%; height: 2px; background-color: #fff; border: 2px; margin: 6px 0; transition: all 0.5s ease; } .menu_dl dt i:nth-of-type(2){ width: 18px; } .active_dl{ background-color: #fff; } .active_dl dt i:nth-of-type(1){ background-color: #333; transform: rotate(45deg) translate(5.5px, 6px); } .active_dl dt i:nth-of-type(2){ background-color: #333; opacity: 0; } .active_dl dt i:nth-of-type(3){ background-color: #333; transform: rotate(-45deg) translate(5.5px, -6px); } .search_box{ position: fixed; z-index: 10; width: 100%; top: 0; left: 0; box-sizing: border-box; background-color: #fff; padding: 1.6rem 3.0rem 0.4rem; display: none; } .search_box form{ width: 100%; display: flex; align-items: center; padding-bottom: 0.2rem; border-bottom: 1px solid #dedede; } .search_box form button{ width: 0.9rem; height: 0.4rem; background: none; border: none; background-image: url(../img/tb37.png); background-position: center; background-size: 0.32rem; box-sizing: border-box; background-repeat: no-repeat; border-right: 1px solid #ccc; } .search_box form input{ flex: 1; border: none; height: 0.4rem; box-sizing: border-box; padding: 0 0.4rem; font-size: 0.16rem; } .search_box form i{ width: 0.3rem; font-size: 0.3rem; cursor: pointer; } .search_box dl{ padding-left: 1.3rem; font-size: 0.16rem; } .search_box dl dt{ margin: 0.24rem 0 0.6rem; } .search_box dl dt a{ display: block; color: #666; line-height: 1.6; margin-bottom: 0.1rem; } .search_box dl dt a:last-of-type{ margin-bottom: 0; } .search_box dl dd{ } .search_box dl dd span{ } .search_box dl dd i{ float: right; color: #c62424; cursor: pointer; } .nav_box{ position: fixed; top: 0; left: 0; z-index: 11; width: 100%; height: 100vh; background-color: #fff; font-size: 0; display: none; } .nav_box .divl{ display: inline-block; vertical-align: top; width: 50%; height: 100vh; box-sizing: border-box; position: relative; } .nav_box .divl::before{ content: ""; position: absolute; width: 100%; height: calc(18% + 0.46rem); background-image: url(../img/tp44.png); background-size: cover; background-repeat: no-repeat; opacity: 0.4; } .nav_box .divl .img{ position: absolute; top: 6%; left: 6vw; width: 2.3rem; } .nav_box .divl .dl{ position: absolute; top: 32%; left: 6vw; width: calc(100% - 12vw); } .nav_box .divl .dl h6{ font-size: 0.2rem; margin-bottom: 0.28rem; margin-bottom: 0.3rem; } .nav_box .divl .dl dt{ margin-bottom: 10%; } .nav_box .divl .dl dt p{ font-size: 0.16rem; line-height: 1.6; margin-bottom: 0.16rem; padding-left: 0.4rem; background-image: url(../img/tb6.jpg); background-size: 0.15rem; background-repeat: no-repeat; background-position: left center; } .nav_box .divl .dl dt p:nth-of-type(2){ background-image: url(../img/tb61.png); } .nav_box .divl .dl dt p:nth-of-type(3){ background-image: url(../img/tb7.jpg); } .nav_box .divl .dl dt p:nth-of-type(4){ background-image: url(../img/tb8.jpg); } .nav_box .divl .dl dt p:nth-of-type(5){ background-image: url(../img/tb9.jpg); } .nav_box .divl .dl dt p span{ color: #666; display: inline-block; vertical-align: top; width: 0.8rem; display: none; } .nav_box .divl .dl dd{ width: 1.4rem; text-align: center; } .nav_box .divl .dl dd img{ width: 100%; } .nav_box .divl .dl dd small{ display: block; font-size: 0.14rem; color: #999; margin-top: 0.14rem; } .nav_box .divl .h6{ position: absolute; bottom: 6%; left: 6vw; display: flex; align-items: center; } .nav_box .divl .h6 a{ font-size: 0.14rem; color: #666; transition: all 0.5s ease; } .nav_box .divl .h6 i{ flex-shrink: 0; width: 1px; height: 0.16rem; background-color: #666; margin: 0 0.2rem; } /* .nav_box .divl .h6 a:last-of-type{ margin-left: 0.6rem; } */ .nav_box .divr{ display: inline-block; vertical-align: top; width: 50%; height: 100vh; background-color: #0a88c1; position: relative; color: #fff; } .nav_box .divr .div{ position: absolute; left: 6vw; top: 18%; width: calc(100% - 12vw); display: flex; align-items: center; justify-content: space-between; } .nav_box .divr .div h5{ height: 0.28rem; } .nav_box .divr .div h5 small{ font-size: 0.14rem; } .nav_box .divr .div h6{ width: 2.8rem; height: 0.46rem; background-color: #fff; position: relative; z-index: 3; } .nav_box .divr .div h6::after{ content: ""; position: absolute; right: 0.2rem; top: 50%; margin-top: -3px; width: 11px; height: 7px; background-image: url(../img/tb48.png); background-size: 100% 100%; transition: all 0.5s ease; } .nav_box .divr .div .avtive::after{ transform: rotate(-90deg); } .nav_box .divr .div h6 span{ display: block; width: 100%; height: 100%; box-sizing: border-box; padding: 0 0.2rem; line-height: 0.46rem; font-size: 0.14rem; color: #333; } .nav_box .divr .div h6 p{ position: absolute; width: 100%; padding: 0.1rem 0; top: 100%; left: 0; background-color: #f7f7f7; display: none; } .nav_box .divr .div h6 p a{ display: block; font-size: 0.14rem; line-height: 2.2; padding: 0 0.2rem; transition: all 0.5s ease; } .nav_box .divr .ul{ position: absolute; left: 6vw; top: 32%; width: calc(100% - 12vw); display: flex; justify-content: space-between; } .nav_box .divr .ul li{ } .nav_box .divr .ul li a{ display: block; font-size: 0.2rem; color: #fff; } .nav_box .divr .ul li a small{ font-size: 0.24rem; float: right; display: none; transition: all 0.5s ease; } .nav_box .divr .ul .active_li a small{ transform: rotate(45deg); } .nav_box .divr .ul li p{ margin-top: 0.3rem; } .nav_box .divr .ul li p a{ font-size: 0.14rem; opacity: 0.5; line-height: 1.6; margin-bottom: 0.1rem; transition: all 0.5s ease; } .nav_box .divr .h6{ position: absolute; width: calc(100% - 12vw); bottom: 6%; left: 6vw; text-align: right; font-size: 0.14rem; } .nav_box .divr .h6 a{ display: inline-block; vertical-align: top; color: #fff; height: 0.22rem; line-height: 0.22rem; padding-left: 0.3rem; background-image: url(../img/tb4.png); background-repeat: no-repeat; background-size: 0.2rem; } .nav_box .divr .h6 a span{ opacity: 0.5; } .nav_box .divr .h6 p{ display: block; opacity: 0.5; line-height: 1.6; margin-top: 0.12rem; } .banner_box{ position: fixed; width: 100%; height: 33vw; top: 0; left: 0; } .banner_box em{ display: block; width: 100%; height: 100%; background-size: cover; background-position: center; } .banner_box h3{ position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 100%; text-align: center; color: #fff; } .banner_box h3 strong{ display: block; font-weight: normal; font-size: 0.5rem; } .banner_box h3 span{ display: block; font-size: 0.2rem; text-transform: uppercase; margin-top: 0.16rem; } .banner_box i{ position: absolute; width: 0.35rem; height: 0.35rem; border: 1px solid #fff; border-radius: 50%; left: 50%; bottom: 0.2rem; margin-left: -0.17rem; overflow: hidden; } .banner_box i::after{ content: ""; position: absolute; top: 0; left: 50%; margin-left: -0.09rem; width: 0.18rem; height: 0.11rem; background-image: url(../img/tb2.png); background-size: 100% 100%; animation: dh3 2s infinite; } @keyframes dh3 { 0% { opacity: 0; top: 0; } 60% { opacity: 1; top: 0.14rem; } 100% { opacity: 0; top: 0.26rem; } } .foot_box{ position: relative; z-index: 3; background-color: #0a88c1; padding: 0.46rem 0; } .foot_box .w1500{ display: flex; align-items: center; justify-content: space-between; } .foot_box .logo_a{ flex-shrink: 0; width: 1.6rem; } .foot_box .logo_a img{ width: 100%; } .foot_box .div{ } .foot_box .div h6{ font-size: 0; text-align: right; margin-bottom: 0.2rem; } .foot_box .div h6 a{ font-size: 0.18rem; line-height: 1.6; color: #fff; margin-right: 0.7rem; } .foot_box .div h6 a:last-of-type{ margin-right: 0; } .foot_box .div dl{ display: flex; align-items: center; margin-top: 0.2rem; } .foot_box .div dt{ margin-right: 0.3rem; } .foot_box .div dt p{ margin-top: 0.1rem; text-align: right; font-size: 0; } .foot_box .div dt p span{ display: block; color: #fff; font-size: 0.14rem; opacity: 0.5; } .foot_box .div dt p i{ cursor: pointer; } .foot_box .div dt p span a{ line-height: 1; color: #fff; opacity: 1; margin-left: 0; } .foot_box .div dt p a{ font-size: 0.14rem; color: #fff; display: inline-block; vertical-align: top; line-height: 0.22rem; margin-left: 0.2rem; opacity: 0.5; transition: all 0.5s ease; } .foot_box .div dt p:nth-of-type(2)::before{ content: ""; display: inline-block; vertical-align: top; width: 0.2rem; height: 0.22rem; background-image: url(../img/tb4.png); background-size: 100% 100%; margin-right: -0.1rem; } /* .foot_box .div dt p a:nth-of-type(2){ padding-right: 0.2rem; border-right: 1px solid #fff; } */ .foot_box .div dd{ width: 0.88rem; } .foot_box .div dd img{ width: 100%; } .box{ position: relative; z-index: 3; margin-top: 33vw; background-color: #fff; } .crumb_box{ font-size: 0; height: 0.6rem; line-height: 0.6rem; background-color: #f2f2f2; } .crumb_box a{ display: inline-block; vertical-align: top; white-space: normal; padding: 0 0.24rem; text-align: center; font-size: 0.16rem; color: #7f7f7f; position: relative; transition: all 0.5s ease; } .crumb_box a::after{ content: ""; position: absolute; top: 0.17rem; right: -1px; width: 1px; height: 0.26rem; background-color: #d6d6d6; } .crumb_box a.active{ color: #bc2626; } .title_h5{ text-align: center; margin-bottom: 0.4rem; } .title_h5 strong{ display: block; font-weight: normal; font-size: 0.36rem; margin-bottom: 0.1rem; } .title_h5 small{ display: inline-block; vertical-align: top; min-width: 1.44rem; text-transform: uppercase; position: relative; margin-top: -1px; font-size: 0.2rem; color: #ccc; border-top: 1px solid #ccc; padding: 0.08rem 0.08rem 0; } .title_h5 small::before{ content: ""; position: absolute; top: -2px; left: 50%; margin-left: -0.19rem; height: 2px; width: 0.38rem; background-color: #bc2626; } .pd{ padding: 0.6rem 0; } .paging_div{ font-size: 0; text-align: center; margin-top: 0.56rem; } .paging_div a{ display: inline-block; vertical-align: top; height: 0.40rem; line-height: 0.40rem; padding: 0 0.16rem 0; background-color: #f9f9f9; border-radius: 2px; font-size: 0.16rem; color: #666; margin: 0 0.05rem; transition: all 0.5s ease; } .paging_div a.active{ background-color: #0a88c1; color: #fff; } .scxt_box{ } .scxt_box .div1{ background-color: #f2f2f2; padding: 0.48rem 0.5rem 0.42rem; margin-bottom: 0.2rem; } .scxt_box .div1 dt{ font-size: 0.26rem; margin-bottom: 0.18rem; position: relative; font-weight: bold; } .scxt_box .div1 dt::after{ content: ""; display: block; width: 0.24rem; height: 3px; background-color: rgba(227,21,41,1); margin-top: 0.22rem; } .scxt_box .div1 dd{ font-size: 0.18rem; line-height: 1.4; color: #999; } .scxt_box .div2{ } .scxt_box .div2 li{ display: flex; background-color: #f2f2f2; margin-bottom: 0.2rem; align-items: center; } .scxt_box .div2 li:last-of-type{ margin-bottom: 0; } .scxt_box .div2 li:nth-of-type(2n){ flex-direction: row-reverse; } .scxt_box .div2 li em{ flex-shrink: 0; width: 50%; padding-bottom: 36%; background-size: cover; background-position: center; } .scxt_box .div2 li dl{ flex-shrink: 0; width: 50%; box-sizing: border-box; padding: 0.4rem 0.6rem 0.4rem 1.2rem; } .scxt_box .div2 li .dl1{ padding: 0.4rem 0.6rem; } .scxt_box .div2 li dd{ margin-bottom: 0.4rem; } .scxt_box .div2 li dd:last-of-type{ margin-bottom: 0; } .scxt_box .div2 li dd h6{ font-size: 0.24rem; margin-bottom: 0.20rem; position: relative; } .scxt_box .div2 li dd h6 img{ width: 0.38rem; position: absolute; top: -0.08rem; left: -0.5rem; margin-top: 0; } .scxt_box .div2 li dd strong{ display: block; font-size: 0.2rem; font-weight: normal; margin-top: 0.36rem; margin-bottom: 0.14rem; } .scxt_box .div2 li dd p{ font-size: 0.18rem; line-height: 1.8; color: #666; margin-bottom: 0.1rem; text-align: justify; } .scxt_box .div2 li dd p:last-of-type{ margin-bottom: 0; } .scxt_box .div2 li dd img{ margin-top: 0.36rem; width: auto; max-width: 100%; } .scxt_box .div2 .divr{ flex-shrink: 0; width: 50%; box-sizing: border-box; padding: 0.4rem 0.6rem; } .scxt_box .div2 .divr p{ font-size: 0.18rem; line-height: 1.8; color: #666; position: relative; padding-left: 0.2rem; margin-bottom: 0.12rem; } .scxt_box .div2 .divr p:last-of-type{ margin-bottom: 0; } .scxt_box .div2 .divr p::before{ content: ""; width: 0.11rem; height: 0.11rem; background-color: #bc2626; border-radius: 50%; position: absolute; top: 0.1rem; left: 0; } .scxt_box .div2 .swiper_div{ margin-top: 0.4rem; position: relative; } .scxt_box .div2 .swiper_div .btn_div{ position: absolute; width: 100%; height: 2px; background-color: #73191c; top: 0.26rem; left: 0; } .scxt_box .div2 .swiper_div .btn_div span{ width: 9px; height: 8px; margin-top: -4px; outline: none; } .scxt_box .div2 .swiper_div .btn_div .swiper-button-prev{ left: 0; background-image: url(../img/tb56.png); background-size: 100% 100%; opacity: 1; } .scxt_box .div2 .swiper_div .btn_div .swiper-button-next{ right: 0; background-image: url(../img/tb57.png); background-size: 100% 100%; opacity: 1; } .scxt_box .div2 .swiper_div .swiper-container{ z-index: 3; } .scxt_box .div2 .swiper_div .swiper-slide{ text-align: center; } .scxt_box .div2 .swiper_div .swiper-slide i{ display: block; width: 0.33rem; height: 0.47rem; background-image: url(../img/tb55.png); background-size: 100% 100%; margin: 0 auto; } .scxt_box .div2 .swiper_div .swiper-slide span{ display: block; width: 0.62rem; height: 0.22rem; border: 1px solid #73191c; border-radius: 0.13rem; line-height: 0.22rem; margin: 0 auto 0.14rem; color: #73191c; } .scxt_box .div2 .swiper_div .swiper-slide p{ font-size: 0.12rem; line-height: 1.6; text-align: center; padding: 0 0.15rem; } .scxt_box .div2 .divl{ flex-shrink: 0; width: 50%; padding-bottom: 36%; position: relative; background-color: #d9d9d9; } .scxt_box .div2 .divl .swiper-pagination span{ background-color: #fff; opacity: 1; } .scxt_box .div2 .divl .swiper-pagination .swiper-pagination-bullet-active{ background-color: #c62424; } .scxt_box .div2 .divl .swiper-container{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .scxt_box .div2 .divl .swiper-slide{ display: flex; flex-direction: column; justify-content: center; background-size: cover; background-position: center; } .scxt_box .div2 .divl .swiper-slide i{ display: block; width: 80%; margin: 0 auto; } .scxt_box .div2 .divl .swiper-slide i img{ width: 100%; } .scxt_box .div2 .divl .swiper-slide h6{ text-align: center; font-size: 0.24rem; margin-top: 0.18rem; } .scxt_box .div2 .divl .swiper-button{ outline: none; font-size: 0.8rem; height: 0.8rem; width: 0.8rem; margin-top: -0.4rem; color: #bc2626; background: none; transform: scaleY(0.5); font-weight: 100; } .scxt_box .div2 .divl .swiper-button-prev{ left: -0.2rem; } .scxt_box .div2 .divl .swiper-button-next{ right: -0.2rem; } .xwfb_box{ } .xwfb_box form{ font-size: 0; margin-bottom: 0.4rem; } .xwfb_box form select{ display: inline-block; vertical-align: top; width: 1.8rem; font-size: 0.18rem; height: 0.32rem; border: none; border-bottom: 1px solid #e6e6e6; box-sizing: border-box; padding-left: 0.2rem; margin-right: 0.12rem; background-color: #fff; appearance:none; -moz-appearance:none; -webkit-appearance:none; background-image: url(../img/tb39.png); background-repeat: no-repeat; background-position: right center; background-size: 0.17rem; } .xwfb_box form input{ display: inline-block; vertical-align: top; width: 2.9rem; font-size: 0.18rem; height: 0.32rem; border: none; box-sizing: border-box; padding-left: 0.2rem; border-bottom: 1px solid #e6e6e6; } .xwfb_box form button{ width: 0.32rem; height: 0.32rem; border: none; background-color: #bc2626; background-image: url(../img/tb1.png); background-position: center; background-size: 0.16rem; background-repeat: no-repeat; } .xwfb_box .div1{ margin-top: -0.4rem; } .xwfb_box .div1 li{ float: left; width: 32%; margin-top: 0.4rem; margin-right: 2%; } .xwfb_box .div1 li:nth-of-type(3n){ margin-right: 0; } .xwfb_box .div1 li a{ display: block; } .xwfb_box .div1 li em{ display: block; width: 100%; padding-bottom: 60%; overflow: hidden; position: relative; } .xwfb_box .div1 li em i{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-size: cover; background-position: center; transition: all 0.5s ease; } .xwfb_box .div1 li div{ padding: 0.18rem 0.2rem 0; border: 1px solid #e6e6e6; } .xwfb_box .div1 li div h6{ font-size: 0.2rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin-bottom: 0.12rem; transition: all 0.5s ease; } .xwfb_box .div1 li div small{ display: block; font-size: 0.12rem; color: #ccc; margin-bottom: 0.14rem; } .xwfb_box .div1 li div p{ font-size: 0.14rem; line-height: 1.8; color: #666; height: 0.5rem; overflow: hidden; } .xwfb_box .div1 li div span{ display: flex; margin-top: 0.14rem; align-items: center; justify-content: space-between; padding: 0.15rem 0; border-top: 1px solid #e6e6e6; font-size: 0.12rem; color: #999; } .xwfb_box .div1 li div span::after{ content: ""; width: 0.17rem; height: 0.13rem; background-image: url(../img/tb22.png); background-size: auto 100%; background-position: -0.19rem 0; transition: all 0.5s ease; } .xwfb_box .div2{ display: flex; align-items: center; background-color: #f2f2f2; } .xwfb_box .div2 dt{ flex-shrink: 0; width: 50%; padding-bottom: 30%; position: relative; overflow: hidden; } .xwfb_box .div2 dt i{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-size: cover; background-position: center; transition: all 0.5s ease; } .xwfb_box .div2 dd{ flex-shrink: 0; width: 50%; box-sizing: border-box; padding: 0.2rem 0.42rem; } .xwfb_box .div2 dd h6{ font-size: 0.24rem; margin-bottom: 0.16rem; line-height: 1.2; } .xwfb_box .div2 dd h6 a{ display: block; color: #333; } .xwfb_box .div2 dd small{ display: block; font-size: 0.14rem; color: #999; margin-bottom: 6%; } .xwfb_box .div2 dd p{ font-size: 0.16rem; line-height: 1.8; } .xwfb_box .div2 dd p a{ display: block; color: #666; } .xwfb_box .div2 dd .m_a{ margin-top: 6%; display: block; width: 1.6rem; height: 0.5rem; font-size: 0.14rem; background-color: #c62424; text-align: center; line-height: 0.5rem; color: #fff; transition: all 0.5s ease; } .xwfb_box .div2 dd .m_a::after{ content: ""; display: inline-block; vertical-align: middle; margin-top: -0.04rem; margin-left: 0.2rem; width: 0.07rem; height: 0.13rem; background-image: url(../img/tb40.png); background-size: 100% 100%; transition: all 0.5s ease; } .xwfb_box .div3{ } .xwfb_box .div3 li{ margin-top: 0.2rem; } .xwfb_box .div3 li a{ display: flex; height: 1.45rem; align-items: center; background-color: #f7f7f7; transition: all 0.5s ease; } .xwfb_box .div3 li span{ flex-shrink: 0; width: 1.0rem; height: 100%; color: #fff; background-color: #0a88c1; display: flex; flex-direction: column; justify-content: center; align-items: center; font-size: 0.16rem; } .xwfb_box .div3 li span strong{ display: block; font-size: 0.3rem; font-weight: normal; font-family: "BEBAS"; } .xwfb_box .div3 li span strong::before{ content: ""; display: block; width: 0.16rem; height: 1px; background-color: #fff; margin: 0 auto 0.14rem; } .xwfb_box .div3 li span em{ display: block; width: 0.58rem; padding-top: 1px; font-size: 0.16rem; text-align: center; border-left: 1px solid #fff; border-right: 1px solid #fff; margin-bottom: 0.12rem; position: relative; } .xwfb_box .div3 li span em::before{ content: ""; position: absolute; width: 5px; height: 1px; background-color: #fff; top: 0; left: -1px; } .xwfb_box .div3 li span em::after{ content: ""; position: absolute; width: 5px; height: 1px; background-color: #fff; bottom: 0; right: -1px; } .xwfb_box .div3 li span i{ display: block; font-size: 0.12rem; margin-top: 0.08rem; } .xwfb_box .div3 li div{ flex: 1; border-right: 1px solid #d9d9d9; box-sizing: border-box; padding: 0 0.54rem 0 0.24rem; } .xwfb_box .div3 li div h6{ font-size: 0.2rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin-bottom: 0.16rem; transition: all 0.5s ease; } .xwfb_box .div3 li div p{ font-size: 0.14rem; color: #666; line-height: 1.8; /* height: 0.5rem; */ overflow: hidden; } .xwfb_box .div3 li small{ flex-shrink: 0; width: 1.2rem; text-align: center; font-size: 0.14rem; color: #999; transition: all 0.5s ease; } .xwfb_box .div3 li small::after{ content: ""; display: inline-block; vertical-align: top; margin-left: 0.1rem; width: 0.17rem; height: 0.13rem; background-image: url(../img/tb22.png); background-size: auto 100%; background-position: -0.19rem 0; transition: all 0.5s ease; transition: all 0.5s ease; } .bodys{ padding-top: 0.9rem; background-color: #f2f2f2; } .bodys .head_box{ background-color: #fff; } .bodys .head_box .nav_ul li a{ color: #333; } .bodys .head_box .nav_ul li.active a{ color: #bc2626; } .xwxq_box{ margin: 0.6rem auto; padding: 4% 7%; background-color: #fff; } .xwxq_box .h5{ font-size: 0.3rem; margin-bottom: 0.26rem; line-height: 1.2; } .xwxq_box .dl{ display: flex; align-items: center; justify-content: space-between; height: 0.54rem; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; font-size: 0.16rem; color: #999999; margin-bottom: 0.4rem; } .xwxq_box .dl dd{ display: flex; align-items: center; } .xwxq_box .dl dd em{ font-size: 0; margin-right: 0.3rem; } .xwxq_box .dl dd em a{ float: none; display: inline-block; vertical-align: top; width: 0.28rem; height: 0.23rem; margin: 0; padding: 0; background-size: 100% 100%; background-image: url(../img/tb20.png); } .xwxq_box .dl dd em a.wb_a{ background-image: url(../img/tb21.png); margin-left: 0.2rem; } .xwxq_box .dl dd span{ border-left: 1px solid #999; padding-left: 0.2rem; } .xwxq_box .div1{ margin-bottom: 0.4rem; } .xwxq_box .div1 p{ font-size: 18px; line-height: 1.8; margin-bottom: 0.3rem; } .xwxq_box .div1 p:last-of-type{ margin-bottom: 0; } .xwxq_box .div1 p img{ display: block; width: auto; max-width: 100%; margin: 0 auto; } .xwxq_box .div2{ display: flex; height: 0.5rem; line-height: 0.5rem; background-color: #f2f2f2; padding: 0 0.2rem; justify-content: center; } .xwxq_box .div2 a{ flex-shrink: 0; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 0.16rem; color: #999; width: calc(50% - 1rem); transition: all 0.5s ease; } .xwxq_box .div2 a.return_a{ width: 2.0rem; color: #bc2626; text-align: center; } .xwxq_box .div2 a:nth-of-type(3){ text-align: right; } .type_box{ display: flex; height: 1.1rem; background-color: #f2f2f2; } .type_box a{ flex: 1; padding-top: 0.27rem; height: 100%; box-sizing: border-box; position: relative; } .type_box a::after{ content: ""; position: absolute; top: 0.3rem; right: -1px; width: 1px; height: 0.50rem; background-color: #d6d6d6; } .type_box a:last-of-type::after{ display: none; } .type_box a em{ display: block; width: 0.34rem; height: 0.34rem; margin: 0 auto; overflow: hidden; } .type_box a em img{ width: 100%; vertical-align: top; transition: all 0.5s ease; } .type_box a span{ text-align: center; display: block; font-size: 0.18rem; margin-top: 0.06rem; transition: all 0.5s ease; } .type_box a.active em img{ margin-top: -0.34rem; } .type_box a.active span{ color: #bc2626; } .cplb_box{ } .cplb_box .div1{ margin-top: -0.6rem; } .cplb_box .div1 li{ float: left; width: 30%; margin-right: 5%; margin-top: 0.6rem; box-sizing: border-box; border: 1px solid #e6e6e6; } .cplb_box .div1 li:nth-of-type(3n){ margin-right: 0; } .cplb_box .div1 li a{ display: block; position: relative; overflow: hidden; } .cplb_box .div1 li em{ display: block; width: 100%; padding-bottom: 72%; overflow: hidden; position: relative; } .cplb_box .div1 li em i{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-size: cover; background-position: center; transition: all 0.5s ease; } .cplb_box .div1 li h6{ text-align: center; font-size: 0.22rem; padding: 0.2rem 0.14rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; border-top: 1px solid #e6e6e6; } .cplb_box .div1 li h6 i{ display: inline-block; vertical-align: top; font-size: 0.12rem; } .cplb_box .div1 li dl{ position: absolute; width: 100%; left: 0; bottom: -15%; padding: 0.28rem 0.26rem 0.12rem; text-align: center; color: #fff; box-sizing: border-box; opacity: 0; transition: all 0.5s ease; } .cplb_box .div1 li dl i{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: 0.9; } .cplb_box .div1 li dl dt{ position: relative; z-index: 3; font-size: 0.24rem; margin-bottom: 0.18rem; } .cplb_box .div1 li dl dt i{ position: static; vertical-align: top; font-size: 0.12rem; opacity: 1; } .cplb_box .div1 li dl dd{ position: relative; z-index: 3; font-size: 0.16rem; line-height: 2.0; padding: 0.1rem 0 0.08rem; border-top: 1px solid #fff; border-bottom: 1px solid #fff; } .cplb_box .div1 li dl dd::before{ content: ""; position: absolute; top: -2px; left: 50%; margin-left: -0.19rem; height: 2px; width: 0.38rem; background-color: #fff; } .cplb_box .div1 li dl::after{ content: ""; position: relative; z-index: 3; display: block; margin-top: 0.12rem; width: 100%; height: 0.13rem; background-image: url(../img/tb15.png); background-repeat: no-repeat; background-position: center; background-size: auto 100%; } .cpxq_box{ margin: 0.6rem auto; } .cpxq_box .div1{ padding: 4% 7%; background-color: #fff; position: relative; } .cpxq_box .fh_a{ display: block; width: 1.0rem; text-align: center; margin: 0.4rem auto 0; padding: 0.1rem 0; background-color: #0a88c1; color: #fff; font-size: 0.14rem; border-radius: 4px; } .cpxq_box .div1 .swiper_div{ position: relative; } .cpxq_box .div1 .swiper-container{ width: 70%; margin: 0 auto; } .cpxq_box .div1 .swiper-slide{ padding-bottom: 50%; background-size: contain; background-position: center; background-repeat: no-repeat; } .cpxq_box .div1 .swiper-pagination{ bottom: 0; font-size: 0.16rem; } .cpxq_box .div1 .swiper-button{ width: 0.3rem; height: 0.3rem; background: none; line-height: 1; margin-top: -0.15rem; overflow: hidden; font-size: 0.3rem; color: #686868; transform: scaleX(2.0); font-weight: 100; outline: none; } .cpxq_box .div1 .swiper-button-prev{ left: -0.2rem; } .cpxq_box .div1 .swiper-button-next{ right: -0.2rem; } .cpxq_box .div1 dl{ text-align: center; margin-top: 0.5rem; } .cpxq_box .div1 dl dt{ font-size: 0.3rem; margin-bottom: 0.3rem; } .cpxq_box .div1 dl dt i{ font-size: 0.16rem; display: inline-block; vertical-align: top; } .cpxq_box .div1 dl dd{ padding: 0.16rem 0; border-bottom: 1px solid #e6e6e6; } .cpxq_box .div1 dl dd:first-of-type{ border-top: 1px solid #e6e6e6; } .cpxq_box .div1 dl dd p{ font-size: 0.18rem; line-height: 1.6; color: #666; margin: 0 10px; display: inline-block; vertical-align: top; } .cpxq_box .div1 dl dd span{ color: #333; } .cpxq_box .h4{ margin: 0.3rem 0; position: relative; text-align: center; } .cpxq_box .h4::before{ content: ""; position: absolute; top: 50%; left: 10%; width: 80%; margin-top: -1px; height: 1px; background-color: #e6e6e6; } .cpxq_box .h4 span{ display: inline-block; vertical-align: top; position: relative; z-index: 2; background-color: #f2f2f2; font-size: 0.16rem; color: #b2b2b2; padding: 0 0.4rem; } .cpxq_box .div2{ padding: 4% 7%; background-color: #fff; } .cpxq_box .div2 p{ /* font-size: 0; */ line-height: 1.6; position: relative; padding-left: 1.2rem; margin-bottom: 0.18rem; min-height: 0.28rem; } .cpxq_box .div2 p:last-of-type{ margin-bottom: 0; } /* .cpxq_box .div2 p::before{ content: ""; position: absolute; width: 0.10rem; height: 0.10rem; background-color: #0a88c1; border-radius: 50%; top: 0.08rem; left: 0; } */ .cpxq_box .div2 p strong{ color: #333; font-size: 0.18rem; font-weight: normal; position: absolute; top: 0; left: 0; } .cpxq_box .div2 p em{ display: block; font-size: 0.18rem; color: #666; } .cpxq_box .div3{ padding: 4% 7%; background-color: #fff; } .cpxq_box .div3 a{ display: block; height: 0.38rem; line-height: 0.38rem; padding-left: 0.5rem; font-size: 0.18rem; background-image: url(../img/tb18.png); background-size: 0.38rem; background-repeat: no-repeat; transition: all 0.5s ease; } .cpxq_box .div3 a i{ display: inline-block; vertical-align: top; margin-top: -0.05rem; font-size: 0.12rem; } .cpxq_box .div3 a::after{ content: ""; float: right; width: 0.32rem; height: 0.32rem; background-image: url(../img/tb19.png); background-size: 100% 100%; margin-top: 0.03rem; } .qyjs_box{ } .qyjs_box .h6{ font-size: 0.18rem; line-height: 1.8; margin-bottom: 0.36rem; text-indent: 0.36rem; } .qyjs_box .div1{ display: flex; } .qyjs_box .div1 em{ flex-shrink: 0; width: 50%; } .qyjs_box .div1 em img{ width: 100%; margin-bottom: 0.2rem; } .qyjs_box .div1 em img:last-of-type{ margin-bottom: 0; } .qyjs_box .div1 dl{ flex-shrink: 0; width: 50%; box-sizing: border-box; padding-left: 1.2rem; } .qyjs_box .div1 dl dd{ margin-bottom: 0.4rem; } .qyjs_box .div1 dl dd:last-of-type{ margin-bottom: 0; } .qyjs_box .div1 dl dd h6{ font-size: 0.24rem; margin-bottom: 0.20rem; position: relative; } .qyjs_box .div1 dl dd h6 img{ width: 0.38rem; position: absolute; top: -0.08rem; left: -0.5rem; margin-top: 0; } .qyjs_box .div1 dl dd p{ font-size: 0.18rem; line-height: 1.8; color: #666; text-align: justify; } .qyjs_box .div2{ margin-top: 0.4rem; position: relative; width: 100%; padding-bottom: 48%; overflow: hidden; } .qyjs_box .div2 i{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; transition: all 0.5s ease; } .qyjs_box .div2::after{ content: ""; position: absolute; width: 0.94rem; height: 0.94rem; background-image: url(../img/tb3.png); background-size: 100% 100%; top: 50%; left: 50%; transform: translate(-50%,-50%); } .zscq_box{ } .zscq_box .div1{ } .zscq_box .div1 dl{ margin-bottom: 0.4rem; } .zscq_box .div1 dl:last-of-type{ margin-bottom: 0; } .zscq_box .div1 dl dt{ font-size: 0.24rem; padding: 0.2rem 0.4rem 0.14rem; background-color: #f2f2f2; } .zscq_box .div1 dl dt::after{ content: ""; display: block; width: 0.24rem; height: 2px; background-color: #bc2626; margin-top: 0.1rem; } .zscq_box .div1 dl dd{ } .zscq_box .div1 dl dd p{ float: left; width: 24.25%; margin-top: 0.2rem; margin-right: 1%; cursor: pointer; } .zscq_box .div1 dl dd p:nth-of-type(4n){ margin-right: 0; } .zscq_box .div1 dl dd p i{ display: block; width: 100%; padding-bottom: 64%; background-size: cover; /* background-position: center; */ background-repeat: no-repeat; background-color: #f9f9f9; } .zscq_box .div1 dl dd p span{ display: block; text-align: center; font-size: 0.16rem; margin-top: 0.1rem; color: #666; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .tp_box{ position: fixed; z-index: 20; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(0,0,0,0.6); display: none; } .tp_box div{ position: absolute; top: 50%; left: 50%; width: 54%; height: 66%; transform: translate(-50%,-50%); background-color: #fff; padding: 0.3rem; display: flex; flex-direction: column; align-items: center; justify-content: center; } .tp_box i{ position: absolute; left: 100%; top: 0; width: 0.4rem; height: 0.4rem; background-color: #0a88c1; font-size: 0.3rem; text-align: center; color: #fff; line-height: 0.4rem; cursor: pointer; } .tp_box img{ width: auto; max-width: 90%; max-height: 94%; } .tp_box span{ display: block; font-size: 0.18rem; margin-top: 0.2rem; text-align: center; } .qyhj_box{ } .qyhj_box .div1{ width: 100%; } .qyhj_box .div1 dl{ height: 34vw; display: flex; justify-content: space-between; margin-bottom: 0.2rem; } .qyhj_box .div1 dl:nth-of-type(2n){ flex-direction: row-reverse; } .qyhj_box .div1 dl:last-of-type{ margin-bottom: 0; } .qyhj_box .div1 dl dt{ flex-shrink: 0; height: 100%; width: calc(70% - 0.2rem); background-size: cover; background-position: center; } .qyhj_box .div1 dl dd{ flex-shrink: 0; width: 30%; background-size: cover; background-position: center; height: 100%; display: flex; flex-direction: column; justify-content: space-between; } .qyhj_box .div1 dl dd i{ flex-shrink: 0; width: 100%; height: calc(50% - 0.1rem); background-size: cover; background-position: center; } .lxwm_box{ padding-bottom: 0; } .lxwm_box .div1{ background-color: #f2f2f2; height: 36vw; position: relative; display: flex; align-items: center; overflow: hidden; } .lxwm_box .div1 #map{ position: absolute; top: 0; right: 0; width: 50%; height: 100%; } .lxwm_box .div1 .w1500{ } .lxwm_box .div1 form{ width: 30%; } .lxwm_box .div1 form h6{ font-size: 0.28rem; margin-bottom: 0.28rem; } .lxwm_box .div1 form input{ width: 100%; height: 0.46rem; box-sizing: border-box; border: 1px solid #ccc; padding: 0 0.18rem; font-size: 0.18rem; color: #999; background-color: #f2f2f2; margin-bottom: 0.18rem; } .lxwm_box .div1 form textarea{ width: 100%; height: 1.4rem; resize: none; box-sizing: border-box; border: 1px solid #ccc; padding: 0.09rem 0.18rem; font-size: 0.18rem; line-height: 1.6; color: #999; background-color: #f2f2f2; margin-bottom: 0.18rem; } .lxwm_box .div1 form button{ width: 100%; border: none; background-color: #0a88c1; color: #fff; font-size: 0.18rem; height: 0.46rem; } .lxwm_box .div1 dl{ position: absolute; z-index: 9; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 3.8rem; height: auto; background-color: #0a88c1; color: #fff; box-sizing: border-box; padding: 0.46rem 0.26rem ; } .lxwm_box .div1 dl dt{ display: flex; border-bottom: 1px solid #85c4e1; margin-bottom: 0.4rem; } .lxwm_box .div1 dl dt span{ flex-shrink: 0; width: 50%; text-align: center; font-size: 0.22rem; color: #fff; padding-bottom: 0.14rem; opacity: 0.5; position: relative; cursor: pointer; transition: all 0.5s ease; } .lxwm_box .div1 dl dt span::after{ content: ""; position: absolute; margin: auto; left: 0; right: 0; bottom: -1px; height: 2px; width: 0; background-color: #fff; opacity: 0; transition: all 0.5s ease; } .lxwm_box .div1 dl dt .active{ opacity: 1; } .lxwm_box .div1 dl dt .active::after{ opacity: 1; width: 100%; } .lxwm_box .div1 dl dd{ } .lxwm_box .div1 dl dd div{ display: none; } .lxwm_box .div1 dl dd div:first-of-type{ display: block; } .lxwm_box .div1 dl dd div p{ font-size: 0.18rem; line-height: 1.6; margin-bottom: 0.18rem; } .lxwm_box .div1 dl dd div p:last-of-type{ margin-bottom: 0; } .fzlc_box{ } .fzlc_box .swiper-container{ height: 5rem; background-size: 100% 100%; box-sizing: border-box; padding: 0 0.8rem; } .fzlc_box .swiper-container::before{ content: ""; position: absolute; left: 0; top: 50%; width: 100%; height: 1px; background-color: #983e42; } .fzlc_box .swiper-wrapper{ } .fzlc_box .swiper-slide li{ position: relative; height: 2.5rem; width: 100%; border-left: 1px solid #983e42; box-sizing: border-box; padding: 0.24rem 0.24rem 0; } .fzlc_box .swiper-slide li::before{ content: ""; position: absolute; width: 7px; height: 7px; border: 1px solid #983e42; background-color: #fff; border-radius: 50%; top: 0; left: -5px; } .fzlc_box .swiper-slide li:nth-of-type(2){ transform: translateX(62%); } .fzlc_box .swiper-slide li h6{ font-size: 0.4rem; font-weight: bold; color: #983e42; position: absolute; width: 0.4rem; height: 0.4rem; white-space: nowrap; top: 0.24rem; left: -0.54rem; transform: rotate(90deg); } .fzlc_box .swiper-slide li:nth-of-type(2n)::before{ top: auto; bottom: 0; } .fzlc_box .swiper-slide li em{ display: block; width: 1.99rem; } .fzlc_box .swiper-slide li em img{ width: 100%; } .fzlc_box .swiper-slide li p{ width: 80%; font-size: 0.16rem; line-height: 1.6; margin-top: 0.1rem; } .fzlc_box .swiper-button-prev{ left: 0; width: 18px; height: 16px; background-image: url(../img/tb58.png); background-size: 100% 100%; opacity: 1; margin-top: -8px; } .fzlc_box .swiper-button-next{ right: 0; width: 18px; height: 16px; background-image: url(../img/tb59.png); background-size: 100% 100%; opacity: 1; margin-top: -8px; } .mb_div { position: fixed; z-index: 6; width: 100%; height: 100%; top: 0; left: 0; opacity: 0; } /*.head{ opacity: 0; transition: all 0.5s ease; } .show_head{ opacity: 1; }*/ .welcome_box{ width: 100%; height: 100vh; background-color: #fff; } .welcome_box .swiper-slide{ overflow: hidden; } .welcome_box>.swiper-wrapper{ transition-timing-function: cubic-bezier(0.6,0,0.2,1); } .welcome_box .h5{ font-size: 0.34rem; position: relative; } .welcome_box .h5::after{ content: ""; display: block; width: 0.4rem; height: 3px; background-color: #c62424; margin-top: 0.26rem; } .welcome_box .h5 small{ position: absolute; top: -0.32rem; left: -6.0vw; font-size: 1.0rem; color: #d32626; opacity: 0.1; white-space: nowrap; font-weight: bold; text-transform: uppercase; } .welcome_box .more_a{ display: block; width: 1.6rem; height: 0.5rem; padding-top: 3px; padding-left: 3px; position: relative; } .welcome_box .more_a::before{ content: ""; position: absolute; width: 0.15rem; height: 0.15rem; background-color: #c62424; top: 0; left: 0; transition: all 0.5s ease; } .welcome_box .more_a span{ position: relative; z-index: 3; display: block; width: 100%; height: 100%; text-align: center; line-height: 0.5rem; font-size: 0.14rem; color: #666; background-color: #f9f9f9; transition: all 0.5s ease; } .welcome_box .more_a span::after{ content: " 銆?; display: inline-block; vertical-align: top; font-size: 0.24rem; width: 0.12rem; font-weight: 100; transform: scaleY(0.5); margin-left: 0.2rem; margin-top: -1px; } .welcome_box .slide0{ } .welcome_box .slide0 video{ position: absolute; min-width: 100%; min-height: 100%; top: 50%; left: 50%; transform: translate(-50%,-50%); background-color: #111; } .welcome_box .hd_i{ position: absolute; z-index: 3; left: 50%; margin-left: -0.17rem; bottom: 0.3rem; width: 0.35rem; height: 0.35rem; border-radius: 50%; border: 1px solid #fff; } .welcome_box .hd_i::after{ content: ""; position: absolute; top: 0; left: 50%; margin-left: -0.09rem; width: 0.18rem; height: 0.11rem; background-image: url(../img/tb2.png); background-size: 100% 100%; animation: dh3 2s infinite; } @keyframes dh1 { 0% { background-position-y: 0; opacity: 0; } 60% { background-position-y: 0.15rem; opacity: 1; } 100% { background-position-y: 0.29rem; opacity: 0; } } .welcome_box .slide1{ } .welcome_box .slide1 .swiper-container{ width: 100%; height: 100%; } .welcome_box .slide1 .swiper-slide{ } .welcome_box .slide1 .swiper-slide video{ position: absolute; min-width: 100%; min-height: 100%; top: 50%; left: 50%; transform: translate(-50%,-50%); background-color: #111; } .welcome_box .slide1 .swiper-slide i{ display: block; width: 100%; height: 100%; background-size: cover; background-position: center; /* animation: dh2 12s infinite; */ } @keyframes dh2 { 0% { transform: scale(1); } 50% { transform: scale(1.06); } 100% { transform: scale(1); } } .welcome_box .slide1 .swiper-pagination{ top: auto; bottom: 0; } .welcome_box .slide1 .swiper-pagination .swiper-pagination-progressbar-fill{ background-color: #c62424; } .welcome_box #pc{ display: block; } .welcome_box #yd{ display: none; } .welcome_box .slide2{ display: flex; } .welcome_box .slide2 .dll{ flex-shrink: 0; width: 33%; height: 100%; background-image: url(../img/tp44.png); background-size: 7.1rem; background-repeat: no-repeat; position: relative; } .welcome_box .slide2 .dll dt{ height: 60%; box-sizing: border-box; padding-top: 1.2rem; padding-bottom: 0.3rem; padding-left: 7.3vw; display: flex; flex-direction: column; justify-content: space-around; transition: all 0.8s 0.2s; } .welcome_box .slide2 .dll dt .h5{ } .welcome_box .slide2 .dll dt p{ font-size: 0.22rem; line-height: 1.4; color: #666; } .welcome_box .slide2 .dll dt a{ } .welcome_box .slide2 .dll dd{ height: 40%; position: relative; overflow: hidden; transition: all 0.8s 0.6s; } .welcome_box .slide2 .dll dd i{ display: block; width: 100%; height: 100%; background-size: cover; background-position: center; position: relative; transition: all 0.5s ease; } .welcome_box .slide2 .dll dd::before{ content: ""; position: absolute; z-index: 2; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(0,0,0,0.4); } .welcome_box .slide2 .dll dd::after{ content: ""; position: absolute; z-index: 3; top: 50%; left: 50%; margin: -0.23rem 0 0 -0.23rem; width: 0.46rem; height: 0.46rem; background-image: url(../img/tb41.png); background-size: 100% 100%; } .welcome_box .slide2 .dlr{ flex-shrink: 0; width: 67%; height: 100%; } .welcome_box .slide2 .dlr .swiper-container{ width: 100%; height: calc(60% + 1.0rem); transition: all 0.8s 0.4s; } .welcome_box .slide2 .dlr .swiper-slide{ background-size: cover; background-position: center; } .welcome_box .slide2 .dlr .button-div{ position: absolute; z-index: 3; left: 0; bottom: 0; height: 1.0rem; width: 2.0rem; font-size: 0; } .welcome_box .slide2 .dlr .button-div div{ position: static; display: inline-block; margin-top: 0; width: 1.0rem; height: 100%; vertical-align: top; background-image: url(../img/tb49.jpg); background-size: 100% 100%; opacity: 1; } .welcome_box .slide2 .dlr .button-div .swiper-button-prev{ background-image: url(../img/tb48.jpg); } .welcome_box .slide2 .dlr .ul{ width: 100%; height: calc(40% - 1.0rem); display: flex; align-items: center; justify-content: space-around; box-sizing: border-box; padding: 0 6%; transition: all 0.8s 0.8s; } .welcome_box .slide2 .dlr .ul li a{ display: flex; align-items: center; } .welcome_box .slide2 .dlr .ul i{ flex-shrink: 0; width: 1px; height: 0.44rem; background-color: #e6e6e6; } .welcome_box .slide2 .dlr .ul li img{ flex-shrink: 0; width: 0.8rem; } .welcome_box .slide2 .dlr .ul li p{ margin-left: 0.2rem; } .welcome_box .slide2 .dlr .ul li p strong{ display: block; font-size: 0.32rem; font-weight: normal; } .welcome_box .slide2 .dlr .ul li p small{ display: block; font-size: 0.16rem; color: #ccc; margin-top: 0.1rem; text-transform: uppercase; } .welcome_box .slide3{ background-image: url(../img/tp53.jpg); background-position: left bottom; background-size: cover; box-sizing: border-box; padding: 0.9rem 7.3vw 0; display: flex; align-items: center; } .welcome_box .slide3 .h5{ position: absolute; left: 7.3vw; top: 18%; transition: all 0.8s 0.2s; } .welcome_box .slide3 .h6{ font-size: 0.22rem; line-height: 1.4; color: #666; display: none; } .welcome_box .slide3 .div{ position: relative; width: 100%; } .welcome_box .slide3 .div .more_i{ position: absolute; right: 0; bottom: 0; transition: all 0.8s 1.2s; } .welcome_box .slide3 .div ul{ display: flex; align-items: flex-start; justify-content: space-between; } .welcome_box .slide3 .div ul li{ flex-shrink: 0; width: 22%; padding-bottom: 29%; position: relative; box-shadow: 0 0 0.15rem rgba(0,0,0,0.1); } .welcome_box .slide3 .div ul li:nth-of-type(1), .welcome_box .slide3 .div ul li:nth-of-type(2){ margin-top: 10%; } .welcome_box .slide3 .div ul li a{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; overflow: hidden; } .welcome_box .slide3 .div ul li a em{ display: block; width: 100%; height: 100%; background-size: cover; background-position: center; transition: all 0.5s ease; } .welcome_box .slide3 .div ul li a::before{ content: ""; position: absolute; z-index: 2; width: 100%; height: 100%; background-image: url(../img/tp8.png); background-repeat: no-repeat; background-position: left bottom; background-size: 100%; } .welcome_box .slide3 .div ul li a i{ position: absolute; right: 0; bottom: -0.46rem; z-index: 5; width: 0.46rem; height: 0.46rem; background-image: url(../img/tb44.jpg); background-size: 100% 100%; transition: all 0.5s ease; } .welcome_box .slide3 .div ul li a div{ position: absolute; z-index: 3; width: 100%; left: 0; bottom: 0; box-sizing: border-box; padding: 0 0.36rem 0.36rem; color: #fff; } .welcome_box .slide3 .div ul li a div img{ width: 0.3rem; } .welcome_box .slide3 .div ul li a div h6{ font-size: 0.24rem; margin: 0.18rem 0; } .welcome_box .slide3 .div ul li a div small{ font-size: 0.2rem; opacity: 0.6; } .welcome_box .slide3 .div ul li:nth-of-type(1){ transition: all 0.8s 0.4s; } .welcome_box .slide3 .div ul li:nth-of-type(2){ transition: all 0.8s 0.6s; } .welcome_box .slide3 .div ul li:nth-of-type(3){ transition: all 0.8s 0.8s; } .welcome_box .slide3 .div ul li:nth-of-type(4){ transition: all 0.8s 1s; } .welcome_box .slide4{ display: flex; } .welcome_box .slide4 .div{ flex-shrink: 0; width: 50%; height: 100%; background-size: cover; background-position: center; box-sizing: border-box; padding: 0.9rem 7.3vw 6%; position: relative; display: flex; flex-direction: column; justify-content: flex-end; transition: all 0.8s 0.2s; } .welcome_box .slide4 .div .bg_em{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; overflow: hidden; } .welcome_box .slide4 .div .bg_em i{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-position: center; background-size: cover; opacity: 0; transform: scale(1.1); transition: all 0.8s ease; } .welcome_box .slide4 .div .bg_em i.show_i{ opacity: 1; transform: scale(1); } .welcome_box .slide4 .div .h5{ position: absolute; z-index: 3; top: 18%; left: 7.3vw; color: #fff; transition: all 0.8s 0.6s; } .welcome_box .slide4 .div .h5 small{ color: #fff; } .welcome_box .slide4 .div .swiper-container{ width: 100%; transition: all 0.8s 0.8s; } .welcome_box .slide4 .div .swiper-slide{ color: #fff; } .welcome_box .slide4 .div .swiper-slide h6{ font-size: 0.28rem; } .welcome_box .slide4 .div .swiper-slide p{ font-size: 0.16rem; line-height: 1.8; height: 0.56rem; overflow: hidden; margin: 0.28rem 0 0.6rem; } .welcome_box .slide4 .div .swiper-pagination{ display: none; bottom: 0; } .welcome_box .slide4 .div .swiper-pagination span{ background-color: #fff; } .welcome_box .slide4 .ul{ position: relative; z-index: 4; flex-shrink: 0; width: 50%; height: 100%; display: flex; flex-wrap: wrap; background-color: #fff; transition: all 0.8s 0.4s; } .welcome_box .slide4 .ul li{ flex-shrink: 0; width: 33.33%; height: 33.33%; display: flex; flex-direction: column; align-items: center; justify-content: center; cursor: pointer; position: relative; overflow: hidden; } .welcome_box .slide4 .ul li:nth-of-type(2n){ background-color: #f9f9f9; } .welcome_box .slide4 .ul li i{ position: absolute; right: 0; bottom: -0.46rem; width: 0.46rem; height: 0.46rem; background-image: url(../img/tb44.jpg); background-size: 100% 100%; transition: all 0.5s ease; } .welcome_box .slide4 .ul li em{ width: 0.4rem; height: 0.4rem; overflow: hidden; } .welcome_box .slide4 .ul li em img{ width: 100%; transition: all 0.5s ease; } .welcome_box .slide4 .ul li h6{ font-size: 0.2rem; margin-top: 0.16rem; transition: all 0.5s ease; } .welcome_box .slide4 .ul li .swiper-button-prev{ position: static; margin: 0; width: 0.5rem; height: 0.5rem; background-image: url(../img/jtz.png); background-size: 0.1rem; background-repeat: no-repeat; background-position: center; background-color: #fff; opacity: 1; outline: none; transition: all 0.5s ease; } .welcome_box .slide4 .ul li .swiper-button-next{ position: static; margin: 0; width: 0.5rem; height: 0.5rem; background-image: url(../img/jty.png); background-size: 0.1rem; background-repeat: no-repeat; background-position: center; background-color: #f9f9f9; opacity: 1; outline: none; transition: all 0.5s ease; } .welcome_box .slide4 .ul li.active_li{ } .welcome_box .slide4 .ul li.active_li em img{ transform: translateY(-0.4rem); } .welcome_box .slide4 .ul li.active_li h6{ color: #c62424; } .welcome_box .slide4 .ul li.active_li i{ bottom: 0; } .welcome_box .slide5{ box-sizing: border-box; padding: 0.9rem 7.3vw 0; display: flex; align-items: center; } .welcome_box .slide5 .bg_em{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; overflow: hidden; transition: all 0.8s 0.2s; } .welcome_box .slide5 .bg_em i{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-position: center; background-size: cover; opacity: 0; transform: scale(1.1); transition: all 0.8s ease; } .welcome_box .slide5 .bg_em i.show_i{ opacity: 1; transform: scale(1); } .welcome_box .slide5 .h5{ position: absolute; z-index: 3; top: 18%; left: 7.3vw; color: #fff; transition: all 0.8s 0.2s; } .welcome_box .slide5 .h5 small{ color: #fff; } .welcome_box .slide5 .ul{ position: relative; z-index: 4; font-size: 0; width: 100%; text-align: center; } .welcome_box .slide5 .ul li{ display: inline-block; vertical-align: top; width: 3.5rem; text-align: center; margin-right: 20%; } .welcome_box .slide5 .ul li:last-of-type{ margin-right: 0; } .welcome_box .slide5 .ul li:nth-of-type(1){ transition: all 0.8s 0.4s; } .welcome_box .slide5 .ul li:nth-of-type(2){ transition: all 0.8s 0.6s; } .welcome_box .slide5 .ul a{ display: block; padding: 0.54rem 0; background-color: rgba(255,255,255,0); transition: all 0.5s ease; } .welcome_box .slide5 .ul .active_li a{ background-color: rgba(255,255,255,0.1); box-shadow: 0 0 0.2rem rgba(0,0,0,0.3); } .welcome_box .slide5 .ul a img{ width: 1.46rem; } .welcome_box .slide5 .ul a h6{ color: #fff; font-weight: bold; font-size: 0.4rem; margin-top: 0.5rem; } .welcome_box .slide6{ background-color: #f9f9f9; background-image: url(../img/tp44.png); background-size: 7.1rem; background-position: right top; background-repeat: no-repeat; box-sizing: border-box; padding: 0.9rem 7.3vw 0; display: flex; align-items: center; } .welcome_box .slide6 .h5{ position: absolute; top: 18%; left: 7.3vw; transition: all 0.8s 0.2s; } .welcome_box .slide6 .more_i{ position: absolute; right: 7.3vw; top: 18%; transition: all 0.8s 0.4s; } .welcome_box .slide6 .more_a span{ background-color: #fff; } .welcome_box .slide6 .dl{ height: 26vw; width: 100%; display: flex; margin-top: 4%; justify-content: space-between; } .welcome_box .slide6 .dl dt{ flex-shrink: 0; width: 50%; height: 100%; transition: all 0.8s 0.6s; } .welcome_box .slide6 .dl dt a{ display: block; width: 100%; height: 100%; position: relative; overflow: hidden; } .welcome_box .slide6 .dl dt em{ display: block; width: 100%; height: 100%; position: relative; background-size: cover; background-position: center; transition: all 0.5s ease; } .welcome_box .slide6 .dl dt em::after{ content: ""; position: absolute; width: 100%; height: 100%; background-image: url(../img/tb46.png); background-size: 100%; background-repeat: no-repeat; background-position: left bottom; } .welcome_box .slide6 .dl dt div{ position: absolute; width: 100%; left: 0; bottom: 0.3rem; box-sizing: border-box; padding: 0 0.5rem; color: #fff; } .welcome_box .slide6 .dl dt div h6{ font-size: 0.24rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .welcome_box .slide6 .dl dt div span{ font-size: 0.16rem; opacity: 0.6; display: block; } .welcome_box .slide6 .dl dt div p{ font-size: 0.14rem; line-height: 1.6; opacity: 0.6; margin: 0.14rem 0 0.2rem; } .welcome_box .slide6 .dl dt i{ position: absolute; width: 0.46rem; height: 0.46rem; background-image: url(../img/jtyh.png); background-size: 0.1rem; background-repeat: no-repeat; background-position: center; background-color: #c62424; right: 0; bottom: -0.46rem; transition: all 0.5s ease; } .welcome_box .slide6 .dl dd{ flex-shrink: 0; width: 46%; height: 100%; background-color: #fff; box-shadow: 0 0 0.2rem rgba(0,0,0,0.1); box-sizing: border-box; padding: 0 0.5rem; transition: all 0.8s 0.8s; } .welcome_box .slide6 .dl dd a{ display: flex; flex-direction: column; justify-content: center; width: 100%; height: 33.33%; box-sizing: border-box; border-bottom: 1px dashed #dedede; padding-right: 0.7rem; position: relative; } .welcome_box .slide6 .dl dd a::after{ content: ""; position: absolute; top: 50%; right: 0; margin-top: -0.06rem; width: 0.28rem; height: 0.12rem; background-size: auto 100%; background-position-x: -0.3rem; background-image: url(../img/tb60.png); transition: all 0.5s ease; } .welcome_box .slide6 .dl dd a:last-of-type{ border-bottom: none; } .welcome_box .slide6 .dl dd a h6{ font-size: 0.2rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .welcome_box .slide6 .dl dd a p{ font-size: 0.14rem; line-height: 1.6; margin: 0.1rem 0; color: #666; } .welcome_box .slide6 .dl dd a span{ display: block; font-size: 0.16rem; color: #999; } .welcome_box .slide6 .h6{ position: absolute; width: calc(100% - 14.6vw); left: 7.3vw; bottom: 0.3rem; line-height: 0.22rem; font-size: 0.14rem; color: #666; transition: all 0.8s 1s; } .welcome_box .slide6 .h6 p{ display: inline-block; vertical-align: top; } .welcome_box .slide6 .h6 p i{ cursor: pointer; } .welcome_box .slide6 .h6 a{ transition: all 0.5s ease; } .welcome_box .slide6 .h6 a.a1{ color: #666; display: inline-block; vertical-align: top; margin-left: 0.3rem; padding-left: 0.3rem; background-image: url(../img/tb4.png); background-size: auto 100%; background-repeat: no-repeat; } .welcome_box .slide6 .h6 a.a2{ float: right; } .slideYt{ transform: translateY(-1rem); opacity: 0; } .slideYd{ transform: translateY(1rem); opacity: 0; } .slideXl{ transform: translateX(2rem); opacity: 0; } .slideXr{ transform: translateX(-2rem); opacity: 0; } .zoomX{ transform: scale(0.8); opacity: 0; } .welcome_box .show_slide .slideYd{ transform: translateY(0); opacity: 1; } .welcome_box .show_slide .slideYt{ transform: translateY(0); opacity: 1; } .welcome_box .show_slide .slideXl{ transform: translateY(0); opacity: 1; } .welcome_box .show_slide .slideXr{ transform: translateY(0); opacity: 1; } .welcome_box .show_slide .zoomX{ transform: scale(1); opacity: 1; } .video_box{ position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 15; background-color: rgba(0,0,0,0.7); display: none; } .video_box div{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 60%; } .video_box div i{ position: absolute; left: 100%; top: 0; width: 0.4rem; height: 0.4rem; background-color: #0a88c1; font-size: 0.3rem; text-align: center; color: #fff; line-height: 0.4rem; cursor: pointer; } .video_box div video{ width: 100%; outline: none; } .tps_box{ position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 15; background-color: rgba(0,0,0,0.7); display: none; } .tps_box div{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 50%; } .tps_box div img{ width: 100%; } .tps_box div i{ position: absolute; left: 100%; top: 0; width: 0.4rem; height: 0.4rem; background-color: #0a88c1; font-size: 0.3rem; text-align: center; color: #fff; line-height: 0.4rem; cursor: pointer; } .searchs_box{ } .searchs_box h6{ font-size: 0.14rem; color: #999; height: 0.4rem; line-height: 0.4rem; border-bottom: 1px solid #ddd; margin-bottom: 0.3rem; } .searchs_box ul li{ height: 0.4rem; line-height: 0.4rem; border-bottom: 1px solid #eee; } .searchs_box ul li a{ display: block; color: #333; transition: all 0.5s ease; } .ystk_box{ } .ystk_box .div1{ font-size: 0.14rem; line-height: 1.8; } .blfybg_box{ } .blfybg_box .form{ } .blfybg_box .dl{ background-color: #f2f2f2; margin-top: 0.3rem; } .blfybg_box .dt{ height: 0.7rem; line-height: 0.7rem; background-color: #e6e6e6; font-size: 0.24rem; padding: 0 0.36rem; } .blfybg_box .dd{ padding: 0.3rem; display: flex; flex-wrap: wrap; justify-content: space-between; } .blfybg_box .dd div{ flex-shrink: 0; width: 48%; display: flex; align-items: center; margin: 0.06rem 0; } .blfybg_box .dd .div_zh{ width: 100%; } .blfybg_box .dd div span{ flex-shrink: 0; width: 1.8rem; height: 0.46rem; line-height: 1.3; display: flex; align-items: center; justify-content: flex-end; font-size: 0.18rem; color: #666; text-align: right; box-sizing: border-box; padding-right: 0.1rem; } .blfybg_box .dd .div_bt span::before{ content: "* "; color: red; } .blfybg_box .dd div em{ flex: 1; min-width: 0; position: relative; } .blfybg_box .dd div em button{ position: absolute; width: 1.1rem; text-align: center; height: 100%; top: 0; right: 0; background-color: #b6352e; color: #fff; border: 0; font-size: 0.16rem; } .blfybg_box .dd div input[type="text"]{ width: 100%; height: 0.46rem; box-sizing: border-box; border: 1px solid #ccc; padding: 0 0.2rem; background: none; font-size: 0.18rem; } .blfybg_box .dd p{ flex: 1; min-width: 0; display: flex; align-items: center; } .blfybg_box .dd .p1 em{ margin-right: 0.4rem; } .blfybg_box .dd label{ height: 0.46rem; font-size: 0.18rem; display: flex; align-items: center; margin-right: 0.3rem; cursor: pointer; white-space: nowrap; } .blfybg_box .dd .p1 label:last-of-type{ margin-right: 0; } .blfybg_box .dd input[type="radio"], .blfybg_box .dd input[type="checkbox"]{ width: 0.2rem; height: 0.2rem; margin-right: 0.04rem; } .blfybg_box .dd ul{ flex-shrink: 0; width: calc(100% - 1.8rem); box-sizing: border-box; border: 1px solid #ccc; padding: 0.1rem 0.2rem; background: none; font-size: 0.2rem; border: 1px solid #ccc; } .blfybg_box .dd li{ display: flex; flex-wrap: wrap; align-items: center; } .blfybg_box .dd li input[type="text"]{ border: 0; border-bottom: 1px solid #ccc; } .blfybg_box .dd .div_sx{ display: block; width: 100%; margin-bottom: 0; margin-top: 0.2rem; } .blfybg_box .dd .div_sx span{ width: 100%; text-align: left; display: block; height: auto; margin-bottom: 0.14rem; } .blfybg_box .dd .div_sx textarea{ width: 100%; height: 2.0rem; resize: none; box-sizing: border-box; border: 1px solid #ccc; font-size: 0.2rem; line-height: 1.4; padding: 0.16rem 0.2rem; background: none; } .blfybg_box .div{ font-size: 0; margin-top: 0.3rem; text-align: center; } .blfybg_box .div h6{ text-align: left; font-size: 0.2rem; color: #b6352e; margin-bottom: 0.6rem; } .blfybg_box .div button{ width: 2.0rem; height: 0.6rem; border-radius: 0.1rem; background-color: #b6352e; color: #fff; font-size: 0.20rem; border: 0; margin-right: 0.3rem; } .blfybg_box .div button:last-of-type{ margin-right: 0; } @media (min-width: 1200px) { .head_box .nav_ul .ts_li p:hover{ height: 0.6rem; } .head_box .nav_ul .ts_li p:hover::after{ transform: rotate(-90deg); } .welcome_box .slide4 .ul li .swiper-button-prev:hover{ background-image: url(../img/jtzh.png); background-color: #c62424; } .welcome_box .slide4 .ul li .swiper-button-next:hover{ background-image: url(../img/jtyh.png); background-color: #c62424; } .qyjs_box .div2:hover i{ transform: scale(1.1); } .welcome_box .slide2 .dll dd:hover i{ transform: scale(1.1); } .welcome_box .slide6 .dl dt a:hover em{ transform: scale(1.1); } .welcome_box .slide6 .dl dt a:hover i{ bottom: 0; } .welcome_box .slide4 .ul li:hover i{ bottom: 0; } .welcome_box .slide4 .ul li:hover h6{ color: #c62424; } .welcome_box .slide4 .ul li:hover em img{ transform: translateY(-0.4rem); } .nav_box .divr .div h6 p a:hover{ color: #0a88c1; } .nav_box .divr .ul li p a:hover{ opacity: 1; } .nav_box .divl .h6 a:hover{ color: #c62424; } .welcome_box .slide6 .h6 a:hover{ color: #c62424; } .welcome_box .slide6 .dl dd a:hover::after{ background-position-x: 0; } .welcome_box .slide5 .ul a:hover{ background-color: rgba(255,255,255,0.1); box-shadow: 0 0 0.2rem rgba(0,0,0,0.3); } .welcome_box .slide3 .div ul li:hover a em{ transform: scale(1.1); } .welcome_box .slide3 .div ul li:hover a i{ bottom: 0; } .welcome_box .more_a:hover::before{ top: 3px; left: 3px; } .welcome_box .more_a:hover span{ background-color: #c62424; color: #fff; } .lxwm_box .div1 dl dt span:hover{ opacity: 1; } .lxwm_box .div1 dl dt span:hover::after{ opacity: 1; width: 100%; } .cpxq_box .div3 a:hover{ color: #bc2626; } .cplb_box .div1 li:hover em i{ transform: scale(1.1); } .cplb_box .div1 li:hover dl{ bottom: 0; opacity: 1; } .type_box a:hover em img{ margin-top: -0.34rem; } .type_box a:hover span{ color: #bc2626; } .xwxq_box .div2 a:hover{ color: #bc2626; } .xwfb_box .div3 li:hover a{ background-color: #ebebeb; } .xwfb_box .div3 li:hover small{ color: #bc2626; } .xwfb_box .div3 li:hover small::after{ background-position: 0 0; } .xwfb_box .div3 li:hover div h6{ color: #bc2626; } .xwfb_box .div2:hover dt i{ transform: scale(1.1); } .xwfb_box .div2 dd .m_a:hover{ background-color: #bc2626; } .xwfb_box .div2 dd .m_a:hover::after{ margin-left: 0.3rem; } .paging_div a:hover{ background-color: #0a88c1; color: #fff; } .xwfb_box .div1 li:hover em i{ transform: scale(1.1); } .xwfb_box .div1 li:hover div h6{ color: #bc2626; } .xwfb_box .div1 li:hover div span::after{ background-position: 0 0; } .crumb_box a:hover{ color: #bc2626; } .foot_box .div dt p a:hover{ opacity: 1; } .head_box .nav_ul li:hover a{ color: #bc2626; } .menu_dl:hover dt i:nth-of-type(2){ width: 100%; } .head_box .search_form:hover{ background-color: #b72222; } } @media (max-width: 1600px) { html{ font-size: 90px; } } @media (max-width: 1550px) { } @media (max-width: 1400px) { html { font-size: 80px; } .head_box .nav_ul li{ margin-right: 0.4rem; } } @media (max-width: 1300px) { } @media (max-width: 1200px) { body{ padding-top: 0.7rem; } .bodys{ padding-top: 0.7rem; } .head_box{ height: 0.7rem; z-index: 12; background-color: #fff; padding: 0; border-bottom: none; box-shadow: 0 0 0.15rem rgba(0,0,0,0.2); } .menu_dl{ right: auto; left: 0; width: 0.7rem; height: 0.7rem; } .head_box .search_form{ position: absolute; top: 0; right: 0; width: 0.7rem; height: 0.7rem; } .head_box .nav_ul{ display: block; } .head_box .nav_ul li{ display: none; } .head_box .logo_a{ display: block; margin: 0 auto; width: 2.0rem; height: 100%; background-size: auto 80%; } .head_box .logo_a{ line-height: 0.7rem; } .head_box .logo_a img{ height: 78%; width: auto; } .search_box{ padding: 1.1rem 4% 0.4rem; } .search_box form button{ height: 0.5rem; } .search_box form input{ height: 0.5rem; } .search_box form i{ width: 0.4rem; height: 0.5rem; text-align: center; line-height: 0.5rem; } .nav_box{ top: 0.7rem; } .nav_box .divl{ display: none; } .nav_box .divr{ width: 100%; } .nav_box .divr .div{ display: none; } .nav_box .divr .h6{ display: none; } .nav_box .divr .ul{ position: static; display: block; width: 100%; padding: 0.3rem 4%; box-sizing: border-box; } .nav_box .divr .ul li{ width: 100%; border-bottom: 1px solid rgba(255,255,255,0.2); } .nav_box .divr .ul li a small{ display: block; } .nav_box .divr .ul li p{ margin-top: 0; display: none; margin-bottom: 0; } .nav_box .divr .ul li>a{ line-height: 0.6rem; height: 0.6rem; font-size: 0.22rem; } .nav_box .divr .ul li p a{ margin-bottom: 0; font-size: 0.2rem; line-height: 2.2; } .banner_box{ position: relative; height: 52vw; } .banner_box h3 strong{ font-size: 0.36rem; } .banner_box h3 span{ font-size: 0.14rem; } .box{ margin-top: 0; } .w1500{ width: 92%; } .crumb_box .w1500{ display: flex; overflow-x: auto; } .crumb_box a{ flex-shrink: 0; } .foot_box{ padding: 4%; } .foot_box .w1500{ width: 100%; display: block; } .foot_box .logo_a{ display: none; width: 40%; } .foot_box .div h6{ display: none; } .foot_box .div dl{ display: block; margin-top: 0; } .foot_box .div dt{ margin-right: 0; } .foot_box .div dt p{ text-align: left; line-height: 1.6; margin-top: 0; } .foot_box .div dt p a:nth-of-type(2){ display: none; } .foot_box .div dd{ width: 1.2rem; display: none; } .scxt_box .div1{ padding: 0.4rem 0.3rem; } .scxt_box .div2 li{ display: block; } .scxt_box .div2 li em{ display: block; width: 100%; padding-bottom: 50%; } .scxt_box .div2 li dl{ width: 100%; padding: 0.4rem 0.3rem 0.4rem 0.80rem; } .scxt_box .div2 li .dl1{ padding: 0.4rem 0.3rem; } .xwfb_box form select{ width: 30%; height: 0.5rem; } .xwfb_box form input{ height: 0.5rem; width: calc(70% - 0.62rem); } .xwfb_box form button{ width: 0.5rem; height: 0.5rem; } .xwfb_box .div1{ margin-top: -0.3rem; } .xwfb_box .div1 li{ width: 100%; margin-right: 0; margin-top: 0.3rem; } .xwfb_box .div1 li div p{ height: 0.54rem; } .xwxq_box{ margin: 0.4rem auto; } .xwxq_box .h5{ font-size: 0.28rem; line-height: 1.4; } .xwfb_box .div2{ display: block; } .xwfb_box .div2 dt{ width: 100%; padding-bottom: 60%; } .xwfb_box .div2 dd{ width: 100%; padding: 0.4rem 0.3rem; } .xwfb_box .div3 li small{ width: 1.0rem; } .xwfb_box .div3 li div{ padding: 0 0.3rem; } .type_box{ overflow-x: auto; } .type_box a{ flex-shrink: 0; flex: none; width: 1.4rem; padding-top: 0.2rem; } .type_box a span{ margin-top: 0.14rem; } .cplb_box .div1{ margin-top: -0.3rem; } .cplb_box .div1 li{ width: 100%; margin-right: 0; margin-top: 0.3rem; } .cpxq_box{ margin-top: 0.4rem; } /* .cpxq_box .div1 .swiper-container{ width: 70%; } */ .cpxq_box .div1 .swiper-container{ padding-bottom: 0.4rem; } .cpxq_box .div1 dl dd p{ white-space: normal; } .qyjs_box .div1{ display: block; } .qyjs_box .div1 em{ display: block; width: 100%; } .qyjs_box .div1 dl{ width: 100%; padding: 0.4rem 0 0 0.5rem; } .video_box div{ width: 100%; } .video_box div i{ z-index: 3; left: auto; right: 0; width: 0.5rem; height: 0.5rem; line-height: 0.5rem; } .fzlc_box .swiper-container{ background: none; padding: 0; height: auto; } .fzlc_box .swiper-slide{ display: flex; } .fzlc_box .swiper-slide li{ flex-shrink: 0; width: calc(50% - 10px); margin-left: 0; height: auto; margin-right: 20px; } .fzlc_box .swiper-slide li:nth-of-type(2){ transform: translateX(0); margin-right: 0; } .fzlc_box .swiper-slide li h6{ position: static; transform: rotate(0); width: 100%; margin-bottom: 0.1rem; } .fzlc_box .swiper-slide li em{ width: 100%; } .scxt_box .div2 .divl{ display: block; width: 100%; padding-bottom: 68%; } .scxt_box .div2 .swiper-button-prev{ left: -0.4rem; } .scxt_box .div2 .swiper-button-next{ right: -0.4rem; } .scxt_box .div2 .swiper-container{ width: 100%; } .scxt_box .div2 .divr{ width: 100%; padding: 0.4rem 0.3rem; } .zscq_box .div1 dl dd p{ width: 49%; margin-right: 2%; } .zscq_box .div1 dl dd p:nth-of-type(2n){ margin-right: 0; } .lxwm_box .div1{ display: block; height: auto; } .lxwm_box .div1 #map{ position: static; width: 100%; height: 68vw; } .lxwm_box .div1 form{ width: 100%; padding: 0.4rem 0; } .lxwm_box .div1 dl{ width: 92%; margin: 0 auto 0.3rem; position: static; transform: translate(0); } .slideYd{ transform: translateY(0); opacity: 1; } .slideXl{ transform: translateX(0); opacity: 1; } .slideXr{ transform: translateX(0); opacity: 1; } .zoomX{ transform: scale(1); opacity: 1; } .welcome_box{ height: calc(100vh - 0.7rem); } .welcome_box .slide2 .dll{ width: 100%; background: none; padding: 1.1rem 8% 0.4rem; box-sizing: border-box; } .welcome_box .h5 small{ opacity: 0.05; font-size: 0.9rem; } .welcome_box .slide2 .dlr .swiper-container{ display: none; } .welcome_box .slide2 .dll dt a{ position: absolute; right: 0; top: 0; bottom: auto; } .welcome_box .slide2 .dll dd{ position: absolute; width: 84%; height: 32%; left: 8%; bottom: 0.4rem; } .welcome_box .slide2 .dll dt{ position: absolute; left: 8%; top: 0.5rem; width: 84%; padding: 0; display: block; height: auto; } .welcome_box .slide2 .dll dt p{ margin: 0.4rem 0; } .welcome_box .slide2 .dlr .ul{ flex-wrap: wrap; position: absolute; width: 84%; top: 32%; left: 8%; height: auto; padding: 0; } .welcome_box .slide2 .dlr .ul li{ flex-shrink: 0; width: 50%; margin-top: 0.3rem; } .welcome_box .slide2 .dlr .ul i{ display: none; } .welcome_box .slide2 .dlr .ul li img{ width: 0.6rem; } .welcome_box .slide3{ padding: 1.1rem 8% 0; background: none; display: block; } .welcome_box .slide3 .h5{ left: 8%; top: 0.5rem; } .welcome_box .slide3 .h6{ display: block; margin: 0.4rem 0; } .welcome_box .slide3 .div ul li:nth-of-type(1), .welcome_box .slide3 .div ul li:nth-of-type(2){ margin-top: 0; } .welcome_box .slide3 .div ul{ flex-wrap: wrap; flex-shrink: 0; width: 100%; } .welcome_box .slide3 .div ul li{ width: 48%; padding-bottom: 60%; margin-right: 4%; margin-top: 0.3rem; } .welcome_box .slide3 .div ul li:nth-of-type(2n){ margin-right: 0; } .welcome_box .slide3 .div{ position: static; } .welcome_box .slide3 .div .more_i{ right: 8%; top: 0.5rem; bottom: auto; } .welcome_box .slide3 .div .more_i .more_a{ margin: 0 auto; } .welcome_box .slide3 .div ul li a div{ padding: 0 0.26rem 0.26rem; } .welcome_box .slide4{ padding: 1.6rem 8% 8%; box-sizing: border-box; } .welcome_box .slide4 .div .h5{ left: 8%; top: 0.5rem; color: #333; } .welcome_box .slide4 .div .h5 small{ color: #d32626; } .welcome_box .slide4 .div{ position: absolute; top: 0; left: 0; width: 100%; padding: 0; } .welcome_box .slide4 .div .bg_em{ display: none; } .welcome_box .slide4 .ul{ width: 100%; box-shadow: 0 0 0.15rem rgba(0,0,0,0.1); } .welcome_box .slide4 .ul li.ts_li, .welcome_box .slide4 .ul li:nth-of-type(7){ display: none; } .welcome_box .slide4 .ul li{ width: 50%; } .welcome_box .slide4 .ul li:nth-of-type(2n){ background-color: #fff; } .welcome_box .slide4 .ul li:nth-of-type(2), .welcome_box .slide4 .ul li:nth-of-type(3), .welcome_box .slide4 .ul li:nth-of-type(6){ background-color: #f9f9f9; } .welcome_box .slide4 .div .swiper-container{ padding-bottom: 0.4rem; display: none; } .welcome_box .slide4 .div .swiper-pagination{ display: block; } .welcome_box .slide5{ padding: 1.1rem 8% 0; } .welcome_box .slide5 .h5{ left: 8%; top: 0.5rem; } .welcome_box .slide5 .ul{ width: 80%; margin: 0 auto; margin-top: -24%; } .welcome_box .slide5 .ul li{ width: 100%; margin-right: 0; margin-top: 0.2rem; margin-bottom: 0.2rem; } .welcome_box .slide5 .ul a{ padding: 0.2rem 0; border: 1px solid rgba(255,255,255,0.3); } .welcome_box .slide5 .ul a img{ width: 1.2rem; } .welcome_box .slide5 .ul a h6{ font-size: 0.24rem; margin-top: 0.3rem; } .welcome_box .slide5 .ul .active_li a{ background: none; box-shadow: none; } .welcome_box .slide6{ padding: 1.1rem 8% 0; background: none; } .welcome_box .slide6 .more_a span{ background-color: #f9f9f9; } .welcome_box .slide6 .h5{ left: 8%; top: 0.5rem; } .welcome_box .slide6 .more_i{ right: 8%; top: 0.5rem; } .welcome_box .slide6 .dl{ display: block; height: auto; } .welcome_box .slide6 .dl dt{ width: 100%; height: 50vw; margin-bottom: 0.2rem; } .welcome_box .slide6 .dl dt div{ padding: 0 0.3rem; } .welcome_box .slide6 .dl dt div p{ display: none; } .welcome_box .slide6 .dl dd{ width: 100%; height: auto; padding: 0 0.3rem; } .welcome_box .slide6 .dl dd a{ padding: 0.2rem 0.5rem 0.2rem 0; } .welcome_box .slide6 .dl dd a span{ margin-top: 0.1rem; } .welcome_box .slide6 .h6 a.a1{ margin-left: 0; } .xwfb_box .div3 li small{ display: none; } .xwfb_box .div3 li div{ flex: none; flex-shrink: 0; width: calc(100% - 1.0rem); } .head{ opacity: 1; } .welcome_box .slide0{ display: none; } .welcome_box .slide6 .h6{ display: none; } .welcome_box .slide6 .dl dd a p{ height: 0.3rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin-bottom: 0; } .welcome_box #pc{ display: none; } .welcome_box #yd{ display: block; } .qyjs_box .div2{ padding-bottom: 60%; } .qyjs_box .div2::after{ width: 0.7rem; height: 0.7rem; } .qyjs_box .div1 em img:nth-of-type(2){ display: none; } .fzlc_box .swiper-container::before{ display: none; } .fzlc_box .swiper-slide li::before{ display: none; } .fzlc_box .swiper-button-prev{ display: none; } .fzlc_box .swiper-button-next{ display: none; } .fzlc_box .swiper-slide li{ border-left: none; padding: 0; } .qyhj_box .div1 dl{ display: block; height: auto; } .qyhj_box .div1 dl dt{ width: 100%; padding-bottom: 60%; } .qyhj_box .div1 dl dd{ width: 100%; } .qyhj_box .div1 dl dd i{ padding-bottom: 60%; margin-top: 0.2rem; } .xwfb_box .div2 dd h6{ line-height: 1.4; } .xwfb_box .div3 li div p{ height: 0.58rem; } .foot_box .div dt p span a{ display: block; } .foot_box .div dt p i{ display: block; } .head_box .nav_ul .ts_li { display: block; position: absolute; top: -10%; left: 75%; z-index: 12222; } .head_box .nav_ul .ts_li p a{ color: #111; } .head_box .nav_ul .ts_li p::after{ display: none; } .blfybg_box .dt{ height: 0.7rem; line-height: 0.7rem; padding: 0 0.2rem; font-size: 0.24rem; } .blfybg_box .dd{ display: block; padding: 0.2rem; } .blfybg_box .dd div{ width: 100%; display: block; } .blfybg_box .dd div span{ width: 100%; padding-right: 0; display: block; height: auto; margin-bottom: 0.1rem; text-align: left; } .blfybg_box .dd div em{ flex: none; flex-shrink: 0; display: block; width: 100%; } .blfybg_box .dd ul{ width: 100%; } .blfybg_box .dd li em{ flex: none; flex-shrink: 0; width: 100%; } .blfybg_box .dd li input[type="text"]{ border: 1px solid #ccc; } .blfybg_box .dd label{ margin-right: 0.2rem; } .blfybg_box .dd p{ border: 1px solid #ccc; padding-left: 0.2rem; flex-wrap: wrap; } .blfybg_box .dd p{ padding: 0.2rem; } .blfybg_box .dd div .em1{ width: 100%; } .blfybg_box .div button{ width: 47%; margin-right: 6%; height: 0.68rem; } } @media (max-width: 380px){ html { font-size: 70px; } }