@font-face{ font-family: "BEBAS"; src: url('../font/BEBAS.ttf'),url('../font/BEBAS.eot'); font-weight: normal; font-style: normal; } /** 娓呴櫎鍐呭杈硅窛 **/ body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 缁撴瀯鍏冪礌 */ dl, dt, dd, ul, ol, li, /* list elements 鍒楄〃鍏冪礌 */ pre, /* text formatting elements 鏂囨湰鏍煎紡鍏冪礌 */ form, fieldset, legend, button, input, textarea, /* form elements 琛ㄥ崟鍏冪礌 */ th, td /* table elements 琛ㄦ牸鍏冪礌 */ { margin: 0; padding: 0; } /** 璁剧疆榛樿瀛椾綋 **/ body,button, input, select, textarea /* for ie */ { font: 14px/1.0 "Arial","PingFangSC-Regular","Source Han Sans CN","Microsoft YaHei","榛戜綋","瀹嬩綋","KaiTi",sans-serif; } h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal;} address, cite, dfn, em, var, i { font-style: normal; } /* 灏嗘枩浣撴壎姝 */ code, kbd, pre, samp { font-family: courier new, courier, monospace; } /* 缁熶竴绛夊瀛椾綋 */ small { font-size: 12px; } /* 灏忎簬 12px 鐨勪腑鏂囧緢闅鹃槄璇? 璁 small 姝e父鍖 */ /** 閲嶇疆鍒楄〃鍏冪礌 **/ ul, ol { list-style: none; } /** 閲嶇疆鏂囨湰鏍煎紡鍏冪礌 **/ a { color: #333; text-decoration: none; -webkit-tap-highlight-color: rgba(0,0,0,0);} a:hover { text-decoration: none; cursor: pointer; } sup { vertical-align: text-top; font-size: 0.5em;} /* 閲嶇疆, 鍑忓皯瀵硅楂樼殑褰卞搷 */ sub { vertical-align: text-bottom; } strong{ font-weight: normal; } /** 閲嶇疆琛ㄥ崟鍏冪礌 **/ legend { color: #000; } /* for ie6 */ fieldset, img { border: 0; } /* img 鎼溅锛氳閾炬帴閲岀殑 img 鏃犺竟妗 */ button, input, select, textarea { font-size: 100%; outline: none; border: none; background: 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; */ } 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; } .w78{ width: 78%; max-width: 1500px; display: block; margin: 0 auto; box-sizing: border-box; } .w88{ width: 88%; max-width: 1700px; display: block; margin: 0 auto; box-sizing: border-box; } .swiper-button-prev,.swiper-button-next{ background: none; outline: none; } .swiper-button-prev::after{ content: "\eb15"; font-family: "iconfont" !important; font-style: normal; -webkit-font-smoothing: antialiased; } .swiper-button-next::after{ content: "\eb16"; font-family: "iconfont" !important; font-style: normal; -webkit-font-smoothing: antialiased; } .swiper-pagination{ width: 100%; box-sizing: border-box; text-align: center; bottom: 0.2rem !important; font-size: 0; } .swiper-pagination span{ outline: none; width: 0.12rem; height: 0.12rem; background-color: #fff; border-radius: 50%; opacity: 1; margin: 0 0.05rem !important; } .swiper-pagination .swiper-pagination-bullet-active{ background-color: #0d68b7; } .mCustomScrollBox{ padding-right: 0.2rem; } .mCSB_inside>.mCSB_container{ margin-right: 0; } .mCSB_scrollTools{ width: 2px; right: 0; } .mCSB_scrollTools .mCSB_draggerRail{ background: #ddd; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background: #0d68b7 !important; width: 2px; } .head_box{ position: fixed; top: 0; left: 0; z-index: 9; width: 100%; height: 1.0rem; background-color: rgba(12,94,165,0); box-shadow: 0 0 0.2rem 0.05rem rgba(0,0,0,0); transition: all 0.3s; } .head_box .w88{ display: flex; height: 100%; position: relative; justify-content: space-between; border-bottom: 1px solid rgba(255,255,255,0.28); transition: all 0.3s; } .head_box .logo_a{ flex-shrink: 0; width: 150px; height: 100%; position: relative; } .head_box .logo_a img{ position: absolute; width: 100%; top: 50%; left: 0; transform: translateY(-50%); transition: all 0.3s; } .head_box .logo_a img:nth-of-type(1){ opacity: 1; } .head_box .logo_a img:nth-of-type(2){ opacity: 0; } .head_box .nav_ul{ font-size: 0; } .head_box .nav_ul li{ display: inline-block; vertical-align: top; position: relative; } .head_box .nav_ul li::after{ content: ""; position: absolute; width: 0; margin: auto; left: 0; right: 0; bottom: 0; height: 3px; background-color: #fff; opacity: 0; transition: all 0.3s; } .head_box .nav_ul li>a{ display: block; font-size: 0.18rem; color: #fff; height: 1.0rem; line-height: 1.0rem; padding: 0 0.24rem; transition: all 0.3s; } .head_box .nav_ul li.active::after{ width: calc(100% - 0.48rem); opacity: 1; } .head_box .nav_ul li a i{ display: none; float: right; transition: all 0.3s; } .head_box .nav_ul li.active_li a i{ transform: rotate(-135deg); } .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.16rem; color: #333; transition: all 0.3s; } .head_box .function_div{ display: flex; height: 100%; align-items: center; } .head_box #account_h4{ position: relative; font-size: 0; cursor: pointer; color: #fff; transition: all 0.3s; } .head_box #account_h4::before{ content: "\e602"; display: inline-block; vertical-align: top; font-family: "iconfont" !important; font-style: normal; -webkit-font-smoothing: antialiased; font-size: 0.22rem; } .head_box #account_h4 strong{ display: inline-block; vertical-align: top; margin-top: 0.02rem; font-size: 0.18rem; font-weight: bold; margin-left: 0.1rem; } .head_box #account_h4 a{ position: absolute; color: #fff; white-space: nowrap; font-size: 0.16rem; left: 0.32rem; top: 100%; padding-top: 0.1rem; display: none; } .head_box #shopping_h5{ margin-left: 0.26rem; position: relative; cursor: pointer; color: #fff; transition: all 0.3s; } .head_box #shopping_h5::before{ content: "\e6e3"; font-family: "iconfont" !important; font-style: normal; -webkit-font-smoothing: antialiased; font-size: 0.22rem; } .head_box #shopping_h5 i{ position: absolute; right: -0.06rem; top: -0.06rem; width: 0.16rem; height: 0.16rem; color: #fff; background-color: #ff0000; border-radius: 50%; font-size: 0.12rem; text-align: center; line-height: 0.16rem; transform: scale(0.9); } .head_box #en_a{ font-size: 0.2rem; margin-left: 0.26rem; color: #fff; transition: all 0.3s; } .head_box #search_a{ cursor: pointer; margin-left: 0.26rem; color: #fff; transition: all 0.3s; } .head_box #search_a::before{ content: "\eafe"; font-family: "iconfont" !important; font-style: normal; -webkit-font-smoothing: antialiased; font-size: 0.26rem; } .head_box #search_form{ position: absolute; top: 100%; left: 0; width: 100%; height: 0.7rem; background-color: rgba(0,0,0,0.6); box-sizing: border-box; padding: 0 0.4rem; display: none; } .head_box #search_form input{ vertical-align: top; width: 100%; height: 100%; border: none; background: none; color: #fff; font-size: 0.16rem; } .head_box #search_form button{ position: absolute; top: 0.15rem; right: 0.4rem; width: 0.4rem; height: 0.4rem; } .head_box #search_form button::before{ content: "\eafe"; color: #fff; font-family: "iconfont" !important; font-style: normal; -webkit-font-smoothing: antialiased; font-size: 0.4rem; } .menu_box{ display: none; position: absolute; width: 0.7rem; height: 0.7rem; top: 0; right: 0; justify-content: center; align-items: center; background-color: #0c5ea5; cursor: pointer; z-index: 12; transition: all 0.5s ease; } .menu_box dt{ width: 25px; font-size: 0; text-align: right; } .menu_box dt i{ display: inline-block; vertical-align: top; width: 100%; height: 2px; background-color: #e1e1e1; margin: 3px 0; transition: all 0.5s ease; } .menu_active{ } .menu_active dt i:nth-of-type(1){ transform: rotate(45deg) translate(5.5px, 6px); } .menu_active dt i:nth-of-type(2){ opacity: 0; } .menu_active dt i:nth-of-type(3){ transform: rotate(-45deg) translate(5.5px, -6px); } .headh_box{ height: 0.9rem; background-color: #fff; box-shadow: 0 0 0.2rem 0.05rem rgba(0,0,0,0.2); } .headh_box .w88{ border-color: rgba(255,255,255,0);; } .headh_box .logo_a img:nth-of-type(1){ opacity: 0; } .headh_box .logo_a img:nth-of-type(2){ opacity: 1; } .headh_box .nav_ul li>a{ height: 0.9rem; line-height: 0.9rem; color: #333; } .headh_box .nav_ul li::after{ background-color: #0d68b7; } .headh_box #account_h4{ color: #333; } .headh_box #shopping_h5{ color: #333; } .headh_box #en_a{ color: #333; } .headh_box #search_a{ color: #333; } .headw_box{ background-color: rgba(13,104,183,1); } .banner_box{ position: fixed; top: 0; left: 0; width: 100%; height: 36vw; background-size: cover; background-position: center; } .banner_box dl{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); color: #fff; } .banner_box dl dt{ font-size: 0.5rem; background-image: url(../img/tb48.png); background-size: 0.46rem; background-repeat: no-repeat; padding: 0.26rem 0 0 0.1rem; text-shadow: 2px 3px 5px rgba(53,53,53,0.56); } .banner_box dl dd{ display: inline-block; vertical-align: top; margin-top: 0.28rem; padding: 0.1rem 0.3rem; font-size: 0.2rem; background-color: rgba(0,0,0,0.3); } .box{ position: relative; z-index: 6; margin-top: 36vw; background-color: #fff; } .menu_div{ position: absolute; width: 100%; top: -0.7rem; left: 0; background-color: rgba(0,0,0,0.3); } .menu_div p{ display: flex; } .menu_div p a{ flex: 1; height: 0.7rem; text-align: center; line-height: 0.7rem; font-size: 0.18rem; color: #fff; position: relative; } .menu_div p a::before{ content: ""; position: absolute; z-index: 2; left: 0; top: 0; width: 100%; height: 0; background-color: #0d68b7; opacity: 0; transition: all 0.3s; } .menu_div p a::after{ content: ""; position: absolute; top: 25%; right: 0; width: 1px; height: 50%; width: 1px; background-color: #fff; opacity: 0.6; } .menu_div p a:last-of-type:after{ display: none; } .menu_div p a span{ display: block; width: 100%; height: 100%; position: relative; z-index: 3; } .menu_div p a.active::before{ height: 100%; opacity: 1; } .pd{ padding: 0.7rem 0; } .title_h4{ text-align: center; margin-bottom: 0.6rem; } .title_h4 strong{ display: block; font-size: 0.4rem; } .title_h4 small{ display: block; font-size: 0.2rem; color: #999; text-transform: uppercase; margin: 0.14rem 0 0.18rem; } .title_h4::after{ content: ""; display: block; margin: 0 auto; width: 0.44rem; height: 4px; background-color: #0d68b7; } .paging_div{ font-size: 0; text-align: center; margin-top: 0.6rem; } .paging_div a{ display: inline-block; vertical-align: top; width: 0.4rem; height: 0.4rem; border: 1px solid #cfcfcf; border-radius: 4px; margin: 0 0.06rem; text-align: center; line-height: 0.42rem; font-size: 0.16rem; transition: all 0.3s; } .paging_div a.prev{ line-height: 0.4rem; } .paging_div a.prev::before{ content: "\eb15"; font-family: "iconfont" !important; font-style: normal; -webkit-font-smoothing: antialiased; } .paging_div a.next{ line-height: 0.4rem; } .paging_div a.next::before{ content: "\eb16"; font-family: "iconfont" !important; font-style: normal; -webkit-font-smoothing: antialiased; } .paging_div a.active{ background-color: #0469c0; border-color: #0469c0; color: #fff; } .foot_box{ position: relative; z-index: 6; background-color: #0d68b7; color: #fff; } .foot_box .div1{ padding: 0.4rem 0; display: flex; justify-content: space-between; } .foot_box .divl{ } .foot_box .divl h5{ display: flex; align-items: center; } .foot_box .divl h5 a{ flex-shrink: 0; width: 171px; } .foot_box .divl h5 a img{ width: 100%; } .foot_box .divl h5 p{ font-size: 0.18rem; line-height: 1.2; border-left: 1px solid rgba(255,255,255,0.3); margin-left: 0.2rem; padding-left: 0.2rem; } .foot_box .divl dl{ margin-top: 0.5rem; display: flex; align-items: flex-end; } .foot_box .divl dt{ margin-right: 0.6rem; } .foot_box .divl dt strong{ display: block; font-size: 0.2rem; } .foot_box .divl dt small{ display: block; font-size: 0.16rem; margin-top: 0.1rem; } .foot_box .divl dt p{ font-size: 0.16rem; margin-top: 0.2rem; } .foot_box .divl dd{ display: flex; } .foot_box .divl dd a{ text-align: center; margin-right: 0.24rem; } .foot_box .divl dd a:last-of-type{ margin-right: 0; } .foot_box .divl dd a img{ width: 0.66rem; } .foot_box .divl dd a span{ display: block; font-size: 0.18rem; margin-top: 0.14rem; color: #fff; } .foot_box .divr{ display: flex; } .foot_box .divr li{ text-align: right; margin-left: 0.42rem; } .foot_box .divr li a{ display: block; font-size: 0.16rem; margin-top: 0.16rem; color: #fff; opacity: 0.6; transition: all 0.3s; } .foot_box .divr li a:first-of-type{ font-size: 0.18rem; margin-bottom: 0.26rem; margin-top: 0; opacity: 1; } .foot_box .div2{ background-color: #095393; border-top: 1px solid #207ac7; padding: 0.2rem 0 0.16rem; } .foot_box .div2 h6{ display: flex; align-items: center; justify-content: space-between; font-size: 0.16rem; color: #fff; line-height: 1.5; } .foot_box .div2 h6 div{ } .foot_box .div2 h6 div a[title="绔欓暱缁熻"]{ font-size: 0; display: inline-block; vertical-align: top; width: 20px; height: 20px; background-image: url(../img/pic1.gif); } .foot_box .div2 h6 a{ color: #fff; margin: 0 5px; } .news_box{ } .news_box .div1{ margin-top: -0.3rem; } .news_box .div1 li{ float: left; width: 23.5%; margin-right: 2%; margin-top: 0.3rem; background-color: #f7f7f7; transition: all 0.3s; } .news_box .div1 li:nth-of-type(4n){ margin-right: 0; } .news_box .div1 li a{ display: block; } .news_box .div1 li em{ display: block; width: 100%; padding-bottom: 64%; overflow: hidden; position: relative; } .news_box .div1 li em i{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-size: cover; background-position: center; transition: all 0.3s; } .news_box .div1 li div{ padding: 0.2rem 0.2rem; } .news_box .div1 li div h6{ font-size: 0.2rem; line-height: 1.4; height: 0.56rem; overflow: hidden; transition: all 0.3s; } .news_box .div1 li div p{ font-size: 0.16rem; color: #666; line-height: 1.6; height: 0.5rem; overflow: hidden; margin-top: 0.16rem; transition: all 0.3s; } .news_box .div1 li div span{ margin-top: 0.3rem; display: flex; align-items: center; justify-content: space-between; font-size: 0.16rem; color: #666; transition: all 0.3s; } .news_box .div1 li div span::after{ content: "\e578"; font-family: "iconfont" !important; font-style: normal; -webkit-font-smoothing: antialiased; font-size: 0.24rem; color: #0469c0; } .dynamic_box{ } .dynamic_box .div1{ } .dynamic_box .div1 li{ margin-bottom: 0.3rem; background-color: #f7f7f7; transition: all 0.3s; } .dynamic_box .div1 li:last-of-type{ margin-bottom: 0; } .dynamic_box .div1 li a{ display: flex; align-items: center; justify-content: space-between; } .dynamic_box .div1 li em{ flex-shrink: 0; width: 3.8rem; height: 2.2rem; overflow: hidden; position: relative; } .dynamic_box .div1 li em i{ display: block; width: 100%; height: 100%; background-size: cover; background-position: center; transition: all 0.3s; } .dynamic_box .div1 li div{ flex: 1; min-width: 0; box-sizing: border-box; padding: 0 0.54rem; } .dynamic_box .div1 li div h6{ font-size: 0.2rem; line-height: 1.2; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; transition: all 0.3s; } .dynamic_box .div1 li div span{ display: block; font-size: 0.16rem; color: #666; margin-top: 0.2rem; transition: all 0.3s; } .dynamic_box .div1 li div p{ font-size: 0.16rem; color: #666; line-height: 1.6; max-height: 0.5rem; overflow: hidden; margin-top: 0.26rem; transition: all 0.3s; } .dynamic_box .div1 li strong{ flex-shrink: 0; width: 1.4rem; height: 1.2rem; border-left: 1px solid #d9d9d9; position: relative; } .dynamic_box .div1 li strong::after{ content: "\eb16"; font-family: "iconfont" !important; font-style: normal; -webkit-font-smoothing: antialiased; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); font-size: 0.22rem; color: #0469c0; width: 0.38rem; height: 0.38rem; padding-left: 2px; box-sizing: border-box; border: 2px solid #0469c0; border-radius: 50%; text-align: center; line-height: 0.34rem; transition: all 0.3s; } .newsinfo_box{ background-color: #fff; } .newsinfo_box *{ font-family:"SourceHanSansCN-Regular","Source Han Sans CN", "Noto Sans S Chinese","Noto Sans S Chinese Light"!important; } .newsinfo_box .h5{ font-size: 0.3rem; margin-bottom: 0.2rem; line-height: 1.2; font-weight: bold; text-align: center; } .newsinfo_box .h6{ text-align: center; margin-bottom: 0.3rem; padding-bottom: 0.2rem; border-bottom: 1px solid #e6e6e6; } .newsinfo_box .h6 i{ display: inline-block; vertical-align: top; width: 1px; height: 0.16rem; background-color: #999; margin: 0 0.14rem; } .newsinfo_box .h6 span{ font-size: 0.16rem; color: #999; } .newsinfo_box .div1{ margin-bottom: 0.3rem; } .newsinfo_box .div1 p{ font-size: 0.16rem; line-height: 1.8; } .newsinfo_box .div1 p strong{ font-weight: bold; } .newsinfo_box .div1 p img, .newsinfo_box .div1 p video{ display: block; width: auto; height: auto; max-width: 100%; margin: 0 auto; } .newsinfo_box .div2{ display: flex; height: 0.5rem; line-height: 0.5rem; background-color: #f7f7f7; padding: 0 0.2rem; justify-content: center; } .newsinfo_box .div2 a{ flex-shrink: 0; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 0.16rem; color: #999; width: calc(50% - 1.0rem); transition: all 0.5s ease; } .newsinfo_box .div2 a.return_a{ width: 2.0rem; color: #2c8bec; text-align: center; } .newsinfo_box .div2 a:nth-of-type(3){ text-align: right; } .idea_box{ background-color: #f1f4f9; } .idea_box .h6{ font-size: 0.34rem; } .idea_box .h6::after{ content: ""; display: block; width: 0.64rem; height: 5px; background-color: #0469c0; margin-top: 0.18rem; } .idea_box .div1{ } .idea_box .div1 .dl{ display: flex; min-height: 3.5rem; background-color: #fff; } .idea_box .div1 .dl dt{ flex-shrink: 0; width: 48%; box-sizing: border-box; padding: 0.54rem 0.64rem; } .idea_box .div1 .dl dt .h6{ margin-bottom: 0.34rem; } .idea_box .div1 .dl dt p{ font-size: 0.2rem; color: #666; line-height: 1.6; } .idea_box .div1 .dl dd{ flex-shrink: 0; width: 52%; background-size: cover; background-position: center; } .idea_box .div2{ background-image: url(../img/tp5.jpg); background-size: cover; background-position: center; } .idea_box .div2 .h6{ margin-bottom: 0.5rem; } .idea_box .div2 .ul{ margin-top: -0.4rem; } .idea_box .div2 .ul li{ float: left; width: 48%; margin-right: 4%; display: flex; align-items: center; background-color: #fff; border-radius: 0.08rem; overflow: hidden; margin-top: 0.4rem; box-shadow: 0px 0px 0.2rem 0px rgba(53,53,53,0.1); } .idea_box .div2 .ul li:nth-of-type(2n){ margin-right: 0; } .idea_box .div2 .ul li i{ flex-shrink: 0; width: 1.34rem; height: 1.34rem; background-color: #0469c0; color: #fff; text-align: center; line-height: 1.34rem; font-size: 0.6rem; border-radius: 0.08rem; } .idea_box .div2 .ul li div{ flex: 1; min-width: 0; box-sizing: border-box; padding: 0 0.28rem; } .idea_box .div2 .ul li div strong{ display: block; font-size: 0.22rem; margin-bottom: 0.12rem; } .idea_box .div2 .ul li div p{ font-size: 0.18rem; color: #666; line-height: 1.4; } .campus_box{ } .campus_box .div1{ display: flex; height: 0.76rem; justify-content: space-between; margin-bottom: 0.4rem; } .campus_box .div1 select{ margin-right: 0.3rem; flex: 1; height: 100%; background-color: #f2f5fa; box-sizing: border-box; padding: 0 0.3rem; font-size: 0.2rem; } .campus_box .div1 button{ flex-shrink: 0; width: 2.4rem; height: 100%; background-color: #0d68b7; color: #fff; font-size: 0.24rem; } .campus_box .div2{ display: flex; height: 0.76rem; line-height: 0.76rem; background-color: #b3b3b3; } .campus_box .div2 span{ flex: 1; height: 100%; font-size: 0.24rem; color: #fff; text-align: center; } .campus_box .div3{ } .campus_box .div3 li{ margin-top: 0.15rem; } .campus_box .div3 li .h5{ position: relative; z-index: 3; display: flex; height: 0.76rem; line-height: 0.76rem; background-color: #ebeef2; cursor: pointer; transition: all 0.3s; } .campus_box .div3 li .h5 span{ flex: 1; height: 100%; font-size: 0.24rem; text-align: center; } .campus_box .div3 li .h5 span.span{ } .campus_box .div3 li .h5 span.span::after{ content: "\eb17"; font-family: "iconfont" !important; font-style: normal; -webkit-font-smoothing: antialiased; display: inline-block; vertical-align: middle; font-size: 0.18rem; color: #fff; width: 0.3rem; height: 0.3rem; box-sizing: border-box; background-color: #0469c0; border-radius: 50%; text-align: center; line-height: 0.3rem; transition: all 0.3s; } .campus_box .div3 li .dl{ font-size: 0; background-color: #fff; box-shadow: 0px 0px 0.2rem 0px rgba(27,27,27,0.22); padding: 0.5rem; display: none; } .campus_box .div3 li .dl dd{ display: inline-block; vertical-align: top; width: 48%; margin-right: 4%; } .campus_box .div3 li .dl dd:nth-of-type(2n){ margin-right: 0; } .campus_box .div3 li .dl dd p{ font-size: 0.18rem; color: #666; line-height: 1.8; } .campus_box .div3 li .active{ background-color: #0d68b7; color: #fff; } .campus_box .div3 li .active span.span::after{ background-color: #fff; color: #0d68b7; transform: rotate(-180deg); } .campus_box .div4{ display: flex; justify-content: center; margin-top: 0.6rem; } .campus_box .div4 dd{ flex-shrink: 0; width: 36%; box-sizing: border-box; padding: 0.42rem 0.3rem; background-color: #ebeef2; border-radius: 0.1rem; border: 1px solid #ccc; text-align: center; margin-right: 4%; } .campus_box .div4 dd:last-of-type{ margin-right: 0; } .campus_box .div4 dd img{ width: 0.38rem; } .campus_box .div4 dd h6{ font-size: 0.24rem; margin: 0.14rem 0; } .campus_box .div4 dd p{ font-size: 0.2rem; } .join_box{ } .join_box .div1{ background-color: #fafafa; } .join_box .div1 form{ font-size: 0; } .join_box .div1 label{ display: inline-block; vertical-align: top; width: 47%; margin-right: 6%; margin-bottom: 0.5rem; } .join_box .div1 label:nth-of-type(2n){ margin-right: 0; } .join_box .div1 label span{ display: block; font-size: 0.2rem; margin-bottom: 0.2rem; } .join_box .div1 label span::after{ content: "*"; color: #ff0000; } .join_box .div1 label input{ width: 100%; height: 0.6rem; background-color: #fff; font-size: 0.2rem; box-sizing: border-box; padding: 0 0.2rem; } .join_box .div1 button{ display: block; margin: 0 auto; width: 6.1rem; height: 0.7rem; background-color: #0d68b7; color: #fff; font-size: 0.24rem; } .join_box .div2{ margin-top: 0.7rem; display: flex; justify-content: space-between; } .join_box .div2 dt{ flex-shrink: 0; width: 60%; background-size: cover; background-position: center; } .join_box .div2 dd{ flex-shrink: 0; width: 34%; padding: 0.5rem 0; } .join_box .div2 dd h6{ font-size: 0.5rem; } .join_box .div2 dd h6::after{ content: ""; display: block; width: 0.64rem; height: 5px; background-color: #0469c0; margin-top: 0.18rem; } .join_box .div2 dd p{ font-size: 0.34rem; margin: 0.5rem 0 0.1rem; } .join_box .div2 dd span{ font-size: 0.2rem; color: #666; display: block; } .mode_box{ } .mode_box .div1{ display: flex; justify-content: space-between; } .mode_box .div1 li{ flex: 1; margin-right: 0.2rem; box-sizing: border-box; padding: 0 0.24rem; height: 1.2rem; background-color: #f7f7f7; display: flex; align-items: center; } .mode_box .div1 li img{ flex-shrink: 0; width: 0.56rem; } .mode_box .div1 li dl{ flex: 1; margin-left: 0.2rem; line-height: 1.4; } .mode_box .div1 li dt{ font-size: 0.18rem; } .mode_box .div1 li dd{ font-size: 0.16rem; color: #666; margin-top: 0.06rem; } .mode_box .div2{ margin-top: 0.4rem; width: 100%; padding-bottom: 40%; position: relative; } .mode_box .div2 #map{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .catalogue_box{ } .catalogue_box .div1{ width: 100%; } .catalogue_box .div1 iframe{ width: 100%; height: 80vh; } .feedback_box{ } .feedback_box .div1{ } .feedback_box .div1 .h6{ font-size: 0.24rem; color: #fff; padding: 0 0.2rem; height: 0.6rem; line-height: 0.6rem; background-color: #0d68b7; margin-top: 0.6rem; } .feedback_box .div1 .h6:first-of-type{ margin-top: 0; } .feedback_box .div1 label{ display: block; margin-top: 0.34rem; } .feedback_box .div1 label span{ display: block; font-size: 0.2rem; margin-bottom: 0.2rem; } .feedback_box .div1 label span::after{ content: "*"; color: #ff0000; } .feedback_box .div1 label input{ width: 100%; height: 0.6rem; background-color: #fafafa; font-size: 0.2rem; box-sizing: border-box; padding: 0 0.2rem; border: 1px solid #ccc; } .feedback_box .div1 label select{ width: 100%; height: 0.6rem; background-color: #fafafa; font-size: 0.2rem; box-sizing: border-box; padding: 0 0.16rem; border: 1px solid #ccc; } .feedback_box .div1 label textarea{ width: 100%; resize: none; height: 2.0rem; line-height: 1.6; background-color: #fafafa; font-size: 0.2rem; box-sizing: border-box; padding: 0.14rem 0.2rem; border: 1px solid #ccc; } .feedback_box .div1 .div{ text-align: center; font-size: 0; margin-top: 0.5rem; } .feedback_box .div1 .div button{ display: inline-block; vertical-align: top; width: 2.8rem; height: 0.6rem; color: #fff; font-size: 0.2rem; background-color: #0d68b7; margin: 0 0.3rem; } .feedback_box .div1 .div button:nth-of-type(2){ background-color: #999; } .query_box{ border: 1px solid #ccc; border-top: none; } .query_box .h5{ font-size: 0.3rem; color: #0d68b7; margin-bottom: 0.26rem; } .query_box .div1{ width: 84%; margin: 0 auto; } .query_box .div1 dl{ display: flex; justify-content: space-between; } .query_box .div1 dd{ flex-shrink: 0; width: 48%; box-sizing: border-box; padding: 0.2rem 0.28rem 0; border: 1px solid #ccc; position: relative; } .query_box .div1 dd h6{ font-size: 0.2rem; color: #0d68b7; margin-bottom: 0.26rem; } .query_box .div1 dd h6::before{ content: ""; display: inline-block; vertical-align: top; margin-top: 0.03rem; width: 0.12rem; height: 0.12rem; border-radius: 50%; background-color: #0d68b7; margin-right: 0.06rem; } .query_box .div1 dd p{ font-size: 0.18rem; color: #666; line-height: 1.8; } .query_box .div1 dd p span{ color: #0d68b7; } .query_box .div1 dd div{ display: flex; justify-content: center; margin-top: 0.64rem; position: relative; z-index: 3; } .query_box .div1 dd div em{ flex-shrink: 0; width: 1.74rem; text-align: center; margin: 0 0.1rem; } .query_box .div1 dd div em img{ width: 100%; } .query_box .div1 dd div em span{ display: block; font-size: 0.14rem; height: 0.42rem; line-height: 0.42rem; margin-top: 0.36rem; } .query_box .div1 dd::after{ content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 0.42rem; background-color: #fafafa; } .query_box .div2{ width: 84%; margin: 0.6rem auto 0; padding-top: 0.6rem; border-top: 1px solid #ccc; } .query_box .div2 dl{ display: flex; justify-content: center; position: relative; z-index: 3; } .query_box .div2 dl dt{ } .query_box .div2 dl dt h6{ font-size: 0.34rem; } .query_box .div2 dl dt span{ display: block; font-size: 0.2rem; color: #666; margin: 0.12rem 0 0.34rem; } .query_box .div2 dl dt p{ font-size: 0.2rem; line-height: 1.4; } .query_box .div2 dl dd{ text-align: center; margin-left: 0.3rem; } .query_box .div2 dl dd img{ width: 1.28rem; } .query_box .div2 dl dd p{ font-size: 0.14rem; margin-top: 0.1rem; } .query_box .div2 dl dd p span{ color: #0d68b7; } .query_box .div2 dl dd::after{ content: ""; display: block; margin: 0.2rem auto 0; width: 0.68rem; height: 0.46rem; background-image: url(../img/tb18.png); background-size: 100% 100%; } .query_box .div2 .h4{ text-align: center; margin-top: -3px; margin-bottom: 0.3rem; } .query_box .div2 .h4 p{ display: inline-block; vertical-align: top; font-size: 0.2rem; white-space: nowrap; padding: 0.1rem 0.2rem; border: 3px solid #0d68b7; } .query_box .div2 .h4 p span{ color: #0d68b7; } .query_box .div2 .p{ font-size: 0.2rem; color: #666; } .query_box .div2 .p span{ color: #0d68b7; line-height: 1.4; } .network_box{ background-image: url(../img/tp4.png); background-size: 100%; background-attachment: fixed; background-position: left center; padding-bottom: 0; } .network_box .div1{ position: relative; } .network_box .div1 .div{ width: 78%; margin: 0 auto; position: relative; } .network_box .div1 .div img{ width: 100%; } .network_box .div1 .div ul{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .network_box .div1 .div ul li{ position: absolute; transform: translate(-50%,-50%); } .network_box .div1 .div ul li:nth-of-type(1){ top: 27%; left: 21%; } .network_box .div1 .div ul li:nth-of-type(2){ top: 49%; left: 22%; } .network_box .div1 .div ul li:nth-of-type(3){ top: 33%; left: 39%; } .network_box .div1 .div ul li:nth-of-type(4){ top: 43%; left: 38%; } .network_box .div1 .div ul li:nth-of-type(5){ top: 53%; left: 50%; } .network_box .div1 .div ul li:nth-of-type(6){ top: 67%; left: 47%; } .network_box .div1 .div ul li:nth-of-type(7){ top: 32%; left: 61%; } .network_box .div1 .div ul li:nth-of-type(8){ top: 47%; left: 60%; } .network_box .div1 .div ul li:nth-of-type(9){ top: 54%; left: 58%; } .network_box .div1 .div ul li:nth-of-type(10){ top: 62%; left: 58%; } .network_box .div1 .div ul li:nth-of-type(11){ top: 68%; left: 62%; } .network_box .div1 .div ul li:nth-of-type(12){ top: 78%; left: 64%; } .network_box .div1 .div ul li:nth-of-type(13){ top: 39%; left: 67%; } .network_box .div1 .div ul li:nth-of-type(14){ top: 30%; left: 74%; } .network_box .div1 .div ul li:nth-of-type(15){ top: 36%; left: 72%; } .network_box .div1 .div ul li:nth-of-type(16){ top: 44%; left: 71%; } .network_box .div1 .div ul li:nth-of-type(17){ top: 52%; left: 69%; } .network_box .div1 .div ul li:nth-of-type(18){ top: 59%; left: 67%; } .network_box .div1 .div ul li:nth-of-type(19){ top: 14%; left: 91%; } .network_box .div1 .div ul li:nth-of-type(20){ top: 21%; left: 90%; } .network_box .div1 .div ul li:nth-of-type(21){ top: 26%; left: 86%; } .network_box .div1 .div ul li:nth-of-type(22){ top: 32%; left: 78%; } .network_box .div1 .div ul li:nth-of-type(23){ top: 39%; left: 77%; } .network_box .div1 .div ul li:nth-of-type(24){ top: 50%; left: 77%; } .network_box .div1 .div ul li:nth-of-type(25){ top: 60%; left: 75%; } .network_box .div1 .div ul li:nth-of-type(26){ top: 68%; left: 72%; } .network_box .div1 .div ul li:nth-of-type(27){ top: 45%; left: 81%; } .network_box .div1 .div ul li:nth-of-type(28){ top: 50%; left: 85%; } .network_box .div1 .div ul li:nth-of-type(29){ top: 55%; left: 84%; } .network_box .div1 .div ul li:nth-of-type(30){ top: 62%; left: 80%; } .network_box .div1 .div ul li:nth-of-type(31){ top: 67%; left: 87%; } .network_box .div1 .div ul li i{ position: relative; display: block; width: 0.13rem; height: 0.13rem; border-radius: 50%; background-color: #1563aa; margin: 0 auto 0.16rem; } .network_box .div1 .div ul li i small{ position: absolute; width: 100%; height: 100%; box-sizing: border-box; border-radius: 50%; border: 1px solid #1563aa; animation: dh1 3s infinite; } .network_box .div1 .div ul li i::before{ content: ""; position: absolute; width: 100%; height: 100%; box-sizing: border-box; border-radius: 50%; border: 1px solid #1563aa; animation: dh1 3s 1s infinite; } .network_box .div1 .div ul li i::after{ content: ""; position: absolute; width: 100%; height: 100%; box-sizing: border-box; border-radius: 50%; border: 1px solid #1563aa; animation: dh1 3s 2s infinite; } .network_box .div1 .div ul li span{ display: block; font-size: 0.18rem; } @keyframes dh1 { 0% { transform: scale(1); opacity: 1; } 100% { transform: scale(3); opacity: 0; } } .network_box .div1 .ol{ position: absolute; width: 100%; left: 0; bottom: 7rem; display: flex; justify-content: center; } .network_box .div1 .ol li{ flex-shrink: 0; width: 20%; text-align: center; } .network_box .div1 .ol li span{ display: block; font-size: 0.24rem; margin-bottom: 0.14rem; } .network_box .div1 .ol li strong{ font-size: 0.5rem; color: #0d68b7; font-family: "BEBAS"; } .network_box .div1 .ol li small{ font-size: 0.3rem; color: #666; } .network_box .div1 .ol li i{ font-size: 0.2rem; display: inline-block; transform: translateY(-0.03rem); } .culture_box{ } .culture_box .h5{ font-size: 0.34rem; margin-bottom: 0.3rem; } .culture_box .div1 .dl{ display: flex; justify-content: space-between; } .culture_box .div1 .dl dd{ flex-shrink: 0; width: 48%; padding-bottom: 20%; position: relative; background-size: cover; background-position: center; } .culture_box .div1 .dl dd h6{ position: absolute; left: 0.36rem; bottom: 0.36rem; color: #fff; } .culture_box .div1 .dl dd h6 strong{ display: block; font-size: 0.3rem; } .culture_box .div1 .dl dd h6 p{ font-size: 0.18rem; margin-top: 0.1rem; } .culture_box .div2{ background-image: url(../img/tp23.jpg); background-size: cover; background-position: center; } .culture_box .div2 .h5{ font-size: 0.34rem; margin-bottom: 4%; text-align: center; } .culture_box .div2 .ul{ display: flex; justify-content: space-between; } .culture_box .div2 .ul li{ flex: 1; text-align: center; cursor: pointer; } .culture_box .div2 .ul li em{ display: block; margin: 0 auto; width: 1.4rem; height: 1.4rem; border-radius: 50%; background-color: #fff; position: relative; transition: all 0.3s; } .culture_box .div2 .ul li em img{ position: absolute; width: 0.7rem; top: 50%; left: 50%; margin: -0.35rem 0 0 -0.35rem; transition: all 0.3s; } .culture_box .div2 .ul li em img:nth-of-type(1){ opacity: 1; } .culture_box .div2 .ul li em img:nth-of-type(2){ opacity: 0; } .culture_box .div2 .ul li strong{ display: block; font-size: 0.30rem; margin: 0.3rem 0 0.16rem; } .culture_box .div2 .ul li dl{ height: 0.3rem; overflow: hidden; } .culture_box .div2 .ul li dl dd{ transition: all 0.3s; } .culture_box .div2 .ul li dl dd span{ display: block; font-size: 0.24rem; line-height: 0.3rem; text-transform: uppercase; } .introduce_box{ } .introduce_box .div1{ display: flex; } .introduce_box .div1 dt{ flex-shrink: 0; width: 60%; } .introduce_box .div1 dt .h5{ margin-bottom: 0.26rem; } .introduce_box .div1 dt .h5 strong{ display: block; font-size: 0.34rem; color: #0d68b7; position: relative; } /* .introduce_box .div1 dt .h5 strong::after{ content: "鈼?; position: absolute; top: -0.14rem; left: 1.4rem; font-size: 0.3rem; } */ .introduce_box .div1 dt .h5 span{ display: block; font-size: 0.18rem; color: #666; margin-top: 0.14rem; } .introduce_box .div1 dt .h5::after{ content: ""; display: block; width: 0.55rem; height: 3px; background-color: #0d68b7; margin-top: 0.24rem; } .introduce_box .div1 dt p{ font-size: 0.18rem; color: #666; line-height: 2.0; } .introduce_box .div1 dd{ flex-shrink: 0; width: 36%; margin-left: 4%; background-size: cover; background-position: center; } .introduce_box .div2{ display: flex; margin-top: 0.6rem; } .introduce_box .div2 li{ flex-shrink: 0; /*width: 25%;*/ width: 33.33%; text-align: center; padding: 0.5rem 0; position: relative; } .introduce_box .div2 li::after{ content: ""; position: absolute; top: 15%; right: 0; width: 1px; height: 70%; background-color: #ccc; } .introduce_box .div2 li:last-of-type::after{ display: none; } .introduce_box .div2 li strong{ font-size: 0.6rem; color: #0d68b7; font-family: "BEBAS"; } .introduce_box .div2 li small{ font-size: 0.6rem; color: #0d68b7; } .introduce_box .div2 li p{ font-size: 0.2rem; margin: 0.3rem 0; } .introduce_box .div2 li em{ display: block; margin: 0 auto; width: 0.6rem; height: 0.6rem; position: relative; } .introduce_box .div2 li em img{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .introduce_box .div2 li em img:nth-of-type(1){ opacity: 1; } .introduce_box .div2 li em img:nth-of-type(2){ opacity: 0; } .team_box{ } .team_box .div1{ display: flex; align-items: flex-start; justify-content: space-between; } .team_box .div1 .swiper-button-prev{ margin-top: -0.2rem; width: 0.4rem; text-align: center; height: 0.4rem; left: 0.1rem; top: 50%; font-size: 0.4rem; color: #fff; } .team_box .div1 .swiper-button-next{ margin-top: -0.2rem; width: 0.4rem; text-align: center; height: 0.4rem; right: 0.1rem; top: 50%; font-size: 0.4rem; color: #fff; } .team_box .div1 .swiper_div{ flex: 1; min-width: 0; } .team_box .div1 .swiper-container{ width: 100%; } .team_box .div1 .swiper2{ margin-top: 0.4rem; } .team_box .div1 .swiper-slide{ } .team_box .div1 .swiper-slide em{ display: block; width: 100%; border-radius: 0.14rem; overflow: hidden; } .team_box .div1 .swiper-slide img{ width: 100%; } .team_box .div1 .swiper-slide dl{ display: flex; } .team_box .div1 .swiper-slide dt{ flex-shrink: 0; width: 2.2rem; } .team_box .div1 .swiper-slide dt strong{ display: block; font-size: 0.24rem; } .team_box .div1 .swiper-slide dt span{ display: block; font-size: 0.18rem; color: #666; margin-top: 0.1rem; } .team_box .div1 .swiper-slide dd{ flex: 1; font-size: 0.16rem; line-height: 1.8; } .team_box .div1 .swiper-slide dd p{ margin-bottom: 0.2rem; } .team_box .div1 .swiper-slide dd p:last-of-type{ margin-bottom: 0; } .team_box .div1 .ul{ flex-shrink: 0; width: 4.5rem; margin-left: 0.16rem; } .team_box .div1 .ul li{ display: flex; margin-bottom: 0.16rem; cursor: pointer; } .team_box .div1 .ul li:last-of-type{ margin-bottom: 0; } .team_box .div1 .ul li em{ flex-shrink: 0; width: 50%; } .team_box .div1 .ul li em img{ width: 100%; } .team_box .div1 .ul li div{ flex: 1; margin-left: 0.16rem; margin-top: 0.16rem; } .team_box .div1 .ul li div strong{ display: block; font-size: 0.18rem; font-weight: normal; } .team_box .div1 .ul li div span{ display: block; font-size: 0.14rem; margin-top: 0.1rem; color: #666; } .notes_box{ width: 70%; margin: 0 auto; max-width: 1350px; } .notes_box .div1{ position: relative; padding-top: 0.8rem; } .notes_box .div1::before{ content: "璧?; position: absolute; z-index: 3; top: 0; left: 50%; margin-left: -0.25rem; width: 0.5rem; height: 0.5rem; border-radius: 50%; background-color: #0d68b7; color: #fff; text-align: center; line-height: 0.5rem; font-size: 0.2rem; } .notes_box .div1::after{ content: ""; position: absolute; top: 0; left: 50%; margin-left: -1px; width: 2px; height: 100%; background-color: #0d68b7; } .notes_box .div1 li{ display: flex; justify-content: space-between; margin-bottom: 0.8rem; position: relative; } .notes_box .div1 li:last-of-type{ margin-bottom: 0; } .notes_box .div1 li:nth-of-type(2n){ flex-direction: row-reverse; } .notes_box .div1 li::before{ content: ""; position: absolute; z-index: 3; left: 50%; top: 0.32rem; margin-left: -13px; margin-top: -13px; width: 12px; height: 12px; border-radius: 50%; background-color: #0d68b7; border: 7px solid #fff; box-shadow: 0px 0px 0.1rem 0px rgba(53,53,53,0.35); } .notes_box .div1 li::after{ content: ""; position: absolute; z-index: 3; left: 50%; top: 1.24rem; margin-left: -7px; margin-top: -7px; width: 10px; height: 10px; border-radius: 50%; background-color: #fff; border: 2px solid #0d68b7; } .notes_box .div1 li em{ flex-shrink: 0; width: 42%; padding-bottom: 24%; background-size: cover; background-position: center; } .notes_box .div1 li dl{ flex-shrink: 0; width: 42%; } .notes_box .div1 li:nth-of-type(2n) dl{ text-align: right; } .notes_box .div1 li dl dt{ font-size: 0.64rem; } .notes_box .div1 li dl dd{ font-size: 0.2rem; line-height: 1.8; margin-top: 0.4rem; } .notes_box .div1 li dl dd p{ } .honor_box{ } .honor_box .div1{ padding-bottom: 0; } .honor_box .div1 .swiper_div{ background-color: #f7f7f7; position: relative; } .honor_box .div1 .top_div{ position: absolute; width: 47%; height: 100%; background-color: #0d68b7; box-sizing: border-box; padding: 0 6%; display: flex; align-items: center; } .honor_box .div1 .gallery-top{ width: 100%; } .honor_box .div1 .gallery-top .swiper-slide{ } .honor_box .div1 .gallery-top .swiper-slide em{ display: block; padding-bottom: 54%; background-size: auto 84%; background-repeat: no-repeat; background-position: center; background-color: #edf1f4; } .honor_box .div1 .gallery-top .swiper-slide p{ font-size: 0.24rem; color: #fff; text-align: center; margin-top: 0.4rem; } .honor_box .div1 .thumbs_div{ width: 47%; margin-left: 53%; padding: 0.4rem 0; max-width: 705px; } .honor_box .div1 .thumbs_div h6{ display: inline-block; vertical-align: top; white-space: nowrap; line-height: 0.23rem; font-size: 0.2rem; padding: 0.11rem 0.28rem; border-radius: 0.4rem; color: #0d68b7; border: 2px solid #0d68b7; margin-bottom: 0.32rem; } .honor_box .div1 .thumbs_div h6::before{ content: ""; display: inline-block; vertical-align: top; margin-right: 0.1rem; width: 0.23rem; height: 0.23rem; background-image: url(../img/tb31.png); } .honor_box .div1 .gallery-thumbs{ height: 4.2rem; } .honor_box .div1 .gallery-thumbs .swiper-slide{ display: flex; align-items: center; font-size: 0.18rem; line-height: 1.5; box-sizing: border-box; border-bottom: 1px solid #ccc; padding-left: 0.3rem; background-image: url(../img/tb30.png); background-repeat: no-repeat; background-position: left center; cursor: pointer; transition: all 0.3s; } .honor_box .div1 .gallery-thumbs .swiper-slide-thumb-active{ color: #0d68b7; } .honor_box .div2{ background-image: url(../img/tp36.png); background-size: cover; background-position: center; } .honor_box .div2 .type_h6{ display: flex; justify-content: center; font-weight: normal; margin-bottom: 0.6rem; } .honor_box .div2 .type_h6 span{ width: 2.26rem; white-space: nowrap; height: 0.58rem; line-height: 0.58rem; text-align: center; box-sizing: border-box; border: 1px solid #333; text-decoration: none; font-size: 0.2rem; cursor: pointer; color: #333; box-sizing: border-box; text-transform: uppercase; margin: 0 0.15rem; transition: all 0.3s; } .honor_box .div2 .type_h6 span.active{ background-color: #0d68b7; border-color: #0d68b7; color: #fff; } .honor_box .div2 .type_div{ } .honor_box .div2 .type_div .swiper3{ width: 100%; display: none; } .honor_box .div2 .type_div .swiper3:first-of-type{ display: block; } .honor_box .div2 .type_div .swiper-slide{ } .honor_box .div2 .type_div .swiper-slide img{ width: 100%; } .product_box{ background-color: #f5f5f5; } .product_box .div1{ height: 0.6rem; line-height: 0.6rem; background-color: #fff; margin-bottom: 0.6rem; } .product_box .div1 .w78{ position: relative; } .product_box .div1 .swiper-button-prev{ margin-top: 0; width: 0.4rem; text-align: center; height: 0.6rem; left: -0.6rem; top: 0; font-size: 0.3rem; color: #0d68b7; } .product_box .div1 .swiper-button-next{ margin-top: 0; width: 0.4rem; text-align: center; height: 0.6rem; right: -0.6rem; top: 0; font-size: 0.3rem; color: #0d68b7; } .product_box .div1 .swiper-container{ padding-bottom: 0.13rem; } .product_box .div1 .swiper-slide{ text-align: center; font-size: 0.2rem; border-radius: 4px; transition: all 0.3s; } .product_box .div1 .swiper-slide::after{ content: ""; position: absolute; left: 50%; bottom: -0.13rem; margin-left: -0.14rem; width: 0.28rem; height: 0.13rem; background-image: url(../img/tb49.png); background-size: 100% 100%; opacity: 0; } .product_box .div1 .active{ background-color: #0d68b7; color: #fff; } .product_box .div1 .active::after{ opacity: 1; } .product_box .div2{ margin-top: -0.3rem; } .product_box .div2 a{ float: left; width: 23.5%; margin-right: 2%; margin-top: 0.3rem; background-color: #fff; } .product_box .div2 a:nth-of-type(4n){ margin-right: 0; } .product_box .div2 a em{ display: block; width: 100%; padding-bottom: 85%; overflow: hidden; position: relative; box-sizing: border-box; border: 1px solid #fff; transition: all 0.3s; } .product_box .div2 a em i{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-size: cover; background-position: center; transition: all 0.3s; } .product_box .div2 a div{ padding: 0.2rem; text-align: center; border-top: 1px solid #e0e0e0; transition: all 0.3s; } .product_box .div2 a h6{ font-size: 0.24rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; transition: all 0.3s; } .product_box .div2 a span{ display: block; width: 1.46rem; height: 0.34rem; line-height: 0.34rem; margin: 0.2rem auto 0; border: 1px solid #333; font-size: 0.16rem; transition: all 0.3s; } .product_box .div2 a span::after{ content: "\eb16"; font-family: "iconfont" !important; font-style: normal; -webkit-font-smoothing: antialiased; display: inline-block; vertical-align: top; margin-top: 0.08rem; width: 0.16rem; height: 0.16rem; font-size: 0.12rem; border-radius: 50%; margin-left: 0.1rem; background-color: #333; color: #fff; line-height: 0.16rem; transition: all 0.3s; } .productinfo_box{ } .productinfo_box .div1{ background-color: #f5f5f5; } .productinfo_box .div1 .w78{ display: flex; border: 1px solid #e0e0e0; background-color: #fff; } .productinfo_box .div1 .swiper_div{ flex-shrink: 0; width: 52%; box-sizing: border-box; border-right: 1px solid #e0e0e0; } .productinfo_box .div1 .gallery-top{ height: 4.4rem; border-bottom: 1px solid #e0e0e0; } .productinfo_box .div1 .gallery-top .swiper-slide{ background-size: contain; background-position: center; background-repeat: no-repeat; } .productinfo_box .div1 .thumbs_div{ position: relative; padding: 0 0.2rem; } .productinfo_box .div1 .swiper-button-prev{ width: 0.2rem; top: 0; margin-top: 0; left: 0; height: 100%; background: none; background-color: #0d68b7; color: #fff; line-height: 1.1rem; font-size: 0.18rem; } .productinfo_box .div1 .swiper-button-next{ width: 0.2rem; top: 0; margin-top: 0; right: 0; height: 100%; background: none; background-color: #0d68b7; color: #fff; line-height: 1.1rem; font-size: 0.18rem; } .productinfo_box .div1 .gallery-thumbs{ height: 1.1rem; } .productinfo_box .div1 .gallery-thumbs .swiper-slide{ background-size: contain; background-position: center; background-repeat: no-repeat; box-sizing: border-box; border-right: 1px solid #e0e0e0; cursor: pointer; } .productinfo_box .div1 .gallery-thumbs .swiper-slide:last-of-type{ border-right: none; } .productinfo_box .div1 .gallery-thumbs .swiper-slide::after{ content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; box-sizing: border-box; border: 1px solid #0d68b7; opacity: 0; transition: all 0.3s; } .productinfo_box .div1 .gallery-thumbs .swiper-slide-thumb-active::after{ opacity: 1; } .productinfo_box .div1 .content_dl{ flex-shrink: 0; width: 48%; box-sizing: border-box; padding: 0 0.6rem; } .productinfo_box .div1 .content_dl dt{ padding: 0.34rem 0 0.3rem; border-bottom: 1px solid #e0e0e0; font-weight: bold; margin-bottom: 0.3rem; } .productinfo_box .div1 .content_dl dt span{ display: block; font-size: 0.4rem; color: #0d68b7; } .productinfo_box .div1 .content_dl dt strong{ display: block; font-size: 0.46rem; font-weight: bold; margin-top: 0.2rem; } .productinfo_box .div1 .content_dl dd{ } .productinfo_box .div1 .content_dl dd p{ font-size: 0.18rem; line-height: 1.6; color: #666; } .productinfo_box .div1 .content_dl dd ul{ margin: 0.24rem 0 0.3rem; } .productinfo_box .div1 .content_dl dd ul li{ font-size: 0.18rem; height: 0.28rem; line-height: 0.28rem; color: #666; padding-left: 0.4rem; background-size: 0.28rem; background-repeat: no-repeat; margin-bottom: 0.14rem; } .productinfo_box .div1 .content_dl dd ul li:nth-of-type(1){ background-image: url(../img/tb4.png); } .productinfo_box .div1 .content_dl dd ul li:nth-of-type(2){ background-image: url(../img/tb5.png); } .productinfo_box .div1 .content_dl dd ul li:nth-of-type(3){ background-image: url(../img/tb6.png); } .productinfo_box .div1 .content_dl dd .gwc_span{ display: flex; align-items: center; justify-content: center; width: 2.3rem; height: 0.5rem; border-radius: 4px; background-color: #0d68b7; color: #fff; font-size: 0.18rem; cursor: pointer; } .productinfo_box .div1 .content_dl dd .gwc_span::before{ content: "\e6e3"; font-family: "iconfont" !important; font-style: normal; -webkit-font-smoothing: antialiased; font-size: 0.22rem; margin-right: 0.14rem; } .productinfo_box .md_h6{ display: flex; height: 0.8rem; line-height: 0.8rem; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; } .productinfo_box .md_h6 a{ flex: 1; box-sizing: border-box; border-right: 1px solid #ccc; text-align: center; font-size: 0.26rem; transition: all 0.3s; } .productinfo_box .md_h6 a:last-of-type{ border-right: none; } .productinfo_box .md_h6 a.active{ background-color: #0d68b7; color: #fff; } .productinfo_box .div2{ } .productinfo_box .div2>div{ margin-bottom: 0.5rem; } .productinfo_box .div2>div:last-of-type{ margin-bottom: 0; } .productinfo_box .div2 .h5{ font-size: 0.3rem; font-weight: bold; padding-bottom: 0.14rem; border-bottom: 1px solid #0d68b7; margin-bottom: 0.24rem; } .productinfo_box .diva .div p{ font-size: 0.2rem; line-height: 1.6; margin-bottom: 0.1rem; } .productinfo_box .diva .div p::before{ content: ""; display: inline-block; vertical-align: middle; margin-top: -0.04rem; width: 0.12rem; height: 0.12rem; border-radius: 50%; background-color: #0d68b7; margin-right: 0.16rem; } .productinfo_box .diva .div p:last-of-type{ margin-bottom: 0; } .productinfo_box .divb .div table{ width: 100%; } .productinfo_box .divb .div table tr{ } .productinfo_box .divb .div table td{ line-height: 1.6; padding: 0.1rem; font-size: 0.2rem; color: #333; border: 1px solid #ccc; } .productinfo_box .divc .div p{ display: inline-block; vertical-align: top; font-size: 0.2rem; line-height: 1.6; margin-right: 0.4rem; } .productinfo_box .divc .div p::before{ content: ""; display: inline-block; vertical-align: middle; margin-top: -0.04rem; width: 0.12rem; height: 0.12rem; border-radius: 50%; background-color: #0d68b7; margin-right: 0.16rem; } .productinfo_box .divc .div p:last-of-type{ margin-right: 0; } .productinfo_box .div2 .div{ font-size: 0; } .productinfo_box .divd .div{ margin-top: -0.14rem; } .productinfo_box .divd .div a{ display: inline-flex; vertical-align: top; align-items: center; justify-content: center; height: 0.42rem; padding: 0 0.24rem; margin-right: 0.4rem; margin-top: 0.14rem; font-size: 0.2rem; color: #fff; background-color: #0d68b7; } .productinfo_box .divd .div a:last-of-type{ margin-right: 0; } .productinfo_box .divd .div a::before{ content: "\e68a"; font-family: "iconfont" !important; font-style: normal; -webkit-font-smoothing: antialiased; flex-shrink: 0; width: 0.2rem; height: 0.2rem; border-radius: 50%; background-color: #fff; font-size: 0.16rem; color: #0d68b7; text-align: center; line-height: 0.2rem; margin-right: 0.14rem; } .mb_div { position: fixed; z-index: 6; width: 100%; height: 100%; top: 0; left: 0; opacity: 0; } .welcome_box{ width: 100%; height: 100vh; background-color: #fff; } .welcome_box .swiper-slide{ overflow: hidden; background-size: contain; background-position: center; } .welcome_box>.swiper-wrapper{ transition-timing-function: cubic-bezier(0.6, 0, 0.2, 1); } .welcome_box .more_a{ display: block; width: 1.2rem; height: 0.4rem; background-color: #0469c0; color: #fff; font-size: 0.18rem; text-align: center; line-height: 0.4rem; } .welcome_box .slide1{ } .welcome_box .slide1 .swiper-container{ width: 100%; height: 100%; } .welcome_box .slide1 .swiper-slide{ background-size: cover; background-position: center; } .welcome_box .slide1 .swiper-slide video{ position: absolute; width: 100%; top: 50%; left: 0; transform: translateY(-50%); background-color: #111; } .welcome_box .slide1 .swiper-slide .w78{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); color: #fff; } .welcome_box .slide1 .swiper-slide .w78 h5{ font-size: 0.8rem; font-weight: bold; text-shadow: 0px 5px 8px rgba(0,0,0,0.4); } .welcome_box .slide1 .swiper-slide .w78 h6{ font-size: 0.5rem; margin-top: 0.24rem; text-shadow: 0px 5px 8px rgba(0,0,0,0.4); } .welcome_box .slide1 .swiper-slide .w78 a.more_a{ margin-top: 0.9rem; } .welcome_box .slide1 .swiper-slide:nth-of-type(3) .w78 h5{ font-size: 0.6rem; } .welcome_box .slide1 .swiper-slide:nth-of-type(3) .w78 h6{ font-size: 0.6rem; font-weight: bold; } .welcome_box .slide1 .video-slide .w78 h5{ font-size: 0.6rem; } .welcome_box .slide1 .video-slide .w78 h6{ font-size: 0.6rem; font-weight: bold; } .welcome_box .slide1 .swiper-pagination span{ width: 0.3rem; height: 0.08rem; background-color: #fff; opacity: 0.6; border-radius: 0.08rem; transition: all 0.3s; } .welcome_box .slide1 .swiper-pagination .swiper-pagination-bullet-active{ width: 0.7rem; opacity: 1; } .welcome_box .slide1 .swiper-button-next{ width: 0.4rem; height: 0.4rem; right: 2%; margin-top: -0.3rem; border-radius: 50%; background-color: #fff; color: #333; text-align: center; line-height: 0.4rem; font-size: 0.24rem; transition: all 0.3s; } .welcome_box .slide1 .swiper-button-prev{ width: 0.4rem; height: 0.4rem; left: 2%; margin-top: -0.3rem; border-radius: 50%; background-color: #fff; color: #333; text-align: center; line-height: 0.4rem; font-size: 0.24rem; transition: all 0.3s; } .welcome_box .slide2{ display: flex; } .welcome_box .slide2 .divl{ flex-shrink: 0; width: 40%; height: 100%; box-sizing: border-box; padding-top: 1.0rem; position: relative; z-index: 3; } .welcome_box .slide2 .div{ width: 100%; height: calc(68vh - 1.0rem); box-sizing: border-box; padding: 0 10%; display: flex; flex-direction: column; justify-content: center; background-image: url(../img/tb19.png); background-size: 60%; background-repeat: no-repeat; background-position: center; background-color: #fff; } .welcome_box .slide2 .div .h5{ } .welcome_box .slide2 .div .h5 strong{ display: block; font-size: 0.5rem; color: #0d68b7; position: relative; } /* .welcome_box .slide2 .div .h5 strong::after{ content: "鈼?; position: absolute; top: -0.14rem; left: 2.0rem; font-size: 0.3rem; } */ .welcome_box .slide2 .div .h5 span{ display: block; font-size: 0.2rem; color: #666; margin-top: 0.14rem; } .welcome_box .slide2 .div .h5::after{ content: ""; display: block; width: 0.82rem; height: 4px; background-color: #0d68b7; margin-top: 0.24rem; } .welcome_box .slide2 .div p{ font-size: 0.18rem; color: #666; line-height: 2; margin: 6% 0; text-align: justify; } .welcome_box .slide2 .dl{ width: 100%; height: 32vh; box-sizing: border-box; background-color: #e4f2ff; padding: 0 10%; display: flex; flex-direction: column; justify-content: center; } .welcome_box .slide2 .dl dt{ font-size: 0.5rem; color: #0469c0; } .welcome_box .slide2 .dl dd{ font-size: 0.18rem; color: #666; line-height: 1.8; margin-top: 4%; text-align: justify; } .welcome_box .slide2 .divr{ flex-shrink: 0; width: 60%; height: 100%; box-sizing: border-box; } .welcome_box .slide2 .h6{ position: absolute; width: 100%; height: 44vh; top: 0; left: 0; background-size: cover; background-position: center; } .welcome_box .slide2 .ul{ margin-top: 44vh; display: flex; width: 100%; height: calc(24vh); } .welcome_box .slide2 .ul li{ flex: 1; height: 100%; background-color: #0d68b7; color: #fff; text-align: center; display: flex; flex-direction: column; justify-content: center; } .welcome_box .slide2 .ul li:nth-of-type(2){ background-color: #1a7ace; } .welcome_box .slide2 .ul li:nth-of-type(3){ background-color: #2787db; } .welcome_box .slide2 .ul li:nth-of-type(4){ background-color: #3091e4; } .welcome_box .slide2 .ul li strong{ display: inline-block; vertical-align: top; font-size: 0.52rem; font-family: "BEBAS"; } .welcome_box .slide2 .ul li small{ display: inline-block; vertical-align: top; font-size: 0.5rem; margin-top: -0.2rem; } .welcome_box .slide2 .ul li h6{ margin-bottom: 0.24rem; padding-left: 0.25rem; } .welcome_box .slide2 .ul li p{ font-size: 0.2rem; line-height: 1.8; } .welcome_box .slide2 .ol{ display: flex; align-items: center; width: 100%; height: 32vh; } .welcome_box .slide2 .ol li{ flex: 1; text-align: center; min-width: 0; padding: 0 0.2rem; } .welcome_box .slide2 .ol li img{ width: 0.68rem; } .welcome_box .slide2 .ol li h6{ font-size: 0.26rem; margin: 0.3rem 0 0.24rem; } .welcome_box .slide2 .ol li p{ font-size: 0.2rem; line-height: 1.4; color: #666; } .welcome_box .slide3{ } .welcome_box .slide3 .swiper-container{ width: 100%; height: 100%; } .welcome_box .slide3 .swiper-slide{ background-color: #fff; box-sizing: border-box; border-right: 1px solid #fff; } .welcome_box .slide3 .swiper-slide:last-of-type{ border-right: none; } .welcome_box .slide3 .swiper-slide em{ display: block; width: 100%; height: 55%; position: relative; } .welcome_box .slide3 .swiper-slide em i{ display: block; width: 100%; height: 100%; background-size: cover; background-position: center; transition: all 0.3s; } .welcome_box .slide3 .swiper-slide em::after{ content: ""; position: absolute; top: 0; left: 0; z-index: 3; width: 100%; height: 100%; background-color: #000; opacity: 0; transition: all 0.3s; } .welcome_box .slide3 .swiper-slide small{ position: absolute; z-index: 2; width: 1.88rem; height: 1.88rem; box-sizing: border-box; border: 4px solid #999; border-radius: 50%; background-color: #fff; top: 55%; left: 50%; transform: translate(-50%,-50%); transition: all 0.3s; } .welcome_box .slide3 .swiper-slide dl{ position: relative; z-index: 3; width: 100%; height: 45%; background-color: #fff; transition: all 0.3s; } .welcome_box .slide3 .swiper-slide dt{ display: block; position: absolute; left: 0; transform: translateY(-50%); width: 100%; height: 1.88rem; } .welcome_box .slide3 .swiper-slide dt img{ position: absolute; top: 50%; left: 50%; transition: all 0.3s; } .welcome_box .slide3 .swiper-slide dt img.img1{ width: 1.54rem; height: 1.54rem; transform: translate(-50%,-50%); } .welcome_box .slide3 .swiper-slide dt img.img2{ width: 90%; height: auto; opacity: 0; transform: translate(-50%,-50%) scale(1.5); } .welcome_box .slide3 .swiper-slide dd{ position: absolute; top: 26%; left: 50%; transform: translateX(-50%); width: 2.2rem; text-align: center; font-size: 0.24rem; padding: 0.26rem; border-top: 1px solid rgba(153,153,153,0.5); border-bottom: 1px solid rgba(255,255,255,0); transition: all 0.3s; } .welcome_box .slide3 .swiper-slide dl::before{ content: ""; position: absolute; width: 120%; padding-bottom: 60%; background-color: #0d68b7; transform-origin: 0 0; transform: rotate(0); background-color: #fff; transition: all 0.3s; } .welcome_box .slide3 .swiper-slide dl::after{ content: "\eaf4"; font-family: "iconfont" !important; font-style: normal; -webkit-font-smoothing: antialiased; position: absolute; width: 100%; text-align: center; z-index: 6; top: 86%; left: 0; font-size: 0.4rem; color: #fff; opacity: 0; transition: all 0.3s; } .welcome_box .slide4{ background-image: url(../img/tp40.jpg); background-size: cover; background-position: center; display: flex; flex-direction: column; justify-content: center; } .welcome_box .slide4 .h4{ text-align: center; color: #fff; margin-bottom: 0.4rem; margin-top: 1.0rem; } .welcome_box .slide4 .h4 strong{ display: block; font-size: 0.44rem; } .welcome_box .slide4 .h4 small{ display: block; font-size: 0.2rem; text-transform: uppercase; margin: 0.16rem 0; } .welcome_box .slide4 .w88{ position: relative; padding: 0 7%; } .welcome_box .slide4 .swiper-container{ width: 100%; } .welcome_box .slide4 .swiper-slide{ } .welcome_box .slide4 .swiper-slide h5{ color: #fff; margin-bottom: 0.14rem; } .welcome_box .slide4 .swiper-slide h5 strong{ display: block; font-size: 0.54rem; transition: all 0.3s; } .welcome_box .slide4 .swiper-slide h5 small{ display: block; font-size: 0.24rem; margin-top: 0.08rem; } .welcome_box .slide4 .swiper-slide em{ display: block; padding-bottom: 60%; overflow: hidden; position: relative; } .welcome_box .slide4 .swiper-slide em i{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-size: cover; background-position: center; transition: all 0.3s; } .welcome_box .slide4 .swiper-slide div{ padding: 0.24rem 0.24rem 0.2rem; background-color: #f6f6f6; transition: all 0.3s; } .welcome_box .slide4 .swiper-slide div h6{ font-size: 0.2rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .welcome_box .slide4 .swiper-slide div p{ font-size: 0.16rem; line-height: 1.6; color: #666; height: 0.5rem; overflow: hidden; margin-top: 0.14rem; } .welcome_box .slide4 .swiper-slide div span{ display: block; width: 0.4rem; height: 0.4rem; margin-left: calc(100% - 0.42rem); background-color: #0d68b7; border-radius: 50%; color: #fff; font-size: 0.26rem; text-align: center; line-height: 0.4rem; transition: all 0.3s; } .welcome_box .slide4 .swiper-slide div span::after{ content: "\eaf4"; font-family: "iconfont" !important; font-style: normal; -webkit-font-smoothing: antialiased; } .welcome_box .slide4 .more_div{ margin-top: 0.4rem; } .welcome_box .slide4 .more_a{ margin: 0 auto; } .welcome_box .slide4 .swiper-button-prev{ width: 0.4rem; height: 0.4rem; background-color: #fff; margin-top: -0.2rem; left: 0; border-radius: 50%; text-align: center; line-height: 0.4rem; font-size: 0.24rem; transition: all 0.3s; } .welcome_box .slide4 .swiper-button-next{ width: 0.4rem; height: 0.4rem; background-color: #fff; margin-top: -0.2rem; right: 0; border-radius: 50%; text-align: center; line-height: 0.4rem; font-size: 0.24rem; transition: all 0.3s; } .welcome_box .slide5{ display: flex; align-items: center; } .welcome_box .slide5 .w88{ height: 72%; margin-top: 1.0rem; } .welcome_box .slide5 .slides{ display: flex; } .welcome_box .slide5 .gallery-thumbs{ flex-shrink: 0; width: 2.0rem; height: 100%; } .welcome_box .slide5 .gallery-thumbs .swiper-slide{ background-size: 70%; background-repeat: no-repeat; background-position: center; cursor: pointer; } .welcome_box .slide5 .gallery-thumbs .swiper-slide::after{ content: ""; position: absolute; width: 100%; height: 100%; box-sizing: border-box; border: 1px solid rgba(13,104,183,0); background-color: rgba(255,255,255,0.8); transition: all 0.3s; } .welcome_box .slide5 .gallery-thumbs .swiper-slide-thumb-active::after{ border: 1px solid rgba(13,104,183,1); background-color: rgba(255,255,255,0); } .welcome_box .slide5 .gallery-top{ flex-shrink: 0; width: 44%; height: 100%; margin: 0 4% 0 3%; } .welcome_box .slide5 .gallery-top .swiper-slide{ background-size: contain; background-repeat: no-repeat; background-position: center; } .welcome_box .slide5 .content_div{ flex: 1; min-width: 0; } .welcome_box .slide5 .content_div span{ display: block; width: 0.64rem; height: 0.3rem; background-color: #de0000; color: #fff; text-align: center; line-height: 0.3rem; font-size: 0.2rem; margin-bottom: 0.24rem; } .welcome_box .slide5 .content_div h4{ font-size: 0.44rem; font-weight: bold; color: #0d68b7; margin-bottom: 0.5rem; } .welcome_box .slide5 .content_div h4 a{ color: #0d68b7; display: block; } .welcome_box .slide5 .content_div p{ font-size: 0.18rem; line-height: 1.6; color: #666; } .welcome_box .slide5 .content_div ul{ margin: 0.5rem 0 0.6rem; } .welcome_box .slide5 .content_div li{ font-size: 0.18rem; height: 0.28rem; line-height: 0.28rem; color: #666; padding-left: 0.4rem; background-size: 0.28rem; background-repeat: no-repeat; margin-bottom: 0.14rem; } .welcome_box .slide5 .content_div li:nth-of-type(1){ background-image: url(../img/tb4.png); } .welcome_box .slide5 .content_div li:nth-of-type(2){ background-image: url(../img/tb5.png); } .welcome_box .slide5 .content_div li:nth-of-type(3){ background-image: url(../img/tb6.png); } .welcome_box .slide5 .content_div h6{ display: flex; align-items: center; justify-content: center; width: 2.3rem; height: 0.5rem; border-radius: 4px; background-color: #0d68b7; color: #fff; font-size: 0.18rem; cursor: pointer; } .welcome_box .slide5 .content_div h6::before{ content: "\e6e3"; font-family: "iconfont" !important; font-style: normal; -webkit-font-smoothing: antialiased; font-size: 0.22rem; margin-right: 0.14rem; } .welcome_box .slide5 .control_div{ position: absolute; width: calc(47% - 2.0rem); z-index: 3; bottom: 0; left: calc(53% + 2.0rem); display: flex; align-items: center; } .welcome_box .slide5 .control_div .jt_btn{ position: static; margin-top: 0; flex-shrink: 0; width: 0.36rem; height: 0.36rem; border-radius: 50%; border: 2px solid #333; text-align: center; line-height: 0.36rem; font-size: 0.24rem; margin-right: 0.2rem; transition: all 0.3s; } .welcome_box .slide5 .control_div .pagination_div{ display: flex; flex: 1; align-items: center; margin-left: 0.1rem; } .welcome_box .slide5 .control_div .pagination_div i{ font-size: 0.18rem; } .welcome_box .slide5 .control_div .swiper-pagination{ position: static; margin: 0 0.1rem; flex: 1; display: flex; justify-content: space-between; } .welcome_box .slide5 .control_div .swiper-pagination span{ flex: 1; height: 3px; background-color: #ccc; border-radius: 0; margin: 0 3px; } .welcome_box .slide5 .control_div .swiper-pagination .swiper-pagination-bullet-active{ background-color: #0d68b7; } .welcome_box .slide6{ display: flex; flex-direction: column; box-sizing: border-box; padding-top: 1.0rem; } .welcome_box .slide6 .dl{ flex: 1; min-height: 0; display: flex; box-sizing: border-box; padding: 0.46rem 0; } .welcome_box .slide6 .dl dd{ flex: 1; height: 100%; text-align: center; border-right: 1px solid #e0e0e0; } .welcome_box .slide6 .dl dd:last-of-type{ border-right: none; } .welcome_box .slide6 .dl dd em{ display: block; margin: 0 auto; width: 0.9rem; height: 0.9rem; border-radius: 50%; background-color: #666; background-size: 0.7rem; background-repeat: no-repeat; background-position: center; } .welcome_box .slide6 .dl dd h5{ margin-top: 0.24rem; } .welcome_box .slide6 .dl dd h5 strong{ display: block; font-size: 0.2rem; } .welcome_box .slide6 .dl dd h5 p{ font-size: 0.16rem; color: #666; line-height: 1.4; margin-top: 0.14rem; } .welcome_box .slide6 .dl dd h6{ font-size: 0.2rem; line-height: 0.24rem; margin-top: 0.4rem; color: #666; } .welcome_box .slide6 .dl dd h6 span{ font-size: 0.24rem; font-weight: bold; color: #333; } .welcome_box .slide6 .dl dd a{ display: block; margin: 0.4rem auto 0; width: 1.6rem; height: 0.5rem; background-color: #0d68b7; color: #fff; line-height: 0.5rem; font-size: 0.18rem; } .welcome_box .slide6 .dl dd img{ width: 0.93rem; margin-top: 0.3rem; } .welcome_box .slide6 .dl dd span{ display: block; font-size: 0.16rem; color: #666; margin-top: 0.16rem; } .error_box{ height: 100vh; box-sizing: border-box; padding: 1.6rem 0 0.6rem; text-align: center; display: flex; flex-direction: column; justify-content: space-between; } .error_box img{ display: block; flex-shrink: 0; height: calc(100% - 2.0rem); /* width: 11.38rem; */ margin: 0 auto; max-width: 100%; } .error_box h5{ font-size: 0.3rem; } .error_box h6{ font-size: 0; } .error_box h6 a{ display: inline-block; vertical-align: top; width: 2.1rem; height: 0.6rem; border-radius: 0.3rem; box-sizing: border-box; border: 2px solid #0d68b7; text-align: center; line-height: 0.56rem; font-size: 0.24rem; transition: all 0.3s; } .error_box h6 a.active{ background-color: #0d68b7; color: #fff; margin-left: 0.8rem; } .bodyh .head_box{ background-color: #0d68b7; } .login_box{ position: fixed; top: 0; left: 0; z-index: 20; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(0,0,0,0.6); display: none; } .login_box dl{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 10rem; background-color: #fff; border-radius: 6px; position: relative; overflow: hidden; box-sizing: border-box; } .login_box dl dt{ position: absolute; width: 47%; height: 100%; background-size: cover; background-position: center; } .login_box dl dd{ position: relative; width: 53%; margin-left: 47%; box-sizing: border-box; padding: 0.6rem 0.7rem; } .login_box .out_i{ position: absolute; top: 0.1rem; right: 0.1rem; width: 0.33rem; height: 0.33rem; background-image: url(../img/tb11.png); background-size: 100% 100%; cursor: pointer; } .login_box img{ display: block; margin: 0 auto; width: 2.3rem; } .login_box h5{ font-size: 0.3rem; text-align: center; margin: 0.32rem 0; } .login_box form{ } .login_box form label{ display: block; width: 100%; height: 0.54rem; background-color: #eee; box-sizing: border-box; padding-left: 0.66rem; margin-bottom: 0.24rem; border-radius: 4px; position: relative; background-size: 0.22rem; background-repeat: no-repeat; background-position: 0.22rem center; } .login_box form label.label1{ background-image: url(../img/tb8.png); } .login_box form label.label2{ background-image: url(../img/tb9.png); } .login_box form label input{ width: 100%; height: 100%; font-size: 0.18rem; } .login_box form button.btn{ display: block; width: 100%; height: 0.54rem; background-color: #0d68b7; color: #fff; font-size: 0.22rem; border-radius: 4px; margin-top: 0.1rem; letter-spacing: 0.06rem; } .login_box form .zc_span{ display: block; font-size: 0.18rem; color: #0d68b7; margin-top: 0.3rem; text-align: center; cursor: pointer; } .login_box div{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 10rem; background-color: #fff; border-radius: 6px; position: relative; overflow: hidden; box-sizing: border-box; padding: 0.6rem 0.7rem; } .login_box div form{ font-size: 0; } .login_box div form label{ display: inline-block; vertical-align: top; width: 48%; margin-right: 4%; } .login_box div form label:nth-of-type(2n){ margin-right: 0; } .login_box div form label button.yzm_btn{ position: absolute; right: 0.14rem; top: 50%; transform: translateY(-50%); border-radius: 4px; width: 0.96rem; height: 0.3rem; border: 1px solid #0d68b7; font-size: 0.16rem; color: #0d68b7; text-align: center; line-height: 0.3rem; } .login_box div form label.label1{ background-image: url(../img/tb8.png); } .login_box div form label.label2{ background-image: url(../img/tb50.png); } .login_box div form label.label3{ background-image: url(../img/tb9.png); } .login_box div form label.label4{ background-image: url(../img/tb51.png); } .login_box div form label.label5{ background-image: url(../img/tb52.png); } .login_box div form label.label6{ background-image: url(../img/tb53.png); } .login_box div form label.label7{ background-image: url(../img/tb54.png); } .login_box div form label.label8{ background-image: url(../img/tb55.png); } .login_box div form label.label9{ background-image: url(../img/tb56.png); } .login_box div form label.label10{ background-image: url(../img/tb57.png); } .login_box div form button.btn{ width: 60%; margin: 0.1rem auto 0; } .shopping_box{ position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 20; background-color: rgba(0, 0, 0, .6); display: none; } .shopping_box .shopping_div{ position: absolute; width: 440px; top: 50%; transform: translateY(-50%); right: 0; z-index: 20; background-color: #fff; max-height: 100vh; overflow: auto; } .shopping_box .h5{ height: 0.64rem; line-height: 0.64rem;; padding: 0 0 0 0.22rem; color: #fff; background-color: #0d68b7; font-size: 0.24rem; letter-spacing: 0.06rem; } .shopping_box .h5 span{ text-transform: uppercase; } .shopping_box .h5 i{ font-style: initial; float: right; width: 64px; height: 100%; text-align: center; cursor: pointer; } .shopping_box .div{ } .shopping_box .div ul{ padding: 0 0.22rem; } .shopping_box .div li{ border-bottom: 1px solid #e0e0e0; padding: 0.2rem 0.82rem 0.3rem 0; display: flex; align-items: center; position: relative; } .shopping_box .div li input{ flex-shrink: 0; width: 0.21rem; height: 0.21rem; margin: 0; } .shopping_box .div li em{ flex-shrink: 0; width: 0.9rem; height: 0.62rem; background-size: cover; background-position: center; margin: 0 0.2rem; } .shopping_box .div li h6{ } .shopping_box .div li h6 span{ display: block; font-size: 0.16rem; line-height: 1.4; } .shopping_box .div li h5{ position: absolute; right: 0; bottom: 0.2rem; display: flex; } .shopping_box .div li h5 i{ flex-shrink: 0; width: 0.22rem; height: 0.22rem; background-size: 100% 100%; } .shopping_box .div li h5 i.jian{ background-image: url(../img/icon15.png); } .shopping_box .div li h5 i.jia{ background-image: url(../img/icon16.png); } .shopping_box .div li h5 span{ height: 0.22rem; line-height: 0.22rem; width: 0.3rem; text-align: center; font-size: 0.16rem; } .shopping_box .div li .delete{ position: absolute; width: 0.26rem; height: 0.26rem; cursor: pointer; right: 0; top: 0.2rem; background-image: url(../img/sc.png); background-size: 100% 100%; } .shopping_box .div .h6{ display: flex; align-items: center; justify-content: space-between; padding: 0.22rem; font-size: 0.16rem; } .shopping_box .div .h6 label{ } .shopping_box .div .h6 label input{ width: 0.21rem; height: 0.21rem; margin: 0; } .shopping_box .div .h6 label span{ display: inline-block; vertical-align: top; line-height: 0.21rem; margin-left: 0.08rem; } .shopping_box .div .h6 p{ } .shopping_box .div .h6 p i{ display: inline-block; vertical-align: top; font-style: initial; } .shopping_box .form{ padding: 0.4rem 0.22rem; background-color: #f5f5f5; text-transform: uppercase; } .shopping_box .form h6{ font-size: 0.24rem; margin-bottom: 0.34rem; } .shopping_box .form label{ display: block; font-size: 0; height: 0.4rem; line-height: 0.4rem; margin-bottom: 0.2rem; } .shopping_box .form label span{ font-size: 0.16rem; width: 1.0rem; display: inline-block; vertical-align: top; } .shopping_box .form label input{ display: inline-block; vertical-align: top; height: 100%; width: calc(100% - 1.0rem); box-sizing: border-box; background: none; border: 1px solid #b3b3b3; border-radius: 3px; outline: none; padding: 0 0.12rem; font-size: 0.16rem; } .shopping_box .form p{ height: 1px; width: 100%; background-color: #e0e0e0; margin: 0.36rem 0; } .shopping_box .form button{ display: block; margin: 0 auto 0; width: 1.8rem; height: 0.54rem; border: none; background-color: #0d68b7; color: #fff; font-size: 0.2rem; padding: 0; } .pc_dl{ position: fixed; width: 0.8rem; z-index: 12; right: 0; bottom: 0; } .pc_dl dd{ width: 100%; background-color: #0d68b7; margin-bottom: 4px; padding: 0.12rem 0; cursor: pointer; position: relative; transition: all 0.3s; } .pc_dl dd:last-of-type{ margin-bottom: 0; } .pc_dl dd small{ position: absolute; right: 0.16rem; top: 0.10rem; width: 0.16rem; height: 0.16rem; background-color: #ff0000; border-radius: 50%; font-size: 0.12rem; color: #fff; text-align: center; line-height: 0.16rem; transform: scale(0.9); } .pc_dl dd i{ display: block; height: 0.32rem; text-align: center; } .pc_dl dd i::after{ content: ""; color: #fff; font-family: "iconfont" !important; font-style: normal; -webkit-font-smoothing: antialiased; font-size: 0.32rem; } .pc_dl dd.dd1 i::after{ content: "\e6e3"; } .pc_dl dd.dd2 i::after{ content: "\e6e2"; } .pc_dl dd.dd3 i::after{ content: "\eb14"; } .pc_dl dd span{ display: block; text-align: center; font-size: 0.14rem; color: #fff; margin-top: 0.1rem; } .pc_dl dd img{ position: absolute; width: 1.2rem; right: calc(100% + 4px); top: 0; display: none; } .search_box{ } .search_box .div2{ background-color: #f5f5f5; padding: 0.5rem 0; } .search_box .div2 form{ box-sizing: border-box; display: flex; } .search_box .div2 form input{ flex-shrink: 0; width: calc(100% - 1.0rem); height: 0.6rem; border: none; padding: 0 0.2rem; font-size: 0.18rem; box-sizing: border-box; background-color: #fff; } .search_box .div2 form button{ flex-shrink: 0; width: 1.0rem; height: 0.6rem; background-color: #0d68b7; } .search_box .div2 form button::after{ content: "\eafe"; font-family: "iconfont" !important; font-style: normal; -webkit-font-smoothing: antialiased; font-size: 0.34rem; color: #fff; } .search_box .div1{ margin-top: 0.5rem; } .search_box .h6{ font-size: 0.2rem; font-weight: bold; border-bottom: 1px solid #dedede; margin-bottom: 0.2rem; padding-bottom: 0.2rem; } .search_box .ul{ } .search_box .ul li{ height: 0.56rem; line-height: 0.56rem; border-bottom: 1px solid #dedede; } .search_box .ul li a{ display: block; transition: all 0.3s; font-size: 0.18rem; } .md_i{ display: block; transform: translateY(-1.0rem); } @media (min-width: 992px) { .head_box #account_h4:hover a{ display: block; } .search_box .ul li a:hover{ color: #0469c0; } .head_box #account_h4:hover{ color: #0469c0; } .head_box #shopping_h5:hover{ color: #0469c0; } .head_box #en_a:hover{ color: #0469c0; } .head_box #search_a:hover{ color: #0469c0; } .pc_dl dd:hover{ background-color: #0c5492; } .error_box h6 a:hover{ background-color: #0d68b7; color: #fff; } .welcome_box .slide1 .swiper-button-next:hover{ background-color: #0d68b7; color: #fff; } .welcome_box .slide1 .swiper-button-prev:hover{ background-color: #0d68b7; color: #fff; } .welcome_box .slide5 .control_div .jt_btn:hover{ background-color: #0d68b7; border-color: #0d68b7; color: #fff; } .welcome_box .slide4 .swiper-button-prev:hover{ background-color: #0d68b7; color: #fff; } .welcome_box .slide4 .swiper-button-next:hover{ background-color: #0d68b7; color: #fff; } .welcome_box .slide4 .swiper-slide:hover h5 strong{ color: #0d68b7; } .welcome_box .slide4 .swiper-slide:hover em i{ transform: scale(1.1); } .welcome_box .slide4 .swiper-slide:hover div span{ background-color: #fff; color: #0d68b7; } .welcome_box .slide4 .swiper-slide:hover div{ background-color: #0d68b7; color: #fff; } .welcome_box .slide4 .swiper-slide:hover div p{ color: #fff; } .welcome_box .slide3 .swiper-slide:hover em i{ transform: scale(1.1); } .welcome_box .slide3 .swiper-slide:hover em::after{ opacity: 0.7; } .welcome_box .slide3 .swiper-slide:hover small{ opacity: 0; } .welcome_box .slide3 .swiper-slide:hover dt img.img1{ opacity: 0; transform: translate(-50%,-50%) scale(1.5); } .welcome_box .slide3 .swiper-slide:hover dt img.img2{ opacity: 1; transform: translate(-50%,-50%) scale(1); } .welcome_box .slide3 .swiper-slide:hover dd{ top: 36%; color: #fff; border-color: rgba(255,255,255,0.5); } .welcome_box .slide3 .swiper-slide:hover dl{ background-color: #0d68b7; } .welcome_box .slide3 .swiper-slide:hover dl::before{ transform: rotate(-15deg); background-color: #0d68b7; } .welcome_box .slide3 .swiper-slide:hover dl::after{ top: 76%; opacity: 1; } .productinfo_box .md_h6 a:hover{ background-color: #0d68b7; color: #fff; } .product_box .div2 a:hover span{ color: #0d68b7; border-color: #fff; background-color: #fff; } .product_box .div2 a:hover span::after{ background-color: #0d68b7; } .product_box .div2 a:hover h6{ color: #fff; } .product_box .div2 a:hover div{ border-color: #0d68b7; background-color: #0d68b7; } .product_box .div2 a:hover em{ border-color: #0d68b7; } .product_box .div2 a:hover em i{ transform: scale(1.1); } .product_box .div1 .swiper-slide:hover{ background-color: #0d68b7; color: #fff; } .honor_box .div2 .type_h6 span:hover{ background-color: #0d68b7; border-color: #0d68b7; color: #fff; } .honor_box .div1 .gallery-thumbs .swiper-slide:hover{ color: #0d68b7; } .culture_box .div2 .ul li:hover em{ background-color: #0d68b7; } .culture_box .div2 .ul li:hover em img:nth-of-type(1){ opacity: 0; } .culture_box .div2 .ul li:hover em img:nth-of-type(2){ opacity: 1; } /* .culture_box .div2 .ul li:hover dl dd{ transform: translateY(-0.3rem); } */ .campus_box .div3 li .h5:hover{ background-color: #0d68b7; color: #fff; } .campus_box .div3 li .h5:hover span.span::after{ background-color: #fff; color: #0d68b7; } .dynamic_box .div1 li:hover{ background-color: #0469c0; box-shadow: 0px 0px 0.2rem 0px rgba(53,53,53,0.26); } .dynamic_box .div1 li:hover em i{ transform: scale(1.1); } .dynamic_box .div1 li:hover div h6{ color: #fff; } .dynamic_box .div1 li:hover div span{ color: #fff; } .dynamic_box .div1 li:hover div p{ color: #fff; } .dynamic_box .div1 li:hover strong::after{ border-color: #fff; color: #fff; } .news_box .div1 li:hover div h6{ color: #fff; } .news_box .div1 li:hover div span{ color: #fff; } .news_box .div1 li:hover div span::after{ color: #fff; } .news_box .div1 li:hover div p{ color: #fff; } .news_box .div1 li:hover em i{ transform: scale(1.1); } .news_box .div1 li:hover{ background-color: #0469c0; box-shadow: 0px 0px 0.2rem 0px rgba(53,53,53,0.26); } .foot_box .divr li a:hover{ opacity: 1; } .paging_div a:hover{ background-color: #0469c0; border-color: #0469c0; color: #fff; } .menu_div p a:hover::before{ height: 100%; opacity: 1; } .head_box .nav_ul li p a:hover{ color: #0d68b7; } .head_box .nav_ul li:hover::after{ width: 100%; opacity: 1; } } @media (max-width: 1600px) { html{ font-size: 90px; } .foot_box .div1{ padding: 0.3rem 0; } .foot_box .divl dt p{ margin-top: 0.14rem; } .foot_box .divl dl{ margin-top: 0.3rem; } .welcome_box .slide2 .div p{ font-size: 0.16rem; margin: 4% 0; } .welcome_box .slide2 .dl dd{ font-size: 0.16rem; } .welcome_box .slide2 .ul li p{ font-size: 0.18rem; } .welcome_box .slide2 .ul li strong{ font-size: 0.48rem; } .welcome_box .slide2 .ul li small{ font-size: 0.4rem; } .welcome_box .slide2 .dl dt{ font-size: 0.46rem; } .welcome_box .slide2 .div .h5 strong{ font-size: 0.46rem; } .welcome_box .slide2 .div .h5 strong::after{ left: 1.9rem; } .welcome_box .slide2 .ol li h6{ margin: 0.24rem 0 0.2rem; font-size: 0.24rem; } .welcome_box .slide2 .ol li p{ font-size: 0.18rem; } .welcome_box .slide6 .dl{ padding: 0.3rem 0; } .welcome_box .slide6 .dl dd em{ width: 0.8rem; height: 0.8rem; background-size: 0.6rem; } .welcome_box .slide6 .dl dd h6{ margin-top: 0.3rem; } .welcome_box .slide6 .dl dd img{ margin-top: 0.2rem; width: 0.8rem; } .welcome_box .slide6 .dl dd h5{ margin-top: 0.2rem; } .welcome_box .slide6 .dl dd span{ margin-top: 0.1rem; } .foot_box .divr li a:first-of-type{ margin-bottom: 0.2rem; } .foot_box .divr li a{ margin-top: 0.12rem; } } @media (max-width: 1500px) { } @media (max-width: 1400px) { html { font-size: 80px; } .team_box .div1 .ul{ width: 4.0rem; } } @media (max-width: 1200px) { body{ padding-top: 0.7rem; } .w78,.w88{ width: 92%; } .pd{ padding: 0.5rem 0; } .pc_dl{ display: none; } .head_box{ height: 0.7rem; background-color: #fff; box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.2); } .head_box .w88{ width: 100%; padding-left: 4%; padding-right: 0.9rem; box-sizing: border-box; } .head_box .logo_a img:nth-of-type(1){ opacity: 0; } .head_box .logo_a img:nth-of-type(2){ opacity: 1; } .head_box .nav_ul{ display: none; position: absolute; background-color: #fff; border-top: 1px solid #e5e5e5; width: 100%; top: 100%; left: 0; margin-right: 0; box-sizing: border-box; padding: 0.1rem 4%; box-shadow: 0 6px 6px rgba(0,0,0,0.2); } .head_box .nav_ul li{ display: block; padding: 0; border-bottom: 1px solid #e5e5e5; } .head_box .nav_ul li:last-of-type{ border-bottom: none; } .head_box .nav_ul li>a{ line-height: 0.6rem; height: 0.6rem; font-size: 0.19rem; color: #333; padding: 0; } .head_box .nav_ul li>a::before{ display: none; } .head_box .nav_ul li.active>a{ color: #0d68b7; } .head_box .nav_ul li a i{ display: block; font-size: 0.2rem; } .head_box .nav_ul li p{ position: static; box-sizing: border-box; background-color: #fcfcfc; padding: 0.1rem 0.2rem; box-shadow: none; } .head_box .nav_ul li p a{ text-align: left; font-size: 0.18rem; color: #333; } .head_box .nav_ul li::after{ display: none; } .head_box .logo_a{ width: 1.3rem; } .head_box #account_h4{ color: #333; } .head_box #shopping_h5{ color: #333; margin-left: 0.12rem; } .head_box #en_a{ color: #333; margin-left: 0.24rem; } .head_box #search_a{ color: #333; margin-left: 0.16rem; } .menu_box{ display: flex; } .banner_box{ position: relative; height: 60vw; } .banner_box dl dt{ font-size: 0.46rem; } .banner_box dl dd{ font-size: 0.16rem; line-height: 1.4; padding: 0.1rem; margin-top: 0.2rem; } .menu_div{ top: -0.5rem; } .menu_div p{ width: 100%; overflow-x: auto; } .menu_div p a{ height: 0.5rem; line-height: 0.5rem; padding: 0 0.14rem; white-space: nowrap; } .box{ margin-top: 0; } .paging_div{ margin-top: 0.5rem; } .title_h4{ margin-bottom: 0.5rem; } .title_h4 small{ font-size: 0.18rem; line-height: 1.4; } .foot_box .divl h5 a{ width: 34%; } .foot_box .divr{ display: none; } .foot_box .divl dt{ width: 100%; margin-right: 0; } .foot_box .divl dd{ display: none; } .foot_box .div2 h6{ display: block; } .mode_box .div1{ flex-wrap: wrap; margin-top: -0.18rem; } .mode_box .div1 li{ flex: none; width: 48%; height: auto; margin-right: 4%; flex-direction: column; padding: 0.2rem; text-align: center; margin-top: 0.18rem; } .mode_box .div1 li:nth-of-type(2n){ margin-right: 0; } .mode_box .div1 li dl{ flex: none; margin-left: 0; margin-top: 0.14rem; } .mode_box .div2{ padding-bottom: 60%; } .join_box .div1 label{ width: 100%; margin-right: 0; margin-bottom: 0.3rem; } .join_box .div1 button{ width: 100%; } .join_box .div2{ display: block; margin-top: 0.4rem; } .join_box .div2 dt{ width: 100%; height: 40vw; } .join_box .div2 dd{ width: 100%; padding: 0; margin-top: 0.4rem; } .join_box .div2 dd h6{ font-size: 0.36rem; } .join_box .div2 dd p{ font-size: 0.24rem; margin-top: 0.3rem; } .idea_box .div1 .dl{ flex-direction: column-reverse; } .idea_box .div1 .dl dd{ height: 50vw; width: 100%; } .idea_box .div1 .dl dt{ width: 100%; padding: 0.3rem; } .idea_box .div2 .ul li{ width: 100%; float: none; margin-top: 0.2rem; } .idea_box .div2 .ul{ margin-top: -0.2rem; } .idea_box .div2 .ul li i{ display: none; } .idea_box .div2 .ul li div{ padding: 0.3rem; } .campus_box .div1{ display: block; height: auto; } .campus_box .div1 select{ width: 100%; margin-right: 0; height: 0.5rem; margin-bottom: 0.1rem; } .campus_box .div1 button{ width: 100%; height: 0.5rem; font-size: 0.2rem; } .campus_box .div2 span{ font-size: 0.2rem; } .campus_box .div2 span:nth-of-type(3){ display: none; } .campus_box .div3 li .h5 span{ font-size: 0.2rem; } .campus_box .div3 li .h5 span:nth-of-type(3){ display: none; } .campus_box .div3 li .dl{ padding: 0.3rem; } .campus_box .div3 li .dl dd{ width: 100%; margin-right: 0; margin-bottom: 0.3rem; } .campus_box .div3 li .dl dd:last-of-type{ margin-bottom: 0; } .campus_box .div4{ display: block; margin-top: 0.3rem; } .campus_box .div4 dd{ width: 100%; margin-right: 0; padding: 0.3rem; margin-top: 0.2rem; } .network_box .div1 .div ul li i{ display: none; } .network_box .div1 .div ul li span{ font-size: 0.12rem; white-space: nowrap; } .network_box .div1 .div{ width: 100%; } .network_box .div1 .ol{ /*position: static;*/ flex-wrap: wrap; bottom: 3rem; } .network_box .div1 .ol li{ flex-shrink: 0; flex: none; width: 50%; margin-top: 0.4rem; } .feedback_box .div1 .h6{ margin-top: 0.5rem; } .feedback_box .div1 .div button{ width: 48%; margin: 0 4% 0 0; } .feedback_box .div1 .div{ margin-top: 0.4rem; } .feedback_box .div1 .div button:nth-of-type(2){ margin: 0; } .query_box .div1 dl{ display: block; } .query_box .div1 dd{ width: 100%; padding: 0.3rem 0.2rem 0; } .query_box .div1 dd div{ margin-top: 0.3rem; } .query_box .div1 dd div em{ width: 48%; margin: 0 1%; } .query_box .div1 dd div em span{ margin-top: 0.3rem; } .query_box .div2 dl dd{ display: none; } .query_box .div2 .h4 p{ display: none; } .query_box .div2 dl{ display: block; } .query_box .h5{ font-size: 0.24rem; } .query_box .div2 .p{ line-height: 1.4; } .query_box .div2{ margin: 0.4rem auto 0; padding-top: 0.4rem; } .product_box .title_h4{ padding: 0 4%; } .product_box .div2{ margin-top: -0.2rem; } .product_box .div2 a{ width: 48%; margin-right: 4%; margin-top: 0.2rem; } .product_box .div2 a:nth-of-type(2n){ margin-right: 0; } .productinfo_box .div1 .w78{ display: block; } .productinfo_box .div1 .swiper_div{ width: 100%; border-right: none; border-bottom: 1px solid #e0e0e0; } .productinfo_box .div1 .gallery-top{ height: 60vw; } .productinfo_box .div1 .gallery-thumbs{ height: 14vw; } .productinfo_box .div1 .swiper-button-next, .productinfo_box .div1 .swiper-button-prev{ line-height: 14vw; } .productinfo_box .div1 .content_dl{ width: 100%; padding: 0.3rem; } .productinfo_box .div1 .content_dl dt{ padding-top: 0; } .productinfo_box .div1 .content_dl dd .gwc_span{ width: 100%; /* height: 0.6rem; */ } .productinfo_box .md_h6{ height: 0.7rem; line-height: 0.7rem; } .productinfo_box .md_h6 a{ font-size: 0.2rem; } .news_box .div1 li{ width: 100%; margin-right: 0; } .news_box .div1 li div{ padding: 0.3rem 0.2rem; } .dynamic_box .div1 li a{ display: block; } .dynamic_box .div1 li em{ width: 100%; height: 50vw; display: block; } .dynamic_box .div1 li div{ width: 100%; padding: 0.3rem 0.2rem; } .dynamic_box .div1 li strong{ display: none; } .introduce_box .div1{ flex-direction: column-reverse; } .introduce_box .div1 dd{ width: 100%; height: 90vw; margin-left: 0; } .introduce_box .div1 dt{ width: 100%; margin-top: 0.3rem; } .introduce_box .div2{ flex-wrap: wrap; margin-top: 0; } .introduce_box .div2 li{ width: 48%; box-sizing: border-box; margin-right: 4%; padding: 0; margin-top: 0.4rem; } .introduce_box .div2 li::after{ display: none; } .introduce_box .div2 li:nth-of-type(2n){ margin-right: 0; } .introduce_box .div2 li strong{ font-size: 0.46rem; } .introduce_box .div2 li small{ font-size: 0.3rem; } .introduce_box .div2 li p{ line-height: 1.6; height: 0.6rem; margin: 0.14rem 0; } .culture_box .div1 .dl{ display: block; } .culture_box .div1 .dl dd{ width: 100%; padding-bottom: 54vw; margin-top: 0.14rem; } .culture_box .div2 .ul{ flex-wrap: wrap; } .culture_box .div2 .ul li{ flex: none; flex-shrink: 0; width: 50%; margin-top: 0.3rem; } .culture_box .div2 .ul li em{ width: 1.2rem; height: 1.2rem; } .culture_box .div2 .ul li em img{ width: 0.6rem; margin: -0.3rem 0 0 -0.3rem; } .notes_box{ width: 92%; } .notes_box .div1 li{ display: block; margin-bottom: 0.3rem; } .notes_box .div1::after{ display: none; } .notes_box .div1 li::before{ display: none; } .notes_box .div1 li::after{ display: none; } .notes_box .div1 li em{ width: 100%; padding-bottom: 50%; display: block; } .notes_box .div1 li dl{ width: 100%; margin-top: 0.2rem; text-align: left !important; } .notes_box .div1 li dl dt{ font-size: 0.54rem; } .notes_box .div1 li dl dd{ margin-top: 0.14rem; } .honor_box .div1 .top_div{ position: static; width: 100%; height: auto; padding: 0.3rem 0; } .honor_box .div1 .gallery-top{ width: 92%; } .honor_box .div1 .thumbs_div{ display: none; } .honor_box .div2{ padding: 0.5rem 4%; } .honor_box .div2 .type_h6 span{ width: 30%; margin: 0; margin-right: 3.5%; } .honor_box .div2 .type_h6 span:nth-of-type(3){ margin-right: 0; } .team_box .div1 .ul{ display: none; } .team_box .div1{ display: block; } .team_box .div1 .swiper_div{ width: 100%; } .team_box .div1 .swiper-slide dl{ display: block; } .team_box .div1 .swiper-slide dt{ width: 100%; margin-bottom: 0.24rem; } .welcome_box{ height: calc(100vh - 0.7rem); } .welcome_box .slide1 .swiper-slide .w78 h5{ font-size: 0.7rem; } .welcome_box .slide1 .swiper-slide .w78 h6{ font-size: 0.4rem; } .welcome_box .slide1 .video-slide{ display: none; } .welcome_box .slide1 .swiper-button-prev{ display: none; } .welcome_box .slide1 .swiper-button-next{ display: none; } .welcome_box .slide2 .h6{ display: none; } .welcome_box .slide2 .ol{ display: none; } .welcome_box .slide2{ flex-direction: column; justify-content: flex-end; } .welcome_box .slide2 .divl{ width: 100%; height: auto; padding-top: 0; margin-bottom: 0.3rem; } .welcome_box .slide2 .divr{ width: 100%; height: auto; } .welcome_box .slide2 .div{ height: auto; padding: 0 4%; } .welcome_box .slide2 .ul{ margin-top: 0; width: 100%; flex-wrap: wrap; height: auto; } .welcome_box .slide2 .ul li{ flex: none; width: 50%; height: 1.6rem; } .welcome_box .slide2 .ul li h6{ margin-bottom: 0.1rem; } .welcome_box .slide2 .ul li strong{ font-size: 0.4rem; } .welcome_box .slide2 .ul li p{ line-height: 1; margin-top: 0.1rem; } .welcome_box .slide2 .dl{ display: none; } .welcome_box .slide4 .h4{ margin-top: 0; } .welcome_box .slide4 .w88{ padding: 0; } .welcome_box .slide4 .swiper-slide h5{ display: flex; align-items: center; } .welcome_box .slide4 .swiper-slide h5 small{ margin-top: 0.14rem; margin-left: 0.14rem; } .welcome_box .slide5 .w88{ margin-top: 0; height: 90%; margin-top: 5%; } .welcome_box .slide5 .slides{ display: block; } .welcome_box .slide5 .gallery-thumbs{ display: none; } .welcome_box .slide5 .gallery-top{ width: 100%; height: 50vw; margin: 0; margin-bottom: 0.3rem; } .welcome_box .slide5 .content_div h4{ margin-bottom: 0.24rem; } .welcome_box .slide5 .content_div ul{ margin: 0.2rem 0 0.3rem; } .welcome_box .slide5 .control_div{ display: none; } .welcome_box .slide5 .content_div h6{ width: 100%; } .welcome_box .slide6{ padding-top: 0; } .welcome_box .slide6 .dl{ overflow-x: auto; } .welcome_box .slide6 .dl dd{ flex: none; width: 46%; padding: 0 0.2rem; margin-right: 0.2rem; } .welcome_box .slide6 .dl dd{ margin-right: 0; } .welcome_box .slide6 .dl dd em{ width: 0.8rem; height: 0.8rem; background-size: 0.6rem; } .login_box dl{ width: 92%; } .login_box dl dt{ display: none; } .login_box dl dd{ width: 100%; margin-left: 0; padding: 0.6rem 0.3rem 0.3rem; } .login_box div{ width: 92%; padding: 0.6rem 0.3rem 0.3rem; max-height: 88vh; overflow-y: auto; } .login_box div form label{ display: block; width: 100%; margin-right: 0; } .login_box div form button.btn{ width: 100%; } } @media (max-width: 1023px){ .network_box .div1 .ol{ position: static; flex-wrap: wrap; } }