|
|
| (40 intermediate revisions by 2 users not shown) |
| Line 1: |
Line 1: |
| | <html> | | <html> |
| | <style type="text/css"> | | <style type="text/css"> |
| − |
| |
| | #sideMenu, #top_title {display:none;} | | #sideMenu, #top_title {display:none;} |
| | | | |
| Line 8: |
Line 7: |
| | | | |
| | | | |
| − | #content { padding:0px; width:100%; margin-top:-3px; margin-left:0px;} | + | #content { padding:0px; width:140%; margin-top:-3px; margin-left:0px;} |
| − | | + | |
| − | .header-iframe { height:400px; width:100%; border:0; overflow: hidden; position: relative; z-index:10;}
| + | |
| − | .banner { margin-top:-320px;position: relative;}
| + | |
| − | .banner .banner-img { width:100%;}
| + | |
| − | .second-nav { position: absolute;width: 315px; right:0; top:310px; height:120px; background: url('../img/bg2.png') no-repeat;z-index:11; }
| + | |
| − | .second-nav ul { list-style: none; margin-left: 37px; margin-top: 38px; border-left: solid 2px #5ea9f0; padding-left: 15px;}
| + | |
| − | .second-nav ul a { font-size: 14px; color:#5ea9f0; text-decoration: none; cursor: pointer; line-height: 23px;}
| + | |
| − | .detail-nav { margin-top: 50px;}
| + | |
| − | .detail-nav ul { list-style: none; overflow: hidden; width:1200px; margin: 0 auto; padding-bottom:50px;}
| + | |
| − | .detail-nav ul li { float:left;}
| + | |
| − | .detail-nav ul li a { text-decoration: none; display: block; width:200px; text-align: center; font-size:14px; color:#439ea3;}
| + | |
| − | .detail-nav ul li a span { line-height: 35px;}
| + | |
| − | .footer-iframe { width:100%; height:84px; overflow: hidden; border:0; margin-bottom:-5px;}
| + | |
| | | | |
| | + | @media screen and (min-width: 1920px) { |
| | + | #content {width:140%;} |
| | + | } |
| | | | |
| − | .detail-desc { text-align: center;background: #b4d6ec;margin-top:-320px;padding-top: 50px;}
| + | @media screen and (min-width: 2048px) { |
| − | .detail-desc .logo { margin-bottom:10px;}
| + | #content {width:140%;} |
| − | .detail-desc .title { color:#439ea3; font-size: 32px;letter-spacing: 3px;margin-bottom: 10px;}
| + | } |
| − | .detail-desc .line { margin-bottom:5px;}
| + | @media screen and (max-width: 1920px) { |
| − | .detail-desc .text-desc { color:#666;font-size: 14px;}
| + | #content {width:100%;} |
| − | .detail-container { background: #b4d6ec;padding-top:40px;padding-bottom: 130px;}
| + | } |
| − | .detail-container ul { list-style: none;overflow: hidden;width:1234px;margin:0 auto;padding-bottom:10px;padding-right:10px;}
| + | |
| − | .detail-container ul li { float:left;}
| + | |
| − | .detail-container ul .item { background: #fff; cursor: pointer; padding-top: 20px; padding-bottom:15px;text-align: center;width:250px;height:330px;background:url('../img/bgg1.png') no-repeat; background-size:100% 100%;}
| + | |
| − | .detail-container ul .item .img2 { display: none;}
| + | |
| − | .detail-container ul .item .sub-title { color:#ff8838;font-size: 18px;margin-top:5px;margin-bottom:15px;}
| + | |
| − | .detail-container ul .item .sub-title img { vertical-align: middle;margin-left:5px;width:19px;position: relative;top:-2px;}
| + | |
| − | .detail-container ul .item .sub-title .ionc2 { display: none;}
| + | |
| − | .detail-container ul .item .text-description { padding:10px 30px;}
| + | |
| − | .detail-container .pre-page,.detail-container .next-page { position: relative;top:140px;margin:0 20px;cursor: pointer;width:77px;text-align: center;}
| + | |
| − | .detail-container .pre-page img,.detail-container .next-page img { width:40px;}
| + | |
| − | .detail-container ul .item.active { background:url('../img/bgg2.png') no-repeat;color:#fff;}
| + | |
| − | .detail-container ul .item.active .sub-title { color:#fff;}
| + | |
| − | .detail-container ul .item a { display: block;}
| + | |
| − | .detail-container ul .item.active .sub-title .ionc1 { display: none;}
| + | |
| − | .detail-container ul .item.active .sub-title .ionc2 { display: inline-block;}
| + | |
| − | .detail-container ul .item.active .img1 { display: none;}
| + | |
| − | .detail-container ul .item.active .img2 { display: inline-block;}
| + | |
| − | .detail-container ul .li-wrap { box-shadow: 1px 1px 10px;overflow: hidden;max-width: 1000px;float: left;}
| + | |
| | | | |
| | + | @media screen and (max-width: 1080px) { |
| | + | #content {width:140%;} |
| | + | } |
| | </style> | | </style> |
| | </html> | | </html> |
