@charset "utf-8"; * { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } html { margin: 0 auto; } body { font: 12px/1.8 "microsoft yahei", "stheitisc", "hiragino sans gb", arial, "helvetica", "simhei", "stxihei", sans-serif; margin: 0 auto; color: #000; background-color: #fff; min-width: 320px; overflow-x: hidden; } h1, h2, h3, h4, h5, h6, p { font-weight: normal; margin: 0; line-height: 1.1; } p { line-height: 1.5; } a, a:visited { text-decoration: none; } a { color: #000; } li { list-style: none; } ul, li, ol, dd, dl { margin: 0; padding: 0; } img { max-width: 100%; } fieldset, input, button, textarea { margin: 0; padding: 0; border: 0; outline: none; -webkit-appearance: none; } input[type='checkbox'] { -webkit-appearance: checkbox; } input[type='radio'] { -webkit-appearance: radio; } .fl { float: left; } .fr { float: right; } .cl:after { content: ""; display: block; clear: both; height: 0; } .img { max-width: 100%; height: auto; display: block; } .img2 { max-height: 100%; width: auto; } .trans { -moz-transition: all ease .8s; -webkit-transition: all ease .8s; -o-transition: all ease .8s; transition: all ease .8s; } .trans04 { -moz-transition: all ease .4s; -webkit-transition: all ease .4s; -o-transition: all ease .4s; transition: all ease .4s; } .trans2 { -moz-transition: all ease 2s; -webkit-transition: all ease 2s; -o-transition: all ease 2s; transition: all ease 2s; } .transcalxzero { transform: scalex(0); -o-transform: scalex(0); -ms-transform: scalex(0); -moz-transform: scalex(0); -webkit-transform: scalex(0); } .transcaletop { transform: scale(1, 0); -o-transform: scale(1, 0); -ms-transform: scale(1, 0); -moz-transform: scale(1, 0); -webkit-transform: scale(1, 0); } .bg { background-size: cover; background-position: center center; background-repeat: no-repeat; padding-bottom: 31%; } .bg0 { background-size: cover; background-position: center center; background-repeat: no-repeat; } .absolute { position: absolute; left: 0; right: 0; top: 0; bottom: 0; } .abs { width: 100%; height: 100%; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } .flex { display: box; /* old - android 4.4- */ display: flexbox; display: -webkit-box; /* old - ios 6-, safari 3.1-6 */ display: -moz-box; /* old - firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* tweener - ie 10 */ display: -webkit-flex; /* new - chrome */ display: flex; /* new, spec - opera 12.1, firefox 20 */ justify-content: center; align-items: center; overflow: hidden; } /*公共*/ .fl { float: left; } .fr { float: right; } .cb { clear: both; } .c12 { width: 1200px; margin: auto; } .cover { background-repeat: no-repeat; background-position: center; background-size: cover; } .contain { background-repeat: no-repeat; background-position: center; background-size: contain; } a, .tran, img { transition: all 0.3s; -webkit-transition: all 0.3s; } a { color: #000; } .tran5 { transition: all 0.5s; -webkit-transition: all 0.5s; } .pic { transition: all 2s; -webkit-transition: all 2s; } .pic.cover { position: absolute; z-index: 1; left: 0; top: 0; right: 0; bottom: 0; } .pic.contain { position: absolute; z-index: 1; left: 0; top: 0; right: 0; bottom: 0; } .contain { background-size: contain; background-position: center; background-repeat: no-repeat; } .none { display: none; } .pb0 { padding-bottom: 0; } .wrap { padding: 0 7.5%; /* overflow: hidden; */ } .slide_nav { background: #48494b; overflow: auto; padding-bottom: 30px; transition: all 0.6s; -moz-transition: all 0.6s; -webkit-transition: all 0.6s; width: 100%; position: fixed; right: -100%; top: 0; height: 100%; z-index: 99999999; } .slide_nav.left_active { right: 0; } .slide_nav .slide_logo { background: #fff; text-align: center; padding: 15px 0; } .slide_nav .slide_logo a { display: block; } .slide_nav .slide_logo a img { max-width: 70%; } .slide_nav .slide_nav_ul { margin-top: 8%; } .slide_nav .slide_nav_ul li { text-align: center; position: relative; width: 100%; line-height: 50px; } .slide_nav .slide_nav_ul .slideja { font-size: 16px; } .slide_nav .slide_nav_ul .slidenavsecon { display: none; overflow: hidden; background: #8b8d92; } .slide_nav .slide_nav_ul .slidenavsecon a { display: block; } .slide_nav .slide_nav_ul .slidenavsecon.active { height: 100%; } .slide_nav .slide_nav_ul li a { font-size: 15px; color: #fff; height: 50px; display: block; } .slide_nav .slide_nav_ul .slide_nav_ullast a { display: inline-block; } .slide_nav .slide_nav_ul .slide_nav_bg { position: absolute; width: 100%; height: 100%; left: 0; top: 0; display: none; } .slide_nav .slide_nav_ul .slide_nav_bg span { background: #fff; height: 50px; } .slide_nav .slide_nav_ul .slide_nav_wz { font-size: 16px; width: 100%; height: 50px; position: absolute; left: 0; top: 0; z-index: 10; line-height: 50px; } .phone_back { width: 60%; height: 40px; display: block; font-size: 14px; margin: 0 auto; margin-top: 20px; border: 0; background: #fff; color: #000; text-align: center; line-height: 40px; } header::before{ content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #ccc; z-index: 10; } header .menu { display: none; float:right; width: 30px; height: 30px; background: #48494b; margin-top: 10px; position: relative; } header .menu span { width: 20px; height: 2px; position: absolute; top: 50%; left: 50%; background: #fff; transform: translate(-50%); } header .menu span::after { content: ""; width: 100%; height: 2px; position: absolute; top: -5px; left: 0; background: #fff; } header .menu span::before { content: ""; width: 100%; height: 2px; position: absolute; top: 5px; left: 0; background: #fff; } body{ padding-top: 70px; } header { padding: 0 5%; position: fixed; top: 0; width: 100%; z-index: 9; left: 0; background: #fff; transition: all 0.4s; } header .logo, header .logo a{ height:80px; line-height:80px; } header .logo img { vertical-align: top; margin-top:18px; } header .search-box { position: relative; margin-top: 28px; padding-left: 10px; flex-shrink: 0; z-index: 3; } header .search-box button { width: 24px; height: 24px; background: url(/uploads/image/aacimages/search.png) center center no-repeat; cursor: pointer; display: block; } header .search-box input { height: 30px; width: 0; text-indent: 10px; position: absolute; right: 30px; top: -2px; transition: all 0.4s; background: #000; color: #fff; } header .search-box:hover input { width: 150px; } header::after { content: ""; clear: both; display: block; } header .nav { position: relative; margin-right: 40px; } header .nav::after { content: ""; height: 15px; width: 1px; background: #999; position: absolute; right: 0; top: 50%; margin-top: -7px; z-index: 1; } header .nav li{ float: left; margin-right: 40px; position: relative; margin-right: 40px; } header .nav li::before{ content: ""; position: absolute; z-index: 8; width: 5000px; height: 55px; background: #fff; bottom: -55px; left: -2200px; opacity: 0; visibility: hidden; } header .nav li:nth-child(1)::before{ display: none; } header .nav li:hover::before{ opacity: 1; visibility: visible; } header .nav li .min-nav{ position: absolute; height: 55px; line-height: 55px; left: 0; bottom: -55px; z-index: 9; white-space: nowrap; background: #fff; opacity: 0; visibility: hidden; } header .nav li .min-nav a{ margin-right:40px ; } header .nav li:nth-child(5) .min-nav, header .nav li:nth-child(6) .min-nav{ right: 0; left: auto; } header .nav li:nth-child(6) .min-nav a, header .nav li:nth-child(5) .min-nav a{ margin-right: 0; margin-left: 40px; } header .nav li .min-nav a{ color: #7a7a7a; } header .nav li:hover .min-nav{ opacity: 1; visibility: visible; } header .nav li a:hover{ color: #000; } header .nav li a.big { display: block; height: 80px; line-height: 80px; position:relative; } header .nav li::after{ content:""; position:absolute; bottom:0; left:0; height:2px; width:0; background:#000; transition:all 0.4s; } header .nav li:hover::after, header .nav li.on::after { width:100%; } .index-banner { position: relative; overflow: hidden; } .index-banner .pic-w { position: relative; overflow: hidden; padding-bottom: 41%; } .index-banner .txt { position: absolute; z-index: 3; left: 10.5%; bottom: 21%; color: #fff; width: 30%; } .index-banner .num { overflow: hidden; margin: 10% 0; line-height: 1; } .index-banner .line { width: 100px; height: 1px; background: #fff; float: left; margin: 10px 20px 0 40px; } .index-banner .but { float: left; cursor: pointer; } .index-banner .but .index-prev { width: 13px; height: 20px; border-top: 4px solid #fff; border-left: 4px solid #fff; float: left; opacity: .7; transition: all 0.4s; } .index-banner .but .index-next { width: 13px; height: 20px; border-bottom: 4px solid #fff; border-right: 4px solid #fff; float: left; opacity: .7; transition: all 0.4s; } .index-banner .but div:hover { opacity: 1; } .index-about { background-image: url(/uploads/image/aacimages/iab.jpg); padding: 0 10.5%; color: #fff; position: relative; } .index-about .bot { padding: 5% 0; border-top: 1px solid #5f6061; display: flex; justify-content: space-between; } .index-about .bot .big { font-weight: bold; } em { font-style: normal; } .index-about .bot p { opacity: .4; } .index-about .txt { width: 43.5%; padding: 5% 0; overflow: hidden; } .index-about .big-top { line-height: 1; } .index-about .line { height: 60px; width: 1px; background: #fff; opacity: .2; margin: 8% 0; } .index-about .des { margin-top: 8%; text-align: justify; line-height: 2; opacity: .5; } .index-about .pic-w { position: absolute; width: 40%; padding-bottom: 26%; overflow: hidden; border: 15px solid #fff; border-top: 35px solid #fff; top: 0; right: 10.5%; transform: translatey(-35px); z-index: 3; cursor: pointer; } .index-about .pic-w:hover .pic { transform: scale(1.1); } .index-four { display: flex; justify-content: space-between; } .index-four .box { width: 25%; overflow: hidden; position: relative; } .index-four .box .pic-w { position: relative; padding-bottom: 200%; } .index-four .box::after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000; opacity: .3; z-index: 1; transition: all 0.4s; } .index-four .box .txt { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 3; color: #fff; text-align: center; } .index-four .box .title { font-size: 26px; transition: all 0.4s; z-index: 3; position: relative; } .index-four .box .des { white-space: nowrap; opacity: .5; transition: all 0.4s; z-index: 3; position: relative; } .index-four .box .line { width: 30px; height: 2px; background: #fff; margin: 25px auto; opacity: .5; transition: all 0.4s; z-index: 3; position: relative; } .index-four .box .jt { width: 58px; height: 8px; margin: auto; background: url(/uploads/image/aacimages/jt.png); transition: all 0.4s; margin-top: 25px; opacity: 0; z-index: 3; position: relative; } .index-four .box .txt::after { content: ""; width: 280px; height: 280px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -100%); border-radius: 50%; background: #48494b; opacity: 0; z-index: 1; transition: all 0.4s; } .index-four .box:hover::after { opacity: 0; } .index-four .box:hover .line { opacity: 0; } .index-four .box:hover .des { transform: translatey(-40px); } .index-four .box:hover .jt { transform: translatey(-40px); opacity: 1; } .index-four .box:hover .txt::after { opacity: .7; transform: translate(-50%, -50%); } .index-four .box:hover .pic { transform: scale(1.1); } .index-news { position: relative; } .index-news .index-n-top { background: #48494b; } .index-news .index-n-top .big { padding: 4.5% 10.5%; padding-bottom: 0; color: #fff; } .index-news .index-n-nav { padding: 0 10.5%; overflow: hidden; border-top: 1px solid #5b5c5d; margin-top: 4.5%; width: 95%; } .index-news .index-n-nav li { float: left; padding: 2% 0; margin-right: 70px; color: #fff; position: relative; cursor: pointer; transition: all 0.5s; -webkit-transition: all 0.5s; opacity: .7; } .index-news .index-n-nav li:after { content: ""; bottom: 0; left: 50%; position: absolute; transform: translatex(-50%); height: 2px; width: 0; background: #6b6b6b; transition: all 0.5s; -webkit-transition: all 0.5s; } .index-news .index-n-nav li:hover:after, .index-news .index-n-nav li.on:after { width: 100%; } .index-news .index-n-nav li:hover, .index-news .index-n-nav li.on { opacity: 1; } .index-n-main { padding: 4.5% 10.5%; background: #4f5052; position: relative; } .index-n-list { width: 71.5%; } .index-n-list ul { display: none; } .index-n-list ul.on { display: block; } .index-n-list li { padding: 2% 4.5%; background: #444547; position: relative; border-bottom: 1px solid #5b5c5e; } .index-n-list li:last-child { border: none; } .index-n-list li a { display: flex; justify-content: space-between; color: #b2b2b3; } .index-n-list li .time { width: 100px; height: 40px; line-height: 40px; flex-shrink: 0; position: relative; z-index: 2; } .index-n-list li .title { width: 95%; height: 40px; line-height: 40px; padding: 0 3%; position: relative; z-index: 2; } .index-n-list li .more { width: 40px; height: 40px; border-radius: 100%; background: url(/uploads/image/aacimages/jts.png) center center no-repeat; flex-shrink: 0; opacity: .5; position: relative; z-index: 2; } .index-n-list li:after { content: ""; height: 100%; position: absolute; width: 0; background: #5b5c5e; z-index: 1; left: 0; top: 0; transition: all 0.5s; -webkit-transition: all 0.5s; } .index-n-list li:hover:after { width: 100%; } .index-n-list li:hover a { color: #fff; } .index-n-list li:hover .more { opacity: 1; } .index-news .big-new { width: 18.75%; position: absolute; top: 0; transform: translatey(-210px); right: 10.5%; } .index-news .big-new .pic-w { height: 210px; position: relative; overflow: hidden; } .index-news .big-new .txt { padding: 13%; background: #5b5c5e; color: #fff; } .index-news .big-new .txt .title { line-height: 1.5; } .index-news .big-new .txt .des { opacity: .3; margin: 8% 0 16% 0; } .index-news .big-new .txt .time { font-family: arial; opacity: .5; } .index-news .big-more { position: absolute; width: 18.75%; right: 10.5%; bottom: 15%; background: #fff; overflow: hidden; line-height: 40px; display: block; background: #5b5c5e; padding: 30px 45px; line-height: 1; } .index-news .big-more span { display: inline-block; width: 58px; height: 31px; background: url(/uploads/image/aacimages/jt.png) center center no-repeat; vertical-align: top; } .index-news .big-more i { width: 31px; height: 31px; display: inline-block; background: url(/uploads/image/aacimages/bigmore.png); vertical-align: top; } .index-news .big-more:hover { background: #999; transform: translatey(-20px); } .index-news .big-more:hover span { border-color: #fff; } .index-news .big-new:hover .pic { transform: scale(1.1); } footer .bot { padding: 1.5% 10.5%; background: #262626; color: #fff; } footer .bot span, footer .bot a { color: #fff; opacity: .5; } footer .bot a { margin-left: 25px; } footer .bot a:hover { opacity: 1; } footer { background: #393939; } footer .c-box { padding: 0 10.5%; } footer .top { overflow: hidden; padding: 3.5% 0; border-bottom: 1px solid #4d4d4d; } footer .top .logo { opacity: .6; } .bshare-custom a { background: none !important; padding: 0 !important; } .bshare-custom a:hover { text-decoration: none !important; } footer .top a { display: inline-block; height: 44px; width: 44px; line-height: 44px; border-radius: 50%; background-color: #4d4d4d !important; color: #000; text-align: center; margin-left: 15px; } footer .top a:hover { color: #fff; } footer .mid { padding: 3.5% 0; overflow: hidden; } footer .mid .ewm { display: block; } footer .mid .add { margin-top: 80px; } footer .mid .add p { margin-bottom: 30px; font-size: 14px; color: #e3e3e3; } footer .mid .add p span { font-size: 24px; } footer .mid .add p:last-child { margin-bottom: 0; } footer .mid .add i { display: inline-block; font-size: 18px; margin-right: 10px; color: #4d4d4d; width: 40px; } footer .mid .f-nav { overflow: hidden; } footer .mid .f-nav ul { float: right; } footer .mid .f-nav a { display: block; color: #fff; opacity: .3; margin-bottom: 15px; font-size: 14px; } footer .mid .f-nav a:hover { opacity: 1; margin-bottom: 15px; color: #fff; } footer .mid .f-nav a.big { font-size: 16px; color: #e3e3e3; margin-bottom: 25px; opacity: 1; } footer .mid .f-nav li { float: left; width: 230px; } footer .mid .f-nav li:last-child { width: auto; } footer .mid .f-nav li a:last-child { margin-bottom: 0; } footer .mid .link { text-align: right; font-size: 14px; margin-top: 30px; } footer .mid .link span, footer .mid .link a { color: #fff; opacity: .3; margin: 0 15px; display: inline-block; position: relative; } footer .mid .link a::after { content: ""; height: 10px; width: 1px; background: #fff; position: absolute; right: -15px; top: 50%; margin-top: -5px; } footer .mid .link a:last-child::after { display: none; } footer .mid .link a:hover { opacity: 1; } .inner-banner { position: relative; overflow: hidden; padding-bottom: 28%; } .djzc .inner-banner { padding-bottom: 20%; } .inner-top { overflow: hidden; background: #48494b; } .inner-top .inner-nav { padding: 0 10.5%; display: flex; justify-content: space-between; border-bottom: 1px solid #5b5c5d; } .inner-top .inner-nav.qyjs{ font-weight: bold; letter-spacing: 3px; } .inner-top .inner-nav a { display: block; text-align: center; width: 50%; color: #fff; border: 1px solid #5b5c5d; border-bottom: none; color: #b3b3b4; position: relative; padding: 2% 0; } .inner-top .inner-nav a::after { content: ""; position: absolute; left: 0; bottom: 0; height: 2px; background: #fff; width: 0; transition: all 0.4s; } .inner-top .inner-nav a.on { color: #fff; } .inner-top .inner-nav a.on::after { width: 100%; } .inner-local { padding: 3% 10.5%; overflow: hidden; font-size: 14px; color: #b3b3b4; } .inner-local .local { line-height: 50px; font-size: 16px; } .inner-local .local a { color: #b3b3b4; margin: 0 10px; } .inner-local .local a:hover, .inner-local .local a.on { color: #fff; } .inner-local .fenl a { display: inline-block; height: 50px; line-height: 50px; border: 1px solid #6d6d6f; color: #fff; text-align: center; margin-left: 15px; width: 230px; text-align: center; } .inner-local .fenl a:hover, .inner-local .fenl a.on { background: #5e5f61; } .zzjg { padding: 8% 10.5%; background-image: url(/uploads/image/aacimages/zzjg.jpg); } .zzjg .box { padding: 5%; background: rgba(255, 255, 255, .1); margin-bottom: 5%; text-align: center; color: #fff; } .zzjg .box img { display: block; max-width: 100%; margin: auto; margin-top: 5%; } .zzjg .box:last-child { margin-bottom: 0; } .zzjg .box:last-child .title { transform: translatex(-3%); } .jytd { padding: 4% 10.5%; background: #48494b; padding-top: 0; } .jytd .main { overflow: hidden; } .jytd .main li { width: 33.3%; float: left; border-bottom: 1px solid #5b5c5d; color: #adadae; transition: all 0.4s; padding: 3% 0; padding-right: 5%; cursor: pointer; } .jytd .main li .title { padding: 30px 0; text-overflow: ellipsis; white-space: nowrap; position: relative; } .jytd .main li .title span { position: relative; } .jytd .main li .title span::after { content: ""; position: absolute; top: 0; left: 0; height: 3px; background: #fff; top: -20px; transition: all 0.4s; width: 0; } .jytd .main li.on .title span::after, .jytd .main li:hover .title span::after { width: 100%; } .jytd .main li.on, .jytd .main li:hover { color: #fff; } .jytd .main ul::after { content: ""; display: block; clear: both; } a.more { display: block; margin-top: 5%; text-align: center; background: #5e5f61; color: #fff; font-size: 16px; padding: 1% 0; } a.more span { display: inline-block; width: 23px; height: 23px; background: url(/uploads/image/aacimages/more.png); vertical-align: middle; margin-right: 15px; margin-top: -3px; transition: all 0.4s; } a.more:hover { opacity: .7; } a.more:hover span { transform: rotate(360deg); } .pop-zz { position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0, 0, 0, .6); z-index: 9; display: none; } .pop-zz .rw-box { position: fixed; width: 80%; height: 80%; top: 10%; left: 10%; overflow-y: scroll; background: #48494b; padding: 5%; color: #fff; } .pop-zz .rw-box .name { margin-bottom: 5%; } .pop-zz .rw-box::-webkit-scrollbar { /*滚动条整体样式*/ width: 5px; /*高宽分别对应横竖滚动条的尺寸*/ height: 1px; } .pop-zz .rw-box::-webkit-scrollbar-thumb { /*滚动条里面小方块*/ border-radius: 5px; -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); background: #fff; } .pop-zz .rw-box::-webkit-scrollbar-track { /*滚动条里面轨道*/ -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); border-radius: 5px; background: #7f8081; } .pop-zz .rw-box .main { overflow: hidden; position: relative; display: flex; justify-content: space-between; } .pop-zz .rw-box .main .pic-w { position: relative; width: 200px; height: 240px; overflow: hidden; margin-right: 40px; flex-shrink: 0; } .pop-zz .rw-box .main .txt { width: 99%; } .pop-zz .rw-box .main .title { line-height: 1; } .pop-zz .rw-box .main .des { margin: 5% 0; line-height: 2; } .pop-zz .rw-box .icon-close { float:right; font-size: 60px; line-height: 1; z-index: 9; transition: all 0.4s; cursor: pointer; } .pop-zz .rw-box .icon-close:hover { transform: rotate(90deg); } .lxwm { padding: 4% 10.5%; background: #48494b; padding-top: 0; overflow:hidden; } .lxwm .title { color: #fff; line-height: 1; font-weight: bold; } .lxwm .top { margin: 4% 0; margin-top:0; position: relative; overflow: hidden; } .lxwm .top .pic-w { position: relative; overflow: hidden; float: left; width: 32%; padding-bottom: 43%; } .lxwm .top .right { position: absolute; right: 0; top: 0; height: 100%; overflow: hidden; width: 65%; } .lxwm .bot { display: flex; justify-content: space-between; padding: 2% 5%; color: #e3e3e3; background: #5e5f61; } .lxwm .bot i { display: inline-block; width: 50px; height: 50px; border-radius: 50px; text-align: center; line-height: 48px; border: 1px solid #e3e3e3; vertical-align: top; margin-right: 20px; } .lxwm .bot p { line-height: 50px; font-size: 14px; } .join { padding: 4% 10.5%; background: #48494b; padding-top: 0; } .join li { overflow: hidden; } .join li .title { padding: 2% 5%; background: #5e5f61; color: #fff; position: relative; border-bottom: 1px solid #48494b; overflow: hidden; font-size: 18px; } .join li .title span { position: absolute; top: 50%; width: 16px; height: 16px; right: 5%; margin-top: -8px; cursor: pointer; } .join li .title p { float: left; margin-right: 40px; height: 35px; line-height: 35px; } .join li .title p i { display: inline-block; float: left; height: 35px; line-height: 35px; width: 35px; text-align: center; font-style: normal; margin-right: 10px; border-radius: 100%; color: #5e5f61; background: #fff; } .join li .title span:after { content: ""; position: absolute; top: 50%; left: 0; width: 100%; height: 2px; background: #d7d7d7; margin-top: -1px; } .join li .title span:before { content: ""; position: absolute; bottom: 0; left: 50%; width: 2px; height: 100%; background: #d7d7d7; z-index: 2; margin-left: -1px; transition: all 0.3s; -webbkit-transition: all 0.3s; } .join li .title span:hover:before, .join li.on .title span:before { height: 0; } .join li .main { background: #424344; padding: 5%; border-top: 0; display: none; color: #fff; overflow: hidden; } .join li .main .right { text-align: right; } .join li .main .price { font-weight: bold; } .join li .main .time { opacity: .7; } .join li .main h1 { font-family: simhei; } .join li .main .des { margin-top: 3%; font-size: 14px; font-family: simsun; opacity: .8; margin-bottom: 5%; } .join li .main .des p { line-height: 30px; } .join .main li .main .lx { font-family: simhei; } .join li .main .lx p { line-height: 40px; } .join li .main .tj { display: block; width: 250px; height: 50px; line-height: 50px; background: #292929; text-align: center; color: #fff; position: relative; cursor: pointer; outline: none; } .join li .main .tj input { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; opacity: 0; font-family: simsun; } .ryzz { padding: 4% 10.5%; background: #48494b; padding-top: 0; } .ryzz .zz-nav { padding: 2% 0; text-align: center; border-top: 1px solid #5b5c5d; border-bottom: 1px solid #5b5c5d; position: relative; } .ryzz .zz-nav::after { content: ""; position: absolute; left: 50%; bottom: -21px; margin-left: -12px; background-image: url(/uploads/image/aacimages/zz-nav.png); background-color: #48494b; width: 24px; height: 21px; } .ryzz .zz-nav a { margin: 0 60px; opacity: .5; color: #fff; } .ryzz .zz-nav a.on, .ryzz .zz-nav a:hover { opacity: 1; } .ryzz .zz-main ul { overflow: hidden; padding-top: 2%; } .ryzz .zz-main ul li { position: relative; width: 31.5%; margin-right: 2.75%; margin-top: 2.75%; float: left; cursor: pointer; } .ryzz .zz-main ul li:nth-child(3n) { margin-right: 0; } .ryzz .zz-main ul li .pic-w { position: relative; overflow: hidden; background: #fff; padding-bottom: 68%; } .ryzz .zz-main ul li p { color: #fff; text-align: center; margin-top: 5%; } .ryzz .zz-main ul li:hover .pic { transform: scale(1.1); } .xmzs-top { padding: 0 10.5%; } .xmzs-top .big-nav::after{ content:""; display:block; clear:both; } .inner-box{ padding:3% 10.5%; background:#48494b; } .inner-box .result{ color:#fff; margin-bottom:2%; } .inner-box li a{ padding:1% 0; display:block; color:#fff; opacity:.7; border-bottom:1px solid #fff; } .inner-box li a:hover{ opacity:1; } .inner-box li a .des{ opacity:.7; margin-top:1%; } .xmzs-top .big-nav a { display: block; float: left; margin-right: 20px; padding: 10px 50px; color: #fff; border: 1px solid #6d6d6f; position:relative; } .xmzs-top .big-nav a:hover, .xmzs-top .big-nav a.on { background: #6d6d6f; } .xmzs-top .min-nav { padding: 2.5% 0; margin-top:52px; border-top: 1px solid #5b5c5d; border-bottom: 1px solid #5b5c5d; position: relative; } .xmzs-top .min-nav a { color: #fff; opacity: .5; display: inline-block; margin-right: 60px; } .xmzs-top .min-nav a:hover, .xmzs-top .min-nav a.on { opacity: 1; } .xmzs-top .big-nav a.on::after { content: ""; position: absolute; left: 50%; z-index:3; bottom:-56px; margin-left: -12px; background-image: url(/uploads/image/aacimages/zz-nav.png); background-color: #48494b; width: 24px; transform: rotate(180deg); height: 21px; display: none; } .xm-list { overflow: hidden; padding: 0 10.5%; padding-bottom: 3%; } .xm-list li { position: relative; width: 31.5%; margin-right: 2.75%; margin-top: 2.75%; float: left; cursor: pointer; padding-bottom: 30px; border-bottom: 1px solid #5b5c5d; transition: all 0.4s; } .xm-list li:nth-child(3n) { margin-right: 0; } .xm-list li .pic-w { position: relative; overflow: hidden; padding-bottom: 68%; } .xm-list li .title { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top: 30px; } .xm-list li .des, .xm-list li .time { text-overflow: ellipsis; white-space: nowrap; margin-top: 5px; opacity: .75; overflow: hidden; height:25px; } .xm-list li a { color: #fff; } .xm-list li .right { float: right; margin-top: 15px; transition: all 0.4s; } .xm-list li:hover .pic { transform: scale(1.1); } .xm-list li:hover { border-bottom: 1px solid #fff; } .pagination { text-align: center; margin: auto; margin-bottom: 4%; } .pagination li { display: inline-block; width: 40px; height: 40px; border: 1px solid #5e5f61; line-height: 38px; opacity: .6; font-size: 16px; margin: 0 5px; padding: 0 !important; color: #fff; cursor: pointer; } .pagination li:after { display: none; } .pagination li a { transition: all 0.1s; color: #fff; } .pagination li.active, .pagination li:hover { border: 1px solid #5e5f61; background: #5e5f61; color: #fff; opacity: 1; } .pagination li:first-child, .pagination li:last-child { background: #5e5f61; border: 1px solid #5e5f61; color: #fff; opacity: .8; } .pagination li:first-child a, .pagination li:last-child a, .pagination li:hover a { color: #fff; } .pagination li.icon:hover { opacity: 1; } .xmzs { background: #48494b; overflow: hidden; } .xm-detail { padding: 0 10.5%; background: #48494b; color: #fff; overflow: hidden; } .xm-detail .title { text-align: center; color: #fff; border-top: 1px solid #6d6d6f; padding: 4% 0 4% 0; } .xm-detail .detail-top { position: relative; overflow: hidden; margin-bottom: 4%; } .xm-detail .detail-top .pic-w { float: left; width: 50%; position: relative; overflow: hidden; padding-bottom: 32%; } .xm-detail .detail-top .right { float: right; width: 45%; } .xm-detail .detail-top .right .cham { color: #fff; font-weight: bold; } .xm-detail .detail-top .line { margin: 6% 0; border-top: 1px dashed #6d6d6f; } .xm-detail .detail-top .des { color: #fff; } /* .xm-detail .dd { overflow: hidden; width: 1200px; margin: auto; }*/ .xm-detail .dd img { max-width: 100%; } .xm-detail .bot { padding-top: 3%; margin-top: 4%; border-top: 1px solid #6d6d6f; } .xm-detail .bot a { display: block; color: #fff; margin-bottom: 10px; opacity: .5; } .xm-detail .bot a:hover { opacity: 1; } a.back { display: block; margin-top: 5%; text-align: center; background: #5e5f61; color: #fff; font-size: 16px; padding: 1% 0; } a.back span { display: inline-block; width: 18px; height: 18px; background: url(/uploads/image/aacimages/back.png); vertical-align: middle; margin-left: 15px; margin-top: -3px; transition: all 0.4s; } a.back:hover { opacity: .7; } .xm-detail .detail { margin-bottom: 8%; } .xm-detail .qtxm { overflow: hidden; margin-bottom: 4%; } .xm-detail .qtxm .main { padding: 0 10%; position: relative; } .xm-detail .qt-swiper { overflow: hidden; } .xm-detail .qt-swiper .pic-w { position: relative; overflow: hidden; padding-bottom: 70%; } .xm-detail .qt-swiper .title { text-align: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #fff; margin-top: 30px; border: none; padding: 0; } .xm-detail .qt-swiper .des { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #fff; margin-top: 10px; opacity: .5; } .xm-detail .qt-swiper li { position: relative; overflow: hidden; padding-bottom: 30px; border-bottom: 1px solid #6d6d6f; transition: all 0.4s; } .xm-detail .qt-swiper li:hover { border-bottom: 1px solid #fff; } .xm-detail .qt-swiper li:hover .pic { transform: scale(1.1); } .xm-detail .qtxm .big { line-height: 1; border-bottom: 1px solid #6d6d6f; padding-bottom: 3%; margin-bottom: 4%; } .xm-detail .qtxm .main i { position: absolute; left: 0; top: 50%; transform: translatey(-50%); line-height: 1; font-size: 26px; opacity: .5; cursor: pointer; transition: all 0.4s; outline: none; } .xm-detail .qtxm .main i.icon-next { left: auto; right: 0; } .xm-detail .qtxm .main i:hover { opacity: 1; } .inner-local .back { margin: 0; background: none; font-size: 14px; } .zj-d { overflow: hidden; padding: 0 10.5%; background: #48494b; color: #fff; padding-bottom: 4%; } .zj-d .big-title { width: 66%; font-weight: bold; letter-spacing: 2px; } .zj-d .time { margin: 3% 0 4% 0; color: #e2e3e3; background: url(/uploads/image/aacimages/time.png) center left no-repeat; height: 20px; line-height: 22px; padding-left: 35px; font-size: 16px; } .zj-d .main { overflow: hidden; } .zj-d .main .left { width: 66%; float: left; } .zj-d .main .left .detail { overflow: hidden; } .zj-d .main .left .detail img { max-width: 100%; } .zj-d .main .bot { padding-top: 4%; margin-top: 4%; border-top: 1px solid #5b5c5d; } .zj-d .main .bot a { display: block; opacity: .5; color: #fff; margin-bottom: 10px; } .zj-d .main .bot a:hover { opacity: 1; } .zj-d .main .right { float: right; width: 31%; } .zj-d .main .right .top { color: #fff; line-height: 1; } .zj-d .main .right .line { margin: 6% 0; height: 1px; background: #5b5c5d; } .zj-d .main .right li { overflow: hidden; margin-top: 8%; } .zj-d .main .right li a { display: block; } .zj-d .main .right li .pic-w { width: 50%; padding-bottom: 33%; position: relative; overflow: hidden; float: left; } .zj-d .main .right li .txt { width: 45%; float: right; color: #fff; } .zj-d .main .right li .title { opacity: .75; transition: all 0.4s; margin-top: 10%; } .zj-d .main .right li .times { font-size: 14px; opacity: .5; margin-top: 5%; } .zj-d .main .right li:hover .pic { transform: scale(1.1); } .zj-d .main .right li:hover .title { opacity: 1; } .qyxw, .hyxw { overflow: hidden; padding: 0 10.5%; background: #48494b; color: #fff; padding-bottom: 4%; } .xw-list { position: relative; overflow: hidden; } .xw-list li { position: relative; overflow: hidden; padding: 3% 0; border-top: 1px solid #5b5c5d; transition: all 0.4s; } .xw-list li .pic-w { position: relative; float: left; width: 31.5%; padding-bottom: 18%; overflow: hidden; } .xw-list li .txt { width: 65%; float: right; color: #fff; margin-top: 3%; } .xw-list li .title { line-height: 24px; display: flex; justify-content: space-between; } .xw-list li .title span { width: 90%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; } .xw-list li .time { line-height: 24px; opacity: .6; flex-shrink: 0; margin-left: 100px; } .xw-list li .des { margin: 4% 0; opacity: .75; } .xw-list li .more { opacity: .75; transition: all 0.4s; } .xw-list li:hover { border-color: #fff; } .xw-list li:hover .pic { transform: scale(1.1); } .xw-list li:hover:hover .more { opacity: 1; } .qy-top { overflow: hidden; } .qy-top .right { float: right; width: 31.5%; } .qy-top .right li { overflow: hidden; margin-bottom: 10%; } .qy-top .right li .pic-w { position: relative; overflow: hidden; padding-bottom: 57%; } .qy-top .right li .txt { margin-top: 8%; color: #fff; } .qy-top .right li .title { line-height: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .qy-top .right li .line { height: 1px; margin: 6% 0; border: 1px solid #5b5c5d; } .qy-top .right li .bot { opacity: .75; line-height: 1; overflow: hidden; } .qy-top .right li:hover .pic { transform: scale(1.1); } .qy-top .left { width: 65%; float: left; } .qy-top .bot { overflow: hidden; display: flex; justify-content: space-between; margin-bottom: 5%; } .qy-top .bot .box { position: relative; overflow: hidden; width: 48.5%; } .qy-top .bot .box .pic-w { position: relative; overflow: hidden; padding-bottom: 57%; } .qy-top .bot .box .txt { position: absolute; z-index: 3; width: 90%; left: 5%; top: 50%; transform: translatey(-50%); opacity: 0; color: #fff; transition: all 0.4s; text-align: center; } .qy-top .bot .box::after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000; opacity: .7; transition: all 0.4s; transform: scale(0); z-index: 2; } .qy-top .bot .box:hover::after { transform: scale(1); } .qy-top .bot .box:hover .txt { opacity: 1; } .qy-top .bot .box:hover .pic { transform: scale(1.1); } .qy-top .qy-swiper { position: relative; overflow: hidden; border-bottom: 1px solid #fff; padding-bottom: 5%; margin-bottom: 5%; } .qy-top .qy-swiper li { position: relative; overflow: hidden; } .qy-top .qy-swiper li .pic-w { position: relative; overflow: hidden; height: 450px; } .qy-top .qy-swiper li .txt { color: #fff; } .qy-top .qy-swiper li .time { height: 20px; font-size: 16px; background: url(/uploads/image/aacimages/time.png) center left no-repeat; line-height: 23px; padding-left: 30px; margin: 3% 0; } .qy-top .qy-swiper li .title { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 1; margin-bottom: 3%; } .qy-top .qy-swiper li .des { position: relative; overflow: hidden; } .qy-top .qy-swiper li .des .right { width: 48.5%; opacity: .75; } .qy-top .qy-swiper li .des .left { position: absolute; bottom: 0; left: 0; transition: all 0.4s; } .qy-top .qy-swiper li:hover .des .left { left: 30px; } .qy-top .qy-swiper li:hover .pic { transform: scale(1.1); } .qy-top .qy-swiper .qy-page { position: absolute; right: 0; top: 478px; z-index: 3; left: auto; width: auto; } .qy-top .qy-swiper .qy-page .swiper-pagination-bullet { background: #fff; cursor: pointer; outline: none; margin-left: 15px; } .sx span { font-size: 14px; opacity: .6; display: inline-block; margin-right: 20px; line-height: 40px; } .sx select { height: 40px; line-height: 40px; width: 170px; border: 1px solid #6d6d6f; background: #48494b; color: #fff; text-indent: 10px; outline: none; } .hy-list { overflow: hidden; margin-bottom: 4%; } .hy-list li { position: relative; float: left; width: 31.5%; overflow: hidden; margin-right: 2.75%; } .hy-list li:nth-child(3n) { margin-right: 0; } .hy-list li .pic-w { position: relative; overflow: hidden; padding-bottom: 57%; } .hy-list li .txt { margin-top: 8%; color: #fff; } .hy-list li .title { line-height: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .hy-list li .line { height: 1px; margin: 6% 0; border: 1px solid #5b5c5d; } .hy-list li .bot { opacity: .75; line-height: 1; overflow: hidden; } .hy-list li:hover .pic { transform: scale(1.1); } .hy-swiper { position: relative; overflow: hidden; margin-bottom: 4%; } .hy-swiper li { position: relative; overflow: hidden; } .hy-swiper li a { color: #fff; } .hy-swiper li .left { width: 85%; background: #5e5f61; overflow: hidden; float: left; transition: all 0.4s; } .hy-swiper li .left .pic-w { float: left; width: 41%; padding-bottom: 35%; position: relative; overflow: hidden; } .hy-swiper li .txt { width: 59%; padding: 8%; float: left; } .hy-swiper li .txt .des { text-align: justify; margin: 8% 0; opacity: .75; } .hy-swiper li .txt .jt { transition: all 0.4s; } .hy-swiper li .time { float: right; margin-top: 4%; } .hy-swiper li .month { font-size: 16px; opacity: .8; background: url(/uploads/image/aacimages/time.png) center left no-repeat; padding-left: 30px; line-height: 22px; padding-right: 8px; } .hy-swiper li .year { text-align: right; display: inline-block; float: right; font-size: 26px; opacity: .5; border-top: 1px solid #fff; line-height: 1; padding-top: 10px; margin-top: 10px; } .hy-swiper li:hover .left { background: #333; } .hy-swiper li:hover .pic { transform: scale(1.1); } .hy-swiper li:hover .jt { transform: translatex(30px); } .hy-swiper .hy-page { position: absolute; right: 0; left: auto; width: auto; bottom: 10%; z-index: 3; } .hy-swiper .hy-page .swiper-pagination-bullet { display: block; margin: 10px 0; background: #fff; cursor: pointer; outline: none; } .about { padding: 0 10.5%; position: relative; overflow: hidden; background: #48494b; padding-bottom: 5%; } .about .top { position: relative; overflow: hidden; } .about .top .right { float: right; width: 66.6%; position: relative; overflow: hidden; cursor: pointer; } .about .top .right video { width: 100%; height: auto; } .about .top .right .play { position: absolute; width: 60px; height: 60px; line-height: 1; z-index: 3; left: 50%; top: 50%; margin: -30px 0 0 -30px; transition: all 0.4s; } .about .top .right .play img { width: 100%; } .about .top .right:hover .pic { transform: scale(1.1); } .about .top .right:hover .play { transform: rotate(360deg); } .about .top .left { width: 33.4%; position: absolute; left: 0; top: 0; height: 100%; } .about .top .left .box { width: 100%; height: 50%; position: relative; overflow: hidden; } .about .top .left .box:hover .pic { transform: scale(1.1); } .about .mid { margin-top: 4%; position: relative; color: #fff; } .about .mid .big { font-weight: bold; line-height: 1; } .about .mid .small { margin: 2% 0 3% 0; } .about .mid .des { opacity: .75; line-height: 2; font-size: 14px; } .about .mid>img { position: absolute; right: 0; top: 5%; display:none; } .about .bot { margin-top: 4%; overflow: hidden; color: #fff; } .about .bot .left { float: left; width: 30%; background: #5e5f61; padding: 0 9%; border-bottom: 5px solid #ffffff; } .about .bot .left p { line-height: 1; } .about .bot .left em { font-weight: bold; } .about .bot .left span { float: right; } .about .bot .left .box { padding: 25% 0; border-bottom: 1px solid #6e6f71; } .about .bot .left .ms { opacity: .5; font-size: 14px; margin-top: 10px; } .about .bot .right { width: 62.5%; float: right; } .about .bot .right .top { overflow: hidden; line-height: 1; } .about .bot .right .top img { max-width: 100%; vertical-align: top; } .about .bot .right .title { line-height: 1; padding: 5% 0; border-bottom: 1px solid #5b5c5d; margin-bottom: 5%; } .about .bot .right .des { font-size: 14px; line-height: 2; opacity: .75; text-align: justify; } .about .bot .right .bot-t { line-height: 1; padding: 5% 0; } .about .bot .right .mp { position: relative; overflow: hidden; border: 1px solid #5b5c5d; margin-top: 5%; } .about .bot .right .mp .mid-pic { float: left; width: 50%; position: relative; overflow: hidden; padding-bottom: 27%; } .about .bot .right .mp .mid-right { position: absolute; right: 0; top: 0; width: 50%; height: 100%; } .about .bot .right .mp .txt { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); white-space: nowrap; } .fzlc { padding: 5% 0 5% 10.5%; background-image: url(/uploads/image/aacimages/lcbg.jpg); color: #fff; } .fzlc .big { font-weight: bold; line-height: 1; margin-bottom: 2%; /* background: url(/uploads/image/aacimages/logo3.png) center right no-repeat; */ margin-right: 11.8%; } .fzlc .bot { margin-right: 11.8%; position: relative; overflow: hidden; } .fzlc .bot .lc1-swiper { width: 70%; overflow: hidden; } .fzlc .bot .lc1-swiper li { position: relative; overflow: hidden; background: #5e5f61; transition: all 0.3s; } .fzlc .bot .lc1-swiper .pic-w { position: relative; overflow: hidden; padding-bottom: 25%; width: 38%; float: left; } .fzlc .bot .lc1-swiper .txt { width: 62%; float: left; padding: 5% 8%; } .fzlc .bot .lc1-swiper .des { font-size: 14px; margin-top: 5%; } .fzlc .bot .lc1-swiper li:hover .pic { transform: scale(1.1); } .fzlc .bot .lc1-swiper li:hover { background: #333; } .fzlc .bot .button { position: absolute; right: 0; bottom: 0; } .fzlc .bot .button i { display: inline-block; width: 120px; height: 60px; line-height: 58px; text-align: center; color: #fff; border: 1px solid #fff; transition: all 0.4s; opacity: .5; margin-left: 15px; cursor: pointer; outline: none; background: url(/uploads/image/aacimages/jtl.png) center center no-repeat; background-size: 60%; } .fzlc .bot .button i.icon-next { background: url(/uploads/image/aacimages/jtr.png) center center no-repeat; background-size: 60%; } .fzlc .bot .button i:hover { opacity: 1; } .fzlc .lc2-swiper { position: relative; overflow: hidden; margin: 5% 0; font-size: 16px; } .fzlc .lc2-swiper:after { content: ""; width: 100%; height: 1px; background: #fff; position: absolute; bottom: 4px; left: 0; z-index: 1; opacity: .1; } .fzlc .lc2-swiper .point { width: 8px; height: 8px; background: #fff; border-radius: 50%; margin-top: 25px; } .fzlc .lc2-swiper li { opacity: .5; position: relative; z-index: 2; cursor: pointer; } .fzlc .lc2-swiper li p { font-weight: bold; } .fzlc .lc2-swiper li.swiper-slide-active { opacity: 1; } .djzc { /* background-image: url(/uploads/image/aacimages/djbg.jpg); background-position: center top; background-repeat: no-repeat; background-color: ; */ position: relative; } .djzc>div{ position: relative; z-index: 5; } .djzc::before{ content: ""; position: absolute; top: 0; width: 100%; height: 70%; z-index: 1; left: 0; background-image: url(/uploads/image/aacimages/djbg.jpg); background-position: center top; background-size:cover; background-repeat: no-repeat; } .djzc::after{ content: ""; position: absolute; bottom: 0; height: 30%; left: 0; width: 100%; z-index: 1; background-image: linear-gradient(to right, #530a04, #62240f); } .djzc .inner-top { background: none; } .djzc .bot { padding: 0 10.5%; padding-bottom: 5%; } .djzc .bot::after { content: ""; display: block; clear: both; } .djzc .bot .dj-list { width: 45%; float: left; } .djzc .bot .dj-list:nth-child(2) { float: right; } .djzc .bot .big-title { border-bottom: 1px solid rgba(255, 255, 255, .6); padding-bottom: 25px; margin-bottom: 40px; } .djzc .bot .dj-list li { overflow: hidden; } .djzc .bot .dj-list .txt-list li a { color: #fff; display: block; padding: 20px 0; display: flex; justify-content: space-between; } .djzc .bot .dj-list .txt-list li { font-size: 14px; border-bottom: 1px dashed #fff; transition: all 0.4s; opacity: .8; } .djzc .bot .dj-list .txt-list li:first-child a { padding-top: 0; } .djzc .bot .dj-list .txt-list li:hover { opacity: 1; } .djzc .bot .dj-list .txt-list li font { flex-shrink: 0; margin-left: 10px; } .djzc .bot .dj-list .txt-list li span { width: 90%; overflow: hidden; display: inline-block; text-overflow: ellipsis; white-space: nowrap; padding-left: 15px; position: relative; } .djzc .bot .dj-list .txt-list li span::after { content: ""; position: absolute; width: 4px; height: 4px; background: #fff; border-radius: 50%; top: 50%; margin-top: -1px; left: 0; } .djzc .bot .dj-list .pic-list { overflow: hidden; } .djzc .bot .dj-list .pic-list li { margin-bottom: 40px; transition: all 0.4s; opacity: .8; } .djzc .bot .dj-list .pic-list a { display: block; color: #fff; } .djzc .bot .dj-list .pic-list .box { overflow: hidden; } .djzc .bot .dj-list .pic-list .box .pic-w { float: left; width: 37.5%; position: relative; height: 165px; } .djzc .bot .dj-list .pic-list .title { font-size: 20px; margin-bottom: 20px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; transition: all 0.4s; } .djzc .bot .dj-list .pic-list .right { float: right; width: 55%; } .djzc .bot .dj-list .pic-list .right .des { font-size: 14px; height: 75px; line-height: 25px; overflow: hidden; margin: 18px 0; } .djzc .bot .dj-list .pic-list .right .time { overflow: hidden; font-size: 14px; } .djzc .bot .dj-list .pic-list li:hover { opacity: 1; } .djzc .bot .dj-list .pic-list li:hover .title { text-decoration: underline; } .dj-swiper { position: relative; overflow: hidden; margin: 0 10.5%; margin-bottom: 4%; } .dj-swiper .buttons, .hy-swiper .buttons, .qy-swiper .buttons { position: absolute; z-index: 3; left: 0; top: 50%; transform: translatey(-50%); width: 100%; font-size: 20px; } .dj-swiper .buttons .iconfont, .hy-swiper .buttons .iconfont, .qy-swiper .buttons .iconfont { width: 40px; height: 40px; background: #393939; color: #fff; line-height: 40px; text-align: center; position: absolute; display: inline-block; border-radius: 50%; transition: all 0.4s; left: 0; opacity: 0; cursor: pointer; outline: none; } .dj-swiper .buttons .iconfont.icon-next, .hy-swiper .buttons .iconfont.icon-next, .qy-swiper .buttons .iconfont.icon-next { right: 0; left: auto; } .dj-swiper .buttons .iconfont:hover, .hy-swiper .buttons .iconfont:hover, .qy-swiper .buttons .iconfont:hover { background: #fff; color: #393939; } .dj-swiper:hover .buttons .iconfont, .hy-swiper:hover .buttons .iconfont, .qy-swiper:hover .buttons .iconfont { opacity: 1; } .dj-swiper .pic-w { position: relative; overflow: hidden; float: left; width: 61.5%; border: 5px solid #fff; padding-bottom: 36%; } .dj-swiper .txt { float: right; width: 32.5%; color: #fff; transition: all 0.4s; opacity: .8; } .dj-swiper .txt .time { height: 20px; line-height: 22px; background: url(/uploads/image/aacimages/time.png) center left no-repeat; padding-left: 35px; font-size: 16px; } .dj-swiper .txt .title { margin-top: 25%; font-weight: bold; } .dj-swiper .txt .des { font-size: 14px; margin-top: 10%; } .dj-swiper .txt .jt { margin-top: 20%; } .dj-swiper li { position: relative; } .dj-swiper li::after { content: ""; position: absolute; right: 0; bottom: 0; width: 32.5%; height: 1px; background: #fff; transition: all 0.4s; opacity: .5; } .dj-swiper li:hover .pic { transform: scale(1.1); } .dj-swiper li:hover .txt, .dj-swiper li:hover::after { opacity: 1; } .dj-swiper .dj-page { left: 67.5%; position: absolute; bottom: 23%; z-index: 3; } .dj-swiper .dj-page .swiper-pagination-bullet { background: #fff; margin: 0; margin-right: 10px; } .xyzp { padding: 4% 10.5%; background: #48494b; padding-top: 0; color: #fff; } .xyzp .time { overflow: hidden; margin-top: 2%; } .xyzp .time p { font-size: 16px; padding-left: 30px; background: url(/uploads/image/aacimages/time.png) center left no-repeat; line-height: 22px; height: 20px; float: left; } .xyzp .detail { margin-top: 4%; overflow: hidden; } .xyzp .detail img { max-width: 100%; } .index-xm { padding: 4% 10.5%; background: #48494b; padding-bottom: 0; color: #fff; } .index-xm .top { margin-top: 3%; overflow: hidden; } .index-xm .top .left-swiper { float: left; width: 80%; overflow: hidden; } .index-xm .top .left-swiper li { position: relative; overflow: hidden; } .index-xm .top .left-swiper li .pic-w { position: relative; overflow: hidden; height: 600px; } .index-xm .top .right-swiper { width: 18.5%; float: right; height: 600px; overflow: hidden; cursor: pointer; } .index-xm .top .right-swiper li { position: relative; overflow: hidden; transition: all 0.4s; } .index-xm .top .right-swiper li .pic-w { position: relative; overflow: hidden; height: 185px; } .index-xm .top .right-swiper li.swiper-slide-thumb-active { border: 5px solid #fff; } .index-xm .bot { margin-top: 4%; overflow: hidden; padding-bottom: 4%; border-bottom: 1px solid #5b5c5d; position: relative; } .index-xm .bot .txt-swiper { width: 80%; float: left; overflow: hidden; } .index-xm .bot .txt-swiper .title{ letter-spacing: 2px; } .index-xm .bot .txt-swiper .des { opacity: .7; line-height: 2; margin-top: 2%; letter-spacing :2px; } .index-xm .bot .right { position: absolute; right: 0; top: 0; } .index-xm .bot .right .num { color: #838384; text-align: right; } .index-xm .bot .right .num span { color: #fff; } .index-xm .bot .right i { display: block; float: left; width: 100px; height: 50px; line-height: 48px; border: 1px solid #fff; color: #fff; text-align: center; margin-left: 15px; transition: all 0.4s; opacity: .5; outline: none; cursor: pointer; } .index-xm .bot .right i:hover { opacity: 1; } @media screen and (max-width: 1680px) { header .nav li { margin-right: 40px; height:70px; line-height:70px; } header .nav li a.big{ height:70px; line-height:70px; } header .nav { margin-right: 40px; } header .logo, header .logo a{ height:70px; line-height:70px; } header .logo img { height: 45px; margin-top:12.5px; } header .search-box { margin-top: 23px; } header { padding: 0 5%; } .index-banner .txt { left: 5%; bottom: 10%; } .index-four .box .txt::after { width: 200px; height: 200px; } .index-four .box .title { font-size: 20px; margin-top: 20px; } .index-xm .bot .txt-swiper { width: 70%; } .index-xm .bot .right i { width: 80px; height: 40px; line-height: 38px; } footer .mid .f-nav li { width: 160px; } footer .c-box { padding: 0 5%; } footer .bot { padding: 1.5% 5%; } footer .top img { height: 35px; } footer .top a { height: 35px; line-height: 35px; width: 35px; } .index-about { padding: 0% 5%; } .index-about .pic-w { right: 5%; } .index-xm { padding: 4% 5%; } .index-n-main { padding: 4.5% 5%; } .index-news .index-n-top .big { padding: 4.5% 5%; padding-bottom: 0; } .index-news .index-n-nav { padding: 0% 5%; } .index-news .big-more { bottom: 13%; padding: 20px; } .index-about .txt img { height: 35px; } .dj-swiper { margin: 0 5%; margin-bottom: 4%; } .inner-local { padding: 2% 5%; } .djzc .bot, .qyxw, .hyxw, .join, .jytd, .lxwm, .about, .xyzp, .zj-d { padding: 0% 5% 5% 5%; } .inner-box{ padding:5%; } .fzlc { padding: 5% 0 5% 5%; } .fzlc .bot .button i { width: 90px; height: 50px; line-height: 48px; } .ryzz { padding: 4% 5%; } .ryzz .zz-nav { padding: 1.5% 0; } .xm-list { padding: 0% 5%; padding-bottom: 3%; } .xmzs-top { padding: 0% 5%; } .xmzs-top .min-nav { padding: 1.5% 0; } .xm-detail { padding: 0% 5%; } .zzjg { padding: 10% 5%; } .inner-local .fenl a { width: 200px; } body{ padding-top: 60px; } } @media screen and (max-width: 1400px) { .index-about .bot { padding: 3% 0; } .inner-local .fenl a { width: 180px; } body{ padding-top: 54px; } } @media screen and (max-width: 1200px) { .index-about .bot { padding: 3% 0; } } @media screen and (max-width: 960px) { .inner-top .inner-nav.qyjs{ font-weight: normal; letter-spacing: 0; } header .nav { display: none; } header .logo img { height: 20px; margin-top:15px; } header .logo, header .logo a{ height:50px; line-height:50px; } header .search-box { margin-top:13px; margin-right:10px; } header { padding: 0 15px; } footer .top .share{ display: none; } .index-banner .pic-w { padding-bottom: 60%; } .index-banner .des, .index-banner .line, .index-banner .but { display: none; } .index-banner .txt { width: 50%; left: 20px; bottom: 20px; } .index-banner .big { font-size: 16px; line-height: 1.2; } .index-about { width: 100%; padding: 20px; } .index-about .txt { width: 100%; } .index-about .pic-w { border: 10px solid #fff; transform: translatey(-10px); } .index-about .bot { flex-wrap: wrap; } .index-about .bot .box { width: 50%; margin-top: 10px; } .index-about .bot { padding: 0; } .index-about .bot .big { font-size: 20px; } .index-about .txt img { height: auto; width: 80%; } .index-about .txt { padding: 0; padding-bottom: 20px; } .index-about .des { margin-top: 20px; } .index-about .big-top { font-size: 18px; } .index-four .box { width: 50%; float: left; } .index-four { display: block; overflow: hidden; } .index-four .box .txt::after { width: 150px; height: 150px; } .index-four .box .title { font-size: 16px; } .index-four .box .line { margin: 15px auto; } .index-four .box:hover .des { transform: translatey(-25px); } .index-four .box .txt { width: 90%; } .index-four .box .des { white-space: pre-wrap; } .index-xm .big-title { font-size: 18px; background-size: contain; } .index-xm { padding: 20px; } .index-xm .top .left-swiper { width: 100%; float: none; } .index-xm .top .left-swiper li .pic-w { height: 200px; } .index-xm .top .right-swiper { float: none; width: 100%; height: auto; margin-top: 20px; } .index-xm .top .right-swiper li { border: 3px solid transparent; } .index-xm .top .right-swiper li.swiper-slide-thumb-active { border: 3px solid #fff; } .index-xm .top .right-swiper li .pic-w { height: 80px; } .index-xm .bot .right { position: relative; } .index-xm .bot .txt-swiper { width: 100%; float: none; } .index-xm .bot .txt-swiper .title { font-size: 16px; } .index-xm .bot .txt-swiper .des { font-size: 12px; line-height: 1.5; } .index-xm .bot .right { overflow: hidden; margin-top: 20px; } .index-xm .bot .button { float: left; } .index-xm .bot .right .num { float: right; } .index-xm .bot .right i { width: 60px; height: 30px; line-height: 28px; margin-left: 0; margin-right: 10px; } .index-xm .bot .right .num { line-height: 30px; font-size: 14px; } .index-xm .bot .right .num span { font-size: 20px; } .index-news .big-new, .index-news .big-more { display: none; } .index-news .index-n-top .big { font-size: 18px; padding: 0 20px; } .index-news .index-n-nav { padding: 10px 20px; font-size: 16px; } .index-news .index-n-nav li { margin-right: 20px; } .index-n-main { padding: 20px; } .index-n-list { width: 100%; } .index-n-list li .more { display: none; } .index-n-list li .title { line-height: 20px; overflow: hidden; } footer .top img { height: 30px; } footer .top a { display: none; } footer .top { padding: 10px 0; } footer .c-box { padding: 0 20px; } footer .mid .f-nav { display: none; } footer .mid .add { margin-top: 20px; } footer .mid .add i { display: none; } footer .mid .add p { margin-bottom: 10px; font-size: 12px; } footer .mid .link { display: none; } footer .bot { overflow: hidden; padding: 10px 20px; } footer .bot span, footer .bot a { display: block; float: none; margin-left: 0; } .djzc { background-size: cover; background-repeat: no-repeat; background-position: center top; background-color: #520a04; } .inner-local .local { overflow: hidden; } font-size: 14px; .inner-local .sx { float: none; } .inner-local .local { float: none; line-height: 30px; font-size: 12px; } .dj-swiper { margin: 20px; } .dj-swiper .pic-w { width: 100%; float: none; border: 3px solid #fff; padding-bottom: 60%; } .dj-swiper .txt { float: none; width: 100%; opacity: 1; margin-top: 20px; } .dj-swiper .txt .title { margin-top: 10px; font-size: 14px; } .dj-swiper .txt .des { margin-top: 10px; font-size: 12px; opacity: .7; } .dj-swiper li::after { width: 100%; } .dj-swiper .txt .jt { display: none; } .djzc .bot, .qyxw, .hyxw, .join, .jytd, .lxwm, .about, .xyzp, .zj-d { padding: 0 20px 20px 20px; } .djzc .bot .dj-list { width: 100%; float: none; margin-bottom: 20px; } .djzc .bot .big-title { padding-bottom: 10px; margin-bottom: 10px; } .djzc .bot .big-title img { height: 30px; } .djzc .bot .dj-list .txt-list li a { padding: 15px 0; } .djzc .bot .dj-list .txt-list li, .djzc .bot .dj-list .pic-list li { opacity: .8; } .djzc .bot .dj-list .pic-list li { margin-bottom: 10px; } .djzc .bot .dj-list .pic-list .title { font-size: 14px; white-space: pre-wrap; } .djzc .bot .dj-list .pic-list .right .des { font-size: 12px; line-height: 20px; height: 60px; } .djzc .bot .dj-list .pic-list .box .pic-w { height: 150px; } a.more { padding: 3% 0; font-size: 14px; } .sx { margin-top: 15px; } .sx select { height: 30px; line-height: 30px; } .sx span { line-height: 30px; } .inner-local .local a { margin: 0 5px; } .inner-top .inner-nav { padding: 0; display: block; overflow: hidden; } .inner-top .inner-nav a { float: left; width: 50%; } .hy-swiper li .left { width: 100%; float: none; } .hy-swiper li .left .pic-w { width: 100%; float: none; } .hy-swiper li .left .txt { width: 100%; float: none; padding: 20px; } .hy-swiper li .left .txt .title { font-size: 16px; } .hy-swiper li .txt .des { margin: 10px 0; font-size: 12px; } .hy-swiper li .time { display: none; } .hy-swiper .hy-page { bottom: 20px; } .hy-swiper .hy-page .swiper-pagination-bullet { display: inline-block; margin: 0; margin-right: 8px; } .xw-list li .pic-w { width: 100%; float: none; padding-bottom: 40%; } .xw-list li .txt { width: 100%; float: none; margin-top: 10px; } .xw-list li .title span { font-size: 14px; } .xw-list li .time { margin-left: 10px; } .hy-list li { width: 100%; margin-bottom: 20px; } .hy-list li .txt { margin-top: 10px; } .hy-list li .line { margin: 10px 0; } .hy-list li .pic-w { padding-bottom: 40%; } .hy-list li .title { font-size: 14px; } .inner-local .fenl { float: none; margin-top: 20px; overflow: hidden; } .inner-top .inner-nav a{ border-bottom: 1px solid #5b5c5d; font-size: 15px; } .inner-top .inner-nav.qyjs{ border:none; } .inner-local .fenl a { height: 35px; padding: 0 20px; line-height: 33px; margin-left: 0; margin-right: 8px; width: 50%; float: left; margin-right: 0; } .inner-local { padding: 20px; } .join li .title { font-size: 14px; } .join li .title { padding: 10px; } .join li .main { padding: 10px; } .join li .main .right { float: none; text-align: left; margin-bottom: 10px; font-size: 14px; } .join li .main .price { font-size: 14px; } .join li .main .left { float: none; } .join li .main img { max-width: 100%; } .inner-banner { padding-bottom: 35%; } .jytd .main li { width: 100%; float: none; } .jytd .main li .title { padding: 10px 0; } .jytd .main li:first-child .title { padding-top: 0; } .pop-zz .rw-box { width: 90%; padding: 20px; } .pop-zz .rw-box .name { font-size: 16px; } .pop-zz .rw-box .main .pic-w { width: 100px; height: 120px; } .pop-zz .rw-box .main { display: block; } .pop-zz .rw-box .main .txt { width: 100%; float: none; margin-top: 20px; } .pop-zz .rw-box .icon-close { font-size: 30px; right: 20px; top: 20px; } .lxwm .title { font-size: 18px; } .lxwm .top .pic-w { width: 100%; float: none; padding-bottom: 70%; float: none; } .lxwm .top .right { position: relative; width: 100%; margin-top: 20px; height: 300px; } .lxwm .top { margin: 20px 0; } .lxwm .bot { display: block; padding: 10px; } .lxwm .bot p { line-height: 30px; margin-bottom: 10px; } .lxwm .bot p:last-child { margin-bottom: 0; } .lxwm .bot i { width: 30px; height: 30px; line-height: 28px; margin-right: 10px; } .about .top .left { position: relative; width: 100%; } .about .top .left .box { float: left; width: 50%; height: 120px; } .about .top .right { width: 100%; } .about .top .right .play { width: 40px; height: 40px; margin: -20px 0 0 -20px } .about .mid .des { font-size: 12px; } .about .mid .big { font-size: 18px; } .about .mid .small { font-size: 16px; margin: 10px 0; } .fzlc .big { background: none; } .about .mid>img { display: none; } .about .bot { margin-top: 20px; } .about .bot .left { width: 100%; float: none; padding: 10px; overflow: hidden; } .about .bot .left .box { width: 50%; float: left; padding: 10px 0; } .about .bot .left .z50 { font-size: 18px; } .about .bot .left .ms { margin-top: 5px; } .about .bot .left span { float: none; margin-left: 15px; } .about .bot .right { float: none; margin-top: 20px; width: 100%; } .about .bot .right .des { font-size: 12px; } .about .bot .right .title { font-size: 14px; } .about .bot .right .bot-t { font-size: 14px; } .fzlc .big { font-size: 16px; } .fzlc .lc2-swiper li { font-size: 14px; } .fzlc .bot .lc1-swiper { width: 100%; float: none; } .fzlc .bot .lc1-swiper .pic-w { width: 100%; float: none; padding-bottom: 45%; } .fzlc .bot .lc1-swiper .txt { width: 100%; padding: 10px; } .fzlc .bot .button { position: relative; margin-top: 20px; text-align: right; } .fzlc .bot .button i { width: 60px; height: 30px; line-height: 28px; } .qy-top .left { width: 100%; float: none; } .qy-top .qy-swiper li .pic-w { height: 160px; } .qy-top .qy-swiper li .des .left { display: none; } .qy-top .qy-swiper li .des .right { width: 100%; } .qy-top .qy-swiper li .title { margin-bottom: 10px; font-size: 14px; } .qy-top .qy-swiper li .time { font-size: 14px; } .qy-top .bot .box::after { transform: scale(1); } .qy-top .bot .box .txt { opacity: 1; font-size: 14px; line-height: 20px; height: 40px; overflow: hidden; } .qy-top .right { width: 100%; float: none; } .qy-top .right li { margin-bottom: 20px; } .qy-top .right li .title { font-size: 14px; } .qy-top .right li .line { margin: 10px 0; } .qy-top .right li .txt { margin-top: 10px; } .ryzz .zz-nav a { margin: 0; margin-right: 20px; } .ryzz .zz-nav { text-align: left; } .ryzz .zz-main ul li { width: 100%; float: none; margin-right: 0%; margin-bottom: 15px; } .ryzz .zz-main ul li:nth-child(2n) { float: right; } .xmzs-top .big-nav a { height: 35px; padding: 0 20px; line-height: 33px; margin-left: 0; margin-right: 8px; margin-bottom: 10px; font-size: 14px; } .xmzs-top .min-nav a { margin-right: 20px; } .xm-list li { width: 100%; float: none; padding-bottom: 10px; margin-bottom: 20px; } .xm-list li .title { margin-top: 10px; font-size: 14px; } .xm-list li .right { display: none; } .pagination li { width: 30px; height: 30px; line-height: 28px; } .zzjg { padding: 20px; } .zzjg .box .title { font-size: 16px; } .xm-detail .title { padding: 20px 0; font-size: 16px; } .xm-detail .detail-top .pic-w { width: 100%; float: none; padding-bottom: 50%; } .xm-detail .detail-top .right { width: 100%; margin-top: 20px; } .xm-detail .detail-top .right .cham { font-size: 16px; } .xm-detail .detail-top .des { font-size: 12px; } .xm-detail .qt-swiper .title { font-size: 14px; margin-top: 10px; } .xm-detail .qt-swiper li { padding-bottom: 15px; } .xm-detail .qtxm .big { font-size: 16px; } .zj-d .main .right { display: none; } .zj-d .main .left { width: 100%; } .inner-local .back { float: left; } .zj-d .big-title { width: 100%; font-size: 18px; } header .menu { display: block; } .xm-detail .dd { width: 100%; } .inner-box{ padding:20px; } .xmzs-top .big-nav a::after{ display:none; } .xmzs-top .min-nav{ margin:0; } footer .c-box{ display: none; } .inner-box .result{ font-size:16px; } .inner-box li .title{ font-size:14px; } body{ padding-top:50px; } header .search-box button{ background-size: 80%; } }