@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 "Noto Sans SC","Arial","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; /* -ms-interpolation-mode: nearest-neighbor; image-rendering: pixelated; */ } #md{ display: block; transform: translateY(-0.9rem); } html{ font-size: 100px; } body{ color: #333; overflow-x: hidden; background-color: #fff; } .clear_both::after{ content: "."; display: block; height: 0; visibility: hidden; clear: both; } /*.w1600{ max-width: 1600px; width: 82%; display: block; margin: 0 auto; box-sizing: border-box; }*/ .w1760{ max-width: 1760px; width: 91.6%; display: block; margin: 0 auto; box-sizing: border-box; } .mCSB_inside>.mCSB_container{ margin-right: 0.2rem; } .mCSB_scrollTools .mCSB_draggerRail{ background-color: rgba(0,0,0,0.2); } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #C90918 !important; } /*.swiper-button-prev,.swiper-button-next,.swiper-pagination-bullet{ outline: none; }*/ .head_box{ position: fixed; z-index: 9; width: calc(100% - 2.0rem); /* height: 1.26rem; */ /* border-bottom: 2px solid rgba(255,255,255,0.4); */ top: 0; left: 1.0rem; box-sizing: border-box; /* display: flex; justify-content: space-between; align-items: center; transition: all 0.5s ease; */ padding:0px !important; } .head_box .top{ box-sizing: border-box; display: flex; justify-content: space-between; align-items: center; transition: all 0.5s ease; /* overflow: hidden; */ padding: 0 0.6rem; } .head_box .logo_a{ flex-shrink: 0; height: 100%; overflow: hidden; transition: all 0.5s ease; display: flex; align-items: center; } .head_box .logo_a .img1{ width: 220px; height: 100px; background-image: url(../img/css_sprites.png); animation:run 5s steps(1) 0s infinite both; margin-left: -70px; transform: translateY(-20%); } @keyframes run{ 0%{background-position: -10px -10px} 1%{background-position: -250px -10px} 2%{background-position: -10px -180px} 3%{background-position: -250px -180px} 4%{background-position: -490px -10px} 5%{background-position: -490px -180px} 6%{background-position: -10px -350px} 7%{background-position: -250px -350px} 8%{background-position: -490px -350px} 9%{background-position: -10px -520px} 10%{background-position: -250px -520px} 11%{background-position: -490px -520px} 12%{background-position: -730px -10px} 13%{background-position: -730px -180px} 14%{background-position: -730px -350px} 15%{background-position: -730px -520px} 16%{background-position: -10px -690px} 17%{background-position: -250px -690px} 18%{background-position: -490px -690px} 19%{background-position: -730px -690px} 20%{background-position: -970px -10px} 21%{background-position: -970px -180px} 22%{background-position: -970px -350px} 23%{background-position: -970px -520px} 24%{background-position: -970px -690px} 25%{background-position: -10px -860px} 26%{background-position: -250px -860px} 27%{background-position: -490px -860px} 28%{background-position: -730px -860px} 29%{background-position: -970px -860px} 30%{background-position: -10px -1030px} 31%{background-position: -250px -1030px} 32%{background-position: -490px -1030px} 33%{background-position: -730px -1030px} 34%{background-position: -970px -1030px} 35%{background-position: -1210px -10px} 36%{background-position: -1210px -180px} 37%{background-position: -1210px -350px} 38%{background-position: -1210px -520px} 39%{background-position: -1210px -690px} 40%{background-position: -1210px -860px} 41%{background-position: -1210px -1030px} 42%{background-position: -10px -1200px} 43%{background-position: -250px -1200px} 44%{background-position: -490px -1200px} 45%{background-position: -730px -1200px} 46%{background-position: -970px -1200px} 47%{background-position: -1210px -1200px} 48%{background-position: -1450px -10px} 49%{background-position: -1450px -180px} 50%{background-position: -1450px -350px} 51%{background-position: -1450px -520px} 52%{background-position: -1450px -690px} 53%{background-position: -1450px -860px} 54%{background-position: -1450px -1030px} 55%{background-position: -1450px -1200px} 56%{background-position: -10px -1370px} 57%{background-position: -250px -1370px} 58%{background-position: -490px -1370px} 59%{background-position: -730px -1370px} 60%{background-position: -970px -1370px} 61%{background-position: -1210px -1370px} 62%{background-position: -1450px -1370px} 63%{background-position: -1690px -10px} 64%{background-position: -1690px -180px} 65%{background-position: -1690px -350px} 66%{background-position: -1690px -520px} 67%{background-position: -1690px -690px} 68%{background-position: -1690px -860px} 69%{background-position: -1690px -1030px} 70%{background-position: -1690px -1200px} 71%{background-position: -1690px -1370px} 72%{background-position: -10px -1540px} 73%{background-position: -250px -1540px} 74%{background-position: -490px -1540px} 75%{background-position: -730px -1540px} 76%{background-position: -970px -1540px} 77%{background-position: -1210px -1540px} 78%{background-position: -1450px -1540px} 79%{background-position: -1690px -1540px} } .head_box .nav_more{ width:100%; height:0px; background: #e6e6e6; /* position: absolute; */ /* top:100%; left:0px; */ padding-left:20%; display: flex; overflow: hidden; transition: all 0.5s; box-sizing: border-box; } .head_box .nav_more .left{ width:300px; height:200px; position: relative; background: #ffffff; } .head_box .nav_more .left img{ position: absolute; height:200px; right:0px; top:0px; z-index:0; opacity: 0.65; } .head_box .nav_more .left .name{ position: absolute; color:#ffffff; top:20%; left:40%; font-size:24px; } .head_box .nav_more .nav_list{ padding:20px 0px 20px 50px; display: flex; } .head_box .nav_more .nav_list li{ width:250px; height:40px; line-height: 40px; transition: all 0.5s; border-left:5px solid #e6e6e6; } .head_box .nav_more .nav_list li:hover{ background: #ffffff; border-left:5px solid #5271f6; } .head_box .nav_more .nav_list li a{ display: block; padding-left: 15px; } /* .head_box .logo_a img:nth-of-type(1){ margin-left: -60px; } */ /* .head_box .logo_a span{ position: relative; display: block; margin: 0 auto; width: 100%; height: 100%; transition: all 0.5s ease; background-image: url(../img/logo2.gif); background-size: 110%; background-repeat: no-repeat; background-position: center; opacity: 0; transform: scale(0.7); animation: dhh2 2s ease forwards; } */ /* @keyframes dhh2 { 0% { opacity: 0; transform: scale(0.7); } 100% { opacity: 1; transform: scale(1); } } */ /* .head_box .logo_a span::after{ content: ""; position: absolute; top: 0; opacity: 0; left: 100%; width: 1.26rem; height: 100%; background-image: url(../img/gy.png); background-size: 100% 100%; animation: dhh 1.5s ease; } */ /* @keyframes dhh { 0% { left: -1.26rem; opacity: 0; } 100% { left: 100%; opacity: 1; } } */ .head_box .div{ display: flex; height: 100%; align-items: center; position: relative; } .head_box .div .gp_code{ position: absolute; top:5px; right: 0px; color:#ffffff; } .head_box .nav_ul{ height: 100%; text-align: center; font-size: 0; } .head_box .nav_ul li{ display: inline-block; vertical-align: top; height: 100%; position: relative; } .head_box .nav_ul li>a{ display: block; padding: 0 0.26rem; height: 100%; line-height: 1.26rem; font-size: 0.18rem; color: #fff; transition: all 0.5s ease; } .head_box .nav_ul li.active>a{ color: #ef3133; } .head_box .nav_ul li p{ display: none; position: absolute; padding: 0.12rem 0; width: 100%; top: 100%; left: 0; background-color: #fff; box-shadow: 0 5px 10px rgba(0,0,0,0.2); } .head_box .nav_ul li p a{ display: block; text-align: center; line-height: 2.2; font-size: 0.14rem; color: #333; transition: all 0.5s ease; } .head_box.ny_head_box{ background-color: rgba(2, 72, 144, 1); } .head_box.ny_head_box .nav_ul li>a{ color:#ffffff; } .head_box .ss_form{ width: 0.3rem; height: 0.3rem; position: relative; } .head_box .ss_form input{ position: absolute; border-radius: 0.15rem; top: 0; right: 0; width: 0; height: 100%; border: none; background-color: #fff; box-sizing: border-box; padding: 0 0.15rem; transition: all 0.5s ease; } .head_box .ss_form button{ position: relative; border: none; width: 100%; height: 100%; background: none; background-image: url(../img/tb1.png); background-size: 100% 100%; } .head_box .gwc_a{ font-size: 0.16rem; height: 0.3rem; white-space: nowrap; line-height: 0.3rem; color: rgba(255,255,255,0.5); padding-left: 0.4rem; background-repeat: no-repeat; background-image: url(../img/tb2.png); background-size: 0.3rem 0.3rem; margin: 0 0.12rem; } /* .head_box .yy_a{ width: 0.39rem; height: 0.16rem; background-repeat: no-repeat; background-image: url(../img/tb3.png); background-size: 100% 100%; } */ .head_box .yy_dl{ height: 0.24rem; line-height: 0.24rem; margin-left: 0.2rem; position: relative; cursor: pointer; padding-right: 0.2rem; } .head_box .yy_dl::after{ content: "鈼?; position: absolute; line-height: 0.2rem; top: 0; right: 0; font-size: 0.18rem; transform: rotate(45deg); color: #fff; transition: all 0.5s ease; } .head_box .yy_dl dt{ font-size: 0.16rem; color: rgba(255,255,255,0.5); } .head_box .yy_dl dd{ position: absolute; width: 100%; top: 100%; left: 0; padding: 0.06rem 0; border-radius: 0.06rem; background-color: #fff; text-align: center; display: none; } .head_box .yy_dl dd a{ display: block; font-size: 0.14rem; color: #666; transition: all 0.5s ease; } .headb_box{ width: 100%; padding: 0 0.6rem; left: 0; /* height: 0.9rem; */ background-color: rgba(2,72,144,0.6); } .headb_box .logo_a{ transform: scale(0.8); } .headb_box .logo_a span{ background-size: 110%; } .headb_box .nav_ul li>a{ height: 0.9rem; line-height: 0.9rem; } .more_a{ display: block; width: 1.76rem; height: 0.42rem; line-height: 0.42rem; border-radius: 0.21rem; background-color: #c01920; color: #fff; box-sizing: border-box; text-align: center; font-size: 0.14rem; } .more_a::after{ content: ""; display: inline-block; vertical-align: middle; margin-top: -0.04rem; width: 0.15rem; height: 0.13rem; background-image: url(../img/jt1.png); background-size: 100% 100%; margin-left: 0.5rem; transition: all 0.5s ease; } /*.swiper-pagination{ bottom: 0.3rem !important; font-size: 0; } .swiper-pagination span{ vertical-align: top; width: 0.1rem; height: 0.1rem; background-color: #fff; opacity: 1; margin: 0 0.06rem !important; transition: all 0.5s ease; } .swiper-pagination span.swiper-pagination-bullet-active{ background-color: #ef3133 !important; }*/ .title_h5{ text-align: center; margin-bottom: 0.54rem; } .title_h5 strong{ display: block; font-size: 0.48rem; font-weight: normal; margin-bottom: 0.24rem; } .title_h5 p{ width: 70%; font-size: 0.18rem; line-height: 1.8; color: #666; margin: 0 auto; } .swiper_box{ height: 100vh; } .swiper_box .swiper-slide{ overflow: hidden; } .swiper_box .swiper-slide video{ position: absolute; width: 100%; height: auto; top: 50%; left: 0; transform: translateY(-50%); } .swiper_box .swiper-slide i{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-size: cover; background-position: center; transform: scale(1.1); animation: dh0 12s infinite 1s; } @keyframes dh0 { 0% { transform: scale(1.1); } 50% { transform: scale(1); } 100% { transform: scale(1.1); } } .swiper_box .active_slide img{ transform: scale(1); } .swiper_box .swiper-slide div{ position: absolute; top: 50%; left: 9%; transform: translateY(-50%); color: #fff; } .swiper_box .swiper-slide div h6{ font-size: 0.52rem; opacity: 0; transform: translateY(1rem); transition: all 0.8s; margin-bottom: 0.2rem; } .swiper_box .swiper-slide div p{ font-size: 0.52rem; margin-bottom: 0.4rem; opacity: 0; transform: translateY(1rem); transition: all 0.8s 0.2s; } .swiper_box .swiper-slide div span{ display: block; opacity: 0; transform: translateY(1rem); transition: all 0.8s 0.4s; } .swiper_box .active_slide div h6{ opacity: 1; transform: translateY(0); text-shadow: 0 0 0.2rem rgba(0,0,0,0.2); } .swiper_box .active_slide div p{ opacity: 1; transform: translateY(0); } .swiper_box .active_slide div span{ opacity: 1; transform: translateY(0); } .foot_box{ } .foot_box .div1{ background-color: #f8f8f8; } .foot_box .div1 .w1600{ display: flex; justify-content: space-between; } .foot_box .ul{ flex: 1; display: flex; box-sizing: border-box; padding-right: 8%; margin-right: 6%; justify-content: space-between; border-right: 1px solid #e4e4e4; } .foot_box .ul li{ } .foot_box .ul li a{ display: block; font-size: 0.14rem; color: #999; margin-top: 0.14rem; transition: all 0.5s ease; } .foot_box .ul li a:first-of-type{ font-size: 0.16rem; color: #333; margin-bottom: 0.16rem; } .foot_box .dl{ flex-shrink: 0; width: 5.68rem; } .foot_box .dl dt{ display: flex; justify-content: space-between; } .foot_box .dl dt div{ display: flex; align-items: center; } .foot_box .dl dt div img{ width: 1.12rem; } .foot_box .dl dt div p{ padding-left: 0.18rem; } .foot_box .dl dt div p span{ display: block; font-size: 0.14rem; color: #999; margin-bottom: 0.14rem; } .foot_box .dl dt div p strong{ display: block; font-size: 0.16rem; color: #333; font-weight: normal; } .foot_box .dl dd{ display: flex; margin-top: 0.24rem; justify-content: space-between; } .foot_box .dl dd h6{ width: 49%; cursor: pointer; position: relative; } .foot_box .dl dd h6 span{ display: block; width: 100%; height: 0.44rem; line-height: 0.44rem; border: 1px solid #cbcbcb; box-sizing: border-box; padding: 0 0.2rem; font-size: 0.16rem; color: #666; transition: all 0.5s ease; } .foot_box .dl dd h6::after{ content: "鈻?; position: absolute; top: 50%; margin-top: -0.06rem; right: 0.12rem; color: #666; font-size: 0.12rem; transform: scaleY(0.6); transition: all 0.5s ease; } .foot_box .dl dd h6.active span{ color: #ef3133; } .foot_box .dl dd h6.active::after{ color: #ef3133; transform: scaleY(0.6) rotate(-180deg);; } .foot_box .dl dd h6 p{ position: absolute; width: 100%; background-color: #fff; top: 100%; left: 0; padding: 0.1rem 0; display: none; } .foot_box .dl dd h6 p a{ display: block; box-sizing: border-box; font-size: 0.14rem; line-height: 1.8; padding: 0 0.2rem; transition: all 0.5s ease; } .foot_box .div2{ background-color: #0f649b; padding: 0.36rem 0; font-size: 0.14rem; color: #fff; } .foot_box .div2 .w1600{ display: flex; align-items: center; justify-content: space-between; } .foot_box .div2 h6{ display: flex; align-items: center; } .foot_box .div2 h5 a{ color: #fff; margin-left: 0.1rem; } .foot_box .div2 .bdsharebuttonbox{ margin-right: 0.3rem; } .foot_box .div2 .bdsharebuttonbox a{ display: inline-block; vertical-align: top; margin: 0; padding: 0; width: 0.23rem; height: 0.23rem; margin-right: 0.2rem; background-size: 100% 100%; } .foot_box .div2 .bdsharebuttonbox .wb_a{ background-image: url(../img/tb9.png); } .foot_box .div2 .bdsharebuttonbox .wx_a{ background-image: url(../img/tb10.png); } .foot_box .div2 .bdsharebuttonbox .qq_a{ background-image: url(../img/tb11.png); margin-right: 0; } .foot_box .div2 p{ display: flex; align-items: center; } .foot_box .div2 p a{ color: #fff; opacity: 0.5; } .foot_box .div2 p i{ width: 1px; height: 8px; background-color: #fff; opacity: 0.5; margin: 0 0.1rem; } .foot_box .div2 p span{ width: 0.21rem; height: 0.18rem; background-image: url(../img/tb12.png); background-size: 100% 100%; margin-left: 0.36rem; cursor: pointer; } .welcome_box{ } /*.welcome_box .htsj_box{ background-color: #f9f9f9; }*/ .welcome_box .div2{ display: flex; height: 27vw; justify-content: space-between; } .welcome_box .div2 .divl{ flex-shrink: 0; width: 32.5%; background-image: url(../img/tp9.jpg); background-position: center; background-size: cover; box-sizing: border-box; color: #fff; padding: 0 0.4rem; display: flex; flex-direction: column; justify-content: center; } .welcome_box .div2 .divl::before{ content: ""; position: absolute; width: 0.6rem; height: 0.6rem; background-image: url(../img/tb4.png); background-size: 100% 100%; top: 50%; left: 50%; transform: translate(-50%,-50%); } .welcome_box .div2 .divl h6{ font-size: 0.3rem; margin-bottom: 0.28rem; } .welcome_box .div2 .divl p{ font-size: 0.16rem; line-height: 1.8; width: 90%; margin-bottom: 14%; } .welcome_box .div2 .divl a{ background-color: rgba(193,25,32,0); border: 1px solid #fff; transition: all 0.5s ease; } .welcome_box .div2 .divr{ flex-shrink: 0; width: 38.5%; box-sizing: border-box; border: 1px solid #bfbfbf; } .welcome_box .div2 .divr:nth-of-type(2){ width: 26.5%; } .welcome_box .div2 .divr .h5{ height: 0.64rem; border-bottom: 1px solid #bfbfbf; display: flex; align-items: center; justify-content: space-between; font-size: 0.24rem; background-color: #f5f5f5; padding: 0 0.34rem; } .welcome_box .div2 .divr .h5 a{ font-size: 0.16rem; transition: all 0.5s ease; } .welcome_box .div2 .divr ul{ height: calc(100% - 0.65rem); padding: 0.2rem 0.34rem; box-sizing: border-box; } .welcome_box .div2 .divr ul li{ display: flex; flex-direction: column; justify-content: center; height: 25%; } .welcome_box .div2 .divr ul li .a1{ font-size: 0.18rem; color: #666; line-height: 1.6; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; transition: all 0.5s ease; } .welcome_box .div2 .divr ul li span{ font-size: 0.12rem; color: #999; margin-top: 0.08rem; display: block; } .welcome_box .div2 .divr ul li span a{ display: inline-block; vertical-align: top; color: #666; padding-right: 0.1rem; border-right: 1px solid #ccc; margin-right: 0.08rem; } .welcome_box .div2 .divr:nth-of-type(2) div a{ height: 33.33%; } .welcome_box .div2 .divr:nth-of-type(2) div a p{ height: 0.56rem; white-space: normal; overflow: hidden; } .welcome_box .div4{ } .welcome_box .div4 ul{ display: flex; align-items: center; justify-content: space-between; } .welcome_box .div4 ul li{ font-size: 0; } .welcome_box .div4 ul i{ flex-shrink: 0; width: 1px; height: 0.75rem; background-color: #e6e7e8; } .welcome_box .div4 ul li div{ display: inline-block; vertical-align: bottom; } .welcome_box .div4 ul li div strong{ font-size: 1.2rem; display: block; font-family: "BEBAS"; font-weight: normal; } .welcome_box .div4 ul li div small{ font-size: 0.36rem; margin-left: 0.1rem; } .welcome_box .div4 ul li:nth-of-type(1) div small{ font-size: 0.18rem; } .welcome_box .div4 ul li div p{ font-size: 0.15rem; margin-top: 0.2rem; } .welcome_box .div4 ul li img{ display: inline-block; vertical-align: bottom; width: 0.72rem; margin-left: 0.2rem; margin-bottom: -0.04rem; } .welcome_box .div3{ position: relative; background-color: #f2f2f2; } /* .welcome_box .div3 .diva{ position: absolute; z-index: 5; top: 0.7rem; left: 9%; width: 26%; } */ .welcome_box .div3 .title_h5{ position: absolute; z-index: 5; top: 0.7rem; left: 9%; width: 18%; text-align: left; } .welcome_box .div3 .title_h5 p{ margin: 0; width: 100%; } .welcome_box .div3 .title_h5 span{ display: block; } .welcome_box .div3 .title_h5 a{ display: block; width: 1.86rem; height: 0.48rem; border-radius: 0.04rem; background-color: #ef3133; color: #fff; text-align: center; line-height: 0.48rem; font-size: 0.18rem; margin-top: 0.32rem; transition: all 0.5s ease; } .welcome_box .div3 .title_h5:nth-of-type(2){ display: none; } .welcome_box .div3 .divb{ } .welcome_box .div3 .divc{ position: absolute; z-index: -1; width: 100%; height: 100%; top: -8%; left: 22%; transform: scale(0.3); opacity: 0; transition: all 0.8s ease; } .welcome_box .div3 .show_divc{ position: absolute; z-index: 3; width: 100%; height: 100%; top: 0; left: 0; transform: scale(1); opacity: 1; } .welcome_box .div3 .dti{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-size: contain; background-repeat: no-repeat; background-position: center; transition: all 1.0s ease; } .welcome_box .div3 .sjdt_img{ width: 90%; margin-left: 10%; } .welcome_box .div3 .i2{ } .welcome_box .div3 .i3{ z-index: 4; width: 2.61rem; height: 2.61rem; top: 26.4%; left: 66.8%; } .welcome_box .div3 ul{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .welcome_box .div3 ul li{ position: absolute; z-index: 6; width: 0.36rem; height: 0.44rem; cursor: pointer; transform: translate(-50%,-50%); } .welcome_box .div3 ul li i{ display: block; width: 100%; height: 100%; position: relative; background-image: url(../img/tb5.png); background-size: 100% 100%; transform: scale(0.8); } .welcome_box .div3 ul #li1{ width: 0.22rem; height: 0.22rem; } .welcome_box .div3 ul #li1 i{ background: none; background-color: #e51a28; border-radius: 50%; } .welcome_box .div3 ul #li1 i::before{ content: ""; position: absolute; width: 100%; height: 100%; border-radius: 50%; top: 0; left: 0; opacity: 0; background-color: #e51a28; animation: dh9 3s linear infinite; } .welcome_box .div3 ul #li1 i::after{ content: ""; position: absolute; width: 100%; height: 100%; border-radius: 50%; top: 0; left: 0; opacity: 0; background-color: #e51a28; animation: dh9 3s 1.5s linear infinite } @keyframes dh9 { 0% { opacity: 0; transform: scale(0); } 75% { opacity: 0.4; transform: scale(5); } 100% { opacity: 0; transform: scale(6); } } .welcome_box .div3 ul li span{ position: absolute; white-space: nowrap; font-size: 0.15rem; top: 110%; left: 50%; transform: translateX(-50%); transition: all 0.5s ease; } .welcome_box .div3 ul #li1 span{ top: 160%; } .welcome_box .div3 .ul1 li:nth-of-type(1){ top: 39%; left: 56%; } .welcome_box .div3 .ul1 li:nth-of-type(2){ top: 20.5%; left: 37.5%; } .welcome_box .div3 .ul1 li:nth-of-type(3){ top: 24.8%; left: 34%; } .welcome_box .div3 .ul1 li:nth-of-type(3) span{ margin-left: -0.4rem; margin-top: -0.2rem; } .welcome_box .div3 .ul1 li:nth-of-type(4){ top: 24%; left: 35.4%; } .welcome_box .div3 .ul1 li:nth-of-type(5){ top: 63.8%; left: 95.5%; } .welcome_box .div3 .ul1 li:nth-of-type(6){ top: 80.5%; left: 38.5%; } .welcome_box .div3 .ul1 li:nth-of-type(7){ top: 37.8%; left: 39.5%; } .welcome_box .div3 .ul1 li:nth-of-type(8){ top: 46.8%; left: 47.5%; } .welcome_box .div3 .ul1 li:nth-of-type(9){ top: 59%; left: 53.2%; } .welcome_box .div3 .ul2 li:nth-of-type(1){ top: 55%; left: 72.4%; } .welcome_box .div3 .ul2 li:nth-of-type(2){ top: 17%; left: 76%; } .welcome_box .div3 .ul2 li:nth-of-type(3){ top: 32%; left: 74%; } .welcome_box .div3 .ul2 li:nth-of-type(4){ top: 37%; left: 68.3%; } .welcome_box .div3 .ul2 li:nth-of-type(5){ top: 52%; left: 62%; } .welcome_box .div3 .ul2 li:nth-of-type(6){ top: 61%; left: 57.4%; } .welcome_box .div3 .ul2 li:nth-of-type(7){ top: 78%; left: 66.4%; } .welcome_box .div3 .ul2 li:nth-of-type(8){ top: 80%; left: 68%; } .welcome_box .div3 .ul2 li:nth-of-type(9){ top: 71%; left: 71%; } .welcome_box .div3 .ul2 li:nth-of-type(10){ top: 62%; left: 73%; } .welcome_box .div3 ul li.active{ z-index: 6; } .welcome_box .div3 ul li.active span{ color: #C80917; } /* .welcome_box .div3 ul li.active i{ animation: dhs 1.0s ease infinite; } @keyframes dhs { 0% { transform: translateY(0) } 65% { transform: translateY(-0.1rem) } 100% { transform: translateY(0) } } */ .welcome_box .div3 ul li .divs{ position: absolute; bottom: 38%; left: -50%; transform: translateX(-50%); width: 6.12rem; height: 2.42rem; background-image: url(../img/tp64.png); background-size: 100% 100%; box-sizing: border-box; padding: 0.22rem 0.26rem 0; display: none; } .welcome_box .div3 ul li .swiper-pagination{ position: static; width: 100%; text-align: center; margin-top: 0.2rem; } .welcome_box .div3 ul li .swiper-pagination span{ display: inline-block; vertical-align: top; background-color: #dcdcdc; } .welcome_box .div3 ul li .swiper-container{ } .welcome_box .div3 ul li .swiper-slide{ display: flex; align-items: center; } .welcome_box .div3 ul li .swiper-slide dt{ flex-shrink: 0; width: 2.08rem; height: 1.4rem; background-size: cover; background-position: center; } .welcome_box .div3 ul li .swiper-slide dd{ flex: 1; box-sizing: border-box; padding-left: 0.3rem; } .welcome_box .div3 ul li .swiper-slide dd h5{ font-size: 0.24rem; margin-bottom: 0.14rem; color: #C80917; } .welcome_box .div3 ul li .swiper-slide dd h6{ font-size: 0.18rem; margin-bottom: 0.14rem; } .welcome_box .div3 ul li .swiper-slide dd p{ font-size: 0.14rem; color: #666; line-height: 1.6; height: 0.6rem; overflow: hidden; } .welcome_box .div3 .ul2 li .swiper-slide dd p{ height: 0.2rem; } .welcome_box .div3 ol{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 2; } .welcome_box .div3 ol li{ position: absolute; top: 0; right: 0; background-size: cover; background-position: right top; } .welcome_box .div3 ol li:nth-of-type(1){ top: 22%; right: 44%; width: 18.2%; height: 17.2%; background-image: url(../img/xx1.png); animation: dh1 3.8s infinite; } @keyframes dh1 { 0% { width: 0; opacity: 0; } 80% { width: 18.2%; opacity: 1; } 100% { opacity: 0; } } .welcome_box .div3 ol li:nth-of-type(2){ top: 25%; right: 44%; width: 22.4%; height: 14.5%; background-image: url(../img/xx2.png); animation: dh2 4s infinite; } @keyframes dh2 { 0% { width: 0; opacity: 0; } 80% { width: 22.4%; opacity: 1; } 100% { opacity: 1; } } .welcome_box .div3 ol li:nth-of-type(3){ top: 28%; right: 44%; width: 19.9%; height: 11.7%; background-image: url(../img/xx3.png); animation: dh3 3.8s infinite; } @keyframes dh3 { 0% { width: 0; opacity: 0; } 80% { width: 19.9%; opacity: 1; } 100% { opacity: 0; } } .welcome_box .div3 ol li:nth-of-type(4){ top: 39%; right: 44%; width: 16.4%; height: 1.7%; background-image: url(../img/xx4.png); animation: dh4 3.2s infinite; } @keyframes dh4 { 0% { width: 0; opacity: 0; } 80% { width: 16.4%; opacity: 1; } 100% { opacity: 0; } } .welcome_box .div3 ol li:nth-of-type(5){ top: 38%; right: 44%; width: 8.6%; height: 11.6%; background-image: url(../img/xx5.png); animation: dh5 2.1s infinite; } @keyframes dh5 { 0% { width: 0; opacity: 0; } 80% { height: 11.6%; opacity: 1; } 100% { opacity: 0; } } .welcome_box .div3 ol li:nth-of-type(6){ top: 39%; right: 44%; width: 17.2%; height: 43.5%; background-image: url(../img/xx6.png); animation: dh6 8.1s infinite; } @keyframes dh6 { 0% { width: 0; opacity: 0; } 80% { height: 43.5%; opacity: 1; } 100% { opacity: 0; } } .welcome_box .div3 ol li:nth-of-type(7){ top: 39%; right: 44%; width: 2.6%; height: 20.4%; background-image: url(../img/xx7.png); animation: dh7 4s infinite; } @keyframes dh7 { 0% { height: 0; opacity: 0; } 80% { height: 20.4%; opacity: 1; } 100% { opacity: 0; } } .welcome_box .div3 ol li:nth-of-type(8){ top: 39%; left: 56%; width: 40%; height: 25.6%; background-image: url(../img/xx8.png); animation: dh8 8s infinite; } @keyframes dh8 { 0% { height: 0; opacity: 0; } 80% { width: 40%; opacity: 1; } 100% { opacity: 0; } } .banner_box{ position: fixed; top: 0; left: 0; width: 100%; height: 36vw; background-size: cover; background-position: center; } .banner_box h5{ position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 100%; text-align: center; color: #fff; } .banner_box h5 strong{ display: block; font-weight: normal; font-size: 0.72rem; letter-spacing: 0.1rem; } .banner_box h5 p{ font-size: 0.24rem; margin-top: 0.26rem; } .title_box{ display: flex; position: relative; z-index: 3; height: 0.9rem; line-height: 0.9rem; justify-content: center; align-items: center; background-color: #fff; box-shadow: 0 0 0.15rem rgba(0,0,0,0.2); } .title_box a{ flex-shrink: 0; width: 11.5%; text-align: center; border-right: 1px solid #ededed; font-size: 0.18rem; color: #666; transition: all 0.5s ease; } .title_box a:first-of-type{ border-left: 1px solid #ededed; } .title_box a.active{ color: #fff; background-color: #c80917; } /*.title_h6{ text-align: center; font-size: 0; margin-bottom: 0.56rem; } .title_h6 a{ display: inline-block; vertical-align: top; width: 2.12rem; height: 0.44rem; background-color: #ccc; line-height: 0.44rem; border-radius: 0.22rem; font-size: 0.18rem; color: #fff; margin-right: 0.42rem; transition: all 0.5s ease; } .title_h6 a:last-of-type{ margin-right: 0; } .title_h6 a.active{ background-color: #c80917; color: #fff; }*/ /*.box{ position: relative; z-index: 6; width: 100%; top: 36vw; left: 0; background-color: #efefef; } .boxs{ top: 0; padding-top: 1.26rem; background-color: #0f649b; } */ /*.pd{ padding: 0.7rem 0; }*/ /* .title_h5{ text-align: center; font-size: 0.48rem; margin-bottom: 0.56rem; } */ .paging_div{ font-size: 0; text-align: center; margin-top: 0.56rem; } .paging_div a{ display: inline-block; vertical-align: top; height: 0.36rem; line-height: 0.36rem; padding: 0 0.15rem 0; background-color: #fff; border-radius: 2px; font-size: 0.14rem; color: #999; margin: 0 0.05rem; transition: all 0.5s ease; } .paging_div a.active{ background-color: #c80917 !important; color: #fff; } .paging_div span { display: inline-block; line-height: 0.36rem; font-size: 0.14rem; margin: 0 0.05rem; } .csrbg_box{ } .csrbg_box .div1{ margin-top: -0.32rem; } .csrbg_box .div1 a{ float: left; width: 32%; margin-right: 2%; margin-top: 0.32rem; background-color: #fff; box-sizing: border-box; padding: 0.25rem; box-shadow: 0 0 0.05rem rgba(0,0,0,0.1); transition: all 0.5s ease; } .csrbg_box .div1 a:nth-of-type(3n){ margin-right: 0; } .csrbg_box .div1 a em{ display: block; position: relative; overflow: hidden; width: 100%; padding-bottom: 60%; } .csrbg_box .div1 a em i{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-size: cover; background-position: center; transition: all 0.5s ease; } .csrbg_box .div1 a h6{ text-align: center; font-size: 0.18rem; margin-top: 0.25rem; transition: all 0.5s ease; } .gycsdt_box{ } .gycsdt_box .div1{ margin-top: -0.16rem; } .gycsdt_box .div1 a{ float: left; width: 24.25%; margin-right: 1%; margin-top: 0.16rem; background-color: #fff; box-sizing: border-box; padding: 0.16rem; box-shadow: 0 0 0.05rem rgba(0,0,0,0.1); transition: all 0.5s ease; } .gycsdt_box .div1 a:nth-of-type(4n){ margin-right: 0; } .gycsdt_box .div1 a em{ display: block; position: relative; overflow: hidden; width: 100%; padding-bottom: 64%; } .gycsdt_box .div1 a em i{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-size: cover; background-position: center; transition: all 0.5s ease; } .gycsdt_box .div1 a h6{ height: 0.56rem; font-size: 0.18rem; margin-top: 0.16rem; line-height: 1.6; text-align: left; overflow: hidden; transition: all 0.5s ease; } .gycsdt_box .div1 a span{ display: block; margin-top: 0.10rem; font-size: 0.16rem; color: #666; padding-top: 0.16rem; border-top: 1px solid #eaeaea; transition: all 0.5s ease; } /*.gyxm_box{ background-color: #fff; } .gyxm_box .div1{ } .gyxm_box .div1 .divl{ float: left; width: 2.0rem; padding: 0.44rem 0; position: relative; } .gyxm_box .div1 .divl::before{ content: ""; position: absolute; z-index: 3; top: 0; left: 0.07rem; width: 0.07rem; height: 0.07rem; border: 1px solid #ccc; background-color: #fff; border-radius: 50%; } .gyxm_box .div1 .divl::after{ content: ""; position: absolute; z-index: 3; bottom: 0; left: 0.07rem; width: 0.07rem; height: 0.07rem; border: 1px solid #ccc; background-color: #fff; border-radius: 50%; } .gyxm_box .div1 .divl i{ position: absolute; width: 1px; height: 100%; top: 0; left: 0.11rem; background-color: #ccc; } .gyxm_box .div1 .divl a{ position: relative; z-index: 3; display: block; cursor: pointer; margin-bottom: 0.28rem; font-size: 0.18rem; height: 0.23rem; line-height: 0.23rem; padding-left: 0.48rem; background-image: url(../img/tb14.png); background-size: auto 100%; background-repeat: no-repeat; transition: all 0.5s ease; } .gyxm_box .div1 .divl a:last-of-type{ margin-bottom: 0; } .gyxm_box .div1 .divl a.active{ background-image: url(../img/tb15.png); } .gyxm_box .div1 .divr{ float: right; width: calc(100% - 2.0rem); background-color: #fff; box-sizing: border-box; padding: 0.56rem 0.8rem; box-shadow: 0 0 0.05rem rgba(0,0,0,0.1); } .gyxm_box .div1 .divr .h5{ font-size: 0.36rem; color: #c80917; font-weight: bold; margin-bottom: 0.34rem; } .gyxm_box .div1 .divr p{ font-size: 0.18rem; color: #666; line-height: 1.6; margin-bottom: 0.2rem; } .gyxm_box .div1 .divr p:last-of-type{ margin-top: 0; } .gyxm_box .div1 .divr img{ display: block; margin: 0 auto; width: auto; max-width: 100%; }*/ /*.xxgk_box{ } .xxgk_box .div1{ margin-top: -0.22rem; } .xxgk_box .div1 a{ float: left; width: 49%; height: 0.8rem; line-height: 0.8rem; margin-right: 2%; margin-top: 0.22rem; background-color: #fff; box-sizing: border-box; padding: 0 0.34rem; transition: all 0.5s ease; } .xxgk_box .div1 a:nth-of-type(2n){ margin-right: 0; } .xxgk_box .div1 a::before{ content: ""; display: inline-block; vertical-align: middle; width: 0.29rem; height: 0.36rem; background-image: url(../img/tb24.png); background-size: 0.29rem; background-position-y: 0; transition: all 0.5s ease; } .xxgk_box .div1 a h6{ margin-left: 0.14rem; display: inline-block; vertical-align: top; font-size: 0.18rem; width: calc(100% - 1.5rem); white-space: nowrap; text-overflow: ellipsis; overflow: hidden; transition: all 0.5s ease; } .xxgk_box .div1 a span{ font-size: 0.16rem; color: #999; float: right; padding-right: 0.26rem; background-image: url(../img/tb25.png); background-repeat: no-repeat; background-position: right center; background-size: 0.08rem; transition: all 0.5s ease; }*/ .video_box{ display: none; position: fixed; width: 100%; height: 100%; z-index: 11; top: 0; left: 0; background-color: rgba(0,0,0,0.8); } .video_box div{ position: absolute; width: 9.0rem; top: 50%; left: 50%; transform: translate(-50%,-50%); } .video_box div .out_i{ position: absolute; z-index: 3; top: 0; right: 0; width: 0.4rem; height: 0.4rem; font-size: 0.26rem; color: #fff; background-color: #c80917; text-align: center; line-height: 0.4rem; cursor: pointer; } .video_box div video{ width: 100%; height: auto; } .xyzp_box{ } .xyzp_box .div1{ display: flex; } .xyzp_box .div1 div{ flex: 1; height: 22vw; overflow: hidden; position: relative; } .xyzp_box .div1 div i{ display: block; width: 100%; height: 100%; background-size: cover; background-position: center; transition: all 0.5s ease; } .xyzp_box .div1 .video_div{ margin-right: 1%; cursor: pointer; } .xyzp_box .div1 .video_div::after{ content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 0.67rem; height: 0.67rem; background-image: url(../img/tb4.png); background-size: 100% 100%; transition: all 0.5s ease; } .xyzp_box .div2{ background-color: #fff; margin-top: 0.32rem; padding: 0.32rem 0.28rem; } .xyzp_box .div2 .h6{ font-size: 0.24rem; margin-bottom: 0.26rem; } .xyzp_box .div2 form{ position: relative; } .xyzp_box .div2 form input{ width: 100%; height: 0.4rem; box-sizing: border-box; border: 1px solid #e3848b; padding: 0 1.16rem 0 0.16rem; font-size: 0.16rem; } .xyzp_box .div2 form button{ position: absolute; width: 1.0rem; height: 100%; top: 0; right: 0; background-color: #c80917; color: #fff; border: none; font-size: 0.16rem; } .xyzp_box .div2 ul{ } .xyzp_box .div2 ul li{ font-size: 0; margin-top: 0.16rem; } .xyzp_box .div2 ul li h6{ font-size: 0.18rem; height: 0.25rem; line-height: 0.25rem; display: inline-block; vertical-align: top; width: 1.0rem; margin-top: 0.1rem; } .xyzp_box .div2 ul li p{ display: inline-block; vertical-align: top; width: calc(100% - 1.0rem); } .xyzp_box .div2 ul li p a{ display: inline-block; vertical-align: top; height: 0.25rem; line-height: 0.25rem; padding: 0 0.18rem; border-radius: 0.13rem; background-color: #eff2f6; color: #666; font-size: 0.16rem; margin-top: 0.1rem; margin-right: 0.12rem; transition: all 0.5s ease; } .xyzp_box .div2 ul li p a:last-of-type{ margin-left: 0; } .xyzp_box .div2 ul li p .active{ background-color: #c80917; color: #fff; } .xyzp_box .div3{ margin-top: 0.2rem; background-color: #fff; padding-bottom: 0.46rem; } .xyzp_box .div3 .list_div{ } .xyzp_box .div3 .list_div a{ display: flex; align-items: center; font-size: 0; height: 0.6rem; padding-left: 4%; border-bottom: 1px solid #e5e5e5; transition: all 0.5s ease; } .xyzp_box .div3 .list_div a span{ font-size: 0.18rem; text-align: center; } .xyzp_box .div3 .list_div a span:nth-of-type(1){ text-align: left; width: 15%; } .xyzp_box .div3 .list_div a span:nth-of-type(2){ width: 23%; } .xyzp_box .div3 .list_div a span:nth-of-type(3){ width: 24%; } .xyzp_box .div3 .list_div a span:nth-of-type(4){ width: 23%; } .xyzp_box .div3 .list_div a span:nth-of-type(5){ width: 15%; } .xyzp_box .div3 .list_div a:first-of-type{ background-color: #c80917; color: #fff; } .xyzp_box .div3 .list_div a:first-of-type span{ background-image: url(../img/tb23.png); background-size: 2px 100%; background-repeat: no-repeat; background-position: right; } .xyzp_box .div3 .list_div a:first-of-type span:last-of-type{ background: none; } .xyzp_box .div3 .paging_div a{ background-color: #efefef; } .xyzp_box .div4{ background-size: cover; background-position: center; box-sizing: border-box; padding: 0.52rem 0.36rem; } .xyzp_box .div4 h6{ font-size: 0.36rem; color: #fff; margin-bottom: 0.1rem; } .xyzp_box .div4 p{ font-size: 0; width: 46%; } .xyzp_box .div4 p a{ display: inline-block; vertical-align: top; font-size: 0.18rem; color: #fff; height: 0.4rem; box-sizing: border-box; line-height: 0.38rem; border: 1px solid #fff; border-radius: 0.2rem; padding: 0 0.14rem; margin-right: 0.12rem; margin-top: 0.16rem; transition: all 0.5s ease; } .htcsjjh_box{ } .htcsjjh_box .h6{ font-size: 0.36rem; text-align: center; margin-bottom: 0.38rem; } .htcsjjh_box .div1{ /*padding: 0.54rem 0; background-color: #fff;*/ } .htcsjjh_box .div1 ul{ display: flex; height: 25vw; } .htcsjjh_box .div1 ul li{ flex-shrink: 0; width: 24%; background-image: url(../img/tp35.jpg); background-size: cover; background-position: center; margin-right: 1%; position: relative; cursor: pointer; transition: all 0.5s ease; } .htcsjjh_box .div1 ul li:nth-of-type(2){ background-image: url(../img/xz44.jpg); background-position: 30% center; } .htcsjjh_box .div1 ul li:nth-of-type(3){ background-image: url(../img/ss2.jpg); } .htcsjjh_box .div1 ul li::before{ content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: #0083ce; opacity: 0; transition: all 0.5s ease; } .htcsjjh_box .div1 ul li:last-of-type{ margin-right: 0; } .htcsjjh_box .div1 ul li h5{ position: relative; z-index: 3; font-size: 0.24rem; height: 0.31rem; line-height: 0.31rem; color: #fff; margin-top: 0.44rem; margin-left: 0.34rem; transition: all 0.5s ease; } .htcsjjh_box .div1 ul li h5::after{ content: ""; display: inline-block; vertical-align: top; margin-left: 0.14rem; width: 0.31rem; height: 0.31rem; background-image: url(../img/tb16.png); background-size: 0.31rem 0.31rem; } .htcsjjh_box .div1 ul li dl{ position: absolute; z-index: 3; top: 60%; left: 15%; transform: translateY(-50%); width: 70%; color: #fff; opacity: 0; transition: all 0.5s ease; } .htcsjjh_box .div1 ul li dl dt{ font-size: 0.24rem; } .htcsjjh_box .div1 ul li dl dd{ margin: 6% 0; } .htcsjjh_box .div1 ul li dl dd p{ font-size: 0.18rem; line-height: 1.6; margin-bottom: 0.24rem; } .htcsjjh_box .div1 ul li dl dd p:last-of-type{ margin-bottom: 0; } .htcsjjh_box .div1 ul li dl::after{ content: ""; display: inline-block; vertical-align: top; width: 0.31rem; height: 0.31rem; background-image: url(../img/tb16.png); background-size: 100% 100%; } .htcsjjh_box .div1 ul li.active{ width: 50%; } .htcsjjh_box .div1 ul li.active h5{ opacity: 0; } .htcsjjh_box .div1 ul li.active dl{ top: 50%; opacity: 1; } .htcsjjh_box .div1 ul li.active::before{ opacity: 0.6; } .htcsjjh_box .m_a{ display: block; margin: 0.4rem auto 0; width: 2.3rem; height: 0.46rem; line-height: 0.46rem; text-align: center; font-size: 0.16rem; color: #c80917; background-color: #f2f2f2; border-radius: 0.23rem; transition: all 0.5s ease; } .htcsjjh_box .m_a::after{ content: ">"; display: inline-block; vertical-align: top; margin-left: 0.12rem; font-size: 0.26rem; line-height: 0.44rem; transform: scaleX(0.5); } /*.htcsjjh_box .div2 { background-color: #efefef; padding: 0.54rem 0; } .htcsjjh_box .div2 .h5{ font-size: 0; text-align: center; margin-top: -0.2rem; } .htcsjjh_box .div2 .h5 a{ display: inline-block; vertical-align: top; font-size: 0.18rem; height: 0.36rem; line-height: 0.36rem; border: 1px solid #cacaca; border-radius: 0.19rem; padding: 0 0.24rem; margin: 0 0.05rem; margin-top: 0.2rem; transition: all 0.5s ease; } .htcsjjh_box .div2 .h5 .active{ background-color: #c80917; border: 1px solid #c80917; color: #fff; } .htcsjjh_box .div2 #tab_div{ margin-top: 0.38rem; } .htcsjjh_box .div2 #tab_div dl{ font-size: 0; height: 31vw; background-color: #fff; display: none; } .htcsjjh_box .div2 #tab_div dl:first-of-type{ display: block; } .htcsjjh_box .div2 dl dt{ display: inline-block; vertical-align: top; width: 58.5%; height: 100%; } .htcsjjh_box .div2 dl .swiper-container{ width: 100%; height: 100%; } .htcsjjh_box .div2 dl .swiper-slide{ background-size: cover; background-position: center; } .htcsjjh_box .div2 dl dd{ display: inline-block; vertical-align: top; width: 41.5%; box-sizing: border-box; padding: 4% 5% 0; } .htcsjjh_box .div2 dl dd h6{ font-size: 0.3rem; color: #c80917; margin-bottom: 8%; } .htcsjjh_box .div2 dl dd p{ font-size: 0.18rem; color: #666; line-height: 1.6; margin-bottom: 0.2rem; } .htcsjjh_box .div2 dl dd .m_a{ margin: 16% 0 0; }*/ .htcsjjh_box .div3 { /*background-color: #fff; padding: 0.54rem 0;*/ } .htcsjjh_box .div3 .div{ display: flex; height: 15vw; } .htcsjjh_box .div3 .div a{ flex: 1; margin-right: 1.5%; position: relative; overflow: hidden; } .htcsjjh_box .div3 .div a:last-of-type{ margin-right: 0; } .htcsjjh_box .div3 .div a i{ display: block; width: 100%; height: 100%; background-size: cover; background-position: center; transition: all 0.5s ease; } .htcsjjh_box .div3 .div a::before{ content: ""; position: absolute; z-index: 3; width: 100%; height: 100%; top: 0; left: 0; background-image: url(../img/tp37.png); background-repeat: no-repeat; background-size: 100%; background-position: left bottom; } .htcsjjh_box .div3 .div a h6{ position: absolute; z-index: 3; left: 0; bottom: 0.3rem; width: 100%; height: 0.25rem; font-size: 0.24rem; color: #fff; line-height: 0.25rem; box-sizing: border-box; padding: 0 0.4rem; } .htcsjjh_box .div3 .div a h6::after{ content: ""; display: inline-block; vertical-align: top; margin-left: 0.12rem; width: 0.25rem; height: 0.25rem; background-image: url(../img/tb13.png); background-size: 100% 100%; } .zpxq_box{ } .zpxq_box .div1{ background-color: #fff; padding: 0.6rem; } .zpxq_box .div1 .h5{ font-size: 0.24rem; padding-bottom: 0.2rem; border-bottom: 1px solid #e5e5e5; margin-bottom: 0.24rem; } .zpxq_box .div1 .h6{ font-size: 0; } .zpxq_box .div1 .h6 span{ display: inline-block; vertical-align: top; font-size: 0.18rem; margin-right: 0.4rem; } .zpxq_box .div1 .diva{ margin-top: 0.6rem; } .zpxq_box .div1 .diva h6{ font-size: 0.18rem; margin-bottom: 0.2rem; } .zpxq_box .div1 .diva p{ font-size: 0.16rem; line-height: 2; color: #666; } .zpxq_box .div1 .divb{ font-size: 0; margin-top: 0.6rem; } .zpxq_box .div1 .divb a{ display: inline-block; vertical-align: middle; } .zpxq_box .div1 .divb a.a1{ width: 1.54rem; height: 0.38rem; line-height: 0.38rem; background-color: #c80917; color: #fff; text-align: center; margin-right: 0.2rem; font-size: 0.16rem; border-radius: 0.19rem; } .zpxq_box .div1 .divb a.a2{ width: 1.54rem; height: 0.38rem; line-height: 0.36rem; box-sizing: border-box; border: 1px solid #ccc; color: #666; text-align: center; margin-right: 0.4rem; font-size: 0.16rem; border-radius: 0.19rem; } .zpxq_box .div1 .divb a.a3{ font-size: 0.16rem; color: #c80917; } .scjl_box{ display: none; position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 11; background-color: rgba(0,0,0,0.8); } .scjl_box div{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 5.1rem; background-color: #fff; } .scjl_box div .h6{ height: 0.44rem; line-height: 0.44rem; display: flex; color: #fff; background-color: #c80917; justify-content: space-between; } .scjl_box div .h6 span{ font-size: 0.18rem; margin-left: 0.16rem; } .scjl_box div .h6 .out_i{ font-size: 0.26rem; width: 0.44rem; text-align: center; cursor: pointer; } .scjl_box div form{ padding: 0.28rem 0.32rem 0.4rem; } .scjl_box div form label{ display: block; font-size: 0; margin-bottom: 0.2rem; } .scjl_box div form label span{ display: inline-block; vertical-align: top; width: 1.2rem; height: 0.38rem; line-height: 0.38rem; font-size: 0.16rem; color: #666; } .scjl_box div form label span::before{ content: "*"; color: #c80917; margin-right: 0.05rem; } .scjl_box div form label input{ display: inline-block; vertical-align: top; width: calc(100% - 1.2rem); box-sizing: border-box; height: 0.38rem; font-size: 0.16rem; padding: 0 0.2rem; border: 1px solid #ccc; } .scjl_box div form .label2 input{ border: none; padding: 0; padding-top: 0.06rem; } .scjl_box div form small{ display: block; margin-left: 1.2rem; font-size: 0.16rem; color: #999; line-height: 1.8; } .scjl_box div form i{ display: block; margin-left: 1.2rem; font-size: 0.16rem; color: #c80917; line-height: 1.8; } .scjl_box div form p{ margin-top: 0.4rem; font-size: 0; text-align: center; } .scjl_box div form p button{ width: 0.96rem; height: 0.38rem; border: 1px solid #c80917; background-color: #c80917; color: #fff; font-size: 0.18rem; border-radius: 0.19rem; } .scjl_box div form p button:nth-of-type(2){ background-color: #fff; border: 1px solid #ccc; color: #666; margin-left: 0.2rem; } /* 鍏充簬浜ㄩ€ */ /* .zxfc_box .hddt_box { background-color: #fff; } .zxfc_box .paging_div a { background-color: #efefef; }*/ .cover { background-position: center; background-repeat: no-repeat; background-size: cover; } .zxfc_box .div1 { width: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; position: relative; margin-bottom: .8rem; } .zxfc_box .div1-inner { padding: 0.8rem 0; background-image: url(../img/zx.png); background-size: auto 80%; background-repeat: no-repeat; background-position: right bottom; } .zxfc_box .div1-info { left: 0; width: 40%; text-align: right; } .zxfc_box .div1-info h1 { font-size: .46rem; margin-bottom: .5rem; text-align: left; } .zxfc_box .div1-info img{ width: 1.0rem; } .zxfc_box .div1-info p { font-size: .16rem; color: #666; text-align: left; line-height: .28rem; } .zxfc_box .hddt-img { padding-bottom: 65%; transition: .5s; } .hddt-swiper-out{ margin-top: -0.2rem; } .hddt-swiper { padding: 0.2rem 0.1rem; box-sizing: border-box; } .hddt-swiper .swiper-slide { padding: 0.15rem; box-sizing: border-box; background-color: #fff; box-shadow: 0 0 0.1rem rgba(0, 0, 0, .2); } .hddt-info { padding: 0.2rem 0; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .hddt-info h1 { font-size: .22rem; color: #333; margin-bottom: 0.2rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .hddt-info p { font-size: 0.15rem; color: #666; line-height: 1.6; height: 0.48rem; overflow: hidden; } .hddt-swiper .swiper-slide span { font-size: .12rem; color: #666; margin-top: 0.2rem; display: inline-block; } .hddt-img-box { overflow: hidden; } .swiper-hddt-pagination { display: flex; margin-top: 0.3rem; position: static; align-items: center; justify-content: center; } .swiper-hddt-pagination span { background-color: #666666; } .hddt-list { width: 100%; margin-top: .5rem; } .hddt-item { width: 100%; display: flex; border: 1px solid rgba(0, 0, 0, .1); padding: 0.2rem; box-sizing: border-box; margin-bottom: 0.2rem; } .hddt-item:nth-last-child(1) { margin-bottom: 0; } .hddt-item-img-box { width: 15%; overflow: hidden; } .hddt-item-img { width: 100%; padding-bottom: 65%; transition: .5s; } .hddt-item-info { margin-left: 2%; max-width: 81%; } .hddt-item-info h1 { font-size: .22rem; margin-bottom: .2rem; color: #333; } .hddt-item-info p { font-size: .15rem; color: #666; line-height: 1.6; height: 0.48rem; overflow: hidden; margin-bottom: .2rem; } .hddt-item-info span { font-size: .12rem; color: #666; display: inline-block; } .zyry_inner { display: flex; height: 27vw; justify-content: space-between; } .zyry-left { width: 70%; height: 100%; } .zyry-swiper-out { width: 100%; position: relative; height: 100%; } .zyry-swiper { width: 100%; height: 100%; } /*.zyry_box { margin-top: .5rem; background-color: #EFEFEF; padding: .5rem 0 1.0rem; }*/ .zyry-img-box { width: 100%; height: 100%; overflow: hidden; display: flex; align-items: center; } .shzw_box .zyry_inner{ height: 30vw; } .zyry-img { padding-bottom: 70%; width: 100%; transition: .5s; } .zyry-swiper .swiper-slide { padding: .1rem; display: flex; align-items: center; background-color: #fff; box-sizing: border-box; height: calc((100% - 30px) / 2); } .zyry-swiper .swiper-slide p { text-align: center; font-size: .16rem; margin-top: .2rem; display: none; } .swiper-zyry-button-next, .swiper-zyry-button-prev { left: unset; top: unset; bottom: unset; right: unset; width: .35rem; height: .35rem; background-color: #fff; border-radius: 50%; background-size: 50%; bottom: -0.5rem; background-position: center; } .shzw_box .swiper-zyry-button-next, .shzw_box .swiper-zyry-button-prev { bottom: 2%; } .swiper-zyry-button-next { background-image: url('../img/next-s.png'); right: 40%; background-position: center 60%; } .swiper-zyry-button-prev { background-image: url('../img/prev-s.png'); right: 45%; } .swiper-zyry-button-next:hover { background-image: url('../img/next-w.png'); background-color: #C80917; } .swiper-zyry-button-prev:hover { background-image: url('../img/prev-w.png'); background-color: #C80917; } .zyry-right { width: 26%; height: 100%; } .zyry-right p { font-size: .16rem; color: #666; margin-bottom: .25rem; padding-left: .2rem; position: relative; box-sizing: border-box; line-height: 0.26rem; margin-bottom: 0.15rem; } .zyry-right p:last-of-type{ margin-bottom: 0; } .zyry-right p::before { position: absolute; content: ''; width: 5px; height: 5px; border-radius: 50%; left: 0; top: 50%; transform: translate(0, -50%); background-color: #666; } /*婊氬姩鏉℃牱寮?/ .zyry-right-inner::-webkit-scrollbar { width: 4px; /*height: 4px;*/ } .zyry-right-inner::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); background: #ACACAC; } .zyry-right-inner::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 2px #fff; border-radius: 0; background: #fff; opacity: 1; } .shzw_box { background-color: #fff; margin-top: 0; } .shzw_box .zyry-right-inner::-webkit-scrollbar { width: 4px; /*height: 4px;*/ } .shzw_box .zyry-right-inner::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); background: rgba(0, 0, 0, 0.2); } .shzw_box .zyry-right-inner::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); border-radius: 0; background: rgba(0, 0, 0, 0.1); } .shzw_box .zyry-swiper .swiper-slide { border: 1px solid rgba(0, 0, 0, .1); } .shzw_box .zyry-swiper-out { padding: 0.3rem 0.3rem 0.6rem; box-sizing: border-box; } .shzw_box .zyry-right { border: 1px solid rgba(0, 0, 0, .1); padding: 0.2rem; box-sizing: border-box; } .shzw_box .zyry-right { width: 26%; height: 100%; } .shzw_box .zyry-left { height: 100%; border: 1px solid rgba(0, 0, 0, .1); box-sizing: border-box; } .shzw_box .zyry-right p:nth-last-child(1) { margin-bottom: 0; } .zyry-right-inner { width: 100%; height: 100%; overflow: auto; } .htgk_box{ padding-bottom: 0; } .htgk_box .title_h5 p{ text-align: left; } .htgk_box .div1 { background-color: #EFEFEF; } .htgk_box .div2 { background-color: #fff; } .htgk_box .div2:nth-child(odd) { background-color: #EFEFEF; } .htgk_box .div2:nth-child(odd) .htgk-inner { flex-direction: row-reverse; } .htgk-inner { /*padding: .5rem 0;*/ display: flex; justify-content: space-between; align-items: center; } .htgk-item-img-box { width: 48%; overflow: hidden; } .htgk-item-info { width: 48%; } .htgk-item-img { width: 100%; padding-bottom: 57%; transition: .5s; } .htgk-item-info h1 { font-size: .28rem; color: #c80917; margin-bottom: .4rem; } .htgk-item-info p { font-size: .18rem; color: #666; line-height: .32rem; margin-bottom: .2rem; } /* .htry_box .div2 { display: flex; justify-content: space-between; height: 7.4rem; } .htry-item1 { width: 20%; background-color: #fff; padding: .3rem; box-sizing: border-box; } .htry-item2 { width: 58%; height: 100%; background-image: url('../img/htry-bg.jpg'); box-sizing: border-box; padding: 0.3rem; } .htry-item2 div{ width: 100%; height: 100%; max-height: none; overflow: auto; padding-right: 0.2rem; } .htry-item2 ul{ display: flex; flex-wrap: wrap; } .htry-item2 ul li{ flex-shrink: 0; width: 48%; padding-left: 0; margin-right: 4%; margin-top: 0.24rem; margin-bottom: 0; } .htry-item2 ul li:nth-of-type(1), .htry-item2 ul li:nth-of-type(2){ margin-top: 0; } .htry-item2 ul li:nth-of-type(2n){ margin-right: 0; } .htry-item2 ul li em{ display: block; width: 100%; padding-bottom: 60%; background-size: contain; background-position: center; background-repeat: no-repeat; background-color: #fff; } .htry-item2 ul li p{ font-size: 0.18rem; text-align: center; margin-top: 0.1rem; } .htry-item1 p { font-size: .16rem; color: #666; height: 0.7rem; display: flex; align-items: center; line-height: 1.6; border-bottom: 1px solid rgba(0, 0, 0, .1); } .htry-item2 { width: 58%; background-image: url('../img/htry-bg.jpg'); } .htry-swiper-out { width: 100%; overflow: hidden; min-height: 80vh; position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; } .htry-swiper { width: 130%; transform: translate(0, 10%); margin-left: -15%; padding: .1rem 0; } .htry-swiper .swiper-slide img { max-width: 100%; } .htry-swiper .swiper-slide { box-sizing: border-box; border: .1rem solid rgba(255, 255, 255, 0.6); position: relative; opacity: 0; box-shadow: 0 0 .1rem rgba(0, 0, 0, 0.2); transition: .5s; } .htry-swiper .swiper-wrapper { align-items: center; } .htry-swiper .swiper-slide div{ background-size: contain; background-position: center; background-repeat: no-repeat; } .htry-swiper .swiper-slide p { font-size: .16rem; text-align: center; background-color: #fff; padding: .2rem 0; display: none; } .htry-swiper .swiper-slide-prev { transform: translate(50%, 0); opacity: .5; } .htry-swiper .swiper-slide-next { transform: translate(-50%, 0); z-index: -1; opacity: .5; } .htry-swiper .swiper-slide-active { opacity: 1; }*/ .htry-swiper-out { position: relative; } .htry-swiper { padding: 0.2rem 0; box-sizing: border-box; } .htry-swiper .swiper-slide { transform: scale(.6); padding: 0.15rem; background-color: #F8F8F8; box-sizing: border-box; position: relative; box-shadow: 0 0 .1rem rgba(0, 0, 0, .1); transition: .5s; } .htry-swiper .swiper-slide::after { width: 100%; height: 100%; content: ''; position: absolute; left: 0; top: 0; background-color: rgba(0, 0, 0, .3); } .htry-swiper-img { width: 100%; padding-bottom: 66%; background-size: contain; background-position: center; background-repeat: no-repeat; } .htry-swiper .swiper-slide p { font-size: .16rem; color: #333; text-align: center; padding: .3rem 0 .1rem; display: none; } .swiper-htry-button-next { background-image: url('../img/fzlcjt2.png'); } .swiper-htry-button-prev { background-image: url('../img/fzlcjt1.png'); } .htry-swiper .swiper-slide-active { transform: scale(1)!important; z-index: 5!important; } .htry-swiper .swiper-slide-active::after { background-color: rgba(0, 0, 0, 0); } .htry-swiper .swiper-slide-prev2 { transform: translate(140%,0) scale(.6); z-index: -1; } .htry-swiper .swiper-slide-prev { transform: translate(70%,0) scale(.8)!important; z-index: 2; } .htry-swiper .swiper-slide-next { transform: translate(-70%,0) scale(.8)!important; z-index: 2; } .htry-swiper .swiper-slide-next2 { transform: translate(-140%,0) scale(.6); z-index: -1; } .htry { margin-top: 0.3rem; } .htry p { float: left; width: 23.5%; margin-right: 2%; margin-top: 0.24rem; text-align: center; border: 1px solid rgba(0, 0, 0, .1); padding: 0.2rem; box-sizing: border-box; font-size: .16rem; color: #666; position: relative; } .htry p:nth-of-type(4n) { margin-right: 0; } .htry p:hover { background-color: #c80917; box-shadow: 0 0 0.2rem rgb(0, 0, 0, 0.2); cursor: pointer; color: #fff; } .mlht_box .div2 { /*width: 65%;*/ } .mlht-swiper1 { width: 100%; height: 36vw; } .mlht-swiper1 .swiper-slide { position: relative; height: 100%; } .mlht-swiper1 .swiper-slide p { position: absolute; left: .3rem; bottom: .5rem; color: #fff; font-size: .24rem; } /*.mlht-right { width: 100%; margin-top: 10px; } .mlht-swiper2-out { position: relative; } .mlht-swiper2 { } .mlht-swiper2 .swiper-slide { padding-bottom: 14%; opacity: 0.4; } .mlht-swiper2 .swiper-slide-thumb-active { opacity: 1; } .mlht-swiper2-out .swiper-slide-thumb-active { position: relative; } .mlht-swiper2-out .swiper-slide-thumb-active::after { position: absolute; content: ''; width: 100%; height: 100%; border: 6px solid rgba(255, 255, 255, 0.5); box-sizing: border-box; left: 0; top: 0; } .mlht-swiper2-out::after { content: ''; position: absolute; top: 0; right: 0; width: 0.8rem; height: 100%; background-image: url('../img/mc-iny.png'); background-position: center; background-size: cover; z-index: 1; background-repeat: no-repeat; pointer-events: none; } .mlht-swiper2-out::before { content: ''; position: absolute; top: 0; left: 0; width: 0.8rem; height: 100%; background-image: url('../img/mc-iny.png'); background-position: center; background-size: cover; z-index: 2; background-repeat: no-repeat; transform: rotate(180deg); pointer-events: none; }*/ /* .mlht-swiper1-out .swiper-button-prev, .mlht-swiper1-out .swiper-button-next { left: unset; top: unset; right: unset; bottom: unset; background-color: rgba(239, 239, 239, .15); margin: 0; transform: translate(0); z-index: 5; } .mlht-swiper1-out .swiper-button-prev { width: 0.8rem; height: 100%; top: 0; left: 0; } .mlht-swiper1-out .swiper-button-next { width: 0.8rem; height: 100%; top: 0; right: 0; }*/ .fzlc_box .div2 { width: 100%; } .fzlc-swiper1-out { /*width: 75%;*/ margin: 0 auto; } .fzlc-swiper1 { width: 100%; } .fzlc-swiper1 .swiper-slide { display: flex; align-items: center; justify-content: space-between; position: relative; } .fzlc1-img-box { width: 45%; overflow: hidden; } .fzlc1-img { width: 100%; padding-bottom: 58%; border: 8px solid #fff; box-sizing: border-box; } .fzlc1-info { width: 52%; overflow: auto; max-height: 32vh; } .fzlc1-info li { position: relative; padding: 0 0.3rem 0 0.6rem; box-sizing: border-box; margin-bottom: .2rem; } .fzlc1-info li>span { position: absolute; left: 0; top: 0; font-size: .16rem; line-height: .24rem; color: #454545; } .fzlc1-info li p { font-size: .16rem; color: #454545; line-height: .24rem; margin-bottom: .1rem; } .fzlc1-info li p:nth-last-child(1) { margin-bottom: 0; } .fzlc1-info li:nth-last-child(1) { margin-bottom: 0; } .fzlc1-info::-webkit-scrollbar { width: 4px; /*height: 4px;*/ } .fzlc1-info::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); background: rgba(0, 0, 0, 0.2); } .fzlc1-info::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); border-radius: 0; background: rgba(0, 0, 0, 0.1); } .fzlc-swiper1 .swiper-slide h2 { position: absolute; font-size: 4rem; color: #666; opacity: .1; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: -1; } .fzlc-swiper2 { margin-top: .4rem; padding: 0 .4rem; padding-top: .4rem; } .fzlc-swiper2 .swiper-slide { padding-bottom: 0.3rem; position: relative; background-image: url('../img/x-bottom.jpg'); background-repeat: no-repeat; background-size: contain; } .fzlc-swiper2 .swiper-slide span { position: absolute; font-size: .2rem; color: #333; top: 0; left: 0; transform: translate(-50%, -110%); } .fzlc-swiper2-out { position: relative; padding: 0 .5rem; } .swiper-fzlc2-button-next,.swiper-fzlc3-button-next { background-image: url('../img/fzlcjt2.png'); background-size: 60%; } .swiper-fzlc2-button-prev,.swiper-fzlc3-button-prev { background-image: url('../img/fzlcjt1.png'); background-size: 60%; } .fzlc-swiper2-out .swiper-slide-thumb-active span { color: #c80917; } .fzlc_box .div3 { background-color: #fff; } .fzlc3-swiper-out { width: 100%; position: relative; } .fzlc-swiper3 { width: 100%; padding: 0 .25rem; margin-left: -0.25rem; } .fzlc-swiper3 .swiper-slide a { padding: .2rem; box-sizing: border-box; display: inline-block; background-color: #EFEFEF; } .fzlc_box .div3 .swiper-fzlc3-button-prev{ top: auto; bottom: 0.85rem; left: -0.6rem; } .fzlc_box .div3 .swiper-fzlc3-button-next{ top: auto; bottom: 0.85rem; right: -0.6rem; } .fzlc3-img-box { width: 100%; overflow: hidden; } .fzlc-swiper3 .swiper-slide .nr_div{ height: 2.0rem; overflow: hidden; width: calc(100% + 0.2rem); } .fzlc3-img { width: 100%; padding-bottom: 56%; transition: .5s; } .fzlc-swiper3 .swiper-slide a p { font-size: .16rem; line-height: .24rem; margin-top: .2rem; color: #333; } .jtt-bottom { background-image: url('../img/x-bottom2.png'); height: .3rem; background-position: top; background-size: contain; padding-bottom: .3rem; position: relative; background-repeat: no-repeat; margin-top: .5rem; width: calc(100% + 30px); } .jtt-bottom span { font-size: .2rem; color: #333; bottom: 0; transform: translate(-50%, 0); position: absolute; } .swiper-fzlc3-pagination { position: static; display: flex; margin-top: .5rem; width: 100%; } .swiper-fzlc3-pagination span { border-radius: 0; flex: 1; background-color: transparent; margin: 0 !important; height: 8px; } .swiper-fzlc3-pagination span.swiper-pagination-bullet-active { background-color: #7C7C7C; border-radius: 4px; } .swiper-fzlc3-pagination::after { width: 100%; height: 1px; content: ''; position: absolute; left: 0; top: 50%; transform: translate(0, -50%); background-color: #999; } .fzlc_box { padding-bottom: 0; } .htdj_box{ padding-bottom: 0; } .htdj_box .div2 { position: relative; } .htdj-left { position: absolute; width: 49%; height: 100%; overflow: auto; border: 1px solid rgba(0, 0, 0, .1); padding: .3rem; box-sizing: border-box; } .htdj-left p { font-size: .17rem; color: #666; line-height: .28rem; margin-bottom: .2rem; } .htdj-left p:nth-last-child(1) { margin-bottom: 0; } .htdj-right { width: 49%; margin-left: 51%; /*margin-bottom: 0.7rem;*/ height: 100%; display: flex; flex-direction: column; justify-content: space-between; overflow: hidden; } .htdj-left::-webkit-scrollbar { width: .15rem; /*height: 4px;*/ } .htdj-left::-webkit-scrollbar-thumb { border-radius: 0px; -webkit-box-shadow: inset 0 0 5px #C90918; background: #C90918; } .htdj-left::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); border-radius: 0; background: rgba(0, 0, 0, 0.1); } .htdj-right-top, .htdj-right-bottom { display: flex; flex-wrap: wrap; } .htdj-right-top{ margin-bottom: .2rem; } .htdj-right-top img{ max-width: 63%; } .htdj-item{ flex-shrink: 0; width: 48.5%; margin-right: 3%; margin-top: 0.2rem; } .htdj-item:nth-of-type(2n){ margin-right: 0; } .htdj-item:nth-of-type(1), .htdj-item:nth-of-type(2){ margin-top: 0; } .htdj-img-box{ width: 100%; overflow: hidden; } .htdj-img{ width: 100%; padding-bottom: 62%; transition: .5s; } .htdj-item p{ background-color: #fff; padding: .2rem 0; text-align: center; font-size: .17rem; color: #333; } .htdj-right-top .htdj-item .htdj-img{ padding-bottom: 93%; } .htdj_box .div3{ background-color: #fff; } .htdj_box .div3 .paging_div a{ background-color: #efefef; } .htdj_box .div3-inner{ display: flex; flex-wrap: wrap; } .djdt-item{ width: 32%; margin-right: 2%; margin-top: .2rem; padding: .15rem; box-sizing: border-box; border: 1px solid rgba(0, 0, 0, .1); box-shadow: 0 0 .1rem rgba(0, 0, 0, .1); } .djdt-item:nth-child(3n){ margin-right: 0; } .djdt-item:nth-child(-n + 3){ margin-top: 0; } .djdt-item-img-box{ width: 100%; overflow: hidden; } .djdt-item-img{ width: 100%; padding-bottom: 66%; transition: .5s; } .djdt-item h1{ font-size: .21rem; color: #333; line-height: 1.6; height: 0.6rem; overflow: hidden; margin: 0.15rem 0; } .djdt-item span{ font-size: .14rem; color: #666; display: block; padding-top: 0.15rem; border-top: 1px solid rgba(0, 0, 0, .1); } .htdj_box .div4{ /* padding: .5rem 0; */ } .djry-swiper-img{ width: 100%; padding-bottom: 66%; background-size: contain; background-position: center; background-repeat: no-repeat; } .djry-swiper{ padding: .2rem 0; box-sizing: border-box; } .djry-swiper .swiper-slide{ transform: scale(.6); padding: .15rem; background-color:#F8F8F8; box-sizing: border-box; position: relative; box-shadow: 0 0 .1rem rgba(0, 0, 0, .1); transition: .5s; } .djry-swiper .swiper-slide-next2{ transform: translate(-140%,0) scale(.6); z-index: -1; } .djry-swiper .swiper-slide-prev2{ transform: translate(140%,0) scale(.6); z-index: -1; } .djry-swiper .swiper-slide::after{ width: 100%; height: 100%; content: ''; position: absolute; left: 0; top: 0; background-color: rgba(0, 0, 0, .3); } .djry-swiper .swiper-slide-active{ transform: scale(1)!important; z-index: 5!important; } .djry-swiper .swiper-slide-active::after{ background-color: rgba(0, 0, 0, 0); } .djry-swiper .swiper-slide p{ font-size: .16rem; color: #333; text-align: center; padding: .3rem 0 .1rem; display: none; } .djry-swiper .swiper-slide-prev{ transform: translate(70%,0) scale(.8)!important; z-index: 2; } .djry-swiper .swiper-slide-next{ transform: translate(-70%,0) scale(.8)!important; z-index: 2; } .swiper-djry-button-next{ background-image: url('../img/fzlcjt2.png'); } .swiper-djry-button-prev{ background-image: url('../img/fzlcjt1.png'); } .djry-swiper-out{ position: relative; } .lnzc_box{ } .lnzc_box .div1{ } .lnzc_box .div1 .swiper-container{ height: 24vw; } .lnzc_box .div1 .swiper-slide{ background-color: #fff; display: flex; } .lnzc_box .div1 .swiper-slide em{ flex-shrink: 0; width: 50%; background-size: cover; background-position: center; } .lnzc_box .div1 .swiper-slide div{ flex-shrink: 0; width: 50%; box-sizing: border-box; padding: 0.5rem 0.78rem 0; } .lnzc_box .div1 .swiper-slide div h5{ font-size: 0.36rem; } .lnzc_box .div1 .swiper-slide div h6{ font-size: 0.24rem; color: #666; margin: 0.25rem 0 0.5rem; } .lnzc_box .div1 .swiper-slide div p{ font-size: 0.18rem; color: #666; line-height: 1.6; } .lnzc_box .div1 .swiper-pagination{ position: static; width: 100%; text-align: center; margin-top: 0.44rem; } .lnzc_box .h6{ text-align: center; margin-bottom: 0.38rem; } .lnzc_box .h6 strong{ display: block; font-size: 0.36rem; font-weight: normal; margin-bottom: 0.3rem; } .lnzc_box .h6 small{ display: block; color: #C80917; font-size: 0.18rem; margin-bottom: 0.26rem; } .lnzc_box .h6 p{ color: #666; font-size: 0.18rem; line-height: 1.6; width: 90%; margin: 0 auto; } .lnzc_box .div2{ background-color: #fff; } .lnzc_box .div2 ul{ display: flex; justify-content: space-between; } .lnzc_box .div2 ul li{ flex-shrink: 0; width: 15%; background-color: #efefef; padding: 0.24rem 0 0.2rem; cursor: pointer; border-radius: 0.04rem; transition: all 0.5s ease; } .lnzc_box .div2 ul li em{ display: block; width: 0.52rem; height: 0.52rem; margin: 0 auto; position: relative; } .lnzc_box .div2 ul li em img{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; transition: all 0.5s ease; } .lnzc_box .div2 ul li em img:nth-of-type(1){ opacity: 1; } .lnzc_box .div2 ul li em img:nth-of-type(2){ opacity: 0; } .lnzc_box .div2 ul li h6{ text-align: center; font-size: 0.18rem; color: #666; line-height: 1.6; margin-top: 0.3rem; transition: all 0.5s ease; } .lnzc_box .div2 ul i{ display: flex; align-items: center; font-size: 0.2rem; color: #666; } .lnzc_box .div3{ display: flex; } .lnzc_box .div3 dt{ flex-shrink: 0; width: 50%; box-sizing: border-box; padding-right: 5%; border-right: 1px solid #e0e0e0; } .lnzc_box .div3 dd{ flex-shrink: 0; width: 50%; box-sizing: border-box; padding-left: 5%; } .lnzc_box .div3 dt .h6{ margin-bottom: 10%; } .lnzc_box .div3 dd .h6{ margin-bottom: 20%; } .lnzc_box .div3 dt img, .lnzc_box .div3 dd img{ width: 100%; } .lnzc_box .div4{ background-color: #fff; } .lnzc_box .div4 dl{ display: flex; align-items: center; justify-content: space-around; } .lnzc_box .div4 dl dt{ width: 3.13rem; } .lnzc_box .div4 dl dt img{ width: 100%; } .lnzc_box .div4 dl dd{ width: 5.66rem; } .lnzc_box .div4 dl dd img{ width: 100%; } .lnzc_box .div5 img{ width: 100%; } .lnzc_box .div6{ background-color: #fff; } .lnzc_box .div6 dl{ display: flex; justify-content: space-between; } .lnzc_box .div6 dl dt{ flex-shrink: 0; width: 56%; } .lnzc_box .div6 dl .h6{ text-align: left; } .lnzc_box .div6 dl dt div{ font-size: 0.18rem; line-height: 1.6; } .lnzc_box .div6 dl dd{ flex-shrink: 0; width: 36%; } .lnzc_box .div6 dl dd img{ width: 100%; } .lnzc_box .div6 dl dd h6{ text-align: center; font-size: 0.18rem; margin-top: 0.26rem; } .lnzc_box .div7{ margin-left: 9%; } .lnzc_box .div7{ display: flex; justify-content: space-between; font-size: 0.18rem; line-height: 1.6; } .lnzc_box .div7 dt{ flex-shrink: 0; width: 50.5%; } .lnzc_box .div7 dd{ flex-shrink: 0; width: 46%; } .lnzc_box .div7 dd strong{ display: block; margin-bottom: 0.34rem; } .lnzc_box .div7 dd img{ width: 100%; } .lnzc_box .div8{ background-color: #fff; border-bottom: 1px solid #e9e9e9; } .lnzc_box .div8 dl{ display: flex; align-items: center; justify-content: space-between; } .lnzc_box .div8 dl dd{ flex-shrink: 0; width: 42%; } .lnzc_box .div8 dl dd strong{ display: block; font-size: 0.18rem; margin-bottom: 0.3rem; } .lnzc_box .div8 dl dd img{ width: 100%; } .lnzc_box .div8 dl dt{ flex-shrink: 0; width: 46%; } .lnzc_box .div8 dl dt h6{ font-size: 0.24rem; margin-bottom: 0.24rem; } .lnzc_box .div8 dl dt p{ font-size: 0.18rem; line-height: 1.6; } .lnzc_box .div9{ background-color: #fff; text-align: center; } .lnzc_box .div9 img{ width: auto; max-width: 100%; } .txjl_box{ width: 10.28rem; margin: 0 auto; } .txjl_box .div2{ display: none; } .txjl_box .div2 .h5{ height: 0.54rem; line-height: 0.54rem; background-color: #f7f7f7; font-size: 0.24rem; color: #107ec5; border: 1px solid #dedede; padding: 0 0.3rem; } .txjl_box .div2 dl{ padding: 0 0.3rem; background-color: #fff; margin-bottom: 0.1rem; padding-bottom: 0.3rem; } .txjl_box .div2 dl dt{ height: 0.6rem; display: flex; align-items: center; justify-content: space-between; font-size: 0.18rem; color: #666; font-weight: bold; border-bottom: 1px solid #e5e5e5; } .txjl_box .div2 dl ul{ } .txjl_box .div2 dl li{ margin-top: 0.2rem; font-size: 0; } .txjl_box .div2 dl li span{ display: inline-block; vertical-align: top; width: 1.3rem; height: 0.32rem; line-height: 0.32rem; font-size: 0.18rem; color: #999; } .txjl_box .div2 dl li span::after{ content: "*"; color: #c80917; margin-left: 4px; } .txjl_box .div2 dl li.xt_li span::after{ display: none; } .txjl_box .div2 dl li p{ display: inline-block; vertical-align: top; line-height: 0.32rem; width: calc(100% - 1.3rem); font-size: 0.18rem; color: #333; } .txjl_box .div2 dl:first-of-type ul, .txjl_box .div2 dl:nth-of-type(2) ul{ display: flex; flex-wrap: wrap; justify-content: space-between; } .txjl_box .div2 dl:first-of-type ul li, .txjl_box .div2 dl:nth-of-type(2) li{ width: 46%; flex-shrink: 0; } .txjl_box .div2 .btn_div{ text-align: center; font-size: 0; margin-top: 0.4rem; } .txjl_box .div2 .btn_div button{ width: 1.56rem; height: 0.38rem; border: none; background-color: #c80917; color: #fff; font-size: 0.18rem; border-radius: 0.19rem; transition: all 0.5s ease; } .txjl_box .div2 .btn_div button:nth-of-type(2){ background-color: #bfbfbf; margin-left: 0.46rem; } .txjl_box .div1{ display: block; } .txjl_box .div1 .h6{ font-size: 0.18rem; margin-bottom: 0.2rem; color: #999; } .txjl_box .div1 .h6 strong{ font-size: 0.24rem; color: #333; } .txjl_box .div1 dl dt em{ } .txjl_box .div1 dl dt em i{ display: inline-block; vertical-align: top; cursor: pointer; width: 0.54rem; height: 0.3rem; box-sizing: border-box; background-color: #f7f7f7; border-radius: 0.04rem; border: 1px solid #ccc; font-size: 0.16rem; font-weight: normal; text-align: center; line-height: 0.28rem; } .txjl_box .div1 dl li p{ } .txjl_box .div1 dl li p input{ width: 100%; height: 0.32rem; box-sizing: border-box; border: 1px solid #e0e6ed; padding: 0 0.16rem; font-size: 0.18rem; } .txjl_box .div1 dl li p select{ width: 100%; height: 0.32rem; box-sizing: border-box; border: 1px solid #e0e6ed; padding: 0 0.10rem; font-size: 0.18rem; } .txjl_box .div1 dl li p small{ display: block; font-size: 0.14rem; color: #999; line-height: 1.8; margin-top: 0.06rem; } .txjl_box .div1 dl li p label{ display: inline-block; vertical-align: top; width: 40%; } .txjl_box .div1 dl li p label input{ width: 0.2rem; height: 0.2rem; vertical-align: middle; margin-top: -0.04rem; margin-right: 0.1rem; } .txjl_box .div1 dl li textarea{ width: calc(100% - 1.3rem); height: 1.0rem; box-sizing: border-box; padding: 0.02rem 0.16rem; line-height: 1.6; border: 1px solid #e0e6ed; resize: none; font-size: 0.18rem; } .txjl_box .div1 dl li .ts_p{ display: inline-flex; justify-content: space-between; } .txjl_box .div1 dl li .ts_p input{ flex-shrink: 0; width: 48%; } .txjl_box .div1 dl dd{ font-size: 0.16rem; color: #0075c1; padding-top: 0.2rem; margin-top: 0.3rem; cursor: pointer; border-top: 1px solid #e5e5e5; } .dtxq_box{ background-color: #fff; } .dtxq_box .div1{ text-align: center; } .dtxq_box .div1 h5{ font-size: 0.3rem; line-height: 1.4; } .dtxq_box .div1 h6{ margin-top: 0.2rem; padding-top: 0.2rem; border-top: 1px solid #e6e6e6; } .dtxq_box .div1 h6 span { display: inline-block; vertical-align: top; font-size: 0.14rem; height: 0.16rem; line-height: 0.16rem; color: #999; padding-right: 0.2rem; margin-right: 0.2rem; } .dtxq_box .div1 h6 span:not(:last-child) { border-right: 1px solid #e6e6e6; } .dtxq_box .div2{ padding: 0.3rem 0; border-bottom: 1px dashed #e6e6e6; } .dtxq_box .div2 p{ font-size: 0.16rem; line-height: 1.8; margin-bottom: 0.16rem; } .dtxq_box .div2 img{ display: block; margin: 0 auto; max-width: 100%; } .htsj_box{ } .htsj_box .div1{ } .htsj_box .div1 dd{ display: flex; position: relative; } .htsj_box .div1 dd:first-of-type{ margin-bottom: .2rem; } .htsj_box .div1 dd .a1{ flex-shrink: 0; width: calc(25% - .15rem); margin-right: .2rem; } .htsj_box .div1 dd .swiper-container{ flex: 1; } .htsj_box .div1 dd .as{ box-sizing: border-box; padding: 0.15rem; background-color: #fff; } .htsj_box .div1 dd .as em{ display: block; width: 100%; padding-bottom: 64%; overflow: hidden; position: relative; } .htsj_box .div1 dd .as em i{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-size: cover; background-position: center; transition: all 0.5s ease; } .htsj_box .div1 dd .as h6{ font-size: 0.18rem; line-height: 1.6; height: 0.56rem; overflow: hidden; margin: 0.12rem 0; transition: all 0.5s ease; } .htsj_box .div1 dd .as span{ display: block; font-size: 0.16rem; color: #666; border-top: 1px solid #eaeaea; margin-top: 0.15rem; padding-top: 0.15rem; transition: all 0.5s ease; } .htsj_box .div1 dd .swiper-button-prev{ width: 0.44rem; height: 0.44rem; left: -0.6rem; margin-top: -0.22rem; border-radius: 0.1rem; background-color: rgba(0,0,0,0.5); background-image: url(../img/jt2.png); background-size: 0.16rem; background-repeat: no-repeat; background-position: center; transition: all 0.5s ease; } .htsj_box .div1 dd .swiper-button-next{ width: 0.44rem; height: 0.44rem; right: -0.6rem; margin-top: -0.22rem; border-radius: 0.1rem; background-color: rgba(0,0,0,0.5); background-image: url(../img/jt3.png); background-size: 0.16rem; background-repeat: no-repeat; background-position: center; transition: all 0.5s ease; } .htsj_box .div2{ background-color: #fff; } .htsj_box .div2 form{ display: flex; height: 0.44rem; padding: 0.2rem; border: 1px solid #e6e6e6; align-items: center; margin-bottom: 0.2rem; } .htsj_box .div2 form span{ font-size: 0.18rem; flex-shrink: 0; width: 0.96rem; } .htsj_box .div2 form select{ font-size: 0.16rem; height: 100%; width: 20%; box-sizing: border-box; border: 1px solid #e6e6e6; margin-right: 0.16rem; padding-left: 0.1rem; } .htsj_box .div2 form input{ font-size: 0.16rem; height: 100%; flex: 1; box-sizing: border-box; border: 1px solid #e6e6e6; margin-right: 0.16rem; padding-left: 0.14rem; } .htsj_box .div2 form button{ flex-shrink: 0; width: 1.34rem; height: 100%; background-color: #c80917; color: #fff; border: none; font-size: 0.18rem; } .htsj_box .div2 dl{ } .htsj_box .div2 dd{ display: none; } .htsj_box .div2 dd:first-of-type{ display: block; } .htsj_box .div2 .ul1{ } .htsj_box .div2 .ul1 li{ margin-bottom: 0.14rem; transition: all 0.5s ease; } .htsj_box .div2 .ul1 li:last-of-type{ margin-bottom: 0; } .htsj_box .div2 .ul1 li a{ display: flex; align-items: center; justify-content: space-between; height: 0.58rem; border: 1px solid #e6e6e6; padding-left: 0.2rem; } .htsj_box .div2 .ul1 li h6{ flex-shrink: 0; width: calc(100% - 2rem); font-size: 0.18rem; color: #666; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; transition: all 0.5s ease; } .htsj_box .div2 .ul1 li span{ flex-shrink: 0; width: 1.6rem; text-align: center; font-size: 0.16rem; height: 0.26rem; line-height: 0.26rem; color: #999; border-left: 1px solid #e6e6e6; } .htsj_box .div2 .ul2{ margin-top: -0.3rem; } .htsj_box .div2 .ul2 li{ float: left; width: 32%; margin-right: 2%; margin-top: 0.3rem; cursor: pointer; } .htsj_box .div2 .ul2 li:nth-of-type(3n){ margin-right: 0; } .htsj_box .div2 .ul2 li em{ display: block; width: 100%; padding-bottom: 64%; overflow: hidden; position: relative; } .htsj_box .div2 .ul2 li em i{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-size: cover; background-position: center; transition: all 0.5s ease; } .htsj_box .div2 .ul2 li h6{ font-size: 0.18rem; line-height: 1.6; height: 0.56rem; overflow: hidden; margin: 0.12rem 0; transition: all 0.5s ease; } .htsj_box .paging_div a { background-color: #efefef; } .xwxq_box{ background-color: #fff; } .xwxq_box .w1600{ } .xwxq_box .divl{ float: left; width: 75%; } .xwxq_box .divl .div1{ padding-bottom: 0.24rem; margin-bottom: 0.4rem; border-bottom: 1px solid #e5e5e5; } .xwxq_box .divl .div1 dt{ font-size: 0.24rem; line-height: 1.4; margin-bottom: 0.3rem; } .xwxq_box .divl .div1 dd{ line-height: 0.22rem; } .xwxq_box .divl .div1 dd strong{ font-size: 0.22rem; font-weight: normal; } .xwxq_box .divl .div1 dd span{ float: right; font-size: 0.13rem; color: #999; padding-left: 0.3rem; background-image: url(../img/tb31.png); background-size: 0.2rem; background-repeat: no-repeat; background-position: left 0.04rem; } .xwxq_box .divl .div1 dd em{ float: right; color: #666; margin-left: 0.3rem; } .xwxq_box .divl .div1 dd em small{ font-size: 0.13rem; color: #999; display: inline-block; vertical-align: top; } .xwxq_box .divl .div1 dd em i{ display: inline-block; vertical-align: top; line-height: 0.2rem; margin-left: 0.06rem; cursor: pointer; } .xwxq_box .divl .div1 dd em sup{ float: right; margin-left: -0.04rem; width: 0.1rem; margin-top: -0.02rem; } .xwxq_box .divl .div2{ } .xwxq_box .divl .div2 p{ font-size: 0.16rem; line-height: 1.8; margin-bottom: 0.2rem; color: #666; } .xwxq_box .divl .div2 p img{ display: block; margin: 0 auto; width: auto; max-width: 100%; } .xwxq_box .divl .div3{ padding-top: 0.2rem; margin-top: 0.5rem; border-top: 1px solid #e5e5e5; display: flex; align-items: center; justify-content: space-between; } .xwxq_box .divl .div3 div{ font-size: 0; } .xwxq_box .divl .div3 div span{ display: inline-block; vertical-align: top; line-height: 0.31rem; font-size: 0.16rem; } .xwxq_box .divl .div3 div a{ display: inline-block; vertical-align: top; float: none; margin: 0; padding: 0; width: 0.31rem; height: 0.31rem; background-size: 100% 100%; margin-right: 0.12rem; } .xwxq_box .divl .div3 div a.wx_a{ background-image: url(../img/tb26.jpg); } .xwxq_box .divl .div3 div a.qq_a{ background-image: url(../img/tb27.jpg); } .xwxq_box .divl .div3 div a.wb_a{ background-image: url(../img/tb28.jpg); } .xwxq_box .divl .div3 div a.bds_more{ background-image: url(../img/tb29.jpg); margin-right: 0; } .xwxq_box .divl .div3 .fh_a{ flex-shrink: 0; width: 1.6rem; height: 0.5rem; line-height: 0.5rem; text-align: center; color: #fff; font-size: 0.18rem; background-color: #C80917; } .xwxq_box .divr{ float: right; width: 23%; box-sizing: border-box; background-color: #efefef; padding: 0.48rem 0.22rem; } .xwxq_box .divr h6{ font-size: 0.36rem; text-align: center; padding-bottom: 0.3rem; border-bottom: 1px solid #d7d7d7; } .xwxq_box .divr div{ } .xwxq_box .divr div a{ display: flex; padding: 0.4rem 0; border-bottom: 1px solid #d7d7d7; } .xwxq_box .divr div a em{ font-size: 0.14rem; color: #999; text-align: center; flex-shrink: 0; width: 0.62rem; } .xwxq_box .divr div a em i{ display: block; font-size: 0.24rem; color: #C80917; margin-bottom: 0.04rem; } .xwxq_box .divr div a p{ flex-shrink: 0; margin-top: -0.04rem; width: calc(100% - 0.62rem); font-size: 0.18rem; color: #666; line-height: 1.8; box-sizing: border-box; padding-left: 0.2rem; transition: all 0.5s ease; } .jdxq_box{ } .jdxq_box .dl1{ } .jdxq_box .dl1 dt{ font-size: 0.48rem; text-align: center; color: #c80917; line-height: 1.4; padding: 0.38rem; /* background-color: #fff; */ border-top: 1px solid #c9c9c9; border-bottom: 1px solid #c9c9c9; } .jdxq_box .dl1 dd{ } .jdxq_box .dl1 dd .h6{ padding: 0.2rem 0; border-bottom: 1px solid #c9c9c9; margin-bottom: 0.32rem; } .jdxq_box .dl1 dd .h6 a{ display: block; padding-left: 0.24rem; font-size: 0.18rem; line-height: 0.22rem; height: 0.2rem; background-image: url(../img/tb35.png); background-repeat: no-repeat; background-size: 0.2rem; } .jdxq_box .dl1 dd .h6 a:nth-of-type(2){ background-image: url(../img/tb36.png); margin-top: 0.2rem; } .jdxq_box .dl1 dd .div{ font-size: 0.16rem; line-height: 1.8; margin: 0 auto; } .jdxq_box .div2{ background-color: #fff; padding-bottom: 1.0rem; } .jdxq_box .div2 .w1600{ position: relative; } .jdxq_box .div2 .swiper-pagination{ width: 100%; bottom: -0.4rem !important; } .jdxq_box .div2 .swiper-pagination span{ background-color: #b2b2b2; } .jdxq_box .div2 .swiper-slide{ } .jdxq_box .div2 .swiper-slide img{ display: block; width: 60%; margin: 0 auto; } .jdxq_box .div2 .swiper-button{ width: 0.6rem; height: 0.6rem; background: none; line-height: 1; margin-top: -0.3rem; overflow: hidden; font-size: 0.6rem; color: #686868; transform: scaleX(2.0); font-weight: 100; } .jdxq_box .div2 .swiper-button-prev{ left: -1.0rem; } .jdxq_box .div2 .swiper-button-next{ right: -1.0rem; } .zsjl_box{ } .zsjl_box .div1{ padding-bottom: 1.0rem; } .zsjl_box .swiper_div{ position: relative; } .zsjl_box .swiper_div .swiper-pagination{ width: 100%; bottom: -0.4rem !important; } .zsjl_box .swiper_div .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; } .zsjl_box .swiper_div .swiper-button-prev{ left: -0.7rem; } .zsjl_box .swiper_div .swiper-button-next{ right: -0.7rem; } .zsjl_box .swiper_div .swiper-container{ } .zsjl_box .swiper_div .swiper-slide{ box-sizing: border-box; padding: 0.15rem; background-color: #fff; } .zsjl_box .swiper_div .swiper-slide em{ display: block; width: 100%; padding-bottom: 64%; overflow: hidden; position: relative; } .zsjl_box .swiper_div .swiper-slide em i{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-size: cover; background-position: center; transition: all 0.5s ease; } .zsjl_box .swiper_div .swiper-slide h6{ font-size: 0.24rem; margin: 0.3rem 0 0.14rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; transition: all 0.5s ease; } .zsjl_box .swiper_div .swiper-slide p{ font-size: 0.18rem; line-height: 1.6; height: 0.56rem; overflow: hidden; margin: 0.18rem 0 0.1rem; color: #666; display: none; transition: all 0.5s ease; } .zsjl_box .swiper_div .swiper-slide span{ display: block; font-size: 0.16rem; color: #666; border-top: 1px solid #eaeaea; margin-top: 0.15rem; padding-top: 0.15rem; transition: all 0.5s ease; } .zsjl_box .div2{ background-color: #fff; } .zsjl_box .div2 ul{ } .zsjl_box .div2 ul li{ margin-bottom: 0.14rem; } .zsjl_box .div2 ul li:last-of-type{ margin-bottom: 0; } .zsjl_box .div2 ul li a{ display: flex; align-items: center; padding: 0.2rem; border: 1px solid #d6d6d6; } .zsjl_box .div2 ul li em{ flex-shrink: 0; width: 2.28rem; height: 1.5rem; overflow: hidden; } .zsjl_box .div2 ul li em i{ display: block; width: 100%; height: 100%; background-position: center; background-size: cover; transition: all 0.5s ease; } .zsjl_box .div2 ul li div{ flex-shrink: 0; width: 60%; margin-left: 0.34rem; } .zsjl_box .div2 ul li div h6{ font-size: 0.24rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; transition: all 0.5s ease; } .zsjl_box .div2 ul li div p{ font-size: 0.18rem; line-height: 1.6; height: 0.56rem; overflow: hidden; margin: 0.18rem 0 0; color: #666; transition: all 0.5s ease; } .zsjl_box .div2 ul li div span{ display: block; font-size: 0.16rem; color: #666; margin-top: 0.15rem; transition: all 0.5s ease; } .zsjl_box .div2 .paging_div a{ background-color: #efefef; } .zdal_box{ } .zdal_box .div1{ padding-bottom: 1.0rem; } .zdal_box .swiper_div{ position: relative; } .zdal_box .swiper_div .swiper-pagination{ width: 100%; bottom: -0.4rem !important; } .zdal_box .swiper_div .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; } .zdal_box .swiper_div .swiper-button-prev{ left: -0.7rem; } .zdal_box .swiper_div .swiper-button-next{ right: -0.7rem; } .zdal_box .swiper_div .swiper-wrapper{ height: auto; } .zdal_box .swiper_div .swiper-slide{ box-sizing: border-box; background-color: #fff; } .zdal_box .swiper_div .swiper-slide em{ display: block; width: 100%; padding-bottom: 46%; overflow: hidden; position: relative; } .zdal_box .swiper_div .swiper-slide em i{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-size: cover; background-position: center; transition: all 0.5s ease; } .zdal_box .swiper_div .swiper-slide em small{ position: absolute; z-index: 3; left: 0; bottom: 0; width: 1.3rem; height: 0.32rem; background-color: #C80917; color: #fff; text-align: center; line-height: 0.32rem; font-size: 0.14rem; } .zdal_box .swiper_div .swiper-slide div{ padding: 0.28rem 0.38rem 0.22rem; border: 1px solid #c9c9c9; border-top: none; } .zdal_box .swiper_div .swiper-slide h6{ font-size: 0.24rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; transition: all 0.5s ease; margin-bottom: 0.14rem; transition: all 0.5s ease; } .zdal_box .swiper_div .swiper-slide p{ font-size: 0.14rem; line-height: 1.6; height: 0.44rem; overflow: hidden; color: #666; transition: all 0.5s ease; } .zdal_box .div2{ background-color: #fff; } .zdal_box .div2 ul{ margin-top: -0.4rem; } .zdal_box .div2 ul li{ float: left; width: 32%; margin-right: 2%; margin-top: 0.4rem; } .zdal_box .div2 ul li:nth-of-type(3n){ margin-right: 0; } .zdal_box .div2 ul li a{ display: block; } .zdal_box .div2 ul li em{ display: block; width: 100%; padding-bottom: 46%; overflow: hidden; position: relative; } .zdal_box .div2 ul li em i{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-size: cover; background-position: center; transition: all 0.5s ease; } .zdal_box .div2 ul li div{ padding: 0.24rem 0.26rem; border: 1px solid #c9c9c9; border-top: none; } .zdal_box .div2 ul li div h6{ font-size: 0.18rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; transition: all 0.5s ease; margin-bottom: 0.12rem; } .zdal_box .div2 ul li div span{ display: block; font-size: 0.14rem; color: #C80917; } .zdal_box .div2 .paging_div a{ background-color: #efefef; } .lnzcs_box{ } .lnzcs_box .div1{ } .lnzcs_box .div1 dl{ display: flex; align-items: center; background-color: #fff; } .lnzcs_box .div1 dl dt{ flex-shrink: 0; width: 50%; padding-bottom: 28%; background-size: cover; background-position: center; } .lnzcs_box .div1 dl dd{ flex-shrink: 0; width: 50%; box-sizing: border-box; padding: 0 0.7rem; } .lnzcs_box .div1 dl dd h5{ font-size: 0.36rem; } .lnzcs_box .div1 dl dd h6{ font-size: 0.24rem; color: #666; margin: 0.25rem 0 0.5rem; } .lnzcs_box .div1 dl dd p{ font-size: 0.18rem; color: #666; line-height: 1.6; } .lnzcs_box .div6{ background-color: #fff; } .lnzcs_box .div6 .h6{ text-align: center; margin-bottom: 0.6rem; } .lnzcs_box .div6 .h6 strong{ display: block; font-size: 0.36rem; font-weight: normal; margin-bottom: 0.3rem; } .lnzcs_box .div6 .h6 p{ font-size: 0.2rem; color: #666; line-height: 1.6; } .lnzcs_box .div6 .h6 span:last-of-type{ margin-right: 0; } .lnzcs_box .div6 ul{ display: flex; justify-content: space-between; } .lnzcs_box .div6 ul li{ flex-shrink: 0; width: 15%; background-color: #efefef; padding: 0.24rem 0 0.2rem; cursor: pointer; border-radius: 0.04rem; transition: all 0.5s ease; } .lnzcs_box .div6 ul li em{ display: block; width: 0.52rem; height: 0.52rem; margin: 0 auto; position: relative; } .lnzcs_box .div6 ul li em img{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; transition: all 0.5s ease; } .lnzcs_box .div6 ul li em img:nth-of-type(1){ opacity: 1; } .lnzcs_box .div6 ul li em img:nth-of-type(2){ opacity: 0; } .lnzcs_box .div6 ul li h6{ text-align: center; font-size: 0.18rem; color: #666; line-height: 1.6; margin-top: 0.3rem; transition: all 0.5s ease; } .lnzcs_box .div6 ul i{ display: flex; align-items: center; font-size: 0.2rem; color: #666; } .lnzcs_box .div7{ } .lnzcs_box .div7 .h6{ text-align: center; margin-bottom: 0.6rem; } .lnzcs_box .div7 .h6 strong{ display: block; font-size: 0.36rem; font-weight: normal; margin-bottom: 0.3rem; } .lnzcs_box .div7 .h6 p{ font-size: 0.20rem; line-height: 1.6; } .lnzcs_box .div7 img{ display: block; margin: 0 auto; width: auto; max-width: 100%; } .lnzcs_box .div8{ padding-bottom: 0; background-color: #fff; } .lnzcs_box .div8 dl{ display: flex; justify-content: space-between; } .lnzcs_box .div8 dl dt{ flex-shrink: 0; width: 46%; } .lnzcs_box .div8 dl dt .h6{ margin-bottom: 0.6rem; } .lnzcs_box .div8 dl dt .h6 strong{ display: block; font-size: 0.36rem; font-weight: normal; margin-bottom: 0.3rem; } .lnzcs_box .div8 dl dt .h6 p{ font-size: 0.2rem; line-height: 1.6; } .lnzcs_box .div8 dl dt em{ display: block; font-size: 0; } .lnzcs_box .div8 dl dt em img{ width: 50%; } .lnzcs_box .div8 dl dd{ flex-shrink: 0; width: 5.96rem; } .lnzcs_box .div8 dl dd img{ width: 100%; } .lnzcs_box .div2{ } .lnzcs_box .div2 .dl{ display: flex; align-items: center; background-color: #fff; margin-bottom: 0.4rem; } .lnzcs_box .div2 .dl dd{ flex-shrink: 0; width: 50%; box-sizing: border-box; padding: 0 0.7rem; } .lnzcs_box .div2 .dl dd h5{ font-size: 0.36rem; margin-bottom: 0.3rem; } .lnzcs_box .div2 .dl dd p{ font-size: 0.18rem; color: #666; line-height: 1.6; } .lnzcs_box .div2 .dl dt{ flex-shrink: 0; width: 50%; padding-bottom: 28%; background-size: cover; background-position: center; } .lnzcs_box .div2 .h5{ color: #fff; text-align: center; padding: 0.26rem 0; background-color: #0f649b; border-radius: 0.1rem; } .lnzcs_box .div2 .h5 strong{ display: block; font-size: 0.36rem; font-weight: normal; margin-bottom: 0.12rem; } .lnzcs_box .div2 .h5 p{ display: block; font-size: 0.18rem; } .lnzcs_box .div2 .ul{ display: flex; border-radius: 0.1rem; overflow: hidden; margin: 0.2rem 0; } .lnzcs_box .div2 .ul li{ flex: 1; box-sizing: border-box; padding: 0.5rem 0.8rem; background-color: #92b7b7; } .lnzcs_box .div2 .ul li:nth-of-type(2){ background-color: #a2be85; } .lnzcs_box .div2 .ul li:nth-of-type(3){ background-color: #af565d; } .lnzcs_box .div2 .ul li h6{ font-size: 0.48rem; color: #fff; text-align: center; margin-bottom: 0.26rem; } .lnzcs_box .div2 .ul li div{ background-color: #fff; border-radius: 0.1rem; padding: 0 0.3rem; display: flex; height: 1.06rem; flex-direction: column; justify-content: center; margin-bottom: 0.2rem; } .lnzcs_box .div2 .ul li div:last-of-type{ margin-bottom: 0; } .lnzcs_box .div2 .ul li div strong{ display: block; font-weight: normal; font-size: 0.18rem; margin-bottom: 0.12rem; } .lnzcs_box .div2 .ul li div p{ font-size: 0.14rem; line-height: 1.6; } .lnzcs_box .div2 .h6{ height: 0.76rem; line-height: 0.76rem; border-radius: 0.1rem; font-size: 0.24rem; text-align: center; color: #fff; background-color: #666; } .lnzcs_box .div3{ background-color: #fff; position: relative; background-image: url(../img/tp71.png); background-size: 3.59rem; background-repeat: no-repeat; background-position: right bottom; } .lnzcs_box .div3 dl{ width: 54%; } .lnzcs_box .div3 dl dt{ font-size: 0.36rem; margin-bottom: 0.3rem; } .lnzcs_box .div3 dl dd{ line-height: 1.8; } .lnzcs_box .div3 dl dd h6{ font-size: 0.18rem; } .lnzcs_box .div3 dl dd h5{ font-size: 0.18rem; color: #c80917; margin-top: 0.3rem; } .lnzcs_box .div3 dl dd p{ font-size: 0.14rem; } .lnzcs_box .div3 .h6{ color: #c80917; position: absolute; left: 58%; bottom: 0.7rem; font-size: 0.18rem; } .lnzcs_box .div3 img{ position: absolute; width: 42%; top: 45%; right: 0; transform: translateY(-50%); } .lnzcs_box .div4{ display: flex; background-image: url(../img/tp72.png); background-size: 7.84rem; background-repeat: no-repeat; background-position: right bottom; } .lnzcs_box .div4 em{ flex-shrink: 0; width: 46%; margin-right: 14%; } .lnzcs_box .div4 em img{ width: 100%; } .lnzcs_box .div4 dl{ flex-shrink: 0; width: 40%; } .lnzcs_box .div4 dl dt{ font-size: 0.36rem; margin-bottom: 0.3rem; } .lnzcs_box .div4 dl dd{ font-size: 0.18rem; line-height: 1.8; } .lnzcs_box .div5{ background-color: #fff; } .lnzcs_box .div5 h5{ font-size: 0.36rem; margin-bottom: 0.5rem; text-align: center; } .lnzcs_box .div5 ul{ display: flex; justify-content: space-between; } .lnzcs_box .div5 ul li{ flex-shrink: 0; width: 22%; border-radius: 0.1rem; text-align: center; box-sizing: border-box; padding: 0.52rem 0.36rem; background-color: #fff; box-shadow: 0 0.05rem 0.1rem rgba(0,0,0,0.1); } .lnzcs_box .div5 ul i{ flex-shrink: 0; width: 4%; background-image: url(../img/tp69.png); background-position: center; background-repeat: no-repeat; background-size: 0.25rem; } .lnzcs_box .div5 ul li h6{ font-size: 0.24rem; margin-bottom: 0.26rem; } .lnzcs_box .div5 ul li p{ font-size: 0.14rem; line-height: 1.8; } .lnzcs_box .div9{ background-color: #fff; text-align: center; } .lnzcs_box .div9 .h6{ text-align: center; margin-bottom: 0.6rem; } .lnzcs_box .div9 .h6 strong{ display: block; font-size: 0.36rem; font-weight: normal; margin-bottom: 0.3rem; } .lnzcs_box .div9 .h6 p{ font-size: 0.20rem; line-height: 1.6; } .lnzcs_box .div9 dl{ display: flex; justify-content: space-between; margin-bottom: 0.5rem; } .lnzcs_box .div9 dl dd{ flex-shrink: 0; width: 32%; border-radius: 0.1rem; box-sizing: border-box; padding: 0.46rem 0.5rem 0.4rem; background-color: #fff; box-shadow: 0 0 0.06rem rgba(0,0,0,0.1); } .lnzcs_box .div9 dl dd h6{ font-size: 0.24rem; margin-bottom: 0.26rem; color: #c80917; } .lnzcs_box .div9 dl dd p{ font-size: 0.16rem; line-height: 1.8; } .lnzcs_box .div9 .h5{ font-size: 0.24rem; text-align: left; position: relative; z-index: 2; margin-bottom: -0.24rem; } .lnzcs_box .div9 img{ display: block; margin: 0 auto; max-width: 100%; } .cxqd_box{ } .cxqd_box .div1{ } .cxqd_box .div1 ul{ padding: 1.0rem 0.74rem; display: flex; justify-content: space-between; background-image: url(../img/tp73.jpg); } .cxqd_box .div1 ul i{ flex-shrink: 0; width: 1px; background-color: #fff; opacity: 0.2; } .cxqd_box .div1 ul li{ flex-shrink: 0; color: #fff; } .cxqd_box .div1 ul li b{ font-size: 1.2rem; font-weight: normal; display: block; font-family: "BEBAS"; text-align: center; } .cxqd_box .div1 ul li small{ font-size: 0.24rem; display: inline-block; vertical-align: top; margin-top: 0.2rem; margin-left: 0.1rem; } .cxqd_box .div1 ul li span{ display: block; font-size: 0.18rem; margin-top: 0.2rem; } .cxqd_box .div1 ol{ display: flex; margin-top: 0.2rem; position: relative; } .cxqd_box .div1 ol::before{ content: ""; position: absolute; width: 100vw; height: 90%; bottom: -0.7rem; background-color: #fff; left: 50%; transform: translateX(-50%); } .cxqd_box .div1 ol li{ flex-shrink: 0; width: 32%; margin-right: 2%; background-color: #fff; box-sizing: border-box; padding: 0.5rem 0; box-shadow: 0 0.05rem 0.1rem rgba(0,0,0,0.2); position: relative; z-index: 3; cursor: pointer; } .cxqd_box .div1 ol li:nth-of-type(4n){ margin-right: 0; } .cxqd_box .div1 ol li h6{ width: 100%; text-align: center; } .cxqd_box .div1 ol li h6 strong{ display: block; font-size: 0.3rem; font-weight: normal; margin-bottom: 0.24rem; } .cxqd_box .div1 ol li h6 p{ height: 1.8rem; } .cxqd_box .div1 ol li h6 p span{ display: block; font-size: 0.18rem; line-height: 2.0; } .cxqd_box .div1 ol li h6 img{ width: 0.9rem; margin-top: 0.34rem; } .cxqd_box .div1 ol li div{ opacity: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(200,9,23,0.9); font-size: 0.16rem; color: #fff; line-height: 1.8; display: flex; align-items: center; justify-content: center; box-sizing: border-box; padding: 0 0.3rem; transition: all 0.5s ease; } .cxqd_box .div2{ height: 33vw; background-size: cover; background-position: center; position: relative; overflow: hidden; height: 45vw; } .cxqd_box .div2::after{ content: ""; position: absolute; width: 6.2rem; height: 6.2rem; background-image: url(../img/tp80.png); background-size: 100% 100%; top: 50%; left: 50%; transform: translate(-50%,-50%); } .cxqd_box .div2 h6{ position: absolute; width: 100%; text-align: center; top: 50%; left: 0; height: 0.47rem; line-height: 0.47rem; margin-top: -0.32rem; font-size: 0.36rem; color: #fff; } .cxqd_box .div2 h6::after{ content: ""; display: inline-block; vertical-align: top; width: 0.47rem; height: 0.47rem; background-image: url(../img/tp79.png); background-size: 100% 100%; margin-left: 0.3rem; } .cxqd_box .div2 video{ width: 100%; height: auto; position: absolute; z-index: 3; top: 50%; left: 0; transform: translateY(-50%); opacity: 0; } .cxqd_box .active_div2 video{ opacity: 1; } .cxqd_box .div3{ background-color: #fff; } .cxqd_box .div3 .title_h5{ width: 58%; text-align: left; margin-bottom: 0.5rem; } .cxqd_box .div3 .title_h5 p{ width: 100%; } .cxqd_box .div3 .div{ } .cxqd_box .div3 .div .h6{ height: 0.74rem; line-height: 0.74rem; border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; } .cxqd_box .div3 .div .h6 a{ display: inline-block; vertical-align: top; white-space: nowrap; padding: 0 0.2rem; margin-right: 12%; font-size: 0.2rem; position: relative; cursor: pointer; } .cxqd_box .div3 .div .h6 a::after{ content: ""; position: absolute; width: 0; margin: auto; left: 0; right: 0; top: -1px; height: 2px; background-color: #c80917; opacity: 0; } .cxqd_box .div3 .div .h6 a:last-of-type{ margin-right: 0; } .cxqd_box .div3 .div .h6 .active{ color: #c80917; } .cxqd_box .div3 .div .h6 .active::after{ opacity: 1; width: 100%; } .cxqd_box .div3 .div .ul{ margin-top: 0.46rem; } .cxqd_box .div3 .div .ul li{ height: 4.0rem; display: none; position: relative; font-size: 0; } .cxqd_box .div3 .div .ul li:first-of-type{ display: block; } .cxqd_box .div3 .div .ul .gallery-thumbs{ display: inline-block; vertical-align: top; width: 46%; height: 100%; margin-right: 4%; } .cxqd_box .div3 .div .ul .gallery-thumbs .swiper-slide{ display: flex; align-items: center; } .cxqd_box .div3 .div .ul .gallery-thumbs .swiper-slide p{ font-size: 0.18rem; color: #999; line-height: 1.8; padding-left: 0.2rem; position: relative; box-sizing: border-box; transition: all 0.5s ease; } .cxqd_box .div3 .div .ul .gallery-thumbs .swiper-slide p::before{ content: "鈼?; position: absolute; top: 50%; left: 0; font-size: 0.16rem; transform: translateY(-50%); } .cxqd_box .div3 .div .ul .gallery-thumbs .swiper-slide-thumb-active{ border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; } .cxqd_box .div3 .div .ul .gallery-thumbs .swiper-slide-thumb-active p{ font-size: 0.22rem; color: #333; } .cxqd_box .div3 .div .ul .gallery-top{ display: inline-block; vertical-align: top; width: 50%; height: 100%; } .cxqd_box .div3 .div .ul .gallery-top .swiper-slide{ background-size: cover; background-position: center; } .cxqd_box .div3 .div .ul .swiper-button{ width: 0.6rem; height: 0.6rem; background: none; line-height: 1; margin-top: -0.3rem; overflow: hidden; font-size: 0.6rem; color: #9d9d9d; transform: scaleY(2.0); font-weight: 100; } .cxqd_box .div3 .div .ul .swiper-button-prev{ left: 0.2rem; top: -0.3rem; } .cxqd_box .div3 .div .ul .swiper-button-next{ right: auto; top: calc(100% + 0.3rem); left: 0.2rem; } .gjcy_box{ } .gjcy_box .div1 { background-color: #efefef; } .gjcy_box .div1 .swiper-container{ } .gjcy_box .div1 .swiper-slide{ background-color: #fff; display: flex; align-items: center; } .gjcy_box .div1 .swiper-slide em{ flex-shrink: 0; width: 50%; padding-bottom: 30%; background-size: cover; background-position: center; } .gjcy_box .div1 .swiper-slide div{ flex-shrink: 0; width: 50%; box-sizing: border-box; padding: 0 0.58rem; } .gjcy_box .div1 .swiper-slide div h6{ font-size: 0.36rem; margin-bottom: 0.4rem; } .gjcy_box .div1 .swiper-slide div p{ font-size: 0.16rem; line-height: 1.8; color: #666; } .gjcy_box .div1 .swiper-pagination{ position: static; margin-top: 0.3rem; width: 100%; } .gjcy_box .div3 { background-color: #efefef; } .gjcy_box .div3 ul{ display: flex; flex-wrap: wrap; margin-top: -0.26rem; } .gjcy_box .div3 ul li{ flex-shrink: 0; width: 49%; margin-right: 2%; margin-top: 0.26rem; float: left; background-color: #fff; } .gjcy_box .div3 ul li:nth-of-type(2n){ margin-right: 0; } .gjcy_box .div3 ul li a{ display: block; } .gjcy_box .div3 ul li em{ display: block; width: 100%; padding-bottom: 50%; overflow: hidden; position: relative; } .gjcy_box .div3 ul li em i{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-size: cover; background-position: center; transition: all 0.5s ease; } .gjcy_box .div3 ul li div{ box-sizing: border-box; padding: 0.3rem 0.2rem 0.2rem; } .gjcy_box .div3 ul li div h6{ font-size: 0.24rem; margin-bottom: 0.24rem; transition: all 0.5s ease; } .gjcy_box .div3 ul li div p{ font-size: 0.16rem; color: #666; line-height: 1.8; } .gjcy_box .div2{ background-color: #fff; background-image: url(../img/tp82.jpg); background-position: center; background-size: contain; background-repeat: no-repeat; } .gjcy_box .div2 .diva{ display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 0.4rem; } .gjcy_box .div2 .diva .h5{ text-align: left; width: 32%; } .gjcy_box .div2 .diva .h5 strong{ display: block; font-size: 0.36rem; font-weight: normal; margin-bottom: 0.3rem; } .gjcy_box .div2 .diva .h5 p{ font-size: 0.16rem; line-height: 1.8; color: #666; } .gjcy_box .div2 .diva ul{ width: 56%; display: flex; justify-content: space-between; } .gjcy_box .div2 .diva ul li{ } .gjcy_box .div2 .diva ul li b{ font-size: 0.8rem; color: #c80917; display: inline-block; vertical-align: bottom; font-family: "BEBAS"; font-weight: normal; } .gjcy_box .div2 .diva ul li small{ font-size: 0.24rem; color: #c80917; display: inline-block; vertical-align: bottom; margin-left: 0.1rem; margin-top: -0.1rem; } .gjcy_box .div2 .diva ul li span{ display: block; font-size: 0.16rem; line-height: 1.8; margin-top: 0.16rem; } .gjcy_box .div2 .divb{ position: relative; } .gjcy_box .div2 .divb .img{ width: 100%; transition: all 0.5s ease; } .gjcy_box .div2 .divb .hide_img{ opacity: 0; } .gjcy_box .div2 .divb .h6{ position: absolute; z-index: 3; width: 3.2rem; left: 0; bottom: 0; } .gjcy_box .div2 .divb .h6 a{ font-size: 0.18rem; display: block; height: 0.56rem; line-height: 0.56rem; padding-left: 0.24rem; border-bottom: 1px solid #d6d6d6; cursor: pointer; transition: all 0.5s ease; } .gjcy_box .div2 .divb .h6 a i{ display: inline-block; vertical-align: middle; margin-top: -0.02rem; margin-right: 0.1rem; width: 0.24rem; height: 0.24rem; overflow: hidden; } .gjcy_box .div2 .divb .h6 a i img{ width: 100%; } .gjcy_box .div2 .divb .h6 a.active{ background-color: #c80917; color: #fff; } .gjcy_box .div2 .divb .div{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .gjcy_box .div2 .divb ul{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; display: none; } .gjcy_box .div2 .divb ul:first-of-type{ display: block; } .gjcy_box .div2 .divb ul li{ position: absolute; width: 0.24rem; height: 0.24rem; top: 0; left: 0; } .gjcy_box .div2 .divb ul li i{ display: block; width: 100%; height: 100%; background-size: 100% 100%; } .gjcy_box .div2 .divb .ul1 li i{ background-image: url(../img/tp87.png); } .gjcy_box .div2 .divb ul li dl{ position: absolute; bottom: 6%; left: -92%; transform: translateX(-50%); width: 6.12rem; height: 2.15rem; background-image: url(../img/tp97.png); background-size: 100% 100%; box-sizing: border-box; padding: 0.24rem 0.26rem 0; display: none; font-size: 0; } .gjcy_box .div2 .divb ul li dl dt{ display: inline-block; vertical-align: middle; width: 2.08rem; height: 1.4rem; background-size: cover; background-position: center; } .gjcy_box .div2 .divb ul li dl dd{ display: inline-block; vertical-align: middle; width: calc(100% - 2.08rem); box-sizing: border-box; padding-left: 0.3rem; } .gjcy_box .div2 .divb ul li dl dd h6{ font-size: 0.18rem; margin-bottom: 0.14rem; color: #c80917; } .gjcy_box .div2 .divb ul li dl dd p{ font-size: 0.14rem; color: #666; line-height: 1.6; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .gjcy_box .div2 .divb ul li dl dd a{ margin-top: 0.2rem; display: inline-block; vertical-align: top; padding: 0.08rem 0.16rem; border: 1px solid #999; font-size: 0.14rem; color: #999; transition: all 0.5s ease; } .gjcy_box .div2 .divb .ul1 li:nth-of-type(1){ top: 68%; left: 96%; } .gjcy_box .div2 .divb .ul1 li:nth-of-type(2){ top: 69%; left: 35%; } .gjcy_box .div2 .divb .ul1 li:nth-of-type(3){ top: 46.5%; left: 45.6%; } .gjcy_box .div2 .divb .ul1 li:nth-of-type(4){ top: 60%; left: 53%; } .gjcy_box .div2 .divb .ul1 li:nth-of-type(5){ top: 24%; left: 31.5%; } .gjcy_box .div2 .divb .ul1 li:nth-of-type(6){ top: 17%; left: 37%; } .gjcy_box .div2 .divb .ul1 li:nth-of-type(7){ top: 22%; left: 33%; } .gjcy_box .div2 .divb .ul1 li:nth-of-type(8){ top: 64%; left: 36.5%; } .gjcy_box .div2 .divb .ul1 li:nth-of-type(9){ top: 36%; left: 36.5%; } .gjcy_box .div2 .divb .ul1 li:nth-of-type(10){ top: 58%; left: 51.5%; } .gjcy_box .div2 .divb .ul1 li:nth-of-type(11){ top: 52%; left: 67.5%; display: none; } .gslb_box{ } .gslb_box .div1 img{ width: 100%; } .gslb_box .div1 .title_h6{ margin-bottom: 0; } .gslb_box .div2{ background-color: #fff; } .gslb_box .div2 .dd1{ } .gslb_box .div2 .dd1 ul{ margin-top: -0.2rem; } .gslb_box .div2 .dd1 ul li{ margin-top: 0.2rem; } .gslb_box .div2 .dd1 ul li a{ display: flex; align-items: center; padding: 0.2rem; border: 1px solid #d2d2d2; background-color: #fff; transition: all 0.5s ease; } .gslb_box .div2 .dd1 ul li a::after{ content: "銆?; font-size: 0.32rem; color: #b3b3b3; transform: scaleX(2.0); font-weight: 100; transition: all 0.5s ease; } .gslb_box .div2 .dd1 ul li em{ flex-shrink: 0; width: 3.75rem; height: 2.82rem; overflow: hidden; position: relative; } .gslb_box .div2 .dd1 ul li em i{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-size: cover; background-position: center; transition: all 0.5s ease; } .gslb_box .div2 .dd1 ul li div{ flex: 1; box-sizing: border-box; padding: 0 10% 0 0.5rem; } .gslb_box .div2 .dd1 ul li div h6{ font-size: 0.2rem; margin-bottom: 0.2rem; } .gslb_box .div2 .dd1 ul li div p{ font-size: 0.16rem; line-height: 1.6; color: #666; margin-bottom: 0.3rem; } .gslb_box .div2 .dd1 ul li div span{ display: block; margin-top: 0.1rem; padding-left: 0.3rem; font-size: 0.16rem; line-height: 0.22rem; background-repeat: no-repeat; background-size: 0.2rem; color: #c80917; } .gslb_box .div2 .dd1 ul li div .dz_span{ background-image: url(../img/tb35.png); } .gslb_box .div2 .dd1 ul li div .wz_span{ background-image: url(../img/tb36.png); } .gslb_box .div2 .ddh{ display: none; } .gslb_box .div2 .ddh ul li a::after{ display: none; } .gslb_box .div2 .dd2{ display: none; } .gslb_box .div2 .dd2 h6{ font-size: 0.2rem; height: 0.5rem; line-height: 0.5rem; background-color: #107ec5; color: #fff; text-align: center; } .gslb_box .div2 .dd2 table{ width: 100%; } .gslb_box .div2 .dd2 table tr{ } .gslb_box .div2 .dd2 table td{ border: 1px solid #ccc; padding: 0.14rem 0.2rem; width: 25%; } .gslb_box .div2 .dd3{ display: none; } .gslb_box .div2 .dd3 ul{ border-right: 1px solid #d6d6d6; border-bottom: 1px solid #d6d6d6; } .gslb_box .div2 .dd3 ul li{ float: left; width: 16.6%; padding-bottom: 13%; background-size: 90%; background-repeat: no-repeat; background-position: center; box-sizing: border-box; border: 1px solid #d6d6d6; border-right: none; border-bottom: none; } .gslb_box .div2 .dd3 ul li:nth-of-type(6n){ width: 17%; } .jjhjs_box{ } .jjhjs_box .div1 { background-color: #efefef; } .jjhjs_box .div1 dl{ display: flex; background-color: #fff; } .jjhjs_box .div1 dl dt{ flex-shrink: 0; width: 0%; background-size: cover; background-position: center; } .jjhjs_box .div1 dl dd{ flex-shrink: 0; width: 100%; box-sizing: border-box; padding: 0.44rem 0.48rem; } .jjhjs_box .div1 dl dd p{ font-size: 0.18rem; color: #666; line-height: 1.8; margin-bottom: 0.2rem; } .jjhjs_box .div1 dl dd p:last-of-type{ margin-bottom: 0; } .jjhjs_box .div1 ul{ margin-top: 0.6rem; display: flex; justify-content: space-between; } .jjhjs_box .div1 ul li{ flex-shrink: 0; width: 32%; background-color: #fff; box-sizing: border-box; padding: 0.3rem 0.24rem 0.24rem; font-size: 0; } .jjhjs_box .div1 ul li h6{ font-size: 0.3rem; margin-bottom: 0.24rem; } .jjhjs_box .div1 ul li em{ display: inline-block; vertical-align: middle; width: 36%; height: 2.06rem; background-size: cover; background-position: center; } .jjhjs_box .div1 ul li p{ display: inline-block; vertical-align: middle; width: 64%; box-sizing: border-box; padding-left: 0.2rem; } .jjhjs_box .div1 ul li p span{ display: block; font-size: 0.16rem; white-space: nowrap; line-height: 1.8; } .jjhjs_box .div1 ul li p span::before{ content: "鈼?; font-size: 0.2rem; color: #707070; margin-right: 0.06rem; } /*.jjhjs_box .div2 .zyry_inner { display: flex; justify-content: space-between; height: 30vw; } .jjhjs_box .div2 .zyry-left { width: 70%; height: 100%; border: 1px solid rgba(0, 0, 0, .1); box-sizing: border-box; } .jjhjs_box .div2 .zyry-left .swiper-out { width: 100%; height: 100%; position: relative; padding: 0.3rem 0.3rem 0.6rem; box-sizing: border-box; } .jjhjs_box .div2 .zyry-left .swiper-container { width: 100%; height: 100%; } .jjhjs_box .div2 .zyry-left .swiper-slide { padding: .1rem; display: flex; align-items: center; background-color: #fff; box-sizing: border-box; height: calc((100% - 30px) / 2); border: 1px solid rgba(0, 0, 0, .1); } .jjhjs_box .div2 .zyry-left .swiper-slide .img-box { width: 100%; height: 100%; display: flex; align-items: center; } .jjhjs_box .div2 .zyry-left .swiper-slide .img { padding-bottom: 70%; width: 100%; transition: .5s; } .jjhjs_box .div2 .zyry-left .swiper-slide p { display: none; text-align: center; font-size: .16rem; margin-top: .2rem; } .jjhjs_box .div2 .zyry-left .swiper-button-next, .jjhjs_box .div2 .zyry-left .swiper-button-prev { left: unset; top: unset; bottom: unset; right: unset; width: .35rem; height: .35rem; background-color: #fff; border-radius: 50%; background-size: 30%; background-position: center; bottom: 0.1rem; background-color: #efefef; } .jjhjs_box .div2 .zyry-left .swiper-button-next { left: 51%; } .jjhjs_box .div2 .zyry-left .swiper-button-prev { right: 51%; } .jjhjs_box .div2 .swiper-button-next:hover, .jjhjs_box .div2 .swiper-button-prev:hover { background-color: #C80917; } .jjhjs_box .div2 .zyry-right { width: 26%; height: 100%; border: 1px solid rgba(0, 0, 0, .1); padding: 0.2rem; box-sizing: border-box; } .jjhjs_box .div2 .zyry-right-inner { width: 100%; height: 100%; overflow: auto; }*/ /* 婊氬姩鏉℃牱寮 */ /*.jjhjs_box .div2 .zyry-right-inner::-webkit-scrollbar { width: 4px; } .jjhjs_box .div2 .zyry-right-inner::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); background: #ACACAC; } .jjhjs_box .div2 .zyry-right-inner::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 2px #fff; border-radius: 0; background: #fff; opacity: 1; } .jjhjs_box .div2 .zyry-right p { font-size: .16rem; color: #666; padding-left: .2rem; position: relative; box-sizing: border-box; line-height: 0.25rem; margin-bottom: 0.15rem; } .jjhjs_box .div2 .zyry-right p:last-of-type{ margin-bottom: 0; } .jjhjs_box .div2 .zyry-right p::before { position: absolute; content: ''; width: 5px; height: 5px; border-radius: 50%; left: 0; top: 50%; transform: translate(0, -50%); background-color: #666; }*/ .jjhjs_box .div3 { background-color: #efefef; } .jjhjs_box .div3 dl{ display: flex; text-align: center; } .jjhjs_box .div3 dl h6{ font-size: 0.3rem; margin-bottom: 0.4rem; } .jjhjs_box .div3 dl img{ width: 100%; } .jjhjs_box .div3 dt{ flex-shrink: 0; width: 46%; margin-right: 2%; background-color: #fff; box-sizing: border-box; padding: 0.4rem; } .jjhjs_box .div3 dd{ flex-shrink: 0; width: 52%; background-color: #fff; box-sizing: border-box; padding: 0.4rem; } .jjhjs_box .div2{ /*background-color: #fff;*/ } .jjhjs_box .div2 dl{ display: flex; align-items: center; } .jjhjs_box .div2 dd{ flex-shrink: 0; width: 3.5rem; } .jjhjs_box .div2 dd p{ font-size: 0.18rem; line-height: 2.0; color: #555; } .jjhjs_box .div2 dd p::before{ content: ""; display: inline-block; vertical-align: middle; margin-right: 0.1rem; margin-top: -0.06rem; width: 0.06rem; height: 0.06rem; background-color: #555; border-radius: 50%; } .jjhjs_box .div2 dt{ flex-shrink: 0; width: calc(100% - 3.5rem); box-sizing: border-box; padding-right: 0.7rem; } .jjhjs_box .div2 dt .gallery-top{ height: 4.2rem; } .jjhjs_box .div2 dt .gallery-top .swiper-slide{ background-size: contain; background-position: center; background-repeat: no-repeat; box-sizing: border-box; background-color: #fff; opacity: 0.5; transition: all 0.5s ease; } .jjhjs_box .div2 dt .gallery-top .swiper-slide-active{ z-index: 3; opacity: 1; } .jjhjs_box .div2 dt .gallery-thumbs{ } .jjhjs_box .div2 dt .gallery-thumbs .swiper-slide{ text-align: center; font-size: 0.18rem; } .jjhjs_box .div2 dt .swiper-button{ width: 0.5rem; height: 0.5rem; background: none; line-height: 1; margin-top: -0.25rem; overflow: hidden; font-size: 0.5rem; color: #fff; transform: scaleX(2.0); font-weight: 100; } .jjhjs_box .div2 dt .swiper-button-prev{ left: 15%; } .jjhjs_box .div2 dt .swiper-button-next{ right: 15%; } .search_box{ background-color: #fff; } .search_box h6{ font-size: 0.14rem; color: #999; padding-bottom: 0.1rem; border-bottom: 1px solid #ddd; margin-bottom: 0.3rem; } .search_box h5{ margin-bottom: 0.12rem; } .search_box ul li{ height: 0.4rem; line-height: 0.4rem; border-bottom: 1px solid #eee; } .search_box ul li a{ display: block; color: #333; transition: all 0.5s ease; } .lnzch_box{ } .lnzch_box .h6{ text-align: center; margin-bottom: 0.5rem; } .lnzch_box .h6 strong{ font-size: 0.3rem; display: block; margin-bottom: 0.18rem; } .lnzch_box .h6 p{ font-size: 0.18rem; color: #666; line-height: 1.8; } .lnzch_box .div1{ background-color: #fff; } .lnzch_box .div1 ul{ display: flex; } .lnzch_box .div1 li{ flex: 1; text-align: center; box-sizing: border-box; border-right: 1px solid #d5dee5; padding: 0 0.2rem; cursor: pointer; } .lnzch_box .div1 li:last-of-type{ border-right: none; } .lnzch_box .div1 li em{ display: block; margin: 0 auto 0.3rem; width: 1.44rem; height: 1.44rem; overflow: hidden; position: relative; } .lnzch_box .div1 li em img{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; transition: all 0.5s ease; } .lnzch_box .div1 li em img:nth-of-type(1){ opacity: 1; } .lnzch_box .div1 li em img:nth-of-type(2){ opacity: 0; } .lnzch_box .div1 li strong{ display: block; font-size: 0.24rem; margin-bottom: 0.16rem; } .lnzch_box .div1 li p{ font-size: 0.16rem; line-height: 1.6; } .lnzch_box .div3{ } .lnzch_box .div3 dl{ display: flex; align-items: center; } .lnzch_box .div3 dl dt{ flex-shrink: 0; width: 48%; margin-right: 8%; } .lnzch_box .div3 dl dt img{ width: 100%; } .lnzch_box .div3 dl dd{ flex-shrink: 0; width: 44%; } .lnzch_box .div3 dl dd .h6{ text-align: left; } .lnzch_box .div3 dl dd ul{ } .lnzch_box .div3 dl dd ul li{ display: flex; font-size: 0.18rem; align-items: center; margin-bottom: 0.4rem; } .lnzch_box .div3 dl dd ul li:nth-of-type(2){ justify-content: center; } .lnzch_box .div3 dl dd ul li:nth-of-type(3){ justify-content: flex-end; margin-bottom: 0; } .lnzch_box .div3 dl dd ul li span{ flex-shrink: 0; width: 1.7rem; height: 0.66rem; box-sizing: border-box; border: 1px solid #c7c7c7; text-align: center; line-height: 0.66rem; color: #666; border-radius: 0.1rem; } .lnzch_box .div3 dl dd ul li i{ flex-shrink: 0; width: 0.86rem; height: 0.64rem; background-image: url(../img/xz15.png); background-size: 100% 100%; margin: 0 0.3rem; } .lnzch_box .div3 dl dd ul li em{ flex-shrink: 0; width: 1.7rem; height: 0.66rem; box-sizing: border-box; border: 1px solid rgba(0,117,193,0.6); background-color: rgba(0,117,193,0.6); text-align: center; line-height: 0.66rem; color: #fff; border-radius: 0.1rem; } .lnzch_box .div5{ background-color: #fff; } .lnzch_box .div5 .h6{ position: relative; } .lnzch_box .div5 .h6 strong{ margin-bottom: 0.7rem; position: relative; z-index: 3; } .lnzch_box .div5 .h6 small{ width: 100%; position: absolute; text-align: center; top: 0; left: 0; font-size: 0.92rem; color: #efefef; font-weight: bold; } .lnzch_box .div5 .img1{ width: 100%; margin-bottom: 0.6rem; } .lnzch_box .div5 div img{ width: auto; max-width: 100%; display: block; margin: 0 auto; } .lnzch_box .div6{ } .lnzch_box .div6 dl{ width: 5.4rem; margin: 0 auto; position: relative; } .lnzch_box .div6 dl dt{ width: 100%; } .lnzch_box .div6 dl dt img{ width: 100%; } .lnzch_box .div6 dl dd{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .lnzch_box .div6 dl dd p{ position: absolute; width: 84%; font-size: 0.16rem; color: #666; line-height: 1.8; transform: translateY(-50%); } .lnzch_box .div6 dl dd p:nth-of-type(1){ top: 24%; right: 90%; } .lnzch_box .div6 dl dd p:nth-of-type(2){ top: 54%; left: 106%; } .lnzch_box .div6 dl dd p:nth-of-type(3){ top: 86%; right: 106%; } .lnzch_box .div7{ background-image: url(../img/xz25.jpg); background-position: center; background-size: cover; color: #fff; } .lnzch_box .div7 .h6 p{ color: #fff; } .lnzch_box .div7 ul{ display: flex; margin-left: 4%; } .lnzch_box .div7 ul li{ flex-shrink: 0; width: 18%; padding-bottom: 18%; box-sizing: border-box; border: 1px solid #fff; border-radius: 2rem; position: relative; margin-left: -4%; cursor: pointer; overflow: hidden; transition: all 0.5s ease; } .lnzch_box .div7 ul li::after{ content: ""; position: absolute; top: 50%; right: 0.1rem; width: 0.34rem; height: 0.24rem; margin-top: -0.12rem; background-image: url(../img/xz18.png); background-size: 100% 100%; } .lnzch_box .div7 ul li:last-of-type::after{ display: none; } .lnzch_box .div7 ul li h6{ position: absolute; width: 100%; top: 50%; left: 0; transform: translateY(-50%); text-align: center; transition: all 0.5s ease; } .lnzch_box .div7 ul li h6 img{ width: 0.6rem; } .lnzch_box .div7 ul li h6 span{ display: block; font-size: 0.24rem; color: #fff; margin-top: 0.36rem; } .lnzch_box .div7 ul li dl{ position: absolute; width: 56%; top: 50%; left: 100%; transform: translateY(-50%); box-sizing: border-box; padding-left: 0.4rem; border-left: 1px solid #fff; opacity: 0; transition: all 0.5s ease; } .lnzch_box .div7 ul li dl::after{ content: ""; position: absolute; width: 0.15rem; height: 0.09rem; background-image: url(../img/xz26.png); background-size: 100% 100%; top: 0; left: -0.08rem; } .lnzch_box .div7 ul li dl dd{ font-size: 0.14rem; line-height: 2.0; } .lnzch_box .div7 ul .active_li{ width: 34%; z-index: 3; background-color: #C90918; border: 1px solid #C90918; } .lnzch_box .div7 ul .active_li h6{ width: 44%; } .lnzch_box .div7 ul .active_li dl{ left: 44%; opacity: 1; } .lnzch_box .div8{ background-color: #fff; } .lnzch_box .div8 ul{ display: flex; justify-content: space-between; } .lnzch_box .div8 ul li{ flex-shrink: 0; width: 22%; border-radius: 0.1rem; text-align: center; box-sizing: border-box; padding: 0.52rem 0.36rem; background-color: #fff; box-shadow: 0 0.05rem 0.1rem rgba(0,0,0,0.1); transition: all 0.5s ease; } .lnzch_box .div8 ul i{ flex-shrink: 0; width: 4%; background-image: url(../img/tp69.png); background-position: center; background-repeat: no-repeat; background-size: 0.25rem; } .lnzch_box .div8 ul li h6{ font-size: 0.24rem; margin-bottom: 0.26rem; transition: all 0.5s ease; } .lnzch_box .div8 ul li p{ font-size: 0.14rem; line-height: 1.8; color: #666; transition: all 0.5s ease; } .lnzch_box .div9{ } .lnzch_box .div9 dl{ display: flex; justify-content: space-between; } .lnzch_box .div9 dl dt{ flex-shrink: 0; width: 70%; } .lnzch_box .div9 dl .swiper-container{ } .lnzch_box .div9 dl .swiper-slide{ background-color: #fff; box-sizing: border-box; padding: 0.1rem; } .lnzch_box .div9 dl .swiper-slide i{ display: block; padding-bottom: 74%; background-size: contain; background-repeat: no-repeat; background-position: center; } .lnzch_box .div9 dl .swiper-button{ font-size: 0; text-align: center; margin-top: 0.4rem; } .lnzch_box .div9 dl .swiper-button div{ display: inline-block; vertical-align: top; position: static; margin-top: 0; width: 0.4rem; height: 0.4rem; outline: none; background-size: 100% 100%; opacity: 1; } .lnzch_box .div9 dl .swiper-button-prev{ background-image: url(../img/xz30.png); } .lnzch_box .div9 dl .swiper-button-next{ background-image: url(../img/xz31.png); margin-left: 0.2rem; } .lnzch_box .div9 dl dd{ } .lnzch_box .div9 dl dd p{ font-size: 0.16rem; color: #666; line-height: 1.8; margin-bottom: 0.1rem; white-space: nowrap; } .lnzch_box .div9 dl dd p::before{ content: "鈼?; font-size: 0.12rem; margin-right: 0.1rem; color: #8f8f8f; display: inline-block; vertical-align: middle; margin-top: -0.04rem; } .lnzch_box .div9 dl dd p:last-of-type{ margin-bottom: 0; } .lnzch_box .div2{ background-image: url(../img/xz1.jpg); background-position: center; background-size: cover; color: #fff; } .lnzch_box .div2 .w1600{ display: flex; align-items: center; justify-content: space-between; } .lnzch_box .div2 .h6{ text-align: left; } .lnzch_box .div2 .h6 p{ color: #fff; } .lnzch_box .div2 .dl{ margin-top: 0.4rem; flex-shrink: 0; width: 5.09rem; height: 5.09rem; position: relative; background-image: url(../img/xz13.png); background-position: center; background-size: 0.65rem; background-repeat: no-repeat; } .lnzch_box .div2 .dl dt{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .lnzch_box .div2 .dl dt i:nth-of-type(1){ position: absolute; top: 10%; right: -10%; width: 0.44rem; height: 0.44rem; transform: translate(-50%,-50%); background-color: #c5d9e0; border-radius: 50%; } .lnzch_box .div2 .dl dt i:nth-of-type(2){ position: absolute; top: 3.5%; right: 26%; width: 0.34rem; height: 0.34rem; transform: translate(-50%,-50%); background-color: #ea5c46; border-radius: 50%; } .lnzch_box .div2 .dl dt i:nth-of-type(3){ position: absolute; top: 28.5%; right: 32%; width: 0.18rem; height: 0.18rem; transform: translate(-50%,-50%); background-color: #c79905; border-radius: 50%; } .lnzch_box .div2 .dd1{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .lnzch_box .div2 .dd1::before{ content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-image: url(../img/xz6.png); background-size: 100% 100%; animation: xz1 5s linear infinite; } .lnzch_box .div2 .dd2{ position: absolute; width: 3.8rem; height: 3.8rem; top: 50%; left: 50%; margin: -1.9rem 0 0 -1.9rem; } .lnzch_box .div2 .dd2::before{ content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-image: url(../img/xz14.png); background-size: 100% 100%; animation: xz2 4s linear infinite; } .lnzch_box .div2 .dd3{ position: absolute; width: 1.65rem; height: 1.65rem; top: 50%; left: 50%; margin: -0.83rem 0 0 -0.83rem; } .lnzch_box .div2 .dd3::before{ content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-image: url(../img/xz5.png); background-size: 100% 100%; animation: xz1 3s linear infinite; } .lnzch_box .div2 .dd1 p{ position: absolute; width: 1.0rem; height: 1.0rem; transform: translate(-50%,-50%); } .lnzch_box .div2 .dd1 p img{ width: 100%; } .lnzch_box .div2 .dd1 p span{ position: absolute; white-space: nowrap; top: 106%; left: 50%; transform: translateX(-50%); font-size: 0.16rem; line-height: 1.4; text-align: center; } .lnzch_box .div2 .dd1 p:nth-of-type(1){ top: 0; left: 40%; } .lnzch_box .div2 .dd1 p:nth-of-type(2){ top: 74%; left: 93%; } .lnzch_box .div2 .dd1 p:nth-of-type(3){ top: 45%; left: 0; } .lnzch_box .div2 .dd1 p:nth-of-type(3) span{ left: auto; right: 110%; top: 50%; transform: translateX(0); transform: translateY(-50%); } .lnzch_box .div2 .dd2 p{ position: absolute; width: 0.79rem; height: 0.79rem; transform: translate(-50%,-50%); } .lnzch_box .div2 .dd2 p img{ width: 100%; } .lnzch_box .div2 .dd2 p span{ position: absolute; white-space: nowrap; top: 106%; left: 50%; transform: translateX(-50%); font-size: 0.16rem; line-height: 1.4; text-align: center; } .lnzch_box .div2 .dd2 p:nth-of-type(1){ top: 33%; left: 94%; } .lnzch_box .div2 .dd2 p:nth-of-type(2){ top: 15%; left: 14%; } .lnzch_box .div2 .dd2 p:nth-of-type(2) span{ left: auto; right: 110%; top: 50%; transform: translateX(0); transform: translateY(-50%); } .lnzch_box .div2 .dd2 p:nth-of-type(3){ top: 94%; left: 73%; } .lnzch_box .div2 .dd2 p:nth-of-type(3) span{ top: auto; bottom: 106%; } .lnzch_box .div4{ background-image: url(../img/xz2.jpg); background-position: center; background-size: cover; color: #fff; } .lnzch_box .div4 .w1600{ position: relative; } .lnzch_box .div4 .w1600 .h6{ text-align: left; top: 0; left: 0; } .lnzch_box .div4 .w1600 .h6 p{ color: #fff; } .lnzch_box .div4 .dl{ width: 5.92rem; height: 5.92rem; margin: 0 auto; position: relative; } .lnzch_box .div4 .dl::before{ content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-image: url(../img/xz37.png); background-size: 100% 100%; animation: xz1 3s linear infinite; } @keyframes xz1 { 0% { transform: rotate(0deg); } 100% { transform: rotate(-360deg); } } @keyframes xz2 { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .lnzch_box .div4 .dl dt{ position: absolute; border-radius: 50%; width: 2.32rem; height: 2.32rem; top: 50%; left: 50%; transform: translate(-50%,-50%); background-color: #efefef; font-size: 0.16rem; line-height: 1.6; color: #666; display: flex; justify-content: center; align-items: center; } .lnzch_box .div4 .dl dd{ position: absolute; top: 50%; left: 50%; width: 4.87rem; height: 4.87rem; transform: translate(-50%,-50%); background-image: url(../img/xz38.png); background-size: 100% 100%; } .lnzch_box .div4 .dl dd .ul, .lnzch_box .div4 .dl dd .em .lnzch_box .div4 .dl dd .p{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .lnzch_box .div4 .dl dd .em img{ position: absolute; width: 0.54rem; transform: translate(-50%,-50%); } .lnzch_box .div4 .dl dd .em img:nth-of-type(1){ top: 11%; left: 50%; } .lnzch_box .div4 .dl dd .em img:nth-of-type(2){ top: 38%; left: 88%; } .lnzch_box .div4 .dl dd .em img:nth-of-type(3){ top: 81%; left: 74%; } .lnzch_box .div4 .dl dd .em img:nth-of-type(4){ top: 81%; left: 26%; } .lnzch_box .div4 .dl dd .em img:nth-of-type(5){ top: 38%; left: 12%; } .lnzch_box .div4 .dl dd .p span{ position: absolute; white-space: nowrap; font-size: 0.18rem; line-height: 1.6; transform: translate(-50%,-50%); display: flex; align-items: center; } .lnzch_box .div4 .dl dd .p span::before{ content: "鈼?; font-size: 0.16rem; margin: 0 0.16rem; } .lnzch_box .div4 .dl dd .p span:nth-of-type(1){ top: -20%; left: 71%; } .lnzch_box .div4 .dl dd .p span:nth-of-type(2){ top: 33%; left: 122%; } .lnzch_box .div4 .dl dd .p span:nth-of-type(3){ top: 100%; left: 102%; } .lnzch_box .div4 .dl dd .p span:nth-of-type(4){ top: 100%; left: -4%; flex-direction: row-reverse; } .lnzch_box .div4 .dl dd .p span:nth-of-type(5){ top: 33%; left: -22%; flex-direction: row-reverse; } .lnzch_box .div4 .dl dd .ul img{ position: absolute; width: 66%; transform: translate(-50%,-50%); opacity: 0; transition: all 0.5s ease; } .lnzch_box .div4 .dl dd .ul img:nth-of-type(1){ top: 10%; left: 50%; } .lnzch_box .div4 .dl dd .ul img:nth-of-type(2){ top: 38%; left: 88%; transform: translate(-50%,-50%) rotate(72deg); } .lnzch_box .div4 .dl dd .ul img:nth-of-type(3){ top: 82%; left: 73%; transform: translate(-50%,-50%) rotate(144deg); } .lnzch_box .div4 .dl dd .ul img:nth-of-type(4){ top: 82%; left: 26%; transform: translate(-50%,-50%) rotate(216deg); } .lnzch_box .div4 .dl dd .ul img:nth-of-type(5){ top: 38%; left: 12%; transform: translate(-50%,-50%) rotate(288deg); } @media (min-width: 1200px) { /*.head_box .yy_dl:hover dd{ height: 0.72rem; }*/ .head_box .yy_dl:hover::after{ transform: rotate(-45deg); } .head_box .yy_dl dd a:hover{ color: #C90918; } .lnzch_box .div1 li:hover em img:nth-of-type(1){ opacity: 0; } .lnzch_box .div1 li:hover em img:nth-of-type(2){ opacity: 1; } .lnzch_box .div4 .dl dd .ul img:hover{ opacity: 1; } .lnzch_box .div8 ul li:hover{ background-color: #C90918; } .lnzch_box .div8 ul li:hover h6{ color: #fff; } .lnzch_box .div8 ul li:hover p{ color: #fff; } .welcome_box .div3 ul li:hover{ z-index: 7; } .cxqd_box .div1 ol li:hover div{ opacity: 1; } .gjcy_box .div2 .divb ul li:hover{ z-index: 4; } .htsj_box .div2 .ul2 li:hover em i{ transform: scale(1.1); } .htsj_box .div2 .ul2 li:hover h6{ color: #c80917; } .htsj_box .div2 .ul1 li:hover{ background-color: #f7f7f7; } .htsj_box .div2 .ul1 li:hover h6{ color: #c80917; } .htsj_box .div1 dd .as:hover em i{ transform: scale(1.1); } .htsj_box .div1 dd .as:hover h6{ color: #c80917; } .zdal_box .div2 ul li:hover em i{ transform: scale(1.1); } .zdal_box .div2 ul li:hover div h6{ color: #c80917; } .zdal_box .swiper_div .swiper-slide:hover h6{ color: #c80917; } .zdal_box .swiper_div .swiper-slide:hover em i{ transform: scale(1.1); } .zsjl_box .div2 ul li:hover em i{ transform: scale(1.1); } .zsjl_box .div2 ul li:hover div h6{ color: #c80917; } .zsjl_box .swiper_div .swiper-slide:hover em i{ transform: scale(1.1); } .zsjl_box .swiper_div .swiper-slide:hover h6{ color: #c80917; } .gjcy_box .div3 ul li:hover em i{ transform: scale(1.1); } .gjcy_box .div3 ul li:hover div h6{ color: #c80917; } .gslb_box .div2 li a:hover{ background-color: #efefef; } .gslb_box .div2 li a:hover::after{ color: #c80917; } .gslb_box .div2 li a:hover em i{ transform: scale(1.1); } .gjcy_box .div2 .divb ul li dl dd a:hover{ background-color: #c80917; color: #fff; border: 1px solid #c80917; } .gjcy_box .div2 .divb .h6 a:hover{ background-color: #c80917; color: #fff; } .xwxq_box .divr div a:hover p{ color: #c80917; } .htcsjjh_box .div3 .div a:hover i{ transform: scale(1.1); } .head_box .nav_ul li p a:hover{ color: #c80917; } .txjl_box .div2 .btn_div button:hover{ background-color: #c80917; } .lnzcs_box .div6 ul li:hover em img:nth-of-type(1){ opacity: 0; } .lnzcs_box .div6 ul li:hover em img:nth-of-type(2){ opacity: 1; } .lnzcs_box .div6 ul li:hover{ background-color: #C80917; box-shadow: 0 0 0.2rem rgba(0,0,0,0.2); } .lnzcs_box .div6 ul li:hover h6{ color: #fff; } .hddt-swiper .swiper-slide:hover .hddt-img { transform: scale(1.1); } .hddt-item:hover .hddt-item-img { transform: scale(1.1); } .zyry-swiper .swiper-slide:hover .zyry-img { transform: scale(1.1); } .htgk_box .div2:hover .htgk-item-img { transform: scale(1.1); } .fzlc-swiper3 .swiper-slide a:hover .fzlc3-img { transform: scale(1.1); } .htdj-item:hover .htdj-img{ transform: scale(1.1); } .djdt-item:hover .djdt-item-img{ transform: scale(1.1); } .htcsjjh_box .div2 .h5 a:hover{ background-color: #c80917; border: 1px solid #c80917; color: #fff; } .htcsjjh_box .m_a:hover{ background-color: #c80917; color: #fff; } /*.xxgk_box .div1 a:hover{ background-color: #c80917; box-shadow: 0 0 0.2rem rgba(0,0,0,0.2); } .xxgk_box .div1 a:hover::before{ background-position-y: -0.38rem; } .xxgk_box .div1 a:hover h6{ color: #fff; } .xxgk_box .div1 a:hover span{ color: #fff; background-image: url(../img/tb25h.png); }*/ .xyzp_box .div3 .list_div a:hover{ box-shadow: 0 0 0.2rem rgba(0,0,0,0.1); } .xyzp_box .div4 p a:hover{ background-color: #c80917; border: 1px solid #c80917; } .xyzp_box .div2 ul li p a:hover{ background-color: #c80917; color: #fff; } .xyzp_box .div1 div:hover i{ transform: scale(1.1); } .title_h6 a:hover{ background-color: #c80917; color: #fff; } .gyxm_box .div1 .divl a:hover{ color: #c80917; background-image: url(../img/tb15.png); } .gycsdt_box .div1 a:hover h6{ color: #c80917; } .gycsdt_box .div1 a:hover{ box-shadow: 0 0 0.2rem rgba(0,0,0,0.4); } .gycsdt_box .div1 a:hover em i{ transform: scale(1.1); } .csrbg_box .div1 a:hover h6{ color: #fff; } .csrbg_box .div1 a:hover{ background-color: #c80917; box-shadow: 0 0 0.2rem rgba(0,0,0,0.4); } .csrbg_box .div1 a:hover em i{ transform: scale(1.1); } .paging_div a:hover{ background-color: #c80917 !important; color: #fff !important; } .title_box a:hover{ color: #fff; background-color: #c80917; } .welcome_box .div3 .title_h5 a:hover{ box-shadow: 0 0 0.15rem rgba(239,51,50,0.5); } .welcome_box .div1 .swiper-button-prev:hover{ background-color: #ef3133; } .welcome_box .div1 .swiper-button-next:hover{ background-color: #ef3133; } .welcome_box .div1 .swiper-slide:hover h6{ color: #ef3133; } .welcome_box .div1 .swiper-slide:hover em i{ transform: scale(1.1); } .welcome_box .div1 .swiper-slide:hover span{ color: #333; } .head_box .nav_ul li:hover>a{ color: #ef3133; } .foot_box .dl dd h6 p a:hover{ color: #ef3133; } .foot_box .ul li a:hover{ color: #ef3133; } .welcome_box .div2 .divl a:hover{ border: 1px solid #ef3133; background-color: #ef3133; } .welcome_box .div2 .divr .h5 a:hover{ color: #ef3133; } .welcome_box .div2 .divr ul li:hover a{ color: #ef3133; } .head_box .ss_form:hover input{ width: 1.6rem; } .more_a:hover::after{ margin-left: 0.64rem; } } @media (max-width: 1600px) { html{ font-size: 90px; } .head_box .nav_ul li>a{ padding: 0 0.2rem; } .head_box .logo_a .img2{ width: 340px; } } @media (max-width: 1500px) { .welcome_box .div2 .divr:nth-of-type(2) div a p{ height: 0.28rem; } .lnzch_box .div7 ul li dl dd{ line-height: 1.8; } .htcsjjh_box .div2 .h5 a{ padding: 0 0.18rem; } } @media (max-width: 1400px) { html { font-size: 80px; } .head_box .logo_a .img2{ width: 320px; } } @media (max-width: 1200px) { } @media (max-width: 380px){ html { font-size: 70px; } } .w1200{ max-width: 1200px; display: block; margin: 0 auto; box-sizing: border-box; } .flex{display:flex;} .column{flex-direction: column;} .jc-sb{justify-content:space-between;} .jc-c{justify-content:center;} .flex-1{flex:1;} .tc{text-align: center;} .ai-c{align-items:center;} .w1920{ max-width: 1920px; margin:0 auto; } .pro_list{ display:flex; flex-wrap:wrap; } .pro_list .item{ width:calc(33.3% - 12px); /* height:230px; */ background:#666666; position:relative; overflow:hidden; margin:0px 16px 16px 0px; } .pro_list .item:nth-child(3n+3){ margin-right:0px; } .pro_list .item .img{ width:100%; } .pro_list .item .img img{ width: 100%; display: block; margin:0px; } .pro_list .item .info{ width:100%; position:absolute; top:50%; left:0%; transform:translateY(-50%); z-index:2; } .pro_list .item .info h1{ font-size:18px; color:#ffffff; padding:0px 10px; } .pro_list .item .info img{ width: 20%; } .pro_list .item .zhe{ height:100%; width:100%; position:absolute; top:0%; left:0%; background:rgba(0,0,0,0.5); z-index:1; opacity:0; transition:all 0.5s; } .pro_list .item.on .zhe{ opacity:1; } .jjfa_container_list{ padding:0px 0px 60px; box-sizing: border-box; } .jjfa_container_list .big_title{ font-size: 34px; color: #155a9b; font-weight: normal; margin-bottom:40px; } .jjfanav{ height:50px; background: #ffffff; } .jjfa_sidebar_list{ height:50px; } .jjfa_sidebar_list .item{ height:20px; line-height:20px; padding:0px 50px; font-size:14px; border-right:1px solid #aaaaaa; } .jjfa_sidebar_list .item.on{ color:#0f649b; font-weight:bold; } .jjfa_container_box{ background:#f8f8f8; } .jjfa_container_box .w1920{ padding:0px 10px; box-sizing: border-box; } .jjfa_container_box .info{ padding:30px 0px 60px; margin-bottom:60px; } .jjfa_container_box .info .left{ width:48%; border-top:#024393 11px solid; margin-right:4%; } .jjfa_container_box .info .left .scroll{ overflow:auto; } .down_tel { align-items: flex-end; } .down_tel .down{ display: inline-block; width: 200px; height: 56px; line-height: 56px; font-size: 16px; color: #fff; text-align: center; background-color: #2e74b5; margin-right: 20px; } .down_tel .tel .t{ font-size: 14px; color: #000; line-height: 1; margin-bottom: 10px; } .down_tel .tel .phone{ font-size: 26px; color: #0075c2; line-height: 1; } .jjfa_container_box .info .left .title{ padding: 25px 0 20px; font-size: 32px; line-height: 1; color: #155a9b; } .jjfa_container_box .info .left .des{ /* margin-bottom: 40px; */ height: 165px; /* overflow: hidden; */ position: relative; padding-right: 16px; font-size:14px; line-height:1.8; color:#6c6c6c; } .jjfa_container_box .info .right{ width:57%; height:350px; overflow:hidden; position:relative; } .jjfa_container_box .info .right .img{ position:absolute; width:100%; height:350px; top:0%; left:0%; transition:all 0.5s; } .jjfa_container_box .info .right .img img{ position:absolute; min-width:100%; min-height:280px; top:50%; left:50%; transform:translatex(-50%) translateY(-50%); } .jjfa_container_box .info .right:hover .img{ transform:scale(1.1); } .jjfa_container_box .info .right .text{ width:100%; text-align:center; position:absolute; top:42%; left:0px; width:100%; color:#ffffff; } .jjfa_container_box .info .right .text .t{ font-size: 30px; margin-bottom:15px; } .jjfa_container_box .info .right .text .s{ font-size:14px; } .btn_file_down a{ display: block; width: 200px; height: 56px; line-height: 56px; font-size: 16px; color: #fff; text-align: center; background-color: #2e74b5; margin:0 auto; }