www.gusucode.com > 【T91】高端大气婚纱影楼网站源码程序 > 【T91】高端大气婚纱影楼网站源码/skins/css/css.css
*{margin:0; padding:0;-webkit-text-size-adjust: none;} *html{background-image:url(about:blank);background-attachment:fixed;}/*IE6*/ body{ color:#6b6b6b; font-family: "Microsoft YaHei", Tahoma,"宋体"; font-size:12px; line-height:24px;} ul,li{list-style:none;} .w{width:1100px; margin:0 auto;} .cl{clear:both; height:10px;} .x{background: url(../images/zzweb/title.png) no-repeat 0px -318px; height:5px;} img{border:0px;} a{text-decoration:none;} .both{ clear:both; margin:30px auto; height:10px;} .headerBox{background:url(../images/zzweb/mian_02.png) repeat-x;*_background:url(../images/zzweb/mian_02.gif) repeat-x; position:fixed; left:0px; top:0px; width:100%; height:33px; z-index:100;_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop));} .header_box{ max-width:1240px; line-height:30px; color:#9697a0;} .header_tel{font-family:Georgia; text-indent:20px; width:400px; background:#fff; float:left} .header_nav{text-align:right; float:right; } .header_nav a{color:#9697a0; padding:0px 10px;} .bodyArea{background:url(../images/zzweb/mian_left.jpg) repeat-y; height:100% } .leftNavBox{ width:200px;background:url(../images/zzweb/mian_left.jpg) repeat-y; position: fixed; top:30px; left:0px; height:100%; _position:absolute;_bottom:auto;z-index:3000; } .logo{background:url(../images/zzweb/logo.gif) no-repeat 50px 15px; width:200px; height:210px; display:block; line-height:800px; overflow:hidden;} .butx{ line-height:35px; font-family: Georgia; font-size:14px;} .butx a{color:#9697a0; } .leftNav ul{height:300px; } .leftNav li{width:200px;height:50px;float:left} .leftNav li a{display:block;height:50px; line-height:50px; font-size:14px; color:#94efff; position:relative; overflow:hidden; text-align:center;cursor:pointer;} .leftNav li em{ display:none; text-transform:uppercase;} .leftNav li.hover{background:#f15300 url(../images/zzweb/mian_08.jpg) 0px -182px!important;} .leftNav li.hover a span{color:#fff; position:absolute; top:-50px;} .leftNav li.hover em{ font-size:14px; color:#fff; font-style:normal; display:inline-block} .navhover{background:#f15300 url(../images/zzweb/mian_08.jpg) 0px -182px!important;} .navhover span{color:#fff; position:absolute; top:-50px;} .navhover em{ font-size:14px; color:#fff !important; font-style:normal; display:inline-block !important} .leftNav ul ul{display:none} .leftNav ul li.hover ul{ left:200px;margin-top:-50px;width:500px;position:absolute;height:auto;overflow:hidden;} .leftNav ul li.hover ul li{height:50px;padding:0; float:left; width:100px;background:#2691a3; border-right:solid 1px #2da4b7;border-bottom:solid 1px #2da4b7;} .leftNav ul li.hover ul{display:block} .leftNav ul li.hover ul li a{height:50px;line-height:50px; font-size:12px;border-top:0;border-bottom:0;color:#fff; background:#2691a3} .leftNav ul li.hover ul li a:hover{background:#f15300; border-right:solid 1px #f15300;border-bottom:solid 1px #f15300;} .c_nav{padding-left:25px; padding-top:20px;height:80px; clear:both} .c_nav a ,.fx a{width:30px; text-indent:100px; line-height:80px; height:30px; display:block; overflow:hidden; float:left; margin-left:15px; -webkit-transition-property: color, background; -webkit-transition-duration: 0.3s, 0.3s; -webkit-transition-timing-function: ease-in, ease-in; } .c_nav a:hover,.fx a:hover{color:#000;} .xl{background: url(../images/zzweb/ico.png) -44px 0px no-repeat;} .xl:hover{background: url(../images/zzweb/ico.png) no-repeat;} .qq{background: url(../images/zzweb/ico.png) -44px -42px no-repeat;} .qq:hover{background: url(../images/zzweb/ico.png) 0 -42px no-repeat;} .wx{background: url(../images/zzweb/ico.png) -44px -84px no-repeat;} .wx:hover{background: url(../images/zzweb/ico.png) 0px -84px no-repeat;} .widthIndex ,.contentBox{ width:1000px;} .rightBox{ padding-left:230px; height:100%; padding-top:30px;} .contentBox{ position:relative} .contentBox p{ margin:20px 0px; line-height:30px;} .titleh2{background: url(../images/zzweb/title.png) no-repeat; height:78px; margin:20px 0px 30px 0px;} .titleh2 a{display:block; float:right; width:60px; height:40px; text-align:center; color:#333; line-height:40px; text-transform:uppercase; font-size:11px; margin-top:14px; font-weight:normal;} .titleh2 .h2More{background:#d6d6d4} .titleh2 .h2Top{background:#f1f1f1} .titleh2 .h2More:hover{background:#33b5cc; color:#fff} .titleh2 .h2Top:hover{background:#f68e51; color:#fff} .h2B{ background-position:0px -104px;} .h2C{ background-position:0px -210px;} .h2D{background-position:0px -315px; height:138px;} .h2D a{ margin-top:50px;} .boxes{ height:100%; overflow:hidden; z-index:100 } .boxgrid img{ position: absolute; top: 0; left: 0; border: 0; overflow: hidden; text-align:center;} .sbox{ height:450px; width:20%; float:left; overflow: hidden; position: relative; text-align:center;} .indexJiudian li{ width:23%; margin-right:1%; *_margin-right:0.5%; float:left; overflow:hidden; position:relative; height:300px;} .indexJiudian li img{position:absolute; left:0px; top:0px;} .indexJiudian li img:hover{ filter:alpha(opacity=50); /* IE */ -moz-opacity:0.5; /* Moz + FF */ opacity: 0.5;} .indexTips{ height:100%; overflow:hidden} .indexTips dl{ float:left; width:45%; padding-right:5%} .indexTips dl dt{ font-size:24px; color:#249aaf;} .indexTips dl dt span{font-size:11px; color:#b5b5b5; font-weight:normal; display:block} .indexTips dl dt span a{font-size:11px; color:#b5b5b5; font-weight:normal;} .indexTips dl dd a{ display:block; height:100px; padding-bottom:60px; margin:15px 0px; background:url(../images/zzweb/more.png) -60px 86px no-repeat; color:#5d5d5d} .indexTips dl dd a:hover{ background-position: -60px -260px; font-weight:normal; } .titleh3{ font-size:30px; color:#000000;} .new_box .xx strong{font-weight:normal; margin-right:20px; display:block; float:left} .new_box .xx {margin:10px auto; height:30px; color:#000000; font-size:11px; border-bottom: 1px dashed #E5E5E5; padding:10px 0px 15px;} .new_content{font-size:14px; line-height:30px; color:#000000; padding-top:30px; height:100%; overflow:hidden} .sx{ text-align:right; font-size:20px; margin-top:100px;} .sx a{ padding:15px; color:#000000} .sx a:hover{ color:#f15300} .bdshare_b{ float:left;filter:alpha(opacity=50); /* IE */ -moz-opacity:0.5; /* Moz + FF */ opacity: 0.5;} .caseNav a{ width:122px; height:68px; float:left; padding:0px 18px; display:block; background:url(../images/zzweb/title.png); line-height:3000px; overflow:hidden; border-bottom: solid 1px #e8e8e8} .caseNav a:hover{border-bottom: solid 1px #f15300} .caseNav .caseA{background-position: 0px -1255px !important;} .caseNav .caseA:hover{background-position: 0px -1346px !important;} .caseNav .caseB{background-position:-170px -1255px!important;} .caseNav .caseB:hover{background-position: -170px -1346px !important;} .caseNav .caseC{background-position:-347px -1255px!important;} .caseNav .caseC:hover{background-position: -347px -1346px !important;} .caseNav .caseD{background-position:-525px -1255px!important;} .caseNav .caseD:hover{background-position: -525px -1346px !important;} .caseNav .caseE{background-position: -705px -1255px !important;} .caseNav .caseE:hover{background-position: -705px -1346px !important;} .caseNav .caseF{background-position: -885px -1255px !important;} .caseNav .caseF:hover{background-position: -885px -1346px !important;} .caseNavs a{ width:90px; height:50px; float:left; padding:0px 15px; display:block; background:url(../images/zzweb/title.png); line-height:3000px; overflow:hidden; border-bottom: solid 1px #e8e8e8} .caseNavs a:hover{border-bottom: solid 1px #f15300} .caseNavs .caseA{background-position: -10px -1446px !important;} .caseNavs .caseA:hover{background-position: -10px -1515px !important;} .caseNavs .caseB{background-position:-139px -1446px!important;} .caseNavs .caseB:hover{background-position: -139px -1515px !important;} .caseNavs .caseC{background-position:-277px -1446px!important;} .caseNavs .caseC:hover{background-position: -277px -1515px !important;} .caseNavs .caseD{background-position:-400px -1446px!important;} .caseNavs .caseD:hover{background-position: -400px -1515px !important;} .caseNavs .caseE{background-position: -535px -1446px !important;} .caseNavs .caseE:hover{background-position: -535px -1515px !important;} .caseNavs .caseF{background-position: -670px -1446px !important;} .caseNavs .caseF:hover{background-position: -670px -1515px !important;} .caseImg {width:104%;} .caseImg img{ margin-bottom:10px} .caseImg .mr0{float:left; width:46%; height:570px; margin-right:4%;margin-bottom:20px} .caseImg .mr0 .title{float:left; width:320px; height:20px;overflow:hidden} .caseImg .mr0 .time{float:right;} .caseImg .mr0 .more {clear:both; padding:10px 0px;} .caseImg .mr0 .more a{display:block; background:#f4f4f4 url(../images/zzweb/moreimg.png) no-repeat 15px 8px; color:#8d8d8d; text-align:right; height:38px; line-height:38px; padding-right:15px;} .caseImg .mr0 .more a:hover{background:#249aaf url(../images/zzweb/moreimgs.png) no-repeat 15px 8px;color:#fff;} .caseImg .mr0 img:hover{filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); -webkit-filter: grayscale(1);} .photoimg{margin-top:50px; height:100%; overflow:hidden;} .photoimg h2{ font-size:18px; height:80px; line-height:80px; text-transform:uppercase} .photoimg img {filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); -webkit-filter: grayscale(1); margin-right:5px;} .photoimg img:hover{filter: grayscale(1%); -webkit-filter: grayscale(1%); -moz-filter: grayscale(1%); -ms-filter: grayscale(1%); -o-filter: grayscale(1%);filter:none; } /*footerBox*/ .footerBox{ background:#f5f5f5; padding-left:200px; height:100%; padding-top:30px;} .footerBoxA{ padding-left:30px;} .newBox{ line-height:25px; margin-top:25px;} .newBox a{ color:#000000; margin-right:30px; -webkit-transition-property: color, background; -webkit-transition-duration: 0.3s, 0.3s; -webkit-transition-timing-function: ease-in, ease-in; } .newBox a:hover{opacity:none; color:#000000; } .bottonA ,.bottonB{margin:20px 0px; clear:both; height:100%; overflow:hidden} .bottonA a ,.bottonB a{float:left; display:block; float:left;background:url(../images/zzweb/title.png) no-repeat} .bottonA .bottonAl{width:740px; height:88px;background-position:0px -675px;} .bottonA .bottonAr{width:260px; height:88px; background-position:-740px -675px;} .bottonA .bottonAl:hover{background-position:0px -585px;} .bottonA .bottonAr:hover{background-position:-740px -585px;} .bottonB .bottonAl{width:565px; height:70px;background-position:0px -783px;} .bottonB .bottonAr{width:175px; height:70px; background-position:-565px -783px;} .bottonB .bottonAl:hover{background-position:0px -861px;} .bottonB .bottonAr:hover{background-position:-565px -861px} .footerNav { margin:0 auto; height: 210px; overflow: hidden; position: relative; } .footerNavBox { float: left; text-align: right; width: 16%; margin-right:0.6%; } .footerNavBox dt { background:#fff; color: black; font-family: Arial,Helvetica,sans-serif; font-weight: bold; height: 22px; line-height: 22px; margin-bottom:10px; padding-right: 8px; text-transform: uppercase; } .footerNavBox dd { font-family: Arial; line-height: 22px; } .footerNavBox dd li{height:22px; overflow:hidden; position:relative;} .footerNavBox dd li a{display:block; height:40px; color:#777777} .footerNavBox dd li a span{display:block} .footerNavBox dd li a:hover{ color:#C30; position:absolute; top:-22px; right:0px;} .footerBoxBtext{position:relative} .footerBoxB{border-top:solid 1px #ececec; border-bottom:solid 1px #ececec; padding:20px 40px;} .footertext{ padding:20px 0px; background:url(../images/zzweb/title.png) 0px -1043px no-repeat; height:60px; padding-left:130px; line-height:20px;} .footertext .call{font-family:Georgia; color:#d00202} .footertext li{float:left; width:30%; margin-right:5%;} .Address{font-family:Georgia;width:32%!important; font-style:italic;color:#909090} .footertext .fx{width:25%; float:right; margin-right:0px;} .footertext .fx a{float:right;} .fx .xl{background: url(../images/zzweb/ico2.png) no-repeat;} .fx .xl:hover{background: url(../images/zzweb/ico2.png) -44px 0px no-repeat;} .fx .qq{background: url(../images/zzweb/ico2.png) 0px -42px no-repeat;} .fx .qq:hover{background: url(../images/zzweb/ico2.png) -44px -42px no-repeat;} .fx .wx{background: url(../images/zzweb/ico2.png) 0px -84px no-repeat;} .fx .wx:hover{background: url(../images/zzweb/ico2.png) -44px -84px no-repeat;} .jszc{ background:#e8e8e8; color:#fff; line-height:20px !important; height:20px!important; text-indent:10px!important;border-radius: 30px; width:120px !important;} .footerBq{ text-align:right; padding:20px 0px;} .footerLink{ background:#000; padding:40px;color:#656565} .linkBox a{color:#656565;margin-right: 15px; -webkit-transition-property: color, background; -webkit-transition-duration: 0.3s, 0.3s; -webkit-transition-timing-function: ease-in, ease-in;} /*topdown*/ .topDown-box{ position: absolute; top:-10px; right: -60px; z-index: 1000; } .iconSmall-tel{ width:20px; height:20px; line-height:20px; background:#0F0000 } .topDown-box span { display:block; background:url(../images/zzweb/ico2.png) 0px -182px no-repeat; cursor: pointer;} .iconSmall-top{width:39px; height:60px;} .iconSmall-top:hover{background-position:-39px -182px} .iconSmall-down{width:39px; height:68px; background-position:0px -242px !important; } .iconSmall-down:hover{ background-position:-39px -242px!important; } .iconSmall-topA{width:16px; height:60px; background:url(../images/zzweb/ico2.png) 0px -310px no-repeat!important;} .iconSmall-topA:hover{background-position:-16px -310px!important} .iconSmall-downA{width:16px; height:68px; background-position:0px -372px !important; } .iconSmall-downA:hover{ background-position:-16px -372px!important; } /*page*/ .crumbs { border-bottom: 1px solid #e5e5e5; margin-bottom: 50px; padding: 25px 0px; margin-top:50px; color:#7e7e7e; text-align:right } .crumbs a { color:#249aaf;} .crumbs strong{float:left; font-size:24px; font-weight:normal;} .news dl {border-bottom: 1px solid #e5e5e5; margin-bottom:40px;} .entext{ font-size:11px; line-height:18px!important; color:#bcbcbc; font-family:Georgia} .serviceImg{height:100%; padding:30px 10px; overflow:hidden} .serviceImg img{margin-right:20px auto;} .serviceImg h3{ background:url(../images/zzweb/titles.png) no-repeat 50% 0px; height:140px; margin:30px auto} .serviceImg .Prepare{ background-position:50% -190px;} .serviceImg .Humanistic{ background-position:50% -414px;} .zpTitle{ font-size:18px; text-transform:uppercase; line-height:30px;} .zpTitle font{font-size:45px; color:#f15307} .zpText{ font-size:14px; padding:20px; line-height:30px; color:#333;} .barndText{text-align:center;} .barndText h3{ font-size:30px; color:#249aaf; font-weight:normal;} /* 分页 */ #pages { font-family:宋体; width:1000px; font-family:Georgia, "Times New Roman", Times, serif;padding:10px 0px 0px 0px; font-size:16px; height:50px; clear:both; position:relative;} #pages a { padding:5px 8px;display:inline-block; height:15px; margin-right:15px; line-height:15px; text-align:left; color:#fff; color:#333; } #pages a.a1 { margin:0px 5px; } .a1,.a2{color:#c7c7c7!important;} #pages .a2{ position:absolute; right:0px; top:18px;} #pages .as{font-size:12px;} #pages a:hover {color:#e10000; text-decoration:none; border-bottom:solid 1px #f15300} #pages span { display:inline-block;color:#e10000; border-bottom:solid 1px #f15300 text-align:center;margin-right:15px;padding:5px 8px} .page .noPage { display:inline-block; width:55px; height:45px; line-height:45px; background:url(../img/icu/titleBg.png) repeat-x 0 -55px ; text-align:center; color:#a4a4a4; } #pagel,#pager{; font-size:40px !important;} .mintop{ background:#2e99ab; line-height:50px; height:50px;color:#fff; } .mintop a{ color:#fff; padding:0px 10px;} .bodymin{background-repeat: no-repeat;background-position: center 50px; } .imgHongd{ text-align:center;} .imgHongd img{display:block;margin: 0 auto;} .contenttext{ font-family:Felix Titling MT Std;font-style:oblique; margin:40px 0px;} .contenttext li {border-bottom: 1px dashed #D4D4D4; padding:27px 0px} .contenttext li strong{font-size:36px; font-weight:normal; padding-right:20px; text-transform:uppercase;} .contenttext small{ font-size:12px; font-family:Georgia; height:40px; display:block;font-style:oblique; color:#444444;} .contenttext .call{ font-size:30px; color:#d30403; } .contenttext .call b{font-size:16px; font-weight:normal;} .contenttext li a{margin:0px 10px;} .addr{ font-size:14px; font-style:normal; padding-left:210px !important; position:relative;} .addr strong{left:0px; position:absolute;} .addr small{ font-size:12px; font-family:Georgia; height:20px; display:block;font-style:oblique; color:#818181;} #caseNavid {border-bottom:solid 1px #e8e8e8; height:60px; overflow:hidden; margin-top:20px; padding-bottom:20px;} #caseNavid a{ float:left; display:inline-table; font-size:22px; color:#000; margin:0px 5px; padding:0px 6px; height:60px; } #caseNavid a span{ font-size:12px; text-transform:uppercase; color:#a4a4a4; display:block;} #caseNavid a:hover{border-bottom:solid 1px #f15300;color:#f15300;} #caseNavid a:hover span{color:#f15300;} .navshover{color:#f15300!important;} #focus { width: 1000px; height:600px; clear: both; overflow: hidden; position: relative; float: left; } #focus ul { width: 1000px; height: 600px; float: left; position: absolute; clear: both; padding: 0px; margin: 0px; } #focus ul li { float: left; width: 1000px; height: 600px; overflow: hidden; position: relative; padding: 0px; margin: 0px; } #focus .preNext { width: 150px; height: 600px; position: absolute; top: 0px; cursor: pointer; } #focus .pre { left: 0; background: url(../images/zzweb/sprite.png) no-repeat left center; } #focus .next { right: 0; background: url(../images/zzweb/sprite1.png) no-repeat right center; }