@charset "utf-8"; /* CSS Document */ .left{ float:left; overflow:hidden;} .right{ float:right; overflow:hidden;} .wrap{ width:100%; position:relative; overflow:hidden; margin:0 auto;} .content{ overflow:hidden;} .clear{ height:0; clear:both;} /*澶撮儴*/ .header{ width:100%; padding:26px 0 0; position:absolute; left:0; top:0; z-index:99;} .header .head{ width:1200px; height:74px; position:relative; margin:0 auto;} .header h1.logo{ display:block; overflow:hidden; float:left;} .header h1.logo a{ display:block; overflow:hidden;} .header h1.logo a img{ display:block; height:74px;} /*瀵艰埅*/ ul.nav{ display:block; height:48px; padding:19px 0 0; float:right;} ul.nav li{ display:block; padding:0 0 12px; float:left; position:relative; margin:0 0 0 4px;} ul.nav li a{ display:block; line-height:36px; color:#333; font-size:16px; text-align:center; padding:0 20px; position:relative;} ul.nav li>a:hover, ul.nav li.on>a, ul.nav li.cur>a{ color:#fff; background:linear-gradient(to right, #910c78, #e31771); border-radius:18px;} ul.nav li ul.sub{ display:none; min-width:100%; background:#fff; position:absolute; left:50%; top:100%; transform:translateX(-50%);} ul.nav li ul.sub li{ float:none; padding:0; margin:0;} ul.nav li ul.sub li a{ line-height:42px; color:#333; font-size:14px; padding:0 4px; white-space:nowrap; border-bottom:1px solid #faf9f9; border-radius:0; margin:0;} ul.nav li ul.sub li a::after{ display:none !important;} ul.nav li ul.sub li a i{ display:block; width:20px; height:100%; background:url(../images/common/arrow.png) left center no-repeat; position:absolute; right:0; top:0;} ul.nav li ul.sub li>a:hover, ul.nav li ul.sub li.on>a{ color:#e31771; background:#f7f7f7;} ul.nav li ul.sub li>a:hover i, ul.nav li ul.sub li.on>a i{ background-image:url(../images/common/arrow_cur.png);} ul.nav li ul.sub li p.sub{ display:none; width:164px; background:#f7f6f6; overflow:hidden; position:absolute; left:100%; top:0;} ul.nav li ul.sub li p.sub a{ color:#333; font-size:14px; text-align:center; padding:0; border-bottom-color:#fff;} ul.nav li ul.sub li.on p.sub a, ul.nav li.cur p.sub a{ color:#333;} ul.nav li ul.sub li p.sub a:hover{ color:#e31771;} /*banner*/ .banner{ height:500px; background:#fff center no-repeat; background-size:cover;} /*搴曢儴*/ .footer{ background:#f7f7f7; border-top:4px solid #910c78;} .footer .foot{ width:1200px; margin:0 auto; overflow:hidden;} .footer .left{ overflow:hidden; margin:4% 0 3.5% 0;} .footer a.logo{ display:block; overflow:hidden;} .footer a.logo img{ display:block; height:94px;} .footer .code{ overflow:hidden;} .footer .code span{ display:block; line-height:1.72; color:#999; font-size:14px; text-align:center; overflow:hidden; float:left; margin:1.8em 3em 0 0;} .footer .code img{ display:block; height:100px; border-radius:8px; margin:0 auto 1em;} .footer dl{ display:block; text-align:center; overflow:hidden; margin:4% 0 4% 6.5%; float:left;} .footer dl dt{ display:block; padding:0 0 24px; position:relative;} .footer dl dt a{ display:block; line-height:20px; color:#333; font-size:16px;} .footer dl dt a:hover{ color:#e31771;} .footer dl dt i{ display:block; width:30px; height:2px; background:#fff;} .footer dl dd{ display:block;} .footer dl dd a{ line-height:30px; color:#999; font-size:14px;} .footer dl dd a:hover{ color:#e31771;} .footer .copyright{ display:block; line-height:2.3; color:#fff; font-size:13px; text-align:center; overflow:hidden; background:linear-gradient(to right, #910c78, #e31771); padding:1.3em 0;} .footer .copyright nobr{ margin:0 2px;} .footer .copyright a{ color:inherit;} .footer .copyright a:hover{ text-decoration:underline;} /*杩斿洖椤堕儴*/ .backToTop{ display:block; width:50px; height:50px; background:url(../images/common/top.png) center no-repeat; background-size:contain; position:fixed; right:20px; bottom:68px; cursor:pointer; text-indent:-9999px; opacity:0.8; filter:Alpha(opacity=80); z-index:999;} .backToTop:hover{ opacity:1; filter:Alpha(opacity=100);} /*涓讳綋鏍峰紡*/ .main{ position:relative;} .main .menu{ background:linear-gradient(to right, #910c78, #e31771); position:relative;} .main .menu dl{ display:block; width:1200px; font-size:16px; text-align:center; margin:0 auto;} .main .menu dl::before, .main .menu dl::after{ content:""; display:block; overflow:hidden; clear:both;} .main .menu dl dd{ display:inline-block; width:14.28%; line-height:3.75em; overflow:hidden; vertical-align:top; position:relative;} .main .menu dl dd a{ display:inline-block; color:#fff; text-align:center; padding:0 1.625em; vertical-align:top; position:relative;} .main .menu dl dd a:hover{ font-weight:bold;} .main .menu dl dd.cur a{ font-size:1.125em; font-weight:bold;} .main .menu dl dd.cur a::after{ content:''; display:block; width:100%; height:3px; background:#fff; position:absolute; left:0; bottom:0;} /*鍐呭鏍峰紡*/ .main .attr{ width:1200px; margin:0 auto; position:relative;} .main .attr::before, .main .attr::after{ content:""; display:block; overflow:hidden; clear:both;} .main .attr h2.title{ display:block; line-height:2.75; color:#333; font-size:40px; text-align:center; overflow:hidden; padding:0.675em 0 0;} .main .attr h3.title{ display:block; line-height:2; color:#333; font-size:38px; text-align:center; padding:1.5em 0 0.8em;} .main .attr p.mark{ display:block; line-height:3.15; color:#999; font-size:14px; text-align:center; background:#f7f7f7; margin:0 0 0.5em;} .main .article{ min-height:280px; line-height:2.5; color:#4e4e4e; font-size:16px; font-weight:normal; padding:1.2em 4px 4%;} .main .article *{ line-height:inherit; color:inherit; font-size:inherit;} .main .article img{ max-width:100%; height:auto;} /*鏂囩珷鍒囨崲*/ .main .change{ overflow:hidden; padding:3% 0 5%; border-top:1px solid #e5e5e5;} .main .change p{ display:block; max-width:46%; line-height:2; color:#333; font-size:16px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; float:right;} .main .change p:first-child{ float:left; margin-right:8%;} .main .change p a{ color:#333;} .main .change p a:hover{ color:#e31771;} /*椤电爜鏍峰紡*/ .pages{ text-align:center; font-size:16px; padding:6% 0 6%;} .pages span, .pages a{ display:inline-block; *display:inline; *zoom:1; min-width:14px; color:#999; height:24px; line-height:24px; text-align:center; background:#fff; padding:9px 15px; border:1px solid #d2d2d2; margin:0 8px;} .pages a:hover{ color:#fff; background:#e31771; border-color:#e31771;} .pages span{ color:#fff; background:#e31771; border-color:#e31771;} /*鍏徃浠嬬粛*/ .main .about{ background:url(../images/icons/about_bg.png) center no-repeat;} .main .about .txt{ line-height:3; color:#333; font-size:16px; padding:0 0 2%;} .main .about p.count{ display:block; text-align:center; overflow:hidden; padding-bottom:6%;} .main .about p.count span{ display:block; width:25%; color:#333; font-size:16px; font-weight:bold; float:left;} .main .about p.count span b{ line-height:1.7; color:#e31771; font-size:3em;} .main .about p.count span em{ display:block; line-height:1.5; color:#999;} /*绉戠爺瀹炲姏*/ .main .keyan{ background:url(../images/icons/keyan_bg.jpg) center top no-repeat; background-size:cover;} .main .keyan h2.title{ color:#fff;} .main .keyan ul{ display:block; overflow:hidden; padding:0 0 6%; margin:10px -10px;} .main .keyan ul li{ display:block; width:33.33%; font-size:14px; text-align:center; float:left;} .main .keyan ul li div{ overflow:hidden; background:#fff; margin:10px;} .main .keyan ul li b{ display:block; line-height:3.2; color:#910c78; font-size:1.285em; padding:0.2em 0 0;} .main .keyan ul li p{ display:block; min-height:4em; line-height:2; color:#333; padding:0 1.5em 2.14em;} /*杩愯惀瀹炲姏*/ .main .yunying ul{ display:block; overflow:hidden; padding:0 0 6%; margin:10px -10px;} .main .yunying ul li{ display:block; width:33.33%; font-size:16px; float:left;} .main .yunying ul li div{ overflow:hidden; background:#f5f1f4; margin:10px;} .main .yunying ul li img{ display:block; width:100%;} .main .yunying ul li p{ display:block; min-height:7.5em; line-height:2.5; color:#333; padding:0 8%; margin:5% 0;} /*璧勮川鍒楄〃*/ .main ul.honorList{ display:block; overflow:hidden; margin:0 -12px;} .main ul.honorList li{ display:block; width:25%; overflow:hidden; float:left;} .main ul.honorList li a{ display:block; overflow:hidden; position:relative; margin:30px 12px 0;} .main ul.honorList li a em{ display:block; padding:20px; background:url(../images/icons/hb_lt.png) left top no-repeat, url(../images/icons/hb_rt.png) right top no-repeat, url(../images/icons/hb_lb.png) left bottom no-repeat, url(../images/icons/hb_rb.png) right bottom no-repeat; background-size:20px 20px; position:relative;} .main ul.honorList li a em::before, .main ul.honorList li a em::after{ content:""; display:block; width:100%; height:100%; border:1px solid transparent; box-sizing:border-box; position:absolute; left:0; top:0; z-index:3;} .main ul.honorList li a em::before{ background:url(../images/icons/hb_t.png) center top no-repeat, url(../images/icons/hb_b.png) center bottom no-repeat; background-size:108% 20px; background-clip:padding-box; border-width:0 19px;} .main ul.honorList li a em::after{ background:url(../images/icons/hb_l.png) left center no-repeat, url(../images/icons/hb_r.png) right center no-repeat; background-size:20px 108%; background-clip:padding-box; border-width:20px 0;} .main ul.honorList li a img{ display:block; width:100%;} .main ul.honorList li a span{ display:block; line-height:1; color:#333; font-size:16px; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:1.625em 0 0;} .main ul.honorList li a:hover span{ color:#e31771;} /*鑱旂郴鎴戜滑*/ .main dl.conTxt{ display:block; line-height:3; color:#fff; font-size:16px; background:#e31771; overflow:hidden; margin:2% 0 0;} .main dl.conTxt dt{ display:block; width:45.5%; background:#910c78; padding:4% 0 4.5%; padding-left:4.5%; float:left;} .main dl.conTxt dd{ display:block; width:20.5%; padding:4% 0 4.5%; padding-left:4.5%; float:left;} .main .conCode{ width:480px; overflow:hidden; padding:5% 0 0; margin:0 auto;} .main .conCode span{ display:block; width:50%; line-height:1.5; color:#333; font-size:16px; text-align:center; overflow:hidden; float:left;} .main .conCode img{ display:block; height:160px; box-shadow:0 10px 18px 2px rgba(0,0,0,0.16); margin:0.5em auto 1.2em;} .main .map{ overflow:hidden; margin:5% 0 7%;} /*浜у搧鍒楄〃*/ .main ul.proList{ display:block; overflow:hidden; margin:0 -20px -2%;} .main ul.proList li{ display:block; width:25%; overflow:hidden; float:left;} .main ul.proList li a{ display:block; background:#910c78; padding:8px 0 0; overflow:hidden; border-radius:8px; box-shadow:0 5px 20px rgba(0,0,0,0.35); position:relative; margin:30px 20px;} .main ul.proList li a span{ display:block; line-height:2.25; color:#444; font-size:16px; text-align:center; overflow:hidden; background:#fff; padding:0.88em 0 1em; border-radius:8px 8px 0 0;} .main ul.proList li a img{ display:block; width:100%; transition:all ease 0.4s;} .main ul.proList li a i{ display:block; width:50%; height:100%; background:url(../images/icons/pro_mark.png) right bottom no-repeat; background-size:contain; position:absolute; right:0; bottom:0;} .main ul.proList li a:hover span{ color:#e31771;} .main ul.proList li a:hover img{ transform:scale(1.04);} /*鏂伴椈鍒楄〃*/ .main ul.newsList{ display:block; overflow:hidden;} .main ul.newsList li{ display:block; overflow:hidden; padding:28px 0; border-bottom:1px solid #ddd;} .main ul.newsList li a.pic{ display:block; overflow:hidden; float:right; margin-left:4%;} .main ul.newsList li a.pic img{ display:block; width:270px; height:180px; transition:all ease 0.4s;} .main ul.newsList li a.pic:hover img{ transform:scale(1.12);} .main ul.newsList li a.title{ display:block; line-height:2.5; color:#333; font-size:22px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} .main ul.newsList li a.title:hover{ color:#e31771;} .main ul.newsList li .txt{ display:block; height:72px; line-height:24px; color:#999; font-size:14px; margin:10px 0; display:-webkit-box; display:-moz-box; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:3; } .main ul.newsList li span{ display:block; width:10.5%; height:146px; line-height:64px; color:#910c78; font-size:18px; text-align:center; overflow:hidden; padding-right:1em; border-right:1px solid #ddd; float:left; margin:17px 0; margin-right:3%;} .main ul.newsList li span em{ display:block; line-height:1.12; font-size:2.65em; padding:0.56em 0 0;} .main ul.newsList li a.more{ display:block; line-height:2.5; color:#e31771; font-size:14px; overflow:hidden; float:left;} /*鍥剧墖鍒楄〃*/ .main ul.saleList{ display:block; overflow:hidden; margin:1% -10px 0;} .main ul.saleList li{ display:block; width:33.33%; overflow:hidden; float:left;} .main ul.saleList li a{ display:block; overflow:hidden; padding:14px; padding-right/:0; border:1px solid #eee; position:relative; margin:20px 10px 0;} .main ul.saleList li a:hover{ border-color:#910c78;} .main ul.saleList li a img{ display:block; width:128px; height:180px; transition:all ease 0.4s; float:left; margin-right:20px;} .main ul.saleList li a p{ display:block; line-height:3.2; line-height:2.7; color:#333; font-size:15px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} .main ul.saleList li a p:nth-child(2){ margin-top:1em;} /*鏌ヨ琛ㄥ崟*/ .main form.job{ display:block; width:912px; overflow:hidden; margin:2% auto 7%;} .main form.job .con{ overflow:hidden;} .main form.job p{ display:block; overflow:hidden; padding:12px 0;} .main form.job p.short{ margin:0 20% 0;} .main form.job .con p{ width:33.33%; float:left;} .main form.job p label{ display:block; width:5em; line-height:42px; color:#333; font-size:16px; font-weight:normal; white-space:nowrap; text-align:right; float:left; margin:0 12px 0 0;} .main form.job p input.text{ display:block; width:calc(100% - 5em - 12px); height:42px; color:#333; font-size:16px; padding:0 16px; border:1px solid #e5e5e5; border-radius:4px; box-sizing:border-box; float:left;} .main form.job p input.short{ width:calc(100% - 5em - 12px - 162px);} .main form.job p img{ display:block; width:144px; height:40px; border:1px solid #e5e5e5; border-radius:4px; float:left; margin-left:16px;} .main form.job p label.radio{ width:auto; text-align:left; cursor:pointer; margin:0 24px 0 0;} .main form.job p label.radio input{ display:block; width:14px; height:42px; float:left; cursor:pointer; margin:0 6px 0 0;} .main form.job p label.file{ width:calc(100% - 5em - 12px); line-height:40px; text-align:left; background:#fff; border:1px solid #e5e5e5; border-radius:4px; cursor:pointer; overflow:hidden; box-sizing:border-box; margin:0;} .main form.job p label.file input{ display:none;} .main form.job p label.file span{ line-height:38px; color:#333; padding:0 16px; white-space:nowrap; text-overflow:ellipsis;} .main form.job p label.file span i{ color:#999;} .main form.job p label.file em{ display:block; width:6em; color:#fff; text-align:center; background:linear-gradient(to right, #910c78, #e31771); float:right;} .main form.job p select{ display:block; width:calc(100% - 5em - 12px); height:42px; color:#333; font-size:16px; padding:0 16px; border:1px solid #e5e5e5; border-radius:4px; cursor:pointer; float:left;} .main form.job p input.btn{ display:block; width:11em; height:2.4em; color:#fff; font-size:20px; background:linear-gradient(to right, #910c78, #e31771); border:0; border-radius:5px; cursor:pointer; margin:2% auto 0;} div.relust{ font-size:16px; background:#f7f7f7; padding:1% 2% 2%; margin:0 24% 8%;} div.relust em{ display:block; line-height:2; color:#e31771;} div.relust p{ display:block; min-height:3em; line-height:2; color:#666; font-size:0.875em; text-align:center; padding:0.5em 0 0;} /*鏌ヨ缁撴灉*/ .main table.result{ width:974px; font-size:18px; border-collapse:collapse; table-layout:fixed; margin:2% auto 8%;} .main table.result tr th{ height:6em; line-height:1.5; color:#e31771; font-size:1.22em; font-weight:normal; text-align:center; background:#f7f6f6; border:1px solid #f7f6f6; border-bottom:0;} .main table.result tr th span{ margin-left:2em;} .main table.result tr td{ height:4.5em; line-height:1.5; color:#333; text-align:center; border:1px solid #e5e5e5;} .main table.result tr td span{ display:inline-block; width:8em; text-align:left;} .main table.result tr td b{ display:inline-block; width:2.5em; color:#e31771; text-align:right;} /*pc閫傞厤*/ @media only screen and (max-width:1240px){ .header .head, .footer .foot, .main .menu dl, .main .attr{ width:auto; margin:0 20px;} ul.nav li a{ font-size:15px; padding:0 18px;} .footer dl{ margin-left:4.5%;} .banner{ height:41.6vw;} .main .menu dl dd{ width:auto; min-width:14.28%;} .main .keyan ul li p{ min-height:6em; padding-bottom:1.5em;} .main .yunying ul li p{ min-height:10em;} .main dl.conTxt dt{ width:43%; padding-right:2.5%;} div.relust{ margin:0 20% 8%;} } @media only screen and (max-width:1024px){ .header .head, .footer .foot, .main .menu dl, .main .attr{ width:auto; margin:0 20px;} .header .head, .header h1.logo a img{ height:64px;} ul.nav{ display:none;} .footer a.logo, .footer dl{ display:none;} .footer .left{ float:none;} .footer .code{ width:336px; margin:0 auto;} .footer .code img{ height:120px;} .footer .code span{ margin:0 24px 0;} .main .menu dl{ margin:0 10px;} .main .menu dl dd a{ display:block; padding:0;} .main .menu dl dd.cur a{ font-size:1em;} .main .attr h2.title{ font-size:32px; padding-bottom:0.25em;} .main .attr h3.title{ font-size:27px;} .main .attr p.mark{ font-size:15px; margin:0.5em 0;} .main .article{ padding-bottom:8%;} .pages{ font-size:15px; padding:7% 0 8%;} .pages span, .pages a{ padding:5px 10px;} .main .about .txt{ line-height:2.5; font-size:15px;} .main .about p.count span{ font-size:14.5px;} .main .about p.count span b{ font-size:2.8em;} .main .keyan ul li{ width:50%;} .main .keyan ul li p{ min-height:4em;} .main .yunying ul li{ font-size:14px;} .main .yunying ul li p{ line-height:2; min-height:10em;} .main ul.honorList{ margin:-10px -10px 10px;} .main ul.honorList li{ width:33.33%;} .main ul.honorList li a{ margin:20px 10px 0;} .main ul.honorList li a span{ font-size:15px; padding:1.4em 0 0;} .main dl.conTxt dt{ width:100%; box-sizing:border-box;} .main dl.conTxt dd{ width:50%; box-sizing:border-box;} .main ul.proList{ padding:12px 0 0; margin:4px -12px -12px;} .main ul.proList li{ width:33.33%; margin:-12px 0 0;} .main ul.proList li a{ margin:15px 16px 25px;} .main ul.newsList{ padding:0 0 0;} .main ul.newsList li{ padding:20px 0;} .main ul.newsList li a.pic img{ width:234px; height:156px;} .main ul.newsList li a.title{ font-size:18px; margin:2px 0 -2px;} .main ul.newsList li .txt{ height:48px; -webkit-line-clamp:2;} .main ul.newsList li span{ height:122px;} .main ul.newsList li span em{ margin-top:-16px;} .main ul.saleList li{ width:50%;} .main ul.saleList li a{ padding:12px; padding-right:0;} .main ul.saleList li a p{ line-height:3; font-size:14px;} .main ul.saleList li a p:nth-child(2){ margin-top:0.8em;} .main ul.saleList li a img{ width:108px; height:150px;} .main form.job p{ padding:12px 0;} .main form.job .con p{ width:50%;} .main form.job p label{ font-size:16px;} .main form.job p select, .main form.job p input.text{ font-size/:14px;} .main form.job p input.btn{ font-size:19px;} .main table.result{ width:100%; font-size:16px;} } @media only screen and (max-width:960px){ .main form.job{ width:auto; margin-left:24px; margin-right:24px;} } @media only screen and (max-width:767px){ .header .head, .footer .foot, .menu ul, .main .attr{ margin:0 12px;} .header{ padding:12px 0 0;} .header .head, .header h1.logo a img{ height:36px;} .footer{ padding:0;} .footer .code{ float:none; text-align:center; padding:4% 0 2%;} .footer .code span{ font-size:13px;} .footer .copyright{ line-height:2; font-size:12px; text-align:center;} .backToTop{ width:32px; height:32px; background-size:100% 100%; right:12px; bottom:28px; z-index:999;} .banner{ height:48vw;} .main .menu dl{ margin:0 -1px 0 0;} .main .menu dl dd{ width:33.33%; font-size:13.5px; border-width:0 1px 1px 0; line-height:3em; display:block; float:left;} .main .menu dl dd a{ border:1px solid rgba(255,255,255,0.3); border-width:0 1px 1px 0;} .main .menu dl dd.cur a{ background:rgba(0,0,0,0.2);} .main .menu dl dd.cur a::after{ display:none;} .main .attr h2.title{ font-size:22px; padding-bottom:0;} .main .attr h3.title{ line-height:1.72; font-size:20px;} .main .attr p.mark{ font-size:12px; margin:0 0 0.3em;} .main .article{ font-size:13px; padding-bottom:6%;} .main .change{ padding:16px 0 32px;} .main .change p{ font-size:13px; float:none !important; max-width:none; border:0; padding:2px 0;} .pages{ font-size:13px; padding:9% 0 10%;} .pages span, .pages a{ padding:2px 7px; margin:0 4px;} .main .about .txt{ font-size:13.5px;} .main .about p.count span{ width:50%; font-size:13.5px;} .main .about p.count span b{ font-size:2.5em;} .main .keyan ul li{ width:100%;} .main .yunying ul li{ width:100%;} .main .yunying ul li p{ min-height:0; padding:0 4%;} .main ul.honorList{ margin:-8px -6px 8px;} .main ul.honorList li{ width:50%;} .main ul.honorList li a{ margin:20px 6px 0;} .main ul.honorList li a em{ padding:8px; background-size:8px 8px;} .main ul.honorList li a em::before{ background-size:100% 8px; border-width:0 7px;} .main ul.honorList li a em::after{ background-size:8px 100%; border-width:8px 0;} .main ul.honorList li a span{ font-size:14px; padding-top:1.2em;} .main dl.conTxt{ font-size:13.5px; line-height:2.5;} .main dl.conTxt dd{ width:100%;} .main .conCode{ width:auto;} .main .conCode span{ font-size:14px;} .main .conCode img{ height:120px;} .main ul.proList{ margin:4px -4px -12px;} .main ul.proList li{ width:50%;} .main ul.proList li a{ margin:15px 8px 16px; box-shadow:0 5px 8px rgba(0,0,0,0.35);} .main ul.proList li a span{ font-size:14px; padding:0.65em 0 0.5em;} .main ul.newsList li{ padding:12px 0; padding-left:2px; position:relative;} .main ul.newsList li a.pic{ margin-left:16px;} .main ul.newsList li a.pic img{ width:128px; height:88px;} .main ul.newsList li a.title{ font-size:15px; margin:0;} .main ul.newsList li .txt{ height:40px; line-height:20px; font-size:12px; margin:2px 0 0;} .main ul.newsList li span{ width:auto; height:auto; line-height:1; color:#fff; font-size:12px; background:linear-gradient(to right, rgb(145,12,120,0.88), rgb(227,23,113,0.88)); padding:0.5em 0.4em 0.7em; border:0; margin:0; position:absolute; right:0; top:12px; transform:scale(0.9); transform-origin:right top;} .main ul.newsList li span em{ line-height:1; font-size:18px; padding:0 0 0.2em; margin:0;} .main ul.newsList li a.more{ display:none;} .main ul.saleList li{ width:100%;} .main ul.saleList li a{ padding:8px; margin:12px 10px 0;} .main ul.saleList li a p{ line-height:2.15;} .main form.job{ width:312px; margin:2% auto 12%;} .main form.job p{ padding:6px 0;} .main form.job .con p{ width:100%;} .main form.job p label{ line-height:36px; font-size:14px; margin-right:8px;} .main form.job p input.text{ width/:184px; height:36px; font-size:14px;} .main form.job p label.radio input{ height:36px;} .main form.job p label.file{ line-height:34px;} .main form.job p label.file span{ line-height:inherit;} .main form.job p label.file em{ width:5em;} .main form.job p select{ width:226px; height:36px; font-size:14px;} .main form.job p input.btn{ width:9.2em; font-size:17px;} .main form.job p.short{ margin:0;} .main form.job p img{ height:34px; width:90px; margin-left:12px;} .main form.job p input.short{ width:calc(100% - 5em - 12px - 104px);} div.relust{ padding:3% 5% 5%; margin:0 2% 10%;} div.relust p{ line-height:1.8; padding:0.3em 0 0.1em;} .main table.result{ width:100%; font-size:14px; margin:6% auto 12%;} .main table.result tr th{ height:3em;} .main table.result tr td{ height:4em; padding:3px 0 0;} .main table.result tr td span{ display:block; width:auto; text-align:center;} .main table.result tr td b{ width:auto;} } .personnel{ overflow:hidden; padding:7% 12% 9%;} .personnel img{ display:block; width:204px; height:280px; padding:1%; border:1px solid #910c78; float:left; margin-right:6%;} .personnel .box{ font-size:16px; overflow:hidden;} .personnel h4{ display:block; line-height:3; color:#333; font-size:1.5em;} .personnel p{ display:block; line-height:3; color:#666;} @media only screen and (max-width:1024px){ .personnel{ overflow:hidden; padding:7% 6% 9%;} .personnel img{ margin-right:8%;} } @media only screen and (max-width:767px){ .personnel{ overflow:hidden; padding:7% 2% 9%;} .personnel img{ width:124px; height:168px; padding:2%; margin-right:7%;} .personnel .box{ font-size:14px;} .personnel h4{ line-height:2.5; font-size:1.35em;} .personnel p{ line-height:2.2;} } /**/